@shohojdhara/atomix 0.3.3 → 0.3.5

package/src/themes/shaj-default/01-settings/_settings.accordion.scss

@@ -1,38 +0,0 @@
-/*!
- * Shaj Default Theme Accordion Settings
- * Modern accordion styling with clean aesthetics
- * Overrides Atomix default accordion settings
- */
-
-@use '../../../styles/01-settings/settings.accordion' with (
-  $accordion-width: 100%,
-  $accordion-padding-x: 24px,
-  // 24px - more spacious
-  $accordion-padding-y: 16px,
-
-  // 16px
-  $accordion-border-width: 1px,
-  $accordion-border-color: transparent,
-  $accordion-border-radius: 8px,
-
-  // 8px - softer
-  $accordion-body-padding-x: 24px,
-  // 24px
-  $accordion-body-padding-y: 12px,
-  // 12px
-  $accordion-body-color: var(--atomix-body-color),
-  $accordion-body-bg: var(--atomix-secondary-bg-subtle),
-  $accordion-header-padding-x: 24px,
-  // 24px
-  $accordion-header-padding-y: 16px,
-  // 16px
-  $accordion-header-color: var(--atomix-body-color),
-  $accordion-header-bg: var(--atomix-secondary-bg-subtle),
-  $accordion-header-bg-hover: var(--atomix-tertiary-bg-subtle),
-  $accordion-icon-size: 20px,
-  // 20px - larger icons
-  $accordion-icon-color: var(--atomix-body-color),
-  $accordion-icon-transform: 180deg,
-
-  $accordion-disable-color: var(--atomix-tertiary-text-emphasis)
-);

package/src/themes/shaj-default/01-settings/_settings.animations.scss

@@ -1,32 +0,0 @@
-/*!
- * Shaj Default Theme Animations
- * Smooth transitions and timing functions for modern UI
- * Overrides Atomix default animation settings
- */
-
-// Animation durations
-$transition-duration-fast: 150ms !default;
-$transition-duration: 250ms !default; // base
-$transition-duration-slow: 350ms !default;
-
-// Easing functions
-$easing-linear: linear !default;
-$easing: ease !default; // base
-$easing-in: ease-in !default;
-$easing-out: ease-out !default;
-$easing-in-out: ease-in-out !default;
-$easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;
-
-// Transition presets
-$transition-base: all $transition-duration $easing !default;
-$transition-fast: all $transition-duration-fast $easing-in-out !default;
-$transition-slow: all $transition-duration-slow $easing !default;
-
-// Component-specific transitions
-$transition-colors:
-  color $transition-duration-fast $easing-in-out,
-  background-color $transition-duration-fast $easing-in-out,
-  border-color $transition-duration-fast $easing-in-out !default;
-
-$transition-shadow: box-shadow $transition-duration $easing !default;
-$transition-transform: transform $transition-duration $easing !default;

package/src/themes/shaj-default/01-settings/_settings.avatar-group.scss

@@ -1,28 +0,0 @@
-/*!
- * Shaj Default Theme Avatar Group Settings
- * Modern avatar group styling with clean aesthetics
- * Overrides Atomix default avatar group settings
- */
-
-@use '../../../styles/01-settings/settings.avatar-group' with (
-  // Avatar group spacing
-  $avatar-group-gap: 12px,
-  // 12px - more generous spacing
-  $avatar-group-stacked-overlap: 40%,
-  // 40% - less overlap for clarity
-  $avatar-group-stacked-hover-gap: 12px,
-
-  // 12px
-  // Avatar group "more" indicator
-  $avatar-group-more-color: var(--atomix-tertiary-text-emphasis),
-  $avatar-group-more-bg: var(--atomix-body-bg),
-  $avatar-group-more-font-size: 14px,
-  // 14px
-  $avatar-group-more-font-weight: 500,
-  $avatar-group-more-border-width: 1px,
-  $avatar-group-more-border-color: var(--atomix-primary-border-subtle),
-  // Avatar group transitions
-  $avatar-group-transition-duration: 0.3s,
-  // smoother transition
-  $avatar-group-transition-timing: ease-in-out
-);

package/src/themes/shaj-default/01-settings/_settings.avatar.scss

