@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-rc.3

package/index.vue.js

@@ -1,185 +1,107 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css';
-import { AppTriggerTypes as T } from "./components/appTrigger/index.vue.js";
-import { AutocompleteDropdownTypes as c } from "./components/autocompleteDropdown/index.vue.js";
-import { MenuItemTypes as I } from "./components/menuItem/index.vue.js";
-import { MenuTypes as E } from "./components/menu/index.vue.js";
-import { AppIconTypes as $ } from "./components/appIcon/index.vue.js";
-import { RadioButtonTypes as F } from "./components/radioButton/index.vue.js";
-import { Snackbar as C } from "./components/snackbar/index.vue.js";
-import { FloatingToolbarTypes as B } from "./components/floatingToolbar/index.vue.js";
-import { IncludeExcludeTypes as P } from "./components/includeExclude/index.vue.js";
-import { CssBaselineTypes as w } from "./components/cssBaseline/index.vue.js";
-import { ID_INJECTION_KEY as H, useId as O } from "./composables/useId.vue.js";
-import { EmptyStateTypes as N } from "./components/emptyState/index.vue.js";
-import { TableTypes as G } from "./components/table/index.vue.js";
-import { DialogTypes as K } from "./components/dialog/index.vue.js";
-import { FilterPanelTypes as Y } from "./components/filtersPanel/index.vue.js";
-import { FilterDropdownTypes as q } from "./components/filterDropdown/index.vue.js";
-import { TabsTypes as L } from "./components/tabs/index.vue.js";
-import { CheckboxTypes as U } from "./components/checkbox/index.vue.js";
-import { IconTypes as X } from "./components/icon/index.vue.js";
-import { SkeletonTypes as ee } from "./components/skeleton/index.vue.js";
-import { TypographyTypes as re } from "./components/typography/index.vue.js";
-import { TypographyTypesV4 as pe } from "./components/typography/v4/index.vue.js";
-import { PopoverTypes as fe } from "./components/popover/index.vue.js";
-import * as e from "./components/button/v3/index.vue.js";
-import * as o from "./components/button/v4/index.vue.js";
-import * as r from "./components/chip/v3/index.vue.js";
-import * as t from "./components/chip/v4/index.vue.js";
-import * as p from "./components/switch/v3/index.vue.js";
-import * as a from "./components/switch/v4/index.vue.js";
-import * as f from "./components/dropdown/v3/index.vue.js";
-import * as m from "./components/dropdown/v4/index.vue.js";
-import * as x from "./components/search/v3/index.vue.js";
-import * as s from "./components/search/v4/index.vue.js";
-import * as l from "./components/input/v3/index.vue.js";
-import * as d from "./components/input/v4/index.vue.js";
-import { ToggleTypes as xe } from "./components/toggle/index.vue.js";
-import { TooltipTypes as le } from "./components/tooltip/index.vue.js";
-import { TextAreaTypes as ue } from "./components/textArea/index.vue.js";
-import { EditableTypes as ie } from "./components/table-cells/index.vue.js";
-import { useToggle as ye } from "./composables/useToggle.vue.js";
-import { useSearch as ge } from "./composables/useSearch.vue.js";
-import { DateRangeTypes as be } from "./components/dateRange/index.vue.js";
-import { DatePickerTypes as De } from "./components/datePicker/index.vue.js";
-import { BannerTypes as Ae } from "./components/banner/index.vue.js";
-import { default as ke } from "./components/appTrigger/AppTrigger.vue.vue.js";
-import { default as he } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.vue.js";
-import { default as Se } from "./components/menuItem/MenuItem.vue.vue.js";
-import { default as Re } from "./components/menu/Menu.vue.vue.js";
-import { default as Me } from "./components/appIcon/AppIcon.vue.vue.js";
-import { default as Oe } from "./components/radioButton/RadioButton.vue.vue.js";
-import { default as Ne } from "./components/radioButton/RadioGroup.vue.vue.js";
-import { snackbarEmits as Ge, snackbarTypes as Je } from "./components/snackbar/snackbar.types.vue.js";
-import { default as Ve } from "./components/floatingToolbar/FloatingToolbar.vue.vue.js";
-import { default as je } from "./components/includeExclude/IncludeExclude.vue.vue.js";
-import { default as ze } from "./components/includeExclude/IncludeExcludeDragDrop.vue.vue.js";
-import { default as Qe } from "./components/includeExclude/IncludeExcludeOption.vue.vue.js";
-import { default as We } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.vue.js";
-import { default as Ze } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.vue.js";
-import { default as oo } from "./components/includeExclude/IncludeExcludeAppHeader.vue.vue.js";
-import { default as to } from "./components/includeExclude/IncludeExcludeChipFilter.vue.vue.js";
-import { default as ao } from "./components/cssBaseline/CssBaseline.vue.vue.js";
-import { default as mo } from "./components/emptyState/EmptyState.vue.vue.js";
-import { default as so } from "./components/table/Table.vue.vue.js";
-import { TableContext as uo } from "./components/table/TableContext.vue.js";
-import { default as io } from "./components/dialog/Dialog.vue.vue.js";
-import { Reason as yo } from "./components/dialog/Reason.vue.js";
-import { default as go } from "./components/filtersPanel/FiltersPanel.vue.vue.js";
-import { default as bo } from "./components/filtersPanel/FilterSearchInput.vue.vue.js";
-import { useHiddenFilter as Do } from "./components/filtersPanel/useHiddenFilter.vue.js";
-import { default as Ao } from "./components/filterDropdown/FilterDropdown.vue.vue.js";
-import { default as ko } from "./components/filterDropdown/AddFilterButton.vue.vue.js";
-import { default as ho } from "./components/tabs/Tabs.vue.vue.js";
-import { default as So } from "./components/checkbox/Checkbox.vue.vue.js";
-import { default as Ro } from "./components/icon/Icon.vue.vue.js";
-import { icons as Mo } from "./components/icon/icons/index.vue.js";
-import { default as Oo } from "./components/skeleton/Skeleton.vue.vue.js";
-import { default as No } from "./components/typography/Heading.vue.vue.js";
-import { default as Go } from "./components/typography/Text.vue.vue.js";
-import { default as Ko } from "./components/typography/v4/Typography.vue.vue.js";
-import { default as Yo } from "./components/popover/Popover.vue.vue.js";
-import { default as qo } from "./components/toggle/Toggle.vue.vue.js";
-import { default as Lo } from "./components/tooltip/Tooltip.vue.vue.js";
-import { default as Uo } from "./components/textArea/TextArea.vue.vue.js";
-import { default as Xo } from "./components/table-cells/Editable.vue.vue.js";
-import { EditableContext as er, useEditableContext as or } from "./components/table-cells/EditableContext.vue.js";
-import { default as tr } from "./components/dateRange/DateRange.vue.vue.js";
-import { default as ar } from "./components/datePicker/DatePicker.vue.vue.js";
-import { default as mr } from "./components/banner/Banner.vue.vue.js";
-const u = {
-  ...r,
-  ...t,
-  ...p,
-  ...a,
-  ...e,
-  ...o,
-  ...f,
-  ...m,
-  ...x,
-  ...s,
-  ...l,
-  ...d
-};
-export {
-  ko as AddFilterButton,
-  Me as AppIcon,
-  $ as AppIconTypes,
-  ke as AppTrigger,
-  T as AppTriggerTypes,
-  he as AutocompleteDropdown,
-  c as AutocompleteDropdownTypes,
-  mr as Banner,
-  Ae as BannerTypes,
-  So as Checkbox,
-  U as CheckboxTypes,
-  ao as CssBaseline,
-  w as CssBaselineTypes,
-  ar as DatePicker,
-  De as DatePickerTypes,
-  tr as DateRange,
-  be as DateRangeTypes,
-  io as Dialog,
-  K as DialogTypes,
-  Xo as Editable,
-  er as EditableContext,
-  ie as EditableTypes,
-  mo as EmptyState,
-  N as EmptyStateTypes,
-  Ao as FilterDropdown,
-  q as FilterDropdownTypes,
-  Y as FilterPanelTypes,
-  bo as FilterSearchInput,
-  go as FiltersPanel,
-  Ve as FloatingToolbar,
-  B as FloatingToolbarTypes,
-  No as Heading,
-  H as ID_INJECTION_KEY,
-  Ro as Icon,
-  X as IconTypes,
-  je as IncludeExclude,
-  oo as IncludeExcludeAppHeader,
-  Ze as IncludeExcludeAppTrigger,
-  to as IncludeExcludeChipFilter,
-  ze as IncludeExcludeDragDrop,
-  Qe as IncludeExcludeOption,
-  We as IncludeExcludeOptionDraggable,
-  P as IncludeExcludeTypes,
-  Re as Menu,
-  Se as MenuItem,
-  I as MenuItemTypes,
-  E as MenuTypes,
-  Yo as Popover,
-  fe as PopoverTypes,
-  Oe as RadioButton,
-  F as RadioButtonTypes,
-  Ne as RadioGroup,
-  yo as Reason,
-  Oo as Skeleton,
-  ee as SkeletonTypes,
-  C as Snackbar,
-  so as Table,
-  uo as TableContext,
-  G as TableTypes,
-  ho as Tabs,
-  L as TabsTypes,
-  Go as Text,
-  Uo as TextArea,
-  ue as TextAreaTypes,
-  qo as Toggle,
-  xe as ToggleTypes,
-  Lo as Tooltip,
-  le as TooltipTypes,
-  Ko as Typography,
-  re as TypographyTypes,
-  pe as TypographyTypesV4,
-  u as default,
-  Mo as icons,
-  Ge as snackbarEmits,
-  Je as snackbarTypes,
-  or as useEditableContext,
-  Do as useHiddenFilter,
-  O as useId,
-  ge as useSearch,
-  ye as useToggle
+import './Menu.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 { RadioButtonTypes } from './components/radioButton/index.vue.js';
+export { Snackbar } from './components/snackbar/index.vue.js';
+export { FloatingToolbarTypes } from './components/floatingToolbar/index.vue.js';
+export { IncludeExcludeTypes } from './components/includeExclude/index.vue.js';
+export { CssBaselineTypes } from './components/cssBaseline/index.vue.js';
+export { ID_INJECTION_KEY, useId } from './composables/useId.vue.js';
+export { EmptyStateTypes } from './components/emptyState/index.vue.js';
+export { TableTypes } from './components/table/index.vue.js';
+export { DialogTypes } from './components/dialog/index.vue.js';
+export { FilterPanelTypes } from './components/filtersPanel/index.vue.js';
+export { FilterDropdownTypes } from './components/filterDropdown/index.vue.js';
+export { TabsTypes } from './components/tabs/index.vue.js';
+export { CheckboxTypes } from './components/checkbox/index.vue.js';
+export { SkeletonTypes } from './components/skeleton/index.vue.js';
+export { TypographyTypes } from './components/typography/index.vue.js';
+export { TypographyTypesV4 } from './components/typography/v4/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';
+import * as index$7 from './components/dropdown/v3/index.vue.js';
+import * as index$8 from './components/dropdown/v4/index.vue.js';
+import * as index$9 from './components/search/v3/index.vue.js';
+import * as index$a from './components/search/v4/index.vue.js';
+import * as index$d from './components/icon/v3/index.vue.js';
+import * as index$e from './components/icon/v4/index.vue.js';
+import * as index$b from './components/input/v3/index.vue.js';
+import * as index$c from './components/input/v4/index.vue.js';
+export { ToggleTypes } from './components/toggle/index.vue.js';
+export { TooltipTypes } from './components/tooltip/index.vue.js';
+export { TextAreaTypes } from './components/textArea/index.vue.js';
+export { EditableTypes } from './components/table-cells/index.vue.js';
+export { useToggle } from './composables/useToggle.vue.js';
+export { useSearch } from './composables/useSearch.vue.js';
+export { DateRangeTypes } from './components/dateRange/index.vue.js';
+export { DatePickerTypes } from './components/datePicker/index.vue.js';
+export { BannerTypes } from './components/banner/index.vue.js';
+export { default as Popover } from './components/popover/Popover.vue.js';
+export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
+export { default as AppTrigger } from './components/appTrigger/AppTrigger.vue.js';
+export { default as AutocompleteDropdown } from './components/autocompleteDropdown/AutocompleteDropdown.vue.js';
+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 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';
+export { default as CssBaseline } from './components/cssBaseline/CssBaseline.vue.js';
+export { default as EmptyState } from './components/emptyState/EmptyState.vue.js';
+export { default as Table } from './components/table/Table.vue.js';
+export { TableContext } from './components/table/TableContext.vue.js';
+export { default as Dialog } from './components/dialog/Dialog.vue.js';
+export { Reason } from './components/dialog/Reason.vue.js';
+export { default as FiltersPanel } from './components/filtersPanel/FiltersPanel.vue.js';
+export { default as FilterSearchInput } from './components/filtersPanel/FilterSearchInput.vue.js';
+export { useHiddenFilter } from './components/filtersPanel/useHiddenFilter.vue.js';
+export { default as FilterDropdown } from './components/filterDropdown/FilterDropdown.vue.js';
+export { default as AddFilterButton } from './components/filterDropdown/AddFilterButton.vue.js';
+export { default as Tabs } from './components/tabs/Tabs.vue.js';
+export { default as Checkbox } from './components/checkbox/Checkbox.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 Typography } from './components/typography/v4/Typography.vue.js';
+export { default as Toggle } from './components/toggle/Toggle.vue.js';
+export { default as TextArea } from './components/textArea/TextArea.vue.js';
+export { default as Editable } from './components/table-cells/Editable.vue.js';
+export { EditableContext, useEditableContext } from './components/table-cells/EditableContext.vue.js';
+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,
+  ...index$7,
+  ...index$8,
+  ...index$9,
+  ...index$a,
+  ...index$b,
+  ...index$c,
+  ...index$d,
+  ...index$e
 };
