@nuraly/lumenui 0.1.0 → 0.2.1

package/dist/src/components/timepicker/timepicker.component.d.ts

@@ -10,7 +10,7 @@ export interface TimePickerHost extends LitElement, DropdownHost {
     validateTime(time: TimeValue): boolean;
     requestUpdate(): void;
 }
-declare const NrTimePickerElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+declare const NrTimePickerElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement;
 /**
  * A comprehensive time picker component that supports both 12-hour and 24-hour formats,
  * with optional seconds display and extensive customization options.
@@ -26,6 +26,7 @@ declare const NrTimePickerElement_base: (new (...args: any[]) => import("@nuraly
  * ```
  */
 export declare class NrTimePickerElement extends NrTimePickerElement_base implements TimePickerHost {
+    static useShadowDom: boolean;
     static styles: import("lit").CSSResult[];
     value: string;
     name: string;

package/dist/src/components/timepicker/timepicker.component.js

@@ -672,6 +672,7 @@ let NrTimePickerElement = class NrTimePickerElement extends NuralyUIBaseMixin(Li
         return this.formattingController.parseInputValue(timeString);
     }
 };
+NrTimePickerElement.useShadowDom = true;
 NrTimePickerElement.styles = [timePickerStyles];
 __decorate([
     property({ type: String })

package/dist/src/components/timepicker/timepicker.style.js

@@ -9,14 +9,14 @@ export const styles = css `
   ${styleVariables}
   :host {
     display: block;
-    font-family: var(--nuraly-timepicker-local-font-family);
-    font-size: var(--nuraly-timepicker-local-font-size);
-    font-weight: var(--nuraly-timepicker-local-font-weight);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-size: 0.875rem;
+    font-weight: 400;
   }
 
   /* Host attribute selectors for configuration */
   :host([disabled]) {
-    opacity: var(--nuraly-timepicker-local-disabled-opacity);
+    opacity: 0.5;
     pointer-events: none;
   }
 
@@ -28,21 +28,21 @@ export const styles = css `
 
   /* Input wrapper hover and focus states matching select component */
   .time-picker__input-wrapper:hover:not(.time-picker--disabled) nr-input {
-    --nuraly-input-border-color: var(--nuraly-timepicker-local-border-color-hover);
+    --nuraly-input-border-color: #a8a8a8;
   }
 
   .time-picker__input-wrapper:focus-within nr-input,
   .time-picker--open .time-picker__input-wrapper nr-input,
   .time-picker__input-wrapper nr-input:focus {
-    --nuraly-input-border-color: var(--nuraly-timepicker-local-focus-color);
-    --nuraly-input-box-shadow: 0 0 0 2px var(--nuraly-timepicker-local-focus-color)33;
+    --nuraly-input-border-color: #7c3aed;
+    --nuraly-input-box-shadow: 0 0 0 2px #7c3aed33;
   }
 
   /* Disabled state styling */
   .time-picker--disabled .time-picker__input-wrapper nr-input {
-    --nuraly-input-background-color: var(--nuraly-timepicker-local-disabled-bg);
-    --nuraly-input-border-color: var(--nuraly-timepicker-local-border-color);
-    --nuraly-input-text-color: var(--nuraly-timepicker-local-text-color-disabled);
+    --nuraly-input-background-color: #f4f4f4;
+    --nuraly-input-border-color: #e0e0e0;
+    --nuraly-input-text-color: #c6c6c6;
     cursor: not-allowed;
     opacity: 0.6;
   }
@@ -63,26 +63,26 @@ export const styles = css `
     min-width: auto !important;
     width: 24px !important;
     height: 24px !important;
-    border-radius: var(--nuraly-timepicker-local-border-radius-sm) !important;
+    border-radius: 4px !important;
   }
 
   .time-picker__trigger svg {
     width: 16px;
     height: 16px;
-    color: var(--nuraly-timepicker-local-text-color-secondary);
+    color: #525252;
     transition: color 0.2s ease;
   }
 
   .time-picker__trigger:hover svg {
-    color: var(--nuraly-timepicker-local-primary-color);
+    color: #7c3aed;
   }
 
   .time-picker__trigger:hover {
-    color: var(--nuraly-timepicker-local-primary-color);
+    color: #7c3aed;
   }
 
   .time-picker__trigger:disabled {
-    color: var(--nuraly-timepicker-local-text-color-disabled);
+    color: #c6c6c6;
     cursor: not-allowed;
   }
 
@@ -94,12 +94,12 @@ export const styles = css `
     .time-picker__dropdown {
     position: absolute;
     z-index: 1000;
-    background-color: var(--nuraly-timepicker-local-background-color);
+    background-color: #ffffff;
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
-    border: 1px solid var(--nuraly-timepicker-local-border-color);
-    border-radius: var(--nuraly-timepicker-local-border-radius);
-    box-shadow: var(--nuraly-timepicker-local-box-shadow);
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
     width: 100%;
     min-width: 180px;
     /* Animation and positioning - simplified to match select */
@@ -148,8 +148,8 @@ export const styles = css `
     display: flex;
     max-height: 216px;
     overflow: hidden;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
-    background: var(--nuraly-timepicker-local-background-color);
+    border-radius: 6px;
+    background: #ffffff;
     padding: 4px 0;
   }
 
@@ -188,12 +188,12 @@ export const styles = css `
   .time-picker__column-list::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0.04);
     margin: 8px 0;
-    border-radius: var(--nuraly-timepicker-local-border-radius-sm);
+    border-radius: 4px;
   }
 
   .time-picker__column-list::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, 0.2);
