@nova-design-system/nova-base 3.0.0-beta.22 → 3.0.0-beta.24

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 (21) hide show
  1. package/dist/css/ocean.css +851 -835
  2. package/dist/css/spark.css +866 -850
  3. package/dist/js/ocean_dark.d.ts +283 -278
  4. package/dist/js/ocean_dark.js +283 -278
  5. package/dist/js/ocean_light.d.ts +283 -278
  6. package/dist/js/ocean_light.js +283 -278
  7. package/dist/js/primitives.d.ts +190 -184
  8. package/dist/js/primitives.js +192 -186
  9. package/dist/js/spacings.d.ts +193 -193
  10. package/dist/js/spacings.js +234 -234
  11. package/dist/js/spark_dark.d.ts +284 -279
  12. package/dist/js/spark_dark.js +284 -279
  13. package/dist/js/spark_light.d.ts +284 -279
  14. package/dist/js/spark_light.js +284 -279
  15. package/dist/tokens/ocean_dark.json +1505 -1515
  16. package/dist/tokens/ocean_light.json +1505 -1515
  17. package/dist/tokens/primitives.json +758 -918
  18. package/dist/tokens/spacings.json +850 -850
  19. package/dist/tokens/spark_dark.json +1504 -1515
  20. package/dist/tokens/spark_light.json +1504 -1514
  21. package/package.json +2 -2
package/dist/js/spacings.js CHANGED
@@ -2,249 +2,249 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ButtonMdGap = "8pxpx";
6
- export const ButtonMdPaddingY = "8pxpx";
7
- export const ButtonMdPaddingX = "14pxpx";
8
- export const ButtonMdBorderRadius = "6pxpx";
9
- export const ButtonMdIconSize = "20pxpx";
10
- export const ButtonMdFontSize = "16pxpx";
11
- export const ButtonMdLineHeight = "24pxpx";
12
- export const ButtonMdIconButtonPadding = "10pxpx";
13
- export const ButtonMdRingRadius = "7px";
14
- export const ButtonXsGap = "4pxpx";
15
- export const ButtonXsPaddingX = "10pxpx";
16
- export const ButtonXsPaddingY = "4pxpx";
17
- export const ButtonXsBorderRadius = "2pxpx";
18
- export const ButtonXsIconSize = "12pxpx";
19
- export const ButtonXsLineHeight = "16pxpx";
20
- export const ButtonXsFontSize = "12pxpx";
21
- export const ButtonXsIconButtonPadding = "6pxpx";
22
5
  export const ButtonXsRingRadius = "3px";
23
- export const ButtonSmGap = "6pxpx";
24
- export const ButtonSmPaddingX = "12pxpx";
25
- export const ButtonSmPaddingY = "6pxpx";
26
- export const ButtonSmBorderRadius = "4pxpx";
27
- export const ButtonSmIconSize = "16pxpx";
28
- export const ButtonSmFontSize = "14pxpx";
29
- export const ButtonSmLineHeight = "20pxpx";
30
- export const ButtonSmIconButtonPadding = "8pxpx";
6
+ export const ButtonXsBorderRadius = "2px";
7
+ export const ButtonXsFontSize = "12px";
8
+ export const ButtonXsGap = "4px";
9
+ export const ButtonXsIconButtonPadding = "6px";
10
+ export const ButtonXsIconSize = "12px";
11
+ export const ButtonXsLineHeight = "16px";
12
+ export const ButtonXsPaddingX = "10px";
13
+ export const ButtonXsPaddingY = "4px";
31
14
  export const ButtonSmRingRadius = "5px";
