@varlet/ui 2.20.5 → 3.0.0-alpha.1704352780759

package/es/switch/Switch.mjs

@@ -142,7 +142,7 @@ const __sfc__ = defineComponent({
         },
         ripple: {
           left: modelValue === activeValue ? multiplySizeUnit(size, 0.5) : `-${multiplySizeUnit(size, 0.5)}`,
-          color: modelValue === activeValue ? color : closeColor || "#999",
+          color: modelValue === activeValue ? color : closeColor || "currentColor",
           width: multiplySizeUnit(size, 2),
           height: multiplySizeUnit(size, 2)
         },

package/es/themes/dark/badge.mjs

@@ -1,5 +1,6 @@
 var stdin_default = {
-  "--badge-default-color": "#555"
+  "--badge-default-color": "#555",
+  "--badge-default-text-color": "#fff"
 };
 export {
   stdin_default as default

package/es/themes/dark/bottomNavigationItem.mjs

@@ -1,5 +1,6 @@
 var stdin_default = {
-  "--bottom-navigation-item-active-background-color": "#272727"
+  "--bottom-navigation-item-active-background-color": "#272727",
+  "--bottom-navigation-item-inactive-color": "#BFBFBF"
 };
 export {
   stdin_default as default

package/es/themes/dark/datePicker.mjs

@@ -3,7 +3,7 @@ var stdin_default = {
   "--date-picker-body-background-color": "#303030",
   "--day-picker-head-item-color": "#aaaaaa",
   "--year-picker-item-color": "#fff",
-  "--picker-header-color": "#fff"
+  "--date-picker-header-color": "#fff"
 };
 export {
   stdin_default as default

package/es/themes/dark/timePicker.mjs

@@ -1,7 +1,8 @@
 var stdin_default = {
   "--time-picker-clock-container-background": "#545454",
   "--time-picker-body-background": "#303030",
-  "--time-picker-clock-item-disable-color": "#aaaaaa",
+  "--time-picker-clock-item-disable-color": "#fff",
+  "--time-picker-clock-item-disable-background": "#aaaaaa",
   "--time-picker-clock-item-text-color": "#fff"
 };
 export {

package/es/themes/index.mjs

@@ -1,5 +1,7 @@
 import dark from "./dark/index.mjs";
-const Themes = { dark };
+import md3Light from "./md3-light/index.mjs";
+import md3Dark from "./md3-dark/index.mjs";
+const Themes = { dark, md3Light, md3Dark };
 const _ThemesComponent = null;
 var stdin_default = Themes;
 export {

package/es/themes/md3-dark/actionSheet.mjs

@@ -0,0 +1,9 @@
+var stdin_default = {
+  "--action-sheet-background": "#2B2930",
+  "--action-sheet-title-color": "#CAC4D0",
+  "--action-sheet-action-item-color": "#E6E0E9",
+  "--action-sheet-border-radius": "0px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/appBar.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--app-bar-color": "#211F26",
+  "--app-bar-text-color": "#E6E0E9"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/avatar.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--avatar-text-color": "#000",
+  "--avatar-background-color": "var(--color-primary)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/backTop.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--back-top-button-border-radius": "12px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/badge.mjs

@@ -0,0 +1,12 @@
+var stdin_default = {
+  "--badge-default-color": "#3B383E",
+  "--badge-default-text-color": "#fff",
+  "--badge-primary-text-color": "#381E72",
+  "--badge-danger-text-color": "#601410",
+  "--badge-success-text-color": "#fff",
+  "--badge-warning-text-color": "#492532",
+  "--badge-info-text-color": "#332D41"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/bottomNavigation.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--bottom-navigation-background-color": "#211F26",
+  "--bottom-navigation-border-color": "#49454F"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/bottomNavigationItem.mjs

@@ -0,0 +1,8 @@
+var stdin_default = {
+  "--bottom-navigation-item-active-background-color": "#4A4458",
+  "--bottom-navigation-item-inactive-color": "#CAC4D0",
+  "--bottom-navigation-fab-border-radius": "12px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/breadcrumb.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--breadcrumb-inactive-color": "#CAC4D0"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/button.mjs

@@ -0,0 +1,13 @@
+var stdin_default = {
+  "--button-default-color": "#3B383E",
+  "--button-default-text-color": "var(--color-primary)",
+  "--button-border-radius": "100px",
+  "--button-primary-text-color": "#381E72",
+  "--button-danger-text-color": "#601410",
+  "--button-success-text-color": "#273500",
+  "--button-warning-text-color": "#492532",
+  "--button-info-text-color": "#332D41"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/card.mjs

@@ -0,0 +1,28 @@
+var stdin_default = {
+  "--card-border-radius": "12px",
+  "--card-background": "#36343B",
+  "--card-outline-color": "#49454F",
+  "--card-image-height": "188px",
+  "--card-title-color": "#E6E0E9",
+  "--card-title-font-size": "16px",
+  "--card-title-padding": "0 16px",
+  "--card-title-margin": "16px 0 0 0",
+  "--card-subtitle-color": "#CAC4D0",
+  "--card-subtitle-padding": "0 16px",
+  "--card-subtitle-margin": "4px 0 0 0",
+  "--card-description-margin": "32px 0 0 0",
+  "--card-description-padding": "0 16px",
+  "--card-description-color": "#CAC4D0",
+  "--card-padding": "0 0 16px 0",
+  "--card-footer-margin": "32px 0 0 0",
+  "--card-title-row-margin": "16px 0 0 0",
+  "--card-subtitle-row-margin": "4px 0 0 0",
+  "--card-footer-padding": "0 16px",
+  "--card-close-button-size": "56px",
+  "--card-close-button-primary-color": "var(--color-primary)",
+  "--card-close-button-text-color": "#381E72",
+  "--card-close-button-border-radius": "12px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/cell.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--cell-description-color": "#CAC4D0",
+  "--cell-border-color": "#49454F"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/checkbox.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--checkbox-unchecked-color": "#CAC4D0",
+  "--checkbox-text-color": "#CAC4D0"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/chip.mjs

@@ -0,0 +1,18 @@
+var stdin_default = {
+  "--chip-round-radius": "8px",
+  "--chip-default-color": "#2B2930",
+  "--chip-default-text-color": "#CAC4D0",
+  "--chip-primary-color": "#4F378B",
+  "--chip-primary-text-color": "#EADDFF",
+  "--chip-info-color": "#4A4458",
+  "--chip-info-text-color": "#E8DEF8",
+  "--chip-warning-color": "#633B48",
+  "--chip-warning-text-color": "#FFD8E4",
+  "--chip-danger-color": "#8C1D18",
+  "--chip-danger-text-color": "#F9DEDC",
+  "--chip-success-text-color": "#D5EC9C",
+  "--chip-success-color": "#3C4D0E"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/collapse.mjs

@@ -0,0 +1,8 @@
+var stdin_default = {
+  "--collapse-background": "#36343B",
+  "--collapse-text-color": "#E6E0E9",
+  "--collapse-border-top": "thin solid #49454F"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/countdown.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--countdown-text-color": "#fff"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/counter.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--counter-font-color": "#3B383E",
+  "--counter-button-text-color": "#3B383E"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/datePicker.mjs

@@ -0,0 +1,19 @@
+var stdin_default = {
+  "--date-picker-title-background": "#2B2930",
+  "--date-picker-title-color": "#E6E0E9",
+  "--date-picker-title-hint-color": "#CAC4D0",
+  "--date-picker-body-background-color": "#2B2930",
+  "--date-picker-main-color": "#E6E0E9",
+  "--date-picker-border-radius": "20px",
+  "--date-picker-title-padding": "20px 20px 16px",
+  "--date-picker-actions-padding": "20px",
+  "--day-picker-head-item-color": "#E6E0E9",
+  "--date-picker-header-arrow-filter": "opacity(1)",
+  "--date-picker-header-padding": "0 0 16px",
+  "--date-picker-body-height": "300px",
+  "--date-picker-body-padding": "0 14px 16px",
+  "--date-picker-header-color": "#CAC4D0"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/dialog.mjs

@@ -0,0 +1,15 @@
+var stdin_default = {
+  "--dialog-width": "312px",
+  "--dialog-background": "#2B2930",
+  "--dialog-title-color": "#E6E0E9",
+  "--dialog-message-color": "#CAC4D0",
+  "--dialog-border-radius": "28px",
+  "--dialog-title-padding": "24px 24px 0",
+  "--dialog-message-padding": "16px 24px 24px",
+  "--dialog-actions-padding": "0 24px 24px",
+  "--dialog-title-font-size": "20px",
+  "--dialog-button-margin-left": "8px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/divider.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--divider-color": "#49454F",
+  "--divider-text-color": "#aaa"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/fab.mjs

@@ -0,0 +1,8 @@
+var stdin_default = {
+  "--fab-trigger-border-radius": "16px",
+  "--fab-action-size": "40px",
+  "--fab-action-border-radius": "12px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/fieldDecorator.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--field-decorator-text-color": "#E6E0E9",
+  "--field-decorator-blur-color": "#CAC4D0"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/floatingPanel.mjs

@@ -0,0 +1,10 @@
+var stdin_default = {
+  "--floating-panel-background": "#1D1B20",
+  "--floating-panel-toolbar-background": "#938F99",
+  "--floating-panel-toolbar-width": "32px",
+  "--floating-panel-toolbar-height": "4px",
+  "--floating-panel-header-height": "36px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/hoverOverlay.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--hover-overlay-opacity": "0.12"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/index.d.ts

@@ -0,0 +1,5 @@
+import { StyleVars } from '../../../types'
+
+declare const md3Light: StyleVars
+
+export default md3Light

package/es/themes/md3-dark/index.mjs

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import button from "./button.mjs";
+import hoverOverlay from "./hoverOverlay.mjs";
+import menu from "./menu.mjs";
+import menuSelect from "./menuSelect.mjs";
+import menuOption from "./menuOption.mjs";
+import fab from "./fab.mjs";
+import breadcrumb from "./breadcrumb.mjs";
+import link from "./link.mjs";
+import cell from "./cell.mjs";
+import paper from "./paper.mjs";
+import avatar from "./avatar.mjs";
+import fieldDecorator from "./fieldDecorator.mjs";
+import checkbox from "./checkbox.mjs";
+import radio from "./radio.mjs";
+import card from "./card.mjs";
+import chip from "./chip.mjs";
+import badge from "./badge.mjs";
+import tooltip from "./tooltip.mjs";
+import progress from "./progress.mjs";
+import tabs from "./tabs.mjs";
+import tab from "./tab.mjs";
+import steps from "./steps.mjs";
+import divider from "./divider.mjs";
+import table from "./table.mjs";
+import pagination from "./pagination.mjs";
+import watermark from "./watermark.mjs";
+import collapse from "./collapse.mjs";
+import result from "./result.mjs";
+import appBar from "./appBar.mjs";
+import bottomNavigation from "./bottomNavigation.mjs";
+import bottomNavigationItem from "./bottomNavigationItem.mjs";
+import snackbar from "./snackbar.mjs";
+import actionSheet from "./actionSheet.mjs";
+import dialog from "./dialog.mjs";
+import pullRefresh from "./pullRefresh.mjs";
+import popup from "./popup.mjs";
+import picker from "./picker.mjs";
+import countdown from "./countdown.mjs";
+import floatingPanel from "./floatingPanel.mjs";
+import backTop from "./backTop.mjs";
+import select from "./select.mjs";
+import option from "./option.mjs";
+import counter from "./counter.mjs";
+import switchThemes from "./switch.mjs";
+import slider from "./slider.mjs";
+import uploader from "./uploader.mjs";
+import timePicker from "./timePicker.mjs";
+import datePicker from "./datePicker.mjs";
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+  // common
+  "--color-body": "#141218",
+  "--color-text": "#fff",
+  "--color-primary": "#D0BCFF",
+  "--color-info": "#CCC2DC",
+  "--color-success": "#BACF83",
+  "--color-warning": "#EFB8C8",
+  "--color-danger": "#F2B8B5",
+  "--color-disabled": "#404040",
+  "--color-text-disabled": "#757575"
+}, button), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), badge), tooltip), progress), tabs), tab), steps), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), countdown), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker);
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/link.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--link-default-color": "#fff"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/menu.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--menu-background-color": "#211F26",
+  "--menu-border-radius": "4px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/menuOption.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--menu-option-text-color": "#E6E0E9"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/menuSelect.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--menu-select-menu-background-color": "#211F26",
+  "--menu-select-menu-border-radius": "4px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/option.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--option-text-color": "#E6E0E9"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/pagination.mjs

@@ -0,0 +1,11 @@
+var stdin_default = {
+  "--pagination-text-color": "#fff",
+  "--pagination-active-color": "#381E72",
+  "--pagination-list-bg-color": "#211F26",
+  "--pagination-list-active-bg-color": "rgba(208, 188, 255, .2)",
+  "--pagination-list-active-color": "#D0BCFF",
+  "--pagination-item-background": "#211F26"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/paper.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--paper-background": "#211F26"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/picker.mjs

@@ -0,0 +1,11 @@
+var stdin_default = {
+  "--picker-background": "#141218",
+  "--picker-cancel-button-text-color": "var(--color-primary)",
+  "--picker-title-text-color": "#fff",
+  "--picker-option-text-color": "#fff",
+  "--picker-picked-border": "1px solid #363636",
+  "--picker-mask-background-image": "linear-gradient(180deg, rgba(20, 18, 24, 0.9), rgba(20, 18, 24, 0.4)), linear-gradient(0deg, rgba(20, 18, 24, 0.9), rgba(20, 18, 24, 0.4))"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/popup.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--popup-content-background-color": "#2B2930"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/progress.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--progress-label-color": "#fff"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/pullRefresh.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--pull-refresh-background": "#36343B"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/radio.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--radio-unchecked-color": "#CAC4D0",
+  "--radio-text-color": "#CAC4D0"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/result.mjs

@@ -0,0 +1,16 @@
+var stdin_default = {
+  "--result-background": "#36343B",
+  "--result-title-color": "#E6E0E9",
+  "--result-description-color": "#CAC4D0",
+  "--result-question-color": "#7f8e96",
+  "--result-question-border-color": "rgba(151,194,216,0.3)",
+  "--result-empty-color": "#adadad",
+  "--result-empty-border-color": "rgba(232,229,229,0.3)",
+  "--result-info-border-color": "rgba(204, 194, 220, 0.3)",
+  "--result-success-border-color": "rgba(186, 207, 131, 0.3)",
+  "--result-error-border-color": "rgba(242, 184, 181, 0.3)",
+  "--result-warning-border-color": "rgba(239, 184, 200, 0.3)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/select.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--select-scroller-background": "#211F26",
+  "--select-scroller-border-radius": "4px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/slider.mjs

@@ -0,0 +1,11 @@
+var stdin_default = {
+  "--slider-thumb-size": "16px",
+  "--slider-track-height": "4px",
+  "--slider-track-background": "#36343B",
+  "--slider-track-fill-border-radius": "4px",
+  "--slider-track-border-radius": "4px",
+  "--slider-thumb-label-text-color": "#381E72"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/snackbar.mjs

@@ -0,0 +1,7 @@
+var stdin_default = {
+  "--snackbar-color": "#322F35",
+  "--snackbar-background": "#E6E0E9"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/steps.mjs

@@ -0,0 +1,9 @@
+var stdin_default = {
+  "--step-content-color": "rgba(255, 255, 255, .38)",
+  "--step-content-active-color": "#fff",
+  "--step-line-background": "#fff",
+  "--step-tag-color": "#381E72"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/switch.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--switch-handle-color": "#381E72"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/tab.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--tab-inactive-color": "#CAC4D0"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/table.mjs

@@ -0,0 +1,12 @@
+var stdin_default = {
+  "--table-background": "#36343B",
+  "--table-thead-th-text-color": "rgba(255, 255, 255, 0.6)",
+  "--table-tbody-td-text-color": "#fff",
+  "--table-tbody-tr-hover-background": "#36343B",
+  "--table-thead-border-bottom": "thin solid rgba(255, 255, 255, 0.12)",
+  "--table-tbody-tr-border-bottom": "thin solid rgba(255, 255, 255, 0.12)",
+  "--table-footer-border-top": "thin solid rgba(255, 255, 255, 0.12)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/tabs.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--tabs-background": "#141218"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/timePicker.mjs

@@ -0,0 +1,17 @@
+var stdin_default = {
+  "--time-picker-title-color": "#E6E0E9",
+  "--time-picker-clock-container-background": "#36343B",
+  "--time-picker-title-hint-color": "#CAC4D0",
+  "--time-picker-title-background": "#2B2930",
+  "--time-picker-body-background": "#2B2930",
+  "--time-picker-clock-item-active-color": "#381E72",
+  "--time-picker-clock-item-disable-color": "#888",
+  "--time-picker-clock-item-disable-background": "#ccc",
+  "--time-picker-clock-item-text-color": "#E6E0E9",
+  "--time-picker-border-radius": "20px",
+  "--time-picker-title-padding": "20px 20px 16px",
+  "--time-picker-actions-padding": "20px"
+};
+export {
+  stdin_default as default
+};