@sage/design-tokens 14.3.0 → 14.5.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.
Files changed (194) hide show
  1. package/css/frozenproduct/all.css +7 -3
  2. package/css/frozenproduct/large/components/form.css +3 -0
  3. package/css/frozenproduct/large/global.css +4 -3
  4. package/css/frozenproduct/small/components/form.css +3 -0
  5. package/css/frozenproduct/small/global.css +4 -3
  6. package/css/marketing/all.css +7 -3
  7. package/css/marketing/large/components/container.css +10 -10
  8. package/css/marketing/large/components/form.css +3 -0
  9. package/css/marketing/large/global.css +4 -3
  10. package/css/marketing/small/components/form.css +3 -0
  11. package/css/marketing/small/global.css +4 -3
  12. package/css/product/all.css +7 -3
  13. package/css/product/large/components/form.css +3 -0
  14. package/css/product/large/global.css +4 -3
  15. package/css/product/small/components/form.css +3 -0
  16. package/css/product/small/global.css +4 -3
  17. package/ios/frozenproduct/large/dark/components/form.h +3 -0
  18. package/ios/frozenproduct/large/global.h +4 -3
  19. package/ios/frozenproduct/large/light/components/form.h +3 -0
  20. package/ios/frozenproduct/small/dark/components/form.h +3 -0
  21. package/ios/frozenproduct/small/global.h +4 -3
  22. package/ios/frozenproduct/small/light/components/form.h +3 -0
  23. package/ios/marketing/large/dark/components/form.h +3 -0
  24. package/ios/marketing/large/global.h +4 -3
  25. package/ios/marketing/large/light/components/form.h +3 -0
  26. package/ios/marketing/small/dark/components/form.h +3 -0
  27. package/ios/marketing/small/global.h +4 -3
  28. package/ios/marketing/small/light/components/form.h +3 -0
  29. package/ios/product/large/dark/components/form.h +3 -0
  30. package/ios/product/large/global.h +4 -3
  31. package/ios/product/large/light/components/form.h +3 -0
  32. package/ios/product/small/dark/components/form.h +3 -0
  33. package/ios/product/small/global.h +4 -3
  34. package/ios/product/small/light/components/form.h +3 -0
  35. package/js/common/frozenproduct/large/dark/components/form.d.ts +7 -0
  36. package/js/common/frozenproduct/large/dark/components/form.js +49 -0
  37. package/js/common/frozenproduct/large/global.d.ts +4 -3
  38. package/js/common/frozenproduct/large/global.js +104 -87
  39. package/js/common/frozenproduct/large/light/components/form.d.ts +7 -0
  40. package/js/common/frozenproduct/large/light/components/form.js +49 -0
  41. package/js/common/frozenproduct/small/dark/components/form.d.ts +7 -0
  42. package/js/common/frozenproduct/small/dark/components/form.js +49 -0
  43. package/js/common/frozenproduct/small/global.d.ts +4 -3
  44. package/js/common/frozenproduct/small/global.js +104 -87
  45. package/js/common/frozenproduct/small/light/components/form.d.ts +7 -0
  46. package/js/common/frozenproduct/small/light/components/form.js +49 -0
  47. package/js/common/marketing/large/dark/components/form.d.ts +7 -0
  48. package/js/common/marketing/large/dark/components/form.js +49 -0
  49. package/js/common/marketing/large/global.d.ts +4 -3
  50. package/js/common/marketing/large/global.js +104 -87
  51. package/js/common/marketing/large/light/components/form.d.ts +7 -0
  52. package/js/common/marketing/large/light/components/form.js +49 -0
  53. package/js/common/marketing/small/dark/components/form.d.ts +7 -0
  54. package/js/common/marketing/small/dark/components/form.js +49 -0
  55. package/js/common/marketing/small/global.d.ts +4 -3
  56. package/js/common/marketing/small/global.js +104 -87
  57. package/js/common/marketing/small/light/components/form.d.ts +7 -0
  58. package/js/common/marketing/small/light/components/form.js +49 -0
  59. package/js/common/product/large/dark/components/form.d.ts +7 -0
  60. package/js/common/product/large/dark/components/form.js +49 -0
  61. package/js/common/product/large/global.d.ts +4 -3
  62. package/js/common/product/large/global.js +104 -87
  63. package/js/common/product/large/light/components/form.d.ts +7 -0
  64. package/js/common/product/large/light/components/form.js +49 -0
  65. package/js/common/product/small/dark/components/form.d.ts +7 -0
  66. package/js/common/product/small/dark/components/form.js +49 -0
  67. package/js/common/product/small/global.d.ts +4 -3
  68. package/js/common/product/small/global.js +104 -87
  69. package/js/common/product/small/light/components/form.d.ts +7 -0
  70. package/js/common/product/small/light/components/form.js +49 -0
  71. package/js/es6/frozenproduct/large/dark/components/form.d.ts +3 -0
  72. package/js/es6/frozenproduct/large/dark/components/form.js +3 -0
  73. package/js/es6/frozenproduct/large/global.d.ts +4 -3
  74. package/js/es6/frozenproduct/large/global.js +4 -3
  75. package/js/es6/frozenproduct/large/light/components/form.d.ts +3 -0
  76. package/js/es6/frozenproduct/large/light/components/form.js +3 -0
  77. package/js/es6/frozenproduct/small/dark/components/form.d.ts +3 -0
  78. package/js/es6/frozenproduct/small/dark/components/form.js +3 -0
  79. package/js/es6/frozenproduct/small/global.d.ts +4 -3
  80. package/js/es6/frozenproduct/small/global.js +4 -3
  81. package/js/es6/frozenproduct/small/light/components/form.d.ts +3 -0
  82. package/js/es6/frozenproduct/small/light/components/form.js +3 -0
  83. package/js/es6/marketing/large/dark/components/form.d.ts +3 -0
  84. package/js/es6/marketing/large/dark/components/form.js +3 -0
  85. package/js/es6/marketing/large/global.d.ts +4 -3
  86. package/js/es6/marketing/large/global.js +4 -3
  87. package/js/es6/marketing/large/light/components/form.d.ts +3 -0
  88. package/js/es6/marketing/large/light/components/form.js +3 -0
  89. package/js/es6/marketing/small/dark/components/form.d.ts +3 -0
  90. package/js/es6/marketing/small/dark/components/form.js +3 -0
  91. package/js/es6/marketing/small/global.d.ts +4 -3
  92. package/js/es6/marketing/small/global.js +4 -3
  93. package/js/es6/marketing/small/light/components/form.d.ts +3 -0
  94. package/js/es6/marketing/small/light/components/form.js +3 -0
  95. package/js/es6/product/large/dark/components/form.d.ts +3 -0
  96. package/js/es6/product/large/dark/components/form.js +3 -0
  97. package/js/es6/product/large/global.d.ts +4 -3
  98. package/js/es6/product/large/global.js +4 -3
  99. package/js/es6/product/large/light/components/form.d.ts +3 -0
  100. package/js/es6/product/large/light/components/form.js +3 -0
  101. package/js/es6/product/small/dark/components/form.d.ts +3 -0
  102. package/js/es6/product/small/dark/components/form.js +3 -0
  103. package/js/es6/product/small/global.d.ts +4 -3
  104. package/js/es6/product/small/global.js +4 -3
  105. package/js/es6/product/small/light/components/form.d.ts +3 -0
  106. package/js/es6/product/small/light/components/form.js +3 -0
  107. package/js/umd/frozenproduct/large/dark/components/form.js +49 -0
  108. package/js/umd/frozenproduct/large/global.js +104 -88
  109. package/js/umd/frozenproduct/large/light/components/form.js +49 -0
  110. package/js/umd/frozenproduct/small/dark/components/form.js +49 -0
  111. package/js/umd/frozenproduct/small/global.js +104 -88
  112. package/js/umd/frozenproduct/small/light/components/form.js +49 -0
  113. package/js/umd/marketing/large/dark/components/form.js +49 -0
  114. package/js/umd/marketing/large/global.js +104 -88
  115. package/js/umd/marketing/large/light/components/form.js +49 -0
  116. package/js/umd/marketing/small/dark/components/form.js +49 -0
  117. package/js/umd/marketing/small/global.js +104 -88
  118. package/js/umd/marketing/small/light/components/form.js +49 -0
  119. package/js/umd/product/large/dark/components/form.js +49 -0
  120. package/js/umd/product/large/global.js +104 -88
  121. package/js/umd/product/large/light/components/form.js +49 -0
  122. package/js/umd/product/small/dark/components/form.js +49 -0
  123. package/js/umd/product/small/global.js +104 -88
  124. package/js/umd/product/small/light/components/form.js +49 -0
  125. package/json/flat/frozenproduct/large/dark/components/form.json +3 -0
  126. package/json/flat/frozenproduct/large/global.json +4 -3
  127. package/json/flat/frozenproduct/large/light/components/form.json +3 -0
  128. package/json/flat/frozenproduct/small/dark/components/form.json +3 -0
  129. package/json/flat/frozenproduct/small/global.json +4 -3
  130. package/json/flat/frozenproduct/small/light/components/form.json +3 -0
  131. package/json/flat/marketing/large/dark/components/form.json +3 -0
  132. package/json/flat/marketing/large/global.json +4 -3
  133. package/json/flat/marketing/large/light/components/form.json +3 -0
  134. package/json/flat/marketing/small/dark/components/form.json +3 -0
  135. package/json/flat/marketing/small/global.json +4 -3
  136. package/json/flat/marketing/small/light/components/form.json +3 -0
  137. package/json/flat/product/large/dark/components/form.json +3 -0
  138. package/json/flat/product/large/global.json +4 -3
  139. package/json/flat/product/large/light/components/form.json +3 -0
  140. package/json/flat/product/small/dark/components/form.json +3 -0
  141. package/json/flat/product/small/global.json +4 -3
  142. package/json/flat/product/small/light/components/form.json +3 -0
  143. package/json/nested/frozenproduct/large/dark/components/form.json +7 -0
  144. package/json/nested/frozenproduct/large/global.json +4 -3
  145. package/json/nested/frozenproduct/large/light/components/form.json +7 -0
  146. package/json/nested/frozenproduct/small/dark/components/form.json +7 -0
  147. package/json/nested/frozenproduct/small/global.json +4 -3
  148. package/json/nested/frozenproduct/small/light/components/form.json +7 -0
  149. package/json/nested/marketing/large/dark/components/form.json +7 -0
  150. package/json/nested/marketing/large/global.json +4 -3
  151. package/json/nested/marketing/large/light/components/form.json +7 -0
  152. package/json/nested/marketing/small/dark/components/form.json +7 -0
  153. package/json/nested/marketing/small/global.json +4 -3
  154. package/json/nested/marketing/small/light/components/form.json +7 -0
  155. package/json/nested/product/large/dark/components/form.json +7 -0
  156. package/json/nested/product/large/global.json +4 -3
  157. package/json/nested/product/large/light/components/form.json +7 -0
  158. package/json/nested/product/small/dark/components/form.json +7 -0
  159. package/json/nested/product/small/global.json +4 -3
  160. package/json/nested/product/small/light/components/form.json +7 -0
  161. package/package.json +1 -1
  162. package/sage-design-tokens-14.5.0.tgz +0 -0
  163. package/scss/frozenproduct/large/components/form.scss +3 -0
  164. package/scss/frozenproduct/large/global.scss +4 -3
  165. package/scss/frozenproduct/small/components/button.scss +13 -13
  166. package/scss/frozenproduct/small/components/container.scss +10 -10
  167. package/scss/frozenproduct/small/components/form.scss +10 -7
  168. package/scss/frozenproduct/small/components/link.scss +2 -2
  169. package/scss/frozenproduct/small/components/nav.scss +5 -5
  170. package/scss/frozenproduct/small/components/page.scss +1 -1
  171. package/scss/frozenproduct/small/components/popover.scss +2 -2
  172. package/scss/frozenproduct/small/components/progress.scss +6 -6
  173. package/scss/frozenproduct/small/components/status.scss +3 -3
  174. package/scss/frozenproduct/small/components/tab.scss +7 -7
  175. package/scss/frozenproduct/small/components/table.scss +10 -10
  176. package/scss/frozenproduct/small/global.scss +4 -3
  177. package/scss/marketing/large/components/button.scss +13 -13
  178. package/scss/marketing/large/components/container.scss +10 -10
  179. package/scss/marketing/large/components/form.scss +10 -7
  180. package/scss/marketing/large/components/link.scss +2 -2
  181. package/scss/marketing/large/components/nav.scss +5 -5
  182. package/scss/marketing/large/components/page.scss +1 -1
  183. package/scss/marketing/large/components/progress.scss +6 -6
  184. package/scss/marketing/large/components/status.scss +3 -3
  185. package/scss/marketing/large/components/tab.scss +7 -7
  186. package/scss/marketing/large/components/table.scss +10 -10
  187. package/scss/marketing/large/global.scss +4 -3
  188. package/scss/marketing/small/components/form.scss +3 -0
  189. package/scss/marketing/small/global.scss +4 -3
  190. package/scss/product/large/components/form.scss +3 -0
  191. package/scss/product/large/global.scss +4 -3
  192. package/scss/product/small/components/form.scss +3 -0
  193. package/scss/product/small/global.scss +4 -3
  194. package/sage-design-tokens-14.3.0.tgz +0 -0
