@sage/design-tokens 5.3.0 → 7.0.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 +86 -78
- package/css/frozenproduct/large/components/container.css +4 -2
- package/css/frozenproduct/large/components/logo.css +1 -6
- package/css/frozenproduct/large/components/status.css +67 -48
- package/css/frozenproduct/large/components/table.css +0 -2
- package/css/frozenproduct/large/dark.css +7 -10
- package/css/frozenproduct/large/light.css +7 -10
- package/css/frozenproduct/small/components/container.css +4 -2
- package/css/frozenproduct/small/components/logo.css +1 -6
- package/css/frozenproduct/small/components/status.css +67 -48
- package/css/frozenproduct/small/components/table.css +0 -2
- package/css/frozenproduct/small/dark.css +7 -10
- package/css/frozenproduct/small/light.css +7 -10
- package/css/marketing/all.css +86 -78
- package/css/marketing/large/components/container.css +4 -2
- package/css/marketing/large/components/logo.css +1 -6
- package/css/marketing/large/components/status.css +67 -48
- package/css/marketing/large/components/table.css +0 -2
- package/css/marketing/large/dark.css +7 -10
- package/css/marketing/large/light.css +7 -10
- package/css/marketing/small/components/container.css +4 -2
- package/css/marketing/small/components/logo.css +1 -6
- package/css/marketing/small/components/status.css +67 -48
- package/css/marketing/small/components/table.css +0 -2
- package/css/marketing/small/dark.css +7 -10
- package/css/marketing/small/light.css +7 -10
- package/css/product/all.css +86 -78
- package/css/product/large/components/container.css +4 -2
- package/css/product/large/components/logo.css +1 -6
- package/css/product/large/components/status.css +67 -48
- package/css/product/large/components/table.css +0 -2
- package/css/product/large/dark.css +7 -10
- package/css/product/large/light.css +7 -10
- package/css/product/small/components/container.css +4 -2
- package/css/product/small/components/logo.css +1 -6
- package/css/product/small/components/status.css +67 -48
- package/css/product/small/components/table.css +0 -2
- package/css/product/small/dark.css +7 -10
- package/css/product/small/light.css +7 -10
- package/ios/frozenproduct/large/dark/components/container.h +3 -1
- package/ios/frozenproduct/large/dark/components/logo.h +0 -5
- package/ios/frozenproduct/large/dark/components/status.h +67 -48
- package/ios/frozenproduct/large/dark/components/table.h +0 -2
- package/ios/frozenproduct/large/dark/mode.h +7 -10
- package/ios/frozenproduct/large/light/components/container.h +3 -1
- package/ios/frozenproduct/large/light/components/logo.h +0 -5
- package/ios/frozenproduct/large/light/components/status.h +67 -48
- package/ios/frozenproduct/large/light/components/table.h +0 -2
- package/ios/frozenproduct/large/light/mode.h +7 -10
- package/ios/frozenproduct/small/dark/components/container.h +4 -2
- package/ios/frozenproduct/small/dark/components/logo.h +0 -5
- package/ios/frozenproduct/small/dark/components/status.h +67 -48
- package/ios/frozenproduct/small/dark/components/table.h +0 -2
- package/ios/frozenproduct/small/dark/mode.h +7 -10
- package/ios/frozenproduct/small/light/components/container.h +4 -2
- package/ios/frozenproduct/small/light/components/logo.h +0 -5
- package/ios/frozenproduct/small/light/components/status.h +67 -48
- package/ios/frozenproduct/small/light/components/table.h +0 -2
- package/ios/frozenproduct/small/light/mode.h +7 -10
- package/ios/marketing/large/dark/components/container.h +3 -1
- package/ios/marketing/large/dark/components/logo.h +0 -5
- package/ios/marketing/large/dark/components/status.h +67 -48
- package/ios/marketing/large/dark/components/table.h +0 -2
- package/ios/marketing/large/dark/mode.h +7 -10
- package/ios/marketing/large/light/components/container.h +3 -1
- package/ios/marketing/large/light/components/logo.h +0 -5
- package/ios/marketing/large/light/components/status.h +67 -48
- package/ios/marketing/large/light/components/table.h +0 -2
- package/ios/marketing/large/light/mode.h +7 -10
- package/ios/marketing/small/dark/components/container.h +4 -2
- package/ios/marketing/small/dark/components/logo.h +0 -5
- package/ios/marketing/small/dark/components/status.h +67 -48
- package/ios/marketing/small/dark/components/table.h +0 -2
- package/ios/marketing/small/dark/mode.h +7 -10
- package/ios/marketing/small/light/components/container.h +4 -2
- package/ios/marketing/small/light/components/logo.h +0 -5
- package/ios/marketing/small/light/components/status.h +67 -48
- package/ios/marketing/small/light/components/table.h +0 -2
- package/ios/marketing/small/light/mode.h +7 -10
- package/ios/product/large/dark/components/container.h +3 -1
- package/ios/product/large/dark/components/logo.h +0 -5
- package/ios/product/large/dark/components/status.h +67 -48
- package/ios/product/large/dark/components/table.h +0 -2
- package/ios/product/large/dark/mode.h +7 -10
- package/ios/product/large/light/components/container.h +3 -1
- package/ios/product/large/light/components/logo.h +0 -5
- package/ios/product/large/light/components/status.h +67 -48
- package/ios/product/large/light/components/table.h +0 -2
- package/ios/product/large/light/mode.h +7 -10
- package/ios/product/small/dark/components/container.h +4 -2
- package/ios/product/small/dark/components/logo.h +0 -5
- package/ios/product/small/dark/components/status.h +67 -48
- package/ios/product/small/dark/components/table.h +0 -2
- package/ios/product/small/dark/mode.h +7 -10
- package/ios/product/small/light/components/container.h +4 -2
- package/ios/product/small/light/components/logo.h +0 -5
- package/ios/product/small/light/components/status.h +67 -48
- package/ios/product/small/light/components/table.h +0 -2
- package/ios/product/small/light/mode.h +7 -10
- package/js/common/frozenproduct/large/dark/components/container.d.ts +4 -0
- package/js/common/frozenproduct/large/dark/components/container.js +80 -6
- package/js/common/frozenproduct/large/dark/components/logo.d.ts +0 -7
- package/js/common/frozenproduct/large/dark/components/logo.js +1 -70
- package/js/common/frozenproduct/large/dark/components/status.d.ts +103 -60
- package/js/common/frozenproduct/large/dark/components/status.js +1534 -892
- package/js/common/frozenproduct/large/dark/components/table.d.ts +0 -6
- package/js/common/frozenproduct/large/dark/components/table.js +0 -66
- package/js/common/frozenproduct/large/dark/mode.d.ts +7 -12
- package/js/common/frozenproduct/large/dark/mode.js +305 -169
- package/js/common/frozenproduct/large/light/components/container.d.ts +4 -0
- package/js/common/frozenproduct/large/light/components/container.js +80 -6
- package/js/common/frozenproduct/large/light/components/logo.d.ts +0 -7
- package/js/common/frozenproduct/large/light/components/logo.js +1 -70
- package/js/common/frozenproduct/large/light/components/status.d.ts +103 -60
- package/js/common/frozenproduct/large/light/components/status.js +1534 -892
- package/js/common/frozenproduct/large/light/components/table.d.ts +0 -6
- package/js/common/frozenproduct/large/light/components/table.js +0 -66
- package/js/common/frozenproduct/large/light/mode.d.ts +7 -12
- package/js/common/frozenproduct/large/light/mode.js +400 -114
- package/js/common/frozenproduct/small/dark/components/container.d.ts +4 -0
- package/js/common/frozenproduct/small/dark/components/container.js +82 -8
- package/js/common/frozenproduct/small/dark/components/logo.d.ts +0 -7
- package/js/common/frozenproduct/small/dark/components/logo.js +1 -70
- package/js/common/frozenproduct/small/dark/components/status.d.ts +103 -60
- package/js/common/frozenproduct/small/dark/components/status.js +1534 -892
- package/js/common/frozenproduct/small/dark/components/table.d.ts +0 -6
- package/js/common/frozenproduct/small/dark/components/table.js +0 -66
- package/js/common/frozenproduct/small/dark/mode.d.ts +7 -12
- package/js/common/frozenproduct/small/dark/mode.js +305 -169
- package/js/common/frozenproduct/small/light/components/container.d.ts +4 -0
- package/js/common/frozenproduct/small/light/components/container.js +82 -8
- package/js/common/frozenproduct/small/light/components/logo.d.ts +0 -7
- package/js/common/frozenproduct/small/light/components/logo.js +1 -70
- package/js/common/frozenproduct/small/light/components/status.d.ts +103 -60
- package/js/common/frozenproduct/small/light/components/status.js +1534 -892
- package/js/common/frozenproduct/small/light/components/table.d.ts +0 -6
- package/js/common/frozenproduct/small/light/components/table.js +0 -66
- package/js/common/frozenproduct/small/light/mode.d.ts +7 -12
- package/js/common/frozenproduct/small/light/mode.js +400 -114
- package/js/common/marketing/large/dark/components/container.d.ts +4 -0
- package/js/common/marketing/large/dark/components/container.js +80 -6
- package/js/common/marketing/large/dark/components/logo.d.ts +0 -7
- package/js/common/marketing/large/dark/components/logo.js +1 -70
- package/js/common/marketing/large/dark/components/status.d.ts +103 -60
- package/js/common/marketing/large/dark/components/status.js +1534 -892
- package/js/common/marketing/large/dark/components/table.d.ts +0 -6
- package/js/common/marketing/large/dark/components/table.js +0 -66
- package/js/common/marketing/large/dark/mode.d.ts +7 -12
- package/js/common/marketing/large/dark/mode.js +305 -169
- package/js/common/marketing/large/light/components/container.d.ts +4 -0
- package/js/common/marketing/large/light/components/container.js +80 -6
- package/js/common/marketing/large/light/components/logo.d.ts +0 -7
- package/js/common/marketing/large/light/components/logo.js +1 -70
- package/js/common/marketing/large/light/components/status.d.ts +103 -60
- package/js/common/marketing/large/light/components/status.js +1534 -892
- package/js/common/marketing/large/light/components/table.d.ts +0 -6
- package/js/common/marketing/large/light/components/table.js +0 -66
- package/js/common/marketing/large/light/mode.d.ts +7 -12
- package/js/common/marketing/large/light/mode.js +400 -114
- package/js/common/marketing/small/dark/components/container.d.ts +4 -0
- package/js/common/marketing/small/dark/components/container.js +82 -8
- package/js/common/marketing/small/dark/components/logo.d.ts +0 -7
- package/js/common/marketing/small/dark/components/logo.js +1 -70
- package/js/common/marketing/small/dark/components/status.d.ts +103 -60
- package/js/common/marketing/small/dark/components/status.js +1534 -892
- package/js/common/marketing/small/dark/components/table.d.ts +0 -6
- package/js/common/marketing/small/dark/components/table.js +0 -66
- package/js/common/marketing/small/dark/mode.d.ts +7 -12
- package/js/common/marketing/small/dark/mode.js +305 -169
- package/js/common/marketing/small/light/components/container.d.ts +4 -0
- package/js/common/marketing/small/light/components/container.js +82 -8
- package/js/common/marketing/small/light/components/logo.d.ts +0 -7
- package/js/common/marketing/small/light/components/logo.js +1 -70
- package/js/common/marketing/small/light/components/status.d.ts +103 -60
- package/js/common/marketing/small/light/components/status.js +1534 -892
- package/js/common/marketing/small/light/components/table.d.ts +0 -6
- package/js/common/marketing/small/light/components/table.js +0 -66
- package/js/common/marketing/small/light/mode.d.ts +7 -12
- package/js/common/marketing/small/light/mode.js +400 -114
- package/js/common/product/large/dark/components/container.d.ts +4 -0
- package/js/common/product/large/dark/components/container.js +80 -6
- package/js/common/product/large/dark/components/logo.d.ts +0 -7
- package/js/common/product/large/dark/components/logo.js +1 -70
- package/js/common/product/large/dark/components/status.d.ts +103 -60
- package/js/common/product/large/dark/components/status.js +1534 -892
- package/js/common/product/large/dark/components/table.d.ts +0 -6
- package/js/common/product/large/dark/components/table.js +0 -66
- package/js/common/product/large/dark/mode.d.ts +7 -12
- package/js/common/product/large/dark/mode.js +305 -169
- package/js/common/product/large/light/components/container.d.ts +4 -0
- package/js/common/product/large/light/components/container.js +80 -6
- package/js/common/product/large/light/components/logo.d.ts +0 -7
- package/js/common/product/large/light/components/logo.js +1 -70
- package/js/common/product/large/light/components/status.d.ts +103 -60
- package/js/common/product/large/light/components/status.js +1534 -892
- package/js/common/product/large/light/components/table.d.ts +0 -6
- package/js/common/product/large/light/components/table.js +0 -66
- package/js/common/product/large/light/mode.d.ts +7 -12
- package/js/common/product/large/light/mode.js +400 -114
- package/js/common/product/small/dark/components/container.d.ts +4 -0
- package/js/common/product/small/dark/components/container.js +82 -8
- package/js/common/product/small/dark/components/logo.d.ts +0 -7
- package/js/common/product/small/dark/components/logo.js +1 -70
- package/js/common/product/small/dark/components/status.d.ts +103 -60
- package/js/common/product/small/dark/components/status.js +1534 -892
- package/js/common/product/small/dark/components/table.d.ts +0 -6
- package/js/common/product/small/dark/components/table.js +0 -66
- package/js/common/product/small/dark/mode.d.ts +7 -12
- package/js/common/product/small/dark/mode.js +305 -169
- package/js/common/product/small/light/components/container.d.ts +4 -0
- package/js/common/product/small/light/components/container.js +82 -8
- package/js/common/product/small/light/components/logo.d.ts +0 -7
- package/js/common/product/small/light/components/logo.js +1 -70
- package/js/common/product/small/light/components/status.d.ts +103 -60
- package/js/common/product/small/light/components/status.js +1534 -892
- package/js/common/product/small/light/components/table.d.ts +0 -6
- package/js/common/product/small/light/components/table.js +0 -66
- package/js/common/product/small/light/mode.d.ts +7 -12
- package/js/common/product/small/light/mode.js +400 -114
- package/js/es6/frozenproduct/large/dark/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/large/dark/components/container.js +3 -1
- package/js/es6/frozenproduct/large/dark/components/logo.d.ts +0 -5
- package/js/es6/frozenproduct/large/dark/components/logo.js +0 -7
- package/js/es6/frozenproduct/large/dark/components/status.d.ts +84 -60
- package/js/es6/frozenproduct/large/dark/components/status.js +67 -48
- package/js/es6/frozenproduct/large/dark/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/large/dark/components/table.js +0 -2
- package/js/es6/frozenproduct/large/dark/mode.d.ts +11 -11
- package/js/es6/frozenproduct/large/dark/mode.js +7 -12
- package/js/es6/frozenproduct/large/light/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/large/light/components/container.js +3 -1
- package/js/es6/frozenproduct/large/light/components/logo.d.ts +0 -5
- package/js/es6/frozenproduct/large/light/components/logo.js +0 -7
- package/js/es6/frozenproduct/large/light/components/status.d.ts +84 -60
- package/js/es6/frozenproduct/large/light/components/status.js +67 -48
- package/js/es6/frozenproduct/large/light/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/large/light/components/table.js +0 -2
- package/js/es6/frozenproduct/large/light/mode.d.ts +11 -11
- package/js/es6/frozenproduct/large/light/mode.js +7 -12
- package/js/es6/frozenproduct/small/dark/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/small/dark/components/container.js +4 -2
- package/js/es6/frozenproduct/small/dark/components/logo.d.ts +0 -5
- package/js/es6/frozenproduct/small/dark/components/logo.js +0 -7
- package/js/es6/frozenproduct/small/dark/components/status.d.ts +84 -60
- package/js/es6/frozenproduct/small/dark/components/status.js +67 -48
- package/js/es6/frozenproduct/small/dark/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/small/dark/components/table.js +0 -2
- package/js/es6/frozenproduct/small/dark/mode.d.ts +11 -11
- package/js/es6/frozenproduct/small/dark/mode.js +7 -12
- package/js/es6/frozenproduct/small/light/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/small/light/components/container.js +4 -2
- package/js/es6/frozenproduct/small/light/components/logo.d.ts +0 -5
- package/js/es6/frozenproduct/small/light/components/logo.js +0 -7
- package/js/es6/frozenproduct/small/light/components/status.d.ts +84 -60
- package/js/es6/frozenproduct/small/light/components/status.js +67 -48
- package/js/es6/frozenproduct/small/light/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/small/light/components/table.js +0 -2
- package/js/es6/frozenproduct/small/light/mode.d.ts +11 -11
- package/js/es6/frozenproduct/small/light/mode.js +7 -12
- package/js/es6/marketing/large/dark/components/container.d.ts +4 -0
- package/js/es6/marketing/large/dark/components/container.js +3 -1
- package/js/es6/marketing/large/dark/components/logo.d.ts +0 -5
- package/js/es6/marketing/large/dark/components/logo.js +0 -7
- package/js/es6/marketing/large/dark/components/status.d.ts +84 -60
- package/js/es6/marketing/large/dark/components/status.js +67 -48
- package/js/es6/marketing/large/dark/components/table.d.ts +0 -4
- package/js/es6/marketing/large/dark/components/table.js +0 -2
- package/js/es6/marketing/large/dark/mode.d.ts +11 -11
- package/js/es6/marketing/large/dark/mode.js +7 -12
- package/js/es6/marketing/large/light/components/container.d.ts +4 -0
- package/js/es6/marketing/large/light/components/container.js +3 -1
- package/js/es6/marketing/large/light/components/logo.d.ts +0 -5
- package/js/es6/marketing/large/light/components/logo.js +0 -7
- package/js/es6/marketing/large/light/components/status.d.ts +84 -60
- package/js/es6/marketing/large/light/components/status.js +67 -48
- package/js/es6/marketing/large/light/components/table.d.ts +0 -4
- package/js/es6/marketing/large/light/components/table.js +0 -2
- package/js/es6/marketing/large/light/mode.d.ts +11 -11
- package/js/es6/marketing/large/light/mode.js +7 -12
- package/js/es6/marketing/small/dark/components/container.d.ts +4 -0
- package/js/es6/marketing/small/dark/components/container.js +4 -2
- package/js/es6/marketing/small/dark/components/logo.d.ts +0 -5
- package/js/es6/marketing/small/dark/components/logo.js +0 -7
- package/js/es6/marketing/small/dark/components/status.d.ts +84 -60
- package/js/es6/marketing/small/dark/components/status.js +67 -48
- package/js/es6/marketing/small/dark/components/table.d.ts +0 -4
- package/js/es6/marketing/small/dark/components/table.js +0 -2
- package/js/es6/marketing/small/dark/mode.d.ts +11 -11
- package/js/es6/marketing/small/dark/mode.js +7 -12
- package/js/es6/marketing/small/light/components/container.d.ts +4 -0
- package/js/es6/marketing/small/light/components/container.js +4 -2
- package/js/es6/marketing/small/light/components/logo.d.ts +0 -5
- package/js/es6/marketing/small/light/components/logo.js +0 -7
- package/js/es6/marketing/small/light/components/status.d.ts +84 -60
- package/js/es6/marketing/small/light/components/status.js +67 -48
- package/js/es6/marketing/small/light/components/table.d.ts +0 -4
- package/js/es6/marketing/small/light/components/table.js +0 -2
- package/js/es6/marketing/small/light/mode.d.ts +11 -11
- package/js/es6/marketing/small/light/mode.js +7 -12
- package/js/es6/product/large/dark/components/container.d.ts +4 -0
- package/js/es6/product/large/dark/components/container.js +3 -1
- package/js/es6/product/large/dark/components/logo.d.ts +0 -5
- package/js/es6/product/large/dark/components/logo.js +0 -7
- package/js/es6/product/large/dark/components/status.d.ts +84 -60
- package/js/es6/product/large/dark/components/status.js +67 -48
- package/js/es6/product/large/dark/components/table.d.ts +0 -4
- package/js/es6/product/large/dark/components/table.js +0 -2
- package/js/es6/product/large/dark/mode.d.ts +11 -11
- package/js/es6/product/large/dark/mode.js +7 -12
- package/js/es6/product/large/light/components/container.d.ts +4 -0
- package/js/es6/product/large/light/components/container.js +3 -1
- package/js/es6/product/large/light/components/logo.d.ts +0 -5
- package/js/es6/product/large/light/components/logo.js +0 -7
- package/js/es6/product/large/light/components/status.d.ts +84 -60
- package/js/es6/product/large/light/components/status.js +67 -48
- package/js/es6/product/large/light/components/table.d.ts +0 -4
- package/js/es6/product/large/light/components/table.js +0 -2
- package/js/es6/product/large/light/mode.d.ts +11 -11
- package/js/es6/product/large/light/mode.js +7 -12
- package/js/es6/product/small/dark/components/container.d.ts +4 -0
- package/js/es6/product/small/dark/components/container.js +4 -2
- package/js/es6/product/small/dark/components/logo.d.ts +0 -5
- package/js/es6/product/small/dark/components/logo.js +0 -7
- package/js/es6/product/small/dark/components/status.d.ts +84 -60
- package/js/es6/product/small/dark/components/status.js +67 -48
- package/js/es6/product/small/dark/components/table.d.ts +0 -4
- package/js/es6/product/small/dark/components/table.js +0 -2
- package/js/es6/product/small/dark/mode.d.ts +11 -11
- package/js/es6/product/small/dark/mode.js +7 -12
- package/js/es6/product/small/light/components/container.d.ts +4 -0
- package/js/es6/product/small/light/components/container.js +4 -2
- package/js/es6/product/small/light/components/logo.d.ts +0 -5
- package/js/es6/product/small/light/components/logo.js +0 -7
- package/js/es6/product/small/light/components/status.d.ts +84 -60
- package/js/es6/product/small/light/components/status.js +67 -48
- package/js/es6/product/small/light/components/table.d.ts +0 -4
- package/js/es6/product/small/light/components/table.js +0 -2
- package/js/es6/product/small/light/mode.d.ts +11 -11
- package/js/es6/product/small/light/mode.js +7 -12
- package/js/umd/frozenproduct/large/dark/components/container.js +81 -6
- package/js/umd/frozenproduct/large/dark/components/logo.js +1 -70
- package/js/umd/frozenproduct/large/dark/components/status.js +1554 -883
- package/js/umd/frozenproduct/large/dark/components/table.js +0 -66
- package/js/umd/frozenproduct/large/dark/mode.js +292 -170
- package/js/umd/frozenproduct/large/light/components/container.js +81 -6
- package/js/umd/frozenproduct/large/light/components/logo.js +1 -70
- package/js/umd/frozenproduct/large/light/components/status.js +1554 -883
- package/js/umd/frozenproduct/large/light/components/table.js +0 -66
- package/js/umd/frozenproduct/large/light/mode.js +387 -115
- package/js/umd/frozenproduct/small/dark/components/container.js +83 -8
- package/js/umd/frozenproduct/small/dark/components/logo.js +1 -70
- package/js/umd/frozenproduct/small/dark/components/status.js +1554 -883
- package/js/umd/frozenproduct/small/dark/components/table.js +0 -66
- package/js/umd/frozenproduct/small/dark/mode.js +292 -170
- package/js/umd/frozenproduct/small/light/components/container.js +83 -8
- package/js/umd/frozenproduct/small/light/components/logo.js +1 -70
- package/js/umd/frozenproduct/small/light/components/status.js +1554 -883
- package/js/umd/frozenproduct/small/light/components/table.js +0 -66
- package/js/umd/frozenproduct/small/light/mode.js +387 -115
- package/js/umd/marketing/large/dark/components/container.js +81 -6
- package/js/umd/marketing/large/dark/components/logo.js +1 -70
- package/js/umd/marketing/large/dark/components/status.js +1554 -883
- package/js/umd/marketing/large/dark/components/table.js +0 -66
- package/js/umd/marketing/large/dark/mode.js +292 -170
- package/js/umd/marketing/large/light/components/container.js +81 -6
- package/js/umd/marketing/large/light/components/logo.js +1 -70
- package/js/umd/marketing/large/light/components/status.js +1554 -883
- package/js/umd/marketing/large/light/components/table.js +0 -66
- package/js/umd/marketing/large/light/mode.js +387 -115
- package/js/umd/marketing/small/dark/components/container.js +83 -8
- package/js/umd/marketing/small/dark/components/logo.js +1 -70
- package/js/umd/marketing/small/dark/components/status.js +1554 -883
- package/js/umd/marketing/small/dark/components/table.js +0 -66
- package/js/umd/marketing/small/dark/mode.js +292 -170
- package/js/umd/marketing/small/light/components/container.js +83 -8
- package/js/umd/marketing/small/light/components/logo.js +1 -70
- package/js/umd/marketing/small/light/components/status.js +1554 -883
- package/js/umd/marketing/small/light/components/table.js +0 -66
- package/js/umd/marketing/small/light/mode.js +387 -115
- package/js/umd/product/large/dark/components/container.js +81 -6
- package/js/umd/product/large/dark/components/logo.js +1 -70
- package/js/umd/product/large/dark/components/status.js +1554 -883
- package/js/umd/product/large/dark/components/table.js +0 -66
- package/js/umd/product/large/dark/mode.js +292 -170
- package/js/umd/product/large/light/components/container.js +81 -6
- package/js/umd/product/large/light/components/logo.js +1 -70
- package/js/umd/product/large/light/components/status.js +1554 -883
- package/js/umd/product/large/light/components/table.js +0 -66
- package/js/umd/product/large/light/mode.js +387 -115
- package/js/umd/product/small/dark/components/container.js +83 -8
- package/js/umd/product/small/dark/components/logo.js +1 -70
- package/js/umd/product/small/dark/components/status.js +1554 -883
- package/js/umd/product/small/dark/components/table.js +0 -66
- package/js/umd/product/small/dark/mode.js +292 -170
- package/js/umd/product/small/light/components/container.js +83 -8
- package/js/umd/product/small/light/components/logo.js +1 -70
- package/js/umd/product/small/light/components/status.js +1554 -883
- package/js/umd/product/small/light/components/table.js +0 -66
- package/js/umd/product/small/light/mode.js +387 -115
- package/json/flat/frozenproduct/large/dark/components/container.json +3 -1
- package/json/flat/frozenproduct/large/dark/components/logo.json +0 -5
- package/json/flat/frozenproduct/large/dark/components/status.json +67 -48
- package/json/flat/frozenproduct/large/dark/components/table.json +0 -2
- package/json/flat/frozenproduct/large/dark/mode.json +7 -10
- package/json/flat/frozenproduct/large/light/components/container.json +3 -1
- package/json/flat/frozenproduct/large/light/components/logo.json +0 -5
- package/json/flat/frozenproduct/large/light/components/status.json +67 -48
- package/json/flat/frozenproduct/large/light/components/table.json +0 -2
- package/json/flat/frozenproduct/large/light/mode.json +7 -10
- package/json/flat/frozenproduct/small/dark/components/container.json +4 -2
- package/json/flat/frozenproduct/small/dark/components/logo.json +0 -5
- package/json/flat/frozenproduct/small/dark/components/status.json +67 -48
- package/json/flat/frozenproduct/small/dark/components/table.json +0 -2
- package/json/flat/frozenproduct/small/dark/mode.json +7 -10
- package/json/flat/frozenproduct/small/light/components/container.json +4 -2
- package/json/flat/frozenproduct/small/light/components/logo.json +0 -5
- package/json/flat/frozenproduct/small/light/components/status.json +67 -48
- package/json/flat/frozenproduct/small/light/components/table.json +0 -2
- package/json/flat/frozenproduct/small/light/mode.json +7 -10
- package/json/flat/marketing/large/dark/components/container.json +3 -1
- package/json/flat/marketing/large/dark/components/logo.json +0 -5
- package/json/flat/marketing/large/dark/components/status.json +67 -48
- package/json/flat/marketing/large/dark/components/table.json +0 -2
- package/json/flat/marketing/large/dark/mode.json +7 -10
- package/json/flat/marketing/large/light/components/container.json +3 -1
- package/json/flat/marketing/large/light/components/logo.json +0 -5
- package/json/flat/marketing/large/light/components/status.json +67 -48
- package/json/flat/marketing/large/light/components/table.json +0 -2
- package/json/flat/marketing/large/light/mode.json +7 -10
- package/json/flat/marketing/small/dark/components/container.json +4 -2
- package/json/flat/marketing/small/dark/components/logo.json +0 -5
- package/json/flat/marketing/small/dark/components/status.json +67 -48
- package/json/flat/marketing/small/dark/components/table.json +0 -2
- package/json/flat/marketing/small/dark/mode.json +7 -10
- package/json/flat/marketing/small/light/components/container.json +4 -2
- package/json/flat/marketing/small/light/components/logo.json +0 -5
- package/json/flat/marketing/small/light/components/status.json +67 -48
- package/json/flat/marketing/small/light/components/table.json +0 -2
- package/json/flat/marketing/small/light/mode.json +7 -10
- package/json/flat/product/large/dark/components/container.json +3 -1
- package/json/flat/product/large/dark/components/logo.json +0 -5
- package/json/flat/product/large/dark/components/status.json +67 -48
- package/json/flat/product/large/dark/components/table.json +0 -2
- package/json/flat/product/large/dark/mode.json +7 -10
- package/json/flat/product/large/light/components/container.json +3 -1
- package/json/flat/product/large/light/components/logo.json +0 -5
- package/json/flat/product/large/light/components/status.json +67 -48
- package/json/flat/product/large/light/components/table.json +0 -2
- package/json/flat/product/large/light/mode.json +7 -10
- package/json/flat/product/small/dark/components/container.json +4 -2
- package/json/flat/product/small/dark/components/logo.json +0 -5
- package/json/flat/product/small/dark/components/status.json +67 -48
- package/json/flat/product/small/dark/components/table.json +0 -2
- package/json/flat/product/small/dark/mode.json +7 -10
- package/json/flat/product/small/light/components/container.json +4 -2
- package/json/flat/product/small/light/components/logo.json +0 -5
- package/json/flat/product/small/light/components/status.json +67 -48
- package/json/flat/product/small/light/components/table.json +0 -2
- package/json/flat/product/small/light/mode.json +7 -10
- package/json/nested/frozenproduct/large/dark/components/container.json +4 -0
- package/json/nested/frozenproduct/large/dark/components/logo.json +0 -7
- package/json/nested/frozenproduct/large/dark/components/status.json +103 -60
- package/json/nested/frozenproduct/large/dark/components/table.json +0 -6
- package/json/nested/frozenproduct/large/dark/mode.json +10 -15
- package/json/nested/frozenproduct/large/light/components/container.json +4 -0
- package/json/nested/frozenproduct/large/light/components/logo.json +0 -7
- package/json/nested/frozenproduct/large/light/components/status.json +103 -60
- package/json/nested/frozenproduct/large/light/components/table.json +0 -6
- package/json/nested/frozenproduct/large/light/mode.json +10 -15
- package/json/nested/frozenproduct/small/dark/components/container.json +6 -2
- package/json/nested/frozenproduct/small/dark/components/logo.json +0 -7
- package/json/nested/frozenproduct/small/dark/components/status.json +103 -60
- package/json/nested/frozenproduct/small/dark/components/table.json +0 -6
- package/json/nested/frozenproduct/small/dark/mode.json +10 -15
- package/json/nested/frozenproduct/small/light/components/container.json +6 -2
- package/json/nested/frozenproduct/small/light/components/logo.json +0 -7
- package/json/nested/frozenproduct/small/light/components/status.json +103 -60
- package/json/nested/frozenproduct/small/light/components/table.json +0 -6
- package/json/nested/frozenproduct/small/light/mode.json +10 -15
- package/json/nested/marketing/large/dark/components/container.json +4 -0
- package/json/nested/marketing/large/dark/components/logo.json +0 -7
- package/json/nested/marketing/large/dark/components/status.json +103 -60
- package/json/nested/marketing/large/dark/components/table.json +0 -6
- package/json/nested/marketing/large/dark/mode.json +10 -15
- package/json/nested/marketing/large/light/components/container.json +4 -0
- package/json/nested/marketing/large/light/components/logo.json +0 -7
- package/json/nested/marketing/large/light/components/status.json +103 -60
- package/json/nested/marketing/large/light/components/table.json +0 -6
- package/json/nested/marketing/large/light/mode.json +10 -15
- package/json/nested/marketing/small/dark/components/container.json +6 -2
- package/json/nested/marketing/small/dark/components/logo.json +0 -7
- package/json/nested/marketing/small/dark/components/status.json +103 -60
- package/json/nested/marketing/small/dark/components/table.json +0 -6
- package/json/nested/marketing/small/dark/mode.json +10 -15
- package/json/nested/marketing/small/light/components/container.json +6 -2
- package/json/nested/marketing/small/light/components/logo.json +0 -7
- package/json/nested/marketing/small/light/components/status.json +103 -60
- package/json/nested/marketing/small/light/components/table.json +0 -6
- package/json/nested/marketing/small/light/mode.json +10 -15
- package/json/nested/product/large/dark/components/container.json +4 -0
- package/json/nested/product/large/dark/components/logo.json +0 -7
- package/json/nested/product/large/dark/components/status.json +103 -60
- package/json/nested/product/large/dark/components/table.json +0 -6
- package/json/nested/product/large/dark/mode.json +10 -15
- package/json/nested/product/large/light/components/container.json +4 -0
- package/json/nested/product/large/light/components/logo.json +0 -7
- package/json/nested/product/large/light/components/status.json +103 -60
- package/json/nested/product/large/light/components/table.json +0 -6
- package/json/nested/product/large/light/mode.json +10 -15
- package/json/nested/product/small/dark/components/container.json +6 -2
- package/json/nested/product/small/dark/components/logo.json +0 -7
- package/json/nested/product/small/dark/components/status.json +103 -60
- package/json/nested/product/small/dark/components/table.json +0 -6
- package/json/nested/product/small/dark/mode.json +10 -15
- package/json/nested/product/small/light/components/container.json +6 -2
- package/json/nested/product/small/light/components/logo.json +0 -7
- package/json/nested/product/small/light/components/status.json +103 -60
- package/json/nested/product/small/light/components/table.json +0 -6
- package/json/nested/product/small/light/mode.json +10 -15
- package/package.json +1 -1
- package/sage-design-tokens-7.0.0.tgz +0 -0
- package/scss/frozenproduct/large/components/button.scss +22 -22
- package/scss/frozenproduct/large/components/container.scss +13 -11
- package/scss/frozenproduct/large/components/form.scss +7 -7
- package/scss/frozenproduct/large/components/link.scss +2 -2
- package/scss/frozenproduct/large/components/logo.scss +1 -6
- package/scss/frozenproduct/large/components/nav.scss +3 -3
- 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 +6 -6
- package/scss/frozenproduct/large/components/status.scss +67 -48
- package/scss/frozenproduct/large/components/tab.scss +7 -7
- package/scss/frozenproduct/large/components/table.scss +11 -13
- package/scss/frozenproduct/large/dark.scss +7 -10
- package/scss/frozenproduct/large/light.scss +7 -10
- package/scss/frozenproduct/small/components/button.scss +22 -22
- package/scss/frozenproduct/small/components/container.scss +13 -11
- package/scss/frozenproduct/small/components/form.scss +7 -7
- package/scss/frozenproduct/small/components/link.scss +2 -2
- package/scss/frozenproduct/small/components/logo.scss +1 -6
- package/scss/frozenproduct/small/components/nav.scss +3 -3
- 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 +6 -6
- package/scss/frozenproduct/small/components/status.scss +67 -48
- package/scss/frozenproduct/small/components/tab.scss +7 -7
- package/scss/frozenproduct/small/components/table.scss +11 -13
- package/scss/frozenproduct/small/dark.scss +7 -10
- package/scss/frozenproduct/small/light.scss +7 -10
- package/scss/marketing/large/components/button.scss +22 -22
- package/scss/marketing/large/components/container.scss +13 -11
- package/scss/marketing/large/components/form.scss +7 -7
- package/scss/marketing/large/components/link.scss +2 -2
- package/scss/marketing/large/components/logo.scss +1 -6
- package/scss/marketing/large/components/nav.scss +3 -3
- 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 +6 -6
- package/scss/marketing/large/components/status.scss +67 -48
- package/scss/marketing/large/components/tab.scss +7 -7
- package/scss/marketing/large/components/table.scss +11 -13
- package/scss/marketing/large/dark.scss +7 -10
- package/scss/marketing/large/light.scss +7 -10
- package/scss/marketing/small/components/container.scss +4 -2
- package/scss/marketing/small/components/logo.scss +1 -6
- package/scss/marketing/small/components/status.scss +67 -48
- package/scss/marketing/small/components/table.scss +0 -2
- package/scss/marketing/small/dark.scss +7 -10
- package/scss/marketing/small/light.scss +7 -10
- package/scss/product/large/components/button.scss +22 -22
- package/scss/product/large/components/container.scss +13 -11
- package/scss/product/large/components/form.scss +7 -7
- package/scss/product/large/components/link.scss +2 -2
- package/scss/product/large/components/logo.scss +1 -6
- package/scss/product/large/components/nav.scss +3 -3
- package/scss/product/large/components/page.scss +1 -1
- package/scss/product/large/components/popover.scss +2 -2
- package/scss/product/large/components/progress.scss +6 -6
- package/scss/product/large/components/status.scss +67 -48
- package/scss/product/large/components/tab.scss +7 -7
- package/scss/product/large/components/table.scss +11 -13
- package/scss/product/large/dark.scss +7 -10
- package/scss/product/large/light.scss +7 -10
- package/scss/product/small/components/container.scss +4 -2
- package/scss/product/small/components/logo.scss +1 -6
- package/scss/product/small/components/status.scss +67 -48
- package/scss/product/small/components/table.scss +0 -2
- package/scss/product/small/dark.scss +7 -10
- package/scss/product/small/light.scss +7 -10
- package/sage-design-tokens-5.3.0.tgz +0 -0
|
@@ -12,15 +12,20 @@ $container-radius-blockquote-bar: $global-radius-circle; // radius for blockquot
|
|
|
12
12
|
$container-radius-scrollbar: $global-radius-circle; // Scrollbar
|
|
13
13
|
$container-opacity-carousel-hidden: $modes-color-modifiers-input-disabled-fg; // opacity applied to next and previous carousel slides
|
|
14
14
|
$container-color-standard-bg-default: $modes-color-generic-bg-nought;
|
|
15
|
+
$container-color-standard-border-active: $modes-color-interactive-monochrome-generic-active;
|
|
15
16
|
$container-color-ai-borderhorizontal: $modes-color-status-ai-default-horizontal; // top and bottom border for AI dialog component
|
|
16
17
|
$container-color-ai-bordervertical: $modes-color-status-ai-default-vertical; // left and right border for dialog and insight bubbles.
|
|
17
18
|
$container-color-ai-nudge-border-ai-horizontal: $modes-color-status-ai-default-horizontal; // top and bottom border for AI nudge message component
|
|
18
19
|
$container-color-ai-nudge-border-ai-vertical: $modes-color-status-ai-default-vertical; // left and right border for AI nudge message component
|
|
19
20
|
$container-color-interactive-detailedicon-bg: $modes-color-custom-default; //
|
|
20
21
|
$container-color-interactive-bg-footer-activated: $modes-color-status-positive-default; //
|
|
22
|
+
$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-generic-active;
|
|
21
23
|
$container-color-interactive-border-activated: $modes-color-status-positive-default;
|
|
22
24
|
$container-color-interactive-bg-footer-default: $modes-color-generic-bg-nought; // tile footer bg color
|
|
23
25
|
$container-color-interactive-bg-enabled: $modes-color-generic-bg-nought;
|
|
26
|
+
$container-color-interactive-border-active: $modes-color-interactive-monochrome-generic-active;
|
|
27
|
+
$container-color-interactive-icon-active: $modes-color-interactive-monochrome-generic-active; // Active chevron for any accordion.
|
|
28
|
+
$container-color-interactive-text-active: $modes-color-interactive-monochrome-generic-active; // Active label for any accordion.
|
|
24
29
|
$container-typography-adaptive-heading-m: $global-typography-adaptive-heading-s; // Accordion, Subscription tile, Tile select and generic tile or card headings
|
|
25
30
|
$container-typography-adaptive-heading-l: $global-typography-adaptive-heading-m; // Dialog, drawer and sidebar headings
|
|
26
31
|
$container-typography-adaptive-subheading-m: $global-typography-adaptive-subheading-m; // Accordion subheading, Step flow subheading, tile select subheading, dialog, drawer and sidebar subheading
|
|
@@ -41,18 +46,17 @@ $container-typography-responsive-paragraph-m: $global-typography-responsive-comp
|
|
|
41
46
|
$container-typography-responsive-paragraph-l: $global-typography-responsive-component-moderate-l;
|
|
42
47
|
$container-color-standard-bg-alt: $modes-color-generic-bg-faint;
|
|
43
48
|
$container-color-standard-bg-footer-default: $modes-color-generic-bg-faint; // tile footer bg color
|
|
44
|
-
$container-color-standard-border-active: $modes-color-interactive-monochrome-generic-active;
|
|
45
49
|
$container-color-standard-dimmer: $modes-color-interactive-inactive-mask; // dimmed mask for dialogs
|
|
46
50
|
$container-color-standard-text-alt: $modes-color-generic-content-moderate; // for subheadings etc
|
|
47
51
|
$container-color-standard-text-default: $modes-color-generic-content-harsh; // for headings, paragraph text etc
|
|
48
52
|
$container-color-scrollbar-bg-default: $modes-color-generic-bg-faint;
|
|
49
|
-
$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-generic-active;
|
|
50
53
|
$container-color-interactive-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt; // Used for accordion hover backgrounds
|
|
51
|
-
$container-color-interactive-
|
|
52
|
-
$container-color-interactive-icon-
|
|
53
|
-
$container-color-interactive-
|
|
54
|
+
$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-generic-default; // Enabled chevron for any accordion.
|
|
55
|
+
$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-generic-default-alt; // Enabled label for subtle accordion.
|
|
56
|
+
$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-generic-default; // Hover chevron for any accordion.
|
|
54
57
|
$container-color-interactive-text-enabled: $modes-color-generic-content-harsh; // Enabled label for standard accordion.
|
|
55
58
|
$container-color-interactive-text-alt-enabled: $modes-color-generic-content-moderate; // Enabled label for subtle accordion.
|
|
59
|
+
$container-color-interactive-text-hover: $modes-color-interactive-monochrome-generic-default; // Hover label for any accordion.
|
|
56
60
|
$container-color-blockquote-border: $modes-color-interactive-primary-default;
|
|
57
61
|
$container-boxshadow-card-enabled: $global-boxshadow-interactive-enabled; // Card (enabled)
|
|
58
62
|
$container-boxshadow-card-hover: $global-boxshadow-interactive-hover; // Card (hover state)
|
|
@@ -72,13 +76,9 @@ $container-color-interactive-bg-disabled: $modes-color-interactive-inactive-defa
|
|
|
72
76
|
$container-color-interactive-border-alt: $modes-color-generic-fg-delicate; // Link preview.
|
|
73
77
|
$container-color-interactive-border-inactive: $modes-color-generic-fg-soft;
|
|
74
78
|
$container-color-interactive-border-enabled: $modes-color-generic-fg-moderate;
|
|
75
|
-
$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-generic-default; // Enabled chevron for any accordion.
|
|
76
|
-
$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-generic-default-alt; // Enabled label for subtle accordion.
|
|
77
|
-
$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-generic-default; // Hover chevron for any accordion.
|
|
78
79
|
$container-color-interactive-label-footer-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
79
80
|
$container-color-interactive-label-footer-activated: $modes-color-interactive-monochrome-generic-with-active;
|
|
80
81
|
$container-color-interactive-text-disabled: $modes-color-interactive-inactive-content;
|
|
81
|
-
$container-color-interactive-text-hover: $modes-color-interactive-monochrome-generic-default; // Hover label for any accordion.
|
|
82
82
|
$container-size-none: $global-size-none;
|
|
83
83
|
$container-size-accordionstandard-chevron: $global-size-icon-m; // Accordion chevron container
|
|
84
84
|
$container-size-quotebar-width: $global-size-micro-m; // block quote bar width
|
|
@@ -217,9 +217,11 @@ $container-space-linkpreview-y-l: $global-space-macro-xs; // Content horizontal
|
|
|
217
217
|
$container-space-linkpreview-yg-s: $global-space-micro-s; // Content horizontal padding for small variant
|
|
218
218
|
$container-space-linkpreview-yg-m: $global-space-micro-l; // Content horizontal padding for medium variant
|
|
219
219
|
$container-space-linkpreview-yg-l: $global-space-micro-xxl; // Content horizontal padding for large variant
|
|
220
|
-
$container-space-pagination-xg-m: $global-space-
|
|
220
|
+
$container-space-pagination-xg-m: $global-space-macro-xxxs; // gap between elements in pagination
|
|
221
221
|
$container-space-pagination-xg-l: $global-space-macro-xs; // gap between page nav buttons in pagination
|
|
222
|
-
$container-space-pagination-y-m: $global-space-
|
|
222
|
+
$container-space-pagination-y-m: $global-space-macro-xxs; // top and bottom padding inside pagination
|
|
223
|
+
$container-space-pagination-y-l: $global-space-macro-xs; // external margin on top of floating pagination variant
|
|
224
|
+
$container-space-pagination-yg-m: $global-space-macro-xxxs; // gap between left and right pagination elements when stacked vertically on small screens
|
|
223
225
|
$container-space-pagination-x-m: $global-space-macro-xs; // left and right padding inside pagination
|
|
224
226
|
$container-space-scrollbar-y-inner: $global-space-micro-xxs; // top and bottom padding around scrollbar handle.
|
|
225
227
|
$container-space-scrollbar-y-outer: $global-space-micro-xs; // top and bottom padding inside scrollbar outer container
|
|
@@ -13,7 +13,10 @@ $form-radius-radio: $global-radius-circle; // Radio button
|
|
|
13
13
|
$form-radius-switch: $global-radius-circle; // Switch container and handle
|
|
14
14
|
$form-radius-calendar-none: $global-radius-none; // Calendar (start and end duration)
|
|
15
15
|
$form-radius-calendar-date: $global-radius-circle; // Calendar date (hover & selected),
|
|
16
|
+
$form-color-calendar-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
17
|
+
$form-color-calendar-border-duration: $modes-color-interactive-monochrome-generic-active;
|
|
16
18
|
$form-color-labelset-label-required: $modes-color-interactive-danger-default;
|
|
19
|
+
$form-color-switch-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
17
20
|
$form-color-validation-border-error: $modes-color-status-negative-default;
|
|
18
21
|
$form-color-validation-bar-error: $modes-color-status-negative-default; // error bar to left of inputs
|
|
19
22
|
$form-color-validation-bar-warning: $modes-color-status-caution-default; // warning bar to left of inputs
|
|
@@ -32,10 +35,10 @@ $form-typography-responsive-label-l: $global-typography-responsive-component-fir
|
|
|
32
35
|
$form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
|
|
33
36
|
$form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
|
|
34
37
|
$form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
|
|
35
|
-
$form-color-calendar-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
36
38
|
$form-color-calendar-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
|
|
37
|
-
$form-color-calendar-border-duration: $modes-color-interactive-monochrome-generic-active;
|
|
38
39
|
$form-color-calendar-text-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
40
|
+
$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-generic-default;
|
|
41
|
+
$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
39
42
|
$form-color-dropdown-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
40
43
|
$form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
|
|
41
44
|
$form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
|
|
@@ -44,8 +47,9 @@ $form-color-typical-icon-active: $modes-color-interactive-data-entry-with-active
|
|
|
44
47
|
$form-color-typical-icon-hover: $modes-color-interactive-data-entry-with-hover;
|
|
45
48
|
$form-color-typical-text-hover: $modes-color-interactive-data-entry-with-hover; // text hover state when dragging a file over file input
|
|
46
49
|
$form-color-typical-text-read-only: $modes-color-generic-content-harsh;
|
|
47
|
-
$form-color-switch-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
48
50
|
$form-color-switch-bg-enabled: $modes-color-interactive-data-entry-default; // for switch
|
|
51
|
+
$form-color-switch-border-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
|
|
52
|
+
$form-color-switch-fg-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
|
|
49
53
|
$form-space-none: $global-space-none;
|
|
50
54
|
$form-space-calendar-x-m: $global-space-macro-m;
|
|
51
55
|
$form-space-calendar-y-m: $global-space-macro-m;
|
|
@@ -218,9 +222,7 @@ $form-color-calendar-text-enabled: $modes-color-interactive-data-entry-content;
|
|
|
218
222
|
$form-color-calendar-text-alt-enabled: $modes-color-interactive-data-entry-content-alt;
|
|
219
223
|
$form-color-dropdown-bg-hover: $popover-color-bg-hover; // REF POPOVER
|
|
220
224
|
$form-color-dropdown-label-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
221
|
-
$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-generic-default;
|
|
222
225
|
$form-color-dropdown-label-disabled: $modes-color-interactive-inactive-content;
|
|
223
|
-
$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
224
226
|
$form-color-labelset-label-default: $modes-color-interactive-data-entry-content;
|
|
225
227
|
$form-color-labelset-label-alt: $modes-color-interactive-data-entry-content-alt; // used for '(optional)' text and hint text.
|
|
226
228
|
$form-color-labelset-label-disabled: $modes-color-interactive-inactive-content;
|
|
@@ -240,10 +242,8 @@ $form-color-typical-text-default: $modes-color-interactive-data-entry-content;
|
|
|
240
242
|
$form-color-typical-text-disabled: $modes-color-interactive-inactive-content;
|
|
241
243
|
$form-color-typical-text-enabled: $modes-color-interactive-data-entry-content; // Dropdown text (subtle dropdown).
|
|
242
244
|
$form-color-switch-bg-disabled: $modes-color-interactive-inactive-default-alt; // for switch
|
|
243
|
-
$form-color-switch-border-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
|
|
244
245
|
$form-color-switch-fg-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
245
246
|
$form-color-switch-fg-activedisabled: $modes-color-interactive-inactive-content-alt;
|
|
246
|
-
$form-color-switch-fg-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
|
|
247
247
|
$form-color-switch-label-active: $modes-color-interactive-data-entry-content;
|
|
248
248
|
$form-color-switch-label-enabled: $modes-color-interactive-data-entry-content-alt;
|
|
249
249
|
$form-color-switch-icon-enabled: $modes-color-interactive-data-entry-content-alt;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
|
+
$link-color-subtle-label-hover: $modes-color-interactive-monochrome-generic-active;
|
|
8
9
|
$link-typography-responsive-default-s: $global-typography-responsive-component-underlined-moderate-s; // Small Viewports: 14.81, Large Viewports: 13.79. Match token size to component size.
|
|
9
10
|
$link-typography-responsive-default-m: $global-typography-responsive-component-underlined-moderate-m; // Small Viewports: 16, Large Viewports: 16. Match token size to component size.
|
|
10
11
|
$link-typography-responsive-default-l: $global-typography-responsive-component-underlined-moderate-l; // Small Viewports: 17.28, Large Viewports: 18.56. Match token size to component size.
|
|
@@ -18,11 +19,10 @@ $link-typography-adaptive-heading-s: $global-typography-adaptive-component-under
|
|
|
18
19
|
$link-typography-adaptive-heading-m: $global-typography-adaptive-component-underlined-firm-m;
|
|
19
20
|
$link-typography-adaptive-heading-l: $global-typography-adaptive-component-underlined-firm-l;
|
|
20
21
|
$link-color-destructive-label-default: $modes-color-interactive-danger-default-alt; // .
|
|
21
|
-
$link-color-subtle-label-
|
|
22
|
+
$link-color-subtle-label-default: $modes-color-interactive-monochrome-generic-default;
|
|
22
23
|
$link-boxshadow-skiplink: $global-boxshadow-container-near;
|
|
23
24
|
$link-color-destructive-label-hover: $modes-color-interactive-danger-hover-alt2;
|
|
24
25
|
$link-color-typical-label-default: $modes-color-interactive-primary-default-alt;
|
|
25
|
-
$link-color-subtle-label-default: $modes-color-interactive-monochrome-generic-default;
|
|
26
26
|
$link-size-skiplink-m: $global-size-macro-m;
|
|
27
27
|
$link-size-icon-m: $global-size-icon-m;
|
|
28
28
|
$link-radius-link: $global-radius-interactive-xs; // Link (focus bg and bottom corners of focus underline)
|
|
@@ -6,16 +6,11 @@
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
8
|
$logo-size-ai-m: 14px; // AI star
|
|
9
|
-
$logo-color-copilot-with-bg-bg-s: $modes-color-brand-copilot-with-bg-s;
|
|
10
|
-
$logo-color-copilot-with-bg-bg-star: $modes-color-brand-copilot-with-bg-star;
|
|
11
9
|
$logo-color-sage-bg-default: $modes-color-brand-default; // sage logo
|
|
12
10
|
$logo-color-sage-bg-alt: $modes-color-brand-default-alt;
|
|
13
11
|
$logo-color-trust-bg-default: $modes-color-status-positive-default; // filled
|
|
14
12
|
$logo-color-trust-outline: $modes-color-generic-content-extreme;
|
|
15
|
-
$logo-color-copilot-no-bg-
|
|
16
|
-
$logo-color-copilot-no-bg-bg-star: $modes-color-brand-copilot-no-bg-star;
|
|
17
|
-
$logo-color-copilot-no-bg-fg-default: $modes-color-brand-copilot-no-bg-mono;
|
|
18
|
-
$logo-color-copilot-with-bg-bg-default: $modes-color-brand-copilot-with-bg-bg;
|
|
13
|
+
$logo-color-copilot-no-bg-fg-default: $modes-color-brand-copilot-no-bg-monochrome;
|
|
19
14
|
$logo-color-ai-identifier-bg-star: $modes-color-brand-copilot-ai-identifier-default; // star bg color
|
|
20
15
|
$logo-color-ai-identifier-bg-dot: $modes-color-brand-copilot-ai-identifier-with-default;
|
|
21
16
|
$logo-color-ai-identifier-outline: $modes-color-brand-copilot-ai-identifier-default; // star outline variant
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
8
|
$nav-color-bg-default: $modes-color-generic-bg-nought; // nav bar bg
|
|
9
|
+
$nav-color-item-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
9
10
|
$nav-color-item-bg-enabled: $modes-color-none;
|
|
10
11
|
$nav-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
|
|
11
12
|
$nav-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
|
|
@@ -19,18 +20,17 @@ $nav-typography-responsive-label-l: $global-typography-responsive-component-firm
|
|
|
19
20
|
$nav-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
|
|
20
21
|
$nav-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
|
|
21
22
|
$nav-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
|
|
22
|
-
$nav-color-item-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
23
23
|
$nav-color-item-bg-activealt: $modes-color-interactive-monochrome-generic-hover-alt;
|
|
24
24
|
$nav-color-item-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
|
|
25
25
|
$nav-color-item-label-activealt: $modes-color-interactive-monochrome-generic-with-hover;
|
|
26
|
+
$nav-color-item-label-enabled: $modes-color-interactive-monochrome-generic-default;
|
|
26
27
|
$nav-color-item-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
28
|
+
$nav-color-item-label-alt: $modes-color-interactive-monochrome-generic-default-alt;
|
|
27
29
|
$nav-color-menu-bg-default: $modes-color-generic-bg-faint; // menu (level 1) nav bg
|
|
28
30
|
$nav-color-menu-bg-alt: $modes-color-generic-bg-delicate; // level 2 nav bg
|
|
29
31
|
$nav-color-menu-bg-alt2: $modes-color-generic-bg-soft; // level 3 nav bg
|
|
30
32
|
$nav-boxshadow-menu: $global-boxshadow-cleanedge-near; // Menu
|
|
31
33
|
$nav-color-item-label-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
32
|
-
$nav-color-item-label-enabled: $modes-color-interactive-monochrome-generic-default;
|
|
33
|
-
$nav-color-item-label-alt: $modes-color-interactive-monochrome-generic-default-alt;
|
|
34
34
|
$nav-color-menu-border-default: $modes-color-generic-fg-delicate; // level 1 border
|
|
35
35
|
$nav-radius-menu: $global-radius-interactive-m; // Drop list bottom corners, product popout list all corners
|
|
36
36
|
$nav-radius-menuitem: $global-radius-interactive-s; // Menu (menu item state bg shape),
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
8
|
$page-color-bg-default: $modes-color-generic-backdrop-nought;
|
|
9
|
+
$page-color-bg-alt: $modes-color-generic-backdrop-faint;
|
|
9
10
|
$page-typography-responsive-h1: $global-typography-responsive-heading-l;
|
|
10
11
|
$page-typography-responsive-h2: $global-typography-responsive-heading-m;
|
|
11
12
|
$page-typography-responsive-h3: $global-typography-responsive-heading-s;
|
|
@@ -20,7 +21,6 @@ $page-typography-adaptive-h4: $global-typography-adaptive-subheading-l;
|
|
|
20
21
|
$page-typography-adaptive-h5: $global-typography-adaptive-subheading-m;
|
|
21
22
|
$page-typography-adaptive-p-typical: $global-typography-adaptive-body-s;
|
|
22
23
|
$page-typography-adaptive-p-large: $global-typography-adaptive-body-s;
|
|
23
|
-
$page-color-bg-alt: $modes-color-generic-backdrop-faint;
|
|
24
24
|
$page-color-text-alt: $modes-color-generic-content-moderate; // for subheadings etc
|
|
25
25
|
$page-color-text-default: $modes-color-generic-content-harsh; // for headings, paragraph text etc
|
|
26
26
|
$page-space-none: $global-space-none;
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
8
|
$popover-radius-none: $global-radius-none; // Navigation menu top corners
|
|
9
|
+
$popover-color-bg-active: $modes-color-interactive-monochrome-generic-active; // previously action minor 850
|
|
9
10
|
$popover-color-bg-default: $modes-color-generic-bg-nought; // REF'D IN FORM. Popover container bg
|
|
10
11
|
$popover-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
|
|
11
12
|
$popover-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
|
|
@@ -20,11 +21,11 @@ $popover-typography-responsive-default-s: $global-typography-responsive-componen
|
|
|
20
21
|
$popover-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
|
|
21
22
|
$popover-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
|
|
22
23
|
$popover-boxshadow-container: $global-boxshadow-container-near; // REF'D IN FORM. Popover container for Button popover, Button split, (and Form calendar, color picker, dropdown)
|
|
23
|
-
$popover-color-bg-active: $modes-color-interactive-monochrome-generic-active; // previously action minor 850
|
|
24
24
|
$popover-color-bg-activealt: $modes-color-interactive-monochrome-generic-hover-alt; // REF'D IN FORM.
|
|
25
25
|
$popover-color-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt; // REF'D IN FORM.
|
|
26
26
|
$popover-color-label-activealt: $modes-color-interactive-monochrome-generic-with-hover;
|
|
27
27
|
$popover-color-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
28
|
+
$popover-color-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
28
29
|
$popover-color-submenu-bg-default: $modes-color-generic-bg-faint; // popover small screen submenu container bg
|
|
29
30
|
$popover-size-icon-m: $global-size-icon-m;
|
|
30
31
|
$popover-size-item-s: $global-size-macro-s; // REF'D IN FORM. Menu item min height.
|
|
@@ -52,4 +53,3 @@ $popover-space-submenu-x-m: $global-space-macro-xs; // Right left padding on sma
|
|
|
52
53
|
$popover-space-submenu-x-l: $global-space-macro-xs; // Right left padding on small screen submenu popover container.
|
|
53
54
|
$popover-color-label-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
54
55
|
$popover-color-label-disabled: $modes-color-interactive-inactive-content;
|
|
55
|
-
$popover-color-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
@@ -25,13 +25,19 @@ $progress-radius-skeleton-circle: $global-radius-circle; // Used to represent ci
|
|
|
25
25
|
$progress-color-fg-ai: $modes-color-interactive-ai-default; // For progress ring in ai buttons
|
|
26
26
|
$progress-color-fg-alt: $modes-color-status-positive-default;
|
|
27
27
|
$progress-color-fg-caution: $modes-color-status-caution-default;
|
|
28
|
+
$progress-color-fg-default: $modes-color-interactive-monochrome-generic-active;
|
|
28
29
|
$progress-color-fg-error: $modes-color-status-negative-default;
|
|
29
30
|
$progress-color-fg-info: $modes-color-status-info-default;
|
|
30
31
|
$progress-color-datavis-fg-default: $modes-color-status-generic-default;
|
|
32
|
+
$progress-color-loader-fg-default: $modes-color-interactive-monochrome-generic-active; // used for loader standard loader spinner
|
|
31
33
|
$progress-color-loader-fg-error: $modes-color-status-negative-default;
|
|
32
34
|
$progress-color-loader-fg-complete: $modes-color-status-positive-default;
|
|
35
|
+
$progress-color-stepflow-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
33
36
|
$progress-color-stepflow-bg-complete: $modes-color-status-positive-default;
|
|
37
|
+
$progress-color-stepflow-border-active-outer: $modes-color-interactive-monochrome-generic-active;
|
|
38
|
+
$progress-color-stepindicator-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
34
39
|
$progress-color-stepindicator-bg-complete: $modes-color-status-positive-default;
|
|
40
|
+
$progress-color-stepindicator-border-active-outer: $modes-color-interactive-monochrome-generic-active;
|
|
35
41
|
$progress-color-stepindicator-border-success: $modes-color-status-positive-default;
|
|
36
42
|
$progress-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
|
|
37
43
|
$progress-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
|
|
@@ -47,20 +53,14 @@ $progress-typography-responsive-default-m: $global-typography-responsive-compone
|
|
|
47
53
|
$progress-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
|
|
48
54
|
$progress-color-bg-default: $modes-color-interactive-progress-bg;
|
|
49
55
|
$progress-color-fg-alt2: $modes-color-generic-content-firm;
|
|
50
|
-
$progress-color-fg-default: $modes-color-interactive-monochrome-generic-active;
|
|
51
56
|
$progress-color-label-alt: $modes-color-generic-content-firm;
|
|
52
57
|
$progress-color-label-default: $modes-color-generic-content-harsh;
|
|
53
58
|
$progress-color-loader-bg-default: $modes-color-interactive-progress-bg;
|
|
54
59
|
$progress-color-loader-bg-alt: $modes-color-interactive-progress-bg-alt; // used for inverse loader bgs
|
|
55
|
-
$progress-color-loader-fg-default: $modes-color-interactive-monochrome-generic-active; // used for loader standard loader spinner
|
|
56
|
-
$progress-color-stepflow-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
57
60
|
$progress-color-stepflow-bg-default: $modes-color-generic-fg-nought;
|
|
58
61
|
$progress-color-stepflow-border-active-inner: $modes-color-generic-fg-nought;
|
|
59
|
-
$progress-color-stepflow-border-active-outer: $modes-color-interactive-monochrome-generic-active;
|
|
60
62
|
$progress-color-stepflow-label-alt: $modes-color-generic-content-firm;
|
|
61
63
|
$progress-color-stepflow-label-default: $modes-color-generic-content-harsh;
|
|
62
|
-
$progress-color-stepindicator-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
63
|
-
$progress-color-stepindicator-border-active-outer: $modes-color-interactive-monochrome-generic-active;
|
|
64
64
|
$progress-color-stepindicator-label-default: $modes-color-generic-content-harsh;
|
|
65
65
|
$progress-size-bar-s: $global-size-micro-xs; // S loader bar
|
|
66
66
|
$progress-size-bar-m: $global-size-micro-m; // M progress tracker bar, M loader bar
|
|
@@ -7,31 +7,44 @@
|
|
|
7
7
|
|
|
8
8
|
$status-radius-none: $global-radius-none; // Pill (embedded element inner corners)
|
|
9
9
|
$status-color-none: $modes-color-none; // transparent override used for hiding colors when needed.
|
|
10
|
-
$status-color-bg-default: $modes-color-
|
|
11
|
-
$status-color-
|
|
12
|
-
$status-color-
|
|
13
|
-
$status-color-
|
|
14
|
-
$status-color-
|
|
15
|
-
$status-color-
|
|
16
|
-
$status-color-
|
|
17
|
-
$status-color-
|
|
18
|
-
$status-color-
|
|
19
|
-
$status-color-
|
|
20
|
-
$status-color-
|
|
21
|
-
$status-color-info-
|
|
22
|
-
$status-color-
|
|
23
|
-
$status-color-
|
|
24
|
-
$status-color-
|
|
25
|
-
$status-color-
|
|
26
|
-
$status-color-success-bg-
|
|
27
|
-
$status-color-success-
|
|
28
|
-
$status-color-success-
|
|
29
|
-
$status-color-
|
|
30
|
-
$status-color-warning-bg-
|
|
31
|
-
$status-color-warning-
|
|
32
|
-
$status-color-
|
|
33
|
-
$status-color-
|
|
34
|
-
$status-color-
|
|
10
|
+
$status-color-message-global-info-bg-default: $modes-color-status-info-default-alt; // Global message bg
|
|
11
|
+
$status-color-message-global-info-icon: $modes-color-status-info-default; // Icon on tinted bgs
|
|
12
|
+
$status-color-message-global-warning-bg-default: $modes-color-status-caution-default-alt; // Global message bg
|
|
13
|
+
$status-color-message-global-warning-icon: $modes-color-status-caution-default; // Icon on tinted bgs
|
|
14
|
+
$status-color-message-contextual-bg: $modes-color-generic-bg-nought;
|
|
15
|
+
$status-color-message-contextual-icon: $modes-color-generic-bg-nought; // decorative icon on standard contextual messages
|
|
16
|
+
$status-color-message-contextual-ai-bg-alt: $modes-color-status-neutral-default-alt;
|
|
17
|
+
$status-color-message-contextual-error-bg-default: $modes-color-status-negative-default;
|
|
18
|
+
$status-color-message-contextual-error-bg-alt: $modes-color-status-negative-default-alt; // Subtle message bg
|
|
19
|
+
$status-color-message-contextual-error-border-default: $modes-color-status-negative-default;
|
|
20
|
+
$status-color-message-contextual-error-icon: $modes-color-status-negative-default; // Icon on tinted bgs
|
|
21
|
+
$status-color-message-contextual-info-bg-default: $modes-color-status-info-default;
|
|
22
|
+
$status-color-message-contextual-info-bg-alt: $modes-color-status-info-default-alt; // Subtle message bg
|
|
23
|
+
$status-color-message-contextual-info-border-default: $modes-color-status-info-default;
|
|
24
|
+
$status-color-message-contextual-info-icon: $modes-color-status-info-default; // Icon on tinted bgs
|
|
25
|
+
$status-color-message-contextual-success-bg-default: $modes-color-status-positive-default;
|
|
26
|
+
$status-color-message-contextual-success-bg-alt: $modes-color-status-positive-default-alt; // Subtle message bg
|
|
27
|
+
$status-color-message-contextual-success-border-default: $modes-color-status-positive-default;
|
|
28
|
+
$status-color-message-contextual-success-icon: $modes-color-status-positive-default; // Icon on tinted bgs
|
|
29
|
+
$status-color-message-contextual-warning-bg-default: $modes-color-status-caution-default;
|
|
30
|
+
$status-color-message-contextual-warning-bg-alt: $modes-color-status-caution-default-alt; // Subtle message bg
|
|
31
|
+
$status-color-message-contextual-warning-border-default: $modes-color-status-caution-default;
|
|
32
|
+
$status-color-message-contextual-warning-icon: $modes-color-status-caution-default; // Icon on tinted bgs
|
|
33
|
+
$status-color-pill-error-bg-default: $modes-color-status-negative-default;
|
|
34
|
+
$status-color-pill-error-bg-alt-default: $modes-color-status-negative-default-alt; // outline pill bg
|
|
35
|
+
$status-color-pill-error-border-default: $modes-color-status-negative-default;
|
|
36
|
+
$status-color-pill-info-bg-default: $modes-color-status-info-default;
|
|
37
|
+
$status-color-pill-info-bg-alt-default: $modes-color-status-info-default-alt; // outline pill bg
|
|
38
|
+
$status-color-pill-info-border-default: $modes-color-status-info-default;
|
|
39
|
+
$status-color-pill-neutral-bg-default: $modes-color-status-neutral-default;
|
|
40
|
+
$status-color-pill-neutral-bg-alt-default: $modes-color-status-neutral-default-alt; // outline pill bg
|
|
41
|
+
$status-color-pill-neutral-border-default: $modes-color-status-neutral-default;
|
|
42
|
+
$status-color-pill-success-bg-default: $modes-color-status-positive-default;
|
|
43
|
+
$status-color-pill-success-bg-alt-default: $modes-color-status-positive-default-alt; // outline pill bg
|
|
44
|
+
$status-color-pill-success-border-default: $modes-color-status-positive-default;
|
|
45
|
+
$status-color-pill-warning-bg-default: $modes-color-status-caution-default;
|
|
46
|
+
$status-color-pill-warning-bg-alt-default: $modes-color-status-caution-default-alt; // Global message bg
|
|
47
|
+
$status-color-pill-warning-border-default: $modes-color-status-caution-default;
|
|
35
48
|
$status-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
|
|
36
49
|
$status-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
|
|
37
50
|
$status-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
|
|
@@ -50,31 +63,37 @@ $status-typography-responsive-default-l: $global-typography-responsive-component
|
|
|
50
63
|
$status-typography-responsive-heading-s: $global-typography-responsive-component-firm-s;
|
|
51
64
|
$status-typography-responsive-heading-m: $global-typography-responsive-component-firm-m;
|
|
52
65
|
$status-typography-responsive-heading-l: $global-typography-responsive-component-firm-l;
|
|
53
|
-
$status-color-label-
|
|
54
|
-
$status-color-
|
|
55
|
-
$status-color-
|
|
56
|
-
$status-color-
|
|
57
|
-
$status-color-
|
|
58
|
-
$status-color-
|
|
59
|
-
$status-color-
|
|
60
|
-
$status-color-
|
|
61
|
-
$status-color-
|
|
62
|
-
$status-color-
|
|
63
|
-
$status-color-
|
|
64
|
-
$status-color-
|
|
66
|
+
$status-color-message-global-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
67
|
+
$status-color-message-global-callout-bg-default: $modes-color-status-callout-default-alt; // Global message bg
|
|
68
|
+
$status-color-message-global-info-bg-hover: $modes-color-status-info-hover-alt;
|
|
69
|
+
$status-color-message-global-warning-bg-hover: $modes-color-status-caution-hover-alt;
|
|
70
|
+
$status-color-message-contextual-text: $modes-color-status-content-with-hover-alt; // Message text.
|
|
71
|
+
$status-color-message-contextual-ai-bg-default: $modes-color-status-ai-default-alt;
|
|
72
|
+
$status-color-message-contextual-ai-border-default: $modes-color-status-ai-default-alt;
|
|
73
|
+
$status-color-message-contextual-callout-bg-alt: $modes-color-status-callout-default-alt; // Subtle message bg
|
|
74
|
+
$status-color-pill-error-bg-alt-hover: $modes-color-status-negative-hover-alt;
|
|
75
|
+
$status-color-pill-error-bg-hover: $modes-color-status-negative-hover;
|
|
76
|
+
$status-color-pill-info-bg-alt-hover: $modes-color-status-info-hover-alt;
|
|
77
|
+
$status-color-pill-info-bg-hover: $modes-color-status-info-hover;
|
|
78
|
+
$status-color-pill-neutral-bg-alt-hover: $modes-color-status-neutral-hover-alt;
|
|
79
|
+
$status-color-pill-neutral-bg-hover: $modes-color-status-neutral-hover;
|
|
80
|
+
$status-color-pill-success-bg-alt-hover: $modes-color-status-positive-hover-alt;
|
|
81
|
+
$status-color-pill-success-bg-hover: $modes-color-status-positive-hover;
|
|
82
|
+
$status-color-pill-warning-bg-alt-hover: $modes-color-status-caution-hover-alt;
|
|
83
|
+
$status-color-pill-warning-bg-hover: $modes-color-status-caution-hover;
|
|
84
|
+
$status-color-pill-readonly-label: $modes-color-generic-content-firm; // Pill (all types, readonly, when nested in disabled parent components)
|
|
65
85
|
$status-color-rating-bg-default: $modes-color-status-reviews-default;
|
|
66
86
|
$status-color-rating-bg-default-alt: $modes-color-status-reviews-default-alt;
|
|
67
87
|
$status-color-rating-bg-hover: $modes-color-status-reviews-hover;
|
|
68
88
|
$status-color-rating-border-default: $modes-color-status-reviews-default;
|
|
69
|
-
$status-color-
|
|
70
|
-
$status-color-
|
|
71
|
-
$status-color-
|
|
72
|
-
$status-color-
|
|
73
|
-
$status-color-
|
|
74
|
-
$status-color-label-
|
|
75
|
-
$status-color-label-
|
|
76
|
-
$status-color-label-hover: $modes-color-status-content-with-
|
|
77
|
-
$status-color-label-alt-default: $modes-color-status-content-with-default-alt;
|
|
89
|
+
$status-color-message-global-label-default: $modes-color-status-content-with-default-alt;
|
|
90
|
+
$status-color-message-global-callout-bg-hover: $modes-color-status-callout-hover-alt; // global message bg hover
|
|
91
|
+
$status-color-message-global-callout-icon: $modes-color-status-content-with-default-alt; // Icon on tinted bgs
|
|
92
|
+
$status-color-message-contextual-callout-icon: $modes-color-status-content-with-default-alt;
|
|
93
|
+
$status-color-pill-label-default: $modes-color-status-content-with-default;
|
|
94
|
+
$status-color-pill-label-hover: $modes-color-status-content-with-hover;
|
|
95
|
+
$status-color-pill-label-alt-default: $modes-color-status-content-with-default-alt;
|
|
96
|
+
$status-color-pill-label-alt-hover: $modes-color-status-content-with-default-alt;
|
|
78
97
|
$status-size-pill-s: $global-size-macro-xs - $global-size-micro-xs; // Min height
|
|
79
98
|
$status-size-pill-m: $global-size-macro-xs; // Min height and removable button.
|
|
80
99
|
$status-size-pill-l: $global-size-macro-xs + $global-size-micro-xs; // Min height and removable button
|
|
@@ -110,6 +129,6 @@ $status-space-message-global-yg-m: $global-space-micro-s; // Gap between heading
|
|
|
110
129
|
$status-space-message-global-cta-y-m: $global-space-macro-xs; // Top and bottom padding on global message for countdown
|
|
111
130
|
$status-space-message-global-cta-yg-m: $global-space-macro-m; // Gap between countdown spacing for global message
|
|
112
131
|
$status-space-message-global-iconwrapper-y-m: $global-space-micro-xxl; // Top padding on global message icon wrapper.
|
|
113
|
-
$status-color-bg-
|
|
114
|
-
$status-color-border-
|
|
132
|
+
$status-color-pill-readonly-bg-default: $modes-color-status-inactive-default; // Pill (all types, readonly, when nested in disabled parent components)
|
|
133
|
+
$status-color-pill-readonly-border-default: $modes-color-status-inactive-default; // Pill (all types, readonly, when nested in disabled parent components)
|
|
115
134
|
$status-size-message-messagecontent-maxwidth: $container-size-responsive-xxxl; // max width of content inside message to make sure there are roughly 12 works per line
|
|
@@ -6,6 +6,9 @@
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
8
|
$tab-color-bg-enabled: $modes-color-none;
|
|
9
|
+
$tab-color-border-active: $modes-color-interactive-monochrome-generic-active;
|
|
10
|
+
$tab-color-label-active: $modes-color-interactive-monochrome-generic-active;
|
|
11
|
+
$tab-color-icon-active: $modes-color-interactive-monochrome-generic-active;
|
|
9
12
|
$tab-color-navigation-bg-default: $modes-color-generic-bg-nought; // For previous/next buttons on responsive tabs
|
|
10
13
|
$tab-color-validation-border-warning: $modes-color-status-caution-default;
|
|
11
14
|
$tab-color-validation-border-error: $modes-color-status-negative-default;
|
|
@@ -19,11 +22,12 @@ $tab-typography-responsive-label-s: $global-typography-responsive-component-firm
|
|
|
19
22
|
$tab-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
|
|
20
23
|
$tab-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
|
|
21
24
|
$tab-color-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt; // For anchor nav, not tab.
|
|
22
|
-
$tab-color-
|
|
25
|
+
$tab-color-icon-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
23
26
|
$tab-color-icon-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
24
|
-
$tab-color-label-
|
|
25
|
-
$tab-color-icon-active: $modes-color-interactive-monochrome-generic-active;
|
|
27
|
+
$tab-color-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
26
28
|
$tab-color-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
|
|
29
|
+
$tab-color-validation-label-error: $modes-color-interactive-monochrome-generic-default-alt;
|
|
30
|
+
$tab-color-validation-label-warning: $modes-color-interactive-monochrome-generic-default-alt;
|
|
27
31
|
$tab-size-m: $global-size-macro-m; // Anchor nav, M Tab
|
|
28
32
|
$tab-size-l: $global-size-macro-l; // L tab
|
|
29
33
|
$tab-size-shadow-arrow: $global-size-micro-m; // Shadow width for linear gradient shadow on repsonsive tab arrows.
|
|
@@ -42,10 +46,6 @@ $tab-space-y-l: $global-space-micro-xxl; // Top bottom padding in Tab.
|
|
|
42
46
|
$tab-color-bg-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
43
47
|
$tab-color-border-enabled: $modes-color-generic-fg-delicate;
|
|
44
48
|
$tab-color-border-hover: $modes-color-generic-fg-moderate;
|
|
45
|
-
$tab-color-icon-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
46
|
-
$tab-color-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
|
|
47
|
-
$tab-color-validation-label-error: $modes-color-interactive-monochrome-generic-default-alt;
|
|
48
|
-
$tab-color-validation-label-warning: $modes-color-interactive-monochrome-generic-default-alt;
|
|
49
49
|
$tab-radius-m: $global-radius-interactive-m; // Tab horizontal - top corners. Tab vertical - left corners.
|
|
50
50
|
$tab-radius-l: $global-radius-interactive-m; // Tab horizontal - top corners. Tab vertical - left corners.
|
|
51
51
|
$tab-radius-baseline-m: $global-radius-interactive-xxs;
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
|
7
7
|
|
|
8
8
|
$table-color-header-subtle-bg-default: $modes-color-none;
|
|
9
|
+
$table-color-row-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
9
10
|
$table-color-row-bg-default: $modes-color-generic-bg-nought;
|
|
10
11
|
$table-color-row-label-hover: $modes-color-generic-content-extreme;
|
|
11
12
|
$table-typography-adaptive-heading-s: $global-typography-adaptive-component-firm-s;
|
|
@@ -26,31 +27,30 @@ $table-typography-responsive-default-l: $global-typography-responsive-component-
|
|
|
26
27
|
$table-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
|
|
27
28
|
$table-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
|
|
28
29
|
$table-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
|
|
30
|
+
$table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
|
|
31
|
+
$table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-generic-hover;
|
|
32
|
+
$table-color-header-subtle-label-default: $modes-color-interactive-monochrome-generic-default;
|
|
33
|
+
$table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-generic-default;
|
|
34
|
+
$table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-generic-default-alt; // header alt
|
|
35
|
+
$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-generic-default;
|
|
36
|
+
$table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-generic-hover;
|
|
37
|
+
$table-color-header-harsh-border-default: $modes-color-interactive-monochrome-subtle-default-alt;
|
|
38
|
+
$table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-generic-default;
|
|
29
39
|
$table-color-row-bg-activated: $modes-color-interactive-primary-default;
|
|
30
|
-
$table-color-row-bg-active: $modes-color-interactive-monochrome-generic-active;
|
|
31
40
|
$table-color-row-bg-alt: $modes-color-generic-bg-delicate; // Zebra stripes
|
|
32
41
|
$table-color-row-bg-alt2: $modes-color-generic-bg-soft; // Zebra stripes combined with child rows.
|
|
33
42
|
$table-color-row-bg-alt3: $modes-color-generic-bg-faint; // Child rows.
|
|
34
43
|
$table-color-row-bg-hover: $modes-color-generic-bg-soft;
|
|
35
44
|
$table-color-row-label-default: $modes-color-generic-content-harsh;
|
|
36
45
|
$table-color-footer-bg-default: $modes-color-generic-bg-soft;
|
|
46
|
+
$table-color-footer-label-default: $modes-color-interactive-monochrome-generic-default;
|
|
37
47
|
$table-boxshadow-parentrow: $global-boxshadow-container-far;
|
|
38
|
-
$table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
|
|
39
|
-
$table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-generic-hover;
|
|
40
48
|
$table-color-header-subtle-border-default: $modes-color-generic-fg-delicate; // Header borders
|
|
41
|
-
$table-color-header-subtle-label-default: $modes-color-interactive-monochrome-generic-default;
|
|
42
|
-
$table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-generic-default;
|
|
43
|
-
$table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-generic-default-alt; // header alt
|
|
44
|
-
$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-generic-default;
|
|
45
|
-
$table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-generic-hover;
|
|
46
|
-
$table-color-header-harsh-border-default: $modes-color-interactive-monochrome-subtle-default-alt;
|
|
47
49
|
$table-color-header-harsh-label-default: $modes-color-interactive-monochrome-generic-with-default;
|
|
48
|
-
$table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-generic-default;
|
|
49
50
|
$table-color-row-border-default: $modes-color-generic-fg-delicate;
|
|
50
51
|
$table-color-row-label-activated: $modes-color-interactive-monochrome-generic-with-active;
|
|
51
52
|
$table-color-row-label-active: $modes-color-interactive-monochrome-generic-with-active;
|
|
52
53
|
$table-color-footer-border-default: $modes-color-generic-fg-delicate; // Header borders
|
|
53
|
-
$table-color-footer-label-default: $modes-color-interactive-monochrome-generic-default;
|
|
54
54
|
$table-radius-container: $global-radius-container-m; // Table (parent container)
|
|
55
55
|
$table-borderwidth-thin: $global-borderwidth-xs; // Table border
|
|
56
56
|
$table-borderwidth-thick: $global-borderwidth-s; // header border for subtle
|
|
@@ -65,8 +65,6 @@ $table-space-row-xg-s: $global-space-micro-l; // internal spacing between text,
|
|
|
65
65
|
$table-space-row-xg-m: $global-space-micro-l; // internal spacing between text, checkboxes, icons etc
|
|
66
66
|
$table-space-row-xg-l: $global-space-micro-l; // internal spacing between text, checkboxes, icons etc
|
|
67
67
|
$table-space-row-xg-xl: $global-space-micro-l; // internal spacing between text, checkboxes, icons etc
|
|
68
|
-
$table-space-row-y-m: $global-space-micro-l; // top and bottom adding inside pagination
|
|
69
|
-
$table-space-row-yg-m: $global-space-micro-l; // gap between table and pagination
|
|
70
68
|
$table-space-rowchild-x-xs: $global-space-macro-l + $global-space-micro-s; // Left padding inside XS child row cells
|
|
71
69
|
$table-space-rowchild-x-s: $global-space-macro-xl + $global-space-micro-s; // Left padding inside S child row cells
|
|
72
70
|
$table-space-rowchild-x-m: $global-space-macro-xl + $global-space-micro-s; // Left padding inside M child row cells
|
|
@@ -11,12 +11,7 @@ $modes-color-brand-default-alt: #FFFFFF;
|
|
|
11
11
|
$modes-color-brand-with-default-alt: #000000;
|
|
12
12
|
$modes-color-brand-copilot-ai-identifier-default: #FFFFFF;
|
|
13
13
|
$modes-color-brand-copilot-ai-identifier-with-default: #00D639;
|
|
14
|
-
$modes-color-brand-copilot-no-bg-
|
|
15
|
-
$modes-color-brand-copilot-no-bg-star: radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%);
|
|
16
|
-
$modes-color-brand-copilot-no-bg-mono: #FFFFFF;
|
|
17
|
-
$modes-color-brand-copilot-with-bg-s: #000000;
|
|
18
|
-
$modes-color-brand-copilot-with-bg-star: #000000;
|
|
19
|
-
$modes-color-brand-copilot-with-bg-bg: #FFFFFF;
|
|
14
|
+
$modes-color-brand-copilot-no-bg-monochrome: #FFFFFF;
|
|
20
15
|
$modes-color-custom-default: #00D639; // This is the color to replace in white label products. Dark mode recommended luminosity for SAGE is 75.1 (tested), but above 51.9 should be ok. See hsluv.org to be AAA text on 000000 bgs.
|
|
21
16
|
$modes-color-custom-frozen: #00D639; // Replace this color in white label products that use the FROZEN theme. Ensure luminousity of custom color = 46.8 (see hsluv.org). AAA against FFFFFF bg.
|
|
22
17
|
$modes-color-generic-bg-nought: #000000;
|
|
@@ -124,8 +119,8 @@ $modes-color-status-caution-default-alt: #251206; // Subtle message bg
|
|
|
124
119
|
$modes-color-status-caution-hover: #eb6732; // used on pill hover states
|
|
125
120
|
$modes-color-status-caution-hover-alt: #34211a; // used on pill hover states and message bg
|
|
126
121
|
$modes-color-status-caution-text: #e75b23;
|
|
127
|
-
$modes-color-status-caution-
|
|
128
|
-
$modes-color-status-caution-
|
|
122
|
+
$modes-color-status-caution-frozenglobal-default: #E04500; // Global message bg
|
|
123
|
+
$modes-color-status-caution-frozenglobal-hover: #eb6732; // used on global message bg
|
|
129
124
|
$modes-color-status-ai-default: #000000;
|
|
130
125
|
$modes-color-status-ai-default-alt: #FFFFFF; // bg for contextual message comp
|
|
131
126
|
$modes-color-status-ai-default-horizontal: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
|
|
@@ -142,19 +137,21 @@ $modes-color-status-info-default: #007ED9;
|
|
|
142
137
|
$modes-color-status-info-default-alt: #111722; // Subtle message bg
|
|
143
138
|
$modes-color-status-info-hover: #5291e0; // used on pill hover states
|
|
144
139
|
$modes-color-status-info-hover-alt: #212631; // used on pill hover states and message bg
|
|
145
|
-
$modes-color-status-info-
|
|
140
|
+
$modes-color-status-info-frozenglobal-default: #007ED9; // Global message bg
|
|
141
|
+
$modes-color-status-info-frozenglobal-hover: #5291e0; // used on global message bg
|
|
146
142
|
$modes-color-status-negative-default: #E13E53;
|
|
147
143
|
$modes-color-status-negative-default-alt: #241212; // Subtle message bg
|
|
148
144
|
$modes-color-status-negative-hover: #eb646c; // used on pill hover states
|
|
149
145
|
$modes-color-status-negative-hover-alt: #332122; // used on pill hover states and message bg
|
|
150
146
|
$modes-color-status-negative-text: #E13E53;
|
|
151
|
-
$modes-color-status-neutral-alt: #7C7C7C;
|
|
152
147
|
$modes-color-status-neutral-default: #7C7C7C;
|
|
153
148
|
$modes-color-status-neutral-default-alt: #171717; // Subtle message bg
|
|
154
149
|
$modes-color-status-neutral-hover: #909090; // used on pill hover states
|
|
155
150
|
$modes-color-status-neutral-hover-alt: #262626; // used on pill hover states and message bg
|
|
156
151
|
$modes-color-status-neutral-frozen-default: #9e9e9e;
|
|
152
|
+
$modes-color-status-neutral-frozen-default-alt: #171717; // Subtle message bg
|
|
157
153
|
$modes-color-status-neutral-frozen-hover: #909090;
|
|
154
|
+
$modes-color-status-neutral-frozen-hover-alt: #262626; // used on pill hover states and message bg
|
|
158
155
|
$modes-color-status-positive-default: #009023;
|
|
159
156
|
$modes-color-status-positive-default-alt: #0e1a0b; // Subtle message bg
|
|
160
157
|
$modes-color-status-positive-hover: #2e9936; // used on pill hover states
|