@aures5g/vue-component-library 0.52.0 → 1.0.0

package/dist/src/components/button/uiButton.theme.d.ts

@@ -1,12 +1,12 @@
 export declare const BASE_BUTTON = "inline-flex items-center text-[1rem] relative hover:after:size-full hover:after:absolute hover:after:left-0";
-export declare const BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08] px-xl hover:shadow-1 h-[2.5rem]";
-export declare const BUTTON_OUTLINED = "border-secondary border-[1px] text-primary px-xl hover:bg-primary/[0.08] h-[2.5rem]";
-export declare const BUTTON_TEXT = "text-primary px-md hover:bg-primary/[0.08] h-[2.5rem]";
+export declare const BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/8 px-xl hover:shadow-1 h-[2.5rem]";
+export declare const BUTTON_OUTLINED = "border-secondary border text-primary px-xl hover:bg-primary/8 h-[2.5rem]";
+export declare const BUTTON_TEXT = "text-primary px-md hover:bg-primary/8 h-[2.5rem]";
 export declare const BUTTON_SUCCESS = "bg-success text-on-success px-xl hover:shadow-1 h-[2.5rem]";
 export declare const BUTTON_WARNING = "bg-warning text-on-warning px-xl hover:shadow-1 h-[2.5rem]";
 export declare const BUTTON_DANGER = "bg-error text-on-error px-xl hover:shadow-1 h-[2.5rem]";
-export declare const BUTTON_FILLED = "bg-on-primary px-xl hover:shadow-1 h-[2.5rem] hover:after:bg-on-surface-variant/[0.08]";
-export declare const BUTTON_TRANSPARENT = "border border-on-primary/[0.16] text-on-primary px-xl hover:shadow-1 h-[2.5rem] hover:after:bg-on-primary/[0.08]";
+export declare const BUTTON_FILLED = "bg-on-primary px-xl hover:shadow-1 h-[2.5rem] hover:after:bg-on-surface-variant/8";
+export declare const BUTTON_TRANSPARENT = "border border-on-primary/16 text-on-primary px-xl hover:shadow-1 h-[2.5rem] hover:after:bg-on-primary/8";
 export declare const ACTION_BUTTON = "flex-row-reverse w-full gap-sm pr-lg";
 export declare const ACTION_BUTTON_LABEL = "grow truncate text-left";
 export declare const BASE_LABEL = "title-small";
@@ -14,10 +14,10 @@ export declare const BUTTON_LABEL_WITH_ICON = "pl-sm";
 export declare const BUTTON_LABEL_WITHOUT_ICON = "";
 export declare const BUTTON_SEVERITY_IS_NOT_TEXT = "pl-lg";
 export declare const BUTTON_SEVERITY_IS_TEXT = "pr-lg";
-export declare const BUTTON_ICON_ONLY_SMALL = "!size-[2rem] !p-sm justify-center";
-export declare const BUTTON_ICON_ONLY_LARGE = "h-[2.5rem] text-[1.25rem] !p-0 w-[2.5rem] justify-center";
+export declare const BUTTON_ICON_ONLY_SMALL = "size-[2rem]! p-sm! justify-center";
+export declare const BUTTON_ICON_ONLY_LARGE = "h-[2.5rem] text-[1.25rem] p-0! w-[2.5rem] justify-center";
 export declare const BUTTON_ICON_ONLY_LABEL = "hidden";
-export declare const DEFAULT_DISABLED = "px-xl h-[2.5rem] !bg-on-surface/[0.08] text-on-surface/[0.38]";
-export declare const OUTLINED_DISABLED = "px-xl h-[2.5rem] border !border-on-surface/[0.12] !bg-transparent text-on-surface/[0.38]";
-export declare const FILLED_DISABLED = "px-xl h-[2.5rem] bg-on-primary/[0.12] text-on-primary/[0.5] hover:after:hidden";
-export declare const TRANSPARENT_DISABLED = "px-xl h-[2.5rem] border border-on-primary/[0.12] text-on-primary/[0.5] hover:after:hidden";
+export declare const DEFAULT_DISABLED = "px-xl h-[2.5rem] bg-on-surface/8! text-on-surface/38";
+export declare const OUTLINED_DISABLED = "px-xl h-[2.5rem] border border-on-surface/12! bg-transparent! text-on-surface/38";
+export declare const FILLED_DISABLED = "px-xl h-[2.5rem] bg-on-primary/12 text-on-primary/50 hover:after:hidden";
+export declare const TRANSPARENT_DISABLED = "px-xl h-[2.5rem] border border-on-primary/12 text-on-primary/50 hover:after:hidden";

package/dist/src/components/checkbox/uiCheckbox.theme.d.ts

@@ -1,14 +1,14 @@
 export declare const BASE = "size-[1.25rem] relative hover:after:size-[2.5rem] hover:after:absolute hover:after:rounded-full hover:after:-top-1/2 hover:after:-left-1/2";
