@ironsource/shared-ui 1.4.3-rc.2 → 1.4.3-rc.4

package/index.vue.js

@@ -1,10 +1,9 @@
-import './AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css';
 export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
 export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
 export { MenuItemTypes } from './components/menuItem/index.vue.js';
 export { MenuTypes } from './components/menu/index.vue.js';
 export { AppIconTypes } from './components/appIcon/index.vue.js';
-export { SwitchTypes } from './components/switch/index.vue.js';
 export { RadioButtonTypes } from './components/radioButton/index.vue.js';
 export { Snackbar } from './components/snackbar/index.vue.js';
 export { FloatingToolbarTypes } from './components/floatingToolbar/index.vue.js';
@@ -18,14 +17,18 @@ export { FilterPanelTypes } from './components/filtersPanel/index.vue.js';
 export { FilterDropdownTypes } from './components/filterDropdown/index.vue.js';
 export { DropdownTypes } from './components/dropdown/index.vue.js';
 export { TabsTypes } from './components/tabs/index.vue.js';
-export { ButtonTypes } from './components/button/index.vue.js';
 export { CheckboxTypes } from './components/checkbox/index.vue.js';
 export { IconTypes } from './components/icon/index.vue.js';
 export { SearchTypes } from './components/search/index.vue.js';
 export { SkeletonTypes } from './components/skeleton/index.vue.js';
 export { TypographyTypes } from './components/typography/index.vue.js';
 export { PopoverTypes } from './components/popover/index.vue.js';
-export { ChipTypes } from './components/chip/index.vue.js';
+import * as index$5 from './components/button/v3/index.vue.js';
+import * as index$6 from './components/button/v4/index.vue.js';
+import * as index$1 from './components/chip/v3/index.vue.js';
+import * as index$2 from './components/chip/v4/index.vue.js';
+import * as index$3 from './components/switch/v3/index.vue.js';
+import * as index$4 from './components/switch/v4/index.vue.js';
 export { ToggleTypes } from './components/toggle/index.vue.js';
 export { TooltipTypes } from './components/tooltip/index.vue.js';
 export { InputTypes } from './components/input/index.vue.js';
@@ -43,7 +46,6 @@ export { default as AutocompleteDropdown } from './components/autocompleteDropdo
 export { default as MenuItem } from './components/menuItem/MenuItem.vue.js';
 export { default as Menu } from './components/menu/Menu.vue.js';
 export { default as AppIcon } from './components/appIcon/AppIcon.vue.js';
-export { default as Switch } from './components/switch/Switch.vue.js';
 export { default as RadioButton } from './components/radioButton/RadioButton.vue.js';
 export { default as RadioGroup } from './components/radioButton/RadioGroup.vue.js';
 export { snackbarEmits, snackbarTypes } from './components/snackbar/snackbar.types.vue.js';
@@ -69,9 +71,6 @@ export { default as Option } from './components/dropdown/Option.vue.js';
 export { default as Label } from './components/dropdown/Label.vue.js';
 export { default as SearchInput } from './components/dropdown/SearchInput.vue.js';
 export { default as Tabs } from './components/tabs/Tabs.vue.js';
-export { default as Button } from './components/button/Button.vue.js';
-export { default as IconButton } from './components/button/IconButton.vue.js';
-export { default as ScrollButton } from './components/button/ScrollButton.vue.js';
 export { default as Checkbox } from './components/checkbox/Checkbox.vue.js';
 export { default as Icon } from './components/icon/Icon.vue.js';
 export { icons } from './components/icon/icons/index.vue.js';
@@ -79,7 +78,6 @@ export { default as Search } from './components/search/Search.vue.js';
 export { default as Skeleton } from './components/skeleton/Skeleton.vue.js';
 export { default as Heading } from './components/typography/Heading.vue.js';
 export { default as Text } from './components/typography/Text.vue.js';
-export { default as Chip } from './components/chip/Chip.vue.js';
 export { default as Toggle } from './components/toggle/Toggle.vue.js';
 export { default as Input } from './components/input/Input.vue.js';
 export { default as DollarInput } from './components/input/DollarInput.vue.js';
