@sage/design-tokens 13.2.0 → 14.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 +12 -8
- package/css/frozenproduct/large/components/badge.css +8 -3
- package/css/frozenproduct/large/components/logo.css +0 -2
- package/css/frozenproduct/large/components/progress.css +4 -3
- package/css/frozenproduct/small/components/badge.css +8 -3
- package/css/frozenproduct/small/components/logo.css +0 -2
- package/css/frozenproduct/small/components/progress.css +4 -3
- package/css/marketing/all.css +12 -8
- package/css/marketing/large/components/badge.css +8 -3
- package/css/marketing/large/components/logo.css +0 -2
- package/css/marketing/large/components/progress.css +4 -3
- package/css/marketing/small/components/badge.css +8 -3
- package/css/marketing/small/components/logo.css +0 -2
- package/css/marketing/small/components/progress.css +4 -3
- package/css/product/all.css +12 -8
- package/css/product/large/components/badge.css +8 -3
- package/css/product/large/components/logo.css +0 -2
- package/css/product/large/components/progress.css +4 -3
- package/css/product/small/components/badge.css +8 -3
- package/css/product/small/components/logo.css +0 -2
- package/css/product/small/components/progress.css +4 -3
- package/ios/frozenproduct/large/dark/components/badge.h +5 -0
- package/ios/frozenproduct/large/dark/components/logo.h +0 -2
- package/ios/frozenproduct/large/dark/components/progress.h +4 -3
- package/ios/frozenproduct/large/light/components/badge.h +5 -0
- package/ios/frozenproduct/large/light/components/logo.h +0 -2
- package/ios/frozenproduct/large/light/components/progress.h +4 -3
- package/ios/frozenproduct/small/dark/components/badge.h +5 -0
- package/ios/frozenproduct/small/dark/components/logo.h +0 -2
- package/ios/frozenproduct/small/dark/components/progress.h +4 -3
- package/ios/frozenproduct/small/light/components/badge.h +5 -0
- package/ios/frozenproduct/small/light/components/logo.h +0 -2
- package/ios/frozenproduct/small/light/components/progress.h +4 -3
- package/ios/marketing/large/dark/components/badge.h +5 -0
- package/ios/marketing/large/dark/components/logo.h +0 -2
- package/ios/marketing/large/dark/components/progress.h +4 -3
- package/ios/marketing/large/light/components/badge.h +5 -0
- package/ios/marketing/large/light/components/logo.h +0 -2
- package/ios/marketing/large/light/components/progress.h +4 -3
- package/ios/marketing/small/dark/components/badge.h +5 -0
- package/ios/marketing/small/dark/components/logo.h +0 -2
- package/ios/marketing/small/dark/components/progress.h +4 -3
- package/ios/marketing/small/light/components/badge.h +5 -0
- package/ios/marketing/small/light/components/logo.h +0 -2
- package/ios/marketing/small/light/components/progress.h +4 -3
- package/ios/product/large/dark/components/badge.h +5 -0
- package/ios/product/large/dark/components/logo.h +0 -2
- package/ios/product/large/dark/components/progress.h +4 -3
- package/ios/product/large/light/components/badge.h +5 -0
- package/ios/product/large/light/components/logo.h +0 -2
- package/ios/product/large/light/components/progress.h +4 -3
- package/ios/product/small/dark/components/badge.h +5 -0
- package/ios/product/small/dark/components/logo.h +0 -2
- package/ios/product/small/dark/components/progress.h +4 -3
- package/ios/product/small/light/components/badge.h +5 -0
- package/ios/product/small/light/components/logo.h +0 -2
- package/ios/product/small/light/components/progress.h +4 -3
- package/js/common/frozenproduct/large/dark/components/badge.d.ts +7 -0
- package/js/common/frozenproduct/large/dark/components/badge.js +84 -3
- package/js/common/frozenproduct/large/dark/components/logo.d.ts +0 -4
- package/js/common/frozenproduct/large/dark/components/logo.js +0 -30
- package/js/common/frozenproduct/large/dark/components/progress.d.ts +2 -1
- package/js/common/frozenproduct/large/dark/components/progress.js +22 -7
- package/js/common/frozenproduct/large/light/components/badge.d.ts +7 -0
- package/js/common/frozenproduct/large/light/components/badge.js +84 -3
- package/js/common/frozenproduct/large/light/components/logo.d.ts +0 -4
- package/js/common/frozenproduct/large/light/components/logo.js +0 -30
- package/js/common/frozenproduct/large/light/components/progress.d.ts +2 -1
- package/js/common/frozenproduct/large/light/components/progress.js +22 -7
- package/js/common/frozenproduct/small/dark/components/badge.d.ts +7 -0
- package/js/common/frozenproduct/small/dark/components/badge.js +84 -3
- package/js/common/frozenproduct/small/dark/components/logo.d.ts +0 -4
- package/js/common/frozenproduct/small/dark/components/logo.js +0 -30
- package/js/common/frozenproduct/small/dark/components/progress.d.ts +2 -1
- package/js/common/frozenproduct/small/dark/components/progress.js +22 -7
- package/js/common/frozenproduct/small/light/components/badge.d.ts +7 -0
- package/js/common/frozenproduct/small/light/components/badge.js +84 -3
- package/js/common/frozenproduct/small/light/components/logo.d.ts +0 -4
- package/js/common/frozenproduct/small/light/components/logo.js +0 -30
- package/js/common/frozenproduct/small/light/components/progress.d.ts +2 -1
- package/js/common/frozenproduct/small/light/components/progress.js +22 -7
- package/js/common/marketing/large/dark/components/badge.d.ts +7 -0
- package/js/common/marketing/large/dark/components/badge.js +84 -3
- package/js/common/marketing/large/dark/components/logo.d.ts +0 -4
- package/js/common/marketing/large/dark/components/logo.js +0 -30
- package/js/common/marketing/large/dark/components/progress.d.ts +2 -1
- package/js/common/marketing/large/dark/components/progress.js +22 -7
- package/js/common/marketing/large/light/components/badge.d.ts +7 -0
- package/js/common/marketing/large/light/components/badge.js +84 -3
- package/js/common/marketing/large/light/components/logo.d.ts +0 -4
- package/js/common/marketing/large/light/components/logo.js +0 -30
- package/js/common/marketing/large/light/components/progress.d.ts +2 -1
- package/js/common/marketing/large/light/components/progress.js +22 -7
- package/js/common/marketing/small/dark/components/badge.d.ts +7 -0
- package/js/common/marketing/small/dark/components/badge.js +84 -3
- package/js/common/marketing/small/dark/components/logo.d.ts +0 -4
- package/js/common/marketing/small/dark/components/logo.js +0 -30
- package/js/common/marketing/small/dark/components/progress.d.ts +2 -1
- package/js/common/marketing/small/dark/components/progress.js +22 -7
- package/js/common/marketing/small/light/components/badge.d.ts +7 -0
- package/js/common/marketing/small/light/components/badge.js +84 -3
- package/js/common/marketing/small/light/components/logo.d.ts +0 -4
- package/js/common/marketing/small/light/components/logo.js +0 -30
- package/js/common/marketing/small/light/components/progress.d.ts +2 -1
- package/js/common/marketing/small/light/components/progress.js +22 -7
- package/js/common/product/large/dark/components/badge.d.ts +7 -0
- package/js/common/product/large/dark/components/badge.js +84 -3
- package/js/common/product/large/dark/components/logo.d.ts +0 -4
- package/js/common/product/large/dark/components/logo.js +0 -30
- package/js/common/product/large/dark/components/progress.d.ts +2 -1
- package/js/common/product/large/dark/components/progress.js +22 -7
- package/js/common/product/large/light/components/badge.d.ts +7 -0
- package/js/common/product/large/light/components/badge.js +84 -3
- package/js/common/product/large/light/components/logo.d.ts +0 -4
- package/js/common/product/large/light/components/logo.js +0 -30
- package/js/common/product/large/light/components/progress.d.ts +2 -1
- package/js/common/product/large/light/components/progress.js +22 -7
- package/js/common/product/small/dark/components/badge.d.ts +7 -0
- package/js/common/product/small/dark/components/badge.js +84 -3
- package/js/common/product/small/dark/components/logo.d.ts +0 -4
- package/js/common/product/small/dark/components/logo.js +0 -30
- package/js/common/product/small/dark/components/progress.d.ts +2 -1
- package/js/common/product/small/dark/components/progress.js +22 -7
- package/js/common/product/small/light/components/badge.d.ts +7 -0
- package/js/common/product/small/light/components/badge.js +84 -3
- package/js/common/product/small/light/components/logo.d.ts +0 -4
- package/js/common/product/small/light/components/logo.js +0 -30
- package/js/common/product/small/light/components/progress.d.ts +2 -1
- package/js/common/product/small/light/components/progress.js +22 -7
- package/js/es6/frozenproduct/large/dark/components/badge.d.ts +5 -0
- package/js/es6/frozenproduct/large/dark/components/badge.js +5 -0
- package/js/es6/frozenproduct/large/dark/components/logo.d.ts +0 -2
- package/js/es6/frozenproduct/large/dark/components/logo.js +0 -2
- package/js/es6/frozenproduct/large/dark/components/progress.d.ts +4 -3
- package/js/es6/frozenproduct/large/dark/components/progress.js +4 -3
- package/js/es6/frozenproduct/large/light/components/badge.d.ts +5 -0
- package/js/es6/frozenproduct/large/light/components/badge.js +5 -0
- package/js/es6/frozenproduct/large/light/components/logo.d.ts +0 -2
- package/js/es6/frozenproduct/large/light/components/logo.js +0 -2
- package/js/es6/frozenproduct/large/light/components/progress.d.ts +4 -3
- package/js/es6/frozenproduct/large/light/components/progress.js +4 -3
- package/js/es6/frozenproduct/small/dark/components/badge.d.ts +5 -0
- package/js/es6/frozenproduct/small/dark/components/badge.js +5 -0
- package/js/es6/frozenproduct/small/dark/components/logo.d.ts +0 -2
- package/js/es6/frozenproduct/small/dark/components/logo.js +0 -2
- package/js/es6/frozenproduct/small/dark/components/progress.d.ts +4 -3
- package/js/es6/frozenproduct/small/dark/components/progress.js +4 -3
- package/js/es6/frozenproduct/small/light/components/badge.d.ts +5 -0
- package/js/es6/frozenproduct/small/light/components/badge.js +5 -0
- package/js/es6/frozenproduct/small/light/components/logo.d.ts +0 -2
- package/js/es6/frozenproduct/small/light/components/logo.js +0 -2
- package/js/es6/frozenproduct/small/light/components/progress.d.ts +4 -3
- package/js/es6/frozenproduct/small/light/components/progress.js +4 -3
- package/js/es6/marketing/large/dark/components/badge.d.ts +5 -0
- package/js/es6/marketing/large/dark/components/badge.js +5 -0
- package/js/es6/marketing/large/dark/components/logo.d.ts +0 -2
- package/js/es6/marketing/large/dark/components/logo.js +0 -2
- package/js/es6/marketing/large/dark/components/progress.d.ts +4 -3
- package/js/es6/marketing/large/dark/components/progress.js +4 -3
- package/js/es6/marketing/large/light/components/badge.d.ts +5 -0
- package/js/es6/marketing/large/light/components/badge.js +5 -0
- package/js/es6/marketing/large/light/components/logo.d.ts +0 -2
- package/js/es6/marketing/large/light/components/logo.js +0 -2
- package/js/es6/marketing/large/light/components/progress.d.ts +4 -3
- package/js/es6/marketing/large/light/components/progress.js +4 -3
- package/js/es6/marketing/small/dark/components/badge.d.ts +5 -0
- package/js/es6/marketing/small/dark/components/badge.js +5 -0
- package/js/es6/marketing/small/dark/components/logo.d.ts +0 -2
- package/js/es6/marketing/small/dark/components/logo.js +0 -2
- package/js/es6/marketing/small/dark/components/progress.d.ts +4 -3
- package/js/es6/marketing/small/dark/components/progress.js +4 -3
- package/js/es6/marketing/small/light/components/badge.d.ts +5 -0
- package/js/es6/marketing/small/light/components/badge.js +5 -0
- package/js/es6/marketing/small/light/components/logo.d.ts +0 -2
- package/js/es6/marketing/small/light/components/logo.js +0 -2
- package/js/es6/marketing/small/light/components/progress.d.ts +4 -3
- package/js/es6/marketing/small/light/components/progress.js +4 -3
- package/js/es6/product/large/dark/components/badge.d.ts +5 -0
- package/js/es6/product/large/dark/components/badge.js +5 -0
- package/js/es6/product/large/dark/components/logo.d.ts +0 -2
- package/js/es6/product/large/dark/components/logo.js +0 -2
- package/js/es6/product/large/dark/components/progress.d.ts +4 -3
- package/js/es6/product/large/dark/components/progress.js +4 -3
- package/js/es6/product/large/light/components/badge.d.ts +5 -0
- package/js/es6/product/large/light/components/badge.js +5 -0
- package/js/es6/product/large/light/components/logo.d.ts +0 -2
- package/js/es6/product/large/light/components/logo.js +0 -2
- package/js/es6/product/large/light/components/progress.d.ts +4 -3
- package/js/es6/product/large/light/components/progress.js +4 -3
- package/js/es6/product/small/dark/components/badge.d.ts +5 -0
- package/js/es6/product/small/dark/components/badge.js +5 -0
- package/js/es6/product/small/dark/components/logo.d.ts +0 -2
- package/js/es6/product/small/dark/components/logo.js +0 -2
- package/js/es6/product/small/dark/components/progress.d.ts +4 -3
- package/js/es6/product/small/dark/components/progress.js +4 -3
- package/js/es6/product/small/light/components/badge.d.ts +5 -0
- package/js/es6/product/small/light/components/badge.js +5 -0
- package/js/es6/product/small/light/components/logo.d.ts +0 -2
- package/js/es6/product/small/light/components/logo.js +0 -2
- package/js/es6/product/small/light/components/progress.d.ts +4 -3
- package/js/es6/product/small/light/components/progress.js +4 -3
- package/js/umd/frozenproduct/large/dark/components/badge.js +84 -3
- package/js/umd/frozenproduct/large/dark/components/logo.js +0 -30
- package/js/umd/frozenproduct/large/dark/components/progress.js +22 -7
- package/js/umd/frozenproduct/large/light/components/badge.js +84 -3
- package/js/umd/frozenproduct/large/light/components/logo.js +0 -30
- package/js/umd/frozenproduct/large/light/components/progress.js +22 -7
- package/js/umd/frozenproduct/small/dark/components/badge.js +84 -3
- package/js/umd/frozenproduct/small/dark/components/logo.js +0 -30
- package/js/umd/frozenproduct/small/dark/components/progress.js +22 -7
- package/js/umd/frozenproduct/small/light/components/badge.js +84 -3
- package/js/umd/frozenproduct/small/light/components/logo.js +0 -30
- package/js/umd/frozenproduct/small/light/components/progress.js +22 -7
- package/js/umd/marketing/large/dark/components/badge.js +84 -3
- package/js/umd/marketing/large/dark/components/logo.js +0 -30
- package/js/umd/marketing/large/dark/components/progress.js +22 -7
- package/js/umd/marketing/large/light/components/badge.js +84 -3
- package/js/umd/marketing/large/light/components/logo.js +0 -30
- package/js/umd/marketing/large/light/components/progress.js +22 -7
- package/js/umd/marketing/small/dark/components/badge.js +84 -3
- package/js/umd/marketing/small/dark/components/logo.js +0 -30
- package/js/umd/marketing/small/dark/components/progress.js +22 -7
- package/js/umd/marketing/small/light/components/badge.js +84 -3
- package/js/umd/marketing/small/light/components/logo.js +0 -30
- package/js/umd/marketing/small/light/components/progress.js +22 -7
- package/js/umd/product/large/dark/components/badge.js +84 -3
- package/js/umd/product/large/dark/components/logo.js +0 -30
- package/js/umd/product/large/dark/components/progress.js +22 -7
- package/js/umd/product/large/light/components/badge.js +84 -3
- package/js/umd/product/large/light/components/logo.js +0 -30
- package/js/umd/product/large/light/components/progress.js +22 -7
- package/js/umd/product/small/dark/components/badge.js +84 -3
- package/js/umd/product/small/dark/components/logo.js +0 -30
- package/js/umd/product/small/dark/components/progress.js +22 -7
- package/js/umd/product/small/light/components/badge.js +84 -3
- package/js/umd/product/small/light/components/logo.js +0 -30
- package/js/umd/product/small/light/components/progress.js +22 -7
- package/json/flat/frozenproduct/large/dark/components/badge.json +5 -0
- package/json/flat/frozenproduct/large/dark/components/logo.json +0 -2
- package/json/flat/frozenproduct/large/dark/components/progress.json +4 -3
- package/json/flat/frozenproduct/large/light/components/badge.json +5 -0
- package/json/flat/frozenproduct/large/light/components/logo.json +0 -2
- package/json/flat/frozenproduct/large/light/components/progress.json +4 -3
- package/json/flat/frozenproduct/small/dark/components/badge.json +5 -0
- package/json/flat/frozenproduct/small/dark/components/logo.json +0 -2
- package/json/flat/frozenproduct/small/dark/components/progress.json +4 -3
- package/json/flat/frozenproduct/small/light/components/badge.json +5 -0
- package/json/flat/frozenproduct/small/light/components/logo.json +0 -2
- package/json/flat/frozenproduct/small/light/components/progress.json +4 -3
- package/json/flat/marketing/large/dark/components/badge.json +5 -0
- package/json/flat/marketing/large/dark/components/logo.json +0 -2
- package/json/flat/marketing/large/dark/components/progress.json +4 -3
- package/json/flat/marketing/large/light/components/badge.json +5 -0
- package/json/flat/marketing/large/light/components/logo.json +0 -2
- package/json/flat/marketing/large/light/components/progress.json +4 -3
- package/json/flat/marketing/small/dark/components/badge.json +5 -0
- package/json/flat/marketing/small/dark/components/logo.json +0 -2
- package/json/flat/marketing/small/dark/components/progress.json +4 -3
- package/json/flat/marketing/small/light/components/badge.json +5 -0
- package/json/flat/marketing/small/light/components/logo.json +0 -2
- package/json/flat/marketing/small/light/components/progress.json +4 -3
- package/json/flat/product/large/dark/components/badge.json +5 -0
- package/json/flat/product/large/dark/components/logo.json +0 -2
- package/json/flat/product/large/dark/components/progress.json +4 -3
- package/json/flat/product/large/light/components/badge.json +5 -0
- package/json/flat/product/large/light/components/logo.json +0 -2
- package/json/flat/product/large/light/components/progress.json +4 -3
- package/json/flat/product/small/dark/components/badge.json +5 -0
- package/json/flat/product/small/dark/components/logo.json +0 -2
- package/json/flat/product/small/dark/components/progress.json +4 -3
- package/json/flat/product/small/light/components/badge.json +5 -0
- package/json/flat/product/small/light/components/logo.json +0 -2
- package/json/flat/product/small/light/components/progress.json +4 -3
- package/json/nested/frozenproduct/large/dark/components/badge.json +8 -1
- package/json/nested/frozenproduct/large/dark/components/logo.json +0 -4
- package/json/nested/frozenproduct/large/dark/components/progress.json +2 -1
- package/json/nested/frozenproduct/large/light/components/badge.json +8 -1
- package/json/nested/frozenproduct/large/light/components/logo.json +0 -4
- package/json/nested/frozenproduct/large/light/components/progress.json +2 -1
- package/json/nested/frozenproduct/small/dark/components/badge.json +8 -1
- package/json/nested/frozenproduct/small/dark/components/logo.json +0 -4
- package/json/nested/frozenproduct/small/dark/components/progress.json +2 -1
- package/json/nested/frozenproduct/small/light/components/badge.json +8 -1
- package/json/nested/frozenproduct/small/light/components/logo.json +0 -4
- package/json/nested/frozenproduct/small/light/components/progress.json +2 -1
- package/json/nested/marketing/large/dark/components/badge.json +8 -1
- package/json/nested/marketing/large/dark/components/logo.json +0 -4
- package/json/nested/marketing/large/dark/components/progress.json +2 -1
- package/json/nested/marketing/large/light/components/badge.json +8 -1
- package/json/nested/marketing/large/light/components/logo.json +0 -4
- package/json/nested/marketing/large/light/components/progress.json +2 -1
- package/json/nested/marketing/small/dark/components/badge.json +8 -1
- package/json/nested/marketing/small/dark/components/logo.json +0 -4
- package/json/nested/marketing/small/dark/components/progress.json +2 -1
- package/json/nested/marketing/small/light/components/badge.json +8 -1
- package/json/nested/marketing/small/light/components/logo.json +0 -4
- package/json/nested/marketing/small/light/components/progress.json +2 -1
- package/json/nested/product/large/dark/components/badge.json +8 -1
- package/json/nested/product/large/dark/components/logo.json +0 -4
- package/json/nested/product/large/dark/components/progress.json +2 -1
- package/json/nested/product/large/light/components/badge.json +8 -1
- package/json/nested/product/large/light/components/logo.json +0 -4
- package/json/nested/product/large/light/components/progress.json +2 -1
- package/json/nested/product/small/dark/components/badge.json +8 -1
- package/json/nested/product/small/dark/components/logo.json +0 -4
- package/json/nested/product/small/dark/components/progress.json +2 -1
- package/json/nested/product/small/light/components/badge.json +8 -1
- package/json/nested/product/small/light/components/logo.json +0 -4
- package/json/nested/product/small/light/components/progress.json +2 -1
- package/package.json +1 -1
- package/sage-design-tokens-14.0.0.tgz +0 -0
- package/scss/frozenproduct/large/components/badge.scss +8 -3
- package/scss/frozenproduct/large/components/logo.scss +0 -2
- package/scss/frozenproduct/large/components/progress.scss +4 -3
- package/scss/frozenproduct/small/components/badge.scss +8 -3
- package/scss/frozenproduct/small/components/button.scss +11 -11
- package/scss/frozenproduct/small/components/container.scss +9 -9
- 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 +0 -2
- package/scss/frozenproduct/small/components/nav.scss +5 -5
- package/scss/frozenproduct/small/components/page.scss +1 -1
- package/scss/frozenproduct/small/components/popover.scss +2 -2
- package/scss/frozenproduct/small/components/progress.scss +10 -9
- package/scss/frozenproduct/small/components/status.scss +3 -3
- package/scss/frozenproduct/small/components/tab.scss +7 -7
- package/scss/frozenproduct/small/components/table.scss +10 -10
- package/scss/marketing/large/components/badge.scss +8 -3
- package/scss/marketing/large/components/button.scss +11 -11
- package/scss/marketing/large/components/container.scss +9 -9
- 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 +0 -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 +10 -9
- package/scss/marketing/large/components/status.scss +3 -3
- package/scss/marketing/large/components/tab.scss +7 -7
- package/scss/marketing/large/components/table.scss +10 -10
- package/scss/marketing/small/components/badge.scss +8 -3
- package/scss/marketing/small/components/logo.scss +0 -2
- package/scss/marketing/small/components/progress.scss +4 -3
- package/scss/product/large/components/badge.scss +8 -3
- package/scss/product/large/components/logo.scss +0 -2
- package/scss/product/large/components/progress.scss +4 -3
- package/scss/product/small/components/badge.scss +8 -3
- package/scss/product/small/components/logo.scss +0 -2
- package/scss/product/small/components/progress.scss +4 -3
- package/sage-design-tokens-13.2.0.tgz +0 -0
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #0060A7
|
15
15
|
#define badgeColorNotificationLabelDefault #FFFFFF
|
16
16
|
#define badgeColorNotificationLabelAlt #FFFFFF
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #000000
|
18
|
+
#define badgeColorNotificationInverseBgDefault #E13E53
|
19
|
+
#define badgeColorNotificationInverseBgAlt #007ED9
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #000000
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #000000
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #000000
|
13
13
|
#define logoColorSageBgAlt #000000
|
14
|
-
#define logoColorTrustBgDefault #00811F
|
15
|
-
#define logoColorTrustOutline #000000
|
16
14
|
#define logoColorCopilotNoBgFgDefault #000000
|
17
15
|
#define logoColorAiIdentifierBgStar #000000
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #007ED9
|
15
15
|
#define badgeColorNotificationLabelDefault #000000
|
16
16
|
#define badgeColorNotificationLabelAlt #000000
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #FFFFFF
|
18
|
+
#define badgeColorNotificationInverseBgDefault #CD384B
|
19
|
+
#define badgeColorNotificationInverseBgAlt #0060A7
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #FFFFFF
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #FFFFFF
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #00D639
|
13
13
|
#define logoColorSageBgAlt #FFFFFF
|
14
|
-
#define logoColorTrustBgDefault #009023
|
15
|
-
#define logoColorTrustOutline #FFFFFF
|
16
14
|
#define logoColorCopilotNoBgFgDefault #FFFFFF
|
17
15
|
#define logoColorAiIdentifierBgStar #FFFFFF
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #0060A7
|
15
15
|
#define badgeColorNotificationLabelDefault #FFFFFF
|
16
16
|
#define badgeColorNotificationLabelAlt #FFFFFF
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #000000
|
18
|
+
#define badgeColorNotificationInverseBgDefault #E13E53
|
19
|
+
#define badgeColorNotificationInverseBgAlt #007ED9
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #000000
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #000000
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #000000
|
13
13
|
#define logoColorSageBgAlt #000000
|
14
|
-
#define logoColorTrustBgDefault #00811F
|
15
|
-
#define logoColorTrustOutline #000000
|
16
14
|
#define logoColorCopilotNoBgFgDefault #000000
|
17
15
|
#define logoColorAiIdentifierBgStar #000000
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #007ED9
|
15
15
|
#define badgeColorNotificationLabelDefault #000000
|
16
16
|
#define badgeColorNotificationLabelAlt #000000
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #FFFFFF
|
18
|
+
#define badgeColorNotificationInverseBgDefault #CD384B
|
19
|
+
#define badgeColorNotificationInverseBgAlt #0060A7
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #FFFFFF
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #FFFFFF
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #00D639
|
13
13
|
#define logoColorSageBgAlt #FFFFFF
|
14
|
-
#define logoColorTrustBgDefault #009023
|
15
|
-
#define logoColorTrustOutline #FFFFFF
|
16
14
|
#define logoColorCopilotNoBgFgDefault #FFFFFF
|
17
15
|
#define logoColorAiIdentifierBgStar #FFFFFF
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #0060A7
|
15
15
|
#define badgeColorNotificationLabelDefault #FFFFFF
|
16
16
|
#define badgeColorNotificationLabelAlt #FFFFFF
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #000000
|
18
|
+
#define badgeColorNotificationInverseBgDefault #E13E53
|
19
|
+
#define badgeColorNotificationInverseBgAlt #007ED9
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #000000
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #000000
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #000000
|
13
13
|
#define logoColorSageBgAlt #000000
|
14
|
-
#define logoColorTrustBgDefault #00811F
|
15
|
-
#define logoColorTrustOutline #000000
|
16
14
|
#define logoColorCopilotNoBgFgDefault #000000
|
17
15
|
#define logoColorAiIdentifierBgStar #000000
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #007ED9
|
15
15
|
#define badgeColorNotificationLabelDefault #000000
|
16
16
|
#define badgeColorNotificationLabelAlt #000000
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #FFFFFF
|
18
|
+
#define badgeColorNotificationInverseBgDefault #CD384B
|
19
|
+
#define badgeColorNotificationInverseBgAlt #0060A7
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #FFFFFF
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #FFFFFF
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #00D639
|
13
13
|
#define logoColorSageBgAlt #FFFFFF
|
14
|
-
#define logoColorTrustBgDefault #009023
|
15
|
-
#define logoColorTrustOutline #FFFFFF
|
16
14
|
#define logoColorCopilotNoBgFgDefault #FFFFFF
|
17
15
|
#define logoColorAiIdentifierBgStar #FFFFFF
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -14,6 +14,11 @@
|
|
14
14
|
#define badgeColorNotificationBgAlt #0060A7
|
15
15
|
#define badgeColorNotificationLabelDefault #FFFFFF
|
16
16
|
#define badgeColorNotificationLabelAlt #FFFFFF
|
17
|
+
#define badgeColorNotificationInverseBorderDefault #000000
|
18
|
+
#define badgeColorNotificationInverseBgDefault #E13E53
|
19
|
+
#define badgeColorNotificationInverseBgAlt #007ED9
|
20
|
+
#define badgeColorNotificationInverseLabelDefault #000000
|
21
|
+
#define badgeColorNotificationInverseLabelAlt #000000
|
17
22
|
#define badgeSizeMicroDot 8
|
18
23
|
#define badgeSizeMicroNumberedMin 16
|
19
24
|
#define badgeSizeMicroNumberedMax 32
|
@@ -11,8 +11,6 @@
|
|
11
11
|
|
12
12
|
#define logoColorSageBgDefault #000000
|
13
13
|
#define logoColorSageBgAlt #000000
|
14
|
-
#define logoColorTrustBgDefault #00811F
|
15
|
-
#define logoColorTrustOutline #000000
|
16
14
|
#define logoColorCopilotNoBgFgDefault #000000
|
17
15
|
#define logoColorAiIdentifierBgStar #000000
|
18
16
|
#define logoColorAiIdentifierBgDot #00D639
|
@@ -16,9 +16,10 @@
|
|
16
16
|
#define progressSizeCarouselselectorActivedotM 16
|
17
17
|
#define progressSizeCarouselselectorHitareaM 24
|
18
18
|
#define progressSizeCarouselslideXM 56
|
19
|
-
#define
|
20
|
-
#define
|
21
|
-
#define
|
19
|
+
#define progressSizeSpinnerXs 20
|
20
|
+
#define progressSizeSpinnerS 32
|
21
|
+
#define progressSizeSpinnerM 64
|
22
|
+
#define progressSizeSpinnerL 96
|
22
23
|
#define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
|
23
24
|
#define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
24
25
|
#define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
|
@@ -27,6 +27,13 @@ declare const tokens: {
|
|
27
27
|
"bg-alt": DesignToken;
|
28
28
|
"label-default": DesignToken;
|
29
29
|
"label-alt": DesignToken;
|
30
|
+
inverse: {
|
31
|
+
"border-default": DesignToken;
|
32
|
+
"bg-default": DesignToken;
|
33
|
+
"bg-alt": DesignToken;
|
34
|
+
"label-default": DesignToken;
|
35
|
+
"label-alt": DesignToken;
|
36
|
+
};
|
30
37
|
};
|
31
38
|
};
|
32
39
|
size: {
|
@@ -17,7 +17,7 @@ module.exports = {
|
|
17
17
|
isSource: true,
|
18
18
|
original: {
|
19
19
|
$type: "color",
|
20
|
-
$value: "{modes.color.generic.
|
20
|
+
$value: "{modes.color.generic.content.nought}",
|
21
21
|
},
|
22
22
|
name: "badgeColorNotificationBorderDefault",
|
23
23
|
attributes: {},
|
@@ -58,7 +58,7 @@ module.exports = {
|
|
58
58
|
isSource: true,
|
59
59
|
original: {
|
60
60
|
$type: "color",
|
61
|
-
$value: "{modes.color.generic.
|
61
|
+
$value: "{modes.color.generic.content.nought}",
|
62
62
|
},
|
63
63
|
name: "badgeColorNotificationLabelDefault",
|
64
64
|
attributes: {},
|
@@ -71,12 +71,93 @@ module.exports = {
|
|
71
71
|
isSource: true,
|
72
72
|
original: {
|
73
73
|
$type: "color",
|
74
|
-
$value: "{modes.color.generic.
|
74
|
+
$value: "{modes.color.generic.content.nought}",
|
75
75
|
},
|
76
76
|
name: "badgeColorNotificationLabelAlt",
|
77
77
|
attributes: {},
|
78
78
|
path: ["badge", "color", "notification", "label-alt"],
|
79
79
|
},
|
80
|
+
inverse: {
|
81
|
+
"border-default": {
|
82
|
+
$type: "color",
|
83
|
+
$value: "#FFFFFF",
|
84
|
+
filePath: "data/tokens/components/badge.json",
|
85
|
+
isSource: true,
|
86
|
+
original: {
|
87
|
+
$type: "color",
|
88
|
+
$value: "{modes.color.generic.content.extreme}",
|
89
|
+
},
|
90
|
+
name: "badgeColorNotificationInverseBorderDefault",
|
91
|
+
attributes: {},
|
92
|
+
path: [
|
93
|
+
"badge",
|
94
|
+
"color",
|
95
|
+
"notification",
|
96
|
+
"inverse",
|
97
|
+
"border-default",
|
98
|
+
],
|
99
|
+
},
|
100
|
+
"bg-default": {
|
101
|
+
$type: "color",
|
102
|
+
$value: "#CD384B",
|
103
|
+
$description: "Used in global nav notification badges",
|
104
|
+
filePath: "data/tokens/components/badge.json",
|
105
|
+
isSource: true,
|
106
|
+
original: {
|
107
|
+
$type: "color",
|
108
|
+
$value: "{modes.color.status.negative.inverse.default}",
|
109
|
+
$description: "Used in global nav notification badges",
|
110
|
+
},
|
111
|
+
name: "badgeColorNotificationInverseBgDefault",
|
112
|
+
attributes: {},
|
113
|
+
path: ["badge", "color", "notification", "inverse", "bg-default"],
|
114
|
+
},
|
115
|
+
"bg-alt": {
|
116
|
+
$type: "color",
|
117
|
+
$value: "#0060A7",
|
118
|
+
filePath: "data/tokens/components/badge.json",
|
119
|
+
isSource: true,
|
120
|
+
original: {
|
121
|
+
$type: "color",
|
122
|
+
$value: "{modes.color.status.info.inverse.default}",
|
123
|
+
},
|
124
|
+
name: "badgeColorNotificationInverseBgAlt",
|
125
|
+
attributes: {},
|
126
|
+
path: ["badge", "color", "notification", "inverse", "bg-alt"],
|
127
|
+
},
|
128
|
+
"label-default": {
|
129
|
+
$type: "color",
|
130
|
+
$value: "#FFFFFF",
|
131
|
+
filePath: "data/tokens/components/badge.json",
|
132
|
+
isSource: true,
|
133
|
+
original: {
|
134
|
+
$type: "color",
|
135
|
+
$value: "{modes.color.generic.content.extreme}",
|
136
|
+
},
|
137
|
+
name: "badgeColorNotificationInverseLabelDefault",
|
138
|
+
attributes: {},
|
139
|
+
path: [
|
140
|
+
"badge",
|
141
|
+
"color",
|
142
|
+
"notification",
|
143
|
+
"inverse",
|
144
|
+
"label-default",
|
145
|
+
],
|
146
|
+
},
|
147
|
+
"label-alt": {
|
148
|
+
$type: "color",
|
149
|
+
$value: "#FFFFFF",
|
150
|
+
filePath: "data/tokens/components/badge.json",
|
151
|
+
isSource: true,
|
152
|
+
original: {
|
153
|
+
$type: "color",
|
154
|
+
$value: "{modes.color.generic.content.extreme}",
|
155
|
+
},
|
156
|
+
name: "badgeColorNotificationInverseLabelAlt",
|
157
|
+
attributes: {},
|
158
|
+
path: ["badge", "color", "notification", "inverse", "label-alt"],
|
159
|
+
},
|
160
|
+
},
|
80
161
|
},
|
81
162
|
},
|
82
163
|
size: {
|
@@ -39,36 +39,6 @@ module.exports = {
|
|
39
39
|
path: ["logo", "color", "sage", "bg-alt"],
|
40
40
|
},
|
41
41
|
},
|
42
|
-
trust: {
|
43
|
-
"bg-default": {
|
44
|
-
$type: "color",
|
45
|
-
$value: "#009023",
|
46
|
-
$description: "filled",
|
47
|
-
filePath: "data/tokens/components/logo.json",
|
48
|
-
isSource: true,
|
49
|
-
original: {
|
50
|
-
$type: "color",
|
51
|
-
$value: "{modes.color.status.positive.default}",
|
52
|
-
$description: "filled",
|
53
|
-
},
|
54
|
-
name: "logoColorTrustBgDefault",
|
55
|
-
attributes: {},
|
56
|
-
path: ["logo", "color", "trust", "bg-default"],
|
57
|
-
},
|
58
|
-
outline: {
|
59
|
-
$type: "color",
|
60
|
-
$value: "#FFFFFF",
|
61
|
-
filePath: "data/tokens/components/logo.json",
|
62
|
-
isSource: true,
|
63
|
-
original: {
|
64
|
-
$type: "color",
|
65
|
-
$value: "{modes.color.generic.content.extreme}",
|
66
|
-
},
|
67
|
-
name: "logoColorTrustOutline",
|
68
|
-
attributes: {},
|
69
|
-
path: ["logo", "color", "trust", "outline"],
|
70
|
-
},
|
71
|
-
},
|
72
42
|
copilot: {
|
73
43
|
noBg: {
|
74
44
|
"fg-default": {
|
@@ -122,7 +122,22 @@ module.exports = {
|
|
122
122
|
},
|
123
123
|
},
|
124
124
|
},
|
125
|
-
|
125
|
+
spinner: {
|
126
|
+
XS: {
|
127
|
+
$type: "sizing",
|
128
|
+
$value: 20,
|
129
|
+
$description: "Loader ring for XS size loader spinners",
|
130
|
+
filePath: "data/tokens/components/progress.json",
|
131
|
+
isSource: true,
|
132
|
+
original: {
|
133
|
+
$type: "sizing",
|
134
|
+
$value: "{global.size.macro.XS} - {global.size.micro.XS}",
|
135
|
+
$description: "Loader ring for XS size loader spinners",
|
136
|
+
},
|
137
|
+
name: "progressSizeSpinnerXs",
|
138
|
+
attributes: {},
|
139
|
+
path: ["progress", "size", "spinner", "XS"],
|
140
|
+
},
|
126
141
|
S: {
|
127
142
|
$type: "sizing",
|
128
143
|
$value: 32,
|
@@ -134,9 +149,9 @@ module.exports = {
|
|
134
149
|
$value: "{global.size.macro.S}",
|
135
150
|
$description: "Loader ring",
|
136
151
|
},
|
137
|
-
name: "
|
152
|
+
name: "progressSizeSpinnerS",
|
138
153
|
attributes: {},
|
139
|
-
path: ["progress", "size", "
|
154
|
+
path: ["progress", "size", "spinner", "S"],
|
140
155
|
},
|
141
156
|
M: {
|
142
157
|
$type: "sizing",
|
@@ -149,9 +164,9 @@ module.exports = {
|
|
149
164
|
$value: "{global.size.macro.S} * 2",
|
150
165
|
$description: "Loader ring",
|
151
166
|
},
|
152
|
-
name: "
|
167
|
+
name: "progressSizeSpinnerM",
|
153
168
|
attributes: {},
|
154
|
-
path: ["progress", "size", "
|
169
|
+
path: ["progress", "size", "spinner", "M"],
|
155
170
|
},
|
156
171
|
L: {
|
157
172
|
$type: "sizing",
|
@@ -164,9 +179,9 @@ module.exports = {
|
|
164
179
|
$value: "{global.size.macro.XS} * 4",
|
165
180
|
$description: "Loader ring",
|
166
181
|
},
|
167
|
-
name: "
|
182
|
+
name: "progressSizeSpinnerL",
|
168
183
|
attributes: {},
|
169
|
-
path: ["progress", "size", "
|
184
|
+
path: ["progress", "size", "spinner", "L"],
|
170
185
|
},
|
171
186
|
},
|
172
187
|
skeleton: {
|
@@ -27,6 +27,13 @@ declare const tokens: {
|
|
27
27
|
"bg-alt": DesignToken;
|
28
28
|
"label-default": DesignToken;
|
29
29
|
"label-alt": DesignToken;
|
30
|
+
inverse: {
|
31
|
+
"border-default": DesignToken;
|
32
|
+
"bg-default": DesignToken;
|
33
|
+
"bg-alt": DesignToken;
|
34
|
+
"label-default": DesignToken;
|
35
|
+
"label-alt": DesignToken;
|
36
|
+
};
|
30
37
|
};
|
31
38
|
};
|
32
39
|
size: {
|
@@ -17,7 +17,7 @@ module.exports = {
|
|
17
17
|
isSource: true,
|
18
18
|
original: {
|
19
19
|
$type: "color",
|
20
|
-
$value: "{modes.color.generic.
|
20
|
+
$value: "{modes.color.generic.content.nought}",
|
21
21
|
},
|
22
22
|
name: "badgeColorNotificationBorderDefault",
|
23
23
|
attributes: {},
|
@@ -58,7 +58,7 @@ module.exports = {
|
|
58
58
|
isSource: true,
|
59
59
|
original: {
|
60
60
|
$type: "color",
|
61
|
-
$value: "{modes.color.generic.
|
61
|
+
$value: "{modes.color.generic.content.nought}",
|
62
62
|
},
|
63
63
|
name: "badgeColorNotificationLabelDefault",
|
64
64
|
attributes: {},
|
@@ -71,12 +71,93 @@ module.exports = {
|
|
71
71
|
isSource: true,
|
72
72
|
original: {
|
73
73
|
$type: "color",
|
74
|
-
$value: "{modes.color.generic.
|
74
|
+
$value: "{modes.color.generic.content.nought}",
|
75
75
|
},
|
76
76
|
name: "badgeColorNotificationLabelAlt",
|
77
77
|
attributes: {},
|
78
78
|
path: ["badge", "color", "notification", "label-alt"],
|
79
79
|
},
|
80
|
+
inverse: {
|
81
|
+
"border-default": {
|
82
|
+
$type: "color",
|
83
|
+
$value: "#000000",
|
84
|
+
filePath: "data/tokens/components/badge.json",
|
85
|
+
isSource: true,
|
86
|
+
original: {
|
87
|
+
$type: "color",
|
88
|
+
$value: "{modes.color.generic.content.extreme}",
|
89
|
+
},
|
90
|
+
name: "badgeColorNotificationInverseBorderDefault",
|
91
|
+
attributes: {},
|
92
|
+
path: [
|
93
|
+
"badge",
|
94
|
+
"color",
|
95
|
+
"notification",
|
96
|
+
"inverse",
|
97
|
+
"border-default",
|
98
|
+
],
|
99
|
+
},
|
100
|
+
"bg-default": {
|
101
|
+
$type: "color",
|
102
|
+
$value: "#E13E53",
|
103
|
+
$description: "Used in global nav notification badges",
|
104
|
+
filePath: "data/tokens/components/badge.json",
|
105
|
+
isSource: true,
|
106
|
+
original: {
|
107
|
+
$type: "color",
|
108
|
+
$value: "{modes.color.status.negative.inverse.default}",
|
109
|
+
$description: "Used in global nav notification badges",
|
110
|
+
},
|
111
|
+
name: "badgeColorNotificationInverseBgDefault",
|
112
|
+
attributes: {},
|
113
|
+
path: ["badge", "color", "notification", "inverse", "bg-default"],
|
114
|
+
},
|
115
|
+
"bg-alt": {
|
116
|
+
$type: "color",
|
117
|
+
$value: "#007ED9",
|
118
|
+
filePath: "data/tokens/components/badge.json",
|
119
|
+
isSource: true,
|
120
|
+
original: {
|
121
|
+
$type: "color",
|
122
|
+
$value: "{modes.color.status.info.inverse.default}",
|
123
|
+
},
|
124
|
+
name: "badgeColorNotificationInverseBgAlt",
|
125
|
+
attributes: {},
|
126
|
+
path: ["badge", "color", "notification", "inverse", "bg-alt"],
|
127
|
+
},
|
128
|
+
"label-default": {
|
129
|
+
$type: "color",
|
130
|
+
$value: "#000000",
|
131
|
+
filePath: "data/tokens/components/badge.json",
|
132
|
+
isSource: true,
|
133
|
+
original: {
|
134
|
+
$type: "color",
|
135
|
+
$value: "{modes.color.generic.content.extreme}",
|
136
|
+
},
|
137
|
+
name: "badgeColorNotificationInverseLabelDefault",
|
138
|
+
attributes: {},
|
139
|
+
path: [
|
140
|
+
"badge",
|
141
|
+
"color",
|
142
|
+
"notification",
|
143
|
+
"inverse",
|
144
|
+
"label-default",
|
145
|
+
],
|
146
|
+
},
|
147
|
+
"label-alt": {
|
148
|
+
$type: "color",
|
149
|
+
$value: "#000000",
|
150
|
+
filePath: "data/tokens/components/badge.json",
|
151
|
+
isSource: true,
|
152
|
+
original: {
|
153
|
+
$type: "color",
|
154
|
+
$value: "{modes.color.generic.content.extreme}",
|
155
|
+
},
|
156
|
+
name: "badgeColorNotificationInverseLabelAlt",
|
157
|
+
attributes: {},
|
158
|
+
path: ["badge", "color", "notification", "inverse", "label-alt"],
|
159
|
+
},
|
160
|
+
},
|
80
161
|
},
|
81
162
|
},
|
82
163
|
size: {
|