32
- export const ButtonLgGap = "8pxpx";
33
- export const ButtonLgPaddingX = "16pxpx";
34
- export const ButtonLgPaddingY = "10pxpx";
35
- export const ButtonLgBorderRadius = "8pxpx";
36
- export const ButtonLgIconSize = "24pxpx";
37
- export const ButtonLgFontSize = "18pxpx";
38
- export const ButtonLgLineHeight = "28pxpx";
39
- export const ButtonLgIconButtonPadding = "12pxpx";
15
+ export const ButtonSmBorderRadius = "4px";
16
+ export const ButtonSmFontSize = "14px";
17
+ export const ButtonSmGap = "6px";
18
+ export const ButtonSmIconButtonPadding = "8px";
19
+ export const ButtonSmIconSize = "16px";
20
+ export const ButtonSmLineHeight = "20px";
21
+ export const ButtonSmPaddingX = "12px";
22
+ export const ButtonSmPaddingY = "6px";
23
+ export const ButtonMdRingRadius = "7px";
24
+ export const ButtonMdBorderRadius = "6px";
25
+ export const ButtonMdFontSize = "16px";
26
+ export const ButtonMdGap = "8px";
27
+ export const ButtonMdIconButtonPadding = "10px";
28
+ export const ButtonMdIconSize = "20px";
29
+ export const ButtonMdLineHeight = "24px";
30
+ export const ButtonMdPaddingX = "14px";
31
+ export const ButtonMdPaddingY = "8px";
40
32
  export const ButtonLgRingRadius = "9px";
