@esri/calcite-design-tokens 4.0.0-next.1 → 4.0.0-next.11

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 (40) hide show
  1. package/dist/css/breakpoints.css +8 -4
  2. package/dist/css/core.css +14 -0
  3. package/dist/css/dark.css +5 -5
  4. package/dist/css/global.css +60 -18
  5. package/dist/css/index.css +19 -19
  6. package/dist/css/light.css +3 -3
  7. package/dist/css/semantic.css +60 -18
  8. package/dist/docs/core.json +374 -577
  9. package/dist/docs/dark.json +6 -52
  10. package/dist/docs/global.json +2706 -1530
  11. package/dist/docs/light.json +4 -50
  12. package/dist/docs/semantic.json +2613 -1401
  13. package/dist/es6/breakpoints.d.ts +6 -2
  14. package/dist/es6/breakpoints.js +4 -2
  15. package/dist/es6/core.d.ts +14 -0
  16. package/dist/es6/core.js +14 -0
  17. package/dist/es6/dark.js +5 -5
  18. package/dist/es6/global.d.ts +66 -2
  19. package/dist/es6/global.js +72 -28
  20. package/dist/es6/light.js +3 -3
  21. package/dist/es6/semantic.d.ts +60 -0
  22. package/dist/es6/semantic.js +60 -18
  23. package/dist/scss/breakpoints.scss +8 -4
  24. package/dist/scss/core.scss +14 -0
  25. package/dist/scss/dark.scss +5 -5
  26. package/dist/scss/global.scss +60 -18
  27. package/dist/scss/index.scss +8 -8
  28. package/dist/scss/light.scss +3 -3
  29. package/dist/scss/semantic.scss +60 -18
  30. package/package.json +7 -7
  31. package/dist/js/core.d.ts +0 -743
  32. package/dist/js/core.js +0 -22642
  33. package/dist/js/dark.d.ts +0 -52
  34. package/dist/js/dark.js +0 -1812
  35. package/dist/js/global.d.ts +0 -375
  36. package/dist/js/global.js +0 -10710
  37. package/dist/js/light.d.ts +0 -52
  38. package/dist/js/light.js +0 -1813
  39. package/dist/js/semantic.d.ts +0 -190
  40. package/dist/js/semantic.js +0 -4822
package/dist/css/breakpoints.css CHANGED
@@ -4,9 +4,12 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-container-size-height-xxs-min: 0; /** Small handheld devices and mini-windows */
8
- --calcite-container-size-width-xxs-min: 0; /** Small handheld devices and mini-windows */
9
- --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
7
+ --calcite-container-size-height-xxs-min: 0; /** Deprecated, use --calcite-container-size-height-2xs-min|max instead. Small handheld devices and mini-windows */
8
+ --calcite-container-size-height-2xs-min: 0; /** Small handheld devices and mini-windows */
9
+ --calcite-container-size-width-xxs-min: 0; /** Deprecated, use --calcite-container-size-width-2xs-min|max instead. Small handheld devices and mini-windows */
10
+ --calcite-container-size-width-2xs-min: 0; /** Small handheld devices and mini-windows */
11
+ --calcite-container-size-height-xxs-max: 154px; /** Deprecated, use --calcite-container-size-height-2xs-min|max instead. Small handheld devices and mini-windows */
12
+ --calcite-container-size-height-2xs-max: 154px; /** Small handheld devices and mini-windows */
10
13
  --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
11
14
  --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
12
15
  --calcite-container-size-height-sm-min: 329px; /** Small tablets */
@@ -16,7 +19,8 @@
16
19
  --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
17
20
  --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
18
21
  --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
19
- --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
22
+ --calcite-container-size-width-xxs-max: 320px; /** Deprecated, use --calcite-container-size-width-2xs-min|max instead. Small handheld devices and mini-windows */
23
+ --calcite-container-size-width-2xs-max: 320px; /** Small handheld devices and mini-windows */
20
24
  --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
