@ironsource/shared-ui 2.0.2-rc.3 → 2.1.0-rc.0

package/index.d.ts

@@ -10660,6 +10660,7 @@ declare const _default: {
         placeholder: {
             type: import("vue").PropType<string>;
             required: true;
+            default: string;
         };
         autoFocus: {
             type: import("vue").PropType<boolean>;
@@ -10685,6 +10686,7 @@ declare const _default: {
         placeholder: {
             type: import("vue").PropType<string>;
             required: true;
+            default: string;
         };
         autoFocus: {
             type: import("vue").PropType<boolean>;
@@ -10695,6 +10697,7 @@ declare const _default: {
     }, {
         disabled: boolean;
         testId: string;
+        placeholder: string;
         autoFocus: boolean;
     }>;
     SearchTypes: () => import("vue").DefineComponent<{
@@ -10713,6 +10716,7 @@ declare const _default: {
         placeholder: {
             type: import("vue").PropType<string>;
             required: true;
+            default: string;
         };
         autoFocus: {
             type: import("vue").PropType<boolean>;
@@ -10738,6 +10742,7 @@ declare const _default: {
         placeholder: {
             type: import("vue").PropType<string>;
             required: true;
+            default: string;
         };
         autoFocus: {
             type: import("vue").PropType<boolean>;
@@ -10748,6 +10753,7 @@ declare const _default: {
     }, {
         disabled: boolean;
         testId: string;
+        placeholder: string;
         autoFocus: boolean;
     }>[];
     Dropdown: {
@@ -13785,7 +13791,7 @@ declare const _default: {
                 };
                 iconType: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                    default: any;
+                    default: string;
                 };
             }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
             $attrs: {
@@ -13843,7 +13849,7 @@ declare const _default: {
                 };
                 iconType: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                    default: any;
+                    default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 option: any;
@@ -13918,7 +13924,7 @@ declare const _default: {
             };
             iconType: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                default: any;
+                default: string;
             };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
@@ -13966,7 +13972,7 @@ declare const _default: {
         };
         iconType: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-            default: any;
+            default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         option: any;
@@ -14952,7 +14958,7 @@ declare const _default: {
                 };
                 iconType: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                    default: any;
+                    default: string;
                 };
             }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
             $attrs: {
@@ -15010,7 +15016,7 @@ declare const _default: {
                 };
                 iconType: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                    default: any;
+                    default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 option: any;
@@ -15085,7 +15091,7 @@ declare const _default: {
             };
             iconType: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                default: any;
+                default: string;
             };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
@@ -15133,7 +15139,7 @@ declare const _default: {
         };
         iconType: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-            default: any;
+            default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         option: any;

package/index.js

@@ -8,7 +8,7 @@ import { FloatingToolbarTypes as rr } from "./components/floatingToolbar/index.j
 import { IncludeExcludeTypes as er } from "./components/includeExclude/index.js";
 import { CssBaselineTypes as pr } from "./components/cssBaseline/index.js";
 import { ID_INJECTION_KEY as ar, useId as fr } from "./composables/useId.js";
-import { FilterDropdownTypes as xr } from "./components/filterDropdown/index.js";
+import { FilterDropdownTypes as ir } from "./components/filterDropdown/index.js";
 import { TypographyTypes as sr } from "./components/typography/index.js";
 import { TypographyTypesV4 as lr } from "./components/typography/v4/index.js";
 import { PopoverTypes as $r } from "./components/popover/index.js";
@@ -22,8 +22,8 @@ import * as p from "./components/switch/v3/index.js";
 import * as m from "./components/switch/v4/index.js";
 import * as a from "./components/dropdown/v3/index.js";
 import * as f from "./components/dropdown/v4/index.js";
-import * as i from "./components/search/v3/index.js";
-import * as x from "./components/search/v4/index.js";
+import * as x from "./components/search/v3/index.js";
+import * as i from "./components/search/v4/index.js";
 import * as d from "./components/filtersPanel/v3/index.js";
 import * as s from "./components/filtersPanel/v4/index.js";
 import * as n from "./components/checkbox/v3/index.js";
@@ -42,16 +42,16 @@ import * as F from "./components/tooltip/v3/index.js";
 import * as B from "./components/tooltip/v4/index.js";
 import * as C from "./components/table/v3/index.js";
 import * as h from "./components/table/v4/index.js";
-import * as M from "./components/table-cells/v3/index.js";
-import * as b from "./components/table-cells/v4/index.js";
-import * as w from "./components/skeleton/v3/index.js";
+import * as w from "./components/table-cells/v3/index.js";
+import * as M from "./components/table-cells/v4/index.js";
+import * as b from "./components/skeleton/v3/index.js";
 import * as P from "./components/skeleton/v4/index.js";
 import * as k from "./components/emptyState/v3/index.js";
 import * as v from "./components/emptyState/v4/index.js";
 import * as O from "./components/snackbar/v3/index.js";
-import * as H from "./components/snackbar/v4/index.js";
-import * as N from "./components/radioButton/v3/index.js";
-import * as R from "./components/radioButton/v4/index.js";
+import * as R from "./components/snackbar/v4/index.js";
+import * as H from "./components/radioButton/v3/index.js";
+import * as N from "./components/radioButton/v4/index.js";
 import * as S from "./components/ThemeWrapper/index.js";
 import * as _ from "./components/appHeader/index.js";
 import * as j from "./components/inlineCopy/index.js";
@@ -59,11 +59,11 @@ import { TextAreaTypes as Dr } from "./components/textArea/index.js";
 import { useToggle as Er } from "./composables/useToggle.js";
 import { useSearch as Br } from "./composables/useSearch.js";
 import { DateRangeTypes as hr } from "./components/dateRange/index.js";
-import { DatePickerTypes as br } from "./components/datePicker/index.js";
+import { DatePickerTypes as Mr } from "./components/datePicker/index.js";
 import { BannerTypes as Pr } from "./components/banner/index.js";
 import { default as vr } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as Hr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as Rr } from "./components/menuItem/MenuItem.vue.js";
+import { default as Rr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Nr } from "./components/menuItem/MenuItem.vue.js";
 import { default as _r } from "./components/menu/Menu.vue.js";
 import { default as qr } from "./components/appIcon/AppIcon.vue.js";
 import { default as Jr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
@@ -76,19 +76,20 @@ import { default as oo } from "./components/includeExclude/IncludeExcludeAppHead
 import { default as to } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
 import { default as mo } from "./components/cssBaseline/CssBaseline.vue.js";
 import { default as fo } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as xo } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as io } from "./components/filterDropdown/AddFilterButton.vue.js";
 import { default as no } from "./components/typography/Heading.vue.js";
 import { default as uo } from "./components/typography/Text.vue.js";
 import { default as To } from "./components/typography/v4/Typography.vue.js";
 import { default as yo } from "./components/popover/Popover.vue.js";
 import { default as Io } from "./components/multibar/MultiBar.vue.js";
-import { default as Ao } from "./components/layout/FormCard.vue.js";
-import { default as Fo } from "./components/layout/CardPanel.vue.js";
-import { default as Co } from "./components/layout/FoldableSection.vue.js";
-import { default as Mo } from "./components/textArea/TextArea.vue.js";
-import { default as wo } from "./components/dateRange/DateRange.vue.js";
-import { default as ko } from "./components/datePicker/DatePicker.vue.js";
-import { default as Oo } from "./components/banner/Banner.vue.js";
+import { default as Ao } from "./components/layout/FormRow.vue.js";
+import { default as Fo } from "./components/layout/FormCard.vue.js";
+import { default as Co } from "./components/layout/CardPanel.vue.js";
+import { default as wo } from "./components/layout/FoldableSection.vue.js";
+import { default as bo } from "./components/textArea/TextArea.vue.js";
+import { default as ko } from "./components/dateRange/DateRange.vue.js";
+import { default as Oo } from "./components/datePicker/DatePicker.vue.js";
+import { default as Ho } from "./components/banner/Banner.vue.js";
 const q = {
   ...e,
   ...t,
@@ -98,8 +99,8 @@ const q = {
   ...o,
   ...a,
   ...f,
-  ...i,
   ...x,
+  ...i,
   ...d,
   ...s,
   ...T,
@@ -116,46 +117,47 @@ const q = {
   ...E,
   ...C,
   ...h,
+  ...w,
   ...M,
-  ...b,
   ...k,
   ...v,
-  ...w,
+  ...b,
   ...P,
   ...O,
-  ...H,
+  ...R,
   ...n,
   ...l,
+  ...H,
   ...N,
-  ...R,
   ...S,
   ..._,
   ...j
 };
 export {
-  xo as AddFilterButton,
+  io as AddFilterButton,
   qr as AppIcon,
   X as AppIconTypes,
   vr as AppTrigger,
   K as AppTriggerTypes,
-  Hr as AutocompleteDropdown,
+  Rr as AutocompleteDropdown,
   Y as AutocompleteDropdownTypes,
-  Oo as Banner,
+  Ho as Banner,
   Pr as BannerTypes,
-  Fo as CardPanel,
+  Co as CardPanel,
   mo as CssBaseline,
   pr as CssBaselineTypes,
-  ko as DatePicker,
-  br as DatePickerTypes,
-  wo as DateRange,
+  Oo as DatePicker,
+  Mr as DatePickerTypes,
+  ko as DateRange,
   hr as DateRangeTypes,
   fo as FilterDropdown,
-  xr as FilterDropdownTypes,
+  ir as FilterDropdownTypes,
   Jr as FloatingToolbar,
   rr as FloatingToolbarTypes,
-  Co as FoldableSection,
-  Ao as FormCard,
+  wo as FoldableSection,
+  Fo as FormCard,
   gr as FormCardTypes,
+  Ao as FormRow,
   no as Heading,
   ar as ID_INJECTION_KEY,
   Vr as IncludeExclude,
@@ -167,7 +169,7 @@ export {
   Wr as IncludeExcludeOptionDraggable,
   er as IncludeExcludeTypes,
   _r as Menu,
-  Rr as MenuItem,
+  Nr as MenuItem,
   L as MenuItemTypes,
   U as MenuTypes,
   Io as MultiBar,
@@ -175,7 +177,7 @@ export {
   yo as Popover,
   $r as PopoverTypes,
   uo as Text,
-  Mo as TextArea,
+  bo as TextArea,
   Dr as TextAreaTypes,
   To as Typography,
   sr as TypographyTypes,

package/mocks/optionsWithIcons.d.ts

@@ -0,0 +1,5 @@
+export type OptionWithIcon = {
+    icon: string;
+    name: string;
+};
+export declare const optionWithIconMocks: OptionWithIcon[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.0.2-rc.3",
+  "version": "2.1.0-rc.0",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -60,7 +60,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "vue": "^3.2.31",
-    "vuedraggable": "^4.1.0"
+    "vuedraggable": "^4.1.0",
+    "yup": "^1.3.3"
   },
   "peerDependencies": {
     "@vueuse/core": "^8.7.5",
@@ -217,7 +218,8 @@
     "./typography": "./components/typography/v4/index.js",
     "./themeWrapper": "./components/ThemeWrapper/index.js",
     "./inlineCopy": "./components/inlineCopy/index.js",
-    "./appHeader": "./components/appHeader/index.js"
+    "./appHeader": "./components/appHeader/index.js",
+    "./forms": "./components/forms/index.js"
   },
   "typesVersions": {
     "*": {
@@ -424,6 +426,9 @@
       ],
       "appHeader": [
         "./components/appHeader/index.d.ts"
+      ],
+      "forms": [
+        "./components/forms/index.d.ts"
       ]
     }
   },

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css

@@ -1 +0,0 @@
-.app-trigger-wrapper[data-v-44158e5f]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-44158e5f]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-44158e5f]{flex:none}.app-trigger-key--content[data-v-44158e5f]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-44158e5f]:hover{background:var(--action-selected)}.app-trigger[data-v-44158e5f]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-44158e5f]:hover,.app-trigger.active[data-v-44158e5f]{background:var(--action-selected)}.app-trigger.disabled[data-v-44158e5f]{cursor:auto}.app-trigger--content[data-v-44158e5f]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-44158e5f]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-44158e5f]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-44158e5f]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-44158e5f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-44158e5f]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-44158e5f]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-44158e5f]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-44158e5f]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-44158e5f]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-44158e5f]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-44158e5f]{padding-top:5px;color:var(--error-main)}