41
- export const FormFieldGap = "8pxpx";
42
- export const FormFieldPaddingX = "8pxpx";
43
- export const FormFieldPaddingY = "8pxpx";
44
- export const FormFieldFontSize = "16pxpx";
45
- export const FormFieldLineHeight = "24pxpx";
46
- export const FormFieldRadius = "6pxpx";
47
- export const FormFieldGapInner = "8pxpx";
48
- export const FormFieldLeadingTrailingFontSize = "14pxpx";
49
- export const FormFieldLeadingTrailingLineHeight = "24pxpx";
50
- export const FormFieldLeadingTrailingIconSize = "20pxpx";
51
- export const FormFieldIconSize = "20pxpx";
52
- export const FormFieldInnerButtonPaddingXExt = "10pxpx";
53
- export const FormFieldInnerButtonPaddingY = "10pxpx";
54
- export const FormFieldInnerButtonPaddingXInt = "6pxpx";
55
- export const FormFieldPaddingXIconButton = "40pxpx";
56
- export const FormFieldFontWeight = "500";
57
- export const FormLabelFontSize = "14pxpx";
58
- export const FormLabelLineHeight = "20pxpx";
59
- export const FormLabelGap = "4pxpx";
60
- export const FormLabelFontWeight = "500";
61
- export const FormDescriptionFontSize = "14pxpx";
62
- export const FormDescriptionLineHeight = "20pxpx";
63
- export const FormDescriptionFontWeight = "400";
64
- export const FormCheckboxSize = "20pxpx";
65
- export const FormCheckboxRadius = "6pxpx";
66
- export const FormCheckboxIconSize = "14pxpx";
67
- export const FormCheckboxPaddingTop = "0pxpx";
68
- export const FormCheckboxBorderWidth = "2pxpx";
69
- export const FormCheckboxRingRadius = "8pxpx";
70
- export const FormCheckboxIconStroke = "2pxpx";
71
- export const FormTogglePaddingDefault = "4pxpx";
72
- export const FormTogglePaddingSelected = "2pxpx";
73
- export const FormToggleRadius = "9999pxpx";
74
- export const FormToggleSwitchDotDefault = "12pxpx";
75
- export const FormToggleSwitchDotSelected = "14pxpx";
76
- export const FormToggleWidth = "36pxpx";
77
- export const FormToggleHeight = "20pxpx";
78
- export const FormToggleBorderWidth = "2pxpx";
79
- export const FormTogglePaddingTop = "0pxpx";
80
- export const FormRadioInnerCircleSize = "8pxpx";
81
- export const FormRadioInnerCirclePadding = "6pxpx";
82
- export const FormRadioSize = "20pxpx";
83
- export const FormRadioPaddingTop = "0pxpx";
84
- export const FormRadioBorderWidth = "2pxpx";
85
- export const FormRadioRingRadius = "9999pxpx";
86
- export const FormGapX = "12pxpx";
87
- export const FormGapY = "4pxpx";
88
- export const LoaderSizeXs = "16pxpx";
89
- export const LoaderSizeSm = "20pxpx";
90
- export const LoaderSizeMd = "24pxpx";
91
- export const LoaderSizeLg = "28pxpx";
92
- export const LoaderSizeXl = "32pxpx";
93
- export const AvatarXsSize = "24pxpx";
94
- export const AvatarXsIconSize = "16pxpx";
95
- export const AvatarXsFontSize = "12pxpx";
96
- export const AvatarMdSize = "40pxpx";
97
- export const AvatarMdIconSize = "28pxpx";
98
- export const AvatarMdFontSize = "20pxpx";
99
- export const AvatarSmSize = "32pxpx";
100
- export const AvatarSmIconSize = "20pxpx";
101
- export const AvatarSmFontSize = "16pxpx";
102
- export const AvatarLgSize = "48pxpx";
103
- export const AvatarLgIconSize = "32pxpx";
104
- export const AvatarLgFontSize = "24pxpx";
105
- export const AvatarXlSize = "64pxpx";
106
- export const AvatarXlIconSize = "44pxpx";
107
- export const AvatarXlFontSize = "32pxpx";
108
- export const IconXs = "12pxpx";
109
- export const IconSm = "16pxpx";
110
- export const IconMd = "20pxpx";
111
- export const IconLg = "24pxpx";
112
- export const IconXl = "28pxpx";
113
- export const FocusOutlineStroke = "2pxpx";
114
- export const FocusFieldStroke = "1pxpx";
115
- export const FocusOutlineOffset = "2pxpx";
116
- export const AlertIconSize = "20pxpx";
117
- export const AlertGapX = "12pxpx";
118
- export const AlertPadding = "16pxpx";
119
- export const AlertRadius = "8pxpx";
120
- export const AlertGapY = "4pxpx";
121
- export const AlertHeadingFontSize = "14pxpx";
122
- export const AlertHeadingLineHeight = "20pxpx";
123
- export const AlertHeadingFontWeight = "500";
124
- export const AlertMessageFontSize = "14pxpx";
125
- export const AlertMessageLineHeight = "20pxpx";
126
- export const AlertMessageFontWeight = "400";
127
- export const AlertIconPositionX = "16pxpx";
128
- export const AlertIconPositionY = "16pxpx";
129
- export const NotificationIconSize = "20pxpx";
130
- export const NotificationGapX = "12pxpx";
131
- export const NotificationGapY = "4pxpx";
132
- export const NotificationPadding = "16pxpx";
133
- export const NotificationRadius = "8pxpx";
134
- export const NotificationTitleFontSize = "14pxpx";
135
- export const NotificationTitleLineHeight = "20pxpx";
136
- export const NotificationTitleFontWeight = "500";
137
- export const NotificationDescriptionFontSize = "14pxpx";
138
- export const NotificationDescriptionLineHeight = "20pxpx";
139
- export const NotificationDescriptionFontWeight = "500";
140
- export const NotificationTimestampFontSize = "14pxpx";
141
- export const NotificationTimestampLineHeight = "20pxpx";
142
- export const NotificationTimestampFontWeight = "400";
143
- export const NotificationGapXTitle = "8pxpx";
144
- export const NotificationBorderWidthHighEmphasis = "8pxpx";
145
- export const NotificationBorderWidthLowEmphasis = "1pxpx";
146
- export const BadgeGapX = "4pxpx";
147
- export const BadgePaddingX = "8pxpx";
148
- export const BadgePaddingY = "4pxpx";
149
- export const BadgeRadius = "9999pxpx";
150
- export const ListNativeIconSize = "20pxpx";
151
- export const ListNativeFontSize = "16pxpx";
152
- export const ListNativeLineHeight = "24pxpx";
153
- export const ListNativeItemPaddingLeft = "20pxpx";
154
- export const ListNativeItemPaddingY = "0pxpx";
155
- export const ListNativeItemPaddingRight = "8pxpx";
156
- export const ListNativeItemRadius = "6pxpx";
157
- export const ListNativeRadius = "6pxpx";
158
- export const ListNativeSubItemPaddingLeft = "32pxpx";
159
- export const ListNativeGapY = "2pxpx";
160
- export const ListNativePadding = "8pxpx";
161
- export const ListNativeSeparatorPaddingY = "3px";
33
+ export const ButtonLgBorderRadius = "8px";
34
+ export const ButtonLgFontSize = "18px";
35
+ export const ButtonLgGap = "8px";
36
+ export const ButtonLgIconButtonPadding = "12px";
37
+ export const ButtonLgIconSize = "24px";
38
+ export const ButtonLgLineHeight = "28px";
39
+ export const ButtonLgPaddingX = "16px";
40
+ export const ButtonLgPaddingY = "10px";
162
41
  export const ListNativeSeparatorPaddingX = "9px";
