@aurodesignsystem/design-tokens 5.3.1 → 5.4.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/CHANGELOG.md +11 -0
- package/dist/CSSCustomProperties--bundled.css +129 -345
- package/dist/auro-classic/CSSCustomProperties.css +162 -162
- package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
- package/dist/auro-classic/JSData--color.js +1 -1
- package/dist/auro-classic/JSONVariablesFlat.json +162 -162
- package/dist/auro-classic/JSONVariablesNested.json +452 -452
- package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
- package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
- package/dist/auro-classic/JSVariables--color.js +1 -1
- package/dist/auro-classic/SCSSVariableMap.scss +1 -1
- package/dist/auro-classic/SCSSVariables.scss +162 -162
- package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
- package/dist/auro-classic/SassCustomProperties.scss +162 -162
- package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
- package/dist/hawaiian/JSONVariablesNested--hawaiian.json +177 -143
- package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
- package/dist/hawaiian/primitives--hawaiian.scss +202 -172
- package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
- package/package.json +1 -1
- package/src/primitives/alaska/{typography.json → font.json} +4 -11
- package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
- package/src/primitives/base/{typography.json → font.json} +102 -48
- package/src/primitives/base/transparency.json +7 -0
- package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
- package/src/themes/alaska/advanced/boolean.json +136 -0
- package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
- package/src/themes/alaska/advanced/hyperlink.json +62 -0
- package/src/themes/alaska/advanced/shared.json +46 -0
- package/src/themes/alaska/advanced/state.json +70 -0
- package/src/themes/alaska/basic/color/border.json +66 -0
- package/src/themes/alaska/basic/color/brand.json +108 -0
- package/src/themes/alaska/basic/color/fare-brand.json +74 -0
- package/src/themes/alaska/basic/color/page-background.json +24 -0
- package/src/themes/alaska/basic/color/status.json +88 -0
- package/src/themes/alaska/basic/color/surface.json +96 -0
- package/src/themes/alaska/basic/color/text-icon.json +96 -0
- package/src/themes/alaska/basic/corner-radius.json +30 -0
- package/src/themes/alaska/basic/font/accent.json +288 -0
- package/src/themes/alaska/basic/font/body.json +63 -0
- package/src/themes/alaska/basic/font/display.json +248 -0
- package/src/themes/alaska/basic/font/heading.json +245 -0
- package/src/themes/alaska-classic/component/boolean.json +70 -0
- package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
- package/src/themes/alaska-classic/component/hyperlink.json +62 -0
- package/src/themes/alaska-classic/component/shared.json +46 -0
- package/src/themes/alaska-classic/component/state.json +70 -0
- package/src/themes/alaska-classic/typography.json +799 -107
- package/src/themes/hawaiian/advanced/boolean.json +138 -0
- package/src/themes/hawaiian/advanced/button.json +334 -0
- package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
- package/src/themes/hawaiian/advanced/shared.json +48 -0
- package/src/themes/hawaiian/advanced/state.json +72 -0
- package/src/themes/hawaiian/basic/color/border.json +65 -0
- package/src/themes/hawaiian/basic/color/brand.json +105 -0
- package/src/themes/hawaiian/basic/color/color.json +57 -0
- package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
- package/src/themes/hawaiian/basic/color/page-background.json +25 -0
- package/src/themes/hawaiian/basic/color/status.json +81 -0
- package/src/themes/hawaiian/basic/color/surface.json +89 -0
- package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
- package/src/themes/hawaiian/basic/font/accent.json +288 -0
- package/src/themes/hawaiian/basic/font/body.json +63 -0
- package/src/themes/hawaiian/basic/font/heading.json +248 -0
- package/src/themes/hawaiian/basic/font/typography.json +248 -0
- package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
- package/dist/alaska/JSONVariablesNested--alaska.json +0 -154
- package/dist/alaska/JSObject--allTokens.js +0 -3731
- package/dist/alaska/SCSSVariables--alaska.scss +0 -116
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
- package/dist/alaska/primitives--alaska.scss +0 -215
- package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
- package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -154
- package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
- package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
- package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
- package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
- package/src/themes/alaska/color.json +0 -444
- package/src/themes/alaska/typography.json +0 -132
- package/src/themes/hawaiian/color.json +0 -444
- package/src/themes/hawaiian/component.json +0 -392
- package/src/themes/hawaiian/typography.json +0 -132
|
@@ -1,168 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 03 Apr 2025 20:02:51 GMT
|
|
4
4
|
|
|
5
|
-
$ds-asset-font-circular-family-name: "AS Circular";
|
|
6
|
-
$ds-asset-font-circular-filename: "ASCircularWeb";
|
|
7
|
-
$ds-asset-font-circular-weight-light: "-Light";
|
|
8
|
-
$ds-asset-font-circular-weight-medium: "-Medium";
|
|
9
|
-
$ds-asset-font-circular-weight-book: "-Book";
|
|
10
|
-
$ds-border-radius: 0.375rem;
|
|
11
|
-
$ds-size-25: 0.125rem; // 2px
|
|
12
|
-
$ds-size-50: 0.25rem; // 4px
|
|
13
|
-
$ds-size-75: 0.375rem; // 6px
|
|
14
|
-
$ds-size-100: 0.5rem; // 8px
|
|
15
|
-
$ds-size-150: 0.75rem; // 12px
|
|
16
|
-
$ds-size-200: 1rem; // 16px
|
|
17
|
-
$ds-size-250: 1.25rem; // 20px
|
|
18
|
-
$ds-size-300: 1.5rem; // 24px
|
|
19
|
-
$ds-size-400: 2rem; // 32px
|
|
20
|
-
$ds-size-500: 2.5rem; // 40px
|
|
21
|
-
$ds-size-600: 3rem; // 48px
|
|
22
|
-
$ds-size-700: 3.5rem; // 56px
|
|
23
|
-
$ds-size-800: 4rem; // 64px
|
|
24
|
-
$ds-size-900: 4.5rem; // 72px
|
|
25
|
-
$ds-size-1000: 5rem; // 80px
|
|
26
|
-
$ds-unitless-scale-20: 0.25;
|
|
27
|
-
$ds-unitless-scale-50: 0.5;
|
|
28
|
-
$ds-unitless-scale-100: 1;
|
|
29
|
-
$ds-unitless-scale-120: 1.25;
|
|
30
|
-
$ds-unitless-scale-140: 1.4;
|
|
31
|
-
$ds-unitless-scale-150: 1.5;
|
|
32
|
-
$ds-unitless-scale-160: 1.625;
|
|
33
|
-
$ds-unitless-scale-170: 1.75;
|
|
34
|
-
$ds-unitless-scale-180: 1.875;
|
|
35
|
-
$ds-unitless-scale-200: 2;
|
|
36
|
-
$ds-unitless-scale-210: 2.125;
|
|
37
|
-
$ds-unitless-scale-220: 2.25;
|
|
38
|
-
$ds-unitless-scale-230: 2.375;
|
|
39
|
-
$ds-unitless-scale-260: 2.625;
|
|
40
|
-
$ds-unitless-scale-270: 2.75;
|
|
41
|
-
$ds-unitless-scale-300: 3;
|
|
42
|
-
$ds-unitless-scale-330: 3.375;
|
|
43
|
-
$ds-unitless-scale-350: 3.5;
|
|
44
|
-
$ds-unitless-scale-370: 3.75;
|
|
45
|
-
$ds-unitless-scale-420: 4.25;
|
|
46
|
-
$ds-animation-default-property: all;
|
|
47
|
-
$ds-animation-default-duration: 0.3s;
|
|
48
|
-
$ds-animation-default-timing: ease-out;
|
|
49
|
-
$ds-depth-overlay: 200;
|
|
50
|
-
$ds-depth-modal: 300;
|
|
51
|
-
$ds-depth-tooltip: 400;
|
|
52
|
-
$ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); // for the least amount of emphasis
|
|
53
|
-
$ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); // for more emphasis than low elevation
|
|
54
|
-
$ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); // for maximum emphasis or differentiation
|
|
55
|
-
$ds-grid-breakpoint-xs: 320px;
|
|
56
|
-
$ds-grid-breakpoint-sm: 576px;
|
|
57
|
-
$ds-grid-breakpoint-md: 768px;
|
|
58
|
-
$ds-grid-breakpoint-lg: 1024px;
|
|
59
|
-
$ds-grid-breakpoint-xl: 1232px;
|
|
60
|
-
$ds-grid-column-xs: 6;
|
|
61
|
-
$ds-grid-column-sm: 12;
|
|
62
|
-
$ds-grid-column-md: 12;
|
|
63
|
-
$ds-grid-column-lg: 12;
|
|
64
|
-
$ds-grid-column-xl: 12;
|
|
65
|
-
$ds-grid-gutter-xs: 0.5rem;
|
|
66
|
-
$ds-grid-gutter-sm: 1rem;
|
|
67
|
-
$ds-grid-gutter-md: 1.5rem;
|
|
68
|
-
$ds-grid-gutter-lg: 1.5rem;
|
|
69
|
-
$ds-grid-gutter-xl: 2rem;
|
|
70
|
-
$ds-grid-margin-xs: 1rem;
|
|
71
|
-
$ds-grid-margin-sm: 1rem;
|
|
72
|
-
$ds-grid-margin-md: 1.5rem;
|
|
73
|
-
$ds-grid-margin-lg: 2rem;
|
|
74
|
-
$ds-grid-margin-xl: 2rem;
|
|
75
|
-
$ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
|
|
76
|
-
$ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
77
|
-
$ds-text-heading-300-weight: 300;
|
|
78
|
-
$ds-text-heading-300-px: 18px;
|
|
79
|
-
$ds-text-heading-300-size: 1.125rem;
|
|
80
|
-
$ds-text-heading-300-height: 1.625rem;
|
|
81
|
-
$ds-text-heading-300-height-px: 26px;
|
|
82
|
-
$ds-text-heading-400-weight: 300;
|
|
83
|
-
$ds-text-heading-400-px: 20px;
|
|
84
|
-
$ds-text-heading-400-size: 1.25rem;
|
|
85
|
-
$ds-text-heading-400-height: 1.625rem;
|
|
86
|
-
$ds-text-heading-400-height-px: 26px;
|
|
87
|
-
$ds-text-heading-500-weight: 300;
|
|
88
|
-
$ds-text-heading-500-px-breakpoint-sm: 22px;
|
|
89
|
-
$ds-text-heading-500-px-breakpoint-md: 24px;
|
|
90
|
-
$ds-text-heading-500-px-breakpoint-lg: 24px;
|
|
91
|
-
$ds-text-heading-500-size-breakpoint-sm: 1.375rem;
|
|
92
|
-
$ds-text-heading-500-size-breakpoint-md: 1.5rem;
|
|
93
|
-
$ds-text-heading-500-size-breakpoint-lg: 1.5rem;
|
|
94
|
-
$ds-text-heading-500-height-breakpoint-sm: 1.625rem;
|
|
95
|
-
$ds-text-heading-500-height-breakpoint-px-sm: 26px;
|
|
96
|
-
$ds-text-heading-500-height-breakpoint-md: 1.875rem;
|
|
97
|
-
$ds-text-heading-500-height-breakpoint-px-md: 30px;
|
|
98
|
-
$ds-text-heading-500-height-breakpoint-lg: 2rem;
|
|
99
|
-
$ds-text-heading-500-height-breakpoint-px-lg: 32px;
|
|
100
|
-
$ds-text-heading-600-weight: 300;
|
|
101
|
-
$ds-text-heading-600-px-breakpoint-sm: 26px;
|
|
102
|
-
$ds-text-heading-600-px-breakpoint-md: 28px;
|
|
103
|
-
$ds-text-heading-600-px-breakpoint-lg: 28px;
|
|
104
|
-
$ds-text-heading-600-size-breakpoint-sm: 1.625rem;
|
|
105
|
-
$ds-text-heading-600-size-breakpoint-md: 1.75rem;
|
|
106
|
-
$ds-text-heading-600-size-breakpoint-lg: 1.75rem;
|
|
107
|
-
$ds-text-heading-600-height-breakpoint-sm: 1.875rem;
|
|
108
|
-
$ds-text-heading-600-height-breakpoint-px-sm: 30px;
|
|
109
|
-
$ds-text-heading-600-height-breakpoint-md: 2.125rem;
|
|
110
|
-
$ds-text-heading-600-height-breakpoint-px-md: 34px;
|
|
111
|
-
$ds-text-heading-600-height-breakpoint-lg: 2.25rem;
|
|
112
|
-
$ds-text-heading-600-height-breakpoint-px-lg: 36px;
|
|
113
|
-
$ds-text-heading-700-weight: 500;
|
|
114
|
-
$ds-text-heading-700-px-breakpoint-sm: 28px;
|
|
115
|
-
$ds-text-heading-700-px-breakpoint-md: 32px;
|
|
116
|
-
$ds-text-heading-700-px-breakpoint-lg: 36px;
|
|
117
|
-
$ds-text-heading-700-size-breakpoint-sm: 1.75rem;
|
|
118
|
-
$ds-text-heading-700-size-breakpoint-md: 2rem;
|
|
119
|
-
$ds-text-heading-700-size-breakpoint-lg: 2.25rem;
|
|
120
|
-
$ds-text-heading-700-height-breakpoint-sm: 2.125rem;
|
|
121
|
-
$ds-text-heading-700-height-breakpoint-px-sm: 34px;
|
|
122
|
-
$ds-text-heading-700-height-breakpoint-md: 2.375rem;
|
|
123
|
-
$ds-text-heading-700-height-breakpoint-px-md: 38px;
|
|
124
|
-
$ds-text-heading-700-height-breakpoint-lg: 2.75rem;
|
|
125
|
-
$ds-text-heading-700-height-breakpoint-px-lg: 44px;
|
|
126
|
-
$ds-text-heading-800-weight: 500;
|
|
127
|
-
$ds-text-heading-800-px-breakpoint-sm: 32px;
|
|
128
|
-
$ds-text-heading-800-px-breakpoint-md: 36px;
|
|
129
|
-
$ds-text-heading-800-px-breakpoint-lg: 40px;
|
|
130
|
-
$ds-text-heading-800-size-breakpoint-sm: 2rem;
|
|
131
|
-
$ds-text-heading-800-size-breakpoint-md: 2.25rem;
|
|
132
|
-
$ds-text-heading-800-size-breakpoint-lg: 2.5rem;
|
|
133
|
-
$ds-text-heading-800-height-breakpoint-sm: 2.375rem;
|
|
134
|
-
$ds-text-heading-800-height-breakpoint-px-sm: 38px;
|
|
135
|
-
$ds-text-heading-800-height-breakpoint-md: 2.625rem;
|
|
136
|
-
$ds-text-heading-800-height-breakpoint-px-md: 42px;
|
|
137
|
-
$ds-text-heading-800-height-breakpoint-lg: 3rem;
|
|
138
|
-
$ds-text-heading-800-height-breakpoint-px-lg: 48px;
|
|
139
|
-
$ds-text-heading-default-weight: 500;
|
|
140
|
-
$ds-text-heading-default-margin: 0;
|
|
141
|
-
$ds-text-heading-default-spacing: -0.2px;
|
|
142
|
-
$ds-text-heading-medium-weight: 300;
|
|
143
|
-
$ds-text-heading-display-weight: 100;
|
|
144
|
-
$ds-text-heading-display-px-breakpoint-sm: 44px;
|
|
145
|
-
$ds-text-heading-display-px-breakpoint-md: 48px;
|
|
146
|
-
$ds-text-heading-display-px-breakpoint-lg: 56px;
|
|
147
|
-
$ds-text-heading-display-size-breakpoint-sm: 2.75rem;
|
|
148
|
-
$ds-text-heading-display-size-breakpoint-md: 3rem;
|
|
149
|
-
$ds-text-heading-display-size-breakpoint-lg: 3.5rem;
|
|
150
|
-
$ds-text-heading-display-height-breakpoint-sm: 3.375rem;
|
|
151
|
-
$ds-text-heading-display-height-breakpoint-px-sm: 54px;
|
|
152
|
-
$ds-text-heading-display-height-breakpoint-md: 3.75rem;
|
|
153
|
-
$ds-text-heading-display-height-breakpoint-px-md: 60px;
|
|
154
|
-
$ds-text-heading-display-height-breakpoint-lg: 4.25rem;
|
|
155
|
-
$ds-text-heading-display-height-breakpoint-px-lg: 68px;
|
|
156
|
-
$ds-text-body-default-weight: 500;
|
|
157
|
-
$ds-text-body-size-xxs: 0.625rem;
|
|
158
|
-
$ds-text-body-size-xs: 0.75rem;
|
|
159
|
-
$ds-text-body-size-sm: 0.875rem;
|
|
160
|
-
$ds-text-body-size-default: 1rem;
|
|
161
|
-
$ds-text-body-size-lg: 1.125rem;
|
|
162
|
-
$ds-text-body-height-xs: 1rem;
|
|
163
|
-
$ds-text-body-height-sm: 1.25rem;
|
|
164
|
-
$ds-text-body-height-default: 1.5rem;
|
|
165
|
-
$ds-text-body-height-lg: 1.625rem;
|
|
166
5
|
$ds-color-alert-notification-default: #0074c8;
|
|
167
6
|
$ds-color-alert-warning-default: #de750c;
|
|
168
7
|
$ds-color-alert-error-default: #df0b37;
|
|
@@ -1378,3 +1217,164 @@ $ds-color-utility-warning-default: #f2c153;
|
|
|
1378
1217
|
$ds-color-utility-warning-inverse: #f2c153;
|
|
1379
1218
|
$ds-color-utility-success-default: #0b6f4d;
|
|
1380
1219
|
$ds-color-utility-success-inverse: #8eceb9;
|
|
1220
|
+
$ds-border-radius: 0.375rem;
|
|
1221
|
+
$ds-size-25: 0.125rem; // 2px
|
|
1222
|
+
$ds-size-50: 0.25rem; // 4px
|
|
1223
|
+
$ds-size-75: 0.375rem; // 6px
|
|
1224
|
+
$ds-size-100: 0.5rem; // 8px
|
|
1225
|
+
$ds-size-150: 0.75rem; // 12px
|
|
1226
|
+
$ds-size-200: 1rem; // 16px
|
|
1227
|
+
$ds-size-250: 1.25rem; // 20px
|
|
1228
|
+
$ds-size-300: 1.5rem; // 24px
|
|
1229
|
+
$ds-size-400: 2rem; // 32px
|
|
1230
|
+
$ds-size-500: 2.5rem; // 40px
|
|
1231
|
+
$ds-size-600: 3rem; // 48px
|
|
1232
|
+
$ds-size-700: 3.5rem; // 56px
|
|
1233
|
+
$ds-size-800: 4rem; // 64px
|
|
1234
|
+
$ds-size-900: 4.5rem; // 72px
|
|
1235
|
+
$ds-size-1000: 5rem; // 80px
|
|
1236
|
+
$ds-unitless-scale-20: 0.25;
|
|
1237
|
+
$ds-unitless-scale-50: 0.5;
|
|
1238
|
+
$ds-unitless-scale-100: 1;
|
|
1239
|
+
$ds-unitless-scale-120: 1.25;
|
|
1240
|
+
$ds-unitless-scale-140: 1.4;
|
|
1241
|
+
$ds-unitless-scale-150: 1.5;
|
|
1242
|
+
$ds-unitless-scale-160: 1.625;
|
|
1243
|
+
$ds-unitless-scale-170: 1.75;
|
|
1244
|
+
$ds-unitless-scale-180: 1.875;
|
|
1245
|
+
$ds-unitless-scale-200: 2;
|
|
1246
|
+
$ds-unitless-scale-210: 2.125;
|
|
1247
|
+
$ds-unitless-scale-220: 2.25;
|
|
1248
|
+
$ds-unitless-scale-230: 2.375;
|
|
1249
|
+
$ds-unitless-scale-260: 2.625;
|
|
1250
|
+
$ds-unitless-scale-270: 2.75;
|
|
1251
|
+
$ds-unitless-scale-300: 3;
|
|
1252
|
+
$ds-unitless-scale-330: 3.375;
|
|
1253
|
+
$ds-unitless-scale-350: 3.5;
|
|
1254
|
+
$ds-unitless-scale-370: 3.75;
|
|
1255
|
+
$ds-unitless-scale-420: 4.25;
|
|
1256
|
+
$ds-animation-default-property: all;
|
|
1257
|
+
$ds-animation-default-duration: 0.3s;
|
|
1258
|
+
$ds-animation-default-timing: ease-out;
|
|
1259
|
+
$ds-depth-overlay: 200;
|
|
1260
|
+
$ds-depth-modal: 300;
|
|
1261
|
+
$ds-depth-tooltip: 400;
|
|
1262
|
+
$ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); // for the least amount of emphasis
|
|
1263
|
+
$ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); // for more emphasis than low elevation
|
|
1264
|
+
$ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); // for maximum emphasis or differentiation
|
|
1265
|
+
$ds-asset-font-circular-family-name: "AS Circular";
|
|
1266
|
+
$ds-asset-font-circular-filename: "ASCircularWeb";
|
|
1267
|
+
$ds-asset-font-circular-weight-light: "-Light";
|
|
1268
|
+
$ds-asset-font-circular-weight-medium: "-Medium";
|
|
1269
|
+
$ds-asset-font-circular-weight-book: "-Book";
|
|
1270
|
+
$ds-grid-breakpoint-xs: 320px;
|
|
1271
|
+
$ds-grid-breakpoint-sm: 576px;
|
|
1272
|
+
$ds-grid-breakpoint-md: 768px;
|
|
1273
|
+
$ds-grid-breakpoint-lg: 1024px;
|
|
1274
|
+
$ds-grid-breakpoint-xl: 1232px;
|
|
1275
|
+
$ds-grid-column-xs: 6;
|
|
1276
|
+
$ds-grid-column-sm: 12;
|
|
1277
|
+
$ds-grid-column-md: 12;
|
|
1278
|
+
$ds-grid-column-lg: 12;
|
|
1279
|
+
$ds-grid-column-xl: 12;
|
|
1280
|
+
$ds-grid-gutter-xs: 0.5rem;
|
|
1281
|
+
$ds-grid-gutter-sm: 1rem;
|
|
1282
|
+
$ds-grid-gutter-md: 1.5rem;
|
|
1283
|
+
$ds-grid-gutter-lg: 1.5rem;
|
|
1284
|
+
$ds-grid-gutter-xl: 2rem;
|
|
1285
|
+
$ds-grid-margin-xs: 1rem;
|
|
1286
|
+
$ds-grid-margin-sm: 1rem;
|
|
1287
|
+
$ds-grid-margin-md: 1.5rem;
|
|
1288
|
+
$ds-grid-margin-lg: 2rem;
|
|
1289
|
+
$ds-grid-margin-xl: 2rem;
|
|
1290
|
+
$ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
|
|
1291
|
+
$ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
1292
|
+
$ds-text-heading-300-weight: 300;
|
|
1293
|
+
$ds-text-heading-300-px: 18px;
|
|
1294
|
+
$ds-text-heading-300-size: 1.125rem;
|
|
1295
|
+
$ds-text-heading-300-height: 1.625rem;
|
|
1296
|
+
$ds-text-heading-300-height-px: 26px;
|
|
1297
|
+
$ds-text-heading-400-weight: 300;
|
|
1298
|
+
$ds-text-heading-400-px: 20px;
|
|
1299
|
+
$ds-text-heading-400-size: 1.25rem;
|
|
1300
|
+
$ds-text-heading-400-height: 1.625rem;
|
|
1301
|
+
$ds-text-heading-400-height-px: 26px;
|
|
1302
|
+
$ds-text-heading-500-weight: 300;
|
|
1303
|
+
$ds-text-heading-500-px-breakpoint-sm: 22px;
|
|
1304
|
+
$ds-text-heading-500-px-breakpoint-md: 24px;
|
|
1305
|
+
$ds-text-heading-500-px-breakpoint-lg: 24px;
|
|
1306
|
+
$ds-text-heading-500-size-breakpoint-sm: 1.375rem;
|
|
1307
|
+
$ds-text-heading-500-size-breakpoint-md: 1.5rem;
|
|
1308
|
+
$ds-text-heading-500-size-breakpoint-lg: 1.5rem;
|
|
1309
|
+
$ds-text-heading-500-height-breakpoint-sm: 1.625rem;
|
|
1310
|
+
$ds-text-heading-500-height-breakpoint-px-sm: 26px;
|
|
1311
|
+
$ds-text-heading-500-height-breakpoint-md: 1.875rem;
|
|
1312
|
+
$ds-text-heading-500-height-breakpoint-px-md: 30px;
|
|
1313
|
+
$ds-text-heading-500-height-breakpoint-lg: 2rem;
|
|
1314
|
+
$ds-text-heading-500-height-breakpoint-px-lg: 32px;
|
|
1315
|
+
$ds-text-heading-600-weight: 300;
|
|
1316
|
+
$ds-text-heading-600-px-breakpoint-sm: 26px;
|
|
1317
|
+
$ds-text-heading-600-px-breakpoint-md: 28px;
|
|
1318
|
+
$ds-text-heading-600-px-breakpoint-lg: 28px;
|
|
1319
|
+
$ds-text-heading-600-size-breakpoint-sm: 1.625rem;
|
|
1320
|
+
$ds-text-heading-600-size-breakpoint-md: 1.75rem;
|
|
1321
|
+
$ds-text-heading-600-size-breakpoint-lg: 1.75rem;
|
|
1322
|
+
$ds-text-heading-600-height-breakpoint-sm: 1.875rem;
|
|
1323
|
+
$ds-text-heading-600-height-breakpoint-px-sm: 30px;
|
|
1324
|
+
$ds-text-heading-600-height-breakpoint-md: 2.125rem;
|
|
1325
|
+
$ds-text-heading-600-height-breakpoint-px-md: 34px;
|
|
1326
|
+
$ds-text-heading-600-height-breakpoint-lg: 2.25rem;
|
|
1327
|
+
$ds-text-heading-600-height-breakpoint-px-lg: 36px;
|
|
1328
|
+
$ds-text-heading-700-weight: 500;
|
|
1329
|
+
$ds-text-heading-700-px-breakpoint-sm: 28px;
|
|
1330
|
+
$ds-text-heading-700-px-breakpoint-md: 32px;
|
|
1331
|
+
$ds-text-heading-700-px-breakpoint-lg: 36px;
|
|
1332
|
+
$ds-text-heading-700-size-breakpoint-sm: 1.75rem;
|
|
1333
|
+
$ds-text-heading-700-size-breakpoint-md: 2rem;
|
|
1334
|
+
$ds-text-heading-700-size-breakpoint-lg: 2.25rem;
|
|
1335
|
+
$ds-text-heading-700-height-breakpoint-sm: 2.125rem;
|
|
1336
|
+
$ds-text-heading-700-height-breakpoint-px-sm: 34px;
|
|
1337
|
+
$ds-text-heading-700-height-breakpoint-md: 2.375rem;
|
|
1338
|
+
$ds-text-heading-700-height-breakpoint-px-md: 38px;
|
|
1339
|
+
$ds-text-heading-700-height-breakpoint-lg: 2.75rem;
|
|
1340
|
+
$ds-text-heading-700-height-breakpoint-px-lg: 44px;
|
|
1341
|
+
$ds-text-heading-800-weight: 500;
|
|
1342
|
+
$ds-text-heading-800-px-breakpoint-sm: 32px;
|
|
1343
|
+
$ds-text-heading-800-px-breakpoint-md: 36px;
|
|
1344
|
+
$ds-text-heading-800-px-breakpoint-lg: 40px;
|
|
1345
|
+
$ds-text-heading-800-size-breakpoint-sm: 2rem;
|
|
1346
|
+
$ds-text-heading-800-size-breakpoint-md: 2.25rem;
|
|
1347
|
+
$ds-text-heading-800-size-breakpoint-lg: 2.5rem;
|
|
1348
|
+
$ds-text-heading-800-height-breakpoint-sm: 2.375rem;
|
|
1349
|
+
$ds-text-heading-800-height-breakpoint-px-sm: 38px;
|
|
1350
|
+
$ds-text-heading-800-height-breakpoint-md: 2.625rem;
|
|
1351
|
+
$ds-text-heading-800-height-breakpoint-px-md: 42px;
|
|
1352
|
+
$ds-text-heading-800-height-breakpoint-lg: 3rem;
|
|
1353
|
+
$ds-text-heading-800-height-breakpoint-px-lg: 48px;
|
|
1354
|
+
$ds-text-heading-default-weight: 500;
|
|
1355
|
+
$ds-text-heading-default-margin: 0;
|
|
1356
|
+
$ds-text-heading-default-spacing: -0.2px;
|
|
1357
|
+
$ds-text-heading-medium-weight: 300;
|
|
1358
|
+
$ds-text-heading-display-weight: 100;
|
|
1359
|
+
$ds-text-heading-display-px-breakpoint-sm: 44px;
|
|
1360
|
+
$ds-text-heading-display-px-breakpoint-md: 48px;
|
|
1361
|
+
$ds-text-heading-display-px-breakpoint-lg: 56px;
|
|
1362
|
+
$ds-text-heading-display-size-breakpoint-sm: 2.75rem;
|
|
1363
|
+
$ds-text-heading-display-size-breakpoint-md: 3rem;
|
|
1364
|
+
$ds-text-heading-display-size-breakpoint-lg: 3.5rem;
|
|
1365
|
+
$ds-text-heading-display-height-breakpoint-sm: 3.375rem;
|
|
1366
|
+
$ds-text-heading-display-height-breakpoint-px-sm: 54px;
|
|
1367
|
+
$ds-text-heading-display-height-breakpoint-md: 3.75rem;
|
|
1368
|
+
$ds-text-heading-display-height-breakpoint-px-md: 60px;
|
|
1369
|
+
$ds-text-heading-display-height-breakpoint-lg: 4.25rem;
|
|
1370
|
+
$ds-text-heading-display-height-breakpoint-px-lg: 68px;
|
|
1371
|
+
$ds-text-body-default-weight: 500;
|
|
1372
|
+
$ds-text-body-size-xxs: 0.625rem;
|
|
1373
|
+
$ds-text-body-size-xs: 0.75rem;
|
|
1374
|
+
$ds-text-body-size-sm: 0.875rem;
|
|
1375
|
+
$ds-text-body-size-default: 1rem;
|
|
1376
|
+
$ds-text-body-size-lg: 1.125rem;
|
|
1377
|
+
$ds-text-body-height-xs: 1rem;
|
|
1378
|
+
$ds-text-body-height-sm: 1.25rem;
|
|
1379
|
+
$ds-text-body-height-default: 1.5rem;
|
|
1380
|
+
$ds-text-body-height-lg: 1.625rem;
|