+
+export { index as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.3",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -9,14 +9,13 @@
     "dev": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && node inject-css.js && sh ./scripts/build-styles.sh",
     "preview": "vite preview",
-    "storybook": "StoryBookEnv=dev sb dev -p 6006",
-    "storybook:dist": "StoryBookEnv=prod sb dev -p 6006",
-    "build-storybook": "storybook build -o docs",
+    "storybook": "StoryBookEnv=dev start-storybook -p 6006",
+    "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:old": "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\" ",
-    "test-storybook-ci": "concurrently 'npm run storybook:dist --silent' 'npx wait-on http://localhost:6006 && npm run test-storybook'  --kill-others --success first",
+    "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",
     "jest:integration": "jest --runTestsByPath $TESTS_LISTS",
     "test:integration": "start-server-and-test serve-storybook http-get://localhost:6007 jest:integration",
@@ -45,17 +44,11 @@
     "release": "commit-and-tag-version"
   },
   "dependencies": {
-    "@phosphor-icons/vue": "^2.1.6",
-    "@storybook/cli": "^7.5.3",
-    "@storybook/vue3-vite": "^7.5.3",
     "@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",
-    "npm-check-updates": "^16.14.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "vue": "^3.2.31",
     "vuedraggable": "^4.1.0"
   },
