@esri/calcite-design-tokens 3.2.0-next.1 → 3.2.0-next.10

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 (31) hide show
  1. package/dist/css/dark.css +2 -2
  2. package/dist/css/index.css +10 -10
  3. package/dist/css/light.css +2 -2
  4. package/dist/css/semantic.css +0 -22
  5. package/dist/docs/core.json +464 -1
  6. package/dist/docs/dark.json +82 -24
  7. package/dist/docs/global.json +281 -183
  8. package/dist/docs/light.json +74 -14
  9. package/dist/docs/semantic.json +132 -572
  10. package/dist/es6/dark.d.ts +2 -2
  11. package/dist/es6/dark.js +2 -2
  12. package/dist/es6/global.d.ts +2 -2
  13. package/dist/es6/global.js +2 -2
  14. package/dist/es6/light.d.ts +2 -2
  15. package/dist/es6/light.js +2 -2
  16. package/dist/es6/semantic.d.ts +0 -24
  17. package/dist/es6/semantic.js +0 -12
  18. package/dist/js/core.js +926 -0
  19. package/dist/js/dark.d.ts +2 -2
  20. package/dist/js/dark.js +161 -38
  21. package/dist/js/global.d.ts +10 -10
  22. package/dist/js/global.js +627 -424
  23. package/dist/js/light.d.ts +2 -2
  24. package/dist/js/light.js +137 -16
  25. package/dist/js/semantic.d.ts +8 -26
  26. package/dist/js/semantic.js +358 -934
  27. package/dist/scss/dark.scss +2 -2
  28. package/dist/scss/index.scss +4 -4
  29. package/dist/scss/light.scss +2 -2
  30. package/dist/scss/semantic.scss +0 -22
  31. package/package.json +6 -6
package/dist/css/dark.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
10
  --calcite-color-foreground-2: #212121;
11
11
  --calcite-color-foreground-3: #141414;
12
- --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
13
- --calcite-color-foreground-highlight: #2b465f;
12
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
13
+ --calcite-color-surface-highlight: #2b465f;
14
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
15
15
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
16
16
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
package/dist/css/index.css CHANGED
@@ -44,8 +44,8 @@
44
44
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
45
45
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
46
46
  --calcite-color-transparent: rgba(0, 0, 0, 0);
47
- --calcite-color-foreground-highlight: #d6efff;
48
- --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
47
+ --calcite-color-surface-highlight: #d6efff;
48
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
49
49
  --calcite-color-foreground-3: #ebebeb;
50
50
  --calcite-color-foreground-2: #f2f2f2;
51
51
  --calcite-color-foreground-1: #ffffff;
@@ -92,8 +92,8 @@
92
92
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
93
93
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
94
94
  --calcite-color-transparent: rgba(0, 0, 0, 0);
95
- --calcite-color-foreground-highlight: #d6efff;
96
- --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
95
+ --calcite-color-surface-highlight: #d6efff;
96
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
97
97
  --calcite-color-foreground-3: #ebebeb;
98
98
  --calcite-color-foreground-2: #f2f2f2;
99
99
  --calcite-color-foreground-1: #ffffff;
@@ -141,8 +141,8 @@
141
141
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
142
142
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
143
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
144
- --calcite-color-foreground-highlight: #2b465f;
145
- --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
144
+ --calcite-color-surface-highlight: #2b465f;
145
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
146
146
  --calcite-color-foreground-3: #141414;
147
147
  --calcite-color-foreground-2: #212121;
148
148
  --calcite-color-foreground-1: #2b2b2b;
@@ -189,8 +189,8 @@
189
189
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
190
190
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
191
191
  --calcite-color-transparent: rgba(0, 0, 0, 0);
192
- --calcite-color-foreground-highlight: #d6efff;
193
- --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
192
+ --calcite-color-surface-highlight: #d6efff;
193
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
194
194
  --calcite-color-foreground-3: #ebebeb;
195
195
  --calcite-color-foreground-2: #f2f2f2;
196
196
  --calcite-color-foreground-1: #ffffff;
@@ -236,8 +236,8 @@
236
236
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
237
237
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
238
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
239
- --calcite-color-foreground-highlight: #2b465f;
240
- --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
239
+ --calcite-color-surface-highlight: #2b465f;
240
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
241
241
  --calcite-color-foreground-3: #141414;
242
242
  --calcite-color-foreground-2: #212121;
243
243
  --calcite-color-foreground-1: #2b2b2b;
package/dist/css/light.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --calcite-color-foreground-1: #ffffff;
10
10
  --calcite-color-foreground-2: #f2f2f2;
11
11
  --calcite-color-foreground-3: #ebebeb;
12
- --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
13
- --calcite-color-foreground-highlight: #d6efff;
12
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
13
+ --calcite-color-surface-highlight: #d6efff;
14
14
  --calcite-color-transparent: rgba(0, 0, 0, 0);
15
15
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
16
16
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
package/dist/css/semantic.css CHANGED
@@ -4,8 +4,6 @@
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
7
  --calcite-border-width-none: 0;
10
8
  --calcite-border-width-sm: 1px;
11
9
  --calcite-border-width-md: 2px;
@@ -113,26 +111,6 @@
113
111
  --calcite-z-index-modal: 800;
114
112
  --calcite-z-index-popup: 900;
115
113
  --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 */
136
114
  --calcite-corner-radius: var(--calcite-corner-radius-none);
137
115
  --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
138
116
  --calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);