-export declare const NONACTIVE_BASE_BG = "hover:after:bg-on-surface/[0.08]";
-export declare const ACTIVE_BASE_BG = "hover:after:bg-primary/[0.08]";
+export declare const NONACTIVE_BASE_BG = "hover:after:bg-on-surface/8";
+export declare const ACTIVE_BASE_BG = "hover:after:bg-primary/8";
 export declare const BASE_DISABLED = "hover:after:transparent";
-export declare const INPUT_STYLE = "size-full z-[1] absolute top-0 left-0 appearance-none";
+export declare const INPUT_STYLE = "size-full z-1 absolute top-0 left-0 appearance-none";
 export declare const INPUT_ACTIVE = "cursor-pointer";
 export declare const INPUT_SELECTED = "border-2 border-primary";
 export declare const BOX_STYLE = "size-[1.25rem] flex justify-center items-center border-2 p-[0.19rem]";
 export declare const BOX_SELECTED = "bg-primary text-on-primary";
 export declare const BOX_ACTIVE = "border-on-surface-variant";
-export declare const BOX_DISABLED = "border-on-surface/[0.38]";
-export declare const BOX_DISABLED_SELECTED = "border-on-surface/[0.0] bg-on-surface/[0.38] text-on-primary";
+export declare const BOX_DISABLED = "border-on-surface/38";
+export declare const BOX_DISABLED_SELECTED = "border-on-surface/0 bg-on-surface/38 text-on-primary";
 export declare const ALIGN = "flex items-center gap-[0.5rem]";
 export declare const LABEL_LEFT = "order-first";

package/dist/src/components/chip/uiChip.theme.d.ts

@@ -3,14 +3,14 @@ export declare const DEFAULT = "rounded-[0.5rem] after:rounded-[0.5rem]";
 export declare const ROUNDED = "rounded-[2rem] after:rounded-[2rem]";
 export declare const FILTER_PADDING = "px-[1rem]";
 export declare const FILTER_SELECTED = "border border-secondary-container hover:shadow-1";
-export declare const UNSELCTED = "hover:after:bg-on-surface-variant/[0.08]";
-export declare const SELECTED = "bg-secondary-container hover:after:bg-on-surface-variant/[0.08]";
+export declare const UNSELCTED = "hover:after:bg-on-surface-variant/8";
+export declare const SELECTED = "bg-secondary-container hover:after:bg-on-surface-variant/8";
 export declare const HAS_ICON = "pl-[0.56rem]";
 export declare const FILTER_ICON_STYLE = "text-primary";
-export declare const FILTER_ICON_DISABLED_STYLE = "text-on-surface/[0.38]";
+export declare const FILTER_ICON_DISABLED_STYLE = "text-on-surface/38";
 export declare const LABEL_STYLE = "text-[0.875rem] font-medium leading-[1.25rem]";
 export declare const LABEL_REMOVABLE = "mr-[0.5rem]";
 export declare const LABEL_WITH_ICON = "ml-[0.5rem]";
-export declare const REMOVE_ICON = "cursor-pointer z-[1]";
-export declare const UNSELECTED_DISABLED = "border border-on-surface-variant/[0.12] text-on-surface/[0.38]";
-export declare const SELECTED_DISABLED = "border border-on-surface-variant/[0.0] text-on-surface/[0.38] bg-on-surface-variant/[0.12]";
+export declare const REMOVE_ICON = "cursor-pointer z-1";
+export declare const UNSELECTED_DISABLED = "border border-on-surface-variant/12 text-on-surface/38";
+export declare const SELECTED_DISABLED = "border border-on-surface-variant/0 text-on-surface/38 bg-on-surface-variant/12";

package/dist/src/components/copyToClipboard/UICopy.vue.d.ts

@@ -7,9 +7,9 @@ type __VLS_Props = {
     hiddenIcon?: boolean;
     iconPosition?: (typeof ICON_POSITION)[keyof typeof ICON_POSITION];
 };
-declare var __VLS_6: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     textToDisplay: string | number;

package/dist/src/components/divider/uiDivider.theme.d.ts

@@ -1,2 +1,2 @@
-export declare const BASE = "h-[0.0625rem] bg-outline/[0.16]";
+export declare const BASE = "h-[0.0625rem] bg-outline/16";
 export declare const VERTICAL = "rotate-90";

package/dist/src/components/dropdown/UIDropdown.vue.d.ts

@@ -19,13 +19,13 @@ type __VLS_Props = {
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: unknown;
 };