@@ -91,3 +89,14 @@ export { EditableContext, useEditableContext } from './components/table-cells/Ed
 export { default as DateRange } from './components/dateRange/DateRange.vue.js';
 export { default as DatePicker } from './components/datePicker/DatePicker.vue.js';
 export { default as Banner } from './components/banner/Banner.vue.js';
+
+var index = {
+  ...index$1,
+  ...index$2,
+  ...index$3,
+  ...index$4,
+  ...index$5,
+  ...index$6
+};
+
+export { index as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.3-rc.2",
+  "version": "1.4.3-rc.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -13,7 +13,6 @@
     "storybook:dist": "StoryBookEnv=prod start-storybook -p 6006",
     "build-storybook": "build-storybook -o docs",
     "serve-storybook": "RemoveAddons=true npm run build-storybook && http-server ./docs --port 6007",
-    "serve-storybook-ci": "npx concurrently -s first -n 'SB,TEST' -c 'magenta,blue' 'npm run storybook:dist --silent' 'npx wait-on tcp:6006' ",
     "test-storybook": "test-storybook --maxWorkers=2",
     "test-storybook-ci": "npx concurrently -k -s first -n 'SB,TEST' -c 'magenta,blue' 'npm run storybook:dist --silent' 'npx wait-on tcp:6006 && npm run test-storybook' ",
     "jest:integration:update": "jest --updateSnapshot",
@@ -44,6 +43,7 @@
     "release": "commit-and-tag-version"
   },
   "dependencies": {
+    "@storybook/addon-cssresources": "^6.2.9",
     "@vueuse/core": "^8.7.5",
     "@vueuse/integrations": "^8.9.1",
     "date-fns": "^2.29.1",
@@ -139,7 +139,8 @@
       "import": "./index.js"
     },
     "./appIcon": "./components/appIcon/AppIcon.vue.js",
-    "./switch": "./components/switch/Switch.vue.js",
+    "./switch/v3": "./components/switch/v3/Switch.vue.js",
+    "./switch/v4": "./components/switch/v4/SwitchV4.vue.js",
     "./editable": "./components/table-cells/Editable.vue.js",
     "./radioButton": "./components/radioButton/RadioButton.vue.js",
     "./radioGroup": "./components/radioButton/RadioGroup.vue.js",
@@ -156,10 +157,12 @@
     "./filterDropdown": "./components/filterDropdown/FilterDropdown.vue.js",
     "./filtersPanel": "./components/filtersPanel/index.vue.js",
     "./tabs": "./components/tabs/Tabs.vue.js",
-    "./chip": "./components/chip/Chip.vue.js",
-    "./button": "./components/button/Button.vue.js",
-    "./iconButton": "./components/button/IconButton.vue.js",
-    "./scrollButton": "./components/button/ScrollButton.vue.js",
+    "./chip/v3": "./components/chip/v3/Chip.vue.js",
+    "./chip/v4": "./components/chip/v4/ChipV4.vue.js",
+    "./button": "./components/button/v3/Button.vue.js",
+    "./button/v4": "./components/button/v4/ButtonV4.vue.js",
+    "./iconButton": "./components/button/v3/IconButton.vue.js",
+    "./scrollButton": "./components/button/v3/ScrollButton.vue.js",
     "./checkbox": "./components/checkbox/Checkbox.vue.js",
     "./icon": "./components/icon/Icon.vue.js",
     "./toggle": "./components/toggle/Toggle.vue.js",
@@ -213,8 +216,11 @@
       "includeExclude": [
         "./components/includeExclude/index.d.ts"
       ],
