@sage/design-tokens 14.0.1 → 14.2.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 +176 -22
- package/css/frozenproduct/large/components/progress.css +1 -1
- package/css/frozenproduct/large/components/status.css +72 -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 +72 -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 +176 -22
- package/css/marketing/large/components/progress.css +1 -1
- package/css/marketing/large/components/status.css +72 -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 +72 -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 +176 -22
- package/css/product/large/components/progress.css +1 -1
- package/css/product/large/components/status.css +72 -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 +72 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +111 -25
- package/js/common/frozenproduct/large/dark/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/frozenproduct/large/light/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/frozenproduct/small/dark/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/frozenproduct/small/light/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/marketing/large/dark/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/marketing/large/light/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/marketing/small/dark/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/marketing/small/light/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/product/large/dark/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/product/large/light/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/product/small/dark/components/status.js +1451 -355
- 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 +111 -25
- package/js/common/product/small/light/components/status.js +1451 -355
- 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 +82 -22
- package/js/es6/frozenproduct/large/dark/components/status.js +82 -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 +82 -22
- package/js/es6/frozenproduct/large/light/components/status.js +82 -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 +82 -22
- package/js/es6/frozenproduct/small/dark/components/status.js +82 -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 +82 -22
- package/js/es6/frozenproduct/small/light/components/status.js +82 -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 +82 -22
- package/js/es6/marketing/large/dark/components/status.js +82 -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 +82 -22
- package/js/es6/marketing/large/light/components/status.js +82 -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 +82 -22
- package/js/es6/marketing/small/dark/components/status.js +82 -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 +82 -22
- package/js/es6/marketing/small/light/components/status.js +82 -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 +82 -22
- package/js/es6/product/large/dark/components/status.js +82 -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 +82 -22
- package/js/es6/product/large/light/components/status.js +82 -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 +82 -22
- package/js/es6/product/small/dark/components/status.js +82 -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 +82 -22
- package/js/es6/product/small/light/components/status.js +82 -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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +1555 -382
- 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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +82 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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 +120 -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.2.0.tgz +0 -0
- package/scss/frozenproduct/large/components/progress.scss +1 -1
- package/scss/frozenproduct/large/components/status.scss +72 -12
- package/scss/frozenproduct/large/components/table.scss +1 -1
- package/scss/frozenproduct/large/dark.scss +51 -4
- package/scss/frozenproduct/large/light.scss +51 -4
- package/scss/frozenproduct/small/components/progress.scss +1 -1
- package/scss/frozenproduct/small/components/status.scss +72 -12
- package/scss/frozenproduct/small/components/table.scss +1 -1
- package/scss/frozenproduct/small/dark.scss +51 -4
- package/scss/frozenproduct/small/light.scss +51 -4
- package/scss/marketing/large/components/button.scss +13 -13
- package/scss/marketing/large/components/container.scss +10 -10
- package/scss/marketing/large/components/form.scss +7 -7
- package/scss/marketing/large/components/link.scss +2 -2
- package/scss/marketing/large/components/nav.scss +5 -5
- package/scss/marketing/large/components/page.scss +1 -1
- package/scss/marketing/large/components/popover.scss +2 -2
- package/scss/marketing/large/components/progress.scss +7 -7
- package/scss/marketing/large/components/status.scss +74 -14
- package/scss/marketing/large/components/tab.scss +7 -7
- package/scss/marketing/large/components/table.scss +11 -11
- 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 +72 -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 +72 -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 +72 -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,12 +26,53 @@
|
|
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);
|
37
67
|
--status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
|
38
68
|
--status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
|
39
69
|
--status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
|
70
|
+
--status-color-pill-important-bg-default: var(--modes-color-status-important-default);
|
71
|
+
--status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
|
72
|
+
--status-color-pill-important-border-default: var(--modes-color-status-important-default);
|
73
|
+
--status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
|
74
|
+
--status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
|
75
|
+
--status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
|
40
76
|
--status-color-pill-info-bg-default: var(--modes-color-status-info-default);
|
41
77
|
--status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
|
42
78
|
--status-color-pill-info-border-default: var(--modes-color-status-info-default);
|
@@ -79,19 +115,43 @@
|
|
79
115
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
80
116
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
81
117
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
118
|
+
--status-color-message-contextual-text: var(--modes-color-status-content-with-hover-alt); /* Message text. */
|
119
|
+
--status-color-message-contextual-ai-bg-default: var(--modes-color-status-ai-default-alt);
|
120
|
+
--status-color-message-contextual-ai-border-default: var(--modes-color-status-ai-default-alt);
|
82
121
|
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-with-hover);
|
83
122
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
84
123
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
85
124
|
--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-
|
125
|
+
--status-color-pill-custom-blue-bg-alt-hover: var(--modes-color-status-custom-blue-hover-alt);
|
126
|
+
--status-color-pill-custom-blue-bg-hover: var(--modes-color-status-custom-blue-hover);
|
127
|
+
--status-color-pill-custom-teal-bg-alt-hover: var(--modes-color-status-custom-teal-hover-alt);
|
128
|
+
--status-color-pill-custom-teal-bg-hover: var(--modes-color-status-custom-teal-hover);
|
129
|
+
--status-color-pill-custom-green-bg-alt-hover: var(--modes-color-status-custom-green-hover-alt);
|
130
|
+
--status-color-pill-custom-green-bg-hover: var(--modes-color-status-custom-green-hover);
|
131
|
+
--status-color-pill-custom-lime-bg-alt-hover: var(--modes-color-status-custom-lime-hover-alt);
|
132
|
+
--status-color-pill-custom-lime-bg-hover: var(--modes-color-status-custom-lime-hover);
|
133
|
+
--status-color-pill-custom-orange-bg-alt-hover: var(--modes-color-status-custom-orange-hover-alt);
|
134
|
+
--status-color-pill-custom-orange-bg-hover: var(--modes-color-status-custom-orange-hover);
|
135
|
+
--status-color-pill-custom-red-bg-alt-hover: var(--modes-color-status-custom-red-hover-alt);
|
136
|
+
--status-color-pill-custom-red-bg-hover: var(--modes-color-status-custom-red-hover);
|
137
|
+
--status-color-pill-custom-pink-bg-alt-hover: var(--modes-color-status-custom-pink-hover-alt);
|
138
|
+
--status-color-pill-custom-pink-bg-hover: var(--modes-color-status-custom-pink-hover);
|
139
|
+
--status-color-pill-custom-purple-bg-alt-hover: var(--modes-color-status-custom-purple-hover-alt);
|
140
|
+
--status-color-pill-custom-purple-bg-hover: var(--modes-color-status-custom-purple-hover);
|
141
|
+
--status-color-pill-custom-gray-bg-alt-hover: var(--modes-color-status-custom-gray-hover-alt);
|
142
|
+
--status-color-pill-custom-gray-bg-hover: var(--modes-color-status-custom-gray-hover);
|
143
|
+
--status-color-pill-custom-slate-bg-alt-hover: var(--modes-color-status-custom-slate-hover-alt);
|
144
|
+
--status-color-pill-custom-slate-bg-hover: var(--modes-color-status-custom-slate-hover);
|
91
145
|
--status-color-pill-error-bg-alt-hover: var(--modes-color-status-negative-hover-alt);
|
92
146
|
--status-color-pill-error-bg-hover: var(--modes-color-status-negative-hover);
|
93
147
|
--status-color-pill-error-inverse-bg-alt-hover: var(--modes-color-status-negative-inverse-hover-alt);
|
94
148
|
--status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
|
149
|
+
--status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
|
150
|
+
--status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
|
151
|
+
--status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
|
152
|
+
--status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
|
153
|
+
--status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
|
154
|
+
--status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
|
95
155
|
--status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
|
96
156
|
--status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
|
97
157
|
--status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
|
@@ -100,6 +160,7 @@
|
|
100
160
|
--status-color-pill-neutral-bg-hover: var(--modes-color-status-neutral-hover);
|
101
161
|
--status-color-pill-neutral-inverse-bg-alt-hover: var(--modes-color-status-neutral-inverse-hover-alt);
|
102
162
|
--status-color-pill-neutral-inverse-bg-hover: var(--modes-color-status-neutral-inverse-hover);
|
163
|
+
--status-color-pill-readonly-label: var(--modes-color-generic-content-firm); /* Pill (all types, readonly, when nested in disabled parent components) */
|
103
164
|
--status-color-pill-success-bg-alt-hover: var(--modes-color-status-positive-hover-alt);
|
104
165
|
--status-color-pill-success-bg-hover: var(--modes-color-status-positive-hover);
|
105
166
|
--status-color-pill-success-inverse-bg-alt-hover: var(--modes-color-status-positive-inverse-hover-alt);
|
@@ -108,14 +169,13 @@
|
|
108
169
|
--status-color-pill-warning-bg-hover: var(--modes-color-status-caution-hover);
|
109
170
|
--status-color-pill-warning-inverse-bg-alt-hover: var(--modes-color-status-caution-inverse-hover-alt);
|
110
171
|
--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
172
|
--status-color-rating-bg-default: var(--modes-color-status-reviews-default);
|
113
173
|
--status-color-rating-bg-default-alt: var(--modes-color-status-reviews-default-alt);
|
114
174
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
115
175
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
176
|
+
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
116
177
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
117
178
|
--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
179
|
--status-color-pill-generic-label-default: var(--modes-color-status-content-with-default);
|
120
180
|
--status-color-pill-generic-label-hover: var(--modes-color-status-content-with-hover);
|
121
181
|
--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;
|