21
25
  --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
22
26
  --calcite-container-size-width-sm-min: 477px; /** Small tablets */
package/dist/css/core.css CHANGED
@@ -566,6 +566,20 @@
566
566
  --calcite-size-relative-200: 200%;
567
567
  --calcite-size-relative-auto: auto;
568
568
  --calcite-size-relative-normal: normal;
569
+ --calcite-size-rem-1: 1rem;
570
+ --calcite-size-rem-2: 2rem;
571
+ --calcite-size-rem-3: 3rem;
572
+ --calcite-size-rem-4: 4rem;
573
+ --calcite-size-rem-5: 5rem;
574
+ --calcite-size-rem-0-625: 0.625rem;
575
+ --calcite-size-rem-0-75: 0.75rem;
576
+ --calcite-size-rem-0-875: 0.875rem;
577
+ --calcite-size-rem-1-125: 1.125rem;
578
+ --calcite-size-rem-1-25: 1.25rem;
579
+ --calcite-size-rem-1-5: 1.5rem;
580
+ --calcite-size-rem-1-625: 1.625rem;
581
+ --calcite-size-rem-2-5: 2.5rem;
582
+ --calcite-size-rem-3-5: 3.5rem;
569
583
  --calcite-z-index-0: -999999;
570
584
  --calcite-z-index-1: 1;
571
585
  --calcite-z-index-3: 300;
package/dist/css/dark.css CHANGED
@@ -4,11 +4,11 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-background: #363636;
7
+ --calcite-color-background: #212121;
8
8
  --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
- --calcite-color-foreground-2: #212121;
11
- --calcite-color-foreground-3: #141414;
10
+ --calcite-color-foreground-2: #363636;
11
+ --calcite-color-foreground-3: #404040;
12
12
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
13
13
  --calcite-color-surface-highlight: #2b465f;
14
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -35,8 +35,8 @@
35
35
  --calcite-color-status-danger-hover: #ff0015;
36
36
  --calcite-color-status-danger-press: #d90012;
37
37
  --calcite-color-inverse: #f7f7f7;
38
- --calcite-color-inverse-hover: #ffffff;
39
- --calcite-color-inverse-press: #f2f2f2;
38
+ --calcite-color-inverse-hover: #f2f2f2;
39
+ --calcite-color-inverse-press: #ebebeb;
40
40
  --calcite-color-text-1: #ffffff;
41
41
  --calcite-color-text-2: #bfbfbf;
42
42
  --calcite-color-text-3: #9e9e9e;
package/dist/css/global.css CHANGED
@@ -34,7 +34,20 @@
34
34
  --calcite-font-size-md: 16px;
35
35
  --calcite-font-size-lg: 18px;
36
36
  --calcite-font-size-xl: 20px;
37
- --calcite-font-size-xxl: 24px;
37
+ --calcite-font-size-xxl: 24px; /** Deprecated, use --calcite-font-size-2xl instead. */
38
+ --calcite-font-size-2xl: 24px;
39
+ --calcite-font-size-relative-xs: 0.625rem;
40
+ --calcite-font-size-relative-sm: 0.75rem;
41
+ --calcite-font-size-relative-base: 0.875rem;
42
+ --calcite-font-size-relative-md: 1rem;
43
+ --calcite-font-size-relative-lg: 1.125rem;
44
+ --calcite-font-size-relative-xl: 1.25rem;
45
+ --calcite-font-size-relative-2xl: 1.625rem;
46
+ --calcite-font-size-relative-3xl: 2rem;
47
+ --calcite-font-size-relative-4xl: 2.5rem;
48
+ --calcite-font-size-relative-5xl: 3rem;
49
+ --calcite-font-size-relative-6xl: 3.5rem;
50
+ --calcite-font-size-relative-7xl: 4rem;
38
51
  --calcite-font-style-emphasis: italic; /** used in ratings */