-declare var __VLS_9: {
+declare var __VLS_12: {
     containerClass: string;
-}, __VLS_11: {};
+}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    leadingIcon?: (props: typeof __VLS_9) => any;
+    leadingIcon?: (props: typeof __VLS_12) => any;
 } & {
-    supportText?: (props: typeof __VLS_11) => any;
+    supportText?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => any;

package/dist/src/components/dropdown/uiDropdown.theme.d.ts

@@ -1,8 +1,8 @@
 export declare const BASE = "peer select-none border border-on-surface-variant flex justify-end items-center rounded-[0.25rem] w-full h-[2.5rem] bg-inherit overflow-hidden";
 export declare const DROPDOWN = "text-[1rem] h-fit p-[0.25rem] mx-[0.5rem] flex items-center";
-export declare const DISABLED_DROPDOWN = "!text-on-surface/[0.12] border-on-surface/[0.12]";
+export declare const DISABLED_DROPDOWN = "text-on-surface/12! border-on-surface/12";
 export declare const CLEAR_ICON = "text-[1rem] cursor-pointer";
-export declare const SELECT_LABEL = "w-full flex justify-start bg-transparent text-on-surface-variant focus-visible:outline-none pr-[0.75rem]";
-export declare const FLOATING_LABEL = "absolute select-none ml-[1rem] mb-0 text-[1rem] peer-[.focused]:top-0 peer-[.focused]:text-[0.75rem] peer-[.focused]:leading-[1rem] peer-[.focused]:px-[0.25rem] peer-[.focused]:ml-[0.5rem] leading-[1rem] text-on-surface-variant peer-[.focused]:bg-inherit bg-inherit transition-all pointer-events-none";
+export declare const SELECT_LABEL = "w-full flex justify-start bg-transparent text-on-surface-variant focus-visible:outline-hidden pr-[0.75rem]";
+export declare const FLOATING_LABEL = "absolute select-none ml-[1rem] mb-0 text-[1rem] peer-[.focused]:top-0 peer-focus:top-0 peer-[.focused]:text-[0.75rem] peer-focus:text-[0.75rem] peer-[.focused]:leading-[1rem] peer-focus:leading-[1rem] peer-[.focused]:px-[0.25rem] peer-focus:px-[0.25rem] peer-[.focused]:ml-[0.5rem] peer-focus:ml-[0.5rem] leading-[1rem] text-on-surface-variant bg-inherit transition-all pointer-events-none";
 export declare const OVERLAY_PANEL = "max-h-[8rem] overflow-auto shadow-1 rounded-[0.25rem] py-[0.5rem] bg-on-primary";
 export declare const ITEM = "cursor-pointer px-[1rem] hover:bg-primary-fixed text-[1rem] leading-[2.5rem] text-on-surface-variant";

package/dist/src/components/form/FormFieldWrapper.vue.d.ts

@@ -9,15 +9,15 @@ type __VLS_Props = {
     invalid?: boolean;
     alignLabelAndIcon?: 'center' | 'top';
 };
-declare var __VLS_5: {
+declare var __VLS_6: {
     containerClass: string;
-}, __VLS_11: {}, __VLS_13: {};
+}, __VLS_13: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    leadingIcon?: (props: typeof __VLS_5) => any;
+    leadingIcon?: (props: typeof __VLS_6) => any;
 } & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_13) => any;
 } & {
-    supportText?: (props: typeof __VLS_13) => any;
+    supportText?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;

package/dist/src/components/iconButton/uiIconButton.theme.d.ts

@@ -1,15 +1,15 @@
 export declare const BASE_ICON_BUTTON = "rounded-full flex justify-center items-center relative hover:after:rounded-full hover:after:size-full hover:after:absolute hover:after:left-0";
 export declare const NO_LABEL = "hidden";
-export declare const ICON_BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08]";
-export declare const ICON_BUTTON_SECONDARY = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/[0.08]";
-export declare const ICON_BUTTON_OUTLINED = "border border-on-surface-variant text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
-export declare const ICON_BUTTON_STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
-export declare const ICON_BUTTON_FILLED = "bg-on-primary hover:after:bg-on-surface-variant/[0.08]";
-export declare const ICON_BUTTON_TRANSPARENT = "bg-transparent border border-on-primary/[0.16] text-on-primary";
+export declare const ICON_BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/8";
+export declare const ICON_BUTTON_SECONDARY = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/8";
+export declare const ICON_BUTTON_OUTLINED = "border border-on-surface-variant text-on-surface-variant hover:after:bg-on-surface-variant/8";
+export declare const ICON_BUTTON_STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/8";
+export declare const ICON_BUTTON_FILLED = "bg-on-primary hover:after:bg-on-surface-variant/8";
+export declare const ICON_BUTTON_TRANSPARENT = "bg-transparent border border-on-primary/16 text-on-primary";
 export declare const ICON_BUTTON_TEXT = "text-on-primary";
