@ironsource/shared-ui 1.4.2-andyk.2 → 1.4.2-rc.0

package/components/toggle/Toggle.vue.js

@@ -1,12 +1,16 @@
-import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
+import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { COLORS } from '../../consts/colors.vue.js';
 /* empty css                                                        */
-import "../../assets/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _withScopeId = (n) => (pushScopeId("data-v-6627e5c5"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "toggle-wrap" };
-const _hoisted_2 = { class: "toggle-head" };
-const _hoisted_3 = ["disabled", "checked"];
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "toggle-head" }, null, -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = ["disabled", "checked"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
@@ -16,14 +20,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     errorText: { default: void 0 },
     helperText: { default: void 0 },
     isDisabled: { type: Boolean, default: false },
-    isLoading: { type: Boolean, default: false },
     color: { default: COLORS.PRIMARY_500 }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7a6f4588": __props.color
+      "a1fed734": __props.color
     }));
     const toggleValue = () => {
       if (props.isDisabled)
@@ -36,22 +39,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
             onClick: toggleValue
-          }, [
-            createElementVNode("div", _hoisted_2, [
-              __props.isLoading ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass(["loader", {
-                  "loader-active": __props.modelValue
-                }])
-              }, null, 2)) : createCommentVNode("", true)
-            ])
-          ], 2),
+          }, _hoisted_3, 2),
           createElementVNode("input", {
             type: "checkbox",
             disabled: __props.isDisabled,
             checked: __props.modelValue,
             class: "checkbox"
-          }, null, 8, _hoisted_3),
+          }, null, 8, _hoisted_4),
           createVNode(unref(Text), {
             size: "sm",
             "is-truncated": "",
@@ -89,6 +83,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27275176"]]);
+var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6627e5c5"]]);
 
 export { Toggle as default };

package/components/toggle/index.d.ts

@@ -13,11 +13,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
     errorText: {
         type: import("vue").PropType<string>;
     } & {
@@ -55,11 +50,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
     errorText: {
         type: import("vue").PropType<string>;
     } & {
@@ -85,7 +75,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, {
     helperText: string;
     color: string;
-    isLoading: boolean;
     errorText: string;
     activeText: string;
     inactiveText: string;

package/components/tooltip/TextWithTitleContent.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, cre
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                                      */
-import "../../assets/TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "content-wrap" };
 const _hoisted_2 = { class: "content-header" };
 const _hoisted_3 = { class: "content-body" };

package/components/tooltip/Tooltip.vue.js

@@ -3,7 +3,7 @@ import TextWithTitleContent from './TextWithTitleContent.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
 import { Tooltip } from 'floating-vue';
 /* empty css                                             */
-import "../../assets/Tooltip.vue_vue_type_style_index_0_lang.css";
+import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {

package/components/typography/Heading.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
 /* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../assets/Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Heading",
   props: {

package/components/typography/Text.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../assets/Text.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: {

package/index.d.ts

@@ -23,7 +23,6 @@ export * from '@/components/icon';
 export * from '@/components/search';
 export * from '@/components/skeleton';
 export * from '@/components/typography';
-export * from '@/components/typography/v4';
 export * from '@/components/popover';
 export * from '@/components/chip';
 export * from '@/components/toggle';

package/index.vue.js

@@ -1,3 +1,4 @@
+import './Table.vue_vue_type_style_index_1_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';
@@ -23,7 +24,6 @@ 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 { TypographyTypesV4 } from './components/typography/v4/index.vue.js';
 export { PopoverTypes } from './components/popover/index.vue.js';
 export { ChipTypes } from './components/chip/index.vue.js';
 export { ToggleTypes } from './components/toggle/index.vue.js';
@@ -79,7 +79,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 Typography } from './components/typography/v4/Typography.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';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.2-andyk.2",
+  "version": "1.4.2-rc.0",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && node inject-css.js && sh ./scripts/build-styles.sh",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && node inject-css.js",
     "preview": "vite preview",
     "storybook": "StoryBookEnv=dev start-storybook -p 6006",
     "storybook:dist": "StoryBookEnv=prod start-storybook -p 6006",
@@ -62,6 +62,8 @@
     "@babel/core": "7.17.9",
     "@babel/node": "7.16.8",
     "@commitlint/cli": "^17.0.3",
+    "i": "^0.3.7",
+    "npm": "^8.19.2",
     "@commitlint/config-conventional": "^17.0.3",
     "@figus/cli": "^2.0.8",
     "@mdx-js/react": "^2.1.2",
@@ -76,7 +78,6 @@
     "@storybook/mdx2-csf": "^0.0.3",
     "@storybook/test-runner": "^0.5.0",
     "@storybook/vue3": "^6.5.9",
-    "@ironsource/storybook-addon-stackblitz": "^0.1.5",
     "@types/download": "^8.0.1",
     "@types/node": "^18.0.0",
     "@types/prismjs": "^1.26.0",
@@ -102,7 +103,6 @@
     "happy-dom": "^2.49.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.1",
-    "i": "^0.3.7",
     "jest": "^27.5.1",
     "jest-image-snapshot": "^6.1.0",
     "jest-puppeteer": "^6.2.0",
@@ -110,7 +110,6 @@
     "lodash.kebabcase": "^4.1.1",
     "mustache": "^4.2.0",
     "nodejs-file-downloader": "^4.10.1",
-    "npm": "^8.19.2",
     "postcss": "^8.4.14",
     "prettier": "^2.6.0",
     "prismjs": "^1.29.0",
@@ -175,9 +174,8 @@
     "./passwordInput": "./components/input/PasswordInput.vue.js",
     "./percentageInput": "./components/input/PercentageInput.vue.js",
     "./textArea": "./components/textArea/TextArea.vue.js",
-    "./banner": "./components/banner/Banner.vue.js",
     "./styleguide": "./styleguide.scss",
-    "./typography": "./components/typography/v4/Typography.vue.js"
+    "./banner": "./components/banner/Banner.vue.js"
   },
   "typesVersions": {
     "*": {
@@ -300,9 +298,6 @@
       ],
       "textArea": [
         "./components/textArea/TextArea.vue.d.ts"
-      ],
-      "typography": [
-        "./components/typography/v4/Typography.vue.d.ts"
       ]
     }
   },

package/assets/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-32b00538]{color:#41454d}.banner[data-v-32b00538]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative;color:#53575b}.banner .left-border[data-v-32b00538]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-32b00538]{padding:.875rem 1rem 1rem 1.5rem;display:flex;align-items:center;flex:1;height:3rem}.banner .content-wrapper .icon-container[data-v-32b00538]{margin-right:1rem;display:grid;align-content:center}.banner .content-wrapper .content[data-v-32b00538]{flex:1}.banner.banner-type-info .left-border[data-v-32b00538]{background-color:#3083ff}.banner.banner-type-info .icon[data-v-32b00538]{color:#3083ff}.banner.banner-type-success .left-border[data-v-32b00538]{background-color:#22c891}.banner.banner-type-success .icon[data-v-32b00538]{color:#22c891}.banner.banner-type-error .left-border[data-v-32b00538]{background-color:#ff6a63}.banner.banner-type-error .icon[data-v-32b00538]{color:#ff6a63}.banner.banner-type-warning .left-border[data-v-32b00538]{background-color:#ffb424}.banner.banner-type-warning .icon[data-v-32b00538]{color:#ffb424}

package/assets/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-07a23a05]{color:#41454d}.days-wrapper[data-v-07a23a05]{color:#53575b}.days-wrapper .day[data-v-07a23a05]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-07a23a05]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#F1F3F4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-07a23a05]:after{content:"";background:#3083FF;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-07a23a05]:after,.days-wrapper .day.today.selected-day-between[data-v-07a23a05]:after{background:#FFFFFF}.days-wrapper .day.start-day[data-v-07a23a05]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-07a23a05]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-07a23a05]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-07a23a05]:before{content:"";display:block;position:absolute;background:#3083FF;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-07a23a05]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-07a23a05]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-07a23a05]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-07a23a05]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-07a23a05]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-07a23a05]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-07a23a05]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-07a23a05]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-07a23a05]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-07a23a05]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-07a23a05]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-07a23a05],.calendar-month .previous[data-v-07a23a05]{transform:translateY(8px)}.calendar-month .previous[data-v-07a23a05]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/assets/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-3a486dd1]{color:#41454d}.v-enter-active[data-v-3a486dd1],.v-leave-active[data-v-3a486dd1]{transition:opacity .25s ease}.v-enter-from[data-v-3a486dd1],.v-leave-to[data-v-3a486dd1]{opacity:0}.container[data-v-3a486dd1]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3a486dd1]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-3a486dd1]{min-height:7rem;overflow-y:auto;width:var(--5551d163);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-3a486dd1]{padding:0 1.5rem}.header[data-v-3a486dd1]{padding:1rem 1.5rem 0}.header--bordered[data-v-3a486dd1]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3a486dd1]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3a486dd1]{margin-left:auto;color:#d2d5d8}.content[data-v-3a486dd1]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3a486dd1]{padding:1.5rem}.footer[data-v-3a486dd1]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3a486dd1]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3a486dd1] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3a486dd1]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/assets/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-49790baa]{color:#41454d}.v-enter-active[data-v-49790baa],.v-leave-active[data-v-49790baa]{transition:opacity .25s ease}ol[data-v-49790baa],ul[data-v-49790baa],menu[data-v-49790baa]{list-style:none;margin:0;padding:0}.dropdown[data-v-49790baa]{display:flex;flex-direction:column}.dropdown--disabled[data-v-49790baa]{opacity:.7}.list-container[data-v-49790baa]{padding:.5rem;max-height:13.8rem}.list-container--multi[data-v-49790baa]{margin-bottom:0}.v-popper__arrow-container[data-v-49790baa]{display:none}.helper-text[data-v-49790baa]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-49790baa]{color:#da564f}.no-result-container[data-v-49790baa]{height:100%;display:flex;align-items:center}.no-result[data-v-49790baa]{color:#8e959d;padding-left:.5rem}.list[data-v-49790baa]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-49790baa]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-49790baa]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-49790baa]:not(.button__container--disabled){cursor:pointer}.loader[data-v-49790baa]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-49790baa]{margin-right:.25rem;display:flex}.button[data-v-49790baa]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#F1F3F4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-49790baa]{height:2.5rem}.button[data-v-49790baa]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#EDEFF0}.button--open[data-v-49790baa],.button[data-v-49790baa]:focus-visible{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.image-slot[data-v-49790baa]{margin-right:.5rem}.angle-down[data-v-49790baa]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-49790baa]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #DDDFE1;justify-content:flex-end}.actions[data-v-49790baa]:first-child{padding-right:.25rem}.apply-button[data-v-49790baa]{margin-left:.25rem}.dropdown-title__text[data-v-49790baa]{border-bottom:1px solid #DDDFE1;padding:1rem}.dropdown-title__search[data-v-49790baa]{padding:3px 0;width:100%;border-bottom:1px solid #DDDFE1}

package/assets/Editable.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-73de8e4d]{color:#41454d}.edit-save-icon[data-v-73de8e4d]{display:none}.active .edit-save-icon[data-v-73de8e4d]{display:block}.container[data-v-73de8e4d]{position:relative;display:flex;align-items:center}.editable-content[data-v-73de8e4d]{margin-left:.5rem;padding:8px 0}.table-row:hover .editable-container[data-v-73de8e4d]{cursor:text;background:#EDEFF0}.editable-container[data-v-73de8e4d]{display:flex;flex:1 1 auto;border-radius:.5rem}.editable-container[data-v-73de8e4d]:hover{cursor:text;background:#EDEFF0}.editable-container[data-v-73de8e4d] .focused,.editable-container[data-v-73de8e4d] .focused .input{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#FFFFFF 0)}.editable-container[data-v-73de8e4d] .input-container.error,.editable-container[data-v-73de8e4d] .input-container.error .input{background:linear-gradient(0deg,#ff6a63 0,#ff6a63 2px,#FFFFFF 0)}

package/assets/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-27275176]{color:#41454d}.loader[data-v-27275176]{width:10px;height:10px;border:1.2px solid #D2D5D8;border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-27275176 1s linear infinite}.loader.loader-active[data-v-27275176]{border:1.2px solid var(--7a6f4588);border-bottom-color:transparent}@keyframes rotation-27275176{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-body[data-v-27275176]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-27275176]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-27275176]{background-color:var(--7a6f4588);opacity:.7}.toggle-head[data-v-27275176]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear;display:flex;justify-content:center;align-items:center}.toggle-active.toggle-body[data-v-27275176]{background-color:var(--7a6f4588)}.toggle-active .toggle-head[data-v-27275176]{transform:translate(.75rem)}.checkbox[data-v-27275176]{display:none}.item-text[data-v-27275176]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-27275176]{color:#8e959d}.helper-text[data-v-27275176]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-27275176]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-27275176]{padding-top:0}.toggle-wrap[data-v-27275176]{height:1rem}

package/assets/Typography.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.font-chart-2[data-v-16019926],.font-chart-1[data-v-16019926]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-16019926],.font-table-header[data-v-16019926],.font-button[data-v-16019926],.font-heading-6[data-v-16019926],.font-heading-5[data-v-16019926],.font-heading-4[data-v-16019926],.font-heading-3[data-v-16019926],.font-heading-2[data-v-16019926],.font-heading-1[data-v-16019926],.font-title[data-v-16019926]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label[data-v-16019926],.font-input-label[data-v-16019926],.font-overline[data-v-16019926],.font-subtitle-2[data-v-16019926],.font-subtitle-1[data-v-16019926]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-16019926],.font-body-2[data-v-16019926],.font-body-1[data-v-16019926]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-16019926]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-16019926]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-16019926]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-16019926]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-16019926]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-16019926]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-16019926]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-16019926]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-16019926]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-16019926]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-16019926]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-16019926]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-16019926]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-16019926]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-16019926]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-16019926]{font-size:.75rem;line-height:1rem}.font-table-header[data-v-16019926]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-16019926]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label[data-v-16019926]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-16019926]{font-size:.75rem;line-height:1rem}h1[data-v-16019926],h2[data-v-16019926],h3[data-v-16019926],h4[data-v-16019926],h5[data-v-16019926],h6[data-v-16019926]{margin:0}.truncate[data-v-16019926]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}

package/components/typography/v4/Typography.vue.d.ts

@@ -1,34 +0,0 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    isTruncated?: boolean;
-    /**
-     * Typography variant to use
-     */
-    variant?: 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'button' | 'caption' | 'tableHeader' | 'inputLabel' | 'tabLabel' | 'chipLabel' | 'chart1' | 'chart2' | 'overline';
-}>, {
-    variant: 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<{
-    isTruncated?: boolean;
-    /**
-     * Typography variant to use
-     */
-    variant?: 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'button' | 'caption' | 'tableHeader' | 'inputLabel' | 'tabLabel' | 'chipLabel' | 'chart1' | 'chart2' | 'overline';
-}>, {
-    variant: string;
-}>>>, {
-    variant: 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'button' | 'caption' | 'tableHeader' | 'inputLabel' | 'tabLabel' | 'chipLabel' | 'chart1' | 'chart2' | 'overline';
-}>;
-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/typography/v4/Typography.vue.js

@@ -1,67 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
-/* empty css                                                            */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../assets/Typography.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Typography",
-  props: {
-    isTruncated: { type: Boolean },
-    variant: { default: "body1" }
-  },
-  setup(__props) {
-    const props = __props;
-    const variantToClassMap = {
-      title: "font-title",
-      h1: "font-heading-1",
-      h2: "font-heading-2",
-      h3: "font-heading-3",
-      h4: "font-heading-4",
-      h5: "font-heading-5",
-      h6: "font-heading-6",
-      body1: "font-body-1",
-      body2: "font-body-2",
-      subtitle1: "font-subtitle-1",
-      subtitle2: "font-subtitle-2",
-      button: "font-button",
-      caption: "font-caption",
-      tableHeader: "font-table-header",
-      inputLabel: "font-input-label",
-      tabLabel: "font-tab-label",
-      chipLabel: "font-chip-label",
-      chart1: "font-chart-1",
-      chart2: "font-chart-2",
-      overline: "font-overline"
-    };
-    const tag = computed(() => {
-      switch (props.variant) {
-        case "title":
-          return "h1";
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return props.variant;
-        default:
-          return "span";
-      }
-    });
-    const fontClass = computed(() => {
-      return variantToClassMap[props.variant];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
-        class: normalizeClass({ [unref(fontClass)]: true, truncate: __props.isTruncated })
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-var Typography = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16019926"]]);
-
-export { Typography as default };

package/components/typography/v4/index.d.ts

@@ -1,23 +0,0 @@
-declare const TypographyTypesV4: () => import("vue").DefineComponent<{
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableHeader" | "inputLabel" | "tabLabel" | "chipLabel" | "chart1" | "chart2">;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableHeader" | "inputLabel" | "tabLabel" | "chipLabel" | "chart1" | "chart2">;
-    } & {
-        default: string;
-    };
-}>>, {
-    variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableHeader" | "inputLabel" | "tabLabel" | "chipLabel" | "chart1" | "chart2";
-}>[];
-export { default as Typography } from './Typography.vue';
-export { TypographyTypesV4 };

package/components/typography/v4/index.vue.js

@@ -1,6 +0,0 @@
-import Typography from './Typography.vue.js';
-export { default as Typography } from './Typography.vue.js';
-
-const TypographyTypesV4 = () => [Typography];
-
-export { TypographyTypesV4 };

package/styles/levelplay/fonts.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.font-chart-2,.font-chart-1{font-family:"Inter",sans-serif;font-weight:700}.font-chip-label,.font-table-header,.font-button,.font-heading-6,.font-heading-5,.font-heading-4,.font-heading-3,.font-heading-2,.font-heading-1,.font-title{font-family:"Inter",sans-serif;font-weight:600}.font-tab-label,.font-input-label,.font-overline,.font-subtitle-2,.font-subtitle-1{font-family:"Inter",sans-serif;font-weight:500}.font-caption,.font-body-2,.font-body-1{font-family:"Inter",sans-serif;font-weight:400}.font-title{font-size:2.5rem;line-height:3rem;letter-spacing:-0.055rem}.font-heading-1{font-size:1.5rem;line-height:1.75rem;letter-spacing:-0.0285rem}.font-heading-2{font-size:1.125rem;line-height:1.75rem;letter-spacing:-0.01575rem}.font-heading-3{font-size:1rem;line-height:1.5rem;letter-spacing:-0.011rem}.font-heading-4{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1{font-size:.875rem;line-height:1.25rem;letter-spacing:-0.00525rem}.font-body-2{font-size:.8125rem;line-height:1.25rem;letter-spacing:-0.00244rem}.font-subtitle-1{font-size:.875rem;line-height:1.25rem;letter-spacing:-0.00525rem}.font-subtitle-2{font-size:.8125rem;line-height:1.25rem;letter-spacing:-0.00244rem}.font-chart-1{font-size:1.5rem;line-height:1.5rem;letter-spacing:-0.015rem}.font-chart-2{font-size:1.25rem;line-height:1.25rem;letter-spacing:-0.0125rem}.font-button{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption{font-size:.75rem;line-height:1rem}.font-table-header{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label{font-size:.875rem;line-height:1rem}.font-chip-label{font-size:.75rem;line-height:1rem}h1,h2,h3,h4,h5,h6{margin:0}/*# sourceMappingURL=fonts.css.map */

package/styles/levelplay/fonts.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["fonts.scss"],"names":[],"mappings":"AAKQ,sFAKR,4BACE,YAHM,mBAIN,gBAEF,6JACE,YAPM,mBAQN,gBAEF,mFACE,YAXM,mBAYN,gBAEF,wCACE,YAfM,mBAgBN,gBAIF,YACE,iBACA,iBACA,yBAGF,gBACE,iBACA,oBACA,0BAGF,gBACE,mBACA,oBACA,2BAGF,gBACE,eACA,mBACA,yBAGF,gBACE,kBACA,iBACA,qBAGF,gBACE,mBACA,iBACA,qBAGF,gBACE,iBACA,mBACA,iBAMF,aACE,kBACA,oBACA,2BAGF,aACE,mBACA,oBACA,2BAMF,iBACE,kBACA,oBACA,2BAGF,iBACE,mBACA,oBACA,2BAMF,cACE,iBACA,mBACA,yBAGF,cACE,kBACA,oBACA,0BAOF,aACE,kBACA,oBACA,yBAGF,eACE,iBACA,iBACA,uBACA,yBAGF,cACE,iBACA,iBAGF,mBACE,mBACA,oBACA,yBAGF,kBACE,mBACA,iBACA,yBAGF,gBACE,kBACA,iBAGF,iBACE,iBACA,iBAKF,kBAME","file":"fonts.css"}