@@ -1,63 +0,0 @@
-/*!
- * Shaj Default Theme Avatar Settings
- * Modern avatar styling with clean aesthetics
- * Overrides Atomix default avatar settings
- */
-
-@use '../../../styles/01-settings/settings.avatar' with (
-  // Avatar sizes - slightly larger for modern feel
-  $avatar-size: (
-      xs: 28px,
-      // 28px
-      sm: 36px,
-      // 36px
-      md: 44px,
-      // 44px
-      lg: 52px,
-      // 52px
-      xl: 64px,
-      // 64px
-    ),
-
-  // Avatar border radius - softer corners
-  $avatar-border-radius: (
-      xs: 6px,
-      // 6px
-      sm: 6px,
-      // 6px
-      md: 8px,
-      // 8px
-      lg: 8px,
-      // 8px
-      xl: 10px,
-      // 10px
-      circle: 50%
-    ),
-
-  // Avatar colors
-  $avatar-color: var(--atomix-primary-text-emphasis),
-  $avatar-bg: var(--atomix-secondary-bg-subtle),
-  $avatar-border-width: 1px,
-  $avatar-border-color: var(--atomix-primary-border-subtle),
-  // Avatar content
-  $avatar-fit: cover,
-  $avatar-initials-font-weight: 500,
-  $avatar-initials-font-size: (
-    xs: 12px,
-    // 12px
-    sm: 14px,
-    // 14px
-    md: 16px,
-    // 16px
-    lg: 18px,
-    // 18px
-    xl: 20px,
-    // 20px
-  ),
-
-  // Interactive states
-  $avatar-hover-opacity: 0.9,
-  $avatar-focus-ring-width: 2px,
-  $avatar-focus-ring-color: var(--atomix-primary-border-subtle),
-  $avatar-disabled-opacity: 0.6
-);

package/src/themes/shaj-default/01-settings/_settings.badge.scss

@@ -1,25 +0,0 @@
-/*!
- * Shaj Default Theme Badge Settings
- * Modern badge styling with clean aesthetics
- * Overrides Atomix default badge settings
- */
-
-@use '../../../styles/01-settings/settings.badge' with (
-  $badge-font-size: 12px,
-  // 12px
-  $badge-font-weight: 500,
-  // medium weight
-  $badge-padding-x: 12px,
-  // 12px - more padding
-  $badge-padding-y: 6px,
-  // 6px
-  $badge-padding-y-sm: 4px,
-  // 4px
-  $badge-padding-y-lg: 8px,
-  // 8px
-  $badge-border-radius: 800px,
-  // pill shape
-  $badge-icon-size: 14px,
-  // 14px - smaller icons
-  $badge-inner-items-gap: 6px // 6px
-);

package/src/themes/shaj-default/01-settings/_settings.border-radius.scss

@@ -1,24 +0,0 @@
-/*!
- * Shaj Default Theme Border Radius
- * Modern border radius values for clean UI components
- * Overrides Atomix default border radius settings
- */
-
-// Modern border radius scale
-$border-radius-none: 0 !default;
-$border-radius-sm: 2px !default; // 2px
-$border-radius: 4px !default; // 4px - base
-$border-radius-md: 6px !default; // 6px
-$border-radius-lg: 8px !default; // 8px
-$border-radius-xl: 12px !default; // 12px
-$border-radius-2xl: 16px !default; // 16px
-$border-radius-3xl: 24px !default; // 24px
-$border-radius-4xl: 32px !default; // 32px
-$border-radius-full: 9999px !default; // Full rounded
-$border-radius-pill: 800px !default; // Pill shape
-
-// Aliases for backward compatibility
-$border-radius-xxl: $border-radius-2xl !default;
-
-// Enable rounded corners
-$enable-rounded: true !default;

package/src/themes/shaj-default/01-settings/_settings.border.scss