-export declare const DEFAULT_DISABLED = "bg-on-surface/[0.08] text-on-surface/[0.38] hover:after:hidden";
-export declare const OUTLINED_DISABLED = "border border-on-surface/[0.12] bg-transparent text-on-surface/[0.38] hover:after:hidden";
-export declare const STANDARD_DISABLED = "bg-transparent text-on-surface/[0.38] hover:after:hidden";
-export declare const FILLED_DISABLED = "bg-on-primary/[0.12] text-on-primary/[0.28] hover:after:hidden";
-export declare const TRANSPARENT_DISABLED = "bg-transparent border border-on-primary/[0.08] text-on-primary/[0.5] hover:after:hidden";
-export declare const TEXT_DISABLED = "text-on-primary/[0.5] hover:after:hidden";
+export declare const DEFAULT_DISABLED = "bg-on-surface/8 text-on-surface/38 hover:after:hidden";
+export declare const OUTLINED_DISABLED = "border border-on-surface/12 bg-transparent text-on-surface/38 hover:after:hidden";
+export declare const STANDARD_DISABLED = "bg-transparent text-on-surface/38 hover:after:hidden";
+export declare const FILLED_DISABLED = "bg-on-primary/12 text-on-primary/[0.28] hover:after:hidden";
+export declare const TRANSPARENT_DISABLED = "bg-transparent border border-on-primary/8 text-on-primary/50 hover:after:hidden";
+export declare const TEXT_DISABLED = "text-on-primary/50 hover:after:hidden";

package/dist/src/components/infoStrip/UIInfoStrip.vue.d.ts