@@ -68,73 +61,73 @@
     "vue": "^3.2.31"
   },
   "devDependencies": {
-    "@babel/core": "7.23.3",
-    "@babel/node": "7.22.19",
-    "@commitlint/cli": "^18.4.1",
-    "@commitlint/config-conventional": "^18.4.0",
-    "@figus/cli": "^2.0.22",
-    "@mdx-js/react": "^3.0.0",
+    "@babel/core": "7.17.9",
+    "@babel/node": "7.16.8",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@figus/cli": "^2.0.8",
+    "@mdx-js/react": "^2.1.2",
     "@playwright/test": "^1.39.0",
-    "@storybook/addon-a11y": "^7.5.3",
-    "@storybook/addon-actions": "^7.5.3",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-measure": "^7.5.3",
-    "@storybook/addon-outline": "^7.5.3",
-    "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/test-runner": "^0.14.1",
-    "@storybook/vue3": "^7.5.3",
-    "@types/download": "^8.0.5",
-    "@types/node": "^20.9.0",
-    "@types/prismjs": "^1.26.3",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
-    "@vitejs/plugin-vue": "^4.4.1",
+    "@storybook/addon-a11y": "^6.5.9",
+    "@storybook/addon-actions": "^6.5.9",
+    "@storybook/addon-docs": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addon-measure": "^6.5.9",
+    "@storybook/addon-outline": "^6.5.9",
+    "@storybook/builder-vite": "^0.1.36",
+    "@storybook/mdx2-csf": "^0.0.3",
+    "@storybook/test-runner": "^0.5.0",
+    "@storybook/vue3": "^6.5.9",
+    "@types/download": "^8.0.1",
+    "@types/node": "^18.0.0",
+    "@types/prismjs": "^1.26.0",
+    "@typescript-eslint/eslint-plugin": "^5.15.0",
+    "@typescript-eslint/parser": "^5.15.0",
+    "@vitejs/plugin-vue": "^2.3.3",
     "@vitest/coverage-c8": "^0.23.4",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/test-utils": "^2.4.2",
-    "autoprefixer": "^10.4.16",
-    "commit-and-tag-version": "^12.0.0",
-    "concurrently": "^8.2.2",
-    "dedent": "^1.5.1",
-    "dotenv": "^16.3.1",
-    "eslint": "^8.53.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-vue": "^9.18.1",
-    "fast-glob": "^3.3.2",
-    "figma-api": "^1.11.0",
-    "fs-extra": "^11.1.1",
-    "happy-dom": "^12.10.3",
+    "@vue/eslint-config-typescript": "^10.0.0",
+    "@vue/test-utils": "^2.0.0-rc.17",
+    "autoprefixer": "^10.4.7",
+    "commit-and-tag-version": "^10.1.0",
+    "concurrently": "^7.3.0",
+    "dedent": "^0.7.0",
+    "dotenv": "^16.0.1",
+    "eslint": "^8.11.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-storybook": "^0.5.13",
+    "eslint-plugin-vue": "^8.5.0",
+    "fast-glob": "^3.2.11",
+    "figma-api": "^1.10.1",
+    "fs-extra": "^10.1.0",
+    "happy-dom": "^2.49.0",
     "http-server": "^14.1.1",
-    "husky": "^8.0.3",
+    "husky": "^8.0.1",
     "i": "^0.3.7",
-    "jest": "^29.7.0",
-    "jest-image-snapshot": "^6.2.0",
-    "jest-puppeteer": "^9.0.1",
-    "lint-staged": "^15.1.0",
+    "jest": "^27.5.1",
+    "jest-image-snapshot": "^6.1.0",
+    "jest-puppeteer": "^6.2.0",
+    "lint-staged": "^13.0.3",
     "lodash.kebabcase": "^4.1.1",
     "mustache": "^4.2.0",
-    "nodejs-file-downloader": "^4.12.1",
-    "npm": "^10.2.3",
-    "postcss": "^8.4.31",
-    "prettier": "^3.1.0",
+    "nodejs-file-downloader": "^4.10.1",
+    "npm": "^8.19.2",
+    "postcss": "^8.4.14",
+    "prettier": "^2.6.0",
     "prismjs": "^1.29.0",
-    "puppeteer": "^21.5.1",
-    "replace": "^1.2.2",
-    "rimraf": "^5.0.5",
-    "sass": "^1.69.5",
-    "start-server-and-test": "^2.0.2",
-    "svgo": "^3.0.3",
-    "typescript": "^5.2.2",
-    "vite": "^4.5.0",
-    "vite-plugin-libcss": "^1.1.1",
-    "vite-plugin-static-copy": "^0.17.0",
-    "vitest": "^0.34.6",
-    "vue-tsc": "^1.8.22",
-    "wait-on": "^7.2.0"
+    "puppeteer": "^19.4.1",
+    "replace": "^1.2.1",
+    "rimraf": "^3.0.2",
+    "sass": "^1.49.7",
+    "start-server-and-test": "^1.15.2",
+    "svgo": "^2.8.0",
+    "typescript": "^4.5.4",
+    "vite": "^2.9.9",
+    "vite-plugin-libcss": "^1.0.5",
+    "vite-plugin-static-copy": "^0.6.0",
+    "vitest": "^0.23.2",
+    "vue-tsc": "^0.35.0"
   },
   "repository": "https://github.com/ironsource-mobile/shared-ui-ssp.git",
   "main": "./index.js",