39
52
  --calcite-font-line-height-fixed-sm: 12px;
40
53
  --calcite-font-line-height-fixed-base: 16px;
@@ -52,6 +65,18 @@
52
65
  --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
53
66
  --calcite-font-line-height-relative-relaxed: 1.625; /** 1.625 */
54
67
  --calcite-font-line-height-relative-loose: 2; /** 2 */
68
+ --calcite-font-line-height-xs: 0.75rem;
69
+ --calcite-font-line-height-sm: 1rem;
70
+ --calcite-font-line-height-base: 1rem;
71
+ --calcite-font-line-height-md: 1.25rem;
72
+ --calcite-font-line-height-lg: 1.5rem;
73
+ --calcite-font-line-height-xl: 1.5rem;
74
+ --calcite-font-line-height-2xl: 2rem;
75
+ --calcite-font-line-height-3xl: 2.5rem;
76
+ --calcite-font-line-height-4xl: 3rem;
77
+ --calcite-font-line-height-5xl: 4rem;
78
+ --calcite-font-line-height-6xl: 4rem;
79
+ --calcite-font-line-height-7xl: 5rem;
55
80
  --calcite-font-letter-spacing-tight: -0.4px; /** Deprecated */
56
81
  --calcite-font-letter-spacing-normal: 0; /** Deprecated */
57
82
  --calcite-font-letter-spacing-wide: 0.4px; /** Deprecated */
@@ -79,15 +104,19 @@
79
104
  --calcite-size-fixed-xxl: 24px; /** deprecated */
80
105
  --calcite-size-fixed-xxxl: 32px; /** deprecated */
81
106
  --calcite-size-px: 1px;
82
- --calcite-size-xxxs: 0.75rem;
83
- --calcite-size-xxs: 0.875rem;
107
+ --calcite-size-xxxs: 0.75rem; /** Deprecated, use --calcite-size-3xs instead. */
108
+ --calcite-size-3xs: 0.75rem;
109
+ --calcite-size-xxs: 0.875rem; /** Deprecated, use --calcite-size-2xs instead. */
110
+ --calcite-size-2xs: 0.875rem;
84
111
  --calcite-size-xs: 1rem;
85
112
  --calcite-size-sm: 1.5rem;
86
113
  --calcite-size-md: 2rem;
87
114
  --calcite-size-lg: 2.75rem;
88
115
  --calcite-size-xl: 3rem;
89
- --calcite-size-xxl: 4rem;
90
- --calcite-size-xxxl: 6rem;
116
+ --calcite-size-xxl: 4rem; /** Deprecated, use --calcite-size-2xl instead. */
117
+ --calcite-size-2xl: 4rem;
118
+ --calcite-size-xxxl: 6rem; /** Deprecated, use --calcite-size-3xl instead. */
119
+ --calcite-size-3xl: 6rem;
91
120
  --calcite-spacing-fixed-xxs: 4px; /** deprecated */
92
121
  --calcite-spacing-fixed-xs: 6px; /** deprecated */
93
122
  --calcite-spacing-fixed-sm: 8px; /** deprecated */
@@ -96,19 +125,32 @@
96
125
  --calcite-spacing-fixed-xl: 16px; /** deprecated */
97
126
  --calcite-spacing-fixed-xxl: 20px; /** deprecated */
98
127
  --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
