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

package/index.vue.js

@@ -1,9 +1,10 @@
-import './IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './Dropdown.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';
@@ -17,18 +18,14 @@ 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';
-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 { ChipTypes } from './components/chip/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';
@@ -46,12 +43,15 @@ 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';
 export { default as FloatingToolbar } from './components/floatingToolbar/FloatingToolbar.vue.js';
 export { default as IncludeExclude } from './components/includeExclude/IncludeExclude.vue.js';
+export { default as IncludeExcludeDragDrop } from './components/includeExclude/IncludeExcludeDragDrop.vue.js';
 export { default as IncludeExcludeOption } from './components/includeExclude/IncludeExcludeOption.vue.js';
+export { default as IncludeExcludeOptionDraggable } from './components/includeExclude/IncludeExcludeOptionDraggable.vue.js';
 export { default as IncludeExcludeAppTrigger } from './components/includeExclude/IncludeExcludeAppTrigger.vue.js';
 export { default as IncludeExcludeAppHeader } from './components/includeExclude/IncludeExcludeAppHeader.vue.js';
 export { default as IncludeExcludeChipFilter } from './components/includeExclude/IncludeExcludeChipFilter.vue.js';
@@ -71,6 +71,9 @@ 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';
@@ -78,6 +81,7 @@ 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';
@@ -89,14 +93,3 @@ 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.4",
+  "version": "1.4.3",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -13,6 +13,7 @@
     "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",
@@ -43,13 +44,13 @@
     "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",
     "floating-vue": "2.0.0-beta.20",
     "focus-trap": "^6.9.4",
-    "vue": "^3.2.31"
+    "vue": "^3.2.31",
+    "vuedraggable": "^4.1.0"
   },
   "peerDependencies": {
     "@vueuse/core": "^8.7.5",
@@ -139,8 +140,7 @@
       "import": "./index.js"
     },
     "./appIcon": "./components/appIcon/AppIcon.vue.js",
-    "./switch/v3": "./components/switch/v3/Switch.vue.js",
-    "./switch/v4": "./components/switch/v4/SwitchV4.vue.js",
+    "./switch": "./components/switch/Switch.vue.js",
     "./editable": "./components/table-cells/Editable.vue.js",
     "./radioButton": "./components/radioButton/RadioButton.vue.js",
     "./radioGroup": "./components/radioButton/RadioGroup.vue.js",
@@ -157,12 +157,10 @@
     "./filterDropdown": "./components/filterDropdown/FilterDropdown.vue.js",
     "./filtersPanel": "./components/filtersPanel/index.vue.js",
     "./tabs": "./components/tabs/Tabs.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",
+    "./chip": "./components/chip/Chip.vue.js",
+    "./button": "./components/button/Button.vue.js",
+    "./iconButton": "./components/button/IconButton.vue.js",
+    "./scrollButton": "./components/button/ScrollButton.vue.js",
     "./checkbox": "./components/checkbox/Checkbox.vue.js",
     "./icon": "./components/icon/Icon.vue.js",
     "./toggle": "./components/toggle/Toggle.vue.js",
@@ -216,11 +214,8 @@
       "includeExclude": [
         "./components/includeExclude/index.d.ts"
       ],