@@ -1,20 +0,0 @@
-/*!
- * Shaj Default Theme Border Settings
- * Modern border styling with clean aesthetics
- * Overrides Atomix default border settings
- */
-
-@use '../../../styles/01-settings/settings.border' with (
-  $border-width: 1px,
-  $border-widths: (
-    1: 1px,
-    2: 2px,
-    3: 3px,
-    4: 4px,
-    5: 5px,
-  ),
-  $border-style: solid,
-  $border-color: var(--atomix-gray-3),
-  // softer default border
-  $border-color-dark: var(--atomix-gray-5) // darker border for dark mode
-);

package/src/themes/shaj-default/01-settings/_settings.box-shadow.scss

@@ -1,46 +0,0 @@
-/*!
- * Shaj Default Theme Box Shadows
- * Elegant shadows for modern UI components
- * Overrides Atomix default box shadow settings
- */
-
-// Elegant shadows for light mode
-$box-shadow-none: none !default;
-$box-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;
-$box-shadow:
-  0 1px 3px 0 rgba(0, 0, 0, 0.1),
-  0 1px 2px 0 rgba(0, 0, 0, 0.06) !default;
-$box-shadow-md:
-  0 4px 6px -1px rgba(0, 0, 0, 0.1),
-  0 2px 4px -1px rgba(0, 0, 0, 0.06) !default;
-$box-shadow-lg:
-  0 10px 15px -3px rgba(0, 0, 0, 0.1),
-  0 4px 6px -2px rgba(0, 0, 0, 0.05) !default;
-$box-shadow-xl:
-  0 20px 25px -5px rgba(0, 0, 0, 0.1),
-  0 10px 10px -5px rgba(0, 0, 0, 0.04) !default;
-$box-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !default;
-$box-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !default;
-
-// Alias for backward compatibility
-$box-shadow-xs: $box-shadow-sm !default;
-
-// Dark mode shadows
-$box-shadow-dark:
-  0 1px 3px 0 rgba(0, 0, 0, 0.3),
-  0 1px 2px 0 rgba(0, 0, 0, 0.2) !default;
-$box-shadow-sm-dark: 0 1px 2px 0 rgba(0, 0, 0, 0.2) !default;
-$box-shadow-md-dark:
-  0 4px 6px -1px rgba(0, 0, 0, 0.3),
-  0 2px 4px -1px rgba(0, 0, 0, 0.2) !default;
-$box-shadow-lg-dark:
-  0 10px 15px -3px rgba(0, 0, 0, 0.3),
-  0 4px 6px -2px rgba(0, 0, 0, 0.2) !default;
-$box-shadow-xl-dark:
-  0 20px 25px -5px rgba(0, 0, 0, 0.3),
-  0 10px 10px -5px rgba(0, 0, 0, 0.2) !default;
-$box-shadow-2xl-dark: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !default;
-$box-shadow-inner-dark: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2) !default;
-
-// Alias for backward compatibility
-$box-shadow-xs-dark: $box-shadow-sm-dark !default;

package/src/themes/shaj-default/01-settings/_settings.breakpoints.scss

@@ -1,23 +0,0 @@
-/*!
- * Shaj Default Theme Breakpoints
- * Standard responsive breakpoints for modern web design
- * Maintains compatibility with Atomix breakpoint system
- */
-
-// Breakpoint definitions
-$breakpoints: (
-  xs: 0,
-  sm: 576px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1400px,
-) !default;
-
-// Individual breakpoint variables
-$breakpoint-xs: 0 !default;
-$breakpoint-sm: 576px !default;
-$breakpoint-md: 768px !default;
-$breakpoint-lg: 992px !default;
-$breakpoint-xl: 1200px !default;
-$breakpoint-xxl: 1400px !default;

package/src/themes/shaj-default/01-settings/_settings.btn-group.scss

@@ -1,11 +0,0 @@
-/*!
- * Shaj Default Theme Button Group Settings
- * Modern button group styling with clean aesthetics
- * Overrides Atomix default button group settings
- */
-
-// Forward the btn-group settings as-is since the original doesn't use !default
-@forward '../../../styles/01-settings/settings.btn-group';
-
-// Override the gap value directly
-$btn-group-gap: 8px; // 8px - tighter grouping for cohesion

package/src/themes/shaj-default/01-settings/_settings.button.scss

