gitextract_7dvh5nw8/ ├── .babelrc ├── .editorconfig ├── .eslintrc ├── .gitignore ├── README.md ├── dist/ │ └── audi-ui.css ├── gulpfile.js ├── package.json ├── src/ │ ├── _blank-component/ │ │ ├── README.md │ │ ├── _blank.scss │ │ └── blank.js │ ├── _functions.scss │ ├── _mixins.scss │ ├── _themes.scss │ ├── _variables.scss │ ├── alert/ │ │ ├── README.md │ │ ├── _alert.scss │ │ ├── alert.js │ │ └── snippets/ │ │ ├── alert-animate.html │ │ ├── alert-danger.html │ │ ├── alert-sticky.html │ │ ├── alert-success.html │ │ └── alert-warning.html │ ├── animation/ │ │ └── _animation.scss │ ├── audioplayer/ │ │ ├── _audioplayer-themes.scss │ │ ├── _audioplayer.scss │ │ ├── audioplayer.js │ │ └── snippets/ │ │ ├── audioplayer-basic.html │ │ ├── audioplayer-cover-small.html │ │ ├── audioplayer-download.html │ │ ├── audioplayer-playlist.html │ │ └── audioplayer-volume-control.html │ ├── badge/ │ │ ├── _badge.scss │ │ └── snippets/ │ │ ├── badge-charging-blue.html │ │ ├── badge-charging-green.html │ │ ├── badge-danger.html │ │ ├── badge-hidden.html │ │ ├── badge-signal-green.html │ │ ├── badge-signal-red.html │ │ ├── badge-signal-yellow.html │ │ ├── badge-single-digit.html │ │ ├── badge-small-icon.html │ │ ├── badge-small-label-small.html │ │ ├── badge-small-label.html │ │ ├── badge-small-text.html │ │ ├── badge-small.html │ │ ├── badge-success.html │ │ ├── badge-warning.html │ │ └── badge.html │ ├── breadcrumb/ │ │ ├── _breadcrumb-themes.scss │ │ ├── _breadcrumb.scss │ │ ├── breadcrumb.js │ │ └── snippets/ │ │ └── breadcrumb.html │ ├── breakpoint/ │ │ ├── README.md │ │ └── _breakpoint.scss │ ├── button/ │ │ ├── README.md │ │ ├── _button-themes.scss │ │ ├── _button.scss │ │ └── snippets/ │ │ ├── button-bold.html │ │ ├── button-disabled.html │ │ ├── button-floating.html │ │ ├── button-icon-disabled.html │ │ ├── button-icon-large-disabled.html │ │ ├── button-icon-large.html │ │ ├── button-icon.html │ │ ├── button-primary-disabled.html │ │ ├── button-primary-sticky.html │ │ ├── button-primary-with-icon-disabled.html │ │ ├── button-primary-with-icon-right-disabled.html │ │ ├── button-primary-with-icon-right.html │ │ ├── button-primary-with-icon.html │ │ ├── button-primary.html │ │ ├── button-secondary-disabled.html │ │ ├── button-secondary-with-icon-disabled.html │ │ ├── button-secondary-with-icon-right-disabled.html │ │ ├── button-secondary-with-icon-right.html │ │ ├── button-secondary-with-icon.html │ │ ├── button-secondary.html │ │ ├── button-text-disabled.html │ │ ├── button-text.html │ │ └── button.html │ ├── button-group/ │ │ ├── README.md │ │ ├── _button-group.scss │ │ └── snippets/ │ │ ├── button-group-icons.html │ │ ├── button-group-primary-secondary.html │ │ ├── button-group-two-secondary.html │ │ └── button-group-two-text.html │ ├── card/ │ │ ├── README.md │ │ ├── _card.scss │ │ └── snippets/ │ │ └── card-actions.html │ ├── checkbox/ │ │ ├── README.md │ │ ├── _checkbox-themes.scss │ │ ├── _checkbox.scss │ │ ├── checkbox.js │ │ └── snippets/ │ │ ├── checkbox-checked-disabled.html │ │ ├── checkbox-checked-invalid.html │ │ ├── checkbox-checked.html │ │ ├── checkbox-disabled.html │ │ ├── checkbox-invalid.html │ │ └── checkbox.html │ ├── color/ │ │ ├── README.md │ │ └── _color.scss │ ├── component/ │ │ └── component.js │ ├── draggable/ │ │ ├── README.md │ │ ├── _draggable-themes.scss │ │ ├── _draggable.scss │ │ └── snippets/ │ │ ├── draggable-list-active.html │ │ └── draggable-list.html │ ├── dropdown/ │ │ ├── _dropdown-themes.scss │ │ ├── _dropdown.scss │ │ ├── dropdown.js │ │ └── snippets/ │ │ ├── dropdown-disabled.html │ │ ├── dropdown-invalid.html │ │ ├── dropdown-multiple.html │ │ └── dropdown.html │ ├── dropzone/ │ │ ├── README.md │ │ ├── _dropzone-themes.scss │ │ ├── _dropzone.scss │ │ └── snippets/ │ │ ├── dropzone-fullpage.html │ │ └── dropzone.html │ ├── fieldset/ │ │ ├── _fieldset-themes.scss │ │ ├── _fieldset.scss │ │ └── snippets/ │ │ ├── fieldset-radios-invalid.html │ │ ├── fieldset-radios.html │ │ ├── fieldset-selects-invalid.html │ │ ├── fieldset-selects.html │ │ ├── fieldset-textfields-invalid.html │ │ └── fieldset-textfields.html │ ├── figure/ │ │ ├── README.md │ │ └── _figure.scss │ ├── flyout/ │ │ ├── README.md │ │ ├── _flyout-themes.scss │ │ ├── _flyout.scss │ │ ├── flyout.js │ │ └── snippets/ │ │ ├── flyout-center.html │ │ ├── flyout-right.html │ │ └── flyout.html │ ├── fullscreen/ │ │ └── _fullscreen.scss │ ├── grid/ │ │ ├── README.md │ │ └── _grid.scss │ ├── header/ │ │ ├── README.md │ │ ├── _header.scss │ │ ├── header.js │ │ └── snippets/ │ │ └── header-sticky.html │ ├── index.js │ ├── index.scss │ ├── indicator/ │ │ ├── _indicator-themes.scss │ │ ├── _indicator.scss │ │ ├── indicator.js │ │ └── snippets/ │ │ ├── indicator-image.html │ │ └── indicator.html │ ├── list/ │ │ ├── README.md │ │ └── _list.scss │ ├── modal/ │ │ ├── README.md │ │ ├── _modal.scss │ │ ├── modal-default.js │ │ ├── modal-dialog.js │ │ ├── modal-morph.js │ │ ├── modal.js │ │ └── snippets/ │ │ ├── modal-layer.html │ │ ├── modal-morphing-layer.html │ │ ├── modal-window.html │ │ └── modal.html │ ├── nav/ │ │ ├── README.md │ │ ├── _nav-themes.scss │ │ ├── _nav.scss │ │ ├── nav-bar.js │ │ ├── nav-dropdown.js │ │ ├── nav-list.js │ │ ├── nav.js │ │ └── snippets/ │ │ ├── nav-bar-small.html │ │ ├── nav-bar.html │ │ ├── nav-dropdown-sticky.html │ │ ├── nav-dropdown.html │ │ ├── nav-list-icons.html │ │ ├── nav-list-large-icons.html │ │ ├── nav-tab-overlap.html │ │ ├── nav-tab-small.html │ │ ├── nav-tab.html │ │ └── nav.html │ ├── notification/ │ │ ├── _notification.scss │ │ ├── notification.js │ │ └── snippets/ │ │ ├── notification-light.html │ │ └── notification.html │ ├── pager/ │ │ ├── README.md │ │ ├── _pager-themes.scss │ │ ├── _pager.scss │ │ └── snippets/ │ │ ├── pager-minimal.html │ │ ├── pager-pagination.html │ │ └── pager.html │ ├── pagination/ │ │ ├── _pagination-themes.scss │ │ ├── _pagination.scss │ │ ├── pagination.js │ │ └── snippets/ │ │ └── pagination.html │ ├── player/ │ │ ├── README.md │ │ ├── _player.scss │ │ ├── player.js │ │ └── snippets/ │ │ ├── player_chrome.html │ │ ├── player_large-button.html │ │ ├── player_overlay.html │ │ ├── player_related-container.html │ │ └── player_video-container.html │ ├── popover/ │ │ ├── README.md │ │ ├── _popover.scss │ │ ├── popover.js │ │ └── snippets/ │ │ ├── popover-dark.html │ │ ├── popover-image.html │ │ └── popover.html │ ├── progress/ │ │ ├── _progress-themes.scss │ │ ├── _progress.scss │ │ ├── progress.js │ │ └── snippets/ │ │ ├── continuous-progress.html │ │ └── progress.html │ ├── radio/ │ │ ├── README.md │ │ ├── _radio-themes.scss │ │ ├── _radio.scss │ │ ├── radio.js │ │ └── snippets/ │ │ ├── radio-checked-disabled.html │ │ ├── radio-checked.html │ │ ├── radio-disabled.html │ │ └── radio.html │ ├── requirements.scss │ ├── response/ │ │ ├── README.md │ │ ├── _response.scss │ │ └── response.js │ ├── select/ │ │ ├── _select-themes.scss │ │ ├── _select.scss │ │ ├── select.js │ │ └── snippets/ │ │ ├── select-disabled.html │ │ ├── select-invalid.html │ │ └── select.html │ ├── slider/ │ │ ├── _slider-themes.scss │ │ ├── _slider.scss │ │ ├── slider.js │ │ └── snippets/ │ │ ├── slider-disabled.html │ │ ├── slider-output.html │ │ ├── slider-range-disabled.html │ │ └── slider-range.html │ ├── spinner/ │ │ ├── _spinner-themes.scss │ │ ├── _spinner.scss │ │ ├── snippets/ │ │ │ ├── continuous-spinner.html │ │ │ └── spinner.html │ │ └── spinner.js │ ├── sr-only/ │ │ ├── README.md │ │ └── _sr-only.scss │ ├── sticky/ │ │ └── sticky.js │ ├── switch/ │ │ ├── README.md │ │ ├── _switch-themes.scss │ │ ├── _switch.scss │ │ └── snippets/ │ │ ├── switch-checked-disabled.html │ │ ├── switch-checked.html │ │ ├── switch-disabled.html │ │ ├── switch-equal-checked-disabled.html │ │ ├── switch-equal-disabled.html │ │ ├── switch-equal.html │ │ ├── switch-text-left-disabled.html │ │ ├── switch-text-left.html │ │ ├── switch-without-text.html │ │ └── switch.html │ ├── table/ │ │ ├── README.md │ │ ├── _table-themes.scss │ │ ├── _table.scss │ │ └── snippets/ │ │ ├── table-colored.html │ │ ├── table-nonsemantic.html │ │ ├── table-responsive.html │ │ ├── table-stretched-responsive.html │ │ └── table-stretched.html │ ├── textfield/ │ │ ├── README.md │ │ ├── _textfield-themes.scss │ │ ├── _textfield.scss │ │ ├── snippets/ │ │ │ ├── textfield-disabled.html │ │ │ ├── textfield-floating-label.html │ │ │ ├── textfield-icon.html │ │ │ ├── textfield-invalid.html │ │ │ ├── textfield-multiline-counter.html │ │ │ ├── textfield-multiline-disabled.html │ │ │ ├── textfield-multiline-invalid.html │ │ │ ├── textfield-multiline.html │ │ │ ├── textfield-valid.html │ │ │ └── textfield.html │ │ └── textfield.js │ ├── tooltip/ │ │ ├── README.md │ │ ├── _tooltip.scss │ │ ├── snippets/ │ │ │ ├── tooltip-dark.html │ │ │ ├── tooltip-image-dark.html │ │ │ ├── tooltip-image.html │ │ │ └── tooltip.html │ │ └── tooltip.js │ ├── typography/ │ │ ├── README.md │ │ ├── _typography.scss │ │ └── snippets/ │ │ ├── headline-1.html │ │ ├── headline-2.html │ │ ├── headline-3.html │ │ ├── headline-4.html │ │ ├── headline-5.html │ │ ├── headline-6.html │ │ ├── list-arrow.html │ │ ├── list-bullet.html │ │ ├── list-number.html │ │ ├── paragraph-big.html │ │ ├── paragraph-caption.html │ │ ├── paragraph-shortread.html │ │ ├── paragraph-small.html │ │ ├── paragraph.html │ │ └── textlink.html │ ├── util/ │ │ ├── _units.scss │ │ ├── animation-end-event.js │ │ ├── clamp.js │ │ ├── closest.js │ │ ├── is-none.js │ │ ├── limit.js │ │ ├── map-linear.js │ │ ├── matches.js │ │ ├── object-resize.js │ │ ├── reflow.js │ │ ├── resize-observer.js │ │ ├── scroll-observer-element.js │ │ ├── scroll-observer.js │ │ ├── signal.js │ │ └── transition-end-event.js │ └── visibility/ │ ├── README.md │ └── _visibility.scss └── test/ └── visual/ ├── js/ │ └── test.js ├── pages/ │ ├── _layouts/ │ │ ├── default.nunjucks │ │ ├── page-color.nunjucks │ │ └── page.nunjucks │ ├── _macros/ │ │ ├── helpers.nunjucks │ │ ├── icon.nunjucks │ │ └── section.nunjucks │ ├── _shared/ │ │ ├── color-control.nunjucks │ │ ├── demo-content.nunjucks │ │ ├── nav.nunjucks │ │ └── section.nunjucks │ ├── audioplayer/ │ │ └── index.nunjucks │ ├── button/ │ │ ├── floating.nunjucks │ │ ├── index.nunjucks │ │ └── sticky.nunjucks │ ├── button-group/ │ │ └── index.nunjucks │ ├── card/ │ │ └── index.nunjucks │ ├── draganddrop/ │ │ ├── dropzone-fullpage.nunjucks │ │ └── index.nunjucks │ ├── form/ │ │ └── index.nunjucks │ ├── index.nunjucks │ ├── loading/ │ │ └── index.nunjucks │ ├── modal/ │ │ └── index.nunjucks │ ├── navigation/ │ │ ├── header.nunjucks │ │ └── index.nunjucks │ ├── notification/ │ │ ├── alert-animate.nunjucks │ │ ├── alert-danger.nunjucks │ │ ├── alert-sticky.nunjucks │ │ ├── alert-success.nunjucks │ │ ├── alert-warning.nunjucks │ │ └── index.nunjucks │ ├── pagination/ │ │ └── index.nunjucks │ ├── player/ │ │ └── index.nunjucks │ ├── popover/ │ │ └── index.nunjucks │ ├── switch/ │ │ └── index.nunjucks │ ├── table/ │ │ └── index.nunjucks │ ├── tooltip/ │ │ └── index.nunjucks │ └── typography/ │ └── index.nunjucks └── scss/ ├── components/ │ ├── align.scss │ ├── color.scss │ ├── control.scss │ ├── header.scss │ ├── main.scss │ ├── nav.scss │ ├── section.scss │ ├── snippet.scss │ └── spacing.scss ├── mixins.scss └── test.scss