@feugene/granularity 0.2.0 → 0.3.0

package/dist/components/DsInput/styles.css

@@ -1,416 +0,0 @@
-/* layer: preflights */
-*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}
-:root {
-  /* Foundations: neutral palette */
-  --ds-slate-0: #ffffff;
-  --ds-slate-50: #f8fafc;
-  --ds-slate-100: #f1f5f9;
-  --ds-slate-200: #e2e8f0;
-  --ds-slate-300: #cbd5e1;
-  --ds-slate-400: #94a3b8;
-  --ds-slate-500: #64748b;
-  --ds-slate-600: #475569;
-  --ds-slate-700: #334155;
-  --ds-slate-800: #1e293b;
-  --ds-slate-900: #0f172a;
-
-  /* Typography: font families */
-  --ds-font-ui: Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
-  --ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
-
-  /* Typography: font sizes */
-  --ds-text-xs: 12px;
-  --ds-text-sm: 14px;
-  --ds-text-base: 16px;
-  --ds-text-lg: 18px;
-  --ds-text-xl: 20px;
-  --ds-text-2xl: 24px;
-  --ds-text-3xl: 30px;
-  --ds-text-4xl: 36px;
-
-  /* Typography: line heights */
-  --ds-leading-tight: 1.25;
-  --ds-leading-normal: 1.5;
-  --ds-leading-relaxed: 1.625;
-
-  /* Typography: font weights */
-  --ds-font-regular: 400;
-  --ds-font-medium: 500;
-  --ds-font-semibold: 600;
-  --ds-font-bold: 700;
-
-  /* Layout: spacing scale */
-  --ds-space-0: 0px;
-  --ds-space-1: 4px;
-  --ds-space-2: 8px;
-  --ds-space-3: 12px;
-  --ds-space-4: 16px;
-  --ds-space-5: 20px;
-  --ds-space-6: 24px;
-  --ds-space-8: 32px;
-  --ds-space-10: 40px;
-  --ds-space-12: 48px;
-  --ds-space-16: 64px;
-  --ds-space-20: 80px;
-  --ds-space-24: 96px;
-  --ds-space-32: 128px;
-  --ds-space-40: 160px;
-  --ds-space-48: 192px;
-  --ds-space-64: 256px;
-
-  /* Layout: containers */
-  --ds-container-max: 1280px;
-  --ds-container-max-2xl: 1440px;
-  --ds-container-padding-mobile: 16px;
-  --ds-container-padding-tablet: 24px;
-  --ds-container-padding-desktop: 32px;
-
-  /* Layout: breakpoints */
-  --ds-bp-sm: 640px;
-  --ds-bp-md: 768px;
-  --ds-bp-lg: 1024px;
-  --ds-bp-xl: 1280px;
-  --ds-bp-2xl: 1536px;
-
-  /* Shapes: radii and compatibility aliases */
-  --radius: 0.5rem;
-  --ds-radius-none: 0px;
-  --ds-radius-sm: 4px;
-  --ds-radius-md: 8px;
-  --ds-radius-lg: 12px;
-  --ds-radius-xl: 16px;
-  --ds-radius-full: 9999px;
-
-  /* Elevation */
-  --ds-shadow-0: none;
-  --ds-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
-  --ds-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.14);
-  --ds-shadow-3: 0 16px 48px rgba(15, 23, 42, 0.20);
-
-  /* Motion */
-  --ds-duration-fast: 150ms;
-  --ds-duration-base: 200ms;
-  --ds-duration-slow: 300ms;
-  --ds-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
-  --ds-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
-
-  /* Derived interaction formulas: action roles */
-  --primary-hover: color-mix(in srgb, var(--primary) 92%, var(--fg));
-  --primary-active: color-mix(in srgb, var(--primary) 84%, var(--fg));
-  --secondary-hover: color-mix(in srgb, var(--secondary) 92%, var(--fg));
-  --secondary-active: color-mix(in srgb, var(--secondary) 84%, var(--fg));
-  --brd-hover: color-mix(in srgb, var(--brd) 70%, var(--fg));
-  --brd-active: color-mix(in srgb, var(--brd) 55%, var(--fg));
-  --destructive-hover: color-mix(in srgb, var(--destructive) 92%, var(--fg));
-  --destructive-active: color-mix(in srgb, var(--destructive) 84%, var(--fg));
-
-  /* Derived interaction formulas: status roles */
-  --ds-success-hover: color-mix(in srgb, var(--ds-success) 92%, var(--fg));
-  --ds-success-active: color-mix(in srgb, var(--ds-success) 84%, var(--fg));
-  --ds-warning-hover: color-mix(in srgb, var(--ds-warning) 92%, var(--fg));
-  --ds-warning-active: color-mix(in srgb, var(--ds-warning) 84%, var(--fg));
-  --ds-danger-hover: color-mix(in srgb, var(--ds-danger) 92%, var(--fg));
-  --ds-danger-active: color-mix(in srgb, var(--ds-danger) 84%, var(--fg));
-  --ds-info-hover: color-mix(in srgb, var(--ds-info) 92%, var(--fg));
-  --ds-info-active: color-mix(in srgb, var(--ds-info) 84%, var(--fg));
-  --ds-slate-hover: color-mix(in srgb, var(--ds-slate) 92%, var(--fg));
-  --ds-slate-active: color-mix(in srgb, var(--ds-slate) 84%, var(--fg));
-  --ds-azure-hover: color-mix(in srgb, var(--ds-azure) 92%, var(--fg));
-  --ds-azure-active: color-mix(in srgb, var(--ds-azure) 84%, var(--fg));
-}
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    margin: 0;
-    font-family: var(--ds-font-ui);
-    background: var(--bg);
-    color: var(--fg);
-}
-
-/*
- * UnoCSS tailwind-compat reset intentionally does not force `background-color: transparent` for buttons
- * (to avoid breaking component libraries). In our DS we want plain buttons/links to be transparent by default.
- */
-:where(a, button) {
-    background-color: transparent;
-}
-
-:where(input[type='button'], input[type='submit'], input[type='reset']) {
-    background-color: transparent;
-}
-
-code,
-pre,
-kbd {
-    font-family: var(--ds-font-mono);
-}
-
-* {
-    box-sizing: border-box;
-}
-
-:root {
-  /* Surface roles */
-  --bg: #f8fafc;
-  --fg: #0f172a;
-  --card: #ffffff;
-  --card-fg: #0f172a;
-  --popover: #ffffff;
-  --popover-fg: #0f172a;
-  --muted: #f1f5f9;
-  --muted-fg: #64748b;
-  --secondary: #e2e8f0;
-  --secondary-fg: #1e293b;
-  --brd: #e2e8f0;
-  --input: #e2e8f0;
-  --ring: #6366f1;
-
-  /* Action roles */
-  --primary: #4f46e5;
-  --primary-fg: #ffffff;
-  --accent: #eef2ff;
-  --accent-fg: #3730a3;
-  --destructive: #dc2626;
-  --destructive-fg: #ffffff;
-
-  /* Status roles */
-  --ds-success: #10b981;
-  --ds-success-light: #d1fae5;
-  --ds-success-fg: #ffffff;
-  --ds-success-text: #065f46;
-  --ds-warning: #f97316;
-  --ds-warning-light: #ffedd5;
-  --ds-warning-fg: #ffffff;
-  --ds-warning-text: #7c2d12;
-  --ds-danger: #dc2626;
-  --ds-danger-light: #fee2e2;
-  --ds-danger-fg: #ffffff;
-  --ds-danger-text: #991b1b;
-  --ds-info: #5850ec;
-  --ds-info-light: #e0e7ff;
-  --ds-info-fg: #ffffff;
-  --ds-info-text: #3730a3;
-  --ds-slate: #475569;
-  --ds-slate-light: #e2e8f0;
-  --ds-slate-fg: #ffffff;
-  --ds-slate-text: #334155;
-  --ds-azure: #0ea5e9;
-  --ds-azure-light: #e0f2fe;
-  --ds-azure-fg: #ffffff;
-  --ds-azure-text: #075985;
-
-  /* Data visualization roles */
-  --chart-1: #4f46e5;
-  --chart-2: #10b981;
-  --chart-3: #f97316;
-  --chart-4: #6366f1;
-  --chart-5: #8b5cf6;
-
-  /* Navigation roles */
-  --sidebar: #ffffff;
-  --sidebar-fg: #0f172a;
-  --sidebar-primary: #4f46e5;
-  --sidebar-primary-fg: #ffffff;
-  --sidebar-accent: #f1f5f9;
-  --sidebar-accent-fg: #1e293b;
-  --sidebar-brd: #e2e8f0;
-  --sidebar-ring: #6366f1;
-}
-
-@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
-  :root {
-    /* Action role fallbacks */
-    --primary-hover: #4a42d6;
-    --primary-active: #453ec7;
-    --secondary-hover: #d1d7e0;
-    --secondary-active: #c0c7d0;
-    --brd-hover: #a3a9b5;
-    --brd-active: #838a97;
-    --destructive-hover: #cc2526;
-    --destructive-active: #bb2427;
-
-    /* Status role fallbacks */
-    --ds-success-hover: #10ac7a;
-    --ds-success-active: #109f73;
-    --ds-warning-hover: #e66c18;
-    --ds-warning-active: #d46419;
-    --ds-danger-hover: #cc2526;
-    --ds-danger-active: #bb2427;
-    --ds-info-hover: #5c60e1;
-    --ds-info-active: #5659d1;
-    --ds-slate-hover: #435062;
-    --ds-slate-active: #3d4a5b;
-    --ds-azure-hover: #0284c7;
-    --ds-azure-active: #0369a1;
-
-    /* Component semantic fallbacks */
-    --ds-category-tree-branch-line-active-color: #c4cdf7;
-  }
-}
-
-.theme-dark,
-.dark,
-[data-theme='dark'] {
-  /* Surface roles */
-  --bg: #0f172a;
-  --fg: #f8fafc;
-  --card: #1e293b;
-  --card-fg: #f8fafc;
-  --popover: #1e293b;
-  --popover-fg: #f8fafc;
-  --muted: #334155;
-  --muted-fg: #94a3b8;
-  --secondary: #334155;
-  --secondary-fg: #f1f5f9;
-  --brd: #334155;
-  --input: #334155;
-  --ring: #818cf8;
-
-  /* Action roles */
-  --primary: #6366f1;
-  --primary-fg: #ffffff;
-  --accent: #1e1b4b;
-  --accent-fg: #c7d2fe;
-  --destructive: #ef4444;
-  --destructive-fg: #ffffff;
-
-  /* Status roles */
-  --ds-success: #34d399;
-  --ds-success-light: #064e3b;
-  --ds-success-fg: #0f172a;
-  --ds-success-text: #6ee7b7;
-  --ds-warning: #fb923c;
-  --ds-warning-light: #7c2d12;
-  --ds-warning-fg: #0f172a;
-  --ds-warning-text: #fdba74;
-  --ds-danger: #f87171;
-  --ds-danger-light: #7f1d1d;
-  --ds-danger-fg: #0f172a;
-  --ds-danger-text: #fca5a5;
-  --ds-info: #818cf8;
-  --ds-info-light: #312e81;
-  --ds-info-fg: #0f172a;
-  --ds-info-text: #c7d2fe;
-  --ds-slate: #94a3b8;
-  --ds-slate-light: #334155;
-  --ds-slate-fg: #0f172a;
-  --ds-slate-text: #cbd5e1;
-  --ds-azure: #38bdf8;
-  --ds-azure-light: #0c4a6e;
-  --ds-azure-fg: #0f172a;
-  --ds-azure-text: #bae6fd;
-
-  /* Data visualization roles */
-  --chart-1: #6366f1;
-  --chart-2: #34d399;
-  --chart-3: #fb923c;
-  --chart-4: #818cf8;
-  --chart-5: #a78bfa;
-
-  /* Navigation roles */
-  --sidebar: #1e293b;
-  --sidebar-fg: #f8fafc;
-  --sidebar-primary: #6366f1;
-  --sidebar-primary-fg: #ffffff;
-  --sidebar-accent: #334155;
-  --sidebar-accent-fg: #f1f5f9;
-  --sidebar-brd: #334155;
-  --sidebar-ring: #818cf8;
-}
-
-@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
-  .theme-dark,
-  .dark,
-  [data-theme='dark'] {
-    /* Action role fallbacks */
-    --primary-hover: #6f72f2;
-    --primary-active: #7b7ef3;
-    --secondary-hover: #435062;
-    --secondary-active: #535f70;
-    --brd-hover: #6e7987;
-    --brd-active: #8c94a0;
-    --destructive-hover: #f05353;
-    --destructive-active: #f06161;
-
-    /* Status role fallbacks */
-    --ds-success-hover: #44d6a1;
-    --ds-success-active: #53d9a9;
-    --ds-warning-hover: #fb9a4b;
-    --ds-warning-active: #fba35b;
-    --ds-danger-hover: #f87c7c;
-    --ds-danger-active: #f88787;
-    --ds-info-hover: #8b95f8;
-    --ds-info-active: #949ef9;
-    --ds-slate-hover: #9faec0;
-    --ds-slate-active: #aab7c8;
-    --ds-azure-hover: #4bc3f9;
-    --ds-azure-active: #5dcbf9;
-
-    /* Component semantic fallbacks */
-    --ds-category-tree-branch-line-active-color: #505b8c;
-  }
-}
-
-@keyframes granularity-spin{to{transform:rotate(360deg)}}
-/* layer: default */
-.pointer-events-none{pointer-events:none;}
-.absolute{position:absolute;}
-.relative{position:relative;}
-.inset-y-0{top:0;bottom:0;}
-.left-0{left:0;}
-.right-0{right:0;}
-.inline{display:inline;}
-.h-10{height:2.5rem;}
-.h-11{height:2.75rem;}
-.h-7{height:1.75rem;}
-.h-8{height:2rem;}
-.w-10{width:2.5rem;}
-.w-12{width:3rem;}
-.w-8{width:2rem;}
-.w-9{width:2.25rem;}
-.w-full{width:100%;}
-.flex{display:flex;}
-.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
-.select-none{-webkit-user-select:none;user-select:none;}
-.items-center{align-items:center;}
-.justify-center{justify-content:center;}
-.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.b,
-.border{border-width:1px;}
-.border-l{border-left-width:1px;}
-.border-r{border-right-width:1px;}
-.border-\[var\(--brd\)\]{border-color:var(--brd);}
-.border-\[var\(--ds-danger\)\]{border-color:var(--ds-danger);}
-.border-\[var\(--ds-success\)\]{border-color:var(--ds-success);}
-.border-\[var\(--ds-warning\)\]{border-color:var(--ds-warning);}
-.rounded-md{border-radius:0.375rem;}
-.bg-\[var\(--bg\)\]{background-color:var(--bg);}
-.px,
-.px-4{padding-left:1rem;padding-right:1rem;}
-.px-2{padding-left:0.5rem;padding-right:0.5rem;}
-.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
-.px-3{padding-left:0.75rem;padding-right:0.75rem;}
-.text-center{text-align:center;}
-.text-left{text-align:left;}
-.text-right{text-align:right;}
-.text-\[12px\]{font-size:12px;}
-.text-\[13px\]{font-size:13px;}
-.text-\[14px\]{font-size:14px;}
-.text-\[16px\]{font-size:16px;}
-.text-\[var\(--fg\)\]{color:var(--fg);}
-.text-\[var\(--muted-fg\)\]{color:var(--muted-fg);}
-.focus\:placeholder\:text-transparent:focus::placeholder{color:transparent;}
-.placeholder\:text-\[var\(--muted-fg\)\]::placeholder{color:var(--muted-fg);}
-.disabled\:opacity-50:disabled{opacity:0.5;}
-.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
-.focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.focus-visible\:ring-\[var\(--ds-danger\)\]:focus-visible{--un-ring-color:var(--ds-danger);}
-.focus-visible\:ring-\[var\(--ds-success\)\]:focus-visible{--un-ring-color:var(--ds-success);}
-.focus-visible\:ring-\[var\(--ds-warning\)\]:focus-visible{--un-ring-color:var(--ds-warning);}
-.focus-visible\:ring-\[var\(--ring\)\]:focus-visible{--un-ring-color:var(--ring);}
-.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.duration-150{transition-duration:150ms;}