-      "switch": [
-        "./components/switch/Switch.vue.d.ts"
+      "switch/v3": [
+        "./components/switch/v3/Switch.vue.d.ts"
+      ],
+      "switch/v4": [
+        "./components/switch/v4/SwitchV4.vue.d.ts"
       ],
       "cssBaseline": [
         "./components/cssBaseline/CssBaseline.vue.d.ts"
@@ -246,8 +252,11 @@
       "./datePicker": [
         "./components/datePicker/DatePicker.vue.d.ts"
       ],
-      "chip": [
-        "./components/chip/Chip.vue.d.ts"
+      "chip/v3": [
+        "./components/chip/v3/Chip.vue.d.ts"
+      ],
+      "chip/v4": [
+        "./components/chip/v4/ChipV4.vue.d.ts"
       ],
       "button": [
         "./components/button/Button.vue.d.ts"

package/styleguide.scss

@@ -1,32 +1,32 @@
 /* #region Colors */
-$white: #FFFFFF;
+$white: #ffffff;
 $black: #000000;
 
-$black-200: #696A6b;
-$black-300: #565C62;
+$black-200: #696a6b;
+$black-300: #565c62;
 $black-500: #53575b;
 $black-900: #41454d;
 
-$primary-100: #E2EEFF;
-$primary-200: #C9DFFF;
-$primary-300: #96C0FF;
-$primary-400: #68A5FF;
-$primary-500: #3083FF;
-$primary-600: #2B76E6;
-$primary-700: #005BE2;
-$primary-800: #0051C9;
-$primary-900: #0046AF;
-
-$light-50: #F7F8F9;
-$light-100: #F1F3F4;
-$light-200: #EDEFF0;
-$light-300: #E5E7E9;
-$light-400: #DDDFE1;
-$light-500: #D2D5D8;
-$light-600: #B7BBC0;
-$light-700: #A9AFB4;
-$light-800: #8E959D;
-$light-900: #7B838C;
+$primary-100: #e2eeff;
+$primary-200: #c9dfff;
+$primary-300: #96c0ff;
+$primary-400: #68a5ff;
+$primary-500: #3083ff;
+$primary-600: #2b76e6;
+$primary-700: #005be2;
+$primary-800: #0051c9;
+$primary-900: #0046af;
+
+$light-50: #f7f8f9;
+$light-100: #f1f3f4;
+$light-200: #edeff0;
+$light-300: #e5e7e9;
+$light-400: #dddfe1;
+$light-500: #d2d5d8;
+$light-600: #b7bbc0;
+$light-700: #a9afb4;
+$light-800: #8e959d;
+$light-900: #7b838c;
 $light-1000: #626970;
 
 $secondary-100: #e1fbfc;
@@ -56,14 +56,14 @@ $negative-500: #ff6a63;
 $negative-600: #ec5d56;
 $negative-700: #da564f;
 
-$dark-100: #CFD0E8;
-$dark-200: #B6B9DD;
+$dark-100: #cfd0e8;
+$dark-200: #b6b9dd;
 $dark-300: #313d91;
 $dark-400: #212791;
 $dark-500: #0d148c;
 $dark-600: #021074;
 $dark-700: #1d1c64;
-$dark-800: #070A46;
+$dark-800: #070a46;
 
 $alpha-30: 4D;
 $input-shadow-color: unquote($primary-500 + '' + $alpha-30);
@@ -105,20 +105,20 @@ $breakpoint-xl: 1920px;
 /* #endregion Breakpoints */
 
 /* #region Media */
-$mobile: "only screen and (max-width:#{$breakpoint-xxs-end})";
-$tablet: "only screen and (min-width:#{$breakpoint-sm-start}) and (max-width:#{$breakpoint-sm-end})";
-$smallLaptop: "only screen and (min-width:#{$breakpoint-md-start}) and (max-width:#{$breakpoint-md-end})";
-$largeLaptop: "only screen and (min-width:#{$breakpoint-lg-start}) and (max-width:#{$breakpoint-lg-end})";
-$desktop: "only screen and (min-width:#{$breakpoint-xl})";
+$mobile: 'only screen and (max-width:#{$breakpoint-xxs-end})';
+$tablet: 'only screen and (min-width:#{$breakpoint-sm-start}) and (max-width:#{$breakpoint-sm-end})';
+$smallLaptop: 'only screen and (min-width:#{$breakpoint-md-start}) and (max-width:#{$breakpoint-md-end})';
+$largeLaptop: 'only screen and (min-width:#{$breakpoint-lg-start}) and (max-width:#{$breakpoint-lg-end})';
+$desktop: 'only screen and (min-width:#{$breakpoint-xl})';
 // inclusive - mobile and below: use mobile, huge and below: everything, no need for media query
-$tabletAndBelow: "only screen and (max-width:#{$breakpoint-sm-end})";
-$tabletAndAbove: "only screen and (min-width:#{$breakpoint-sm-start})";
-$smallLaptopAndBelow: "only screen and (max-width:#{$breakpoint-md-end})";
-$largeLaptopAndBelow: "only screen and (max-width:#{$breakpoint-lg-end})";
-$desktopAndAbove: "only screen and (min-width:#{$breakpoint-xl})";
-$largeLaptopAndAbove: "only screen and (min-width:#{$breakpoint-lg-start})";
+$tabletAndBelow: 'only screen and (max-width:#{$breakpoint-sm-end})';
+$tabletAndAbove: 'only screen and (min-width:#{$breakpoint-sm-start})';
+$smallLaptopAndBelow: 'only screen and (max-width:#{$breakpoint-md-end})';
+$largeLaptopAndBelow: 'only screen and (max-width:#{$breakpoint-lg-end})';
+$desktopAndAbove: 'only screen and (min-width:#{$breakpoint-xl})';
+$largeLaptopAndAbove: 'only screen and (min-width:#{$breakpoint-lg-start})';
 // combinations
-$laptop: "only screen and (min-width:#{$breakpoint-md-start}) and (max-width:#{$breakpoint-lg-end})";
+$laptop: 'only screen and (min-width:#{$breakpoint-md-start}) and (max-width:#{$breakpoint-lg-end})';
 /* #endregion Media */
 
 /* #region Grid */
@@ -127,8 +127,8 @@ $grid-gap: 1rem;
 /* #endregion Grid */
 
 /* #region Fonts */
-$heading-font-family: "NHaasGroteskDSPro-75Bd", sans-serif;
-$heading-font-family-label: "NHaasGroteskDSPro-65Md", sans-serif;
+$heading-font-family: 'NHaasGroteskDSPro-75Bd', sans-serif;
+$heading-font-family-label: 'NHaasGroteskDSPro-65Md', sans-serif;
 $heading-font-size-1: 3.75rem;
 $heading-font-size-2: 2rem;
 $heading-font-size-3: 1.375rem;
@@ -149,7 +149,7 @@ $body-font-weight-strong: 500;
 $font-smoothing: antialiased;
 $heading-line-height: 1.1rem;
 $body-line-height: 1.5rem;
-.label{
+.label {
   color: $black-900;
 }
 /* #endregion Fonts */
@@ -159,52 +159,51 @@ $border: 1px solid $light-400;
 $shape-border-radius: $spacing-1;
 
 $popover-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16),
-0px 0px 1px rgba(0, 0, 0, 0.4);
-$modal-shadow: 0px 32px 32px -8px rgba(0, 0, 0, 0.08), 0px 0px 32px -8px rgba(0, 0, 0, 0.12);
-
+  0px 0px 1px rgba(0, 0, 0, 0.4);
+$modal-shadow: 0px 32px 32px -8px rgba(0, 0, 0, 0.08),
+  0px 0px 32px -8px rgba(0, 0, 0, 0.12);
 
 $focus-line: linear-gradient(
-                0deg,
-                $primary-500 0,
-                $primary-500 2px,
-                $light-100 0
+  0deg,
+  $primary-500 0,
+  $primary-500 2px,
+  $light-100 0
 );
 $focus-line-white: linear-gradient(
-                0deg,
-                $primary-500 0,
-                $primary-500 2px,
-                $white 0
+  0deg,
+  $primary-500 0,
+  $primary-500 2px,
+  $white 0
 );
 $error-focus-line: linear-gradient(
-                0deg,
-                $negative-500 0,
-                $negative-500 2px,
-                $light-100 0
+  0deg,
+  $negative-500 0,
+  $negative-500 2px,
+  $light-100 0
 );
 $error-focus-line-white: linear-gradient(
-                0deg,
-                $negative-500 0,
-                $negative-500 2px,
-                $white 0
+  0deg,
+  $negative-500 0,
+  $negative-500 2px,
+  $white 0
 );
 
-
 @mixin scrollbar {
-    ::-webkit-scrollbar {
-        width: 0.625rem;
-        opacity: 0.7;
-        background-color: transparent;
-      }
-
-      ::-webkit-scrollbar-thumb {
-        border: 3px solid transparent;
-        background-clip: padding-box;
-        border-radius: 0.625rem;
-        background-color: $light-500 !important;
-      }
-
-      ::-webkit-scrollbar-track {
-        border-radius: 0.625rem;
-        background-color: transparent;
-      }
+  ::-webkit-scrollbar {
+    width: 0.625rem;
+    opacity: 0.7;
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border: 3px solid transparent;
+    background-clip: padding-box;
+    border-radius: 0.625rem;
+    background-color: $light-500 !important;
+  }
+
+  ::-webkit-scrollbar-track {
+    border-radius: 0.625rem;
+    background-color: transparent;
+  }
 }

package/components/button/index.d.ts

@@ -1,126 +0,0 @@
-import Button from './Button.vue';
-import IconButton from './IconButton.vue';
-import ScrollButton from './ScrollButton.vue';
-declare const ButtonTypes: () => (import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    leftIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
-    } & {
-        default: any;
-    };
-    rightIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
-    } & {
-        default: any;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    leftIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
-    } & {
-        default: any;
-    };
-    rightIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
-    } & {
-        default: any;
-    };
-}>>, {
-    size: "md" | "sm" | "lg";
-    testId: string;
-    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
-    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
-}> | import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
-    } & {
-        default: string;
-    };
-}>>, {
-    size: "md" | "sm" | "lg";
-    variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
-}> | import("vue").DefineComponent<{
-    show: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    iconName: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    tooltipText: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scrolled"[], "scrolled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    show: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    iconName: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    tooltipText: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-    } & {
-        default: string;
-    };
-}>> & {
-    onScrolled?: (...args: any[]) => any;
-}, {
-    show: boolean;
-    iconName: string;
-    tooltipText: string;
-    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
-}>)[];
-export { Button, IconButton, ScrollButton, ButtonTypes };