163
- export const ListCustomIconSize = "20pxpx";
164
- export const ListCustomFontSize = "16pxpx";
165
- export const ListCustomLineHeight = "24pxpx";
166
- export const ListCustomItemPaddingLeft = "32pxpx";
167
- export const ListCustomItemPaddingRight = "8pxpx";
168
- export const ListCustomItemPaddingY = "8pxpx";
169
- export const ListCustomItemRadius = "6pxpx";
170
- export const ListCustomGapY = "2pxpx";
171
- export const ListCustomRadius = "8pxpx";
172
- export const ListCustomPadding = "8pxpx";
173
- export const ListCustomSeparatorPaddingX = "0pxpx";
174
- export const ListCustomSeparatorPaddingY = "2pxpx";
175
- export const ListCustomSubItemPaddingLeft = "40pxpx";
176
- export const GlobalTypographyH1FontSize = "48pxpx";
177
- export const GlobalTypographyH1LineHeight = "40pxpx";
178
- export const GlobalTypographyH1FontWeight = "700";
42
+ export const ListNativeSeparatorPaddingY = "3px";
43
+ export const ListNativeIconSize = "20px";
44
+ export const ListNativeFontSize = "16px";
45
+ export const ListNativeLineHeight = "24px";
46
+ export const ListNativeItemPaddingLeft = "20px";
47
+ export const ListNativeItemPaddingRight = "8px";
48
+ export const ListNativeItemPaddingY = "0px";
49
+ export const ListNativeItemRadius = "6px";
50
+ export const ListNativeGapY = "2px";
51
+ export const ListNativeRadius = "6px";
52
+ export const ListNativePadding = "8px";
53
+ export const ListNativeSubItemPaddingLeft = "32px";
54
+ export const ListCustomIconSize = "20px";
55
+ export const ListCustomFontSize = "16px";
56
+ export const ListCustomLineHeight = "24px";
57
+ export const ListCustomItemPaddingLeft = "32px";
58
+ export const ListCustomItemPaddingRight = "8px";
59
+ export const ListCustomItemPaddingY = "8px";
60
+ export const ListCustomItemRadius = "6px";
61
+ export const ListCustomGapY = "2px";
62
+ export const ListCustomRadius = "8px";
63
+ export const ListCustomPadding = "8px";
64
+ export const ListCustomSeparatorPaddingX = "0px";
65
+ export const ListCustomSeparatorPaddingY = "2px";
66
+ export const ListCustomSubItemPaddingLeft = "40px";
67
+ export const MenuContextualDividerPaddingBottom = "3px";
68
+ export const MenuContextualDividerPaddingTop = "4px";
69
+ export const MenuContextualDividerPaddingX = "10px";
70
+ export const MenuContextualItemFontWeight = "500";
71
+ export const MenuContextualItemFontSize = "14px";
72
+ export const MenuContextualItemPaddingX = "10px";
73
+ export const MenuContextualItemPaddingY = "8px";
74
+ export const MenuContextualItemGapX = "12px";
75
+ export const MenuContextualItemRadius = "4px";
76
+ export const MenuContextualGapY = "2px";
77
+ export const MenuContextualPaddingX = "4px";
78
+ export const MenuContextualPaddingY = "4px";
79
+ export const MenuContextualRadius = "6px";
80
+ export const PopoverFontWeight = "500";
81
+ export const PopoverShadow1X = "0px";
82
+ export const PopoverShadow1Blur = "1px";
83
+ export const PopoverShadow1Y = "0px";
84
+ export const PopoverShadow1Spread = "0px";
85
+ export const PopoverShadow1Opacity = "#0b0f11";
86
+ export const PopoverShadow2X = "0px";
87
+ export const PopoverShadow2Y = "10px";
88
+ export const PopoverShadow2Blur = "15px";
89
+ export const PopoverShadow2Spread = "0px";
90
+ export const PopoverShadow2Opacity = "#0b0f11";
91
+ export const PopoverFontSize = "14px";
92
+ export const PopoverGapY = "4px";
93
+ export const PopoverPaddingX = "12px";
94
+ export const PopoverPaddingY = "12px";
95
+ export const PopoverRadius = "6px";
96
+ export const TooltipFontWeight = "500";
97
+ export const TooltipFontSize = "14px";
98
+ export const TooltipPaddingX = "12px";
99
+ export const TooltipPaddingY = "12px";
100
+ export const TooltipComplexPaddingY = "12px";
101
+ export const TooltipGapY = "4px";
102
+ export const TooltipRadius = "6px";
179
103
  export const GlobalTypographyH1FontStyle = "normal";