-      "switch/v3": [
-        "./components/switch/v3/Switch.vue.d.ts"
-      ],
-      "switch/v4": [
-        "./components/switch/v4/SwitchV4.vue.d.ts"
+      "switch": [
+        "./components/switch/Switch.vue.d.ts"
       ],
       "cssBaseline": [
         "./components/cssBaseline/CssBaseline.vue.d.ts"
@@ -252,11 +247,8 @@
       "./datePicker": [
         "./components/datePicker/DatePicker.vue.d.ts"
       ],
-      "chip/v3": [
-        "./components/chip/v3/Chip.vue.d.ts"
-      ],
-      "chip/v4": [
-        "./components/chip/v4/ChipV4.vue.d.ts"
+      "chip": [
+        "./components/chip/Chip.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,51 +159,52 @@ $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/ButtonBase.vue_vue_type_style_index_1_scoped_true_lang.css

@@ -1 +0,0 @@
-.contained.primary[data-v-5425b1e1]{color:var(--common-white);background:var(--primary-main)}.contained.primary[data-v-5425b1e1]:hover{color:var(--common-white);background:var(--primary-darker)}.contained.primary[data-v-5425b1e1]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)}.contained.default[data-v-5425b1e1]{color:var(--text-primary);background:var(--default-main)}.contained.danger[data-v-5425b1e1]{color:var(--common-white);background:var(--error-main)}.contained.info[data-v-5425b1e1]{color:var(--common-white);background:var(--info-main)}.contained.success[data-v-5425b1e1]{color:var(--common-white);background:var(--success-main)}.contained.warning[data-v-5425b1e1]{color:var(--warning-contrastText);background:var(--warning-dark)}.small[data-v-5425b1e1]{padding:2px 6px}.medium[data-v-5425b1e1]{padding:4px 8px}.large[data-v-5425b1e1]{padding:10px 12px}.extraLarge[data-v-5425b1e1]{padding:12px 14px}.small[data-v-5425b1e1],.medium[data-v-5425b1e1],.large[data-v-5425b1e1],.extraLarge[data-v-5425b1e1]{height:auto}

package/ButtonSuper.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-2fbb82ae]{color:#41454d}.flex[data-v-2fbb82ae]{display:flex;align-items:center;justify-content:center;grid-column-gap:6px}.with-left-icon.sm[data-v-2fbb82ae] .flex{grid-column-gap:4px}.with-left-icon.sm[data-v-2fbb82ae] .content{margin:0 12px 0 8px}.with-left-icon.md[data-v-2fbb82ae] .content{margin:0 16px 0 12px}.with-left-icon.lg[data-v-2fbb82ae] .content{margin:0 24px 0 12px}.with-right-icon.sm[data-v-2fbb82ae] .flex{grid-column-gap:4px}.with-right-icon.sm[data-v-2fbb82ae] .content{margin:0 8px 0 12px}.with-right-icon.md[data-v-2fbb82ae] .content{margin:0 12px 0 16px}.with-right-icon.lg[data-v-2fbb82ae] .content{margin:0 12px 0 24px}.icon[data-v-2fbb82ae],.loading[data-v-2fbb82ae]{vertical-align:middle}

package/ButtonV4.vue_vue_type_style_index_0_scoped_true_lang.css

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

package/ChipV4.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-d3894364]{color:#41454d}.chip-container[data-v-d3894364]{max-width:100%;display:flex;align-items:center;justify-content:center;font-family:HelveticaNeue,sans-serif;font-weight:500;font-size:.8125rem;padding:.5rem 1rem;border-radius:1.5rem;background:none;cursor:pointer;border:1px solid #dddfe1}.chip-container[data-v-d3894364]:hover{border-color:#53575b;color:#53575b}.chip-container.disabled[data-v-d3894364]{color:#696a6b;pointer-events:none}.chip-container.selected[data-v-d3894364]{border-color:#e2eeff;background-color:#e2eeff;color:#3083ff}.chip-container.selected[data-v-d3894364]:hover{background-color:#c9dfff;border-color:#c9dfff}.chip-container.selected.disabled[data-v-d3894364]{color:#96c0ff}.chip-container.selected .clear-icon[data-v-d3894364]{margin-left:8px;margin-right:-8px;color:#96c0ff;display:inline-block}.chip-container.selected .clear-icon[data-v-d3894364]:hover{color:#3083ff}.chip-container span.prefix[data-v-d3894364]{font-weight:400}.chip-container .clear-icon[data-v-d3894364]{display:none;min-width:auto;border:none;background:none;padding:0}.icon[data-v-d3894364]{display:flex}.icon--start[data-v-d3894364]{margin-right:6px}.icon--end[data-v-d3894364]{margin-left:6px}

package/SwitchV4.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-0bfee819]{color:#41454d}.switch[data-v-0bfee819]{position:relative;display:inline-flex;border-radius:.5rem;background:#f1f3f4;height:2rem;padding:0 .125rem 0 0}.switch--lg[data-v-0bfee819]{height:2.5rem}.option[data-v-0bfee819]{margin:.25rem .125rem;border:none;background:yellow;display:flex;height:auto;justify-content:center;align-items:center;min-width:auto;padding:0 .5rem;user-select:none;z-index:1;border-radius:.5rem;color:#53575b}.option[data-v-0bfee819]:nth-of-type(1){margin-left:4px}.option[data-v-0bfee819]:hover:not(.option--selected){color:#53575b;background:#e5e7e9}.box[data-v-0bfee819]{transition:transform .2s ease-in-out 0s;position:absolute;top:.25rem;left:0;height:1.5rem;background:#ffffff;box-shadow:0 0 1px #0006;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.box--lg[data-v-0bfee819]{height:2rem}

package/components/ThemeWrapper/ThemeStrore.d.ts

@@ -1,4 +0,0 @@
-export declare const useThemeStore: () => {
-    theme: import("vue").Ref<string>;
-    toggleTheme: () => void;
-};

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -1,15 +0,0 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    version: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    version: string;
-}>>>, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/components/button/common/ButtonSuper.vue.d.ts

@@ -1,42 +0,0 @@
-import { IconName } from '@/components/icon';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
-    testId?: string;
-}>, {
-    leftIconName: any;
-    rightIconName: any;
-    size: string;
-    testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
-    testId?: string;
-}>, {
-    leftIconName: any;
-    rightIconName: any;
-    size: string;
-    testId: string;
-}>>>, {
-    size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
-    testId: string;
-    leftIconName: IconName;
-    rightIconName: IconName;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/button/v3/Button.vue.js

@@ -1,40 +0,0 @@
-import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
-import ButtonSuper from '../common/ButtonSuper.vue.js';
-/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Button",
-  props: {
-    leftIconName: { default: null },
-    rightIconName: { default: null },
-    size: { default: "md" },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(ButtonSuper, mergeProps({
-        class: [
-          __props.size,
-          {
-            "with-left-icon": !!__props.leftIconName,
-            "with-right-icon": !!__props.rightIconName
-          }
-        ],
-        size: __props.size,
-        "data-testid": props.testId,
-        "left-icon-name": __props.leftIconName,
-        "right-icon-name": __props.rightIconName
-      }, _ctx.$attrs), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class", "size", "data-testid", "left-icon-name", "right-icon-name"]);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64003b2c"]]);
-
-export { Button as default };