@nuraly/lumenui 0.1.0 → 0.2.1

package/dist/src/components/kv-secret-select/bundle.js

@@ -55,6 +55,7 @@ import{css as t,LitElement as e,html as r,nothing as i}from"lit";import{property
       </div>
     `}render(){const t=this.entries.filter(t=>t.isSecret).map(t=>({label:t.keyPath.replace(`${this.provider}/`,""),value:t.keyPath,icon:"url"===this.type?"link":"key"})),e=`No ${this.getTypeLabel().toLowerCase()}s for ${this.provider}`;return r`
       <nr-select
+        part="container"
         .value=${this.value}
         .options=${t}
         placeholder=${this.placeholder}
@@ -180,4 +181,4 @@ import{css as t,LitElement as e,html as r,nothing as i}from"lit";import{property
       color: var(--text-secondary, #6b7280);
       font-size: 13px;
     }
-  `,n([o({type:String})],d.prototype,"provider",void 0),n([o({type:String})],d.prototype,"value",void 0),n([o({type:String})],d.prototype,"placeholder",void 0),n([o({type:String})],d.prototype,"type",void 0),n([o({attribute:!1})],d.prototype,"entries",void 0),n([o({type:Boolean})],d.prototype,"loading",void 0),n([s()],d.prototype,"showCreateForm",void 0),n([s()],d.prototype,"newKeyName",void 0),n([s()],d.prototype,"newKeyValue",void 0),n([s()],d.prototype,"creating",void 0),n([s()],d.prototype,"error",void 0),d=n([a("nr-kv-secret-select")],d);export{d as NrKvSecretSelect};
+  `,d.useShadowDom=!0,n([o({type:String})],d.prototype,"provider",void 0),n([o({type:String})],d.prototype,"value",void 0),n([o({type:String})],d.prototype,"placeholder",void 0),n([o({type:String})],d.prototype,"type",void 0),n([o({attribute:!1})],d.prototype,"entries",void 0),n([o({type:Boolean})],d.prototype,"loading",void 0),n([s()],d.prototype,"showCreateForm",void 0),n([s()],d.prototype,"newKeyName",void 0),n([s()],d.prototype,"newKeyValue",void 0),n([s()],d.prototype,"creating",void 0),n([s()],d.prototype,"error",void 0),d=n([a("nr-kv-secret-select")],d);export{d as NrKvSecretSelect};

package/dist/src/components/kv-secret-select/kv-secret-select.component.d.ts

@@ -37,9 +37,12 @@ export interface KvSecretEntry {
  *
  * @fires value-change - Fired when selection changes
  * @fires create-entry - Fired when user submits the create form. Detail: { keyPath, value, scope, isSecret }
+ *
+ * @csspart container - The root nr-select wrapper
  */
 export declare class NrKvSecretSelect extends LitElement {
     static styles: import("lit").CSSResult;
+    static useShadowDom: boolean;
     /** Provider/scope to filter display labels */
     provider: string;
     /** Currently selected key path */

package/dist/src/components/kv-secret-select/kv-secret-select.component.js

@@ -35,6 +35,8 @@ import { property, customElement, state } from 'lit/decorators.js';
  *
  * @fires value-change - Fired when selection changes
  * @fires create-entry - Fired when user submits the create form. Detail: { keyPath, value, scope, isSecret }
+ *
+ * @csspart container - The root nr-select wrapper
  */
 let NrKvSecretSelect = class NrKvSecretSelect extends LitElement {
     constructor() {
@@ -191,6 +193,7 @@ let NrKvSecretSelect = class NrKvSecretSelect extends LitElement {
         const noOptionsMessage = `No ${typeLabel}s for ${this.provider}`;
         return html `
       <nr-select
+        part="container"
         .value=${this.value}
         .options=${options}
         placeholder=${this.placeholder}
@@ -320,6 +323,7 @@ NrKvSecretSelect.styles = css `
       font-size: 13px;
     }
   `;
+NrKvSecretSelect.useShadowDom = true;
 __decorate([
     property({ type: String })
 ], NrKvSecretSelect.prototype, "provider", void 0);

package/dist/src/components/label/bundle.js

@@ -1,104 +1,81 @@
-import{css as a,LitElement as l,html as r}from"lit";import{property as e,customElement as o}from"lit/decorators.js";import{NuralyUIBaseMixin as n}from"@nuralyui/common/mixins";var t=a`
-  ${a`
-  :host {
-    /* Typography */
-    --nuraly-label-font-family: var(--nuraly-font-family-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif);
-    --nuraly-label-font-weight: var(--nuraly-font-weight-medium, 300);
-    --nuraly-label-line-height: var(--nuraly-line-height-base, auto);
-
-    /* Size variants */
-    --nuraly-label-small-font-size: var(--nuraly-font-size-xs, 12px);
-    --nuraly-label-medium-font-size: var(--nuraly-font-size-sm, 14px);
-    --nuraly-label-large-font-size: var(--nuraly-font-size-base, 16px);
-
-    /* Default font size */
-    --nuraly-label-font-size: var(--nuraly-label-medium-font-size);
-
-    /* Colors */
-    --nuraly-label-text-color: var(--nuraly-color-text-primary, #000000);
-    --nuraly-label-secondary-color: var(--nuraly-color-text-secondary, #666666);
-    --nuraly-label-error-color: var(--nuraly-color-error-500, #ff4d4f);
-    --nuraly-label-warning-color: var(--nuraly-color-warning-500, #faad14);
-    --nuraly-label-success-color: var(--nuraly-color-success-500, #52c41a);
-    --nuraly-label-required-color: var(--nuraly-color-error-500, #ff4d4f);
-    --nuraly-label-disabled-color: var(--nuraly-color-text-disabled, #bfbfbf);
-
-    /* Spacing */
-    --nuraly-label-margin-bottom: var(--nuraly-spacing-xs, 4px);
-    --nuraly-label-required-margin: var(--nuraly-spacing-2xs, 2px);
-
-    /* Transitions */
-    --nuraly-label-transition-duration: var(--nuraly-transition-duration-base, 150ms);
-    --nuraly-label-transition-timing: var(--nuraly-transition-timing-ease, ease);
-  }
-`}
-
+import{css as e,html as t,LitElement as s}from"lit";import{property as i,customElement as o}from"lit/decorators.js";var n=e`
   :host {
     display: inline-block;
     width: fit-content;
   }
 
   label {
-    font-family: var(--nuraly-label-font-family);
-    font-size: var(--nuraly-label-font-size);
-    font-weight: var(--nuraly-label-font-weight);
-    line-height: var(--nuraly-label-line-height);
-    color: var(--nuraly-label-text-color);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+    font-size: 0.875rem;
+    font-weight: 300;
+    line-height: normal;
+    color: var(--nr-text, #161616);
     margin: 0;
-    margin-bottom: var(--nuraly-label-margin-bottom);
+    margin-bottom: 4px;
     display: block;
     user-select: none;
     cursor: pointer;
-    transition: color var(--nuraly-label-transition-duration) var(--nuraly-label-transition-timing);
+    transition: color 150ms ease;
   }
 
   /* Size variants */
   :host([size="small"]) label {
-    font-size: var(--nuraly-label-small-font-size);
+    font-size: 0.75rem;
   }
 
   :host([size="large"]) label {
-    font-size: var(--nuraly-label-large-font-size);
+    font-size: 1rem;
   }
 
   /* Variant colors */
   :host([variant="secondary"]) label {
-    color: var(--nuraly-label-secondary-color);
+    color: var(--nr-text-secondary, #525252);
   }
 
   :host([variant="error"]) label {
-    color: var(--nuraly-label-error-color);
+    color: #da1e28;
   }
 
   :host([variant="warning"]) label {
-    color: var(--nuraly-label-warning-color);
+    color: #f1c21b;
   }
 
   :host([variant="success"]) label {
-    color: var(--nuraly-label-success-color);
+    color: #198038;
   }
 
   /* Disabled state */
   :host([disabled]) label {
-    color: var(--nuraly-label-disabled-color);
+    color: var(--nr-disabled, #c6c6c6);
     cursor: not-allowed;
     opacity: 0.6;
   }
 
   /* Required asterisk */
   .required-asterisk {
-    color: var(--nuraly-label-required-color);
-    margin-left: var(--nuraly-label-required-margin);
+    color: #da1e28;
+    margin-left: 2px;
     font-weight: normal;
   }
-
-  /* Focus-within for accessibility when label is associated with form elements */
-  :host(:focus-within) label:not([disabled]) {
-    opacity: 0.8;
-  }
-`,i=function(a,l,r,e){for(var o,n=arguments.length,t=n<3?l:null===e?e=Object.getOwnPropertyDescriptor(l,r):e,i=a.length-1;i>=0;i--)(o=a[i])&&(t=(n<3?o(t):n>3?o(l,r,t):o(l,r))||t);return n>3&&t&&Object.defineProperty(l,r,t),t};let s=class extends(n(l)){constructor(){super(...arguments),this.size="medium",this.variant="default",this.required=!1,this.disabled=!1,this.value=""}connectedCallback(){super.connectedCallback(),this.updateDataTheme()}updated(){this.updateDataTheme()}updateDataTheme(){this.closest("[data-theme]")||this.setAttribute("data-theme",this.currentTheme)}render(){return r`
-            <label for=${this.for||""}>
+`
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */;const r=e=>class extends e{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var e,t,s;super.disconnectedCallback(),null===(e=this.themeObserver)||void 0===e||e.disconnect(),null===(t=this.designSystemObserver)||void 0===t||t.disconnect(),null===(s=this.mediaQuery)||void 0===s||s.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var e,t;const s=(null===(e=this.closest("[data-theme]"))||void 0===e?void 0:e.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return s||((null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var e;const t=(null===(e=this.closest("[design-system]"))||void 0===e?void 0:e.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===t?t:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},a=()=>{var e;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(e=process.env)||void 0===e?void 0:e.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},l=e=>class extends e{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(a())for(const e of this.requiredComponents)if(!this.isComponentAvailable(e))throw new Error(`Required component "${e}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${e}';`)}validateDependenciesWithHandler(e){if(!a())return!0;let t=!0;for(const s of this.requiredComponents)if(!this.isComponentAvailable(s)){t=!1;const i=new Error(`Required component "${s}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);e?e(s,i):console.error(i.message)}return t}isComponentAvailable(e){return!!customElements.get(e)}getMissingDependencies(){return this.requiredComponents.filter(e=>!this.isComponentAvailable(e))}areDependenciesAvailable(){return this.requiredComponents.every(e=>this.isComponentAvailable(e))}addRequiredComponent(e){this.requiredComponents.includes(e)||this.requiredComponents.push(e)}removeRequiredComponent(e){const t=this.requiredComponents.indexOf(e);t>-1&&this.requiredComponents.splice(t,1)}},c=e=>class extends e{dispatchCustomEvent(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(e,t){var s;const i=Object.assign(Object.assign({},t),{timestamp:Date.now(),componentName:(null===(s=this.tagName)||void 0===s?void 0:s.toLowerCase())||"unknown"});this.dispatchCustomEvent(e,i)}dispatchInputEvent(e,t){const s=Object.assign({target:t.target||this,value:t.value,originalEvent:t.originalEvent},t);this.dispatchCustomEvent(e,s)}dispatchFocusEvent(e,t){const s=Object.assign({target:t.target||this,value:t.value,focused:t.focused,cursorPosition:t.cursorPosition,selectedText:t.selectedText},t);this.dispatchCustomEvent(e,s)}dispatchValidationEvent(e,t){var s;const i=Object.assign({target:t.target||this,value:t.value,isValid:null!==(s=t.isValid)&&void 0!==s&&s,error:t.error},t);this.dispatchCustomEvent(e,i)}dispatchActionEvent(e,t){const s=Object.assign({target:t.target||this,action:t.action,previousValue:t.previousValue,newValue:t.newValue},t);this.dispatchCustomEvent(e,s)}isReadonlyKeyAllowed(e){if(e.ctrlKey||e.metaKey){return["KeyA","KeyC"].includes(e.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(e.key)}isActivationKey(e){return"Enter"===e.key||" "===e.key}},d=new Set,h=new Map;
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+const u=e=>{class t extends e{constructor(){super(...arguments),this.t=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const e=this.constructor.useShadowDom;if(!e&&null===this.t)for(this.t=[];this.firstChild;)this.t.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!e){const e=this.constructor,t=this.tagName.toLowerCase(),s=e.styles;if(s){const e=m(s);e&&function(e,t,s){var i;if(!h.has(e)){const s=new CSSStyleSheet;s.replaceSync(t),h.set(e,s)}const o=h.get(e),n=`doc:${e}`;if(d.has(n)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,o],d.add(n)),s){let t=s;for(;t;){const s=t.getRootNode();if(!(s instanceof ShadowRoot))break;{const n=`shadow:${((null===(i=s.host)||void 0===i?void 0:i.tagName)||"").toLowerCase()}:${e}`;d.has(n)||(s.adoptedStyleSheets=[...s.adoptedStyleSheets,o],d.add(n)),t=s.host}}}}(t,e,this)}}}get lightChildren(){return this.t?this.t.filter(e=>!(e instanceof Element&&e.hasAttribute("slot"))):[]}lightChildrenNamed(e){return this.t?this.t.filter(t=>t instanceof Element&&t.getAttribute("slot")===e):[]}}return t.useShadowDom=!1,t};function m(e){return Array.isArray(e)?e.map(e=>m(e)).filter(Boolean).join("\n"):e&&"string"==typeof e.cssText?e.cssText:"string"==typeof e?e:""}var p=function(e,t,s,i){for(var o,n=arguments.length,r=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i,a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,s,r):o(t,s))||r);return n>3&&r&&Object.defineProperty(t,s,r),r};let v=class extends((e=>l(r(c(u(e)))))(s)){constructor(){super(...arguments),this.size="medium",this.variant="default",this.required=!1,this.disabled=!1,this.value=""}render(){return t`
+            <label part="label" for=${this.for||""}>
                 <slot></slot>
-                ${this.required?r`<span class="required-asterisk">*</span>`:""}
+                ${this.required?t`<span part="required-asterisk" class="required-asterisk">*</span>`:""}
             </label>
-        `}};s.styles=t,i([e({reflect:!0})],s.prototype,"size",void 0),i([e({reflect:!0})],s.prototype,"variant",void 0),i([e({type:Boolean,reflect:!0})],s.prototype,"required",void 0),i([e({type:Boolean,reflect:!0})],s.prototype,"disabled",void 0),i([e()],s.prototype,"for",void 0),i([e()],s.prototype,"value",void 0),s=i([o("nr-label")],s);export{s as HyTextLabel};
+        `}};v.styles=n,v.useShadowDom=!0,p([i({reflect:!0})],v.prototype,"size",void 0),p([i({reflect:!0})],v.prototype,"variant",void 0),p([i({type:Boolean,reflect:!0})],v.prototype,"required",void 0),p([i({type:Boolean,reflect:!0})],v.prototype,"disabled",void 0),p([i()],v.prototype,"for",void 0),p([i()],v.prototype,"value",void 0),v=p([o("nr-label")],v);export{v as HyTextLabel};

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

@@ -1,17 +1,21 @@
 import { LitElement } from "lit";
 import { LabelSize, LabelVariant } from './label.types.js';
-declare const HyTextLabel_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 HyTextLabel_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 flexible label component for form fields and descriptive text.
+ *
+ * @csspart label - The root native label element
+ * @csspart required-asterisk - The asterisk span shown when required is true
+ */
 export declare class HyTextLabel extends HyTextLabel_base {
     static styles: import("lit").CSSResult;
+    static useShadowDom: boolean;
     size: LabelSize;
     variant: LabelVariant;
     required: boolean;
     disabled: boolean;
     for?: string;
     value: string;
-    connectedCallback(): void;
-    updated(): void;
-    private updateDataTheme;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

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

@@ -8,6 +8,12 @@ import { html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import styles from "./label.style.js";
 import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
+/**
+ * A flexible label component for form fields and descriptive text.
+ *
+ * @csspart label - The root native label element
+ * @csspart required-asterisk - The asterisk span shown when required is true
+ */
 let HyTextLabel = class HyTextLabel extends NuralyUIBaseMixin(LitElement) {
     constructor() {
         super(...arguments);
@@ -17,28 +23,17 @@ let HyTextLabel = class HyTextLabel extends NuralyUIBaseMixin(LitElement) {
         this.disabled = false;
         this.value = '';
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.updateDataTheme();
-    }
-    updated() {
-        this.updateDataTheme();
-    }
-    updateDataTheme() {
-        if (!this.closest('[data-theme]')) {
-            this.setAttribute('data-theme', this.currentTheme);
-        }
-    }
     render() {
         return html `
-            <label for=${this.for || ''}>
+            <label part="label" for=${this.for || ''}>
                 <slot></slot>
-                ${this.required ? html `<span class="required-asterisk">*</span>` : ''}
+                ${this.required ? html `<span part="required-asterisk" class="required-asterisk">*</span>` : ''}
             </label>
         `;
     }
 };
 HyTextLabel.styles = styles;
+HyTextLabel.useShadowDom = true;
 __decorate([
     property({ reflect: true })
 ], HyTextLabel.prototype, "size", void 0);

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

@@ -1,70 +1,62 @@
-import { css } from "lit";
-import { styleVariables } from './label.style.variables.js';
+import { css } from 'lit';
 export default css `
-  ${styleVariables}
-
   :host {
     display: inline-block;
     width: fit-content;
   }
 
   label {
-    font-family: var(--nuraly-label-font-family);
-    font-size: var(--nuraly-label-font-size);
-    font-weight: var(--nuraly-label-font-weight);
-    line-height: var(--nuraly-label-line-height);
-    color: var(--nuraly-label-text-color);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+    font-size: 0.875rem;
+    font-weight: 300;
+    line-height: normal;
+    color: var(--nr-text, #161616);
     margin: 0;
-    margin-bottom: var(--nuraly-label-margin-bottom);
+    margin-bottom: 4px;
     display: block;
     user-select: none;
     cursor: pointer;
-    transition: color var(--nuraly-label-transition-duration) var(--nuraly-label-transition-timing);
+    transition: color 150ms ease;
   }
 
   /* Size variants */
   :host([size="small"]) label {
-    font-size: var(--nuraly-label-small-font-size);
+    font-size: 0.75rem;
   }
 
   :host([size="large"]) label {
-    font-size: var(--nuraly-label-large-font-size);
+    font-size: 1rem;
   }
 
   /* Variant colors */
   :host([variant="secondary"]) label {
-    color: var(--nuraly-label-secondary-color);
+    color: var(--nr-text-secondary, #525252);
   }
 
   :host([variant="error"]) label {
-    color: var(--nuraly-label-error-color);
+    color: #da1e28;
   }
 
   :host([variant="warning"]) label {
-    color: var(--nuraly-label-warning-color);
+    color: #f1c21b;
   }
 
   :host([variant="success"]) label {
-    color: var(--nuraly-label-success-color);
+    color: #198038;
   }
 
   /* Disabled state */
   :host([disabled]) label {
-    color: var(--nuraly-label-disabled-color);
+    color: var(--nr-disabled, #c6c6c6);
     cursor: not-allowed;
     opacity: 0.6;
   }
 
   /* Required asterisk */
   .required-asterisk {
-    color: var(--nuraly-label-required-color);
-    margin-left: var(--nuraly-label-required-margin);
+    color: #da1e28;
+    margin-left: 2px;
     font-weight: normal;
   }
-
-  /* Focus-within for accessibility when label is associated with form elements */
-  :host(:focus-within) label:not([disabled]) {
-    opacity: 0.8;
-  }
 `;
 //# sourceMappingURL=label.style.js.map

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

@@ -2,34 +2,34 @@ import { css } from 'lit';
 export const styleVariables = css `
   :host {
     /* Typography */
-    --nuraly-label-font-family: var(--nuraly-font-family-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif);
-    --nuraly-label-font-weight: var(--nuraly-font-weight-medium, 300);
-    --nuraly-label-line-height: var(--nuraly-line-height-base, auto);
+    --nuraly-label-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+    --nuraly-label-font-weight: 300;
+    --nuraly-label-line-height: auto;
 
     /* Size variants */
-    --nuraly-label-small-font-size: var(--nuraly-font-size-xs, 12px);
-    --nuraly-label-medium-font-size: var(--nuraly-font-size-sm, 14px);
-    --nuraly-label-large-font-size: var(--nuraly-font-size-base, 16px);
+    --nuraly-label-small-font-size: 12px;
+    --nuraly-label-medium-font-size: 14px;
+    --nuraly-label-large-font-size: 16px;
 
     /* Default font size */
-    --nuraly-label-font-size: var(--nuraly-label-medium-font-size);
+    --nuraly-label-font-size: 14px;
 
     /* Colors */
-    --nuraly-label-text-color: var(--nuraly-color-text-primary, #000000);
-    --nuraly-label-secondary-color: var(--nuraly-color-text-secondary, #666666);
-    --nuraly-label-error-color: var(--nuraly-color-error-500, #ff4d4f);
-    --nuraly-label-warning-color: var(--nuraly-color-warning-500, #faad14);
-    --nuraly-label-success-color: var(--nuraly-color-success-500, #52c41a);
-    --nuraly-label-required-color: var(--nuraly-color-error-500, #ff4d4f);
-    --nuraly-label-disabled-color: var(--nuraly-color-text-disabled, #bfbfbf);
+    --nuraly-label-text-color: #000000;
+    --nuraly-label-secondary-color: #666666;
+    --nuraly-label-error-color: #ff4d4f;
+    --nuraly-label-warning-color: #faad14;
+    --nuraly-label-success-color: #52c41a;
+    --nuraly-label-required-color: #ff4d4f;
+    --nuraly-label-disabled-color: #bfbfbf;
 
     /* Spacing */
-    --nuraly-label-margin-bottom: var(--nuraly-spacing-xs, 4px);
-    --nuraly-label-required-margin: var(--nuraly-spacing-2xs, 2px);
+    --nuraly-label-margin-bottom: 4px;
+    --nuraly-label-required-margin: 2px;
 
     /* Transitions */
-    --nuraly-label-transition-duration: var(--nuraly-transition-duration-base, 150ms);
-    --nuraly-label-transition-timing: var(--nuraly-transition-timing-ease, ease);
+    --nuraly-label-transition-duration: 150ms;
+    --nuraly-label-transition-timing: ease;
   }
 `;
 //# sourceMappingURL=label.style.variables.js.map