180
- export const GlobalTypographyH2FontSize = "30pxpx";
181
- export const GlobalTypographyH2LineHeight = "36pxpx";
182
- export const GlobalTypographyH2FontWeight = "700";
104
+ export const GlobalTypographyH1FontSize = "48px";
105
+ export const GlobalTypographyH1LineHeight = "40px";
106
+ export const GlobalTypographyH1FontWeight = "700";
183
107
  export const GlobalTypographyH2FontStyle = "normal";
184
- export const GlobalTypographyH3FontSize = "24pxpx";
185
- export const GlobalTypographyH3LineHeight = "32pxpx";
186
- export const GlobalTypographyH3FontWeight = "700";
108
+ export const GlobalTypographyH2FontSize = "30px";
109
+ export const GlobalTypographyH2LineHeight = "36px";
110
+ export const GlobalTypographyH2FontWeight = "700";
187
111
  export const GlobalTypographyH3FontStyle = "normal";
188
- export const GlobalTypographyH4FontSize = "20pxpx";
189
- export const GlobalTypographyH4LineHeight = "30pxpx";
190
- export const GlobalTypographyH4FontWeight = "700";
112
+ export const GlobalTypographyH3FontSize = "24px";
113
+ export const GlobalTypographyH3LineHeight = "32px";
114
+ export const GlobalTypographyH3FontWeight = "700";
191
115
  export const GlobalTypographyH4FontStyle = "normal";
192
- export const GlobalTypographyPFontSize = "16pxpx";
193
- export const GlobalTypographyPLineHeight = "24pxpx";
194
- export const GlobalTypographyPFontWeight = "400";
116
+ export const GlobalTypographyH4FontSize = "20px";
117
+ export const GlobalTypographyH4LineHeight = "30px";
118
+ export const GlobalTypographyH4FontWeight = "700";
119
+ export const GlobalTypographyH6FontStyle = "normal";
120
+ export const GlobalTypographyH6FontSize = "18px";
121
+ export const GlobalTypographyH6LineHeight = "28px";
122
+ export const GlobalTypographyH6FontWeight = "500";
123
+ export const GlobalTypographyH5FontStyle = "normal";
124
+ export const GlobalTypographyH5FontSize = "18px";
125
+ export const GlobalTypographyH5LineHeight = "28px";
126
+ export const GlobalTypographyH5FontWeight = "700";
195
127
  export const GlobalTypographyPFontStyle = "normal";
196
- export const GlobalTypographySmallFontSize = "12pxpx";
197
- export const GlobalTypographySmallLineHeight = "16pxpx";
128
+ export const GlobalTypographyPFontSize = "16px";
129
+ export const GlobalTypographyPLineHeight = "24px";
130
+ export const GlobalTypographyPFontWeight = "400";
198
131
  export const GlobalTypographySmallFontStyle = "normal";
199
- export const GlobalTypographyLabelFontSize = "14pxpx";
200
- export const GlobalTypographyLabelLineHeight = "20pxpx";
201
- export const GlobalTypographyLabelFontWeight = "500";
132
+ export const GlobalTypographySmallFontSize = "12px";
133
+ export const GlobalTypographySmallLineHeight = "16px";
202
134
  export const GlobalTypographyLabelFontStyle = "normal";
203
- export const GlobalTypographyLegendFontSize = "12pxpx";
204
- export const GlobalTypographyLegendLineHeight = "16pxpx";
205
- export const GlobalTypographyLegendFontWeight = "500";
135
+ export const GlobalTypographyLabelFontSize = "14px";
136
+ export const GlobalTypographyLabelLineHeight = "20px";
137
+ export const GlobalTypographyLabelFontWeight = "500";
206
138
  export const GlobalTypographyLegendFontStyle = "uppercase";
