@aristobyte-ui/button 1.0.8 → 1.0.11

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 (8) hide show
  1. package/README.md +94 -0
  2. package/dist/index.css +190 -190
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +66 -61
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +66 -63
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +39 -1
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../components/Button.module.scss","../../styles/_settings.scss","../components/ButtonGroup.module.scss","../../styles/_settings.scss"],"sourcesContent":["@use \"../../styles/settings\" as *;\n\n.button {\n align-items: center;\n border: none;\n cursor: pointer;\n display: flex;\n font-weight: 500;\n gap: 10px;\n letter-spacing: 0rem;\n line-height: 1.42;\n overflow: hidden;\n position: relative;\n transition:\n background-color 200ms ease,\n transform 300ms ease;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 1;\n }\n\n &:active {\n transform: scale(0.97);\n }\n\n &-variant {\n &--default.button-appearance {\n &--solid {\n background-color: $color-default;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default-hover;\n }\n\n &:disabled {\n background-color: $color-default-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-default, 0.5),\n 0 0 16px rgba($color-default, 0.4),\n 0 0 24px rgba($color-default, 0.3);\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--primary.button-appearance {\n &--solid {\n background-color: $color-primary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary-hover;\n }\n\n &:disabled {\n background-color: $color-primary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-primary, 0.5),\n 0 0 16px rgba($color-primary, 0.4),\n 0 0 24px rgba($color-primary, 0.3);\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--secondary.button-appearance {\n &--solid {\n background-color: $color-secondary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary-hover;\n }\n\n &:disabled {\n background-color: $color-secondary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-secondary, 0.5),\n 0 0 16px rgba($color-secondary, 0.4),\n 0 0 24px rgba($color-secondary, 0.3);\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--success.button-appearance {\n &--solid {\n background-color: $color-success;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success-hover;\n }\n\n &:disabled {\n background-color: $color-success-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-success, 0.5),\n 0 0 16px rgba($color-success, 0.4),\n 0 0 24px rgba($color-success, 0.3);\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--error.button-appearance {\n &--solid {\n background-color: $color-error;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error-hover;\n }\n\n &:disabled {\n background-color: $color-error-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-error, 0.5),\n 0 0 16px rgba($color-error, 0.4),\n 0 0 24px rgba($color-error, 0.3);\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--warning.button-appearance {\n &--solid {\n background-color: $color-warning;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning-hover;\n }\n\n &:disabled {\n background-color: $color-warning-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-warning, 0.5),\n 0 0 16px rgba($color-warning, 0.4),\n 0 0 24px rgba($color-warning, 0.3);\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n }\n\n &-size {\n &--xsm {\n font-size: 0.75rem; // 12px\n line-height: 1rem; // 16px\n padding: 0.25rem 0.5rem; // 4px 8px\n min-height: 28px;\n\n .spinner,\n .icon {\n max-height: 1rem; // 16px\n max-width: 1rem; // 16px\n }\n }\n\n &--sm {\n font-size: 0.875rem; // 14px\n line-height: 1.25rem; // 20px\n padding: 0.375rem 0.75rem; // 6px 12px\n min-height: 32px;\n\n .spinner,\n .icon {\n max-height: 1.125rem; // 18px\n max-width: 1.125rem; // 18px\n }\n }\n\n &--md {\n font-size: 1rem; // 16px\n line-height: 1.5rem; // 24px\n padding: 0.5rem 1rem; // 8px 16px\n min-height: 40px;\n\n .spinner,\n .icon {\n height: 1.25rem; // 20px\n width: 1.25rem; // 20px\n }\n }\n\n &--lg {\n font-size: 1.125rem; // 18px\n line-height: 1.75rem; // 28px\n padding: 0.625rem 1.25rem; // 10px 20px\n min-height: 44px;\n\n .spinner,\n .icon {\n max-height: 1.375rem; // 22px\n max-width: 1.375rem; // 22px\n }\n }\n\n &--xlg {\n font-size: 1.25rem; // 20px\n line-height: 1.75rem; // 28px\n padding: 0.75rem 1.5rem; // 12px 24px\n min-height: 48px;\n\n .spinner,\n .icon {\n max-height: 1.5rem; // 24px\n max-width: 1.5rem; // 24px\n }\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n\n .icon {\n align-items: center;\n display: flex;\n justify-content: center;\n\n &--right {\n order: 5;\n }\n\n svg {\n width: 100%;\n }\n }\n}\n","// === Design Tokens — Color Palette ===\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale ===\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale ===\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) ===\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) ===\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) ===\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) ===\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) ===\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) ===\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens ===\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows ===\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families ===\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights ===\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights ===\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens ===\n\n// === Titles ===\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles ===\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text ===\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions ===\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons ===\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations ===\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n","@use \"../../styles/settings\" as *;\n\n.button-group {\n align-items: center;\n display: flex;\n overflow: hidden;\n max-width: max-content;\n\n &-align {\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n }\n\n &-variant {\n &--default {\n background-color: $color-default;\n }\n\n &--primary {\n background-color: $color-primary;\n }\n\n &--secondary {\n background-color: $color-secondary;\n }\n\n &--success {\n background-color: $color-success;\n }\n\n &--error {\n background-color: $color-error;\n }\n\n &--warning {\n background-color: $color-warning;\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n}\n","// === Design Tokens — Color Palette ===\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale ===\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale ===\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) ===\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) ===\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) ===\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) ===\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) ===\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) ===\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens ===\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows ===\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families ===\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights ===\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights ===\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens ===\n\n// === Titles ===\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles ===\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text ===\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions ===\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons ===\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations ===\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../components/Button.module.scss","../../styles/_settings.scss","../components/ButtonGroup.module.scss","../../styles/_settings.scss"],"sourcesContent":["@use \"../../styles/settings\" as *;\n\n.button {\n align-items: center;\n border: none;\n cursor: pointer;\n display: flex;\n font-weight: 500;\n gap: 10px;\n letter-spacing: 0rem;\n line-height: 1.42;\n overflow: hidden;\n position: relative;\n transition:\n background-color 200ms ease,\n transform 300ms ease;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 1;\n }\n\n &:active {\n transform: scale(0.97);\n }\n\n &-variant {\n &--default.button-appearance {\n &--solid {\n background-color: $color-default;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default-hover;\n }\n\n &:disabled {\n background-color: $color-default-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-default, 0.5),\n 0 0 16px rgba($color-default, 0.4),\n 0 0 24px rgba($color-default, 0.3);\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--primary.button-appearance {\n &--solid {\n background-color: $color-primary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary-hover;\n }\n\n &:disabled {\n background-color: $color-primary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-primary, 0.5),\n 0 0 16px rgba($color-primary, 0.4),\n 0 0 24px rgba($color-primary, 0.3);\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--secondary.button-appearance {\n &--solid {\n background-color: $color-secondary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary-hover;\n }\n\n &:disabled {\n background-color: $color-secondary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-secondary, 0.5),\n 0 0 16px rgba($color-secondary, 0.4),\n 0 0 24px rgba($color-secondary, 0.3);\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--success.button-appearance {\n &--solid {\n background-color: $color-success;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success-hover;\n }\n\n &:disabled {\n background-color: $color-success-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-success, 0.5),\n 0 0 16px rgba($color-success, 0.4),\n 0 0 24px rgba($color-success, 0.3);\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--error.button-appearance {\n &--solid {\n background-color: $color-error;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error-hover;\n }\n\n &:disabled {\n background-color: $color-error-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-error, 0.5),\n 0 0 16px rgba($color-error, 0.4),\n 0 0 24px rgba($color-error, 0.3);\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--warning.button-appearance {\n &--solid {\n background-color: $color-warning;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning-hover;\n }\n\n &:disabled {\n background-color: $color-warning-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-warning, 0.5),\n 0 0 16px rgba($color-warning, 0.4),\n 0 0 24px rgba($color-warning, 0.3);\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n }\n\n &-size {\n &--xsm {\n font-size: 0.75rem; // 12px\n line-height: 1rem; // 16px\n padding: 0.25rem 0.5rem; // 4px 8px\n min-height: 28px;\n\n .spinner,\n .icon {\n max-height: 1rem; // 16px\n max-width: 1rem; // 16px\n }\n }\n\n &--sm {\n font-size: 0.875rem; // 14px\n line-height: 1.25rem; // 20px\n padding: 0.375rem 0.75rem; // 6px 12px\n min-height: 32px;\n\n .spinner,\n .icon {\n max-height: 1.125rem; // 18px\n max-width: 1.125rem; // 18px\n }\n }\n\n &--md {\n font-size: 1rem; // 16px\n line-height: 1.5rem; // 24px\n padding: 0.5rem 1rem; // 8px 16px\n min-height: 40px;\n\n .spinner,\n .icon {\n height: 1.25rem; // 20px\n width: 1.25rem; // 20px\n }\n }\n\n &--lg {\n font-size: 1.125rem; // 18px\n line-height: 1.75rem; // 28px\n padding: 0.625rem 1.25rem; // 10px 20px\n min-height: 44px;\n\n .spinner,\n .icon {\n max-height: 1.375rem; // 22px\n max-width: 1.375rem; // 22px\n }\n }\n\n &--xlg {\n font-size: 1.25rem; // 20px\n line-height: 1.75rem; // 28px\n padding: 0.75rem 1.5rem; // 12px 24px\n min-height: 48px;\n\n .spinner,\n .icon {\n max-height: 1.5rem; // 24px\n max-width: 1.5rem; // 24px\n }\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n\n .icon {\n align-items: center;\n display: flex;\n justify-content: center;\n\n &--right {\n order: 5;\n }\n\n svg {\n width: 100%;\n }\n }\n}\n","// === Design Tokens — Color Palette ===\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale ===\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale ===\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) ===\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) ===\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) ===\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) ===\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) ===\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) ===\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens ===\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows ===\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families ===\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights ===\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights ===\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens ===\n\n// === Titles ===\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles ===\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text ===\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions ===\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons ===\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations ===\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n","@use \"../../styles/settings\" as *;\n\n.button-group {\n align-items: center;\n display: flex;\n overflow: hidden;\n max-width: max-content;\n\n &-align {\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n }\n\n &-variant {\n &--default {\n background-color: $color-default;\n }\n\n &--primary {\n background-color: $color-primary;\n }\n\n &--secondary {\n background-color: $color-secondary;\n }\n\n &--success {\n background-color: $color-success;\n }\n\n &--error {\n background-color: $color-error;\n }\n\n &--warning {\n background-color: $color-warning;\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n}\n","// === Design Tokens — Color Palette ===\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale ===\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale ===\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) ===\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) ===\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) ===\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) ===\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) ===\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) ===\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens ===\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows ===\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families ===\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights ===\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights ===\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens ===\n\n// === Titles ===\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles ===\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text ===\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions ===\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons ===\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations ===\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":"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","names":["button","button-variant--default","button-appearance--solid","icon","button-appearance--outline","button-appearance--outline-dashed","button-appearance--no-outline","button-appearance--glowing","button-variant--primary","button-variant--secondary","button-variant--success","button-variant--error","button-variant--warning","button-size--xsm","spinner","button-size--sm","button-size--md","button-size--lg","button-size--xlg","button-radius--none","button-radius--sm","button-radius--md","button-radius--lg","button-radius--full","icon--right","button-group","button-group-align--horizontal","button-group-align--vertical","button-group-variant--default","button-group-variant--primary","button-group-variant--secondary","button-group-variant--success","button-group-variant--error","button-group-variant--warning","button-group-radius--none","button-group-radius--sm","button-group-radius--md","button-group-radius--lg","button-group-radius--full"]}
package/dist/index.js CHANGED
@@ -1,36 +1,11 @@
1
+ "use client";
1
2
  "use strict";