@@ -50,6 +50,13 @@ declare const tokens: {
50
50
  L: DesignToken;
51
51
  };
52
52
  };
53
+ datepicker: {
54
+ pr: {
55
+ S: DesignToken;
56
+ M: DesignToken;
57
+ L: DesignToken;
58
+ };
59
+ };
53
60
  dropdown: {
54
61
  button: {
55
62
  x: {
@@ -192,6 +192,55 @@ module.exports = {
192
192
  },
193
193
  },
194
194
  },
195
+ datepicker: {
196
+ pr: {
197
+ S: {
198
+ $type: "spacing",
199
+ $value: 2,
200
+ $description: "right padding on small date picker input",
201
+ filePath: "data/tokens/components/form.json",
202
+ isSource: true,
203
+ original: {
204
+ $type: "spacing",
205
+ $value: "{global.space.micro.XS}",
206
+ $description: "right padding on small date picker input",
207
+ },
208
+ name: "formSpaceDatepickerPrS",
209
+ attributes: {},
210
+ path: ["form", "space", "datepicker", "pr", "S"],
211
+ },
212
+ M: {
213
+ $type: "spacing",
214
+ $value: 6,
215
+ $description: "right padding on medium date picker input",
216
+ filePath: "data/tokens/components/form.json",
217
+ isSource: true,
218
+ original: {
219
+ $type: "spacing",
220
+ $value: "{global.space.micro.M}",
221
+ $description: "right padding on medium date picker input",
222
+ },
223
+ name: "formSpaceDatepickerPrM",
224
+ attributes: {},
225
+ path: ["form", "space", "datepicker", "pr", "M"],
226
+ },
227
+ L: {
228
+ $type: "spacing",
229
+ $value: 10,
230
+ $description: "right padding on large date picker input",
231
+ filePath: "data/tokens/components/form.json",
232
+ isSource: true,
233
+ original: {
234
+ $type: "spacing",
235
+ $value: "{global.space.micro.XL}",
236
+ $description: "right padding on large date picker input",
237
+ },
238
+ name: "formSpaceDatepickerPrL",
239
+ attributes: {},
240
+ path: ["form", "space", "datepicker", "pr", "L"],
241
+ },
242
+ },
243
+ },
195
244
  dropdown: {
196
245
  button: {
197
246
  x: {
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 20;
21
24
  export const formSpaceDropdownButtonXM = 20;
22
25
  export const formSpaceDropdownButtonXL = 20;
@@ -699,7 +699,8 @@ export const globalFontSizeAdaptiveStep8: string;
699
699
  export const globalFontSizeAdaptiveStep9: string;
700
700
  export const globalFontSizeAdaptiveStep10: string;
701
701
  export const globalFontFamiliesSageIcons: string;
702
- export const globalFontFamiliesSageHeadline: string;
703
- export const globalFontFamiliesSageUi: string;
704
- export const globalFontFamiliesSageText: string;
702
+ export const globalFontFamiliesHeading: string;
703
+ export const globalFontFamiliesSubheading: string;
704
+ export const globalFontFamiliesBody: string;
705
+ export const globalFontFamiliesComponent: string;
705
706
  export const globalFontFamiliesOther: string;
@@ -805,7 +805,8 @@ export const globalFontSizeAdaptiveStep8 = "40px";
805
805
  export const globalFontSizeAdaptiveStep9 = "46px";
806
806
  export const globalFontSizeAdaptiveStep10 = "52px";
807
807
  export const globalFontFamiliesSageIcons = "sage-icons";
808
- export const globalFontFamiliesSageHeadline = "Sage Headline";
809
- export const globalFontFamiliesSageUi = "Sage UI";
810
- export const globalFontFamiliesSageText = "Sage Text";
808
+ export const globalFontFamiliesHeading = "Sage UI";
809
+ export const globalFontFamiliesSubheading = "Sage UI";
810
+ export const globalFontFamiliesBody = "Sage UI";
811
+ export const globalFontFamiliesComponent = "Sage UI";
811
812
  export const globalFontFamiliesOther = "Open Sans";
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 20;
21
24
  export const formSpaceDropdownButtonXM = 20;
22
25
  export const formSpaceDropdownButtonXL = 20;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 16;
21
24
  export const formSpaceDropdownButtonXM = 16;
22
25
  export const formSpaceDropdownButtonXL = 16;
@@ -699,7 +699,8 @@ export const globalFontSizeAdaptiveStep8: string;
699
699
  export const globalFontSizeAdaptiveStep9: string;
700
700
  export const globalFontSizeAdaptiveStep10: string;
701
701
  export const globalFontFamiliesSageIcons: string;
702
- export const globalFontFamiliesSageHeadline: string;
703
- export const globalFontFamiliesSageUi: string;
704
- export const globalFontFamiliesSageText: string;
702
+ export const globalFontFamiliesHeading: string;
703
+ export const globalFontFamiliesSubheading: string;
704
+ export const globalFontFamiliesBody: string;
705
+ export const globalFontFamiliesComponent: string;
705
706
  export const globalFontFamiliesOther: string;
@@ -805,7 +805,8 @@ export const globalFontSizeAdaptiveStep8 = "30px";
805
805
  export const globalFontSizeAdaptiveStep9 = "33px";
806
806
  export const globalFontSizeAdaptiveStep10 = "36px";
807
807
  export const globalFontFamiliesSageIcons = "sage-icons";
808
- export const globalFontFamiliesSageHeadline = "Sage Headline";
809
- export const globalFontFamiliesSageUi = "Sage UI";
810
- export const globalFontFamiliesSageText = "Sage Text";
808
+ export const globalFontFamiliesHeading = "Sage UI";
809
+ export const globalFontFamiliesSubheading = "Sage UI";
810
+ export const globalFontFamiliesBody = "Sage UI";
811
+ export const globalFontFamiliesComponent = "Sage UI";
811
812
  export const globalFontFamiliesOther = "Open Sans";
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 16;
21
24
  export const formSpaceDropdownButtonXM = 16;
22
25
  export const formSpaceDropdownButtonXL = 16;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 20;
21
24
  export const formSpaceDropdownButtonXM = 20;
22
25
  export const formSpaceDropdownButtonXL = 20;
@@ -699,7 +699,8 @@ export const globalFontSizeAdaptiveStep8: string;
699
699
  export const globalFontSizeAdaptiveStep9: string;
700
700
  export const globalFontSizeAdaptiveStep10: string;
701
701
  export const globalFontFamiliesSageIcons: string;
702
- export const globalFontFamiliesSageHeadline: string;
703
- export const globalFontFamiliesSageUi: string;
704
- export const globalFontFamiliesSageText: string;
702
+ export const globalFontFamiliesHeading: string;
703
+ export const globalFontFamiliesSubheading: string;
704
+ export const globalFontFamiliesBody: string;
705
+ export const globalFontFamiliesComponent: string;
705
706
  export const globalFontFamiliesOther: string;
@@ -805,7 +805,8 @@ export const globalFontSizeAdaptiveStep8 = "40px";
805
805
  export const globalFontSizeAdaptiveStep9 = "46px";
806
806
  export const globalFontSizeAdaptiveStep10 = "52px";
807
807
  export const globalFontFamiliesSageIcons = "sage-icons";
808
- export const globalFontFamiliesSageHeadline = "Sage Headline";
809
- export const globalFontFamiliesSageUi = "Sage UI";
810
- export const globalFontFamiliesSageText = "Sage Text";
808
+ export const globalFontFamiliesHeading = "Sage UI";
809
+ export const globalFontFamiliesSubheading = "Sage UI";
810
+ export const globalFontFamiliesBody = "Sage UI";
811
+ export const globalFontFamiliesComponent = "Sage UI";
811
812
  export const globalFontFamiliesOther = "Open Sans";
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 20;
21
24
  export const formSpaceDropdownButtonXM = 20;
22
25
  export const formSpaceDropdownButtonXL = 20;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 16;
21
24
  export const formSpaceDropdownButtonXM = 16;
22
25
  export const formSpaceDropdownButtonXL = 16;
@@ -699,7 +699,8 @@ export const globalFontSizeAdaptiveStep8: string;
699
699
  export const globalFontSizeAdaptiveStep9: string;
700
700
  export const globalFontSizeAdaptiveStep10: string;
701
701
  export const globalFontFamiliesSageIcons: string;
702
- export const globalFontFamiliesSageHeadline: string;
703
- export const globalFontFamiliesSageUi: string;
704
- export const globalFontFamiliesSageText: string;
702
+ export const globalFontFamiliesHeading: string;
703
+ export const globalFontFamiliesSubheading: string;
704
+ export const globalFontFamiliesBody: string;
705
+ export const globalFontFamiliesComponent: string;
705
706
  export const globalFontFamiliesOther: string;
@@ -805,7 +805,8 @@ export const globalFontSizeAdaptiveStep8 = "30px";
805
805
  export const globalFontSizeAdaptiveStep9 = "33px";
806
806
  export const globalFontSizeAdaptiveStep10 = "36px";
807
807
  export const globalFontFamiliesSageIcons = "sage-icons";
808
- export const globalFontFamiliesSageHeadline = "Sage Headline";
809
- export const globalFontFamiliesSageUi = "Sage UI";
810
- export const globalFontFamiliesSageText = "Sage Text";
808
+ export const globalFontFamiliesHeading = "Sage UI";
809
+ export const globalFontFamiliesSubheading = "Sage UI";
810
+ export const globalFontFamiliesBody = "Sage UI";
811
+ export const globalFontFamiliesComponent = "Sage UI";
811
812
  export const globalFontFamiliesOther = "Open Sans";
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 16;
21
24
  export const formSpaceDropdownButtonXM = 16;
22
25
  export const formSpaceDropdownButtonXL = 16;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 20;
21
24
  export const formSpaceDropdownButtonXM = 20;
22
25
  export const formSpaceDropdownButtonXL = 20;
@@ -699,7 +699,8 @@ export const globalFontSizeAdaptiveStep8: string;
699
699
  export const globalFontSizeAdaptiveStep9: string;
700
700
  export const globalFontSizeAdaptiveStep10: string;
701
701
  export const globalFontFamiliesSageIcons: string;
702
- export const globalFontFamiliesSageHeadline: string;
703
- export const globalFontFamiliesSageUi: string;
704
- export const globalFontFamiliesSageText: string;
702
+ export const globalFontFamiliesHeading: string;
703
+ export const globalFontFamiliesSubheading: string;
704
+ export const globalFontFamiliesBody: string;
705
+ export const globalFontFamiliesComponent: string;
705
706
  export const globalFontFamiliesOther: string;
@@ -805,7 +805,8 @@ export const globalFontSizeAdaptiveStep8 = "40px";
805
805
  export const globalFontSizeAdaptiveStep9 = "46px";
806
806
  export const globalFontSizeAdaptiveStep10 = "52px";
807
807
  export const globalFontFamiliesSageIcons = "sage-icons";
808
- export const globalFontFamiliesSageHeadline = "Sage Headline";
809
- export const globalFontFamiliesSageUi = "Sage UI";
810
- export const globalFontFamiliesSageText = "Sage Text";
808
+ export const globalFontFamiliesHeading = "Sage UI";
809
+ export const globalFontFamiliesSubheading = "Sage UI";
810
+ export const globalFontFamiliesBody = "Sage UI";
811
+ export const globalFontFamiliesComponent = "Sage UI";
811
812
  export const globalFontFamiliesOther = "Open Sans";
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 20;
21
24
  export const formSpaceDropdownButtonXM = 20;
22
25
  export const formSpaceDropdownButtonXL = 20;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 16;
21
24
  export const formSpaceDropdownButtonXM = 16;
22
25
  export const formSpaceDropdownButtonXL = 16;
@@ -699,7 +699,8 @@ export const globalFontSizeAdaptiveStep8: string;
699
699
  export const globalFontSizeAdaptiveStep9: string;
700
700
  export const globalFontSizeAdaptiveStep10: string;
701
701
  export const globalFontFamiliesSageIcons: string;
702
- export const globalFontFamiliesSageHeadline: string;
703
- export const globalFontFamiliesSageUi: string;
704
- export const globalFontFamiliesSageText: string;
702
+ export const globalFontFamiliesHeading: string;
703
+ export const globalFontFamiliesSubheading: string;
704
+ export const globalFontFamiliesBody: string;
705
+ export const globalFontFamiliesComponent: string;
705
706
  export const globalFontFamiliesOther: string;
@@ -805,7 +805,8 @@ export const globalFontSizeAdaptiveStep8 = "30px";
805
805
  export const globalFontSizeAdaptiveStep9 = "33px";
806
806
  export const globalFontSizeAdaptiveStep10 = "36px";
807
807
  export const globalFontFamiliesSageIcons = "sage-icons";
808
- export const globalFontFamiliesSageHeadline = "Sage Headline";
809
- export const globalFontFamiliesSageUi = "Sage UI";
810
- export const globalFontFamiliesSageText = "Sage Text";
808
+ export const globalFontFamiliesHeading = "Sage UI";
809
+ export const globalFontFamiliesSubheading = "Sage UI";
810
+ export const globalFontFamiliesBody = "Sage UI";
811
+ export const globalFontFamiliesComponent = "Sage UI";
811
812
  export const globalFontFamiliesOther = "Open Sans";
@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
17
17
  export const formSpaceCheckradioYS: number;
18
18
  export const formSpaceCheckradioYM: number;
19
19
  export const formSpaceCheckradioYL: number;
20
+ export const formSpaceDatepickerPrS: number;
21
+ export const formSpaceDatepickerPrM: number;
22
+ export const formSpaceDatepickerPrL: number;
20
23
  export const formSpaceDropdownButtonXS: number;
21
24
  export const formSpaceDropdownButtonXM: number;
22
25
  export const formSpaceDropdownButtonXL: number;
@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
17
17
  export const formSpaceCheckradioYS = 3;
18
18
  export const formSpaceCheckradioYM = 2;
19
19
  export const formSpaceCheckradioYL = 4;
20
+ export const formSpaceDatepickerPrS = 2;
21
+ export const formSpaceDatepickerPrM = 6;
22
+ export const formSpaceDatepickerPrL = 10;
20
23
  export const formSpaceDropdownButtonXS = 16;
21
24
  export const formSpaceDropdownButtonXM = 16;
22
25
  export const formSpaceDropdownButtonXL = 16;
@@ -203,6 +203,55 @@
203
203
  },
204
204
  },
205
205
  },
206
+ datepicker: {
207
+ pr: {
208
+ S: {
209
+ $type: "spacing",
210
+ $value: 2,
211
+ $description: "right padding on small date picker input",
212
+ filePath: "data/tokens/components/form.json",
213
+ isSource: true,
214
+ original: {
215
+ $type: "spacing",
216
+ $value: "{global.space.micro.XS}",
217
+ $description: "right padding on small date picker input",
218
+ },
219
+ name: "formSpaceDatepickerPrS",
220
+ attributes: {},
221
+ path: ["form", "space", "datepicker", "pr", "S"],
222
+ },
223
+ M: {
224
+ $type: "spacing",
225
+ $value: 6,
226
+ $description: "right padding on medium date picker input",
227
+ filePath: "data/tokens/components/form.json",
228
+ isSource: true,
229
+ original: {
230
+ $type: "spacing",
231
+ $value: "{global.space.micro.M}",
232
+ $description: "right padding on medium date picker input",
233
+ },
234
+ name: "formSpaceDatepickerPrM",
235
+ attributes: {},
236
+ path: ["form", "space", "datepicker", "pr", "M"],
237
+ },
238
+ L: {
239
+ $type: "spacing",
240
+ $value: 10,
241
+ $description: "right padding on large date picker input",
242
+ filePath: "data/tokens/components/form.json",
243
+ isSource: true,
244
+ original: {
245
+ $type: "spacing",
246
+ $value: "{global.space.micro.XL}",
247
+ $description: "right padding on large date picker input",
248
+ },
249
+ name: "formSpaceDatepickerPrL",
250
+ attributes: {},
251
+ path: ["form", "space", "datepicker", "pr", "L"],
252
+ },
253
+ },
254
+ },
206
255
  dropdown: {
207
256
  button: {
208
257
  x: {