@@ -1,56 +0,0 @@
-/*!
- * Shaj Default Theme Button Settings
- * Modern button styling with clean aesthetics
- * Overrides Atomix default button settings
- */
-
-@use '../../../styles/01-settings/settings.button' with (
-  $btn-padding-y: 12px,
-  // 12px - increased for more spacious feel
-  $btn-padding-x: 24px,
-  // 24px - wider buttons for modern look
-  $btn-font-size: 16px,
-  // 16px - larger text for better readability
-  $btn-line-height: 1.5,
-  $btn-font-weight: 500,
-
-  // Small button sizing
-  $btn-padding-y-sm: 8px,
-  // 8px
-  $btn-padding-x-sm: 16px,
-  // 16px
-  $btn-font-size-sm: 14px,
-  // 14px
-  // Large button sizing
-  $btn-padding-y-lg: 16px,
-  // 16px
-  $btn-padding-x-lg: 32px,
-  // 32px
-  $btn-font-size-lg: 18px,
-  // 18px
-  // Button border and radius
-  $btn-border-width: 1px,
-  $btn-border-radius: 8px,
-  // 8px - softer corners
-  $btn-border-radius-sm: 6px,
-  // 6px
-  $btn-border-radius-lg: 10px,
-  // 10px
-  // Button transitions
-  $btn-transition: all 200ms ease-in-out,
-
-  // smoother transition
-  // Button focus and states
-  $btn-focus-width: 2px,
-  $btn-focus-box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3),
-  // slightly larger focus ring
-  $btn-disabled-opacity: 0.6,
-
-  // Button icon spacing
-  $btn-inner-gap: 8px,
-  // 8px
-  // Button hover effects
-  $btn-hover-transform: translateY(-2px),
-  // more pronounced lift
-  $btn-active-transform: translateY(0)
-);

package/src/themes/shaj-default/01-settings/_settings.callout.scss

@@ -1,87 +0,0 @@
-/*!
- * Shaj Default Theme Callout Settings
- * Modern callout/alert styling with clean aesthetics
- * Overrides Atomix default callout settings
- */
-
-@use '../../../styles/01-settings/settings.callout' with (
-  // Callout
-  $callout-width: 100%,
-  $callout-padding-x: 20px,
-  // 20px - more generous padding
-  $callout-padding-y: 16px,
-  // 16px
-  $callout-tost-padding-x: 20px,
-  // 20px
-  $callout-tost-padding-y: 16px,
-  // 16px
-  $callout-bg: #ffffff,
-  $callout-border-radius: 8px,
-  // 8px - softer corners
-  $callout-border-color: var(--atomix-gray-3),
-  $callout-border-width: 1px,
-  $callout-title-font-size: 16px,
-  // 16px
-  $callout-title-font-weight: 600,
-  $callout-title-color: var(--atomix-gray-9),
-  $callout-text-font-size: 14px,
-  // 14px
-  $callout-text-font-weight: 400,
-  $callout-text-color: var(--atomix-gray-7),
-  $callout-message-spacer: 12px,
-  // 12px
-  $callout-icon-size: 20px,
-  // 20px
-  $callout-icon-color: var(--atomix-primary),
-  $callout-close-btn-size: 20px,
-  // 20px
-  $callout-actions-spacer: 12px,
-  // 12px
-  $callout-actions-spacer-y: 16px,
-  // 16px
-  $callout-toast-bg: #ffffff,
-  $callout-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12),
-  // enhanced shadow
-  // Toast positions
-  $callout-toast-positions: (
-      'top-right': (
-        top: 24px,
-        // 24px
-        right: 24px,
-        // 24px
-      ),
-      'top-left': (
-        top: 24px,
-        // 24px
-        left: 24px,
-        // 24px
-      ),
-      'top-center': (
-        top: 24px,
-        // 24px
-        left: 50%,
-        transform: translateX(-50%),
-      ),
-      'bottom-right': (
-        bottom: 24px,
-        // 24px
-        right: 24px,
-        // 24px
-      ),
-      'bottom-left': (
-        bottom: 24px,
-        // 24px
-        left: 24px,
-        // 24px
-      ),
-      'bottom-center': (
-        bottom: 24px,
-        // 24px
-        left: 50%,
-        transform: translateX(-50%),
-      )
-    ),
-
-  // Z-index for toast containers
-  $callout-toast-z-index: 1000
-);

