@vialiq/flux-ui 0.0.3 → 0.0.5
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/components/_button.scss +4 -1
- package/flux-ui.css +1 -1
- package/flux-ui.css.map +1 -1
- package/index.d.ts.map +1 -0
- package/package.json +10 -11
- package/styles/_theme.scss +24 -6
- package/styles/_variables.scss +106 -65
- package/styles/index.d.ts.map +1 -0
- package/tokens/index.d.ts.map +1 -0
package/components/_button.scss
CHANGED
|
@@ -22,6 +22,9 @@
|
|
|
22
22
|
line-height: #{tokens.$line-height-tight};
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
user-select: none;
|
|
25
|
-
transition:
|
|
25
|
+
transition:
|
|
26
|
+
opacity var(--vi-button-effect-transition-duration, 160ms) ease,
|
|
27
|
+
box-shadow var(--vi-button-effect-transition-duration, 160ms) ease,
|
|
28
|
+
transform var(--vi-button-effect-transition-duration, 160ms) ease;
|
|
26
29
|
}
|
|
27
30
|
}
|
package/flux-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset, components, utilities;:root{--vi-color-grey-100: strip-units(var(--vi-color-grey-100, #f3f4f6));--vi-color-grey-200: strip-units(var(--vi-color-grey-200, #e5e7eb));--vi-color-grey-300: strip-units(var(--vi-color-grey-300, #d1d5db));--vi-color-grey-400: strip-units(var(--vi-color-grey-400, #9ca3af));--vi-color-grey-500: strip-units(var(--vi-color-grey-500, #6b7280));--vi-color-grey-600: strip-units(var(--vi-color-grey-600, #4b5563));--vi-color-grey-700: strip-units(var(--vi-color-grey-700, #374151));--vi-color-grey-800: strip-units(var(--vi-color-grey-800, #1f2937));--vi-color-grey-900: strip-units(var(--vi-color-grey-900, #111827));--vi-color-red-100: strip-units(var(--vi-color-red-100, #fee2e2));--vi-color-red-200: strip-units(var(--vi-color-red-200, #fecaca));--vi-color-red-300: strip-units(var(--vi-color-red-300, #fca5a5));--vi-color-red-400: strip-units(var(--vi-color-red-400, #f87171));--vi-color-red-500: strip-units(var(--vi-color-red-500, #ef4444));--vi-color-red-600: strip-units(var(--vi-color-red-600, #dc2626));--vi-color-red-700: strip-units(var(--vi-color-red-700, #b91c1c));--vi-color-red-800: strip-units(var(--vi-color-red-800, #991b1b));--vi-color-red-900: strip-units(var(--vi-color-red-900, #7f1d1d));--vi-color-yellow-100: strip-units(var(--vi-color-yellow-100, #fef9c3));--vi-color-yellow-200: strip-units(var(--vi-color-yellow-200, #fef08a));--vi-color-yellow-300: strip-units(var(--vi-color-yellow-300, #fde047));--vi-color-yellow-400: strip-units(var(--vi-color-yellow-400, #facc15));--vi-color-yellow-500: strip-units(var(--vi-color-yellow-500, #eab308));--vi-color-yellow-600: strip-units(var(--vi-color-yellow-600, #ca8a04));--vi-color-yellow-700: strip-units(var(--vi-color-yellow-700, #a16207));--vi-color-yellow-800: strip-units(var(--vi-color-yellow-800, #854d0e));--vi-color-yellow-900: strip-units(var(--vi-color-yellow-900, #713f12));--vi-color-green-100: strip-units(var(--vi-color-green-100, #dcfce7));--vi-color-green-200: strip-units(var(--vi-color-green-200, #bbf7d0));--vi-color-green-300: strip-units(var(--vi-color-green-300, #86efac));--vi-color-green-400: strip-units(var(--vi-color-green-400, #4ade80));--vi-color-green-500: strip-units(var(--vi-color-green-500, #22c55e));--vi-color-green-600: strip-units(var(--vi-color-green-600, #16a34a));--vi-color-green-700: strip-units(var(--vi-color-green-700, #15803d));--vi-color-green-800: strip-units(var(--vi-color-green-800, #166534));--vi-color-green-900: strip-units(var(--vi-color-green-900, #14532d));--vi-color-blue-100: strip-units(var(--vi-color-blue-100, #dbeafe));--vi-color-blue-200: strip-units(var(--vi-color-blue-200, #bfdbfe));--vi-color-blue-300: strip-units(var(--vi-color-blue-300, #93c5fd));--vi-color-blue-400: strip-units(var(--vi-color-blue-400, #60a5fa));--vi-color-blue-500: strip-units(var(--vi-color-blue-500, #3b82f6));--vi-color-blue-600: strip-units(var(--vi-color-blue-600, #2563eb));--vi-color-blue-700: strip-units(var(--vi-color-blue-700, #1d4ed8));--vi-color-blue-800: strip-units(var(--vi-color-blue-800, #1e40af));--vi-color-blue-900: strip-units(var(--vi-color-blue-900, #1e3a8a));--vi-color-purple-100: strip-units(var(--vi-color-purple-100, #f3e8ff));--vi-color-purple-200: strip-units(var(--vi-color-purple-200, #e9d5ff));--vi-color-purple-300: strip-units(var(--vi-color-purple-300, #d8b4fe));--vi-color-purple-400: strip-units(var(--vi-color-purple-400, #c084fc));--vi-color-purple-500: strip-units(var(--vi-color-purple-500, #a855f7));--vi-color-purple-600: strip-units(var(--vi-color-purple-600, #9333ea));--vi-color-purple-700: strip-units(var(--vi-color-purple-700, #7e22ce));--vi-color-purple-800: strip-units(var(--vi-color-purple-800, #6b21a8));--vi-color-purple-900: strip-units(var(--vi-color-purple-900, #581c87));--vi-color-primary: strip-units(var(--vi-color-primary, #0066cc));--vi-color-secondary: strip-units(var(--vi-color-secondary, #f0f4f8));--vi-color-success: strip-units(var(--vi-color-success, #22c55e));--vi-color-warning: strip-units(var(--vi-color-warning, #eab308));--vi-color-error: strip-units(var(--vi-color-error, #ef4444));--vi-color-info: strip-units(var(--vi-color-info, #3b82f6));--vi-color-background: strip-units(var(--vi-color-background, #ffffff));--vi-color-foreground: strip-units(var(--vi-color-foreground, #111827));--vi-color-border: strip-units(var(--vi-color-border, #e5e7eb));--vi-spacing-xs: strip-units(var(--vi-spacing-xs, 8px));--vi-spacing-sm: strip-units(var(--vi-spacing-sm, 16px));--vi-spacing-md: strip-units(var(--vi-spacing-md, 24px));--vi-spacing-lg: strip-units(var(--vi-spacing-lg, 32px));--vi-spacing-xl: strip-units(var(--vi-spacing-xl, 40px));--vi-spacing-2xl: strip-units(var(--vi-spacing-2xl, 48px));--vi-spacing-3xl: strip-units(var(--vi-spacing-3xl, 56px));--vi-font-family-base: strip-units(var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));--vi-font-family-mono: strip-units(var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));--vi-font-size-xs: strip-units(var(--vi-font-size-xs, 12px));--vi-font-size-sm: strip-units(var(--vi-font-size-sm, 14px));--vi-font-size-base: strip-units(var(--vi-font-size-base, 16px));--vi-font-size-lg: strip-units(var(--vi-font-size-lg, 18px));--vi-font-size-xl: strip-units(var(--vi-font-size-xl, 20px));--vi-font-size-2xl: strip-units(var(--vi-font-size-2xl, 24px));--vi-font-size-3xl: strip-units(var(--vi-font-size-3xl, 30px));--vi-font-weight-light: strip-units(var(--vi-font-weight-light, 300));--vi-font-weight-normal: strip-units(var(--vi-font-weight-normal, 400));--vi-font-weight-medium: strip-units(var(--vi-font-weight-medium, 500));--vi-font-weight-semibold: strip-units(var(--vi-font-weight-semibold, 600));--vi-font-weight-bold: strip-units(var(--vi-font-weight-bold, 700));--vi-line-height-tight: strip-units(var(--vi-line-height-tight, 1.2));--vi-line-height-normal: strip-units(var(--vi-line-height-normal, 1.5));--vi-line-height-relaxed: strip-units(var(--vi-line-height-relaxed, 1.75));--vi-shadow-sm: strip-units(var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)));--vi-shadow-md: strip-units(var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)));--vi-shadow-lg: strip-units(var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)));--vi-shadow-xl: strip-units(var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1)));--vi-border-radius-sm: strip-units(var(--vi-border-radius-sm, 2px));--vi-border-radius-md: strip-units(var(--vi-border-radius-md, 4px));--vi-border-radius-lg: strip-units(var(--vi-border-radius-lg, 8px));--vi-border-radius-xl: strip-units(var(--vi-border-radius-xl, 12px));--vi-border-width-thin: strip-units(var(--vi-border-width-thin, 1px));--vi-border-width-base: strip-units(var(--vi-border-width-base, 2px));--vi-border-width-thick: strip-units(var(--vi-border-width-thick, 3px))}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vi-font-size-base, 16px);line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-color-foreground, #111827);background-color:var(--vi-color-background, #ffffff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6,ul,ol,dl{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}code,pre,samp{font-family:var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace);font-size:1em}pre{margin:0;overflow:auto}button,input,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15}button,input[type=button],input[type=reset],input[type=submit]{background:rgba(0,0,0,0);border:0;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}input[type=checkbox]{padding:0;-webkit-appearance:checkbox}input[type=radio]{padding:0;-webkit-appearance:radio}textarea{overflow:auto;resize:vertical}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img,svg{max-width:100%;height:auto;display:block}img{border:0;vertical-align:middle}iframe,video{max-width:100%}[hidden]{display:none}hr{margin:0;border:0;border-top:1px solid var(--vi-color-border, #e5e7eb)}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-container{max-width:1200px;margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}}@layer utilities{.m-xs{margin:var(--vi-spacing-xs, 8px)}.mx-xs{margin-left:var(--vi-spacing-xs, 8px);margin-right:var(--vi-spacing-xs, 8px)}.my-xs{margin-top:var(--vi-spacing-xs, 8px);margin-bottom:var(--vi-spacing-xs, 8px)}.mt-xs{margin-top:var(--vi-spacing-xs, 8px)}.mr-xs{margin-right:var(--vi-spacing-xs, 8px)}.mb-xs{margin-bottom:var(--vi-spacing-xs, 8px)}.ml-xs{margin-left:var(--vi-spacing-xs, 8px)}.m-sm{margin:var(--vi-spacing-sm, 16px)}.mx-sm{margin-left:var(--vi-spacing-sm, 16px);margin-right:var(--vi-spacing-sm, 16px)}.my-sm{margin-top:var(--vi-spacing-sm, 16px);margin-bottom:var(--vi-spacing-sm, 16px)}.mt-sm{margin-top:var(--vi-spacing-sm, 16px)}.mr-sm{margin-right:var(--vi-spacing-sm, 16px)}.mb-sm{margin-bottom:var(--vi-spacing-sm, 16px)}.ml-sm{margin-left:var(--vi-spacing-sm, 16px)}.m-md{margin:var(--vi-spacing-md, 24px)}.mx-md{margin-left:var(--vi-spacing-md, 24px);margin-right:var(--vi-spacing-md, 24px)}.my-md{margin-top:var(--vi-spacing-md, 24px);margin-bottom:var(--vi-spacing-md, 24px)}.mt-md{margin-top:var(--vi-spacing-md, 24px)}.mr-md{margin-right:var(--vi-spacing-md, 24px)}.mb-md{margin-bottom:var(--vi-spacing-md, 24px)}.ml-md{margin-left:var(--vi-spacing-md, 24px)}.m-lg{margin:var(--vi-spacing-lg, 32px)}.mx-lg{margin-left:var(--vi-spacing-lg, 32px);margin-right:var(--vi-spacing-lg, 32px)}.my-lg{margin-top:var(--vi-spacing-lg, 32px);margin-bottom:var(--vi-spacing-lg, 32px)}.mt-lg{margin-top:var(--vi-spacing-lg, 32px)}.mr-lg{margin-right:var(--vi-spacing-lg, 32px)}.mb-lg{margin-bottom:var(--vi-spacing-lg, 32px)}.ml-lg{margin-left:var(--vi-spacing-lg, 32px)}.m-xl{margin:var(--vi-spacing-xl, 40px)}.mx-xl{margin-left:var(--vi-spacing-xl, 40px);margin-right:var(--vi-spacing-xl, 40px)}.my-xl{margin-top:var(--vi-spacing-xl, 40px);margin-bottom:var(--vi-spacing-xl, 40px)}.mt-xl{margin-top:var(--vi-spacing-xl, 40px)}.mr-xl{margin-right:var(--vi-spacing-xl, 40px)}.mb-xl{margin-bottom:var(--vi-spacing-xl, 40px)}.ml-xl{margin-left:var(--vi-spacing-xl, 40px)}.m-2xl{margin:var(--vi-spacing-2xl, 48px)}.mx-2xl{margin-left:var(--vi-spacing-2xl, 48px);margin-right:var(--vi-spacing-2xl, 48px)}.my-2xl{margin-top:var(--vi-spacing-2xl, 48px);margin-bottom:var(--vi-spacing-2xl, 48px)}.mt-2xl{margin-top:var(--vi-spacing-2xl, 48px)}.mr-2xl{margin-right:var(--vi-spacing-2xl, 48px)}.mb-2xl{margin-bottom:var(--vi-spacing-2xl, 48px)}.ml-2xl{margin-left:var(--vi-spacing-2xl, 48px)}.m-3xl{margin:var(--vi-spacing-3xl, 56px)}.mx-3xl{margin-left:var(--vi-spacing-3xl, 56px);margin-right:var(--vi-spacing-3xl, 56px)}.my-3xl{margin-top:var(--vi-spacing-3xl, 56px);margin-bottom:var(--vi-spacing-3xl, 56px)}.mt-3xl{margin-top:var(--vi-spacing-3xl, 56px)}.mr-3xl{margin-right:var(--vi-spacing-3xl, 56px)}.mb-3xl{margin-bottom:var(--vi-spacing-3xl, 56px)}.ml-3xl{margin-left:var(--vi-spacing-3xl, 56px)}.p-xs{padding:var(--vi-spacing-xs, 8px)}.px-xs{padding-left:var(--vi-spacing-xs, 8px);padding-right:var(--vi-spacing-xs, 8px)}.py-xs{padding-top:var(--vi-spacing-xs, 8px);padding-bottom:var(--vi-spacing-xs, 8px)}.pt-xs{padding-top:var(--vi-spacing-xs, 8px)}.pr-xs{padding-right:var(--vi-spacing-xs, 8px)}.pb-xs{padding-bottom:var(--vi-spacing-xs, 8px)}.pl-xs{padding-left:var(--vi-spacing-xs, 8px)}.p-sm{padding:var(--vi-spacing-sm, 16px)}.px-sm{padding-left:var(--vi-spacing-sm, 16px);padding-right:var(--vi-spacing-sm, 16px)}.py-sm{padding-top:var(--vi-spacing-sm, 16px);padding-bottom:var(--vi-spacing-sm, 16px)}.pt-sm{padding-top:var(--vi-spacing-sm, 16px)}.pr-sm{padding-right:var(--vi-spacing-sm, 16px)}.pb-sm{padding-bottom:var(--vi-spacing-sm, 16px)}.pl-sm{padding-left:var(--vi-spacing-sm, 16px)}.p-md{padding:var(--vi-spacing-md, 24px)}.px-md{padding-left:var(--vi-spacing-md, 24px);padding-right:var(--vi-spacing-md, 24px)}.py-md{padding-top:var(--vi-spacing-md, 24px);padding-bottom:var(--vi-spacing-md, 24px)}.pt-md{padding-top:var(--vi-spacing-md, 24px)}.pr-md{padding-right:var(--vi-spacing-md, 24px)}.pb-md{padding-bottom:var(--vi-spacing-md, 24px)}.pl-md{padding-left:var(--vi-spacing-md, 24px)}.p-lg{padding:var(--vi-spacing-lg, 32px)}.px-lg{padding-left:var(--vi-spacing-lg, 32px);padding-right:var(--vi-spacing-lg, 32px)}.py-lg{padding-top:var(--vi-spacing-lg, 32px);padding-bottom:var(--vi-spacing-lg, 32px)}.pt-lg{padding-top:var(--vi-spacing-lg, 32px)}.pr-lg{padding-right:var(--vi-spacing-lg, 32px)}.pb-lg{padding-bottom:var(--vi-spacing-lg, 32px)}.pl-lg{padding-left:var(--vi-spacing-lg, 32px)}.p-xl{padding:var(--vi-spacing-xl, 40px)}.px-xl{padding-left:var(--vi-spacing-xl, 40px);padding-right:var(--vi-spacing-xl, 40px)}.py-xl{padding-top:var(--vi-spacing-xl, 40px);padding-bottom:var(--vi-spacing-xl, 40px)}.pt-xl{padding-top:var(--vi-spacing-xl, 40px)}.pr-xl{padding-right:var(--vi-spacing-xl, 40px)}.pb-xl{padding-bottom:var(--vi-spacing-xl, 40px)}.pl-xl{padding-left:var(--vi-spacing-xl, 40px)}.p-2xl{padding:var(--vi-spacing-2xl, 48px)}.px-2xl{padding-left:var(--vi-spacing-2xl, 48px);padding-right:var(--vi-spacing-2xl, 48px)}.py-2xl{padding-top:var(--vi-spacing-2xl, 48px);padding-bottom:var(--vi-spacing-2xl, 48px)}.pt-2xl{padding-top:var(--vi-spacing-2xl, 48px)}.pr-2xl{padding-right:var(--vi-spacing-2xl, 48px)}.pb-2xl{padding-bottom:var(--vi-spacing-2xl, 48px)}.pl-2xl{padding-left:var(--vi-spacing-2xl, 48px)}.p-3xl{padding:var(--vi-spacing-3xl, 56px)}.px-3xl{padding-left:var(--vi-spacing-3xl, 56px);padding-right:var(--vi-spacing-3xl, 56px)}.py-3xl{padding-top:var(--vi-spacing-3xl, 56px);padding-bottom:var(--vi-spacing-3xl, 56px)}.pt-3xl{padding-top:var(--vi-spacing-3xl, 56px)}.pr-3xl{padding-right:var(--vi-spacing-3xl, 56px)}.pb-3xl{padding-bottom:var(--vi-spacing-3xl, 56px)}.pl-3xl{padding-left:var(--vi-spacing-3xl, 56px)}.text-xs{font-size:var(--vi-font-size-xs, 12px)}.text-sm{font-size:var(--vi-font-size-sm, 14px)}.text-base{font-size:var(--vi-font-size-base, 16px)}.text-lg{font-size:var(--vi-font-size-lg, 18px)}.text-xl{font-size:var(--vi-font-size-xl, 20px)}.text-2xl{font-size:var(--vi-font-size-2xl, 24px)}.text-3xl{font-size:var(--vi-font-size-3xl, 30px)}.font-light{font-weight:var(--vi-font-weight-light, 300)}.font-normal{font-weight:var(--vi-font-weight-normal, 400)}.font-medium{font-weight:var(--vi-font-weight-medium, 500)}.font-semibold{font-weight:var(--vi-font-weight-semibold, 600)}.font-bold{font-weight:var(--vi-font-weight-bold, 700)}.leading-tight{line-height:var(--vi-line-height-tight, 1.2)}.leading-normal{line-height:var(--vi-line-height-normal, 1.5)}.leading-relaxed{line-height:var(--vi-line-height-relaxed, 1.75)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--vi-color-primary, #0066cc)}.bg-primary{background-color:var(--vi-color-primary, #0066cc)}.border-primary{border-color:var(--vi-color-primary, #0066cc)}.text-secondary{color:var(--vi-color-secondary, #f0f4f8)}.bg-secondary{background-color:var(--vi-color-secondary, #f0f4f8)}.border-secondary{border-color:var(--vi-color-secondary, #f0f4f8)}.text-success{color:var(--vi-color-success, #22c55e)}.bg-success{background-color:var(--vi-color-success, #22c55e)}.border-success{border-color:var(--vi-color-success, #22c55e)}.text-warning{color:var(--vi-color-warning, #eab308)}.bg-warning{background-color:var(--vi-color-warning, #eab308)}.border-warning{border-color:var(--vi-color-warning, #eab308)}.text-error{color:var(--vi-color-error, #ef4444)}.bg-error{background-color:var(--vi-color-error, #ef4444)}.border-error{border-color:var(--vi-color-error, #ef4444)}.text-info{color:var(--vi-color-info, #3b82f6)}.bg-info{background-color:var(--vi-color-info, #3b82f6)}.border-info{border-color:var(--vi-color-info, #3b82f6)}.text-grey-100{color:var(--vi-color-grey-100, #f3f4f6)}.bg-grey-100{background-color:var(--vi-color-grey-100, #f3f4f6)}.text-grey-200{color:var(--vi-color-grey-200, #e5e7eb)}.bg-grey-200{background-color:var(--vi-color-grey-200, #e5e7eb)}.text-grey-300{color:var(--vi-color-grey-300, #d1d5db)}.bg-grey-300{background-color:var(--vi-color-grey-300, #d1d5db)}.text-grey-400{color:var(--vi-color-grey-400, #9ca3af)}.bg-grey-400{background-color:var(--vi-color-grey-400, #9ca3af)}.text-grey-500{color:var(--vi-color-grey-500, #6b7280)}.bg-grey-500{background-color:var(--vi-color-grey-500, #6b7280)}.text-grey-600{color:var(--vi-color-grey-600, #4b5563)}.bg-grey-600{background-color:var(--vi-color-grey-600, #4b5563)}.text-grey-700{color:var(--vi-color-grey-700, #374151)}.bg-grey-700{background-color:var(--vi-color-grey-700, #374151)}.text-grey-800{color:var(--vi-color-grey-800, #1f2937)}.bg-grey-800{background-color:var(--vi-color-grey-800, #1f2937)}.text-grey-900{color:var(--vi-color-grey-900, #111827)}.bg-grey-900{background-color:var(--vi-color-grey-900, #111827)}.text-red-100{color:var(--vi-color-red-100, #fee2e2)}.bg-red-100{background-color:var(--vi-color-red-100, #fee2e2)}.text-red-200{color:var(--vi-color-red-200, #fecaca)}.bg-red-200{background-color:var(--vi-color-red-200, #fecaca)}.text-red-300{color:var(--vi-color-red-300, #fca5a5)}.bg-red-300{background-color:var(--vi-color-red-300, #fca5a5)}.text-red-400{color:var(--vi-color-red-400, #f87171)}.bg-red-400{background-color:var(--vi-color-red-400, #f87171)}.text-red-500{color:var(--vi-color-red-500, #ef4444)}.bg-red-500{background-color:var(--vi-color-red-500, #ef4444)}.text-red-600{color:var(--vi-color-red-600, #dc2626)}.bg-red-600{background-color:var(--vi-color-red-600, #dc2626)}.text-red-700{color:var(--vi-color-red-700, #b91c1c)}.bg-red-700{background-color:var(--vi-color-red-700, #b91c1c)}.text-red-800{color:var(--vi-color-red-800, #991b1b)}.bg-red-800{background-color:var(--vi-color-red-800, #991b1b)}.text-red-900{color:var(--vi-color-red-900, #7f1d1d)}.bg-red-900{background-color:var(--vi-color-red-900, #7f1d1d)}.text-yellow-100{color:var(--vi-color-yellow-100, #fef9c3)}.bg-yellow-100{background-color:var(--vi-color-yellow-100, #fef9c3)}.text-yellow-200{color:var(--vi-color-yellow-200, #fef08a)}.bg-yellow-200{background-color:var(--vi-color-yellow-200, #fef08a)}.text-yellow-300{color:var(--vi-color-yellow-300, #fde047)}.bg-yellow-300{background-color:var(--vi-color-yellow-300, #fde047)}.text-yellow-400{color:var(--vi-color-yellow-400, #facc15)}.bg-yellow-400{background-color:var(--vi-color-yellow-400, #facc15)}.text-yellow-500{color:var(--vi-color-yellow-500, #eab308)}.bg-yellow-500{background-color:var(--vi-color-yellow-500, #eab308)}.text-yellow-600{color:var(--vi-color-yellow-600, #ca8a04)}.bg-yellow-600{background-color:var(--vi-color-yellow-600, #ca8a04)}.text-yellow-700{color:var(--vi-color-yellow-700, #a16207)}.bg-yellow-700{background-color:var(--vi-color-yellow-700, #a16207)}.text-yellow-800{color:var(--vi-color-yellow-800, #854d0e)}.bg-yellow-800{background-color:var(--vi-color-yellow-800, #854d0e)}.text-yellow-900{color:var(--vi-color-yellow-900, #713f12)}.bg-yellow-900{background-color:var(--vi-color-yellow-900, #713f12)}.text-green-100{color:var(--vi-color-green-100, #dcfce7)}.bg-green-100{background-color:var(--vi-color-green-100, #dcfce7)}.text-green-200{color:var(--vi-color-green-200, #bbf7d0)}.bg-green-200{background-color:var(--vi-color-green-200, #bbf7d0)}.text-green-300{color:var(--vi-color-green-300, #86efac)}.bg-green-300{background-color:var(--vi-color-green-300, #86efac)}.text-green-400{color:var(--vi-color-green-400, #4ade80)}.bg-green-400{background-color:var(--vi-color-green-400, #4ade80)}.text-green-500{color:var(--vi-color-green-500, #22c55e)}.bg-green-500{background-color:var(--vi-color-green-500, #22c55e)}.text-green-600{color:var(--vi-color-green-600, #16a34a)}.bg-green-600{background-color:var(--vi-color-green-600, #16a34a)}.text-green-700{color:var(--vi-color-green-700, #15803d)}.bg-green-700{background-color:var(--vi-color-green-700, #15803d)}.text-green-800{color:var(--vi-color-green-800, #166534)}.bg-green-800{background-color:var(--vi-color-green-800, #166534)}.text-green-900{color:var(--vi-color-green-900, #14532d)}.bg-green-900{background-color:var(--vi-color-green-900, #14532d)}.text-blue-100{color:var(--vi-color-blue-100, #dbeafe)}.bg-blue-100{background-color:var(--vi-color-blue-100, #dbeafe)}.text-blue-200{color:var(--vi-color-blue-200, #bfdbfe)}.bg-blue-200{background-color:var(--vi-color-blue-200, #bfdbfe)}.text-blue-300{color:var(--vi-color-blue-300, #93c5fd)}.bg-blue-300{background-color:var(--vi-color-blue-300, #93c5fd)}.text-blue-400{color:var(--vi-color-blue-400, #60a5fa)}.bg-blue-400{background-color:var(--vi-color-blue-400, #60a5fa)}.text-blue-500{color:var(--vi-color-blue-500, #3b82f6)}.bg-blue-500{background-color:var(--vi-color-blue-500, #3b82f6)}.text-blue-600{color:var(--vi-color-blue-600, #2563eb)}.bg-blue-600{background-color:var(--vi-color-blue-600, #2563eb)}.text-blue-700{color:var(--vi-color-blue-700, #1d4ed8)}.bg-blue-700{background-color:var(--vi-color-blue-700, #1d4ed8)}.text-blue-800{color:var(--vi-color-blue-800, #1e40af)}.bg-blue-800{background-color:var(--vi-color-blue-800, #1e40af)}.text-blue-900{color:var(--vi-color-blue-900, #1e3a8a)}.bg-blue-900{background-color:var(--vi-color-blue-900, #1e3a8a)}.text-purple-100{color:var(--vi-color-purple-100, #f3e8ff)}.bg-purple-100{background-color:var(--vi-color-purple-100, #f3e8ff)}.text-purple-200{color:var(--vi-color-purple-200, #e9d5ff)}.bg-purple-200{background-color:var(--vi-color-purple-200, #e9d5ff)}.text-purple-300{color:var(--vi-color-purple-300, #d8b4fe)}.bg-purple-300{background-color:var(--vi-color-purple-300, #d8b4fe)}.text-purple-400{color:var(--vi-color-purple-400, #c084fc)}.bg-purple-400{background-color:var(--vi-color-purple-400, #c084fc)}.text-purple-500{color:var(--vi-color-purple-500, #a855f7)}.bg-purple-500{background-color:var(--vi-color-purple-500, #a855f7)}.text-purple-600{color:var(--vi-color-purple-600, #9333ea)}.bg-purple-600{background-color:var(--vi-color-purple-600, #9333ea)}.text-purple-700{color:var(--vi-color-purple-700, #7e22ce)}.bg-purple-700{background-color:var(--vi-color-purple-700, #7e22ce)}.text-purple-800{color:var(--vi-color-purple-800, #6b21a8)}.bg-purple-800{background-color:var(--vi-color-purple-800, #6b21a8)}.text-purple-900{color:var(--vi-color-purple-900, #581c87)}.bg-purple-900{background-color:var(--vi-color-purple-900, #581c87)}.text-neutral-100{color:var(--vi-color-grey-100, #f3f4f6)}.bg-neutral-100{background-color:var(--vi-color-grey-100, #f3f4f6)}.border-neutral-100{border-color:var(--vi-color-grey-100, #f3f4f6)}.text-neutral-200{color:var(--vi-color-grey-200, #e5e7eb)}.bg-neutral-200{background-color:var(--vi-color-grey-200, #e5e7eb)}.border-neutral-200{border-color:var(--vi-color-grey-200, #e5e7eb)}.text-neutral-300{color:var(--vi-color-grey-300, #d1d5db)}.bg-neutral-300{background-color:var(--vi-color-grey-300, #d1d5db)}.border-neutral-300{border-color:var(--vi-color-grey-300, #d1d5db)}.text-neutral-400{color:var(--vi-color-grey-400, #9ca3af)}.bg-neutral-400{background-color:var(--vi-color-grey-400, #9ca3af)}.border-neutral-400{border-color:var(--vi-color-grey-400, #9ca3af)}.text-neutral-500{color:var(--vi-color-grey-500, #6b7280)}.bg-neutral-500{background-color:var(--vi-color-grey-500, #6b7280)}.border-neutral-500{border-color:var(--vi-color-grey-500, #6b7280)}.text-neutral-600{color:var(--vi-color-grey-600, #4b5563)}.bg-neutral-600{background-color:var(--vi-color-grey-600, #4b5563)}.border-neutral-600{border-color:var(--vi-color-grey-600, #4b5563)}.text-neutral-700{color:var(--vi-color-grey-700, #374151)}.bg-neutral-700{background-color:var(--vi-color-grey-700, #374151)}.border-neutral-700{border-color:var(--vi-color-grey-700, #374151)}.text-neutral-800{color:var(--vi-color-grey-800, #1f2937)}.bg-neutral-800{background-color:var(--vi-color-grey-800, #1f2937)}.border-neutral-800{border-color:var(--vi-color-grey-800, #1f2937)}.text-neutral-900{color:var(--vi-color-grey-900, #111827)}.bg-neutral-900{background-color:var(--vi-color-grey-900, #111827)}.border-neutral-900{border-color:var(--vi-color-grey-900, #111827)}.shadow-sm{box-shadow:var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.shadow-md{box-shadow:var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))}.shadow-lg{box-shadow:var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1))}.shadow-xl{box-shadow:var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1))}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--vi-border-radius-sm, 2px)}.rounded-md{border-radius:var(--vi-border-radius-md, 4px)}.rounded-lg{border-radius:var(--vi-border-radius-lg, 8px)}.rounded-xl{border-radius:var(--vi-border-radius-xl, 12px)}.rounded-full{border-radius:9999px}.border-thin{border-width:var(--vi-border-width-thin, 1px);border-style:solid}.border-base{border-width:var(--vi-border-width-base, 2px);border-style:solid}.border-thick{border-width:var(--vi-border-width-thick, 3px);border-style:solid}.z-hide{z-index:-1}.z-auto{z-index:auto}.z-base{z-index:0}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-backdrop{z-index:1040}.z-modal{z-index:1050}.z-popover{z-index:1060}.z-tooltip{z-index:1070}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-x-xs{column-gap:var(--vi-spacing-xs, 8px)}.gap-y-xs{row-gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-x-sm{column-gap:var(--vi-spacing-sm, 16px)}.gap-y-sm{row-gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-x-md{column-gap:var(--vi-spacing-md, 24px)}.gap-y-md{row-gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-x-lg{column-gap:var(--vi-spacing-lg, 32px)}.gap-y-lg{row-gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.gap-x-xl{column-gap:var(--vi-spacing-xl, 40px)}.gap-y-xl{row-gap:var(--vi-spacing-xl, 40px)}.gap-2xl{gap:var(--vi-spacing-2xl, 48px)}.gap-x-2xl{column-gap:var(--vi-spacing-2xl, 48px)}.gap-y-2xl{row-gap:var(--vi-spacing-2xl, 48px)}.gap-3xl{gap:var(--vi-spacing-3xl, 56px)}.gap-x-3xl{column-gap:var(--vi-spacing-3xl, 56px)}.gap-y-3xl{row-gap:var(--vi-spacing-3xl, 56px)}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.duration-100{transition-duration:100ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}}/*# sourceMappingURL=flux-ui.css.map */
|
|
1
|
+
@layer reset, components, utilities;:root{--vi-color-grey-100: strip-units(var(--vi-color-grey-100, #f5f5f5));--vi-color-grey-200: strip-units(var(--vi-color-grey-200, #eeeeee));--vi-color-grey-300: strip-units(var(--vi-color-grey-300, #e0e0e0));--vi-color-grey-400: strip-units(var(--vi-color-grey-400, #bdbdbd));--vi-color-grey-500: strip-units(var(--vi-color-grey-500, #9e9e9e));--vi-color-grey-600: strip-units(var(--vi-color-grey-600, #757575));--vi-color-grey-700: strip-units(var(--vi-color-grey-700, #616161));--vi-color-grey-800: strip-units(var(--vi-color-grey-800, #424242));--vi-color-grey-900: strip-units(var(--vi-color-grey-900, #212121));--vi-color-red-100: strip-units(var(--vi-color-red-100, #ffccce));--vi-color-red-200: strip-units(var(--vi-color-red-200, #f69892));--vi-color-red-300: strip-units(var(--vi-color-red-300, #ee6f68));--vi-color-red-400: strip-units(var(--vi-color-red-400, #f74d40));--vi-color-red-500: strip-units(var(--vi-color-red-500, #fb3c1e));--vi-color-red-600: strip-units(var(--vi-color-red-600, #ed3020));--vi-color-red-700: strip-units(var(--vi-color-red-700, #db231b));--vi-color-red-800: strip-units(var(--vi-color-red-800, #ce1a12));--vi-color-red-900: strip-units(var(--vi-color-red-900, #c00000));--vi-color-yellow-100: strip-units(var(--vi-color-yellow-100, #ffeab1));--vi-color-yellow-200: strip-units(var(--vi-color-yellow-200, #ffde85));--vi-color-yellow-300: strip-units(var(--vi-color-yellow-300, #ffd359));--vi-color-yellow-400: strip-units(var(--vi-color-yellow-400, #ffc72e));--vi-color-yellow-500: strip-units(var(--vi-color-yellow-500, #ffba00));--vi-color-yellow-600: strip-units(var(--vi-color-yellow-600, #ffa900));--vi-color-yellow-700: strip-units(var(--vi-color-yellow-700, #ff9900));--vi-color-yellow-800: strip-units(var(--vi-color-yellow-800, #e68300));--vi-color-yellow-900: strip-units(var(--vi-color-yellow-900, #cc6d00));--vi-color-green-100: strip-units(var(--vi-color-green-100, #e6f0eb));--vi-color-green-200: strip-units(var(--vi-color-green-200, #c0dbcd));--vi-color-green-300: strip-units(var(--vi-color-green-300, #96c4ab));--vi-color-green-400: strip-units(var(--vi-color-green-400, #6eab88));--vi-color-green-500: strip-units(var(--vi-color-green-500, #489167));--vi-color-green-600: strip-units(var(--vi-color-green-600, #367551));--vi-color-green-700: strip-units(var(--vi-color-green-700, #265a3d));--vi-color-green-800: strip-units(var(--vi-color-green-800, #17402a));--vi-color-green-900: strip-units(var(--vi-color-green-900, #0a2618));--vi-color-blue-100: strip-units(var(--vi-color-blue-100, #ebf5ff));--vi-color-blue-200: strip-units(var(--vi-color-blue-200, #cee6ff));--vi-color-blue-300: strip-units(var(--vi-color-blue-300, #a3d1fa));--vi-color-blue-400: strip-units(var(--vi-color-blue-400, #74b6f4));--vi-color-blue-500: strip-units(var(--vi-color-blue-500, #3f96f1));--vi-color-blue-600: strip-units(var(--vi-color-blue-600, #3b86de));--vi-color-blue-700: strip-units(var(--vi-color-blue-700, #3676d0));--vi-color-blue-800: strip-units(var(--vi-color-blue-800, #2d5fa8));--vi-color-blue-900: strip-units(var(--vi-color-blue-900, #254882));--vi-color-purple-100: strip-units(var(--vi-color-purple-100, #f0e5f9));--vi-color-purple-200: strip-units(var(--vi-color-purple-200, #dbbdf2));--vi-color-purple-300: strip-units(var(--vi-color-purple-300, #c18eeb));--vi-color-purple-400: strip-units(var(--vi-color-purple-400, #a454e2));--vi-color-purple-500: strip-units(var(--vi-color-purple-500, #7609d0));--vi-color-purple-600: strip-units(var(--vi-color-purple-600, #6507c9));--vi-color-purple-700: strip-units(var(--vi-color-purple-700, #5505c2));--vi-color-purple-800: strip-units(var(--vi-color-purple-800, #4403bb));--vi-color-purple-900: strip-units(var(--vi-color-purple-900, #3400b4));--vi-color-primary: strip-units(var(--vi-color-primary, #3676d0));--vi-color-secondary: strip-units(var(--vi-color-secondary, #f0f4f8));--vi-color-success: strip-units(var(--vi-color-success, #489167));--vi-color-warning: strip-units(var(--vi-color-warning, #ffba00));--vi-color-error: strip-units(var(--vi-color-error, #ef4444));--vi-color-info: strip-units(var(--vi-color-info, #3676d0));--vi-color-background: strip-units(var(--vi-color-background, #ffffff));--vi-color-foreground: strip-units(var(--vi-color-foreground, #111827));--vi-color-border: strip-units(var(--vi-color-border, #e5e7eb));--vi-spacing-xs: strip-units(var(--vi-spacing-xs, 8px));--vi-spacing-sm: strip-units(var(--vi-spacing-sm, 16px));--vi-spacing-md: strip-units(var(--vi-spacing-md, 24px));--vi-spacing-lg: strip-units(var(--vi-spacing-lg, 32px));--vi-spacing-xl: strip-units(var(--vi-spacing-xl, 40px));--vi-spacing-2xl: strip-units(var(--vi-spacing-2xl, 48px));--vi-spacing-3xl: strip-units(var(--vi-spacing-3xl, 56px));--vi-font-family-base: strip-units(var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));--vi-font-family-mono: strip-units(var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));--vi-font-size-xs: strip-units(var(--vi-font-size-xs, 12px));--vi-font-size-sm: strip-units(var(--vi-font-size-sm, 14px));--vi-font-size-base: strip-units(var(--vi-font-size-base, 16px));--vi-font-size-lg: strip-units(var(--vi-font-size-lg, 18px));--vi-font-size-xl: strip-units(var(--vi-font-size-xl, 20px));--vi-font-size-2xl: strip-units(var(--vi-font-size-2xl, 24px));--vi-font-size-3xl: strip-units(var(--vi-font-size-3xl, 30px));--vi-font-weight-light: strip-units(var(--vi-font-weight-light, 300));--vi-font-weight-normal: strip-units(var(--vi-font-weight-normal, 400));--vi-font-weight-medium: strip-units(var(--vi-font-weight-medium, 500));--vi-font-weight-semibold: strip-units(var(--vi-font-weight-semibold, 600));--vi-font-weight-bold: strip-units(var(--vi-font-weight-bold, 700));--vi-line-height-tight: strip-units(var(--vi-line-height-tight, 1.2));--vi-line-height-normal: strip-units(var(--vi-line-height-normal, 1.5));--vi-line-height-relaxed: strip-units(var(--vi-line-height-relaxed, 1.75));--vi-shadow-sm: strip-units(var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)));--vi-shadow-md: strip-units(var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)));--vi-shadow-lg: strip-units(var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)));--vi-shadow-xl: strip-units(var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1)));--vi-border-radius-sm: strip-units(var(--vi-border-radius-sm, 2px));--vi-border-radius-md: strip-units(var(--vi-border-radius-md, 4px));--vi-border-radius-lg: strip-units(var(--vi-border-radius-lg, 8px));--vi-border-radius-xl: strip-units(var(--vi-border-radius-xl, 12px));--vi-border-width-thin: strip-units(var(--vi-border-width-thin, 1px));--vi-border-width-base: strip-units(var(--vi-border-width-base, 2px));--vi-border-width-thick: strip-units(var(--vi-border-width-thick, 3px))}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vi-font-size-base, 16px);line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-color-foreground, #111827);background-color:var(--vi-color-background, #ffffff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6,ul,ol,dl{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}code,pre,samp{font-family:var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace);font-size:1em}pre{margin:0;overflow:auto}button,input,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15}button,input[type=button],input[type=reset],input[type=submit]{background:rgba(0,0,0,0);border:0;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}input[type=checkbox]{padding:0;-webkit-appearance:checkbox}input[type=radio]{padding:0;-webkit-appearance:radio}textarea{overflow:auto;resize:vertical}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img,svg{max-width:100%;height:auto;display:block}img{border:0;vertical-align:middle}iframe,video{max-width:100%}[hidden]{display:none}hr{margin:0;border:0;border-top:1px solid var(--vi-color-border, #e5e7eb)}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-container{max-width:1200px;margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}}@layer utilities{.m-xs{margin:var(--vi-spacing-xs, 8px)}.mx-xs{margin-left:var(--vi-spacing-xs, 8px);margin-right:var(--vi-spacing-xs, 8px)}.my-xs{margin-top:var(--vi-spacing-xs, 8px);margin-bottom:var(--vi-spacing-xs, 8px)}.mt-xs{margin-top:var(--vi-spacing-xs, 8px)}.mr-xs{margin-right:var(--vi-spacing-xs, 8px)}.mb-xs{margin-bottom:var(--vi-spacing-xs, 8px)}.ml-xs{margin-left:var(--vi-spacing-xs, 8px)}.m-sm{margin:var(--vi-spacing-sm, 16px)}.mx-sm{margin-left:var(--vi-spacing-sm, 16px);margin-right:var(--vi-spacing-sm, 16px)}.my-sm{margin-top:var(--vi-spacing-sm, 16px);margin-bottom:var(--vi-spacing-sm, 16px)}.mt-sm{margin-top:var(--vi-spacing-sm, 16px)}.mr-sm{margin-right:var(--vi-spacing-sm, 16px)}.mb-sm{margin-bottom:var(--vi-spacing-sm, 16px)}.ml-sm{margin-left:var(--vi-spacing-sm, 16px)}.m-md{margin:var(--vi-spacing-md, 24px)}.mx-md{margin-left:var(--vi-spacing-md, 24px);margin-right:var(--vi-spacing-md, 24px)}.my-md{margin-top:var(--vi-spacing-md, 24px);margin-bottom:var(--vi-spacing-md, 24px)}.mt-md{margin-top:var(--vi-spacing-md, 24px)}.mr-md{margin-right:var(--vi-spacing-md, 24px)}.mb-md{margin-bottom:var(--vi-spacing-md, 24px)}.ml-md{margin-left:var(--vi-spacing-md, 24px)}.m-lg{margin:var(--vi-spacing-lg, 32px)}.mx-lg{margin-left:var(--vi-spacing-lg, 32px);margin-right:var(--vi-spacing-lg, 32px)}.my-lg{margin-top:var(--vi-spacing-lg, 32px);margin-bottom:var(--vi-spacing-lg, 32px)}.mt-lg{margin-top:var(--vi-spacing-lg, 32px)}.mr-lg{margin-right:var(--vi-spacing-lg, 32px)}.mb-lg{margin-bottom:var(--vi-spacing-lg, 32px)}.ml-lg{margin-left:var(--vi-spacing-lg, 32px)}.m-xl{margin:var(--vi-spacing-xl, 40px)}.mx-xl{margin-left:var(--vi-spacing-xl, 40px);margin-right:var(--vi-spacing-xl, 40px)}.my-xl{margin-top:var(--vi-spacing-xl, 40px);margin-bottom:var(--vi-spacing-xl, 40px)}.mt-xl{margin-top:var(--vi-spacing-xl, 40px)}.mr-xl{margin-right:var(--vi-spacing-xl, 40px)}.mb-xl{margin-bottom:var(--vi-spacing-xl, 40px)}.ml-xl{margin-left:var(--vi-spacing-xl, 40px)}.m-2xl{margin:var(--vi-spacing-2xl, 48px)}.mx-2xl{margin-left:var(--vi-spacing-2xl, 48px);margin-right:var(--vi-spacing-2xl, 48px)}.my-2xl{margin-top:var(--vi-spacing-2xl, 48px);margin-bottom:var(--vi-spacing-2xl, 48px)}.mt-2xl{margin-top:var(--vi-spacing-2xl, 48px)}.mr-2xl{margin-right:var(--vi-spacing-2xl, 48px)}.mb-2xl{margin-bottom:var(--vi-spacing-2xl, 48px)}.ml-2xl{margin-left:var(--vi-spacing-2xl, 48px)}.m-3xl{margin:var(--vi-spacing-3xl, 56px)}.mx-3xl{margin-left:var(--vi-spacing-3xl, 56px);margin-right:var(--vi-spacing-3xl, 56px)}.my-3xl{margin-top:var(--vi-spacing-3xl, 56px);margin-bottom:var(--vi-spacing-3xl, 56px)}.mt-3xl{margin-top:var(--vi-spacing-3xl, 56px)}.mr-3xl{margin-right:var(--vi-spacing-3xl, 56px)}.mb-3xl{margin-bottom:var(--vi-spacing-3xl, 56px)}.ml-3xl{margin-left:var(--vi-spacing-3xl, 56px)}.p-xs{padding:var(--vi-spacing-xs, 8px)}.px-xs{padding-left:var(--vi-spacing-xs, 8px);padding-right:var(--vi-spacing-xs, 8px)}.py-xs{padding-top:var(--vi-spacing-xs, 8px);padding-bottom:var(--vi-spacing-xs, 8px)}.pt-xs{padding-top:var(--vi-spacing-xs, 8px)}.pr-xs{padding-right:var(--vi-spacing-xs, 8px)}.pb-xs{padding-bottom:var(--vi-spacing-xs, 8px)}.pl-xs{padding-left:var(--vi-spacing-xs, 8px)}.p-sm{padding:var(--vi-spacing-sm, 16px)}.px-sm{padding-left:var(--vi-spacing-sm, 16px);padding-right:var(--vi-spacing-sm, 16px)}.py-sm{padding-top:var(--vi-spacing-sm, 16px);padding-bottom:var(--vi-spacing-sm, 16px)}.pt-sm{padding-top:var(--vi-spacing-sm, 16px)}.pr-sm{padding-right:var(--vi-spacing-sm, 16px)}.pb-sm{padding-bottom:var(--vi-spacing-sm, 16px)}.pl-sm{padding-left:var(--vi-spacing-sm, 16px)}.p-md{padding:var(--vi-spacing-md, 24px)}.px-md{padding-left:var(--vi-spacing-md, 24px);padding-right:var(--vi-spacing-md, 24px)}.py-md{padding-top:var(--vi-spacing-md, 24px);padding-bottom:var(--vi-spacing-md, 24px)}.pt-md{padding-top:var(--vi-spacing-md, 24px)}.pr-md{padding-right:var(--vi-spacing-md, 24px)}.pb-md{padding-bottom:var(--vi-spacing-md, 24px)}.pl-md{padding-left:var(--vi-spacing-md, 24px)}.p-lg{padding:var(--vi-spacing-lg, 32px)}.px-lg{padding-left:var(--vi-spacing-lg, 32px);padding-right:var(--vi-spacing-lg, 32px)}.py-lg{padding-top:var(--vi-spacing-lg, 32px);padding-bottom:var(--vi-spacing-lg, 32px)}.pt-lg{padding-top:var(--vi-spacing-lg, 32px)}.pr-lg{padding-right:var(--vi-spacing-lg, 32px)}.pb-lg{padding-bottom:var(--vi-spacing-lg, 32px)}.pl-lg{padding-left:var(--vi-spacing-lg, 32px)}.p-xl{padding:var(--vi-spacing-xl, 40px)}.px-xl{padding-left:var(--vi-spacing-xl, 40px);padding-right:var(--vi-spacing-xl, 40px)}.py-xl{padding-top:var(--vi-spacing-xl, 40px);padding-bottom:var(--vi-spacing-xl, 40px)}.pt-xl{padding-top:var(--vi-spacing-xl, 40px)}.pr-xl{padding-right:var(--vi-spacing-xl, 40px)}.pb-xl{padding-bottom:var(--vi-spacing-xl, 40px)}.pl-xl{padding-left:var(--vi-spacing-xl, 40px)}.p-2xl{padding:var(--vi-spacing-2xl, 48px)}.px-2xl{padding-left:var(--vi-spacing-2xl, 48px);padding-right:var(--vi-spacing-2xl, 48px)}.py-2xl{padding-top:var(--vi-spacing-2xl, 48px);padding-bottom:var(--vi-spacing-2xl, 48px)}.pt-2xl{padding-top:var(--vi-spacing-2xl, 48px)}.pr-2xl{padding-right:var(--vi-spacing-2xl, 48px)}.pb-2xl{padding-bottom:var(--vi-spacing-2xl, 48px)}.pl-2xl{padding-left:var(--vi-spacing-2xl, 48px)}.p-3xl{padding:var(--vi-spacing-3xl, 56px)}.px-3xl{padding-left:var(--vi-spacing-3xl, 56px);padding-right:var(--vi-spacing-3xl, 56px)}.py-3xl{padding-top:var(--vi-spacing-3xl, 56px);padding-bottom:var(--vi-spacing-3xl, 56px)}.pt-3xl{padding-top:var(--vi-spacing-3xl, 56px)}.pr-3xl{padding-right:var(--vi-spacing-3xl, 56px)}.pb-3xl{padding-bottom:var(--vi-spacing-3xl, 56px)}.pl-3xl{padding-left:var(--vi-spacing-3xl, 56px)}.text-xs{font-size:var(--vi-font-size-xs, 12px)}.text-sm{font-size:var(--vi-font-size-sm, 14px)}.text-base{font-size:var(--vi-font-size-base, 16px)}.text-lg{font-size:var(--vi-font-size-lg, 18px)}.text-xl{font-size:var(--vi-font-size-xl, 20px)}.text-2xl{font-size:var(--vi-font-size-2xl, 24px)}.text-3xl{font-size:var(--vi-font-size-3xl, 30px)}.font-light{font-weight:var(--vi-font-weight-light, 300)}.font-normal{font-weight:var(--vi-font-weight-normal, 400)}.font-medium{font-weight:var(--vi-font-weight-medium, 500)}.font-semibold{font-weight:var(--vi-font-weight-semibold, 600)}.font-bold{font-weight:var(--vi-font-weight-bold, 700)}.leading-tight{line-height:var(--vi-line-height-tight, 1.2)}.leading-normal{line-height:var(--vi-line-height-normal, 1.5)}.leading-relaxed{line-height:var(--vi-line-height-relaxed, 1.75)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--vi-color-primary, #3676d0)}.bg-primary{background-color:var(--vi-color-primary, #3676d0)}.border-primary{border-color:var(--vi-color-primary, #3676d0)}.text-secondary{color:var(--vi-color-secondary, #f0f4f8)}.bg-secondary{background-color:var(--vi-color-secondary, #f0f4f8)}.border-secondary{border-color:var(--vi-color-secondary, #f0f4f8)}.text-success{color:var(--vi-color-success, #489167)}.bg-success{background-color:var(--vi-color-success, #489167)}.border-success{border-color:var(--vi-color-success, #489167)}.text-warning{color:var(--vi-color-warning, #ffba00)}.bg-warning{background-color:var(--vi-color-warning, #ffba00)}.border-warning{border-color:var(--vi-color-warning, #ffba00)}.text-error{color:var(--vi-color-error, #ef4444)}.bg-error{background-color:var(--vi-color-error, #ef4444)}.border-error{border-color:var(--vi-color-error, #ef4444)}.text-info{color:var(--vi-color-info, #3676d0)}.bg-info{background-color:var(--vi-color-info, #3676d0)}.border-info{border-color:var(--vi-color-info, #3676d0)}.text-grey-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-grey-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.text-grey-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-grey-200{background-color:var(--vi-color-grey-200, #eeeeee)}.text-grey-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-grey-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.text-grey-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-grey-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.text-grey-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-grey-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.text-grey-600{color:var(--vi-color-grey-600, #757575)}.bg-grey-600{background-color:var(--vi-color-grey-600, #757575)}.text-grey-700{color:var(--vi-color-grey-700, #616161)}.bg-grey-700{background-color:var(--vi-color-grey-700, #616161)}.text-grey-800{color:var(--vi-color-grey-800, #424242)}.bg-grey-800{background-color:var(--vi-color-grey-800, #424242)}.text-grey-900{color:var(--vi-color-grey-900, #212121)}.bg-grey-900{background-color:var(--vi-color-grey-900, #212121)}.text-red-100{color:var(--vi-color-red-100, #ffccce)}.bg-red-100{background-color:var(--vi-color-red-100, #ffccce)}.text-red-200{color:var(--vi-color-red-200, #f69892)}.bg-red-200{background-color:var(--vi-color-red-200, #f69892)}.text-red-300{color:var(--vi-color-red-300, #ee6f68)}.bg-red-300{background-color:var(--vi-color-red-300, #ee6f68)}.text-red-400{color:var(--vi-color-red-400, #f74d40)}.bg-red-400{background-color:var(--vi-color-red-400, #f74d40)}.text-red-500{color:var(--vi-color-red-500, #fb3c1e)}.bg-red-500{background-color:var(--vi-color-red-500, #fb3c1e)}.text-red-600{color:var(--vi-color-red-600, #ed3020)}.bg-red-600{background-color:var(--vi-color-red-600, #ed3020)}.text-red-700{color:var(--vi-color-red-700, #db231b)}.bg-red-700{background-color:var(--vi-color-red-700, #db231b)}.text-red-800{color:var(--vi-color-red-800, #ce1a12)}.bg-red-800{background-color:var(--vi-color-red-800, #ce1a12)}.text-red-900{color:var(--vi-color-red-900, #c00000)}.bg-red-900{background-color:var(--vi-color-red-900, #c00000)}.text-yellow-100{color:var(--vi-color-yellow-100, #ffeab1)}.bg-yellow-100{background-color:var(--vi-color-yellow-100, #ffeab1)}.text-yellow-200{color:var(--vi-color-yellow-200, #ffde85)}.bg-yellow-200{background-color:var(--vi-color-yellow-200, #ffde85)}.text-yellow-300{color:var(--vi-color-yellow-300, #ffd359)}.bg-yellow-300{background-color:var(--vi-color-yellow-300, #ffd359)}.text-yellow-400{color:var(--vi-color-yellow-400, #ffc72e)}.bg-yellow-400{background-color:var(--vi-color-yellow-400, #ffc72e)}.text-yellow-500{color:var(--vi-color-yellow-500, #ffba00)}.bg-yellow-500{background-color:var(--vi-color-yellow-500, #ffba00)}.text-yellow-600{color:var(--vi-color-yellow-600, #ffa900)}.bg-yellow-600{background-color:var(--vi-color-yellow-600, #ffa900)}.text-yellow-700{color:var(--vi-color-yellow-700, #ff9900)}.bg-yellow-700{background-color:var(--vi-color-yellow-700, #ff9900)}.text-yellow-800{color:var(--vi-color-yellow-800, #e68300)}.bg-yellow-800{background-color:var(--vi-color-yellow-800, #e68300)}.text-yellow-900{color:var(--vi-color-yellow-900, #cc6d00)}.bg-yellow-900{background-color:var(--vi-color-yellow-900, #cc6d00)}.text-green-100{color:var(--vi-color-green-100, #e6f0eb)}.bg-green-100{background-color:var(--vi-color-green-100, #e6f0eb)}.text-green-200{color:var(--vi-color-green-200, #c0dbcd)}.bg-green-200{background-color:var(--vi-color-green-200, #c0dbcd)}.text-green-300{color:var(--vi-color-green-300, #96c4ab)}.bg-green-300{background-color:var(--vi-color-green-300, #96c4ab)}.text-green-400{color:var(--vi-color-green-400, #6eab88)}.bg-green-400{background-color:var(--vi-color-green-400, #6eab88)}.text-green-500{color:var(--vi-color-green-500, #489167)}.bg-green-500{background-color:var(--vi-color-green-500, #489167)}.text-green-600{color:var(--vi-color-green-600, #367551)}.bg-green-600{background-color:var(--vi-color-green-600, #367551)}.text-green-700{color:var(--vi-color-green-700, #265a3d)}.bg-green-700{background-color:var(--vi-color-green-700, #265a3d)}.text-green-800{color:var(--vi-color-green-800, #17402a)}.bg-green-800{background-color:var(--vi-color-green-800, #17402a)}.text-green-900{color:var(--vi-color-green-900, #0a2618)}.bg-green-900{background-color:var(--vi-color-green-900, #0a2618)}.text-blue-100{color:var(--vi-color-blue-100, #ebf5ff)}.bg-blue-100{background-color:var(--vi-color-blue-100, #ebf5ff)}.text-blue-200{color:var(--vi-color-blue-200, #cee6ff)}.bg-blue-200{background-color:var(--vi-color-blue-200, #cee6ff)}.text-blue-300{color:var(--vi-color-blue-300, #a3d1fa)}.bg-blue-300{background-color:var(--vi-color-blue-300, #a3d1fa)}.text-blue-400{color:var(--vi-color-blue-400, #74b6f4)}.bg-blue-400{background-color:var(--vi-color-blue-400, #74b6f4)}.text-blue-500{color:var(--vi-color-blue-500, #3f96f1)}.bg-blue-500{background-color:var(--vi-color-blue-500, #3f96f1)}.text-blue-600{color:var(--vi-color-blue-600, #3b86de)}.bg-blue-600{background-color:var(--vi-color-blue-600, #3b86de)}.text-blue-700{color:var(--vi-color-blue-700, #3676d0)}.bg-blue-700{background-color:var(--vi-color-blue-700, #3676d0)}.text-blue-800{color:var(--vi-color-blue-800, #2d5fa8)}.bg-blue-800{background-color:var(--vi-color-blue-800, #2d5fa8)}.text-blue-900{color:var(--vi-color-blue-900, #254882)}.bg-blue-900{background-color:var(--vi-color-blue-900, #254882)}.text-purple-100{color:var(--vi-color-purple-100, #f0e5f9)}.bg-purple-100{background-color:var(--vi-color-purple-100, #f0e5f9)}.text-purple-200{color:var(--vi-color-purple-200, #dbbdf2)}.bg-purple-200{background-color:var(--vi-color-purple-200, #dbbdf2)}.text-purple-300{color:var(--vi-color-purple-300, #c18eeb)}.bg-purple-300{background-color:var(--vi-color-purple-300, #c18eeb)}.text-purple-400{color:var(--vi-color-purple-400, #a454e2)}.bg-purple-400{background-color:var(--vi-color-purple-400, #a454e2)}.text-purple-500{color:var(--vi-color-purple-500, #7609d0)}.bg-purple-500{background-color:var(--vi-color-purple-500, #7609d0)}.text-purple-600{color:var(--vi-color-purple-600, #6507c9)}.bg-purple-600{background-color:var(--vi-color-purple-600, #6507c9)}.text-purple-700{color:var(--vi-color-purple-700, #5505c2)}.bg-purple-700{background-color:var(--vi-color-purple-700, #5505c2)}.text-purple-800{color:var(--vi-color-purple-800, #4403bb)}.bg-purple-800{background-color:var(--vi-color-purple-800, #4403bb)}.text-purple-900{color:var(--vi-color-purple-900, #3400b4)}.bg-purple-900{background-color:var(--vi-color-purple-900, #3400b4)}.text-neutral-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-neutral-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.border-neutral-100{border-color:var(--vi-color-grey-100, #f5f5f5)}.text-neutral-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-neutral-200{background-color:var(--vi-color-grey-200, #eeeeee)}.border-neutral-200{border-color:var(--vi-color-grey-200, #eeeeee)}.text-neutral-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-neutral-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.border-neutral-300{border-color:var(--vi-color-grey-300, #e0e0e0)}.text-neutral-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-neutral-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.border-neutral-400{border-color:var(--vi-color-grey-400, #bdbdbd)}.text-neutral-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-neutral-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.border-neutral-500{border-color:var(--vi-color-grey-500, #9e9e9e)}.text-neutral-600{color:var(--vi-color-grey-600, #757575)}.bg-neutral-600{background-color:var(--vi-color-grey-600, #757575)}.border-neutral-600{border-color:var(--vi-color-grey-600, #757575)}.text-neutral-700{color:var(--vi-color-grey-700, #616161)}.bg-neutral-700{background-color:var(--vi-color-grey-700, #616161)}.border-neutral-700{border-color:var(--vi-color-grey-700, #616161)}.text-neutral-800{color:var(--vi-color-grey-800, #424242)}.bg-neutral-800{background-color:var(--vi-color-grey-800, #424242)}.border-neutral-800{border-color:var(--vi-color-grey-800, #424242)}.text-neutral-900{color:var(--vi-color-grey-900, #212121)}.bg-neutral-900{background-color:var(--vi-color-grey-900, #212121)}.border-neutral-900{border-color:var(--vi-color-grey-900, #212121)}.shadow-sm{box-shadow:var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.shadow-md{box-shadow:var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))}.shadow-lg{box-shadow:var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1))}.shadow-xl{box-shadow:var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1))}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--vi-border-radius-sm, 2px)}.rounded-md{border-radius:var(--vi-border-radius-md, 4px)}.rounded-lg{border-radius:var(--vi-border-radius-lg, 8px)}.rounded-xl{border-radius:var(--vi-border-radius-xl, 12px)}.rounded-full{border-radius:9999px}.border-thin{border-width:var(--vi-border-width-thin, 1px);border-style:solid}.border-base{border-width:var(--vi-border-width-base, 2px);border-style:solid}.border-thick{border-width:var(--vi-border-width-thick, 3px);border-style:solid}.z-hide{z-index:-1}.z-auto{z-index:auto}.z-base{z-index:0}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-backdrop{z-index:1040}.z-modal{z-index:1050}.z-popover{z-index:1060}.z-tooltip{z-index:1070}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-x-xs{column-gap:var(--vi-spacing-xs, 8px)}.gap-y-xs{row-gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-x-sm{column-gap:var(--vi-spacing-sm, 16px)}.gap-y-sm{row-gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-x-md{column-gap:var(--vi-spacing-md, 24px)}.gap-y-md{row-gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-x-lg{column-gap:var(--vi-spacing-lg, 32px)}.gap-y-lg{row-gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.gap-x-xl{column-gap:var(--vi-spacing-xl, 40px)}.gap-y-xl{row-gap:var(--vi-spacing-xl, 40px)}.gap-2xl{gap:var(--vi-spacing-2xl, 48px)}.gap-x-2xl{column-gap:var(--vi-spacing-2xl, 48px)}.gap-y-2xl{row-gap:var(--vi-spacing-2xl, 48px)}.gap-3xl{gap:var(--vi-spacing-3xl, 56px)}.gap-x-3xl{column-gap:var(--vi-spacing-3xl, 56px)}.gap-y-3xl{row-gap:var(--vi-spacing-3xl, 56px)}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.duration-100{transition-duration:100ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}}/*# sourceMappingURL=flux-ui.css.map */
|
package/flux-ui.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../libs/flux-ui/styles/_variables.scss","../../../libs/flux-ui/styles/_root.scss","../../../libs/flux-ui/styles/_reset.scss","../../../libs/flux-ui/styles/_layout.scss","../../../libs/flux-ui/styles/_utilities.scss"],"names":[],"mappings":"AAkBA,oCCNA,MAMM,gqHAQF,sYAMF,wEACA,wEACA,gEAME,kZAMF,kIACA,4GAKA,6DACA,6DACA,iEACA,6DACA,6DACA,+DACA,+DAKA,sEACA,wEACA,wEACA,4EACA,oEAKA,sEACA,wEACA,2EAME,kVAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECvFF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../libs/flux-ui/styles/_variables.scss","../../../libs/flux-ui/styles/_root.scss","../../../libs/flux-ui/styles/_reset.scss","../../../libs/flux-ui/styles/_layout.scss","../../../libs/flux-ui/styles/_utilities.scss"],"names":[],"mappings":"AAkBA,oCCNA,MAMM,gqHAQF,sYAMF,wEACA,wEACA,gEAME,kZAMF,kIACA,4GAKA,6DACA,6DACA,iEACA,6DACA,6DACA,+DACA,+DAKA,sEACA,wEACA,wEACA,4EACA,oEAKA,sEACA,wEACA,2EAME,kVAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECvFF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,YFiIe,8FEhIf,UFqIa,+BEpIb,YFiJkB,kCEhJlB,MF+Ee,oCE9Ef,iBF6Ee,oCE5Ef,mCACA,kCAOF,6BACE,SACA,UAGF,kBACE,oBACA,kBACA,oBAGF,MACE,gBAOF,EACE,cACA,qBACA,+BAEA,iBAEE,UAQJ,cACE,YFkFe,wEEjFf,cAGF,IACE,SACA,cAOF,6BAIE,SACA,UACA,oBACA,eACA,iBAGF,+DAIE,yBACA,SACA,eACA,0BAEA,uIACE,UACA,SAIJ,qBACE,UACA,4BAGF,kBACE,UACA,yBAGF,SACE,cACA,gBAOF,MACE,yBACA,iBAGF,MAEE,UAOF,QAEE,eACA,YACA,cAGF,IACE,SACA,sBAOF,aAEE,eAOF,SACE,aAGF,GACE,SACA,SACA,sDCrLJ,iBAKE,MACE,aAGF,UACE,sBAGF,UACE,mBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,gBACE,uBAGF,aACE,yBAGF,iBACE,8BAGF,gBACE,6BAGF,aACE,uBAGF,cACE,mBAGF,WACE,qBAGF,eACE,oBAGF,QACE,IHsFW,0BGnFb,QACE,IHmFW,2BGhFb,QACE,IHgFW,2BG7Eb,QACE,IH6EW,2BG1Eb,QACE,IH0EW,2BGvEb,QACE,OAGF,WACE,YAGF,eACE,cAOF,MACE,aAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,oBACE,2DAOF,QACE,aAGF,OACE,cAGF,cACE,qBAGF,QACE,eAOF,UACE,kBAGF,UACE,kBAGF,OACE,eAGF,QACE,gBAGF,QACE,gBAOF,QACE,WAGF,QACE,WAGF,QACE,YAGF,QACE,YAGF,cACE,iBAGF,iBACE,iBACA,iBACA,kBAOF,iBACE,gBAGF,eACE,cAGF,iBACE,gBAGF,iBACE,iBCnNJ,iBAMI,MACE,OJkSQ,0BI/RV,OACE,YJ8RQ,0BI7RR,aJ6RQ,0BI1RV,OACE,WJyRQ,0BIxRR,cJwRQ,0BIrRV,OACE,WJoRQ,0BIjRV,OACE,aJgRQ,0BI7QV,OACE,cJ4QQ,0BIzQV,OACE,YJwQQ,0BInSV,MACE,OJkSQ,2BI/RV,OACE,YJ8RQ,2BI7RR,aJ6RQ,2BI1RV,OACE,WJyRQ,2BIxRR,cJwRQ,2BIrRV,OACE,WJoRQ,2BIjRV,OACE,aJgRQ,2BI7QV,OACE,cJ4QQ,2BIzQV,OACE,YJwQQ,2BInSV,MACE,OJkSQ,2BI/RV,OACE,YJ8RQ,2BI7RR,aJ6RQ,2BI1RV,OACE,WJyRQ,2BIxRR,cJwRQ,2BIrRV,OACE,WJoRQ,2BIjRV,OACE,aJgRQ,2BI7QV,OACE,cJ4QQ,2BIzQV,OACE,YJwQQ,2BInSV,MACE,OJkSQ,2BI/RV,OACE,YJ8RQ,2BI7RR,aJ6RQ,2BI1RV,OACE,WJyRQ,2BIxRR,cJwRQ,2BIrRV,OACE,WJoRQ,2BIjRV,OACE,aJgRQ,2BI7QV,OACE,cJ4QQ,2BIzQV,OACE,YJwQQ,2BInSV,MACE,OJkSQ,2BI/RV,OACE,YJ8RQ,2BI7RR,aJ6RQ,2BI1RV,OACE,WJyRQ,2BIxRR,cJwRQ,2BIrRV,OACE,WJoRQ,2BIjRV,OACE,aJgRQ,2BI7QV,OACE,cJ4QQ,2BIzQV,OACE,YJwQQ,2BInSV,OACE,OJkSQ,4BI/RV,QACE,YJ8RQ,4BI7RR,aJ6RQ,4BI1RV,QACE,WJyRQ,4BIxRR,cJwRQ,4BIrRV,QACE,WJoRQ,4BIjRV,QACE,aJgRQ,4BI7QV,QACE,cJ4QQ,4BIzQV,QACE,YJwQQ,4BInSV,OACE,OJkSQ,4BI/RV,QACE,YJ8RQ,4BI7RR,aJ6RQ,4BI1RV,QACE,WJyRQ,4BIxRR,cJwRQ,4BIrRV,QACE,WJoRQ,4BIjRV,QACE,aJgRQ,4BI7QV,QACE,cJ4QQ,4BIzQV,QACE,YJwQQ,4BI/PV,MACE,QJ8PQ,0BI3PV,OACE,aJ0PQ,0BIzPR,cJyPQ,0BItPV,OACE,YJqPQ,0BIpPR,eJoPQ,0BIjPV,OACE,YJgPQ,0BI7OV,OACE,cJ4OQ,0BIzOV,OACE,eJwOQ,0BIrOV,OACE,aJoOQ,0BI/PV,MACE,QJ8PQ,2BI3PV,OACE,aJ0PQ,2BIzPR,cJyPQ,2BItPV,OACE,YJqPQ,2BIpPR,eJoPQ,2BIjPV,OACE,YJgPQ,2BI7OV,OACE,cJ4OQ,2BIzOV,OACE,eJwOQ,2BIrOV,OACE,aJoOQ,2BI/PV,MACE,QJ8PQ,2BI3PV,OACE,aJ0PQ,2BIzPR,cJyPQ,2BItPV,OACE,YJqPQ,2BIpPR,eJoPQ,2BIjPV,OACE,YJgPQ,2BI7OV,OACE,cJ4OQ,2BIzOV,OACE,eJwOQ,2BIrOV,OACE,aJoOQ,2BI/PV,MACE,QJ8PQ,2BI3PV,OACE,aJ0PQ,2BIzPR,cJyPQ,2BItPV,OACE,YJqPQ,2BIpPR,eJoPQ,2BIjPV,OACE,YJgPQ,2BI7OV,OACE,cJ4OQ,2BIzOV,OACE,eJwOQ,2BIrOV,OACE,aJoOQ,2BI/PV,MACE,QJ8PQ,2BI3PV,OACE,aJ0PQ,2BIzPR,cJyPQ,2BItPV,OACE,YJqPQ,2BIpPR,eJoPQ,2BIjPV,OACE,YJgPQ,2BI7OV,OACE,cJ4OQ,2BIzOV,OACE,eJwOQ,2BIrOV,OACE,aJoOQ,2BI/PV,OACE,QJ8PQ,4BI3PV,QACE,aJ0PQ,4BIzPR,cJyPQ,4BItPV,QACE,YJqPQ,4BIpPR,eJoPQ,4BIjPV,QACE,YJgPQ,4BI7OV,QACE,cJ4OQ,4BIzOV,QACE,eJwOQ,4BIrOV,QACE,aJoOQ,4BI/PV,OACE,QJ8PQ,4BI3PV,QACE,aJ0PQ,4BIzPR,cJyPQ,4BItPV,QACE,YJqPQ,4BIpPR,eJoPQ,4BIjPV,QACE,YJgPQ,4BI7OV,QACE,cJ4OQ,4BIzOV,QACE,eJwOQ,4BIrOV,QACE,aJoOQ,4BI5NZ,SACE,UJkFa,6BI/Ef,SACE,UJ+Ea,6BI5Ef,WACE,UJ4Ea,+BIzEf,SACE,UJyEa,6BItEf,SACE,UJsEa,6BInEf,UACE,UJmEa,8BIhEf,UACE,UJgEa,8BI7Df,YACE,YJ8DmB,iCI3DrB,aACE,YJ2DmB,kCIxDrB,aACE,YJwDmB,kCIrDrB,eACE,YJqDmB,oCIlDrB,WACE,YJkDmB,gCI/CrB,eACE,YJgDkB,iCI7CpB,gBACE,YJ6CkB,kCI1CpB,iBACE,YJ0CkB,oCIvCpB,aACE,kBAGF,WACE,gBAGF,YACE,iBAQA,cACE,MJqIM,iCIlIR,YACE,iBJiIM,iCI9HR,gBACE,aJ6HM,iCItIR,gBACE,MJqIM,mCIlIR,cACE,iBJiIM,mCI9HR,kBACE,aJ6HM,mCItIR,cACE,MJqIM,iCIlIR,YACE,iBJiIM,iCI9HR,gBACE,aJ6HM,iCItIR,cACE,MJqIM,iCIlIR,YACE,iBJiIM,iCI9HR,gBACE,aJ6HM,iCItIR,YACE,MJqIM,+BIlIR,UACE,iBJiIM,+BI9HR,cACE,aJ6HM,+BItIR,WACE,MJqIM,8BIlIR,SACE,iBJiIM,8BI9HR,aACE,aJ6HM,8BIrHN,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,cACE,MJ0GO,iCIvGT,YACE,iBJsGO,iCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,gBACE,MJ0GO,mCIvGT,cACE,iBJsGO,mCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,eACE,MJ0GO,kCIvGT,aACE,iBJsGO,kCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI3GT,iBACE,MJ0GO,oCIvGT,eACE,iBJsGO,oCI/FX,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIrBb,kBACE,MJoBW,kCIjBb,gBACE,iBJgBW,kCIbb,oBACE,aJYW,kCIHb,WACE,WJyGO,qDI1GT,WACE,WJyGO,uDI1GT,WACE,WJyGO,yDI1GT,WACE,WJyGO,yDIjGX,cACE,gBAGF,YACE,cJ5Be,gCI+BjB,YACE,cJ/Be,gCIkCjB,YACE,cJlCe,gCIqCjB,YACE,cJrCe,iCIwCjB,cACE,qBAOF,aACE,aJ7CiB,iCI8CjB,mBAGF,aACE,aJjDiB,iCIkDjB,mBAGF,cACE,aJrDiB,kCIsDjB,mBAQA,QACE,QJoFQ,GIrFV,QACE,QJoFQ,KIrFV,QACE,QJoFQ,EIrFV,YACE,QJoFQ,KIrFV,UACE,QJoFQ,KIrFV,SACE,QJoFQ,KIrFV,YACE,QJoFQ,KIrFV,SACE,QJoFQ,KIrFV,WACE,QJoFQ,KIrFV,WACE,QJoFQ,KI5EZ,qBACA,wBACA,uBACA,wBACA,uBAMA,OACE,cAGF,QACE,eAGF,cACE,qBAGF,QACE,aAOF,MACE,aAGF,UACE,mBAGF,UACE,sBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,aACE,yBAGF,gBACE,uBAGF,iBACE,8BAGF,gBACE,6BAGF,gBACE,6BAGF,aACE,uBAGF,WACE,qBAGF,cACE,mBAGF,eACE,oBAGF,gBACE,qBAGF,QACE,YAGF,WACE,cAGF,WACE,UAOF,MACE,aAIA,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,cACE,iDADF,cACE,iDADF,cACE,iDASF,QACE,IJhGQ,0BImGV,UACE,WJpGQ,0BIuGV,UACE,QJxGQ,0BI+FV,QACE,IJhGQ,2BImGV,UACE,WJpGQ,2BIuGV,UACE,QJxGQ,2BI+FV,QACE,IJhGQ,2BImGV,UACE,WJpGQ,2BIuGV,UACE,QJxGQ,2BI+FV,QACE,IJhGQ,2BImGV,UACE,WJpGQ,2BIuGV,UACE,QJxGQ,2BI+FV,QACE,IJhGQ,2BImGV,UACE,WJpGQ,2BIuGV,UACE,QJxGQ,2BI+FV,SACE,IJhGQ,4BImGV,WACE,WJpGQ,4BIuGV,WACE,QJxGQ,4BI+FV,SACE,IJhGQ,4BImGV,WACE,WJpGQ,4BIuGV,WACE,QJxGQ,4BIgHZ,gBACE,+BAGF,mBACE,+FAGF,oBACE,mCAGF,wCACA,wCACA","file":"flux-ui.css"}
|
package/index.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/flux-ui/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,gBAAgB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vialiq/flux-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"private": false,
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
5
8
|
"repository": {
|
|
6
9
|
"type": "git",
|
|
7
10
|
"url": "https://github.com/prasworld/Vialiq.git"
|
|
8
11
|
},
|
|
9
|
-
"publishConfig": {
|
|
10
|
-
"access": "public"
|
|
11
|
-
},
|
|
12
12
|
"type": "module",
|
|
13
13
|
"description": "Custom minimal CSS/SASS framework for microfrontend product",
|
|
14
14
|
"license": "MIT",
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
"types": "./index.d.ts",
|
|
17
17
|
"exports": {
|
|
18
18
|
".": {
|
|
19
|
-
"
|
|
20
|
-
"
|
|
19
|
+
"types": "./index.d.ts",
|
|
20
|
+
"default": "./index.js"
|
|
21
21
|
},
|
|
22
22
|
"./tokens": {
|
|
23
|
-
"
|
|
24
|
-
"
|
|
23
|
+
"types": "./tokens/index.d.ts",
|
|
24
|
+
"default": "./tokens/index.js"
|
|
25
25
|
},
|
|
26
26
|
"./styles": {
|
|
27
27
|
"sass": "./styles/_index.scss",
|
|
28
|
-
"
|
|
29
|
-
"
|
|
28
|
+
"types": "./styles/index.d.ts",
|
|
29
|
+
"default": "./styles/index.js"
|
|
30
30
|
},
|
|
31
31
|
"./styles/*": "./styles/*",
|
|
32
32
|
"./components": "./components/_index.scss",
|
|
@@ -36,7 +36,6 @@
|
|
|
36
36
|
"files": [
|
|
37
37
|
"index.js",
|
|
38
38
|
"index.d.ts",
|
|
39
|
-
"index.js.map",
|
|
40
39
|
"index.d.ts.map",
|
|
41
40
|
"*.scss",
|
|
42
41
|
"styles/",
|
package/styles/_theme.scss
CHANGED
|
@@ -32,7 +32,8 @@ $vi-theme--light: (
|
|
|
32
32
|
'text-primary': $color-grey-900,
|
|
33
33
|
'text-secondary': $color-grey-700,
|
|
34
34
|
'text-tertiary': $color-grey-600,
|
|
35
|
-
'text-inverse':
|
|
35
|
+
'text-inverse': #ffffff,
|
|
36
|
+
'text-disabled': $color-grey-500,
|
|
36
37
|
'text-success': $color-green-700,
|
|
37
38
|
'text-warning': $color-yellow-800,
|
|
38
39
|
'text-error': $color-red-700,
|
|
@@ -54,11 +55,28 @@ $vi-theme--light: (
|
|
|
54
55
|
'layer-03': $color-grey-300, // Elevated
|
|
55
56
|
'layer-hover': $color-grey-200,
|
|
56
57
|
'layer-active': $color-grey-300,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
58
|
+
// Layer/depth backgrounds (Light to Dark)
|
|
59
|
+
'layer-01': #ffffff,
|
|
60
|
+
'layer-02': $color-grey-100,
|
|
61
|
+
'layer-03': $color-grey-200,
|
|
62
|
+
'layer-04': $color-grey-300,
|
|
63
|
+
'layer-hover-01': $color-grey-100,
|
|
64
|
+
'layer-hover-02': $color-grey-200,
|
|
65
|
+
'layer-hover-03': $color-grey-300,
|
|
66
|
+
'layer-hover-04': $color-grey-400,
|
|
67
|
+
'layer-disabled': $color-grey-100,
|
|
68
|
+
'layer-inverse': $color-grey-900,
|
|
69
|
+
'layer-inverse-hover': $color-grey-800,
|
|
70
|
+
|
|
71
|
+
// Border colors (Light to Dark)
|
|
72
|
+
'border-01': $color-grey-100,
|
|
73
|
+
'border-02': $color-grey-200,
|
|
74
|
+
'border-03': $color-grey-300,
|
|
75
|
+
'border-04': $color-grey-400,
|
|
76
|
+
'border-inverse-01': $color-grey-800,
|
|
77
|
+
'border-inverse-02': $color-grey-700,
|
|
78
|
+
'border-inverse-03': $color-grey-600,
|
|
79
|
+
'border-inverse-04': $color-grey-500,
|
|
62
80
|
|
|
63
81
|
// Focus/interaction
|
|
64
82
|
'focus-ring': $color-blue-500,
|
package/styles/_variables.scss
CHANGED
|
@@ -22,67 +22,68 @@
|
|
|
22
22
|
// SCSS BRIDGE VARIABLES
|
|
23
23
|
// ============================================================================
|
|
24
24
|
|
|
25
|
-
// -- Palette: Grey (
|
|
26
|
-
|
|
27
|
-
$color-grey-100: var(--vi-color-grey-100, #
|
|
28
|
-
$color-grey-200: var(--vi-color-grey-200, #
|
|
29
|
-
$color-grey-300: var(--vi-color-grey-300, #
|
|
30
|
-
$color-grey-400: var(--vi-color-grey-400, #
|
|
31
|
-
$color-grey-500: var(--vi-color-grey-500, #
|
|
32
|
-
$color-grey-600: var(--vi-color-grey-600, #
|
|
33
|
-
$color-grey-700: var(--vi-color-grey-700, #
|
|
34
|
-
$color-grey-800: var(--vi-color-grey-800, #
|
|
35
|
-
$color-grey-900: var(--vi-color-grey-900, #
|
|
36
|
-
|
|
37
|
-
// -- Palette: Red
|
|
38
|
-
|
|
39
|
-
$color-red-100: var(--vi-color-red-100, #
|
|
40
|
-
$color-red-200: var(--vi-color-red-200, #
|
|
41
|
-
$color-red-300: var(--vi-color-red-300, #
|
|
42
|
-
$color-red-400: var(--vi-color-red-400, #
|
|
43
|
-
$color-red-500: var(--vi-color-red-500, #
|
|
44
|
-
$color-red-600: var(--vi-color-red-600, #
|
|
45
|
-
$color-red-700: var(--vi-color-red-700, #
|
|
46
|
-
$color-red-800: var(--vi-color-red-800, #
|
|
47
|
-
$color-red-900: var(--vi-color-red-900, #
|
|
48
|
-
|
|
49
|
-
// -- Palette: Yellow
|
|
50
|
-
|
|
51
|
-
$color-yellow-100: var(--vi-color-yellow-100, #
|
|
52
|
-
$color-yellow-200: var(--vi-color-yellow-200, #
|
|
53
|
-
$color-yellow-300: var(--vi-color-yellow-300, #
|
|
54
|
-
$color-yellow-400: var(--vi-color-yellow-400, #
|
|
55
|
-
$color-yellow-500: var(--vi-color-yellow-500, #
|
|
56
|
-
$color-yellow-600: var(--vi-color-yellow-600, #
|
|
57
|
-
$color-yellow-700: var(--vi-color-yellow-700, #
|
|
58
|
-
$color-yellow-800: var(--vi-color-yellow-800, #
|
|
59
|
-
$color-yellow-900: var(--vi-color-yellow-900, #
|
|
60
|
-
|
|
61
|
-
// -- Palette: Green (
|
|
62
|
-
|
|
63
|
-
$color-green-100: var(--vi-color-green-100, #
|
|
64
|
-
$color-green-200: var(--vi-color-green-200, #
|
|
65
|
-
$color-green-300: var(--vi-color-green-300, #
|
|
66
|
-
$color-green-400: var(--vi-color-green-400, #
|
|
67
|
-
$color-green-500: var(--vi-color-green-500, #
|
|
68
|
-
$color-green-600: var(--vi-color-green-600, #
|
|
69
|
-
$color-green-700: var(--vi-color-green-700, #
|
|
70
|
-
$color-green-800: var(--vi-color-green-800, #
|
|
71
|
-
$color-green-900: var(--vi-color-green-900, #
|
|
72
|
-
|
|
73
|
-
// -- Palette: Blue (
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
$color-blue-
|
|
77
|
-
$color-blue-
|
|
78
|
-
$color-blue-
|
|
79
|
-
$color-blue-
|
|
80
|
-
$color-blue-
|
|
81
|
-
$color-blue-
|
|
82
|
-
$color-blue-
|
|
83
|
-
$color-blue-
|
|
84
|
-
|
|
85
|
-
|
|
25
|
+
// -- Palette: Grey (text, borders, disabled) ---------------
|
|
26
|
+
$color-grey-50: var(--vi-color-grey-50, #fafafa);
|
|
27
|
+
$color-grey-100: var(--vi-color-grey-100, #f5f5f5);
|
|
28
|
+
$color-grey-200: var(--vi-color-grey-200, #eeeeee);
|
|
29
|
+
$color-grey-300: var(--vi-color-grey-300, #e0e0e0);
|
|
30
|
+
$color-grey-400: var(--vi-color-grey-400, #bdbdbd);
|
|
31
|
+
$color-grey-500: var(--vi-color-grey-500, #9e9e9e);
|
|
32
|
+
$color-grey-600: var(--vi-color-grey-600, #757575);
|
|
33
|
+
$color-grey-700: var(--vi-color-grey-700, #616161);
|
|
34
|
+
$color-grey-800: var(--vi-color-grey-800, #424242);
|
|
35
|
+
$color-grey-900: var(--vi-color-grey-900, #212121);
|
|
36
|
+
|
|
37
|
+
// -- Palette: Red --------------------------------------------
|
|
38
|
+
|
|
39
|
+
$color-red-100: var(--vi-color-red-100, #ffccce);
|
|
40
|
+
$color-red-200: var(--vi-color-red-200, #f69892);
|
|
41
|
+
$color-red-300: var(--vi-color-red-300, #ee6f68);
|
|
42
|
+
$color-red-400: var(--vi-color-red-400, #f74d40);
|
|
43
|
+
$color-red-500: var(--vi-color-red-500, #fb3c1e);
|
|
44
|
+
$color-red-600: var(--vi-color-red-600, #ed3020);
|
|
45
|
+
$color-red-700: var(--vi-color-red-700, #db231b);
|
|
46
|
+
$color-red-800: var(--vi-color-red-800, #ce1a12);
|
|
47
|
+
$color-red-900: var(--vi-color-red-900, #c00000);
|
|
48
|
+
|
|
49
|
+
// -- Palette: Yellow --------------------------------------
|
|
50
|
+
|
|
51
|
+
$color-yellow-100: var(--vi-color-yellow-100, #ffeab1); // Soft pastel amber
|
|
52
|
+
$color-yellow-200: var(--vi-color-yellow-200, #ffde85);
|
|
53
|
+
$color-yellow-300: var(--vi-color-yellow-300, #ffd359);
|
|
54
|
+
$color-yellow-400: var(--vi-color-yellow-400, #ffc72e);
|
|
55
|
+
$color-yellow-500: var(--vi-color-yellow-500, #ffba00); // Vibrant amber (target)
|
|
56
|
+
$color-yellow-600: var(--vi-color-yellow-600, #ffa900);
|
|
57
|
+
$color-yellow-700: var(--vi-color-yellow-700, #ff9900); // Deep amber (target)
|
|
58
|
+
$color-yellow-800: var(--vi-color-yellow-800, #e68300); // Vibrant burnt orange
|
|
59
|
+
$color-yellow-900: var(--vi-color-yellow-900, #cc6d00); // Saturated dark orange
|
|
60
|
+
|
|
61
|
+
// -- Palette: Green (Subtle Forest / Moss) ----------------------------------
|
|
62
|
+
|
|
63
|
+
$color-green-100: var(--vi-color-green-100, #e6f0eb);
|
|
64
|
+
$color-green-200: var(--vi-color-green-200, #c0dbcd);
|
|
65
|
+
$color-green-300: var(--vi-color-green-300, #96c4ab);
|
|
66
|
+
$color-green-400: var(--vi-color-green-400, #6eab88);
|
|
67
|
+
$color-green-500: var(--vi-color-green-500, #489167); // Subdued, professional forest green
|
|
68
|
+
$color-green-600: var(--vi-color-green-600, #367551);
|
|
69
|
+
$color-green-700: var(--vi-color-green-700, #265a3d);
|
|
70
|
+
$color-green-800: var(--vi-color-green-800, #17402a);
|
|
71
|
+
$color-green-900: var(--vi-color-green-900, #0a2618); // Solid, deeply dark, non-muddy
|
|
72
|
+
|
|
73
|
+
// -- Palette: Blue (Vibrant Azure) ------------------------------------------
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
$color-blue-100: var(--vi-color-blue-100, #ebf5ff); // Clear, pale azure
|
|
77
|
+
$color-blue-200: var(--vi-color-blue-200, #cee6ff);
|
|
78
|
+
$color-blue-300: var(--vi-color-blue-300, #a3d1fa);
|
|
79
|
+
$color-blue-400: var(--vi-color-blue-400, #74b6f4);
|
|
80
|
+
$color-blue-500: var(--vi-color-blue-500, #3f96f1); // Vibrant azure (target)
|
|
81
|
+
$color-blue-600: var(--vi-color-blue-600, #3b86de);
|
|
82
|
+
$color-blue-700: var(--vi-color-blue-700, #3676d0); // Deep azure (target)
|
|
83
|
+
$color-blue-800: var(--vi-color-blue-800, #2d5fa8);
|
|
84
|
+
$color-blue-900: var(--vi-color-blue-900, #254882); // Deep rich navy
|
|
85
|
+
|
|
86
|
+
// -- Palette: Purple (Vibrant Violet) ---------------------------------------
|
|
86
87
|
|
|
87
88
|
$color-purple-100: var(--vi-color-purple-100, #f3e8ff);
|
|
88
89
|
$color-purple-200: var(--vi-color-purple-200, #e9d5ff);
|
|
@@ -93,16 +94,25 @@ $color-purple-600: var(--vi-color-purple-600, #9333ea);
|
|
|
93
94
|
$color-purple-700: var(--vi-color-purple-700, #7e22ce);
|
|
94
95
|
$color-purple-800: var(--vi-color-purple-800, #6b21a8);
|
|
95
96
|
$color-purple-900: var(--vi-color-purple-900, #581c87);
|
|
97
|
+
$color-purple-100: var(--vi-color-purple-100, #f0e5f9); // Soft pastel purple (target)
|
|
98
|
+
$color-purple-200: var(--vi-color-purple-200, #dbbdf2);
|
|
99
|
+
$color-purple-300: var(--vi-color-purple-300, #c18eeb);
|
|
100
|
+
$color-purple-400: var(--vi-color-purple-400, #a454e2);
|
|
101
|
+
$color-purple-500: var(--vi-color-purple-500, #7609d0); // Vibrant purple (target)
|
|
102
|
+
$color-purple-600: var(--vi-color-purple-600, #6507c9);
|
|
103
|
+
$color-purple-700: var(--vi-color-purple-700, #5505c2);
|
|
104
|
+
$color-purple-800: var(--vi-color-purple-800, #4403bb);
|
|
105
|
+
$color-purple-900: var(--vi-color-purple-900, #3400b4); // Deep violet/navy (target)
|
|
96
106
|
|
|
97
107
|
// -- Semantic colors (brand + status) ----------------------------------------
|
|
98
108
|
// These map named design intents onto palette values.
|
|
99
109
|
|
|
100
|
-
$color-primary: var(--vi-color-primary, #
|
|
110
|
+
$color-primary: var(--vi-color-primary, #3676d0); // blue-700
|
|
101
111
|
$color-secondary: var(--vi-color-secondary, #f0f4f8);
|
|
102
|
-
$color-success: var(--vi-color-success, #
|
|
103
|
-
$color-warning: var(--vi-color-warning, #
|
|
112
|
+
$color-success: var(--vi-color-success, #489167); // green-500
|
|
113
|
+
$color-warning: var(--vi-color-warning, #ffba00); // yellow-500
|
|
104
114
|
$color-error: var(--vi-color-error, #ef4444); // red-500
|
|
105
|
-
$color-info: var(--vi-color-info, #
|
|
115
|
+
$color-info: var(--vi-color-info, #3676d0); // blue-700
|
|
106
116
|
|
|
107
117
|
// -- Functional colors -------------------------------------------------------
|
|
108
118
|
|
|
@@ -110,6 +120,37 @@ $color-background: var(--vi-color-background, #ffffff);
|
|
|
110
120
|
$color-foreground: var(--vi-color-foreground, #111827); // grey-900
|
|
111
121
|
$color-border: var(--vi-color-border, #e5e7eb); // grey-200
|
|
112
122
|
|
|
123
|
+
// -- Layers (Backgrounds & Surfaces) -----------------------------------------
|
|
124
|
+
|
|
125
|
+
$layer-01: var(--vi-layer-01, #ffffff); // Pure white base
|
|
126
|
+
$layer-02: var(--vi-layer-02, #f3f4f6); // grey-100
|
|
127
|
+
$layer-03: var(--vi-layer-03, #e5e7eb); // grey-200
|
|
128
|
+
$layer-04: var(--vi-layer-04, #d1d5db); // grey-300
|
|
129
|
+
|
|
130
|
+
$layer-hover-01: var(--vi-layer-hover-01, #f3f4f6); // grey-100
|
|
131
|
+
$layer-hover-02: var(--vi-layer-hover-02, #e5e7eb); // grey-200
|
|
132
|
+
$layer-hover-03: var(--vi-layer-hover-03, #d1d5db); // grey-300
|
|
133
|
+
$layer-hover-04: var(--vi-layer-hover-04, #9ca3af); // grey-400
|
|
134
|
+
|
|
135
|
+
$layer-disabled: var(--vi-layer-disabled, #f3f4f6); // grey-100
|
|
136
|
+
$layer-inverse: var(--vi-layer-inverse, #111827); // grey-900
|
|
137
|
+
$layer-inverse-hover: var(--vi-layer-inverse-hover, #1f2937); // grey-800
|
|
138
|
+
|
|
139
|
+
$text-inverse: var(--vi-text-inverse, #ffffff);
|
|
140
|
+
$text-disabled: var(--vi-text-disabled, #9e9e9e); // grey-500
|
|
141
|
+
|
|
142
|
+
// -- Borders -----------------------------------------------------------------
|
|
143
|
+
|
|
144
|
+
$border-01: var(--vi-border-01, #f5f5f5); // grey-100
|
|
145
|
+
$border-02: var(--vi-border-02, #eeeeee); // grey-200
|
|
146
|
+
$border-03: var(--vi-border-03, #e0e0e0); // grey-300
|
|
147
|
+
$border-04: var(--vi-border-04, #bdbdbd); // grey-400
|
|
148
|
+
|
|
149
|
+
$border-inverse-01: var(--vi-border-inverse-01, #424242); // grey-800
|
|
150
|
+
$border-inverse-02: var(--vi-border-inverse-02, #616161); // grey-700
|
|
151
|
+
$border-inverse-03: var(--vi-border-inverse-03, #757575); // grey-600
|
|
152
|
+
$border-inverse-04: var(--vi-border-inverse-04, #9e9e9e); // grey-500
|
|
153
|
+
|
|
113
154
|
// -- Primitive: Spacing ------------------------------------------------------
|
|
114
155
|
|
|
115
156
|
$spacing-unit: var(--vi-spacing-unit, 8px);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../libs/flux-ui/src/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../libs/flux-ui/src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,MAAM;IACjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkGH;;;OAGG;;;;;;;;;;IAWH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BH;;;OAGG;;;;;;;IAQH;;;OAGG;;;;;;;;;;;;;;IAeH;;;;;OAKG;;;;;;;;;IAUH;;;;OAIG;;;;;;;;;;;;;CAaK,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC"}
|