207
- export const GlobalTypographyH5FontSize = "18pxpx";
208
- export const GlobalTypographyH5LineHeight = "28pxpx";
209
- export const GlobalTypographyH5FontWeight = "700";
210
- export const GlobalTypographyH5FontStyle = "normal";
211
- export const GlobalTypographyH6FontSize = "18pxpx";
212
- export const GlobalTypographyH6LineHeight = "28pxpx";
213
- export const GlobalTypographyH6FontWeight = "500";
214
- export const GlobalTypographyH6FontStyle = "normal";
215
- export const TooltipPaddingX = "12pxpx";
216
- export const TooltipPaddingY = "12pxpx";
217
- export const TooltipGapY = "4pxpx";
218
- export const TooltipRadius = "6pxpx";
219
- export const TooltipComplexPaddingY = "12pxpx";
220
- export const TooltipFontSize = "14pxpx";
221
- export const TooltipFontWeight = "500";
222
- export const PopoverPaddingX = "12pxpx";
223
- export const PopoverPaddingY = "12pxpx";
224
- export const PopoverRadius = "6pxpx";
225
- export const PopoverShadow1X = "0px";
226
- export const PopoverShadow1Y = "0pxpx";
227
- export const PopoverShadow1Blur = "1px";
228
- export const PopoverShadow1Spread = "0pxpx";
229
- export const PopoverShadow1Opacity = "#0b0f11";
230
- export const PopoverShadow2X = "0px";
231
- export const PopoverShadow2Y = "10pxpx";
232
- export const PopoverShadow2Blur = "15pxpx";
233
- export const PopoverShadow2Spread = "0pxpx";
234
- export const PopoverShadow2Opacity = "#0b0f11";
235
- export const PopoverFontWeight = "500";
236
- export const PopoverFontSize = "14pxpx";
237
- export const PopoverGapY = "4pxpx";
238
- export const MenuContextualItemFontSize = "14pxpx";
239
- export const MenuContextualItemFontWeight = "500";
240
- export const MenuContextualItemRadius = "4pxpx";
241
- export const MenuContextualItemPaddingX = "10pxpx";
242
- export const MenuContextualItemGapX = "12pxpx";
243
- export const MenuContextualItemPaddingY = "8pxpx";
244
- export const MenuContextualPaddingX = "4pxpx";
245
- export const MenuContextualPaddingY = "4pxpx";
246
- export const MenuContextualGapY = "2pxpx";
247
- export const MenuContextualRadius = "6pxpx";
248
- export const MenuContextualDividerPaddingTop = "4pxpx";
249
- export const MenuContextualDividerPaddingBottom = "3px";
250
- export const MenuContextualDividerPaddingX = "10pxpx";
139
+ export const GlobalTypographyLegendFontSize = "12px";
140
+ export const GlobalTypographyLegendLineHeight = "16px";
141
+ export const GlobalTypographyLegendFontWeight = "500";
142
+ export const AlertIconSize = "20px";
143
+ export const AlertGapX = "12px";
144
+ export const AlertIconPositionX = "16px";
145
+ export const AlertIconPositionY = "16px";
146
+ export const AlertGapY = "4px";
147
+ export const AlertPadding = "16px";
148
+ export const AlertRadius = "8px";
149
+ export const AlertHeadingFontSize = "14px";
150
+ export const AlertHeadingFontWeight = "500";
151
+ export const AlertHeadingLineHeight = "20px";
152
+ export const AlertMessageFontSize = "14px";
153
+ export const AlertMessageFontWeight = "400";
154
+ export const AlertMessageLineHeight = "20px";
155
+ export const AvatarXsFontSize = "12px";
156
+ export const AvatarXsIconSize = "16px";
157
+ export const AvatarXsSize = "24px";
158
+ export const AvatarSmFontSize = "16px";
159
+ export const AvatarSmIconSize = "20px";
160
+ export const AvatarSmSize = "32px";
161
+ export const AvatarMdFontSize = "20px";
162
+ export const AvatarMdIconSize = "28px";
163
+ export const AvatarMdSize = "40px";
164
+ export const AvatarLgFontSize = "24px";
165
+ export const AvatarLgIconSize = "32px";
166
+ export const AvatarLgSize = "48px";
167
+ export const AvatarXlFontSize = "32px";
168
+ export const AvatarXlIconSize = "44px";
169
+ export const AvatarXlSize = "64px";
170
+ export const BadgeGapX = "4px";
171
+ export const BadgePaddingX = "8px";
172
+ export const BadgePaddingY = "4px";
173
+ export const BadgeRadius = "9999px";
174
+ export const FocusFieldStroke = "1px";
175
+ export const FocusOutlineOffset = "2px";
176
+ export const FocusOutlineStroke = "2px";
177
+ export const FormGapX = "12px";
178
+ export const FormGapY = "4px";
179
+ export const FormDescriptionFontSize = "14px";
180
+ export const FormDescriptionLineHeight = "20px";
181
+ export const FormDescriptionFontWeight = "400";
182
+ export const FormLabelFontSize = "14px";
183
+ export const FormLabelGap = "4px";
184
+ export const FormLabelLineHeight = "20px";
185
+ export const FormLabelFontWeight = "500";
186
+ export const FormFieldFontSize = "16px";
187
+ export const FormFieldFontWeight = "500";
188
+ export const FormFieldIconSize = "20px";
189
+ export const FormFieldGap = "8px";
190
+ export const FormFieldGapInner = "8px";
191
+ export const FormFieldLineHeight = "24px";
192
+ export const FormFieldPaddingX = "8px";
193
+ export const FormFieldPaddingXIconButton = "40px";
194
+ export const FormFieldPaddingY = "8px";
195
+ export const FormFieldRadius = "6px";
196
+ export const FormFieldLeadingTrailingFontSize = "14px";
197
+ export const FormFieldLeadingTrailingIconSize = "20px";
198
+ export const FormFieldLeadingTrailingLineHeight = "24px";
199
+ export const FormFieldInnerButtonPaddingXExt = "10px";
200
+ export const FormFieldInnerButtonPaddingXInt = "6px";
201
+ export const FormFieldInnerButtonPaddingY = "10px";
202
+ export const FormCheckboxBorderWidth = "2px";
203
+ export const FormCheckboxIconSize = "14px";
204
+ export const FormCheckboxPaddingTop = "0px";
205
+ export const FormCheckboxRadius = "6px";
206
+ export const FormCheckboxSize = "20px";
207
+ export const FormCheckboxRingRadius = "8px";
208
+ export const FormCheckboxIconStroke = "2px";
209
+ export const FormRadioBorderWidth = "2px";
210
+ export const FormRadioInnerCirclePadding = "6px";
211
+ export const FormRadioInnerCircleSize = "8px";
212
+ export const FormRadioPaddingTop = "0px";
213
+ export const FormRadioSize = "20px";
214
+ export const FormRadioRingRadius = "9999px";
215
+ export const FormToggleBorderWidth = "2px";
216
+ export const FormToggleHeight = "20px";
217
+ export const FormTogglePaddingTop = "0px";
218
+ export const FormToggleRadius = "9999px";
219
+ export const FormTogglePaddingDefault = "4px";
220
+ export const FormTogglePaddingSelected = "2px";
221
+ export const FormToggleSwitchDotDefault = "12px";
222
+ export const FormToggleSwitchDotSelected = "14px";
223
+ export const FormToggleWidth = "36px";
224
+ export const LoaderSizeXs = "16px";
225
+ export const LoaderSizeSm = "20px";
226
+ export const LoaderSizeMd = "24px";
227
+ export const LoaderSizeLg = "28px";
228
+ export const LoaderSizeXl = "32px";
229
+ export const IconXs = "12px";
230
+ export const IconSm = "16px";
231
+ export const IconMd = "20px";
232
+ export const IconLg = "24px";
233
+ export const IconXl = "28px";
234
+ export const NotificationIconSize = "20px";
235
+ export const NotificationGapX = "12px";
236
+ export const NotificationGapXTitle = "8px";
237
+ export const NotificationGapY = "4px";
238
+ export const NotificationPadding = "16px";
239
+ export const NotificationRadius = "8px";
240
+ export const NotificationBorderWidthHighEmphasis = "8px";
241
+ export const NotificationBorderWidthLowEmphasis = "1px";
242
+ export const NotificationDescriptionFontSize = "14px";
243
+ export const NotificationDescriptionFontWeight = "500";
244
+ export const NotificationDescriptionLineHeight = "20px";
245
+ export const NotificationTimestampFontSize = "14px";
246
+ export const NotificationTimestampFontWeight = "400";
247
+ export const NotificationTimestampLineHeight = "20px";
248
+ export const NotificationTitleFontSize = "14px";
249
+ export const NotificationTitleFontWeight = "500";
250
+ export const NotificationTitleLineHeight = "20px";