package/ButtonV4.vue_vue_type_style_index_0_scoped_cca772e9_lang.css

@@ -1 +0,0 @@
-.button-wrap[data-v-cca772e9]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0}.contained.primary[data-v-cca772e9]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-cca772e9]:hover{background:var(--primary-darker)}.contained.primary[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-cca772e9]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-cca772e9]:hover{background:var(--default-light)}.contained.default[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-cca772e9]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-cca772e9]:hover{background:var(--error-dark)}.contained.danger[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-cca772e9]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-cca772e9]:hover{background:var(--info-dark)}.contained.info[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-cca772e9]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-cca772e9]:hover{background:var(--success-dark)}.contained.success[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-cca772e9]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-cca772e9]:hover{background:var(--warning-dark)}.contained.warning[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-cca772e9],.contained.loading[data-v-cca772e9]:hover{background:var(--action-disabled-background)}.outlined[data-v-cca772e9]{background:transparent}.outlined.primary[data-v-cca772e9]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-cca772e9]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-cca772e9]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-cca772e9]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-cca772e9]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-cca772e9]:hover{background:var(--error-lighter)}.outlined.danger[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-cca772e9]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-cca772e9]:hover{background:var(--info-lighter)}.outlined.info[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-cca772e9]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-cca772e9]:hover{background:var(--success-lighter)}.outlined.success[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-cca772e9]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-cca772e9]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-cca772e9],.outlined.loading[data-v-cca772e9]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-cca772e9]{background:transparent}.text.primary[data-v-cca772e9]{color:var(--primary-main)}.text.primary[data-v-cca772e9]:hover{background:var(--primary-lighter)}.text.primary[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-cca772e9]{color:var(--text-primary)}.text.default[data-v-cca772e9]:hover{background:var(--action-hover)}.text.default[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-cca772e9]{color:var(--error-main)}.text.danger[data-v-cca772e9]:hover{background:var(--error-lighter)}.text.danger[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-cca772e9]{color:var(--info-main)}.text.info[data-v-cca772e9]:hover{background:var(--info-lighter)}.text.info[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-cca772e9]{color:var(--success-main)}.text.success[data-v-cca772e9]:hover{background:var(--success-lighter)}.text.success[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-cca772e9]{color:var(--warning-darker)}.text.warning[data-v-cca772e9]:hover{background:var(--warning-lighter)}.text.warning[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-cca772e9],.text.loading[data-v-cca772e9]:hover{border:0;background:transparent}.small[data-v-cca772e9]{padding:2px 6px}.small.outlined[data-v-cca772e9]{padding:1px 5px}.medium[data-v-cca772e9]{padding:4px 8px}.medium.outlined[data-v-cca772e9]{padding:3px 7px}.large[data-v-cca772e9]{padding:10px 12px}.large.outlined[data-v-cca772e9]{padding:9px}.extraLarge[data-v-cca772e9]{padding:12px 14px}.extraLarge.outlined[data-v-cca772e9]{padding:11px 13px}.small[data-v-cca772e9],.medium[data-v-cca772e9],.large[data-v-cca772e9],.extraLarge[data-v-cca772e9]{height:auto}.flex[data-v-cca772e9]{display:flex;align-items:center}.start-icon[data-v-cca772e9]{margin-right:8px}.end-icon[data-v-cca772e9]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-cca772e9]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-cca772e9]{padding-right:22px}

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css