package/components/icon/icons/Hammer.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/components/icon/icons/Hammer.vue.js

@@ -1,26 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../Hammer.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
-  viewBox: "0 0 17.249 17",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M6.496 1.66c.168-.168.36-.31.57-.423L8.842.29a2.443 2.443 0 0 1 2.875.422l1.118 1.115c.76.758.933 1.922.425 2.866l-.871 1.617 4.111 4.098c1 .997 1 2.612 0 3.609-1 .997-2.621.997-3.62 0L8.766 9.918l-1.623.868a2.443 2.443 0 0 1-2.875-.422L3.15 9.248a2.423 2.423 0 0 1-.424-2.865l.952-1.768a2.43 2.43 0 0 1 .424-.57L6.496 1.66zM4.09 7.317a.808.808 0 0 0 .209.787l1.119 1.115a.814.814 0 0 0 .958.14l1.191-.636-2.77-2.762-.64 1.187a.808.808 0 0 0-.067.17zm7.805-3.56a.808.808 0 0 0-.21-.786l-1.118-1.115a.814.814 0 0 0-.958-.14l-1.191.636 2.77 2.762.64-1.188a.81.81 0 0 0 .067-.168zm-4.22 8.993H2.558v1.74l5.117-.04v-1.7zM0 15.3V17h10.199v-1.7H0zM5.786 4.657l1.323-1.319 3.09 3.08-1.324 1.319-3.09-3.08zm4.238 4.225 4.003 3.99a.938.938 0 0 0 1.323 0 .93.93 0 0 0 0-1.32l-4.002-3.99-1.324 1.32z",
-  fill: "currentColor",
-  "fill-rule": "evenodd"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
-}
-var Hammer = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { Hammer as default };