@sage/design-tokens 14.0.1 → 14.1.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/css/frozenproduct/all.css +166 -22
- package/css/frozenproduct/large/components/progress.css +1 -1
- package/css/frozenproduct/large/components/status.css +62 -12
- package/css/frozenproduct/large/components/table.css +1 -1
- package/css/frozenproduct/large/dark.css +51 -4
- package/css/frozenproduct/large/light.css +51 -4
- package/css/frozenproduct/small/components/progress.css +1 -1
- package/css/frozenproduct/small/components/status.css +62 -12
- package/css/frozenproduct/small/components/table.css +1 -1
- package/css/frozenproduct/small/dark.css +51 -4
- package/css/frozenproduct/small/light.css +51 -4
- package/css/marketing/all.css +166 -22
- package/css/marketing/large/components/progress.css +1 -1
- package/css/marketing/large/components/status.css +62 -12
- package/css/marketing/large/components/table.css +1 -1
- package/css/marketing/large/dark.css +51 -4
- package/css/marketing/large/light.css +51 -4
- package/css/marketing/small/components/progress.css +1 -1
- package/css/marketing/small/components/status.css +62 -12
- package/css/marketing/small/components/table.css +1 -1
- package/css/marketing/small/dark.css +51 -4
- package/css/marketing/small/light.css +51 -4
- package/css/product/all.css +166 -22
- package/css/product/large/components/progress.css +1 -1
- package/css/product/large/components/status.css +62 -12
- package/css/product/large/components/table.css +1 -1
- package/css/product/large/dark.css +51 -4
- package/css/product/large/light.css +51 -4
- package/css/product/small/components/progress.css +1 -1
- package/css/product/small/components/status.css +62 -12
- package/css/product/small/components/table.css +1 -1
- package/css/product/small/dark.css +51 -4
- package/css/product/small/light.css +51 -4
- package/ios/frozenproduct/large/dark/components/container.h +1 -1
- package/ios/frozenproduct/large/dark/components/progress.h +1 -1
- package/ios/frozenproduct/large/dark/components/status.h +72 -22
- package/ios/frozenproduct/large/dark/components/table.h +1 -1
- package/ios/frozenproduct/large/dark/mode.h +51 -4
- package/ios/frozenproduct/large/light/components/progress.h +1 -1
- package/ios/frozenproduct/large/light/components/status.h +72 -22
- package/ios/frozenproduct/large/light/components/table.h +1 -1
- package/ios/frozenproduct/large/light/mode.h +51 -4
- package/ios/frozenproduct/small/dark/components/container.h +1 -1
- package/ios/frozenproduct/small/dark/components/progress.h +1 -1
- package/ios/frozenproduct/small/dark/components/status.h +72 -22
- package/ios/frozenproduct/small/dark/components/table.h +1 -1
- package/ios/frozenproduct/small/dark/mode.h +51 -4
- package/ios/frozenproduct/small/light/components/progress.h +1 -1
- package/ios/frozenproduct/small/light/components/status.h +72 -22
- package/ios/frozenproduct/small/light/components/table.h +1 -1
- package/ios/frozenproduct/small/light/mode.h +51 -4
- package/ios/marketing/large/dark/components/container.h +1 -1
- package/ios/marketing/large/dark/components/progress.h +1 -1
- package/ios/marketing/large/dark/components/status.h +72 -22
- package/ios/marketing/large/dark/components/table.h +1 -1
- package/ios/marketing/large/dark/mode.h +51 -4
- package/ios/marketing/large/light/components/progress.h +1 -1
- package/ios/marketing/large/light/components/status.h +72 -22
- package/ios/marketing/large/light/components/table.h +1 -1
- package/ios/marketing/large/light/mode.h +51 -4
- package/ios/marketing/small/dark/components/container.h +1 -1
- package/ios/marketing/small/dark/components/progress.h +1 -1
- package/ios/marketing/small/dark/components/status.h +72 -22
- package/ios/marketing/small/dark/components/table.h +1 -1
- package/ios/marketing/small/dark/mode.h +51 -4
- package/ios/marketing/small/light/components/progress.h +1 -1
- package/ios/marketing/small/light/components/status.h +72 -22
- package/ios/marketing/small/light/components/table.h +1 -1
- package/ios/marketing/small/light/mode.h +51 -4
- package/ios/product/large/dark/components/container.h +1 -1
- package/ios/product/large/dark/components/progress.h +1 -1
- package/ios/product/large/dark/components/status.h +72 -22
- package/ios/product/large/dark/components/table.h +1 -1
- package/ios/product/large/dark/mode.h +51 -4
- package/ios/product/large/light/components/progress.h +1 -1
- package/ios/product/large/light/components/status.h +72 -22
- package/ios/product/large/light/components/table.h +1 -1
- package/ios/product/large/light/mode.h +51 -4
- package/ios/product/small/dark/components/container.h +1 -1
- package/ios/product/small/dark/components/progress.h +1 -1
- package/ios/product/small/dark/components/status.h +72 -22
- package/ios/product/small/dark/components/table.h +1 -1
- package/ios/product/small/dark/mode.h +51 -4
- package/ios/product/small/light/components/progress.h +1 -1
- package/ios/product/small/light/components/status.h +72 -22
- package/ios/product/small/light/components/table.h +1 -1
- package/ios/product/small/light/mode.h +51 -4
- package/js/common/frozenproduct/large/dark/components/container.js +1 -1
- package/js/common/frozenproduct/large/dark/components/progress.js +2 -2
- package/js/common/frozenproduct/large/dark/components/status.d.ts +106 -34
- package/js/common/frozenproduct/large/dark/components/status.js +1248 -325
- package/js/common/frozenproduct/large/dark/components/table.js +2 -2
- package/js/common/frozenproduct/large/dark/mode.d.ts +80 -9
- package/js/common/frozenproduct/large/dark/mode.js +1730 -142
- package/js/common/frozenproduct/large/light/components/progress.js +2 -2
- package/js/common/frozenproduct/large/light/components/status.d.ts +106 -34
- package/js/common/frozenproduct/large/light/components/status.js +1248 -325
- package/js/common/frozenproduct/large/light/components/table.js +2 -2
- package/js/common/frozenproduct/large/light/mode.d.ts +80 -9
- package/js/common/frozenproduct/large/light/mode.js +1741 -151
- package/js/common/frozenproduct/small/dark/components/container.js +1 -1
- package/js/common/frozenproduct/small/dark/components/progress.js +2 -2
- package/js/common/frozenproduct/small/dark/components/status.d.ts +106 -34
- package/js/common/frozenproduct/small/dark/components/status.js +1248 -325
- package/js/common/frozenproduct/small/dark/components/table.js +2 -2
- package/js/common/frozenproduct/small/dark/mode.d.ts +80 -9
- package/js/common/frozenproduct/small/dark/mode.js +1730 -142
- package/js/common/frozenproduct/small/light/components/progress.js +2 -2
- package/js/common/frozenproduct/small/light/components/status.d.ts +106 -34
- package/js/common/frozenproduct/small/light/components/status.js +1248 -325
- package/js/common/frozenproduct/small/light/components/table.js +2 -2
- package/js/common/frozenproduct/small/light/mode.d.ts +80 -9
- package/js/common/frozenproduct/small/light/mode.js +1741 -151
- package/js/common/marketing/large/dark/components/container.js +1 -1
- package/js/common/marketing/large/dark/components/progress.js +2 -2
- package/js/common/marketing/large/dark/components/status.d.ts +106 -34
- package/js/common/marketing/large/dark/components/status.js +1248 -325
- package/js/common/marketing/large/dark/components/table.js +2 -2
- package/js/common/marketing/large/dark/mode.d.ts +80 -9
- package/js/common/marketing/large/dark/mode.js +1730 -142
- package/js/common/marketing/large/light/components/progress.js +2 -2
- package/js/common/marketing/large/light/components/status.d.ts +106 -34
- package/js/common/marketing/large/light/components/status.js +1248 -325
- package/js/common/marketing/large/light/components/table.js +2 -2
- package/js/common/marketing/large/light/mode.d.ts +80 -9
- package/js/common/marketing/large/light/mode.js +1741 -151
- package/js/common/marketing/small/dark/components/container.js +1 -1
- package/js/common/marketing/small/dark/components/progress.js +2 -2
- package/js/common/marketing/small/dark/components/status.d.ts +106 -34
- package/js/common/marketing/small/dark/components/status.js +1248 -325
- package/js/common/marketing/small/dark/components/table.js +2 -2
- package/js/common/marketing/small/dark/mode.d.ts +80 -9
- package/js/common/marketing/small/dark/mode.js +1730 -142
- package/js/common/marketing/small/light/components/progress.js +2 -2
- package/js/common/marketing/small/light/components/status.d.ts +106 -34
- package/js/common/marketing/small/light/components/status.js +1248 -325
- package/js/common/marketing/small/light/components/table.js +2 -2
- package/js/common/marketing/small/light/mode.d.ts +80 -9
- package/js/common/marketing/small/light/mode.js +1741 -151
- package/js/common/product/large/dark/components/container.js +1 -1
- package/js/common/product/large/dark/components/progress.js +2 -2
- package/js/common/product/large/dark/components/status.d.ts +106 -34
- package/js/common/product/large/dark/components/status.js +1248 -325
- package/js/common/product/large/dark/components/table.js +2 -2
- package/js/common/product/large/dark/mode.d.ts +80 -9
- package/js/common/product/large/dark/mode.js +1730 -142
- package/js/common/product/large/light/components/progress.js +2 -2
- package/js/common/product/large/light/components/status.d.ts +106 -34
- package/js/common/product/large/light/components/status.js +1248 -325
- package/js/common/product/large/light/components/table.js +2 -2
- package/js/common/product/large/light/mode.d.ts +80 -9
- package/js/common/product/large/light/mode.js +1741 -151
- package/js/common/product/small/dark/components/container.js +1 -1
- package/js/common/product/small/dark/components/progress.js +2 -2
- package/js/common/product/small/dark/components/status.d.ts +106 -34
- package/js/common/product/small/dark/components/status.js +1248 -325
- package/js/common/product/small/dark/components/table.js +2 -2
- package/js/common/product/small/dark/mode.d.ts +80 -9
- package/js/common/product/small/dark/mode.js +1730 -142
- package/js/common/product/small/light/components/progress.js +2 -2
- package/js/common/product/small/light/components/status.d.ts +106 -34
- package/js/common/product/small/light/components/status.js +1248 -325
- package/js/common/product/small/light/components/table.js +2 -2
- package/js/common/product/small/light/mode.d.ts +80 -9
- package/js/common/product/small/light/mode.js +1741 -151
- package/js/es6/frozenproduct/large/dark/components/container.js +1 -1
- package/js/es6/frozenproduct/large/dark/components/progress.js +1 -1
- package/js/es6/frozenproduct/large/dark/components/status.d.ts +72 -22
- package/js/es6/frozenproduct/large/dark/components/status.js +72 -22
- package/js/es6/frozenproduct/large/dark/components/table.js +1 -1
- package/js/es6/frozenproduct/large/dark/mode.d.ts +51 -4
- package/js/es6/frozenproduct/large/dark/mode.js +51 -4
- package/js/es6/frozenproduct/large/light/components/progress.js +1 -1
- package/js/es6/frozenproduct/large/light/components/status.d.ts +72 -22
- package/js/es6/frozenproduct/large/light/components/status.js +72 -22
- package/js/es6/frozenproduct/large/light/components/table.js +1 -1
- package/js/es6/frozenproduct/large/light/mode.d.ts +51 -4
- package/js/es6/frozenproduct/large/light/mode.js +51 -4
- package/js/es6/frozenproduct/small/dark/components/container.js +1 -1
- package/js/es6/frozenproduct/small/dark/components/progress.js +1 -1
- package/js/es6/frozenproduct/small/dark/components/status.d.ts +72 -22
- package/js/es6/frozenproduct/small/dark/components/status.js +72 -22
- package/js/es6/frozenproduct/small/dark/components/table.js +1 -1
- package/js/es6/frozenproduct/small/dark/mode.d.ts +51 -4
- package/js/es6/frozenproduct/small/dark/mode.js +51 -4
- package/js/es6/frozenproduct/small/light/components/progress.js +1 -1
- package/js/es6/frozenproduct/small/light/components/status.d.ts +72 -22
- package/js/es6/frozenproduct/small/light/components/status.js +72 -22
- package/js/es6/frozenproduct/small/light/components/table.js +1 -1
- package/js/es6/frozenproduct/small/light/mode.d.ts +51 -4
- package/js/es6/frozenproduct/small/light/mode.js +51 -4
- package/js/es6/marketing/large/dark/components/container.js +1 -1
- package/js/es6/marketing/large/dark/components/progress.js +1 -1
- package/js/es6/marketing/large/dark/components/status.d.ts +72 -22
- package/js/es6/marketing/large/dark/components/status.js +72 -22
- package/js/es6/marketing/large/dark/components/table.js +1 -1
- package/js/es6/marketing/large/dark/mode.d.ts +51 -4
- package/js/es6/marketing/large/dark/mode.js +51 -4
- package/js/es6/marketing/large/light/components/progress.js +1 -1
- package/js/es6/marketing/large/light/components/status.d.ts +72 -22
- package/js/es6/marketing/large/light/components/status.js +72 -22
- package/js/es6/marketing/large/light/components/table.js +1 -1
- package/js/es6/marketing/large/light/mode.d.ts +51 -4
- package/js/es6/marketing/large/light/mode.js +51 -4
- package/js/es6/marketing/small/dark/components/container.js +1 -1
- package/js/es6/marketing/small/dark/components/progress.js +1 -1
- package/js/es6/marketing/small/dark/components/status.d.ts +72 -22
- package/js/es6/marketing/small/dark/components/status.js +72 -22
- package/js/es6/marketing/small/dark/components/table.js +1 -1
- package/js/es6/marketing/small/dark/mode.d.ts +51 -4
- package/js/es6/marketing/small/dark/mode.js +51 -4
- package/js/es6/marketing/small/light/components/progress.js +1 -1
- package/js/es6/marketing/small/light/components/status.d.ts +72 -22
- package/js/es6/marketing/small/light/components/status.js +72 -22
- package/js/es6/marketing/small/light/components/table.js +1 -1
- package/js/es6/marketing/small/light/mode.d.ts +51 -4
- package/js/es6/marketing/small/light/mode.js +51 -4
- package/js/es6/product/large/dark/components/container.js +1 -1
- package/js/es6/product/large/dark/components/progress.js +1 -1
- package/js/es6/product/large/dark/components/status.d.ts +72 -22
- package/js/es6/product/large/dark/components/status.js +72 -22
- package/js/es6/product/large/dark/components/table.js +1 -1
- package/js/es6/product/large/dark/mode.d.ts +51 -4
- package/js/es6/product/large/dark/mode.js +51 -4
- package/js/es6/product/large/light/components/progress.js +1 -1
- package/js/es6/product/large/light/components/status.d.ts +72 -22
- package/js/es6/product/large/light/components/status.js +72 -22
- package/js/es6/product/large/light/components/table.js +1 -1
- package/js/es6/product/large/light/mode.d.ts +51 -4
- package/js/es6/product/large/light/mode.js +51 -4
- package/js/es6/product/small/dark/components/container.js +1 -1
- package/js/es6/product/small/dark/components/progress.js +1 -1
- package/js/es6/product/small/dark/components/status.d.ts +72 -22
- package/js/es6/product/small/dark/components/status.js +72 -22
- package/js/es6/product/small/dark/components/table.js +1 -1
- package/js/es6/product/small/dark/mode.d.ts +51 -4
- package/js/es6/product/small/dark/mode.js +51 -4
- package/js/es6/product/small/light/components/progress.js +1 -1
- package/js/es6/product/small/light/components/status.d.ts +72 -22
- package/js/es6/product/small/light/components/status.js +72 -22
- package/js/es6/product/small/light/components/table.js +1 -1
- package/js/es6/product/small/light/mode.d.ts +51 -4
- package/js/es6/product/small/light/mode.js +51 -4
- package/js/umd/frozenproduct/large/dark/components/container.js +1 -1
- package/js/umd/frozenproduct/large/dark/components/progress.js +2 -2
- package/js/umd/frozenproduct/large/dark/components/status.js +1336 -336
- package/js/umd/frozenproduct/large/dark/components/table.js +2 -2
- package/js/umd/frozenproduct/large/dark/mode.js +1814 -142
- package/js/umd/frozenproduct/large/light/components/progress.js +2 -2
- package/js/umd/frozenproduct/large/light/components/status.js +1336 -336
- package/js/umd/frozenproduct/large/light/components/table.js +2 -2
- package/js/umd/frozenproduct/large/light/mode.js +1825 -151
- package/js/umd/frozenproduct/small/dark/components/container.js +1 -1
- package/js/umd/frozenproduct/small/dark/components/progress.js +2 -2
- package/js/umd/frozenproduct/small/dark/components/status.js +1336 -336
- package/js/umd/frozenproduct/small/dark/components/table.js +2 -2
- package/js/umd/frozenproduct/small/dark/mode.js +1814 -142
- package/js/umd/frozenproduct/small/light/components/progress.js +2 -2
- package/js/umd/frozenproduct/small/light/components/status.js +1336 -336
- package/js/umd/frozenproduct/small/light/components/table.js +2 -2
- package/js/umd/frozenproduct/small/light/mode.js +1825 -151
- package/js/umd/marketing/large/dark/components/container.js +1 -1
- package/js/umd/marketing/large/dark/components/progress.js +2 -2
- package/js/umd/marketing/large/dark/components/status.js +1336 -336
- package/js/umd/marketing/large/dark/components/table.js +2 -2
- package/js/umd/marketing/large/dark/mode.js +1814 -142
- package/js/umd/marketing/large/light/components/progress.js +2 -2
- package/js/umd/marketing/large/light/components/status.js +1336 -336
- package/js/umd/marketing/large/light/components/table.js +2 -2
- package/js/umd/marketing/large/light/mode.js +1825 -151
- package/js/umd/marketing/small/dark/components/container.js +1 -1
- package/js/umd/marketing/small/dark/components/progress.js +2 -2
- package/js/umd/marketing/small/dark/components/status.js +1336 -336
- package/js/umd/marketing/small/dark/components/table.js +2 -2
- package/js/umd/marketing/small/dark/mode.js +1814 -142
- package/js/umd/marketing/small/light/components/progress.js +2 -2
- package/js/umd/marketing/small/light/components/status.js +1336 -336
- package/js/umd/marketing/small/light/components/table.js +2 -2
- package/js/umd/marketing/small/light/mode.js +1825 -151
- package/js/umd/product/large/dark/components/container.js +1 -1
- package/js/umd/product/large/dark/components/progress.js +2 -2
- package/js/umd/product/large/dark/components/status.js +1336 -336
- package/js/umd/product/large/dark/components/table.js +2 -2
- package/js/umd/product/large/dark/mode.js +1814 -142
- package/js/umd/product/large/light/components/progress.js +2 -2
- package/js/umd/product/large/light/components/status.js +1336 -336
- package/js/umd/product/large/light/components/table.js +2 -2
- package/js/umd/product/large/light/mode.js +1825 -151
- package/js/umd/product/small/dark/components/container.js +1 -1
- package/js/umd/product/small/dark/components/progress.js +2 -2
- package/js/umd/product/small/dark/components/status.js +1336 -336
- package/js/umd/product/small/dark/components/table.js +2 -2
- package/js/umd/product/small/dark/mode.js +1814 -142
- package/js/umd/product/small/light/components/progress.js +2 -2
- package/js/umd/product/small/light/components/status.js +1336 -336
- package/js/umd/product/small/light/components/table.js +2 -2
- package/js/umd/product/small/light/mode.js +1825 -151
- package/json/flat/frozenproduct/large/dark/components/container.json +1 -1
- package/json/flat/frozenproduct/large/dark/components/progress.json +1 -1
- package/json/flat/frozenproduct/large/dark/components/status.json +72 -22
- package/json/flat/frozenproduct/large/dark/components/table.json +1 -1
- package/json/flat/frozenproduct/large/dark/mode.json +51 -4
- package/json/flat/frozenproduct/large/light/components/progress.json +1 -1
- package/json/flat/frozenproduct/large/light/components/status.json +72 -22
- package/json/flat/frozenproduct/large/light/components/table.json +1 -1
- package/json/flat/frozenproduct/large/light/mode.json +51 -4
- package/json/flat/frozenproduct/small/dark/components/container.json +1 -1
- package/json/flat/frozenproduct/small/dark/components/progress.json +1 -1
- package/json/flat/frozenproduct/small/dark/components/status.json +72 -22
- package/json/flat/frozenproduct/small/dark/components/table.json +1 -1
- package/json/flat/frozenproduct/small/dark/mode.json +51 -4
- package/json/flat/frozenproduct/small/light/components/progress.json +1 -1
- package/json/flat/frozenproduct/small/light/components/status.json +72 -22
- package/json/flat/frozenproduct/small/light/components/table.json +1 -1
- package/json/flat/frozenproduct/small/light/mode.json +51 -4
- package/json/flat/marketing/large/dark/components/container.json +1 -1
- package/json/flat/marketing/large/dark/components/progress.json +1 -1
- package/json/flat/marketing/large/dark/components/status.json +72 -22
- package/json/flat/marketing/large/dark/components/table.json +1 -1
- package/json/flat/marketing/large/dark/mode.json +51 -4
- package/json/flat/marketing/large/light/components/progress.json +1 -1
- package/json/flat/marketing/large/light/components/status.json +72 -22
- package/json/flat/marketing/large/light/components/table.json +1 -1
- package/json/flat/marketing/large/light/mode.json +51 -4
- package/json/flat/marketing/small/dark/components/container.json +1 -1
- package/json/flat/marketing/small/dark/components/progress.json +1 -1
- package/json/flat/marketing/small/dark/components/status.json +72 -22
- package/json/flat/marketing/small/dark/components/table.json +1 -1
- package/json/flat/marketing/small/dark/mode.json +51 -4
- package/json/flat/marketing/small/light/components/progress.json +1 -1
- package/json/flat/marketing/small/light/components/status.json +72 -22
- package/json/flat/marketing/small/light/components/table.json +1 -1
- package/json/flat/marketing/small/light/mode.json +51 -4
- package/json/flat/product/large/dark/components/container.json +1 -1
- package/json/flat/product/large/dark/components/progress.json +1 -1
- package/json/flat/product/large/dark/components/status.json +72 -22
- package/json/flat/product/large/dark/components/table.json +1 -1
- package/json/flat/product/large/dark/mode.json +51 -4
- package/json/flat/product/large/light/components/progress.json +1 -1
- package/json/flat/product/large/light/components/status.json +72 -22
- package/json/flat/product/large/light/components/table.json +1 -1
- package/json/flat/product/large/light/mode.json +51 -4
- package/json/flat/product/small/dark/components/container.json +1 -1
- package/json/flat/product/small/dark/components/progress.json +1 -1
- package/json/flat/product/small/dark/components/status.json +72 -22
- package/json/flat/product/small/dark/components/table.json +1 -1
- package/json/flat/product/small/dark/mode.json +51 -4
- package/json/flat/product/small/light/components/progress.json +1 -1
- package/json/flat/product/small/light/components/status.json +72 -22
- package/json/flat/product/small/light/components/table.json +1 -1
- package/json/flat/product/small/light/mode.json +51 -4
- package/json/nested/frozenproduct/large/dark/components/container.json +1 -1
- package/json/nested/frozenproduct/large/dark/components/progress.json +1 -1
- package/json/nested/frozenproduct/large/dark/components/status.json +106 -34
- package/json/nested/frozenproduct/large/dark/components/table.json +1 -1
- package/json/nested/frozenproduct/large/dark/mode.json +80 -9
- package/json/nested/frozenproduct/large/light/components/progress.json +1 -1
- package/json/nested/frozenproduct/large/light/components/status.json +106 -34
- package/json/nested/frozenproduct/large/light/components/table.json +1 -1
- package/json/nested/frozenproduct/large/light/mode.json +80 -9
- package/json/nested/frozenproduct/small/dark/components/container.json +1 -1
- package/json/nested/frozenproduct/small/dark/components/progress.json +1 -1
- package/json/nested/frozenproduct/small/dark/components/status.json +106 -34
- package/json/nested/frozenproduct/small/dark/components/table.json +1 -1
- package/json/nested/frozenproduct/small/dark/mode.json +80 -9
- package/json/nested/frozenproduct/small/light/components/progress.json +1 -1
- package/json/nested/frozenproduct/small/light/components/status.json +106 -34
- package/json/nested/frozenproduct/small/light/components/table.json +1 -1
- package/json/nested/frozenproduct/small/light/mode.json +80 -9
- package/json/nested/marketing/large/dark/components/container.json +1 -1
- package/json/nested/marketing/large/dark/components/progress.json +1 -1
- package/json/nested/marketing/large/dark/components/status.json +106 -34
- package/json/nested/marketing/large/dark/components/table.json +1 -1
- package/json/nested/marketing/large/dark/mode.json +80 -9
- package/json/nested/marketing/large/light/components/progress.json +1 -1
- package/json/nested/marketing/large/light/components/status.json +106 -34
- package/json/nested/marketing/large/light/components/table.json +1 -1
- package/json/nested/marketing/large/light/mode.json +80 -9
- package/json/nested/marketing/small/dark/components/container.json +1 -1
- package/json/nested/marketing/small/dark/components/progress.json +1 -1
- package/json/nested/marketing/small/dark/components/status.json +106 -34
- package/json/nested/marketing/small/dark/components/table.json +1 -1
- package/json/nested/marketing/small/dark/mode.json +80 -9
- package/json/nested/marketing/small/light/components/progress.json +1 -1
- package/json/nested/marketing/small/light/components/status.json +106 -34
- package/json/nested/marketing/small/light/components/table.json +1 -1
- package/json/nested/marketing/small/light/mode.json +80 -9
- package/json/nested/product/large/dark/components/container.json +1 -1
- package/json/nested/product/large/dark/components/progress.json +1 -1
- package/json/nested/product/large/dark/components/status.json +106 -34
- package/json/nested/product/large/dark/components/table.json +1 -1
- package/json/nested/product/large/dark/mode.json +80 -9
- package/json/nested/product/large/light/components/progress.json +1 -1
- package/json/nested/product/large/light/components/status.json +106 -34
- package/json/nested/product/large/light/components/table.json +1 -1
- package/json/nested/product/large/light/mode.json +80 -9
- package/json/nested/product/small/dark/components/container.json +1 -1
- package/json/nested/product/small/dark/components/progress.json +1 -1
- package/json/nested/product/small/dark/components/status.json +106 -34
- package/json/nested/product/small/dark/components/table.json +1 -1
- package/json/nested/product/small/dark/mode.json +80 -9
- package/json/nested/product/small/light/components/progress.json +1 -1
- package/json/nested/product/small/light/components/status.json +106 -34
- package/json/nested/product/small/light/components/table.json +1 -1
- package/json/nested/product/small/light/mode.json +80 -9
- package/package.json +1 -1
- package/sage-design-tokens-14.1.0.tgz +0 -0
- package/scss/frozenproduct/large/components/button.scss +13 -13
- package/scss/frozenproduct/large/components/container.scss +10 -10
- package/scss/frozenproduct/large/components/form.scss +7 -7
- package/scss/frozenproduct/large/components/link.scss +2 -2
- package/scss/frozenproduct/large/components/nav.scss +5 -5
- package/scss/frozenproduct/large/components/page.scss +1 -1
- package/scss/frozenproduct/large/components/popover.scss +2 -2
- package/scss/frozenproduct/large/components/progress.scss +7 -7
- package/scss/frozenproduct/large/components/status.scss +64 -14
- package/scss/frozenproduct/large/components/tab.scss +7 -7
- package/scss/frozenproduct/large/components/table.scss +11 -11
- package/scss/frozenproduct/large/dark.scss +51 -4
- package/scss/frozenproduct/large/light.scss +51 -4
- package/scss/frozenproduct/small/components/button.scss +13 -13
- package/scss/frozenproduct/small/components/container.scss +10 -10
- package/scss/frozenproduct/small/components/form.scss +7 -7
- package/scss/frozenproduct/small/components/link.scss +2 -2
- package/scss/frozenproduct/small/components/nav.scss +5 -5
- package/scss/frozenproduct/small/components/page.scss +1 -1
- package/scss/frozenproduct/small/components/popover.scss +2 -2
- package/scss/frozenproduct/small/components/progress.scss +7 -7
- package/scss/frozenproduct/small/components/status.scss +64 -14
- package/scss/frozenproduct/small/components/tab.scss +7 -7
- package/scss/frozenproduct/small/components/table.scss +11 -11
- package/scss/frozenproduct/small/dark.scss +51 -4
- package/scss/frozenproduct/small/light.scss +51 -4
- package/scss/marketing/large/components/progress.scss +1 -1
- package/scss/marketing/large/components/status.scss +62 -12
- package/scss/marketing/large/components/table.scss +1 -1
- package/scss/marketing/large/dark.scss +51 -4
- package/scss/marketing/large/light.scss +51 -4
- package/scss/marketing/small/components/progress.scss +1 -1
- package/scss/marketing/small/components/status.scss +62 -12
- package/scss/marketing/small/components/table.scss +1 -1
- package/scss/marketing/small/dark.scss +51 -4
- package/scss/marketing/small/light.scss +51 -4
- package/scss/product/large/components/progress.scss +1 -1
- package/scss/product/large/components/status.scss +62 -12
- package/scss/product/large/components/table.scss +1 -1
- package/scss/product/large/dark.scss +51 -4
- package/scss/product/large/light.scss +51 -4
- package/scss/product/small/components/progress.scss +1 -1
- package/scss/product/small/components/status.scss +62 -12
- package/scss/product/small/components/table.scss +1 -1
- package/scss/product/small/dark.scss +51 -4
- package/scss/product/small/light.scss +51 -4
- package/sage-design-tokens-14.0.1.tgz +0 -0
@@ -189,7 +189,8 @@
|
|
189
189
|
--modes-color-status-ai-default-alt: #000000; /* bg for contextual message comp */
|
190
190
|
--modes-color-status-ai-default-horizontal: linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%);
|
191
191
|
--modes-color-status-ai-default-vertical: linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%);
|
192
|
-
--modes-color-status-
|
192
|
+
--modes-color-status-callout-default-alt: #e5fae2; /* used for marketing banners */
|
193
|
+
--modes-color-status-callout-hover-alt: #d8ecd5; /* used for marketing banners */
|
193
194
|
--modes-color-status-caution-default: #D64309; /* For pills and messages. Not accessible with white TEXT. */
|
194
195
|
--modes-color-status-caution-default-alt: #ffede5; /* Subtle message bg */
|
195
196
|
--modes-color-status-caution-hover: #b33b0d; /* used on pill hover states */
|
@@ -211,11 +212,59 @@
|
|
211
212
|
--modes-color-status-content-inverse-with-default-alt: #fffffff2;
|
212
213
|
--modes-color-status-content-inverse-with-hover: #000000; /* for pill hover X */
|
213
214
|
--modes-color-status-content-inverse-with-hover-alt: #FFFFFF; /* for message text */
|
215
|
+
--modes-color-status-custom-blue-default: #0071C3; /* For pills. Not accessible with white TEXT. */
|
216
|
+
--modes-color-status-custom-blue-default-alt: #ebf0f9; /* Pill bg */
|
217
|
+
--modes-color-status-custom-blue-hover: #135fa3; /* used on pill hover states */
|
218
|
+
--modes-color-status-custom-blue-hover-alt: #ced9ed; /* used on pill hover states */
|
219
|
+
--modes-color-status-custom-teal-default: #007C7B; /* For pills. Not accessible with white TEXT. */
|
220
|
+
--modes-color-status-custom-teal-default-alt: #e9f1f1; /* Pill bg */
|
221
|
+
--modes-color-status-custom-teal-hover: #0e6968; /* used on pill hover states */
|
222
|
+
--modes-color-status-custom-teal-hover-alt: #c4dde0; /* used on pill hover states */
|
223
|
+
--modes-color-status-custom-green-default: #00811F; /* For pills. Not accessible with white TEXT. */
|
224
|
+
--modes-color-status-custom-green-default-alt: #e9f2e8; /* Pill bg */
|
225
|
+
--modes-color-status-custom-green-hover: #0e6d1d; /* used on pill hover states */
|
226
|
+
--modes-color-status-custom-green-hover-alt: #c4decf; /* used on pill hover states */
|
227
|
+
--modes-color-status-custom-lime-default: #637700; /* For pills. Not accessible with white TEXT. */
|
228
|
+
--modes-color-status-custom-lime-default-alt: #eff1e6; /* Pill bg */
|
229
|
+
--modes-color-status-custom-lime-hover: #546408; /* used on pill hover states */
|
230
|
+
--modes-color-status-custom-lime-hover-alt: #cdddc9; /* used on pill hover states */
|
231
|
+
--modes-color-status-custom-orange-default: #C54300; /* For pills. Not accessible with white TEXT. */
|
232
|
+
--modes-color-status-custom-orange-default-alt: #feece5; /* Pill bg */
|
233
|
+
--modes-color-status-custom-orange-hover: #a53a06; /* used on pill hover states */
|
234
|
+
--modes-color-status-custom-orange-hover-alt: #f2d0ce; /* used on pill hover states */
|
235
|
+
--modes-color-status-custom-red-default: #DC004E; /* For pills. Not accessible with white TEXT. */
|
236
|
+
--modes-color-status-custom-red-default-alt: #ffebec; /* Pill bg */
|
237
|
+
--modes-color-status-custom-red-hover: #b81242; /* used on pill hover states */
|
238
|
+
--modes-color-status-custom-red-hover-alt: #f1cfd9; /* used on pill hover states */
|
239
|
+
--modes-color-status-custom-pink-default: #C8269A; /* For pills. Not accessible with white TEXT. */
|
240
|
+
--modes-color-status-custom-pink-default-alt: #fcecf5; /* Pill bg */
|
241
|
+
--modes-color-status-custom-pink-hover: #a82581; /* used on pill hover states */
|
242
|
+
--modes-color-status-custom-pink-hover-alt: #ead2e5; /* used on pill hover states */
|
243
|
+
--modes-color-status-custom-purple-default: #8F4CD7; /* For pills. Not accessible with white TEXT. */
|
244
|
+
--modes-color-status-custom-purple-default-alt: #f5edfc; /* Pill bg */
|
245
|
+
--modes-color-status-custom-purple-hover: #7941b4; /* used on pill hover states */
|
246
|
+
--modes-color-status-custom-purple-hover-alt: #ded4ee; /* used on pill hover states */
|
247
|
+
--modes-color-status-custom-gray-default: #6F6F6F; /* For pills. Not accessible with white TEXT. */
|
248
|
+
--modes-color-status-custom-gray-default-alt: #f0f0f0; /* Pill bg */
|
249
|
+
--modes-color-status-custom-gray-hover: #5e5e5e; /* used on pill hover states */
|
250
|
+
--modes-color-status-custom-gray-hover-alt: #d3d9e5; /* used on pill hover states */
|
251
|
+
--modes-color-status-custom-slate-default: #527386; /* For pills. Not accessible with white TEXT. */
|
252
|
+
--modes-color-status-custom-slate-default-alt: #edf0f2; /* Pill bg */
|
253
|
+
--modes-color-status-custom-slate-hover: #466171; /* used on pill hover states */
|
254
|
+
--modes-color-status-custom-slate-hover-alt: #cbdae6; /* used on pill hover states */
|
255
|
+
--modes-color-status-generic-default: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
|
256
|
+
--modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
|
257
|
+
--modes-color-status-important-default-alt: #f5edfc; /* Subtle message bg */
|
258
|
+
--modes-color-status-important-hover: #7941b4; /* used on pill hover states */
|
259
|
+
--modes-color-status-important-hover-alt: #ded4ee; /* used on pill hover states and message bg */
|
260
|
+
--modes-color-status-important-inverse-default: #985FDC;
|
261
|
+
--modes-color-status-important-inverse-default-alt: #1b1422; /* Subtle message bg */
|
262
|
+
--modes-color-status-important-inverse-hover: #a977e2; /* used on pill hover states */
|
263
|
+
--modes-color-status-important-inverse-hover-alt: #282039; /* used on pill hover states and message bg */
|
214
264
|
--modes-color-status-inactive-default: #a6a6a6; /* For readonly pill bg and border */
|
215
265
|
--modes-color-status-inactive-with-default: #000000ab; /* For readonly filled pill text */
|
216
266
|
--modes-color-status-inactive-inverse-default: #4b4b4b; /* For readonly pill bg and border */
|
217
267
|
--modes-color-status-inactive-inverse-with-default: #ffffffab; /* For readonly filled pill text */
|
218
|
-
--modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
|
219
268
|
--modes-color-status-info-default: #0060A7; /* For pills and messages. Not accessible with white TEXT. */
|
220
269
|
--modes-color-status-info-default-alt: #eaeef6; /* Subtle message bg */
|
221
270
|
--modes-color-status-info-hover: #10518c; /* used on pill hover states */
|
@@ -256,8 +305,6 @@
|
|
256
305
|
--modes-color-status-positive-inverse-default-alt: #0e1a0b; /* Subtle message bg */
|
257
306
|
--modes-color-status-positive-inverse-hover: #328e37; /* used on pill hover states */
|
258
307
|
--modes-color-status-positive-inverse-hover-alt: #132912; /* used on pill hover states and message bg */
|
259
|
-
--modes-color-status-callout-default-alt: #e5fae2; /* used for marketing banners */
|
260
|
-
--modes-color-status-callout-hover-alt: #d8ecd5; /* used for marketing banners */
|
261
308
|
--modes-color-status-reviews-default: #00811F;
|
262
309
|
--modes-color-status-reviews-default-alt: linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%); /* half fill */
|
263
310
|
--modes-color-status-reviews-hover: #0e6d1d;
|
@@ -25,7 +25,7 @@
|
|
25
25
|
--progress-color-fg-caution: var(--modes-color-status-caution-default);
|
26
26
|
--progress-color-fg-error: var(--modes-color-status-negative-default);
|
27
27
|
--progress-color-fg-info: var(--modes-color-status-info-default);
|
28
|
-
--progress-color-datavis-fg-default: var(--modes-color-status-
|
28
|
+
--progress-color-datavis-fg-default: var(--modes-color-status-custom-teal-default);
|
29
29
|
--progress-color-loader-fg-error: var(--modes-color-status-negative-default);
|
30
30
|
--progress-color-loader-fg-complete: var(--modes-color-status-positive-default);
|
31
31
|
--progress-color-stepflow-bg-complete: var(--modes-color-status-positive-default);
|
@@ -5,11 +5,6 @@
|
|
5
5
|
:root {
|
6
6
|
--status-radius-none: var(--global-radius-none); /* Pill (embedded element inner corners) */
|
7
7
|
--status-color-none: var(--modes-color-none); /* transparent override used for hiding colors when needed. */
|
8
|
-
--status-color-message-global-callout-bg-default: var(--modes-color-status-callout-default-alt); /* Global message bg */
|
9
|
-
--status-color-message-global-info-bg-default: var(--modes-color-status-info-default-alt); /* Global message bg */
|
10
|
-
--status-color-message-global-info-icon: var(--modes-color-status-info-default); /* Icon on tinted bgs */
|
11
|
-
--status-color-message-global-warning-bg-default: var(--modes-color-status-caution-default-alt); /* Global message bg */
|
12
|
-
--status-color-message-global-warning-icon: var(--modes-color-status-caution-default); /* Icon on tinted bgs */
|
13
8
|
--status-color-message-contextual-bg: var(--modes-color-generic-bg-nought);
|
14
9
|
--status-color-message-contextual-icon: var(--modes-color-generic-bg-nought); /* decorative icon on standard contextual messages */
|
15
10
|
--status-color-message-contextual-icon-alt: var(--modes-color-status-neutral-default); /* icon on neutral status dialogs */
|
@@ -31,6 +26,41 @@
|
|
31
26
|
--status-color-message-contextual-warning-bg-alt: var(--modes-color-status-caution-default-alt); /* Subtle message bg */
|
32
27
|
--status-color-message-contextual-warning-border-default: var(--modes-color-status-caution-default);
|
33
28
|
--status-color-message-contextual-warning-icon: var(--modes-color-status-caution-default); /* Icon on tinted bgs */
|
29
|
+
--status-color-message-global-callout-bg-default: var(--modes-color-status-callout-default-alt); /* Global message bg */
|
30
|
+
--status-color-message-global-info-bg-default: var(--modes-color-status-info-default-alt); /* Global message bg */
|
31
|
+
--status-color-message-global-info-icon: var(--modes-color-status-info-default); /* Icon on tinted bgs */
|
32
|
+
--status-color-message-global-warning-bg-default: var(--modes-color-status-caution-default-alt); /* Global message bg */
|
33
|
+
--status-color-message-global-warning-icon: var(--modes-color-status-caution-default); /* Icon on tinted bgs */
|
34
|
+
--status-color-pill-custom-blue-bg-default: var(--modes-color-status-custom-blue-default);
|
35
|
+
--status-color-pill-custom-blue-bg-alt-default: var(--modes-color-status-custom-blue-default-alt); /* outline pill bg */
|
36
|
+
--status-color-pill-custom-blue-border-default: var(--modes-color-status-custom-blue-default);
|
37
|
+
--status-color-pill-custom-teal-bg-default: var(--modes-color-status-custom-teal-default);
|
38
|
+
--status-color-pill-custom-teal-bg-alt-default: var(--modes-color-status-custom-teal-default-alt); /* outline pill bg */
|
39
|
+
--status-color-pill-custom-teal-border-default: var(--modes-color-status-custom-teal-default);
|
40
|
+
--status-color-pill-custom-green-bg-default: var(--modes-color-status-custom-green-default);
|
41
|
+
--status-color-pill-custom-green-bg-alt-default: var(--modes-color-status-custom-green-default-alt); /* outline pill bg */
|
42
|
+
--status-color-pill-custom-green-border-default: var(--modes-color-status-custom-green-default);
|
43
|
+
--status-color-pill-custom-lime-bg-default: var(--modes-color-status-custom-lime-default);
|
44
|
+
--status-color-pill-custom-lime-bg-alt-default: var(--modes-color-status-custom-lime-default-alt); /* outline pill bg */
|
45
|
+
--status-color-pill-custom-lime-border-default: var(--modes-color-status-custom-lime-default);
|
46
|
+
--status-color-pill-custom-orange-bg-default: var(--modes-color-status-custom-orange-default);
|
47
|
+
--status-color-pill-custom-orange-bg-alt-default: var(--modes-color-status-custom-orange-default-alt); /* outline pill bg */
|
48
|
+
--status-color-pill-custom-orange-border-default: var(--modes-color-status-custom-orange-default);
|
49
|
+
--status-color-pill-custom-red-bg-default: var(--modes-color-status-custom-red-default);
|
50
|
+
--status-color-pill-custom-red-bg-alt-default: var(--modes-color-status-custom-red-default-alt); /* outline pill bg */
|
51
|
+
--status-color-pill-custom-red-border-default: var(--modes-color-status-custom-red-default);
|
52
|
+
--status-color-pill-custom-pink-bg-default: var(--modes-color-status-custom-pink-default);
|
53
|
+
--status-color-pill-custom-pink-bg-alt-default: var(--modes-color-status-custom-pink-default-alt); /* outline pill bg */
|
54
|
+
--status-color-pill-custom-pink-border-default: var(--modes-color-status-custom-pink-default);
|
55
|
+
--status-color-pill-custom-purple-bg-default: var(--modes-color-status-custom-purple-default);
|
56
|
+
--status-color-pill-custom-purple-bg-alt-default: var(--modes-color-status-custom-purple-default-alt); /* outline pill bg */
|
57
|
+
--status-color-pill-custom-purple-border-default: var(--modes-color-status-custom-purple-default);
|
58
|
+
--status-color-pill-custom-gray-bg-default: var(--modes-color-status-custom-gray-default);
|
59
|
+
--status-color-pill-custom-gray-bg-alt-default: var(--modes-color-status-custom-gray-default-alt); /* outline pill bg */
|
60
|
+
--status-color-pill-custom-gray-border-default: var(--modes-color-status-custom-gray-default);
|
61
|
+
--status-color-pill-custom-slate-bg-default: var(--modes-color-status-custom-slate-default);
|
62
|
+
--status-color-pill-custom-slate-bg-alt-default: var(--modes-color-status-custom-slate-default-alt); /* outline pill bg */
|
63
|
+
--status-color-pill-custom-slate-border-default: var(--modes-color-status-custom-slate-default);
|
34
64
|
--status-color-pill-error-bg-default: var(--modes-color-status-negative-default);
|
35
65
|
--status-color-pill-error-bg-alt-default: var(--modes-color-status-negative-default-alt); /* outline pill bg */
|
36
66
|
--status-color-pill-error-border-default: var(--modes-color-status-negative-default);
|
@@ -79,19 +109,39 @@
|
|
79
109
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
80
110
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
81
111
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
112
|
+
--status-color-message-contextual-text: var(--modes-color-status-content-with-hover-alt); /* Message text. */
|
113
|
+
--status-color-message-contextual-ai-bg-default: var(--modes-color-status-ai-default-alt);
|
114
|
+
--status-color-message-contextual-ai-border-default: var(--modes-color-status-ai-default-alt);
|
82
115
|
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-with-hover);
|
83
116
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
84
117
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
85
118
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
86
|
-
--status-color-
|
87
|
-
--status-color-
|
88
|
-
--status-color-
|
89
|
-
--status-color-pill-
|
90
|
-
--status-color-pill-
|
119
|
+
--status-color-pill-custom-blue-bg-alt-hover: var(--modes-color-status-custom-blue-hover-alt);
|
120
|
+
--status-color-pill-custom-blue-bg-hover: var(--modes-color-status-custom-blue-hover);
|
121
|
+
--status-color-pill-custom-teal-bg-alt-hover: var(--modes-color-status-custom-teal-hover-alt);
|
122
|
+
--status-color-pill-custom-teal-bg-hover: var(--modes-color-status-custom-teal-hover);
|
123
|
+
--status-color-pill-custom-green-bg-alt-hover: var(--modes-color-status-custom-green-hover-alt);
|
124
|
+
--status-color-pill-custom-green-bg-hover: var(--modes-color-status-custom-green-hover);
|
125
|
+
--status-color-pill-custom-lime-bg-alt-hover: var(--modes-color-status-custom-lime-hover-alt);
|
126
|
+
--status-color-pill-custom-lime-bg-hover: var(--modes-color-status-custom-lime-hover);
|
127
|
+
--status-color-pill-custom-orange-bg-alt-hover: var(--modes-color-status-custom-orange-hover-alt);
|
128
|
+
--status-color-pill-custom-orange-bg-hover: var(--modes-color-status-custom-orange-hover);
|
129
|
+
--status-color-pill-custom-red-bg-alt-hover: var(--modes-color-status-custom-red-hover-alt);
|
130
|
+
--status-color-pill-custom-red-bg-hover: var(--modes-color-status-custom-red-hover);
|
131
|
+
--status-color-pill-custom-pink-bg-alt-hover: var(--modes-color-status-custom-pink-hover-alt);
|
132
|
+
--status-color-pill-custom-pink-bg-hover: var(--modes-color-status-custom-pink-hover);
|
133
|
+
--status-color-pill-custom-purple-bg-alt-hover: var(--modes-color-status-custom-purple-hover-alt);
|
134
|
+
--status-color-pill-custom-purple-bg-hover: var(--modes-color-status-custom-purple-hover);
|
135
|
+
--status-color-pill-custom-gray-bg-alt-hover: var(--modes-color-status-custom-gray-hover-alt);
|
136
|
+
--status-color-pill-custom-gray-bg-hover: var(--modes-color-status-custom-gray-hover);
|
137
|
+
--status-color-pill-custom-slate-bg-alt-hover: var(--modes-color-status-custom-slate-hover-alt);
|
138
|
+
--status-color-pill-custom-slate-bg-hover: var(--modes-color-status-custom-slate-hover);
|
91
139
|
--status-color-pill-error-bg-alt-hover: var(--modes-color-status-negative-hover-alt);
|
92
140
|
--status-color-pill-error-bg-hover: var(--modes-color-status-negative-hover);
|
93
141
|
--status-color-pill-error-inverse-bg-alt-hover: var(--modes-color-status-negative-inverse-hover-alt);
|
94
142
|
--status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
|
143
|
+
--status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
|
144
|
+
--status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
|
95
145
|
--status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
|
96
146
|
--status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
|
97
147
|
--status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
|
@@ -100,6 +150,7 @@
|
|
100
150
|
--status-color-pill-neutral-bg-hover: var(--modes-color-status-neutral-hover);
|
101
151
|
--status-color-pill-neutral-inverse-bg-alt-hover: var(--modes-color-status-neutral-inverse-hover-alt);
|
102
152
|
--status-color-pill-neutral-inverse-bg-hover: var(--modes-color-status-neutral-inverse-hover);
|
153
|
+
--status-color-pill-readonly-label: var(--modes-color-generic-content-firm); /* Pill (all types, readonly, when nested in disabled parent components) */
|
103
154
|
--status-color-pill-success-bg-alt-hover: var(--modes-color-status-positive-hover-alt);
|
104
155
|
--status-color-pill-success-bg-hover: var(--modes-color-status-positive-hover);
|
105
156
|
--status-color-pill-success-inverse-bg-alt-hover: var(--modes-color-status-positive-inverse-hover-alt);
|
@@ -108,14 +159,13 @@
|
|
108
159
|
--status-color-pill-warning-bg-hover: var(--modes-color-status-caution-hover);
|
109
160
|
--status-color-pill-warning-inverse-bg-alt-hover: var(--modes-color-status-caution-inverse-hover-alt);
|
110
161
|
--status-color-pill-warning-inverse-bg-hover: var(--modes-color-status-caution-inverse-hover);
|
111
|
-
--status-color-pill-readonly-label: var(--modes-color-generic-content-firm); /* Pill (all types, readonly, when nested in disabled parent components) */
|
112
162
|
--status-color-rating-bg-default: var(--modes-color-status-reviews-default);
|
113
163
|
--status-color-rating-bg-default-alt: var(--modes-color-status-reviews-default-alt);
|
114
164
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
115
165
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
166
|
+
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
116
167
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
117
168
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
118
|
-
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
119
169
|
--status-color-pill-generic-label-default: var(--modes-color-status-content-with-default);
|
120
170
|
--status-color-pill-generic-label-hover: var(--modes-color-status-content-with-hover);
|
121
171
|
--status-color-pill-generic-label-alt-default: var(--modes-color-status-content-with-default-alt);
|
@@ -78,7 +78,7 @@
|
|
78
78
|
--table-size-row-standard-l: var(--global-size-macro-l);
|
79
79
|
--table-size-row-standard-xl: calc(var(--global-size-macro-xl) + var(--global-size-micro-m));
|
80
80
|
--table-size-icon-xs: var(--global-size-icon-s);
|
81
|
-
--table-size-icon-s: var(--global-size-icon-
|
81
|
+
--table-size-icon-s: var(--global-size-icon-m);
|
82
82
|
--table-size-icon-m: var(--global-size-icon-m);
|
83
83
|
--table-size-icon-l: var(--global-size-icon-l);
|
84
84
|
--table-size-icon-xl: var(--global-size-icon-xl);
|
@@ -189,7 +189,8 @@
|
|
189
189
|
--modes-color-status-ai-default-alt: #FFFFFF; /* bg for contextual message comp */
|
190
190
|
--modes-color-status-ai-default-horizontal: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
|
191
191
|
--modes-color-status-ai-default-vertical: linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
|
192
|
-
--modes-color-status-
|
192
|
+
--modes-color-status-callout-default-alt: #122211; /* used for marketing banners */
|
193
|
+
--modes-color-status-callout-hover-alt: #263525; /* marketing banner hover */
|
193
194
|
--modes-color-status-caution-default: #E04500;
|
194
195
|
--modes-color-status-caution-default-alt: #251206; /* Subtle message bg */
|
195
196
|
--modes-color-status-caution-hover: #eb6530; /* used on pill hover states */
|
@@ -211,11 +212,59 @@
|
|
211
212
|
--modes-color-status-content-inverse-with-default-alt: #000000f2;
|
212
213
|
--modes-color-status-content-inverse-with-hover: #FFFFFF;
|
213
214
|
--modes-color-status-content-inverse-with-hover-alt: #000000;
|
215
|
+
--modes-color-status-custom-blue-default: #007FD9; /* For pills. Not accessible with white TEXT. */
|
216
|
+
--modes-color-status-custom-blue-default-alt: #0d1219; /* Pill bg */
|
217
|
+
--modes-color-status-custom-blue-hover: #4f91df; /* used on pill hover states */
|
218
|
+
--modes-color-status-custom-blue-hover-alt: #142131; /* used on pill hover states */
|
219
|
+
--modes-color-status-custom-teal-default: #008A89; /* For pills. Not accessible with white TEXT. */
|
220
|
+
--modes-color-status-custom-teal-default-alt: #0a1313; /* Pill bg */
|
221
|
+
--modes-color-status-custom-teal-hover: #449b9a; /* used on pill hover states */
|
222
|
+
--modes-color-status-custom-teal-hover-alt: #082427; /* used on pill hover states */
|
223
|
+
--modes-color-status-custom-green-default: #009023; /* For pills. Not accessible with white TEXT. */
|
224
|
+
--modes-color-status-custom-green-default-alt: #0a1408; /* Pill bg */
|
225
|
+
--modes-color-status-custom-green-hover: #44a146; /* used on pill hover states */
|
226
|
+
--modes-color-status-custom-green-hover-alt: #0b2418; /* used on pill hover states */
|
227
|
+
--modes-color-status-custom-lime-default: #6E8500; /* For pills. Not accessible with white TEXT. */
|
228
|
+
--modes-color-status-custom-lime-default-alt: #111205; /* Pill bg */
|
229
|
+
--modes-color-status-custom-lime-hover: #859635; /* used on pill hover states */
|
230
|
+
--modes-color-status-custom-lime-hover-alt: #162311; /* used on pill hover states */
|
231
|
+
--modes-color-status-custom-orange-default: #DB4B00; /* For pills. Not accessible with white TEXT. */
|
232
|
+
--modes-color-status-custom-orange-default-alt: #1c0e04; /* Pill bg */
|
233
|
+
--modes-color-status-custom-orange-hover: #e66930; /* used on pill hover states */
|
234
|
+
--modes-color-status-custom-orange-hover-alt: #331816; /* used on pill hover states */
|
235
|
+
--modes-color-status-custom-red-default: #F50058; /* For pills. Not accessible with white TEXT. */
|
236
|
+
--modes-color-status-custom-red-default-alt: #1e0d0d; /* Pill bg */
|
237
|
+
--modes-color-status-custom-red-hover: #fc4e6e; /* used on pill hover states */
|
238
|
+
--modes-color-status-custom-red-hover-alt: #331720; /* used on pill hover states */
|
239
|
+
--modes-color-status-custom-pink-default: #DD2BAB; /* For pills. Not accessible with white TEXT. */
|
240
|
+
--modes-color-status-custom-pink-default-alt: #1b0d16; /* Pill bg */
|
241
|
+
--modes-color-status-custom-pink-hover: #e558b7; /* used on pill hover states */
|
242
|
+
--modes-color-status-custom-pink-hover-alt: #2d192b; /* used on pill hover states */
|
243
|
+
--modes-color-status-custom-purple-default: #985FDC; /* For pills. Not accessible with white TEXT. */
|
244
|
+
--modes-color-status-custom-purple-default-alt: #150f19; /* Pill bg */
|
245
|
+
--modes-color-status-custom-purple-hover: #a977e2; /* used on pill hover states */
|
246
|
+
--modes-color-status-custom-purple-hover-alt: #231c30; /* used on pill hover states */
|
247
|
+
--modes-color-status-custom-gray-default: #7C7C7C; /* For pills. Not accessible with white TEXT. */
|
248
|
+
--modes-color-status-custom-gray-default-alt: #111; /* Pill bg */
|
249
|
+
--modes-color-status-custom-gray-hover: #8e8e8e; /* used on pill hover states */
|
250
|
+
--modes-color-status-custom-gray-hover-alt: #1a202b; /* used on pill hover states */
|
251
|
+
--modes-color-status-custom-slate-default: #5C8196; /* For pills. Not accessible with white TEXT. */
|
252
|
+
--modes-color-status-custom-slate-default-alt: #0f1214; /* Pill bg */
|
253
|
+
--modes-color-status-custom-slate-hover: #7493a5; /* used on pill hover states */
|
254
|
+
--modes-color-status-custom-slate-hover-alt: #13222c; /* used on pill hover states */
|
255
|
+
--modes-color-status-generic-default: #F0F;
|
256
|
+
--modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
|
257
|
+
--modes-color-status-important-default-alt: #150d19; /* Subtle message bg */
|
258
|
+
--modes-color-status-important-hover: #a267de; /* used on pill hover states */
|
259
|
+
--modes-color-status-important-hover-alt: #231b30; /* used on pill hover states and message bg */
|
260
|
+
--modes-color-status-important-inverse-default: #985FDC;
|
261
|
+
--modes-color-status-important-inverse-default-alt: #f1e6fa; /* Subtle message bg */
|
262
|
+
--modes-color-status-important-inverse-hover: #8051b8; /* used on pill hover states */
|
263
|
+
--modes-color-status-important-inverse-hover-alt: #daceed; /* used on pill hover states and message bg */
|
214
264
|
--modes-color-status-inactive-default: #4b4b4b; /* For readonly pill bg and border */
|
215
265
|
--modes-color-status-inactive-with-default: #ffffffab; /* For readonly filled pill text */
|
216
266
|
--modes-color-status-inactive-inverse-default: #a6a6a6; /* For readonly pill bg and border */
|
217
267
|
--modes-color-status-inactive-inverse-with-default: #000000ab; /* For readonly filled pill text */
|
218
|
-
--modes-color-status-important-default: #985FDC; /* For tile status keylines to show if something is of high importance. */
|
219
268
|
--modes-color-status-info-default: #007ED9;
|
220
269
|
--modes-color-status-info-default-alt: #111722; /* Subtle message bg */
|
221
270
|
--modes-color-status-info-hover: #4f90df; /* used on pill hover states */
|
@@ -256,8 +305,6 @@
|
|
256
305
|
--modes-color-status-positive-inverse-default-alt: #e9f2e8; /* Subtle message bg */
|
257
306
|
--modes-color-status-positive-inverse-hover: #0e6d1d; /* used on pill hover states */
|
258
307
|
--modes-color-status-positive-inverse-hover-alt: #cbe1c9; /* used on pill hover states and message bg */
|
259
|
-
--modes-color-status-callout-default-alt: #122211; /* used for marketing banners */
|
260
|
-
--modes-color-status-callout-hover-alt: #263525; /* marketing banner hover */
|
261
308
|
--modes-color-status-reviews-default: #00D639;
|
262
309
|
--modes-color-status-reviews-default-alt: linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828 100%);
|
263
310
|
--modes-color-status-reviews-hover: #17b333; /* used on pill hover states */
|
@@ -189,7 +189,8 @@
|
|
189
189
|
--modes-color-status-ai-default-alt: #000000; /* bg for contextual message comp */
|
190
190
|
--modes-color-status-ai-default-horizontal: linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%);
|
191
191
|
--modes-color-status-ai-default-vertical: linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%);
|
192
|
-
--modes-color-status-
|
192
|
+
--modes-color-status-callout-default-alt: #e5fae2; /* used for marketing banners */
|
193
|
+
--modes-color-status-callout-hover-alt: #d8ecd5; /* used for marketing banners */
|
193
194
|
--modes-color-status-caution-default: #D64309; /* For pills and messages. Not accessible with white TEXT. */
|
194
195
|
--modes-color-status-caution-default-alt: #ffede5; /* Subtle message bg */
|
195
196
|
--modes-color-status-caution-hover: #b33b0d; /* used on pill hover states */
|
@@ -211,11 +212,59 @@
|
|
211
212
|
--modes-color-status-content-inverse-with-default-alt: #fffffff2;
|
212
213
|
--modes-color-status-content-inverse-with-hover: #000000; /* for pill hover X */
|
213
214
|
--modes-color-status-content-inverse-with-hover-alt: #FFFFFF; /* for message text */
|
215
|
+
--modes-color-status-custom-blue-default: #0071C3; /* For pills. Not accessible with white TEXT. */
|
216
|
+
--modes-color-status-custom-blue-default-alt: #ebf0f9; /* Pill bg */
|
217
|
+
--modes-color-status-custom-blue-hover: #135fa3; /* used on pill hover states */
|
218
|
+
--modes-color-status-custom-blue-hover-alt: #ced9ed; /* used on pill hover states */
|
219
|
+
--modes-color-status-custom-teal-default: #007C7B; /* For pills. Not accessible with white TEXT. */
|
220
|
+
--modes-color-status-custom-teal-default-alt: #e9f1f1; /* Pill bg */
|
221
|
+
--modes-color-status-custom-teal-hover: #0e6968; /* used on pill hover states */
|
222
|
+
--modes-color-status-custom-teal-hover-alt: #c4dde0; /* used on pill hover states */
|
223
|
+
--modes-color-status-custom-green-default: #00811F; /* For pills. Not accessible with white TEXT. */
|
224
|
+
--modes-color-status-custom-green-default-alt: #e9f2e8; /* Pill bg */
|
225
|
+
--modes-color-status-custom-green-hover: #0e6d1d; /* used on pill hover states */
|
226
|
+
--modes-color-status-custom-green-hover-alt: #c4decf; /* used on pill hover states */
|
227
|
+
--modes-color-status-custom-lime-default: #637700; /* For pills. Not accessible with white TEXT. */
|
228
|
+
--modes-color-status-custom-lime-default-alt: #eff1e6; /* Pill bg */
|
229
|
+
--modes-color-status-custom-lime-hover: #546408; /* used on pill hover states */
|
230
|
+
--modes-color-status-custom-lime-hover-alt: #cdddc9; /* used on pill hover states */
|
231
|
+
--modes-color-status-custom-orange-default: #C54300; /* For pills. Not accessible with white TEXT. */
|
232
|
+
--modes-color-status-custom-orange-default-alt: #feece5; /* Pill bg */
|
233
|
+
--modes-color-status-custom-orange-hover: #a53a06; /* used on pill hover states */
|
234
|
+
--modes-color-status-custom-orange-hover-alt: #f2d0ce; /* used on pill hover states */
|
235
|
+
--modes-color-status-custom-red-default: #DC004E; /* For pills. Not accessible with white TEXT. */
|
236
|
+
--modes-color-status-custom-red-default-alt: #ffebec; /* Pill bg */
|
237
|
+
--modes-color-status-custom-red-hover: #b81242; /* used on pill hover states */
|
238
|
+
--modes-color-status-custom-red-hover-alt: #f1cfd9; /* used on pill hover states */
|
239
|
+
--modes-color-status-custom-pink-default: #C8269A; /* For pills. Not accessible with white TEXT. */
|
240
|
+
--modes-color-status-custom-pink-default-alt: #fcecf5; /* Pill bg */
|
241
|
+
--modes-color-status-custom-pink-hover: #a82581; /* used on pill hover states */
|
242
|
+
--modes-color-status-custom-pink-hover-alt: #ead2e5; /* used on pill hover states */
|
243
|
+
--modes-color-status-custom-purple-default: #8F4CD7; /* For pills. Not accessible with white TEXT. */
|
244
|
+
--modes-color-status-custom-purple-default-alt: #f5edfc; /* Pill bg */
|
245
|
+
--modes-color-status-custom-purple-hover: #7941b4; /* used on pill hover states */
|
246
|
+
--modes-color-status-custom-purple-hover-alt: #ded4ee; /* used on pill hover states */
|
247
|
+
--modes-color-status-custom-gray-default: #6F6F6F; /* For pills. Not accessible with white TEXT. */
|
248
|
+
--modes-color-status-custom-gray-default-alt: #f0f0f0; /* Pill bg */
|
249
|
+
--modes-color-status-custom-gray-hover: #5e5e5e; /* used on pill hover states */
|
250
|
+
--modes-color-status-custom-gray-hover-alt: #d3d9e5; /* used on pill hover states */
|
251
|
+
--modes-color-status-custom-slate-default: #527386; /* For pills. Not accessible with white TEXT. */
|
252
|
+
--modes-color-status-custom-slate-default-alt: #edf0f2; /* Pill bg */
|
253
|
+
--modes-color-status-custom-slate-hover: #466171; /* used on pill hover states */
|
254
|
+
--modes-color-status-custom-slate-hover-alt: #cbdae6; /* used on pill hover states */
|
255
|
+
--modes-color-status-generic-default: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
|
256
|
+
--modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
|
257
|
+
--modes-color-status-important-default-alt: #f5edfc; /* Subtle message bg */
|
258
|
+
--modes-color-status-important-hover: #7941b4; /* used on pill hover states */
|
259
|
+
--modes-color-status-important-hover-alt: #ded4ee; /* used on pill hover states and message bg */
|
260
|
+
--modes-color-status-important-inverse-default: #985FDC;
|
261
|
+
--modes-color-status-important-inverse-default-alt: #1b1422; /* Subtle message bg */
|
262
|
+
--modes-color-status-important-inverse-hover: #a977e2; /* used on pill hover states */
|
263
|
+
--modes-color-status-important-inverse-hover-alt: #282039; /* used on pill hover states and message bg */
|
214
264
|
--modes-color-status-inactive-default: #a6a6a6; /* For readonly pill bg and border */
|
215
265
|
--modes-color-status-inactive-with-default: #000000ab; /* For readonly filled pill text */
|
216
266
|
--modes-color-status-inactive-inverse-default: #4b4b4b; /* For readonly pill bg and border */
|
217
267
|
--modes-color-status-inactive-inverse-with-default: #ffffffab; /* For readonly filled pill text */
|
218
|
-
--modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
|
219
268
|
--modes-color-status-info-default: #0060A7; /* For pills and messages. Not accessible with white TEXT. */
|
220
269
|
--modes-color-status-info-default-alt: #eaeef6; /* Subtle message bg */
|
221
270
|
--modes-color-status-info-hover: #10518c; /* used on pill hover states */
|
@@ -256,8 +305,6 @@
|
|
256
305
|
--modes-color-status-positive-inverse-default-alt: #0e1a0b; /* Subtle message bg */
|
257
306
|
--modes-color-status-positive-inverse-hover: #328e37; /* used on pill hover states */
|
258
307
|
--modes-color-status-positive-inverse-hover-alt: #132912; /* used on pill hover states and message bg */
|
259
|
-
--modes-color-status-callout-default-alt: #e5fae2; /* used for marketing banners */
|
260
|
-
--modes-color-status-callout-hover-alt: #d8ecd5; /* used for marketing banners */
|
261
308
|
--modes-color-status-reviews-default: #00811F;
|
262
309
|
--modes-color-status-reviews-default-alt: linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%); /* half fill */
|
263
310
|
--modes-color-status-reviews-hover: #0e6d1d;
|