@esri/calcite-design-tokens 3.1.1-next.0 → 3.1.1-next.1

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 (15) hide show
  1. package/dist/css/global.css +1 -1
  2. package/dist/css/semantic.css +21 -21
  3. package/dist/docs/core.json +1276 -1317
  4. package/dist/docs/dark.json +89 -89
  5. package/dist/docs/global.json +530 -480
  6. package/dist/docs/light.json +89 -89
  7. package/dist/docs/semantic.json +330 -280
  8. package/dist/js/core.js +1476 -802
  9. package/dist/js/dark.js +88 -44
  10. package/dist/js/global.js +572 -364
  11. package/dist/js/light.js +88 -44
  12. package/dist/js/semantic.js +361 -203
  13. package/dist/scss/global.scss +1 -1
  14. package/dist/scss/semantic.scss +21 -21
  15. package/package.json +2 -2
package/dist/css/global.css CHANGED
@@ -61,7 +61,6 @@
61
61
  --calcite-opacity-dark: 0.85;
62
62
  --calcite-opacity-full: 1;
63
63
  --calcite-opacity-disabled: 0.5;
64
- --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
65
64
  --calcite-size-fixed-xxxs: 2px; /** deprecated */
66
65
  --calcite-size-fixed-xxs: 4px; /** deprecated */
67
66
  --calcite-size-fixed-xs: 6px; /** deprecated */
@@ -115,6 +114,7 @@
115
114
  --calcite-z-index-popup: 900;
116
115
  --calcite-z-index-tooltip: 901;
117
116
  --calcite-corner-radius: var(--calcite-corner-radius-none);
117
+ --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
118
118
  --calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
119
119
  --calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
120
120
  }
package/dist/css/semantic.css CHANGED
@@ -10,26 +10,6 @@
10
10
  --calcite-border-width-sm: 1px;
11
11
  --calcite-border-width-md: 2px;
12
12
  --calcite-border-width-lg: 4px;
13
- --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
14
- --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
15
- --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
16
- --calcite-container-size-height-sm-min: 329px; /** Small tablets */
17
- --calcite-container-size-height-sm-max: 504px; /** Small tablets */
18
- --calcite-container-size-height-md-min: 505px; /** Small laptops */
19
- --calcite-container-size-height-md-max: 678px; /** Small laptops */
20
- --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
21
- --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
22
- --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
23
- --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
24
- --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
25
- --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
26
- --calcite-container-size-width-sm-min: 477px; /** Small tablets */
27
- --calcite-container-size-width-sm-max: 768px; /** Small tablets */
28
- --calcite-container-size-width-md-min: 769px; /** Small laptops */
29
- --calcite-container-size-width-md-max: 1152px; /** Small laptops */
30
- --calcite-container-size-width-lg-min: 1153px; /** Large laptops and desktop computers */
31
- --calcite-container-size-width-lg-max: 1440px; /** Large laptops and desktop computers */
32
- --calcite-container-size-width-xl-min: 1441px; /** Projectors and televisions */
33
13
  --calcite-container-size-margin: 24px;
34
14
  --calcite-container-size-gutter: 16px;
35
15
  --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
@@ -81,7 +61,6 @@
81
61
  --calcite-opacity-dark: 0.85;
82
62
  --calcite-opacity-full: 1;
83
63
  --calcite-opacity-disabled: 0.5;
84
- --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
85
64
  --calcite-size-fixed-xxxs: 2px; /** deprecated */
86
65
  --calcite-size-fixed-xxs: 4px; /** deprecated */
87
66
  --calcite-size-fixed-xs: 6px; /** deprecated */
@@ -134,7 +113,28 @@
134
113
  --calcite-z-index-modal: 800;
135
114
  --calcite-z-index-popup: 900;
136
115
  --calcite-z-index-tooltip: 901;
116
+ --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
117
+ --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
118
+ --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
119
+ --calcite-container-size-height-sm-min: 329px; /** Small tablets */
120
+ --calcite-container-size-height-sm-max: 504px; /** Small tablets */
121
+ --calcite-container-size-height-md-min: 505px; /** Small laptops */
122
+ --calcite-container-size-height-md-max: 678px; /** Small laptops */
123
+ --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
124
+ --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
125
+ --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
126
+ --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
127
+ --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
128
+ --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
129
+ --calcite-container-size-width-sm-min: 477px; /** Small tablets */
130
+ --calcite-container-size-width-sm-max: 768px; /** Small tablets */
131
+ --calcite-container-size-width-md-min: 769px; /** Small laptops */
132
+ --calcite-container-size-width-md-max: 1152px; /** Small laptops */
133
+ --calcite-container-size-width-lg-min: 1153px; /** Large laptops and desktop computers */
134
+ --calcite-container-size-width-lg-max: 1440px; /** Large laptops and desktop computers */
135
+ --calcite-container-size-width-xl-min: 1441px; /** Projectors and televisions */
137
136
  --calcite-corner-radius: var(--calcite-corner-radius-none);
137
+ --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
138
138
  --calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
139
139
  --calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
140
140
  }