@@ -1 +0,0 @@
-.chip-trigger[data-v-e5202bb9]{border:1px solid var(--default-outlined-border);padding:5px 5px 5px 7px;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-e5202bb9]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.open[data-v-e5202bb9]{border:1.5px solid var(--action-active);padding:4.5px 4.5px 4.5px 6.5px;background:var(--action-selected)}.chip-trigger.active[data-v-e5202bb9]{border:1.5px solid var(--primary-main-50-p);background:var(--primary-light);padding:4.5px 4.5px 4.5px 6.5px}.chip-trigger.disabled[data-v-e5202bb9]{cursor:auto}.chip-trigger--content[data-v-e5202bb9]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-e5202bb9]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-e5202bb9]:hover{color:var(--primary-main)}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css

@@ -1 +0,0 @@
-.dropdown-trigger[data-v-c6156fa0]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-sm);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none}.dropdown-trigger[data-v-c6156fa0]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.disabled[data-v-c6156fa0]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1)}.dropdown-trigger.small[data-v-c6156fa0]{padding:3px 7px}.dropdown-trigger.open[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--primary-main)}.dropdown-trigger.state-error[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--warning-dark)}.content[data-v-c6156fa0]{width:calc(100% - 28px);display:flex;gap:.5rem;align-items:center}.content .displayed-value[data-v-c6156fa0]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-c6156fa0]{width:20px;height:20px;flex:none}.content .image img[data-v-c6156fa0]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-c6156fa0]{display:flex;color:var(--action-active)}

