nightshade 1.2.4 → 1.3.0

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.
Files changed (9) hide show
  1. package/dist/bundle.js +1 -1
  2. package/dist/components.css +1 -1
  3. package/dist/components.js +1 -1
  4. package/dist/{index-BO8G6C8H.js → index-Di3Sg1Sp.js} +21 -17
  5. package/dist/lib/components/Btn.vue.d.ts +18 -0
  6. package/package.json +1 -1
  7. package/stylesheets/variables/color-tokens.css +38 -15
  8. package/stylesheets/variables/type-tokens.css +18 -0
  9. package/stylesheets/variables.css +3 -2
package/dist/bundle.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as t, a as s, C as o, b as n, c as r, H as p, d as l, I as u, e as i, f as x, g as c, S as m, h as C, T as S, j as T, V as I, i as b } from "./index-BO8G6C8H.js";
1
+ import { B as t, a as s, C as o, b as n, c as r, H as p, d as l, I as u, e as i, f as x, g as c, S as m, h as C, T as S, j as T, V as I, i as b } from "./index-Di3Sg1Sp.js";
2
2
  import { D as h, E as f, L as B, S as E, g as P, i as H } from "./ListNavController-drNtDwz9.js";
3
3
  import { T as v, t as D } from "./plugins-BNw3Bq_Y.js";
