@designbasekorea/theme 0.1.23 → 0.1.25
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/dist/css/theme.css +4 -4
- package/dist/css/theme.css.map +1 -1
- package/package.json +3 -2
package/dist/css/theme.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* merged from @designbase/tokens/css */
|
|
2
2
|
/**
|
|
3
3
|
* Designbase Korea Design Tokens
|
|
4
|
-
* Generated: 2025-10-
|
|
5
|
-
* Version: 0.1.
|
|
4
|
+
* Generated: 2025-10-24T02:13:56.732Z
|
|
5
|
+
* Version: 0.1.16
|
|
6
6
|
*
|
|
7
7
|
* Structure:
|
|
8
8
|
* - Foundation: Raw scales (global)
|
|
@@ -597,7 +597,7 @@
|
|
|
597
597
|
--border-semantic-radius-button-pill: var(--border-aliases-radius-full);
|
|
598
598
|
--border-semantic-radius-button-l: var(--border-aliases-radius-l);
|
|
599
599
|
--border-semantic-radius-button-m: var(--border-aliases-radius-m);
|
|
600
|
-
--border-semantic-radius-button-s: var(--border-aliases-radius-
|
|
600
|
+
--border-semantic-radius-button-s: var(--border-aliases-radius-m);
|
|
601
601
|
--border-semantic-radius-full: var(--border-aliases-radius-full);
|
|
602
602
|
--border-semantic-radius-3xl: var(--border-aliases-radius-3xl);
|
|
603
603
|
--border-semantic-radius-2xl: var(--border-aliases-radius-2xl);
|
|
@@ -684,4 +684,4 @@
|
|
|
684
684
|
--color-aliases-brand-primary: var(--color-foundation-blue-700);
|
|
685
685
|
}
|
|
686
686
|
|
|
687
|
-
*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:var(--db-font-primary);font-size:var(--font-size-base);color:var(--db-text-primary);background-color:var(--db-surface-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;padding:0;cursor:pointer;outline:none}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{background:rgba(0,0,0,0);border:none;outline:none;appearance:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted, #6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-border-focus, #3b82f6);outline-offset:2px}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.designbase-scrollable{scrollbar-width:thin;-ms-overflow-style:auto}.designbase-scrollable::-webkit-scrollbar{display:block;width:8px;height:8px}.designbase-scrollable::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f3f4f6);border-radius:var(--border-radius-base, 4px)}.designbase-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:var(--border-radius-base, 4px)}.designbase-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #9ca3af)}.designbase-scrollable::-webkit-scrollbar-corner{background:var(--color-bg-secondary, #f3f4f6)}.designbase-scrollable--thin{scrollbar-width:thin}.designbase-scrollable--thin::-webkit-scrollbar{display:block;width:4px;height:4px}.designbase-scrollable--thin::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:2px}.designbase-scrollable--thin::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #9ca3af)}.designbase-scrollable--custom{scrollbar-width:thin}.designbase-scrollable--custom::-webkit-scrollbar{display:block;width:6px;height:6px}.designbase-scrollable--custom::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.designbase-scrollable--custom::-webkit-scrollbar-thumb{background:var(--color-border-primary, #d1d5db);border-radius:3px}.designbase-scrollable--custom::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #9ca3af)}::selection{background-color:var(--color-text-link, #2563eb);color:var(--color-text-inverse, #ffffff)}@media print{*,*::before,*::after{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--db-text-primary: var(--color-aliases-text-primary);--db-text-secondary: var(--color-aliases-text-secondary);--db-text-tertiary: var(--color-aliases-text-tertiary);--db-text-disabled: var(--color-aliases-text-disabled);--db-text-link: var(--color-aliases-text-link);--db-text-link-hover: var(--color-aliases-text-link-hover);--db-text-inverse-primary: var(--color-aliases-text-inverse-primary);--db-text-inverse-secondary: var(--color-aliases-text-inverse-secondary);--db-text-inverse-tertiary: var(--color-aliases-text-inverse-tertiary);--db-brand-primary: var(--color-aliases-brand-primary);--db-brand-secondary: var(--color-aliases-brand-secondary);--db-brand-tertiary: var(--color-aliases-brand-tertiary);--db-brand-accent: var(--color-aliases-brand-accent);--db-surface-base: var(--color-aliases-surface-base);--db-surface-layer-1: var(--color-aliases-surface-layer-1);--db-surface-layer-2: var(--color-aliases-surface-layer-2);--db-surface-layer-3: var(--color-aliases-surface-layer-3);--db-surface-muted: var(--color-aliases-surface-muted);--db-surface-inverse: var(--color-aliases-surface-inverse);--db-surface-transparent: var(--color-aliases-surface-transparent);--db-surface-alpha: var(--color-aliases-surface-alpha);--db-surface-alpha-inverse: var(--color-aliases-surface-alpha-inverse);--db-bg-primary: var(--color-aliases-surface-base);--db-bg-secondary: var(--color-aliases-surface-layer-1);--db-bg-tertiary: var(--color-aliases-surface-layer-2);--db-bg-inverse: var(--color-aliases-surface-inverse);--db-feedback-success-fg: var(--color-aliases-feedback-success-fg);--db-feedback-success-bg: var(--color-aliases-feedback-success-bg);--db-feedback-warning-fg: var(--color-aliases-feedback-warning-fg);--db-feedback-warning-bg: var(--color-aliases-feedback-warning-bg);--db-feedback-error-fg: var(--color-aliases-feedback-error-fg);--db-feedback-error-bg: var(--color-aliases-feedback-error-bg);--db-feedback-info-fg: var(--color-aliases-feedback-info-fg);--db-feedback-info-bg: var(--color-aliases-feedback-info-bg);--db-text-success: var(--color-aliases-feedback-success-fg);--db-text-warning: var(--color-aliases-feedback-warning-fg);--db-text-error: var(--color-aliases-feedback-error-fg);--db-text-info: var(--color-aliases-feedback-info-fg);--db-bg-success: var(--color-aliases-feedback-success-bg);--db-bg-warning: var(--color-aliases-feedback-warning-bg);--db-bg-error: var(--color-aliases-feedback-error-bg);--db-bg-info: var(--color-aliases-feedback-info-bg);--db-border-base: var(--color-aliases-border-base);--db-border-layer-1: var(--color-aliases-border-layer-1);--db-border-layer-2: var(--color-aliases-border-layer-2);--db-border-layer-3: var(--color-aliases-border-layer-3);--db-border-muted: var(--color-aliases-border-muted);--db-border-inverse: var(--color-aliases-border-inverse);--db-border-transparent: var(--color-aliases-border-transparent);--db-border-alpha: var(--color-aliases-border-alpha);--db-border-alpha-inverse: var(--color-aliases-border-alpha-inverse);--db-border-primary: var(--color-aliases-border-base);--db-border-secondary: var(--color-aliases-border-layer-1);--db-border-focus: var(--color-aliases-brand-primary);--db-border-error: var(--color-aliases-feedback-error-fg);--db-border-success: var(--color-aliases-feedback-success-fg);--db-border-warning: var(--color-aliases-feedback-warning-fg);--db-border-info: var(--color-aliases-feedback-info-fg);--db-overlay-base: var(--color-aliases-overlay-base);--db-overlay-soft: var(--color-aliases-overlay-soft);--db-overlay-inverse: var(--color-aliases-overlay-inverse);--db-bg-overlay: var(--color-aliases-overlay-base);--db-icon-default: var(--color-semantic-icon-default);--db-icon-hover: var(--color-semantic-icon-hover);--db-icon-muted: var(--color-semantic-icon-muted);--db-icon-disabled: var(--color-semantic-icon-disabled);--db-icon-primary: var(--color-semantic-icon-primary);--db-icon-success: var(--color-semantic-icon-success);--db-icon-warning: var(--color-semantic-icon-warning);--db-icon-error: var(--color-semantic-icon-error);--db-icon-info: var(--color-semantic-icon-info);--db-icon-inverse: var(--color-semantic-icon-inverse);--db-icon-inverse-hover: var(--color-semantic-icon-inverse-hover);--db-icon-secondary: var(--color-semantic-icon-hover);--db-icon-danger: var(--color-semantic-icon-error);--db-btn-primary-bg: var(--color-semantic-button-primary-bg-default);--db-btn-primary-bg-hover: var(--color-semantic-button-primary-bg-hover);--db-btn-primary-bg-active: var(--color-semantic-button-primary-bg-active);--db-btn-primary-bg-disabled: var(--color-semantic-button-primary-bg-disabled);--db-btn-primary-text: var(--color-semantic-button-primary-text-default);--db-btn-primary-text-disabled: var(--color-semantic-button-primary-text-disabled);--db-btn-primary-border: var(--color-semantic-button-primary-border-default);--db-btn-primary-border-hover: var(--color-semantic-button-primary-border-hover);--db-btn-primary-border-active: var(--color-semantic-button-primary-border-active);--db-btn-secondary-bg: var(--color-semantic-button-secondary-bg-default);--db-btn-secondary-bg-hover: var(--color-semantic-button-secondary-bg-hover);--db-btn-secondary-bg-active: var(--color-semantic-button-secondary-bg-active);--db-btn-secondary-bg-disabled: var(--color-semantic-button-secondary-bg-disabled);--db-btn-secondary-text: var(--color-semantic-button-secondary-text-default);--db-btn-secondary-text-hover: var(--color-semantic-button-secondary-text-hover);--db-btn-secondary-text-disabled: var(--color-semantic-button-secondary-text-disabled);--db-btn-secondary-border: var(--color-semantic-button-secondary-border-default);--db-btn-secondary-border-hover: var(--color-semantic-button-secondary-border-hover);--db-btn-tertiary-bg: var(--color-semantic-button-tertiary-bg-default);--db-btn-tertiary-bg-hover: var(--color-semantic-button-tertiary-bg-hover);--db-btn-tertiary-bg-active: var(--color-semantic-button-tertiary-bg-active);--db-btn-tertiary-bg-disabled: var(--color-semantic-button-tertiary-bg-disabled);--db-btn-tertiary-text: var(--color-semantic-button-tertiary-text-default);--db-btn-tertiary-text-hover: var(--color-semantic-button-tertiary-text-hover);--db-btn-tertiary-text-disabled: var(--color-semantic-button-tertiary-text-disabled);--db-btn-tertiary-border: var(--color-semantic-button-tertiary-border-default);--db-btn-tertiary-border-hover: var(--color-semantic-button-tertiary-border-hover);--db-btn-disabled-bg: var(--color-semantic-button-disabled-bg-disabled);--db-btn-disabled-text: var(--color-semantic-button-disabled-text-disabled);--db-field-bg: var(--color-semantic-field-input-bg-default);--db-field-bg-hover: var(--color-semantic-field-input-bg-hover);--db-field-bg-disabled: var(--color-semantic-field-input-bg-disabled);--db-field-border: var(--color-semantic-field-input-border-default);--db-field-border-hover: var(--color-semantic-field-input-border-hover);--db-field-border-focus: var(--color-semantic-field-input-border-focus);--db-field-border-error: var(--color-semantic-field-input-border-error);--db-field-text: var(--color-semantic-field-input-text-default);--db-field-text-disabled: var(--color-semantic-field-input-text-disabled);--db-field-placeholder: var(--color-semantic-field-input-placeholder);--db-interactive-text: var(--color-semantic-interactive-text-default);--db-interactive-text-hover: var(--color-semantic-interactive-text-hover);--db-interactive-text-mute: var(--color-semantic-interactive-text-mute);--db-interactive-text-disabled: var(--color-semantic-interactive-text-disabled);--db-interactive-text-inverse: var(--color-semantic-interactive-text-inverse);--db-interactive-text-primary: var(--color-semantic-interactive-text-primary);--db-interactive-border: var(--color-semantic-interactive-border-default);--db-interactive-border-hover: var(--color-semantic-interactive-border-hover);--db-interactive-border-muted: var(--color-semantic-interactive-border-muted);--db-interactive-border-success: var(--color-semantic-interactive-border-success);--db-interactive-border-warning: var(--color-semantic-interactive-border-warning);--db-interactive-border-error: var(--color-semantic-interactive-border-error);--db-interactive-border-info: var(--color-semantic-interactive-border-info);--db-interactive-bg: var(--color-semantic-interactive-bg-default);--db-interactive-bg-hover: var(--color-semantic-interactive-bg-hover);--db-interactive-bg-muted: var(--color-semantic-interactive-bg-muted);--db-interactive-bg-success: var(--color-semantic-interactive-bg-success);--db-interactive-bg-warning: var(--color-semantic-interactive-bg-warning);--db-interactive-bg-error: var(--color-semantic-interactive-bg-error);--db-interactive-bg-info: var(--color-semantic-interactive-bg-info);--db-color-primary: var(--color-aliases-brand-primary);--db-color-secondary: var(--color-aliases-brand-secondary);--db-color-tertiary: var(--color-aliases-brand-tertiary);--db-margin-xxs: var(--spacing-semantic-margin-xxs);--db-margin-xs: var(--spacing-semantic-margin-xs);--db-margin-s: var(--spacing-semantic-margin-s);--db-margin-m: var(--spacing-semantic-margin-m);--db-margin-l: var(--spacing-semantic-margin-l);--db-margin-xl: var(--spacing-semantic-margin-xl);--db-margin-2xl: var(--spacing-semantic-margin-2xl);--db-padding-xxs: var(--spacing-semantic-padding-xxs);--db-padding-xs: var(--spacing-semantic-padding-xs);--db-padding-s: var(--spacing-semantic-padding-s);--db-padding-m: var(--spacing-semantic-padding-m);--db-padding-l: var(--spacing-semantic-padding-l);--db-padding-xl: var(--spacing-semantic-padding-xl);--db-padding-2xl: var(--spacing-semantic-padding-2xl);--db-gap-xxs: var(--spacing-semantic-gap-xxs);--db-gap-xs: var(--spacing-semantic-gap-xs);--db-gap-s: var(--spacing-semantic-gap-s);--db-gap-m: var(--spacing-semantic-gap-m);--db-gap-l: var(--spacing-semantic-gap-l);--db-gap-xl: var(--spacing-semantic-gap-xl);--db-gap-2xl: var(--spacing-semantic-gap-2xl);--db-container-padding: var(--spacing-semantic-container-padding);--db-grid-gutter: var(--spacing-semantic-grid-gutter);--db-radius-s: var(--border-semantic-radius-s);--db-radius-m: var(--border-semantic-radius-m);--db-radius-l: var(--border-semantic-radius-l);--db-radius-xl: var(--border-semantic-radius-xl);--db-radius-2xl: var(--border-semantic-radius-2xl);--db-radius-3xl: var(--border-semantic-radius-3xl);--db-radius-full: var(--border-semantic-radius-full);--db-radius-btn-s: var(--border-semantic-radius-button-s);--db-radius-btn-m: var(--border-semantic-radius-button-m);--db-radius-btn-l: var(--border-semantic-radius-button-l);--db-radius-btn-pill: var(--border-semantic-radius-button-pill);--db-radius-input-s: var(--border-semantic-radius-input-s);--db-radius-input-m: var(--border-semantic-radius-input-m);--db-radius-input-l: var(--border-semantic-radius-input-l);--db-radius-card-s: var(--border-semantic-radius-card-s);--db-radius-card-m: var(--border-semantic-radius-card-m);--db-radius-card-l: var(--border-semantic-radius-card-l);--db-radius-modal-s: var(--border-semantic-radius-modal-s);--db-radius-modal-m: var(--border-semantic-radius-modal-m);--db-radius-modal-l: var(--border-semantic-radius-modal-l);--db-radius-action-s: var(--border-semantic-radius-action-s);--db-radius-action-m: var(--border-semantic-radius-action-m);--db-radius-action-l: var(--border-semantic-radius-action-l);--db-radius-action-pill: var(--border-semantic-radius-action-pill);--db-font-primary: var(--typography-semantic-font-family-primary);--db-font-mono: var(--typography-semantic-font-family-mono);--db-text-xs: var(--typography-semantic-font-size-xs);--db-text-s: var(--typography-semantic-font-size-s);--db-text-base: var(--typography-semantic-font-size-base);--db-text-l: var(--typography-semantic-font-size-l);--db-text-xl: var(--typography-semantic-font-size-xl);--db-text-2xl: var(--typography-semantic-font-size-2xl);--db-text-3xl: var(--typography-semantic-font-size-3xl);--db-text-4xl: var(--typography-semantic-font-size-4xl);--db-text-5xl: var(--typography-semantic-font-size-5xl);--db-text-6xl: var(--typography-semantic-font-size-6xl);--db-weight-light: var(--typography-semantic-font-weight-light);--db-weight-normal: var(--typography-semantic-font-weight-normal);--db-weight-medium: var(--typography-semantic-font-weight-medium);--db-weight-semibold: var(--typography-semantic-font-weight-semibold);--db-weight-bold: var(--typography-semantic-font-weight-bold);--db-weight-extrabold: var(--typography-semantic-font-weight-extrabold);--db-leading-none: var(--typography-semantic-line-height-none);--db-leading-tight: var(--typography-semantic-line-height-tight);--db-leading-snug: var(--typography-semantic-line-height-snug);--db-leading-normal: var(--typography-semantic-line-height-normal);--db-leading-relaxed: var(--typography-semantic-line-height-relaxed);--db-leading-loose: var(--typography-semantic-line-height-loose);--db-shadow-card: var(--shadow-semantic-card-default);--db-shadow-card-hover: var(--shadow-semantic-card-hover);--db-shadow-card-elevated: var(--shadow-semantic-card-elevated);--db-shadow-button: var(--shadow-semantic-button-default);--db-shadow-button-hover: var(--shadow-semantic-button-hover);--db-shadow-button-active: var(--shadow-semantic-button-active);--db-shadow-tooltip: var(--shadow-semantic-tooltip-default);--db-shadow-dropdown: var(--shadow-semantic-dropdown-default);--db-shadow-modal: var(--shadow-semantic-modal-content);--db-shadow-modal-overlay: var(--shadow-semantic-modal-overlay);--db-shadow-none: var(--shadow-foundation-none);--db-shadow-xs: var(--shadow-foundation-s);--db-shadow-sm: var(--shadow-foundation-base);--db-shadow-md: var(--shadow-foundation-m);--db-shadow-lg: var(--shadow-foundation-l);--db-shadow-xl: var(--shadow-foundation-xl);--db-shadow-2xl: var(--shadow-foundation-2xl);--db-shadow-inner: var(--shadow-foundation-inner);--db-opacity-focus: var(--opacity-semantic-focus);--db-opacity-hover: var(--opacity-semantic-hover);--db-opacity-overlay-dark: var(--opacity-semantic-overlay-dark);--db-opacity-overlay-medium: var(--opacity-semantic-overlay-medium);--db-opacity-overlay-light: var(--opacity-semantic-overlay-light);--db-opacity-disabled: var(--opacity-semantic-disabled);--db-z-auto: auto;--db-z-0: 0;--db-z-10: 10;--db-z-20: 20;--db-z-30: 30;--db-z-40: 40;--db-z-50: 50;--db-z-modal: 1000;--db-z-popover: 1010;--db-z-tooltip: 1020;--db-z-toast: 1030;--db-animation-speed: var(--motion-semantic-animation-speed);--db-animation-ease: var(--motion-semantic-animation-ease);--db-animation-ease-in: ease-in;--db-container-max-width-fluid: var(--layout-semantic-container-max-width-fluid);--db-container-max-width-s: var(--layout-semantic-container-max-width-s);--db-container-max-width-m: var(--layout-semantic-container-max-width-m);--db-container-max-width-l: var(--layout-semantic-container-max-width-l);--db-container-max-width-xl: var(--layout-semantic-container-max-width-xl);--db-container-max-width-xxl: var(--layout-semantic-container-max-width-xxl);--db-container-padding-none: var(--layout-semantic-container-padding-none);--db-container-padding-s: var(--layout-semantic-container-padding-s);--db-container-padding-m: var(--layout-semantic-container-padding-m);--db-container-padding-l: var(--layout-semantic-container-padding-l);--db-grid-columns-12: var(--layout-semantic-grid-columns-12);--db-grid-columns-24: var(--layout-semantic-grid-columns-24);--db-grid-gutter-s: var(--layout-semantic-grid-gutter-s);--db-grid-gutter-m: var(--layout-semantic-grid-gutter-m);--db-grid-gutter-l: var(--layout-semantic-grid-gutter-l);--db-grid-gutter-xl: var(--layout-semantic-grid-gutter-xl);--db-breakpoint-xs: var(--layout-semantic-breakpoint-xs);--db-breakpoint-s: var(--layout-semantic-breakpoint-s);--db-breakpoint-m: var(--layout-semantic-breakpoint-m);--db-breakpoint-l: var(--layout-semantic-breakpoint-l);--db-breakpoint-xl: var(--layout-semantic-breakpoint-xl);--db-breakpoint-xxl: var(--layout-semantic-breakpoint-xxl);--db-size-xxs: var(--size-semantic-xxs);--db-size-xs: var(--size-semantic-xs);--db-size-s: var(--size-semantic-s);--db-size-m: var(--size-semantic-m);--db-size-l: var(--size-semantic-l);--db-size-xl: var(--size-semantic-xl);--db-size-2xl: var(--size-semantic-2xl);--db-size-icon-xs: var(--size-semantic-icon-xs);--db-size-icon-s: var(--size-semantic-icon-s);--db-size-icon-m: var(--size-semantic-icon-m);--db-size-icon-l: var(--size-semantic-icon-l);--db-size-icon-xl: var(--size-semantic-icon-xl);--db-size-button-xs: var(--size-semantic-button-xs);--db-size-button-s: var(--size-semantic-button-s);--db-size-button-m: var(--size-semantic-button-m);--db-size-button-l: var(--size-semantic-button-l);--db-size-button-xl: var(--size-semantic-button-xl);--db-size-input-xs: var(--size-semantic-input-xs);--db-size-input-s: var(--size-semantic-input-s);--db-size-input-m: var(--size-semantic-input-m);--db-size-input-l: var(--size-semantic-input-l);--db-size-input-xl: var(--size-semantic-input-xl);--db-size-avatar-xs: var(--size-semantic-avatar-xs);--db-size-avatar-s: var(--size-semantic-avatar-s);--db-size-avatar-m: var(--size-semantic-avatar-m);--db-size-avatar-l: var(--size-semantic-avatar-l);--db-size-avatar-xl: var(--size-semantic-avatar-xl);--db-size-avatar-2xl: var(--size-semantic-avatar-2xl);--db-size-avatar-3xl: var(--size-semantic-avatar-3xl);--db-size-card-s: var(--size-semantic-card-s);--db-size-card-m: var(--size-semantic-card-m);--db-size-card-l: var(--size-semantic-card-l);--db-size-modal-s: var(--size-semantic-modal-s);--db-size-modal-m: var(--size-semantic-modal-m);--db-size-modal-l: var(--size-semantic-modal-l);--db-size-modal-xl: var(--size-semantic-modal-xl);--db-size-checkbox-xs: var(--size-semantic-checkbox-xs);--db-size-checkbox-s: var(--size-semantic-checkbox-s);--db-size-checkbox-m: var(--size-semantic-checkbox-m);--db-size-checkbox-l: var(--size-semantic-checkbox-l);--db-size-checkbox-xl: var(--size-semantic-checkbox-xl)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:600;line-height:1.2;color:var(--db-text-primary);transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem;font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--db-margin-m)}h4{font-size:1.5rem;font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem;font-weight:600;margin-bottom:var(--db-margin-s)}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{margin:0 0 var(--db-margin-m) 0;line-height:1.6;color:var(--db-text-primary);transition:color .3s ease}a{color:var(--db-text-link);text-decoration:none;transition:all .3s ease;cursor:pointer}a:hover{color:var(--db-text-link-hover)}a:active{color:var(--db-text-link)}a:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}strong,b{font-weight:600;color:var(--db-text-primary)}em,i{color:var(--db-text-primary)}blockquote{margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l);border-left:2px solid var(--db-border-base);background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}code{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:.125rem .25rem;border-radius:4px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.875em;border:1px solid var(--db-border-base)}pre{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:var(--db-padding-m);border-radius:8px;overflow-x:auto;border:1px solid var(--db-border-base);margin:var(--db-margin-m) 0}pre code{background:none;border:none;padding:0;color:inherit}ul,ol{margin:0;padding-left:0;color:var(--db-text-primary)}li{margin-bottom:var(--db-margin-s);line-height:var(--db-leading-normal);color:var(--db-text-primary)}dl{margin:0 0 var(--db-margin-m) 0}dt{font-weight:600;color:var(--db-text-primary);margin-bottom:var(--db-margin-xs)}dd{margin:0 0 var(--db-margin-s);color:var(--db-text-secondary)}hr{border:none;height:1px;background-color:var(--db-border-base);margin:var(--db-margin-l) 0}details{margin:var(--db-margin-m) 0;border:1px solid var(--db-border-base);border-radius:8px;overflow:hidden}summary{padding:var(--db-padding-m);background-color:var(--db-surface-layer-1);color:var(--db-text-primary);font-weight:600;cursor:pointer;transition:background-color .3s ease}summary:hover{background-color:var(--db-surface-layer-2)}summary::-webkit-details-marker{color:var(--db-text-tertiary)}details[open] summary{border-bottom:1px solid var(--db-border-base)}details>div{padding:var(--db-padding-m);color:var(--db-text-primary)}mark{background-color:var(--color-foundation-yellow-200);color:var(--color-foundation-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:3px}del,s{color:var(--db-text-tertiary);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{font-size:.875em;color:var(--db-text-tertiary)}big{font-size:1.125em;color:var(--db-text-primary)}cite{font-style:italic;color:var(--db-text-secondary)}time{color:var(--db-text-tertiary);font-size:.875em}address{font-style:normal;color:var(--db-text-secondary);margin:var(--db-margin-m) 0}article,section{margin-bottom:var(--db-margin-l)}figure{margin:var(--db-margin-l) 0;text-align:center}figcaption{margin-top:var(--db-margin-s);color:var(--db-text-secondary);font-size:.875em}video,audio{max-width:100%;border-radius:8px}canvas{border:1px solid var(--db-border-base);border-radius:8px}::selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-moz-selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--db-surface-layer-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--db-surface-layer-2);border-color:var(--db-border-base)}[data-theme=dark] blockquote{background-color:var(--db-surface-layer-2);border-left-color:var(--db-border-base)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--db-field-bg);border-color:var(--db-field-border)}[data-theme=brand] h1,[data-theme=brand] h2,[data-theme=brand] h3,[data-theme=brand] h4,[data-theme=brand] h5,[data-theme=brand] h6{color:var(--db-text-primary)}[data-theme=brand] a{color:var(--db-text-link)}/*# sourceMappingURL=theme.css.map */
|
|
687
|
+
*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:var(--db-font-primary);font-size:var(--font-size-base);color:var(--db-text-primary);background-color:var(--db-surface-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;padding:0;cursor:pointer;outline:none}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{background:rgba(0,0,0,0);border:none;outline:none;appearance:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted, #6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*:focus{outline:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.designbase-scrollable{scrollbar-width:thin;-ms-overflow-style:auto}.designbase-scrollable::-webkit-scrollbar{display:block;width:8px;height:8px}.designbase-scrollable::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f3f4f6);border-radius:var(--border-radius-base, 4px)}.designbase-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:var(--border-radius-base, 4px)}.designbase-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #9ca3af)}.designbase-scrollable::-webkit-scrollbar-corner{background:var(--color-bg-secondary, #f3f4f6)}.designbase-scrollable--thin{scrollbar-width:thin}.designbase-scrollable--thin::-webkit-scrollbar{display:block;width:4px;height:4px}.designbase-scrollable--thin::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:2px}.designbase-scrollable--thin::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #9ca3af)}.designbase-scrollable--custom{scrollbar-width:thin}.designbase-scrollable--custom::-webkit-scrollbar{display:block;width:6px;height:6px}.designbase-scrollable--custom::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.designbase-scrollable--custom::-webkit-scrollbar-thumb{background:var(--color-border-primary, #d1d5db);border-radius:3px}.designbase-scrollable--custom::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #9ca3af)}::selection{background-color:var(--color-text-link, #2563eb);color:var(--color-text-inverse, #ffffff)}@media print{*,*::before,*::after{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--db-text-primary: var(--color-aliases-text-primary);--db-text-secondary: var(--color-aliases-text-secondary);--db-text-tertiary: var(--color-aliases-text-tertiary);--db-text-disabled: var(--color-aliases-text-disabled);--db-text-link: var(--color-aliases-text-link);--db-text-link-hover: var(--color-aliases-text-link-hover);--db-text-inverse-primary: var(--color-aliases-text-inverse-primary);--db-text-inverse-secondary: var(--color-aliases-text-inverse-secondary);--db-text-inverse-tertiary: var(--color-aliases-text-inverse-tertiary);--db-brand-primary: var(--color-aliases-brand-primary);--db-brand-secondary: var(--color-aliases-brand-secondary);--db-brand-tertiary: var(--color-aliases-brand-tertiary);--db-brand-accent: var(--color-aliases-brand-accent);--db-surface-base: var(--color-aliases-surface-base);--db-surface-layer-1: var(--color-aliases-surface-layer-1);--db-surface-layer-2: var(--color-aliases-surface-layer-2);--db-surface-layer-3: var(--color-aliases-surface-layer-3);--db-surface-muted: var(--color-aliases-surface-muted);--db-surface-inverse: var(--color-aliases-surface-inverse);--db-surface-transparent: var(--color-aliases-surface-transparent);--db-surface-alpha: var(--color-aliases-surface-alpha);--db-surface-alpha-inverse: var(--color-aliases-surface-alpha-inverse);--db-bg-primary: var(--color-aliases-surface-base);--db-bg-secondary: var(--color-aliases-surface-layer-1);--db-bg-tertiary: var(--color-aliases-surface-layer-2);--db-bg-inverse: var(--color-aliases-surface-inverse);--db-feedback-success-fg: var(--color-aliases-feedback-success-fg);--db-feedback-success-bg: var(--color-aliases-feedback-success-bg);--db-feedback-warning-fg: var(--color-aliases-feedback-warning-fg);--db-feedback-warning-bg: var(--color-aliases-feedback-warning-bg);--db-feedback-error-fg: var(--color-aliases-feedback-error-fg);--db-feedback-error-bg: var(--color-aliases-feedback-error-bg);--db-feedback-info-fg: var(--color-aliases-feedback-info-fg);--db-feedback-info-bg: var(--color-aliases-feedback-info-bg);--db-text-success: var(--color-aliases-feedback-success-fg);--db-text-warning: var(--color-aliases-feedback-warning-fg);--db-text-error: var(--color-aliases-feedback-error-fg);--db-text-info: var(--color-aliases-feedback-info-fg);--db-bg-success: var(--color-aliases-feedback-success-bg);--db-bg-warning: var(--color-aliases-feedback-warning-bg);--db-bg-error: var(--color-aliases-feedback-error-bg);--db-bg-info: var(--color-aliases-feedback-info-bg);--db-border-base: var(--color-aliases-border-base);--db-border-layer-1: var(--color-aliases-border-layer-1);--db-border-layer-2: var(--color-aliases-border-layer-2);--db-border-layer-3: var(--color-aliases-border-layer-3);--db-border-muted: var(--color-aliases-border-muted);--db-border-inverse: var(--color-aliases-border-inverse);--db-border-transparent: var(--color-aliases-border-transparent);--db-border-alpha: var(--color-aliases-border-alpha);--db-border-alpha-inverse: var(--color-aliases-border-alpha-inverse);--db-border-primary: var(--color-aliases-border-base);--db-border-secondary: var(--color-aliases-border-layer-1);--db-border-focus: var(--color-aliases-brand-primary);--db-border-error: var(--color-aliases-feedback-error-fg);--db-border-success: var(--color-aliases-feedback-success-fg);--db-border-warning: var(--color-aliases-feedback-warning-fg);--db-border-info: var(--color-aliases-feedback-info-fg);--db-overlay-base: var(--color-aliases-overlay-base);--db-overlay-soft: var(--color-aliases-overlay-soft);--db-overlay-inverse: var(--color-aliases-overlay-inverse);--db-bg-overlay: var(--color-aliases-overlay-base);--db-icon-default: var(--color-semantic-icon-default);--db-icon-hover: var(--color-semantic-icon-hover);--db-icon-muted: var(--color-semantic-icon-muted);--db-icon-disabled: var(--color-semantic-icon-disabled);--db-icon-primary: var(--color-semantic-icon-primary);--db-icon-success: var(--color-semantic-icon-success);--db-icon-warning: var(--color-semantic-icon-warning);--db-icon-error: var(--color-semantic-icon-error);--db-icon-info: var(--color-semantic-icon-info);--db-icon-inverse: var(--color-semantic-icon-inverse);--db-icon-inverse-hover: var(--color-semantic-icon-inverse-hover);--db-icon-secondary: var(--color-semantic-icon-hover);--db-icon-danger: var(--color-semantic-icon-error);--db-btn-primary-bg: var(--color-semantic-button-primary-bg-default);--db-btn-primary-bg-hover: var(--color-semantic-button-primary-bg-hover);--db-btn-primary-bg-active: var(--color-semantic-button-primary-bg-active);--db-btn-primary-bg-disabled: var(--color-semantic-button-primary-bg-disabled);--db-btn-primary-text: var(--color-semantic-button-primary-text-default);--db-btn-primary-text-disabled: var(--color-semantic-button-primary-text-disabled);--db-btn-primary-border: var(--color-semantic-button-primary-border-default);--db-btn-primary-border-hover: var(--color-semantic-button-primary-border-hover);--db-btn-primary-border-active: var(--color-semantic-button-primary-border-active);--db-btn-secondary-bg: var(--color-semantic-button-secondary-bg-default);--db-btn-secondary-bg-hover: var(--color-semantic-button-secondary-bg-hover);--db-btn-secondary-bg-active: var(--color-semantic-button-secondary-bg-active);--db-btn-secondary-bg-disabled: var(--color-semantic-button-secondary-bg-disabled);--db-btn-secondary-text: var(--color-semantic-button-secondary-text-default);--db-btn-secondary-text-hover: var(--color-semantic-button-secondary-text-hover);--db-btn-secondary-text-disabled: var(--color-semantic-button-secondary-text-disabled);--db-btn-secondary-border: var(--color-semantic-button-secondary-border-default);--db-btn-secondary-border-hover: var(--color-semantic-button-secondary-border-hover);--db-btn-tertiary-bg: var(--color-semantic-button-tertiary-bg-default);--db-btn-tertiary-bg-hover: var(--color-semantic-button-tertiary-bg-hover);--db-btn-tertiary-bg-active: var(--color-semantic-button-tertiary-bg-active);--db-btn-tertiary-bg-disabled: var(--color-semantic-button-tertiary-bg-disabled);--db-btn-tertiary-text: var(--color-semantic-button-tertiary-text-default);--db-btn-tertiary-text-hover: var(--color-semantic-button-tertiary-text-hover);--db-btn-tertiary-text-disabled: var(--color-semantic-button-tertiary-text-disabled);--db-btn-tertiary-border: var(--color-semantic-button-tertiary-border-default);--db-btn-tertiary-border-hover: var(--color-semantic-button-tertiary-border-hover);--db-btn-disabled-bg: var(--color-semantic-button-disabled-bg-disabled);--db-btn-disabled-text: var(--color-semantic-button-disabled-text-disabled);--db-field-bg: var(--color-semantic-field-input-bg-default);--db-field-bg-hover: var(--color-semantic-field-input-bg-hover);--db-field-bg-disabled: var(--color-semantic-field-input-bg-disabled);--db-field-border: var(--color-semantic-field-input-border-default);--db-field-border-hover: var(--color-semantic-field-input-border-hover);--db-field-border-focus: var(--color-semantic-field-input-border-focus);--db-field-border-error: var(--color-semantic-field-input-border-error);--db-field-text: var(--color-semantic-field-input-text-default);--db-field-text-disabled: var(--color-semantic-field-input-text-disabled);--db-field-placeholder: var(--color-semantic-field-input-placeholder);--db-interactive-text: var(--color-semantic-interactive-text-default);--db-interactive-text-hover: var(--color-semantic-interactive-text-hover);--db-interactive-text-mute: var(--color-semantic-interactive-text-mute);--db-interactive-text-disabled: var(--color-semantic-interactive-text-disabled);--db-interactive-text-inverse: var(--color-semantic-interactive-text-inverse);--db-interactive-text-primary: var(--color-semantic-interactive-text-primary);--db-interactive-border: var(--color-semantic-interactive-border-default);--db-interactive-border-hover: var(--color-semantic-interactive-border-hover);--db-interactive-border-muted: var(--color-semantic-interactive-border-muted);--db-interactive-border-success: var(--color-semantic-interactive-border-success);--db-interactive-border-warning: var(--color-semantic-interactive-border-warning);--db-interactive-border-error: var(--color-semantic-interactive-border-error);--db-interactive-border-info: var(--color-semantic-interactive-border-info);--db-interactive-bg: var(--color-semantic-interactive-bg-default);--db-interactive-bg-hover: var(--color-semantic-interactive-bg-hover);--db-interactive-bg-muted: var(--color-semantic-interactive-bg-muted);--db-interactive-bg-success: var(--color-semantic-interactive-bg-success);--db-interactive-bg-warning: var(--color-semantic-interactive-bg-warning);--db-interactive-bg-error: var(--color-semantic-interactive-bg-error);--db-interactive-bg-info: var(--color-semantic-interactive-bg-info);--db-color-primary: var(--color-aliases-brand-primary);--db-color-secondary: var(--color-aliases-brand-secondary);--db-color-tertiary: var(--color-aliases-brand-tertiary);--db-margin-xxs: var(--spacing-semantic-margin-xxs);--db-margin-xs: var(--spacing-semantic-margin-xs);--db-margin-s: var(--spacing-semantic-margin-s);--db-margin-m: var(--spacing-semantic-margin-m);--db-margin-l: var(--spacing-semantic-margin-l);--db-margin-xl: var(--spacing-semantic-margin-xl);--db-margin-2xl: var(--spacing-semantic-margin-2xl);--db-padding-xxs: var(--spacing-semantic-padding-xxs);--db-padding-xs: var(--spacing-semantic-padding-xs);--db-padding-s: var(--spacing-semantic-padding-s);--db-padding-m: var(--spacing-semantic-padding-m);--db-padding-l: var(--spacing-semantic-padding-l);--db-padding-xl: var(--spacing-semantic-padding-xl);--db-padding-2xl: var(--spacing-semantic-padding-2xl);--db-gap-xxs: var(--spacing-semantic-gap-xxs);--db-gap-xs: var(--spacing-semantic-gap-xs);--db-gap-s: var(--spacing-semantic-gap-s);--db-gap-m: var(--spacing-semantic-gap-m);--db-gap-l: var(--spacing-semantic-gap-l);--db-gap-xl: var(--spacing-semantic-gap-xl);--db-gap-2xl: var(--spacing-semantic-gap-2xl);--db-container-padding: var(--spacing-semantic-container-padding);--db-grid-gutter: var(--spacing-semantic-grid-gutter);--db-radius-s: var(--border-semantic-radius-s);--db-radius-m: var(--border-semantic-radius-m);--db-radius-l: var(--border-semantic-radius-l);--db-radius-xl: var(--border-semantic-radius-xl);--db-radius-2xl: var(--border-semantic-radius-2xl);--db-radius-3xl: var(--border-semantic-radius-3xl);--db-radius-full: var(--border-semantic-radius-full);--db-radius-btn-s: var(--border-semantic-radius-button-s);--db-radius-btn-m: var(--border-semantic-radius-button-m);--db-radius-btn-l: var(--border-semantic-radius-button-l);--db-radius-btn-pill: var(--border-semantic-radius-button-pill);--db-radius-input-s: var(--border-semantic-radius-input-s);--db-radius-input-m: var(--border-semantic-radius-input-m);--db-radius-input-l: var(--border-semantic-radius-input-l);--db-radius-card-s: var(--border-semantic-radius-card-s);--db-radius-card-m: var(--border-semantic-radius-card-m);--db-radius-card-l: var(--border-semantic-radius-card-l);--db-radius-modal-s: var(--border-semantic-radius-modal-s);--db-radius-modal-m: var(--border-semantic-radius-modal-m);--db-radius-modal-l: var(--border-semantic-radius-modal-l);--db-radius-action-s: var(--border-semantic-radius-action-s);--db-radius-action-m: var(--border-semantic-radius-action-m);--db-radius-action-l: var(--border-semantic-radius-action-l);--db-radius-action-pill: var(--border-semantic-radius-action-pill);--db-font-primary: var(--typography-semantic-font-family-primary);--db-font-mono: var(--typography-semantic-font-family-mono);--db-text-xs: var(--typography-semantic-font-size-xs);--db-text-s: var(--typography-semantic-font-size-s);--db-text-base: var(--typography-semantic-font-size-base);--db-text-l: var(--typography-semantic-font-size-l);--db-text-xl: var(--typography-semantic-font-size-xl);--db-text-2xl: var(--typography-semantic-font-size-2xl);--db-text-3xl: var(--typography-semantic-font-size-3xl);--db-text-4xl: var(--typography-semantic-font-size-4xl);--db-text-5xl: var(--typography-semantic-font-size-5xl);--db-text-6xl: var(--typography-semantic-font-size-6xl);--db-weight-light: var(--typography-semantic-font-weight-light);--db-weight-normal: var(--typography-semantic-font-weight-normal);--db-weight-medium: var(--typography-semantic-font-weight-medium);--db-weight-semibold: var(--typography-semantic-font-weight-semibold);--db-weight-bold: var(--typography-semantic-font-weight-bold);--db-weight-extrabold: var(--typography-semantic-font-weight-extrabold);--db-leading-none: var(--typography-semantic-line-height-none);--db-leading-tight: var(--typography-semantic-line-height-tight);--db-leading-snug: var(--typography-semantic-line-height-snug);--db-leading-normal: var(--typography-semantic-line-height-normal);--db-leading-relaxed: var(--typography-semantic-line-height-relaxed);--db-leading-loose: var(--typography-semantic-line-height-loose);--db-shadow-card: var(--shadow-semantic-card-default);--db-shadow-card-hover: var(--shadow-semantic-card-hover);--db-shadow-card-elevated: var(--shadow-semantic-card-elevated);--db-shadow-button: var(--shadow-semantic-button-default);--db-shadow-button-hover: var(--shadow-semantic-button-hover);--db-shadow-button-active: var(--shadow-semantic-button-active);--db-shadow-tooltip: var(--shadow-semantic-tooltip-default);--db-shadow-dropdown: var(--shadow-semantic-dropdown-default);--db-shadow-modal: var(--shadow-semantic-modal-content);--db-shadow-modal-overlay: var(--shadow-semantic-modal-overlay);--db-shadow-none: var(--shadow-foundation-none);--db-shadow-xs: var(--shadow-foundation-s);--db-shadow-sm: var(--shadow-foundation-base);--db-shadow-md: var(--shadow-foundation-m);--db-shadow-lg: var(--shadow-foundation-l);--db-shadow-xl: var(--shadow-foundation-xl);--db-shadow-2xl: var(--shadow-foundation-2xl);--db-shadow-inner: var(--shadow-foundation-inner);--db-opacity-focus: var(--opacity-semantic-focus);--db-opacity-hover: var(--opacity-semantic-hover);--db-opacity-overlay-dark: var(--opacity-semantic-overlay-dark);--db-opacity-overlay-medium: var(--opacity-semantic-overlay-medium);--db-opacity-overlay-light: var(--opacity-semantic-overlay-light);--db-opacity-disabled: var(--opacity-semantic-disabled);--db-z-auto: auto;--db-z-0: 0;--db-z-10: 10;--db-z-20: 20;--db-z-30: 30;--db-z-40: 40;--db-z-50: 50;--db-z-modal: 1000;--db-z-popover: 1010;--db-z-tooltip: 1020;--db-z-toast: 1030;--db-animation-speed: var(--motion-semantic-animation-speed);--db-animation-ease: var(--motion-semantic-animation-ease);--db-animation-ease-in: ease-in;--db-container-max-width-fluid: var(--layout-semantic-container-max-width-fluid);--db-container-max-width-s: var(--layout-semantic-container-max-width-s);--db-container-max-width-m: var(--layout-semantic-container-max-width-m);--db-container-max-width-l: var(--layout-semantic-container-max-width-l);--db-container-max-width-xl: var(--layout-semantic-container-max-width-xl);--db-container-max-width-xxl: var(--layout-semantic-container-max-width-xxl);--db-container-padding-none: var(--layout-semantic-container-padding-none);--db-container-padding-s: var(--layout-semantic-container-padding-s);--db-container-padding-m: var(--layout-semantic-container-padding-m);--db-container-padding-l: var(--layout-semantic-container-padding-l);--db-grid-columns-12: var(--layout-semantic-grid-columns-12);--db-grid-columns-24: var(--layout-semantic-grid-columns-24);--db-grid-gutter-s: var(--layout-semantic-grid-gutter-s);--db-grid-gutter-m: var(--layout-semantic-grid-gutter-m);--db-grid-gutter-l: var(--layout-semantic-grid-gutter-l);--db-grid-gutter-xl: var(--layout-semantic-grid-gutter-xl);--db-breakpoint-xs: var(--layout-semantic-breakpoint-xs);--db-breakpoint-s: var(--layout-semantic-breakpoint-s);--db-breakpoint-m: var(--layout-semantic-breakpoint-m);--db-breakpoint-l: var(--layout-semantic-breakpoint-l);--db-breakpoint-xl: var(--layout-semantic-breakpoint-xl);--db-breakpoint-xxl: var(--layout-semantic-breakpoint-xxl);--db-size-xxs: var(--size-semantic-xxs);--db-size-xs: var(--size-semantic-xs);--db-size-s: var(--size-semantic-s);--db-size-m: var(--size-semantic-m);--db-size-l: var(--size-semantic-l);--db-size-xl: var(--size-semantic-xl);--db-size-2xl: var(--size-semantic-2xl);--db-size-icon-xs: var(--size-semantic-icon-xs);--db-size-icon-s: var(--size-semantic-icon-s);--db-size-icon-m: var(--size-semantic-icon-m);--db-size-icon-l: var(--size-semantic-icon-l);--db-size-icon-xl: var(--size-semantic-icon-xl);--db-size-button-xs: var(--size-semantic-button-xs);--db-size-button-s: var(--size-semantic-button-s);--db-size-button-m: var(--size-semantic-button-m);--db-size-button-l: var(--size-semantic-button-l);--db-size-button-xl: var(--size-semantic-button-xl);--db-size-input-xs: var(--size-semantic-input-xs);--db-size-input-s: var(--size-semantic-input-s);--db-size-input-m: var(--size-semantic-input-m);--db-size-input-l: var(--size-semantic-input-l);--db-size-input-xl: var(--size-semantic-input-xl);--db-size-avatar-xs: var(--size-semantic-avatar-xs);--db-size-avatar-s: var(--size-semantic-avatar-s);--db-size-avatar-m: var(--size-semantic-avatar-m);--db-size-avatar-l: var(--size-semantic-avatar-l);--db-size-avatar-xl: var(--size-semantic-avatar-xl);--db-size-avatar-2xl: var(--size-semantic-avatar-2xl);--db-size-avatar-3xl: var(--size-semantic-avatar-3xl);--db-size-card-s: var(--size-semantic-card-s);--db-size-card-m: var(--size-semantic-card-m);--db-size-card-l: var(--size-semantic-card-l);--db-size-modal-s: var(--size-semantic-modal-s);--db-size-modal-m: var(--size-semantic-modal-m);--db-size-modal-l: var(--size-semantic-modal-l);--db-size-modal-xl: var(--size-semantic-modal-xl);--db-size-checkbox-xs: var(--size-semantic-checkbox-xs);--db-size-checkbox-s: var(--size-semantic-checkbox-s);--db-size-checkbox-m: var(--size-semantic-checkbox-m);--db-size-checkbox-l: var(--size-semantic-checkbox-l);--db-size-checkbox-xl: var(--size-semantic-checkbox-xl)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:600;line-height:1.2;color:var(--db-text-primary);transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem;font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--db-margin-m)}h4{font-size:1.5rem;font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem;font-weight:600;margin-bottom:var(--db-margin-s)}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{margin:0 0 var(--db-margin-m) 0;line-height:1.6;color:var(--db-text-primary);transition:color .3s ease}a{color:var(--db-text-link);text-decoration:none;transition:all .3s ease;cursor:pointer}a:hover{color:var(--db-text-link-hover)}a:active{color:var(--db-text-link)}a:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}strong,b{font-weight:600;color:var(--db-text-primary)}em,i{color:var(--db-text-primary)}blockquote{margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l);border-left:2px solid var(--db-border-base);background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}code{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:.125rem .25rem;border-radius:4px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.875em;border:1px solid var(--db-border-base)}pre{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:var(--db-padding-m);border-radius:8px;overflow-x:auto;border:1px solid var(--db-border-base);margin:var(--db-margin-m) 0}pre code{background:none;border:none;padding:0;color:inherit}ul,ol{margin:0;padding-left:0;color:var(--db-text-primary)}li{margin-bottom:var(--db-margin-s);line-height:var(--db-leading-normal);color:var(--db-text-primary)}dl{margin:0 0 var(--db-margin-m) 0}dt{font-weight:600;color:var(--db-text-primary);margin-bottom:var(--db-margin-xs)}dd{margin:0 0 var(--db-margin-s);color:var(--db-text-secondary)}hr{border:none;height:1px;background-color:var(--db-border-base);margin:var(--db-margin-l) 0}details{margin:var(--db-margin-m) 0;border:1px solid var(--db-border-base);border-radius:8px;overflow:hidden}summary{padding:var(--db-padding-m);background-color:var(--db-surface-layer-1);color:var(--db-text-primary);font-weight:600;cursor:pointer;transition:background-color .3s ease}summary:hover{background-color:var(--db-surface-layer-2)}summary::-webkit-details-marker{color:var(--db-text-tertiary)}details[open] summary{border-bottom:1px solid var(--db-border-base)}details>div{padding:var(--db-padding-m);color:var(--db-text-primary)}mark{background-color:var(--color-foundation-yellow-200);color:var(--color-foundation-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:3px}del,s{color:var(--db-text-tertiary);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{font-size:.875em;color:var(--db-text-tertiary)}big{font-size:1.125em;color:var(--db-text-primary)}cite{font-style:italic;color:var(--db-text-secondary)}time{color:var(--db-text-tertiary);font-size:.875em}address{font-style:normal;color:var(--db-text-secondary);margin:var(--db-margin-m) 0}article,section{margin-bottom:var(--db-margin-l)}figure{margin:var(--db-margin-l) 0;text-align:center}figcaption{margin-top:var(--db-margin-s);color:var(--db-text-secondary);font-size:.875em}video,audio{max-width:100%;border-radius:8px}canvas{border:1px solid var(--db-border-base);border-radius:8px}::selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-moz-selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--db-surface-layer-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--db-surface-layer-2);border-color:var(--db-border-base)}[data-theme=dark] blockquote{background-color:var(--db-surface-layer-2);border-left-color:var(--db-border-base)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--db-field-bg);border-color:var(--db-field-border)}[data-theme=brand] h1,[data-theme=brand] h2,[data-theme=brand] h3,[data-theme=brand] h4,[data-theme=brand] h5,[data-theme=brand] h6{color:var(--db-text-primary)}[data-theme=brand] a{color:var(--db-text-link)}/*# sourceMappingURL=theme.css.map */
|
package/dist/css/theme.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../scss/_reset.scss","../../scss/_variables.scss","../../scss/_semantic.scss"],"names":[],"mappings":"AAWA,qBAGE,sBAMF,EACE,SAQF,KACE,gBACA,mCACA,kCACA,kCAMF,6BAKE,cACA,eAMF,6BAIE,aAMF,oBAOE,yBAMF,cAEE,kBAMF,KACE,mCACA,gCACA,6BACA,wCAGA,yBACA,sBACA,iBAMF,OACE,gBACA,YACA,UACA,eACA,aAMF,MAEE,gBACA,UAMF,EACE,cACA,qBAMF,sBAGE,yBACA,YACA,aACA,gBAEA,6DACE,uCAOJ,MACE,yBACA,iBAMF,uCAEE,qBAGE,oCACA,uCACA,qCACA,iCAOJ,QACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../scss/_reset.scss","../../scss/_variables.scss","../../scss/_semantic.scss"],"names":[],"mappings":"AAWA,qBAGE,sBAMF,EACE,SAQF,KACE,gBACA,mCACA,kCACA,kCAMF,6BAKE,cACA,eAMF,6BAIE,aAMF,oBAOE,yBAMF,cAEE,kBAMF,KACE,mCACA,gCACA,6BACA,wCAGA,yBACA,sBACA,iBAMF,OACE,gBACA,YACA,UACA,eACA,aAMF,MAEE,gBACA,UAMF,EACE,cACA,qBAMF,sBAGE,yBACA,YACA,aACA,gBAEA,6DACE,uCAOJ,MACE,yBACA,iBAMF,uCAEE,qBAGE,oCACA,uCACA,qCACA,iCAOJ,QACE,aAOF,EACE,qBAEA,wBAIF,qBACE,aAKF,uBACE,qBACA,wBAEA,0CACE,cACA,UACA,WAGF,gDACE,8CACA,6CAGF,gDACE,kDACA,6CAEA,sDACE,gDAIJ,iDACE,8CAKJ,6BACE,qBAEA,gDACE,cACA,UACA,WAGF,sDACE,kDACA,kBAEA,4DACE,gDAMN,+BACE,qBAEA,kDACE,cACA,UACA,WAGF,wDACE,yBAGF,wDACE,gDACA,kBAEA,8DACE,gDAQN,YACE,iDACA,yCAMF,aAEE,qBAGE,oCACA,sBACA,2BACA,4BAGF,YAEE,0BAGF,IACE,wBAGF,QAGE,UACA,SAGF,MAEE,wBC9RJ,MAMI,qDACA,yDACA,uDACA,uDACA,+CACA,2DACA,qEACA,yEACA,uEAGA,uDACA,2DACA,yDACA,qDAGA,qDACA,2DACA,2DACA,2DACA,uDACA,2DACA,mEACA,uDACA,uEAGA,mDACA,wDACA,uDACA,sDAGA,mEACA,mEACA,mEACA,mEACA,+DACA,+DACA,6DACA,6DAGA,4DACA,4DACA,wDACA,sDACA,0DACA,0DACA,sDACA,oDAGA,mDACA,yDACA,yDACA,yDACA,qDACA,yDACA,iEACA,qDACA,qEAGA,sDACA,2DACA,sDACA,0DACA,8DACA,8DACA,wDAGA,qDACA,qDACA,2DACA,mDAGA,sDACA,kDACA,kDACA,wDACA,sDACA,sDACA,sDACA,kDACA,gDACA,sDACA,kEAGA,sDACA,mDAIA,qEACA,yEACA,2EACA,+EACA,yEACA,mFACA,6EACA,iFACA,mFAGA,yEACA,6EACA,+EACA,mFACA,6EACA,iFACA,uFACA,iFACA,qFAGA,uEACA,2EACA,6EACA,iFACA,2EACA,+EACA,qFACA,+EACA,mFAGA,wEACA,4EAGA,4DACA,gEACA,sEACA,oEACA,wEACA,wEACA,wEACA,gEACA,0EACA,sEAGA,sEACA,0EACA,wEACA,gFACA,8EACA,8EAEA,0EACA,8EACA,8EACA,kFACA,kFACA,8EACA,4EAEA,kEACA,sEACA,sEACA,0EACA,0EACA,sEACA,oEAGA,uDACA,2DACA,yDAOA,oDACA,kDACA,gDACA,gDACA,gDACA,kDACA,oDAEA,sDACA,oDACA,kDACA,kDACA,kDACA,oDACA,sDAEA,8CACA,4CACA,0CACA,0CACA,0CACA,4CACA,8CAGA,kEACA,sDAQA,+CACA,+CACA,+CACA,iDACA,mDACA,mDACA,qDAGA,0DACA,0DACA,0DACA,gEAEA,2DACA,2DACA,2DAEA,yDACA,yDACA,yDAEA,2DACA,2DACA,2DAEA,6DACA,6DACA,6DACA,mEAOA,kEACA,4DAGA,sDACA,oDACA,0DACA,oDACA,sDACA,wDACA,wDACA,wDACA,wDACA,wDAGA,gEACA,kEACA,kEACA,sEACA,8DACA,wEAGA,+DACA,iEACA,+DACA,mEACA,qEACA,iEAOA,sDACA,0DACA,gEACA,0DACA,8DACA,gEACA,4DACA,8DACA,wDACA,gEAGA,gDACA,2CACA,8CACA,2CACA,2CACA,4CACA,8CACA,kDAGA,kDACA,kDACA,gEACA,oEACA,kEACA,wDAMA,kBACA,YACA,cACA,cACA,cACA,cACA,cACA,mBACA,qBACA,qBACA,mBAMA,6DACA,2DACA,gCAOA,iFACA,yEACA,yEACA,yEACA,2EACA,6EAEA,2EACA,qEACA,qEACA,qEAGA,6DACA,6DAEA,yDACA,yDACA,yDACA,2DAGA,yDACA,uDACA,uDACA,uDACA,yDACA,2DAOA,wCACA,sCACA,oCACA,oCACA,oCACA,sCACA,wCAIA,gDACA,8CACA,8CACA,8CACA,gDAGA,oDACA,kDACA,kDACA,kDACA,oDAGA,kDACA,gDACA,gDACA,gDACA,kDAGA,oDACA,kDACA,kDACA,kDACA,oDACA,sDACA,sDAGA,8CACA,8CACA,8CAGA,gDACA,gDACA,gDACA,kDAGA,wDACA,sDACA,sDACA,sDACA,wDCtbJ,kBAMI,SACA,UACA,gBACA,gBACA,6BACA,0BAGJ,GACI,iBACA,gBACA,iCAGJ,GACI,eACA,gBACA,iCAGJ,GACI,kBACA,gBACA,iCAGJ,GACI,iBACA,gBACA,iCAGJ,GACI,kBACA,gBACA,iCAGJ,GACI,eACA,gBACA,kCAIJ,EACI,gCACA,gBACA,6BACA,0BAIJ,EACI,0BACA,qBACA,wBACA,eAEA,QACI,gCAGJ,SACI,0BAGJ,QACI,yCACA,mBAKR,SAEI,gBACA,6BAGJ,KAEI,6BAIJ,WACI,4BACA,gDACA,4CACA,2CACA,6BAIJ,KACI,2CACA,6BACA,uBACA,kBACA,qDACA,iBACA,uCAGJ,IACI,2CACA,6BACA,4BACA,kBACA,gBACA,uCACA,4BAEA,SACI,gBACA,YACA,UACA,cAKR,MAEI,SACA,eACA,6BAGJ,GACI,iCACA,qCACA,6BAIJ,GACI,gCAGJ,GACI,gBACA,6BACA,kCAGJ,GACI,8BACA,+BAIJ,GACI,YACA,WACA,uCACA,4BAIJ,QACI,4BACA,uCACA,kBACA,gBAGJ,QACI,4BACA,2CACA,6BACA,gBACA,eACA,qCAEA,cACI,2CAGJ,gCACI,8BAIR,sBACI,8CAGJ,YACI,4BACA,6BAIJ,KACI,oDACA,yCACA,mDACA,kBAIJ,MAEI,8BACA,6BAIJ,MAEI,6BACA,0BAIJ,MACI,iBACA,8BAIJ,IACI,kBACA,6BAIJ,KACI,kBACA,+BAIJ,KACI,8BACA,iBAIJ,QACI,kBACA,+BACA,4BAIJ,gBAEI,iCAIJ,OACI,4BACA,kBAGJ,WACI,8BACA,+BACA,iBAIJ,YAEI,eACA,kBAIJ,OACI,uCACA,kBAIJ,YACI,yCACA,qCAGJ,iBACI,yCACA,qCAKJ,oBACI,UACA,WAGJ,0BACI,qCACA,kBAGJ,0BACI,iCACA,kBAEA,gCACI,iCAQJ,6CAEI,2CACA,mCAGJ,6BACI,2CACA,wCAGJ,4EAGI,oCACA,oCAQJ,oIAMI,6BAGJ,qBACI","file":"theme.css"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@designbasekorea/theme",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.25",
|
|
4
4
|
"description": "Designbase 테마 시스템 - CSS 변수, 테마 프리셋, 유틸리티 클래스를 제공",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -24,7 +24,8 @@
|
|
|
24
24
|
"dev": "npm run build:css -- --watch",
|
|
25
25
|
"clean": "rimraf dist",
|
|
26
26
|
"lint": "eslint src --ext .ts,.tsx",
|
|
27
|
-
"test": "jest"
|
|
27
|
+
"test": "jest",
|
|
28
|
+
"storybook": "echo 'Theme package does not have storybook'"
|
|
28
29
|
},
|
|
29
30
|
"dependencies": {},
|
|
30
31
|
"devDependencies": {
|