@sage/design-tokens 15.1.0 → 15.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/frozenproduct/all.css +6 -2
- package/css/frozenproduct/large/components/form.css +3 -0
- package/css/frozenproduct/large/dark.css +2 -1
- package/css/frozenproduct/large/light.css +2 -1
- package/css/frozenproduct/small/components/form.css +3 -0
- package/css/frozenproduct/small/dark.css +2 -1
- package/css/frozenproduct/small/light.css +2 -1
- package/css/product/all.css +6 -2
- package/css/product/large/components/form.css +3 -0
- package/css/product/large/dark.css +2 -1
- package/css/product/large/light.css +2 -1
- package/css/product/small/components/form.css +3 -0
- package/css/product/small/dark.css +2 -1
- package/css/product/small/light.css +2 -1
- package/ios/frozenproduct/large/dark/components/form.h +3 -0
- package/ios/frozenproduct/large/dark/mode.h +2 -1
- package/ios/frozenproduct/large/light/components/form.h +3 -0
- package/ios/frozenproduct/large/light/mode.h +2 -1
- package/ios/frozenproduct/small/dark/components/form.h +3 -0
- package/ios/frozenproduct/small/dark/mode.h +2 -1
- package/ios/frozenproduct/small/light/components/form.h +3 -0
- package/ios/frozenproduct/small/light/mode.h +2 -1
- package/ios/product/large/dark/components/form.h +3 -0
- package/ios/product/large/dark/mode.h +2 -1
- package/ios/product/large/light/components/form.h +3 -0
- package/ios/product/large/light/mode.h +2 -1
- package/ios/product/small/dark/components/form.h +3 -0
- package/ios/product/small/dark/mode.h +2 -1
- package/ios/product/small/light/components/form.h +3 -0
- package/ios/product/small/light/mode.h +2 -1
- package/js/common/frozenproduct/large/dark/components/form.d.ts +3 -0
- package/js/common/frozenproduct/large/dark/components/form.js +53 -0
- package/js/common/frozenproduct/large/dark/mode.d.ts +1 -0
- package/js/common/frozenproduct/large/dark/mode.js +42 -2
- package/js/common/frozenproduct/large/light/components/form.d.ts +3 -0
- package/js/common/frozenproduct/large/light/components/form.js +53 -0
- package/js/common/frozenproduct/large/light/mode.d.ts +1 -0
- package/js/common/frozenproduct/large/light/mode.js +42 -2
- package/js/common/frozenproduct/small/dark/components/form.d.ts +3 -0
- package/js/common/frozenproduct/small/dark/components/form.js +53 -0
- package/js/common/frozenproduct/small/dark/mode.d.ts +1 -0
- package/js/common/frozenproduct/small/dark/mode.js +42 -2
- package/js/common/frozenproduct/small/light/components/form.d.ts +3 -0
- package/js/common/frozenproduct/small/light/components/form.js +53 -0
- package/js/common/frozenproduct/small/light/mode.d.ts +1 -0
- package/js/common/frozenproduct/small/light/mode.js +42 -2
- package/js/common/product/large/dark/components/form.d.ts +3 -0
- package/js/common/product/large/dark/components/form.js +53 -0
- package/js/common/product/large/dark/mode.d.ts +1 -0
- package/js/common/product/large/dark/mode.js +42 -2
- package/js/common/product/large/light/components/form.d.ts +3 -0
- package/js/common/product/large/light/components/form.js +53 -0
- package/js/common/product/large/light/mode.d.ts +1 -0
- package/js/common/product/large/light/mode.js +42 -2
- package/js/common/product/small/dark/components/form.d.ts +3 -0
- package/js/common/product/small/dark/components/form.js +53 -0
- package/js/common/product/small/dark/mode.d.ts +1 -0
- package/js/common/product/small/dark/mode.js +42 -2
- package/js/common/product/small/light/components/form.d.ts +3 -0
- package/js/common/product/small/light/components/form.js +53 -0
- package/js/common/product/small/light/mode.d.ts +1 -0
- package/js/common/product/small/light/mode.js +42 -2
- package/js/es6/frozenproduct/large/dark/components/form.d.ts +15 -0
- package/js/es6/frozenproduct/large/dark/components/form.js +15 -0
- package/js/es6/frozenproduct/large/dark/mode.d.ts +1 -0
- package/js/es6/frozenproduct/large/dark/mode.js +2 -1
- package/js/es6/frozenproduct/large/light/components/form.d.ts +15 -0
- package/js/es6/frozenproduct/large/light/components/form.js +15 -0
- package/js/es6/frozenproduct/large/light/mode.d.ts +1 -0
- package/js/es6/frozenproduct/large/light/mode.js +2 -1
- package/js/es6/frozenproduct/small/dark/components/form.d.ts +15 -0
- package/js/es6/frozenproduct/small/dark/components/form.js +15 -0
- package/js/es6/frozenproduct/small/dark/mode.d.ts +1 -0
- package/js/es6/frozenproduct/small/dark/mode.js +2 -1
- package/js/es6/frozenproduct/small/light/components/form.d.ts +15 -0
- package/js/es6/frozenproduct/small/light/components/form.js +15 -0
- package/js/es6/frozenproduct/small/light/mode.d.ts +1 -0
- package/js/es6/frozenproduct/small/light/mode.js +2 -1
- package/js/es6/product/large/dark/components/form.d.ts +15 -0
- package/js/es6/product/large/dark/components/form.js +15 -0
- package/js/es6/product/large/dark/mode.d.ts +1 -0
- package/js/es6/product/large/dark/mode.js +2 -1
- package/js/es6/product/large/light/components/form.d.ts +15 -0
- package/js/es6/product/large/light/components/form.js +15 -0
- package/js/es6/product/large/light/mode.d.ts +1 -0
- package/js/es6/product/large/light/mode.js +2 -1
- package/js/es6/product/small/dark/components/form.d.ts +15 -0
- package/js/es6/product/small/dark/components/form.js +15 -0
- package/js/es6/product/small/dark/mode.d.ts +1 -0
- package/js/es6/product/small/dark/mode.js +2 -1
- package/js/es6/product/small/light/components/form.d.ts +15 -0
- package/js/es6/product/small/light/components/form.js +15 -0
- package/js/es6/product/small/light/mode.d.ts +1 -0
- package/js/es6/product/small/light/mode.js +2 -1
- package/js/umd/frozenproduct/large/dark/components/form.js +53 -0
- package/js/umd/frozenproduct/large/dark/mode.js +42 -2
- package/js/umd/frozenproduct/large/light/components/form.js +53 -0
- package/js/umd/frozenproduct/large/light/mode.js +42 -2
- package/js/umd/frozenproduct/small/dark/components/form.js +53 -0
- package/js/umd/frozenproduct/small/dark/mode.js +42 -2
- package/js/umd/frozenproduct/small/light/components/form.js +53 -0
- package/js/umd/frozenproduct/small/light/mode.js +42 -2
- package/js/umd/product/large/dark/components/form.js +53 -0
- package/js/umd/product/large/dark/mode.js +42 -2
- package/js/umd/product/large/light/components/form.js +53 -0
- package/js/umd/product/large/light/mode.js +42 -2
- package/js/umd/product/small/dark/components/form.js +53 -0
- package/js/umd/product/small/dark/mode.js +42 -2
- package/js/umd/product/small/light/components/form.js +53 -0
- package/js/umd/product/small/light/mode.js +42 -2
- package/json/flat/frozenproduct/large/dark/components/form.json +3 -0
- package/json/flat/frozenproduct/large/dark/mode.json +2 -1
- package/json/flat/frozenproduct/large/light/components/form.json +3 -0
- package/json/flat/frozenproduct/large/light/mode.json +2 -1
- package/json/flat/frozenproduct/small/dark/components/form.json +3 -0
- package/json/flat/frozenproduct/small/dark/mode.json +2 -1
- package/json/flat/frozenproduct/small/light/components/form.json +3 -0
- package/json/flat/frozenproduct/small/light/mode.json +2 -1
- package/json/flat/product/large/dark/components/form.json +3 -0
- package/json/flat/product/large/dark/mode.json +2 -1
- package/json/flat/product/large/light/components/form.json +3 -0
- package/json/flat/product/large/light/mode.json +2 -1
- package/json/flat/product/small/dark/components/form.json +3 -0
- package/json/flat/product/small/dark/mode.json +2 -1
- package/json/flat/product/small/light/components/form.json +3 -0
- package/json/flat/product/small/light/mode.json +2 -1
- package/json/nested/frozenproduct/large/dark/components/form.json +16 -1
- package/json/nested/frozenproduct/large/dark/mode.json +2 -1
- package/json/nested/frozenproduct/large/light/components/form.json +16 -1
- package/json/nested/frozenproduct/large/light/mode.json +2 -1
- package/json/nested/frozenproduct/small/dark/components/form.json +16 -1
- package/json/nested/frozenproduct/small/dark/mode.json +2 -1
- package/json/nested/frozenproduct/small/light/components/form.json +16 -1
- package/json/nested/frozenproduct/small/light/mode.json +2 -1
- package/json/nested/product/large/dark/components/form.json +16 -1
- package/json/nested/product/large/dark/mode.json +2 -1
- package/json/nested/product/large/light/components/form.json +16 -1
- package/json/nested/product/large/light/mode.json +2 -1
- package/json/nested/product/small/dark/components/form.json +16 -1
- package/json/nested/product/small/dark/mode.json +2 -1
- package/json/nested/product/small/light/components/form.json +16 -1
- package/json/nested/product/small/light/mode.json +2 -1
- package/package.json +1 -1
- package/sage-design-tokens-15.2.0.tgz +0 -0
- package/scss/frozenproduct/large/components/form.scss +3 -0
- package/scss/frozenproduct/large/dark.scss +2 -1
- package/scss/frozenproduct/large/light.scss +2 -1
- package/scss/frozenproduct/small/components/form.scss +3 -0
- package/scss/frozenproduct/small/dark.scss +2 -1
- package/scss/frozenproduct/small/light.scss +2 -1
- package/scss/product/large/components/form.scss +3 -0
- package/scss/product/large/dark.scss +2 -1
- package/scss/product/large/light.scss +2 -1
- package/scss/product/small/components/form.scss +3 -0
- package/scss/product/small/dark.scss +2 -1
- package/scss/product/small/light.scss +2 -1
- package/sage-design-tokens-15.1.0.tgz +0 -0
@@ -3467,6 +3467,21 @@ module.exports = {
|
|
3467
3467
|
attributes: {},
|
3468
3468
|
path: ["form", "color", "dropdown", "label-hover"],
|
3469
3469
|
},
|
3470
|
+
"label-subtext": {
|
3471
|
+
$type: "color",
|
3472
|
+
$value: "#ffffff6b",
|
3473
|
+
$description: "Option subtext.",
|
3474
|
+
filePath: "data/tokens/components/form.json",
|
3475
|
+
isSource: true,
|
3476
|
+
original: {
|
3477
|
+
$type: "color",
|
3478
|
+
$value: "{modes.color.interactive.monochrome.defaultAlt3}",
|
3479
|
+
$description: "Option subtext.",
|
3480
|
+
},
|
3481
|
+
name: "formColorDropdownLabelSubtext",
|
3482
|
+
attributes: {},
|
3483
|
+
path: ["form", "color", "dropdown", "label-subtext"],
|
3484
|
+
},
|
3470
3485
|
},
|
3471
3486
|
labelset: {
|
3472
3487
|
"label-required": {
|
@@ -4723,6 +4738,25 @@ module.exports = {
|
|
4723
4738
|
},
|
4724
4739
|
},
|
4725
4740
|
default: {
|
4741
|
+
XS: {
|
4742
|
+
$type: "typography",
|
4743
|
+
$value: {
|
4744
|
+
fontFamily: "Sage UI",
|
4745
|
+
fontWeight: "400",
|
4746
|
+
lineHeight: 1.5,
|
4747
|
+
fontSize: "13px",
|
4748
|
+
paragraphSpacing: "0",
|
4749
|
+
},
|
4750
|
+
filePath: "data/tokens/components/form.json",
|
4751
|
+
isSource: true,
|
4752
|
+
original: {
|
4753
|
+
$type: "typography",
|
4754
|
+
$value: "{global.typography.adaptive.component.moderate.XS}",
|
4755
|
+
},
|
4756
|
+
name: "formTypographyAdaptiveDefaultXs",
|
4757
|
+
attributes: {},
|
4758
|
+
path: ["form", "typography", "adaptive", "default", "XS"],
|
4759
|
+
},
|
4726
4760
|
S: {
|
4727
4761
|
$type: "typography",
|
4728
4762
|
$value: {
|
@@ -4843,6 +4877,25 @@ module.exports = {
|
|
4843
4877
|
},
|
4844
4878
|
},
|
4845
4879
|
default: {
|
4880
|
+
XS: {
|
4881
|
+
$type: "typography",
|
4882
|
+
$value: {
|
4883
|
+
fontFamily: "Sage UI",
|
4884
|
+
fontWeight: "400",
|
4885
|
+
lineHeight: 1.5,
|
4886
|
+
fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
|
4887
|
+
paragraphSpacing: "0",
|
4888
|
+
},
|
4889
|
+
filePath: "data/tokens/components/form.json",
|
4890
|
+
isSource: true,
|
4891
|
+
original: {
|
4892
|
+
$type: "typography",
|
4893
|
+
$value: "{global.typography.responsive.component.moderate.XS}",
|
4894
|
+
},
|
4895
|
+
name: "formTypographyResponsiveDefaultXs",
|
4896
|
+
attributes: {},
|
4897
|
+
path: ["form", "typography", "responsive", "default", "XS"],
|
4898
|
+
},
|
4846
4899
|
S: {
|
4847
4900
|
$type: "typography",
|
4848
4901
|
$value: {
|
@@ -2548,6 +2548,46 @@ module.exports = {
|
|
2548
2548
|
path: ["modes", "color", "interactive", "monochrome", "defaultAlt"],
|
2549
2549
|
},
|
2550
2550
|
defaultAlt2: {
|
2551
|
+
$extensions: {
|
2552
|
+
"studio.tokens": {
|
2553
|
+
modify: {
|
2554
|
+
type: "alpha",
|
2555
|
+
value: "0.55",
|
2556
|
+
space: "lch",
|
2557
|
+
format: "hex",
|
2558
|
+
},
|
2559
|
+
},
|
2560
|
+
},
|
2561
|
+
$type: "color",
|
2562
|
+
$value: "#ffffff8c",
|
2563
|
+
$description: "Dropdown option subtext.",
|
2564
|
+
filePath: "data/tokens/modes/dark.json",
|
2565
|
+
isSource: true,
|
2566
|
+
original: {
|
2567
|
+
$extensions: {
|
2568
|
+
"studio.tokens": {
|
2569
|
+
modify: {
|
2570
|
+
type: "alpha",
|
2571
|
+
value: "0.55",
|
2572
|
+
space: "lch",
|
2573
|
+
},
|
2574
|
+
},
|
2575
|
+
},
|
2576
|
+
$type: "color",
|
2577
|
+
$value: "{modes.color.interactive.monochrome.active}",
|
2578
|
+
$description: "Dropdown option subtext.",
|
2579
|
+
},
|
2580
|
+
name: "modesColorInteractiveMonochromeDefaultAlt2",
|
2581
|
+
attributes: {},
|
2582
|
+
path: [
|
2583
|
+
"modes",
|
2584
|
+
"color",
|
2585
|
+
"interactive",
|
2586
|
+
"monochrome",
|
2587
|
+
"defaultAlt2",
|
2588
|
+
],
|
2589
|
+
},
|
2590
|
+
defaultAlt3: {
|
2551
2591
|
$extensions: {
|
2552
2592
|
"studio.tokens": {
|
2553
2593
|
modify: {
|
@@ -2577,14 +2617,14 @@ module.exports = {
|
|
2577
2617
|
$value: "{modes.color.interactive.monochrome.active}",
|
2578
2618
|
$description: "Tertiary border color",
|
2579
2619
|
},
|
2580
|
-
name: "
|
2620
|
+
name: "modesColorInteractiveMonochromeDefaultAlt3",
|
2581
2621
|
attributes: {},
|
2582
2622
|
path: [
|
2583
2623
|
"modes",
|
2584
2624
|
"color",
|
2585
2625
|
"interactive",
|
2586
2626
|
"monochrome",
|
2587
|
-
"
|
2627
|
+
"defaultAlt3",
|
2588
2628
|
],
|
2589
2629
|
},
|
2590
2630
|
hoverAlt: {
|
@@ -452,6 +452,7 @@ declare const tokens: {
|
|
452
452
|
"label-disabled": DesignToken;
|
453
453
|
"label-enabled": DesignToken;
|
454
454
|
"label-hover": DesignToken;
|
455
|
+
"label-subtext": DesignToken;
|
455
456
|
};
|
456
457
|
labelset: {
|
457
458
|
"label-required": DesignToken;
|
@@ -566,6 +567,7 @@ declare const tokens: {
|
|
566
567
|
L: DesignToken;
|
567
568
|
};
|
568
569
|
default: {
|
570
|
+
XS: DesignToken;
|
569
571
|
S: DesignToken;
|
570
572
|
M: DesignToken;
|
571
573
|
L: DesignToken;
|
@@ -578,6 +580,7 @@ declare const tokens: {
|
|
578
580
|
L: DesignToken;
|
579
581
|
};
|
580
582
|
default: {
|
583
|
+
XS: DesignToken;
|
581
584
|
S: DesignToken;
|
582
585
|
M: DesignToken;
|
583
586
|
L: DesignToken;
|
@@ -3467,6 +3467,21 @@ module.exports = {
|
|
3467
3467
|
attributes: {},
|
3468
3468
|
path: ["form", "color", "dropdown", "label-hover"],
|
3469
3469
|
},
|
3470
|
+
"label-subtext": {
|
3471
|
+
$type: "color",
|
3472
|
+
$value: "#0000006b",
|
3473
|
+
$description: "Option subtext.",
|
3474
|
+
filePath: "data/tokens/components/form.json",
|
3475
|
+
isSource: true,
|
3476
|
+
original: {
|
3477
|
+
$type: "color",
|
3478
|
+
$value: "{modes.color.interactive.monochrome.defaultAlt3}",
|
3479
|
+
$description: "Option subtext.",
|
3480
|
+
},
|
3481
|
+
name: "formColorDropdownLabelSubtext",
|
3482
|
+
attributes: {},
|
3483
|
+
path: ["form", "color", "dropdown", "label-subtext"],
|
3484
|
+
},
|
3470
3485
|
},
|
3471
3486
|
labelset: {
|
3472
3487
|
"label-required": {
|
@@ -4723,6 +4738,25 @@ module.exports = {
|
|
4723
4738
|
},
|
4724
4739
|
},
|
4725
4740
|
default: {
|
4741
|
+
XS: {
|
4742
|
+
$type: "typography",
|
4743
|
+
$value: {
|
4744
|
+
fontFamily: "Sage UI",
|
4745
|
+
fontWeight: "400",
|
4746
|
+
lineHeight: 1.5,
|
4747
|
+
fontSize: "13px",
|
4748
|
+
paragraphSpacing: "0",
|
4749
|
+
},
|
4750
|
+
filePath: "data/tokens/components/form.json",
|
4751
|
+
isSource: true,
|
4752
|
+
original: {
|
4753
|
+
$type: "typography",
|
4754
|
+
$value: "{global.typography.adaptive.component.moderate.XS}",
|
4755
|
+
},
|
4756
|
+
name: "formTypographyAdaptiveDefaultXs",
|
4757
|
+
attributes: {},
|
4758
|
+
path: ["form", "typography", "adaptive", "default", "XS"],
|
4759
|
+
},
|
4726
4760
|
S: {
|
4727
4761
|
$type: "typography",
|
4728
4762
|
$value: {
|
@@ -4843,6 +4877,25 @@ module.exports = {
|
|
4843
4877
|
},
|
4844
4878
|
},
|
4845
4879
|
default: {
|
4880
|
+
XS: {
|
4881
|
+
$type: "typography",
|
4882
|
+
$value: {
|
4883
|
+
fontFamily: "Sage UI",
|
4884
|
+
fontWeight: "400",
|
4885
|
+
lineHeight: 1.5,
|
4886
|
+
fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
|
4887
|
+
paragraphSpacing: "0",
|
4888
|
+
},
|
4889
|
+
filePath: "data/tokens/components/form.json",
|
4890
|
+
isSource: true,
|
4891
|
+
original: {
|
4892
|
+
$type: "typography",
|
4893
|
+
$value: "{global.typography.responsive.component.moderate.XS}",
|
4894
|
+
},
|
4895
|
+
name: "formTypographyResponsiveDefaultXs",
|
4896
|
+
attributes: {},
|
4897
|
+
path: ["form", "typography", "responsive", "default", "XS"],
|
4898
|
+
},
|
4846
4899
|
S: {
|
4847
4900
|
$type: "typography",
|
4848
4901
|
$value: {
|
@@ -2582,6 +2582,46 @@ module.exports = {
|
|
2582
2582
|
path: ["modes", "color", "interactive", "monochrome", "defaultAlt"],
|
2583
2583
|
},
|
2584
2584
|
defaultAlt2: {
|
2585
|
+
$extensions: {
|
2586
|
+
"studio.tokens": {
|
2587
|
+
modify: {
|
2588
|
+
type: "alpha",
|
2589
|
+
value: "0.55",
|
2590
|
+
space: "lch",
|
2591
|
+
format: "hex",
|
2592
|
+
},
|
2593
|
+
},
|
2594
|
+
},
|
2595
|
+
$type: "color",
|
2596
|
+
$value: "#0000008c",
|
2597
|
+
$description: "Dropdown option subtext.",
|
2598
|
+
filePath: "data/tokens/modes/light.json",
|
2599
|
+
isSource: true,
|
2600
|
+
original: {
|
2601
|
+
$extensions: {
|
2602
|
+
"studio.tokens": {
|
2603
|
+
modify: {
|
2604
|
+
type: "alpha",
|
2605
|
+
value: "0.55",
|
2606
|
+
space: "lch",
|
2607
|
+
},
|
2608
|
+
},
|
2609
|
+
},
|
2610
|
+
$type: "color",
|
2611
|
+
$value: "{modes.color.interactive.monochrome.active}",
|
2612
|
+
$description: "Dropdown option subtext.",
|
2613
|
+
},
|
2614
|
+
name: "modesColorInteractiveMonochromeDefaultAlt2",
|
2615
|
+
attributes: {},
|
2616
|
+
path: [
|
2617
|
+
"modes",
|
2618
|
+
"color",
|
2619
|
+
"interactive",
|
2620
|
+
"monochrome",
|
2621
|
+
"defaultAlt2",
|
2622
|
+
],
|
2623
|
+
},
|
2624
|
+
defaultAlt3: {
|
2585
2625
|
$extensions: {
|
2586
2626
|
"studio.tokens": {
|
2587
2627
|
modify: {
|
@@ -2611,14 +2651,14 @@ module.exports = {
|
|
2611
2651
|
$value: "{modes.color.interactive.monochrome.active}",
|
2612
2652
|
$description: "Tertiary border color",
|
2613
2653
|
},
|
2614
|
-
name: "
|
2654
|
+
name: "modesColorInteractiveMonochromeDefaultAlt3",
|
2615
2655
|
attributes: {},
|
2616
2656
|
path: [
|
2617
2657
|
"modes",
|
2618
2658
|
"color",
|
2619
2659
|
"interactive",
|
2620
2660
|
"monochrome",
|
2621
|
-
"
|
2661
|
+
"defaultAlt3",
|
2622
2662
|
],
|
2623
2663
|
},
|
2624
2664
|
hoverAlt: {
|
@@ -452,6 +452,7 @@ declare const tokens: {
|
|
452
452
|
"label-disabled": DesignToken;
|
453
453
|
"label-enabled": DesignToken;
|
454
454
|
"label-hover": DesignToken;
|
455
|
+
"label-subtext": DesignToken;
|
455
456
|
};
|
456
457
|
labelset: {
|
457
458
|
"label-required": DesignToken;
|
@@ -566,6 +567,7 @@ declare const tokens: {
|
|
566
567
|
L: DesignToken;
|
567
568
|
};
|
568
569
|
default: {
|
570
|
+
XS: DesignToken;
|
569
571
|
S: DesignToken;
|
570
572
|
M: DesignToken;
|
571
573
|
L: DesignToken;
|
@@ -578,6 +580,7 @@ declare const tokens: {
|
|
578
580
|
L: DesignToken;
|
579
581
|
};
|
580
582
|
default: {
|
583
|
+
XS: DesignToken;
|
581
584
|
S: DesignToken;
|
582
585
|
M: DesignToken;
|
583
586
|
L: DesignToken;
|
@@ -3467,6 +3467,21 @@ module.exports = {
|
|
3467
3467
|
attributes: {},
|
3468
3468
|
path: ["form", "color", "dropdown", "label-hover"],
|
3469
3469
|
},
|
3470
|
+
"label-subtext": {
|
3471
|
+
$type: "color",
|
3472
|
+
$value: "#ffffff6b",
|
3473
|
+
$description: "Option subtext.",
|
3474
|
+
filePath: "data/tokens/components/form.json",
|
3475
|
+
isSource: true,
|
3476
|
+
original: {
|
3477
|
+
$type: "color",
|
3478
|
+
$value: "{modes.color.interactive.monochrome.defaultAlt3}",
|
3479
|
+
$description: "Option subtext.",
|
3480
|
+
},
|
3481
|
+
name: "formColorDropdownLabelSubtext",
|
3482
|
+
attributes: {},
|
3483
|
+
path: ["form", "color", "dropdown", "label-subtext"],
|
3484
|
+
},
|
3470
3485
|
},
|
3471
3486
|
labelset: {
|
3472
3487
|
"label-required": {
|
@@ -4723,6 +4738,25 @@ module.exports = {
|
|
4723
4738
|
},
|
4724
4739
|
},
|
4725
4740
|
default: {
|
4741
|
+
XS: {
|
4742
|
+
$type: "typography",
|
4743
|
+
$value: {
|
4744
|
+
fontFamily: "Sage UI",
|
4745
|
+
fontWeight: "400",
|
4746
|
+
lineHeight: 1.5,
|
4747
|
+
fontSize: "13px",
|
4748
|
+
paragraphSpacing: "0",
|
4749
|
+
},
|
4750
|
+
filePath: "data/tokens/components/form.json",
|
4751
|
+
isSource: true,
|
4752
|
+
original: {
|
4753
|
+
$type: "typography",
|
4754
|
+
$value: "{global.typography.adaptive.component.moderate.XS}",
|
4755
|
+
},
|
4756
|
+
name: "formTypographyAdaptiveDefaultXs",
|
4757
|
+
attributes: {},
|
4758
|
+
path: ["form", "typography", "adaptive", "default", "XS"],
|
4759
|
+
},
|
4726
4760
|
S: {
|
4727
4761
|
$type: "typography",
|
4728
4762
|
$value: {
|
@@ -4843,6 +4877,25 @@ module.exports = {
|
|
4843
4877
|
},
|
4844
4878
|
},
|
4845
4879
|
default: {
|
4880
|
+
XS: {
|
4881
|
+
$type: "typography",
|
4882
|
+
$value: {
|
4883
|
+
fontFamily: "Sage UI",
|
4884
|
+
fontWeight: "400",
|
4885
|
+
lineHeight: 1.5,
|
4886
|
+
fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
|
4887
|
+
paragraphSpacing: "0",
|
4888
|
+
},
|
4889
|
+
filePath: "data/tokens/components/form.json",
|
4890
|
+
isSource: true,
|
4891
|
+
original: {
|
4892
|
+
$type: "typography",
|
4893
|
+
$value: "{global.typography.responsive.component.moderate.XS}",
|
4894
|
+
},
|
4895
|
+
name: "formTypographyResponsiveDefaultXs",
|
4896
|
+
attributes: {},
|
4897
|
+
path: ["form", "typography", "responsive", "default", "XS"],
|
4898
|
+
},
|
4846
4899
|
S: {
|
4847
4900
|
$type: "typography",
|
4848
4901
|
$value: {
|
@@ -2548,6 +2548,46 @@ module.exports = {
|
|
2548
2548
|
path: ["modes", "color", "interactive", "monochrome", "defaultAlt"],
|
2549
2549
|
},
|
2550
2550
|
defaultAlt2: {
|
2551
|
+
$extensions: {
|
2552
|
+
"studio.tokens": {
|
2553
|
+
modify: {
|
2554
|
+
type: "alpha",
|
2555
|
+
value: "0.55",
|
2556
|
+
space: "lch",
|
2557
|
+
format: "hex",
|
2558
|
+
},
|
2559
|
+
},
|
2560
|
+
},
|
2561
|
+
$type: "color",
|
2562
|
+
$value: "#ffffff8c",
|
2563
|
+
$description: "Dropdown option subtext.",
|
2564
|
+
filePath: "data/tokens/modes/dark.json",
|
2565
|
+
isSource: true,
|
2566
|
+
original: {
|
2567
|
+
$extensions: {
|
2568
|
+
"studio.tokens": {
|
2569
|
+
modify: {
|
2570
|
+
type: "alpha",
|
2571
|
+
value: "0.55",
|
2572
|
+
space: "lch",
|
2573
|
+
},
|
2574
|
+
},
|
2575
|
+
},
|
2576
|
+
$type: "color",
|
2577
|
+
$value: "{modes.color.interactive.monochrome.active}",
|
2578
|
+
$description: "Dropdown option subtext.",
|
2579
|
+
},
|
2580
|
+
name: "modesColorInteractiveMonochromeDefaultAlt2",
|
2581
|
+
attributes: {},
|
2582
|
+
path: [
|
2583
|
+
"modes",
|
2584
|
+
"color",
|
2585
|
+
"interactive",
|
2586
|
+
"monochrome",
|
2587
|
+
"defaultAlt2",
|
2588
|
+
],
|
2589
|
+
},
|
2590
|
+
defaultAlt3: {
|
2551
2591
|
$extensions: {
|
2552
2592
|
"studio.tokens": {
|
2553
2593
|
modify: {
|
@@ -2577,14 +2617,14 @@ module.exports = {
|
|
2577
2617
|
$value: "{modes.color.interactive.monochrome.active}",
|
2578
2618
|
$description: "Tertiary border color",
|
2579
2619
|
},
|
2580
|
-
name: "
|
2620
|
+
name: "modesColorInteractiveMonochromeDefaultAlt3",
|
2581
2621
|
attributes: {},
|
2582
2622
|
path: [
|
2583
2623
|
"modes",
|
2584
2624
|
"color",
|
2585
2625
|
"interactive",
|
2586
2626
|
"monochrome",
|
2587
|
-
"
|
2627
|
+
"defaultAlt3",
|
2588
2628
|
],
|
2589
2629
|
},
|
2590
2630
|
hoverAlt: {
|
@@ -452,6 +452,7 @@ declare const tokens: {
|
|
452
452
|
"label-disabled": DesignToken;
|
453
453
|
"label-enabled": DesignToken;
|
454
454
|
"label-hover": DesignToken;
|
455
|
+
"label-subtext": DesignToken;
|
455
456
|
};
|
456
457
|
labelset: {
|
457
458
|
"label-required": DesignToken;
|
@@ -566,6 +567,7 @@ declare const tokens: {
|
|
566
567
|
L: DesignToken;
|
567
568
|
};
|
568
569
|
default: {
|
570
|
+
XS: DesignToken;
|
569
571
|
S: DesignToken;
|
570
572
|
M: DesignToken;
|
571
573
|
L: DesignToken;
|
@@ -578,6 +580,7 @@ declare const tokens: {
|
|
578
580
|
L: DesignToken;
|
579
581
|
};
|
580
582
|
default: {
|
583
|
+
XS: DesignToken;
|
581
584
|
S: DesignToken;
|
582
585
|
M: DesignToken;
|
583
586
|
L: DesignToken;
|
@@ -3467,6 +3467,21 @@ module.exports = {
|
|
3467
3467
|
attributes: {},
|
3468
3468
|
path: ["form", "color", "dropdown", "label-hover"],
|
3469
3469
|
},
|
3470
|
+
"label-subtext": {
|
3471
|
+
$type: "color",
|
3472
|
+
$value: "#0000006b",
|
3473
|
+
$description: "Option subtext.",
|
3474
|
+
filePath: "data/tokens/components/form.json",
|
3475
|
+
isSource: true,
|
3476
|
+
original: {
|
3477
|
+
$type: "color",
|
3478
|
+
$value: "{modes.color.interactive.monochrome.defaultAlt3}",
|
3479
|
+
$description: "Option subtext.",
|
3480
|
+
},
|
3481
|
+
name: "formColorDropdownLabelSubtext",
|
3482
|
+
attributes: {},
|
3483
|
+
path: ["form", "color", "dropdown", "label-subtext"],
|
3484
|
+
},
|
3470
3485
|
},
|
3471
3486
|
labelset: {
|
3472
3487
|
"label-required": {
|
@@ -4723,6 +4738,25 @@ module.exports = {
|
|
4723
4738
|
},
|
4724
4739
|
},
|
4725
4740
|
default: {
|
4741
|
+
XS: {
|
4742
|
+
$type: "typography",
|
4743
|
+
$value: {
|
4744
|
+
fontFamily: "Sage UI",
|
4745
|
+
fontWeight: "400",
|
4746
|
+
lineHeight: 1.5,
|
4747
|
+
fontSize: "13px",
|
4748
|
+
paragraphSpacing: "0",
|
4749
|
+
},
|
4750
|
+
filePath: "data/tokens/components/form.json",
|
4751
|
+
isSource: true,
|
4752
|
+
original: {
|
4753
|
+
$type: "typography",
|
4754
|
+
$value: "{global.typography.adaptive.component.moderate.XS}",
|
4755
|
+
},
|
4756
|
+
name: "formTypographyAdaptiveDefaultXs",
|
4757
|
+
attributes: {},
|
4758
|
+
path: ["form", "typography", "adaptive", "default", "XS"],
|
4759
|
+
},
|
4726
4760
|
S: {
|
4727
4761
|
$type: "typography",
|
4728
4762
|
$value: {
|
@@ -4843,6 +4877,25 @@ module.exports = {
|
|
4843
4877
|
},
|
4844
4878
|
},
|
4845
4879
|
default: {
|
4880
|
+
XS: {
|
4881
|
+
$type: "typography",
|
4882
|
+
$value: {
|
4883
|
+
fontFamily: "Sage UI",
|
4884
|
+
fontWeight: "400",
|
4885
|
+
lineHeight: 1.5,
|
4886
|
+
fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
|
4887
|
+
paragraphSpacing: "0",
|
4888
|
+
},
|
4889
|
+
filePath: "data/tokens/components/form.json",
|
4890
|
+
isSource: true,
|
4891
|
+
original: {
|
4892
|
+
$type: "typography",
|
4893
|
+
$value: "{global.typography.responsive.component.moderate.XS}",
|
4894
|
+
},
|
4895
|
+
name: "formTypographyResponsiveDefaultXs",
|
4896
|
+
attributes: {},
|
4897
|
+
path: ["form", "typography", "responsive", "default", "XS"],
|
4898
|
+
},
|
4846
4899
|
S: {
|
4847
4900
|
$type: "typography",
|
4848
4901
|
$value: {
|
@@ -2582,6 +2582,46 @@ module.exports = {
|
|
2582
2582
|
path: ["modes", "color", "interactive", "monochrome", "defaultAlt"],
|
2583
2583
|
},
|
2584
2584
|
defaultAlt2: {
|
2585
|
+
$extensions: {
|
2586
|
+
"studio.tokens": {
|
2587
|
+
modify: {
|
2588
|
+
type: "alpha",
|
2589
|
+
value: "0.55",
|
2590
|
+
space: "lch",
|
2591
|
+
format: "hex",
|
2592
|
+
},
|
2593
|
+
},
|
2594
|
+
},
|
2595
|
+
$type: "color",
|
2596
|
+
$value: "#0000008c",
|
2597
|
+
$description: "Dropdown option subtext.",
|
2598
|
+
filePath: "data/tokens/modes/light.json",
|
2599
|
+
isSource: true,
|
2600
|
+
original: {
|
2601
|
+
$extensions: {
|
2602
|
+
"studio.tokens": {
|
2603
|
+
modify: {
|
2604
|
+
type: "alpha",
|
2605
|
+
value: "0.55",
|
2606
|
+
space: "lch",
|
2607
|
+
},
|
2608
|
+
},
|
2609
|
+
},
|
2610
|
+
$type: "color",
|
2611
|
+
$value: "{modes.color.interactive.monochrome.active}",
|
2612
|
+
$description: "Dropdown option subtext.",
|
2613
|
+
},
|
2614
|
+
name: "modesColorInteractiveMonochromeDefaultAlt2",
|
2615
|
+
attributes: {},
|
2616
|
+
path: [
|
2617
|
+
"modes",
|
2618
|
+
"color",
|
2619
|
+
"interactive",
|
2620
|
+
"monochrome",
|
2621
|
+
"defaultAlt2",
|
2622
|
+
],
|
2623
|
+
},
|
2624
|
+
defaultAlt3: {
|
2585
2625
|
$extensions: {
|
2586
2626
|
"studio.tokens": {
|
2587
2627
|
modify: {
|
@@ -2611,14 +2651,14 @@ module.exports = {
|
|
2611
2651
|
$value: "{modes.color.interactive.monochrome.active}",
|
2612
2652
|
$description: "Tertiary border color",
|
2613
2653
|
},
|
2614
|
-
name: "
|
2654
|
+
name: "modesColorInteractiveMonochromeDefaultAlt3",
|
2615
2655
|
attributes: {},
|
2616
2656
|
path: [
|
2617
2657
|
"modes",
|
2618
2658
|
"color",
|
2619
2659
|
"interactive",
|
2620
2660
|
"monochrome",
|
2621
|
-
"
|
2661
|
+
"defaultAlt3",
|
2622
2662
|
],
|
2623
2663
|
},
|
2624
2664
|
hoverAlt: {
|
@@ -452,6 +452,7 @@ declare const tokens: {
|
|
452
452
|
"label-disabled": DesignToken;
|
453
453
|
"label-enabled": DesignToken;
|
454
454
|
"label-hover": DesignToken;
|
455
|
+
"label-subtext": DesignToken;
|
455
456
|
};
|
456
457
|
labelset: {
|
457
458
|
"label-required": DesignToken;
|
@@ -566,6 +567,7 @@ declare const tokens: {
|
|
566
567
|
L: DesignToken;
|
567
568
|
};
|
568
569
|
default: {
|
570
|
+
XS: DesignToken;
|
569
571
|
S: DesignToken;
|
570
572
|
M: DesignToken;
|
571
573
|
L: DesignToken;
|
@@ -578,6 +580,7 @@ declare const tokens: {
|
|
578
580
|
L: DesignToken;
|
579
581
|
};
|
580
582
|
default: {
|
583
|
+
XS: DesignToken;
|
581
584
|
S: DesignToken;
|
582
585
|
M: DesignToken;
|
583
586
|
L: DesignToken;
|