triafly-ui-kit 1.0.27 → 1.0.28

package/src/styles/variables.scss

@@ -1,273 +1,273 @@
-:root {
-    /* Font */
-    --3afly-fonts-body: 'Manrope', sans-serif;
-    --3afly-fonts-heading: 'Roboto Slab', sans-serif;
-
-    //temp
-    --light-brand-50: #C2D0FF;
-    --dark-brand-50: #C2D0FF;
-
-    /* Primitives */
-    --dark-brand-20: #153398;
-    --dark-brand-50: #1E46CD;
-    --dark-brand-100: #5076FF;
-    --dark-brand-200: #7C98FF;
-    --dark-brand-300: #A7BBFF;
-
-    --light-brand-20: #EEF2FF;
-    --light-brand-50: #C2D0FF;
-    --light-brand-100: #2454FF;
-    --light-brand-200: #1A3AB2;
-    --light-brand-300: #0E2266;
-
-    /* Primitives - Base */
-    --base-dark: #121212;
-    --base-light: #FFFFFF;
-
-    /* Primitives - Neutral */
-    --dark-neutral-0: #121212;
-    --dark-neutral-20: #292929;
-    --dark-neutral-50: #333333;
-    --dark-neutral-100: #4D4D4D;
-    --dark-neutral-200: #6E6E6E;
-    --dark-neutral-300: #FFFFFF;
-
-    --light-neutral-0: #FFFFFF;
-    --light-neutral-20: #F6F7F8;
-    --light-neutral-50: #F1F2F4;
-    --light-neutral-100: #D2D5DA;
-    --light-neutral-200: #A5A8AC;
-    --light-neutral-300: #121212;
-
-    /* Primitives - Status */
-    --dark-green-50: #044329;
-    --dark-green-100: #12A26C;
-    --dark-green-200: #CEF8E0;
-    --dark-orange-50: #662500;
-    --dark-orange-100: #E16D00;
-    --dark-orange-200: #FFECCC;
-    --dark-red-50: #7B0000;
-    --dark-red-100: #F65843;
-    --dark-red-200: #FFEBE7;
-
-    --light-green-50: #CEF8E0;
-    --light-green-100: #15A46E;
-    --light-green-200: #06603B;
-    --light-orange-50: #FFECCC;
-    --light-orange-100: #E46F00;
-    --light-orange-200: #9E3900;
-    --light-red-50: #FFEBE7;
-    --light-red-100: #F75C46;
-    --light-red-200: #9E0000;
-
-    /* Shadows & Effects */
-    --color-fader: #12121220;
-
-    /* Light Theme */
-
-    --default-font-color: var(--base-dark);
-
-    /* Light Theme - Background */
-    --color-bg-brand-default: var(--light-brand-100);
-    --color-bg-brand-hover: var(--light-brand-200);
-    --color-bg-brand-selected: var(--light-brand-300);
-    --color-bg-brand-lightest-default: var(--light-brand-20);
-    --color-bg-brand-light-default: var(--light-brand-50);
-    --color-bg-error-default: var(--light-red-100);
-    --color-bg-error-hover: var(--light-red-200);
-    --color-bg-innerisland-default: var(--light-neutral-20);
-    --color-bg-island-default: var(--base-light);
-    --color-bg-island-disabled: var(--light-neutral-50);
-    --color-bg-island-inversed: var(--base-dark);
-    --color-bg-island-selected: var(--light-neutral-50);
-    --color-bg-page-primary-default: var(--light-neutral-50);
-    --color-bg-page-secondary-default: var(--light-neutral-0);
-    --color-bg-neutral-basic-default: var(--light-neutral-0);
-    --color-bg-neutral-basic-inversed: var(--light-neutral-300);
-    --color-bg-neutral-lightest-default: var(--light-neutral-20);
-    --color-bg-neutral-medium-default: var(--light-neutral-100);
-
-    /* Light Theme - Border */
-    --color-border-brand-default: var(--light-brand-100);
-    --color-border-error-default: var(--light-red-100);
-    --color-border-primary-default: var(--light-neutral-100);
-    --color-border-primary-hover: var(--base-dark);
-    --color-border-secondary-default: var(--light-neutral-200);
-    --color-border-secondary-hover: var(--base-dark);
-    --color-border-success-default: var(--light-green-100);
-
-    /* Light Theme - Chart */
-    --color-chart-critical: var(--light-red-100);
-    --color-chart-low: var(--light-green-100);
-    --color-chart-medium: var(--light-orange-100);
-
-    /* Light Theme - Effects */
-    --effect-shadow-drop: #12121214;
-    --effect-shadow-L: #12121208;
-    --effect-shadow-XL: #12121215;
-
-    /* Light Theme - Icon */
-    --color-icon-brand-default: var(--light-brand-100);
-    --color-icon-brand-hover: var(--light-brand-200);
-    --color-icon-error-default: var(--light-red-100);
-    --color-icon-error-hover: var(--light-red-200);
-    --color-icon-primary-default: var(--base-dark);
-    --color-icon-primary-inversed: var(--base-light);
-    --color-icon-secondary-default: var(--light-neutral-200);
-    --color-icon-secondary-hover: var(--base-dark);
-    --color-icon-success-default: var(--light-green-100);
-
-    /* Light Theme - SideMenu */
-    --color-sidemenu-bg-default: var(--base-light);
-    --color-sidemenu-bg-hover: var(--light-neutral-50);
-    --color-sidemenu-bg-selected: var(--light-brand-100);
-    --color-sidemenu-icon-default: var(--base-dark);
-    --color-sidemenu-icon-selected: var(--light-color-static);
-    --color-sidemenu-plus_button_bg-selected-hover: var(--light-brand-200);
-    --color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);
-    --color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);
-    --color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);
-    --color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);
-    --color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);
-    --color-sidemenu-text-default: var(--base-dark);
-    --color-sidemenu-text-selected: var(--light-color-static);
-
-    /* Light Theme - Static */
-    --dark-color-static: var(--base-dark);
-    --dark-color-static-brand: var(--dark-brand-100);
-    --light-color-static: var(--base-light);
-    --light-color-static-brand: var(--light-brand-100);
-
-    /* Light Theme - Status */
-    --color-status-error-background: var(--light-red-50);
-    --color-status-error-foreground: var(--light-red-100);
-    --color-status-success-background: var(--light-green-50);
-    --color-status-success-foreground: var(--light-green-100);
-    --color-status-warning-background: var(--light-orange-50);
-    --color-status-warning-foreground: var(--light-orange-100);
-
-    /* Light Theme - Text */
-    --color-text-brand-default: var(--light-brand-100);
-    --color-text-brand-hover: var(--light-brand-200);
-    --color-text-error-default: var(--light-red-100);
-    --color-text-primary-default: var(--base-dark);
-    --color-text-primary-inversed: var(--light-neutral-0);
-    --color-text-secondary-default: var(--light-neutral-200);
-    --color-text-success-default: var(--light-green-100);
-    --color-text-tertiary-default: var(--light-neutral-100);
-
-    /* Light Theme - Buttons */
-    --color-button-brandlight-filled-hover: var(--light-brand-50);
-}
-
-/* Primitives - Test Client */
-html[data-client="test"] {
-    --light-brand-20: #F3E8FF;
-    --light-brand-50: #D8B4FE;
-    --light-brand-100: #A855F7;
-    --light-brand-200: #7E22CE;
-    --light-brand-300: #4C1D95;
-    
-    --dark-brand-20: #5B21B6;
-    --dark-brand-50: #7C3AED;
-    --dark-brand-100: #A78BFA;
-    --dark-brand-200: #C4B5FD;
-    --dark-brand-300: #DDD6FE;
-}
-
-html[data-theme="dark"] {
-    /* Dark Theme */
-
-    --default-font-color: var(--base-light);
-    
-    /* Dark Theme - Background */
-    --color-bg-brand-default: var(--dark-brand-100);
-    --color-bg-brand-hover: var(--dark-brand-200);
-    --color-bg-brand-selected: var(--dark-brand-300);
-    --color-bg-brand-light-default: var(--dark-brand-50);
-    --color-bg-error-default: var(--dark-red-100);
-    --color-bg-error-hover: var(--dark-red-50);
-    --color-bg-innerisland-default: var(--dark-neutral-20);
-    --color-bg-island-default: var(--base-dark);
-    --color-bg-island-disabled: var(--dark-neutral-50);
-    --color-bg-island-inversed: var(--base-light);
-    --color-bg-island-selected: var(--dark-neutral-50);
-    --color-bg-page-default: var(--dark-neutral-50);
-    --color-bg-page-secondary-default: var(--dark-neutral-0);
-    --color-bg-page-secondary-default: var(--dark-neutral-0);
-    --color-bg-neutral-basic-default: var(--dark-neutral-20);
-    --color-bg-neutral-basic-inversed: var(--dark-neutral-300);
-    --color-bg-neutral-lightest-default: var(--dark-neutral-20);
-    --color-bg-neutral-medium-default: var(--dark-neutral-100);
-
-    /* Dark Theme - Border */
-    --color-border-brand-default: var(--dark-brand-100);
-    --color-border-error-default: var(--dark-red-100);
-    --color-border-primary-default: var(--dark-neutral-100);
-    --color-border-primary-hover: var(--base-light);
-    --color-border-secondary-default: var(--dark-neutral-200);
-    --color-border-secondary-hover: var(--base-light);
-    --color-border-success-default: var(--dark-green-100);
-
-    /* Dark Theme - Chart */
-    --color-chart-critical: var(--dark-red-100);
-    --color-chart-low: var(--dark-green-100);
-    --color-chart-medium: var(--dark-orange-100);
-
-    /* Dark Theme - Effects */
-    --effect-shadow-drop: #12121299;
-
-    /* Dark Theme - Icon */
-    --color-icon-brand-default: var(--dark-brand-100);
-    --color-icon-brand-hover: var(--dark-brand-200); 
-    --color-icon-error-default: var(--dark-red-100);
-    --color-icon-error-hover: var(--dark-red-200);
-    --color-icon-primary-default: var(--base-light);
-    --color-icon-primary-inversed: var(--base-dark); 
-    --color-icon-secondary-default: var(--dark-neutral-200); 
-    --color-icon-secondary-hover: var(--base-light);
-    --color-icon-success-default: var(--dark-green-100);
-
-    /* Dark Theme - SideMenu */
-    --color-sidemenu-bg-default: var(--base-dark);
-    --color-sidemenu-bg-hover: var(--dark-neutral-50);
-    --color-sidemenu-bg-selected: var(--dark-brand-100);
-    --color-sidemenu-icon-default: var(--base-light);
-    --color-sidemenu-icon-selected: var(--light-color-static);
-    --color-sidemenu-plus_button_bg-selected-hover: var(--dark-brand-200);
-    --color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);
-    --color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);
-    --color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);
-    --color-sidemenu-plus_button_icon-unselected-default: var(--base-light);
-    --color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);
-    --color-sidemenu-text-default: var(--base-light);
-    --color-sidemenu-text-selected: var(--light-color-static);
-
-    /* Dark Theme - Static */
-    --dark-color-static: var(--base-dark);
-    --dark-color-static-brand: var(--dark-brand-100);
-    --light-color-static: var(--base-light);
-    --light-color-static-brand: var(--light-brand-100);
-
-    /* Dark Theme - Status */
-    --color-status-error-background: var(--dark-red-50);
-    --color-status-error-foreground: var(--dark-red-100);
-    --color-status-success-background: var(--dark-green-50);
-    --color-status-success-foreground: var(--dark-green-100);
-    --color-status-warning-background: var(--dark-orange-50);
-    --color-status-warning-foreground: var(--dark-orange-100);
-
-    /* Dark Theme - Text */
-    --color-text-brand-default: var(--dark-brand-100);
-    --color-text-brand-hover: var(--dark-brand-200);
-    --color-text-error-default: var(--dark-red-100);
-    --color-text-primary-default: var(--base-light);
-    --color-text-primary-inversed: var(--dark-neutral-0);
-    --color-text-secondary-default: var(--dark-neutral-200);
-    --color-text-success-default: var(--dark-green-100);
-    --color-text-tertiary-default: var(--dark-neutral-100);
-
-    /* Dark Theme - Buttons */
-    --color-button-brandlight-filled-hover: var(--dark-brand-50);
-}
-
+:root {
+    /* Font */
+    --3afly-fonts-body: 'Manrope', sans-serif;
+    --3afly-fonts-heading: 'Roboto Slab', sans-serif;
+
+    //temp
+    --light-brand-50: #C2D0FF;
+    --dark-brand-50: #C2D0FF;
+
+    /* Primitives */
+    --dark-brand-20: #153398;
+    --dark-brand-50: #1E46CD;
+    --dark-brand-100: #5076FF;
+    --dark-brand-200: #7C98FF;
+    --dark-brand-300: #A7BBFF;
+
+    --light-brand-20: #EEF2FF;
+    --light-brand-50: #C2D0FF;
+    --light-brand-100: #2454FF;
+    --light-brand-200: #1A3AB2;
+    --light-brand-300: #0E2266;
+
+    /* Primitives - Base */
+    --base-dark: #121212;
+    --base-light: #FFFFFF;
+
+    /* Primitives - Neutral */
+    --dark-neutral-0: #121212;
+    --dark-neutral-20: #292929;
+    --dark-neutral-50: #333333;
+    --dark-neutral-100: #4D4D4D;
+    --dark-neutral-200: #6E6E6E;
+    --dark-neutral-300: #FFFFFF;
+
+    --light-neutral-0: #FFFFFF;
+    --light-neutral-20: #F6F7F8;
+    --light-neutral-50: #F1F2F4;
+    --light-neutral-100: #D2D5DA;
+    --light-neutral-200: #A5A8AC;
+    --light-neutral-300: #121212;
+
+    /* Primitives - Status */
+    --dark-green-50: #044329;
+    --dark-green-100: #12A26C;
+    --dark-green-200: #CEF8E0;
+    --dark-orange-50: #662500;
+    --dark-orange-100: #E16D00;
+    --dark-orange-200: #FFECCC;
+    --dark-red-50: #7B0000;
+    --dark-red-100: #F65843;
+    --dark-red-200: #FFEBE7;
+
+    --light-green-50: #CEF8E0;
+    --light-green-100: #15A46E;
+    --light-green-200: #06603B;
+    --light-orange-50: #FFECCC;
+    --light-orange-100: #E46F00;
+    --light-orange-200: #9E3900;
+    --light-red-50: #FFEBE7;
+    --light-red-100: #F75C46;
+    --light-red-200: #9E0000;
+
+    /* Shadows & Effects */
+    --color-fader: #12121220;
+
+    /* Light Theme */
+
+    --default-font-color: var(--base-dark);
+
+    /* Light Theme - Background */
+    --color-bg-brand-default: var(--light-brand-100);
+    --color-bg-brand-hover: var(--light-brand-200);
+    --color-bg-brand-selected: var(--light-brand-300);
+    --color-bg-brand-lightest-default: var(--light-brand-20);
+    --color-bg-brand-light-default: var(--light-brand-50);
+    --color-bg-error-default: var(--light-red-100);
+    --color-bg-error-hover: var(--light-red-200);
+    --color-bg-innerisland-default: var(--light-neutral-20);
+    --color-bg-island-default: var(--base-light);
+    --color-bg-island-disabled: var(--light-neutral-50);
+    --color-bg-island-inversed: var(--base-dark);
+    --color-bg-island-selected: var(--light-neutral-50);
+    --color-bg-page-primary-default: var(--light-neutral-50);
+    --color-bg-page-secondary-default: var(--light-neutral-0);
+    --color-bg-neutral-basic-default: var(--light-neutral-0);
+    --color-bg-neutral-basic-inversed: var(--light-neutral-300);
+    --color-bg-neutral-lightest-default: var(--light-neutral-20);
+    --color-bg-neutral-medium-default: var(--light-neutral-100);
+
+    /* Light Theme - Border */
+    --color-border-brand-default: var(--light-brand-100);
+    --color-border-error-default: var(--light-red-100);
+    --color-border-primary-default: var(--light-neutral-100);
+    --color-border-primary-hover: var(--base-dark);
+    --color-border-secondary-default: var(--light-neutral-200);
+    --color-border-secondary-hover: var(--base-dark);
+    --color-border-success-default: var(--light-green-100);
+
+    /* Light Theme - Chart */
+    --color-chart-critical: var(--light-red-100);
+    --color-chart-low: var(--light-green-100);
+    --color-chart-medium: var(--light-orange-100);
+
+    /* Light Theme - Effects */
+    --effect-shadow-drop: #12121214;
+    --effect-shadow-L: #12121208;
+    --effect-shadow-XL: #12121215;
+
+    /* Light Theme - Icon */
+    --color-icon-brand-default: var(--light-brand-100);
+    --color-icon-brand-hover: var(--light-brand-200);
+    --color-icon-error-default: var(--light-red-100);
+    --color-icon-error-hover: var(--light-red-200);
+    --color-icon-primary-default: var(--base-dark);
+    --color-icon-primary-inversed: var(--base-light);
+    --color-icon-secondary-default: var(--light-neutral-200);
+    --color-icon-secondary-hover: var(--base-dark);
+    --color-icon-success-default: var(--light-green-100);
+
+    /* Light Theme - SideMenu */
+    --color-sidemenu-bg-default: var(--base-light);
+    --color-sidemenu-bg-hover: var(--light-neutral-50);
+    --color-sidemenu-bg-selected: var(--light-brand-100);
+    --color-sidemenu-icon-default: var(--base-dark);
+    --color-sidemenu-icon-selected: var(--light-color-static);
+    --color-sidemenu-plus_button_bg-selected-hover: var(--light-brand-200);
+    --color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);
+    --color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);
+    --color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);
+    --color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);
+    --color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);
+    --color-sidemenu-text-default: var(--base-dark);
+    --color-sidemenu-text-selected: var(--light-color-static);
+
+    /* Light Theme - Static */
+    --dark-color-static: var(--base-dark);
+    --dark-color-static-brand: var(--dark-brand-100);
+    --light-color-static: var(--base-light);
+    --light-color-static-brand: var(--light-brand-100);
+
+    /* Light Theme - Status */
+    --color-status-error-background: var(--light-red-50);
+    --color-status-error-foreground: var(--light-red-100);
+    --color-status-success-background: var(--light-green-50);
+    --color-status-success-foreground: var(--light-green-100);
+    --color-status-warning-background: var(--light-orange-50);
+    --color-status-warning-foreground: var(--light-orange-100);
+
+    /* Light Theme - Text */
+    --color-text-brand-default: var(--light-brand-100);
+    --color-text-brand-hover: var(--light-brand-200);
+    --color-text-error-default: var(--light-red-100);
+    --color-text-primary-default: var(--base-dark);
+    --color-text-primary-inversed: var(--light-neutral-0);
+    --color-text-secondary-default: var(--light-neutral-200);
+    --color-text-success-default: var(--light-green-100);
+    --color-text-tertiary-default: var(--light-neutral-100);
+
+    /* Light Theme - Buttons */
+    --color-button-brandlight-filled-hover: var(--light-brand-50);
+}
+
+/* Primitives - Test Client */
+html[data-client="test"] {
+    --light-brand-20: #F3E8FF;
+    --light-brand-50: #D8B4FE;
+    --light-brand-100: #A855F7;
+    --light-brand-200: #7E22CE;
+    --light-brand-300: #4C1D95;
+    
+    --dark-brand-20: #5B21B6;
+    --dark-brand-50: #7C3AED;
+    --dark-brand-100: #A78BFA;
+    --dark-brand-200: #C4B5FD;
+    --dark-brand-300: #DDD6FE;
+}
+
+html[data-theme="dark"] {
+    /* Dark Theme */
+
+    --default-font-color: var(--base-light);
+    
+    /* Dark Theme - Background */
+    --color-bg-brand-default: var(--dark-brand-100);
+    --color-bg-brand-hover: var(--dark-brand-200);
+    --color-bg-brand-selected: var(--dark-brand-300);
+    --color-bg-brand-light-default: var(--dark-brand-50);
+    --color-bg-error-default: var(--dark-red-100);
+    --color-bg-error-hover: var(--dark-red-50);
+    --color-bg-innerisland-default: var(--dark-neutral-20);
+    --color-bg-island-default: var(--base-dark);
+    --color-bg-island-disabled: var(--dark-neutral-50);
+    --color-bg-island-inversed: var(--base-light);
+    --color-bg-island-selected: var(--dark-neutral-50);
+    --color-bg-page-default: var(--dark-neutral-50);
+    --color-bg-page-secondary-default: var(--dark-neutral-0);
+    --color-bg-page-secondary-default: var(--dark-neutral-0);
+    --color-bg-neutral-basic-default: var(--dark-neutral-20);
+    --color-bg-neutral-basic-inversed: var(--dark-neutral-300);
+    --color-bg-neutral-lightest-default: var(--dark-neutral-20);
+    --color-bg-neutral-medium-default: var(--dark-neutral-100);
+
+    /* Dark Theme - Border */
+    --color-border-brand-default: var(--dark-brand-100);
+    --color-border-error-default: var(--dark-red-100);
+    --color-border-primary-default: var(--dark-neutral-100);
+    --color-border-primary-hover: var(--base-light);
+    --color-border-secondary-default: var(--dark-neutral-200);
+    --color-border-secondary-hover: var(--base-light);
+    --color-border-success-default: var(--dark-green-100);
+
+    /* Dark Theme - Chart */
+    --color-chart-critical: var(--dark-red-100);
+    --color-chart-low: var(--dark-green-100);
+    --color-chart-medium: var(--dark-orange-100);
+
+    /* Dark Theme - Effects */
+    --effect-shadow-drop: #12121299;
+
+    /* Dark Theme - Icon */
+    --color-icon-brand-default: var(--dark-brand-100);
+    --color-icon-brand-hover: var(--dark-brand-200); 
+    --color-icon-error-default: var(--dark-red-100);
+    --color-icon-error-hover: var(--dark-red-200);
+    --color-icon-primary-default: var(--base-light);
+    --color-icon-primary-inversed: var(--base-dark); 
+    --color-icon-secondary-default: var(--dark-neutral-200); 
+    --color-icon-secondary-hover: var(--base-light);
+    --color-icon-success-default: var(--dark-green-100);
+
+    /* Dark Theme - SideMenu */
+    --color-sidemenu-bg-default: var(--base-dark);
+    --color-sidemenu-bg-hover: var(--dark-neutral-50);
+    --color-sidemenu-bg-selected: var(--dark-brand-100);
+    --color-sidemenu-icon-default: var(--base-light);
+    --color-sidemenu-icon-selected: var(--light-color-static);
+    --color-sidemenu-plus_button_bg-selected-hover: var(--dark-brand-200);
+    --color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);
+    --color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);
+    --color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);
+    --color-sidemenu-plus_button_icon-unselected-default: var(--base-light);
+    --color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);
+    --color-sidemenu-text-default: var(--base-light);
+    --color-sidemenu-text-selected: var(--light-color-static);
+
+    /* Dark Theme - Static */
+    --dark-color-static: var(--base-dark);
+    --dark-color-static-brand: var(--dark-brand-100);
+    --light-color-static: var(--base-light);
+    --light-color-static-brand: var(--light-brand-100);
+
+    /* Dark Theme - Status */
+    --color-status-error-background: var(--dark-red-50);
+    --color-status-error-foreground: var(--dark-red-100);
+    --color-status-success-background: var(--dark-green-50);
+    --color-status-success-foreground: var(--dark-green-100);
+    --color-status-warning-background: var(--dark-orange-50);
+    --color-status-warning-foreground: var(--dark-orange-100);
+
+    /* Dark Theme - Text */
+    --color-text-brand-default: var(--dark-brand-100);
+    --color-text-brand-hover: var(--dark-brand-200);
+    --color-text-error-default: var(--dark-red-100);
+    --color-text-primary-default: var(--base-light);
+    --color-text-primary-inversed: var(--dark-neutral-0);
+    --color-text-secondary-default: var(--dark-neutral-200);
+    --color-text-success-default: var(--dark-green-100);
+    --color-text-tertiary-default: var(--dark-neutral-100);
+
+    /* Dark Theme - Buttons */
+    --color-button-brandlight-filled-hover: var(--dark-brand-50);
+}
+