4
4
  export {
package/dist/components.css CHANGED
@@ -1 +1 @@
1
- .Btn[data-v-0cdf04ef]{--Btn-padding: var(--sp1-5);--Btn-gap: var(--sp);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--Btn-outline-size: var(--input-outline-size);--Btn-outline-color: transparent;--Btn-outline-color-effective: transparent;--Btn-outline-color-focus: var(--color-primary);--Btn-outline-offset: var(--input-outline-offset);--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-shadow-color: transparent;--Btn-border-radius: var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;margin:0;padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:var(--Btn-gap);border:0;border-radius:var(--Btn-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit;font-size:var(--Btn-font-size);color:var(--Btn-text-color);outline:var(--Btn-outline-size) solid var(--Btn-outline-color-effective);outline-offset:var(--Btn-outline-offset);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-0cdf04ef]:focus,.Btn[data-v-0cdf04ef]:active,.Btn[data-v-0cdf04ef]:hover{transition:none}.Btn[data-v-0cdf04ef]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-0cdf04ef]{filter:brightness(.96)}.Btn[data-v-0cdf04ef]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-0cdf04ef]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-0cdf04ef]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-0cdf04ef]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-0cdf04ef]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-0cdf04ef]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-0cdf04ef]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-0cdf04ef]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-0cdf04ef]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-0cdf04ef]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-0cdf04ef]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-0cdf04ef]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-0cdf04ef]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp);--Btn-gap: var(--sp0-5)}.Btn-iconPos-right .Icon[data-v-0cdf04ef]{order:100}.Btn-default[data-v-0cdf04ef]{--Btn-text-color: var(--color-default-text);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-surface-top-hover: var(--color-default-surface-top-hover);--Btn-surface-bottom-hover: var(--color-default-surface-bottom-hover);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus);--Btn-shadow-color: var(--color-default-shadow)}.Btn-primary[data-v-0cdf04ef]{--Btn-text-color: var(--color-primary-text);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-0cdf04ef]{--Btn-text-color: var(--color-secondary-text);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-0cdf04ef]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-0cdf04ef]{--Btn-text-color: var(--color-success-text);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-0cdf04ef]{--Btn-text-color: var(--color-warning-text);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus);--Btn-shadow-color: var(--color-warning-shadow)}.Btn-danger[data-v-0cdf04ef]{--Btn-text-color: var(--color-danger-text);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus);--Btn-shadow-color: var(--color-danger-shadow)}.Btn-link-default[data-v-0cdf04ef]{--Btn-text-color: var(--color-default);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-0cdf04ef]{--Btn-text-color: var(--color-primary);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-0cdf04ef]{--Btn-text-color: var(--color-secondary);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-0cdf04ef]{--Btn-text-color: var(--color-tertiary);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-success[data-v-0cdf04ef]{--Btn-text-color: var(--color-success);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-0cdf04ef]{--Btn-text-color: var(--color-warning);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-0cdf04ef]{--Btn-text-color: var(--color-danger);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}:root{--Bubble-surface: var(--color-base-0);--Bubble-arrow-size: 10px;--Bubble-arrow-offset: 16px;--Bubble-shadow-color: var(--color-shadow-light);--Bubble-shadow-size: 0 2px 5px}.Bubble[data-v-2bf83119]{position:absolute;z-index:10;filter:drop-shadow(var(--Bubble-shadow-size) var(--Bubble-shadow-color))}.Body[data-v-2bf83119]{position:absolute;min-width:48px;min-height:16px;border-radius:var(--border-radius);background:var(--Bubble-surface)}.Arrow[data-v-2bf83119]{position:absolute;z-index:5;width:0;height:0;border:var(--Bubble-arrow-size) solid transparent;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-2bf83119]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-2bf83119]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-2bf83119]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-2bf83119]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-2bf83119],.Bubble-start.Bubble-bottom>.Body[data-v-2bf83119]{left:0;transform:translate(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-top>.Body[data-v-2bf83119],.Bubble-center.Bubble-bottom>.Body[data-v-2bf83119]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-2bf83119],.Bubble-end.Bubble-bottom>.Body[data-v-2bf83119]{right:0;transform:translate(var(--Bubble-arrow-offset))}.Bubble-start.Bubble-left>.Body[data-v-2bf83119],.Bubble-start.Bubble-right>.Body[data-v-2bf83119]{top:0;transform:translateY(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-left>.Body[data-v-2bf83119],.Bubble-center.Bubble-right>.Body[data-v-2bf83119]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-2bf83119],.Bubble-end.Bubble-right>.Body[data-v-2bf83119]{bottom:0;transform:translateY(var(--Bubble-arrow-offset))}.Bubble-top>.Arrow[data-v-2bf83119]{border-top-color:var(--Bubble-surface)}.Bubble-bottom>.Arrow[data-v-2bf83119]{border-bottom-color:var(--Bubble-surface)}.Bubble-left>.Arrow[data-v-2bf83119]{border-left-color:var(--Bubble-surface)}.Bubble-right>.Arrow[data-v-2bf83119]{border-right-color:var(--Bubble-surface)}.Circle[data-v-48fdb4ac]{--CircleSize: var(--sp2);width:var(--CircleSize);height:var(--CircleSize);border-radius:var(--CircleSize);box-shadow:0 1px 3px #00000040}.Circle-normal[data-v-48fdb4ac]{--CircleSize: var(--sp2) }.Circle-large[data-v-48fdb4ac]{--CircleSize: var(--sp4) }.Circle-larger[data-v-48fdb4ac]{--CircleSize: var(--sp6) }.Menu[data-v-11b5b285]{display:flex;flex-flow:column nowrap;min-width:200px;max-height:40vh}.Menu-search[data-v-11b5b285]{width:240px}.Search[data-v-11b5b285]{flex:0 0 auto}.Items[data-v-11b5b285]{overflow-y:auto;padding:var(--sp) 0}.MenuItem[data-v-11b5b285]{display:flex;flex-flow:column nowrap;gap:var(--sp0-5);padding:var(--sp);cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;line-height:1}.MenuItem-primary[data-v-11b5b285]{color:var(--color-primary)}.MenuItem-danger[data-v-11b5b285]{color:var(--color-danger)}.MenuItem-checked[data-v-11b5b285]{color:var(--color-primary)}.MenuItem-disabled[data-v-11b5b285]{color:var(--color-text-3);cursor:not-allowed}.MenuItem[data-v-11b5b285]:hover,.MenuItem-selected[data-v-11b5b285]{background:var(--color-base-1)}.Items:focus-within .MenuItem.MenuItem-selected[data-v-11b5b285]{background:var(--color-focus-0)}.Separator[data-v-11b5b285]{margin:var(--sp) 0;border-bottom:1px solid var(--color-base-3)}.SectionTitle[data-v-11b5b285]{padding:var(--sp);color:var(--color-text-3);font-weight:var(--font-weight-bold);text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ItemLine[data-v-11b5b285]{display:flex;align-items:center;gap:var(--sp)}.ItemTitle[data-v-11b5b285]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemIcon[data-v-11b5b285]{flex:0 0 var(--sp3);width:var(--sp3);display:flex;align-items:center;justify-content:center}.ItemDescription[data-v-11b5b285]{font-size:var(--font-size-smaller);color:var(--color-text-2)}.CheckIcon[data-v-11b5b285]{font-size:var(--font-size-small)}.Overlay[data-v-55cbd0aa]{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;pointer-events:none}.Overlay-enabled[data-v-55cbd0aa]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-55cbd0aa]{background:var(--color-overlay)}.HGroup[data-v-0abfef17]{display:flex;flex-flow:row nowrap}.HGroup-align-stretch[data-v-0abfef17]{align-items:stretch}.HGroup-align-baseline[data-v-0abfef17]{align-items:baseline}.HGroup-align-center[data-v-0abfef17]{align-items:center}.HGroup-align-start[data-v-0abfef17]{align-items:flex-start}.HGroup-align-end[data-v-0abfef17]{align-items:flex-end}.HGroup-justify-center[data-v-0abfef17]{justify-content:center}.HGroup-justify-start[data-v-0abfef17]{justify-content:flex-start}.HGroup-justify-end[data-v-0abfef17]{justify-content:flex-end}.HGroup-justify-space-around[data-v-0abfef17]{justify-content:space-around}.HGroup-justify-space-between[data-v-0abfef17]{justify-content:space-between}.HGroup-gap-0[data-v-0abfef17]{gap:0}.HGroup-gap-1[data-v-0abfef17]{gap:var(--sp)}.HGroup-gap-2[data-v-0abfef17]{gap:var(--sp2)}.HGroup-gap-3[data-v-0abfef17]{gap:var(--sp3)}.HGroup-wrap[data-v-0abfef17]{flex-wrap:wrap}.HStack[data-v-48a370d0]{display:flex;align-items:stretch}.HStack[data-v-48a370d0]>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.HStack[data-v-48a370d0]>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Tab[data-v-1ba502f2]{--Tab-size: var(--sp3);--Tab-cap-size: var(--sp4);--Tab-surface: var(--color-base-1);--Tab-color: var(--color-text-0);--Tab-shadow-size: .5px;--Tab-shadow-color: rgba(0, 0, 0, .25);--Tab-shadow-offset-x: 0;--Tab-shadow-offset-y: 0;display:flex;cursor:pointer;position:relative;filter:drop-shadow(var(--Tab-shadow-offset-x) var(--Tab-shadow-offset-y) var(--Tab-shadow-size) var(--Tab-shadow-color))}.TabCap[data-v-1ba502f2],.Content[data-v-1ba502f2]{position:relative;z-index:2}.Content[data-v-1ba502f2]{min-width:0;display:flex;align-items:center;background:var(--Tab-surface);color:var(--Tab-color)}.TabLabel[data-v-1ba502f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tab-h[data-v-1ba502f2]{flex-flow:row;height:var(--Tab-size)}.Tab-v[data-v-1ba502f2]{flex-flow:column;width:var(--Tab-size)}.Tab-v .Content[data-v-1ba502f2]{writing-mode:vertical-lr;text-orientation:sideways-right;transform:rotate(180deg);transform-origin:50% 50%}.TabCap[data-v-1ba502f2]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-1ba502f2]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-1ba502f2]{height:var(--Tab-cap-size)}.InputBase[data-v-bc2d01df]{--InputBase-size: var(--input-size);--InputBase-padding: var(--sp1-5);--InputBase-font-size: var(--font-size);--InputBase-text-color: var(--color-text-0);--InputBase-surface: var(--color-base-0);--InputBase-outline-size: var(--input-outline-size);--InputBase-outline-color: transparent;--InputBase-outline-color-focus: var(--color-tertiary-focus);--InputBase-outline-color-invalid: var(--color-danger-focus);--InputBase-outline-offset: var(--input-outline-offset);--InputBase-border-size: var(--input-border-size);--InputBase-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-border-radius: var(--border-radius);--InputBase-label-color: var(--color-text-1);--InputBase-label-color-focus: var(--color-tertiary-4);--InputBase-label-color-invalid: var(--color-danger-4);--InputBase-label-surface: var(--color-base-1);--InputBase-label-surface-focus: var(--InputBase-outline-color-focus);--InputBase-label-surface-invalid: var(--InputBase-outline-color-invalid);outline:0;position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-bc2d01df]{position:relative;z-index:1;display:flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size) solid var(--InputBase-border-color);border-radius:var(--InputBase-border-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s}.InputBase-fixed-height .Container[data-v-bc2d01df]{height:var(--InputBase-size)}.InputBase[data-v-bc2d01df]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-bc2d01df]{z-index:10;--InputBase-outline-color: var(--InputBase-outline-color-focus);--InputBase-border-color: var(--InputBase-border-color-focus);--InputBase-label-color: var(--InputBase-label-color-focus);--InputBase-label-surface: var(--InputBase-label-surface-focus)}.InputBase-invalid[data-v-bc2d01df]{--InputBase-outline-color: var(--InputBase-outline-color-invalid);--InputBase-border-color: var(--InputBase-border-color-invalid);--InputBase-label-color: var(--InputBase-label-color-invalid);--InputBase-label-surface: var(--InputBase-label-surface-invalid)}.InputBase-round[data-v-bc2d01df]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-bc2d01df]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-bc2d01df]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-bc2d01df]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-bc2d01df]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-bc2d01df]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-bc2d01df]{align-self:flex-start;position:relative;z-index:0;margin:0 var(--sp2);--Tab-surface: var(--InputBase-label-surface);--Tab-color: var(--InputBase-label-color);--Tab-size: calc(.75 * var(--InputBase-size));--Tab-cap-size: calc(.75 * var(--InputBase-size));font-size:var(--InputBase-font-size)}.Label.TextLabel[data-v-bc2d01df]{margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);line-height:1.5;height:var(--sp3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-bc2d01df]{--InputBase-label-color-focus: var(--InputBase-outline-color-focus);position:absolute;top:0;left:0;transform:translateY(-50%);z-index:2;margin:0 var(--InputBase-padding);padding:0 2px;color:var(--InputBase-label-color);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-bc2d01df]:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--sp);transform:translateY(-50%);z-index:-1;background:var(--InputBase-surface)}.Icon[data-v-ff62c105]{opacity:.5;width:var(--sp2);display:flex;align-items:center;justify-content:center;padding-right:var(--sphalf)}.Value[data-v-ff62c105],.Placeholder[data-v-ff62c105]{line-height:var(--input-size);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DropdownIcon[data-v-ff62c105]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-3aca34dd]{--InputBase-padding: var(--sp1-5)}input[data-v-3aca34dd],textarea[data-v-3aca34dd]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit}.InputTextarea[data-v-41eab4ae]{--InputBase-padding: var(--sp1-5)}input[data-v-41eab4ae],textarea[data-v-41eab4ae]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit;resize:none}.InputBase[data-v-41eab4ae] .Container{overflow-y:auto}textarea[data-v-41eab4ae]{align-self:flex-start}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}.Switch[data-v-3a2d96ff]{--Switch-slide-width: 32px;--Switch-slide-height: 20px;--Switch-knob-size: 16px;--Switch-knob-offset: 2px;--Switch-knob-outline-offset: -2px;--Switch-outline-size: var(--input-outline-size);--Switch-outline-color: transparent;--Switch-outline-color-effective: transparent;--Switch-outline-color-focus: var(--color-primary);--Switch-outline-offset: var(--input-outline-offset);--Switch-surface-top: var(--color-base-3);--Switch-surface-bottom: var(--color-base-3);--Switch-surface-top-active: var(--color-primary);--Switch-surface-bottom-active: var(--color-primary);--Switch-surface-top-effective: var(--Switch-surface-top);--Switch-surface-bottom-effective: var(--Switch-surface-bottom);display:block;position:relative;width:var(--Switch-slide-width);height:var(--Switch-slide-height);border-radius:10000px;cursor:pointer;background:radial-gradient(120% 150% at 80% 0%,var(--Switch-surface-top-effective),var(--Switch-surface-bottom-effective));outline:var(--Switch-outline-size) solid var(--Switch-outline-color-effective);outline-offset:var(--Switch-outline-offset);background-clip:padding-box;transition:background-color .3s;box-shadow:0 .5px 1px var(--color-shadow-medium) inset}.Switch input[data-v-3a2d96ff]{display:none}.Switch[data-v-3a2d96ff]:after{content:"";position:absolute;top:50%;left:0;width:var(--Switch-knob-size);height:var(--Switch-knob-size);border-radius:1000px;background:var(--color-base-0);box-shadow:0 1px 1px var(--color-shadow-medium);transform:translate(var(--Switch-knob-offset),-50%);transition:transform .3s}.Switch[data-v-3a2d96ff]:not(:disabled):hover,.Switch.Switch-pseudo-hover[data-v-3a2d96ff]{filter:brightness(.96)}.Switch[data-v-3a2d96ff]:not(:disabled):focus,.Switch.Switch-pseudo-focus[data-v-3a2d96ff]{z-index:10;--Switch-outline-color-effective: var(--Switch-outline-color-focus)}.Switch-active[data-v-3a2d96ff]{--Switch-surface-top-effective: var(--Switch-surface-top-active);--Switch-surface-bottom-effective: var(--Switch-surface-bottom-active)}.Switch-active[data-v-3a2d96ff]:after{transform:translate(calc(var(--Switch-slide-width) - var(--Switch-knob-size) - var(--Switch-knob-offset)),-50%)}.Switch-disabled[data-v-3a2d96ff]{cursor:not-allowed;opacity:.5}.Switch-knob-outline[data-v-3a2d96ff]:after{outline:var(--Switch-outline-size) solid var(--Switch-outline-color);outline-offset:var(--Switch-knob-outline-offset)}.Switch-small[data-v-3a2d96ff]{--Switch-slide-width: 24px;--Switch-slide-height: 16px;--Switch-knob-size: 12px}.Switch-large[data-v-3a2d96ff]{--Switch-slide-width: 40px;--Switch-slide-height: 24px;--Switch-knob-size: 20px}.Switch-default[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-default-surface-top);--Switch-surface-bottom-active: var(--color-default-surface-bottom);--Switch-outline-color: var(--color-default-outline);--Switch-outline-color-focus: var(--color-default-focus)}.Switch-primary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-primary-surface-top);--Switch-surface-bottom-active: var(--color-primary-surface-bottom);--Switch-outline-color: var(--color-primary-outline);--Switch-outline-color-focus: var(--color-primary-focus)}.Switch-secondary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-secondary-surface-top);--Switch-surface-bottom-active: var(--color-secondary-surface-bottom);--Switch-outline-color: var(--color-secondary-outline);--Switch-outline-color-focus: var(--color-secondary-focus)}.Switch-tertiary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-tertiary-surface-top);--Switch-surface-bottom-active: var(--color-tertiary-surface-bottom);--Switch-outline-color: var(--color-tertiary-outline);--Switch-outline-color-focus: var(--color-tertiary-focus)}.Switch-success[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-success-surface-top);--Switch-surface-bottom-active: var(--color-success-surface-bottom);--Switch-outline-color: var(--color-success-outline);--Switch-outline-color-focus: var(--color-success-focus)}.Switch-warning[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-warning-surface-top);--Switch-surface-bottom-active: var(--color-warning-surface-bottom);--Switch-outline-color: var(--color-warning-outline);--Switch-outline-color-focus: var(--color-warning-focus)}.Switch-danger[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-danger-surface-top);--Switch-surface-bottom-active: var(--color-danger-surface-bottom);--Switch-outline-color: var(--color-danger-outline);--Switch-outline-color-focus: var(--color-danger-focus)}path[data-v-3c0176d0]{transform-origin:50% 50%;stroke:none}.TabCap-top.TabCap-start path[data-v-3c0176d0]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-3c0176d0]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-3c0176d0]{transform:scale(1) rotate(90deg)}.TabCap-right.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1) rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1) rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-3c0176d0]{transform:scale(-1) rotate(90deg)}.VGroup[data-v-4e4be270]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-4e4be270]{align-items:stretch}.VGroup-align-baseline[data-v-4e4be270]{align-items:baseline}.VGroup-align-center[data-v-4e4be270]{align-items:center}.VGroup-align-start[data-v-4e4be270]{align-items:flex-start}.VGroup-align-end[data-v-4e4be270]{align-items:flex-end}.VGroup-justify-center[data-v-4e4be270]{justify-content:center}.VGroup-justify-start[data-v-4e4be270]{justify-content:flex-start}.VGroup-justify-end[data-v-4e4be270]{justify-content:flex-end}.VGroup-justify-space-around[data-v-4e4be270]{justify-content:space-around}.VGroup-justify-space-between[data-v-4e4be270]{justify-content:space-between}.VGroup-gap-0[data-v-4e4be270]{gap:0}.VGroup-gap-1[data-v-4e4be270]{gap:var(--sp)}.VGroup-gap-2[data-v-4e4be270]{gap:var(--sp2)}.VGroup-gap-3[data-v-4e4be270]{gap:var(--sp3)}.VGroup-gap-4[data-v-4e4be270]{gap:var(--sp4)}
1
+ .Btn[data-v-114f7535]{--Btn-padding: var(--sp1-5);--Btn-gap: var(--sp);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--Btn-outline-size: var(--input-outline-size);--Btn-outline-color: transparent;--Btn-outline-color-effective: transparent;--Btn-outline-color-focus: var(--color-primary);--Btn-outline-offset: var(--input-outline-offset);--Btn-surface: transparent;--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-border-size: var(--input-border-size);--Btn-border-size-effective: 0;--Btn-border-color: transparent;--Btn-border-radius: var(--border-radius);--Btn-shadow-color: transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;margin:0;padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:var(--Btn-gap);border:var(--Btn-border-size-effective) solid var(--Btn-border-color);border-radius:var(--Btn-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit;font-size:var(--Btn-font-size);color:var(--Btn-text-color);outline:var(--Btn-outline-size) solid var(--Btn-outline-color-effective);outline-offset:var(--Btn-outline-offset);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-114f7535]:focus,.Btn[data-v-114f7535]:active,.Btn[data-v-114f7535]:hover{transition:none}.Btn[data-v-114f7535]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-114f7535]{filter:brightness(.96)}.Btn[data-v-114f7535]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-114f7535]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-114f7535]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-114f7535]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-114f7535]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-114f7535]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-114f7535]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-114f7535]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-114f7535]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-114f7535]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline.Btn-outline[data-v-114f7535]{--Btn-border-size-effective: var(--Btn-border-size)}.Btn-flat.Btn-flat[data-v-114f7535]{--Btn-surface-top: var(--Btn-surface);--Btn-surface-bottom: var(--Btn-surface)}.Btn-shadow[data-v-114f7535]{box-shadow:0 1px 1px var(--Btn-shadow-color)}.Btn-large[data-v-114f7535]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-114f7535]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp);--Btn-gap: var(--sp0-5)}.Btn-iconPos-right .Icon[data-v-114f7535]{order:100}.Btn-default[data-v-114f7535]{--Btn-text-color: var(--color-default-text);--Btn-surface: var(--color-default-surface);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-border-color: var(--color-default-border-color);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus);--Btn-shadow-color: var(--color-default-shadow)}.Btn-primary[data-v-114f7535]{--Btn-text-color: var(--color-primary-text);--Btn-surface: var(--color-primary-surface);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-border-color: var(--color-primary-border-color);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-114f7535]{--Btn-text-color: var(--color-secondary-text);--Btn-surface: var(--color-secondary-surface);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-border-color: var(--color-secondary-border-color);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-114f7535]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface: var(--color-tertiary-surface);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-border-color: var(--color-tertiary-border-color);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-114f7535]{--Btn-text-color: var(--color-success-text);--Btn-surface: var(--color-success-surface);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-border-color: var(--color-success-border-color);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-114f7535]{--Btn-text-color: var(--color-warning-text);--Btn-surface: var(--color-warning-surface);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-border-color: var(--color-warning-border-color);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus);--Btn-shadow-color: var(--color-warning-shadow)}.Btn-danger[data-v-114f7535]{--Btn-text-color: var(--color-danger-text);--Btn-surface: var(--color-danger-surface);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-border-color: var(--color-danger-border-color);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus);--Btn-shadow-color: var(--color-danger-shadow)}.Btn-link-default[data-v-114f7535]{--Btn-text-color: var(--color-default);--Btn-border-color: var(--color-default-border-color);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-114f7535]{--Btn-text-color: var(--color-primary);--Btn-border-color: var(--color-primary-border-color);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-114f7535]{--Btn-text-color: var(--color-secondary);--Btn-border-color: var(--color-secondary-border-color);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-114f7535]{--Btn-text-color: var(--color-tertiary);--Btn-border-color: var(--color-tertiary-border-color);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-success[data-v-114f7535]{--Btn-text-color: var(--color-success);--Btn-border-color: var(--color-success-border-color);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-114f7535]{--Btn-text-color: var(--color-warning);--Btn-border-color: var(--color-warning-border-color);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-114f7535]{--Btn-text-color: var(--color-danger);--Btn-border-color: var(--color-danger-border-color);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}:root{--Bubble-surface: var(--color-base-0);--Bubble-arrow-size: 10px;--Bubble-arrow-offset: 16px;--Bubble-shadow-color: var(--color-shadow-light);--Bubble-shadow-size: 0 2px 5px}.Bubble[data-v-2bf83119]{position:absolute;z-index:10;filter:drop-shadow(var(--Bubble-shadow-size) var(--Bubble-shadow-color))}.Body[data-v-2bf83119]{position:absolute;min-width:48px;min-height:16px;border-radius:var(--border-radius);background:var(--Bubble-surface)}.Arrow[data-v-2bf83119]{position:absolute;z-index:5;width:0;height:0;border:var(--Bubble-arrow-size) solid transparent;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-2bf83119]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-2bf83119]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-2bf83119]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-2bf83119]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-2bf83119],.Bubble-start.Bubble-bottom>.Body[data-v-2bf83119]{left:0;transform:translate(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-top>.Body[data-v-2bf83119],.Bubble-center.Bubble-bottom>.Body[data-v-2bf83119]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-2bf83119],.Bubble-end.Bubble-bottom>.Body[data-v-2bf83119]{right:0;transform:translate(var(--Bubble-arrow-offset))}.Bubble-start.Bubble-left>.Body[data-v-2bf83119],.Bubble-start.Bubble-right>.Body[data-v-2bf83119]{top:0;transform:translateY(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-left>.Body[data-v-2bf83119],.Bubble-center.Bubble-right>.Body[data-v-2bf83119]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-2bf83119],.Bubble-end.Bubble-right>.Body[data-v-2bf83119]{bottom:0;transform:translateY(var(--Bubble-arrow-offset))}.Bubble-top>.Arrow[data-v-2bf83119]{border-top-color:var(--Bubble-surface)}.Bubble-bottom>.Arrow[data-v-2bf83119]{border-bottom-color:var(--Bubble-surface)}.Bubble-left>.Arrow[data-v-2bf83119]{border-left-color:var(--Bubble-surface)}.Bubble-right>.Arrow[data-v-2bf83119]{border-right-color:var(--Bubble-surface)}.Circle[data-v-48fdb4ac]{--CircleSize: var(--sp2);width:var(--CircleSize);height:var(--CircleSize);border-radius:var(--CircleSize);box-shadow:0 1px 3px #00000040}.Circle-normal[data-v-48fdb4ac]{--CircleSize: var(--sp2) }.Circle-large[data-v-48fdb4ac]{--CircleSize: var(--sp4) }.Circle-larger[data-v-48fdb4ac]{--CircleSize: var(--sp6) }.Menu[data-v-ec68e8d0]{display:flex;flex-flow:column nowrap;min-width:200px;max-height:40vh}.Menu-search[data-v-ec68e8d0]{width:240px}.Search[data-v-ec68e8d0]{flex:0 0 auto}.Items[data-v-ec68e8d0]{overflow-y:auto;padding:var(--sp) 0}.MenuItem[data-v-ec68e8d0]{display:flex;flex-flow:column nowrap;gap:var(--sp0-5);padding:var(--sp);cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;line-height:1}.MenuItem-primary[data-v-ec68e8d0]{color:var(--color-primary)}.MenuItem-danger[data-v-ec68e8d0]{color:var(--color-danger)}.MenuItem-checked[data-v-ec68e8d0]{color:var(--color-primary)}.MenuItem-disabled[data-v-ec68e8d0]{color:var(--color-text-3);cursor:not-allowed}.MenuItem[data-v-ec68e8d0]:hover,.MenuItem-selected[data-v-ec68e8d0]{background:var(--color-base-1)}.Items:focus-within .MenuItem.MenuItem-selected[data-v-ec68e8d0]{background:var(--color-focus-0)}.Separator[data-v-ec68e8d0]{margin:var(--sp) 0;border-bottom:1px solid var(--color-base-3)}.SectionTitle[data-v-ec68e8d0]{padding:var(--sp);color:var(--color-text-3);font-weight:var(--font-weight-bold);text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ItemLine[data-v-ec68e8d0]{display:flex;align-items:center;gap:var(--sp)}.ItemTitle[data-v-ec68e8d0]{flex:1;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemIcon[data-v-ec68e8d0]{flex:0 0 var(--sp3);width:var(--sp3);display:flex;align-items:center;justify-content:center}.ItemDescription[data-v-ec68e8d0]{font-size:var(--font-size-smaller);color:var(--color-text-2)}.CheckIcon[data-v-ec68e8d0]{font-size:var(--font-size-small)}.Overlay[data-v-55cbd0aa]{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;pointer-events:none}.Overlay-enabled[data-v-55cbd0aa]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-55cbd0aa]{background:var(--color-overlay)}.HGroup[data-v-0abfef17]{display:flex;flex-flow:row nowrap}.HGroup-align-stretch[data-v-0abfef17]{align-items:stretch}.HGroup-align-baseline[data-v-0abfef17]{align-items:baseline}.HGroup-align-center[data-v-0abfef17]{align-items:center}.HGroup-align-start[data-v-0abfef17]{align-items:flex-start}.HGroup-align-end[data-v-0abfef17]{align-items:flex-end}.HGroup-justify-center[data-v-0abfef17]{justify-content:center}.HGroup-justify-start[data-v-0abfef17]{justify-content:flex-start}.HGroup-justify-end[data-v-0abfef17]{justify-content:flex-end}.HGroup-justify-space-around[data-v-0abfef17]{justify-content:space-around}.HGroup-justify-space-between[data-v-0abfef17]{justify-content:space-between}.HGroup-gap-0[data-v-0abfef17]{gap:0}.HGroup-gap-1[data-v-0abfef17]{gap:var(--sp)}.HGroup-gap-2[data-v-0abfef17]{gap:var(--sp2)}.HGroup-gap-3[data-v-0abfef17]{gap:var(--sp3)}.HGroup-wrap[data-v-0abfef17]{flex-wrap:wrap}.HStack[data-v-48a370d0]{display:flex;align-items:stretch}.HStack[data-v-48a370d0]>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.HStack[data-v-48a370d0]>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Tab[data-v-1ba502f2]{--Tab-size: var(--sp3);--Tab-cap-size: var(--sp4);--Tab-surface: var(--color-base-1);--Tab-color: var(--color-text-0);--Tab-shadow-size: .5px;--Tab-shadow-color: rgba(0, 0, 0, .25);--Tab-shadow-offset-x: 0;--Tab-shadow-offset-y: 0;display:flex;cursor:pointer;position:relative;filter:drop-shadow(var(--Tab-shadow-offset-x) var(--Tab-shadow-offset-y) var(--Tab-shadow-size) var(--Tab-shadow-color))}.TabCap[data-v-1ba502f2],.Content[data-v-1ba502f2]{position:relative;z-index:2}.Content[data-v-1ba502f2]{min-width:0;display:flex;align-items:center;background:var(--Tab-surface);color:var(--Tab-color)}.TabLabel[data-v-1ba502f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tab-h[data-v-1ba502f2]{flex-flow:row;height:var(--Tab-size)}.Tab-v[data-v-1ba502f2]{flex-flow:column;width:var(--Tab-size)}.Tab-v .Content[data-v-1ba502f2]{writing-mode:vertical-lr;text-orientation:sideways-right;transform:rotate(180deg);transform-origin:50% 50%}.TabCap[data-v-1ba502f2]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-1ba502f2]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-1ba502f2]{height:var(--Tab-cap-size)}.InputBase[data-v-bc2d01df]{--InputBase-size: var(--input-size);--InputBase-padding: var(--sp1-5);--InputBase-font-size: var(--font-size);--InputBase-text-color: var(--color-text-0);--InputBase-surface: var(--color-base-0);--InputBase-outline-size: var(--input-outline-size);--InputBase-outline-color: transparent;--InputBase-outline-color-focus: var(--color-tertiary-focus);--InputBase-outline-color-invalid: var(--color-danger-focus);--InputBase-outline-offset: var(--input-outline-offset);--InputBase-border-size: var(--input-border-size);--InputBase-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-border-radius: var(--border-radius);--InputBase-label-color: var(--color-text-1);--InputBase-label-color-focus: var(--color-tertiary-4);--InputBase-label-color-invalid: var(--color-danger-4);--InputBase-label-surface: var(--color-base-1);--InputBase-label-surface-focus: var(--InputBase-outline-color-focus);--InputBase-label-surface-invalid: var(--InputBase-outline-color-invalid);outline:0;position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-bc2d01df]{position:relative;z-index:1;display:flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size) solid var(--InputBase-border-color);border-radius:var(--InputBase-border-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s}.InputBase-fixed-height .Container[data-v-bc2d01df]{height:var(--InputBase-size)}.InputBase[data-v-bc2d01df]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-bc2d01df]{z-index:10;--InputBase-outline-color: var(--InputBase-outline-color-focus);--InputBase-border-color: var(--InputBase-border-color-focus);--InputBase-label-color: var(--InputBase-label-color-focus);--InputBase-label-surface: var(--InputBase-label-surface-focus)}.InputBase-invalid[data-v-bc2d01df]{--InputBase-outline-color: var(--InputBase-outline-color-invalid);--InputBase-border-color: var(--InputBase-border-color-invalid);--InputBase-label-color: var(--InputBase-label-color-invalid);--InputBase-label-surface: var(--InputBase-label-surface-invalid)}.InputBase-round[data-v-bc2d01df]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-bc2d01df]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-bc2d01df]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-bc2d01df]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-bc2d01df]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-bc2d01df]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-bc2d01df]{align-self:flex-start;position:relative;z-index:0;margin:0 var(--sp2);--Tab-surface: var(--InputBase-label-surface);--Tab-color: var(--InputBase-label-color);--Tab-size: calc(.75 * var(--InputBase-size));--Tab-cap-size: calc(.75 * var(--InputBase-size));font-size:var(--InputBase-font-size)}.Label.TextLabel[data-v-bc2d01df]{margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);line-height:1.5;height:var(--sp3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-bc2d01df]{--InputBase-label-color-focus: var(--InputBase-outline-color-focus);position:absolute;top:0;left:0;transform:translateY(-50%);z-index:2;margin:0 var(--InputBase-padding);padding:0 2px;color:var(--InputBase-label-color);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-bc2d01df]:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--sp);transform:translateY(-50%);z-index:-1;background:var(--InputBase-surface)}.Icon[data-v-ff62c105]{opacity:.5;width:var(--sp2);display:flex;align-items:center;justify-content:center;padding-right:var(--sphalf)}.Value[data-v-ff62c105],.Placeholder[data-v-ff62c105]{line-height:var(--input-size);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DropdownIcon[data-v-ff62c105]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-3aca34dd]{--InputBase-padding: var(--sp1-5)}input[data-v-3aca34dd],textarea[data-v-3aca34dd]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit}.InputTextarea[data-v-41eab4ae]{--InputBase-padding: var(--sp1-5)}input[data-v-41eab4ae],textarea[data-v-41eab4ae]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit;resize:none}.InputBase[data-v-41eab4ae] .Container{overflow-y:auto}textarea[data-v-41eab4ae]{align-self:flex-start}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}.Switch[data-v-3a2d96ff]{--Switch-slide-width: 32px;--Switch-slide-height: 20px;--Switch-knob-size: 16px;--Switch-knob-offset: 2px;--Switch-knob-outline-offset: -2px;--Switch-outline-size: var(--input-outline-size);--Switch-outline-color: transparent;--Switch-outline-color-effective: transparent;--Switch-outline-color-focus: var(--color-primary);--Switch-outline-offset: var(--input-outline-offset);--Switch-surface-top: var(--color-base-3);--Switch-surface-bottom: var(--color-base-3);--Switch-surface-top-active: var(--color-primary);--Switch-surface-bottom-active: var(--color-primary);--Switch-surface-top-effective: var(--Switch-surface-top);--Switch-surface-bottom-effective: var(--Switch-surface-bottom);display:block;position:relative;width:var(--Switch-slide-width);height:var(--Switch-slide-height);border-radius:10000px;cursor:pointer;background:radial-gradient(120% 150% at 80% 0%,var(--Switch-surface-top-effective),var(--Switch-surface-bottom-effective));outline:var(--Switch-outline-size) solid var(--Switch-outline-color-effective);outline-offset:var(--Switch-outline-offset);background-clip:padding-box;transition:background-color .3s;box-shadow:0 .5px 1px var(--color-shadow-medium) inset}.Switch input[data-v-3a2d96ff]{display:none}.Switch[data-v-3a2d96ff]:after{content:"";position:absolute;top:50%;left:0;width:var(--Switch-knob-size);height:var(--Switch-knob-size);border-radius:1000px;background:var(--color-base-0);box-shadow:0 1px 1px var(--color-shadow-medium);transform:translate(var(--Switch-knob-offset),-50%);transition:transform .3s}.Switch[data-v-3a2d96ff]:not(:disabled):hover,.Switch.Switch-pseudo-hover[data-v-3a2d96ff]{filter:brightness(.96)}.Switch[data-v-3a2d96ff]:not(:disabled):focus,.Switch.Switch-pseudo-focus[data-v-3a2d96ff]{z-index:10;--Switch-outline-color-effective: var(--Switch-outline-color-focus)}.Switch-active[data-v-3a2d96ff]{--Switch-surface-top-effective: var(--Switch-surface-top-active);--Switch-surface-bottom-effective: var(--Switch-surface-bottom-active)}.Switch-active[data-v-3a2d96ff]:after{transform:translate(calc(var(--Switch-slide-width) - var(--Switch-knob-size) - var(--Switch-knob-offset)),-50%)}.Switch-disabled[data-v-3a2d96ff]{cursor:not-allowed;opacity:.5}.Switch-knob-outline[data-v-3a2d96ff]:after{outline:var(--Switch-outline-size) solid var(--Switch-outline-color);outline-offset:var(--Switch-knob-outline-offset)}.Switch-small[data-v-3a2d96ff]{--Switch-slide-width: 24px;--Switch-slide-height: 16px;--Switch-knob-size: 12px}.Switch-large[data-v-3a2d96ff]{--Switch-slide-width: 40px;--Switch-slide-height: 24px;--Switch-knob-size: 20px}.Switch-default[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-default-surface-top);--Switch-surface-bottom-active: var(--color-default-surface-bottom);--Switch-outline-color: var(--color-default-outline);--Switch-outline-color-focus: var(--color-default-focus)}.Switch-primary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-primary-surface-top);--Switch-surface-bottom-active: var(--color-primary-surface-bottom);--Switch-outline-color: var(--color-primary-outline);--Switch-outline-color-focus: var(--color-primary-focus)}.Switch-secondary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-secondary-surface-top);--Switch-surface-bottom-active: var(--color-secondary-surface-bottom);--Switch-outline-color: var(--color-secondary-outline);--Switch-outline-color-focus: var(--color-secondary-focus)}.Switch-tertiary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-tertiary-surface-top);--Switch-surface-bottom-active: var(--color-tertiary-surface-bottom);--Switch-outline-color: var(--color-tertiary-outline);--Switch-outline-color-focus: var(--color-tertiary-focus)}.Switch-success[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-success-surface-top);--Switch-surface-bottom-active: var(--color-success-surface-bottom);--Switch-outline-color: var(--color-success-outline);--Switch-outline-color-focus: var(--color-success-focus)}.Switch-warning[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-warning-surface-top);--Switch-surface-bottom-active: var(--color-warning-surface-bottom);--Switch-outline-color: var(--color-warning-outline);--Switch-outline-color-focus: var(--color-warning-focus)}.Switch-danger[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-danger-surface-top);--Switch-surface-bottom-active: var(--color-danger-surface-bottom);--Switch-outline-color: var(--color-danger-outline);--Switch-outline-color-focus: var(--color-danger-focus)}path[data-v-3c0176d0]{transform-origin:50% 50%;stroke:none}.TabCap-top.TabCap-start path[data-v-3c0176d0]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-3c0176d0]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-3c0176d0]{transform:scale(1) rotate(90deg)}.TabCap-right.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1) rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1) rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-3c0176d0]{transform:scale(-1) rotate(90deg)}.VGroup[data-v-4e4be270]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-4e4be270]{align-items:stretch}.VGroup-align-baseline[data-v-4e4be270]{align-items:baseline}.VGroup-align-center[data-v-4e4be270]{align-items:center}.VGroup-align-start[data-v-4e4be270]{align-items:flex-start}.VGroup-align-end[data-v-4e4be270]{align-items:flex-end}.VGroup-justify-center[data-v-4e4be270]{justify-content:center}.VGroup-justify-start[data-v-4e4be270]{justify-content:flex-start}.VGroup-justify-end[data-v-4e4be270]{justify-content:flex-end}.VGroup-justify-space-around[data-v-4e4be270]{justify-content:space-around}.VGroup-justify-space-between[data-v-4e4be270]{justify-content:space-between}.VGroup-gap-0[data-v-4e4be270]{gap:0}.VGroup-gap-1[data-v-4e4be270]{gap:var(--sp)}.VGroup-gap-2[data-v-4e4be270]{gap:var(--sp2)}.VGroup-gap-3[data-v-4e4be270]{gap:var(--sp3)}.VGroup-gap-4[data-v-4e4be270]{gap:var(--sp4)}
package/dist/components.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as t, a as e, C as p, b as u, c as n, H as o, d as r, I as b, e as c, f as x, g as C, S as I, h as S, T, j as B, V as i } from "./index-BO8G6C8H.js";
1
+ import { B as t, a as e, C as p, b as u, c as n, H as o, d as r, I as b, e as c, f as x, g as C, S as I, h as S, T, j as B, V as i } from "./index-Di3Sg1Sp.js";
2
2
  export {
3
3
  t as Btn,
4
4
  e as Bubble,
package/dist/{index-BO8G6C8H.js → index-Di3Sg1Sp.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  var D = Object.defineProperty;
2
2
  var l = (e, n) => D(e, "name", { value: n, configurable: !0 });
3
- import { openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeClass as f, withCtx as _, renderSlot as p, createElementBlock as c, createCommentVNode as h, toDisplayString as S, Transition as H, createElementVNode as y, resolveComponent as k, withKeys as T, Fragment as $, renderList as M, Teleport as E, withModifiers as z, normalizeStyle as F, createVNode as V, mergeProps as x } from "vue";
3
+ import { openBlock as d, createBlock as b, resolveDynamicComponent as I, normalizeClass as f, withCtx as _, renderSlot as p, createElementBlock as c, createCommentVNode as h, toDisplayString as S, Transition as H, createElementVNode as y, resolveComponent as k, withKeys as T, Fragment as $, renderList as M, Teleport as E, withModifiers as z, normalizeStyle as F, createVNode as V, mergeProps as x } from "vue";
4
4
  import { L as O, g as R } from "./ListNavController-drNtDwz9.js";
5
5
  const m = /* @__PURE__ */ l((e, n) => {
6
6
  const t = e.__vccOpts || e;
@@ -24,6 +24,8 @@ const m = /* @__PURE__ */ l((e, n) => {
24
24
  block: { type: Boolean, default: !1 },
25
25
  round: { type: Boolean, default: !1 },
26
26
  outline: { type: Boolean, default: !1 },
27
+ flat: { type: Boolean, default: !1 },
28
+ shadow: { type: Boolean, default: !1 },
27
29
  pseudoFocus: { type: Boolean, default: !1 },
28
30
  pseudoHover: { type: Boolean, default: !1 },
29
31
  pseudoActive: { type: Boolean, default: !1 }
@@ -51,7 +53,7 @@ const m = /* @__PURE__ */ l((e, n) => {
51
53
  class: "Label"
52
54
  };
53
55
  function j(e, n, t, o, a, s) {
54
- return d(), b(w(s.tagName), {
56
+ return d(), b(I(s.tagName), {
55
57
  ref: "button",
56
58
  class: f(["Btn button", [
57
59
  `Btn-${t.size}`,
@@ -62,6 +64,8 @@ function j(e, n, t, o, a, s) {
62
64
  "Btn-square": t.square,
63
65
  "Btn-round": t.round,
64
66
  "Btn-outline": t.outline,
67
+ "Btn-flat": t.flat,
68
+ "Btn-shadow": t.shadow,
65
69
  "Btn-block": t.block,
66
70
  "Btn-pseudo-focus": t.pseudoFocus,
67
71
  "Btn-pseudo-hover": t.pseudoHover,
@@ -94,7 +98,7 @@ function j(e, n, t, o, a, s) {
94
98
  }, 40, ["class", "disabled", "title", "href"]);
95
99
  }
96
100
  l(j, "_sfc_render$f");
97
- const K = /* @__PURE__ */ m(P, [["render", j], ["__scopeId", "data-v-0cdf04ef"]]), W = {
101
+ const K = /* @__PURE__ */ m(P, [["render", j], ["__scopeId", "data-v-114f7535"]]), W = {
98
102
  props: {
99
103
  dir: { type: String, default: "bottom" },
100
104
  align: { type: String, default: "start" }
@@ -212,13 +216,13 @@ function ne(e, n, t = 0) {
212
216
  let i = t;
213
217
  for (; o.length > 0; ) {
214
218
  if (i >= n.length) {
215
- const I = g(n, t);
216
- return I < n.length ? C(e, n, I) : [];
219
+ const w = g(n, t);
220
+ return w < n.length ? C(e, n, w) : [];
217
221
  }
218
222
  const r = o[0], u = i + r.length;
219
223
  if (s.substring(i, u) === r) {
220
- for (let I = i; I < u; I++)
221
- a.push(I);
224
+ for (let w = i; w < u; w++)
225
+ a.push(w);
222
226
  i = Math.min(g(n, u), g(n, i)), o.shift();
223
227
  } else
224
228
  i = g(n, i);
@@ -417,7 +421,7 @@ function pe(e, n, t, o, a, s) {
417
421
  ]]),
418
422
  "data-menu-item-id": v,
419
423
  tabindex: "0",
420
- onClick: /* @__PURE__ */ l((I) => s.activateItem(u), "onClick")
424
+ onClick: /* @__PURE__ */ l((w) => s.activateItem(u), "onClick")
421
425
  }, [
422
426
  y("div", ce, [
423
427
  u.icon ? (d(), c("i", {
@@ -440,7 +444,7 @@ function pe(e, n, t, o, a, s) {
440
444
  }, 8, ["dir", "align", "anchorRef", "anchorDir"]);
441
445
  }
442
446
  l(pe, "_sfc_render$c");
443
- const me = /* @__PURE__ */ m(le, [["render", pe], ["__scopeId", "data-v-11b5b285"]]), ye = {
447
+ const me = /* @__PURE__ */ m(le, [["render", pe], ["__scopeId", "data-v-ec68e8d0"]]), ye = {
444
448
  props: {
445
449
  dir: { type: String, default: "v" },
446
450
  align: { type: String, default: "auto" },
@@ -569,7 +573,7 @@ const ve = /* @__PURE__ */ m(ye, [["render", be], ["__scopeId", "data-v-55cbd0aa
569
573
  }
570
574
  };
571
575
  function _e(e, n, t, o, a, s) {
572
- return d(), b(w(t.tagName), {
576
+ return d(), b(I(t.tagName), {
573
577
  class: f(["HGroup", [
574
578
  `HGroup-align-${t.align}`,
575
579
  `HGroup-justify-${t.justify}`,
@@ -586,14 +590,14 @@ function _e(e, n, t, o, a, s) {
586
590
  }, 8, ["class"]);
587
591
  }
588
592
  l(_e, "_sfc_render$a");
589
- const Se = /* @__PURE__ */ m(ge, [["render", _e], ["__scopeId", "data-v-0abfef17"]]), ke = {}, Ie = { class: "HStack" };
590
- function we(e, n, t, o, a, s) {
591
- return d(), c("div", Ie, [
593
+ const Se = /* @__PURE__ */ m(ge, [["render", _e], ["__scopeId", "data-v-0abfef17"]]), ke = {}, we = { class: "HStack" };
594
+ function Ie(e, n, t, o, a, s) {
595
+ return d(), c("div", we, [
592
596
  p(e.$slots, "default", {}, void 0, !0)
593
597
  ]);
594
598
  }
595
- l(we, "_sfc_render$9");
596
- const Be = /* @__PURE__ */ m(ke, [["render", we], ["__scopeId", "data-v-48a370d0"]]), $e = {
599
+ l(Ie, "_sfc_render$9");
600
+ const Be = /* @__PURE__ */ m(ke, [["render", Ie], ["__scopeId", "data-v-48a370d0"]]), $e = {
597
601
  props: {
598
602
  dir: { type: String, default: "top" },
599
603
  label: { type: String }
@@ -665,7 +669,7 @@ const N = /* @__PURE__ */ m($e, [["render", Te], ["__scopeId", "data-v-1ba502f2"
665
669
  }, Ae = { class: "Container" };
666
670
  function Ne(e, n, t, o, a, s) {
667
671
  const i = k("Tab");
668
- return d(), b(w(t.tagName), {
672
+ return d(), b(I(t.tagName), {
669
673
  class: f(["InputBase", [
670
674
  `InputBase-${t.size}`,
671
675
  {
@@ -998,7 +1002,7 @@ const at = /* @__PURE__ */ m(nt, [["render", st], ["__scopeId", "data-v-3c0176d0
998
1002
  }
999
1003
  };
1000
1004
  function it(e, n, t, o, a, s) {
1001
- return d(), b(w(t.tagName), {
1005
+ return d(), b(I(t.tagName), {
1002
1006
  class: f(["VGroup", [
1003
1007
  `VGroup-align-${t.align}`,
1004
1008
  `VGroup-justify-${t.justify}`,
package/dist/lib/components/Btn.vue.d.ts CHANGED
@@ -53,6 +53,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
53
53
  type: BooleanConstructor;
54
54
  default: boolean;
55
55
  };
56
+ flat: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
60
+ shadow: {
61
+ type: BooleanConstructor;
62
+ default: boolean;
63
+ };
56
64
  pseudoFocus: {
57
65
  type: BooleanConstructor;
58
66
  default: boolean;
@@ -126,6 +134,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
126
134
  type: BooleanConstructor;
127
135
  default: boolean;
128
136
  };
137
+ flat: {
138
+ type: BooleanConstructor;
139
+ default: boolean;
140
+ };
141
+ shadow: {
142
+ type: BooleanConstructor;
143
+ default: boolean;
144
+ };
129
145
  pseudoFocus: {
130
146
  type: BooleanConstructor;
131
147
  default: boolean;
@@ -148,6 +164,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
148
164
  block: boolean;
149
165
  round: boolean;
150
166
  outline: boolean;
167
+ flat: boolean;
168
+ shadow: boolean;
151
169
  pseudoFocus: boolean;
152
170
  pseudoHover: boolean;
153
171
  pseudoActive: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nightshade",
3
- "version": "1.2.4",
3
+ "version": "1.3.0",
4
4
  "description": "Vue UI library & design system",
5
5
  "type": "module",
6
6
  "exports": {
package/stylesheets/variables/color-tokens.css CHANGED
@@ -5,110 +5,133 @@
5
5
  --color-base-2: hsl(280deg, 10%, 92%);
6
6
  --color-base-3: hsl(280deg, 10%, 88%);
7
7
  --color-base-4: hsl(280deg, 10%, 80%);
8
+ --color-base-5: hsl(280deg, 10%, 75%);
8
9
 
9
10
  --color-text-0: hsl(280deg, 10%, 20%);
10
11
  --color-text-1: hsl(280deg, 10%, 48%);
11
12
  --color-text-2: hsl(280deg, 10%, 64%);
12
13
  --color-text-3: hsl(280deg, 10%, 72%);
13
14
  --color-text-4: hsl(280deg, 10%, 78%);
15
+ --color-text-5: hsl(280deg, 10%, 75%);
14
16
 
15
17
  --color-default-0: var(--color-base-0);
16
18
  --color-default-1: var(--color-base-1);
17
19
  --color-default-2: var(--color-base-2);
18
20
  --color-default-3: var(--color-base-3);
19
21
  --color-default-4: var(--color-base-4);
22
+ --color-default-5: var(--color-base-5);
20
23
 
21
24
  --color-primary-0: hsl(310deg, 64%, 75%);
22
25
  --color-primary-1: hsl(310deg, 64%, 64%);
23
26
  --color-primary-2: hsl(310deg, 64%, 50%);
24
27
  --color-primary-3: hsl(310deg, 64%, 44%);
25
- --color-primary-4: hsl(310deg, 64%, 24%);
28
+ --color-primary-4: hsl(310deg, 64%, 36%);
29
+ --color-primary-5: hsl(310deg, 64%, 24%);
26
30
  --color-primary-text: #fff;
27
31
 
28
32
  --color-secondary-0: hsl(290deg, 50%, 80%);
29
33
  --color-secondary-1: hsl(290deg, 50%, 68%);
30
34
  --color-secondary-2: hsl(290deg, 50%, 60%);
31
35
  --color-secondary-3: hsl(290deg, 50%, 48%);
32
- --color-secondary-4: hsl(290deg, 50%, 24%);
36
+ --color-secondary-4: hsl(290deg, 50%, 40%);
37
+ --color-secondary-5: hsl(290deg, 50%, 24%);
33
38
  --color-secondary-text: #fff;
34
39
 
35
40
  --color-tertiary-0: hsl(176deg, 50%, 78%);
36
41
  --color-tertiary-1: hsl(176deg, 50%, 72%);
37
42
  --color-tertiary-2: hsl(176deg, 50%, 50%);
38
43
  --color-tertiary-3: hsl(176deg, 50%, 44%);
39
- --color-tertiary-4: hsl(176deg, 28%, 24%);
44
+ --color-tertiary-4: hsl(176deg, 50%, 40%);
45
+ --color-tertiary-5: hsl(176deg, 50%, 24%);
40
46
  --color-tertiary-text: #fff;
41
47
 
42
48
  --color-success-0: hsl(96deg, 60%, 80%);
43
49
  --color-success-1: hsl(96deg, 60%, 72%);
44
- --color-success-2: hsl(96deg, 60%, 56%);
45
- --color-success-3: hsl(96deg, 60%, 48%);
46
- --color-success-4: hsl(96deg, 40%, 28%);
50
+ --color-success-2: hsl(96deg, 60%, 52%);
51
+ --color-success-3: hsl(96deg, 60%, 44%);
52
+ --color-success-4: hsl(96deg, 40%, 40%);
53
+ --color-success-5: hsl(96deg, 40%, 24%);
47
54
  --color-success-text: #fff;
48
55
 
49
56
  --color-warning-0: hsl(48deg, 88%, 85%);
50
57
  --color-warning-1: hsl(48deg, 88%, 80%);
51
58
  --color-warning-2: hsl(48deg, 88%, 60%);
52
59
  --color-warning-3: hsl(48deg, 88%, 48%);
53
- --color-warning-4: hsl(48deg, 60%, 28%);
60
+ --color-warning-4: hsl(48deg, 60%, 40%);
61
+ --color-warning-5: hsl(48deg, 60%, 24%);
54
62
  --color-warning-text: #000;
55
63
 
56
64
  --color-danger-0: hsl(350deg, 82%, 88%);
57
65
  --color-danger-1: hsl(350deg, 82%, 68%);
58
66
  --color-danger-2: hsl(350deg, 82%, 60%);
59
67
  --color-danger-3: hsl(350deg, 82%, 52%);
60
- --color-danger-4: hsl(350deg, 60%, 32%);
68
+ --color-danger-4: hsl(350deg, 60%, 44%);
69
+ --color-danger-5: hsl(350deg, 60%, 28%);
61
70
  --color-danger-text: #fff;
62
71
 
63
72
  --color-default: var(--color-text-0);
64
73
  --color-default-text: var(--color-text-0);
74
+ --color-default-border-color: var(--color-default-4);
75
+ --color-default-surface: var(--color-default-2);
65
76
  --color-default-surface-top: var(--color-default-1);
66
77
  --color-default-surface-bottom: var(--color-default-3);
67
78
  --color-default-focus: var(--color-primary-focus);
68
79
  --color-default-outline: var(--color-default-2);
69
- --color-default-shadow: var(--color-default-4);
80
+ --color-default-shadow: var(--color-default-5);
70
81
 
71
82
  --color-primary: var(--color-primary-2);
83
+ --color-primary-border-color: var(--color-primary-4);
84
+ --color-primary-surface: var(--color-primary-2);
72
85
  --color-primary-surface-top: var(--color-primary-1);
73
86
  --color-primary-surface-bottom: var(--color-primary-3);
74
87
  --color-primary-focus: var(--color-primary-0);
75
88
  --color-primary-outline: var(--color-primary-2);
76
- --color-primary-shadow: var(--color-primary-4);
89
+ --color-primary-shadow: var(--color-primary-5);
77
90
 
78
91
  --color-secondary: var(--color-secondary-2);
92
+ --color-secondary-border-color: var(--color-secondary-4);
93
+ --color-secondary-surface: var(--color-secondary-2);
79
94
  --color-secondary-surface-top: var(--color-secondary-1);
80
95
  --color-secondary-surface-bottom: var(--color-secondary-3);
81
96
  --color-secondary-focus: var(--color-secondary-0);
82
97
  --color-secondary-outline: var(--color-secondary-2);
83
- --color-secondary-shadow: var(--color-secondary-4);
98
+ --color-secondary-shadow: var(--color-secondary-5);
84
99
 
85
100
  --color-tertiary: var(--color-tertiary-2);
101
+ --color-tertiary-border-color: var(--color-tertiary-4);
102
+ --color-tertiary-surface: var(--color-tertiary-2);
86
103
  --color-tertiary-surface-top: var(--color-tertiary-1);
87
104
  --color-tertiary-surface-bottom: var(--color-tertiary-3);
88
105
  --color-tertiary-focus: var(--color-tertiary-0);
89
106
  --color-tertiary-outline: var(--color-tertiary-2);
90
- --color-tertiary-shadow: var(--color-tertiary-4);
107
+ --color-tertiary-shadow: var(--color-tertiary-5);
91
108
 
92
109
  --color-success: var(--color-success-2);
110
+ --color-success-border-color: var(--color-success-4);
111
+ --color-success-surface: var(--color-success-2);
93
112
  --color-success-surface-top: var(--color-success-1);
94
113
  --color-success-surface-bottom: var(--color-success-3);
95
114
  --color-success-focus: var(--color-success-0);
96
115
  --color-success-outline: var(--color-success-2);
97
- --color-success-shadow: var(--color-success-4);
116
+ --color-success-shadow: var(--color-success-5);
98
117
 
99
118
  --color-warning: var(--color-warning-3);
119
+ --color-warning-border-color: var(--color-warning-4);
120
+ --color-warning-surface: var(--color-warning-3);
100
121
  --color-warning-surface-top: var(--color-warning-1);
101
122
  --color-warning-surface-bottom: var(--color-warning-3);
102
123
  --color-warning-focus: var(--color-warning-0);
103
124
  --color-warning-outline: var(--color-warning-2);
104
- --color-warning-shadow: var(--color-warning-4);
125
+ --color-warning-shadow: var(--color-warning-5);
105
126
 
106
127
  --color-danger: var(--color-danger-2);
128
+ --color-danger-border-color: var(--color-danger-4);
129
+ --color-danger-surface: var(--color-danger-2);
107
130
  --color-danger-surface-top: var(--color-danger-1);
108
131
  --color-danger-surface-bottom: var(--color-danger-3);
109
132
  --color-danger-focus: var(--color-danger-0);
110
133
  --color-danger-outline: var(--color-danger-2);
111
- --color-danger-shadow: var(--color-danger-4);
134
+ --color-danger-shadow: var(--color-danger-5);
112
135
 
113
136
  }
114
137
 
package/stylesheets/variables/type-tokens.css ADDED
@@ -0,0 +1,18 @@
1
+ :root {
2
+ --color-type-any: var(--color-base-3);
3
+ --color-type-any-alt: var(--color-text-3);
4
+ --color-type-null: var(--color-base-3);
5
+ --color-type-null-alt: var(--color-text-3);
6
+ --color-type-number: hsl(48deg, 80%, 60%);
7
+ --color-type-number-alt: hsl(48deg, 100%, 40%);
8
+ --color-type-integer: hsl(48deg, 80%, 60%);
9
+ --color-type-integer-alt: hsl(48deg, 100%, 40%);
10
+ --color-type-string: hsl(132deg, 50%, 70%);
11
+ --color-type-string-alt: hsl(132deg, 40%, 50%);
12
+ --color-type-boolean: hsl(192deg, 60%, 70%);
13
+ --color-type-boolean-alt: hsl(192deg, 60%, 50%);
14
+ --color-type-object: hsl(264deg, 60%, 80%);
15
+ --color-type-object-alt: hsl(264deg, 40%, 65%);
16
+ --color-type-array: hsl(320deg, 60%, 70%);
17
+ --color-type-array-alt: hsl(320deg, 60%, 60%);
18
+ }
package/stylesheets/variables.css CHANGED
@@ -1,4 +1,5 @@
1
- @import './variables/spacing.css';
2
- @import './variables/typography.css';
3
1
  @import './variables/color-tokens.css';
4
2
  @import './variables/commons.css';
3
+ @import './variables/spacing.css';
4
+ @import './variables/type-tokens.css';
5
+ @import './variables/typography.css';