-    border-radius: var(--nuraly-timepicker-local-border-radius-sm);
+    border-radius: 4px;
     transition: background-color 0.2s ease;
     /* Ensure thumb is always visible */
     min-height: 20px;
@@ -214,47 +214,47 @@ export const styles = css `
     align-items: center;
     justify-content: center;
     padding: 4px 8px;
-    color: var(--nuraly-timepicker-local-text-color);
-    font-size: var(--nuraly-timepicker-local-font-size);
-    font-weight: var(--nuraly-timepicker-local-font-weight);
+    color: #161616;
+    font-size: 0.875rem;
+    font-weight: 400;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
+    border-radius: 6px;
     position: relative;
     user-select: none;
-    line-height: var(--nuraly-timepicker-local-line-height);
+    line-height: 1.5;
     min-height: 28px;
     margin: 1px 2px;
   }
 
   .time-picker__column-item:hover {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-hover);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f4f4;
+    color: #7c3aed;
   }
 
   .time-picker__column-item:active {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-active);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f0fd;
+    color: #7c3aed;
   }
 
   .time-picker__column-item--selected {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-active);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f0fd;
+    color: #7c3aed;
     font-weight: 600;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
+    border-radius: 6px;
   }
 
   .time-picker__column-item--selected:hover {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-active);
-    color: var(--nuraly-timepicker-local-primary-color);
+    background-color: #f4f0fd;
+    color: #7c3aed;
   }
 
   .time-picker__column-item--focused {
-    background-color: var(--nuraly-timepicker-local-control-item-bg-hover);
-    outline: 2px solid var(--nuraly-timepicker-local-focus-color);
+    background-color: #f4f4f4;
+    outline: 2px solid #7c3aed;
     outline-offset: -2px;
-    border-radius: var(--nuraly-timepicker-local-border-radius);
-    color: var(--nuraly-timepicker-local-primary-color);
+    border-radius: 6px;
+    color: #7c3aed;
   }
 
   .time-picker__column-item--disabled {
@@ -464,7 +464,7 @@ export const styles = css `
 
   /* Style nr-button components in actions */
   .time-picker__actions nr-button {
-    border-radius: var(--nuraly-timepicker-local-border-radius);
+    border-radius: 6px;
     font-weight: 400;
     font-size: 14px;
     height: 28px;

package/dist/src/components/timepicker/timepicker.style.variables.js

@@ -7,116 +7,116 @@ export const styleVariables = css `
      * ======================================== */
 
     /* Base timepicker styling - uses theme variables with fallbacks */
-    --nuraly-timepicker-local-background-color: var(--nuraly-color-timepicker-background, #ffffff);
-    --nuraly-timepicker-local-text-color: var(--nuraly-color-timepicker-text, rgba(0, 0, 0, 0.88));
-    --nuraly-timepicker-local-font-family: var(--nuraly-font-family-timepicker, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif);
-    --nuraly-timepicker-local-font-size: var(--nuraly-font-size-timepicker, 14px);
-    
+    --nuraly-timepicker-local-background-color: #ffffff;
+    --nuraly-timepicker-local-text-color: rgba(0, 0, 0, 0.88);
+    --nuraly-timepicker-local-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+    --nuraly-timepicker-local-font-size: 14px;
+
     /* Timepicker borders - theme-aware */
-    --nuraly-timepicker-local-border-color: var(--nuraly-color-timepicker-border, #d9d9d9);
-    --nuraly-timepicker-local-border-width: var(--nuraly-border-width-timepicker, 1px);
-    --nuraly-timepicker-local-border-radius: var(--nuraly-border-radius-timepicker, 6px);
-    --nuraly-timepicker-local-border-radius-sm: var(--nuraly-border-radius-timepicker-sm, calc(var(--nuraly-border-radius-timepicker, 6px) * 0.5));
-    
+    --nuraly-timepicker-local-border-color: #d9d9d9;
+    --nuraly-timepicker-local-border-width: 1px;
+    --nuraly-timepicker-local-border-radius: 6px;
+    --nuraly-timepicker-local-border-radius-sm: calc(6px * 0.5);
+
     /* Primary and selection colors - theme-aware */
-    --nuraly-timepicker-local-primary-color: var(--nuraly-color-timepicker-primary, #1890ff);
-    --nuraly-timepicker-local-focus-color: var(--nuraly-color-timepicker-focus, #1890ff);
-    --nuraly-timepicker-local-border-color-hover: var(--nuraly-color-timepicker-border-hover, #1890ff);
-    --nuraly-timepicker-local-selected-color: var(--nuraly-color-timepicker-selected, #1890ff);
-    --nuraly-timepicker-local-selected-text-color: var(--nuraly-color-timepicker-selected-text, #ffffff);
-    --nuraly-timepicker-local-hover-color: var(--nuraly-color-timepicker-hover, #f5f5f5);
-    --nuraly-timepicker-local-clock-hand-color: var(--nuraly-color-timepicker-clock-hand, #1890ff);
-    
+    --nuraly-timepicker-local-primary-color: #1890ff;
+    --nuraly-timepicker-local-focus-color: #1890ff;
+    --nuraly-timepicker-local-border-color-hover: #1890ff;
+    --nuraly-timepicker-local-selected-color: #1890ff;
+    --nuraly-timepicker-local-selected-text-color: #ffffff;
+    --nuraly-timepicker-local-hover-color: #f5f5f5;
+    --nuraly-timepicker-local-clock-hand-color: #1890ff;
+
     /* Control item states - theme-aware */
-    --nuraly-timepicker-local-control-item-bg-hover: var(--nuraly-color-timepicker-control-item-bg-hover, #f5f5f5);
-    --nuraly-timepicker-local-control-item-bg-active: var(--nuraly-color-timepicker-control-item-bg-active, #e6f7ff);
-    
+    --nuraly-timepicker-local-control-item-bg-hover: #f5f5f5;
+    --nuraly-timepicker-local-control-item-bg-active: #e6f7ff;
+
     /* Text colors - theme-aware */
-    --nuraly-timepicker-local-text-color-secondary: var(--nuraly-color-timepicker-text-secondary, rgba(0, 0, 0, 0.45));
-    --nuraly-timepicker-local-text-color-disabled: var(--nuraly-color-timepicker-text-disabled, rgba(0, 0, 0, 0.25));
-    
+    --nuraly-timepicker-local-text-color-secondary: rgba(0, 0, 0, 0.45);
+    --nuraly-timepicker-local-text-color-disabled: rgba(0, 0, 0, 0.25);
+
     /* Disabled states - theme-aware */
-    --nuraly-timepicker-local-disabled-color: var(--nuraly-color-timepicker-disabled, #f5f5f5);
-    --nuraly-timepicker-local-disabled-bg: var(--nuraly-color-timepicker-disabled-bg, #f5f5f5);
-    --nuraly-timepicker-local-disabled-text-color: var(--nuraly-color-timepicker-disabled-text, rgba(0, 0, 0, 0.25));
-    --nuraly-timepicker-local-disabled-opacity: var(--nuraly-opacity-timepicker-disabled, 1);
-    
+    --nuraly-timepicker-local-disabled-color: #f5f5f5;
+    --nuraly-timepicker-local-disabled-bg: #f5f5f5;
+    --nuraly-timepicker-local-disabled-text-color: rgba(0, 0, 0, 0.25);
+    --nuraly-timepicker-local-disabled-opacity: 1;
+
     /* Input field colors - theme-aware */
-    --nuraly-timepicker-local-input-background: var(--nuraly-color-timepicker-input-background, #ffffff);
-    --nuraly-timepicker-local-input-border-color: var(--nuraly-color-timepicker-input-border, #d9d9d9);
-    --nuraly-timepicker-local-input-focus-border-color: var(--nuraly-color-timepicker-input-focus-border, #1890ff);
-    --nuraly-timepicker-local-input-text-color: var(--nuraly-color-timepicker-input-text, rgba(0, 0, 0, 0.88));
-    --nuraly-timepicker-local-input-placeholder-color: var(--nuraly-color-timepicker-input-placeholder, rgba(0, 0, 0, 0.25));
-    
+    --nuraly-timepicker-local-input-background: #ffffff;
+    --nuraly-timepicker-local-input-border-color: #d9d9d9;
+    --nuraly-timepicker-local-input-focus-border-color: #1890ff;
+    --nuraly-timepicker-local-input-text-color: rgba(0, 0, 0, 0.88);
+    --nuraly-timepicker-local-input-placeholder-color: rgba(0, 0, 0, 0.25);
+
     /* Dropdown and clock colors - theme-aware */
-    --nuraly-timepicker-local-dropdown-background: var(--nuraly-color-timepicker-dropdown-background, #ffffff);
-    --nuraly-timepicker-local-clock-background: var(--nuraly-color-timepicker-clock-background, #ffffff);
-    --nuraly-timepicker-local-clock-text-color: var(--nuraly-color-timepicker-clock-text, rgba(0, 0, 0, 0.88));
-    --nuraly-timepicker-local-clock-face-color: var(--nuraly-color-timepicker-clock-face, rgba(0, 0, 0, 0.45));
-    --nuraly-timepicker-local-clock-border-color: var(--nuraly-color-timepicker-clock-border, #f0f0f0);
-    
+    --nuraly-timepicker-local-dropdown-background: #ffffff;
+    --nuraly-timepicker-local-clock-background: #ffffff;
+    --nuraly-timepicker-local-clock-text-color: rgba(0, 0, 0, 0.88);
+    --nuraly-timepicker-local-clock-face-color: rgba(0, 0, 0, 0.45);
+    --nuraly-timepicker-local-clock-border-color: #f0f0f0;
+
     /* Item selection colors - theme-aware */
-    --nuraly-timepicker-local-item-hover-color: var(--nuraly-color-timepicker-item-hover, #f5f5f5);
-    --nuraly-timepicker-local-item-active-color: var(--nuraly-color-timepicker-item-active, #e6f7ff);
-    --nuraly-timepicker-local-item-selected-color: var(--nuraly-color-timepicker-item-selected, #1890ff);
-    --nuraly-timepicker-local-item-selected-text-color: var(--nuraly-color-timepicker-item-selected-text, #ffffff);
-    
+    --nuraly-timepicker-local-item-hover-color: #f5f5f5;
+    --nuraly-timepicker-local-item-active-color: #e6f7ff;
+    --nuraly-timepicker-local-item-selected-color: #1890ff;
+    --nuraly-timepicker-local-item-selected-text-color: #ffffff;
+
     /* Error/warning/success colors - theme-aware */
-    --nuraly-timepicker-local-error-color: var(--nuraly-color-timepicker-error, #ff4d4f);
-    --nuraly-timepicker-local-warning-color: var(--nuraly-color-timepicker-warning, #faad14);
-    --nuraly-timepicker-local-success-color: var(--nuraly-color-timepicker-success, #52c41a);
-    
+    --nuraly-timepicker-local-error-color: #ff4d4f;
+    --nuraly-timepicker-local-warning-color: #faad14;
+    --nuraly-timepicker-local-success-color: #52c41a;
+
     /* Layout and sizing - theme-aware */
-    --nuraly-timepicker-local-width: var(--nuraly-size-timepicker-width, 120px);
-    --nuraly-timepicker-local-height: var(--nuraly-size-timepicker-height, 32px);
-    --nuraly-timepicker-local-dropdown-width: var(--nuraly-size-timepicker-dropdown-width, 180px);
-    --nuraly-timepicker-local-clock-size: var(--nuraly-size-timepicker-clock, 200px);
-    
+    --nuraly-timepicker-local-width: 120px;
+    --nuraly-timepicker-local-height: 32px;
+    --nuraly-timepicker-local-dropdown-width: 180px;
+    --nuraly-timepicker-local-clock-size: 200px;
+
     /* Typography - theme-aware */
-    --nuraly-timepicker-local-font-weight: var(--nuraly-font-weight-timepicker, 400);
-    --nuraly-timepicker-local-line-height: var(--nuraly-line-height-timepicker, 1.5715);
-    --nuraly-timepicker-local-clock-font-size: var(--nuraly-font-size-timepicker-clock, 14px);
-    
+    --nuraly-timepicker-local-font-weight: 400;
+    --nuraly-timepicker-local-line-height: 1.5715;
+    --nuraly-timepicker-local-clock-font-size: 14px;
+
     /* Spacing - theme-aware */
-    --nuraly-timepicker-local-gap: var(--nuraly-spacing-timepicker-gap, 4px);
-    --nuraly-timepicker-local-dropdown-padding: var(--nuraly-spacing-timepicker-dropdown-padding, 8px);
-    --nuraly-timepicker-local-input-padding: var(--nuraly-spacing-timepicker-input-padding, 4px 11px);
-    --nuraly-timepicker-local-padding: var(--nuraly-spacing-timepicker-padding, 4px 11px);
-    
+    --nuraly-timepicker-local-gap: 4px;
+    --nuraly-timepicker-local-dropdown-padding: 8px;
+    --nuraly-timepicker-local-input-padding: 4px 11px;
+    --nuraly-timepicker-local-padding: 4px 11px;
+
     /* Borders - theme-aware */
-    --nuraly-timepicker-local-input-border-width: var(--nuraly-border-width-timepicker-input, 1px);
-    --nuraly-timepicker-local-focus-border-width: var(--nuraly-border-width-timepicker-focus, 2px);
-    
+    --nuraly-timepicker-local-input-border-width: 1px;
+    --nuraly-timepicker-local-focus-border-width: 2px;
+
     /* Shadows - theme-aware */
-    --nuraly-timepicker-local-shadow-color: var(--nuraly-color-timepicker-shadow, rgba(0, 0, 0, 0.15));
-    --nuraly-timepicker-local-box-shadow: var(--nuraly-shadow-timepicker-box, 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05));
-    --nuraly-timepicker-local-input-focus-shadow: var(--nuraly-shadow-timepicker-input-focus, 0 0 0 2px rgba(24, 144, 255, 0.2));
-    
+    --nuraly-timepicker-local-shadow-color: rgba(0, 0, 0, 0.15);
+    --nuraly-timepicker-local-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    --nuraly-timepicker-local-input-focus-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+
     /* States - theme-aware */
-    --nuraly-timepicker-local-hover-opacity: var(--nuraly-opacity-timepicker-hover, 1);
-    
+    --nuraly-timepicker-local-hover-opacity: 1;
+
     /* Animation and transitions - theme-aware */
-    --nuraly-timepicker-local-transition-duration: var(--nuraly-transition-duration-timepicker, 0.2s);
-    --nuraly-timepicker-local-transition-timing: var(--nuraly-transition-timing-timepicker, ease-in-out);
-    
+    --nuraly-timepicker-local-transition-duration: 0.2s;
+    --nuraly-timepicker-local-transition-timing: ease-in-out;
+
     /* Z-index - theme-aware */
-    --nuraly-timepicker-local-dropdown-z-index: var(--nuraly-z-index-timepicker-dropdown, 1050);
-    
+    --nuraly-timepicker-local-dropdown-z-index: 1050;
+
     /* Icon sizes - theme-aware */
-    --nuraly-timepicker-local-icon-size: var(--nuraly-size-timepicker-icon, 14px);
-    
+    --nuraly-timepicker-local-icon-size: 14px;
+
     /* Size variants - theme-aware */
-    --nuraly-timepicker-local-small-font-size: var(--nuraly-font-size-timepicker-small, 12px);
-    --nuraly-timepicker-local-small-padding: var(--nuraly-spacing-timepicker-small-padding, 0px 7px);
-    --nuraly-timepicker-local-small-height: var(--nuraly-size-timepicker-small-height, 24px);
-    
-    --nuraly-timepicker-local-medium-font-size: var(--nuraly-font-size-timepicker-medium, 14px);
-    --nuraly-timepicker-local-medium-padding: var(--nuraly-spacing-timepicker-medium-padding, 4px 11px);
-    --nuraly-timepicker-local-medium-height: var(--nuraly-size-timepicker-medium-height, 32px);
-    
-    --nuraly-timepicker-local-large-font-size: var(--nuraly-font-size-timepicker-large, 16px);
-    --nuraly-timepicker-local-large-padding: var(--nuraly-spacing-timepicker-large-padding, 6px 11px);
-    --nuraly-timepicker-local-large-height: var(--nuraly-size-timepicker-large-height, 40px);
+    --nuraly-timepicker-local-small-font-size: 12px;
+    --nuraly-timepicker-local-small-padding: 0px 7px;
+    --nuraly-timepicker-local-small-height: 24px;
+
+    --nuraly-timepicker-local-medium-font-size: 14px;
+    --nuraly-timepicker-local-medium-padding: 4px 11px;
+    --nuraly-timepicker-local-medium-height: 32px;
+
+    --nuraly-timepicker-local-large-font-size: 16px;
+    --nuraly-timepicker-local-large-padding: 6px 11px;
+    --nuraly-timepicker-local-large-height: 40px;
   }
 `;
 //# sourceMappingURL=timepicker.style.variables.js.map