@3squared/forge-ui-3 0.4.1 → 0.4.2

package/dist/src/components/ForgeInlineEditor.vue.d.ts

@@ -9,7 +9,18 @@ export interface ForgeInlineEditorProps {
     errorParams?: Array<any>;
     readonly?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    editor?(_: {
+        class: {
+            'is-invalid': boolean;
+        };
+        editFinished: () => Promise<false | undefined>;
+        cancel: () => void;
+        val: any;
+    }): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     modelValue: import('vue').PropType<any>;
     errorAction: {
         type: import('vue').PropType<Function>;
@@ -62,20 +73,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<Function>;
     };
 }>>, {
-    params: any[];
+    params: Array<any>;
     name: string;
     readonly: boolean;
-}, {}>, {
-    editor?(_: {
-        class: {
-            'is-invalid': boolean;
-        };
-        editFinished: () => Promise<false | undefined>;
-        cancel: () => void;
-        val: any;
-    }): any;
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/ForgeLink.vue.d.ts

@@ -18,9 +18,11 @@ export interface ForgeLinkProps {
     positionIconEnd?: boolean;
     iconName?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ForgeLinkProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ForgeLinkProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ForgeLinkProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ForgeLinkProps>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeModal.vue.d.ts

@@ -6,7 +6,10 @@ export interface ForgeModalProps extends DialogProps {
     showFooter?: boolean;
     onConfirm?: Function | null;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<NonNullable<keyof DialogSlots>, (_: any) => any>> & {
+    loader?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     visible: {
         required: true;
         type: import('vue').PropType<boolean>;
@@ -239,9 +242,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onConfirm: Function | null;
     modal: boolean;
     showHeader: boolean;
-}, {}>, Partial<Record<NonNullable<keyof DialogSlots>, (_: {}) => any>> & {
-    loader?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/ForgeMultiSelect.vue.d.ts

@@ -10,7 +10,10 @@ export interface ForgeMultiSelectProps {
     rules?: TypedSchema;
     name?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeMultiSelectProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<string | number>, (_: {
+    slot: string | number;
+}) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeMultiSelectProps>, {
     severity: string;
     expandLeft: boolean;
     showClearSelection: boolean;
@@ -37,9 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     showClearSelection: boolean;
     expandLeft: boolean;
     selectValue: string;
-}, {}>, Partial<Record<NonNullable<string | number>, (_: {
-    slot: string | number;
-}) => any>>>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeMultiSelectPreview.vue.d.ts

@@ -7,7 +7,15 @@ export interface ForgeMultiSelectPreviewProps {
     options: MultiSelectOption<unknown>[];
     canRemoveItemFromPreview?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeMultiSelectPreviewProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<string | number>, (_: {
+    slot: string | number;
+}) => any>> & {
+    "after-multi-select"?(_: {}): any;
+    "list-item"?(_: {
+        item: MultiSelectOption<any>;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeMultiSelectPreviewProps>, {
     orientation: string;
     canRemoveItemFromPreview: boolean;
     height: string;
@@ -26,14 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     height: string;
     orientation: ForgeMultiSelectOrientation;
     canRemoveItemFromPreview: boolean;
-}, {}>, Partial<Record<NonNullable<string | number>, (_: {
-    slot: string | number;
-}) => any>> & {
-    "after-multi-select"?(_: {}): any;
-    "list-item"?(_: {
-        item: MultiSelectOption<any>;
-    }): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeNavbar.vue.d.ts

@@ -6,7 +6,11 @@ export interface ForgeNavbarProps extends /* vue-ignore */ Omit<MenubarProps, "a
     logoUrl?: string;
     position?: ForgeNavbarPosition;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeNavbarProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<keyof MenubarSlots>, (_: any) => any>> & {
+    logo?(_: {}): any;
+    menubuttonicon?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeNavbarProps>, {
     severity: string;
     logoUrl: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeNavbarProps>, {
@@ -15,10 +19,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }>>>, {
     severity: "secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand" | "light" | "dark";
     logoUrl: string;
-}, {}>, Partial<Record<NonNullable<keyof MenubarSlots>, (_: {}) => any>> & {
-    logo?(_: {}): any;
-    menubuttonicon?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgePageHeader.vue.d.ts

@@ -1,9 +1,11 @@
 export interface ForgePageHeaderProps {
     title: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeProgressBar.vue.d.ts

@@ -7,7 +7,10 @@ export interface ForgeProgressBarProps extends /* vue-ignore */ ProgressBarProps
     animate: boolean;
     pixelWidth?: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeProgressBarProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeProgressBarProps>, {
     severity: string;
     striped: boolean;
     animate: boolean;
@@ -19,9 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     severity: Severity;
     animate: boolean;
     striped: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeStatWidget.vue.d.ts

@@ -4,7 +4,10 @@ export interface ForgeStatWidgetProps {
     size?: Size;
     severity: Severity;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStatWidgetProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStatWidgetProps>, {
     size: string;
     severity: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStatWidgetProps>, {
@@ -13,9 +16,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }>>>, {
     severity: Severity;
     size: "sm" | "md" | "lg";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeStepper.vue.d.ts

@@ -5,7 +5,11 @@ export interface ForgeStepperProps extends /* vue-ignore */ StepsProps {
     currentStep?: number;
     severity?: Severity;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<string | ((...args: any) => string) | undefined>, (_: {
+    nextStep: () => void;
+    previousStep: () => void;
+}) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
     severity: string;
     currentStep: number;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -18,10 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }, {
     severity: "secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand";
     currentStep: number;
-}, {}>, Partial<Record<NonNullable<string | ((...args: any) => string) | undefined>, (_: {
-    nextStep: () => void;
-    previousStep: () => void;
-}) => any>>>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeTile.vue.d.ts

@@ -5,7 +5,10 @@ export interface ForgeTileProps {
     barPosition: BarPosition;
     clickable: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTileProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTileProps>, {
     severity: string;
     barPosition: string;
     clickable: boolean;
@@ -17,9 +20,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     severity: Severity;
     barPosition: BarPosition;
     clickable: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/file-uploader/components/DragDropArea.vue.d.ts

@@ -1,6 +1,9 @@
 import { ForgeFileStatus } from '../../../types/forge-types';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     modelValue: {
         required: true;
         type: import('vue').PropType<ForgeFileStatus[]>;
@@ -34,9 +37,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<string[]>;
         required: true;
     };
-}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/file-uploader/components/UploadButton.vue.d.ts

@@ -1,6 +1,10 @@
 import { ForgeFileStatus } from '../../../types/forge-types';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    message?(_: {}): any;
+    "button-content"?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     modelValue: {
         required: true;
         type: import('vue').PropType<ForgeFileStatus[]>;
@@ -34,10 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<boolean>;
         required: true;
     };
-}>>, {}, {}>, {
-    message?(_: {}): any;
-    "button-content"?(_: {}): any;
-}>;
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/table/ForgePaginationHeader.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:perPage"?: ((...args: any[]) => any) | undefined;
 }, {
-    pageSizes: number[];
+    pageSizes: Array<number>;
     perPage: number;
 }, {}>;
 export default _default;

package/dist/src/components/table/ForgeTable.vue.d.ts

@@ -7,7 +7,11 @@ export interface ForgeTableProps extends DataTableProps {
     showClearButton?: boolean;
     showExporterButton?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTableProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<keyof DataTableSlots>, (_: {}) => any>> & {
+    "above-table"?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTableProps>, {
     legacyPaginationFooter: boolean;
     paginator: boolean;
     alwaysShowPaginator: boolean;
@@ -29,10 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     showExporterButton: boolean;
     paginator: boolean;
     alwaysShowPaginator: boolean;
-}, {}>, Partial<Record<NonNullable<keyof DataTableSlots>, (_: {}) => any>> & {
-    "above-table"?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/passthroughs/Column.pt.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
             };
             column: {
                 context: {
-                    frozen: boolean | '';
+                    frozen: boolean | "";
                     resizable: boolean;
                 };
             };
@@ -35,7 +35,7 @@ declare const _default: {
             };
             column: {
                 props: {
-                    frozen: boolean | '';
+                    frozen: boolean | "";
                 };
             };
         }) => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -46,13 +46,13 @@
     "@vitejs/plugin-vue": "5.0.5",
     "@vitest/coverage-v8": "1.6.0",
     "@vitest/ui": "1.6.0",
-    "cypress": "13.11.0",
+    "cypress": "13.12.0",
     "cypress-real-events": "1.13.0",
     "sass": "1.77.6",
-    "typescript": "5.4.5",
-    "unplugin-vue-components": "0.27.0",
+    "typescript": "5.5.2",
+    "unplugin-vue-components": "0.27.2",
     "rollup-plugin-visualizer": "5.12.0",
-    "vite": "5.3.1",
+    "vite": "5.3.2",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-istanbul": "6.0.2",
     "vitest": "1.6.0",

package/src/styles/components/_multiselect.scss

@@ -105,10 +105,10 @@
       display: block;
       position: absolute;
       box-sizing: border-box;
-      width: 25px;
-      height: 25px;
-      right: 1px;
-      top: 4px;
+      width: 16px;
+      height: 16px;
+      right: 8px;
+      top: 28%;
       padding: unset;
       margin: 0;
       margin-top: auto;
@@ -119,18 +119,19 @@
       transition: transform 0.2s ease;
     }
 
-    .multiselect__select:before {
-      position: relative;
-      right: 0;
-      top: 65%;
-      color: $gray-700;
-      margin-top: 3px;
-      border-style: solid;
-      border-width: 5px 5px 0 5px;
-      border-color: #999999 transparent transparent transparent;
-      content: "";
+    .multiselect__clear-icon {
+      position: absolute;
+      right: 26px;
+      top: 25%;
+      cursor: pointer;
+      transition: transform 0.2s ease;
     }
 
+    .multiselect__clear-icon:focus,
+    .multiselect__clear-icon:hover {
+      color: #ff0000;
+    }
+    
     .multiselect__tags {
       min-height: 31px;
       display: block;
@@ -154,21 +155,23 @@
       -webkit-overflow-scrolling: touch;
     }
 
+    .multiselect__tag-icon {
+      position: unset;
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+    
     .multiselect__tag {
-      background: $value;
-      position: relative;
-      display: inline-block;
-      padding: 4px 26px 4px 8px;
-      border-radius: 0;
-      color: #fff;
-      line-height: 1;
+      @if($color == "brand") {
+        background: map-get($subtle-colors, "brand-shade-1");
+      } @else {
+        background: map-get($subtle-colors, $color + "-subtle");
+      }
+      padding: 4px 3px 4px 10px;
+      border-radius: 21px;
+      border: 1px solid $value;
+      color: $value;
       margin: 2.5px;
-      white-space: normal;
-      overflow: hidden;
-      max-width: 100%;
-      text-overflow: ellipsis;
-      font-weight: 400;
-      z-index: 2;
     }
 
     .multiselect__option {
@@ -232,29 +235,6 @@
       accent-color: $value;
     }
 
-    .multiselect__tag-icon {
-      cursor: pointer;
-      margin-left: 7px;
-      position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      font-weight: 400;
-      font-style: initial;
-      width: 22px;
-      text-align: center;
-      line-height: 21px;
-      transition: all 0.2s ease;
-      border-radius: 0;
-      border-left: 1px solid #ffffff
-    }
-
-    .multiselect__tag-icon:after {
-      content: "×";
-      color: #ffffff;
-      font-size: 14px;
-    }
-
     .multiselect__tag-icon:focus,
     .multiselect__tag-icon:hover {
       background: none;
@@ -264,38 +244,6 @@
     .multiselect__tag-icon:hover:after {
       color: #ff0000;
     }
-
-    .multiselect__clear-icon {
-      cursor: pointer;
-      position: absolute;
-      right: 20px;
-      top: 1px;
-      bottom: 0;
-      font-weight: 400;
-      font-style: initial;
-      width: 22px;
-      text-align: center;
-      line-height: 21px;
-      transition: all 0.2s ease;
-      border-radius: 0;
-      z-index: 1;
-    }
-
-    .multiselect__clear-icon:after {
-      content: "×";
-      color: $gray-800;
-      font-size: 14px;
-    }
-
-    .multiselect__clear-icon:focus,
-    .multiselect__clear-icon:hover {
-      background: none;
-    }
-
-    .multiselect__clear-icon:focus:after,
-    .multiselect__clear-icon:hover:after {
-      color: #ff0000;
-    }
   }
 }