@ironsource/shared-ui 1.4.1 → 1.4.2-andyk.0

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

@@ -0,0 +1,34 @@
+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/index.d.ts

@@ -0,0 +1,23 @@
+declare const TypographyTypes: () => 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 { TypographyTypes };

package/index.vue.js

@@ -1,4 +1,3 @@
-import './EmptyStateIcon.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';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.1",
+  "version": "1.4.2-andyk.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",
+    "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 start-storybook -p 6006",
     "storybook:dist": "StoryBookEnv=prod start-storybook -p 6006",
@@ -174,8 +174,8 @@
     "./passwordInput": "./components/input/PasswordInput.vue.js",
     "./percentageInput": "./components/input/PercentageInput.vue.js",
     "./textArea": "./components/textArea/TextArea.vue.js",
-    "./styleguide": "./styleguide.scss",
-    "./banner": "./components/banner/Banner.vue.js"
+    "./banner": "./components/banner/Banner.vue.js",
+    "./styleguide": "./styleguide.scss"
   },
   "typesVersions": {
     "*": {

package/styles/levelplay/fonts.css

@@ -0,0 +1 @@
+@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

@@ -0,0 +1 @@
+{"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"}

package/styles/levelplay/fonts.scss

@@ -0,0 +1,249 @@
+/**
+ * Style v4 Typography
+ * -----------------------------------------------------------------------------
+ */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
+
+// font-family
+$inter: 'Inter', sans-serif;
+
+%font-bold {
+  font-family: $inter;
+  font-weight: 700;
+}
+%font-semibold {
+  font-family: $inter;
+  font-weight: 600;
+}
+%font-medium {
+  font-family: $inter;
+  font-weight: 500;
+}
+%font-regular {
+  font-family: $inter;
+  font-weight: 400;
+}
+
+// region heading
+%font-title {
+  font-size: 2.5rem;
+  line-height: 3rem;
+  letter-spacing: -0.055rem;
+  @extend %font-semibold;
+}
+%font-heading-1 {
+  font-size: 1.5rem;
+  line-height: 1.75rem;
+  letter-spacing: -0.0285rem;
+  @extend %font-semibold;
+}
+%font-heading-2 {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  letter-spacing: -0.01575rem;
+  @extend %font-semibold;
+}
+%font-heading-3 {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  letter-spacing: -0.011rem;
+  @extend %font-semibold;
+}
+%font-heading-4 {
+  font-size: 0.875rem;
+  line-height: 1rem;
+  letter-spacing: unset;
+  @extend %font-semibold;
+}
+%font-heading-5 {
+  font-size: 0.8125rem;
+  line-height: 16px;
+  letter-spacing: unset;
+  @extend %font-semibold;
+}
+%font-heading-6 {
+  font-size: 0.75rem;
+  line-height: 0.75rem;
+  letter-spacing: 0;
+  @extend %font-semibold;
+}
+// endregion
+
+// region body
+%font-body-1 {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00525rem;
+  @extend %font-regular;
+}
+%font-body-2 {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00244rem;
+  @extend %font-regular;
+}
+// endregion
+
+// region subtitle
+%font-subtitle-1 {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00525rem;
+  @extend %font-medium;
+}
+%font-subtitle-2 {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00244rem;
+  @extend %font-medium;
+}
+// endregion
+
+// region chart
+%font-chart-1 {
+  font-size: 1.5rem;
+  line-height: 1.5rem;
+  letter-spacing: -0.015rem;
+  @extend %font-bold;
+}
+%font-chart-2 {
+  font-size: 1.25rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.0125rem;
+  @extend %font-bold;
+}
+// endregion
+
+
+// region other
+%font-button {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: 0.00875rem;
+  @extend %font-semibold;
+}
+%font-overline {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  letter-spacing: 0.045rem;
+  text-transform: uppercase;
+  @extend %font-medium;
+}
+%font-caption {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  @extend %font-regular;
+}
+%font-table-header {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  letter-spacing: 0.00813rem;
+  @extend %font-semibold;
+}
+%font-input-label {
+  font-size: 0.8125rem;
+  line-height: 1rem;
+  letter-spacing: 0.00813rem;
+  @extend %font-medium;
+}
+%font-tab-label {
+  font-size: 0.875rem;
+  line-height: 1rem;
+  @extend %font-medium;
+}
+%font-chip-label {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  @extend %font-semibold;
+}
+// endregion
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+}
+
+.font-title {
+  @extend %font-title;
+}
+
+.font-heading-1 {
+  @extend %font-heading-1;
+}
+
+.font-heading-2 {
+  @extend %font-heading-2;
+}
+
+.font-heading-3 {
+  @extend %font-heading-3;
+}
+
+.font-heading-4 {
+  @extend %font-heading-4;
+}
+
+.font-heading-5 {
+  @extend %font-heading-5;
+}
+
+.font-heading-6 {
+  @extend %font-heading-6;
+}
+
+.font-body-1 {
+  @extend %font-body-1;
+}
+
+.font-body-2 {
+  @extend %font-body-2;
+}
+
+.font-subtitle-1 {
+  @extend %font-subtitle-1;
+}
+
+.font-subtitle-2 {
+  @extend %font-subtitle-2;
+}
+
+.font-chart-1 {
+  @extend %font-chart-1;
+}
+
+.font-chart-2 {
+  @extend %font-chart-2;
+}
+
+.font-button {
+  @extend %font-button;
+}
+
+.font-overline {
+  @extend %font-overline;
+}
+
+.font-caption {
+  @extend %font-caption;
+}
+
+.font-table-header {
+  @extend %font-table-header;
+}
+
+.font-input-label {
+  @extend %font-input-label;
+}
+
+.font-tab-label {
+  @extend %font-tab-label;
+}
+
+.font-chip-label {
+  @extend %font-chip-label;
+}

package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

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

package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css

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

package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-3f6d9c46]{color:#41454d}.v-enter-active[data-v-3f6d9c46],.v-leave-active[data-v-3f6d9c46]{transition:opacity .25s ease}.v-enter-from[data-v-3f6d9c46],.v-leave-to[data-v-3f6d9c46]{opacity:0}.container[data-v-3f6d9c46]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3f6d9c46]{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-3f6d9c46]{min-height:7rem;overflow-y:auto;width:var(--147c2223);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-3f6d9c46]{padding:0 1.5rem}.header[data-v-3f6d9c46]{padding:1rem 1.5rem 0}.header--bordered[data-v-3f6d9c46]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3f6d9c46]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3f6d9c46]{margin-left:auto;color:#d2d5d8}.content[data-v-3f6d9c46]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3f6d9c46]{padding:1.5rem}.footer[data-v-3f6d9c46]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3f6d9c46]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3f6d9c46] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3f6d9c46]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css

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

package/Editable.vue_vue_type_style_index_0_scoped_true_lang.css

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