package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css

@@ -1 +0,0 @@
-.label[data-v-17d78416]{color:#41454d}.item-container[data-v-17d78416]{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-17d78416]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-17d78416]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-17d78416],.item-container[data-v-17d78416]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-17d78416]{background-color:var(--action-selected)}.subtitle[data-v-17d78416]{color:#7b838c;line-height:1rem}.clear-button[data-v-17d78416]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-17d78416]:hover{color:#3083ff}.item[data-v-17d78416]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-17d78416],.item--multi[data-v-17d78416]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-17d78416]{width:20px;height:20px;flex:none}.item .image img[data-v-17d78416]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-17d78416]{display:flex;color:var(--action-active)}.text-container[data-v-17d78416]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}

package/SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css

@@ -1 +0,0 @@
-.search-container[data-v-215f0f29]{position:relative}.search-container[data-v-215f0f29] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-215f0f29]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-215f0f29]:hover{color:var(--text-primary)}

package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css

@@ -1 +0,0 @@
-.container[data-v-48311746]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-48311746]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-48311746]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-48311746]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-48311746]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-48311746]{right:1rem}.snackbar.left[data-v-48311746]{left:1rem}.close-button-wrapper[data-v-48311746]{width:20px}.snackbar-enter-from.right[data-v-48311746]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-48311746]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-48311746]{opacity:0}.snackbar-leave-to.right[data-v-48311746]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-48311746]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-48311746]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-48311746]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-48311746]{color:var(--success-main)}.action-wrapper[data-v-48311746]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-48311746]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}

package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css

@@ -1 +0,0 @@
-div[data-v-cde15298]{display:block}