package/src/themes/shaj-default/01-settings/_settings.card.scss

@@ -1,52 +0,0 @@
-/*!
- * Shaj Default Theme Card Settings
- * Modern card styling with clean aesthetics
- * Overrides Atomix default card settings
- */
-
-@use '../../../styles/01-settings/settings.card' with (
-  $card-spacer-y: 20px,
-  // 20px - more generous spacing
-  $card-spacer-x: 20px,
-  // 20px
-  $card-row-spacer-y: 16px,
-  // 16px
-  $card-row-spacer-x: 16px,
-  // 16px
-  $card-title-spacer-y: 6px,
-  // 6px
-  $card-action-spacer-y: 16px,
-  // 16px
-  $card-header-spacer-y: 16px,
-
-  // 16px
-  $card-title-color: var(--atomix-body-color),
-  $card-title-font-size: 18px,
-  // 18px - larger titles
-  $card-text-color: var(--atomix-secondary-text-emphasis),
-  $card-text-font-size: 16px,
-
-  // 16px - better readability
-  $card-border-width: 1px,
-  $card-border-color: var(--atomix-primary-border-subtle),
-  $card-border-radius: var(--atomix-border-radius-xl),
-  // 12px
-  $card-image-border-radius: var(--atomix-border-radius-xl),
-  $card-boxshadow: 0 2px 8px rgba(0, 0, 0, 0.06),
-  // subtle shadow
-  $card-hover-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12),
-  // elevated on hover
-  $card-height: null,
-
-  $card-bg: var(--atomix-primary-bg-subtle),
-  $card-bg-hover: var(--atomix-secondary-bg-subtle),
-  $card-icon-size: 24px,
-  // 24px - larger icons
-  $card-icon-padding: 12px,
-  // 12px
-  $card-icon-bg: var(--atomix-brand-bg-subtle),
-  $card-icon-color: var(--atomix-brand-text-emphasis),
-  $card-width: 100%,
-
-  $card-hover: true // enable hover effects
-);

package/src/themes/shaj-default/01-settings/_settings.checkbox-group.scss

@@ -1,11 +0,0 @@
-/*!
- * Shaj Default Theme Checkbox Group Settings
- * Modern checkbox group styling with clean aesthetics
- * Overrides Atomix default checkbox group settings
- */
-
-@use '../../../styles/01-settings/settings.checkbox-group' with (
-  $checkbox-group-items-spacer-y: 12px,
-  // 12px - better vertical spacing
-  $checkbox-group-items-spacer-x: 20px // 20px - more horizontal spacing
-);

package/src/themes/shaj-default/01-settings/_settings.checkbox.scss

@@ -1,29 +0,0 @@
-/*!
- * Shaj Default Theme Checkbox Settings
- * Modern checkbox styling with clean aesthetics
- * Overrides Atomix default checkbox settings
- */
-
-@use '../../../styles/01-settings/settings.checkbox' with (
-  $checkbox-width: 20px,
-  // 20px
-  $checkbox-height: 20px,
-  // 20px
-  $checkbox-spacer: 12px,
-  // 12px - more space between checkbox and label
-  $checkbox-font-size: 16px,
-  // 16px
-  $checkbox-text-color: var(--atomix-body-color),
-  $checkbox-checked-text-color: var(--atomix-body-color),
-  $checkbox-text-color-disabled: var(--atomix-tertiary-text-emphasis),
-  $checkbox-checked-text-color-disabled: var(--atomix-disabled-text-emphasis),
-  $checkbox-bg: var(--atomix-body-bg),
-  $checkbox-checked-bg: var(--atomix-invert-bg-subtle),
-  $checkbox-checked-bg-hover: var(--atomix-tertiary-text-emphasis),
-  $checkbox-checked-bg-disabled: var(--atomix-disabled-text-emphasis),
-  $checkbox-border-width: 1px,
-  $checkbox-border-color: var(--atomix-tertiary-text-emphasis),
-  $checkbox-border-color-hover: var(--atomix-primary-text-emphasis),
-  $checkbox-border-color-disabled: var(--atomix-disabled-text-emphasis),
-  $checkbox-border-color-error: var(--atomix-error-border-subtle)
-);