99
- --calcite-spacing-none: 0;
100
- --calcite-spacing-px: 1px;
101
- --calcite-spacing-base: 2px;
102
- --calcite-spacing-xxs: 0.25rem;
103
- --calcite-spacing-xs: 0.375rem;
104
- --calcite-spacing-sm: 0.5rem;
105
- --calcite-spacing-sm-plus: 0.625rem;
106
- --calcite-spacing-md: 0.75rem;
107
- --calcite-spacing-md-plus: 0.875rem;
108
- --calcite-spacing-lg: 1rem;
109
- --calcite-spacing-xl: 1.25rem;
110
- --calcite-spacing-xxl: 1.5rem;
111
- --calcite-spacing-xxxl: 2rem;
128
+ --calcite-spacing-none: 0; /** deprecated, use `--calcite-space-none` instead */
129
+ --calcite-spacing-px: 1px; /** deprecated, use `--calcite-space-px` instead */
130
+ --calcite-spacing-base: 2px; /** deprecated, use `--calcite-space-base` instead */
131
+ --calcite-spacing-xxs: 0.25rem; /** deprecated, use `--calcite-space-2xs` instead */
132
+ --calcite-spacing-xs: 0.375rem; /** deprecated, use `--calcite-space-xs` instead */
133
+ --calcite-spacing-sm: 0.5rem; /** deprecated, use `--calcite-space-sm` instead */
134
+ --calcite-spacing-sm-plus: 0.625rem; /** deprecated, use `--calcite-space-sm-plus` instead */
135
+ --calcite-spacing-md: 0.75rem; /** deprecated, use `--calcite-space-md` instead */
136
+ --calcite-spacing-md-plus: 0.875rem; /** deprecated, use `--calcite-space-md-plus` instead */
137
+ --calcite-spacing-lg: 1rem; /** deprecated, use `--calcite-space-lg` instead */
138
+ --calcite-spacing-xl: 1.25rem; /** deprecated, use `--calcite-space-xl` instead */
139
+ --calcite-spacing-xxl: 1.5rem; /** deprecated, use `--calcite-space-2xl` instead */
140
+ --calcite-spacing-xxxl: 2rem; /** deprecated, use `--calcite-space-3xl` instead */
141
+ --calcite-space-none: 0;
142
+ --calcite-space-px: 1px;
143
+ --calcite-space-base: 2px;
144
+ --calcite-space-2xs: 0.25rem;
145
+ --calcite-space-xs: 0.375rem;
146
+ --calcite-space-sm: 0.5rem;
147
+ --calcite-space-sm-plus: 0.625rem;
148
+ --calcite-space-md: 0.75rem;
149
+ --calcite-space-md-plus: 0.875rem;
150
+ --calcite-space-lg: 1rem;
151
+ --calcite-space-xl: 1.25rem;
152
+ --calcite-space-2xl: 1.5rem;
153
+ --calcite-space-3xl: 2rem;
112
154
  --calcite-z-index-deep: -999999;
113
155
  --calcite-z-index: 1;
114
156
  --calcite-z-index-sticky: 300;
package/dist/css/index.css CHANGED
@@ -9,9 +9,9 @@
9
9
  --calcite-color-border-white: #ffffff;
10
10
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
11
11
  --calcite-color-border-input: #949494;
12
- --calcite-color-border-3: #dedede;
13
- --calcite-color-border-2: #d4d4d4;
14
- --calcite-color-border-1: #c9c9c9;
12
+ --calcite-color-border-3: #ebebeb;
13
+ --calcite-color-border-2: #dedede;
14
+ --calcite-color-border-1: #d4d4d4;
15
15
  --calcite-color-text-link: #00619b;
16
16
  --calcite-color-text-inverse: #ffffff;
17
17
  --calcite-color-text-highlight: #004874;
@@ -57,9 +57,9 @@
57
57
  --calcite-color-border-white: #ffffff;
58
58
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
59
59
  --calcite-color-border-input: #949494;
60
- --calcite-color-border-3: #dedede;
61
- --calcite-color-border-2: #d4d4d4;
62
- --calcite-color-border-1: #c9c9c9;
60
+ --calcite-color-border-3: #ebebeb;
61
+ --calcite-color-border-2: #dedede;
62
+ --calcite-color-border-1: #d4d4d4;
63
63
  --calcite-color-text-link: #00619b;
64
64
  --calcite-color-text-inverse: #ffffff;
65
65
  --calcite-color-text-highlight: #004874;
