@varlet/ui 3.5.1 → 3.5.2

package/es/themes/md3-light/skeleton.mjs

@@ -0,0 +1,21 @@
+var stdin_default = {
+  "--skeleton-content-padding": "16px",
+  "--skeleton-card-height": "160px",
+  "--skeleton-card-border-radius": "4px",
+  "--skeleton-card-margin-bottom": "16px",
+  "--skeleton-card-background-color": "rgba(0, 0, 0, 0.12)",
+  "--skeleton-animation-background": "linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0))",
+  "--skeleton-avatar-size": "34px",
+  "--skeleton-avatar-border-radius": "50%",
+  "--skeleton-avatar-margin-right": "16px",
+  "--skeleton-avatar-background-color": "rgba(0, 0, 0, 0.12)",
+  "--skeleton-title-width": "50%",
+  "--skeleton-title-border-radius": "10px",
+  "--skeleton-title-background-color": "rgba(0, 0, 0, 0.12)",
+  "--skeleton-row-height": "12px",
+  "--skeleton-row-border-radius": "10px",
+  "--skeleton-row-margin-top": "10px"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,18 @@
+var stdin_default = {
+  "--slider-thumb-size": "16px",
+  "--slider-track-height": "4px",
+  "--slider-track-background": "var(--color-surface-container-highest)",
+  "--slider-track-fill-border-radius": "4px",
+  "--slider-track-border-radius": "4px",
+  "--slider-error-color": "var(--color-danger)",
+  "--slider-track-fill-background": "var(--color-primary)",
+  "--slider-thumb-block-background": "var(--color-primary)",
+  "--slider-thumb-ripple-background": "var(--color-primary)",
+  "--slider-thumb-label-background": "var(--color-primary)",
+  "--slider-thumb-label-font-size": "var(--font-size-sm)",
+  "--slider-thumb-label-text-color": "var(--color-on-primary)",
+  "--slider-disabled-opacity": "var(--opacity-disabled)"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,20 @@
+var stdin_default = {
+  "--snackbar-color": "#F5EFF7",
+  "--snackbar-background": "var(--color-inverse-surface)",
+  "--snackbar-width": "256px",
+  "--snackbar-border-radius": "4px",
+  "--snackbar-font-size": "var(--font-size-md)",
+  "--snackbar-margin": "6px 24px",
+  "--snackbar-border-color": "currentColor",
+  "--snackbar-success-background": "var(--color-success)",
+  "--snackbar-info-background": "var(--color-info)",
+  "--snackbar-error-background": "var(--color-danger)",
+  "--snackbar-warning-background": "var(--color-warning)",
+  "--snackbar-content-padding": "14px 16px",
+  "--snackbar-action-margin": "0 8px",
+  "--snackbar-vertical-action-margin": "0 8px 8px 0",
+  "--snackbar-icon-margin": "0 8px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/space.mjs

@@ -0,0 +1,13 @@
+var stdin_default = {
+  "--space-size-mini-y": "4px",
+  "--space-size-mini-x": "4px",
+  "--space-size-small-y": "6px",
+  "--space-size-small-x": "6px",
+  "--space-size-normal-y": "8px",
+  "--space-size-normal-x": "12px",
+  "--space-size-large-y": "12px",
+  "--space-size-large-x": "20px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/step.mjs

@@ -0,0 +1,19 @@
+var stdin_default = {
+  "--step-tag-size": "20px",
+  "--step-tag-background": "#9e9e9e",
+  "--step-tag-font-size": "var(--font-size-md)",
+  "--step-tag-color": "var(--color-on-primary)",
+  "--step-tag-active-color": "var(--color-primary)",
+  "--step-tag-margin": "4px 0",
+  "--step-tag-icon-size": "var(--font-size-lg)",
+  "--step-content-font-size": "var(--font-size-md)",
+  "--step-content-color": "rgba(0, 0, 0, 0.38)",
+  "--step-content-active-color": "#000",
+  "--step-line-background": "#000",
+  "--step-line-gap": "8px",
+  "--step-vertical-tag-margin": "0 4px",
+  "--step-vertical-min-height": "50px"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/swipe.mjs

@@ -0,0 +1,17 @@
+var stdin_default = {
+  "--swipe-indicator-color": "#fff",
+  "--swipe-indicators-offset": "10px",
+  "--swipe-indicator-offset": "4px",
+  "--swipe-navigation-z-index": "9",
+  "--swipe-navigation-button-width": "36px",
+  "--swipe-navigation-button-height": "36px",
+  "--swipe-navigation-button-border-radius": "50%",
+  "--swipe-navigation-icon-size": "20px",
+  "--swipe-navigation-prev-left": "8px",
+  "--swipe-navigation-next-right": "8px",
+  "--swipe-navigation-prev-top": "8px",
+  "--swipe-navigation-next-bottom": "8px"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,25 @@
+var stdin_default = {
+  "--switch-track-background": "var(--color-surface-container-low)",
+  "--switch-handle-background": "var(--color-surface-container-low)",
+  "--switch-track-active-background": "var(--color-primary)",
+  "--switch-track-error-background": "var(--color-danger)",
+  "--switch-ripple-color": "var(--color-primary)",
+  "--switch-handle-color": "var(--color-primary)",
+  "--switch-handle-active-color": "var(--color-on-primary)",
+  "--switch-handle-active-background": "var(--color-primary)",
+  "--switch-handle-error-background": "var(--color-danger)",
+  "--switch-disabled-opacity": "var(--opacity-disabled)",
+  "--switch-variant-width": "52px",
+  "--switch-variant-height": "32px",
+  "--switch-variant-track-background": "var(--color-surface-container-highest)",
+  "--switch-variant-handle-width": "24px",
+  "--switch-variant-handle-height": "24px",
+  "--switch-variant-track-border-color": "#79747E",
+  "--switch-variant-handle-color": "var(--color-on-primary)",
+  "--switch-variant-handle-active-color": "var(--color-primary)",
+  "--switch-variant-handle-background": "#79747E",
+  "--switch-variant-handle-active-background": "var(--color-on-primary)"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,13 @@
+var stdin_default = {
+  "--tab-inactive-color": "var(--color-on-surface-variant)",
+  "--tab-padding": "12px",
+  "--tab-active-color": "var(--color-primary)",
+  "--tab-disabled-color": "var(--color-text-disabled)",
+  "--tab-font-size": "var(--font-size-md)",
+  "--tab-font-weight": "400",
+  "--tab-active-font-size": "var(--font-size-md)",
+  "--tab-active-font-weight": "400"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,20 @@
+var stdin_default = {
+  "--table-background": "var(--color-surface-container-low)",
+  "--table-tbody-tr-hover-background": "var(--color-surface-container-low)",
+  "--table-border-radius": "2px",
+  "--table-thead-border-bottom": "thin solid var(--color-outline)",
+  "--table-thead-th-text-color": "rgba(0, 0, 0, 0.6)",
+  "--table-thead-th-text-align": "left",
+  "--table-thead-th-font-size": "14px",
+  "--table-thead-tr-border-bottom": "thin solid var(--color-outline)",
+  "--table-tbody-tr-border-bottom": "thin solid var(--color-outline)",
+  "--table-tbody-td-text-color": "#555",
+  "--table-tbody-td-font-size": "16px",
+  "--table-tbody-td-text-align": "left",
+  "--table-row-height": "46px",
+  "--table-row-padding": "0 16px",
+  "--table-footer-border-top": "thin solid var(--color-outline)"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,14 @@
+var stdin_default = {
+  "--tabs-background": "var(--color-body)",
+  "--tabs-item-horizontal-height": "44px",
+  "--tabs-item-vertical-height": "66px",
+  "--tabs-radius": "2px",
+  "--tabs-padding": "12px",
+  "--tabs-indicator-size": "2px",
+  "--tabs-indicator-border-radius": "0",
+  "--tabs-indicator-background": "var(--color-primary)",
+  "--tabs-indicator-inner-size": "100%"
+};
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,60 @@
+var stdin_default = {
+  "--time-picker-title-color": "#1D1B20",
+  "--time-picker-title-hint-color": "var(--color-on-surface-variant)",
+  "--time-picker-clock-container-background": "var(--color-surface-container-highest)",
+  "--time-picker-title-background": "var(--color-surface-container-high)",
+  "--time-picker-body-background": "var(--color-surface-container-high)",
+  "--time-picker-clock-item-text-color": "#1D1B20",
+  "--time-picker-border-radius": "20px",
+  "--time-picker-title-padding": "20px 20px 16px",
+  "--time-picker-actions-padding": "20px",
+  "--time-picker-title-margin-bottom": "20px",
+  "--time-picker-title-time-font-size": "40px",
+  "--time-picker-title-ampm-border-radius": "8px",
+  "--time-picker-title-time-padding": "8px 12px",
+  "--time-picker-title-time-border-radius": "8px",
+  "--time-picker-title-ampm-border": "thin solid #79747e",
+  "--time-picker-title-ampm-button-padding": "8px",
+  "--time-picker-title-time-background": "var(--color-surface-container-highest)",
+  "--time-picker-title-inactive-opacity": "1",
+  "--time-picker-title-time-active-background": "var(--color-primary-container)",
+  "--time-picker-title-ampm-button-active-background": "var(--color-warning-container)",
+  "--time-picker-font-size": "var(--font-size-md)",
+  "--time-picker-min-width": "290px",
+  "--time-picker-title-height": "105px",
+  "--time-picker-title-hint-font-size": "14px",
+  "--time-picker-title-time-margin": "0 5px",
+  "--time-picker-title-ampm-margin-left": "10px",
+  "--time-picker-clock-left": "27px",
+  "--time-picker-clock-right": "27px",
+  "--time-picker-clock-top": "27px",
+  "--time-picker-clock-bottom": "27px",
+  "--time-picker-clock-container-width": "256px",
+  "--time-picker-clock-container-height": "256px",
+  "--time-picker-clock-hand-height": "calc(50% - 4px)",
+  "--time-picker-clock-hand-width": "2px",
+  "--time-picker-clock-hand-bottom": "50%",
+  "--time-picker-clock-hand-left": "calc(50% - 1px)",
+  "--time-picker-clock-hand-background": "var(--color-primary)",
+  "--time-picker-clock-hand-border-color": "var(--color-primary)",
+  "--time-picker-clock-hand-before-width": "10px",
+  "--time-picker-clock-hand-before-height": "10px",
+  "--time-picker-clock-hand-before-border-width": "2px",
+  "--time-picker-clock-hand-after-width": "4px",
+  "--time-picker-clock-hand-after-height": "4px",
+  "--time-picker-clock-item-height": "32px",
+  "--time-picker-clock-item-width": "32px",
+  "--time-picker-clock-item-active-background": "var(--color-primary)",
+  "--time-picker-clock-item-active-color": "var(--color-on-primary)",
+  "--time-picker-clock-item-disable-color": "rgba(0, 0, 0, 0.26)",
+  "--time-picker-clock-item-disable-background": "#bdbdbd",
+  "--time-picker-inner-left": "36px",
+  "--time-picker-inner-right": "36px",
+  "--time-picker-inner-top": "36px",
+  "--time-picker-inner-bottom": "36px",
+  "--time-picker-body-height": "288px",
+  "--time-picker-title-time-container-justify-content": "flex-end"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/tooltip.mjs

@@ -0,0 +1,22 @@
+var stdin_default = {
+  "--tooltip-default-color": "var(--color-inverse-surface)",
+  "--tooltip-opacity": "1",
+  "--tooltip-border-radius": "4px",
+  "--tooltip-font-size": "14px",
+  "--tooltip-padding": "8px 16px",
+  "--tooltip-offset": "10px",
+  "--tooltip-primary-color": "var(--color-primary)",
+  "--tooltip-info-color": "var(--color-info)",
+  "--tooltip-success-color": "var(--color-success)",
+  "--tooltip-warning-color": "var(--color-warning)",
+  "--tooltip-danger-color": "var(--color-danger)",
+  "--tooltip-default-text-color": "#fff",
+  "--tooltip-primary-text-color": "var(--color-on-primary)",
+  "--tooltip-info-text-color": "var(--color-on-info)",
+  "--tooltip-success-text-color": "var(--color-on-success)",
+  "--tooltip-warning-text-color": "var(--color-on-warning)",
+  "--tooltip-danger-text-color": "var(--color-on-danger)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/uploader.mjs

@@ -0,0 +1,33 @@
+var stdin_default = {
+  "--uploader-file-border-radius": "8px",
+  "--uploader-action-background": "var(--color-surface-container-low)",
+  "--uploader-file-name-background": "var(--color-surface-container-low)",
+  "--uploader-file-cover-background": "var(--color-surface-container-low)",
+  "--uploader-action-icon-color": "var(--color-on-surface-variant)",
+  "--uploader-file-name-color": "var(--color-on-surface-variant)",
+  "--uploader-action-icon-size": "24px",
+  "--uploader-action-margin": "0 10px 10px 0",
+  "--uploader-file-size": "80px",
+  "--uploader-file-margin": "0 10px 10px 0",
+  "--uploader-file-name-font-size": "12px",
+  "--uploader-file-name-padding": "10px",
+  "--uploader-file-text-align": "center",
+  "--uploader-file-close-background": "rgba(0, 0, 0, 0.3)",
+  "--uploader-file-close-size": "24px",
+  "--uploader-file-close-icon-font-size": "14px",
+  "--uploader-file-close-icon-color": "#fff",
+  "--uploader-file-cover-fit": "cover",
+  "--uploader-preview-video-width": "100vw",
+  "--uploader-preview-video-height": "100vw",
+  "--uploader-file-indicator-height": "4px",
+  "--uploader-file-indicator-normal-color": "var(--color-disabled)",
+  "--uploader-file-indicator-success-color": "var(--color-success)",
+  "--uploader-file-indicator-error-color": "var(--color-danger)",
+  "--uploader-file-progress-color": "var(--color-primary)",
+  "--uploader-disabled-color": "var(--color-disabled)",
+  "--uploader-disabled-text-color": "var(--color-text-disabled)",
+  "--uploader-loading-background": "linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0))"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/watermark.mjs

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

package/es/themes/toViewport.d.ts

@@ -0,0 +1,3 @@
+import { Themes } from '../../types'
+
+declare const toViewport: Themes['toViewport']

package/es/themes/toViewport.mjs

@@ -0,0 +1,13 @@
+function toViewport(theme, options = {}) {
+  const { viewportWidth = 375, viewportUnit = "vmin", unitPrecision = 6 } = options;
+  return Object.entries(theme).reduce((target, [key, value]) => {
+    target[key] = value.includes("px") ? value.replace(
+      /(\d+(\.\d+)?)px/g,
+      (_, p1) => `${Number((p1 / viewportWidth * 100).toFixed(unitPrecision))}${viewportUnit}`
+    ) : value;
+    return target;
+  }, {});
+}
+export {
+  toViewport
+};