@@ -174,7 +167,8 @@
     "./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",
+    "./icon": "./components/icon/v3/Icon.vue.js",
+    "./icon/v4": "./components/icon/v4/IconV4.vue.js",
     "./toggle": "./components/toggle/Toggle.vue.js",
     "./tooltip": "./components/tooltip/Tooltip.vue.js",
     "./search": "./components/search/v3/Search.vue.js",

package/styles/v4/grid.css

@@ -1 +1 @@
-.light-theme-v4 .row{display:flex;flex-wrap:wrap;margin-right:calc(24px/-2);margin-left:calc(24px/-2);width:unset;max-width:unset}.light-theme-v4 .row>*{box-sizing:border-box;padding-right:calc(24px/2);padding-left:calc(24px/2)}.light-theme-v4 .hidden{display:none}.light-theme-v4 .col-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-1{margin-left:8.3333333333%}.light-theme-v4 .offset-2{margin-left:16.6666666667%}.light-theme-v4 .offset-3{margin-left:25%}.light-theme-v4 .offset-4{margin-left:33.3333333333%}.light-theme-v4 .offset-5{margin-left:41.6666666667%}.light-theme-v4 .offset-6{margin-left:50%}.light-theme-v4 .offset-7{margin-left:58.3333333333%}.light-theme-v4 .offset-8{margin-left:66.6666666667%}.light-theme-v4 .offset-9{margin-left:75%}.light-theme-v4 .offset-10{margin-left:83.3333333333%}.light-theme-v4 .offset-11{margin-left:91.6666666667%}@media(min-width: 768px){.light-theme-v4 .hidden-xs{display:none}.light-theme-v4 .col-xs-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xs-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xs-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xs-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xs-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xs-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xs-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xs-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xs-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xs-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xs-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xs-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xs-0{margin-left:0}.light-theme-v4 .offset-xs-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xs-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xs-3{margin-left:25%}.light-theme-v4 .offset-xs-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xs-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xs-6{margin-left:50%}.light-theme-v4 .offset-xs-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xs-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xs-9{margin-left:75%}.light-theme-v4 .offset-xs-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xs-11{margin-left:91.6666666667%}}@media(min-width: 1024px){.light-theme-v4 .hidden-sm{display:none}.light-theme-v4 .col-sm-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-sm-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-sm-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-sm-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-sm-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-sm-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-sm-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-sm-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-sm-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-sm-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-sm-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-sm-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-sm-0{margin-left:0}.light-theme-v4 .offset-sm-1{margin-left:8.3333333333%}.light-theme-v4 .offset-sm-2{margin-left:16.6666666667%}.light-theme-v4 .offset-sm-3{margin-left:25%}.light-theme-v4 .offset-sm-4{margin-left:33.3333333333%}.light-theme-v4 .offset-sm-5{margin-left:41.6666666667%}.light-theme-v4 .offset-sm-6{margin-left:50%}.light-theme-v4 .offset-sm-7{margin-left:58.3333333333%}.light-theme-v4 .offset-sm-8{margin-left:66.6666666667%}.light-theme-v4 .offset-sm-9{margin-left:75%}.light-theme-v4 .offset-sm-10{margin-left:83.3333333333%}.light-theme-v4 .offset-sm-11{margin-left:91.6666666667%}}@media(min-width: 1280px){.light-theme-v4 .hidden-md{display:none}.light-theme-v4 .col-md-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-md-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-md-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-md-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-md-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-md-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-md-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-md-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-md-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-md-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-md-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-md-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-md-0{margin-left:0}.light-theme-v4 .offset-md-1{margin-left:8.3333333333%}.light-theme-v4 .offset-md-2{margin-left:16.6666666667%}.light-theme-v4 .offset-md-3{margin-left:25%}.light-theme-v4 .offset-md-4{margin-left:33.3333333333%}.light-theme-v4 .offset-md-5{margin-left:41.6666666667%}.light-theme-v4 .offset-md-6{margin-left:50%}.light-theme-v4 .offset-md-7{margin-left:58.3333333333%}.light-theme-v4 .offset-md-8{margin-left:66.6666666667%}.light-theme-v4 .offset-md-9{margin-left:75%}.light-theme-v4 .offset-md-10{margin-left:83.3333333333%}.light-theme-v4 .offset-md-11{margin-left:91.6666666667%}}@media(min-width: 1440px){.light-theme-v4 .hidden-lg{display:none}.light-theme-v4 .col-lg-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-lg-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-lg-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-lg-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-lg-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-lg-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-lg-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-lg-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-lg-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-lg-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-lg-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-lg-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-lg-0{margin-left:0}.light-theme-v4 .offset-lg-1{margin-left:8.3333333333%}.light-theme-v4 .offset-lg-2{margin-left:16.6666666667%}.light-theme-v4 .offset-lg-3{margin-left:25%}.light-theme-v4 .offset-lg-4{margin-left:33.3333333333%}.light-theme-v4 .offset-lg-5{margin-left:41.6666666667%}.light-theme-v4 .offset-lg-6{margin-left:50%}.light-theme-v4 .offset-lg-7{margin-left:58.3333333333%}.light-theme-v4 .offset-lg-8{margin-left:66.6666666667%}.light-theme-v4 .offset-lg-9{margin-left:75%}.light-theme-v4 .offset-lg-10{margin-left:83.3333333333%}.light-theme-v4 .offset-lg-11{margin-left:91.6666666667%}}@media(min-width: 1920px){.light-theme-v4 .hidden-xl{display:none}.light-theme-v4 .col-xl-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xl-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xl-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xl-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xl-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xl-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xl-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xl-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xl-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xl-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xl-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xl-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xl-0{margin-left:0}.light-theme-v4 .offset-xl-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xl-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xl-3{margin-left:25%}.light-theme-v4 .offset-xl-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xl-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xl-6{margin-left:50%}.light-theme-v4 .offset-xl-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xl-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xl-9{margin-left:75%}.light-theme-v4 .offset-xl-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xl-11{margin-left:91.6666666667%}}@media(min-width: 2560px){.light-theme-v4 .hidden-xxl{display:none}.light-theme-v4 .col-xxl-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xxl-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xxl-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xxl-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xxl-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xxl-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xxl-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xxl-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xxl-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xxl-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xxl-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xxl-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xxl-0{margin-left:0}.light-theme-v4 .offset-xxl-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xxl-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xxl-3{margin-left:25%}.light-theme-v4 .offset-xxl-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xxl-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xxl-6{margin-left:50%}.light-theme-v4 .offset-xxl-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xxl-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xxl-9{margin-left:75%}.light-theme-v4 .offset-xxl-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xxl-11{margin-left:91.6666666667%}}/*# sourceMappingURL=grid.css.map */
+.light-theme-v4 .row{display:flex;flex-wrap:wrap;margin-right:calc(24px / -2);margin-left:calc(24px / -2);width:unset;max-width:unset}.light-theme-v4 .row>*{box-sizing:border-box;padding-right:calc(24px / 2);padding-left:calc(24px / 2)}.light-theme-v4 .hidden{display:none}.light-theme-v4 .col-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-1{margin-left:8.3333333333%}.light-theme-v4 .offset-2{margin-left:16.6666666667%}.light-theme-v4 .offset-3{margin-left:25%}.light-theme-v4 .offset-4{margin-left:33.3333333333%}.light-theme-v4 .offset-5{margin-left:41.6666666667%}.light-theme-v4 .offset-6{margin-left:50%}.light-theme-v4 .offset-7{margin-left:58.3333333333%}.light-theme-v4 .offset-8{margin-left:66.6666666667%}.light-theme-v4 .offset-9{margin-left:75%}.light-theme-v4 .offset-10{margin-left:83.3333333333%}.light-theme-v4 .offset-11{margin-left:91.6666666667%}@media(min-width: 768px){.light-theme-v4 .hidden-xs{display:none}.light-theme-v4 .col-xs-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xs-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xs-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xs-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xs-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xs-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xs-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xs-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xs-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xs-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xs-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xs-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xs-0{margin-left:0}.light-theme-v4 .offset-xs-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xs-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xs-3{margin-left:25%}.light-theme-v4 .offset-xs-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xs-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xs-6{margin-left:50%}.light-theme-v4 .offset-xs-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xs-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xs-9{margin-left:75%}.light-theme-v4 .offset-xs-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xs-11{margin-left:91.6666666667%}}@media(min-width: 1024px){.light-theme-v4 .hidden-sm{display:none}.light-theme-v4 .col-sm-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-sm-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-sm-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-sm-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-sm-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-sm-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-sm-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-sm-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-sm-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-sm-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-sm-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-sm-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-sm-0{margin-left:0}.light-theme-v4 .offset-sm-1{margin-left:8.3333333333%}.light-theme-v4 .offset-sm-2{margin-left:16.6666666667%}.light-theme-v4 .offset-sm-3{margin-left:25%}.light-theme-v4 .offset-sm-4{margin-left:33.3333333333%}.light-theme-v4 .offset-sm-5{margin-left:41.6666666667%}.light-theme-v4 .offset-sm-6{margin-left:50%}.light-theme-v4 .offset-sm-7{margin-left:58.3333333333%}.light-theme-v4 .offset-sm-8{margin-left:66.6666666667%}.light-theme-v4 .offset-sm-9{margin-left:75%}.light-theme-v4 .offset-sm-10{margin-left:83.3333333333%}.light-theme-v4 .offset-sm-11{margin-left:91.6666666667%}}@media(min-width: 1280px){.light-theme-v4 .hidden-md{display:none}.light-theme-v4 .col-md-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-md-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-md-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-md-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-md-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-md-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-md-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-md-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-md-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-md-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-md-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-md-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-md-0{margin-left:0}.light-theme-v4 .offset-md-1{margin-left:8.3333333333%}.light-theme-v4 .offset-md-2{margin-left:16.6666666667%}.light-theme-v4 .offset-md-3{margin-left:25%}.light-theme-v4 .offset-md-4{margin-left:33.3333333333%}.light-theme-v4 .offset-md-5{margin-left:41.6666666667%}.light-theme-v4 .offset-md-6{margin-left:50%}.light-theme-v4 .offset-md-7{margin-left:58.3333333333%}.light-theme-v4 .offset-md-8{margin-left:66.6666666667%}.light-theme-v4 .offset-md-9{margin-left:75%}.light-theme-v4 .offset-md-10{margin-left:83.3333333333%}.light-theme-v4 .offset-md-11{margin-left:91.6666666667%}}@media(min-width: 1440px){.light-theme-v4 .hidden-lg{display:none}.light-theme-v4 .col-lg-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-lg-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-lg-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-lg-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-lg-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-lg-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-lg-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-lg-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-lg-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-lg-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-lg-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-lg-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-lg-0{margin-left:0}.light-theme-v4 .offset-lg-1{margin-left:8.3333333333%}.light-theme-v4 .offset-lg-2{margin-left:16.6666666667%}.light-theme-v4 .offset-lg-3{margin-left:25%}.light-theme-v4 .offset-lg-4{margin-left:33.3333333333%}.light-theme-v4 .offset-lg-5{margin-left:41.6666666667%}.light-theme-v4 .offset-lg-6{margin-left:50%}.light-theme-v4 .offset-lg-7{margin-left:58.3333333333%}.light-theme-v4 .offset-lg-8{margin-left:66.6666666667%}.light-theme-v4 .offset-lg-9{margin-left:75%}.light-theme-v4 .offset-lg-10{margin-left:83.3333333333%}.light-theme-v4 .offset-lg-11{margin-left:91.6666666667%}}@media(min-width: 1920px){.light-theme-v4 .hidden-xl{display:none}.light-theme-v4 .col-xl-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xl-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xl-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xl-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xl-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xl-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xl-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xl-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xl-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xl-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xl-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xl-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xl-0{margin-left:0}.light-theme-v4 .offset-xl-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xl-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xl-3{margin-left:25%}.light-theme-v4 .offset-xl-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xl-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xl-6{margin-left:50%}.light-theme-v4 .offset-xl-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xl-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xl-9{margin-left:75%}.light-theme-v4 .offset-xl-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xl-11{margin-left:91.6666666667%}}@media(min-width: 2560px){.light-theme-v4 .hidden-xxl{display:none}.light-theme-v4 .col-xxl-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xxl-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xxl-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xxl-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xxl-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xxl-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xxl-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xxl-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xxl-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xxl-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xxl-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xxl-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xxl-0{margin-left:0}.light-theme-v4 .offset-xxl-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xxl-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xxl-3{margin-left:25%}.light-theme-v4 .offset-xxl-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xxl-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xxl-6{margin-left:50%}.light-theme-v4 .offset-xxl-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xxl-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xxl-9{margin-left:75%}.light-theme-v4 .offset-xxl-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xxl-11{margin-left:91.6666666667%}}/*# sourceMappingURL=grid.css.map */