@@ -115,8 +115,8 @@
115
115
  --calcite-color-text-3: #9e9e9e;
116
116
  --calcite-color-text-2: #bfbfbf;
117
117
  --calcite-color-text-1: #ffffff;
118
- --calcite-color-inverse-press: #f2f2f2;
119
- --calcite-color-inverse-hover: #ffffff;
118
+ --calcite-color-inverse-press: #ebebeb;
119
+ --calcite-color-inverse-hover: #f2f2f2;
120
120
  --calcite-color-inverse: #f7f7f7;
121
121
  --calcite-color-status-danger-press: #d90012;
122
122
  --calcite-color-status-danger-hover: #ff0015;
@@ -143,20 +143,20 @@
143
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
144
144
  --calcite-color-surface-highlight: #2b465f;
145
145
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
146
- --calcite-color-foreground-3: #141414;
147
- --calcite-color-foreground-2: #212121;
146
+ --calcite-color-foreground-3: #404040;
147
+ --calcite-color-foreground-2: #363636;
148
148
  --calcite-color-foreground-1: #2b2b2b;
149
149
  --calcite-color-background-none: rgba(255, 255, 255, 0);
150
- --calcite-color-background: #363636;
150
+ --calcite-color-background: #212121;
151
151
  }
152
152
  }
153
153
  .calcite-mode-light {
154
154
  --calcite-color-border-white: #ffffff;
155
155
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
156
156
  --calcite-color-border-input: #949494;
157
- --calcite-color-border-3: #dedede;
158
- --calcite-color-border-2: #d4d4d4;
159
- --calcite-color-border-1: #c9c9c9;
157
+ --calcite-color-border-3: #ebebeb;
158
+ --calcite-color-border-2: #dedede;
159
+ --calcite-color-border-1: #d4d4d4;
160
160
  --calcite-color-text-link: #00619b;
161
161
  --calcite-color-text-inverse: #ffffff;
162
162
  --calcite-color-text-highlight: #004874;
@@ -210,8 +210,8 @@
210
210
  --calcite-color-text-3: #9e9e9e;
211
211
  --calcite-color-text-2: #bfbfbf;
212
212
  --calcite-color-text-1: #ffffff;
213
- --calcite-color-inverse-press: #f2f2f2;
214
- --calcite-color-inverse-hover: #ffffff;
213
+ --calcite-color-inverse-press: #ebebeb;
214
+ --calcite-color-inverse-hover: #f2f2f2;
215
215
  --calcite-color-inverse: #f7f7f7;
216
216
  --calcite-color-status-danger-press: #d90012;
217
217
  --calcite-color-status-danger-hover: #ff0015;
@@ -238,9 +238,9 @@
238
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
239
239
  --calcite-color-surface-highlight: #2b465f;
240
240
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
241
- --calcite-color-foreground-3: #141414;
242
- --calcite-color-foreground-2: #212121;
241
+ --calcite-color-foreground-3: #404040;
242
+ --calcite-color-foreground-2: #363636;
243
243
  --calcite-color-foreground-1: #2b2b2b;
244
244
  --calcite-color-background-none: rgba(255, 255, 255, 0);
245
- --calcite-color-background: #363636;
245
+ --calcite-color-background: #212121;
246
246
  }
package/dist/css/light.css CHANGED
@@ -43,9 +43,9 @@
43
43
  --calcite-color-text-highlight: #004874;
44
44
  --calcite-color-text-inverse: #ffffff;
45
45
  --calcite-color-text-link: #00619b;
46
- --calcite-color-border-1: #c9c9c9;
47
- --calcite-color-border-2: #d4d4d4;
48
- --calcite-color-border-3: #dedede;
46
+ --calcite-color-border-1: #d4d4d4;
47
+ --calcite-color-border-2: #dedede;
48
+ --calcite-color-border-3: #ebebeb;
49
49
  --calcite-color-border-input: #949494;
