diff --git a/dist/style.css b/dist/style.css new file mode 100644 index 0000000..e8dab84 --- /dev/null +++ b/dist/style.css @@ -0,0 +1 @@ +.app-button[data-v-f697a6bc]{--jjk-button-border-radius: 1.5384615385em 2em;--jjk-button-box-shadow: 0 .5em 1em -.125em rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .02);--jjk-button-font-weight: 600;--jjk-button-padding: var(--space-xs) var(--space-m);--jjk-button-height: auto;font-family:var(--base-font-family);font-size:var(--step-0);transition:.2s;border-color:transparent;position:relative}.app-button.v-border-shine[data-v-f697a6bc]{--v-border-shine-x: var(--5929aa1c);--v-border-shine-y: var(--592a1e7b)}.app-button.primary[data-v-f697a6bc] .o-btn__wrapper{background:var(--app-gradient-primary);height:auto}.app-button.secondary[data-v-f697a6bc]{background:var(--app-color-secondary-container) linear-gradient(to top,var(--app-color-background),var(--app-color-background));color:var(--app-color-on-secondary-container);border-width:0;border:1px solid rgba(var(--app-color-outline-rgb),.2)}.app-button.primary[data-v-f697a6bc],.app-button.secondary[data-v-f697a6bc]{padding:0}.app-button.primary[data-v-f697a6bc] .o-btn__wrapper,.app-button.secondary[data-v-f697a6bc] .o-btn__wrapper{padding:var(--jjk-button-padding);border-radius:var(--jjk-button-border-radius);box-shadow:var(--jjk-button-box-shadow);font-weight:var(--jjk-button-font-weight);width:inherit;height:inherit;margin-left:0;margin-right:0}.app-button.primary[data-v-f697a6bc] .o-btn__wrapper:hover,.app-button.secondary[data-v-f697a6bc] .o-btn__wrapper:hover{box-shadow:0 .5em 1em -.125em #0000001a,0 0 0 1px #00000005,0 0 0 .5em #00000005}.app-button.primary[data-v-f697a6bc]:after,.app-button.secondary[data-v-f697a6bc]:after{content:"";position:absolute;background:radial-gradient(at var(--v-border-shine-x) var(--v-border-shine-y),rgb(255,255,255) 0%,rgba(0,0,0,0) 50%);mix-blend-mode:overlay;border-radius:inherit;display:block;inset:-2px;z-index:-1}.app-button.text[data-v-f697a6bc]{background:transparent;color:var(--app-color-on-background);border-width:0}.app-button.text[data-v-f697a6bc]:hover{background:var(--app-color-secondary-container)}.app-button[data-v-f697a6bc] .o-btn__label{transition:.2s}.app-button[data-v-f697a6bc]:before{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px solid transparent;transition:.1s}.app-button[data-v-f697a6bc]:hover{filter:brightness(1.1);rotate:-1deg}.app-button[data-v-f697a6bc]:hover .o-btn__label{rotate:1deg;scale:1.05}.app-button[data-v-f697a6bc]:active:before,.app-button[data-v-f697a6bc]:focus-within:before{border:2px solid rgba(var(--app-color-secondary-rgb),.8)}.app-card[data-v-fcf3fd53]{background-color:var(--app-color-surface);color:var(--app-color-on-surface);border-radius:var(--space-m);padding:var(--space-m);box-shadow:0 0 0 1px var(--app-color-outline);width:fit-content;display:flex;gap:var(--space-2xs);flex-direction:column}.app-card.sunken[data-v-fcf3fd53]{background-color:var(--app-color-outline-variant)}.app-chip[data-v-50b085f0]{background-color:var(--app-color-secondary);color:var(--app-color-on-secondary);border-radius:2em;padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);font-weight:600;width:fit-content;display:flex;gap:1em}.app-chip.small[data-v-50b085f0]{font-size:var(--step--2);padding:var(--space-3xs) var(--space-xs)}.app-chip.large[data-v-50b085f0]{font-size:var(--step-0);padding:var(--space-2xs) var(--space-s)}.app-chip.transparent[data-v-50b085f0]{background-color:var(--app-color-secondary-container);color:var(--app-color-on-secondary-container);box-shadow:0 0 0 1px rgba(var(--app-color-secondary-rgb),.2)}.material-symbols-outlined[data-v-788b61b1]{min-width:1em;min-height:1em;color:inherit}.app-logo[data-v-41a01ee7]{width:1em;height:1em;font-size:calc(var(--step-3) * 2)}.app-logo.small[data-v-41a01ee7]{font-size:calc(var(--step-2) * 2)}.app-logo.large[data-v-41a01ee7]{font-size:calc(var(--step-4) * 2)}.app-select-field[data-v-01a0cedf]{--jjk-dropdown-item-color: var(--app-color-on-surface);--jjk-dropdown-item-active-background-color: rgba(var(--app-color-on-surface-rgb), .1);--jjk-dropdown-item-active-color: var(--app-color-on-surface);--jjk-dropdown-item-font-size: var(--step-0);--jjk-dropdown-item-hover-background-color: rgba(var(--app-color-on-surface-rgb), .05);--jjk-dropdown-item-hover-color: var(--app-color-on-surface);--jjk-dropdown-item-padding: var(--space-xs) var(--space-s);--jjk-dropdown-menu-background: var(--app-color-surface);--jjk-dropdown-menu-border-radius: calc(var(--space-xs) * 1.2);--jjk-dropdown-menu-padding: var(--space-3xs);--jjk-dropdown-mobile-overlay-color: var(--app-color-surface)}.app-select-field[data-v-01a0cedf] .app-select-field-menu{box-shadow:0 0 0 1px var(--app-color-outline);margin-block-start:var(--space-2xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:var(--space-3xs)}.app-select-field[data-v-01a0cedf] .app-select-field-item{border-radius:var(--space-xs)}.app-select-field[data-v-01a0cedf] .app-select-menu-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-select-field-input[data-v-01a0cedf]{background-color:transparent;color:var(--app-color-on-surface);border:2px solid rgba(var(--app-color-secondary-rgb),.7);border-radius:var(--space-2xs);transition:.2s;font-size:var(--step-0);padding:var(--space-m) var(--space-s)}.app-select-field-input[data-v-01a0cedf]:hover{border-color:var(--app-color-secondary);color:var(--app-color-on-surface);background-color:var(--app-color-secondary-container)}.app-select-field-input[data-v-01a0cedf]:active,.app-select-field-input[data-v-01a0cedf]:focus-within{color:var(--app-color-on-surface);border-color:var(--app-color-secondary)}.app-select-field-input.error[data-v-01a0cedf]{border-color:var(--app-color-error);color:var(--app-color-error)}.app-select-field-input.error[data-v-01a0cedf]:hover{border-color:var(--app-color-error);background-color:var(--app-color-error-container)}.app-select-field-input.error[data-v-01a0cedf]:active,.app-select-field-input.error[data-v-01a0cedf]:focus-within{border-color:var(--app-color-error)}.app-text-field[data-v-36447ead]{--jjk-input-background-color: transparent;--jjk-input-border-color: rgba(var(--app-color-secondary-rgb), .7);--jjk-input-border-radius: var(--space-2xs);--jjk-input-border-width: 2px;--jjk-input-color: rgba(var(--app-color-on-surface-rgb), .7);--jjk-input-font-size: var(--step-0);--jjk-input-padding: var(--space-m) var(--space-s);--jjk-input-height: var(--space-xl)}.app-text-field[data-v-36447ead] input{transition:.2s}.app-text-field[data-v-36447ead] input.interactive:hover{--jjk-input-border-color: var(--app-color-secondary);--jjk-input-color: var(--app-color-on-surface);--jjk-input-background-color: var(--app-color-secondary-container)}.app-text-field[data-v-36447ead] input.interactive:active,.app-text-field[data-v-36447ead] input.interactive:focus-within{--jjk-input-color: var(--app-color-on-surface);--jjk-input-border-color: var(--app-color-secondary)}.app-text-field[data-v-36447ead] input[disabled]{--jjk-input-color: rgba(var(--app-color-on-surface-rgb), .5);--jjk-input-border-color: rgba(var(--app-color-secondary-rgb), .5)}.app-text-field[data-v-36447ead] input.error{--jjk-input-color: var(--app-color-error);--jjk-input-border-color: var(--app-color-error)}.app-text-field[data-v-36447ead] input.error.interactive:hover{--jjk-input-border-color: var(--app-color-error);--jjk-input-color: var(--app-color-on-surface);--jjk-input-background-color: var(--app-color-error-container)}.app-text-field[data-v-36447ead] input.error.interactive:active,.app-text-field[data-v-36447ead] input.error.interactive:focus-within{--jjk-input-color: var(--app-color-on-surface);--jjk-input-border-color: var(--app-color-error)}.app-tooltip[data-v-5614e6db]{--jjk-tooltip-background-color: var(--app-color-secondary);--jjk-tooltip-color: var(--app-color-on-secondary);--jjk-tooltip-content-font-size: var(--step--1);--jjk-tooltip-content-padding: var(--space-2xs) var(--space-s);--jjk-tooltip-content-weight-normal: 600;--jjk-tooltip-content-radius-large: 2em} diff --git a/package.json b/package.json index 45d37d9..5d73313 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "jjk-ui", "displayName": "JJK UI", - "version": "1.0.3", + "version": "1.0.4", "packageManager": "pnpm@8.6.7", "description": "A Vue 3 UI library for jojko.tech and other personal projects", "author": {