@wikicasa-dev/components 2.1.4-alpha.23 → 2.1.4-alpha.3

package/dist/UIKit/Accordion/BaseAccordionContent.d.ts

@@ -1,10 +1,10 @@
-import { ClassTypeProp } from '../types';
+import { ClassType } from '@wikicasa-dev/types';
 type __VLS_Props = {
     id: string | number;
     accordionOpen: boolean;
-    accordionOpenClasses?: ClassTypeProp;
-    accordionClosedClasses?: ClassTypeProp;
-    accordionContentClasses?: ClassTypeProp;
+    accordionOpenClasses?: ClassType;
+    accordionClosedClasses?: ClassType;
+    accordionContentClasses?: ClassType;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/UIKit/Accordion/BaseAccordionItem.d.ts

@@ -1,19 +1,19 @@
-import { AccordionItem } from '@wikicasa-dev/types';
-import { ClassTypeProp } from '../types';
+import { AccordionItem, ClassType } from '@wikicasa-dev/types';
 type __VLS_Props = AccordionItem & {
     arrowColor?: `#${string}`;
     arrowWidth?: number;
     /** If true, when you click the container of the button and the title of the accordion, the accordion will expand */
     onContainerClickExpand?: boolean;
+    rootClasses?: ClassType;
     dataCy?: string;
+    btnClasses?: ClassType;
     itemProp?: string;
-    btnClasses?: ClassTypeProp;
-    arrowClasses?: ClassTypeProp;
-    btnWrapperClasses?: ClassTypeProp;
-    accordionContentClasses?: ClassTypeProp;
-    accordionOpenClasses?: ClassTypeProp;
-    accordionCloseClasses?: ClassTypeProp;
-    accordionClasses?: ClassTypeProp;
+    arrowClasses?: ClassType;
+    btnWrapperClasses?: ClassType;
+    accordionContentClasses?: ClassType;
+    accordionOpenClasses?: ClassType;
+    accordionCloseClasses?: ClassType;
+    accordionClasses?: ClassType;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -37,7 +37,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -50,7 +50,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onAccordionOpened?: ((a: AccordionItem) => any) | undefined;
     onAccordionClosed?: ((a: AccordionItem) => any) | undefined;
     "onUpdate:accordionState"?: ((args_0: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -1,20 +1,22 @@
-import { Nullable, Optional } from '@wikicasa-dev/types';
+import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
 import { AccessibleSelectOptions, ClassTypeProp } from './types';
-declare const _default: <T, LabelID extends string | number | undefined, TComponent>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onClick?: (() => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<T, LabelID, TComponent>>) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
         readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly onKeydownEnterPressed?: (() => any) | undefined;
         readonly onChangedValue?: ((args_0: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
-        modelValue?: Optional<AccessibleSelectOptions<T, LabelID, TComponent>>;
+        modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
     } & {
         isValid?: Nullable<boolean>;
+        theme?: BaseAutocompleteThemes;
+        label?: string;
         disableCb?: boolean;
-        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID, TComponent>[]>;
-        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID, TComponent>) => void>;
+        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
+        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
         keepState?: Nullable<"closed" | "open">;
         cleanupOnClose?: boolean;
         dropdownClasses?: string;
@@ -24,23 +26,19 @@ declare const _default: <T, LabelID extends string | number | undefined, TCompon
         closeDropdownOnBodyPressed?: boolean;
         inputClasses?: ClassTypeProp;
         fieldsetClasses?: ClassTypeProp;
-        placeholder?: string;
         dataCy?: string;
-        withBorder?: boolean;
-        withCleanBtn?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         select: () => void;
     }>): void;
     attrs: any;
     slots: {
-        leftIcon?(_: {}): any;
-        dropdown?(_: {
-            options: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<T, LabelID, TComponent>>[];
-            toggleDropdown: () => void;
+        lefticon?(_: {}): any;
+        righticon?(_: {
+            handleClean: () => void;
         }): any;
     };
-    emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<T, LabelID, TComponent>>) => void);
+    emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<T, LabelID> | undefined) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/BaseAutocomplete.js

@@ -1,5 +1,4 @@
-import o from "../packages/components/lib/UIKit/BaseAutocomplete.vue.js";
-import '../assets/packages/components/lib/UIKit/BaseAutocomplete.css';/* empty css                                                     */
+import f from "../packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 export {
-  o as default
+  f as default
 };

package/dist/UIKit/BaseBadge.d.ts

@@ -1,6 +1,42 @@
+declare const badgeType: {
+    /**
+     * @deprecated Old style
+     */
+    readonly warning: "uikit-badge-w-warning";
+    /**
+     * @deprecated Old style
+     */
+    readonly lavender: "uikit-badge-w-lavender";
+    /**
+     * @deprecated Old style
+     */
+    readonly danger: "uikit-badge-w-danger";
+    /**
+     * @deprecated Old style
+     */
+    readonly "outline-tag": "uikit-badge-outline-tag";
+    /**
+     * @deprecated Old style
+     */
+    readonly "primary-sm": "uikit-badge-w-primary-sm";
+    /**
+     * @deprecated Old style
+     */
+    readonly "dark-primary": "uikit-badge-w-dark-primary";
+    /**
+     * @deprecated Old style
+     */
+    readonly "outline-tag-listing": "uikit-badge-outline-tag-listing";
+    readonly gold: "uikit-badge-gold";
+    readonly silver: "uikit-badge-silver";
+    readonly premium: "uikit-badge-premium";
+    readonly luxury: "uikit-badge-luxury";
+    readonly alert: "uikit-badge-alert";
+    readonly new: "uikit-badge-new";
+    readonly discount: "uikit-badge-discount";
+};
 type __VLS_Props = {
-    badgeClass?: "gold" | "silver" | "black" | "darkblue" | "gray" | "pink" | "cultured";
-    type?: "rounded" | "squared" | "default";
+    badgeClass?: keyof typeof badgeType;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/UIKit/BaseDropDown.d.ts

@@ -1,35 +1,33 @@
 import { Nullable, Optional } from '@wikicasa-dev/types';
-import { BtnVariant, ClassTypeProp } from './types';
+import { ClassType } from './types';
 type __VLS_Props = {
+    dropdownClasses?: ClassType;
+    btnClasses?: string;
     withArrowIcon?: boolean;
+    btnLabel?: string;
+    labelClasses?: ClassType;
     direction?: "up" | "down";
+    arrowWidth?: number;
+    arrowStrokeColor?: `#${string}`;
     isAbsolute?: boolean;
+    /**
+     * @deprecated Use v-model:toggleDropdown instead
+     */
+    openDropdown?: boolean;
     closeWhenClickedOutside?: boolean;
     dropdownElement?: "div" | "ul" | "ol";
+    keepState?: "opened" | "closed" | "";
     activateKeyboardController?: boolean;
     disableSpaceHandler?: boolean;
-    dropdownClasses?: ClassTypeProp;
-    btnProps?: Partial<{
-        classes: ClassTypeProp;
-        type: BtnVariant;
-        label: string;
-    }>;
-    arrowProps?: Partial<{
-        classes?: ClassTypeProp;
-        height?: number;
-        width?: number;
-        strokeColor?: `#${string}`;
-    }>;
-    labelClasses?: ClassTypeProp;
     dataCy?: string;
 };
 type __VLS_PublicProps = {
-    "open"?: Optional<boolean>;
+    "toggleDropdown"?: Optional<boolean>;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        button?(_: {
+        btn_slot?(_: {
             toggleDropdown: () => void;
             isOpen: boolean;
             setActiveIdx: (idx?: Nullable<number>) => void;
@@ -46,22 +44,39 @@ declare function __VLS_template(): {
     refs: {
         dropdown: unknown;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
+    "update:toggleDropdown": (value: Optional<boolean>) => any;
     "update:dropdownState": (args_0: boolean) => any;
-    "update:open": (value: Optional<boolean>) => any;
     "update:selectedIdx": (args_0: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: (() => any) | undefined;
+    "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
-    "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:selectedIdx"?: ((args_0: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {
+    dataCy: string;
+    arrowWidth: number;
+    btnClasses: string;
+    labelClasses: string | Record<string, boolean> | ClassType[] | null;
+    dropdownClasses: string | Record<string, boolean> | ClassType[] | null;
+    withArrowIcon: boolean;
+    btnLabel: string;
+    direction: "up" | "down";
+    arrowStrokeColor: `#${string}`;
+    isAbsolute: boolean;
+    openDropdown: boolean;
+    closeWhenClickedOutside: boolean;
+    dropdownElement: "div" | "ul" | "ol";
+    keepState: "opened" | "closed" | "";
+    activateKeyboardController: boolean;
+    disableSpaceHandler: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dropdown: unknown;
-}, HTMLDivElement>;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/BaseInput.d.ts

@@ -1,6 +1,7 @@
 import { Nullable, InputTypeHTMLAttribute } from '@wikicasa-dev/types';
-import { ClassTypeProp, FeedbackLabels } from './types';
+import { ClassType, ClassTypeProp, FeedbackLabels } from './types';
 type __VLS_Props = {
+    inputClass?: ClassType | ClassType[];
     labelText?: string;
     feedback?: FeedbackLabels;
     isValid?: Nullable<boolean>;
@@ -9,11 +10,11 @@ type __VLS_Props = {
         formatFn: (n: number | string) => string;
         unFormatFn: (v: string) => string | number | null;
     }>>;
-    inputClass?: ClassTypeProp;
     labelClasses?: ClassTypeProp;
     labelTextClasses?: ClassTypeProp;
+    withLeftIcon?: boolean;
+    withRightIcon?: boolean;
     dataCy?: string;
-    withBorder?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: string | number | undefined;
@@ -22,7 +23,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         leftIcon?(_: {}): any;
-        rightIcon?(_: {
+        righticon?(_: {
             handleClean: () => void;
             handleShowPasswd: () => void;
             curType: InputTypeHTMLAttribute;

package/dist/UIKit/BaseModal.d.ts

@@ -43,12 +43,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    closed: () => any;
     opened: () => any;
+    closed: () => any;
     dialogClick: (args_0: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClosed?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
     onDialogClick?: ((args_0: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     backdropEl: HTMLDivElement;

package/dist/UIKit/BasePagination.d.ts

@@ -1,5 +1,4 @@
-import { Nullable, Optional } from '@wikicasa-dev/types';
-import { Component } from 'vue';
+import { Optional } from '@wikicasa-dev/types';
 type __VLS_Props = {
     /**
      * Number of elements in the list
@@ -18,11 +17,6 @@ type __VLS_Props = {
     nextLabel?: string;
     prevDataCy?: string;
     nextDataCy?: string;
-    linkProps?: Record<string, unknown>;
-    linkTag?: Component | "a";
-    baseUrl?: string;
-    pageQueryParameter?: string;
-    formatter?: (value?: Nullable<number>) => string;
 };
 type __VLS_PublicProps = {
     "pageNumber"?: Optional<number>;

package/dist/UIKit/Checkbox/CheckboxGroup.d.ts

@@ -1,9 +1,9 @@
-import { CheckboxButtonType, GetterIdType, ClassTypeProp } from '../types';
+import { CheckboxButtonType, GetterIdType, ClassType } from '../types';
 type __VLS_Props = {
     checkboxData?: CheckboxButtonType[];
     formCheckInline?: boolean;
     reset?: boolean;
-    checkboxContainerClasses?: ClassTypeProp;
+    checkboxContainerClasses?: ClassType;
     /**
      * [ResetCheckbox required] If true, when you check all the checkboxes, the reset one will be checked
      */
@@ -54,7 +54,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     dataCy: string;
     checkboxData: CheckboxButtonType[];
     formCheckInline: boolean;
-    checkboxContainerClasses: string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null;
+    checkboxContainerClasses: string | Record<string, boolean> | ClassType[] | null;
     autoCheckResetAll: boolean;
     autoCheckResetEmpty: boolean;
     manualToggleResetButton: boolean;

package/dist/UIKit/NativeSelect.js

@@ -0,0 +1,5 @@
+import o from "../packages/components/lib/UIKit/NativeSelect.vue.js";
+import '../assets/packages/components/lib/UIKit/NativeSelect.css';/* empty css                                                 */
+export {
+  o as default
+};

package/dist/UIKit/types.d.ts

@@ -1,5 +1,4 @@
 import { Icon, LabelItem, IconItem, AccordionItem } from '@wikicasa-dev/types';
-import { Component } from 'vue';
 export type CardTypes = "mini" | "vertical" | "news" | "";
 export type CardRootTypes = "div" | "article";
 /** Toggle types */
@@ -45,11 +44,9 @@ export type FeedbackLabels = {
 export type SelectOptions<T = void> = IconItem & LabelItem & {
     payload?: T;
 };
-export type AccessibleSelectOptions<TData = unknown, TID = string | number | undefined, TComponent = Component> = LabelItem<TID> & {
+export type AccessibleSelectOptions<TData = unknown, TID = string | number | undefined> = IconItem & LabelItem<TID> & {
     visibleLabel?: string;
-} & TData & {
-    icon?: TComponent;
-};
+} & TData;
 export type RadioButtonType<T = unknown> = {
     id?: string | number | null;
     label: string | number;
@@ -58,7 +55,7 @@ export type RadioButtonType<T = unknown> = {
 };
 export type AccordionItemDecorated<T = unknown> = Record<string | number, T & Partial<AccordionItem>>;
 export type BtnVariant = "primary" | "secondary" | "ternary" | "quaternary" | "warning" | "danger" | "transparent" | "light" | "show-more" | "multi-selection" | "single-selection" | "facile";
-type ClassType = string | Record<string, boolean> | null | undefined | ClassType[];
+export type ClassType = string | Record<string, boolean> | null | undefined | ClassType[];
 export type ClassTypeProp = ClassType | ClassType[];
 export type SegmentedControlItemType<T = unknown> = {
     label: string;
@@ -68,4 +65,3 @@ export type SegmentedControlItemType<T = unknown> = {
     single?: boolean;
     payload?: T;
 };
-export {};

package/dist/assets/packages/components/lib/UIKit/BaseAlert.css

@@ -1 +1 @@
-.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #F20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}
+.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #F20003}.uikit-alert.uikit-alert-w-dark-primary{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}

package/dist/assets/packages/components/lib/UIKit/BaseBadge.css

@@ -1 +1 @@
-.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.badge-gold{background:transparent linear-gradient(125deg,#d1953b,#deb762) 0% 0% no-repeat padding-box}.badge-silver{background:transparent linear-gradient(166deg,#cbcbcb,#a7a7a7 54%,#cbcbcb) 0% 0% no-repeat padding-box}.badge-gold,.badge-silver{--badge-custom-size: 28px;height:var(--badge-custom-size);width:var(--badge-custom-size)}.badge-black{background:transparent linear-gradient(151deg,#272727,#696969 52%,#272727) 0% 0% no-repeat padding-box}.badge-darkblue{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.badge-gray{background-color:#2222227f}.badge-pink{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.badge-cultured{--uikit-badge-text-color: #222222;--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}
+.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.uikit-badge-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 6px #79797929;--tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-badge-outline-tag{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));padding:8px 18px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-outline-tag-listing{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:12px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-primary-sm{height:24px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1));font-size:10px;font-weight:500;line-height:inherit;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-w-dark-primary{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));padding-left:11px;padding-right:11px}@media (min-width: 640px){.uikit-badge-w-dark-primary{padding-right:8px;font-size:12px}}.uikit-badge-w-danger{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-gold{background:transparent linear-gradient(125deg,#d1953b,#deb762) 0% 0% no-repeat padding-box}.uikit-badge-silver{background:transparent linear-gradient(166deg,#cbcbcb,#a7a7a7 54%,#cbcbcb) 0% 0% no-repeat padding-box}.uikit-badge-premium{background:transparent linear-gradient(151deg,#272727,#696969 52%,#272727) 0% 0% no-repeat padding-box}.uikit-badge-luxury{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.uikit-badge-alert{background-color:#2222227f}.uikit-badge-new{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-badge-discount{--uikit-badge-text-color: #222222;--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}

package/dist/assets/packages/components/lib/UIKit/BaseComplexToggle.css

@@ -1 +1 @@
-.base-complex-toggle[data-v-7737664c]{--base-complex-toggle-height: 42px;--base-complex-toggle-width: 230px;--base-complex-toggle-radius: 23px;--base-complex-toggle-border-width: 1px;--base-complex-toggle-border-color: #162F80;--padding-x-bg: 7px;--padding-y-bg: 8px;--base-complex-toggle-bg-height: var(--base-complex-toggle-height);--base-complex-toggle-bg-width: calc(var(--base-complex-toggle-width) / 2);--base-complex-toggle-bg-padded-width: calc( var(--base-complex-toggle-bg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-padded-height: calc( var(--base-complex-toggle-bg-height) - var(--padding-y-bg) );--padded-bg-dist-from-top: calc(var(--padding-y-bg) / 2);--round-interval: 1px;--translateX-value: calc(var(--base-complex-toggle-bg-width) / 2);--left-translateX: translateX(calc(var(--translateX-value) * -1));--right-translateX: translateX(var(--translateX-value));--toggle-width: var(--base-complex-toggle-width);--toggle-height: var(--base-complex-toggle-height);--toggle-border: var(--base-complex-toggle-border-width) var(--base-complex-toggle-border-color) solid;--toggle-border-radius: var(--base-complex-toggle-radius)}.base-complex-toggle.lg[data-v-7737664c]{--base-complex-toggle-height: 56px;--base-complex-toggle-width: 342px;--base-complex-toggle-radius: 28px}@media screen and (max-width: 640px){.base-complex-toggle.mobile[data-v-7737664c]{--base-complex-toggle-width: 342px }}.base-complex-toggle[data-v-7737664c]{width:var(--toggle-width);height:var(--toggle-height);border:var(--toggle-border);border-radius:var(--toggle-border-radius)}.base-complex-toggle-active[data-v-7737664c]{--base-complex-toggle-active-color: #fff;font-weight:500;cursor:default;color:var(--base-complex-toggle-active-color)}.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-warning][data-v-7737664c]{--base-complex-toggle-active-color: #222222}.base-complex-toggle-active-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-bg .mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-lg-width) }}.base-complex-toggle-active-bg[data-v-7737664c]{width:var(--toggle-bg-width);height:var(--toggle-bg-height);border-radius:var(--base-complex-toggle-radius);z-index:1}.base-complex-toggle-active-padded-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-padded-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-padded-bg.mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width) }}.base-complex-toggle-active-padded-bg[data-v-7737664c]{border-radius:var(--base-complex-toggle-radius);z-index:1;top:var(--padded-bg-dist-from-top);width:var(--toggle-bg-width);height:var(--toggle-bg-height)}.translateX-left[data-v-7737664c]{transform:var(--left-translateX)}@media screen and (max-width: 640px){.translateX-left.mobile[data-v-7737664c]{transform:var(--left-translateX)}}.translateX-right[data-v-7737664c]{transform:var(--right-translateX)}@media screen and (max-width: 640px){.translateX-right.mobile[data-v-7737664c]{transform:var(--right-translateX)}}
+.base-complex-toggle[data-v-7737664c]{--base-complex-toggle-height: 42px;--base-complex-toggle-width: 230px;--base-complex-toggle-radius: 23px;--base-complex-toggle-border-width: 1px;--base-complex-toggle-border-color: #162F80;--padding-x-bg: 7px;--padding-y-bg: 8px;--base-complex-toggle-bg-height: var(--base-complex-toggle-height);--base-complex-toggle-bg-width: calc(var(--base-complex-toggle-width) / 2);--base-complex-toggle-bg-padded-width: calc( var(--base-complex-toggle-bg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-padded-height: calc( var(--base-complex-toggle-bg-height) - var(--padding-y-bg) );--padded-bg-dist-from-top: calc(var(--padding-y-bg) / 2);--round-interval: 1px;--translateX-value: calc(var(--base-complex-toggle-bg-width) / 2);--left-translateX: translateX(calc(var(--translateX-value) * -1));--right-translateX: translateX(var(--translateX-value));--toggle-width: var(--base-complex-toggle-width);--toggle-height: var(--base-complex-toggle-height);--toggle-border: var(--base-complex-toggle-border-width) var(--base-complex-toggle-border-color) solid;--toggle-border-radius: var(--base-complex-toggle-radius)}.base-complex-toggle.lg[data-v-7737664c]{--base-complex-toggle-height: 56px;--base-complex-toggle-width: 342px;--base-complex-toggle-radius: 28px}@media screen and (max-width: 640px){.base-complex-toggle.mobile[data-v-7737664c]{--base-complex-toggle-width: 342px }}.base-complex-toggle[data-v-7737664c]{width:var(--toggle-width);height:var(--toggle-height);border:var(--toggle-border);border-radius:var(--toggle-border-radius)}.base-complex-toggle-active[data-v-7737664c]{--base-complex-toggle-active-color: #fff;font-weight:500;cursor:default;color:var(--base-complex-toggle-active-color)}.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-warning][data-v-7737664c],.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-darkblue][data-v-7737664c]{--base-complex-toggle-active-color: #222222}.base-complex-toggle-active-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-bg .mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-lg-width) }}.base-complex-toggle-active-bg[data-v-7737664c]{width:var(--toggle-bg-width);height:var(--toggle-bg-height);border-radius:var(--base-complex-toggle-radius);z-index:1}.base-complex-toggle-active-padded-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-padded-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-padded-bg.mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width) }}.base-complex-toggle-active-padded-bg[data-v-7737664c]{border-radius:var(--base-complex-toggle-radius);z-index:1;top:var(--padded-bg-dist-from-top);width:var(--toggle-bg-width);height:var(--toggle-bg-height)}.translateX-left[data-v-7737664c]{transform:var(--left-translateX)}@media screen and (max-width: 640px){.translateX-left.mobile[data-v-7737664c]{transform:var(--left-translateX)}}.translateX-right[data-v-7737664c]{transform:var(--right-translateX)}@media screen and (max-width: 640px){.translateX-right.mobile[data-v-7737664c]{transform:var(--right-translateX)}}

package/dist/assets/packages/components/lib/UIKit/BaseInput.css

@@ -1 +1 @@
-.uikit-input-wrapper{--input-icon-size: 20px;--input-padding-with-icon: 40px;--input-height: 56px}.uikit-input-wrapper.has-right-icon input{padding-right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-right-icon>label{right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon input{padding-left:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon>label{left:var(--input-padding-with-icon)}.uikit-input-wrapper .text-input-icon{position:absolute;z-index:20;box-sizing:border-box}.uikit-input-wrapper .text-input-icon.left{left:12px}.uikit-input-wrapper .text-input-icon.right{right:12px}.uikit-input-wrapper .text-input-icon{--icon-top: 18px;width:var(--input-icon-size);height:var(--input-icon-size);top:var(--icon-top)}.uikit-input-wrapper .under-label{left:4px;font-style:italic}.uikit-input-wrapper .input-element{height:var(--input-height)}
+.uikit-input-wrapper{--input-icon-size: 20px;--input-padding-with-icon: 40px}.uikit-input-wrapper.has-right-icon input{padding-right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-right-icon>label{right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon input{padding-left:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon>label{left:var(--input-padding-with-icon)}.uikit-input-wrapper .text-input-icon{position:absolute;z-index:20;box-sizing:border-box}.uikit-input-wrapper .text-input-icon.left{left:12px}.uikit-input-wrapper .text-input-icon.right{right:12px}.uikit-input-wrapper .text-input-icon{--icon-top: 18px;width:var(--input-icon-size);height:var(--input-icon-size);top:var(--icon-top)}.uikit-input-wrapper .under-label{left:4px;font-style:italic}

package/dist/assets/packages/components/lib/UIKit/BasePin.css

@@ -1 +1 @@
-.uikit-pin{--pin-bg-color: #fff;--pin-color: #2b5dff;--pin-arrow-top: 4px}.uikit-pin.uikit-pin-blue{--pin-bg-color: #2b5dff;--pin-color: #fff}.uikit-pin.uikit-pin-cultured{--pin-bg-color: #F4F7FF;--pin-color: #222222}.uikit-pin.uikit-pin-dark-blue{--pin-bg-color: #162F80;--pin-color: #fff}.uikit-pin.uikit-pin-outlined{--pin-border-width: 1px;--pin-border-color: #2b5dff;--pin-arrow-top: 3px}.uikit-pin.uikit-pin-outlined.uikit-pin-red{--pin-border-color: #F20003;--pin-color: #F20003}.uikit-pin.uikit-pin-outlined .uikit-pin-body:after{content:"";width:15px;height:2px;position:absolute;background-color:var(--pin-bg-color);bottom:0;left:28.5px}.uikit-pin.uikit-pin-rounded{--pin-border-color: #2b5dff;--pin-border-width: 2px}.uikit-pin.uikit-pin-rounded.uikit-pin-blue{--pin-border-color: #fff}.uikit-pin .uikit-pin-body{background-color:var(--pin-bg-color);color:var(--pin-color);border:var(--pin-border-width) var(--pin-border-color) solid;box-shadow:0 5px 10px #0000001a}.uikit-pin .uikit-pin-arrow{position:absolute;background-color:var(--pin-bg-color);text-align:left;top:calc(100% - 8px);left:calc(50% - 8px);width:15px;height:15px;border-bottom-left-radius:4px;clip-path:polygon(0% 0%,0 100%,100% 100%);transform:rotate(-56deg) skew(-20deg) scaleY(.95);border:var(--pin-border-width) var(--pin-border-color) solid}
+.uikit-pin{--pin-bg-color: #fff;--pin-color: #2b5dff;--pin-arrow-top: 4px}.uikit-pin.uikit-pin-blue{--pin-bg-color: #2b5dff;--pin-color: #fff}.uikit-pin.uikit-pin-cultured{--pin-bg-color: #F4F7FF;--pin-color: #222222}.uikit-pin.uikit-pin-dark-blue{--pin-bg-color: #162F80;--pin-color: #fff}.uikit-pin.uikit-pin-outlined{--pin-border-width: 1px;--pin-border-color: #2b5dff;--pin-arrow-top: 3px}.uikit-pin.uikit-pin-outlined.uikit-pin-red{--pin-border-color: #F20003;--pin-color: #F20003}.uikit-pin.uikit-pin-outlined .uikit-pin-body:after{content:"";width:15px;height:2px;position:absolute;background-color:var(--pin-bg-color);bottom:0;left:26.5px}.uikit-pin.uikit-pin-rounded{--pin-border-color: #2b5dff;--pin-border-width: 2px}.uikit-pin.uikit-pin-rounded.uikit-pin-blue{--pin-border-color: #fff}.uikit-pin .uikit-pin-body{background-color:var(--pin-bg-color);color:var(--pin-color);border:var(--pin-border-width) var(--pin-border-color) solid;box-shadow:0 5px 10px #0000001a}.uikit-pin .uikit-pin-arrow{position:absolute;background-color:var(--pin-bg-color);text-align:left;top:calc(100% - 8px);left:calc(50% - 8px);width:15px;height:15px;border-bottom-left-radius:4px;clip-path:polygon(0% 0%,0 100%,100% 100%);transform:rotate(-56deg) skew(-20deg) scaleY(.95);border:var(--pin-border-width) var(--pin-border-color) solid}

package/dist/assets/packages/components/lib/UIKit/{BaseSelect.css → NativeSelect.css}

@@ -1 +1 @@
-.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--7c189782)}
+.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--f3734614)}