package/dist/_virtual/dayjs.min.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/dayjs/dayjs.min.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
-export {
-  s as default
-};

package/dist/_virtual/dayjs.min2.js

@@ -1,4 +0,0 @@
-var a = { exports: {} };
-export {
-  a as __module
-};

package/dist/_virtual/ru.js

@@ -1,2 +0,0 @@
-import { __require as r } from "../node_modules/dayjs/locale/ru.js";
-r();

package/dist/_virtual/ru2.js

@@ -1,4 +0,0 @@
-var r = { exports: {} };
-export {
-  r as __module
-};

package/dist/assets/src/components/Ui/DateRangePicker/DateRangePicker.css

@@ -1 +0,0 @@
-.date-range-picker{position:relative;width:260px;font-family:Arial,sans-serif}.date-range-picker-input{display:flex;align-items:center;gap:8px;height:44px;padding:8px;border:1px solid var(--color-border-primary-default);border-radius:8px;background-color:var(--color-bg-neutral-basic-default);cursor:pointer;transition:border-color .2s}.date-range-picker-input:hover{border-color:#9ca3af}.date-range-picker-input .calendar-icon{color:#6b7280}.date-range-picker-input .placeholder{color:#6b7280;margin:0 auto 0 0}.date-range-picker-input .placeholder:not(:empty){color:#111827}.date-range-picker-input .caret *{fill:var(--color-icon-secondary-default)}.date-range-picker-calendar{position:absolute;top:100%;left:0;z-index:100;width:950px;padding:12px 16px;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default)}.date-range-picker-selection{display:flex;gap:32px}.date-range-picker-selection .line{width:1px;height:inherit;background-color:var(--color-border-primary-default)}.date-range-picker-quick-selection-options{display:flex;flex-direction:column;justify-content:space-evenly}.date-range-picker-quick-selection-options button{padding:8px 16px;border-radius:8px;background:none;text-align:left}.date-range-picker-quick-selection-options button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.date-range-picker-quick-selection-options button.active{background-color:#f1f2f4}.date-range-picker-section-period{display:flex;gap:32px}.date-range-picker-section-period-month-year-block{display:flex;padding:12px 16px;justify-content:space-between}.date-range-picker-section-period-month-year-block .month-control{display:flex;align-items:center;gap:30px}.date-range-picker-section-period-month-year-block .month-control button{background:none}.date-range-picker-section-period-month-year-block .year-control{display:flex;align-items:center}.date-range-picker-section-period-month-year-block .year-control button{background:none}.date-range-picker-section-period-month-year-block .current-year{padding:0 12px}.calendar-month{padding:12px 16px}.calendar-month table{width:100%;border-collapse:collapse}.calendar-month th{text-align:center;padding:11.5px;font-weight:500;font-size:14px;line-height:20px}.calendar-month td{text-align:center;padding:11.5px;cursor:pointer;position:relative;font-weight:400;font-size:14px}.calendar-month td:hover{background-color:#f5f5f5}.calendar-month table td.empty{pointer-events:none;background:none;cursor:default}.calendar-month table td.empty:hover{background:none}.calendar-month td.disabled{color:#ccc;cursor:not-allowed}.calendar-month td.other-month.empty{color:#ed0000}.today-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#1976d2;border-radius:50%}.calendar-month td.selected-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.calendar-month td.selected-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.calendar-month td.selected-start,.calendar-month td.selected-end{background-color:#2454ff;color:#fff}.calendar-month td.in-range{background-color:#f1f2f4}

package/dist/components/Ui/DatePicker/index.js

@@ -1,4 +0,0 @@
-import { DatePicker as o } from "./DatePicker.js";
-export {
-  o as DatePicker
-};