@aristobyte-ui/presets 1.0.35 → 1.0.36

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/dist/index.css.map +1 -1
  2. package/dist/index.d.mts +69 -0
  3. package/dist/index.d.ts +69 -0
  4. package/dist/index.js +2 -6
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +2 -6
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +6 -6
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../components/SocialMediaCard.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.social-media-card {\n background-color: #101828; // @TODO: @COLOR\n box-shadow: $shadow-md;\n display: flex;\n flex-direction: column;\n gap: 15px;\n max-width: 280px;\n padding: 22px;\n width: 100%;\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.25rem; // 4px\n }\n\n &--md {\n border-radius: 0.5rem; // 8px\n }\n\n &--lg {\n border-radius: 0.625rem; // 10px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n\n &__header {\n align-items: center;\n display: flex;\n gap: 20px;\n justify-content: space-between;\n width: 100%;\n }\n\n &__avatar {\n align-content: center;\n background: linear-gradient(135deg, #ad46ff 0%, #f6339a 100%);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n height: 42px;\n overflow: hidden;\n position: relative;\n width: 42px;\n\n &-icon {\n align-content: center;\n color: $white;\n display: flex;\n justify-content: center;\n margin: auto;\n }\n\n &-img {\n height: 42px;\n width: 42px;\n object-fit: cover;\n }\n }\n\n &__text {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &__title {\n color: $title-color-dark;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n }\n\n &__subtitle {\n color: $subtitle-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n\n &__content {\n color: $description-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n\n &__metrics {\n align-items: center;\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n }\n\n &__metric {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n\n &-par {\n align-items: center;\n display: flex;\n gap: 7px;\n justify-content: center;\n }\n\n &-text {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n\n &-icon {\n align-items: center;\n color: $icon-color-dark;\n display: flex;\n justify-content: center;\n }\n\n &-value {\n color: $icon-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n }\n\n &__tags {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 1px;\n }\n\n &__tag {\n margin: 0 2px;\n width: max-content;\n\n &-anchor {\n padding: 0;\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\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$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,CAAAA;AACE,oBAAA;AACA,cCsIA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ADrIA,WAAA;AACA,kBAAA;AACA,OAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;;AAGE,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAIJ,CAAAC;AACE,eAAA;AACA,WAAA;AACA,OAAA;AACA,mBAAA;AACA,SAAA;;AAGF,CAAAC;AACE,iBAAA;AACA;IAAA;MAAA,MAAA;MAAA,QAAA,EAAA;MAAA,QAAA;AACA,iBAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,SAAA;;AAEA,CAAAC;AACE,iBAAA;AACA,SChDE;ADiDF,WAAA;AACA,mBAAA;AACA,UAAA;;AAGF,CAAAC;AACE,UAAA;AACA,SAAA;AACA,cAAA;;AAIJ,CAAAC;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,SCrEI;ADsEJ,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SC8CkB;AD7ClB,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SCuCqB;ADtCrB,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;AACA,OAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA;AACA,mBAAA;;AAEA,CAAAC;AACE,eAAA;AACA,WAAA;AACA,OAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,eAAA;AACA,SCIY;ADHZ,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,SCFY;ADGZ,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAIJ,CAAAC;AACE,WAAA;AACA,aAAA;AACA,OAAA;;AAGF,CAAAC;AACE,UAAA,EAAA;AACA,SAAA;;AAEA,CAAAC;AACE,WAAA;;","names":["social-media-card","social-media-card-radius--none","social-media-card-radius--sm","social-media-card-radius--md","social-media-card-radius--lg","social-media-card-radius--full","social-media-card__header","social-media-card__avatar","social-media-card__avatar-icon","social-media-card__avatar-img","social-media-card__text","social-media-card__title","social-media-card__subtitle","social-media-card__content","social-media-card__metrics","social-media-card__metric","social-media-card__metric-par","social-media-card__metric-text","social-media-card__metric-icon","social-media-card__metric-value","social-media-card__tags","social-media-card__tag","social-media-card__tag-anchor"]}
1
+ {"version":3,"sources":["../components/SocialMediaCard.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.social-media-card {\n background-color: #101828; // @TODO: @COLOR\n box-shadow: $shadow-md;\n display: flex;\n flex-direction: column;\n gap: 15px;\n max-width: 280px;\n padding: 22px;\n width: 100%;\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.25rem; // 4px\n }\n\n &--md {\n border-radius: 0.5rem; // 8px\n }\n\n &--lg {\n border-radius: 0.625rem; // 10px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n\n &__header {\n align-items: center;\n display: flex;\n gap: 20px;\n justify-content: space-between;\n width: 100%;\n }\n\n &__avatar {\n align-content: center;\n background: linear-gradient(135deg, #ad46ff 0%, #f6339a 100%);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n height: 42px;\n overflow: hidden;\n position: relative;\n width: 42px;\n\n &-icon {\n align-content: center;\n color: $white;\n display: flex;\n justify-content: center;\n margin: auto;\n }\n\n &-img {\n height: 42px;\n width: 42px;\n object-fit: cover;\n }\n }\n\n &__text {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &__title {\n color: $title-color-dark;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n }\n\n &__subtitle {\n color: $subtitle-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n\n &__content {\n color: $description-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n\n &__metrics {\n align-items: center;\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n }\n\n &__metric {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n\n &-par {\n align-items: center;\n display: flex;\n gap: 7px;\n justify-content: center;\n }\n\n &-text {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n\n &-icon {\n align-items: center;\n color: $icon-color-dark;\n display: flex;\n justify-content: center;\n }\n\n &-value {\n color: $icon-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n }\n\n &__tags {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 1px;\n }\n\n &__tag {\n margin: 0 2px;\n width: max-content;\n\n &-anchor {\n padding: 0;\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n// Logo\n$logo-color-1: #ffee27;\n$logo-color-2: #fec800;\n$logo-color-3: #f18e35;\n$logo-color-4: #e95f32;\n$logo-color-5: #e2312d;\n$logo-gradient: linear-gradient(\n 90deg,\n $logo-color-1,\n $logo-color-2,\n $logo-color-3,\n $logo-color-4,\n $logo-color-5\n);\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\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$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,CAAAA;AACE,oBAAA;AACA,cCoJA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ADnJA,WAAA;AACA,kBAAA;AACA,OAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;;AAGE,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAIJ,CAAAC;AACE,eAAA;AACA,WAAA;AACA,OAAA;AACA,mBAAA;AACA,SAAA;;AAGF,CAAAC;AACE,iBAAA;AACA;IAAA;MAAA,MAAA;MAAA,QAAA,EAAA;MAAA,QAAA;AACA,iBAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,SAAA;;AAEA,CAAAC;AACE,iBAAA;AACA,SClCE;ADmCF,WAAA;AACA,mBAAA;AACA,UAAA;;AAGF,CAAAC;AACE,UAAA;AACA,SAAA;AACA,cAAA;;AAIJ,CAAAC;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,SCvDI;ADwDJ,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SC4DkB;AD3DlB,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SCqDqB;ADpDrB,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;AACA,OAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA;AACA,mBAAA;;AAEA,CAAAC;AACE,eAAA;AACA,WAAA;AACA,OAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,eAAA;AACA,SCkBY;ADjBZ,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,SCYY;ADXZ,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAIJ,CAAAC;AACE,WAAA;AACA,aAAA;AACA,OAAA;;AAGF,CAAAC;AACE,UAAA,EAAA;AACA,SAAA;;AAEA,CAAAC;AACE,WAAA;;","names":["social-media-card","social-media-card-radius--none","social-media-card-radius--sm","social-media-card-radius--md","social-media-card-radius--lg","social-media-card-radius--full","social-media-card__header","social-media-card__avatar","social-media-card__avatar-icon","social-media-card__avatar-img","social-media-card__text","social-media-card__title","social-media-card__subtitle","social-media-card__content","social-media-card__metrics","social-media-card__metric","social-media-card__metric-par","social-media-card__metric-text","social-media-card__metric-icon","social-media-card__metric-value","social-media-card__tags","social-media-card__tag","social-media-card__tag-anchor"]}
package/dist/index.d.mts CHANGED
@@ -4,222 +4,277 @@ import { IButton } from '@aristobyte-ui/button';
4
4
  import { IconPropsType } from '@aristobyte-ui/utils';
5
5
 
6
6
  interface IActionButtons {
7
+ disabled?: boolean;
7
8
  }
8
9
  declare const ActionButtons: React.FC<IActionButtons>;
9
10
 
10
11
  interface IActivityFeed {
12
+ disabled?: boolean;
11
13
  }
12
14
  declare const ActivityFeed: React.FC<IActivityFeed>;
13
15
 
14
16
  interface IAIAssistant {
17
+ disabled?: boolean;
15
18
  }
16
19
  declare const AIAssistant: React.FC<IAIAssistant>;
17
20
 
18
21
  interface IAnalyticsDashboard {
22
+ disabled?: boolean;
19
23
  }
20
24
  declare const AnalyticsDashboard: React.FC<IAnalyticsDashboard>;
21
25
 
22
26
  interface IBudgetTracker {
27
+ disabled?: boolean;
23
28
  }
24
29
  declare const BudgetTracker: React.FC<IBudgetTracker>;
25
30
 
26
31
  interface ICalendarWidget {
32
+ disabled?: boolean;
27
33
  }
28
34
  declare const CalendarWidget: React.FC<ICalendarWidget>;
29
35
 
30
36
  interface IChatMessages {
37
+ disabled?: boolean;
31
38
  }
32
39
  declare const ChatMessages: React.FC<IChatMessages>;
33
40
 
34
41
  interface ICloudStorage {
42
+ disabled?: boolean;
35
43
  }
36
44
  declare const CloudStorage: React.FC<ICloudStorage>;
37
45
 
38
46
  interface ICodeEditor {
47
+ disabled?: boolean;
39
48
  }
40
49
  declare const CodeEditor: React.FC<ICodeEditor>;
41
50
 
42
51
  interface ICodeStats {
52
+ disabled?: boolean;
43
53
  }
44
54
  declare const CodeStats: React.FC<ICodeStats>;
45
55
 
46
56
  interface IColorPaletteWidget {
57
+ disabled?: boolean;
47
58
  }
48
59
  declare const ColorPaletteWidget: React.FC<IColorPaletteWidget>;
49
60
 
50
61
  interface IContactCard {
62
+ disabled?: boolean;
51
63
  }
52
64
  declare const ContactCard: React.FC<IContactCard>;
53
65
 
54
66
  interface ICryptocurrencyWidget {
67
+ disabled?: boolean;
55
68
  }
56
69
  declare const CryptocurrencyWidget: React.FC<ICryptocurrencyWidget>;
57
70
 
58
71
  interface IDatabaseWidget {
72
+ disabled?: boolean;
59
73
  }
60
74
  declare const DatabaseWidget: React.FC<IDatabaseWidget>;
61
75
 
62
76
  interface IDesignSystem {
77
+ disabled?: boolean;
63
78
  }
64
79
  declare const DesignSystem: React.FC<IDesignSystem>;
65
80
 
66
81
  interface IDeviceStatus {
82
+ disabled?: boolean;
67
83
  }
68
84
  declare const DeviceStatus: React.FC<IDeviceStatus>;
69
85
 
70
86
  interface IDocumentScanner {
87
+ disabled?: boolean;
71
88
  }
72
89
  declare const DocumentScanner: React.FC<IDocumentScanner>;
73
90
 
74
91
  interface IEmailDashboard {
92
+ disabled?: boolean;
75
93
  }
76
94
  declare const EmailDashboard: React.FC<IEmailDashboard>;
77
95
 
78
96
  interface IEnergyMeter {
97
+ disabled?: boolean;
79
98
  }
80
99
  declare const EnergyMeter: React.FC<IEnergyMeter>;
81
100
 
82
101
  interface IFileManager {
102
+ disabled?: boolean;
83
103
  }
84
104
  declare const FileManager: React.FC<IFileManager>;
85
105
 
86
106
  interface IFileUploadArea {
107
+ disabled?: boolean;
87
108
  }
88
109
  declare const FileUploadArea: React.FC<IFileUploadArea>;
89
110
 
90
111
  interface IFitnessTracker {
112
+ disabled?: boolean;
91
113
  }
92
114
  declare const FitnessTracker: React.FC<IFitnessTracker>;
93
115
 
94
116
  interface IGamingControllerWidget {
117
+ disabled?: boolean;
95
118
  }
96
119
  declare const GamingControllerWidget: React.FC<IGamingControllerWidget>;
97
120
 
98
121
  interface IHabitTracker {
122
+ disabled?: boolean;
99
123
  }
100
124
  declare const HabitTracker: React.FC<IHabitTracker>;
101
125
 
102
126
  interface IHealthMonitor {
127
+ disabled?: boolean;
103
128
  }
104
129
  declare const HealthMonitor: React.FC<IHealthMonitor>;
105
130
 
106
131
  interface IIdeaBulbWidget {
132
+ disabled?: boolean;
107
133
  }
108
134
  declare const IdeaBulbWidget: React.FC<IIdeaBulbWidget>;
109
135
 
110
136
  interface IInspirationWidget {
137
+ disabled?: boolean;
111
138
  }
112
139
  declare const InspirationWidget: React.FC<IInspirationWidget>;
113
140
 
114
141
  interface ILanguageLearning {
142
+ disabled?: boolean;
115
143
  }
116
144
  declare const LanguageLearning: React.FC<ILanguageLearning>;
117
145
 
118
146
  interface ILayerStackWidget {
147
+ disabled?: boolean;
119
148
  }
120
149
  declare const LayerStackWidget: React.FC<ILayerStackWidget>;
121
150
 
122
151
  interface IMediaControls {
152
+ disabled?: boolean;
123
153
  }
124
154
  declare const MediaControls: React.FC<IMediaControls>;
125
155
 
126
156
  interface IMiniMenu {
157
+ disabled?: boolean;
127
158
  }
128
159
  declare const MiniMenu: React.FC<IMiniMenu>;
129
160
 
130
161
  interface IMouseTracker {
162
+ disabled?: boolean;
131
163
  }
132
164
  declare const MouseTracker: React.FC<IMouseTracker>;
133
165
 
134
166
  interface IMusicPlayer {
167
+ disabled?: boolean;
135
168
  }
136
169
  declare const MusicPlayer: React.FC<IMusicPlayer>;
137
170
 
138
171
  interface IMusicProduction {
172
+ disabled?: boolean;
139
173
  }
140
174
  declare const MusicProduction: React.FC<IMusicProduction>;
141
175
 
142
176
  interface INatureWidget {
177
+ disabled?: boolean;
143
178
  }
144
179
  declare const NatureWidget: React.FC<INatureWidget>;
145
180
 
146
181
  interface INavigationPills {
182
+ disabled?: boolean;
147
183
  }
148
184
  declare const NavigationPills: React.FC<INavigationPills>;
149
185
 
150
186
  interface INetworkStatus {
187
+ disabled?: boolean;
151
188
  }
152
189
  declare const NetworkStatus: React.FC<INetworkStatus>;
153
190
 
154
191
  interface INotificationBadges {
192
+ disabled?: boolean;
155
193
  }
156
194
  declare const NotificationBadges: React.FC<INotificationBadges>;
157
195
 
158
196
  interface INotificationCards {
197
+ disabled?: boolean;
159
198
  }
160
199
  declare const NotificationCards: React.FC<INotificationCards>;
161
200
 
162
201
  interface IOfficeBuildingWidget {
202
+ disabled?: boolean;
163
203
  }
164
204
  declare const OfficeBuildingWidget: React.FC<IOfficeBuildingWidget>;
165
205
 
166
206
  interface IPasswordManager {
207
+ disabled?: boolean;
167
208
  }
168
209
  declare const PasswordManager: React.FC<IPasswordManager>;
169
210
 
170
211
  interface IPhotoEditor {
212
+ disabled?: boolean;
171
213
  }
172
214
  declare const PhotoEditor: React.FC<IPhotoEditor>;
173
215
 
174
216
  interface IPomodoroTimer {
217
+ disabled?: boolean;
175
218
  }
176
219
  declare const PomodoroTimer: React.FC<IPomodoroTimer>;
177
220
 
178
221
  interface IPricingCard {
222
+ disabled?: boolean;
179
223
  }
180
224
  declare const PricingCard: React.FC<IPricingCard>;
181
225
 
182
226
  interface IProfileBadge {
227
+ disabled?: boolean;
183
228
  }
184
229
  declare const ProfileBadge: React.FC<IProfileBadge>;
185
230
 
186
231
  interface IProgressTracker {
232
+ disabled?: boolean;
187
233
  }
188
234
  declare const ProgressTracker: React.FC<IProgressTracker>;
189
235
 
190
236
  interface IQuickActions {
237
+ disabled?: boolean;
191
238
  }
192
239
  declare const QuickActions: React.FC<IQuickActions>;
193
240
 
194
241
  interface IQuickStats {
242
+ disabled?: boolean;
195
243
  }
196
244
  declare const QuickStats: React.FC<IQuickStats>;
197
245
 
198
246
  interface IReadingProgress {
247
+ disabled?: boolean;
199
248
  }
200
249
  declare const ReadingProgress: React.FC<IReadingProgress>;
201
250
 
202
251
  interface IRecipeFinder {
252
+ disabled?: boolean;
203
253
  }
204
254
  declare const RecipeFinder: React.FC<IRecipeFinder>;
205
255
 
206
256
  interface IRocketLaunchWidget {
257
+ disabled?: boolean;
207
258
  }
208
259
  declare const RocketLaunchWidget: React.FC<IRocketLaunchWidget>;
209
260
 
210
261
  interface ISettingsPanel {
262
+ disabled?: boolean;
211
263
  }
212
264
  declare const SettingsPanel: React.FC<ISettingsPanel>;
213
265
 
214
266
  interface IShoppingCart {
267
+ disabled?: boolean;
215
268
  }
216
269
  declare const ShoppingCart: React.FC<IShoppingCart>;
217
270
 
218
271
  interface IShoppingList {
272
+ disabled?: boolean;
219
273
  }
220
274
  declare const ShoppingList: React.FC<IShoppingList>;
221
275
 
222
276
  interface ISocialEngagement {
277
+ disabled?: boolean;
223
278
  }
224
279
  declare const SocialEngagement: React.FC<ISocialEngagement>;
225
280
 
@@ -248,59 +303,73 @@ interface ISocialMediaCard {
248
303
  label?: string;
249
304
  value?: string;
250
305
  }[];
306
+ disabled?: boolean;
251
307
  className?: string;
252
308
  }
253
309
  declare const SocialMediaCard: React.FC<ISocialMediaCard>;
254
310
 
255
311
  interface IStatisticsCards {
312
+ disabled?: boolean;
256
313
  }
257
314
  declare const StatisticsCards: React.FC<IStatisticsCards>;
258
315
 
259
316
  interface IStatusIndicators {
317
+ disabled?: boolean;
260
318
  }
261
319
  declare const StatusIndicators: React.FC<IStatusIndicators>;
262
320
 
263
321
  interface IStockMarket {
322
+ disabled?: boolean;
264
323
  }
265
324
  declare const StockMarket: React.FC<IStockMarket>;
266
325
 
267
326
  interface IStreakCounter {
327
+ disabled?: boolean;
268
328
  }
269
329
  declare const StreakCounter: React.FC<IStreakCounter>;
270
330
 
271
331
  interface ISystemStatus {
332
+ disabled?: boolean;
272
333
  }
273
334
  declare const SystemStatus: React.FC<ISystemStatus>;
274
335
 
275
336
  interface ITaskManager {
337
+ disabled?: boolean;
276
338
  }
277
339
  declare const TaskManager: React.FC<ITaskManager>;
278
340
 
279
341
  interface ITeamCollaborationWidget {
342
+ disabled?: boolean;
280
343
  }
281
344
  declare const TeamCollaborationWidget: React.FC<ITeamCollaborationWidget>;
282
345
 
283
346
  interface ITimeLocationWidget {
347
+ disabled?: boolean;
284
348
  }
285
349
  declare const TimeLocationWidget: React.FC<ITimeLocationWidget>;
286
350
 
287
351
  interface ITodoList {
352
+ disabled?: boolean;
288
353
  }
289
354
  declare const TodoList: React.FC<ITodoList>;
290
355
 
291
356
  interface IToolWidget {
357
+ disabled?: boolean;
292
358
  }
293
359
  declare const ToolWidget: React.FC<IToolWidget>;
294
360
 
295
361
  interface ITravelPlanner {
362
+ disabled?: boolean;
296
363
  }
297
364
  declare const TravelPlanner: React.FC<ITravelPlanner>;
298
365
 
299
366
  interface IVideoCallWidget {
367
+ disabled?: boolean;
300
368
  }
301
369
  declare const VideoCallWidget: React.FC<IVideoCallWidget>;
302
370
 
303
371
  interface IWeatherWidget {
372
+ disabled?: boolean;
304
373
  }
305
374
  declare const WeatherWidget: React.FC<IWeatherWidget>;
306
375