@kimkihwan/cytur-design-system 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +14 -14
  3. package/dist/types/lib.d.ts +16 -16
  4. package/dist/types/tokens/{default.d.ts → base.d.ts} +1 -1
  5. package/dist/types/tokens/index.d.ts +1 -1
  6. package/dist/types/tokens/tokens.d.ts +4 -4
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--mg-button-primary-bg-default:#0a9e9e;--mg-button-primary-bg-hover:#078080;--mg-button-primary-bg-active:#056363;--mg-button-primary-bg-disabled:#e2e6ea;--mg-button-primary-text-default:#fff;--mg-button-primary-text-disabled:#a3adb8;--mg-button-secondary-bg-default:transparent;--mg-button-secondary-bg-hover:#e0f7f7;--mg-button-secondary-bg-active:#056363;--mg-button-secondary-bg-disabled:#e2e6ea;--mg-button-secondary-text-default:#0a9e9e;--mg-button-secondary-text-disabled:#a3adb8;--mg-button-secondary-border-default:#80dddd;--mg-button-secondary-border-disabled:#e2e6ea;--mg-button-ghost-bg-default:transparent;--mg-button-ghost-bg-hover:#f8fafb;--mg-button-ghost-bg-active:#d8d8d8;--mg-button-ghost-bg-disabled:#e2e6ea;--mg-button-ghost-text-default:#111827;--mg-button-ghost-text-disabled:#a3adb8;--mg-button-danger-bg-default:#dc2626;--mg-button-danger-bg-hover:#b91c1c;--mg-button-danger-bg-active:#991b1b;--mg-button-danger-bg-disabled:#e2e6ea;--mg-button-danger-text-default:#fff;--mg-button-danger-text-disabled:#a3adb8;--mg-input-bg-default:#fff;--mg-input-bg-disabled:#f8fafc;--mg-input-bg-error:#fef2f2;--mg-input-bg-warning:#fffbeb;--mg-input-bg-readonly:#f8fafc;--mg-input-border-default:#e2e8f0;--mg-input-border-hover:#cbd5e1;--mg-input-border-focus:#0a9e9e;--mg-input-border-error:#ef4444;--mg-input-border-warning:#f59e0b;--mg-input-text-default:#0f172a;--mg-input-text-value:#0f172a;--mg-input-text-placeholder:#94a3b8;--mg-input-text-disabled:#94a3b8;--mg-input-icon:#94a3b8;--mg-input-shadow-focus:0 0 0 2px #0a9e9e1f;--mg-checkbox-unchecked-bg-default:#fff;--mg-checkbox-unchecked-bg-hover:#f8fafb;--mg-checkbox-unchecked-bg-active:#f1f3f5;--mg-checkbox-unchecked-bg-disabled:#f1f3f5;--mg-checkbox-unchecked-border-default:#e1e6ea;--mg-checkbox-unchecked-border-hover:#0db5b5;--mg-checkbox-unchecked-border-active:#0db5b5;--mg-checkbox-unchecked-border-disabled:#e1e6ea;--mg-checkbox-checked-bg-default:#0db5b5;--mg-checkbox-checked-bg-hover:#0a9e9e;--mg-checkbox-checked-bg-active:#078080;--mg-checkbox-checked-bg-disabled:#e6f7f7;--mg-checkbox-checked-border-focus:#26c6c6;--mg-checkbox-icon-default:#fff;--mg-checkbox-icon-disabled:#cdd3d9;--mg-checkbox-shadow-focus:0 0 0 2px #26c6c633;--mg-radio-bg-default:#fff;--mg-radio-bg-hover:#fff;--mg-radio-bg-active:#f8fafb;--mg-radio-bg-disabled:#f1f3f5;--mg-radio-unselected-border-default:#e1e6ea;--mg-radio-unselected-border-hover:#0db5b5;--mg-radio-unselected-border-active:#0db5b5;--mg-radio-unselected-border-disabled:#e1e6ea;--mg-radio-selected-border-default:#0db5b5;--mg-radio-selected-border-hover:#0a9e9e;--mg-radio-selected-border-active:#078080;--mg-radio-selected-border-disabled:#e1e6ea;--mg-radio-dot-default:#0db5b5;--mg-radio-dot-hover:#0a9e9e;--mg-radio-dot-active:#078080;--mg-radio-dot-disabled:#a3adb8;--mg-radio-border-focus:#26c6c6;--mg-radio-shadow-focus:0 0 0 2px #26c6c633;--mg-color-primary:#0a9e9e;--mg-color-text:#0f172a;--mg-color-text-secondary:#475569;--mg-color-text-tertiary:#64748b;--mg-color-text-muted:#94a3b8;--mg-color-border:#e1e4e9;--mg-color-border-light:#f1f3f6;--mg-color-bg:#fff;--mg-color-bg-subtle:#f9f9f9;--mg-color-bg-muted:#f1f5f9;--mg-color-focus:#0a9e9e;--mg-color-success:#22c55e;--mg-color-warning:#f59e0b;--mg-color-error:#ef4444;--mg-color-info:#3b82f6;--rm-button-primary-bg-default:#2563eb;--rm-button-primary-bg-hover:#1d4ed8;--rm-button-primary-bg-active:#1e40af;--rm-button-primary-bg-disabled:#e2e6ea;--rm-button-primary-text-default:#fff;--rm-button-primary-text-disabled:#a3adb8;--rm-button-secondary-bg-default:transparent;--rm-button-secondary-bg-hover:#eff6ff;--rm-button-secondary-bg-active:#1e40af;--rm-button-secondary-bg-disabled:#e2e6ea;--rm-button-secondary-text-default:#2563eb;--rm-button-secondary-text-disabled:#a3adb8;--rm-button-secondary-border-default:#93c5fd;--rm-button-secondary-border-disabled:#e2e6ea;--rm-button-ghost-bg-default:transparent;--rm-button-ghost-bg-hover:#f8fafc;--rm-button-ghost-bg-active:#e2e8f0;--rm-button-ghost-bg-disabled:#e2e6ea;--rm-button-ghost-text-default:#111827;--rm-button-ghost-text-disabled:#a3adb8;--rm-button-danger-bg-default:#dc2626;--rm-button-danger-bg-hover:#b91c1c;--rm-button-danger-bg-active:#991b1b;--rm-button-danger-bg-disabled:#e2e6ea;--rm-button-danger-text-default:#fff;--rm-button-danger-text-disabled:#a3adb8;--rm-input-bg-default:#fff;--rm-input-bg-disabled:#f8fafc;--rm-input-bg-error:#fef2f2;--rm-input-bg-warning:#fffbeb;--rm-input-bg-readonly:#f8fafc;--rm-input-border-default:#e2e8f0;--rm-input-border-hover:#cbd5e1;--rm-input-border-focus:#2563eb;--rm-input-border-error:#ef4444;--rm-input-border-warning:#f59e0b;--rm-input-text-default:#0f172a;--rm-input-text-value:#0f172a;--rm-input-text-placeholder:#94a3b8;--rm-input-text-disabled:#94a3b8;--rm-input-icon:#94a3b8;--rm-input-shadow-focus:0 0 0 2px #2563eb1f;--rm-checkbox-unchecked-bg-default:#fff;--rm-checkbox-unchecked-bg-hover:#f8fafc;--rm-checkbox-unchecked-bg-active:#f1f3f5;--rm-checkbox-unchecked-bg-disabled:#f1f3f5;--rm-checkbox-unchecked-border-default:#e1e6ea;--rm-checkbox-unchecked-border-hover:#3b82f6;--rm-checkbox-unchecked-border-active:#3b82f6;--rm-checkbox-unchecked-border-disabled:#e1e6ea;--rm-checkbox-checked-bg-default:#3b82f6;--rm-checkbox-checked-bg-hover:#2563eb;--rm-checkbox-checked-bg-active:#1d4ed8;--rm-checkbox-checked-bg-disabled:#dbeafe;--rm-checkbox-checked-border-focus:#60a5fa;--rm-checkbox-icon-default:#fff;--rm-checkbox-icon-disabled:#cdd3d9;--rm-checkbox-shadow-focus:0 0 0 2px #3b82f633;--rm-radio-bg-default:#fff;--rm-radio-bg-hover:#fff;--rm-radio-bg-active:#f8fafc;--rm-radio-bg-disabled:#f1f3f5;--rm-radio-unselected-border-default:#e1e6ea;--rm-radio-unselected-border-hover:#3b82f6;--rm-radio-unselected-border-active:#3b82f6;--rm-radio-unselected-border-disabled:#e1e6ea;--rm-radio-selected-border-default:#3b82f6;--rm-radio-selected-border-hover:#2563eb;--rm-radio-selected-border-active:#1d4ed8;--rm-radio-selected-border-disabled:#e1e6ea;--rm-radio-dot-default:#3b82f6;--rm-radio-dot-hover:#2563eb;--rm-radio-dot-active:#1d4ed8;--rm-radio-dot-disabled:#a3adb8;--rm-radio-border-focus:#60a5fa;--rm-radio-shadow-focus:0 0 0 2px #3b82f633;--rm-color-primary:#2563eb;--rm-color-text:#0f172a;--rm-color-text-secondary:red;--rm-color-text-tertiary:#64748b;--rm-color-text-muted:#94a3b8;--rm-color-border:#e1e4e9;--rm-color-border-light:#f1f3f6;--rm-color-bg:#fff;--rm-color-bg-subtle:#f9fafb;--rm-color-bg-muted:#f1f5f9;--rm-color-focus:#2563eb;--rm-color-success:#22c55e;--rm-color-warning:#f59e0b;--rm-color-error:#ef4444;--rm-color-info:#3b82f6;--csc-button-primary-bg-default:#4f46e5;--csc-button-primary-bg-hover:#4338ca;--csc-button-primary-bg-active:#3730a3;--csc-button-primary-bg-disabled:#e2e6ea;--csc-button-primary-text-default:#fff;--csc-button-primary-text-disabled:#a3adb8;--csc-button-secondary-bg-default:transparent;--csc-button-secondary-bg-hover:#eef2ff;--csc-button-secondary-bg-active:#3730a3;--csc-button-secondary-bg-disabled:#e2e6ea;--csc-button-secondary-text-default:#4f46e5;--csc-button-secondary-text-disabled:#a3adb8;--csc-button-secondary-border-default:#a5b4fc;--csc-button-secondary-border-disabled:#e2e6ea;--csc-button-ghost-bg-default:transparent;--csc-button-ghost-bg-hover:#f9fafb;--csc-button-ghost-bg-active:#e5e7eb;--csc-button-ghost-bg-disabled:#e2e6ea;--csc-button-ghost-text-default:#111827;--csc-button-ghost-text-disabled:#a3adb8;--csc-button-danger-bg-default:#dc2626;--csc-button-danger-bg-hover:#b91c1c;--csc-button-danger-bg-active:#991b1b;--csc-button-danger-bg-disabled:#e2e6ea;--csc-button-danger-text-default:#fff;--csc-button-danger-text-disabled:#a3adb8;--csc-input-bg-default:#fff;--csc-input-bg-disabled:#f8fafc;--csc-input-bg-error:#fef2f2;--csc-input-bg-warning:#fffbeb;--csc-input-bg-readonly:#f8fafc;--csc-input-border-default:#e2e8f0;--csc-input-border-hover:#cbd5e1;--csc-input-border-focus:#4f46e5;--csc-input-border-error:#ef4444;--csc-input-border-warning:#f59e0b;--csc-input-text-default:#0f172a;--csc-input-text-value:#0f172a;--csc-input-text-placeholder:#94a3b8;--csc-input-text-disabled:#94a3b8;--csc-input-icon:#94a3b8;--csc-input-shadow-focus:0 0 0 2px #4f46e51f;--csc-checkbox-unchecked-bg-default:#fff;--csc-checkbox-unchecked-bg-hover:#f9fafb;--csc-checkbox-unchecked-bg-active:#f1f3f5;--csc-checkbox-unchecked-bg-disabled:#f1f3f5;--csc-checkbox-unchecked-border-default:#e1e6ea;--csc-checkbox-unchecked-border-hover:#6366f1;--csc-checkbox-unchecked-border-active:#6366f1;--csc-checkbox-unchecked-border-disabled:#e1e6ea;--csc-checkbox-checked-bg-default:#6366f1;--csc-checkbox-checked-bg-hover:#4f46e5;--csc-checkbox-checked-bg-active:#4338ca;--csc-checkbox-checked-bg-disabled:#e0e7ff;--csc-checkbox-checked-border-focus:#818cf8;--csc-checkbox-icon-default:#fff;--csc-checkbox-icon-disabled:#cdd3d9;--csc-checkbox-shadow-focus:0 0 0 2px #6366f133;--csc-radio-bg-default:#fff;--csc-radio-bg-hover:#fff;--csc-radio-bg-active:#f9fafb;--csc-radio-bg-disabled:#f1f3f5;--csc-radio-unselected-border-default:#e1e6ea;--csc-radio-unselected-border-hover:#6366f1;--csc-radio-unselected-border-active:#6366f1;--csc-radio-unselected-border-disabled:#e1e6ea;--csc-radio-selected-border-default:#6366f1;--csc-radio-selected-border-hover:#4f46e5;--csc-radio-selected-border-active:#4338ca;--csc-radio-selected-border-disabled:#e1e6ea;--csc-radio-dot-default:#6366f1;--csc-radio-dot-hover:#4f46e5;--csc-radio-dot-active:#4338ca;--csc-radio-dot-disabled:#a3adb8;--csc-radio-border-focus:#818cf8;--csc-radio-shadow-focus:0 0 0 2px #6366f133;--csc-color-primary:#4f46e5;--csc-color-text:#0f172a;--csc-color-text-secondary:blue;--csc-color-text-tertiary:#64748b;--csc-color-text-muted:#94a3b8;--csc-color-border:#e1e4e9;--csc-color-border-light:#f1f3f6;--csc-color-bg:#fff;--csc-color-bg-subtle:#fafafb;--csc-color-bg-muted:#f1f5f9;--csc-color-focus:#4f46e5;--csc-color-success:#22c55e;--csc-color-warning:#f59e0b;--csc-color-error:#ef4444;--csc-color-info:#6366f1;--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f}
1
+ :root{--base-button-primary-bg-default:#0a9e9e;--base-button-primary-bg-hover:#078080;--base-button-primary-bg-active:#056363;--base-button-primary-bg-disabled:#e2e6ea;--base-button-primary-text-default:#fff;--base-button-primary-text-disabled:#a3adb8;--base-button-secondary-bg-default:transparent;--base-button-secondary-bg-hover:#e0f7f7;--base-button-secondary-bg-active:#056363;--base-button-secondary-bg-disabled:#e2e6ea;--base-button-secondary-text-default:#0a9e9e;--base-button-secondary-text-disabled:#a3adb8;--base-button-secondary-border-default:#80dddd;--base-button-secondary-border-disabled:#e2e6ea;--base-button-ghost-bg-default:transparent;--base-button-ghost-bg-hover:#f8fafb;--base-button-ghost-bg-active:#d8d8d8;--base-button-ghost-bg-disabled:#e2e6ea;--base-button-ghost-text-default:#111827;--base-button-ghost-text-disabled:#a3adb8;--base-button-danger-bg-default:#dc2626;--base-button-danger-bg-hover:#b91c1c;--base-button-danger-bg-active:#991b1b;--base-button-danger-bg-disabled:#e2e6ea;--base-button-danger-text-default:#fff;--base-button-danger-text-disabled:#a3adb8;--base-input-bg-default:#fff;--base-input-bg-disabled:#f8fafc;--base-input-bg-error:#fef2f2;--base-input-bg-warning:#fffbeb;--base-input-bg-readonly:#f8fafc;--base-input-border-default:#e2e8f0;--base-input-border-hover:#cbd5e1;--base-input-border-focus:#0a9e9e;--base-input-border-error:#ef4444;--base-input-border-warning:#f59e0b;--base-input-text-default:#0f172a;--base-input-text-value:#0f172a;--base-input-text-placeholder:#94a3b8;--base-input-text-disabled:#94a3b8;--base-input-icon:#94a3b8;--base-input-shadow-focus:0 0 0 2px #0a9e9e1f;--base-checkbox-unchecked-bg-default:#fff;--base-checkbox-unchecked-bg-hover:#f8fafb;--base-checkbox-unchecked-bg-active:#f1f3f5;--base-checkbox-unchecked-bg-disabled:#f1f3f5;--base-checkbox-unchecked-border-default:#e1e6ea;--base-checkbox-unchecked-border-hover:#0db5b5;--base-checkbox-unchecked-border-active:#0db5b5;--base-checkbox-unchecked-border-disabled:#e1e6ea;--base-checkbox-checked-bg-default:#0db5b5;--base-checkbox-checked-bg-hover:#0a9e9e;--base-checkbox-checked-bg-active:#078080;--base-checkbox-checked-bg-disabled:#e6f7f7;--base-checkbox-checked-border-focus:#26c6c6;--base-checkbox-icon-default:#fff;--base-checkbox-icon-disabled:#cdd3d9;--base-checkbox-shadow-focus:0 0 0 2px #26c6c633;--base-radio-bg-default:#fff;--base-radio-bg-hover:#fff;--base-radio-bg-active:#f8fafb;--base-radio-bg-disabled:#f1f3f5;--base-radio-unselected-border-default:#e1e6ea;--base-radio-unselected-border-hover:#0db5b5;--base-radio-unselected-border-active:#0db5b5;--base-radio-unselected-border-disabled:#e1e6ea;--base-radio-selected-border-default:#0db5b5;--base-radio-selected-border-hover:#0a9e9e;--base-radio-selected-border-active:#078080;--base-radio-selected-border-disabled:#e1e6ea;--base-radio-dot-default:#0db5b5;--base-radio-dot-hover:#0a9e9e;--base-radio-dot-active:#078080;--base-radio-dot-disabled:#a3adb8;--base-radio-border-focus:#26c6c6;--base-radio-shadow-focus:0 0 0 2px #26c6c633;--base-color-primary:#0a9e9e;--base-color-text-default:#0f172a;--base-color-text-secondary:#475569;--base-color-text-tertiary:#64748b;--base-color-text-muted:#94a3b8;--base-color-border-default:#e1e4e9;--base-color-border-light:#f1f3f6;--base-color-bg-default:#fff;--base-color-bg-subtle:#f9f9f9;--base-color-bg-muted:#f1f5f9;--base-color-focus:#0a9e9e;--base-color-success:#22c55e;--base-color-warning:#f59e0b;--base-color-error:#ef4444;--base-color-info:#3b82f6;--rm-button-primary-bg-default:#2563eb;--rm-button-primary-bg-hover:#1d4ed8;--rm-button-primary-bg-active:#1e40af;--rm-button-primary-bg-disabled:#e2e6ea;--rm-button-primary-text-default:#fff;--rm-button-primary-text-disabled:#a3adb8;--rm-button-secondary-bg-default:transparent;--rm-button-secondary-bg-hover:#eff6ff;--rm-button-secondary-bg-active:#1e40af;--rm-button-secondary-bg-disabled:#e2e6ea;--rm-button-secondary-text-default:#2563eb;--rm-button-secondary-text-disabled:#a3adb8;--rm-button-secondary-border-default:#93c5fd;--rm-button-secondary-border-disabled:#e2e6ea;--rm-button-ghost-bg-default:transparent;--rm-button-ghost-bg-hover:#f8fafc;--rm-button-ghost-bg-active:#e2e8f0;--rm-button-ghost-bg-disabled:#e2e6ea;--rm-button-ghost-text-default:#111827;--rm-button-ghost-text-disabled:#a3adb8;--rm-button-danger-bg-default:#dc2626;--rm-button-danger-bg-hover:#b91c1c;--rm-button-danger-bg-active:#991b1b;--rm-button-danger-bg-disabled:#e2e6ea;--rm-button-danger-text-default:#fff;--rm-button-danger-text-disabled:#a3adb8;--rm-input-bg-default:#fff;--rm-input-bg-disabled:#f8fafc;--rm-input-bg-error:#fef2f2;--rm-input-bg-warning:#fffbeb;--rm-input-bg-readonly:#f8fafc;--rm-input-border-default:#e2e8f0;--rm-input-border-hover:#cbd5e1;--rm-input-border-focus:#2563eb;--rm-input-border-error:#ef4444;--rm-input-border-warning:#f59e0b;--rm-input-text-default:#0f172a;--rm-input-text-value:#0f172a;--rm-input-text-placeholder:#94a3b8;--rm-input-text-disabled:#94a3b8;--rm-input-icon:#94a3b8;--rm-input-shadow-focus:0 0 0 2px #2563eb1f;--rm-checkbox-unchecked-bg-default:#fff;--rm-checkbox-unchecked-bg-hover:#f8fafc;--rm-checkbox-unchecked-bg-active:#f1f3f5;--rm-checkbox-unchecked-bg-disabled:#f1f3f5;--rm-checkbox-unchecked-border-default:#e1e6ea;--rm-checkbox-unchecked-border-hover:#3b82f6;--rm-checkbox-unchecked-border-active:#3b82f6;--rm-checkbox-unchecked-border-disabled:#e1e6ea;--rm-checkbox-checked-bg-default:#3b82f6;--rm-checkbox-checked-bg-hover:#2563eb;--rm-checkbox-checked-bg-active:#1d4ed8;--rm-checkbox-checked-bg-disabled:#dbeafe;--rm-checkbox-checked-border-focus:#60a5fa;--rm-checkbox-icon-default:#fff;--rm-checkbox-icon-disabled:#cdd3d9;--rm-checkbox-shadow-focus:0 0 0 2px #3b82f633;--rm-radio-bg-default:#fff;--rm-radio-bg-hover:#fff;--rm-radio-bg-active:#f8fafc;--rm-radio-bg-disabled:#f1f3f5;--rm-radio-unselected-border-default:#e1e6ea;--rm-radio-unselected-border-hover:#3b82f6;--rm-radio-unselected-border-active:#3b82f6;--rm-radio-unselected-border-disabled:#e1e6ea;--rm-radio-selected-border-default:#3b82f6;--rm-radio-selected-border-hover:#2563eb;--rm-radio-selected-border-active:#1d4ed8;--rm-radio-selected-border-disabled:#e1e6ea;--rm-radio-dot-default:#3b82f6;--rm-radio-dot-hover:#2563eb;--rm-radio-dot-active:#1d4ed8;--rm-radio-dot-disabled:#a3adb8;--rm-radio-border-focus:#60a5fa;--rm-radio-shadow-focus:0 0 0 2px #3b82f633;--rm-color-primary:#2563eb;--rm-color-text-default:#0f172a;--rm-color-text-secondary:red;--rm-color-text-tertiary:#64748b;--rm-color-text-muted:#94a3b8;--rm-color-border-default:#e1e4e9;--rm-color-border-light:#f1f3f6;--rm-color-bg-default:#fff;--rm-color-bg-subtle:#f9fafb;--rm-color-bg-muted:#f1f5f9;--rm-color-focus:#2563eb;--rm-color-success:#22c55e;--rm-color-warning:#f59e0b;--rm-color-error:#ef4444;--rm-color-info:#3b82f6;--csc-button-primary-bg-default:#4f46e5;--csc-button-primary-bg-hover:#4338ca;--csc-button-primary-bg-active:#3730a3;--csc-button-primary-bg-disabled:#e2e6ea;--csc-button-primary-text-default:#fff;--csc-button-primary-text-disabled:#a3adb8;--csc-button-secondary-bg-default:transparent;--csc-button-secondary-bg-hover:#eef2ff;--csc-button-secondary-bg-active:#3730a3;--csc-button-secondary-bg-disabled:#e2e6ea;--csc-button-secondary-text-default:#4f46e5;--csc-button-secondary-text-disabled:#a3adb8;--csc-button-secondary-border-default:#a5b4fc;--csc-button-secondary-border-disabled:#e2e6ea;--csc-button-ghost-bg-default:transparent;--csc-button-ghost-bg-hover:#f9fafb;--csc-button-ghost-bg-active:#e5e7eb;--csc-button-ghost-bg-disabled:#e2e6ea;--csc-button-ghost-text-default:#111827;--csc-button-ghost-text-disabled:#a3adb8;--csc-button-danger-bg-default:#dc2626;--csc-button-danger-bg-hover:#b91c1c;--csc-button-danger-bg-active:#991b1b;--csc-button-danger-bg-disabled:#e2e6ea;--csc-button-danger-text-default:#fff;--csc-button-danger-text-disabled:#a3adb8;--csc-input-bg-default:#fff;--csc-input-bg-disabled:#f8fafc;--csc-input-bg-error:#fef2f2;--csc-input-bg-warning:#fffbeb;--csc-input-bg-readonly:#f8fafc;--csc-input-border-default:#e2e8f0;--csc-input-border-hover:#cbd5e1;--csc-input-border-focus:#4f46e5;--csc-input-border-error:#ef4444;--csc-input-border-warning:#f59e0b;--csc-input-text-default:#0f172a;--csc-input-text-value:#0f172a;--csc-input-text-placeholder:#94a3b8;--csc-input-text-disabled:#94a3b8;--csc-input-icon:#94a3b8;--csc-input-shadow-focus:0 0 0 2px #4f46e51f;--csc-checkbox-unchecked-bg-default:#fff;--csc-checkbox-unchecked-bg-hover:#f9fafb;--csc-checkbox-unchecked-bg-active:#f1f3f5;--csc-checkbox-unchecked-bg-disabled:#f1f3f5;--csc-checkbox-unchecked-border-default:#e1e6ea;--csc-checkbox-unchecked-border-hover:#6366f1;--csc-checkbox-unchecked-border-active:#6366f1;--csc-checkbox-unchecked-border-disabled:#e1e6ea;--csc-checkbox-checked-bg-default:#6366f1;--csc-checkbox-checked-bg-hover:#4f46e5;--csc-checkbox-checked-bg-active:#4338ca;--csc-checkbox-checked-bg-disabled:#e0e7ff;--csc-checkbox-checked-border-focus:#818cf8;--csc-checkbox-icon-default:#fff;--csc-checkbox-icon-disabled:#cdd3d9;--csc-checkbox-shadow-focus:0 0 0 2px #6366f133;--csc-radio-bg-default:#fff;--csc-radio-bg-hover:#fff;--csc-radio-bg-active:#f9fafb;--csc-radio-bg-disabled:#f1f3f5;--csc-radio-unselected-border-default:#e1e6ea;--csc-radio-unselected-border-hover:#6366f1;--csc-radio-unselected-border-active:#6366f1;--csc-radio-unselected-border-disabled:#e1e6ea;--csc-radio-selected-border-default:#6366f1;--csc-radio-selected-border-hover:#4f46e5;--csc-radio-selected-border-active:#4338ca;--csc-radio-selected-border-disabled:#e1e6ea;--csc-radio-dot-default:#6366f1;--csc-radio-dot-hover:#4f46e5;--csc-radio-dot-active:#4338ca;--csc-radio-dot-disabled:#a3adb8;--csc-radio-border-focus:#818cf8;--csc-radio-shadow-focus:0 0 0 2px #6366f133;--csc-color-primary:#4f46e5;--csc-color-text-default:#0f172a;--csc-color-text-secondary:blue;--csc-color-text-tertiary:#64748b;--csc-color-text-muted:#94a3b8;--csc-color-border-default:#e1e4e9;--csc-color-border-light:#f1f3f6;--csc-color-bg-default:#fff;--csc-color-bg-subtle:#fafafb;--csc-color-bg-muted:#f1f5f9;--csc-color-focus:#4f46e5;--csc-color-success:#22c55e;--csc-color-warning:#f59e0b;--csc-color-error:#ef4444;--csc-color-info:#6366f1;--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f}
2
2
  /*$vite$:1*/
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import * as n from "react";
3
3
  import { forwardRef as r, useContext as i, useEffect as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
4
4
  import * as l from "react/jsx-runtime";
5
5
  //#region \0rolldown/runtime.js
6
- var u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d = (e) => `var(--mg-${e})`, f = {
6
+ var u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d = (e) => `var(--base-${e})`, f = {
7
7
  button: {
8
8
  primary: {
9
9
  bg: {
@@ -145,17 +145,17 @@ var u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d
145
145
  black: "#000000",
146
146
  primary: d("color-primary"),
147
147
  text: {
148
- default: d("color-text"),
148
+ default: d("color-text-default"),
149
149
  secondary: d("color-text-secondary"),
150
150
  tertiary: d("color-text-tertiary"),
151
151
  muted: d("color-text-muted")
152
152
  },
153
153
  border: {
154
- default: d("color-border"),
154
+ default: d("color-border-default"),
155
155
  light: d("color-border-light")
156
156
  },
157
157
  bg: {
158
- default: d("color-bg"),
158
+ default: d("color-bg-default"),
159
159
  subtle: d("color-bg-subtle"),
160
160
  muted: d("color-bg-muted")
161
161
  },
@@ -307,17 +307,17 @@ var u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d
307
307
  black: "#000000",
308
308
  primary: p("color-primary"),
309
309
  text: {
310
- default: p("color-text"),
310
+ default: p("color-text-default"),
311
311
  secondary: p("color-text-secondary"),
312
312
  tertiary: p("color-text-tertiary"),
313
313
  muted: p("color-text-muted")
314
314
  },
315
315
  border: {
316
- default: p("color-border"),
316
+ default: p("color-border-default"),
317
317
  light: p("color-border-light")
318
318
  },
319
319
  bg: {
320
- default: p("color-bg"),
320
+ default: p("color-bg-default"),
321
321
  subtle: p("color-bg-subtle"),
322
322
  muted: p("color-bg-muted")
323
323
  },
@@ -469,17 +469,17 @@ var u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d
469
469
  black: "#000000",
470
470
  primary: h("color-primary"),
471
471
  text: {
472
- default: h("color-text"),
472
+ default: h("color-text-default"),
473
473
  secondary: h("color-text-secondary"),
474
474
  tertiary: h("color-text-tertiary"),
475
475
  muted: h("color-text-muted")
476
476
  },
477
477
  border: {
478
- default: h("color-border"),
478
+ default: h("color-border-default"),
479
479
  light: h("color-border-light")
480
480
  },
481
481
  bg: {
482
- default: h("color-bg"),
482
+ default: h("color-bg-default"),
483
483
  subtle: h("color-bg-subtle"),
484
484
  muted: h("color-bg-muted")
485
485
  },
@@ -2094,13 +2094,13 @@ var It = ({ size: e }) => {
2094
2094
  border: `1.5px solid ${v.unchecked.border.disabled}`
2095
2095
  }), Vt = e({
2096
2096
  background: v.checked.bg.default,
2097
- border: "none"
2097
+ border: "1.5px solid transparent"
2098
2098
  }), Ht = e({
2099
2099
  "label:hover > &": { background: v.checked.bg.hover },
2100
2100
  "label:active > &": { background: v.checked.bg.active }
2101
2101
  }), Ut = e({
2102
2102
  background: v.checked.bg.disabled,
2103
- border: "none"
2103
+ border: "1.5px solid transparent"
2104
2104
  }), Wt = r(({ checkboxSize: t = "md", label: n, indeterminate: r = !1, disabled: i = !1, checked: c, defaultChecked: l, onChange: u, ...d }, f) => {
2105
2105
  let p = ne[t], m = s(null);
2106
2106
  o(f, () => m.current), a(() => {
@@ -2401,9 +2401,9 @@ var Qt = ({ name: t, value: n, defaultValue: r, onChange: i, options: a, radioSi
2401
2401
  checkbox: ne,
2402
2402
  radio: re
2403
2403
  },
2404
- mg: f,
2404
+ base: f,
2405
2405
  rm: m,
2406
2406
  csc: g
2407
2407
  };
2408
2408
  //#endregion
2409
- export { tn as Badge, At as Button, rn as Card, Wt as Checkbox, jt as Input, Ft as InputWithButton, Zt as Radio, Qt as RadioGroup, Pt as Select, Mt as Textarea, x as color, g as csc, S as font, f as mg, C as radius, m as rm, w as shadow, an as tokens };
2409
+ export { tn as Badge, At as Button, rn as Card, Wt as Checkbox, jt as Input, Ft as InputWithButton, Zt as Radio, Qt as RadioGroup, Pt as Select, Mt as Textarea, f as base, x as color, g as csc, S as font, C as radius, m as rm, w as shadow, an as tokens };
package/dist/types/lib.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from './components/button/Button';
2
- export { Input, type InputProps, type InputSizeType } from './components/input/Input';
3
- export { Textarea, type TextareaProps, type TextareaSize } from './components/textarea/Textarea';
4
- export { Select, type SelectProps, type SelectSize, type SelectOption } from './components/select/Select';
5
- export { InputWithButton, type InputWithButtonProps, type InputWithButtonSize, type InputWithButtonVariant } from './components/input-with-button/InputWithButton';
6
- export { Checkbox, type CheckboxProps, type CheckboxSize } from './components/checkbox/Checkbox';
7
- export { Radio, RadioGroup, type RadioProps, type RadioGroupProps, type RadioSize } from './components/radio/Radio';
8
- export { Badge, type BadgeProps, type BadgeVariant, type BadgeSize } from './components/badge/Badge';
9
- export { Card, type CardProps } from './components/card/Card';
10
- export { tokens } from './tokens';
11
- export { color, font, radius, shadow } from './tokens/tokens';
12
- export { mg } from './tokens/default';
13
- export { rm } from './tokens/rm';
14
- export { csc } from './tokens/csc';
15
- export type { ProjectTokens } from './tokens/tokens';
16
- import './tokens/variables.css';
1
+ export { Button, type ButtonProps, type ButtonVariant, type ButtonSize, } from "./components/button/Button";
2
+ export { Input, type InputProps, type InputSizeType, } from "./components/input/Input";
3
+ export { Textarea, type TextareaProps, type TextareaSize, } from "./components/textarea/Textarea";
4
+ export { Select, type SelectProps, type SelectSize, type SelectOption, } from "./components/select/Select";
5
+ export { InputWithButton, type InputWithButtonProps, type InputWithButtonSize, type InputWithButtonVariant, } from "./components/input-with-button/InputWithButton";
6
+ export { Checkbox, type CheckboxProps, type CheckboxSize, } from "./components/checkbox/Checkbox";
7
+ export { Radio, RadioGroup, type RadioProps, type RadioGroupProps, type RadioSize, } from "./components/radio/Radio";
8
+ export { Badge, type BadgeProps, type BadgeVariant, type BadgeSize, } from "./components/badge/Badge";
9
+ export { Card, type CardProps } from "./components/card/Card";
10
+ export { tokens } from "./tokens";
11
+ export { color, font, radius, shadow } from "./tokens/tokens";
12
+ export { base } from "./tokens/base";
13
+ export { rm } from "./tokens/rm";
14
+ export { csc } from "./tokens/csc";
15
+ export type { ProjectTokens } from "./tokens/tokens";
16
+ import "./tokens/variables.css";
package/dist/types/tokens/{default.d.ts → base.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
- export declare const mg: {
1
+ export declare const base: {
2
2
  readonly button: {
3
3
  readonly primary: {
4
4
  readonly bg: {
package/dist/types/tokens/index.d.ts CHANGED
@@ -303,7 +303,7 @@ export declare const tokens: {
303
303
  };
304
304
  };
305
305
  };
306
- readonly mg: {
306
+ readonly base: {
307
307
  readonly button: {
308
308
  readonly primary: {
309
309
  readonly bg: {
package/dist/types/tokens/tokens.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export { mg } from './default';
2
- export { rm } from './rm';
3
- export { csc } from './csc';
4
- export type ProjectTokens = typeof import('./default')['mg'];
1
+ export { base } from "./base";
2
+ export { rm } from "./rm";
3
+ export { csc } from "./csc";
4
+ export type ProjectTokens = typeof import("./base")["base"];
5
5
  export declare const button: {
6
6
  readonly primary: {
7
7
  readonly bg: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kimkihwan/cytur-design-system",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",