50
50
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
51
51
  --calcite-color-border-white: #ffffff;
package/dist/css/semantic.css CHANGED
@@ -32,7 +32,20 @@
32
32
  --calcite-font-size-md: 16px;
33
33
  --calcite-font-size-lg: 18px;
34
34
  --calcite-font-size-xl: 20px;
35
- --calcite-font-size-xxl: 24px;
35
+ --calcite-font-size-xxl: 24px; /** Deprecated, use --calcite-font-size-2xl instead. */
36
+ --calcite-font-size-2xl: 24px;
37
+ --calcite-font-size-relative-xs: 0.625rem;
38
+ --calcite-font-size-relative-sm: 0.75rem;
39
+ --calcite-font-size-relative-base: 0.875rem;
40
+ --calcite-font-size-relative-md: 1rem;
41
+ --calcite-font-size-relative-lg: 1.125rem;
42
+ --calcite-font-size-relative-xl: 1.25rem;
43
+ --calcite-font-size-relative-2xl: 1.625rem;
44
+ --calcite-font-size-relative-3xl: 2rem;
45
+ --calcite-font-size-relative-4xl: 2.5rem;
46
+ --calcite-font-size-relative-5xl: 3rem;
47
+ --calcite-font-size-relative-6xl: 3.5rem;
48
+ --calcite-font-size-relative-7xl: 4rem;
36
49
  --calcite-font-style-emphasis: italic; /** used in ratings */
37
50
  --calcite-font-line-height-fixed-sm: 12px;
38
51
  --calcite-font-line-height-fixed-base: 16px;
@@ -50,6 +63,18 @@
50
63
  --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
51
64
  --calcite-font-line-height-relative-relaxed: 1.625; /** 1.625 */
52
65
  --calcite-font-line-height-relative-loose: 2; /** 2 */
66
+ --calcite-font-line-height-xs: 0.75rem;
67
+ --calcite-font-line-height-sm: 1rem;
68
+ --calcite-font-line-height-base: 1rem;
69
+ --calcite-font-line-height-md: 1.25rem;
70
+ --calcite-font-line-height-lg: 1.5rem;
71
+ --calcite-font-line-height-xl: 1.5rem;
72
+ --calcite-font-line-height-2xl: 2rem;
73
+ --calcite-font-line-height-3xl: 2.5rem;
74
+ --calcite-font-line-height-4xl: 3rem;
75
+ --calcite-font-line-height-5xl: 4rem;
76
+ --calcite-font-line-height-6xl: 4rem;
77
+ --calcite-font-line-height-7xl: 5rem;
53
78
  --calcite-font-letter-spacing-tight: -0.4px; /** Deprecated */
54
79
  --calcite-font-letter-spacing-normal: 0; /** Deprecated */
55
80
  --calcite-font-letter-spacing-wide: 0.4px; /** Deprecated */
@@ -77,15 +102,19 @@
77
102
  --calcite-size-fixed-xxl: 24px; /** deprecated */
78
103
  --calcite-size-fixed-xxxl: 32px; /** deprecated */
79
104
  --calcite-size-px: 1px;
80
- --calcite-size-xxxs: 0.75rem;
81
- --calcite-size-xxs: 0.875rem;
105
+ --calcite-size-xxxs: 0.75rem; /** Deprecated, use --calcite-size-3xs instead. */
106
+ --calcite-size-3xs: 0.75rem;
107
+ --calcite-size-xxs: 0.875rem; /** Deprecated, use --calcite-size-2xs instead. */
108
+ --calcite-size-2xs: 0.875rem;
82
109
  --calcite-size-xs: 1rem;
83
110
  --calcite-size-sm: 1.5rem;
84
111
  --calcite-size-md: 2rem;
85
112
  --calcite-size-lg: 2.75rem;
86
113
  --calcite-size-xl: 3rem;
