dashforge-ui 0.1.1 → 0.1.50
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.
- package/dist/dashforge-ui.css +1 -1
- package/package.json +48 -52
- package/dist/index.d.ts +0 -16
- package/dist/playground/App.vue.d.ts +0 -65
- package/dist/playground/App.vue.d.ts.map +0 -1
- package/dist/playground/main.d.ts +0 -2
- package/dist/playground/main.d.ts.map +0 -1
- package/dist/playground/vite.config.d.ts +0 -3
- package/dist/playground/vite.config.d.ts.map +0 -1
- package/dist/src/components/VButton/VButton.spec.d.ts +0 -2
- package/dist/src/components/VButton/VButton.spec.d.ts.map +0 -1
- package/dist/src/components/VButton/VButton.vue.d.ts +0 -18
- package/dist/src/components/VButton/VButton.vue.d.ts.map +0 -1
- package/dist/src/components/VButton/index.d.ts +0 -3
- package/dist/src/components/VButton/index.d.ts.map +0 -1
- package/dist/src/components/VIcon/VIcon.vue.d.ts +0 -15
- package/dist/src/components/VIcon/VIcon.vue.d.ts.map +0 -1
- package/dist/src/components/VIcon/index.d.ts +0 -3
- package/dist/src/components/VIcon/index.d.ts.map +0 -1
- package/dist/src/composables/useTheme.d.ts +0 -6
- package/dist/src/composables/useTheme.d.ts.map +0 -1
- package/dist/src/composables/utils.d.ts +0 -4
- package/dist/src/composables/utils.d.ts.map +0 -1
- package/dist/src/directives/ripple.d.ts +0 -21
- package/dist/src/directives/ripple.d.ts.map +0 -1
- package/dist/src/icons/icons.d.ts +0 -4
- package/dist/src/icons/icons.d.ts.map +0 -1
- package/dist/src/icons/index.d.ts +0 -2
- package/dist/src/icons/index.d.ts.map +0 -1
- package/dist/src/index.d.ts +0 -16
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/plugin/createDashboardUI.d.ts +0 -18
- package/dist/src/plugin/createDashboardUI.d.ts.map +0 -1
- package/dist/src/theme/createTheme.d.ts +0 -41
- package/dist/src/theme/createTheme.d.ts.map +0 -1
- package/dist/src/theme/createTheme.spec.d.ts +0 -2
- package/dist/src/theme/createTheme.spec.d.ts.map +0 -1
- package/dist/src/theme/themeEngine.d.ts +0 -26
- package/dist/src/theme/themeEngine.d.ts.map +0 -1
- package/dist/src/theme/themeEngine.spec.d.ts +0 -2
- package/dist/src/theme/themeEngine.spec.d.ts.map +0 -1
- package/dist/src/theme/themes.d.ts +0 -4
- package/dist/src/theme/themes.d.ts.map +0 -1
- package/dist/src/theme/tokens/colors.d.ts +0 -8
- package/dist/src/theme/tokens/colors.d.ts.map +0 -1
- package/dist/src/theme/tokens/components/button.d.ts +0 -7
- package/dist/src/theme/tokens/components/button.d.ts.map +0 -1
- package/dist/src/theme/tokens/components/icon.d.ts +0 -7
- package/dist/src/theme/tokens/components/icon.d.ts.map +0 -1
- package/dist/src/theme/tokens/components/index.d.ts +0 -7
- package/dist/src/theme/tokens/components/index.d.ts.map +0 -1
- package/dist/src/theme/tokens/elevation.d.ts +0 -7
- package/dist/src/theme/tokens/elevation.d.ts.map +0 -1
- package/dist/src/theme/tokens/index.d.ts +0 -26
- package/dist/src/theme/tokens/index.d.ts.map +0 -1
- package/dist/src/theme/tokens/shape.d.ts +0 -7
- package/dist/src/theme/tokens/shape.d.ts.map +0 -1
- package/dist/src/theme/tokens/spacing.d.ts +0 -7
- package/dist/src/theme/tokens/spacing.d.ts.map +0 -1
- package/dist/src/theme/tokens/types.d.ts +0 -73
- package/dist/src/theme/tokens/types.d.ts.map +0 -1
- package/dist/src/theme/tokens/typography.d.ts +0 -7
- package/dist/src/theme/tokens/typography.d.ts.map +0 -1
- package/dist/src/types/button.d.ts +0 -27
- package/dist/src/types/button.d.ts.map +0 -1
- package/dist/src/types/common.d.ts +0 -4
- package/dist/src/types/common.d.ts.map +0 -1
- package/dist/src/types/icon.d.ts +0 -15
- package/dist/src/types/icon.d.ts.map +0 -1
- package/dist/src/types/theme.d.ts +0 -13
- package/dist/src/types/theme.d.ts.map +0 -1
package/dist/dashforge-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-icon{overflow:hidden;align-items:center;display:inline-flex;font-feature-settings:"liga";justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;transition:.3s cubic-bezier(.25,.8,.5,1),visibility 0s;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;opacity:1}.v-icon--size-x-small{font-size:var(--df-icon-font-size-x-small)}.v-icon--size-x-small .v-icon__svg{height:var(--df-icon-font-size-x-small);width:var(--df-icon-font-size-x-small)}.v-icon--size-small{font-size:var(--df-icon-font-size-small)}.v-icon--size-small .v-icon__svg{height:var(--df-icon-font-size-small);width:var(--df-icon-font-size-small)}.v-icon--size-default{font-size:var(--df-icon-font-size-default)}.v-icon--size-default .v-icon__svg{height:var(--df-icon-font-size-default);width:var(--df-icon-font-size-default)}.v-icon--size-large{font-size:var(--df-icon-font-size-large)}.v-icon--size-large .v-icon__svg{height:var(--df-icon-font-size-large);width:var(--df-icon-font-size-large)}.v-icon--size-x-large{font-size:var(--df-icon-font-size-x-large)}.v-icon--size-x-large .v-icon__svg{height:var(--df-icon-font-size-x-large);width:var(--df-icon-font-size-x-large)}.v-icon--disabled{pointer-events:none}.v-btn{border:none;align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;cursor:pointer;position:relative;padding:0 1em;min-width:4em;box-shadow:var(--df-btn-shadow, 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12));height:var(--df-btn-height, var(--df-btn-height-default, unset));font-size:var(--df-btn-font-size, var(--df-btn-font-size-default, inherit));font-weight:var(--df-btn-font-weight);letter-spacing:var(--df-btn-letter-spacing);text-transform:var(--df-btn-text-transform);transition-duration:var(--df-btn-transition-duration);border-radius:var(--df-btn-border-radius);font-family:var(--df-font-family);background-color:var(--df-btn-bg-color);color:var(--df-btn-text-color);border-color:var(--df-btn-border-color)}.v-btn .v-icon__svg{fill:currentColor}.v-btn__content{line-height:initial;flex-direction:column}.v-btn{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition-property:box-shadow,transform,opacity,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap}.v-btn:before{content:"";background-color:currentColor;border-radius:inherit;opacity:0;inset:0;color:inherit;pointer-events:none;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.6,1)}.v-btn:focus,.v-btn:active{text-decoration:none}.v-btn:active:not(.v-btn--text):not(.v-btn--depressed):not(.v-btn--disabled){transform:translateY(1px);box-shadow:var(--df-btn-shadow-active, 0 1px 2px 0 rgba(0, 0, 0, .18))}.v-btn.v-btn--icon,.v-btn.v-btn--fab{padding:0;min-width:0;border-radius:50%}.v-btn--depressed,.v-btn--disabled,.v-btn--text{box-shadow:none}.v-btn--block:not(.v-btn--fab):not(.v-btn--icon){display:flex;flex:1 0 auto;min-width:100%!important}.v-btn--outlined{border:1px solid var(--df-btn-bg-color, var(--df-color-primary));color:var(--df-btn-bg-color, var(--df-color-primary));background-color:transparent}.v-btn--text{background-color:transparent;color:var(--df-btn-bg-color, var(--df-color-primary));box-shadow:none}.v-btn--stacked{flex-direction:column}.v-btn--stacked .v-btn__prepend{margin:0 0 .25rem}.v-btn--stacked .v-btn__append{margin:.25rem 0 0}.v-btn--icon{background-color:transparent;padding:0}.v-btn--fab{border-radius:100%}.v-btn--fab .v-btn__content,.v-btn--icon .v-btn__content{display:flex;justify-content:center;align-items:center}.v-btn--loading{pointer-events:none}.v-btn--loading .v-btn__content,.v-btn--loading .v-btn__append,.v-btn--loading .v-btn__prepend{opacity:0}.v-btn--disabled{pointer-events:none;cursor:not-allowed}.v-btn__loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.v-btn:focus:before{opacity:var(--df-btn-state-focus, .1)}.v-btn:hover:before{opacity:var(--df-btn-state-hover, .1)}.v-btn:active:before{opacity:var(--df-btn-state-active, .1)}.v-btn--size-x-small{height:var(--df-btn-height, var(--df-btn-height-x-small));font-size:var(--df-btn-font-size, var(--df-btn-font-size-x-small))}.v-btn--size-x-small.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-x-small));width:var(--df-btn-height, var(--df-fab-height-x-small));font-size:var(--df-btn-font-size, var(--df-fab-font-size-x-small))}.v-btn--size-x-small.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-x-small))}.v-btn--size-x-small.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-x-small))}.v-btn--size-small{height:var(--df-btn-height, var(--df-btn-height-small));font-size:var(--df-btn-font-size, var(--df-btn-font-size-small))}.v-btn--size-small.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-small));width:var(--df-btn-height, var(--df-fab-height-small));font-size:var(--df-btn-font-size, var(--df-fab-font-size-small))}.v-btn--size-small.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-small))}.v-btn--size-small.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-small))}.v-btn--size-default{height:var(--df-btn-height, var(--df-btn-height-default));font-size:var(--df-btn-font-size, var(--df-btn-font-size-default))}.v-btn--size-default.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-default));width:var(--df-btn-height, var(--df-fab-height-default));font-size:var(--df-btn-font-size, var(--df-fab-font-size-default))}.v-btn--size-default.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-default))}.v-btn--size-default.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-default))}.v-btn--size-large{height:var(--df-btn-height, var(--df-btn-height-large));font-size:var(--df-btn-font-size, var(--df-btn-font-size-large))}.v-btn--size-large.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-large));width:var(--df-btn-height, var(--df-fab-height-large));font-size:var(--df-btn-font-size, var(--df-fab-font-size-large))}.v-btn--size-large.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-large))}.v-btn--size-large.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-large))}.v-btn--size-x-large{height:var(--df-btn-height, var(--df-btn-height-x-large));font-size:var(--df-btn-font-size, var(--df-btn-font-size-x-large))}.v-btn--size-x-large.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-x-large));width:var(--df-btn-height, var(--df-fab-height-x-large));font-size:var(--df-btn-font-size, var(--df-fab-font-size-x-large))}.v-btn--size-x-large.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-x-large))}.v-btn--size-x-large.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-x-large))}.v-btn__prepend{margin-right:var(--df-btn-icon-spacing, .5rem)}.v-btn__append{margin-left:var(--df-btn-icon-spacing, .5rem)}
|
|
1
|
+
@charset "UTF-8";:root{--df-color-primary: #00af67;--df-color-on-primary: #ffffff;--df-color-primary-container: #b1f5db;--df-color-on-primary-container: #00291b;--df-color-secondary: #625b71;--df-color-on-secondary: #ffffff;--df-color-secondary-container: #e8def8;--df-color-on-secondary-container: #1d192b;--df-color-success: #4caf50;--df-color-on-success: #ffffff;--df-color-success-container: #c8e6c9;--df-color-on-success-container: #1b5e20;--df-color-warning: #ffb300;--df-color-on-warning: #000000;--df-color-warning-container: #ffe082;--df-color-on-warning-container: #ff6f00;--df-color-error: #b3261e;--df-color-on-error: #ffffff;--df-color-error-container: #f9dedc;--df-color-on-error-container: #410e0b;--df-color-info: #2196f3;--df-color-on-info: #ffffff;--df-color-info-container: #bbdefb;--df-color-on-info-container: #0d47a1;--df-color-input: #eaddff;--df-color-on-input: #000000;--df-color-input-container: #fffbfe;--df-color-on-input-container: #1c1b1f;--df-color-grey: #79747e;--df-color-on-grey: #ffffff;--df-color-grey-container: #cac7d0;--df-color-on-grey-container: #1c1b1f;--df-color-disabled: #e0e0e0;--df-color-on-disabled: #9e9e9e;--df-color-disabled-container: #ded8e1;--df-color-on-disabled-container: #1c1b1f;--df-color-neutral: #1c1b1f;--df-color-on-neutral: #ffffff;--df-color-neutral-container: #fffbfe;--df-color-on-neutral-container: #1c1b1f;--df-color-neutral-variant: #49454e;--df-color-on-neutral-variant: #ffffff;--df-color-neutral-variant-container: #cac7d0;--df-color-on-neutral-variant-container: #1c1b1f;--df-color-background: #fffbfe;--df-color-on-background: #1c1b1f;--df-color-background-container: #fffbfe;--df-color-on-background-container: #1c1b1f;--df-color-surface: #fffbfe;--df-color-on-surface: #1c1b1f;--df-color-surface-container: #fffbfe;--df-color-on-surface-container: #1c1b1f;--df-color-surface-dim: #ded8e1;--df-color-on-surface-dim: #1c1b1f;--df-color-surface-dim-container: #ded8e1;--df-color-on-surface-dim-container: #1c1b1f;--df-color-surface-bright: #fffbfe;--df-color-on-surface-bright: #1c1b1f;--df-color-surface-bright-container: #fffbfe;--df-color-on-surface-bright-container: #1c1b1f;--df-color-on-surface-variant: #49454e;--df-color-text: #1c1b1f;--df-color-on-text: #fffbfe;--df-color-text-container: #fffbfe;--df-color-on-text-container: #1c1b1f;--df-color-text-secondary: #49454e;--df-color-on-text-secondary: #fffbfe;--df-color-text-secondary-container: #fffbfe;--df-color-on-text-secondary-container: #1c1b1f;--df-color-text-tertiary: #79747e;--df-color-on-text-tertiary: #fffbfe;--df-color-text-tertiary-container: #fffbfe;--df-color-on-text-tertiary-container: #1c1b1f;--df-color-outline: #79747e;--df-color-on-outline: #1c1b1f;--df-color-outline-container: #ded8e1;--df-color-on-outline-container: #1c1b1f;--df-color-outline-variant: #cac7d0;--df-color-on-outline-variant: #1c1b1f;--df-color-outline-variant-container: #ded8e1;--df-color-on-outline-variant-container: #1c1b1f;--df-color-white: #ffffff;--df-color-on-white: #000000;--df-color-white-container: #fffbfe;--df-color-on-white-container: #1c1b1f;--df-color-black: #000000;--df-color-on-black: #ffffff;--df-color-black-container: #1c1b1f;--df-color-on-black-container: #ffffff;--df-spacing-xs: 4px;--df-spacing-sm: 8px;--df-spacing-md: 16px;--df-spacing-lg: 24px;--df-spacing-xl: 32px;--df-spacing-2xl: 48px;--df-font-size-display-large: 57px;--df-font-size-display-medium: 45px;--df-font-size-display-small: 36px;--df-font-size-headline-large: 32px;--df-font-size-headline-medium: 28px;--df-font-size-headline-small: 24px;--df-font-size-title-large: 22px;--df-font-size-title-medium: 16px;--df-font-size-title-small: 14px;--df-font-size-body-large: 16px;--df-font-size-body-medium: 14px;--df-font-size-body-small: 12px;--df-font-size-label-large: 14px;--df-font-size-label-medium: 12px;--df-font-size-label-small: 11px;--df-font-display-large-font-size: 57px;--df-font-display-large-font-weight: 400;--df-font-display-large-line-height: 64px;--df-font-display-large-letter-spacing: 0px;--df-font-display-medium-font-size: 45px;--df-font-display-medium-font-weight: 400;--df-font-display-medium-line-height: 52px;--df-font-display-medium-letter-spacing: 0px;--df-font-display-small-font-size: 36px;--df-font-display-small-font-weight: 400;--df-font-display-small-line-height: 44px;--df-font-display-small-letter-spacing: 0px;--df-font-headline-large-font-size: 32px;--df-font-headline-large-font-weight: 400;--df-font-headline-large-line-height: 40px;--df-font-headline-large-letter-spacing: 0px;--df-font-headline-medium-font-size: 28px;--df-font-headline-medium-font-weight: 400;--df-font-headline-medium-line-height: 36px;--df-font-headline-medium-letter-spacing: 0px;--df-font-headline-small-font-size: 24px;--df-font-headline-small-font-weight: 400;--df-font-headline-small-line-height: 32px;--df-font-headline-small-letter-spacing: 0px;--df-font-title-large-font-size: 22px;--df-font-title-large-font-weight: 500;--df-font-title-large-line-height: 28px;--df-font-title-large-letter-spacing: 0px;--df-font-title-medium-font-size: 16px;--df-font-title-medium-font-weight: 500;--df-font-title-medium-line-height: 24px;--df-font-title-medium-letter-spacing: .15px;--df-font-title-small-font-size: 14px;--df-font-title-small-font-weight: 500;--df-font-title-small-line-height: 20px;--df-font-title-small-letter-spacing: .1px;--df-font-body-large-font-size: 16px;--df-font-body-large-font-weight: 400;--df-font-body-large-line-height: 24px;--df-font-body-large-letter-spacing: .5px;--df-font-body-medium-font-size: 14px;--df-font-body-medium-font-weight: 400;--df-font-body-medium-line-height: 20px;--df-font-body-medium-letter-spacing: .25px;--df-font-body-small-font-size: 12px;--df-font-body-small-font-weight: 400;--df-font-body-small-line-height: 16px;--df-font-body-small-letter-spacing: .4px;--df-font-label-large-font-size: 14px;--df-font-label-large-font-weight: 500;--df-font-label-large-line-height: 20px;--df-font-label-large-letter-spacing: .1px;--df-font-label-medium-font-size: 12px;--df-font-label-medium-font-weight: 500;--df-font-label-medium-line-height: 16px;--df-font-label-medium-letter-spacing: .5px;--df-font-label-small-font-size: 11px;--df-font-label-small-font-weight: 500;--df-font-label-small-line-height: 16px;--df-font-label-small-letter-spacing: .5px;--df-font-weight-regular: 400;--df-font-weight-medium: 500;--df-font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--df-corner-none: 0px;--df-corner-extra-small: 4px;--df-corner-small: 8px;--df-corner-medium: 12px;--df-corner-large: 16px;--df-corner-extra-large: 28px;--df-corner-full: 9999px;--df-elevation-0: none;--df-elevation-1: 0px 1px 3px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .24);--df-elevation-2: 0px 3px 6px rgba(0, 0, 0, .16), 0px 3px 6px rgba(0, 0, 0, .23);--df-elevation-3: 0px 10px 20px rgba(0, 0, 0, .19), 0px 6px 6px rgba(0, 0, 0, .23);--df-elevation-4: 0px 15px 25px rgba(0, 0, 0, .15), 0px 10px 10px rgba(0, 0, 0, .05);--df-elevation-5: 0px 20px 40px rgba(0, 0, 0, .2)}html,body,#app{height:100%}body{background:var(--df-color-background);color:var(--df-color-text);font-family:var(--df-font-family);font-size:var(--df-font-body-medium-font-size);font-weight:var(--df-font-body-medium-font-weight);line-height:var(--df-font-body-medium-line-height);letter-spacing:var(--df-font-body-medium-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--df-color-primary: #7dffad;--df-color-on-primary: #004d32;--df-color-primary-container: #007348;--df-color-on-primary-container: #b1f5db;--df-color-secondary: #ccc7d8;--df-color-on-secondary: #312e42;--df-color-secondary-container: #4a4458;--df-color-on-secondary-container: #e8def8;--df-color-success: #81c784;--df-color-on-success: #1b5e20;--df-color-success-container: #388e3c;--df-color-on-success-container: #c8e6c9;--df-color-warning: #ffb300;--df-color-on-warning: #ff6f00;--df-color-warning-container: #ff8f00;--df-color-on-warning-container: #ffe082;--df-color-error: #f2b8b5;--df-color-on-error: #601410;--df-color-error-container: #8c1d18;--df-color-on-error-container: #f9dedc;--df-color-info: #64b5f6;--df-color-on-info: #0d47a1;--df-color-info-container: #1976d2;--df-color-on-info-container: #bbdefb;--df-color-input: #523f7f;--df-color-on-input: #eaddff;--df-color-input-container: #1c1b1f;--df-color-on-input-container: #e6e1e5;--df-color-grey: #cac7d0;--df-color-on-grey: #313033;--df-color-grey-container: #49454e;--df-color-on-grey-container: #e6e1e5;--df-color-disabled: #616161;--df-color-on-disabled: #757575;--df-color-disabled-container: #0f0d13;--df-color-on-disabled-container: #e6e1e5;--df-color-neutral: #e6e1e5;--df-color-on-neutral: #313033;--df-color-neutral-container: #1c1b1f;--df-color-on-neutral-container: #e6e1e5;--df-color-neutral-variant: #cac7d0;--df-color-on-neutral-variant: #49454e;--df-color-neutral-variant-container: #49454e;--df-color-on-neutral-variant-container: #e6e1e5;--df-color-background: #1c1b1f;--df-color-on-background: #e6e1e5;--df-color-background-container: #1c1b1f;--df-color-on-background-container: #e6e1e5;--df-color-surface: #1c1b1f;--df-color-on-surface: #e6e1e5;--df-color-surface-container: #36343b;--df-color-on-surface-container: #e6e1e5;--df-color-surface-dim: #0f0d13;--df-color-on-surface-dim: #e6e1e5;--df-color-surface-dim-container: #0f0d13;--df-color-on-surface-dim-container: #e6e1e5;--df-color-surface-bright: #36343b;--df-color-on-surface-bright: #e6e1e5;--df-color-surface-bright-container: #36343b;--df-color-on-surface-bright-container: #e6e1e5;--df-color-on-surface-variant: #cac7d0;--df-color-text: #e6e1e5;--df-color-on-text: #1c1b1f;--df-color-text-container: #1c1b1f;--df-color-on-text-container: #e6e1e5;--df-color-text-secondary: #cac7d0;--df-color-on-text-secondary: #1c1b1f;--df-color-text-secondary-container: #1c1b1f;--df-color-on-text-secondary-container: #e6e1e5;--df-color-text-tertiary: #b0adb8;--df-color-on-text-tertiary: #1c1b1f;--df-color-text-tertiary-container: #1c1b1f;--df-color-on-text-tertiary-container: #e6e1e5;--df-color-outline: #938f99;--df-color-on-outline: #e6e1e5;--df-color-outline-container: #36343b;--df-color-on-outline-container: #e6e1e5;--df-color-outline-variant: #49454e;--df-color-on-outline-variant: #e6e1e5;--df-color-outline-variant-container: #36343b;--df-color-on-outline-variant-container: #e6e1e5;--df-color-white: #ffffff;--df-color-on-white: #000000;--df-color-white-container: #1c1b1f;--df-color-on-white-container: #e6e1e5;--df-color-black: #000000;--df-color-on-black: #ffffff;--df-color-black-container: #1c1b1f;--df-color-on-black-container: #ffffff}}:root{--df-btn-state-focus: .12;--df-btn-state-hover: .08;--df-btn-state-active: .12;--df-btn-font-size-x-small: .6875rem;--df-btn-font-size-small: .75rem;--df-btn-font-size-default: .875rem;--df-btn-font-size-large: 1rem;--df-btn-font-size-x-large: 1.125rem;--df-btn-height-x-small: 2rem;--df-btn-height-small: 2.25rem;--df-btn-height-default: 2.5rem;--df-btn-height-large: 3rem;--df-btn-height-x-large: 3.5rem;--df-fab-font-size-x-small: 1.25rem;--df-fab-font-size-small: 1.25rem;--df-fab-font-size-default: 1.5rem;--df-fab-font-size-large: .714rem;--df-fab-font-size-x-large: 2rem;--df-fab-height-x-small: 2em;--df-fab-height-small: 2.5em;--df-fab-height-default: 3.5em;--df-fab-height-large: 4em;--df-fab-height-x-large: 4.5em;--df-stacked-height-x-small: 2em;--df-stacked-height-small: 2.5em;--df-stacked-height-default: 4.5em;--df-stacked-height-large: 5.5em;--df-stacked-height-x-large: 8em;--df-btn-border-radius: 4px;--df-btn-rounded-border-radius: 28px;--df-btn-border-style: solid;--df-btn-border-width: 1px;--df-btn-font-weight: 500;--df-btn-letter-spacing: .1em;--df-btn-text-transform: uppercase;--df-btn-transition-duration: .28s;--df-btn-shadow: 0 3px 1px -2px rgb(0, 0, 0, .2), 0 2px 2px 0 rgb(0, 0, 0, .14), 0 1px 5px 0 rgb(0, 0, 0, .12);--df-btn-icon-spacing: .5rem}:root{--df-icon-font-size-x-small: 1rem;--df-icon-font-size-small: 1.125rem;--df-icon-font-size-default: 1.5rem;--df-icon-font-size-large: 2rem;--df-icon-font-size-x-large: 3rem}@keyframes v-ripple{to{transform:scale(2.5);opacity:0}}@-webkit-keyframes v-ripple{to{transform:scale(2.5);opacity:0}}.v-ripple-element{position:relative;overflow:hidden;cursor:pointer}.v-ripple-element .v-ripple{border-radius:50%;opacity:.7;position:absolute;transform:scale(0);animation:v-ripple linear}@keyframes progress-circular-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes progress-circular-rotate{to{transform:rotate(1turn)}}@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0px}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-124px}}@-webkit-keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0px}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-124px}}.e-progress-circular{position:relative;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center}.e-progress-circular--indeterminate svg{-webkit-animation:progress-circular-rotate 1.4s linear infinite;animation:progress-circular-rotate 1.4s linear infinite;transform-origin:center center;transition:transform .2s ease-in-out}.e-progress-circular svg{width:100%;height:100%;margin:auto;position:absolute;inset:0;z-index:0}.e-progress-circular--indeterminate .e-progress-circular__overlay{-webkit-animation:progress-circular-dash 1.4s ease-in-out infinite;animation:progress-circular-dash 1.4s ease-in-out infinite;stroke-linecap:round;stroke-dasharray:80,200;stroke-dashoffset:0px}.e-progress-circular__overlay{stroke:currentColor;z-index:2;transition:stroke-dashoffset .6s ease-in-out}.bg-primary{background-color:var(--df-color-primary, #00af67)}.text-primary{color:var(--df-color-primary, #00af67)}.border-primary{border-color:var(--df-color-primary, #00af67)}.bg-on-primary{background-color:var(--df-color-on-primary, #ffffff)}.text-on-primary{color:var(--df-color-on-primary, #ffffff)}.border-on-primary{border-color:var(--df-color-on-primary, #ffffff)}.bg-primary-container{background-color:var(--df-color-primary-container, #b1f5db)}.text-primary-container{color:var(--df-color-primary-container, #b1f5db)}.border-primary-container{border-color:var(--df-color-primary-container, #b1f5db)}.bg-on-primary-container{background-color:var(--df-color-on-primary-container, #00291b)}.text-on-primary-container{color:var(--df-color-on-primary-container, #00291b)}.border-on-primary-container{border-color:var(--df-color-on-primary-container, #00291b)}.bg-secondary{background-color:var(--df-color-secondary, #625b71)}.text-secondary{color:var(--df-color-secondary, #625b71)}.border-secondary{border-color:var(--df-color-secondary, #625b71)}.bg-on-secondary{background-color:var(--df-color-on-secondary, #ffffff)}.text-on-secondary{color:var(--df-color-on-secondary, #ffffff)}.border-on-secondary{border-color:var(--df-color-on-secondary, #ffffff)}.bg-secondary-container{background-color:var(--df-color-secondary-container, #e8def8)}.text-secondary-container{color:var(--df-color-secondary-container, #e8def8)}.border-secondary-container{border-color:var(--df-color-secondary-container, #e8def8)}.bg-on-secondary-container{background-color:var(--df-color-on-secondary-container, #1d192b)}.text-on-secondary-container{color:var(--df-color-on-secondary-container, #1d192b)}.border-on-secondary-container{border-color:var(--df-color-on-secondary-container, #1d192b)}.bg-success{background-color:var(--df-color-success, #4caf50)}.text-success{color:var(--df-color-success, #4caf50)}.border-success{border-color:var(--df-color-success, #4caf50)}.bg-on-success{background-color:var(--df-color-on-success, #ffffff)}.text-on-success{color:var(--df-color-on-success, #ffffff)}.border-on-success{border-color:var(--df-color-on-success, #ffffff)}.bg-success-container{background-color:var(--df-color-success-container, #c8e6c9)}.text-success-container{color:var(--df-color-success-container, #c8e6c9)}.border-success-container{border-color:var(--df-color-success-container, #c8e6c9)}.bg-on-success-container{background-color:var(--df-color-on-success-container, #1b5e20)}.text-on-success-container{color:var(--df-color-on-success-container, #1b5e20)}.border-on-success-container{border-color:var(--df-color-on-success-container, #1b5e20)}.bg-warning{background-color:var(--df-color-warning, #ffb300)}.text-warning{color:var(--df-color-warning, #ffb300)}.border-warning{border-color:var(--df-color-warning, #ffb300)}.bg-on-warning{background-color:var(--df-color-on-warning, #000000)}.text-on-warning{color:var(--df-color-on-warning, #000000)}.border-on-warning{border-color:var(--df-color-on-warning, #000000)}.bg-warning-container{background-color:var(--df-color-warning-container, #ffe082)}.text-warning-container{color:var(--df-color-warning-container, #ffe082)}.border-warning-container{border-color:var(--df-color-warning-container, #ffe082)}.bg-on-warning-container{background-color:var(--df-color-on-warning-container, #ff6f00)}.text-on-warning-container{color:var(--df-color-on-warning-container, #ff6f00)}.border-on-warning-container{border-color:var(--df-color-on-warning-container, #ff6f00)}.bg-error{background-color:var(--df-color-error, #b3261e)}.text-error{color:var(--df-color-error, #b3261e)}.border-error{border-color:var(--df-color-error, #b3261e)}.bg-on-error{background-color:var(--df-color-on-error, #ffffff)}.text-on-error{color:var(--df-color-on-error, #ffffff)}.border-on-error{border-color:var(--df-color-on-error, #ffffff)}.bg-error-container{background-color:var(--df-color-error-container, #f9dedc)}.text-error-container{color:var(--df-color-error-container, #f9dedc)}.border-error-container{border-color:var(--df-color-error-container, #f9dedc)}.bg-on-error-container{background-color:var(--df-color-on-error-container, #410e0b)}.text-on-error-container{color:var(--df-color-on-error-container, #410e0b)}.border-on-error-container{border-color:var(--df-color-on-error-container, #410e0b)}.bg-info{background-color:var(--df-color-info, #2196f3)}.text-info{color:var(--df-color-info, #2196f3)}.border-info{border-color:var(--df-color-info, #2196f3)}.bg-on-info{background-color:var(--df-color-on-info, #ffffff)}.text-on-info{color:var(--df-color-on-info, #ffffff)}.border-on-info{border-color:var(--df-color-on-info, #ffffff)}.bg-info-container{background-color:var(--df-color-info-container, #bbdefb)}.text-info-container{color:var(--df-color-info-container, #bbdefb)}.border-info-container{border-color:var(--df-color-info-container, #bbdefb)}.bg-on-info-container{background-color:var(--df-color-on-info-container, #0d47a1)}.text-on-info-container{color:var(--df-color-on-info-container, #0d47a1)}.border-on-info-container{border-color:var(--df-color-on-info-container, #0d47a1)}.bg-input{background-color:var(--df-color-input, #eaddff)}.text-input{color:var(--df-color-input, #eaddff)}.border-input{border-color:var(--df-color-input, #eaddff)}.bg-on-input{background-color:var(--df-color-on-input, #000000)}.text-on-input{color:var(--df-color-on-input, #000000)}.border-on-input{border-color:var(--df-color-on-input, #000000)}.bg-input-container{background-color:var(--df-color-input-container, #fffbfe)}.text-input-container{color:var(--df-color-input-container, #fffbfe)}.border-input-container{border-color:var(--df-color-input-container, #fffbfe)}.bg-on-input-container{background-color:var(--df-color-on-input-container, #1c1b1f)}.text-on-input-container{color:var(--df-color-on-input-container, #1c1b1f)}.border-on-input-container{border-color:var(--df-color-on-input-container, #1c1b1f)}.bg-grey{background-color:var(--df-color-grey, #79747e)}.text-grey{color:var(--df-color-grey, #79747e)}.border-grey{border-color:var(--df-color-grey, #79747e)}.bg-on-grey{background-color:var(--df-color-on-grey, #ffffff)}.text-on-grey{color:var(--df-color-on-grey, #ffffff)}.border-on-grey{border-color:var(--df-color-on-grey, #ffffff)}.bg-grey-container{background-color:var(--df-color-grey-container, #cac7d0)}.text-grey-container{color:var(--df-color-grey-container, #cac7d0)}.border-grey-container{border-color:var(--df-color-grey-container, #cac7d0)}.bg-on-grey-container{background-color:var(--df-color-on-grey-container, #1c1b1f)}.text-on-grey-container{color:var(--df-color-on-grey-container, #1c1b1f)}.border-on-grey-container{border-color:var(--df-color-on-grey-container, #1c1b1f)}.bg-disabled{background-color:var(--df-color-disabled, #e0e0e0)}.text-disabled{color:var(--df-color-disabled, #e0e0e0)}.border-disabled{border-color:var(--df-color-disabled, #e0e0e0)}.bg-on-disabled{background-color:var(--df-color-on-disabled, #9e9e9e)}.text-on-disabled{color:var(--df-color-on-disabled, #9e9e9e)}.border-on-disabled{border-color:var(--df-color-on-disabled, #9e9e9e)}.bg-disabled-container{background-color:var(--df-color-disabled-container, #ded8e1)}.text-disabled-container{color:var(--df-color-disabled-container, #ded8e1)}.border-disabled-container{border-color:var(--df-color-disabled-container, #ded8e1)}.bg-on-disabled-container{background-color:var(--df-color-on-disabled-container, #1c1b1f)}.text-on-disabled-container{color:var(--df-color-on-disabled-container, #1c1b1f)}.border-on-disabled-container{border-color:var(--df-color-on-disabled-container, #1c1b1f)}.bg-neutral{background-color:var(--df-color-neutral, #1c1b1f)}.text-neutral{color:var(--df-color-neutral, #1c1b1f)}.border-neutral{border-color:var(--df-color-neutral, #1c1b1f)}.bg-on-neutral{background-color:var(--df-color-on-neutral, #ffffff)}.text-on-neutral{color:var(--df-color-on-neutral, #ffffff)}.border-on-neutral{border-color:var(--df-color-on-neutral, #ffffff)}.bg-neutral-container{background-color:var(--df-color-neutral-container, #fffbfe)}.text-neutral-container{color:var(--df-color-neutral-container, #fffbfe)}.border-neutral-container{border-color:var(--df-color-neutral-container, #fffbfe)}.bg-on-neutral-container{background-color:var(--df-color-on-neutral-container, #1c1b1f)}.text-on-neutral-container{color:var(--df-color-on-neutral-container, #1c1b1f)}.border-on-neutral-container{border-color:var(--df-color-on-neutral-container, #1c1b1f)}.bg-neutral-variant{background-color:var(--df-color-neutral-variant, #49454e)}.text-neutral-variant{color:var(--df-color-neutral-variant, #49454e)}.border-neutral-variant{border-color:var(--df-color-neutral-variant, #49454e)}.bg-on-neutral-variant{background-color:var(--df-color-on-neutral-variant, #ffffff)}.text-on-neutral-variant{color:var(--df-color-on-neutral-variant, #ffffff)}.border-on-neutral-variant{border-color:var(--df-color-on-neutral-variant, #ffffff)}.bg-neutral-variant-container{background-color:var(--df-color-neutral-variant-container, #cac7d0)}.text-neutral-variant-container{color:var(--df-color-neutral-variant-container, #cac7d0)}.border-neutral-variant-container{border-color:var(--df-color-neutral-variant-container, #cac7d0)}.bg-on-neutral-variant-container{background-color:var(--df-color-on-neutral-variant-container, #1c1b1f)}.text-on-neutral-variant-container{color:var(--df-color-on-neutral-variant-container, #1c1b1f)}.border-on-neutral-variant-container{border-color:var(--df-color-on-neutral-variant-container, #1c1b1f)}.bg-background{background-color:var(--df-color-background, #fffbfe)}.text-background{color:var(--df-color-background, #fffbfe)}.border-background{border-color:var(--df-color-background, #fffbfe)}.bg-on-background{background-color:var(--df-color-on-background, #1c1b1f)}.text-on-background{color:var(--df-color-on-background, #1c1b1f)}.border-on-background{border-color:var(--df-color-on-background, #1c1b1f)}.bg-background-container{background-color:var(--df-color-background-container, #fffbfe)}.text-background-container{color:var(--df-color-background-container, #fffbfe)}.border-background-container{border-color:var(--df-color-background-container, #fffbfe)}.bg-on-background-container{background-color:var(--df-color-on-background-container, #1c1b1f)}.text-on-background-container{color:var(--df-color-on-background-container, #1c1b1f)}.border-on-background-container{border-color:var(--df-color-on-background-container, #1c1b1f)}.bg-surface{background-color:var(--df-color-surface, #fffbfe)}.text-surface{color:var(--df-color-surface, #fffbfe)}.border-surface{border-color:var(--df-color-surface, #fffbfe)}.bg-on-surface{background-color:var(--df-color-on-surface, #1c1b1f)}.text-on-surface{color:var(--df-color-on-surface, #1c1b1f)}.border-on-surface{border-color:var(--df-color-on-surface, #1c1b1f)}.bg-surface-container{background-color:var(--df-color-surface-container, #fffbfe)}.text-surface-container{color:var(--df-color-surface-container, #fffbfe)}.border-surface-container{border-color:var(--df-color-surface-container, #fffbfe)}.bg-on-surface-container{background-color:var(--df-color-on-surface-container, #1c1b1f)}.text-on-surface-container{color:var(--df-color-on-surface-container, #1c1b1f)}.border-on-surface-container{border-color:var(--df-color-on-surface-container, #1c1b1f)}.bg-surface-dim{background-color:var(--df-color-surface-dim, #ded8e1)}.text-surface-dim{color:var(--df-color-surface-dim, #ded8e1)}.border-surface-dim{border-color:var(--df-color-surface-dim, #ded8e1)}.bg-on-surface-dim{background-color:var(--df-color-on-surface-dim, #1c1b1f)}.text-on-surface-dim{color:var(--df-color-on-surface-dim, #1c1b1f)}.border-on-surface-dim{border-color:var(--df-color-on-surface-dim, #1c1b1f)}.bg-surface-dim-container{background-color:var(--df-color-surface-dim-container, #ded8e1)}.text-surface-dim-container{color:var(--df-color-surface-dim-container, #ded8e1)}.border-surface-dim-container{border-color:var(--df-color-surface-dim-container, #ded8e1)}.bg-on-surface-dim-container{background-color:var(--df-color-on-surface-dim-container, #1c1b1f)}.text-on-surface-dim-container{color:var(--df-color-on-surface-dim-container, #1c1b1f)}.border-on-surface-dim-container{border-color:var(--df-color-on-surface-dim-container, #1c1b1f)}.bg-surface-bright{background-color:var(--df-color-surface-bright, #fffbfe)}.text-surface-bright{color:var(--df-color-surface-bright, #fffbfe)}.border-surface-bright{border-color:var(--df-color-surface-bright, #fffbfe)}.bg-on-surface-bright{background-color:var(--df-color-on-surface-bright, #1c1b1f)}.text-on-surface-bright{color:var(--df-color-on-surface-bright, #1c1b1f)}.border-on-surface-bright{border-color:var(--df-color-on-surface-bright, #1c1b1f)}.bg-surface-bright-container{background-color:var(--df-color-surface-bright-container, #fffbfe)}.text-surface-bright-container{color:var(--df-color-surface-bright-container, #fffbfe)}.border-surface-bright-container{border-color:var(--df-color-surface-bright-container, #fffbfe)}.bg-on-surface-bright-container{background-color:var(--df-color-on-surface-bright-container, #1c1b1f)}.text-on-surface-bright-container{color:var(--df-color-on-surface-bright-container, #1c1b1f)}.border-on-surface-bright-container{border-color:var(--df-color-on-surface-bright-container, #1c1b1f)}.bg-on-surface-variant{background-color:var(--df-color-on-surface-variant, #49454e)}.text-on-surface-variant{color:var(--df-color-on-surface-variant, #49454e)}.border-on-surface-variant{border-color:var(--df-color-on-surface-variant, #49454e)}.bg-text{background-color:var(--df-color-text, #1c1b1f)}.text-text{color:var(--df-color-text, #1c1b1f)}.border-text{border-color:var(--df-color-text, #1c1b1f)}.bg-on-text{background-color:var(--df-color-on-text, #fffbfe)}.text-on-text{color:var(--df-color-on-text, #fffbfe)}.border-on-text{border-color:var(--df-color-on-text, #fffbfe)}.bg-text-container{background-color:var(--df-color-text-container, #fffbfe)}.text-text-container{color:var(--df-color-text-container, #fffbfe)}.border-text-container{border-color:var(--df-color-text-container, #fffbfe)}.bg-on-text-container{background-color:var(--df-color-on-text-container, #1c1b1f)}.text-on-text-container{color:var(--df-color-on-text-container, #1c1b1f)}.border-on-text-container{border-color:var(--df-color-on-text-container, #1c1b1f)}.bg-text-secondary{background-color:var(--df-color-text-secondary, #49454e)}.text-text-secondary{color:var(--df-color-text-secondary, #49454e)}.border-text-secondary{border-color:var(--df-color-text-secondary, #49454e)}.bg-on-text-secondary{background-color:var(--df-color-on-text-secondary, #fffbfe)}.text-on-text-secondary{color:var(--df-color-on-text-secondary, #fffbfe)}.border-on-text-secondary{border-color:var(--df-color-on-text-secondary, #fffbfe)}.bg-text-secondary-container{background-color:var(--df-color-text-secondary-container, #fffbfe)}.text-text-secondary-container{color:var(--df-color-text-secondary-container, #fffbfe)}.border-text-secondary-container{border-color:var(--df-color-text-secondary-container, #fffbfe)}.bg-on-text-secondary-container{background-color:var(--df-color-on-text-secondary-container, #1c1b1f)}.text-on-text-secondary-container{color:var(--df-color-on-text-secondary-container, #1c1b1f)}.border-on-text-secondary-container{border-color:var(--df-color-on-text-secondary-container, #1c1b1f)}.bg-text-tertiary{background-color:var(--df-color-text-tertiary, #79747e)}.text-text-tertiary{color:var(--df-color-text-tertiary, #79747e)}.border-text-tertiary{border-color:var(--df-color-text-tertiary, #79747e)}.bg-on-text-tertiary{background-color:var(--df-color-on-text-tertiary, #fffbfe)}.text-on-text-tertiary{color:var(--df-color-on-text-tertiary, #fffbfe)}.border-on-text-tertiary{border-color:var(--df-color-on-text-tertiary, #fffbfe)}.bg-text-tertiary-container{background-color:var(--df-color-text-tertiary-container, #fffbfe)}.text-text-tertiary-container{color:var(--df-color-text-tertiary-container, #fffbfe)}.border-text-tertiary-container{border-color:var(--df-color-text-tertiary-container, #fffbfe)}.bg-on-text-tertiary-container{background-color:var(--df-color-on-text-tertiary-container, #1c1b1f)}.text-on-text-tertiary-container{color:var(--df-color-on-text-tertiary-container, #1c1b1f)}.border-on-text-tertiary-container{border-color:var(--df-color-on-text-tertiary-container, #1c1b1f)}.bg-outline{background-color:var(--df-color-outline, #79747e)}.text-outline{color:var(--df-color-outline, #79747e)}.border-outline{border-color:var(--df-color-outline, #79747e)}.bg-on-outline{background-color:var(--df-color-on-outline, #1c1b1f)}.text-on-outline{color:var(--df-color-on-outline, #1c1b1f)}.border-on-outline{border-color:var(--df-color-on-outline, #1c1b1f)}.bg-outline-container{background-color:var(--df-color-outline-container, #ded8e1)}.text-outline-container{color:var(--df-color-outline-container, #ded8e1)}.border-outline-container{border-color:var(--df-color-outline-container, #ded8e1)}.bg-on-outline-container{background-color:var(--df-color-on-outline-container, #1c1b1f)}.text-on-outline-container{color:var(--df-color-on-outline-container, #1c1b1f)}.border-on-outline-container{border-color:var(--df-color-on-outline-container, #1c1b1f)}.bg-outline-variant{background-color:var(--df-color-outline-variant, #cac7d0)}.text-outline-variant{color:var(--df-color-outline-variant, #cac7d0)}.border-outline-variant{border-color:var(--df-color-outline-variant, #cac7d0)}.bg-on-outline-variant{background-color:var(--df-color-on-outline-variant, #1c1b1f)}.text-on-outline-variant{color:var(--df-color-on-outline-variant, #1c1b1f)}.border-on-outline-variant{border-color:var(--df-color-on-outline-variant, #1c1b1f)}.bg-outline-variant-container{background-color:var(--df-color-outline-variant-container, #ded8e1)}.text-outline-variant-container{color:var(--df-color-outline-variant-container, #ded8e1)}.border-outline-variant-container{border-color:var(--df-color-outline-variant-container, #ded8e1)}.bg-on-outline-variant-container{background-color:var(--df-color-on-outline-variant-container, #1c1b1f)}.text-on-outline-variant-container{color:var(--df-color-on-outline-variant-container, #1c1b1f)}.border-on-outline-variant-container{border-color:var(--df-color-on-outline-variant-container, #1c1b1f)}.bg-white{background-color:var(--df-color-white, #ffffff)}.text-white{color:var(--df-color-white, #ffffff)}.border-white{border-color:var(--df-color-white, #ffffff)}.bg-on-white{background-color:var(--df-color-on-white, #000000)}.text-on-white{color:var(--df-color-on-white, #000000)}.border-on-white{border-color:var(--df-color-on-white, #000000)}.bg-white-container{background-color:var(--df-color-white-container, #fffbfe)}.text-white-container{color:var(--df-color-white-container, #fffbfe)}.border-white-container{border-color:var(--df-color-white-container, #fffbfe)}.bg-on-white-container{background-color:var(--df-color-on-white-container, #1c1b1f)}.text-on-white-container{color:var(--df-color-on-white-container, #1c1b1f)}.border-on-white-container{border-color:var(--df-color-on-white-container, #1c1b1f)}.bg-black{background-color:var(--df-color-black, #000000)}.text-black{color:var(--df-color-black, #000000)}.border-black{border-color:var(--df-color-black, #000000)}.bg-on-black{background-color:var(--df-color-on-black, #ffffff)}.text-on-black{color:var(--df-color-on-black, #ffffff)}.border-on-black{border-color:var(--df-color-on-black, #ffffff)}.bg-black-container{background-color:var(--df-color-black-container, #1c1b1f)}.text-black-container{color:var(--df-color-black-container, #1c1b1f)}.border-black-container{border-color:var(--df-color-black-container, #1c1b1f)}.bg-on-black-container{background-color:var(--df-color-on-black-container, #ffffff)}.text-on-black-container{color:var(--df-color-on-black-container, #ffffff)}.border-on-black-container{border-color:var(--df-color-on-black-container, #ffffff)}.v-icon{overflow:hidden;align-items:center;display:inline-flex;font-feature-settings:"liga";justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;transition:.3s cubic-bezier(.25,.8,.5,1),visibility 0s;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;opacity:1}.v-icon--size-x-small{font-size:var(--df-icon-font-size-x-small)}.v-icon--size-x-small .v-icon__svg{height:var(--df-icon-font-size-x-small);width:var(--df-icon-font-size-x-small)}.v-icon--size-small{font-size:var(--df-icon-font-size-small)}.v-icon--size-small .v-icon__svg{height:var(--df-icon-font-size-small);width:var(--df-icon-font-size-small)}.v-icon--size-default{font-size:var(--df-icon-font-size-default)}.v-icon--size-default .v-icon__svg{height:var(--df-icon-font-size-default);width:var(--df-icon-font-size-default)}.v-icon--size-large{font-size:var(--df-icon-font-size-large)}.v-icon--size-large .v-icon__svg{height:var(--df-icon-font-size-large);width:var(--df-icon-font-size-large)}.v-icon--size-x-large{font-size:var(--df-icon-font-size-x-large)}.v-icon--size-x-large .v-icon__svg{height:var(--df-icon-font-size-x-large);width:var(--df-icon-font-size-x-large)}.v-icon--disabled{pointer-events:none}.v-btn{border:none;align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;cursor:pointer;position:relative;padding:0 1em;min-width:4em;box-shadow:var(--df-btn-shadow, 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12));height:var(--df-btn-height, var(--df-btn-height-default, unset));font-size:var(--df-btn-font-size, var(--df-btn-font-size-default, inherit));font-weight:var(--df-btn-font-weight);letter-spacing:var(--df-btn-letter-spacing);text-transform:var(--df-btn-text-transform);transition-duration:var(--df-btn-transition-duration);border-radius:var(--df-btn-border-radius);font-family:var(--df-font-family);background-color:var(--df-btn-bg-color);color:var(--df-btn-text-color);border-color:var(--df-btn-border-color)}.v-btn .v-icon__svg{fill:currentColor}.v-btn__content{line-height:initial;flex-direction:column}.v-btn{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition-property:box-shadow,transform,opacity,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap}.v-btn:before{content:"";background-color:currentColor;border-radius:inherit;opacity:0;inset:0;color:inherit;pointer-events:none;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.6,1)}.v-btn:focus,.v-btn:active{text-decoration:none}.v-btn:active:not(.v-btn--text):not(.v-btn--depressed):not(.v-btn--disabled){transform:translateY(1px);box-shadow:var(--df-btn-shadow-active, 0 1px 2px 0 rgba(0, 0, 0, .18))}.v-btn.v-btn--icon,.v-btn.v-btn--fab{padding:0;min-width:0;border-radius:50%}.v-btn--depressed,.v-btn--disabled,.v-btn--text{box-shadow:none}.v-btn--block:not(.v-btn--fab):not(.v-btn--icon){display:flex;flex:1 0 auto;min-width:100%!important}.v-btn--outlined{border:1px solid var(--df-btn-bg-color, var(--df-color-primary));color:var(--df-btn-bg-color, var(--df-color-primary));background-color:transparent}.v-btn--text{background-color:transparent;color:var(--df-btn-bg-color, var(--df-color-primary));box-shadow:none}.v-btn--stacked{flex-direction:column}.v-btn--stacked .v-btn__prepend{margin:0 0 .25rem}.v-btn--stacked .v-btn__append{margin:.25rem 0 0}.v-btn--icon{background-color:transparent;padding:0}.v-btn--fab{border-radius:100%}.v-btn--fab .v-btn__content,.v-btn--icon .v-btn__content{display:flex;justify-content:center;align-items:center}.v-btn--loading{pointer-events:none}.v-btn--loading .v-btn__content,.v-btn--loading .v-btn__append,.v-btn--loading .v-btn__prepend{opacity:0}.v-btn--disabled{pointer-events:none;cursor:not-allowed}.v-btn__loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.v-btn:focus:before{opacity:var(--df-btn-state-focus, .1)}.v-btn:hover:before{opacity:var(--df-btn-state-hover, .1)}.v-btn:active:before{opacity:var(--df-btn-state-active, .1)}.v-btn--size-x-small{height:var(--df-btn-height, var(--df-btn-height-x-small));font-size:var(--df-btn-font-size, var(--df-btn-font-size-x-small))}.v-btn--size-x-small.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-x-small));width:var(--df-btn-height, var(--df-fab-height-x-small));font-size:var(--df-btn-font-size, var(--df-fab-font-size-x-small))}.v-btn--size-x-small.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-x-small))}.v-btn--size-x-small.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-x-small))}.v-btn--size-small{height:var(--df-btn-height, var(--df-btn-height-small));font-size:var(--df-btn-font-size, var(--df-btn-font-size-small))}.v-btn--size-small.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-small));width:var(--df-btn-height, var(--df-fab-height-small));font-size:var(--df-btn-font-size, var(--df-fab-font-size-small))}.v-btn--size-small.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-small))}.v-btn--size-small.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-small))}.v-btn--size-default{height:var(--df-btn-height, var(--df-btn-height-default));font-size:var(--df-btn-font-size, var(--df-btn-font-size-default))}.v-btn--size-default.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-default));width:var(--df-btn-height, var(--df-fab-height-default));font-size:var(--df-btn-font-size, var(--df-fab-font-size-default))}.v-btn--size-default.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-default))}.v-btn--size-default.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-default))}.v-btn--size-large{height:var(--df-btn-height, var(--df-btn-height-large));font-size:var(--df-btn-font-size, var(--df-btn-font-size-large))}.v-btn--size-large.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-large));width:var(--df-btn-height, var(--df-fab-height-large));font-size:var(--df-btn-font-size, var(--df-fab-font-size-large))}.v-btn--size-large.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-large))}.v-btn--size-large.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-large))}.v-btn--size-x-large{height:var(--df-btn-height, var(--df-btn-height-x-large));font-size:var(--df-btn-font-size, var(--df-btn-font-size-x-large))}.v-btn--size-x-large.v-btn--fab{height:var(--df-btn-height, var(--df-fab-height-x-large));width:var(--df-btn-height, var(--df-fab-height-x-large));font-size:var(--df-btn-font-size, var(--df-fab-font-size-x-large))}.v-btn--size-x-large.v-btn--icon{width:var(--df-btn-height, var(--df-btn-height-x-large))}.v-btn--size-x-large.v-btn--stacked{height:var(--df-btn-height, var(--df-stacked-height-x-large))}.v-btn__prepend{margin-right:var(--df-btn-icon-spacing, .5rem)}.v-btn__append{margin-left:var(--df-btn-icon-spacing, .5rem)}
|
package/package.json
CHANGED
|
@@ -1,52 +1,48 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "dashforge-ui",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"private": false,
|
|
5
|
-
"description": "Dashboard-focused Vue 3 UI framework skeleton (TypeScript, Vite, SCSS, theming)",
|
|
6
|
-
"main": "dist/index.umd.js",
|
|
7
|
-
"module": "dist/index.es.js",
|
|
8
|
-
"types": "dist/index.d.ts",
|
|
9
|
-
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
],
|
|
12
|
-
"scripts": {
|
|
13
|
-
"dev": "vite",
|
|
14
|
-
"build:lib": "vite build",
|
|
15
|
-
"play": "vite --config playground/vite.config.ts",
|
|
16
|
-
"typecheck": "vue-tsc --noEmit",
|
|
17
|
-
"test": "vitest",
|
|
18
|
-
"test:run": "vitest --run",
|
|
19
|
-
"gen:docs": "node scripts/generate-docs.mjs",
|
|
20
|
-
"gen:utils": "node scripts/generate-utility-classes.mjs"
|
|
21
|
-
},
|
|
22
|
-
"keywords": [
|
|
23
|
-
"vue",
|
|
24
|
-
"ui",
|
|
25
|
-
"dashboard",
|
|
26
|
-
"theme",
|
|
27
|
-
"vite",
|
|
28
|
-
"typescript"
|
|
29
|
-
],
|
|
30
|
-
"author": "
|
|
31
|
-
"license": "MIT",
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"vue": "^3.
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"vue": "^3.2.0"
|
|
50
|
-
},
|
|
51
|
-
"type": "module"
|
|
52
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "dashforge-ui",
|
|
3
|
+
"version": "0.1.50",
|
|
4
|
+
"private": false,
|
|
5
|
+
"description": "Dashboard-focused Vue 3 UI framework skeleton (TypeScript, Vite, SCSS, theming)",
|
|
6
|
+
"main": "dist/index.umd.js",
|
|
7
|
+
"module": "dist/index.es.js",
|
|
8
|
+
"types": "dist/index.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"scripts": {
|
|
13
|
+
"dev": "vite",
|
|
14
|
+
"build:lib": "vite build",
|
|
15
|
+
"play": "vite --config playground/vite.config.ts",
|
|
16
|
+
"typecheck": "vue-tsc --noEmit",
|
|
17
|
+
"test": "vitest",
|
|
18
|
+
"test:run": "vitest --run",
|
|
19
|
+
"gen:docs": "node scripts/generate-docs.mjs",
|
|
20
|
+
"gen:utils": "node scripts/generate-utility-classes.mjs"
|
|
21
|
+
},
|
|
22
|
+
"keywords": [
|
|
23
|
+
"vue",
|
|
24
|
+
"ui",
|
|
25
|
+
"dashboard",
|
|
26
|
+
"theme",
|
|
27
|
+
"vite",
|
|
28
|
+
"typescript"
|
|
29
|
+
],
|
|
30
|
+
"author": "",
|
|
31
|
+
"license": "MIT",
|
|
32
|
+
"devDependencies": {
|
|
33
|
+
"@types/node": "^20.0.0",
|
|
34
|
+
"@vitejs/plugin-vue": "^6.0.4",
|
|
35
|
+
"@vue/test-utils": "^2.4.6",
|
|
36
|
+
"jsdom": "^28.1.0",
|
|
37
|
+
"sass": "^1.97.3",
|
|
38
|
+
"typescript": "^5.5.4",
|
|
39
|
+
"vite": "^7.3.1",
|
|
40
|
+
"vitest": "^1.3.0",
|
|
41
|
+
"vue": "^3.4.0",
|
|
42
|
+
"vue-tsc": "^2.1.10"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"vue": "^3.2.0"
|
|
46
|
+
},
|
|
47
|
+
"type": "module"
|
|
48
|
+
}
|
package/dist/index.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export { createDashboardUI, DashboardUIKey, useDashboardUI, type DashboardUIOptions } from './plugin/createDashboardUI';
|
|
2
|
-
export { useTheme } from './composables/useTheme';
|
|
3
|
-
export type { Size, ColorKey } from './types/common';
|
|
4
|
-
export * from './types/theme';
|
|
5
|
-
export * from './types/button';
|
|
6
|
-
export * from './types/icon';
|
|
7
|
-
export * from './theme/tokens/index';
|
|
8
|
-
export { createColorPalette } from './theme/tokens/types';
|
|
9
|
-
export { lightTheme, darkTheme } from './theme/themes';
|
|
10
|
-
export { mergeThemes, generateCSSVars, applyTheme, generateUtilityClasses } from './theme/themeEngine';
|
|
11
|
-
export { createTheme, createDarkTheme } from './theme/createTheme';
|
|
12
|
-
export { iconFactory } from './icons';
|
|
13
|
-
export { default as VButton } from './components/VButton';
|
|
14
|
-
export { default as VIcon } from './components/VIcon';
|
|
15
|
-
export { useUtils } from './composables/utils';
|
|
16
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
-
theme: import("vue").Ref<"light" | "dark" | "custom", "light" | "dark" | "custom">;
|
|
3
|
-
onThemeChange: () => void;
|
|
4
|
-
onClick: () => void;
|
|
5
|
-
arrowLeft: import("../src").IconPath;
|
|
6
|
-
arrowRight: import("../src").IconPath;
|
|
7
|
-
arrowDown: import("../src").IconPath;
|
|
8
|
-
arrowUp: import("../src").IconPath;
|
|
9
|
-
chevronDown: import("../src").IconPath;
|
|
10
|
-
clear: import("../src").IconPath;
|
|
11
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
|
|
12
|
-
VButton: {
|
|
13
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../src").ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
14
|
-
ripple: boolean;
|
|
15
|
-
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
16
|
-
P: {};
|
|
17
|
-
B: {};
|
|
18
|
-
D: {};
|
|
19
|
-
C: {};
|
|
20
|
-
M: {};
|
|
21
|
-
Defaults: {};
|
|
22
|
-
}, Readonly<import("../src").ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
23
|
-
ripple: boolean;
|
|
24
|
-
}>;
|
|
25
|
-
__isFragment?: never;
|
|
26
|
-
__isTeleport?: never;
|
|
27
|
-
__isSuspense?: never;
|
|
28
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../src").ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
29
|
-
ripple: boolean;
|
|
30
|
-
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
31
|
-
$slots: {
|
|
32
|
-
loading?: (props: {}) => any;
|
|
33
|
-
} & {
|
|
34
|
-
default?: (props: {}) => any;
|
|
35
|
-
};
|
|
36
|
-
});
|
|
37
|
-
VIcon: {
|
|
38
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../src").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
39
|
-
viewBox: string;
|
|
40
|
-
size: import("../src").Size;
|
|
41
|
-
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
42
|
-
P: {};
|
|
43
|
-
B: {};
|
|
44
|
-
D: {};
|
|
45
|
-
C: {};
|
|
46
|
-
M: {};
|
|
47
|
-
Defaults: {};
|
|
48
|
-
}, Readonly<import("../src").IconProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
49
|
-
viewBox: string;
|
|
50
|
-
size: import("../src").Size;
|
|
51
|
-
}>;
|
|
52
|
-
__isFragment?: never;
|
|
53
|
-
__isTeleport?: never;
|
|
54
|
-
__isSuspense?: never;
|
|
55
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../src").IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
56
|
-
viewBox: string;
|
|
57
|
-
size: import("../src").Size;
|
|
58
|
-
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
59
|
-
$slots: {
|
|
60
|
-
default?: (props: {}) => any;
|
|
61
|
-
};
|
|
62
|
-
});
|
|
63
|
-
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
64
|
-
export default _default;
|
|
65
|
-
//# sourceMappingURL=App.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../playground/App.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+LA,wBAiCG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../playground/main.ts"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../playground/vite.config.ts"],"names":[],"mappings":";AAIA,wBAQE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VButton.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/VButton/VButton.spec.ts"],"names":[],"mappings":""}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ButtonProps } from "@/types/button";
|
|
2
|
-
declare var __VLS_6: {}, __VLS_11: {};
|
|
3
|
-
type __VLS_Slots = {} & {
|
|
4
|
-
loading?: (props: typeof __VLS_6) => any;
|
|
5
|
-
} & {
|
|
6
|
-
default?: (props: typeof __VLS_11) => any;
|
|
7
|
-
};
|
|
8
|
-
declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
|
|
9
|
-
ripple: boolean;
|
|
10
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
-
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
12
|
-
export default _default;
|
|
13
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
-
new (): {
|
|
15
|
-
$slots: S;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=VButton.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/VButton/VButton.vue"],"names":[],"mappings":"AA2KA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAwO/D,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA6BhD,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/VButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AAOnC,eAAe,OAAO,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { IconProps } from "@/types/icon";
|
|
2
|
-
import type { Size } from "@/types/common";
|
|
3
|
-
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {
|
|
4
|
-
viewBox: string;
|
|
5
|
-
size: Size;
|
|
6
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
7
|
-
default?: (props: {}) => any;
|
|
8
|
-
}>;
|
|
9
|
-
export default _default;
|
|
10
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
11
|
-
new (): {
|
|
12
|
-
$slots: S;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=VIcon.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/VIcon/VIcon.vue"],"names":[],"mappings":"AAkFA,OAAO,KAAK,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;;;;;cAyG7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;AArG5C,wBA2IK;AAaL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/VIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,aAAa,CAAA;AAO/B,eAAe,KAAK,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAKpD,wBAAgB,QAAQ;;sBAGG,KAAK,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM;EAmBjE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/composables/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ;oBACC,GAAG,KAAG,OAAO;EAOrC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
interface El extends HTMLElement {
|
|
2
|
-
__rippleHandler__?: (e: MouseEvent | KeyboardEvent) => void;
|
|
3
|
-
}
|
|
4
|
-
export interface RippleBinding {
|
|
5
|
-
color?: string;
|
|
6
|
-
event?: "pointerdown" | "mousedown" | "click" | "keydown";
|
|
7
|
-
center?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
duration?: number;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Directiva ripple para Vue
|
|
13
|
-
* Soporta mouse, pointer y teclado
|
|
14
|
-
*/
|
|
15
|
-
export declare const ripple: {
|
|
16
|
-
mounted(el: El, binding?: Record<"value", RippleBinding>): void;
|
|
17
|
-
updated(el: El, binding?: Record<"value", RippleBinding>): void;
|
|
18
|
-
unmounted(el: El, binding: Record<string, any>): void;
|
|
19
|
-
};
|
|
20
|
-
export default ripple;
|
|
21
|
-
//# sourceMappingURL=ripple.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/directives/ripple.ts"],"names":[],"mappings":"AACA,UAAU,EAAG,SAAQ,WAAW;IAC9B,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA8DD;;;GAGG;AACH,eAAO,MAAM,MAAM;gBACL,EAAE,YAAY,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC;gBAgB5C,EAAE,YAAY,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC;kBAoB1C,EAAE,WAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAU/C,CAAC;AAGF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/icons/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAmBhD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/src/index.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export { createDashboardUI, DashboardUIKey, useDashboardUI, type DashboardUIOptions } from './plugin/createDashboardUI';
|
|
2
|
-
export { useTheme } from './composables/useTheme';
|
|
3
|
-
export type { Size, ColorKey } from './types/common';
|
|
4
|
-
export * from './types/theme';
|
|
5
|
-
export * from './types/button';
|
|
6
|
-
export * from './types/icon';
|
|
7
|
-
export * from './theme/tokens/index';
|
|
8
|
-
export { createColorPalette } from './theme/tokens/types';
|
|
9
|
-
export { lightTheme, darkTheme } from './theme/themes';
|
|
10
|
-
export { mergeThemes, generateCSSVars, applyTheme, generateUtilityClasses } from './theme/themeEngine';
|
|
11
|
-
export { createTheme, createDarkTheme } from './theme/createTheme';
|
|
12
|
-
export { iconFactory } from './icons';
|
|
13
|
-
export { default as VButton } from './components/VButton';
|
|
14
|
-
export { default as VIcon } from './components/VIcon';
|
|
15
|
-
export { useUtils } from './composables/utils';
|
|
16
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACvH,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACtG,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Plugin } from 'vue';
|
|
2
|
-
import { Theme, PartialTheme } from '../types/theme';
|
|
3
|
-
export interface DashboardUIOptions {
|
|
4
|
-
theme?: PartialTheme | 'light' | 'dark';
|
|
5
|
-
/**
|
|
6
|
-
* Automatically generate utility classes (.bg-*, .text-*, .border-*) for custom theme colors
|
|
7
|
-
* @default false
|
|
8
|
-
*/
|
|
9
|
-
generateUtilities?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export type DashboardUIState = {
|
|
12
|
-
theme: Theme;
|
|
13
|
-
generateUtilities: boolean;
|
|
14
|
-
};
|
|
15
|
-
export declare const DashboardUIKey: unique symbol;
|
|
16
|
-
export declare function createDashboardUI(options?: DashboardUIOptions): Plugin;
|
|
17
|
-
export declare function useDashboardUI(): DashboardUIState;
|
|
18
|
-
//# sourceMappingURL=createDashboardUI.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createDashboardUI.d.ts","sourceRoot":"","sources":["../../../src/plugin/createDashboardUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA6B,MAAM,KAAK,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAIpD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAA;IACZ,iBAAiB,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,cAAc,eAAwB,CAAA;AAEnD,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAoB1E;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAIjD"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Theme Creation Helper
|
|
3
|
-
* Simplifies custom theme creation with sensible defaults
|
|
4
|
-
*/
|
|
5
|
-
import { Theme, PartialTheme } from '../types/theme';
|
|
6
|
-
/**
|
|
7
|
-
* Creates a custom theme with default fallbacks
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```ts
|
|
11
|
-
* import { createTheme } from 'dashforge-ui'
|
|
12
|
-
*
|
|
13
|
-
* const myTheme = createTheme({
|
|
14
|
-
* name: 'my-brand',
|
|
15
|
-
* colors: {
|
|
16
|
-
* primary: '#ff6b35',
|
|
17
|
-
* 'on-primary': '#ffffff',
|
|
18
|
-
* 'primary-container': '#ffd4c4',
|
|
19
|
-
* 'on-primary-container': '#4a0000'
|
|
20
|
-
* }
|
|
21
|
-
* })
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare function createTheme(config: PartialTheme, baseTheme?: Theme): Theme;
|
|
25
|
-
/**
|
|
26
|
-
* Creates a theme based on dark theme defaults
|
|
27
|
-
*
|
|
28
|
-
* @example
|
|
29
|
-
* ```ts
|
|
30
|
-
* import { createDarkTheme } from 'dashforge-ui'
|
|
31
|
-
*
|
|
32
|
-
* const myDarkTheme = createDarkTheme({
|
|
33
|
-
* name: 'my-dark-brand',
|
|
34
|
-
* colors: {
|
|
35
|
-
* primary: '#a0d8ff'
|
|
36
|
-
* }
|
|
37
|
-
* })
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
export declare function createDarkTheme(config: PartialTheme): Theme;
|
|
41
|
-
//# sourceMappingURL=createTheme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/createTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAIpD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,GAAE,KAAkB,GAAG,KAAK,CAgBtF;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAE3D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createTheme.spec.d.ts","sourceRoot":"","sources":["../../../src/theme/createTheme.spec.ts"],"names":[],"mappings":""}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Theme, PartialTheme } from '../types/theme';
|
|
2
|
-
export declare function mergeThemes(base: Theme, partial: PartialTheme): Theme;
|
|
3
|
-
export declare function generateCSSVars(theme: Theme): Record<string, string>;
|
|
4
|
-
/**
|
|
5
|
-
* Generates utility classes dynamically for custom theme colors
|
|
6
|
-
* Creates .bg-*, .text-*, and .border-* classes for each color in the theme
|
|
7
|
-
*
|
|
8
|
-
* @param theme - Theme object with colors
|
|
9
|
-
* @param options - Configuration options
|
|
10
|
-
* @returns void
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```ts
|
|
14
|
-
* const customTheme = createTheme({
|
|
15
|
-
* colors: { brand: '#ff6b35' }
|
|
16
|
-
* })
|
|
17
|
-
* applyTheme(customTheme) // Automatically generates .bg-brand, .text-brand, etc.
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare function generateUtilityClasses(theme: Theme, options?: {
|
|
21
|
-
replace?: boolean;
|
|
22
|
-
}): void;
|
|
23
|
-
export declare function applyTheme(theme: Theme, options?: {
|
|
24
|
-
generateUtilities?: boolean;
|
|
25
|
-
}): void;
|
|
26
|
-
//# sourceMappingURL=themeEngine.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeEngine.d.ts","sourceRoot":"","sources":["../../../src/theme/themeEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAKpD,wBAAgB,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,CA0BrE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiDpE;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,QAuCvF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE;IAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAO,QAcrF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeEngine.spec.d.ts","sourceRoot":"","sources":["../../../src/theme/themeEngine.spec.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/theme/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAQtC,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Color Tokens
|
|
3
|
-
* Material Design 3 color system with light and dark variants
|
|
4
|
-
*/
|
|
5
|
-
import type { ColorPalette } from './types';
|
|
6
|
-
export declare const lightColors: ColorPalette;
|
|
7
|
-
export declare const darkColors: ColorPalette;
|
|
8
|
-
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,eAAO,MAAM,WAAW,EAAE,YA0FxB,CAAA;AAEF,eAAO,MAAM,UAAU,EAAE,YA0FvB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/components/button.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,eAAO,MAAM,GAAG,EAAE,YA+BjB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/components/icon.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,eAAO,MAAM,IAAI,EAAE,UAUlB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/elevation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,SAAS,EAAE,eAWd,CAAA"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Material Design 3 Tokens
|
|
3
|
-
* Source of truth for design system values
|
|
4
|
-
* Generated from Material Design 3 specifications
|
|
5
|
-
*/
|
|
6
|
-
export declare const materialTokens: {
|
|
7
|
-
readonly light: import("./types").ColorPalette;
|
|
8
|
-
readonly dark: import("./types").ColorPalette;
|
|
9
|
-
readonly spacing: import("./types").SpacingTokens;
|
|
10
|
-
readonly typography: import("./types").TypographyTokens;
|
|
11
|
-
readonly shape: import("./types").ShapeTokens;
|
|
12
|
-
readonly elevation: import("./types").ElevationTokens;
|
|
13
|
-
readonly btn: import("./types").ButtonTokens;
|
|
14
|
-
readonly icon: import("./types").IconTokens;
|
|
15
|
-
readonly fontFamily: {
|
|
16
|
-
readonly body: "Roboto, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif";
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default materialTokens;
|
|
20
|
-
export { lightColors, darkColors } from './colors';
|
|
21
|
-
export { spacing } from './spacing';
|
|
22
|
-
export { typography } from './typography';
|
|
23
|
-
export { shape } from './shape';
|
|
24
|
-
export { elevation } from './elevation';
|
|
25
|
-
export { btn, icon } from './components/index';
|
|
26
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYjB,CAAA;AAEV,eAAe,cAAc,CAAA;AAG7B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shape.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/shape.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,KAAK,EAAE,WAQV,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,aAOZ,CAAA"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tipos compartidos para los tokens del design system
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* Color Palette - Estructura flexible y tipada
|
|
6
|
-
*
|
|
7
|
-
* Todos los colores tienen la misma estructura simples valores hex.
|
|
8
|
-
* Para cada color base, debe haber:
|
|
9
|
-
* - colorName: string
|
|
10
|
-
* - on-colorName: string
|
|
11
|
-
* - colorName-container: string
|
|
12
|
-
* - on-colorName-container: string
|
|
13
|
-
*
|
|
14
|
-
* Ejemplo:
|
|
15
|
-
* {
|
|
16
|
-
* primary: '#00af67',
|
|
17
|
-
* 'on-primary': '#ffffff',
|
|
18
|
-
* 'primary-container': '#b1f5db',
|
|
19
|
-
* 'on-primary-container': '#00291b',
|
|
20
|
-
* }
|
|
21
|
-
*
|
|
22
|
-
* El usuario puede definir colores personalizados sin limitarse a nombres predefinidos
|
|
23
|
-
*/
|
|
24
|
-
export type ColorPalette = Record<string, string>;
|
|
25
|
-
/**
|
|
26
|
-
* Helper function para crear y validar paletas de color
|
|
27
|
-
* Asegura la estructura correcta sin restringir nombres de colores
|
|
28
|
-
*/
|
|
29
|
-
export declare function createColorPalette<T extends ColorPalette>(palette: T): T;
|
|
30
|
-
export type SpacingTokens = {
|
|
31
|
-
xs: string;
|
|
32
|
-
sm: string;
|
|
33
|
-
md: string;
|
|
34
|
-
lg: string;
|
|
35
|
-
xl: string;
|
|
36
|
-
'2xl': string;
|
|
37
|
-
};
|
|
38
|
-
export type TypographyToken = {
|
|
39
|
-
fontSize: string;
|
|
40
|
-
fontWeight: number;
|
|
41
|
-
lineHeight: string;
|
|
42
|
-
letterSpacing: string;
|
|
43
|
-
};
|
|
44
|
-
export type TypographyTokens = Record<'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-large' | 'body-medium' | 'body-small' | 'label-large' | 'label-medium' | 'label-small', TypographyToken>;
|
|
45
|
-
export type ShapeTokens = Record<'corner-none' | 'corner-extra-small' | 'corner-small' | 'corner-medium' | 'corner-large' | 'corner-extra-large' | 'corner-full', string>;
|
|
46
|
-
export type ElevationTokens = Record<'level-0' | 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5', string>;
|
|
47
|
-
export type ButtonStates = {
|
|
48
|
-
focus: number;
|
|
49
|
-
hover: number;
|
|
50
|
-
active: number;
|
|
51
|
-
};
|
|
52
|
-
export type ButtonFontSizes = Record<'x-small' | 'small' | 'default' | 'large' | 'x-large', string>;
|
|
53
|
-
export type ButtonHeights = Record<'x-small' | 'small' | 'default' | 'large' | 'x-large', string>;
|
|
54
|
-
export type ButtonTokens = {
|
|
55
|
-
states: ButtonStates;
|
|
56
|
-
fontSizes: ButtonFontSizes;
|
|
57
|
-
height: ButtonHeights;
|
|
58
|
-
borderRadius: string;
|
|
59
|
-
roundedBorderRadius: string;
|
|
60
|
-
borderStyle: string;
|
|
61
|
-
borderWidth: string;
|
|
62
|
-
fontWeight: number;
|
|
63
|
-
letterSpacing: string;
|
|
64
|
-
textTransform: string;
|
|
65
|
-
transitionDuration: string;
|
|
66
|
-
};
|
|
67
|
-
export type IconFontSizes = Record<'x-small' | 'small' | 'default' | 'large' | 'x-large', string>;
|
|
68
|
-
export type IconTokens = {
|
|
69
|
-
class: string;
|
|
70
|
-
prefix: string;
|
|
71
|
-
fontSizes: IconFontSizes;
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEjD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAwBxE;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACjC,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,cAAc,GACd,aAAa,EACf,eAAe,CAChB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAC5B,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,cAAc,GACd,oBAAoB,GACpB,aAAa,EACf,MAAM,CACP,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,CAClC,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,EACrE,MAAM,CACP,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,CAClC,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,EACrD,MAAM,CACP,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAChC,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,EACrD,MAAM,CACP,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,SAAS,EAAE,eAAe,CAAA;IAC1B,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAChC,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,EACrD,MAAM,CACP,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,aAAa,CAAA;CACzB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,UAAU,EAAE,gBA2Ff,CAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { Size } from './common';
|
|
2
|
-
import type { IconPath } from './icon';
|
|
3
|
-
export type ButtonSize = Size;
|
|
4
|
-
export type ButtonClassKeys = "stacked" | "disabled" | "loading" | "fab" | "depressed" | "text" | "outlined" | "block" | "rounded" | "icon";
|
|
5
|
-
export interface ButtonProps {
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
link?: boolean;
|
|
8
|
-
appendIcon?: Array<IconPath> | IconPath | string;
|
|
9
|
-
prependIcon?: Array<IconPath> | IconPath | string;
|
|
10
|
-
ripple?: boolean;
|
|
11
|
-
loading?: boolean;
|
|
12
|
-
color?: string;
|
|
13
|
-
fab?: boolean;
|
|
14
|
-
depressed?: boolean;
|
|
15
|
-
text?: boolean;
|
|
16
|
-
outlined?: boolean;
|
|
17
|
-
block?: boolean;
|
|
18
|
-
size?: Size;
|
|
19
|
-
type?: string;
|
|
20
|
-
rounded?: boolean;
|
|
21
|
-
stacked?: boolean;
|
|
22
|
-
icon?: Array<IconPath> | IconPath | string;
|
|
23
|
-
height?: string | number;
|
|
24
|
-
width?: string | number;
|
|
25
|
-
}
|
|
26
|
-
export declare const BUTTON_CLASS_MAP: Record<ButtonClassKeys, string>;
|
|
27
|
-
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/types/button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,UAAU,GACV,SAAS,GACT,KAAK,GACL,WAAW,GACX,MAAM,GACN,UAAU,GACV,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjD,WAAW,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAW5D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/types/common.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAG9B,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC"}
|
package/dist/src/types/icon.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Size } from './common';
|
|
2
|
-
export type IconPath = {
|
|
3
|
-
d: string;
|
|
4
|
-
fill?: string;
|
|
5
|
-
class?: string;
|
|
6
|
-
};
|
|
7
|
-
export interface IconProps {
|
|
8
|
-
color?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
preffix?: string;
|
|
11
|
-
viewBox?: string;
|
|
12
|
-
icon?: Array<IconPath> | IconPath | string;
|
|
13
|
-
size?: Size;
|
|
14
|
-
}
|
|
15
|
-
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/types/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,IAAI,CAAC,EAAE,IAAI,CAAC;CACb"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ColorPalette, SpacingTokens, TypographyTokens, ShapeTokens, ElevationTokens } from '../theme/tokens/types';
|
|
2
|
-
export type CSSVarMap = Record<string, string>;
|
|
3
|
-
export interface Theme {
|
|
4
|
-
name?: string;
|
|
5
|
-
colors: ColorPalette;
|
|
6
|
-
spacing?: SpacingTokens;
|
|
7
|
-
typography?: TypographyTokens;
|
|
8
|
-
shape?: ShapeTokens;
|
|
9
|
-
elevation?: ElevationTokens;
|
|
10
|
-
tokens?: Record<string, string>;
|
|
11
|
-
}
|
|
12
|
-
export type PartialTheme = Partial<Theme>;
|
|
13
|
-
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAExH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE9C,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,YAAY,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,SAAS,CAAC,EAAE,eAAe,CAAA;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA"}
|