package/styles/v4/grid.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["grid.scss","breakpoints.scss"],"names":[],"mappings":"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","file":"grid.css"}
+{"version":3,"sourceRoot":"","sources":["grid.scss","breakpoints.scss"],"names":[],"mappings":"AA0DI,qBACI,aACA,eACA,6BACA,4BACA,YACA,gBACA,uBACI,sBACA,6BACA,4BArCA,wBACI,aAMI,uBAzBhB,cACA,oBAwBgB,uBAzBhB,cACA,qBAwBgB,uBAzBhB,cACA,UAwBgB,uBAzBhB,cACA,qBAwBgB,uBAzBhB,cACA,qBAwBgB,uBAzBhB,cACA,UAwBgB,uBAzBhB,cACA,qBAwBgB,uBAzBhB,cACA,qBAwBgB,uBAzBhB,cACA,UAwBgB,wBAzBhB,cACA,qBAwBgB,wBAzBhB,cACA,qBAwBgB,wBAzBhB,cACA,WAiCoB,0BA3BpB,0BA2BoB,0BA3BpB,2BA2BoB,0BA3BpB,gBA2BoB,0BA3BpB,2BA2BoB,0BA3BpB,2BA2BoB,0BA3BpB,gBA2BoB,0BA3BpB,2BA2BoB,0BA3BpB,2BA2BoB,0BA3BpB,gBA2BoB,2BA3BpB,2BA2BoB,2BA3BpB,2BC2CI,yBDhCI,2BACI,aAMI,0BAzBhB,cACA,oBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,WAiCoB,6BA3BpB,cA2BoB,6BA3BpB,0BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,4BC2CI,0BDhCI,2BACI,aAMI,0BAzBhB,cACA,oBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,WAiCoB,6BA3BpB,cA2BoB,6BA3BpB,0BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,4BC2CI,0BDhCI,2BACI,aAMI,0BAzBhB,cACA,oBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,WAiCoB,6BA3BpB,cA2BoB,6BA3BpB,0BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,4BC2CI,0BDhCI,2BACI,aAMI,0BAzBhB,cACA,oBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,WAiCoB,6BA3BpB,cA2BoB,6BA3BpB,0BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,4BC2CI,0BDhCI,2BACI,aAMI,0BAzBhB,cACA,oBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,qBAwBgB,0BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,WAiCoB,6BA3BpB,cA2BoB,6BA3BpB,0BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,2BA2BoB,6BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,4BC2CI,0BDhCI,4BACI,aAMI,2BAzBhB,cACA,oBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,UAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,qBAwBgB,2BAzBhB,cACA,UAwBgB,4BAzBhB,cACA,qBAwBgB,4BAzBhB,cACA,qBAwBgB,4BAzBhB,cACA,WAiCoB,8BA3BpB,cA2BoB,8BA3BpB,0BA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,gBA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,2BA2BoB,8BA3BpB,gBA2BoB,+BA3BpB,2BA2BoB,+BA3BpB","file":"grid.css"}