vdesign-ui 0.2.17 → 0.2.18

package/dist/token.css

@@ -1,4 +1,4 @@
-html, html[theme="light"] {
+html {
 --height-actionbar-content:46px;
 --spacing-actionbar-padding_y:20px;
 --color-actionbar-bg:#ffffff;
@@ -10,7 +10,7 @@ html {
 --color-actionbar-bg:#141419;
 }}
 
-html, html[theme="light"] {
+html {
 --width-actions-form_small:72px;
 --width-actions-form_large:94px;
 --width-actions-card:40px;
@@ -50,7 +50,7 @@ html {
 --color-actions-bg-gray-disable:#2C2C2E;
 }}
 
-html, html[theme="light"] {
+html {
 --height-activityviews-title_describe:74px;
 --height-activityviews-actionsheet:56px;
 --height-activityviews-actionsheet_divider:8px;
@@ -106,7 +106,7 @@ html {
 --color-activityviews-bar:rgba(84,84,88,.85);
 }}
 
-html, html[theme="light"] {
+html {
 --height-badge-count:16px;
 --height-badge-dot:8px;
 --width-badge-count_small:16px;
@@ -130,7 +130,7 @@ html {
 --color-badge-text:#ffffff;
 }}
 
-html, html[theme="light"] {
+html {
 --height-button-l:48px;
 --height-button-m:36px;
 --height-button-s:28px;
@@ -374,7 +374,7 @@ html {
 --color-button-icon-disable:rgba(235,235,245,.3);
 }}
 
-html, html[theme="light"] {
+html {
 --height-check_radio-radio_button_s:32px;
 --height-check_radio-radio_button_m:40px;
 --height-check_radio-radio_button_l:44px;
@@ -480,7 +480,7 @@ html {
 --color-check_radio-radio_wrong_border-active:#eb5c31;
 }}
 
-html, html[theme="light"] {
+html {
 --height-datalist-list:60px;
 --height-datalist-head:24px;
 --height-datalist-search_m:76px;
@@ -574,7 +574,7 @@ html {
 --color-datalist-option_chain-divider:#000000;
 }}
 
-html, html[theme="light"] {
+html {
 --height-datepicker-range_picker_bg:36px;
 --height-datepicker-range_picker_divider:2px;
 --height-datepicker-title-month_year:58px;
@@ -664,7 +664,7 @@ html {
     outline: var(--outline-visible) solid rgba(255,0,0,.3);
 }
 
-html, html[theme="light"] {
+html {
 --height-dialog-super_small:44px;
 --height-dialog-super_large:240px;
 --radius-dialog-content:14px;
@@ -730,7 +730,7 @@ html {
 --color-dialog-sequence_point:rgba(235,235,245,.3);
 }}
 
-html, html[theme="light"] {
+html {
 --height-dropdown-primary_item:46px;
 --height-dropdown-primary_large:314px;
 --height-dropdown-secondary_item:46px;
@@ -864,7 +864,7 @@ html {
 --color-dropdown-tertiary-title:rgba(235,235,245,.65);
 }}
 
-html, html[theme="light"] {
+html {
 --height-empty-card:140px;
 --spacing-empty-large-text-margin_top:16px;
 --spacing-empty-large-text-margin_bottom:18px;
@@ -882,7 +882,7 @@ html {
 --color-empty-text:rgba(235,235,245,.65);
 }}
 
-html, html[theme="light"] {
+html {
 --height-footer-devider:16px;
 --spacing-footer-padding_top:24px;
 --spacing-footer-padding_bottom:40px;
@@ -896,7 +896,7 @@ html {
 --spacing-footer-link-margin_bottom:4px;
 }}
 
-html, html[theme="light"] {
+html {
 --height-footnav-content:56px;
 --spacing-footnav-icon-margin_top:5px;
 --spacing-footnav-icon-margin_bottom:2px;
@@ -918,7 +918,7 @@ html {
 --color-footnav-bg:#0E0E10;
 }}
 
-html, html[theme="light"] {
+html {
 --divider-medium:1px;
 --divider-large:3px;
 --divider-small:0.5px;
@@ -1334,6 +1334,7 @@ html, html[theme="light"] {
 --bg-color-4:#ebedf0;
 --bg-color-mask:rgba(0,0,0,.5);
 --bg-color-mask-light:rgba(0,0,0,.05);
+--bg-color-mask-education:rgba(0,0,0,.5);
 --bg-grouped-color-1:#f7f8f9;
 --bg-grouped-color-2:#ffffff;
 --bg-grouped-color-3:#ffffff;
@@ -1820,6 +1821,7 @@ html {
 --bg-color-4:rgba(118,118,128,.15);
 --bg-color-mask:rgba(0,0,0,.85);
 --bg-color-mask-light:rgba(0,0,0,.15);
+--bg-color-mask-education:rgba(0,0,0,.5);
 --bg-grouped-color-1:#0E0E10;
 --bg-grouped-color-2:#141419;
 --bg-grouped-color-3:rgba(118,118,128,.1);
@@ -1890,7 +1892,7 @@ html {
 --icon-color-2:#F2F5FF;
 }}
 
-html, html[theme="light"] {
+html {
 --height-headnav-primary:72px;
 --height-headnav-secondary:48px;
 --spacing-headnav-padding_y:20px;
@@ -1922,7 +1924,7 @@ html {
 --color-headnav-icon:#F2F5FF;
 }}
 
-html, html[theme="light"] {
+html {
 --height-input-form_text:48px;
 --height-input-search_content:64px;
 --height-input-bg:44px;
@@ -2038,7 +2040,7 @@ html {
 --color-input-cursor:#1bc47d;
 }}
 
-html, html[theme="light"] {
+html {
 --spacing-list-info_title-margin_right:8px;
 --spacing-list-info_icon-margin_y:4px;
 --spacing-list-info_s-padding_top:7px;
@@ -2084,7 +2086,7 @@ html {
 --color-list-text:rgba(235,235,245,.65);
 }}
 
-html, html[theme="light"] {
+html {
 --height-loading-small:109px;
 --width-loading-small:110px;
 --width-loading-large:279px;
@@ -2114,7 +2116,7 @@ html {
 --color-loading-text:#ffffff;
 }}
 
-html, html[theme="light"] {
+html {
 --height-noticebar-snackbar:34px;
 --radius-noticebar-snackbar:6px;
 --radius-noticebar-toast:17px;
@@ -2202,7 +2204,7 @@ html {
 --color-noticebar-toast_warning-icon:#eb5c31;
 }}
 
-html, html[theme="light"] {
+html {
 --height-pagebreak-drop:3px;
 --width-pagebreak-drop:8px;
 --radius-pagebreak-drop:1px;
@@ -2236,7 +2238,7 @@ html {
 --color-pagebreak-drop-light-active:#ffffff;
 }}
 
-html, html[theme="light"] {
+html {
 --height-popover-primary:33px;
 --height-popover-custom:33px;
 --height-popover-secondary:22px;
@@ -2298,7 +2300,7 @@ html {
 --color-popover-custom-text:#ffffff;
 }}
 
-html, html[theme="light"] {
+html {
 --spacing-result-text-margin_top:12px;
 --spacing-result-text-margin_bottom:28px;
 --spacing-result-title-margin_top:0px;
@@ -2318,7 +2320,7 @@ html {
 --color-result-text:rgba(235,235,245,.65);
 }}
 
-html, html[theme="light"] {
+html {
 --height-selector-form:44px;
 --height-selector-multi:48px;
 --height-selector-multi_button:28px;
@@ -2430,7 +2432,7 @@ html {
 --color-selector-import-text-default:#F2F5FF;
 }}
 
-html, html[theme="light"] {
+html {
 --height-skeleton-img:210px;
 --height-skeleton-button:48px;
 --height-skeleton-small_shapes:66px;
@@ -2496,7 +2498,7 @@ html {
 --color-skeleton-loading_gradient-bg-active:rgba(118,118,128,.05);
 }}
 
-html, html[theme="light"] {
+html {
 --height-slider-track:6px;
 --height-slider-mark_track:12px;
 --height-slider-mark_handle:22px;
@@ -2548,7 +2550,7 @@ html {
 --color-slider-mark-text-focus:#F2F5FF;
 }}
 
-html, html[theme="light"] {
+html {
 --height-steps-border-default:1px;
 --height-steps-border-hover:1px;
 --height-steps-basic-default:3px;
@@ -2618,7 +2620,7 @@ html {
 --color-steps-basic-hover:#1bc47d;
 }}
 
-html, html[theme="light"] {
+html {
 --height-switch-bg:10px;
 --height-switch-button:20px;
 --width-switch-bg:40px;
@@ -2658,7 +2660,7 @@ html {
 --color-switch-on_button_border-disable:rgba(0,0,0,.05);
 }}
 
-html, html[theme="light"] {
+html {
 --height-tab-primary:56px;
 --height-tab-primary-bar:3px;
 --height-tab-secondary:44px;
@@ -2834,7 +2836,7 @@ html {
 --color-tab-filter_down-active:#1bc47d;
 }}
 
-html, html[theme="light"] {
+html {
 --height-tag-l:18px;
 --height-tag-s:14px;
 --height-tag-m:16px;
@@ -2922,7 +2924,7 @@ html {
 --color-tag-purple-border:rgba(144,124,255,.5);
 }}
 
-html, html[theme="light"] {
+html {
 --height-title-primary:48px;
 --height-title-secondary:48px;
 --height-title-tertiary:40px;
@@ -2976,7 +2978,7 @@ html {
 --color-title-icon_arrow:rgba(235,235,245,.65);
 }}
 
-html, html[theme="light"] {
+html {
 --height-toast-small:109px;
 --width-toast-small:120px;
 --width-toast-large:279px;
@@ -3002,7 +3004,7 @@ html {
 --color-toast-text:#ffffff;
 }}
 
-html, html[theme="light"] {
+html {
 --height-upload-bg:96px;
 --width-upload-small:96px;
 --radius-upload-content:6px;