87
- --calcite-size-xxl: 4rem;
88
- --calcite-size-xxxl: 6rem;
114
+ --calcite-size-xxl: 4rem; /** Deprecated, use --calcite-size-2xl instead. */
115
+ --calcite-size-2xl: 4rem;
116
+ --calcite-size-xxxl: 6rem; /** Deprecated, use --calcite-size-3xl instead. */
117
+ --calcite-size-3xl: 6rem;
89
118
  --calcite-spacing-fixed-xxs: 4px; /** deprecated */
90
119
  --calcite-spacing-fixed-xs: 6px; /** deprecated */
91
120
  --calcite-spacing-fixed-sm: 8px; /** deprecated */
@@ -94,19 +123,32 @@
94
123
  --calcite-spacing-fixed-xl: 16px; /** deprecated */
95
124
  --calcite-spacing-fixed-xxl: 20px; /** deprecated */
96
125
  --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
97
- --calcite-spacing-none: 0;
98
- --calcite-spacing-px: 1px;
99
- --calcite-spacing-base: 2px;
100
- --calcite-spacing-xxs: 0.25rem;
101
- --calcite-spacing-xs: 0.375rem;
102
- --calcite-spacing-sm: 0.5rem;
103
- --calcite-spacing-sm-plus: 0.625rem;
104
- --calcite-spacing-md: 0.75rem;
105
- --calcite-spacing-md-plus: 0.875rem;
106
- --calcite-spacing-lg: 1rem;
107
- --calcite-spacing-xl: 1.25rem;
108
- --calcite-spacing-xxl: 1.5rem;
109
- --calcite-spacing-xxxl: 2rem;
126
+ --calcite-spacing-none: 0; /** deprecated, use `--calcite-space-none` instead */
127
+ --calcite-spacing-px: 1px; /** deprecated, use `--calcite-space-px` instead */
128
+ --calcite-spacing-base: 2px; /** deprecated, use `--calcite-space-base` instead */
129
+ --calcite-spacing-xxs: 0.25rem; /** deprecated, use `--calcite-space-2xs` instead */
130
+ --calcite-spacing-xs: 0.375rem; /** deprecated, use `--calcite-space-xs` instead */
131
+ --calcite-spacing-sm: 0.5rem; /** deprecated, use `--calcite-space-sm` instead */
132
+ --calcite-spacing-sm-plus: 0.625rem; /** deprecated, use `--calcite-space-sm-plus` instead */
133
+ --calcite-spacing-md: 0.75rem; /** deprecated, use `--calcite-space-md` instead */
134
+ --calcite-spacing-md-plus: 0.875rem; /** deprecated, use `--calcite-space-md-plus` instead */
135
+ --calcite-spacing-lg: 1rem; /** deprecated, use `--calcite-space-lg` instead */
136
+ --calcite-spacing-xl: 1.25rem; /** deprecated, use `--calcite-space-xl` instead */
137
+ --calcite-spacing-xxl: 1.5rem; /** deprecated, use `--calcite-space-2xl` instead */
138
+ --calcite-spacing-xxxl: 2rem; /** deprecated, use `--calcite-space-3xl` instead */
139
+ --calcite-space-none: 0;
140
+ --calcite-space-px: 1px;
141
+ --calcite-space-base: 2px;
142
+ --calcite-space-2xs: 0.25rem;
143
+ --calcite-space-xs: 0.375rem;
144
+ --calcite-space-sm: 0.5rem;
145
+ --calcite-space-sm-plus: 0.625rem;
146
+ --calcite-space-md: 0.75rem;
147
+ --calcite-space-md-plus: 0.875rem;
148
+ --calcite-space-lg: 1rem;
149
+ --calcite-space-xl: 1.25rem;
150
+ --calcite-space-2xl: 1.5rem;
151
+ --calcite-space-3xl: 2rem;
110
152
  --calcite-z-index-deep: -999999;
111
153
  --calcite-z-index: 1;
112
154
  --calcite-z-index-sticky: 300;