2
3
  var __create = Object.create;
3
4
  var __defProp = Object.defineProperty;
4
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
7
  var __getProtoOf = Object.getPrototypeOf;
8
8
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
9
  var __export = (target, all) => {
35
10
  for (var name in all)
36
11
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -109,38 +84,51 @@ var renderRipple = ({
109
84
  };
110
85
 
111
86
  // components/Button/Button.module.scss
112
- var Button_module_default = {};
87
+ var Button_module_default = {
88
+ button: "Button_module_button",
89
+ "button-variant--default": "Button_module_button-variant--default",
90
+ "button-appearance--solid": "Button_module_button-appearance--solid",
91
+ icon: "Button_module_icon",
92
+ "button-appearance--outline": "Button_module_button-appearance--outline",
93
+ "button-appearance--outline-dashed": "Button_module_button-appearance--outline-dashed",
94
+ "button-appearance--no-outline": "Button_module_button-appearance--no-outline",
95
+ "button-appearance--glowing": "Button_module_button-appearance--glowing",
96
+ "button-variant--primary": "Button_module_button-variant--primary",
97
+ "button-variant--secondary": "Button_module_button-variant--secondary",
98
+ "button-variant--success": "Button_module_button-variant--success",
99
+ "button-variant--error": "Button_module_button-variant--error",
100
+ "button-variant--warning": "Button_module_button-variant--warning",
101
+ "button-size--xsm": "Button_module_button-size--xsm",
102
+ spinner: "Button_module_spinner",
103
+ "button-size--sm": "Button_module_button-size--sm",
104
+ "button-size--md": "Button_module_button-size--md",
105
+ "button-size--lg": "Button_module_button-size--lg",
106
+ "button-size--xlg": "Button_module_button-size--xlg",
107
+ "button-radius--none": "Button_module_button-radius--none",
108
+ "button-radius--sm": "Button_module_button-radius--sm",
109
+ "button-radius--md": "Button_module_button-radius--md",
110
+ "button-radius--lg": "Button_module_button-radius--lg",
111
+ "button-radius--full": "Button_module_button-radius--full",
112
+ "icon--right": "Button_module_icon--right"
113
+ };
113
114
 
114
115
  // components/Button/index.tsx
115
116
  var import_jsx_runtime = require("react/jsx-runtime");
116
- var Button = (_a) => {
117
- var _b = _a, {
118
- onClick,
119
- children,
120
- variant = "default",
121
- appearance = "solid",
122
- size = "md",
123
- radius = "md",
124
- icon,
125
- spinnerType = "default",
126
- isLoading = false,
127
- disabled,
128
- className = "",
129
- dangerouslySetInnerHTML
130
- } = _b, restProps = __objRest(_b, [
131
- "onClick",
132
- "children",
133
- "variant",
134
- "appearance",
135
- "size",
136
- "radius",
137
- "icon",
138
- "spinnerType",
139
- "isLoading",
140
- "disabled",
141
- "className",
142
- "dangerouslySetInnerHTML"
143
- ]);
117
+ var Button = ({
118
+ onClick,
119
+ children,
120
+ variant = "default",
121
+ appearance = "solid",
122
+ size = "md",
123
+ radius = "md",
124
+ icon,
125
+ spinnerType = "default",
126
+ isLoading = false,
127
+ disabled,
128
+ className = "",
129
+ dangerouslySetInnerHTML,
130
+ ...restProps
131
+ }) => {
144
132
  const ref = React.useRef(null);
145
133
  const handleClick = (e) => {
146
134
  const { clientX, clientY } = e;
@@ -150,7 +138,7 @@ var Button = (_a) => {
150
138
  }
151
139
  };
152
140
  const Children2 = () => {
153
- var _a2;
141
+ var _a;
154
142
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
155
143
  isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
156
144
  import_spinner.Spinner,
@@ -164,7 +152,7 @@ var Button = (_a) => {
164
152
  icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
165
153
  "span",
166
154
  {
167
- className: `${Button_module_default["icon"]} ${Button_module_default[`icon--${(_a2 = icon.align) != null ? _a2 : "left"}`]}`,
155
+ className: `${Button_module_default["icon"]} ${Button_module_default[`icon--${(_a = icon.align) != null ? _a : "left"}`]}`,
168
156
  children: React.createElement(icon.component)
169
157
  }
170
158
  ),
@@ -173,12 +161,14 @@ var Button = (_a) => {
173
161
  };
174
162
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
175
163
  "button",
176
- __spreadValues(__spreadValues({
164
+ {
177
165
  ref,
178
166
  disabled: disabled || isLoading,
179
167
  className: `${Button_module_default["button"]} ${Button_module_default[`button-variant--${variant}`]} ${Button_module_default[`button-appearance--${appearance}`]} ${Button_module_default[`button-size--${size}`]} ${Button_module_default[`button-radius--${radius}`]} ${isLoading ? Button_module_default["button--loading"] : ""} ${className}`,
180
- onClick: handleClick
181
- }, dangerouslySetInnerHTML ? { dangerouslySetInnerHTML } : { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children2, {}) }), restProps)
168
+ onClick: handleClick,
169
+ ...dangerouslySetInnerHTML ? { dangerouslySetInnerHTML } : { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children2, {}) },
170
+ ...restProps
171
+ }
182
172
  );
183
173
  };
184
174
 
@@ -186,7 +176,22 @@ var Button = (_a) => {
186
176
  var React2 = __toESM(require("react"));
187
177
 
188
178
  // components/ButtonGroup/ButtonGroup.module.scss
189
- var ButtonGroup_module_default = {};
179
+ var ButtonGroup_module_default = {
180
+ "button-group": "ButtonGroup_module_button-group",
181
+ "button-group-align--horizontal": "ButtonGroup_module_button-group-align--horizontal",
182
+ "button-group-align--vertical": "ButtonGroup_module_button-group-align--vertical",
183
+ "button-group-variant--default": "ButtonGroup_module_button-group-variant--default",
184
+ "button-group-variant--primary": "ButtonGroup_module_button-group-variant--primary",
185
+ "button-group-variant--secondary": "ButtonGroup_module_button-group-variant--secondary",
186
+ "button-group-variant--success": "ButtonGroup_module_button-group-variant--success",
187
+ "button-group-variant--error": "ButtonGroup_module_button-group-variant--error",
188
+ "button-group-variant--warning": "ButtonGroup_module_button-group-variant--warning",
189
+ "button-group-radius--none": "ButtonGroup_module_button-group-radius--none",
190
+ "button-group-radius--sm": "ButtonGroup_module_button-group-radius--sm",
191
+ "button-group-radius--md": "ButtonGroup_module_button-group-radius--md",
192
+ "button-group-radius--lg": "ButtonGroup_module_button-group-radius--lg",
193
+ "button-group-radius--full": "ButtonGroup_module_button-group-radius--full"
194
+ };
190
195
 
191
196
  // components/ButtonGroup/index.tsx
192
197
  var import_jsx_runtime2 = require("react/jsx-runtime");