package/src/themes/shaj-default/01-settings/_settings.color-mode.scss

@@ -1,13 +0,0 @@
-/*!
- * Shaj Default Theme Color Mode Settings
- * Modern dark/light mode configuration
- * Overrides Atomix default color mode settings
- */
-
-@use '../../../styles/01-settings/settings.color-mode' with (
-  // Enable dark mode support
-  $enable-dark-mode: true,
-
-  // Color mode configuration - use data attribute for better control
-  $color-mode-type: 'data-attribute' // Options: "media-query" or "data-attribute"
-);

package/src/themes/shaj-default/01-settings/_settings.colors.scss

@@ -1,91 +0,0 @@
-@use 'sass:color';
-
-@use '../../../styles/02-tools/tools.to-rgb' as *;
-@use '../../../styles/02-tools/tools.color-functions' as *;
-
-@use '../../../styles/01-settings/settings.colors' with (
-  // Basic Colors
-  $white: #ffffff,
-  $black: #000000,
-
-  // Color contrast variables
-  $color-contrast-dark: #000000,
-  $color-contrast-light: #ffffff,
-
-  // Primitives Primary Colors
-  $primary-1: #f0f9ff,
-  $primary-2: #e0f2fe,
-  $primary-3: #bae6fd,
-  $primary-4: #7dd3fc,
-  $primary-5: #38bdf8,
-  $primary-6: #0ea5e9,
-  // Sky blue primary (original Shaj default)
-  $primary-7: #0284c7,
-  $primary-8: #0369a1,
-  $primary-9: #075985,
-  $primary-10: #0c4a6e,
-
-  // Primitives Red Colors
-  $red-1: #fef2f2,
-  $red-2: #fee2e2,
-  $red-3: #fecaca,
-  $red-4: #fca5a5,
-  $red-5: #f87171,
-  $red-6: #ef4444,
-  // Vibrant, accessible red
-  $red-7: #dc2626,
-  $red-8: #b91c1c,
-  $red-9: #991b1b,
-  $red-10: #7f1d1d,
-
-  // Primitives Green Colors
-  $green-1: #f0fdf4,
-  $green-2: #dcfce7,
-  $green-3: #bbf7d0,
-  $green-4: #86efac,
-  $green-5: #4ade80,
-  $green-6: #22c55e,
-  // Balanced, accessible green
-  $green-7: #16a34a,
-  $green-8: #15803d,
-  $green-9: #166534,
-  $green-10: #14532d,
-
-  // Primitives Yellow Colors
-  $yellow-1: #fefce8,
-  $yellow-2: #fef9c3,
-  $yellow-3: #fef08a,
-  $yellow-4: #fde047,
-  $yellow-5: #facc15,
-  $yellow-6: #eab308,
-  // Accessible, high-visibility yellow
-  $yellow-7: #ca8a04,
-  $yellow-8: #a16207,
-  $yellow-9: #854d0e,
-  $yellow-10: #713f12,
-
-  // Primitives Blue Colors
-  $blue-1: #eff6ff,
-  $blue-2: #dbeafe,
-  $blue-3: #bfdbfe,
-  $blue-4: #93c5fd,
-  $blue-5: #60a5fa,
-  $blue-6: #3b82f6,
-  // Balanced, accessible blue
-  $blue-7: #2563eb,
-  $blue-8: #1d4ed8,
-  $blue-9: #1e40af,
-  $blue-10: #1e3a8a,
-
-  // Primitives Gray Colors
-  $gray-1: #f9fafb,
-  $gray-2: #f3f4f6,
-  $gray-3: #e5e7eb,
-  $gray-4: #d1d5db,
-  $gray-5: #9ca3af,
-  $gray-6: #6b7280,
-  $gray-7: #4b5563,
-  $gray-8: #374151,
-  $gray-9: #1f2937,
-  $gray-10: #111827
-);

package/src/themes/shaj-default/01-settings/_settings.config.scss

@@ -1,4 +0,0 @@
-// These variables must act as constants, hence the uppercase
-$ENV: 'dev';
-
-$prefix: atomix- !default;