@fragments-sdk/ui 0.9.2 → 0.9.3

package/dist/assets/styles/globals.css

@@ -1,355 +0,0 @@
-:root {
-  font-size: 14px;
-  --fui-base-unit: 7px;
-  --fui-font-sans: Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
-  --fui-font-mono: Geist Mono, SF Mono, SFMono-Regular, ui-monospace, Cascadia Code, Menlo, monospace;
-  --fui-font-size-2xs: 0.714rem;
-  --fui-font-size-xs: 0.857rem;
-  --fui-font-size-sm: 1rem;
-  --fui-font-size-base: 1.143rem;
-  --fui-font-size-lg: 1.286rem;
-  --fui-font-size-xl: 1.714rem;
-  --fui-font-size-2xl: 2.143rem;
-  --fui-font-weight-normal: 400;
-  --fui-font-weight-medium: 500;
-  --fui-font-weight-semibold: 600;
-  --fui-line-height-tight: 1.25;
-  --fui-line-height-normal: 1.5;
-  --fui-line-height-relaxed: 1.625;
-  --fui-space-px: 1px;
-  --fui-space-0-5: 0.15rem;
-  --fui-space-0-75: 0.215rem;
-  --fui-space-1: 0.5rem;
-  --fui-space-2: 1rem;
-  --fui-space-3: 1.5rem;
-  --fui-space-4: 2rem;
-  --fui-space-5: 2.5rem;
-  --fui-space-6: 3rem;
-  --fui-space-8: 4rem;
-  --fui-space-10: 5rem;
-  --fui-space-12: 6rem;
-  --fui-padding-container-sm: 1.5rem;
-  --fui-padding-container-md: 2rem;
-  --fui-padding-container-lg: 3rem;
-  --fui-padding-container-xl: 4rem;
-  --fui-padding-inline-sm: 1rem;
-  --fui-padding-inline-md: 1.5rem;
-  --fui-padding-inline-lg: 2rem;
-  --fui-padding-item-xs: 0.5rem;
-  --fui-padding-item-sm: 1rem;
-  --fui-padding-item-md: 1.5rem;
-  --fui-padding-item-lg: 2rem;
-  --fui-radius-sm: 0.25rem;
-  --fui-radius-md: 0.429rem;
-  --fui-radius-lg: 0.571rem;
-  --fui-radius-xl: 0.857rem;
-  --fui-radius-full: 9999px;
-  --fui-transition-fast: 150ms ease;
-  --fui-transition-normal: 200ms ease;
-  --fui-color-accent: #18181b;
-  --fui-color-accent-hover: rgb(62.88, 62.88, 70.74);
-  --fui-color-accent-active: rgb(84.48, 84.48, 95.04);
-  --fui-color-danger: #ef4444;
-  --fui-color-danger-hover: rgb(236.5802955665, 39.7197044335, 39.7197044335);
-  --fui-color-success: #22c55e;
-  --fui-color-warning: #f59e0b;
-  --fui-color-info: #3b82f6;
-  --fui-color-danger-bg: rgba(239, 68, 68, 0.1);
-  --fui-color-success-bg: rgba(34, 197, 94, 0.1);
-  --fui-color-warning-bg: rgba(245, 158, 11, 0.1);
-  --fui-color-info-bg: rgba(59, 130, 246, 0.1);
-  --fui-color-danger-text: rgb(198.2384236453, 16.9615763547, 16.9615763547);
-  --fui-color-success-text: rgb(18.987012987, 110.012987013, 52.4935064935);
-  --fui-color-warning-text: rgb(128.3401574803, 82.5795275591, 5.2598425197);
-  --fui-color-info-text: rgb(9.807804878, 87.1804878049, 213.592195122);
-  --fui-backdrop: rgba(0, 0, 0, 0.5);
-  --fui-bg-primary: #ffffff;
-  --fui-bg-secondary: #f4f4f5;
-  --fui-bg-tertiary: #f4f4f5;
-  --fui-bg-elevated: #ffffff;
-  --fui-bg-subtle: #fafafa;
-  --fui-bg-hover: rgba(0, 0, 0, 0.04);
-  --fui-bg-active: rgba(0, 0, 0, 0.06);
-  --fui-text-primary: #18181b;
-  --fui-text-secondary: #52525b;
-  --fui-text-tertiary: #71717a;
-  --fui-text-inverse: #f4f4f5;
-  --fui-border: rgba(0, 0, 0, 0.08);
-  --fui-border-default: rgba(0, 0, 0, 0.08);
-  --fui-border-strong: rgba(0, 0, 0, 0.14);
-  --fui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
-  --fui-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04);
-  --fui-shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, 0.08), 0 3px 5px -4px rgba(0, 0, 0, 0.05);
-  --fui-focus-ring-color: #18181b;
-  --fui-focus-ring-offset: 2px;
-  --fui-focus-ring-width: 2px;
-  --fui-scrollbar-width: 8px;
-  --fui-scrollbar-track: #f4f4f5;
-  --fui-scrollbar-thumb: #d4d4d8;
-  --fui-scrollbar-thumb-hover: #a1a1aa;
-  --fui-button-height-sm: 2rem;
-  --fui-button-height-md: 2.5714285714rem;
-  --fui-button-height-lg: 3.1428571429rem;
-  --fui-input-height: 2.8571428571rem;
-  --fui-input-height-sm: 2rem;
-  --fui-input-height-lg: 3.1428571429rem;
-  --fui-target-size-min: 1.714rem;
-  --fui-target-size-comfortable: 2.2857142857rem;
-  --fui-appshell-header-height: 56px;
-  --fui-appshell-sidebar-width: 240px;
-  --fui-appshell-sidebar-collapsed-width: 64px;
-  --fui-appshell-aside-width: 280px;
-  --fui-header-z-index: 40;
-  --fui-code-bg: #1e1e1e;
-  --fui-code-header-bg: #1e1e1e;
-  --fui-code-text: #d4d4d4;
-  --fui-code-text-muted: #6b7280;
-  --fui-code-border: rgba(255, 255, 255, 0.1);
-  --fui-code-tab-bg: rgba(255, 255, 255, 0.03);
-  --fui-code-tab-border: rgba(255, 255, 255, 0.08);
-  --fui-code-tab-text: #9ca3af;
-  --fui-code-tab-text-active: #e5e7eb;
-  --fui-code-copy-bg: rgba(255, 255, 255, 0.1);
-  --fui-code-copy-bg-hover: rgba(255, 255, 255, 0.15);
-  --fui-code-highlight-bg: rgba(255, 255, 255, 0.08);
-  --fui-code-selection-bg: rgba(59, 130, 246, 0.4);
-  --fui-code-scrollbar-track: rgba(255, 255, 255, 0.05);
-  --fui-code-scrollbar-thumb: rgba(255, 255, 255, 0.15);
-  --fui-code-scrollbar-thumb-hover: rgba(255, 255, 255, 0.25);
-  --fui-tooltip-bg: #1e293b;
-  --fui-tooltip-text: #f8fafc;
-  --fui-tooltip-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.15);
-  --fui-hero-gradient-color: rgba(120, 119, 198, 0.15);
-}
-
-:root[data-theme=dark] {
-  --fui-color-accent: #f2f2f2;
-  --fui-color-accent-hover: rgb(217.8, 217.8, 217.8);
-  --fui-color-accent-active: rgb(203.28, 203.28, 203.28);
-  --fui-bg-primary: #09090b;
-  --fui-bg-secondary: #18181b;
-  --fui-bg-tertiary: #27272a;
-  --fui-bg-elevated: rgb(27.75, 27.75, 30.75);
-  --fui-bg-subtle: rgb(16.5, 16.5, 19);
-  --fui-bg-hover: rgba(255, 255, 255, 0.05);
-  --fui-bg-active: rgba(255, 255, 255, 0.08);
-  --fui-text-primary: #f4f4f5;
-  --fui-text-secondary: #a1a1aa;
-  --fui-text-tertiary: #71717a;
-  --fui-text-inverse: #18181b;
-  --fui-border: rgba(255, 255, 255, 0.08);
-  --fui-border-default: rgba(255, 255, 255, 0.08);
-  --fui-border-strong: rgba(255, 255, 255, 0.14);
-  --fui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-  --fui-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 1px 3px -2px rgba(0, 0, 0, 0.2);
-  --fui-shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, 0.35), 0 3px 5px -4px rgba(0, 0, 0, 0.25);
-  --fui-color-danger-bg: rgba(239, 68, 68, 0.15);
-  --fui-color-success-bg: rgba(34, 197, 94, 0.15);
-  --fui-color-warning-bg: rgba(245, 158, 11, 0.15);
-  --fui-color-info-bg: rgba(59, 130, 246, 0.15);
-  --fui-color-danger-text: rgb(241.4118226601, 96.1881773399, 96.1881773399);
-  --fui-color-success-text: #22c55e;
-  --fui-color-warning-text: #f59e0b;
-  --fui-color-info-text: rgb(78.5043902439, 142.4390243902, 246.8956097561);
-  --fui-focus-ring-color: #f2f2f2;
-  --fui-backdrop: rgba(0, 0, 0, 0.8);
-  --fui-scrollbar-track: #27272a;
-  --fui-scrollbar-thumb: #52525b;
-  --fui-scrollbar-thumb-hover: #71717a;
-  --fui-code-bg: var(--fui-bg-elevated);
-  --fui-code-header-bg: var(--fui-bg-elevated);
-  --fui-code-text: #d4d4d4;
-  --fui-code-text-muted: #6b7280;
-  --fui-code-border: rgba(255, 255, 255, 0.1);
-  --fui-code-tab-bg: rgba(255, 255, 255, 0.03);
-  --fui-code-tab-border: rgba(255, 255, 255, 0.08);
-  --fui-code-tab-text: #9ca3af;
-  --fui-code-tab-text-active: #e5e7eb;
-  --fui-code-copy-bg: rgba(255, 255, 255, 0.1);
-  --fui-code-copy-bg-hover: rgba(255, 255, 255, 0.15);
-  --fui-code-highlight-bg: rgba(255, 255, 255, 0.08);
-  --fui-code-selection-bg: rgba(59, 130, 246, 0.4);
-  --fui-code-scrollbar-track: rgba(255, 255, 255, 0.05);
-  --fui-code-scrollbar-thumb: rgba(255, 255, 255, 0.15);
-  --fui-code-scrollbar-thumb-hover: rgba(255, 255, 255, 0.25);
-  --fui-tooltip-bg: #1e293b;
-  --fui-tooltip-text: #f8fafc;
-  --fui-tooltip-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.25);
-  --fui-hero-gradient-color: rgba(120, 119, 198, 0.25);
-}
-
-:root.dark {
-  --fui-color-accent: #f2f2f2;
-  --fui-color-accent-hover: rgb(217.8, 217.8, 217.8);
-  --fui-color-accent-active: rgb(203.28, 203.28, 203.28);
-  --fui-bg-primary: #09090b;
-  --fui-bg-secondary: #18181b;
-  --fui-bg-tertiary: #27272a;
-  --fui-bg-elevated: rgb(27.75, 27.75, 30.75);
-  --fui-bg-subtle: rgb(16.5, 16.5, 19);
-  --fui-bg-hover: rgba(255, 255, 255, 0.05);
-  --fui-bg-active: rgba(255, 255, 255, 0.08);
-  --fui-text-primary: #f4f4f5;
-  --fui-text-secondary: #a1a1aa;
-  --fui-text-tertiary: #71717a;
-  --fui-text-inverse: #18181b;
-  --fui-border: rgba(255, 255, 255, 0.08);
-  --fui-border-default: rgba(255, 255, 255, 0.08);
-  --fui-border-strong: rgba(255, 255, 255, 0.14);
-  --fui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-  --fui-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 1px 3px -2px rgba(0, 0, 0, 0.2);
-  --fui-shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, 0.35), 0 3px 5px -4px rgba(0, 0, 0, 0.25);
-  --fui-color-danger-bg: rgba(239, 68, 68, 0.15);
-  --fui-color-success-bg: rgba(34, 197, 94, 0.15);
-  --fui-color-warning-bg: rgba(245, 158, 11, 0.15);
-  --fui-color-info-bg: rgba(59, 130, 246, 0.15);
-  --fui-color-danger-text: rgb(241.4118226601, 96.1881773399, 96.1881773399);
-  --fui-color-success-text: #22c55e;
-  --fui-color-warning-text: #f59e0b;
-  --fui-color-info-text: rgb(78.5043902439, 142.4390243902, 246.8956097561);
-  --fui-focus-ring-color: #f2f2f2;
-  --fui-backdrop: rgba(0, 0, 0, 0.8);
-  --fui-scrollbar-track: #27272a;
-  --fui-scrollbar-thumb: #52525b;
-  --fui-scrollbar-thumb-hover: #71717a;
-  --fui-code-bg: var(--fui-bg-elevated);
-  --fui-code-header-bg: var(--fui-bg-elevated);
-  --fui-code-text: #d4d4d4;
-  --fui-code-text-muted: #6b7280;
-  --fui-code-border: rgba(255, 255, 255, 0.1);
-  --fui-code-tab-bg: rgba(255, 255, 255, 0.03);
-  --fui-code-tab-border: rgba(255, 255, 255, 0.08);
-  --fui-code-tab-text: #9ca3af;
-  --fui-code-tab-text-active: #e5e7eb;
-  --fui-code-copy-bg: rgba(255, 255, 255, 0.1);
-  --fui-code-copy-bg-hover: rgba(255, 255, 255, 0.15);
-  --fui-code-highlight-bg: rgba(255, 255, 255, 0.08);
-  --fui-code-selection-bg: rgba(59, 130, 246, 0.4);
-  --fui-code-scrollbar-track: rgba(255, 255, 255, 0.05);
-  --fui-code-scrollbar-thumb: rgba(255, 255, 255, 0.15);
-  --fui-code-scrollbar-thumb-hover: rgba(255, 255, 255, 0.25);
-  --fui-tooltip-bg: #1e293b;
-  --fui-tooltip-text: #f8fafc;
-  --fui-tooltip-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.25);
-  --fui-hero-gradient-color: rgba(120, 119, 198, 0.25);
-}
-
-@media (prefers-contrast: more) {
-  :root {
-    --fui-focus-ring-width: 3px;
-    --fui-border: var(--fui-text-primary);
-    --fui-border-strong: var(--fui-text-primary);
-    --fui-bg-hover: rgba(0, 0, 0, 0.12);
-    --fui-bg-active: rgba(0, 0, 0, 0.18);
-  }
-  :root[data-theme=dark],
-  :root.dark {
-    --fui-bg-hover: rgba(255, 255, 255, 0.15);
-    --fui-bg-active: rgba(255, 255, 255, 0.22);
-  }
-}
-:root[data-high-contrast=true] {
-  --fui-focus-ring-width: 3px;
-  --fui-border: var(--fui-text-primary);
-  --fui-border-strong: var(--fui-text-primary);
-  --fui-bg-hover: rgba(0, 0, 0, 0.12);
-  --fui-bg-active: rgba(0, 0, 0, 0.18);
-}
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--fui-scrollbar-thumb) var(--fui-scrollbar-track);
-}
-
-*::-webkit-scrollbar {
-  width: var(--fui-scrollbar-width);
-  height: var(--fui-scrollbar-width);
-}
-
-*::-webkit-scrollbar-track {
-  background: var(--fui-scrollbar-track);
-  border-radius: calc(var(--fui-scrollbar-width) / 2);
-}
-
-*::-webkit-scrollbar-thumb {
-  background: var(--fui-scrollbar-thumb);
-  border-radius: calc(var(--fui-scrollbar-width) / 2);
-}
-*::-webkit-scrollbar-thumb:hover {
-  background: var(--fui-scrollbar-thumb-hover);
-}
-
-*::-webkit-scrollbar-corner {
-  background: var(--fui-scrollbar-track);
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  margin: 0;
-  font-family: var(--fui-font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
-  background-color: var(--fui-bg-primary, #ffffff);
-  color: var(--fui-text-primary, #171717);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-feature-settings: "rlig" 1, "calt" 1;
-}
-
-a {
-  text-decoration: none;
-}
-
-*::selection {
-  background-color: var(--fui-color-success-bg, rgba(16, 163, 127, 0.1));
-  color: var(--fui-text-primary, #171717);
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--fui-text-tertiary, #8a8a8a);
-  border-radius: 9999px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--fui-text-secondary, #525252);
-}
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--fui-text-tertiary, #8a8a8a) transparent;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *,
-  *::before,
-  *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}
-:focus:not(:focus-visible) {
-  outline: none;
-}
-
-:focus-visible {
-  outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
-  outline-offset: var(--fui-focus-ring-offset, 2px);
-}