@zohodesk/components 1.0.0-temp-252.1 → 1.0.0-temp-252.2

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 (6) hide show
  1. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +3 -0
  2. package/assets/Appearance/light/mode/Component_LightMode.module.css +3 -0
  3. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +3 -0
  4. package/es/Select/Select.module.css +4 -4
  5. package/lib/Select/Select.module.css +4 -4
  6. package/package.json +1 -1
package/assets/Appearance/dark/mode/Component_DarkMode.module.css CHANGED
@@ -258,6 +258,9 @@
258
258
  /* select */
259
259
  --zdt_select_emptystate_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
260
260
  --zdt_select_disable_text:var(--dot_inputDisable);
261
+ --zdt_select_wrapper_container_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
262
+ --zdt_select_wrapper_container_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 0.03);
263
+ --zdt_select_wrapper_dropdown_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
261
264
 
262
265
  /* multiselect */
263
266
  --zdt_multiselect_default_border:var(--dot_inputLine);
package/assets/Appearance/light/mode/Component_LightMode.module.css CHANGED
@@ -258,6 +258,9 @@
258
258
  /* select */
259
259
  --zdt_select_emptystate_text:hsla(220, calc(var(--zd-saturation, 1) * 10.45%), calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
260
260
  --zdt_select_disable_text:var(--dot_inputDisable);
261
+ --zdt_select_wrapper_container_border:hsla(218, calc(var(--zd-saturation, 1) * 42.22%), calc(91.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
262
+ --zdt_select_wrapper_container_bg:hsla(216, calc(var(--zd-saturation, 1) * 38.46%), 97.45%, 1);
263
+ --zdt_select_wrapper_dropdown_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
261
264
 
262
265
  /* multiselect */
263
266
  --zdt_multiselect_default_border:var(--dot_inputLine);
package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css CHANGED
@@ -258,6 +258,9 @@
258
258
  /* select */
259
259
  --zdt_select_emptystate_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
260
260
  --zdt_select_disable_text:var(--dot_inputDisable);
261
+ --zdt_select_wrapper_container_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
262
+ --zdt_select_wrapper_container_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 0.03);
263
+ --zdt_select_wrapper_dropdown_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
261
264
 
262
265
  /* multiselect */
263
266
  --zdt_multiselect_default_border:var(--dot_inputLine);
package/es/Select/Select.module.css CHANGED
@@ -151,16 +151,16 @@
151
151
  width: 100% ;
152
152
  border-radius: 7px;
153
153
  padding: var(--zd_size10) ;
154
- border: 1px solid var(--zdt_statusdropdown_wrapper_container_border);
155
- background: var(--zdt_statusdropdown_wrapper_container_bg);
154
+ border: 1px solid var(--zdt_select_wrapper_container_border);
155
+ background: var(--zdt_select_wrapper_container_bg);
156
156
  box-shadow: var(--zd_bs_statusdropdown_wrapper_container);
157
157
  }
158
158
 
159
159
  .dropdownOptions {
160
160
  padding-inline: var(--zd_size1) ;
161
161
  padding-block: var(--zd_size1) ;
162
- background-color: var(--zdt_statusdropdown_wrapper_dropdown_bg);
163
- border: 1px solid var(--zdt_statusdropdown_wrapper_container_border);
162
+ background-color: var(--zdt_select_wrapper_dropdown_bg);
163
+ border: 1px solid var(--zdt_select_wrapper_container_border);
164
164
  border-radius: 7px;
165
165
  }
166
166
 
package/lib/Select/Select.module.css CHANGED
@@ -151,16 +151,16 @@
151
151
  width: 100% ;
152
152
  border-radius: 7px;
153
153
  padding: var(--zd_size10) ;
154
- border: 1px solid var(--zdt_statusdropdown_wrapper_container_border);
155
- background: var(--zdt_statusdropdown_wrapper_container_bg);
154
+ border: 1px solid var(--zdt_select_wrapper_container_border);
155
+ background: var(--zdt_select_wrapper_container_bg);
156
156
  box-shadow: var(--zd_bs_statusdropdown_wrapper_container);
157
157
  }
158
158
 
159
159
  .dropdownOptions {
160
160
  padding-inline: var(--zd_size1) ;
161
161
  padding-block: var(--zd_size1) ;
162
- background-color: var(--zdt_statusdropdown_wrapper_dropdown_bg);
163
- border: 1px solid var(--zdt_statusdropdown_wrapper_container_border);
162
+ background-color: var(--zdt_select_wrapper_dropdown_bg);
163
+ border: 1px solid var(--zdt_select_wrapper_container_border);
164
164
  border-radius: 7px;
165
165
  }
166
166
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-252.1",
3
+ "version": "1.0.0-temp-252.2",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,