@esri/calcite-design-tokens 4.0.0-next.4 → 4.0.0-next.5

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 (14) hide show
  1. package/dist/css/global.css +26 -13
  2. package/dist/css/semantic.css +26 -13
  3. package/dist/docs/core.json +1 -1
  4. package/dist/docs/dark.json +1 -1
  5. package/dist/docs/global.json +511 -35
  6. package/dist/docs/light.json +1 -1
  7. package/dist/docs/semantic.json +511 -35
  8. package/dist/es6/global.d.ts +26 -0
  9. package/dist/es6/global.js +26 -13
  10. package/dist/es6/semantic.d.ts +26 -0
  11. package/dist/es6/semantic.js +26 -13
  12. package/dist/scss/global.scss +26 -13
  13. package/dist/scss/semantic.scss +26 -13
  14. package/package.json +2 -2
package/dist/es6/global.d.ts CHANGED
@@ -238,19 +238,45 @@ export const calciteSpacingFixedXl: string;
238
238
  export const calciteSpacingFixedXxl: string;
239
239
  /** deprecated */
240
240
  export const calciteSpacingFixedXxxl: string;
241
+ /** deprecated, use `--calcite-space-none` instead */
241
242
  export const calciteSpacingNone: string;
243
+ /** deprecated, use `--calcite-space-px` instead */
242
244
  export const calciteSpacingPx: string;
245
+ /** deprecated, use `--calcite-space-base` instead */
243
246
  export const calciteSpacingBase: string;
247
+ /** deprecated, use `--calcite-space-2xs` instead */
244
248
  export const calciteSpacingXxs: string;
249
+ /** deprecated, use `--calcite-space-xs` instead */
245
250
  export const calciteSpacingXs: string;
251
+ /** deprecated, use `--calcite-space-sm` instead */
246
252
  export const calciteSpacingSm: string;
253
+ /** deprecated, use `--calcite-space-sm-plus` instead */
247
254
  export const calciteSpacingSmPlus: string;
255
+ /** deprecated, use `--calcite-space-md` instead */
248
256
  export const calciteSpacingMd: string;
257
+ /** deprecated, use `--calcite-space-md-plus` instead */
249
258
  export const calciteSpacingMdPlus: string;
259
+ /** deprecated, use `--calcite-space-lg` instead */
250
260
  export const calciteSpacingLg: string;
261
+ /** deprecated, use `--calcite-space-xl` instead */
251
262
  export const calciteSpacingXl: string;
263
+ /** deprecated, use `--calcite-space-2xl` instead */
252
264
  export const calciteSpacingXxl: string;
265
+ /** deprecated, use `--calcite-space-3xl` instead */
253
266
  export const calciteSpacingXxxl: string;
