@rolemodel/optics 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc.json +14 -0
- package/.prettierignore +2 -0
- package/README.md +8 -14
- package/dist/css/optics.css +701 -439
- package/dist/css/optics.css.map +1 -1
- package/dist/scss/addons/tom-select.scss +1 -1
- package/dist/scss/components/alert.scss +53 -37
- package/dist/scss/components/badge.scss +8 -3
- package/dist/scss/components/button.scss +160 -97
- package/dist/scss/components/button_group.scss +23 -5
- package/dist/scss/components/confirm-dialog.scss +88 -0
- package/dist/scss/components/form.scss +180 -49
- package/dist/scss/components/index.scss +2 -1
- package/dist/scss/components/modal.scss +156 -0
- package/dist/scss/components/sidebar.scss +83 -159
- package/dist/scss/components/table.scss +22 -15
- package/dist/scss/core/tokens/base_tokens.scss +10 -5
- package/dist/tokens/tokens.json +9 -8
- package/package.json +21 -22
- package/.storybook/ModeSwitcher.jsx +0 -98
- package/.storybook/documentation.scss +0 -93
- package/.storybook/main.js +0 -11
- package/.storybook/manager.js +0 -22
- package/.storybook/preview.js +0 -12
- package/.storybook/rolemodelTheme.js +0 -10
- package/dist/scss/addons/rails-modal-and-panel/index.scss +0 -2
- package/dist/scss/addons/rails-modal-and-panel/modal.scss +0 -111
- package/dist/scss/components/flash.scss +0 -58
- /package/dist/scss/addons/{rails-modal-and-panel/panel.scss → panel.scss} +0 -0
package/dist/css/optics.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/alert.scss","../../src/components/badge.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/flash.scss","../../src/components/form.scss","../../src/components/sidebar.scss","../../src/components/table.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACkNJ;AAAA;AAAA;AASA;AAvRE;AAAA;AAAA;AAAA;EAIA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAsDA;AAAA;AAAA;AAAA;EAIA;AAtDA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AAYA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;;;AAyDF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AE6GJ;AAxcE;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;;;ACOF;EACE;AA7cA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAIA;IACA;IACA;IACA;IACA;;;AAuBF;AAndE;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;;;AC3bF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,WLsQkB;EKrQlB;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AChCF;EACE;EACA,WNyRkB;EMxRlB;EACA;;;AAGF;EACE,WNkRiB;;;AM/QnB;EACE;;;AAGF;EACE;;;AAGF;EACE,WNqQmB;;;AMhQrB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;ACniBR;EACE;EACA;EACA;EACA;EACA;;AAEA;AACE;AAGA;EAEA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EAGE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;ACpJN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EA1BA;EACA;EACA;EA2BE;EACA;;AAGF;EAjCA;EACA;EACA;EAkCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AC9EF;EACE;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EAEE;EACA;;AAIF;EACE;;AA2BF;EA9FF;IA+FI;IACA;;EAEA;IAGE;IACA;;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACvON;EACE;EACA;;AAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACjCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AXsMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWjNE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;AC/DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;;ACnDJ;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAYA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EAIE;EACA;;AAEA;EACE;;;AASN;EACE;;;AAGF;EAGE;EACA;EACA;;;AAGF;AACE;AAcA;;AAbA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;;AZxKN;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AalBF;EAGE;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EACE;;AAGF;AACE;AAEA;EAEA;EAEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EAhKA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAwHF;EADF;IApKA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAEA;IAEE;;EAGF;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;;;AA4HF;EALF;IAzMA;;EAGA;IACE;;EAGF;AAAA;AAAA;AAAA;IAEE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAqLJ;EAnNA;;AAGA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AA+LN;EAIE;EACA;EAGA;EACA;EAGA;EACA;;;AAIF;EAIE;EACA;EAGA;EACA;EAGA;EACA;;;AC3PF;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE","file":"optics.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/alert.scss","../../src/components/badge.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/confirm-dialog.scss","../../src/components/form.scss","../../src/components/modal.scss","../../src/components/sidebar.scss","../../src/components/table.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACuNJ;AAAA;AAAA;AASA;AA5RE;AAAA;AAAA;AAAA;EAIA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAsDA;AAAA;AAAA;AAAA;EAIA;AAtDA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AAYA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AA0DF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AEwGJ;AAxcE;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;;;ACOF;EACE;AA7cA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAIA;IACA;IACA;IACA;IACA;;;AAuBF;AAndE;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;;;AC3bF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,WL2QkB;EK1QlB;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AChCF;EACE;EACA,WN8RkB;EM7RlB;EACA;;;AAGF;EACE,WNuRiB;;;AMpRnB;EACE;;;AAGF;EACE;;;AAGF;EACE,WN0QmB;;;AMrQrB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;ACniBR;EACE;EACA;EACA;EACA;EACA;;AAEA;AACE;AAGA;EAEA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;ACnKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EA/BA;EACA;EACA;EACA;EA+BE;EACA;;AAGF;EAtCA;EACA;EACA;EACA;EAsCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;ACnFF;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EAEE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EAGE;;AAIF;EAtFF;IAuFI;IACA;;EAEA;IAGE;IACA;;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;ACtSN;EACE;EACA;EACA;EAEA;EACA;;AAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACnDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AXsMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWjNE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;AC/DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AC7EJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAGE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EAGA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAUA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAUJ;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;;AAUN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACE;AA0DA;;AAzDA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAOR;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;;AZ3SN;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;Aa3GF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAcJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AC7GN;EAGE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AACE;AAGA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;;AAIF;EA1GA;EACA;;AA8GE;EADF;IA9GA;IACA;;;AAkHE;EALF;IAnIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAgIJ;EAnHA;EACA;;AAIE;EAEE;EACA;EACA;;AA+GF;EADF;IAvHA;IACA;;EAIE;IAEE;IACA;IACA;;;AAmHF;EALF;IAlJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AA8IJ;EA5JA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAkJJ;EArIA;EACA;;AAIE;EAEE;EACA;EACA;;;AAsIN;EAGE;EACA;EACA;;;AC/KF;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE","file":"optics.css"}
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
&.multi.input-active {
|
|
69
69
|
.#{$select-ns}-control {
|
|
70
70
|
// Highly specific SVG data image for the dropdown arrow.
|
|
71
|
-
background-image: var(--op-
|
|
71
|
+
background-image: var(--op-encoded-images-dropdown-arrow);
|
|
72
72
|
background-position-x: calc(100% - var(--op-space-small));
|
|
73
73
|
background-position-y: center;
|
|
74
74
|
background-repeat: no-repeat;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
%alert-global {
|
|
2
2
|
display: flex;
|
|
3
|
-
align-items:
|
|
3
|
+
align-items: center;
|
|
4
4
|
padding: var(--op-space-x-small) var(--op-space-medium);
|
|
5
5
|
border-radius: var(--op-radius-medium);
|
|
6
6
|
gap: var(--op-space-small);
|
|
@@ -29,34 +29,44 @@
|
|
|
29
29
|
.alert__description {
|
|
30
30
|
font-size: var(--op-font-small);
|
|
31
31
|
}
|
|
32
|
+
|
|
33
|
+
&.alert--flash {
|
|
34
|
+
position: fixed;
|
|
35
|
+
z-index: var(--op-z-index-alert-group);
|
|
36
|
+
top: var(--op-space-large);
|
|
37
|
+
right: var(--op-space-large);
|
|
38
|
+
animation: var(--op-animation-flash);
|
|
39
|
+
}
|
|
32
40
|
}
|
|
33
41
|
|
|
34
42
|
.alert-warning {
|
|
35
43
|
@extend %alert-global;
|
|
36
44
|
|
|
37
|
-
background-color: var(--op-color-alerts-warning-
|
|
38
|
-
|
|
45
|
+
background-color: var(--op-color-alerts-warning-plus-eight);
|
|
46
|
+
box-shadow: var(--op-border-all) var(--op-color-alerts-warning-base);
|
|
47
|
+
color: var(--op-color-alerts-warning-on-plus-eight);
|
|
39
48
|
|
|
40
49
|
.alert__title {
|
|
41
|
-
color: var(--op-color-alerts-warning-on-plus-
|
|
50
|
+
color: var(--op-color-alerts-warning-on-plus-eight-alt);
|
|
42
51
|
}
|
|
43
52
|
|
|
44
53
|
&.alert--muted {
|
|
45
54
|
background-color: var(--op-color-alerts-warning-plus-five);
|
|
55
|
+
box-shadow: none;
|
|
46
56
|
color: var(--op-color-alerts-warning-on-plus-five);
|
|
47
57
|
|
|
48
58
|
.alert__title {
|
|
49
|
-
color: var(--op-color-alerts-warning-on-plus-
|
|
59
|
+
color: var(--op-color-alerts-warning-on-plus-five-alt);
|
|
50
60
|
}
|
|
51
61
|
}
|
|
52
62
|
|
|
53
|
-
&.alert--
|
|
54
|
-
background-color: var(--op-color-alerts-warning-
|
|
55
|
-
box-shadow:
|
|
56
|
-
color: var(--op-color-alerts-warning-on-
|
|
63
|
+
&.alert--filled {
|
|
64
|
+
background-color: var(--op-color-alerts-warning-base);
|
|
65
|
+
box-shadow: none;
|
|
66
|
+
color: var(--op-color-alerts-warning-on-base);
|
|
57
67
|
|
|
58
68
|
.alert__title {
|
|
59
|
-
color: var(--op-color-alerts-warning-on-
|
|
69
|
+
color: var(--op-color-alerts-warning-on-base-alt);
|
|
60
70
|
}
|
|
61
71
|
}
|
|
62
72
|
}
|
|
@@ -64,31 +74,33 @@
|
|
|
64
74
|
.alert-danger {
|
|
65
75
|
@extend %alert-global;
|
|
66
76
|
|
|
67
|
-
background-color: var(--op-color-alerts-danger-
|
|
68
|
-
|
|
77
|
+
background-color: var(--op-color-alerts-danger-plus-eight);
|
|
78
|
+
box-shadow: var(--op-border-all) var(--op-color-alerts-danger-base);
|
|
79
|
+
color: var(--op-color-alerts-danger-on-plus-eight);
|
|
69
80
|
|
|
70
81
|
/* stylelint-disable no-descending-specificity */
|
|
71
82
|
.alert__title {
|
|
72
|
-
color: var(--op-color-alerts-danger-on-plus-
|
|
83
|
+
color: var(--op-color-alerts-danger-on-plus-eight-alt);
|
|
73
84
|
}
|
|
74
85
|
/* stylelint-enable no-descending-specificity */
|
|
75
86
|
|
|
76
87
|
&.alert--muted {
|
|
77
88
|
background-color: var(--op-color-alerts-danger-plus-five);
|
|
89
|
+
box-shadow: none;
|
|
78
90
|
color: var(--op-color-alerts-danger-on-plus-five);
|
|
79
91
|
|
|
80
92
|
.alert__title {
|
|
81
|
-
color: var(--op-color-alerts-danger-on-plus-
|
|
93
|
+
color: var(--op-color-alerts-danger-on-plus-five-alt);
|
|
82
94
|
}
|
|
83
95
|
}
|
|
84
96
|
|
|
85
|
-
&.alert--
|
|
86
|
-
background-color: var(--op-color-alerts-danger-
|
|
87
|
-
box-shadow:
|
|
88
|
-
color: var(--op-color-alerts-danger-on-
|
|
97
|
+
&.alert--filled {
|
|
98
|
+
background-color: var(--op-color-alerts-danger-base);
|
|
99
|
+
box-shadow: none;
|
|
100
|
+
color: var(--op-color-alerts-danger-on-base);
|
|
89
101
|
|
|
90
102
|
.alert__title {
|
|
91
|
-
color: var(--op-color-alerts-danger-on-
|
|
103
|
+
color: var(--op-color-alerts-danger-on-base-alt);
|
|
92
104
|
}
|
|
93
105
|
}
|
|
94
106
|
}
|
|
@@ -96,31 +108,33 @@
|
|
|
96
108
|
.alert-info {
|
|
97
109
|
@extend %alert-global;
|
|
98
110
|
|
|
99
|
-
background-color: var(--op-color-alerts-info-
|
|
100
|
-
|
|
111
|
+
background-color: var(--op-color-alerts-info-plus-eight);
|
|
112
|
+
box-shadow: var(--op-border-all) var(--op-color-alerts-info-base);
|
|
113
|
+
color: var(--op-color-alerts-info-on-plus-eight);
|
|
101
114
|
|
|
102
115
|
/* stylelint-disable no-descending-specificity */
|
|
103
116
|
.alert__title {
|
|
104
|
-
color: var(--op-color-alerts-info-on-plus-
|
|
117
|
+
color: var(--op-color-alerts-info-on-plus-eight-alt);
|
|
105
118
|
}
|
|
106
119
|
/* stylelint-enable no-descending-specificity */
|
|
107
120
|
|
|
108
121
|
&.alert--muted {
|
|
109
122
|
background-color: var(--op-color-alerts-info-plus-five);
|
|
123
|
+
box-shadow: none;
|
|
110
124
|
color: var(--op-color-alerts-info-on-plus-five);
|
|
111
125
|
|
|
112
126
|
.alert__title {
|
|
113
|
-
color: var(--op-color-alerts-info-on-plus-
|
|
127
|
+
color: var(--op-color-alerts-info-on-plus-five-alt);
|
|
114
128
|
}
|
|
115
129
|
}
|
|
116
130
|
|
|
117
|
-
&.alert--
|
|
118
|
-
background-color: var(--op-color-alerts-info-
|
|
119
|
-
box-shadow:
|
|
120
|
-
color: var(--op-color-alerts-info-on-
|
|
131
|
+
&.alert--filled {
|
|
132
|
+
background-color: var(--op-color-alerts-info-base);
|
|
133
|
+
box-shadow: none;
|
|
134
|
+
color: var(--op-color-alerts-info-on-base);
|
|
121
135
|
|
|
122
136
|
.alert__title {
|
|
123
|
-
color: var(--op-color-alerts-info-on-
|
|
137
|
+
color: var(--op-color-alerts-info-on-base-alt);
|
|
124
138
|
}
|
|
125
139
|
}
|
|
126
140
|
}
|
|
@@ -128,31 +142,33 @@
|
|
|
128
142
|
.alert-notice {
|
|
129
143
|
@extend %alert-global;
|
|
130
144
|
|
|
131
|
-
background-color: var(--op-color-alerts-notice-
|
|
132
|
-
|
|
145
|
+
background-color: var(--op-color-alerts-notice-plus-eight);
|
|
146
|
+
box-shadow: var(--op-border-all) var(--op-color-alerts-notice-base);
|
|
147
|
+
color: var(--op-color-alerts-notice-on-plus-eight);
|
|
133
148
|
|
|
134
149
|
/* stylelint-disable no-descending-specificity */
|
|
135
150
|
.alert__title {
|
|
136
|
-
color: var(--op-color-alerts-notice-on-plus-
|
|
151
|
+
color: var(--op-color-alerts-notice-on-plus-eight-alt);
|
|
137
152
|
}
|
|
138
153
|
/* stylelint-enable no-descending-specificity */
|
|
139
154
|
|
|
140
155
|
&.alert--muted {
|
|
141
156
|
background-color: var(--op-color-alerts-notice-plus-five);
|
|
157
|
+
box-shadow: none;
|
|
142
158
|
color: var(--op-color-alerts-notice-on-plus-five);
|
|
143
159
|
|
|
144
160
|
.alert__title {
|
|
145
|
-
color: var(--op-color-alerts-notice-on-plus-
|
|
161
|
+
color: var(--op-color-alerts-notice-on-plus-five-alt);
|
|
146
162
|
}
|
|
147
163
|
}
|
|
148
164
|
|
|
149
|
-
&.alert--
|
|
150
|
-
background-color: var(--op-color-alerts-notice-
|
|
151
|
-
box-shadow:
|
|
152
|
-
color: var(--op-color-alerts-notice-on-
|
|
165
|
+
&.alert--filled {
|
|
166
|
+
background-color: var(--op-color-alerts-notice-base);
|
|
167
|
+
box-shadow: none;
|
|
168
|
+
color: var(--op-color-alerts-notice-on-base);
|
|
153
169
|
|
|
154
170
|
.alert__title {
|
|
155
|
-
color: var(--op-color-alerts-notice-on-
|
|
171
|
+
color: var(--op-color-alerts-notice-on-base-alt);
|
|
156
172
|
}
|
|
157
173
|
}
|
|
158
174
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@mixin badge-notification {
|
|
2
2
|
position: absolute;
|
|
3
3
|
top: 0;
|
|
4
|
+
box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-neutral-plus-max);
|
|
4
5
|
pointer-events: none;
|
|
5
6
|
}
|
|
6
7
|
|
|
@@ -14,13 +15,17 @@
|
|
|
14
15
|
color: var(--op-color-neutral-on-base);
|
|
15
16
|
cursor: inherit;
|
|
16
17
|
font-size: var(--op-font-x-small);
|
|
17
|
-
font-weight: var(--op-font-weight-
|
|
18
|
-
gap: var(--op-space-
|
|
18
|
+
font-weight: var(--op-font-weight-bold);
|
|
19
|
+
gap: var(--op-space-x-small);
|
|
19
20
|
letter-spacing: var(--op-letter-spacing-label);
|
|
20
|
-
line-height: var(--op-line-height-
|
|
21
|
+
line-height: var(--op-line-height-dense);
|
|
21
22
|
user-select: none;
|
|
22
23
|
white-space: nowrap;
|
|
23
24
|
|
|
25
|
+
.material-symbols-outlined {
|
|
26
|
+
font-size: var(--op-font-small);
|
|
27
|
+
}
|
|
28
|
+
|
|
24
29
|
&.badge--pill {
|
|
25
30
|
border-radius: var(--op-radius-pill);
|
|
26
31
|
}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
%btn-focus-state {
|
|
2
|
-
box-shadow: var(--op-input-focus);
|
|
3
|
-
outline: none;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
1
|
%btn-global {
|
|
7
2
|
// Public API (allowed to be overridden)
|
|
8
3
|
--_op-btn-height-small: var(--op-input-height-small);
|
|
@@ -10,22 +5,22 @@
|
|
|
10
5
|
--_op-btn-height-large: var(--op-input-height-large);
|
|
11
6
|
--_op-btn-font-small: var(--op-font-x-small);
|
|
12
7
|
--_op-btn-font-medium: var(--op-font-small);
|
|
13
|
-
--_op-btn-font-large: var(--op-font-
|
|
8
|
+
--_op-btn-font-large: var(--op-font-small);
|
|
14
9
|
|
|
15
10
|
// Private API (don't touch these)
|
|
16
|
-
--__op-btn-height: var(--_op-btn-height-
|
|
17
|
-
--__op-btn-font-size: var(--_op-btn-font-
|
|
11
|
+
--__op-btn-height: var(--_op-btn-height-large);
|
|
12
|
+
--__op-btn-font-size: var(--_op-btn-font-large);
|
|
18
13
|
|
|
19
14
|
display: inline-flex;
|
|
20
|
-
height: var(--__op-btn-height);
|
|
15
|
+
min-height: var(--__op-btn-height);
|
|
21
16
|
align-items: center;
|
|
22
17
|
justify-content: center;
|
|
23
|
-
padding: 0 var(--op-space-
|
|
24
|
-
border-radius: var(--op-radius-
|
|
18
|
+
padding: 0 var(--op-space-small);
|
|
19
|
+
border-radius: var(--op-radius-medium);
|
|
25
20
|
appearance: none;
|
|
26
21
|
cursor: pointer;
|
|
27
22
|
font-size: var(--__op-btn-font-size);
|
|
28
|
-
font-weight: var(--op-font-weight-
|
|
23
|
+
font-weight: var(--op-font-weight-normal);
|
|
29
24
|
gap: var(--op-space-x-small);
|
|
30
25
|
text-align: center;
|
|
31
26
|
text-decoration: none;
|
|
@@ -42,7 +37,13 @@
|
|
|
42
37
|
width: var(--__op-btn-height);
|
|
43
38
|
min-width: var(--__op-btn-height);
|
|
44
39
|
padding: 0;
|
|
45
|
-
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Icon With Label Modifier
|
|
43
|
+
&.btn--icon-with-label {
|
|
44
|
+
flex-direction: column;
|
|
45
|
+
padding: var(--op-space-small);
|
|
46
|
+
gap: var(--op-space-3x-small);
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
// Size Modifiers
|
|
@@ -64,8 +65,10 @@
|
|
|
64
65
|
// Disabled Modifier
|
|
65
66
|
&.btn--disabled,
|
|
66
67
|
&:disabled {
|
|
67
|
-
|
|
68
|
-
|
|
68
|
+
opacity: 0.44;
|
|
69
|
+
pointer-events: none;
|
|
70
|
+
-webkit-user-select: none; /* stylelint-disable property-no-vendor-prefix */
|
|
71
|
+
user-select: none;
|
|
69
72
|
}
|
|
70
73
|
|
|
71
74
|
// Button with notification style badge
|
|
@@ -77,23 +80,7 @@
|
|
|
77
80
|
&:focus,
|
|
78
81
|
&:focus-within,
|
|
79
82
|
&:focus-visible {
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&.btn--no-border {
|
|
84
|
-
&:focus,
|
|
85
|
-
&:focus-within,
|
|
86
|
-
&:focus-visible {
|
|
87
|
-
@extend %btn-focus-state;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
&.btn--outline {
|
|
92
|
-
&:focus,
|
|
93
|
-
&:focus-within,
|
|
94
|
-
&:focus-visible {
|
|
95
|
-
@extend %btn-focus-state;
|
|
96
|
-
}
|
|
83
|
+
outline: none;
|
|
97
84
|
}
|
|
98
85
|
|
|
99
86
|
// https://uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/
|
|
@@ -113,21 +100,56 @@
|
|
|
113
100
|
.btn {
|
|
114
101
|
@extend %btn-global;
|
|
115
102
|
|
|
116
|
-
background-color:
|
|
117
|
-
box-shadow: var(--op-border-all) var(--op-
|
|
118
|
-
color: var(--op-color-neutral-
|
|
103
|
+
background-color: var(--op-color-neutral-plus-eight);
|
|
104
|
+
box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
|
|
105
|
+
color: var(--op-color-neutral-on-plus-eight);
|
|
106
|
+
|
|
107
|
+
// Active State
|
|
108
|
+
&.btn--active {
|
|
109
|
+
background-color: var(--op-color-primary-plus-five);
|
|
110
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
|
|
111
|
+
color: var(--op-color-primary-on-plus-five);
|
|
112
|
+
}
|
|
119
113
|
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
color: var(--op-color-
|
|
114
|
+
// Hover State
|
|
115
|
+
&:hover {
|
|
116
|
+
background-color: var(--op-color-primary-plus-eight);
|
|
117
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
|
|
118
|
+
color: var(--op-color-primary-on-plus-eight);
|
|
123
119
|
}
|
|
124
120
|
|
|
121
|
+
// Focus State
|
|
122
|
+
&:focus-visible {
|
|
123
|
+
background-color: var(--op-color-neutral-plus-eight);
|
|
124
|
+
box-shadow: var(--op-input-focus-primary);
|
|
125
|
+
color: var(--op-color-neutral-on-plus-eight);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
// Borderless State
|
|
125
129
|
&.btn--no-border {
|
|
126
|
-
|
|
130
|
+
background-color: transparent;
|
|
131
|
+
box-shadow: none;
|
|
132
|
+
color: var(--op-color-primary-on-plus-max);
|
|
133
|
+
|
|
134
|
+
// Borderless + Active State.
|
|
135
|
+
&.btn--active {
|
|
136
|
+
background-color: var(--op-color-primary-plus-five);
|
|
137
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
|
|
138
|
+
color: var(--op-color-primary-on-plus-five);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
// Borderless + Hover State
|
|
142
|
+
&:hover {
|
|
143
|
+
background-color: var(--op-color-primary-plus-eight);
|
|
144
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
|
|
145
|
+
color: var(--op-color-primary-on-plus-eight);
|
|
146
|
+
}
|
|
127
147
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
color: var(--op-color-
|
|
148
|
+
// Borderless + Focus State
|
|
149
|
+
&:focus-visible {
|
|
150
|
+
background-color: var(--op-color-primary-plus-eight);
|
|
151
|
+
box-shadow: var(--op-input-focus-primary);
|
|
152
|
+
color: var(--op-color-primary-on-plus-eight);
|
|
131
153
|
}
|
|
132
154
|
}
|
|
133
155
|
}
|
|
@@ -136,100 +158,141 @@
|
|
|
136
158
|
@extend %btn-global;
|
|
137
159
|
|
|
138
160
|
background-color: var(--op-color-primary-base);
|
|
139
|
-
box-shadow: var(--op-border-all) var(--op-color-primary-base);
|
|
161
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
|
|
140
162
|
color: var(--op-color-primary-on-base);
|
|
141
163
|
|
|
142
|
-
|
|
164
|
+
// Active State
|
|
165
|
+
&.btn--active {
|
|
166
|
+
background-color: var(--op-color-primary-minus-five);
|
|
167
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
|
|
168
|
+
color: var(--op-color-primary-on-minus-five);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
// Hover State
|
|
172
|
+
&:hover {
|
|
143
173
|
background-color: var(--op-color-primary-plus-one);
|
|
144
|
-
box-shadow: var(--op-border-all) var(--op-color-primary-plus-one);
|
|
174
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
|
|
145
175
|
color: var(--op-color-primary-on-plus-one);
|
|
146
176
|
}
|
|
147
177
|
|
|
178
|
+
// Focus State
|
|
179
|
+
&:focus-visible {
|
|
180
|
+
background-color: var(--op-color-primary-base);
|
|
181
|
+
box-shadow: var(--op-input-focus-primary);
|
|
182
|
+
color: var(--op-color-primary-on-base);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
// Borderless State
|
|
148
186
|
&.btn--no-border {
|
|
149
187
|
background-color: transparent;
|
|
150
188
|
box-shadow: none;
|
|
151
189
|
color: var(--op-color-primary-base);
|
|
152
190
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
191
|
+
// Borderless + Active State
|
|
192
|
+
&.btn--active {
|
|
193
|
+
background-color: var(--op-color-primary-plus-five);
|
|
194
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
|
|
195
|
+
color: var(--op-color-primary-on-plus-five);
|
|
157
196
|
}
|
|
158
|
-
}
|
|
159
197
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
198
|
+
// Borderless + Hover State
|
|
199
|
+
&:hover {
|
|
200
|
+
background-color: var(--op-color-primary-plus-eight);
|
|
201
|
+
box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
|
|
202
|
+
color: var(--op-color-primary-on-plus-eight);
|
|
203
|
+
}
|
|
164
204
|
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
205
|
+
// Borderless + Focus State
|
|
206
|
+
&:focus-visible {
|
|
207
|
+
background-color: var(--op-color-primary-plus-eight);
|
|
208
|
+
box-shadow: var(--op-input-focus-primary);
|
|
209
|
+
color: var(--op-color-primary-on-plus-eight);
|
|
169
210
|
}
|
|
170
211
|
}
|
|
171
212
|
}
|
|
172
213
|
|
|
173
|
-
.btn-
|
|
214
|
+
.btn-delete {
|
|
174
215
|
@extend %btn-global;
|
|
175
216
|
|
|
176
|
-
background-color: var(--op-color-
|
|
177
|
-
box-shadow: var(--op-border-all) var(--op-color-
|
|
178
|
-
color: var(--op-color-
|
|
217
|
+
background-color: var(--op-color-alerts-danger-base);
|
|
218
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
|
|
219
|
+
color: var(--op-color-alerts-danger-on-base);
|
|
179
220
|
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
221
|
+
// Active State
|
|
222
|
+
&.btn--active {
|
|
223
|
+
background-color: var(--op-color-alerts-danger-plus-five);
|
|
224
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
|
|
225
|
+
color: var(--op-color-alerts-danger-on-plus-five);
|
|
184
226
|
}
|
|
185
227
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
228
|
+
// Hover State
|
|
229
|
+
&:hover {
|
|
230
|
+
background-color: var(--op-color-alerts-danger-minus-two);
|
|
231
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
|
|
232
|
+
color: var(--op-color-alerts-danger-on-minus-two);
|
|
233
|
+
}
|
|
190
234
|
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
235
|
+
// Focus State
|
|
236
|
+
&:focus-visible {
|
|
237
|
+
background-color: var(--op-color-alerts-danger-base);
|
|
238
|
+
box-shadow: var(--op-input-focus-danger);
|
|
239
|
+
color: var(--op-color-alerts-danger-on-base);
|
|
196
240
|
}
|
|
197
241
|
}
|
|
198
242
|
|
|
199
|
-
.btn-
|
|
243
|
+
.btn-warning {
|
|
200
244
|
@extend %btn-global;
|
|
201
245
|
|
|
202
|
-
background-color: var(--op-color-alerts-
|
|
203
|
-
box-shadow: var(--op-border-all) var(--op-color-alerts-
|
|
204
|
-
color: var(--op-color-alerts-
|
|
246
|
+
background-color: var(--op-color-alerts-warning-base);
|
|
247
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
|
|
248
|
+
color: var(--op-color-alerts-warning-on-base);
|
|
249
|
+
|
|
250
|
+
// Active State
|
|
251
|
+
&.btn--active {
|
|
252
|
+
background-color: var(--op-color-alerts-warning-plus-five);
|
|
253
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
|
|
254
|
+
color: var(--op-color-alerts-warning-on-plus-five);
|
|
255
|
+
}
|
|
205
256
|
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
257
|
+
// Hover State
|
|
258
|
+
&:hover {
|
|
259
|
+
background-color: var(--op-color-alerts-warning-minus-two);
|
|
260
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
|
|
261
|
+
color: var(--op-color-alerts-warning-on-minus-two);
|
|
210
262
|
}
|
|
211
263
|
|
|
264
|
+
// Focus State
|
|
265
|
+
&:focus-visible {
|
|
266
|
+
background-color: var(--op-color-alerts-warning-base);
|
|
267
|
+
box-shadow: var(--op-input-focus-warning);
|
|
268
|
+
color: var(--op-color-alerts-warning-on-base);
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
// Borderless State
|
|
212
272
|
&.btn--no-border {
|
|
213
273
|
background-color: transparent;
|
|
214
274
|
box-shadow: none;
|
|
215
|
-
color: var(--op-color-alerts-
|
|
275
|
+
color: var(--op-color-alerts-warning-on-plus-max);
|
|
216
276
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
277
|
+
// Borderless + Active State
|
|
278
|
+
&.btn--active {
|
|
279
|
+
background-color: var(--op-color-alerts-warning-plus-five);
|
|
280
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
|
|
281
|
+
color: var(--op-color-alerts-warning-on-plus-five);
|
|
221
282
|
}
|
|
222
|
-
}
|
|
223
283
|
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
284
|
+
// Borderless + Hover State
|
|
285
|
+
&:hover {
|
|
286
|
+
background-color: var(--op-color-alerts-warning-plus-eight);
|
|
287
|
+
box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-five);
|
|
288
|
+
color: var(--op-color-alerts-warning-on-plus-eight);
|
|
289
|
+
}
|
|
228
290
|
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
291
|
+
// Borderless + Focus State
|
|
292
|
+
&:focus-visible {
|
|
293
|
+
background-color: var(--op-color-alerts-warning-plus-eight);
|
|
294
|
+
box-shadow: var(--op-input-focus-warning);
|
|
295
|
+
color: var(--op-color-alerts-warning-on-plus-eight);
|
|
233
296
|
}
|
|
234
297
|
}
|
|
235
298
|
}
|