├── .editorconfig
├── .eslintrc.js
├── .github
├── ISSUE_TEMPLATE
│ ├── bug-report.md
│ ├── config.yml
│ └── contribution-proposal.md
├── pull_request_template.md
└── workflows
│ ├── build.yml
│ ├── check-website-links.yml
│ ├── lock-threads.yml
│ └── stale-threads.yml
├── .gitignore
├── .npmrc
├── .nvmrc
├── .prettierignore
├── .prettierrc.js
├── .stylelintrc
├── CHANGELOG.md
├── LICENSE
├── README.md
├── apps
├── README.md
├── adoption
│ └── src
│ │ └── app
│ │ ├── migrations
│ │ └── card
│ │ │ ├── card.1.angular.txt
│ │ │ ├── card.1.core.txt
│ │ │ ├── card.2.angular.txt
│ │ │ └── card.2.core.txt
│ │ └── pages
│ │ └── card.page.ts
├── core-angular-cli
│ ├── .browserslistrc
│ ├── .editorconfig
│ ├── .gitignore
│ ├── README.md
│ ├── angular.json
│ ├── karma.conf.js
│ ├── package.json
│ ├── src
│ │ ├── app
│ │ │ ├── app-routing.module.ts
│ │ │ ├── app.component.html
│ │ │ ├── app.component.scss
│ │ │ ├── app.component.spec.ts
│ │ │ ├── app.component.ts
│ │ │ └── app.module.ts
│ │ ├── assets
│ │ │ └── .gitkeep
│ │ ├── environments
│ │ │ ├── environment.prod.ts
│ │ │ └── environment.ts
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ ├── main.ts
│ │ ├── polyfills.ts
│ │ ├── styles.scss
│ │ └── test.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.json
│ ├── tsconfig.spec.json
│ └── yarn.lock
├── core-angular-js
│ ├── .gitignore
│ ├── README.md
│ ├── package.json
│ ├── postcss.config.js
│ ├── rollup.config.js
│ ├── src
│ │ ├── favicon.ico
│ │ ├── index.css
│ │ ├── index.html
│ │ └── index.js
│ └── yarn.lock
├── core-angular-universal
│ ├── .browserslistrc
│ ├── .editorconfig
│ ├── .gitignore
│ ├── README.md
│ ├── angular.json
│ ├── karma.conf.js
│ ├── package.json
│ ├── server.ts
│ ├── src
│ │ ├── app
│ │ │ ├── app-routing.module.ts
│ │ │ ├── app.browser.module.ts
│ │ │ ├── app.component.html
│ │ │ ├── app.component.scss
│ │ │ ├── app.component.spec.ts
│ │ │ ├── app.component.ts
│ │ │ ├── app.module.ts
│ │ │ └── app.server.module.ts
│ │ ├── assets
│ │ │ └── .gitkeep
│ │ ├── environments
│ │ │ ├── environment.prod.ts
│ │ │ └── environment.ts
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ ├── main.server.ts
│ │ ├── main.ts
│ │ ├── polyfills.ts
│ │ ├── styles.scss
│ │ └── test.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.json
│ ├── tsconfig.server.json
│ ├── tsconfig.spec.json
│ └── yarn.lock
├── core-cdn-demo
│ ├── index.html
│ └── package.json
├── core-create-react-app
│ ├── .gitignore
│ ├── README.md
│ ├── package.json
│ ├── public
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ ├── logo192.png
│ │ ├── logo512.png
│ │ ├── manifest.json
│ │ └── robots.txt
│ ├── src
│ │ ├── App.css
│ │ ├── App.test.tsx
│ │ ├── App.tsx
│ │ ├── index.css
│ │ ├── index.tsx
│ │ ├── logo.svg
│ │ ├── react-app-env.d.ts
│ │ ├── serviceWorker.ts
│ │ └── setupTests.ts
│ ├── tsconfig.json
│ └── yarn.lock
├── core-parcel-js
│ ├── .gitignore
│ ├── README.md
│ ├── package.json
│ ├── src
│ │ ├── index.css
│ │ ├── index.html
│ │ ├── index.js
│ │ └── init.js
│ └── yarn.lock
├── core-rollup-js
│ ├── .gitignore
│ ├── README.md
│ ├── package.json
│ ├── postcss.config.js
│ ├── rollup.config.js
│ ├── src
│ │ ├── favicon.ico
│ │ ├── index.css
│ │ ├── index.html
│ │ └── index.js
│ └── yarn.lock
├── core-simple-devapp
│ ├── .gitignore
│ ├── LICENSE
│ ├── README.md
│ ├── demo
│ │ ├── favicon.ico
│ │ ├── index.css
│ │ ├── index.html
│ │ └── index.js
│ ├── package.json
│ ├── src
│ │ ├── counter
│ │ │ ├── counter.element.styles.ts
│ │ │ ├── counter.element.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ └── index.ts
│ ├── tsconfig.json
│ └── web-dev-server.config.mjs
├── core-snowpack
│ ├── .gitignore
│ ├── README.md
│ ├── package.json
│ ├── public
│ │ ├── index.css
│ │ └── index.html
│ ├── snowpack.config.json
│ ├── src
│ │ └── index.js
│ └── yarn.lock
├── core-vue-cli
│ ├── .gitignore
│ ├── README.md
│ ├── babel.config.js
│ ├── package.json
│ ├── public
│ │ ├── favicon.ico
│ │ └── index.html
│ ├── src
│ │ ├── App.vue
│ │ ├── assets
│ │ │ └── logo.png
│ │ ├── components
│ │ │ └── HelloWorld.vue
│ │ └── main.js
│ └── yarn.lock
├── package.json
├── shim-clr-ui
│ ├── .browserslistrc
│ ├── .editorconfig
│ ├── .gitignore
│ ├── README.md
│ ├── angular.json
│ ├── karma.conf.js
│ ├── package.json
│ ├── src
│ │ ├── app
│ │ │ ├── accordion-demo
│ │ │ │ ├── accordion-demo.component.html
│ │ │ │ └── accordion-demo.component.ts
│ │ │ ├── app-routing.module.ts
│ │ │ ├── app.component.html
│ │ │ ├── app.component.scss
│ │ │ ├── app.component.ts
│ │ │ ├── app.module.ts
│ │ │ ├── combobox-demo
│ │ │ │ ├── combobox-demo.component.html
│ │ │ │ └── combobox-demo.component.ts
│ │ │ ├── datagrid-demo
│ │ │ │ ├── datagrid-demo.component.html
│ │ │ │ ├── datagrid-demo.component.ts
│ │ │ │ └── inventory
│ │ │ │ │ ├── inventory.ts
│ │ │ │ │ ├── pokemon.ts
│ │ │ │ │ ├── user.ts
│ │ │ │ │ └── values.ts
│ │ │ ├── modal-demo
│ │ │ │ ├── modal-demo.component.html
│ │ │ │ └── modal-demo.component.ts
│ │ │ ├── overview
│ │ │ │ ├── overview.component.html
│ │ │ │ └── overview.component.ts
│ │ │ ├── stepper-demo
│ │ │ │ ├── stepper-demo.component.html
│ │ │ │ └── stepper-demo.component.ts
│ │ │ └── wizard-demo
│ │ │ │ ├── wizard-demo.component.html
│ │ │ │ └── wizard-demo.component.ts
│ │ ├── assets
│ │ │ └── .gitkeep
│ │ ├── environments
│ │ │ ├── environment.prod.ts
│ │ │ └── environment.ts
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ ├── main.ts
│ │ ├── polyfills.ts
│ │ ├── styles.scss
│ │ └── test.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.json
│ ├── tsconfig.spec.json
│ └── yarn.lock
└── website
│ ├── .gitignore
│ ├── .markdownlint.json
│ ├── .vuepress
│ ├── blocks.js
│ ├── code
│ │ ├── core-usage-demos
│ │ │ ├── alert
│ │ │ │ ├── app-level-error.html
│ │ │ │ ├── app-level-info.html
│ │ │ │ ├── app-level-type.html
│ │ │ │ ├── app-level-warning.html
│ │ │ │ ├── card-alert.html
│ │ │ │ ├── default-type.html
│ │ │ │ ├── default-vs-compact.html
│ │ │ │ ├── lightweight-card.html
│ │ │ │ ├── lightweight-error.html
│ │ │ │ ├── lightweight-group.html
│ │ │ │ ├── lightweight-info.html
│ │ │ │ ├── lightweight-loading.html
│ │ │ │ ├── lightweight-success.html
│ │ │ │ ├── lightweight-type.html
│ │ │ │ ├── lightweight-unknown.html
│ │ │ │ ├── lightweight-warning.html
│ │ │ │ ├── modal-alert.html
│ │ │ │ ├── sizes.html
│ │ │ │ ├── standard-error.html
│ │ │ │ ├── standard-group.html
│ │ │ │ ├── standard-info.html
│ │ │ │ ├── standard-success.html
│ │ │ │ └── standard-warning.html
│ │ │ ├── checkbox
│ │ │ │ ├── basic.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal-inline.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── indeterminate.html
│ │ │ │ ├── success.html
│ │ │ │ ├── vertical-inline.html
│ │ │ │ └── vertical.html
│ │ │ ├── datalist
│ │ │ │ ├── active.html
│ │ │ │ ├── basic.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── layouts.html
│ │ │ │ ├── states.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── file
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── form-group
│ │ │ │ └── basic.html
│ │ │ ├── form
│ │ │ │ ├── compact.html
│ │ │ │ ├── error.html
│ │ │ │ ├── helper.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── icon
│ │ │ │ ├── badges.html
│ │ │ │ ├── colors.html
│ │ │ │ ├── flip.html
│ │ │ │ ├── inverse-color.html
│ │ │ │ ├── rotate-attr.html
│ │ │ │ ├── rotate-style.html
│ │ │ │ ├── size-attr.html
│ │ │ │ └── size-style.html
│ │ │ ├── input-group
│ │ │ │ ├── active.html
│ │ │ │ ├── complex.html
│ │ │ │ ├── control-actions.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── status.html
│ │ │ │ └── success.html
│ │ │ ├── input
│ │ │ │ ├── active.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── controlled-width.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── modal
│ │ │ │ ├── basic.html
│ │ │ │ └── sizes.html
│ │ │ ├── password
│ │ │ │ ├── active.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── radio
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal-inline.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ ├── vertical-inline.html
│ │ │ │ └── vertical.html
│ │ │ ├── range
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── search
│ │ │ │ ├── active.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── select
│ │ │ │ ├── active.html
│ │ │ │ ├── basic.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── multiple.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── textarea
│ │ │ │ ├── active.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ ├── theme
│ │ │ │ └── custom.scss
│ │ │ ├── time
│ │ │ │ ├── active.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ └── vertical.html
│ │ │ └── toggle
│ │ │ │ ├── alignment.html
│ │ │ │ ├── basic.html
│ │ │ │ ├── compact.html
│ │ │ │ ├── disabled.html
│ │ │ │ ├── enabled.html
│ │ │ │ ├── error.html
│ │ │ │ ├── horizontal-inline.html
│ │ │ │ ├── horizontal.html
│ │ │ │ ├── success.html
│ │ │ │ ├── vertical-inline.html
│ │ │ │ └── vertical.html
│ │ └── demos
│ │ │ ├── accordion
│ │ │ └── basic.html
│ │ │ ├── alert
│ │ │ ├── app-level-icon-css.html
│ │ │ ├── app-level-main-css.html
│ │ │ ├── app-level-main-ng.html
│ │ │ ├── basic-app-level-css.html
│ │ │ ├── basic-app-level-ng.html
│ │ │ ├── card-css.html
│ │ │ ├── card-ng.html
│ │ │ ├── closable-false-ng.html
│ │ │ ├── clr-alert-app-level-ng.html
│ │ │ ├── clr-alert-closed-change-ng.html
│ │ │ ├── clr-alert-size-small-ng.html
│ │ │ ├── clr-alert-type-ng.html
│ │ │ ├── content-area-css.html
│ │ │ ├── main-container-css.html
│ │ │ ├── main-container-ng.html
│ │ │ ├── modal-css.html
│ │ │ ├── modal-ng.html
│ │ │ ├── multiple-app-level-alerts-ng.html
│ │ │ ├── placement-css.html
│ │ │ ├── placement-ng.html
│ │ │ ├── size-css.html
│ │ │ ├── size-ng.html
│ │ │ ├── types-css.html
│ │ │ └── types-ng.html
│ │ │ ├── app-layout
│ │ │ ├── content-container-css.html
│ │ │ ├── content-container-ng.html
│ │ │ └── custom-rem-size.css
│ │ │ ├── badge
│ │ │ ├── colors-css.html
│ │ │ ├── colors-ng.html
│ │ │ ├── status-css.html
│ │ │ └── status-ng.html
│ │ │ ├── button-group
│ │ │ ├── accessibility.html
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── checkbox-css.html
│ │ │ ├── flat-css.html
│ │ │ ├── icons-css.html
│ │ │ ├── icons-with-text-css.html
│ │ │ ├── mixed-css.html
│ │ │ ├── outline-css.html
│ │ │ ├── overflow-css.html
│ │ │ ├── primary-css.html
│ │ │ ├── radio-css.html
│ │ │ └── small-css.html
│ │ │ ├── button
│ │ │ ├── block-css.html
│ │ │ ├── flat-css.html
│ │ │ ├── icon-css.html
│ │ │ ├── inverse-css.html
│ │ │ ├── loading-ng.html
│ │ │ ├── loading.ts
│ │ │ ├── outline-css.html
│ │ │ ├── sizes-css.html
│ │ │ ├── solid-css.html
│ │ │ ├── states-css.html
│ │ │ └── types-css.html
│ │ │ ├── card
│ │ │ ├── alert-css.html
│ │ │ ├── basic-css.html
│ │ │ ├── clickable-css.html
│ │ │ ├── columns-css.html
│ │ │ ├── dropdown-css.html
│ │ │ ├── grid-css.html
│ │ │ ├── images-css.html
│ │ │ ├── list-group-css.html
│ │ │ ├── lists-css.html
│ │ │ ├── media-block-css.html
│ │ │ └── progress-bars-css.html
│ │ │ ├── checkbox
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── disabled-css.html
│ │ │ ├── disabled-ng.html
│ │ │ ├── helper-css.html
│ │ │ ├── helper-ng.html
│ │ │ ├── indeterminate-css.html
│ │ │ ├── indeterminate-ng.html
│ │ │ ├── inline-css.html
│ │ │ └── inline-ng.html
│ │ │ ├── combobox
│ │ │ ├── async.html
│ │ │ ├── basic.html
│ │ │ ├── multi.html
│ │ │ └── single.html
│ │ │ ├── datagrid
│ │ │ ├── basic-structure.html
│ │ │ ├── batch-action.html
│ │ │ ├── binding-properties.html
│ │ │ ├── built-in-filters.html
│ │ │ ├── compact.html
│ │ │ ├── custom-rendering.html
│ │ │ ├── detail.html
│ │ │ ├── expandable-rows.html
│ │ │ ├── filtering.html
│ │ │ ├── fixed-height.html
│ │ │ ├── hide-show-columns.html
│ │ │ ├── pagination.html
│ │ │ ├── placeholder.html
│ │ │ ├── selection.html
│ │ │ ├── server-driven.html
│ │ │ ├── single-action.html
│ │ │ ├── single-selection.html
│ │ │ ├── smart-iterator.html
│ │ │ └── sorting.html
│ │ │ ├── datalist
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── validation-css.html
│ │ │ └── validation-ng.html
│ │ │ ├── datepicker
│ │ │ ├── basic-ng.html
│ │ │ ├── i18n-ng.ts
│ │ │ ├── js-date-object.html
│ │ │ ├── min-max-ng.html
│ │ │ ├── reactive-date.html
│ │ │ ├── reactive-date.ts
│ │ │ ├── template-driven.html
│ │ │ └── template-driven.ts
│ │ │ ├── dropdown
│ │ │ ├── basic-angular-css.html
│ │ │ ├── basic-angular-ng.html
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── bottom-right-css.html
│ │ │ ├── bottom-right-ng.html
│ │ │ ├── icon-angular-ng.html
│ │ │ ├── icon-toggle-css.html
│ │ │ └── icon-toggle-ng.html
│ │ │ ├── form
│ │ │ ├── compact.html
│ │ │ ├── horizontal.html
│ │ │ └── vertical.html
│ │ │ ├── grid
│ │ │ ├── 1-12-css.html
│ │ │ ├── 1-12-ng.html
│ │ │ ├── 1-col-width-auto-css.html
│ │ │ ├── 1-col-width-auto-ng.html
│ │ │ ├── 1-col-width-css.html
│ │ │ ├── 1-col-width-ng.html
│ │ │ ├── col-offset-css.html
│ │ │ ├── col-offset-ng.html
│ │ │ ├── col-stack-css.html
│ │ │ ├── col-stack-ng.html
│ │ │ ├── col-wrapping-css.html
│ │ │ ├── col-wrapping-ng.html
│ │ │ ├── column-1-css.html
│ │ │ ├── column-1-ng.html
│ │ │ ├── flex-grid-css.html
│ │ │ ├── flex-grid-ng.html
│ │ │ ├── grid-nesting-css.html
│ │ │ ├── grid-nesting-ng.html
│ │ │ ├── horizontal-alignments-css.html
│ │ │ ├── horizontal-alignments-ng.html
│ │ │ ├── multi-row-css.html
│ │ │ ├── multi-row-ng.html
│ │ │ ├── self-align-css.html
│ │ │ ├── self-align-ng.html
│ │ │ ├── variable-width-content-css.html
│ │ │ ├── variable-width-content-ng.html
│ │ │ ├── vert-align-css.html
│ │ │ └── vert-align-ng.html
│ │ │ ├── header
│ │ │ ├── basic.html
│ │ │ ├── colors.html
│ │ │ ├── subnav.html
│ │ │ └── types.html
│ │ │ ├── i18n
│ │ │ ├── localize-ng.ts
│ │ │ ├── translate-ng.ts
│ │ │ ├── update-step-1.ts
│ │ │ └── update-step-2.ts
│ │ │ ├── input
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── helper-css.html
│ │ │ ├── helper-ng.html
│ │ │ ├── label-css.html
│ │ │ └── label-ng.html
│ │ │ ├── label
│ │ │ ├── badges-css.html
│ │ │ ├── badges-ng.html
│ │ │ ├── color-css.html
│ │ │ ├── color-ng.html
│ │ │ ├── demo1-css.html
│ │ │ ├── demo1-ng.html
│ │ │ ├── food-css.html
│ │ │ ├── food-ng.html
│ │ │ ├── status-css.html
│ │ │ └── status-ng.html
│ │ │ ├── list
│ │ │ ├── compact.html
│ │ │ ├── ordered.html
│ │ │ ├── unordered.html
│ │ │ └── unstyled.html
│ │ │ ├── login
│ │ │ ├── login-css.html
│ │ │ └── login-ng.html
│ │ │ ├── modal
│ │ │ ├── modal-backdrop.html
│ │ │ ├── modal-basic.html
│ │ │ └── modal-sizes.html
│ │ │ ├── navigation
│ │ │ ├── header-css.html
│ │ │ ├── header-ng.html
│ │ │ ├── header-sidenav-css.html
│ │ │ ├── header-sidenav-ng.html
│ │ │ ├── header-subnav-css.html
│ │ │ ├── header-subnav-ng.html
│ │ │ ├── nav-1-css.html
│ │ │ ├── nav-2-css.html
│ │ │ ├── sidenav-css.html
│ │ │ ├── sidenav-ng.html
│ │ │ ├── subnav-sidenav-css.html
│ │ │ └── subnav-sidenav-ng.html
│ │ │ ├── password
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── helper-css.html
│ │ │ └── helper-ng.html
│ │ │ ├── progress
│ │ │ ├── determinate-css.html
│ │ │ ├── determinate-ng.html
│ │ │ ├── indeterminate-css.html
│ │ │ ├── indeterminate-ng.html
│ │ │ ├── labeled-css.html
│ │ │ └── labeled-ng.html
│ │ │ ├── radio
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── disabled-css.html
│ │ │ ├── disabled-ng.html
│ │ │ ├── helper-css.html
│ │ │ ├── helper-ng.html
│ │ │ ├── inline-css.html
│ │ │ └── inline-ng.html
│ │ │ ├── range
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── disabled-css.html
│ │ │ ├── disabled-ng.html
│ │ │ ├── helper-css.html
│ │ │ └── helper-ng.html
│ │ │ ├── select
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── helper-css.html
│ │ │ ├── helper-ng.html
│ │ │ ├── label-css.html
│ │ │ └── label-ng.html
│ │ │ ├── sidenav
│ │ │ ├── icons-css.html
│ │ │ ├── icons-ng.html
│ │ │ ├── nav-groups-css.html
│ │ │ ├── nav-groups-ng.html
│ │ │ ├── structure-css.html
│ │ │ └── structure-ng.html
│ │ │ ├── signpost
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── custom-css.html
│ │ │ └── custom-ng.html
│ │ │ ├── spinner
│ │ │ ├── inline-css.html
│ │ │ ├── inline-ng.html
│ │ │ ├── inverse-css.html
│ │ │ ├── inverse-ng.html
│ │ │ ├── large-css.html
│ │ │ ├── large-ng.html
│ │ │ ├── medium-css.html
│ │ │ ├── medium-ng.html
│ │ │ ├── page-css.html
│ │ │ ├── page-ng.html
│ │ │ ├── small-css.html
│ │ │ └── small-ng.html
│ │ │ ├── stack-view
│ │ │ ├── stack-view-editing.html
│ │ │ ├── stack-view-lazy.html
│ │ │ └── stack-view.html
│ │ │ ├── stepper
│ │ │ ├── reactive-form.html
│ │ │ ├── reactive-form.ts
│ │ │ ├── template-form.html
│ │ │ └── template-form.ts
│ │ │ ├── table
│ │ │ ├── basic.html
│ │ │ ├── borderless.html
│ │ │ ├── compact.html
│ │ │ ├── left-align.html
│ │ │ ├── multiline.html
│ │ │ └── vertical.html
│ │ │ ├── tabs
│ │ │ ├── horizontal-css.html
│ │ │ ├── horizontal-ng.html
│ │ │ ├── overflow-css.html
│ │ │ ├── overflow-ng.html
│ │ │ ├── two-way-css.html
│ │ │ ├── two-way-ng.html
│ │ │ ├── vertical-css.html
│ │ │ └── vertical-ng.html
│ │ │ ├── textarea
│ │ │ ├── basic-css.html
│ │ │ ├── basic-ng.html
│ │ │ ├── helper-css.html
│ │ │ ├── helper-ng.html
│ │ │ ├── label-css.html
│ │ │ └── label-ng.html
│ │ │ ├── themes
│ │ │ ├── angular.json
│ │ │ └── webpack.js
│ │ │ ├── timeline
│ │ │ ├── horizontal-ng.html
│ │ │ ├── horizontal.html
│ │ │ ├── vertical-ng.html
│ │ │ └── vertical.html
│ │ │ ├── toggle
│ │ │ ├── disabled-demo-css.html
│ │ │ ├── disabled-demo-ng.html
│ │ │ ├── error-demo-css.html
│ │ │ ├── error-demo-ng.html
│ │ │ ├── helper-demo-css.html
│ │ │ ├── helper-demo-ng.html
│ │ │ ├── inline-demo-css.html
│ │ │ ├── inline-demo-ng.html
│ │ │ ├── right-demo-css.html
│ │ │ └── right-demo-ng.html
│ │ │ ├── tooltip
│ │ │ ├── tooltip-bottom-left.html
│ │ │ ├── tooltip-bottom-right.html
│ │ │ ├── tooltip-left.html
│ │ │ ├── tooltip-lg.html
│ │ │ ├── tooltip-md.html
│ │ │ ├── tooltip-right.html
│ │ │ ├── tooltip-sm.html
│ │ │ ├── tooltip-top-left.html
│ │ │ ├── tooltip-top-right.html
│ │ │ └── tooltip-xs.html
│ │ │ ├── tree-view
│ │ │ ├── basic-ng.html
│ │ │ ├── checkbox-binding-ng.html
│ │ │ ├── checkbox-binding.json
│ │ │ ├── checkbox-binding.ts
│ │ │ ├── checkbox-ng.html
│ │ │ ├── checkbox.json
│ │ │ ├── checkbox.ts
│ │ │ ├── dynamic.html
│ │ │ ├── dynamic.ts
│ │ │ ├── empty-css.html
│ │ │ ├── expanded-ng.html
│ │ │ ├── lazy-ng.html
│ │ │ ├── lazy-recursive-ng.html
│ │ │ ├── lazy-recursive-ng.ts
│ │ │ ├── lazy-tree.ts
│ │ │ ├── recursive-ng.html
│ │ │ ├── recursive-ng.ts
│ │ │ └── routed-ng.html
│ │ │ ├── vertical-nav
│ │ │ ├── basic-ng.html
│ │ │ ├── collapsible-ng.html
│ │ │ ├── icon-links-ng.html
│ │ │ ├── jigglypuff-css.html
│ │ │ ├── jigglypuff.html
│ │ │ ├── lazy-ng.html
│ │ │ └── vertical-ng.html
│ │ │ └── wizard
│ │ │ ├── basic-css.html
│ │ │ └── basic-ng.html
│ ├── config.js
│ ├── public
│ │ ├── favicon.ico
│ │ ├── fonts
│ │ │ ├── ClarityCity-Black.woff
│ │ │ ├── ClarityCity-BlackItalic.woff
│ │ │ ├── ClarityCity-Bold.woff
│ │ │ ├── ClarityCity-BoldItalic.woff
│ │ │ ├── ClarityCity-ExtraBold.woff
│ │ │ ├── ClarityCity-ExtraBoldItalic.woff
│ │ │ ├── ClarityCity-ExtraLight.woff
│ │ │ ├── ClarityCity-ExtraLightItalic.woff
│ │ │ ├── ClarityCity-Light.woff
│ │ │ ├── ClarityCity-LightItalic.woff
│ │ │ ├── ClarityCity-Medium.woff
│ │ │ ├── ClarityCity-MediumItalic.woff
│ │ │ ├── ClarityCity-Regular.woff
│ │ │ ├── ClarityCity-RegularItalic.woff
│ │ │ ├── ClarityCity-SemiBold.woff
│ │ │ ├── ClarityCity-SemiBoldItalic.woff
│ │ │ ├── ClarityCity-Thin.woff
│ │ │ └── ClarityCity-ThinItalic.woff
│ │ ├── manifest.json
│ │ └── versions.json
│ ├── sidebar.js
│ └── theme
│ │ ├── LICENSE
│ │ ├── components
│ │ ├── AlgoliaSearchBox.vue
│ │ ├── Footer.vue
│ │ ├── Home.vue
│ │ ├── NavToc.vue
│ │ ├── Navbar.vue
│ │ ├── Page.vue
│ │ ├── PageNav.vue
│ │ ├── PageSubnav.vue
│ │ ├── Sidebar.vue
│ │ └── SkipTo.vue
│ │ ├── core.js
│ │ ├── enhanceApp.js
│ │ ├── filters
│ │ ├── uppercase.js
│ │ └── uppercaseSplit.js
│ │ ├── global-components
│ │ ├── Badge.vue
│ │ ├── CdsDemo.vue
│ │ ├── CdsDemos.vue
│ │ ├── ClrColorList.vue
│ │ ├── ClrColorListSet.vue
│ │ ├── ClrColorsFunctional.vue
│ │ ├── ClrColorsPalette.vue
│ │ ├── ClrImage.vue
│ │ ├── ClrSummary.vue
│ │ ├── ComponentsComparison.vue
│ │ ├── ComponentsOverview.vue
│ │ ├── DocAlert.vue
│ │ ├── DocAlertClassesTable.vue
│ │ ├── DocAlertSummaryOfOptions.vue
│ │ ├── DocCode.vue
│ │ ├── DocCol.vue
│ │ ├── DocComponentApi.vue
│ │ ├── DocDemo.vue
│ │ ├── DocDo.vue
│ │ ├── DocDoDont.vue
│ │ ├── DocDont.vue
│ │ ├── DocIcon.vue
│ │ ├── DocIconDetail.vue
│ │ ├── DocIcons.vue
│ │ ├── DocIconsPreviewSettings.vue
│ │ ├── DocIconsSearch.vue
│ │ ├── DocIconsSet.vue
│ │ ├── DocIndent.vue
│ │ ├── DocInset.vue
│ │ ├── DocLocalizationStrings.vue
│ │ ├── DocModalWrapper.vue
│ │ ├── DocPinbox.vue
│ │ ├── DocPinboxVs.vue
│ │ ├── DocPreviewWarning.vue
│ │ ├── DocStorybook.vue
│ │ ├── DocTypographyTable.vue
│ │ ├── DocVideo.vue
│ │ ├── DocWebComponentAPI.vue
│ │ ├── ItemOverview.vue
│ │ ├── Release.vue
│ │ ├── ReleaseGroup.vue
│ │ ├── ReleaseItem.vue
│ │ ├── Tab.vue
│ │ ├── Tabs.vue
│ │ ├── WhatsNew.vue
│ │ └── services
│ │ │ ├── icon-preview-service.js
│ │ │ └── icon-search-service.js
│ │ ├── index.js
│ │ ├── layouts
│ │ ├── 404.vue
│ │ └── Layout.vue
│ │ ├── noopModule.js
│ │ ├── styles
│ │ ├── a11y-light.scss
│ │ ├── containers.scss
│ │ ├── demo.scss
│ │ ├── fonts.scss
│ │ ├── index.scss
│ │ ├── layout.scss
│ │ ├── overrides.scss
│ │ └── spaces.scss
│ │ └── util
│ │ ├── clipboard-copy.js
│ │ ├── color-utils.js
│ │ ├── index.js
│ │ ├── path-to-id.js
│ │ ├── remove-path-ext.js
│ │ ├── route-guards.js
│ │ └── timer-utils.js
│ ├── README.md
│ ├── angular-components
│ ├── README.md
│ └── _components
│ │ ├── accordion
│ │ ├── README.md
│ │ └── api.md
│ │ ├── alert
│ │ ├── README.md
│ │ └── api.md
│ │ ├── badge
│ │ ├── README.md
│ │ └── api.md
│ │ ├── button-group
│ │ ├── README.md
│ │ └── api.md
│ │ ├── button
│ │ ├── README.md
│ │ └── api.md
│ │ ├── card
│ │ ├── README.md
│ │ └── api.md
│ │ ├── checkbox
│ │ ├── README.md
│ │ └── api.md
│ │ ├── combobox
│ │ ├── README.md
│ │ └── api.md
│ │ ├── datagrid
│ │ ├── README.md
│ │ └── api.md
│ │ ├── datalist
│ │ ├── README.md
│ │ └── api.md
│ │ ├── date-picker
│ │ ├── README.md
│ │ └── api.md
│ │ ├── dropdown
│ │ ├── README.md
│ │ └── api.md
│ │ ├── form
│ │ ├── README.md
│ │ └── api.md
│ │ ├── grid
│ │ ├── README.md
│ │ └── api.md
│ │ ├── header
│ │ ├── README.md
│ │ └── api.md
│ │ ├── input
│ │ ├── README.md
│ │ └── api.md
│ │ ├── label
│ │ ├── README.md
│ │ └── api.md
│ │ ├── list
│ │ ├── README.md
│ │ └── api.md
│ │ ├── login
│ │ ├── README.md
│ │ └── api.md
│ │ ├── modal
│ │ ├── README.md
│ │ └── api.md
│ │ ├── password
│ │ ├── README.md
│ │ └── api.md
│ │ ├── progress-bar
│ │ ├── README.md
│ │ └── api.md
│ │ ├── radio
│ │ ├── README.md
│ │ └── api.md
│ │ ├── range
│ │ ├── README.md
│ │ └── api.md
│ │ ├── select
│ │ ├── README.md
│ │ └── api.md
│ │ ├── sidenav
│ │ ├── README.md
│ │ └── api.md
│ │ ├── signpost
│ │ ├── README.md
│ │ └── api.md
│ │ ├── spinner
│ │ ├── README.md
│ │ └── api.md
│ │ ├── stack-view
│ │ ├── README.md
│ │ └── api.md
│ │ ├── stepper
│ │ ├── README.md
│ │ └── api.md
│ │ ├── tab
│ │ ├── README.md
│ │ └── api.md
│ │ ├── table
│ │ ├── README.md
│ │ └── api.md
│ │ ├── textarea
│ │ ├── README.md
│ │ └── api.md
│ │ ├── timeline
│ │ ├── README.md
│ │ └── api.md
│ │ ├── toggle
│ │ ├── README.md
│ │ └── api.md
│ │ ├── tooltip
│ │ ├── README.md
│ │ └── api.md
│ │ ├── tree-view
│ │ ├── README.md
│ │ └── api.md
│ │ ├── vertical-nav
│ │ ├── README.md
│ │ └── api.md
│ │ └── wizard
│ │ ├── README.md
│ │ └── api.md
│ ├── build
│ ├── parse
│ │ ├── utils.ts
│ │ └── website-demos.ts
│ └── tsconfig.parse.json
│ ├── core-components
│ ├── README.md
│ ├── accordion
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── alert
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── badge
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── button
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── card
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── checkbox
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── control
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── datalist
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── divider
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── file
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── form-group
│ │ ├── README.md
│ │ └── api.md
│ ├── form
│ │ └── README.md
│ ├── icon-button
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── inline-button
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── input-group
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── input
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── list
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── modal
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── password
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── progress-circle
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── radio
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── range
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── search
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── select
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── tag
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── textarea
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── time
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ └── toggle
│ │ ├── README.md
│ │ ├── api.md
│ │ └── code.md
│ ├── data
│ ├── angular-api.json
│ ├── clarity-web-components.js
│ ├── core-component.html
│ ├── functional-colors-dark.json
│ ├── functional-colors-light.json
│ ├── i18n-strings.json
│ ├── icon-inventory.js
│ └── palette-colors.json
│ ├── foundation
│ ├── README.md
│ ├── app-layout
│ │ ├── README.md
│ │ └── api.md
│ ├── color
│ │ └── README.md
│ ├── icons
│ │ ├── README.md
│ │ ├── accessibility.md
│ │ ├── api.md
│ │ ├── code.md
│ │ └── shapes.md
│ ├── internationalization
│ │ └── README.md
│ ├── navigation
│ │ ├── README.md
│ │ └── api.md
│ ├── themes
│ │ ├── README.md
│ │ ├── code.md
│ │ ├── themes.md
│ │ └── usage.md
│ └── typography
│ │ └── README.md
│ ├── get-started
│ ├── README.md
│ ├── design.md
│ ├── developing
│ │ ├── README.md
│ │ └── angular.md
│ ├── roadmap.md
│ ├── support.md
│ └── updating
│ │ ├── README.md
│ │ └── angular.md
│ ├── package.json
│ └── releases
│ ├── README.md
│ ├── v4.md
│ ├── v5.md
│ └── v6.md
├── browserslist
├── bs-config.js
├── changelogs
├── schema.json
├── v4.json
├── v5.json
└── v6.json
├── commitlint.config.js
├── docs
├── BUILD.md
├── CODE_OF_CONDUCT.md
├── CODING_GUIDELINES.md
├── CONTRIBUTING.md
├── CONTRIBUTING_DESIGN.md
├── CONTRIBUTING_DEVELOPMENT.md
├── CONTRIBUTING_DOCUMENTATION.md
├── CONTRIBUTING_ISSUES.md
├── GOVERNANCE.md
├── INSTALLATION.md
├── PUBLISHING.md
└── WEBSITE.md
├── logo.png
├── netlify.toml
├── package.json
├── packages
├── angular
│ ├── .eslintrc.js
│ ├── .gitignore
│ ├── .stylelintrc
│ ├── angular.json
│ ├── karma.conf.js
│ ├── package.json
│ ├── projects
│ │ ├── cds-angular
│ │ │ ├── README.md
│ │ │ ├── _stubs
│ │ │ │ ├── directive.ts.mustache
│ │ │ │ ├── index.ts.mustache
│ │ │ │ ├── module.ts.mustache
│ │ │ │ ├── package.json.mustache
│ │ │ │ ├── public-api.ts.mustache
│ │ │ │ ├── root-index.ts.mustache
│ │ │ │ ├── root-module.ts.mustache
│ │ │ │ └── test.ts.mustache
│ │ │ ├── karma.conf.js
│ │ │ ├── ng-package.json
│ │ │ ├── package.json
│ │ │ ├── src
│ │ │ │ ├── all.spec.ts
│ │ │ │ └── test.ts
│ │ │ ├── tsconfig.lib.json
│ │ │ ├── tsconfig.lib.prod.json
│ │ │ ├── tsconfig.spec.json
│ │ │ ├── tslint.json
│ │ │ └── yarn.lock
│ │ └── clr-angular
│ │ │ └── README.md
│ ├── src
│ │ ├── app
│ │ │ ├── app-routing.module.ts
│ │ │ ├── app.component.html
│ │ │ ├── app.component.scss
│ │ │ ├── app.component.ts
│ │ │ └── app.module.ts
│ │ ├── assets
│ │ │ └── .gitkeep
│ │ ├── environments
│ │ │ ├── environment.prod.ts
│ │ │ └── environment.ts
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ ├── main.ts
│ │ ├── polyfills.ts
│ │ └── styles.scss
│ ├── tsconfig.app.json
│ ├── tsconfig.eslint.json
│ └── tsconfig.json
├── core
│ ├── .browserslistrc
│ ├── .eslintrc.js
│ ├── .storybook
│ │ ├── main.js
│ │ ├── manager-head.html
│ │ ├── manager.js
│ │ ├── preview.js
│ │ └── public
│ │ │ ├── assets
│ │ │ └── images
│ │ │ │ ├── clarity-high-contrast-dark.png
│ │ │ │ ├── clarity-high-contrast-light.png
│ │ │ │ ├── clarity-logo.svg
│ │ │ │ └── clarity-ui-theme.png
│ │ │ ├── common.css
│ │ │ ├── manager.css
│ │ │ └── preview.css
│ ├── README.md
│ ├── build
│ │ ├── build.tokens.ts
│ │ ├── eslint-rules
│ │ │ ├── reserved-event-names.js
│ │ │ └── reserved-property-names.js
│ │ ├── package.json
│ │ ├── parse
│ │ │ ├── utils.ts
│ │ │ └── website-demos.ts
│ │ ├── token-utils.ts
│ │ ├── tokens.ts
│ │ ├── tsconfig.json
│ │ └── utils.ts
│ ├── custom-elements-manifest.config.mjs
│ ├── docs
│ │ ├── angular.stories.mdx
│ │ ├── angularjs.stories.mdx
│ │ ├── browser-support.stories.mdx
│ │ ├── changelog.stories.mdx
│ │ ├── development
│ │ │ ├── accessibility.stories.mdx
│ │ │ ├── code-conventions.stories.mdx
│ │ │ ├── component-code-conventions.stories.mdx
│ │ │ ├── component-registration.stories.mdx
│ │ │ ├── content-projection.stories.mdx
│ │ │ ├── demo-applications.stories.mdx
│ │ │ ├── getting-started.stories.mdx
│ │ │ ├── imports-and-dependencies.stories.mdx
│ │ │ ├── package.stories.mdx
│ │ │ ├── public-api.stories.mdx
│ │ │ ├── stateless.stories.mdx
│ │ │ ├── templates-and-styles.stories.mdx
│ │ │ ├── unit-testing.stories.mdx
│ │ │ └── using-icons.stories.mdx
│ │ ├── getting-started.stories.mdx
│ │ ├── i18n.stories.mdx
│ │ ├── preact.stories.mdx
│ │ ├── react.stories.mdx
│ │ ├── utilities.stories.ts
│ │ ├── vue.stories.mdx
│ │ ├── welcome.stories.mdx
│ │ └── welcome.stories.ts
│ ├── npm.json
│ ├── package.json
│ ├── rollup.config.js
│ ├── rollup.storybook.js
│ ├── rollup.utils.js
│ ├── sandbox
│ │ ├── index.css
│ │ ├── index.html
│ │ └── index.js
│ ├── src
│ │ ├── accordion
│ │ │ ├── accordion-content.element.scss
│ │ │ ├── accordion-content.element.spec.ts
│ │ │ ├── accordion-content.element.ts
│ │ │ ├── accordion-header.element.scss
│ │ │ ├── accordion-header.element.spec.ts
│ │ │ ├── accordion-header.element.ts
│ │ │ ├── accordion-panel.element.scss
│ │ │ ├── accordion-panel.element.spec.ts
│ │ │ ├── accordion-panel.element.ts
│ │ │ ├── accordion.element.scss
│ │ │ ├── accordion.element.spec.ts
│ │ │ ├── accordion.element.ts
│ │ │ ├── accordion.stories.mdx
│ │ │ ├── accordion.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── alert
│ │ │ ├── alert-actions.element.scss
│ │ │ ├── alert-actions.element.spec.ts
│ │ │ ├── alert-actions.element.ts
│ │ │ ├── alert-group.element.scss
│ │ │ ├── alert-group.element.spec.ts
│ │ │ ├── alert-group.element.ts
│ │ │ ├── alert-group.stories.ts
│ │ │ ├── alert.element.scss
│ │ │ ├── alert.element.spec.ts
│ │ │ ├── alert.element.ts
│ │ │ ├── alert.interfaces.ts
│ │ │ ├── alert.performance.ts
│ │ │ ├── alert.stories.mdx
│ │ │ ├── alert.stories.ts
│ │ │ ├── banner-alerts.stories.mdx
│ │ │ ├── index.ts
│ │ │ ├── ligntweight-alerts.stories.mdx
│ │ │ └── register.ts
│ │ ├── badge
│ │ │ ├── badge.element.scss
│ │ │ ├── badge.element.spec.ts
│ │ │ ├── badge.element.ts
│ │ │ ├── badge.performance.ts
│ │ │ ├── badge.stories.mdx
│ │ │ ├── badge.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── breadcrumb
│ │ │ ├── breadcrumb.element.scss
│ │ │ ├── breadcrumb.element.spec.ts
│ │ │ ├── breadcrumb.element.ts
│ │ │ ├── breadcrumb.stories.mdx
│ │ │ ├── breadcrumb.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── button-action
│ │ │ ├── button-action.element.scss
│ │ │ ├── button-action.element.spec.ts
│ │ │ ├── button-action.element.ts
│ │ │ ├── button-action.performance.ts
│ │ │ ├── button-action.stories.mdx
│ │ │ ├── button-action.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── button-expand
│ │ │ ├── button-expand.element.scss
│ │ │ ├── button-expand.element.spec.ts
│ │ │ ├── button-expand.element.ts
│ │ │ ├── button-expand.performance.ts
│ │ │ ├── button-expand.stories.mdx
│ │ │ ├── button-expand.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── button-handle
│ │ │ ├── button-handle.element.scss
│ │ │ ├── button-handle.element.spec.ts
│ │ │ ├── button-handle.element.ts
│ │ │ ├── button-handle.performance.ts
│ │ │ ├── button-handle.stories.mdx
│ │ │ ├── button-handle.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── button-inline
│ │ │ ├── button-inline.element.scss
│ │ │ ├── button-inline.element.spec.ts
│ │ │ ├── button-inline.element.ts
│ │ │ ├── button-inline.performance.ts
│ │ │ ├── button-inline.stories.mdx
│ │ │ ├── button-inline.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── button-sort
│ │ │ ├── button-sort.element.scss
│ │ │ ├── button-sort.element.spec.ts
│ │ │ ├── button-sort.element.ts
│ │ │ ├── button-sort.performance.ts
│ │ │ ├── button-sort.stories.mdx
│ │ │ ├── button-sort.stories.ts
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── utils.spec.ts
│ │ │ └── utils.ts
│ │ ├── button
│ │ │ ├── button.element.scss
│ │ │ ├── button.element.spec.ts
│ │ │ ├── button.element.ts
│ │ │ ├── button.stories.mdx
│ │ │ ├── button.stories.ts
│ │ │ ├── icon-button.element.spec.ts
│ │ │ ├── icon-button.element.ts
│ │ │ ├── icon-button.stories.mdx
│ │ │ ├── icon-button.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── card
│ │ │ ├── card.element.scss
│ │ │ ├── card.element.spec.ts
│ │ │ ├── card.element.ts
│ │ │ ├── card.stories.mdx
│ │ │ ├── card.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── checkbox
│ │ │ ├── checkbox-group.element.spec.ts
│ │ │ ├── checkbox-group.element.ts
│ │ │ ├── checkbox.element.scss
│ │ │ ├── checkbox.element.spec.ts
│ │ │ ├── checkbox.element.ts
│ │ │ ├── checkbox.stories.mdx
│ │ │ ├── checkbox.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── datalist
│ │ │ ├── datalist.element.spec.ts
│ │ │ ├── datalist.element.ts
│ │ │ ├── datalist.global.scss
│ │ │ ├── datalist.stories.mdx
│ │ │ ├── datalist.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── date
│ │ │ ├── date.element.spec.ts
│ │ │ ├── date.element.ts
│ │ │ ├── date.global.scss
│ │ │ ├── date.stories.mdx
│ │ │ ├── date.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── divider
│ │ │ ├── divider.element.scss
│ │ │ ├── divider.element.spec.ts
│ │ │ ├── divider.element.ts
│ │ │ ├── divider.stories.mdx
│ │ │ ├── divider.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── dropdown
│ │ │ ├── dropdown.element.spec.ts
│ │ │ ├── dropdown.element.ts
│ │ │ ├── dropdown.stories.mdx
│ │ │ ├── dropdown.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── file
│ │ │ ├── file.element.scss
│ │ │ ├── file.element.spec.ts
│ │ │ ├── file.element.ts
│ │ │ ├── file.stories.mdx
│ │ │ ├── file.stories.ts
│ │ │ ├── index.ts
│ │ │ └── register.ts
│ │ ├── forms
│ │ │ ├── control-action
│ │ │ │ ├── control-action.element.spec.ts
│ │ │ │ └── control-action.element.ts
│ │ │ ├── control-group
│ │ │ │ ├── control-group.element.scss
│ │ │ │ ├── control-group.element.spec.ts
│ │ │ │ └── control-group.element.ts
│ │ │ ├── control-inline
│ │ │ │ ├── control-inline.element.scss
│ │ │ │ ├── control-inline.element.spec.ts
│ │ │ │ └── control-inline.element.ts
│ │ │ ├── control-label
│ │ │ │ ├── control-label.element.scss
│ │ │ │ ├── control-label.element.spec.ts
│ │ │ │ └── control-label.element.ts
│ │ │ ├── control-message
│ │ │ │ ├── control-message.element.scss
│ │ │ │ ├── control-message.element.spec.ts
│ │ │ │ └── control-message.element.ts
│ │ │ ├── control.stories.mdx
│ │ │ ├── control.stories.ts
│ │ │ ├── control
│ │ │ │ ├── control.element.scss
│ │ │ │ ├── control.element.spec.ts
│ │ │ │ └── control.element.ts
│ │ │ ├── form-group
│ │ │ │ ├── form-group.element.scss
│ │ │ │ ├── form-group.element.spec.ts
│ │ │ │ └── form-group.element.ts
│ │ │ ├── forms.stories.mdx
│ │ │ ├── forms.stories.ts
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── responsive.stories.mdx
│ │ │ ├── utils
│ │ │ │ ├── interfaces.ts
│ │ │ │ ├── utils.spec.ts
│ │ │ │ ├── utils.ts
│ │ │ │ ├── validate.spec.ts
│ │ │ │ └── validate.ts
│ │ │ └── validation.stories.mdx
│ │ ├── global.d.ts
│ │ ├── icon
│ │ │ ├── collections
│ │ │ │ ├── chart.ts
│ │ │ │ ├── collections.spec.ts
│ │ │ │ ├── commerce.ts
│ │ │ │ ├── core.ts
│ │ │ │ ├── essential.ts
│ │ │ │ ├── media.ts
│ │ │ │ ├── mini.ts
│ │ │ │ ├── social.ts
│ │ │ │ ├── technology.ts
│ │ │ │ ├── test.ts
│ │ │ │ ├── text-edit.ts
│ │ │ │ └── travel.ts
│ │ │ ├── icon.element.scss
│ │ │ ├── icon.element.spec.ts
│ │ │ ├── icon.element.ts
│ │ │ ├── icon.performance.ts
│ │ │ ├── icon.renderer.spec.ts
│ │ │ ├── icon.renderer.ts
│ │ │ ├── icon.service.spec.ts
│ │ │ ├── icon.service.ts
│ │ │ ├── icon.stories.mdx
│ │ │ ├── icon.stories.ts
│ │ │ ├── index.ts
│ │ │ ├── interfaces
│ │ │ │ └── icon.interfaces.ts
│ │ │ ├── register.ts
│ │ │ ├── shapes
│ │ │ │ ├── accessibility-1.ts
│ │ │ │ ├── accessibility-2.ts
│ │ │ │ ├── add-text.ts
│ │ │ │ ├── administrator.ts
│ │ │ │ ├── airplane.ts
│ │ │ │ ├── alarm-clock.ts
│ │ │ │ ├── alarm-off.ts
│ │ │ │ ├── align-bottom.ts
│ │ │ │ ├── align-center.ts
│ │ │ │ ├── align-left-text.ts
│ │ │ │ ├── align-left.ts
│ │ │ │ ├── align-middle.ts
│ │ │ │ ├── align-right-text.ts
│ │ │ │ ├── align-right.ts
│ │ │ │ ├── align-top.ts
│ │ │ │ ├── angle-double.ts
│ │ │ │ ├── angle.ts
│ │ │ │ ├── animation.ts
│ │ │ │ ├── announcement.ts
│ │ │ │ ├── application.ts
│ │ │ │ ├── applications.ts
│ │ │ │ ├── archive.ts
│ │ │ │ ├── arrow-mini.ts
│ │ │ │ ├── arrow.ts
│ │ │ │ ├── assign-user.ts
│ │ │ │ ├── asterisk.ts
│ │ │ │ ├── atom.ts
│ │ │ │ ├── axis-chart.ts
│ │ │ │ ├── backup-restore.ts
│ │ │ │ ├── backup.ts
│ │ │ │ ├── balance.ts
│ │ │ │ ├── ban.ts
│ │ │ │ ├── bank.ts
│ │ │ │ ├── bar-chart.ts
│ │ │ │ ├── bar-code.ts
│ │ │ │ ├── bars.ts
│ │ │ │ ├── battery.ts
│ │ │ │ ├── bell-curve.ts
│ │ │ │ ├── bell.ts
│ │ │ │ ├── beta.ts
│ │ │ │ ├── bicycle.ts
│ │ │ │ ├── birthday-cake.ts
│ │ │ │ ├── bitcoin.ts
│ │ │ │ ├── block-quote.ts
│ │ │ │ ├── block.ts
│ │ │ │ ├── blocks-group.ts
│ │ │ │ ├── bluetooth-off.ts
│ │ │ │ ├── bluetooth.ts
│ │ │ │ ├── boat.ts
│ │ │ │ ├── bold.ts
│ │ │ │ ├── bolt.ts
│ │ │ │ ├── book.ts
│ │ │ │ ├── bookmark.ts
│ │ │ │ ├── box-plot.ts
│ │ │ │ ├── briefcase.ts
│ │ │ │ ├── bubble-chart.ts
│ │ │ │ ├── bubble-exclamation.ts
│ │ │ │ ├── bug.ts
│ │ │ │ ├── building.ts
│ │ │ │ ├── bullet-list.ts
│ │ │ │ ├── bullseye.ts
│ │ │ │ ├── bundle.ts
│ │ │ │ ├── calculator.ts
│ │ │ │ ├── calendar-mini.ts
│ │ │ │ ├── calendar.ts
│ │ │ │ ├── camera.ts
│ │ │ │ ├── campervan.ts
│ │ │ │ ├── capacitor.ts
│ │ │ │ ├── car.ts
│ │ │ │ ├── caravan.ts
│ │ │ │ ├── cd-dvd.ts
│ │ │ │ ├── center-text.ts
│ │ │ │ ├── certificate.ts
│ │ │ │ ├── chat-bubble.ts
│ │ │ │ ├── check-circle-mini.ts
│ │ │ │ ├── check-circle.ts
│ │ │ │ ├── check-mini.ts
│ │ │ │ ├── check.ts
│ │ │ │ ├── checkbox-list.ts
│ │ │ │ ├── child-arrow.ts
│ │ │ │ ├── ci-cd.ts
│ │ │ │ ├── circle-arrow.ts
│ │ │ │ ├── circle.ts
│ │ │ │ ├── clipboard.ts
│ │ │ │ ├── clock.ts
│ │ │ │ ├── clone.ts
│ │ │ │ ├── cloud-chart.ts
│ │ │ │ ├── cloud-network.ts
│ │ │ │ ├── cloud-scale.ts
│ │ │ │ ├── cloud-traffic.ts
│ │ │ │ ├── cloud.ts
│ │ │ │ ├── cluster.ts
│ │ │ │ ├── code.ts
│ │ │ │ ├── cog.ts
│ │ │ │ ├── coin-bag.ts
│ │ │ │ ├── collapse-card.ts
│ │ │ │ ├── color-palette.ts
│ │ │ │ ├── color-picker.ts
│ │ │ │ ├── compass.ts
│ │ │ │ ├── computer.ts
│ │ │ │ ├── connect.ts
│ │ │ │ ├── container-volume.ts
│ │ │ │ ├── container.ts
│ │ │ │ ├── control-lun.ts
│ │ │ │ ├── copy-to-clipboard.ts
│ │ │ │ ├── copy.ts
│ │ │ │ ├── cpu.ts
│ │ │ │ ├── credit-card.ts
│ │ │ │ ├── crosshairs.ts
│ │ │ │ ├── crown.ts
│ │ │ │ ├── cursor-arrow.ts
│ │ │ │ ├── cursor-hand-click.ts
│ │ │ │ ├── cursor-hand-grab.ts
│ │ │ │ ├── cursor-hand-open.ts
│ │ │ │ ├── cursor-hand.ts
│ │ │ │ ├── cursor-move.ts
│ │ │ │ ├── curve-chart.ts
│ │ │ │ ├── dashboard.ts
│ │ │ │ ├── data-cluster.ts
│ │ │ │ ├── deploy.ts
│ │ │ │ ├── detail-collapse.ts
│ │ │ │ ├── detail-expand.ts
│ │ │ │ ├── details.ts
│ │ │ │ ├── devices.ts
│ │ │ │ ├── digital-signature.ts
│ │ │ │ ├── disconnect.ts
│ │ │ │ ├── display.ts
│ │ │ │ ├── dollar-bill.ts
│ │ │ │ ├── dollar.ts
│ │ │ │ ├── dot-circle.ts
│ │ │ │ ├── download-cloud.ts
│ │ │ │ ├── download.ts
│ │ │ │ ├── drag-handle-corner.ts
│ │ │ │ ├── drag-handle.ts
│ │ │ │ ├── e-check.ts
│ │ │ │ ├── ellipsis-horizontal.ts
│ │ │ │ ├── ellipsis-vertical.ts
│ │ │ │ ├── employee-group.ts
│ │ │ │ ├── employee.ts
│ │ │ │ ├── envelope.ts
│ │ │ │ ├── eraser.ts
│ │ │ │ ├── error-mini.ts
│ │ │ │ ├── error-standard.ts
│ │ │ │ ├── euro.ts
│ │ │ │ ├── event-mini.ts
│ │ │ │ ├── event.ts
│ │ │ │ ├── exclamation-circle.ts
│ │ │ │ ├── exclamation-triangle.ts
│ │ │ │ ├── expand-card.ts
│ │ │ │ ├── export.ts
│ │ │ │ ├── eye-hide.ts
│ │ │ │ ├── eye.ts
│ │ │ │ ├── factory.ts
│ │ │ │ ├── fast-forward.ts
│ │ │ │ ├── ferry.ts
│ │ │ │ ├── file-group.ts
│ │ │ │ ├── file-settings.ts
│ │ │ │ ├── file-share-2.ts
│ │ │ │ ├── file-share.ts
│ │ │ │ ├── file-zip.ts
│ │ │ │ ├── file.ts
│ │ │ │ ├── film-strip.ts
│ │ │ │ ├── filter-2.ts
│ │ │ │ ├── filter-grid-circle-mini.ts
│ │ │ │ ├── filter-grid-circle.ts
│ │ │ │ ├── filter-grid-mini.ts
│ │ │ │ ├── filter-grid.ts
│ │ │ │ ├── filter-off.ts
│ │ │ │ ├── filter.ts
│ │ │ │ ├── firewall.ts
│ │ │ │ ├── first-aid.ts
│ │ │ │ ├── fish.ts
│ │ │ │ ├── flag.ts
│ │ │ │ ├── flame.ts
│ │ │ │ ├── flask.ts
│ │ │ │ ├── floppy.ts
│ │ │ │ ├── folder-open.ts
│ │ │ │ ├── folder.ts
│ │ │ │ ├── font-size.ts
│ │ │ │ ├── forking.ts
│ │ │ │ ├── form.ts
│ │ │ │ ├── fuel.ts
│ │ │ │ ├── gavel.ts
│ │ │ │ ├── grid-chart.ts
│ │ │ │ ├── grid-view.ts
│ │ │ │ ├── half-star.ts
│ │ │ │ ├── happy-face.ts
│ │ │ │ ├── hard-disk.ts
│ │ │ │ ├── hard-drive-disks.ts
│ │ │ │ ├── hard-drive.ts
│ │ │ │ ├── hashtag.ts
│ │ │ │ ├── headphones.ts
│ │ │ │ ├── heart-broken.ts
│ │ │ │ ├── heart.ts
│ │ │ │ ├── heat-map.ts
│ │ │ │ ├── helix.ts
│ │ │ │ ├── help-info.ts
│ │ │ │ ├── help.ts
│ │ │ │ ├── highlighter.ts
│ │ │ │ ├── history.ts
│ │ │ │ ├── home.ts
│ │ │ │ ├── host-group.ts
│ │ │ │ ├── host.ts
│ │ │ │ ├── hourglass.ts
│ │ │ │ ├── iconTemplate.ts
│ │ │ │ ├── id-badge.ts
│ │ │ │ ├── image-gallery.ts
│ │ │ │ ├── image.ts
│ │ │ │ ├── import.ts
│ │ │ │ ├── inbox.ts
│ │ │ │ ├── indent.ts
│ │ │ │ ├── inductor.ts
│ │ │ │ ├── info-circle-mini.ts
│ │ │ │ ├── info-circle.ts
│ │ │ │ ├── info-standard.ts
│ │ │ │ ├── install.ts
│ │ │ │ ├── internet-of-things.ts
│ │ │ │ ├── italic.ts
│ │ │ │ ├── justify-text.ts
│ │ │ │ ├── key.ts
│ │ │ │ ├── keyboard.ts
│ │ │ │ ├── landscape.ts
│ │ │ │ ├── language.ts
│ │ │ │ ├── launchpad.ts
│ │ │ │ ├── layers.ts
│ │ │ │ ├── library.ts
│ │ │ │ ├── lightbulb.ts
│ │ │ │ ├── line-chart.ts
│ │ │ │ ├── link.ts
│ │ │ │ ├── list.ts
│ │ │ │ ├── lock.ts
│ │ │ │ ├── login.ts
│ │ │ │ ├── logout.ts
│ │ │ │ ├── map-marker.ts
│ │ │ │ ├── map.ts
│ │ │ │ ├── media-changer.ts
│ │ │ │ ├── memory.ts
│ │ │ │ ├── microphone-mute.ts
│ │ │ │ ├── microphone.ts
│ │ │ │ ├── minus-circle.ts
│ │ │ │ ├── minus.ts
│ │ │ │ ├── mobile.ts
│ │ │ │ ├── moon.ts
│ │ │ │ ├── mouse.ts
│ │ │ │ ├── music-note.ts
│ │ │ │ ├── namespace.ts
│ │ │ │ ├── network-globe.ts
│ │ │ │ ├── network-settings.ts
│ │ │ │ ├── network-switch.ts
│ │ │ │ ├── neutral-face.ts
│ │ │ │ ├── new.ts
│ │ │ │ ├── no-access.ts
│ │ │ │ ├── no-wifi.ts
│ │ │ │ ├── node-group.ts
│ │ │ │ ├── node.ts
│ │ │ │ ├── nodes.ts
│ │ │ │ ├── note.ts
│ │ │ │ ├── number-list.ts
│ │ │ │ ├── nvme.ts
│ │ │ │ ├── objects.ts
│ │ │ │ ├── on-holiday.ts
│ │ │ │ ├── organization.ts
│ │ │ │ ├── outdent.ts
│ │ │ │ ├── paint-roller.ts
│ │ │ │ ├── paperclip.ts
│ │ │ │ ├── paste.ts
│ │ │ │ ├── pause.ts
│ │ │ │ ├── pdf-file.ts
│ │ │ │ ├── pencil.ts
│ │ │ │ ├── peso.ts
│ │ │ │ ├── phone-handset.ts
│ │ │ │ ├── picture.ts
│ │ │ │ ├── pie-chart.ts
│ │ │ │ ├── piggy-bank.ts
│ │ │ │ ├── pin.ts
│ │ │ │ ├── pinboard.ts
│ │ │ │ ├── play.ts
│ │ │ │ ├── plugin.ts
│ │ │ │ ├── plus-circle.ts
│ │ │ │ ├── plus.ts
│ │ │ │ ├── pod.ts
│ │ │ │ ├── pop-out.ts
│ │ │ │ ├── portrait.ts
│ │ │ │ ├── pound.ts
│ │ │ │ ├── power.ts
│ │ │ │ ├── printer.ts
│ │ │ │ ├── process-on-vm.ts
│ │ │ │ ├── qr-code.ts
│ │ │ │ ├── rack-server.ts
│ │ │ │ ├── radar.ts
│ │ │ │ ├── recycle.ts
│ │ │ │ ├── redo.ts
│ │ │ │ ├── refresh.ts
│ │ │ │ ├── repeat.ts
│ │ │ │ ├── replay-all.ts
│ │ │ │ ├── replay-one.ts
│ │ │ │ ├── resistor.ts
│ │ │ │ ├── resize.ts
│ │ │ │ ├── resource-pool.ts
│ │ │ │ ├── rewind.ts
│ │ │ │ ├── router.ts
│ │ │ │ ├── ruble.ts
│ │ │ │ ├── ruler-pencil.ts
│ │ │ │ ├── rupee.ts
│ │ │ │ ├── sad-face.ts
│ │ │ │ ├── scatter-plot.ts
│ │ │ │ ├── scissors.ts
│ │ │ │ ├── script-execute.ts
│ │ │ │ ├── script-schedule.ts
│ │ │ │ ├── scroll.ts
│ │ │ │ ├── search.ts
│ │ │ │ ├── share.ts
│ │ │ │ ├── shield-check.ts
│ │ │ │ ├── shield-x.ts
│ │ │ │ ├── shield.ts
│ │ │ │ ├── shopping-bag.ts
│ │ │ │ ├── shopping-cart.ts
│ │ │ │ ├── shrink.ts
│ │ │ │ ├── shuffle.ts
│ │ │ │ ├── slider.ts
│ │ │ │ ├── snowflake.ts
│ │ │ │ ├── sort-by.ts
│ │ │ │ ├── squid.ts
│ │ │ │ ├── ssd.ts
│ │ │ │ ├── star.ts
│ │ │ │ ├── step-forward-2.ts
│ │ │ │ ├── step-forward.ts
│ │ │ │ ├── stop.ts
│ │ │ │ ├── storage-adapter.ts
│ │ │ │ ├── storage.ts
│ │ │ │ ├── store.ts
│ │ │ │ ├── strikethrough.ts
│ │ │ │ ├── subscript.ts
│ │ │ │ ├── success-standard.ts
│ │ │ │ ├── sun.ts
│ │ │ │ ├── superscript.ts
│ │ │ │ ├── switch.ts
│ │ │ │ ├── sync.ts
│ │ │ │ ├── table.ts
│ │ │ │ ├── tablet.ts
│ │ │ │ ├── tag.ts
│ │ │ │ ├── tags.ts
│ │ │ │ ├── talk-bubbles.ts
│ │ │ │ ├── tape-drive.ts
│ │ │ │ ├── target.ts
│ │ │ │ ├── tasks.ts
│ │ │ │ ├── terminal.ts
│ │ │ │ ├── test.ts
│ │ │ │ ├── text-color.ts
│ │ │ │ ├── text.ts
│ │ │ │ ├── thermometer.ts
│ │ │ │ ├── thin-client.ts
│ │ │ │ ├── thumbs-down.ts
│ │ │ │ ├── thumbs-up.ts
│ │ │ │ ├── tick-chart.ts
│ │ │ │ ├── timeline.ts
│ │ │ │ ├── times-circle.ts
│ │ │ │ ├── times-mini.ts
│ │ │ │ ├── times.ts
│ │ │ │ ├── tools.ts
│ │ │ │ ├── trailer.ts
│ │ │ │ ├── trash.ts
│ │ │ │ ├── tree-view.ts
│ │ │ │ ├── tree.ts
│ │ │ │ ├── truck.ts
│ │ │ │ ├── two-way-arrows.ts
│ │ │ │ ├── unarchive.ts
│ │ │ │ ├── underline.ts
│ │ │ │ ├── undo.ts
│ │ │ │ ├── uninstall.ts
│ │ │ │ ├── unknown-status.ts
│ │ │ │ ├── unknown.ts
│ │ │ │ ├── unlink.ts
│ │ │ │ ├── unlock.ts
│ │ │ │ ├── update.ts
│ │ │ │ ├── upload-cloud.ts
│ │ │ │ ├── upload.ts
│ │ │ │ ├── usb.ts
│ │ │ │ ├── user.ts
│ │ │ │ ├── users.ts
│ │ │ │ ├── video-camera.ts
│ │ │ │ ├── video-gallery.ts
│ │ │ │ ├── view-cards.ts
│ │ │ │ ├── view-columns.ts
│ │ │ │ ├── view-list.ts
│ │ │ │ ├── vm-bug-inverse.ts
│ │ │ │ ├── vm-bug.ts
│ │ │ │ ├── vm.ts
│ │ │ │ ├── vmw-app.ts
│ │ │ │ ├── volume-down.ts
│ │ │ │ ├── volume-mute.ts
│ │ │ │ ├── volume-up.ts
│ │ │ │ ├── volume.ts
│ │ │ │ ├── wallet.ts
│ │ │ │ ├── wand.ts
│ │ │ │ ├── warning-mini.ts
│ │ │ │ ├── warning-standard.ts
│ │ │ │ ├── wifi.ts
│ │ │ │ ├── window-close.ts
│ │ │ │ ├── window-max.ts
│ │ │ │ ├── window-min.ts
│ │ │ │ ├── window-restore.ts
│ │ │ │ ├── won.ts
│ │ │ │ ├── world.ts
│ │ │ │ ├── wrench.ts
│ │ │ │ ├── xls-file.ts
│ │ │ │ ├── yen.ts
│ │ │ │ ├── zoom-in.ts
│ │ │ │ └── zoom-out.ts
│ │ │ └── utils
│ │ │ │ ├── icon.classnames.spec.ts
│ │ │ │ ├── icon.classnames.ts
│ │ │ │ ├── icon.svg-helpers.spec.ts
│ │ │ │ ├── icon.svg-helpers.ts
│ │ │ │ └── test-icons.ts
│ │ ├── index.performance.ts
│ │ ├── index.ts
│ │ ├── input
│ │ │ ├── index.ts
│ │ │ ├── input-group.element.scss
│ │ │ ├── input-group.element.spec.ts
│ │ │ ├── input-group.element.ts
│ │ │ ├── input-groups.stories.mdx
│ │ │ ├── input-groups.stories.ts
│ │ │ ├── input.element.scss
│ │ │ ├── input.element.spec.ts
│ │ │ ├── input.element.ts
│ │ │ ├── input.stories.mdx
│ │ │ ├── input.stories.ts
│ │ │ └── register.ts
│ │ ├── internal-components
│ │ │ ├── close-button
│ │ │ │ ├── close-button.element.spec.ts
│ │ │ │ ├── close-button.element.ts
│ │ │ │ ├── close-button.stories.mdx
│ │ │ │ ├── close-button.stories.ts
│ │ │ │ ├── index.ts
│ │ │ │ └── register.ts
│ │ │ ├── overlay
│ │ │ │ ├── index.ts
│ │ │ │ ├── overlay.element.scss
│ │ │ │ ├── overlay.element.spec.ts
│ │ │ │ ├── overlay.element.ts
│ │ │ │ ├── overlay.stories.mdx
│ │ │ │ ├── overlay.stories.ts
│ │ │ │ ├── register.ts
│ │ │ │ └── shared.element.scss
│ │ │ ├── panel
│ │ │ │ ├── index.ts
│ │ │ │ ├── panel.element.scss
│ │ │ │ ├── panel.element.spec.ts
│ │ │ │ ├── panel.element.ts
│ │ │ │ ├── panel.stories.mdx
│ │ │ │ ├── panel.stories.ts
│ │ │ │ └── register.ts
│ │ │ ├── popup
│ │ │ │ ├── index.ts
│ │ │ │ ├── pointer.element.scss
│ │ │ │ ├── pointer.element.spec.ts
│ │ │ │ ├── pointer.element.ts
│ │ │ │ ├── popup.element.scss
│ │ │ │ ├── popup.element.spec.ts
│ │ │ │ ├── popup.element.ts
│ │ │ │ ├── popup.stories.mdx
│ │ │ │ ├── popup.stories.ts
│ │ │ │ ├── register.ts
│ │ │ │ └── utils
│ │ │ │ │ ├── pointer.utils.spec.ts
│ │ │ │ │ └── pointer.utils.ts
│ │ │ └── visual-checkbox
│ │ │ │ ├── index.ts
│ │ │ │ ├── register.ts
│ │ │ │ ├── visual-checkbox.element.scss
│ │ │ │ ├── visual-checkbox.element.spec.ts
│ │ │ │ └── visual-checkbox.element.ts
│ │ ├── internal
│ │ │ ├── base
│ │ │ │ ├── base.element.scss
│ │ │ │ ├── button.base.ts
│ │ │ │ ├── focus-trap.base.spec.ts
│ │ │ │ └── focus-trap.base.ts
│ │ │ ├── controllers
│ │ │ │ ├── active.controller.spec.ts
│ │ │ │ ├── active.controller.ts
│ │ │ │ ├── aria-button.controller.spec.ts
│ │ │ │ ├── aria-button.controller.ts
│ │ │ │ ├── aria-disabled.controller.spec.ts
│ │ │ │ ├── aria-disabled.controller.ts
│ │ │ │ ├── aria-popup-trigger.controller.spec.ts
│ │ │ │ ├── aria-popup-trigger.controller.ts
│ │ │ │ ├── aria-popup.controller.spec.ts
│ │ │ │ ├── aria-popup.controller.ts
│ │ │ │ ├── aria-pressed.controller.spec.ts
│ │ │ │ ├── aria-pressed.controller.ts
│ │ │ │ ├── aria-selected.controller.spec.ts
│ │ │ │ ├── aria-selected.controller.ts
│ │ │ │ ├── button-anchor.controller.spec.ts
│ │ │ │ ├── button-anchor.controller.ts
│ │ │ │ ├── button-submit.controller.spec.ts
│ │ │ │ ├── button-submit.controller.ts
│ │ │ │ ├── closable.controller.spec.ts
│ │ │ │ ├── closable.controller.ts
│ │ │ │ ├── controller.stories.ts
│ │ │ │ ├── first-focus.controller.spec.ts
│ │ │ │ ├── first-focus.controller.ts
│ │ │ │ ├── inline-focus-trap.controller.spec.ts
│ │ │ │ ├── inline-focus-trap.controller.ts
│ │ │ │ └── utils
│ │ │ │ │ ├── first-focus.controller.utils.spec.ts
│ │ │ │ │ └── first-focus.controller.utils.ts
│ │ │ ├── decorators
│ │ │ │ ├── animate.spec.ts
│ │ │ │ ├── animate.ts
│ │ │ │ ├── element.spec.ts
│ │ │ │ ├── element.ts
│ │ │ │ ├── event.spec.ts
│ │ │ │ ├── event.ts
│ │ │ │ ├── global-style.spec.ts
│ │ │ │ ├── global-style.ts
│ │ │ │ ├── i18n.spec.ts
│ │ │ │ ├── i18n.ts
│ │ │ │ ├── id.spec.ts
│ │ │ │ ├── id.ts
│ │ │ │ ├── property.spec.ts
│ │ │ │ ├── property.ts
│ │ │ │ ├── query-slot.spec.ts
│ │ │ │ └── query-slot.ts
│ │ │ ├── directives
│ │ │ │ ├── spread-props.spec.ts
│ │ │ │ └── spread-props.ts
│ │ │ ├── enums
│ │ │ │ └── aria-roles.ts
│ │ │ ├── i18n
│ │ │ │ ├── utils.spec.ts
│ │ │ │ └── utils.ts
│ │ │ ├── index.ts
│ │ │ ├── interfaces
│ │ │ │ └── interfaces.ts
│ │ │ ├── motion
│ │ │ │ ├── animations
│ │ │ │ │ ├── animations.spec.ts
│ │ │ │ │ ├── cds-accordion-panel-open.ts
│ │ │ │ │ ├── cds-component-shake.ts
│ │ │ │ │ ├── cds-dropdown-open.ts
│ │ │ │ │ ├── cds-modal-enter.ts
│ │ │ │ │ ├── cds-navigation-group-open.ts
│ │ │ │ │ ├── cds-navigation-open.ts
│ │ │ │ │ ├── cds-overlay-hinge-example.ts
│ │ │ │ │ ├── cds-tree-item-expand.ts
│ │ │ │ │ └── keyframes
│ │ │ │ │ │ ├── fade-in-and-slide-down.ts
│ │ │ │ │ │ ├── fade-in.ts
│ │ │ │ │ │ ├── hinge.ts
│ │ │ │ │ │ └── shake.ts
│ │ │ │ ├── interfaces.ts
│ │ │ │ ├── motion.service.spec.ts
│ │ │ │ ├── motion.service.ts
│ │ │ │ ├── motion.stories.mdx
│ │ │ │ ├── utils.spec.ts
│ │ │ │ └── utils.ts
│ │ │ ├── positioning
│ │ │ │ ├── interfaces.ts
│ │ │ │ ├── utils.spec.ts
│ │ │ │ └── utils.ts
│ │ │ ├── services
│ │ │ │ ├── focus-trap-tracker.service.spec.ts
│ │ │ │ ├── focus-trap-tracker.service.ts
│ │ │ │ ├── global.service.spec.ts
│ │ │ │ ├── global.service.ts
│ │ │ │ ├── i18n.service.spec.ts
│ │ │ │ ├── i18n.service.ts
│ │ │ │ ├── keycodes.service.spec.ts
│ │ │ │ ├── keycodes.service.ts
│ │ │ │ ├── log.service.spec.ts
│ │ │ │ └── log.service.ts
│ │ │ └── utils
│ │ │ │ ├── __.ts
│ │ │ │ ├── a11y.spec.ts
│ │ │ │ ├── a11y.ts
│ │ │ │ ├── array.spec.ts
│ │ │ │ ├── array.ts
│ │ │ │ ├── async.spec.ts
│ │ │ │ ├── async.ts
│ │ │ │ ├── color.ts
│ │ │ │ ├── conditional.spec.ts
│ │ │ │ ├── conditional.ts
│ │ │ │ ├── css.spec.ts
│ │ │ │ ├── css.ts
│ │ │ │ ├── dom.spec.ts
│ │ │ │ ├── dom.ts
│ │ │ │ ├── enum.spec.ts
│ │ │ │ ├── enum.ts
│ │ │ │ ├── environment.spec.ts
│ │ │ │ ├── environment.ts
│ │ │ │ ├── event-subject.spec.ts
│ │ │ │ ├── event-subject.ts
│ │ │ │ ├── events.spec.ts
│ │ │ │ ├── events.ts
│ │ │ │ ├── exists.spec.ts
│ │ │ │ ├── exists.ts
│ │ │ │ ├── framework.spec.ts
│ │ │ │ ├── framework.ts
│ │ │ │ ├── global.spec.ts
│ │ │ │ ├── global.ts
│ │ │ │ ├── identity.spec.ts
│ │ │ │ ├── identity.ts
│ │ │ │ ├── keycodes.spec.ts
│ │ │ │ ├── keycodes.ts
│ │ │ │ ├── lit-element.spec.ts
│ │ │ │ ├── lit.spec.ts
│ │ │ │ ├── lit.ts
│ │ │ │ ├── math.spec.ts
│ │ │ │ ├── math.ts
│ │ │ │ ├── metadata.spec.ts
│ │ │ │ ├── metadata.ts
│ │ │ │ ├── registration.spec.ts
│ │ │ │ ├── registration.ts
│ │ │ │ ├── responsive.spec.ts
│ │ │ │ ├── responsive.ts
│ │ │ │ ├── size.spec.ts
│ │ │ │ ├── size.ts
│ │ │ │ ├── string.spec.ts
│ │ │ │ ├── string.ts
│ │ │ │ ├── supports.spec.ts
│ │ │ │ ├── supports.ts
│ │ │ │ ├── traversal.spec.ts
│ │ │ │ └── traversal.ts
│ │ ├── list
│ │ │ ├── list.scss
│ │ │ ├── list.stories.mdx
│ │ │ └── list.stories.ts
│ │ ├── modal
│ │ │ ├── index.ts
│ │ │ ├── modal-actions.element.spec.ts
│ │ │ ├── modal-actions.element.ts
│ │ │ ├── modal-content.element.spec.ts
│ │ │ ├── modal-content.element.ts
│ │ │ ├── modal-header-actions.element.spec.ts
│ │ │ ├── modal-header-actions.element.ts
│ │ │ ├── modal-header.element.spec.ts
│ │ │ ├── modal-header.element.ts
│ │ │ ├── modal.element.scss
│ │ │ ├── modal.element.spec.ts
│ │ │ ├── modal.element.ts
│ │ │ ├── modal.stories.mdx
│ │ │ ├── modal.stories.ts
│ │ │ └── register.ts
│ │ ├── navigation
│ │ │ ├── index.ts
│ │ │ ├── interfaces
│ │ │ │ └── navigation.interfaces.ts
│ │ │ ├── navigation-group.element.scss
│ │ │ ├── navigation-group.element.spec.ts
│ │ │ ├── navigation-group.element.ts
│ │ │ ├── navigation-item.element.scss
│ │ │ ├── navigation-item.element.spec.ts
│ │ │ ├── navigation-item.element.ts
│ │ │ ├── navigation-start.element.spec.ts
│ │ │ ├── navigation-start.element.ts
│ │ │ ├── navigation.element.scss
│ │ │ ├── navigation.element.spec.ts
│ │ │ ├── navigation.element.ts
│ │ │ ├── navigation.stories.mdx
│ │ │ ├── navigation.stories.ts
│ │ │ ├── register.ts
│ │ │ └── utils
│ │ │ │ ├── utils.spec.ts
│ │ │ │ └── utils.ts
│ │ ├── pagination
│ │ │ ├── index.ts
│ │ │ ├── pagination-button.element.spec.ts
│ │ │ ├── pagination-button.element.ts
│ │ │ ├── pagination.element.scss
│ │ │ ├── pagination.element.spec.ts
│ │ │ ├── pagination.element.ts
│ │ │ ├── pagination.stories.mdx
│ │ │ ├── pagination.stories.ts
│ │ │ ├── register.ts
│ │ │ ├── utils.spec.ts
│ │ │ └── utils.ts
│ │ ├── password
│ │ │ ├── index.ts
│ │ │ ├── password.element.spec.ts
│ │ │ ├── password.element.ts
│ │ │ ├── password.stories.mdx
│ │ │ ├── password.stories.ts
│ │ │ └── register.ts
│ │ ├── polyfills
│ │ │ ├── aria-reflect.ts
│ │ │ └── index.ts
│ │ ├── progress-circle
│ │ │ ├── index.ts
│ │ │ ├── progress-circle.element.scss
│ │ │ ├── progress-circle.element.spec.ts
│ │ │ ├── progress-circle.element.ts
│ │ │ ├── progress-circle.stories.mdx
│ │ │ ├── progress-circle.stories.ts
│ │ │ ├── progress-circle.utils.spec.ts
│ │ │ ├── progress-circle.utils.ts
│ │ │ └── register.ts
│ │ ├── radio
│ │ │ ├── index.ts
│ │ │ ├── radio-group.element.spec.ts
│ │ │ ├── radio-group.element.ts
│ │ │ ├── radio.element.scss
│ │ │ ├── radio.element.spec.ts
│ │ │ ├── radio.element.ts
│ │ │ ├── radio.stories.mdx
│ │ │ ├── radio.stories.ts
│ │ │ └── register.ts
│ │ ├── range
│ │ │ ├── index.ts
│ │ │ ├── range.element.scss
│ │ │ ├── range.element.spec.ts
│ │ │ ├── range.element.ts
│ │ │ ├── range.global.scss
│ │ │ ├── range.stories.mdx
│ │ │ ├── range.stories.ts
│ │ │ └── register.ts
│ │ ├── search
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── search.element.spec.ts
│ │ │ ├── search.element.ts
│ │ │ ├── search.global.scss
│ │ │ ├── search.stories.mdx
│ │ │ └── search.stories.ts
│ │ ├── select
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── select.element.scss
│ │ │ ├── select.element.spec.ts
│ │ │ ├── select.element.ts
│ │ │ ├── select.global.scss
│ │ │ ├── select.stories.mdx
│ │ │ └── select.stories.ts
│ │ ├── selection-panels
│ │ │ ├── checkbox
│ │ │ │ ├── checkbox-panel.element.spec.ts
│ │ │ │ ├── checkbox-panel.element.ts
│ │ │ │ ├── checkbox-panel.stories.mdx
│ │ │ │ ├── checkbox-panel.stories.ts
│ │ │ │ ├── index.ts
│ │ │ │ └── register.ts
│ │ │ ├── radio
│ │ │ │ ├── index.ts
│ │ │ │ ├── radio-panel.element.spec.ts
│ │ │ │ ├── radio-panel.element.ts
│ │ │ │ ├── radio-panel.stories.mdx
│ │ │ │ ├── radio-panel.stories.ts
│ │ │ │ └── register.ts
│ │ │ └── shared
│ │ │ │ ├── selection-panel.element.scss
│ │ │ │ └── selection-panel.interfaces.ts
│ │ ├── styles
│ │ │ ├── global.scss
│ │ │ ├── layout
│ │ │ │ ├── _alignments.scss
│ │ │ │ ├── _container.scss
│ │ │ │ ├── _display.scss
│ │ │ │ ├── _optimize.scss
│ │ │ │ ├── _shadow-dom.scss
│ │ │ │ ├── _spacing.scss
│ │ │ │ ├── _type-grid.scss
│ │ │ │ ├── _type-horizontal.scss
│ │ │ │ ├── _type-vertical.scss
│ │ │ │ ├── docs
│ │ │ │ │ ├── grid.stories.mdx
│ │ │ │ │ ├── horizontal.stories.mdx
│ │ │ │ │ ├── layout.stories.mdx
│ │ │ │ │ ├── patterns.stories.mdx
│ │ │ │ │ ├── spacing.stories.mdx
│ │ │ │ │ ├── utilities.stories.mdx
│ │ │ │ │ └── vertical.stories.mdx
│ │ │ │ ├── layout.stories.ts
│ │ │ │ └── mixins
│ │ │ │ │ └── _mixins.scss
│ │ │ ├── mixins
│ │ │ │ └── _mixins.scss
│ │ │ ├── module.layout.scss
│ │ │ ├── module.reset.scss
│ │ │ ├── module.typography.scss
│ │ │ ├── shim.clr-ui.scss
│ │ │ ├── theme.dark.scss
│ │ │ ├── theme.high-contrast.scss
│ │ │ ├── theme.low-motion.scss
│ │ │ ├── themes
│ │ │ │ ├── clr-theme.stories.mdx
│ │ │ │ ├── dark-theme.stories.mdx
│ │ │ │ ├── dynamic-themes.stories.mdx
│ │ │ │ ├── high-contrast-theme.stories.mdx
│ │ │ │ ├── low-motion-theme.stories.mdx
│ │ │ │ ├── status.stories.mdx
│ │ │ │ ├── themes.stories.mdx
│ │ │ │ └── themes.stories.ts
│ │ │ ├── tokens
│ │ │ │ ├── color.stories.mdx
│ │ │ │ ├── interaction.stories.mdx
│ │ │ │ ├── motion.stories.mdx
│ │ │ │ ├── object.stories.mdx
│ │ │ │ ├── platform.stories.mdx
│ │ │ │ ├── spacing.stories.mdx
│ │ │ │ ├── tokens.stories.mdx
│ │ │ │ └── tokens.stories.ts
│ │ │ └── typography
│ │ │ │ ├── _legacy-typography.scss
│ │ │ │ ├── _typography.scss
│ │ │ │ ├── typography.stories.mdx
│ │ │ │ └── typography.stories.ts
│ │ ├── table
│ │ │ ├── table.scss
│ │ │ ├── table.stories.mdx
│ │ │ └── table.stories.ts
│ │ ├── tag
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── tag.element.scss
│ │ │ ├── tag.element.spec.ts
│ │ │ ├── tag.element.ts
│ │ │ ├── tag.stories.mdx
│ │ │ └── tag.stories.ts
│ │ ├── test-dropdown
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── test-dropdown.element.scss
│ │ │ ├── test-dropdown.element.spec.ts
│ │ │ └── test-dropdown.element.ts
│ │ ├── test
│ │ │ ├── index.ts
│ │ │ └── utils.ts
│ │ ├── textarea
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── textarea.element.scss
│ │ │ ├── textarea.element.spec.ts
│ │ │ ├── textarea.element.ts
│ │ │ ├── textarea.stories.mdx
│ │ │ └── textarea.stories.ts
│ │ ├── time
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── time.element.spec.ts
│ │ │ ├── time.element.ts
│ │ │ ├── time.global.scss
│ │ │ ├── time.stories.mdx
│ │ │ └── time.stories.ts
│ │ ├── toggle
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── toggle-group.element.spec.ts
│ │ │ ├── toggle-group.element.ts
│ │ │ ├── toggle.element.scss
│ │ │ ├── toggle.element.spec.ts
│ │ │ ├── toggle.element.ts
│ │ │ ├── toggle.stories.mdx
│ │ │ └── toggle.stories.ts
│ │ └── tree-view
│ │ │ ├── index.ts
│ │ │ ├── register.ts
│ │ │ ├── story-utils.ts
│ │ │ ├── tree-item.element.scss
│ │ │ ├── tree-item.element.spec.ts
│ │ │ ├── tree-item.element.ts
│ │ │ ├── tree.element.scss
│ │ │ ├── tree.element.spec.ts
│ │ │ ├── tree.element.ts
│ │ │ ├── tree.stories.mdx
│ │ │ └── tree.stories.ts
│ ├── stylelint.config.js
│ ├── tsconfig.eslint.json
│ ├── tsconfig.json
│ ├── tsconfig.lib.json
│ ├── tsconfig.storybook.json
│ ├── web-dev-server.config.mjs
│ ├── web-dev-server.sandbox.mjs
│ ├── web-dev-server.storybook.mjs
│ ├── web-test-runner.a11y.mjs
│ ├── web-test-runner.config.mjs
│ └── web-test-runner.performance.mjs
├── eslint-plugin-clarity-adoption
│ ├── .gitignore
│ ├── README.md
│ ├── docs
│ │ └── rules
│ │ │ ├── no-clr-accordion.md
│ │ │ ├── no-clr-alert.md
│ │ │ ├── no-clr-badge.md
│ │ │ ├── no-clr-button.md
│ │ │ ├── no-clr-card.md
│ │ │ ├── no-clr-checkbox.md
│ │ │ ├── no-clr-datalist.md
│ │ │ ├── no-clr-form.md
│ │ │ ├── no-clr-icon.md
│ │ │ ├── no-clr-input.md
│ │ │ ├── no-clr-label.md
│ │ │ ├── no-clr-list.md
│ │ │ ├── no-clr-modal.md
│ │ │ ├── no-clr-password.md
│ │ │ ├── no-clr-radio.md
│ │ │ ├── no-clr-range.md
│ │ │ ├── no-clr-select.md
│ │ │ ├── no-clr-textarea.md
│ │ │ └── no-clr-toggle.md
│ ├── package.json
│ ├── src
│ │ ├── html-parser.ts
│ │ ├── index.ts
│ │ ├── rules
│ │ │ ├── decorator-template-helper.ts
│ │ │ ├── html-fixer-helpers.ts
│ │ │ ├── no-clr-accordion
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-accordion.spec.ts
│ │ │ ├── no-clr-alert
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-alert.spec.ts
│ │ │ ├── no-clr-badge
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-badge.spec.ts
│ │ │ ├── no-clr-button
│ │ │ │ ├── disallowed-classes.ts
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-button.spec.ts
│ │ │ ├── no-clr-card
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-card.spec.ts
│ │ │ ├── no-clr-checkbox
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-checkbox.spec.ts
│ │ │ ├── no-clr-datalist
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-datalist.spec.ts
│ │ │ ├── no-clr-form
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-form.spec.ts
│ │ │ ├── no-clr-icon
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-icon.spec.ts
│ │ │ ├── no-clr-input
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-input.spec.ts
│ │ │ ├── no-clr-label
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-label.spec.ts
│ │ │ ├── no-clr-list
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-list.spec.ts
│ │ │ ├── no-clr-modal
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-modal.spec.ts
│ │ │ ├── no-clr-password
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-password.spec.ts
│ │ │ ├── no-clr-radio
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-radio.spec.ts
│ │ │ ├── no-clr-range
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-range.spec.ts
│ │ │ ├── no-clr-select
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-select.spec.ts
│ │ │ ├── no-clr-textarea
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-textarea.spec.ts
│ │ │ └── no-clr-toggle
│ │ │ │ ├── index.ts
│ │ │ │ └── no-clr-toggle.spec.ts
│ │ ├── test-helper.spec.ts
│ │ └── types
│ │ │ └── index.d.ts
│ ├── tsconfig.json
│ ├── tsconfig.spec.json
│ └── tslint.json
├── eslint-plugin-clarity
│ ├── index.js
│ ├── package-lock.json
│ ├── package.json
│ └── rules
│ │ └── no-barrel-imports.js
├── react
│ ├── .eslintrc.js
│ ├── App.tsx
│ ├── README.md
│ ├── babel.config.js
│ ├── index.html
│ ├── index.tsx
│ ├── jest.config.js
│ ├── jest.setup.ts
│ ├── package.js
│ ├── package.json
│ ├── src
│ │ ├── accordion
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── alert
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── badge
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── breadcrumb
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── button-action
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── button-expand
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── button-handle
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── button-inline
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── button-sort
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── button
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── card
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── checkbox
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── datalist
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── date
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── divider
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── dropdown
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── file
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── forms
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── icon
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── input
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── internal-components
│ │ │ ├── close-button
│ │ │ │ ├── __snapshots__
│ │ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ │ ├── overlay
│ │ │ │ ├── __snapshots__
│ │ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ │ ├── panel
│ │ │ │ ├── __snapshots__
│ │ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ │ ├── popup
│ │ │ │ ├── __snapshots__
│ │ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ │ └── visual-checkbox
│ │ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ ├── modal
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── navigation
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── pagination
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── password
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── progress-circle
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── radio
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── range
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── search
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── select
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── selection-panels
│ │ │ ├── checkbox
│ │ │ │ ├── __snapshots__
│ │ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ │ └── radio
│ │ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ │ ├── entrypoint.tsconfig.json
│ │ │ │ ├── index.test.tsx
│ │ │ │ ├── index.tsx
│ │ │ │ └── package.json
│ │ ├── tag
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── textarea
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── time
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── toggle
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ ├── tree-view
│ │ │ ├── __snapshots__
│ │ │ │ └── index.test.tsx.snap
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ ├── index.test.tsx
│ │ │ ├── index.tsx
│ │ │ └── package.json
│ │ └── utils
│ │ │ ├── entrypoint.tsconfig.json
│ │ │ └── index.ts
│ ├── tsconfig.build.json
│ ├── tsconfig.eslint.json
│ ├── tsconfig.json
│ ├── tsconfig.lib.json
│ ├── tsconfig.project.json
│ └── tsconfig.test.json
└── schematics
│ ├── .gitignore
│ ├── README.md
│ ├── package.json
│ ├── src
│ ├── add
│ │ ├── index.spec.ts
│ │ ├── index.ts
│ │ ├── schema.d.ts
│ │ └── schema.json
│ ├── cds-add
│ │ ├── index.spec.ts
│ │ ├── index.ts
│ │ ├── schema.d.ts
│ │ ├── schema.json
│ │ └── versions.ts
│ ├── cds-collection.json
│ ├── collection.json
│ ├── migration-collection.json
│ ├── update
│ │ ├── update-0.13.0.ts
│ │ ├── update-3.0.0.ts
│ │ ├── update-5.0.0.spec.ts
│ │ └── update-5.0.0.ts
│ └── utility
│ │ ├── add-assets-to-config-file.ts
│ │ ├── add-module-import-to-module.ts
│ │ ├── angular-config-filename.ts
│ │ ├── compare-versions.ts
│ │ ├── config.ts
│ │ ├── find-app-module.ts
│ │ ├── get-file-content.ts
│ │ ├── get-index-html-path.ts
│ │ ├── get-json-file.ts
│ │ ├── get-main-path.ts
│ │ ├── get-typescript-source-file.ts
│ │ ├── ng-add-options.ts
│ │ ├── run-npm-install.ts
│ │ ├── setup-project.ts
│ │ └── update-json-file.ts
│ ├── tsconfig.cds.json
│ ├── tsconfig.json
│ └── tsconfig.test.json
├── postcss.config.js
├── scripts
├── axe.js
├── clr-icons-svg.js
├── commitlint
│ ├── adoptionScopes.js
│ ├── angularScopes.js
│ ├── common.js
│ ├── coreScopes.js
│ ├── customScopes.js
│ ├── customScopes.json
│ ├── packagesScopes.js
│ └── websiteScopes.js
├── copy-version.js
├── core-ng-module-generator.js
├── lock-check.js
├── lock-fix.js
├── netlify-build.sh
├── netlify
│ └── download-icon.js
├── publish-build.sh
├── publish-verify.js
├── set-version.js
├── update-license.js
├── update-local-packages.js
├── version-validation.js
├── website-add-rel-notes.js
├── website.sh
└── write-svg-icons.js
├── tools
├── audit-website
│ ├── README.md
│ ├── index.js
│ └── package.json
├── link-checker
│ ├── README.md
│ ├── index.js
│ └── package.json
└── visual-tester
│ ├── .gitignore
│ ├── README.md
│ ├── __tests__
│ ├── README.md
│ ├── angular.dev.vspec.ts
│ └── core.stories.vspec.ts
│ ├── babel.config.js
│ ├── jest.config.ts
│ ├── jest.setup.js
│ ├── package.json
│ ├── specs
│ ├── angular.dev.vspec.js
│ └── core
│ │ └── stories.vspec.js
│ ├── src
│ ├── index.ts
│ ├── runner
│ │ ├── cli.ts
│ │ ├── context.ts
│ │ ├── index.ts
│ │ ├── reporters
│ │ │ ├── dotReporter.ts
│ │ │ ├── reporter.ts
│ │ │ └── specReporter.ts
│ │ ├── runner.ts
│ │ ├── structure
│ │ │ └── tree.ts
│ │ └── types.d.ts
│ └── visual
│ │ ├── visual-diff.ts
│ │ └── visual-error.ts
│ ├── tsconfig.json
│ └── yarn.lock
├── tsconfig.json
└── yarn.lock
/.editorconfig:
--------------------------------------------------------------------------------
1 | # http://editorconfig.org
2 |
3 | root = true
4 |
5 | [*]
6 | charset = utf-8
7 | indent_style = space
8 | indent_size = 2
9 |
10 | # Unix-style newlines with a newline ending every file
11 | end_of_line = lf
12 |
13 | insert_final_newline = true
14 | trim_trailing_whitespace = true
15 |
16 | [*.ts]
17 | max_line_length = 120
18 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/config.yml:
--------------------------------------------------------------------------------
1 | blank_issues_enabled: false
2 | contact_links:
3 | - name: Feature Request
4 | url: https://github.com/vmware/clarity/discussions/new
5 | about: Submit new ideas in our GitHub Discussions forum.
6 | - name: Accessibility Issues
7 | url: https://github.com/vmware/clarity/wiki/Accessibility-Issues
8 | about: Reports specific to accessibility issues or requests.
9 |
--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 |
--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.17.0
2 |
--------------------------------------------------------------------------------
/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | printWidth: 120,
3 | tabWidth: 2,
4 | useTabs: false,
5 | semi: true,
6 | singleQuote: true,
7 | trailingComma: 'es5',
8 | bracketSpacing: true,
9 | arrowParens: 'avoid',
10 | };
11 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | You can view the full release notes at https://clarity.design/releases.
4 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.ts]
12 | quote_type = single
13 |
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | const routes: Routes = [];
5 |
6 | @NgModule({
7 | imports: [RouterModule.forRoot(routes)],
8 | exports: [RouterModule],
9 | })
10 | export class AppRoutingModule {}
11 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-cli/src/app/app.component.scss
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-cli/src/assets/.gitkeep
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true,
3 | };
4 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-cli/src/favicon.ico
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CoreAngularCli
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/src/styles.scss:
--------------------------------------------------------------------------------
1 | @import 'modern-normalize/modern-normalize.css';
2 | @import '@cds/city/css/bundles/default.min.css';
3 | @import '@cds/core/global.min.css';
4 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/app",
6 | "types": []
7 | },
8 | "files": ["src/main.ts", "src/polyfills.ts"],
9 | "include": ["src/**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/apps/core-angular-cli/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/spec",
6 | "types": ["jasmine"]
7 | },
8 | "files": ["src/test.ts", "src/polyfills.ts"],
9 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/apps/core-angular-js/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 | .cache
5 | .parcel-cache
6 |
7 | # local env files
8 | .env.local
9 | .env.*.local
10 |
11 | # Log files
12 | npm-debug.log*
13 | yarn-debug.log*
14 | yarn-error.log*
15 |
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
--------------------------------------------------------------------------------
/apps/core-angular-js/README.md:
--------------------------------------------------------------------------------
1 | # Angular JS + Clarity Core Demo
2 |
--------------------------------------------------------------------------------
/apps/core-angular-js/postcss.config.js:
--------------------------------------------------------------------------------
1 | // All the PostCSS setup exists in rollup.config.js This is here due to yarn
2 | // causing PostCSS to resolve to other configs in the repo if one not present.
3 | module.exports = {};
4 |
--------------------------------------------------------------------------------
/apps/core-angular-js/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-js/src/favicon.ico
--------------------------------------------------------------------------------
/apps/core-angular-js/src/index.css:
--------------------------------------------------------------------------------
1 | @import 'modern-normalize/modern-normalize.css';
2 | @import '@cds/core/global.min.css';
3 | @import '@cds/city/css/bundles/default.min.css';
4 |
--------------------------------------------------------------------------------
/apps/core-angular-js/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | AngularJS + Clarity Core Demo
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.ts]
12 | quote_type = single
13 |
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | const routes: Routes = [];
5 |
6 | @NgModule({
7 | imports: [
8 | RouterModule.forRoot(routes, {
9 | initialNavigation: 'enabled',
10 | }),
11 | ],
12 | exports: [RouterModule],
13 | })
14 | export class AppRoutingModule {}
15 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/app/app.browser.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import '@cds/core/alert/register.js';
3 | import '@cds/core/button/register.js';
4 |
5 | import { AppModule } from './app.module';
6 | import { AppComponent } from './app.component';
7 |
8 | @NgModule({
9 | imports: [AppModule],
10 | bootstrap: [AppComponent],
11 | })
12 | export class AppBrowserModule {}
13 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-universal/src/app/app.component.scss
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss'],
7 | })
8 | export class AppComponent {
9 | show = false;
10 | }
11 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/app/app.server.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { ServerModule } from '@angular/platform-server';
3 |
4 | import { AppModule } from './app.module';
5 | import { AppComponent } from './app.component';
6 |
7 | @NgModule({
8 | imports: [AppModule, ServerModule],
9 | bootstrap: [AppComponent],
10 | })
11 | export class AppServerModule {}
12 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-universal/src/assets/.gitkeep
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true,
3 | };
4 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-angular-universal/src/favicon.ico
--------------------------------------------------------------------------------
/apps/core-angular-universal/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/app",
6 | "types": []
7 | },
8 | "files": ["src/main.ts", "src/polyfills.ts"],
9 | "include": ["src/**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/apps/core-angular-universal/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/spec",
6 | "types": ["jasmine"]
7 | },
8 | "files": ["src/test.ts", "src/polyfills.ts"],
9 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/apps/core-cdn-demo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "core-cdn-demo",
3 | "version": "1.0.0",
4 | "description": "",
5 | "license": "MIT",
6 | "scripts": {
7 | "start": "lite-server"
8 | },
9 | "dependencies": { },
10 | "devDependencies": { }
11 | }
12 |
--------------------------------------------------------------------------------
/apps/core-create-react-app/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-create-react-app/public/favicon.ico
--------------------------------------------------------------------------------
/apps/core-create-react-app/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-create-react-app/public/logo192.png
--------------------------------------------------------------------------------
/apps/core-create-react-app/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-create-react-app/public/logo512.png
--------------------------------------------------------------------------------
/apps/core-create-react-app/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/apps/core-create-react-app/src/App.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-create-react-app/src/App.css
--------------------------------------------------------------------------------
/apps/core-create-react-app/src/App.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render } from '@testing-library/react';
3 | import App from './App';
4 |
5 | test('renders learn react link', () => {
6 | const { getByText } = render();
7 | const linkElement = getByText(/learn react/i);
8 | expect(linkElement).toBeInTheDocument();
9 | });
10 |
--------------------------------------------------------------------------------
/apps/core-create-react-app/src/index.css:
--------------------------------------------------------------------------------
1 | cds-alert {
2 | --background: #f5e5bf;
3 | --color: #2d2d2d;
4 | }
5 |
--------------------------------------------------------------------------------
/apps/core-create-react-app/src/react-app-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
--------------------------------------------------------------------------------
/apps/core-create-react-app/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom/extend-expect';
6 |
--------------------------------------------------------------------------------
/apps/core-parcel-js/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 | .cache
5 | .parcel-cache
6 |
7 | # local env files
8 | .env.local
9 | .env.*.local
10 |
11 | # Log files
12 | npm-debug.log*
13 | yarn-debug.log*
14 | yarn-error.log*
15 |
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 |
--------------------------------------------------------------------------------
/apps/core-parcel-js/README.md:
--------------------------------------------------------------------------------
1 | https://github.com/parcel-bundler/parcel/issues/3664
2 |
--------------------------------------------------------------------------------
/apps/core-parcel-js/src/index.css:
--------------------------------------------------------------------------------
1 | @import 'normalize.css/normalize.css';
2 | @import '@cds/city/css/bundles/default.min.css';
3 | @import '@cds/core/global.min.css';
4 |
--------------------------------------------------------------------------------
/apps/core-parcel-js/src/init.js:
--------------------------------------------------------------------------------
1 | import { I18nService } from '@clr/core';
2 |
3 | I18nService.localize({
4 | alert: { closeButtonAriaLabel: 'close this alert' },
5 | test: { testValue: 'I only exist in this application' },
6 | });
7 |
--------------------------------------------------------------------------------
/apps/core-rollup-js/.gitignore:
--------------------------------------------------------------------------------
1 | dist
--------------------------------------------------------------------------------
/apps/core-rollup-js/postcss.config.js:
--------------------------------------------------------------------------------
1 | // All the PostCSS setup exists in rollup.config.js This is here due to yarn
2 | // causing PostCSS to resolve to other configs in the repo if one not present.
3 | module.exports = {};
4 |
--------------------------------------------------------------------------------
/apps/core-rollup-js/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-rollup-js/src/favicon.ico
--------------------------------------------------------------------------------
/apps/core-rollup-js/src/index.css:
--------------------------------------------------------------------------------
1 | @import 'modern-normalize/modern-normalize.css';
2 | @import '@cds/core/global.min.css';
3 | @import '@cds/city/css/bundles/default.min.css';
4 |
--------------------------------------------------------------------------------
/apps/core-rollup-js/src/index.js:
--------------------------------------------------------------------------------
1 | import './index.css';
2 | import '@cds/core/icon/register.js';
3 | import '@cds/core/badge/register.js';
4 | import { ClarityIcons, searchIcon, pencilIcon } from '@cds/core/icon';
5 |
6 | ClarityIcons.addIcons(searchIcon, pencilIcon);
7 | document.querySelector('cds-badge').innerText = window.CDS.getDetails().versions[0];
8 |
--------------------------------------------------------------------------------
/apps/core-simple-devapp/.gitignore:
--------------------------------------------------------------------------------
1 | dist
--------------------------------------------------------------------------------
/apps/core-simple-devapp/demo/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-simple-devapp/demo/favicon.ico
--------------------------------------------------------------------------------
/apps/core-simple-devapp/demo/index.css:
--------------------------------------------------------------------------------
1 | body:not([cds-version]) {
2 | display: none;
3 | }
4 |
--------------------------------------------------------------------------------
/apps/core-simple-devapp/src/counter/counter.element.styles.ts:
--------------------------------------------------------------------------------
1 | import { css } from 'lit';
2 |
3 | export const styles = css`
4 | :host {
5 | display: inline-block;
6 | }
7 |
8 | .value {
9 | width: var(--cds-global-space-7);
10 | }
11 | `;
12 |
--------------------------------------------------------------------------------
/apps/core-simple-devapp/src/counter/index.ts:
--------------------------------------------------------------------------------
1 | export { CdaCounter } from './counter.element.js';
2 |
--------------------------------------------------------------------------------
/apps/core-simple-devapp/src/index.ts:
--------------------------------------------------------------------------------
1 | // export utilities at top level entrypoint
2 |
--------------------------------------------------------------------------------
/apps/core-snowpack/.gitignore:
--------------------------------------------------------------------------------
1 | .build
2 | build
3 | web_modules
4 | node_modules
--------------------------------------------------------------------------------
/apps/core-snowpack/public/index.css:
--------------------------------------------------------------------------------
1 | /* todo: https://github.com/pikapkg/snowpack/issues/389 */
2 | /* @import '~normalize.css/normalize.css'; */
3 | /* @import '~@cds/core/global.min.css'; */
4 | /* @import '~@cds/city/css/bundles/default.min.css'; */
5 |
6 | body {
7 | }
8 |
--------------------------------------------------------------------------------
/apps/core-snowpack/snowpack.config.json:
--------------------------------------------------------------------------------
1 | {
2 | "mount": {
3 | "public": "/",
4 | "src": "/_dist_"
5 | },
6 | "plugins": []
7 | }
8 |
--------------------------------------------------------------------------------
/apps/core-vue-cli/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 | # local env files
6 | .env.local
7 | .env.*.local
8 |
9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/apps/core-vue-cli/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ['@vue/cli-plugin-babel/preset'],
3 | };
4 |
--------------------------------------------------------------------------------
/apps/core-vue-cli/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-vue-cli/public/favicon.ico
--------------------------------------------------------------------------------
/apps/core-vue-cli/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/core-vue-cli/src/assets/logo.png
--------------------------------------------------------------------------------
/apps/core-vue-cli/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import App from './App.vue';
3 | import '@cds/core/alert/register.js';
4 | import '@cds/core/button/register.js';
5 |
6 | Vue.config.productionTip = false;
7 |
8 | new Vue({
9 | render: h => h(App),
10 | }).$mount('#app');
11 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.ts]
12 | quote_type = single
13 |
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/app/accordion-demo/accordion-demo.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-accordion-demo',
5 | templateUrl: './accordion-demo.component.html',
6 | })
7 | export class AccordionDemoComponent {
8 | stepOpen = true;
9 | disableThirdPanel = true;
10 |
11 | change(event: any) {
12 | console.log('Accordion Changed', event);
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/app/app.component.scss:
--------------------------------------------------------------------------------
1 | header .branding {
2 | width: 12rem;
3 |
4 | .nav-link {
5 | &:active cds-icon {
6 | color: var(--cds-global-color-white);
7 | }
8 | &:visited cds-icon {
9 | color: var(--cds-global-color-white);
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/app/datagrid-demo/inventory/pokemon.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 | export interface Pokemon {
7 | number: number;
8 | name: string;
9 | }
10 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/app/modal-demo/modal-demo.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-modal-demo',
5 | templateUrl: './modal-demo.component.html',
6 | })
7 | export class ModalDemoComponent {
8 | open = false;
9 | }
10 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/app/wizard-demo/wizard-demo.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, ViewChild } from '@angular/core';
2 | import { ClrWizard } from '@clr/angular';
3 |
4 | @Component({
5 | selector: 'app-wizard-demo',
6 | templateUrl: './wizard-demo.component.html',
7 | })
8 | export class WizardDemoComponent {
9 | @ViewChild('wizard') wizard: ClrWizard | undefined;
10 | open = false;
11 | }
12 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/shim-clr-ui/src/assets/.gitkeep
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true,
3 | };
4 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/shim-clr-ui/src/favicon.ico
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Tokens Mapping
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/src/styles.scss:
--------------------------------------------------------------------------------
1 | .y-m-md {
2 | margin: 0.5rem 0;
3 | }
4 |
5 | .x-m-md {
6 | margin: 0 0.5rem;
7 | }
8 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/app",
6 | "types": []
7 | },
8 | "files": ["src/main.ts", "src/polyfills.ts"],
9 | "include": ["src/**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/apps/shim-clr-ui/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/spec",
6 | "types": ["jasmine"]
7 | },
8 | "files": ["src/test.ts", "src/polyfills.ts"],
9 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/apps/website/.gitignore:
--------------------------------------------------------------------------------
1 | api/
2 | dist/
3 | node_modules/
4 | .vuepress/code/images
5 |
--------------------------------------------------------------------------------
/apps/website/.markdownlint.json:
--------------------------------------------------------------------------------
1 | {
2 | "default": true,
3 | "line-length": false,
4 | "MD024": false,
5 | "MD036": false,
6 | "no-trailing-punctuation": false,
7 | "no-inline-html": false
8 | }
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/app-level-error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Your license is about to expire.
5 |
6 | Renew
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/app-level-info.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | New version available
5 |
6 | View
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/app-level-warning.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Upcoming maintenance on 10/30/2020
5 |
6 | Edit
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/lightweight-error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | 2 incompatible devices found.
4 |
5 | View devices
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/lightweight-info.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | New release available.
4 |
5 | View Release Notes
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/lightweight-loading.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Finishing cluster setup...
4 |
5 | Show more
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/lightweight-success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Competibility check complete.
4 |
5 | Dismiss
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/lightweight-unknown.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Unknown error.
4 |
5 | Dismiss
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/lightweight-warning.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Some hosts will need remediation.
4 |
5 | Dismiss
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/sizes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Info
5 |
6 |
7 |
8 |
9 | Compact info
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/standard-error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Your license is about to expire.
4 |
5 | Renew
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/standard-info.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | You can customize your host in the setting panel.
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/standard-success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Your container has been created.
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/alert/standard-warning.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | This feature is still under development.
4 |
5 | View Roadmap
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/checkbox/basic.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Max file size: 128 MB
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Max file size: 128 MB
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Exceed file size limit
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | File accepted
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/file/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/icon/colors.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/icon/flip.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/icon/rotate-attr.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/icon/rotate-style.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/icon/size-attr.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/active.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/controlled-width.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Username already exists
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Username already exists
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/input/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | message text
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/active.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Use 8 or more characters with a mix of letters, numbers & symbols
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Use 8 or more characters with a mix of letters, numbers & symbols
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Use 8 or more characters with a mix of letters, numbers & symbols
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Use 8 or more characters for your password
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Password meets requirements
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/password/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | System error
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Changes saved
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/range/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/active.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Search currently unavailable
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | System error
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Success message
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/search/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/active.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/basic.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 | Helper message
9 |
10 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 | message text
9 |
10 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 | message text
9 |
10 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/multiple.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 | message text
11 |
12 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/select/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 | message text
9 |
10 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/active.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | This comment is required
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Changes saved
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/textarea/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/active.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/compact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | This time is not available
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/horizontal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Changes saved
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/time/vertical.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | message text
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/toggle/basic.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/toggle/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/toggle/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/toggle/error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | Unable to turn on Wi-Fi
11 |
12 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/core-usage-demos/toggle/success.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | Changes saved
11 |
12 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/alert/app-level-main-ng.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/code/demos/alert/app-level-main-ng.html
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/badge/status-css.html:
--------------------------------------------------------------------------------
1 |
2 | 2
3 | 3
4 | 12
5 | 15
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/badge/status-ng.html:
--------------------------------------------------------------------------------
1 | 2
2 | 3
3 | 12
4 | 15
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/accessibility.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/basic-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/basic-ng.html:
--------------------------------------------------------------------------------
1 |
2 | Create
3 | Favorite
4 | Assign
5 | Download
6 | Delete
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/flat-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/mixed-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/outline-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/primary-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button-group/small-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/block-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/flat-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/inverse-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/loading-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/solid-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/states-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/button/types-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datagrid/smart-iterator.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datalist/basic-ng.html:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/basic-ng.html:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/i18n-ng.ts:
--------------------------------------------------------------------------------
1 | import { registerLocaleData } from '@angular/common';
2 | import localeFr from '@angular/common/locales/fr';
3 |
4 | registerLocaleData(localeFr);
5 |
6 | @Component({
7 | providers: [{ provide: LOCALE_ID, useValue: 'fr' }],
8 | })
9 | export class AppComponent {}
10 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/js-date-object.html:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/min-max-ng.html:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/reactive-date.html:
--------------------------------------------------------------------------------
1 |
8 |
9 | {{dateForm.value | json}}
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/reactive-date.ts:
--------------------------------------------------------------------------------
1 | @Component({
2 | selector: 'clr-form-demo',
3 | templateUrl: './form-demo.html',
4 | })
5 | export class DatepickerReactiveFormsDemo {
6 | dateForm = new FormGroup({ date: new FormControl() });
7 | }
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/template-driven.html:
--------------------------------------------------------------------------------
1 |
8 |
9 | {{simpleForm.value | json}}
10 |
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/datepicker/template-driven.ts:
--------------------------------------------------------------------------------
1 | @Component({
2 | selector: 'clr-form-demo',
3 | templateUrl: './form-demo.html',
4 | })
5 | export class DatepickerTemplateDrivenFormsDemo {
6 | date: string = '01/02/2015';
7 | }
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/grid/1-col-width-auto-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | 1/4 (auto)
4 |
5 |
6 | 1/2 (fixed)
7 |
8 |
9 | 1/4 (auto)
10 |
11 |
2 |
3 |
4 | 1/3 (fixed)
5 |
6 |
7 | Remaining
8 |
9 |
10 |
2 |
3 | 1/3 (auto)
4 |
5 |
6 | Remaining
7 |
8 |
2 |
3 |
4 | clr-col-sm-4
5 |
6 |
7 | clr-col-sm-6 clr-offset-sm-2
8 |
9 |
10 |
2 |
3 | clr-col-sm-4
4 |
5 |
6 | clr-col-sm-6 clr-offset-sm-2
7 |
8 |
2 |
3 | clr-col-sm-12 clr-col-md-6
4 |
5 |
6 | clr-col-sm-12 clr-col-md-6
7 |
8 |
9 | clr-col-sm-12 clr-col-md-12
10 |
11 |
2 |
3 |
4 | clr-col-6
5 |
6 |
7 | clr-col-8
8 |
9 |
10 |
2 |
3 | clr-col-7
4 |
5 |
6 | clr-col-8
7 |
8 |
2 |
3 | 4
4 |
5 |
6 | 6
7 |
8 |
9 | 2
10 |
11 |
2 |
3 | clr-col
4 |
5 |
6 | clr-col
7 |
8 |
9 |
10 | clr-col
11 |
12 |
13 | clr-col
14 |
15 |
2 |
3 | 1/3
4 |
5 |
6 | 1/3
7 |
8 |
9 | 1/3
10 |
11 |
2 | Seattle
3 | Austin
4 | New York
5 | Palo Alto
6 | San Francisco
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/color-ng.html:
--------------------------------------------------------------------------------
1 | Seattle
2 | Austin
3 | New York
4 | Palo Alto
5 | San Francisco
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/demo1-css.html:
--------------------------------------------------------------------------------
1 |
2 | john@example.com
3 | james@example.com
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/demo1-ng.html:
--------------------------------------------------------------------------------
1 | john@example.com
2 | james@example.com
3 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/food-css.html:
--------------------------------------------------------------------------------
1 |
2 | Fruit
3 | Meat
4 | Drink
5 | Vegetable
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/food-ng.html:
--------------------------------------------------------------------------------
1 | Fruit
2 | Meat
3 | Drink
4 | Vegetable
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/status-css.html:
--------------------------------------------------------------------------------
1 |
2 | Info
3 | Success
4 | Warning
5 | Error
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/label/status-ng.html:
--------------------------------------------------------------------------------
1 | Info
2 | Success
3 | Warning
4 | Error
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/list/unstyled.html:
--------------------------------------------------------------------------------
1 |
2 | - Id est laborum
3 | - Dolore eu fugiat
4 | - Occaecat cupidatat
5 | - Deserunt mollit anim
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/password/basic-ng.html:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/progress/determinate-css.html:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/progress/determinate-ng.html:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/progress/indeterminate-css.html:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/progress/indeterminate-ng.html:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/progress/labeled-css.html:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/progress/labeled-ng.html:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/radio/basic-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/range/basic-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/range/disabled-ng.html:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/range/helper-ng.html:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/select/basic-css.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/select/basic-ng.html:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/select/label-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/signpost/basic-css.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/code/demos/signpost/basic-css.html
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/signpost/basic-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Default Signpost
4 | Position: right-middle
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/signpost/custom-css.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/code/demos/signpost/custom-css.html
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/inline-css.html:
--------------------------------------------------------------------------------
1 |
2 | Loading...
3 |
4 |
5 | Loading...
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/inline-ng.html:
--------------------------------------------------------------------------------
1 | Loading ...
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/inverse-css.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Loading...
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/inverse-ng.html:
--------------------------------------------------------------------------------
1 | Loading ...
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/large-css.html:
--------------------------------------------------------------------------------
1 |
2 | Loading...
3 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/large-ng.html:
--------------------------------------------------------------------------------
1 | Loading ...
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/medium-css.html:
--------------------------------------------------------------------------------
1 |
2 | Loading...
3 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/medium-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/page-css.html:
--------------------------------------------------------------------------------
1 |
2 | Loading...
3 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/page-ng.html:
--------------------------------------------------------------------------------
1 | Loading ...
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/small-css.html:
--------------------------------------------------------------------------------
1 |
2 | Loading...
3 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/spinner/small-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/textarea/basic-css.html:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/textarea/basic-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/textarea/label-ng.html:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/themes/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "styles": ["../node_modules/@clr/icons/clr-icons.min.css", "../node_modules/@clr/ui/clr-ui-dark.min.css"]
3 | }
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/themes/webpack.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | entry: {
3 | main: ['./src/main.ts'],
4 | styles: [
5 | './node_modules/@clr/icons/clr-icons.min.css',
6 | './node_modules/@clr/ui/clr-ui-dark.min.css',
7 | './src/styles.css',
8 | ],
9 | },
10 | };
11 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/toggle/disabled-demo-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Disabled toggle switch text
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/toggle/error-demo-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Toggle error description
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-bottom-left.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Lorem ipsum dolor sit amet, consectetur adipisicing elit
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-bottom-right.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Lorem ipsum dolor sit amet, ipsum
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-left.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Lorem ipsum sit
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-lg.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | I am the large tooltip and very wide for long content.
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-md.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | I'm the medium sized tooltip
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-right.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Lorem ipsum dolor sit amet, ipsum
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-sm.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | I'm still small.
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-top-left.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Lorem ipsum sit
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-top-right.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Lorem ipsum sit
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tooltip/tooltip-xs.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | I'm xs
4 |
5 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tree-view/empty-css.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/code/demos/tree-view/empty-css.html
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tree-view/expanded-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{expanded ? "I am expanded" : "I am collapsed"}}
4 |
5 | Child Tree Node
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tree-view/lazy-recursive-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | {{file.name}}
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tree-view/lazy-tree.ts:
--------------------------------------------------------------------------------
1 | @Component({})
2 | export class OfficeLocations {
3 | constructor(private locationService: LocationService) {}
4 |
5 | locations$: Observable;
6 | loading = false;
7 |
8 | fetchLocations() {
9 | this.loading = true;
10 | this.locations$ = this.locationService.getLocations().pipe(tap(() => (this.loading = false)));
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/tree-view/recursive-ng.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{file.name}}
4 |
5 |
6 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/vertical-nav/jigglypuff-css.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/code/demos/wizard/basic-css.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/favicon.ico
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-Black.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-Black.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-BlackItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-BlackItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-Bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-Bold.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-BoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-BoldItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-ExtraBold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-ExtraBold.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-ExtraBoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-ExtraBoldItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-ExtraLight.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-ExtraLight.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-ExtraLightItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-ExtraLightItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-Light.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-Light.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-LightItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-LightItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-Medium.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-Medium.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-MediumItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-MediumItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-Regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-Regular.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-RegularItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-RegularItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-SemiBold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-SemiBold.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-SemiBoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-SemiBoldItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-Thin.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-Thin.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/public/fonts/ClarityCity-ThinItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/apps/website/.vuepress/public/fonts/ClarityCity-ThinItalic.woff
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/filters/uppercase.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 |
3 | Vue.filter('uppercase', function (value) {
4 | if (!value) {
5 | return '';
6 | }
7 | return value.charAt(0).toUpperCase() + value.slice(1);
8 | });
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/global-components/DocIndent.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
12 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/global-components/services/icon-search-service.js:
--------------------------------------------------------------------------------
1 | export default new (class {
2 | executeOnFilterValueChange = [];
3 |
4 | setFilterValue(value) {
5 | this.executeOnFilterValueChange.forEach(f => f(value));
6 | }
7 | })();
8 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/noopModule.js:
--------------------------------------------------------------------------------
1 | export default {};
2 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/util/path-to-id.js:
--------------------------------------------------------------------------------
1 | export function pathToId(path) {
2 | return path.replace('/', '').replace(/\//g, '-').replace(/-$/, '');
3 | }
4 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/util/remove-path-ext.js:
--------------------------------------------------------------------------------
1 | export function removePathExt(path) {
2 | const pathArr = path.split('.');
3 | if (pathArr.length < 2) {
4 | return path;
5 | }
6 | pathArr.pop();
7 | return pathArr.join('');
8 | }
9 |
--------------------------------------------------------------------------------
/apps/website/.vuepress/theme/util/timer-utils.js:
--------------------------------------------------------------------------------
1 | export default {
2 | debounce: function (cb, wait) {
3 | let timeout;
4 | return function (...args) {
5 | const self = this;
6 | clearTimeout(timeout);
7 | timeout = setTimeout(function () {
8 | cb.apply(self, args);
9 | }, wait);
10 | };
11 | },
12 | };
13 |
--------------------------------------------------------------------------------
/apps/website/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | home: true
3 | permalink: /
4 | ---
5 |
6 | # Clarity Design System
7 |
--------------------------------------------------------------------------------
/apps/website/angular-components/README.md:
--------------------------------------------------------------------------------
1 | # Angular Components Overview
2 |
3 | For `@clr/angular` component documentation, please visit [angular.clarity.design.](https://angular.clarity.design/)
4 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/badge/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | These are the css classes needed to work with the spans that create badge elements.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/button/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Clarity defines different button, status and size classes.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/card/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Card classes are used on native HTML elements.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/grid/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Grid classes are used to provide structure for content. They can be combined to create application specific layouts.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/header/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | There are several header styles that change the background color of header content and several that group and organize child elements in the header.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/label/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Classes for form control labels.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/list/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Classes for ordered, unorered or unstyled list elements.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/login/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Classes to implement a Clarity defined login form for applications that require authentication.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/progress-bar/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## API
7 |
8 | ### ClrProgressBar
9 |
10 | #### Selector & Basic Usage
11 |
12 |
13 |
14 | ```html
15 |
16 | ```
17 |
18 |
19 |
20 | #### Bindings
21 |
22 |
23 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/sidenav/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Use these classes to create a sidenav component. It must be a child of .main-container and a sibling _after_ .content-area.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/angular-components/_components/table/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 | ## CSS
7 |
8 | Tables can have several different visual styles.
9 |
10 | ### Classes
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/website/build/tsconfig.parse.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "commonjs",
4 | "target": "es2020"
5 | },
6 | "include": ["./**/*.ts"]
7 | }
8 |
--------------------------------------------------------------------------------
/apps/website/core-components/README.md:
--------------------------------------------------------------------------------
1 | # Web Components Overview
2 |
3 |
4 |
--------------------------------------------------------------------------------
/apps/website/core-components/accordion/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the accordion component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/accordion/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/alert/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the alert component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/alert/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/core-components/badge/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the badge component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/badge/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/button/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the button component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/button/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/card/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## Card
8 |
9 |
10 | ### Card Properties
11 |
12 |
13 |
14 |
15 | ### Card Slots
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/core-components/card/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the control component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/card/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/checkbox/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the checkbox component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/checkbox/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/control/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the control component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/forms/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/datalist/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the datalist component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/datalist/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/divider/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## Divider
8 |
9 |
10 | ### Inline Button Properties
11 |
12 |
13 |
14 |
15 | ### Inline Button CSS Properties
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/core-components/file/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## File
8 |
9 |
10 | ### File Properties
11 |
12 |
13 |
14 |
15 | ### File Slots
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/core-components/file/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the file component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/file/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/form-group/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## Form Group
8 |
9 |
10 | ### Form Group Properties
11 |
12 |
13 |
14 |
15 | ### Form Group Slots
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/core-components/icon-button/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the icon button component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/icon/register.js';
12 | import '@cds/core/button/register.js';
13 | ```
14 |
15 | :::
16 |
17 |
18 |
--------------------------------------------------------------------------------
/apps/website/core-components/inline-button/code.md:
--------------------------------------------------------------------------------
1 | ---
2 |
3 | title: Code
4 | toc: false
5 | ---::: component-summary
6 |
7 | To use the inline button component import the component in your JavaScript.
8 |
9 | ```javascript
10 | import '@cds/core/button/register.js';
11 | ```
12 |
13 | :::
14 |
15 |
16 |
--------------------------------------------------------------------------------
/apps/website/core-components/input-group/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## Button
8 |
9 |
10 | ### Button Properties
11 |
12 |
13 |
14 |
15 | ### Button Slots
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/core-components/input-group/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the input group component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/input/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/input/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the input component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/input/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/list/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: false
4 | ---
5 |
6 | N/A
7 |
--------------------------------------------------------------------------------
/apps/website/core-components/modal/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the modal component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/modal/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/password/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the password component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/password/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/radio/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the radio component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/radio/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/range/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the range component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/range/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/search/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the search component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/search/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/select/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the select component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/select/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/tag/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## Tag
8 |
9 |
10 | ### Tag Properties
11 |
12 |
13 |
14 |
15 | ### Tag CSS Properties
16 |
17 |
18 |
19 |
20 | ### Tag Slots
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/apps/website/core-components/tag/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the tag component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/tag/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/textarea/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the textarea component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/textarea/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/time/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the time component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/time/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/core-components/toggle/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 | ::: component-summary
7 |
8 | To use the toggle component import the component in your JavaScript.
9 |
10 | ```javascript
11 | import '@cds/core/toggle/register.js';
12 | ```
13 |
14 | :::
15 |
16 |
17 |
--------------------------------------------------------------------------------
/apps/website/foundation/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Foundation
3 | ---
4 |
5 | overview page
6 |
--------------------------------------------------------------------------------
/apps/website/foundation/app-layout/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | ---
4 |
5 | ## CSS
6 |
7 | Application layout classes can be used to position and define areas of the Clarity application.
8 |
9 | ### Classes
10 |
11 |
12 |
--------------------------------------------------------------------------------
/apps/website/foundation/icons/api.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: API
3 | toc: true
4 | ---
5 |
6 |
7 | ## Icon
8 |
9 |
10 | ### Icon Properties
11 |
12 |
13 |
14 |
15 | ### Icon CSS Properties
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/apps/website/foundation/icons/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/foundation/themes/code.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code
3 | toc: false
4 | ---
5 |
6 |
7 |
--------------------------------------------------------------------------------
/apps/website/releases/v4.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: v4 Changelog
3 | ---
4 |
5 | # v4 Changelog{cds-text="heading" cds-layout="m-y:lg"}
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/releases/v5.md:
--------------------------------------------------------------------------------
1 | # v5 Changelog
2 |
3 | ## Releases have moved to GitHub!
4 |
5 | Release Notes for v5.7.0 and above [are now on GitHub.](https://github.com/vmware-clarity/core/releases?q=v5&expanded=true)
6 |
7 |
8 |
--------------------------------------------------------------------------------
/apps/website/releases/v6.md:
--------------------------------------------------------------------------------
1 | # v6 Changelog
2 |
3 | ## Releases have moved to GitHub!
4 |
5 | Release Notes for v6.0.0-beta.1 and above [are now on GitHub.](https://github.com/vmware-clarity/core/releases?q=v6&expanded=true)
6 |
7 |
8 |
--------------------------------------------------------------------------------
/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/logo.png
--------------------------------------------------------------------------------
/packages/angular/.stylelintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../.stylelintrc",
3 | "ignoreFiles": [
4 | "projects/clr-angular/src/utils/_normalize.scss"
5 | ]
6 | }
7 |
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/README.md:
--------------------------------------------------------------------------------
1 | ## Installing Angular Modules for Core components [](https://badge.fury.io/js/%cds%2Fangular)
2 |
3 | The easiest way is to use the Angular CLI to automatically install `@cds/angular` into your project
4 |
5 | ```
6 | ng add @cds/angular
7 | ```
8 |
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/_stubs/package.json.mustache:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@cds/angular/{{{moduleDirectory}}}",
3 | "ngPackage": {
4 | "lib": {
5 | "entryFile": "public-api.ts",
6 | "flatModuleFile": "{{{moduleFileName}}}"
7 | }
8 | }
9 | }
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/_stubs/public-api.ts.mustache:
--------------------------------------------------------------------------------
1 | /*
2 | * Public API Surface of cds-angular
3 | */
4 |
5 | export * from './index';
6 |
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/ng-package.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
3 | "dest": "../../dist/angular",
4 | "lib": {
5 | "entryFile": "src/public-api.ts"
6 | },
7 | "allowedNonPeerDependencies": ["jsdom"]
8 | }
9 |
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/tsconfig.lib.prod.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.lib.json",
4 | "compilerOptions": {
5 | "declarationMap": false
6 | },
7 | "angularCompilerOptions": {
8 | "compilationMode": "partial"
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "../../tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "../../out-tsc/spec",
6 | "types": ["jasmine"]
7 | },
8 | "files": ["src/test.ts"],
9 | "include": ["**/*.spec.ts", "**/*.d.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/packages/angular/projects/cds-angular/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tslint.json",
3 | "rules": {
4 | "directive-selector": [true, "attribute", "lib", "camelCase"],
5 | "component-selector": [true, "element", "lib", "kebab-case"]
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/angular/projects/clr-angular/README.md:
--------------------------------------------------------------------------------
1 | The `clr-angular` project has been moved to the `angular` branch.
2 |
--------------------------------------------------------------------------------
/packages/angular/src/app/app.component.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
--------------------------------------------------------------------------------
/packages/angular/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/packages/angular/src/assets/.gitkeep
--------------------------------------------------------------------------------
/packages/angular/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export const environment = {
8 | production: true,
9 | };
10 |
--------------------------------------------------------------------------------
/packages/angular/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/packages/angular/src/favicon.ico
--------------------------------------------------------------------------------
/packages/angular/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./out-tsc/app",
5 | "types": []
6 | },
7 | "files": ["src/main.ts", "src/polyfills.ts"],
8 | "include": ["src/**/*.d.ts"]
9 | }
10 |
--------------------------------------------------------------------------------
/packages/angular/tsconfig.eslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": { "strict": true },
4 | "include": ["**/*.ts"],
5 | "exclude": ["dist", "node_modules"]
6 | }
7 |
--------------------------------------------------------------------------------
/packages/core/.browserslistrc:
--------------------------------------------------------------------------------
1 | # Browsers that we support
2 | chrome 96
--------------------------------------------------------------------------------
/packages/core/.storybook/main.js:
--------------------------------------------------------------------------------
1 | const rollupStorybook = require('../rollup.storybook');
2 |
3 | module.exports = {
4 | staticDirs: ['./public'],
5 | stories: ['../src/**/*.stories.{ts,mdx}', '../docs/**/*.stories.{ts,mdx}'],
6 | rollupConfig(config) {
7 | return rollupStorybook.getConfig(config);
8 | },
9 | };
10 |
--------------------------------------------------------------------------------
/packages/core/.storybook/public/assets/images/clarity-high-contrast-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/packages/core/.storybook/public/assets/images/clarity-high-contrast-dark.png
--------------------------------------------------------------------------------
/packages/core/.storybook/public/assets/images/clarity-high-contrast-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/packages/core/.storybook/public/assets/images/clarity-high-contrast-light.png
--------------------------------------------------------------------------------
/packages/core/.storybook/public/assets/images/clarity-ui-theme.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/packages/core/.storybook/public/assets/images/clarity-ui-theme.png
--------------------------------------------------------------------------------
/packages/core/build/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "core-build"
3 | }
--------------------------------------------------------------------------------
/packages/core/build/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext",
4 | "module": "commonjs",
5 | "moduleResolution": "node",
6 | "types": ["@types/node"]
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/core/build/utils.ts:
--------------------------------------------------------------------------------
1 | import * as fs from 'fs-extra';
2 | import * as path from 'path';
3 |
4 | export const read = dir =>
5 | fs
6 | .readdirSync(dir)
7 | .reduce(
8 | (files, file) =>
9 | fs.statSync(path.join(dir, file)).isDirectory()
10 | ? files.concat(read(path.join(dir, file)))
11 | : files.concat(path.join(dir, file)),
12 | []
13 | );
14 |
--------------------------------------------------------------------------------
/packages/core/docs/changelog.stories.mdx:
--------------------------------------------------------------------------------
1 | import { Meta, Story, Preview } from '@web/storybook-prebuilt/addon-docs/blocks.js';
2 |
3 |
4 |
5 |
6 |
7 | # Changelog
8 |
9 | #### To view the latest updates visit https://clarity.design/releases/
10 |
--------------------------------------------------------------------------------
/packages/core/docs/welcome.stories.mdx:
--------------------------------------------------------------------------------
1 | import { Meta, Story } from '@web/storybook-prebuilt/addon-docs/blocks.js';
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/packages/core/sandbox/index.css:
--------------------------------------------------------------------------------
1 | @import '../../node_modules/@cds/city/css/bundles/default.min.css';
2 | @import '../../node_modules/modern-normalize/modern-normalize.css';
3 | @import '../dist/core/global.min.css';
4 | @import '../dist/core/styles/theme.dark.min.css';
5 |
6 | :not(:defined) {
7 | visibility: hidden;
8 | }
9 |
--------------------------------------------------------------------------------
/packages/core/src/badge/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './badge.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/breadcrumb/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './breadcrumb.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/button-action/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './button-action.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/button-expand/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './button-expand.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/button-handle/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './button-handle.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/button-inline/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './button-inline.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/button-sort/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './button-sort.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/button/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './button.element.js';
8 | export * from './icon-button.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/card/index.ts:
--------------------------------------------------------------------------------
1 | export * from './card.element.js';
2 |
--------------------------------------------------------------------------------
/packages/core/src/checkbox/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './checkbox.element.js';
8 | export * from './checkbox-group.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/datalist/datalist.global.scss:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
2 | // This software is released under MIT license.
3 | // The full license information can be found in LICENSE in the root directory of this project.
4 |
5 | cds-datalist input::-webkit-calendar-picker-indicator {
6 | opacity: 0;
7 | cursor: text;
8 | }
9 |
--------------------------------------------------------------------------------
/packages/core/src/datalist/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './datalist.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/date/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './date.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/divider/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './divider.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/dropdown/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './dropdown.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/file/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './file.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/global.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.scss' {
2 | const content: import('lit').CSSResultGroup;
3 | export = content;
4 | }
5 |
6 | declare module '*.json' {
7 | const value: any;
8 | export default value;
9 | }
10 |
11 | declare module '*.svg' {
12 | const value: any;
13 | export default value;
14 | }
15 |
16 | declare module '*.png' {
17 | const value: any;
18 | export default value;
19 | }
20 |
--------------------------------------------------------------------------------
/packages/core/src/internal-components/close-button/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './close-button.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/internal-components/overlay/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './overlay.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/internal-components/panel/index.ts:
--------------------------------------------------------------------------------
1 | export * from './panel.element.js';
2 |
--------------------------------------------------------------------------------
/packages/core/src/internal-components/popup/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './popup.element.js';
8 | export * from './pointer.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/internal-components/visual-checkbox/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './visual-checkbox.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/internal/enums/aria-roles.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export const enum AriaRole {
8 | Presentation = 'presentation',
9 | Button = 'button',
10 | }
11 |
--------------------------------------------------------------------------------
/packages/core/src/internal/motion/animations/keyframes/fade-in.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export const fadeInKeyframes = [{ opacity: 0 }, { opacity: 1 }];
8 |
--------------------------------------------------------------------------------
/packages/core/src/internal/utils/environment.spec.ts:
--------------------------------------------------------------------------------
1 | import { isBrowser } from './environment.js';
2 |
3 | describe('Environment Helper: ', () => {
4 | describe('isBrowser():', () => {
5 | it('returns true when expected', () => {
6 | expect(isBrowser()).toBe(true);
7 | });
8 | });
9 | });
10 |
--------------------------------------------------------------------------------
/packages/core/src/internal/utils/environment.ts:
--------------------------------------------------------------------------------
1 | import { isNil } from '../utils/identity.js';
2 |
3 | export function isBrowser(win = window) {
4 | return !isNil(win);
5 | }
6 |
7 | export function isJestTest() {
8 | return (globalThis as any)?.process?.env?.JEST_WORKER_ID !== undefined;
9 | }
10 |
--------------------------------------------------------------------------------
/packages/core/src/pagination/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './pagination.element.js';
8 | export * from './pagination-button.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/password/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './password.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/polyfills/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | import './aria-reflect.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/progress-circle/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './progress-circle.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/radio/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './radio.element.js';
8 | export * from './radio-group.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/range/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './range.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/search/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './search.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/search/search.global.scss:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
2 | // This software is released under MIT license.
3 | // The full license information can be found in LICENSE in the root directory of this project.
4 |
5 | cds-search input[type='search']::-webkit-search-cancel-button {
6 | display: none;
7 | }
8 |
--------------------------------------------------------------------------------
/packages/core/src/select/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './select.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/selection-panels/checkbox/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './checkbox-panel.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/selection-panels/radio/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './radio-panel.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/selection-panels/shared/selection-panel.interfaces.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export type SelectionPanelSizes = 'default' | 'sm' | 'md' | 'lg' | 'xl';
8 |
--------------------------------------------------------------------------------
/packages/core/src/styles/global.scss:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
2 | // This software is released under MIT license.
3 | // The full license information can be found in LICENSE in the root directory of this project.
4 |
5 | @import '../../dist/core/styles/module.tokens';
6 | @import './module.reset';
7 | @import './module.typography';
8 | @import './module.layout';
9 |
--------------------------------------------------------------------------------
/packages/core/src/styles/module.typography.scss:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
2 | // This software is released under MIT license.
3 | // The full license information can be found in LICENSE in the root directory of this project.
4 |
5 | @import '../../dist/core/tokens/tokens';
6 | @import './typography/typography';
7 | @import './typography/legacy-typography';
8 |
--------------------------------------------------------------------------------
/packages/core/src/tag/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './tag.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/test-dropdown/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './test-dropdown.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/test/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | /** @internal testing utilities */
8 | export * from './utils.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/textarea/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './textarea.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/time/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './time.element.js';
8 |
--------------------------------------------------------------------------------
/packages/core/src/toggle/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './toggle.element.js';
8 | export * from './toggle-group.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/tree-view/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export * from './tree.element.js';
8 | export * from './tree-item.element.js';
9 |
--------------------------------------------------------------------------------
/packages/core/src/tree-view/tree.element.scss:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
2 | // This software is released under MIT license.
3 | // The full license information can be found in LICENSE in the root directory of this project.
4 |
5 | @import './../styles/tokens/generated/index';
6 | @import './../styles/mixins/mixins';
7 |
8 | :host {
9 | cursor: pointer;
10 | }
11 |
--------------------------------------------------------------------------------
/packages/core/tsconfig.eslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": { "strict": true },
3 | "include": ["**/*.ts"],
4 | "exclude": ["dist", "node_modules"]
5 | }
6 |
--------------------------------------------------------------------------------
/packages/core/web-dev-server.sandbox.mjs:
--------------------------------------------------------------------------------
1 | /**
2 | * Sandbox Web Dev Server
3 | *
4 | * Provides a sandbox dev env in ./sandbox
5 | */
6 |
7 | import baseConfig from './web-dev-server.config.mjs';
8 |
9 | export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
10 | ...baseConfig,
11 | open: './sandbox/'
12 | });
13 |
--------------------------------------------------------------------------------
/packages/eslint-plugin-clarity-adoption/.gitignore:
--------------------------------------------------------------------------------
1 | # Outputs
2 | src/**/*.js
3 | dist
4 | reports
5 |
6 | # IDEs
7 | .idea/
8 | jsconfig.json
9 | .history
10 |
11 | # Misc
12 | node_modules/
13 | npm-debug.log*
14 | yarn-error.log*
15 |
16 | # Mac OSX Finder files.
17 | **/.DS_Store
18 | .DS_Store
19 |
20 | **/*.tgz
21 | package-lock.json
22 |
23 |
--------------------------------------------------------------------------------
/packages/eslint-plugin-clarity-adoption/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./dist"
5 | },
6 | "exclude": ["./node_modules/*", "./dist/*"]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/eslint-plugin-clarity/index.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | rules: {
3 | 'no-barrel-imports': require('./rules/no-barrel-imports'),
4 | },
5 | };
6 |
--------------------------------------------------------------------------------
/packages/eslint-plugin-clarity/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "eslint-plugin-clarity",
3 | "version": "1.0.0",
4 | "lockfileVersion": 1
5 | }
6 |
--------------------------------------------------------------------------------
/packages/eslint-plugin-clarity/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "eslint-plugin-clarity",
3 | "version": "1.0.0",
4 | "private": true,
5 | "main": "index.js",
6 | "dependencies": {}
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/babel.config.js:
--------------------------------------------------------------------------------
1 | // used by our jest test suite; not used for running the dev app
2 | module.exports = {
3 | presets: [['@babel/preset-env', { targets: { esmodules: true } }]],
4 | };
5 |
--------------------------------------------------------------------------------
/packages/react/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/packages/react/index.tsx:
--------------------------------------------------------------------------------
1 | import App from './App';
2 | import React from 'react';
3 | import ReactDOM from 'react-dom';
4 | import 'modern-normalize/modern-normalize.css';
5 | import '@cds/core/global.min.css';
6 | import '@cds/city/css/bundles/default.min.css';
7 |
8 | ReactDOM.render(, document.getElementById('root'));
9 |
--------------------------------------------------------------------------------
/packages/react/jest.setup.ts:
--------------------------------------------------------------------------------
1 | import * as enzyme from 'enzyme';
2 | import * as Adapter from 'enzyme-adapter-react-16';
3 |
4 | enzyme.configure({ adapter: new Adapter() });
5 |
--------------------------------------------------------------------------------
/packages/react/src/accordion/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/accordion/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/accordion"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/alert/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/alert/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/alert"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/badge/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/badge/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsBadge as Badge } from '@cds/core/badge';
2 | import '@cds/core/badge/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsBadge = createComponent(React, 'cds-badge', Badge, {}, 'CdsBadge');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/badge/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/badge"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/breadcrumb/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/breadcrumb/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/breadcrumb"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/button-action/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/button-action/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/button-action"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/button-expand/__snapshots__/index.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CdsButtonAction snapshot 1`] = `
4 |
5 |
6 |
9 |
12 |
13 |
14 |
15 | `;
16 |
--------------------------------------------------------------------------------
/packages/react/src/button-expand/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/button-expand/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/button-expand"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/button-handle/__snapshots__/index.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CdsButtonAction snapshot 1`] = `
4 |
5 |
6 |
9 |
12 |
13 |
14 |
15 | `;
16 |
--------------------------------------------------------------------------------
/packages/react/src/button-handle/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/button-handle/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/button-handle"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/button-inline/__snapshots__/index.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CdsButtonInline snapshot 1`] = `
4 |
5 |
6 |
9 |
12 |
13 |
14 |
15 | `;
16 |
--------------------------------------------------------------------------------
/packages/react/src/button-inline/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/button-inline/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/button-inline"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/button-sort/__snapshots__/index.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CdsButtonSort snapshot 1`] = `
4 |
5 |
6 |
9 |
12 |
13 |
14 |
15 | `;
16 |
--------------------------------------------------------------------------------
/packages/react/src/button-sort/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/button-sort/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/button-sort"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/button/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/button/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/button"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/card/__snapshots__/index.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CdsCard snapshot 1`] = `
4 |
5 |
6 |
9 |
12 | Placeholder
13 |
14 |
15 |
16 |
17 | `;
18 |
--------------------------------------------------------------------------------
/packages/react/src/card/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/card/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsCard as Card } from '@cds/core/card';
2 | import '@cds/core/card/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsCard = createComponent(React, 'cds-card', Card, {}, 'CdsCard');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/card/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/card"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/checkbox/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/checkbox/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/checkbox"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/datalist/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/datalist/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/datalist"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/date/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/date/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsDate as DateInput } from '@cds/core/date';
2 | import '@cds/core/date/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsDate = createComponent(React, 'cds-date', DateInput, {}, 'CdsDate');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/date/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/date"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/divider/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/divider/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsDivider as Divider } from '@cds/core/divider';
2 | import '@cds/core/divider/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsDivider = createComponent(React, 'cds-divider', Divider, {}, 'CdsDivider');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/divider/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/divider"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/dropdown/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/dropdown/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/dropdown"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/file/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/file/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsFile as File } from '@cds/core/file';
2 | import '@cds/core/file/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsFile = createComponent(React, 'cds-file', File, {}, 'CdsFile');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/file/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/file"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/forms/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/forms/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/forms"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/icon/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/icon/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/icon"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/input/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/input/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/input"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/close-button/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/close-button/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/internal-components/close-button"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/overlay/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/clarity/95c353e0545fb3cc58a6af1fd5852b830fc26e89/packages/react/src/internal-components/overlay/entrypoint.tsconfig.json
--------------------------------------------------------------------------------
/packages/react/src/internal-components/overlay/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/internal-components/overlay"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/panel/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/panel/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/internal-components/panel"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/popup/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [
7 | {
8 | "path": "../../utils/entrypoint.tsconfig.json"
9 | }
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/popup/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/internal-components/popup"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/visual-checkbox/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/internal-components/visual-checkbox/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/internal-components/visual-checkbox"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/modal/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/modal/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/modal"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/navigation/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/navigation/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/navigation"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/pagination/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/pagination/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/pagination"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/password/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/password/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/password"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/progress-circle/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/progress-circle/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/progress-circle"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/radio/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/radio/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/radio"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/range/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/range/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsRange as RangeInput } from '@cds/core/range';
2 | import '@cds/core/range/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsRange = createComponent(React, 'cds-range', RangeInput, {}, 'CdsRange');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/range/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/range"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/search/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/search/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsSearch as SearchInput } from '@cds/core/search';
2 | import '@cds/core/search/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsSearch = createComponent(React, 'cds-search', SearchInput, {}, 'CdsSearch');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/search/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/search"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/select/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/select/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsSelect as SelectInput } from '@cds/core/select';
2 | import '@cds/core/select/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsSelect = createComponent(React, 'cds-select', SelectInput, {}, 'CdsSelect');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/select/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/select"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/selection-panels/checkbox/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/selection-panels/checkbox/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/checkbox-panel"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/selection-panels/radio/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/selection-panels/radio/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/radio-panel"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/tag/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/tag/index.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { CdsTag as Tag } from '@cds/core/tag';
3 | import '@cds/core/tag/register';
4 | import { createComponent } from '@lit-labs/react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsTag = createComponent(React, 'cds-tag', Tag, {}, 'CdsTag');
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/tag/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/tag"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/textarea/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/textarea/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/textarea"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/time/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/time/index.tsx:
--------------------------------------------------------------------------------
1 | import { CdsTime as TimeInput } from '@cds/core/time';
2 | import '@cds/core/time/register';
3 | import { createComponent } from '@lit-labs/react';
4 | import * as React from 'react';
5 | import { logReactVersion } from '../utils/index.js';
6 |
7 | export const CdsTime = createComponent(React, 'cds-time', TimeInput);
8 |
9 | logReactVersion(React);
10 |
--------------------------------------------------------------------------------
/packages/react/src/time/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/time"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/toggle/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/toggle/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/toggle"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/tree-view/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | },
6 | "references": [{ "path": "../utils/entrypoint.tsconfig.json" }]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/react/src/tree-view/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "sideEffects": true,
3 | "name": "@cds/react/tree-view"
4 | }
5 |
--------------------------------------------------------------------------------
/packages/react/src/utils/entrypoint.tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.lib.json",
3 | "compilerOptions": {
4 | "composite": true
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/react/tsconfig.eslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": { "strict": true },
3 | "include": ["**/*.ts", "**/*.tsx"],
4 | "exclude": ["dist", "node_modules"]
5 | }
6 |
--------------------------------------------------------------------------------
/packages/react/tsconfig.test.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./dist/react",
5 | "types": ["jest", "enzyme", "enzyme-adapter-react-16"],
6 | "allowSyntheticDefaultImports": true,
7 | "esModuleInterop": false,
8 | "noImplicitAny": false
9 | },
10 | "include": ["**/*.test.ts", "**/*.test.tsx"]
11 | }
12 |
--------------------------------------------------------------------------------
/packages/schematics/.gitignore:
--------------------------------------------------------------------------------
1 | # Outputs
2 | src/**/*.js
3 | src/**/*.js.map
4 | #src/**/*.d.ts
5 |
6 | # IDEs
7 | .idea/
8 | jsconfig.json
9 | .vscode/
10 |
11 | # Misc
12 | node_modules/
13 | npm-debug.log*
14 | yarn-error.log*
15 |
16 | # Mac OSX Finder files.
17 | **/.DS_Store
18 | .DS_Store
19 |
--------------------------------------------------------------------------------
/packages/schematics/src/add/schema.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export interface Schema {
8 | project?: string;
9 | module?: string;
10 | }
11 |
--------------------------------------------------------------------------------
/packages/schematics/src/cds-add/schema.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export interface Schema {
8 | project?: string;
9 | module?: string;
10 | }
11 |
--------------------------------------------------------------------------------
/packages/schematics/src/cds-add/versions.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export const cdsAngularVersion = '^5.1.1';
8 | export const cdsCityVersion = '^1.1.0';
9 |
--------------------------------------------------------------------------------
/packages/schematics/src/cds-collection.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
3 | "schematics": {
4 | "ng-add": {
5 | "description": "Add Clarity to your project",
6 | "factory": "./cds-add",
7 | "schema": "./cds-add/schema.json"
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/packages/schematics/src/collection.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
3 | "schematics": {
4 | "ng-add": {
5 | "description": "Add Clarity to your project",
6 | "factory": "./add",
7 | "schema": "./add/schema.json"
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/packages/schematics/src/utility/angular-config-filename.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export const configFileName = 'angular.json';
8 |
--------------------------------------------------------------------------------
/packages/schematics/src/utility/ng-add-options.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
3 | * This software is released under MIT license.
4 | * The full license information can be found in LICENSE in the root directory of this project.
5 | */
6 |
7 | export interface NgAddOptions {
8 | project?: string;
9 | module?: string;
10 | }
11 |
--------------------------------------------------------------------------------
/packages/schematics/tsconfig.cds.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig",
3 | "compilerOptions": {
4 | "outDir": "../../dist/angular/schematics"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/schematics/tsconfig.test.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "src/"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '',
3 | plugins: [
4 | require('autoprefixer')({
5 | overrideBrowserslist: ['last 2 versions', 'ie 11', '> 5%', 'Firefox > 35', 'Chrome > 35'],
6 | cascade: false,
7 | }),
8 | ],
9 | };
10 |
--------------------------------------------------------------------------------
/scripts/commitlint/customScopes.json:
--------------------------------------------------------------------------------
1 | {
2 | "commitlint": ["customScopes", "coreScopes", "websiteScopes", "packagesScopes", "angularScopes", "adoptionScopes"]
3 | }
4 |
--------------------------------------------------------------------------------
/scripts/commitlint/packagesScopes.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-var-requires */
2 | /* eslint-disable @typescript-eslint/explicit-function-return-type */
3 | const { findScopes } = require('./common');
4 |
5 | module.exports = {
6 | getScopes: path => {
7 | const websiteScopes = findScopes(path, () => true, true);
8 | return new Set(websiteScopes);
9 | },
10 | };
11 |
--------------------------------------------------------------------------------
/scripts/netlify-build.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 | #
3 | # Copyright (c) 2016-2020 VMware, Inc.
4 | # All Rights ReserveThis software is released under MIT license.
5 | # The full license information can be found in LICENSE in the root directory of this project.
6 | #
7 |
8 | echo "Clarity Netlify Build Script"
9 | exit 0
10 |
--------------------------------------------------------------------------------
/tools/audit-website/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "audit-website",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "start": "node index.js"
6 | },
7 | "devDependencies": {
8 | "chrome-launcher": "^0.13.4",
9 | "commander": "^6.0.0",
10 | "fast-xml-parser": "^3.17.4",
11 | "got": "^11.5.1",
12 | "lighthouse": "^6.1.1",
13 | "mkdirp": "^1.0.4"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/tools/link-checker/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "link-checker",
3 | "version": "1.0.0",
4 | "private": true,
5 | "scripts": {
6 | "start": "node index.js"
7 | },
8 | "dependencies": {
9 | "broken-link-checker": "^0.7.8",
10 | "commander": "^6.0.0",
11 | "fast-xml-parser": "^3.17.4",
12 | "got": "^11.5.1",
13 | "mkdirp": "^1.0.4"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/tools/visual-tester/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | snapshots/*
3 | dist/
4 | images/*
5 |
--------------------------------------------------------------------------------
/tools/visual-tester/__tests__/README.md:
--------------------------------------------------------------------------------
1 | ### Content
2 |
3 | This folder contain spec files for Jest runner.
4 |
5 | #### Keep it DRY
6 |
7 | To not repeat yourself you could use `import` to link files.
8 |
9 | Example:
10 |
11 | ```ts
12 | import 'path/to/file';
13 | ```
14 |
--------------------------------------------------------------------------------
/tools/visual-tester/__tests__/angular.dev.vspec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This spec is testing the Angular Dev app.
3 | */
4 |
5 | // jest --testMatch="**/__tests__/**/angular.dev.vspec.ts"
6 |
7 | import '../specs/angular.dev.vspec';
8 |
--------------------------------------------------------------------------------
/tools/visual-tester/__tests__/core.stories.vspec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This spec is testing the Angular Dev app.
3 | */
4 |
5 | // jest --testMatch="**/__tests__/**/core.stories.vspec.ts"
6 |
7 | import '../specs/core/stories.vspec';
8 |
--------------------------------------------------------------------------------
/tools/visual-tester/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript'],
3 | };
4 |
--------------------------------------------------------------------------------
/tools/visual-tester/jest.setup.js:
--------------------------------------------------------------------------------
1 | // Set default timeout jest will wait before failing
2 | jest.setTimeout(30000);
3 |
--------------------------------------------------------------------------------
/tools/visual-tester/src/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Public API for visual diff when used as part of a lib.
3 | */
4 | export * from './visual/visual-diff';
5 | export * from './visual/visual-error';
6 |
--------------------------------------------------------------------------------
/tools/visual-tester/src/runner/reporters/reporter.ts:
--------------------------------------------------------------------------------
1 | export abstract class Reporter {
2 | describe(_name: string): void {}
3 | fail(_test: any, _error: any): void {}
4 | success(_name: string): void {}
5 | noTestFound(): void {}
6 | report(): void {}
7 | }
8 |
--------------------------------------------------------------------------------
/tools/visual-tester/src/runner/types.d.ts:
--------------------------------------------------------------------------------
1 | declare namespace NodeJS {
2 | export interface Global {
3 | describe: any;
4 | fdescribe: any;
5 | xdescribe: any;
6 | expect: any;
7 | it: any;
8 | fit: any;
9 | xit: any;
10 | beforeAll: any;
11 | beforeEach: any;
12 | afterAll: any;
13 | afterEach: any;
14 | VDIFF_CONTEXT: boolean;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------