@@ -4,19 +4,19 @@ type __VLS_Props = {
     status?: (typeof CUSTOMER_STATUS)[keyof typeof CUSTOMER_STATUS];
     title: string;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_25: {}, __VLS_27: {}, __VLS_29: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
     'leading-icon'?: (props: typeof __VLS_1) => any;
 } & {
     'severity-swap'?: (props: typeof __VLS_3) => any;
 } & {
-    'primary-content'?: (props: typeof __VLS_21) => any;
+    'primary-content'?: (props: typeof __VLS_25) => any;
 } & {
-    'secondary-boxes'?: (props: typeof __VLS_23) => any;
+    'secondary-boxes'?: (props: typeof __VLS_27) => any;
 } & {
-    'primary-action'?: (props: typeof __VLS_25) => any;
+    'primary-action'?: (props: typeof __VLS_29) => any;
 } & {
-    'secondary-action'?: (props: typeof __VLS_27) => any;
+    'secondary-action'?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     severity: (typeof STRIP_SEVERITY)[keyof typeof STRIP_SEVERITY];

package/dist/src/components/infoStrip/UIInfoStripSecondaryBox.vue.d.ts

@@ -3,9 +3,9 @@ type __VLS_Props = {
     headline: string;
     icon?: FontAwesomeIconProps['icon'];
 };
-declare var __VLS_5: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/src/components/infoStrip/brandLogo/uiBrandLogo.theme.d.ts

@@ -1,5 +1,5 @@
 export declare const BASE = "relative bg-on-primary h-[2rem] pr-[1rem] rounded-[625rem] flex items-center label-medium tracking-[0.03125rem]";
-export declare const ICON_BOX = "absolute left-[-1px] size-[2.5rem] text-[1rem] rounded-full flex justify-center items-center";
+export declare const ICON_BOX = "absolute -left-px size-[2.5rem] text-[1rem] rounded-full flex justify-center items-center";
 export declare const DEFAULT_BORDER = "border-4 border-[#0075E6]";
 export declare const ENEMY_BORDER = "border-4 border-[#DE334A]";
 export declare const VIP_BORDER = "border-4 border-[#414754]";

package/dist/src/components/infoStrip/uiInfoStrip.theme.d.ts

@@ -4,9 +4,9 @@ export declare const ENEMY_FIRST_BOX = "bg-[#DE334A] border-error";
 export declare const VIP_FIRST_BOX = "bg-[#3F4753] border-[#A48111]";
 export declare const HEADER_WRAPPER = "w-full flex justify-between items-center gap-[1rem]";
 export declare const TAGS_WRAPPER = "flex gap-[0.25rem] items-center";
-export declare const ENEMY_TAG = "text-on-primary !bg-error";
-export declare const VIP_TAG = "text-on-primary !bg-[#A48111]";
-export declare const B2B_TAG = "text-on-primary !bg-success";
-export declare const B2C_TAG = "text-on-primary !bg-tertiary";
+export declare const ENEMY_TAG = "text-on-primary bg-error!";
+export declare const VIP_TAG = "text-on-primary bg-[#A48111]!";
+export declare const B2B_TAG = "text-on-primary bg-success!";
+export declare const B2C_TAG = "text-on-primary bg-tertiary!";
 export declare const SECONDARY_BOXES_WRAPPER = "grow flex pt-[0.5rem] pb-[1rem] px-[1rem] bg-inherit";
-export declare const ACTION_WRAPPER = "bg-on-primary/[0.08] py-[1.5rem] px-[1rem] flex flex-col justify-start items-center gap-[1.5rem]";
+export declare const ACTION_WRAPPER = "bg-on-primary/8 py-[1.5rem] px-[1rem] flex flex-col justify-start items-center gap-[1.5rem]";

package/dist/src/components/infoStrip/uiInfoStripSecondaryBox.theme.d.ts

@@ -1,3 +1,3 @@
-export declare const BASE = "p-[1rem] bg-inherit relative text-on-primary border border-on-primary/[0.16] mt-[1rem] rounded-[0.25rem]";
+export declare const BASE = "p-[1rem] bg-inherit relative text-on-primary border border-on-primary/16 mt-[1rem] rounded-[0.25rem]";
 export declare const HEADLINE_BOX = "flex gap-[0.5rem] items-center bg-inherit absolute top-[-0.75rem] left-[0.5rem] px-[0.5rem]";
 export declare const HEADLINE = "text-[1rem] font-medium leading-[1.5rem]";

package/dist/src/components/infoStrip/uiPersonList.theme.d.ts

@@ -1,5 +1,5 @@
 export declare const WRAPPER = "flex gap-[0.75rem]";
-export declare const ICON_BOX = "flex justify-center items-center text-on-primary bg-black/[0.25] size-[2.5rem] rounded-[0.5rem]";
+export declare const ICON_BOX = "flex justify-center items-center text-on-primary bg-black/25 size-[2.5rem] rounded-[0.5rem]";
 export declare const LABELS_WRAPPER = "flex flex-col justify-center";
-export declare const HEADLINE = "text-on-primary/[0.82] body-small";
+export declare const HEADLINE = "text-on-primary/82 body-small";
 export declare const LABEL = "text-on-primary title-small";

package/dist/src/components/languagePicker/uiLanguagePicker.theme.d.ts

@@ -3,7 +3,7 @@ export declare const SELECTED_LANG_BOX = "py-[0.5rem] w-fit";
 export declare const SELECTED_LANG_BTN = "size-[2.5rem] p-[0.25rem] rounded-full flex items-center justify-center bg-on-primary border-2 border-primary";
 export declare const UNSELECTED_LANG_BTN = "size-[2.5rem] p-[0.25rem] rounded-full flex items-center justify-center bg-on-primary border border-[#DDE2F3]";
 export declare const DROPDOWN = "absolute flex items-center gap-[0.25rem] py-[0.5rem]";
-export declare const DIVIDER = "h-[1.5rem] border-l-[1px] border-l-outline/[0.16]";
+export declare const DIVIDER = "h-[1.5rem] border-l border-l-outline/16";
 export declare const SLIDE_ENTER_ACTIVE = "transition-opacity ease-in duration-300";
 export declare const SLIDE_ENTER_FROM = "opacity-0";
 export declare const SLIDE_ENTER_TO = "opacity-100";

package/dist/src/components/list/UIListItem.vue.d.ts

@@ -4,11 +4,11 @@ type __VLS_Props = {
     multiline?: boolean;
     icon?: FontAwesomeIconProps['icon'];
 };
-declare var __VLS_5: {}, __VLS_7: {};
+declare var __VLS_6: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
-    text?: (props: typeof __VLS_5) => any;
+    text?: (props: typeof __VLS_6) => any;
 } & {
-    trailing?: (props: typeof __VLS_7) => any;
+    trailing?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: FontAwesomeIconProps["icon"];

package/dist/src/components/list/uiList.theme.d.ts

@@ -1,5 +1,5 @@
 export declare const BASE = "py-[0.5rem] text-on-surface";
-export declare const LIST_ITEM = "w-full px-[1rem] py-[0.5rem] gap-[1rem] flex border-b-[0.0625rem] border-b-outline/[0.16]";
+export declare const LIST_ITEM = "w-full px-[1rem] py-[0.5rem] gap-[1rem] flex border-b-[0.0625rem] border-b-outline/16";
 export declare const ALIGN_CENTER = "items-center";
 export declare const ALIGN_TOP = "items-start";
 export declare const LABELS_CONTAINER = "grow flex flex-col";

package/dist/src/components/menu/useMenu.composables.d.ts

@@ -9,7 +9,7 @@ export declare function useExpandableMenu(expandedRoutes?: RouteRecordName[]): {
     isNavbarExpandedByDefault: import("vue").ComputedRef<boolean>;
     isMenuOpen: import("vue").ComputedRef<boolean>;
     onToggle: () => void;
-    navbarClasses: import("vue").ComputedRef<"w-[var(--navbar--full)]" | "navbar--collapsed w-[var(--navbar--collapsed)]">;
+    navbarClasses: import("vue").ComputedRef<"w-(--navbar--full)" | "navbar--collapsed w-(--navbar--collapsed)">;
 };
 /**
  * Keep track of menu categories and submenu visibility state, append corresponding classes.

package/dist/src/components/radioButton/UIRadioButton.vue.d.ts

@@ -23,5 +23,5 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
 };
 export default _default;
 type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
+    [K in keyof T as K]: T[K];
 } & {};

package/dist/src/components/radioButton/uiRadioButton.theme.d.ts

@@ -1,16 +1,16 @@
 export declare const BASE = "size-[1.25rem] relative hover:after:size-[2.5rem] hover:after:absolute hover:after:rounded-full hover:after:-top-1/2 hover:after:-left-1/2";
-export declare const NONACTIVE_BASE_BG = "hover:after:bg-on-surface/[0.08]";
-export declare const ACTIVE_BASE_BG = "hover:after:bg-primary/[0.08]";
+export declare const NONACTIVE_BASE_BG = "hover:after:bg-on-surface/8";
+export declare const ACTIVE_BASE_BG = "hover:after:bg-primary/8";
 export declare const BASE_DISABLED = "hover:after:transparent";
-export declare const INPUT_STYLE = "size-full z-[1] absolute top-0 left-0 rounded-full appearance-none";
+export declare const INPUT_STYLE = "size-full z-1 absolute top-0 left-0 rounded-full appearance-none";
 export declare const INPUT_ACTIVE = "cursor-pointer";
 export declare const INPUT_DISABLED = "cursor-default";
 export declare const BOX_STYLE = "size-[1.25rem] rounded-full flex justify-center items-center border-2";
 export declare const BOX_SELECTED = "border-primary";
 export declare const BOX_ACTIVE = "border-on-surface-variant";
-export declare const BOX_DISABLED = "border-on-surface/[0.38]";
+export declare const BOX_DISABLED = "border-on-surface/38";
 export declare const ICON_STYLE = "size-[0.5rem] rounded-full";
 export declare const ICON_SELECTED = "bg-primary";
-export declare const ICON_DISABLED = "bg-on-surface/[0.38]";
+export declare const ICON_DISABLED = "bg-on-surface/38";
 export declare const ALIGN = "flex items-center gap-[0.5rem]";
 export declare const LABEL_LEFT = "order-first";

package/dist/src/components/richTooltip/UIRichTooltip.vue.d.ts

@@ -3,13 +3,13 @@ type __VLS_Props = {
     text?: string;
     hasAction?: boolean;
 };
-declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
+declare var __VLS_7: {}, __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_6) => any;
+    trigger?: (props: typeof __VLS_7) => any;
 } & {
-    content?: (props: typeof __VLS_8) => any;
+    content?: (props: typeof __VLS_10) => any;
 } & {
-    action?: (props: typeof __VLS_10) => any;
+    action?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     text: string;

package/dist/src/components/switch/uiSwitch.theme.d.ts

@@ -4,8 +4,8 @@ export declare const SLIDER = "size-full rounded-[625rem] flex items-center px-[
 export declare const SLIDER_UNCHECKED = "bg-surface-container-highest";
 export declare const SLIDER_CHECKED = "bg-primary justify-end";
 export declare const SLIDER_UNCHECKED_DISABLED = "!bg-opacity-[0.38]";
-export declare const SLIDER_CHECKED_DISABLED = "!bg-on-surface/[0.12]";
+export declare const SLIDER_CHECKED_DISABLED = "bg-on-surface/12!";
 export declare const HANDLE = "size-[1.5rem] rounded-full flex justify-center items-center";
 export declare const HANDLE_UNCHECKED = "bg-outline text-on-primary";
 export declare const HANDLE_CHECKED = "bg-on-primary text-on-primary-container";
-export declare const HANDLE_UNCHECKED_DISABLED = "bg-on-surface/[0.38] text-surface-container-highest/[0.38]";
+export declare const HANDLE_UNCHECKED_DISABLED = "bg-on-surface/38 text-surface-container-highest/38";

package/dist/src/components/tabs/uiTabPanel.theme.d.ts

@@ -1,3 +1,3 @@
 export declare const BASE_TABPANEL = "grow shrink basis-0 cursor-pointer hover:bg-surface px-lg overflow-hidden text-nowrap";
-export declare const HEADER_ACTION = "h-full w-full flex justify-center items-center focus-visible:outline-none";
-export declare const HEADER_TITLE = "relative inline-flex items-center text-primary after:border-b-2 after:border-primary after:rounded-t-lg after:absolute after:bottom-0 after:left-0 after:w-full h-full after:focus-visible:outline-none";
+export declare const HEADER_ACTION = "h-full w-full flex justify-center items-center focus-visible:outline-hidden";
+export declare const HEADER_TITLE = "relative inline-flex items-center text-primary after:border-b-2 after:border-primary after:rounded-t-lg after:absolute after:bottom-0 after:left-0 after:w-full h-full focus-visible:after:outline-hidden";

package/dist/src/components/tag/uiTag.theme.d.ts

@@ -4,7 +4,7 @@ export declare const TAG_WITHOUT_ICON = "px-sm";
 export declare const TAG_SMALL = "h-[24px] label-medium";
 export declare const TAG_LARGE = "h-[28px] label-large";
 export declare const TAG_PRIMARY = "bg-primary text-on-primary";
-export declare const TAG_SECONDARY = "border-secondary border-[1px] text-secondary";
+export declare const TAG_SECONDARY = "border-secondary border text-secondary";
 export declare const TAG_SUCCESS = "bg-success text-on-success";
 export declare const TAG_INFO = "bg-secondary-container text-on-secondary-container";
 export declare const TAG_WARNING = "bg-warning text-on-warning";

package/dist/src/components/textField/UITextField.vue.d.ts

@@ -19,13 +19,13 @@ type __VLS_Props = {
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
 };
-declare var __VLS_13: {
+declare var __VLS_18: {
     containerClass: string;
-}, __VLS_15: {};
+}, __VLS_21: {};
 type __VLS_Slots = {} & {
-    leadingIcon?: (props: typeof __VLS_13) => any;
+    leadingIcon?: (props: typeof __VLS_18) => any;
 } & {
-    supportText?: (props: typeof __VLS_15) => any;
+    supportText?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

package/dist/src/components/textField/uiTextField.theme.d.ts

@@ -1,13 +1,13 @@
 export declare const BASE = "relative rounded-[0.25rem] p-[0.25rem] w-fit h-[2.5rem] box-border bg-inherit flex items-center";
-export declare const INPUT_STYLE = "bg-inherit text-[1rem] text-on-surface border-none peer focus:outline-none leading-[1.5rem] mr-[0.75rem] placeholder:invisible";
-export declare const INPUT_DISABLED = "cursor-default bg-[transparent]";
+export declare const INPUT_STYLE = "bg-inherit text-[1rem] text-on-surface border-none peer focus:outline-hidden leading-[1.5rem] mr-[0.75rem] placeholder:invisible";
+export declare const INPUT_DISABLED = "cursor-default bg-transparent";
 export declare const LABEL = "absolute peer-placeholder-shown:text-[1rem] text-[0.75rem] peer-placeholder-shown:leading-[0.5rem] leading-[1rem] peer-placeholder-shown:top-[1rem] -top-[0.625rem] peer-focus:-top-[0.625rem] peer-focus:leading-[1rem] text-on-surface-variant peer-placeholder-shown:px-0 peer-focus:px-[0.25rem] px-[0.25rem] bg-inherit peer-focus:text-[0.75rem] peer-placeholder-shown:left-[1rem] left-[0.75rem] peer-focus:left-[0.75rem] transition-all";
 export declare const LABEL_SEARCH_ICON = "peer-placeholder-shown:left-[3rem]";
-export declare const INVALID_TEXT = "!text-error";
-export declare const DISABLED_TEXT = "!text-on-surface/[0.38] cursor-default";
+export declare const INVALID_TEXT = "text-error!";
+export declare const DISABLED_TEXT = "text-on-surface/38! cursor-default";
 export declare const SUPPORTING_TEXT = "text-[0.75rem] text-on-surface-variant mt-[0.25rem] ml-[1rem]";
 export declare const BUTTON_STYLE = "text-[1.32rem] px-[0.62rem]";
 export declare const BASE_DEFAULT = "border border-on-surface-variant";
 export declare const BASE_FOCUSED = "border-2 border-primary";
 export declare const BASE_INVALID = "border-2 border-error";
-export declare const BASE_DISABLED = "border border-on-surface/[0.12]";
+export declare const BASE_DISABLED = "border border-on-surface/12";

package/dist/src/components/textarea/UITextArea.vue.d.ts

@@ -18,13 +18,13 @@ type __VLS_Props = {
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
 };
-declare var __VLS_9: {
+declare var __VLS_12: {
     containerClass: string;
-}, __VLS_11: {};
+}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    leadingIcon?: (props: typeof __VLS_9) => any;
+    leadingIcon?: (props: typeof __VLS_12) => any;
 } & {
-    supportText?: (props: typeof __VLS_11) => any;
+    supportText?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

package/dist/src/components/toggleButton/uiToggleButton.const.d.ts

@@ -6,11 +6,11 @@ export declare const TOGGLE_BUTTON_SEVERITY: {
 };
 export type ToggleButtonSeverities = (typeof TOGGLE_BUTTON_SEVERITY)[keyof typeof TOGGLE_BUTTON_SEVERITY];
 export declare const DISABLED_CLASS_MAP: {
-    readonly standard: "text-on-surface/[0.38]";
-    readonly filled: "bg-on-surface/[0.12] text-on-surface/[0.38]";
-    readonly tonal: "bg-on-surface/[0.12] text-on-surface/[0.38]";
-    readonly outlined: "border border-opacity[0.08] text-on-surface/[0.38]";
+    readonly standard: "text-on-surface/38";
+    readonly filled: "bg-on-surface/12 text-on-surface/38";
+    readonly tonal: "bg-on-surface/12 text-on-surface/38";
+    readonly outlined: "border border-opacity[0.08] text-on-surface/38";
 };
 export declare const SEVERITY_CLASSES_MAP: {
-    readonly [x: string]: "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/[0.08]" | "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]" | "bg-surface-container-highest text-primary hover:after:bg-primary/[0.08]" | "bg-surface-container-highest text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]" | "border border-outline text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]" | "text-primary hover:after:bg-primary/[0.08]" | "bg-primary text-on-primary hover:after:bg-primary/[0.08]" | "bg-inverse-surface text-inverse-on-surface hover:after:bg-inverse-on-surface/[0.08]";
+    readonly [x: string]: "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/8" | "text-on-surface-variant hover:after:bg-on-surface-variant/8" | "bg-surface-container-highest text-primary hover:after:bg-primary/8" | "bg-surface-container-highest text-on-surface-variant hover:after:bg-on-surface-variant/8" | "border border-outline text-on-surface-variant hover:after:bg-on-surface-variant/8" | "text-primary hover:after:bg-primary/8" | "bg-primary text-on-primary hover:after:bg-primary/8" | "bg-inverse-surface text-inverse-on-surface hover:after:bg-inverse-on-surface/8";
 };

package/dist/src/components/toggleButton/uiToggleButton.theme.d.ts

@@ -1,20 +1,20 @@
 export declare const BASE = "h-[2.5rem] w-[2.5rem] text-[1.25rem] rounded-full relative flex justify-center items-center hover:after:rounded-full hover:after:size-full hover:after:absolute hover:after:left-0";
 export declare const NO_LABEL = "hidden";
-export declare const INPUT_STYLE = "rounded-full absolute lg:top-0 lg:left-0 max-md:top-[-0.25rem] max-md:left-[-0.25rem] h-[calc(100%+0.5rem)] w-[calc(100%+0.5rem)] lg:h-full lg:w-full appearance-none z-[10]";
+export declare const INPUT_STYLE = "rounded-full absolute lg:top-0 lg:left-0 max-md:top-[-0.25rem] max-md:left-[-0.25rem] h-[calc(100%+0.5rem)] w-[calc(100%+0.5rem)] lg:h-full lg:w-full appearance-none z-10";
 export declare const BOX_STYLE = "flex justify-center items-center w-[2.5rem] h-[2.5rem]";
 export declare const POINTER = "cursor-pointer";
 export declare const DEFAULT_DISABLED = "cursor-default";
-export declare const STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
-export declare const FILLED = "bg-surface-container-highest text-primary hover:after:bg-primary/[0.08]";
-export declare const TONAL = "bg-surface-container-highest text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
-export declare const OUTLINED = "border border-outline text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
-export declare const STANDARD_DISABLED = "text-on-surface/[0.38]";
-export declare const FILLED_DISABLED = "bg-on-surface/[0.12] text-on-surface/[0.38]";
-export declare const TONAL_DISABLED = "bg-on-surface/[0.12] text-on-surface/[0.38]";
-export declare const OUTLINED_DISABLED = "border border-opacity[0.08] text-on-surface/[0.38]";
-export declare const STANDARD_ACTIVE = "text-primary hover:after:bg-primary/[0.08]";
-export declare const FILLED_ACTIVE = "bg-primary text-on-primary hover:after:bg-primary/[0.08]";
-export declare const TONAL_ACTIVE = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/[0.08]";
-export declare const OUTLINED_ACTIVE = "bg-inverse-surface text-inverse-on-surface hover:after:bg-inverse-on-surface/[0.08]";
-export declare const STANDARD_ACTIVE_DISABLED = "text-on-surface/[0.38]";
-export declare const ACTIVE_DISABLED = "bg-on-surface/[0.12] text-on-surface/[0.38]";
+export declare const STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/8";
+export declare const FILLED = "bg-surface-container-highest text-primary hover:after:bg-primary/8";
+export declare const TONAL = "bg-surface-container-highest text-on-surface-variant hover:after:bg-on-surface-variant/8";
+export declare const OUTLINED = "border border-outline text-on-surface-variant hover:after:bg-on-surface-variant/8";
+export declare const STANDARD_DISABLED = "text-on-surface/38";
+export declare const FILLED_DISABLED = "bg-on-surface/12 text-on-surface/38";
+export declare const TONAL_DISABLED = "bg-on-surface/12 text-on-surface/38";
+export declare const OUTLINED_DISABLED = "border border-opacity[0.08] text-on-surface/38";
+export declare const STANDARD_ACTIVE = "text-primary hover:after:bg-primary/8";
+export declare const FILLED_ACTIVE = "bg-primary text-on-primary hover:after:bg-primary/8";
+export declare const TONAL_ACTIVE = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/8";
+export declare const OUTLINED_ACTIVE = "bg-inverse-surface text-inverse-on-surface hover:after:bg-inverse-on-surface/8";
+export declare const STANDARD_ACTIVE_DISABLED = "text-on-surface/38";
+export declare const ACTIVE_DISABLED = "bg-on-surface/12 text-on-surface/38";