267
+ export const calciteSpaceNone: string;
268
+ export const calciteSpacePx: string;
269
+ export const calciteSpaceBase: string;
270
+ export const calciteSpace2xs: string;
271
+ export const calciteSpaceXs: string;
272
+ export const calciteSpaceSm: string;
273
+ export const calciteSpaceSmPlus: string;
274
+ export const calciteSpaceMd: string;
275
+ export const calciteSpaceMdPlus: string;
276
+ export const calciteSpaceLg: string;
277
+ export const calciteSpaceXl: string;
278
+ export const calciteSpace2xl: string;
279
+ export const calciteSpace3xl: string;
254
280
  export const calciteTypography: {
255
281
  fontFamily: string[];
256
282
  fontSize: string;
package/dist/es6/global.js CHANGED
@@ -242,19 +242,32 @@ export const calciteSpacingFixedLg = "14px"; // deprecated
242
242
  export const calciteSpacingFixedXl = "16px"; // deprecated
243
243
  export const calciteSpacingFixedXxl = "20px"; // deprecated
244
244
  export const calciteSpacingFixedXxxl = "32px"; // deprecated
245
- export const calciteSpacingNone = "0";
246
- export const calciteSpacingPx = "1px";
247
- export const calciteSpacingBase = "2px";
248
- export const calciteSpacingXxs = "0.25rem";
249
- export const calciteSpacingXs = "0.375rem";
250
- export const calciteSpacingSm = "0.5rem";
251
- export const calciteSpacingSmPlus = "0.625rem";
252
- export const calciteSpacingMd = "0.75rem";
253
- export const calciteSpacingMdPlus = "0.875rem";
254
- export const calciteSpacingLg = "1rem";
255
- export const calciteSpacingXl = "1.25rem";
256
- export const calciteSpacingXxl = "1.5rem";
257
- export const calciteSpacingXxxl = "2rem";
245
+ export const calciteSpacingNone = "0"; // deprecated, use `--calcite-space-none` instead
246
+ export const calciteSpacingPx = "1px"; // deprecated, use `--calcite-space-px` instead
247
+ export const calciteSpacingBase = "2px"; // deprecated, use `--calcite-space-base` instead
248
+ export const calciteSpacingXxs = "0.25rem"; // deprecated, use `--calcite-space-2xs` instead
249
+ export const calciteSpacingXs = "0.375rem"; // deprecated, use `--calcite-space-xs` instead
250
+ export const calciteSpacingSm = "0.5rem"; // deprecated, use `--calcite-space-sm` instead
251
+ export const calciteSpacingSmPlus = "0.625rem"; // deprecated, use `--calcite-space-sm-plus` instead
252
+ export const calciteSpacingMd = "0.75rem"; // deprecated, use `--calcite-space-md` instead
253
+ export const calciteSpacingMdPlus = "0.875rem"; // deprecated, use `--calcite-space-md-plus` instead
254
+ export const calciteSpacingLg = "1rem"; // deprecated, use `--calcite-space-lg` instead
255
+ export const calciteSpacingXl = "1.25rem"; // deprecated, use `--calcite-space-xl` instead
256
+ export const calciteSpacingXxl = "1.5rem"; // deprecated, use `--calcite-space-2xl` instead
257
+ export const calciteSpacingXxxl = "2rem"; // deprecated, use `--calcite-space-3xl` instead
258
+ export const calciteSpaceNone = "0";
259
+ export const calciteSpacePx = "1px";
260
+ export const calciteSpaceBase = "2px";
261
+ export const calciteSpace2xs = "0.25rem";
262
+ export const calciteSpaceXs = "0.375rem";
263
+ export const calciteSpaceSm = "0.5rem";
264
+ export const calciteSpaceSmPlus = "0.625rem";
265
+ export const calciteSpaceMd = "0.75rem";
266
+ export const calciteSpaceMdPlus = "0.875rem";
267
+ export const calciteSpaceLg = "1rem";
268
+ export const calciteSpaceXl = "1.25rem";
269
+ export const calciteSpace2xl = "1.5rem";
270
+ export const calciteSpace3xl = "2rem";
258
271
  export const calciteTypography = {
259
272
  fontFamily: ["Avenir Next", "Avenir", "Helvetica Neue", "sans-serif"],
260
273
  fontSize: "14px",
package/dist/es6/semantic.d.ts CHANGED
@@ -160,19 +160,45 @@ export const calciteSpacingFixedXl: string;
160
160
  export const calciteSpacingFixedXxl: string;
161
161
  /** deprecated */
162
162
  export const calciteSpacingFixedXxxl: string;
163
+ /** deprecated, use `--calcite-space-none` instead */
163
164
  export const calciteSpacingNone: string;
165
+ /** deprecated, use `--calcite-space-px` instead */
164
166
  export const calciteSpacingPx: string;
167
+ /** deprecated, use `--calcite-space-base` instead */
165
168
  export const calciteSpacingBase: string;
169
+ /** deprecated, use `--calcite-space-2xs` instead */
166
170
  export const calciteSpacingXxs: string;
171
+ /** deprecated, use `--calcite-space-xs` instead */
167
172
  export const calciteSpacingXs: string;
173
+ /** deprecated, use `--calcite-space-sm` instead */
168
174
  export const calciteSpacingSm: string;
175
+ /** deprecated, use `--calcite-space-sm-plus` instead */
169
176
  export const calciteSpacingSmPlus: string;
177
+ /** deprecated, use `--calcite-space-md` instead */
170
178
  export const calciteSpacingMd: string;
179
+ /** deprecated, use `--calcite-space-md-plus` instead */
171
180
  export const calciteSpacingMdPlus: string;
181
+ /** deprecated, use `--calcite-space-lg` instead */
172
182
  export const calciteSpacingLg: string;
183
+ /** deprecated, use `--calcite-space-xl` instead */
173
184
  export const calciteSpacingXl: string;
185
+ /** deprecated, use `--calcite-space-2xl` instead */
174
186
  export const calciteSpacingXxl: string;
187
+ /** deprecated, use `--calcite-space-3xl` instead */
175
188
  export const calciteSpacingXxxl: string;
189
+ export const calciteSpaceNone: string;
190
+ export const calciteSpacePx: string;
191
+ export const calciteSpaceBase: string;
192
+ export const calciteSpace2xs: string;
193
+ export const calciteSpaceXs: string;
194
+ export const calciteSpaceSm: string;
195
+ export const calciteSpaceSmPlus: string;
196
+ export const calciteSpaceMd: string;
197
+ export const calciteSpaceMdPlus: string;
198
+ export const calciteSpaceLg: string;
199
+ export const calciteSpaceXl: string;
200
+ export const calciteSpace2xl: string;
201
+ export const calciteSpace3xl: string;
176
202
  export const calciteZIndexDeep: string;
177
203
  export const calciteZIndex: string;
178
204
  export const calciteZIndexSticky: string;
package/dist/es6/semantic.js CHANGED
@@ -126,19 +126,32 @@ export const calciteSpacingFixedLg = "14px"; // deprecated
126
126
  export const calciteSpacingFixedXl = "16px"; // deprecated
127
127
  export const calciteSpacingFixedXxl = "20px"; // deprecated
128
128
  export const calciteSpacingFixedXxxl = "32px"; // deprecated
129
- export const calciteSpacingNone = "0";
130
- export const calciteSpacingPx = "1px";
131
- export const calciteSpacingBase = "2px";
132
- export const calciteSpacingXxs = "0.25rem";
133
- export const calciteSpacingXs = "0.375rem";
134
- export const calciteSpacingSm = "0.5rem";
135
- export const calciteSpacingSmPlus = "0.625rem";
136
- export const calciteSpacingMd = "0.75rem";
137
- export const calciteSpacingMdPlus = "0.875rem";
138
- export const calciteSpacingLg = "1rem";
139
- export const calciteSpacingXl = "1.25rem";
140
- export const calciteSpacingXxl = "1.5rem";
141
- export const calciteSpacingXxxl = "2rem";
129
+ export const calciteSpacingNone = "0"; // deprecated, use `--calcite-space-none` instead
130
+ export const calciteSpacingPx = "1px"; // deprecated, use `--calcite-space-px` instead
131
+ export const calciteSpacingBase = "2px"; // deprecated, use `--calcite-space-base` instead
132
+ export const calciteSpacingXxs = "0.25rem"; // deprecated, use `--calcite-space-2xs` instead
133
+ export const calciteSpacingXs = "0.375rem"; // deprecated, use `--calcite-space-xs` instead
134
+ export const calciteSpacingSm = "0.5rem"; // deprecated, use `--calcite-space-sm` instead
135
+ export const calciteSpacingSmPlus = "0.625rem"; // deprecated, use `--calcite-space-sm-plus` instead
136
+ export const calciteSpacingMd = "0.75rem"; // deprecated, use `--calcite-space-md` instead
137
+ export const calciteSpacingMdPlus = "0.875rem"; // deprecated, use `--calcite-space-md-plus` instead
138
+ export const calciteSpacingLg = "1rem"; // deprecated, use `--calcite-space-lg` instead
139
+ export const calciteSpacingXl = "1.25rem"; // deprecated, use `--calcite-space-xl` instead
140
+ export const calciteSpacingXxl = "1.5rem"; // deprecated, use `--calcite-space-2xl` instead
141
+ export const calciteSpacingXxxl = "2rem"; // deprecated, use `--calcite-space-3xl` instead
142
+ export const calciteSpaceNone = "0";
143
+ export const calciteSpacePx = "1px";
144
+ export const calciteSpaceBase = "2px";
145
+ export const calciteSpace2xs = "0.25rem";
146
+ export const calciteSpaceXs = "0.375rem";
147
+ export const calciteSpaceSm = "0.5rem";
148
+ export const calciteSpaceSmPlus = "0.625rem";
149
+ export const calciteSpaceMd = "0.75rem";
150
+ export const calciteSpaceMdPlus = "0.875rem";
151
+ export const calciteSpaceLg = "1rem";
152
+ export const calciteSpaceXl = "1.25rem";
153
+ export const calciteSpace2xl = "1.5rem";
154
+ export const calciteSpace3xl = "2rem";
142
155
  export const calciteZIndexDeep = "-999999";
143
156
  export const calciteZIndex = "1";
144
157
  export const calciteZIndexSticky = "300";
package/dist/scss/global.scss CHANGED
@@ -94,19 +94,32 @@ $calcite-spacing-fixed-lg: 14px; // deprecated
94
94
  $calcite-spacing-fixed-xl: 16px; // deprecated
95
95
  $calcite-spacing-fixed-xxl: 20px; // deprecated
96
96
  $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;
97
+ $calcite-spacing-none: 0; // deprecated, use `--calcite-space-none` instead
98
+ $calcite-spacing-px: 1px; // deprecated, use `--calcite-space-px` instead
99
+ $calcite-spacing-base: 2px; // deprecated, use `--calcite-space-base` instead
100
+ $calcite-spacing-xxs: 0.25rem; // deprecated, use `--calcite-space-2xs` instead
101
+ $calcite-spacing-xs: 0.375rem; // deprecated, use `--calcite-space-xs` instead
102
+ $calcite-spacing-sm: 0.5rem; // deprecated, use `--calcite-space-sm` instead
103
+ $calcite-spacing-sm-plus: 0.625rem; // deprecated, use `--calcite-space-sm-plus` instead
104
+ $calcite-spacing-md: 0.75rem; // deprecated, use `--calcite-space-md` instead
105
+ $calcite-spacing-md-plus: 0.875rem; // deprecated, use `--calcite-space-md-plus` instead
106
+ $calcite-spacing-lg: 1rem; // deprecated, use `--calcite-space-lg` instead
107
+ $calcite-spacing-xl: 1.25rem; // deprecated, use `--calcite-space-xl` instead
108
+ $calcite-spacing-xxl: 1.5rem; // deprecated, use `--calcite-space-2xl` instead
109
+ $calcite-spacing-xxxl: 2rem; // deprecated, use `--calcite-space-3xl` instead
110
+ $calcite-space-none: 0;
111
+ $calcite-space-px: 1px;
112
+ $calcite-space-base: 2px;
113
+ $calcite-space-2xs: 0.25rem;
114
+ $calcite-space-xs: 0.375rem;
115
+ $calcite-space-sm: 0.5rem;
116
+ $calcite-space-sm-plus: 0.625rem;
117
+ $calcite-space-md: 0.75rem;
118
+ $calcite-space-md-plus: 0.875rem;
119
+ $calcite-space-lg: 1rem;
120
+ $calcite-space-xl: 1.25rem;
121
+ $calcite-space-2xl: 1.5rem;
122
+ $calcite-space-3xl: 2rem;
110
123
  $calcite-z-index-deep: -999999;
111
124
  $calcite-z-index: 1;
112
125
  $calcite-z-index-sticky: 300;
package/dist/scss/semantic.scss CHANGED
@@ -92,19 +92,32 @@ $calcite-spacing-fixed-lg: 14px; // deprecated
92
92
  $calcite-spacing-fixed-xl: 16px; // deprecated
93
93
  $calcite-spacing-fixed-xxl: 20px; // deprecated
94
94
  $calcite-spacing-fixed-xxxl: 32px; // deprecated
95
- $calcite-spacing-none: 0;
96
- $calcite-spacing-px: 1px;
97
- $calcite-spacing-base: 2px;
98
- $calcite-spacing-xxs: 0.25rem;
99
- $calcite-spacing-xs: 0.375rem;
100
- $calcite-spacing-sm: 0.5rem;
101
- $calcite-spacing-sm-plus: 0.625rem;
102
- $calcite-spacing-md: 0.75rem;
103
- $calcite-spacing-md-plus: 0.875rem;
104
- $calcite-spacing-lg: 1rem;
105
- $calcite-spacing-xl: 1.25rem;
106
- $calcite-spacing-xxl: 1.5rem;
107
- $calcite-spacing-xxxl: 2rem;
95
+ $calcite-spacing-none: 0; // deprecated, use `--calcite-space-none` instead
96
+ $calcite-spacing-px: 1px; // deprecated, use `--calcite-space-px` instead
97
+ $calcite-spacing-base: 2px; // deprecated, use `--calcite-space-base` instead
98
+ $calcite-spacing-xxs: 0.25rem; // deprecated, use `--calcite-space-2xs` instead
99
+ $calcite-spacing-xs: 0.375rem; // deprecated, use `--calcite-space-xs` instead
100
+ $calcite-spacing-sm: 0.5rem; // deprecated, use `--calcite-space-sm` instead
101
+ $calcite-spacing-sm-plus: 0.625rem; // deprecated, use `--calcite-space-sm-plus` instead
102
+ $calcite-spacing-md: 0.75rem; // deprecated, use `--calcite-space-md` instead
103
+ $calcite-spacing-md-plus: 0.875rem; // deprecated, use `--calcite-space-md-plus` instead
104
+ $calcite-spacing-lg: 1rem; // deprecated, use `--calcite-space-lg` instead
105
+ $calcite-spacing-xl: 1.25rem; // deprecated, use `--calcite-space-xl` instead
106
+ $calcite-spacing-xxl: 1.5rem; // deprecated, use `--calcite-space-2xl` instead
107
+ $calcite-spacing-xxxl: 2rem; // deprecated, use `--calcite-space-3xl` instead
108
+ $calcite-space-none: 0;
109
+ $calcite-space-px: 1px;
110
+ $calcite-space-base: 2px;
111
+ $calcite-space-2xs: 0.25rem;
112
+ $calcite-space-xs: 0.375rem;
113
+ $calcite-space-sm: 0.5rem;
114
+ $calcite-space-sm-plus: 0.625rem;
115
+ $calcite-space-md: 0.75rem;
116
+ $calcite-space-md-plus: 0.875rem;
117
+ $calcite-space-lg: 1rem;
118
+ $calcite-space-xl: 1.25rem;
119
+ $calcite-space-2xl: 1.5rem;
120
+ $calcite-space-3xl: 2rem;
108
121
  $calcite-z-index-deep: -999999;
109
122
  $calcite-z-index: 1;
110
123
  $calcite-z-index-sticky: 300;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "4.0.0-next.4",
3
+ "version": "4.0.0-next.5",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -46,5 +46,5 @@
46
46
  "devDependencies": {
47
47
  "vitest": "3.2.4"
48
48
  },
49
- "gitHead": "2017e3db76223cfc9b6d1a624fbc1cd78c6e6c57"
49
+ "gitHead": "f41df9a8f8e3bf1e8018f0047bdcadc7e4a37df6"
50
50
  }