@ironsource/shared-ui 2.1.8-rc.6 → 2.1.8-rc.8

package/ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css

@@ -0,0 +1 @@
+.group-button-wrapper[data-v-5497abe6]{display:flex}.group-button-wrapper[data-v-5497abe6] button{border-radius:0}.group-button-wrapper[data-v-5497abe6] button:first-child{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.group-button-wrapper[data-v-5497abe6] button:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.group-button-wrapper.primary[data-v-5497abe6] button+button{border-left:1px solid var(--primary-dark)}.group-button-wrapper.default[data-v-5497abe6]:not(.disabled) button+button{border-left:1px solid transparent;margin-left:-1px}.group-button-wrapper.default[data-v-5497abe6]:not(.disabled) button+button:hover{border:1px solid var(--action-active)}

package/ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css

@@ -0,0 +1 @@
+.button-wrap[data-v-bdfce3aa]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-bdfce3aa]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-bdfce3aa]:hover{background:var(--primary-darker)}.contained.primary[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.default[data-v-bdfce3aa]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-bdfce3aa]:hover{background:var(--default-light)}.contained.default[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-bdfce3aa]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-bdfce3aa]:hover{background:var(--error-dark)}.contained.danger[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.info[data-v-bdfce3aa]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-bdfce3aa]:hover{background:var(--info-dark)}.contained.info[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.success[data-v-bdfce3aa]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-bdfce3aa]:hover{background:var(--success-dark)}.contained.success[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-bdfce3aa]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-bdfce3aa]:hover{background:var(--warning-dark)}.contained.warning[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-bdfce3aa],.contained.loading[data-v-bdfce3aa]:hover{background:var(--action-disabled-background)}.outlined[data-v-bdfce3aa]{background:transparent}.outlined.primary[data-v-bdfce3aa]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-bdfce3aa]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-bdfce3aa]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-bdfce3aa]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-bdfce3aa]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-bdfce3aa]:hover{background:var(--error-lighter)}.outlined.danger[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-bdfce3aa]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-bdfce3aa]:hover{background:var(--info-lighter)}.outlined.info[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-bdfce3aa]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-bdfce3aa]:hover{background:var(--success-lighter)}.outlined.success[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-bdfce3aa]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-bdfce3aa]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-bdfce3aa],.outlined.loading[data-v-bdfce3aa]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-bdfce3aa]{background:transparent}.text.primary[data-v-bdfce3aa]{color:var(--primary-main)}.text.primary[data-v-bdfce3aa]:hover{background:var(--primary-lighter)}.text.primary[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.default[data-v-bdfce3aa]{color:var(--text-primary)}.text.default[data-v-bdfce3aa]:hover{background:var(--action-hover)}.text.default[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.danger[data-v-bdfce3aa]{color:var(--error-main)}.text.danger[data-v-bdfce3aa]:hover{background:var(--error-lighter)}.text.danger[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.info[data-v-bdfce3aa]{color:var(--info-main)}.text.info[data-v-bdfce3aa]:hover{background:var(--info-lighter)}.text.info[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.success[data-v-bdfce3aa]{color:var(--success-main)}.text.success[data-v-bdfce3aa]:hover{background:var(--success-lighter)}.text.success[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.warning[data-v-bdfce3aa]{color:var(--warning-darker)}.text.warning[data-v-bdfce3aa]:hover{background:var(--warning-lighter)}.text.warning[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.loading[data-v-bdfce3aa],.text.loading[data-v-bdfce3aa]:hover{border:0;background:transparent}.small[data-v-bdfce3aa]{padding:2px 6px}.small.outlined[data-v-bdfce3aa]{padding:1px 5px}.medium[data-v-bdfce3aa]{padding:4px 8px}.medium.outlined[data-v-bdfce3aa]{padding:3px 7px}.large[data-v-bdfce3aa]{padding:6px 8px}.large.outlined[data-v-bdfce3aa]{padding:5px 7px}.extraLarge[data-v-bdfce3aa]{padding:10px 12px}.extraLarge.outlined[data-v-bdfce3aa]{padding:9px 11px}.small[data-v-bdfce3aa],.medium[data-v-bdfce3aa],.large[data-v-bdfce3aa],.extraLarge[data-v-bdfce3aa]{height:auto}.flex[data-v-bdfce3aa]{display:flex;align-items:center}.start-icon[data-v-bdfce3aa]{margin-right:8px}.end-icon[data-v-bdfce3aa]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-bdfce3aa]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-bdfce3aa]{padding-right:22px}

package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-df85e0af]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px;border-radius:0 0 6px 6px}.header-wrapper[data-v-df85e0af]{height:76px}.chart-content[data-v-df85e0af]{flex:1}.chart-sidebar[data-v-df85e0af]{border-left:1px solid var(--common-divider)}.chart[data-v-df85e0af]{width:100%;height:312px;position:relative}.chart__canvas[data-v-df85e0af]{width:100%;height:100%}.chart__tooltip[data-v-df85e0af]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-2e3de9c5]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.header-texts[data-v-2e3de9c5]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-2e3de9c5]{display:flex;align-items:center;gap:4px}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css

@@ -0,0 +1 @@
+.default-dropdown-wrapper[data-v-fd7a490e]{position:relative}.dropdown-trigger[data-v-fd7a490e]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.25rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-fd7a490e]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-fd7a490e]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-fd7a490e]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-fd7a490e]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-fd7a490e],.dropdown-trigger.disabled .caret-down[data-v-fd7a490e]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-fd7a490e]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-fd7a490e]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-fd7a490e]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-fd7a490e],.dropdown-trigger.state-success[data-v-fd7a490e],.dropdown-trigger.state-warning[data-v-fd7a490e]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-fd7a490e],.dropdown-trigger.state-success.small[data-v-fd7a490e],.dropdown-trigger.state-warning.small[data-v-fd7a490e]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-fd7a490e],.dropdown-trigger.state-success.large[data-v-fd7a490e],.dropdown-trigger.state-warning.large[data-v-fd7a490e]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-fd7a490e]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-fd7a490e]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-fd7a490e]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-fd7a490e]{color:var(--action-active)}.content[data-v-fd7a490e]{display:flex;flex:1;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-fd7a490e]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-fd7a490e]{width:20px;height:20px;flex:none}.content .image img[data-v-fd7a490e]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-fd7a490e]{display:flex;color:var(--action-active)}.content .status-dot[data-v-fd7a490e]{padding-right:.25rem}.content .status-dot>div[data-v-fd7a490e]{position:relative;top:-1px}.dropdown-field-label[data-v-fd7a490e]{color:var(--text-primary)}.dropdown-field-help-text[data-v-fd7a490e]{margin-top:4px;position:absolute}

package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css

@@ -0,0 +1 @@
+.settings-header-container[data-v-1791e4fe]{display:flex;border:.0625rem solid var(--common-divider);border-radius:.375rem .375rem 0 0;border-bottom:none;background-color:var(--background-paper-elevation-0, #f9f9f9);justify-content:space-between}.settings-header-container .settings[data-v-1791e4fe]{display:flex;flex-direction:row;justify-content:space-between;height:4rem;padding:.75rem 0 .75rem 1.5rem;align-items:center;gap:.75rem;flex:1}.settings-header-container .settings .chart-type-selection[data-v-1791e4fe]{display:flex;height:1.75rem;max-width:8.125rem}.settings-header-container .settings .chart-type-selection[data-v-1791e4fe] .displayed-value{font-weight:600}.settings-header-container .settings-spacer[data-v-1791e4fe]{padding:.75rem 1.5rem}.settings-header-container .breakdowns[data-v-1791e4fe]{display:flex;width:13.8125rem;height:4rem;padding:0 .75rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem}.settings-header-container .breakdowns-border[data-v-1791e4fe]{border-left:.0625rem solid var(--common-divider)}

package/components/alert/Alert.vue2.js

@@ -4,9 +4,10 @@ import A from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import E from "../button/v4/ButtonV4.vue.js";
 import S from "../button/v4/IconButtonV4.vue.js";
+import "../button/v4/ButtonGroup.vue.js";
 import { useTestIdAttrs as h } from "../../utils/testIds.js";
 import { AlertTestIdModifiers as o } from "../../testids/index.js";
-const V = { class: "title-container" }, $ = { key: 0 }, D = /* @__PURE__ */ N({
+const V = { class: "title-container" }, $ = { key: 0 }, G = /* @__PURE__ */ N({
   __name: "Alert",
   props: {
     title: { default: "" },
@@ -105,5 +106,5 @@ const V = { class: "title-container" }, $ = { key: 0 }, D = /* @__PURE__ */ N({
   }
 });
 export {
-  D as default
+  G as default
 };

package/components/button/v4/ButtonGroup.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    variant?: "text" | "contained" | "outlined";
+    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size?: "small" | "medium" | "large" | "extraLarge";
+}>, {
+    size: string;
+    variant: string;
+    color: 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<{
+    variant?: "text" | "contained" | "outlined";
+    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size?: "small" | "medium" | "large" | "extraLarge";
+}>, {
+    size: string;
+    variant: string;
+    color: string;
+}>>>, {
+    variant: "text" | "contained" | "outlined";
+    color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size: "small" | "medium" | "large" | "extraLarge";
+}>, {
+    default?(_: {}): any;
+}>;
+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 ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/button/v4/ButtonGroup.vue.js

@@ -0,0 +1,7 @@
+import o from "./ButtonGroup.vue2.js";
+/* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5497abe6"]]);
+export {
+  s as default
+};

package/components/button/v4/ButtonGroup.vue2.js

@@ -0,0 +1,19 @@
+ import "../../../ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css"; import { defineComponent as o, openBlock as r, createElementBlock as a, normalizeClass as n, renderSlot as l } from "vue";
+const c = /* @__PURE__ */ o({
+  __name: "ButtonGroup",
+  props: {
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    size: { default: "medium" }
+  },
+  setup(e) {
+    return (t, u) => (r(), a("div", {
+      class: n(["group-button-wrapper", [e.size, e.color, e.variant]])
+    }, [
+      l(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  c as default
+};

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
 /* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c3b0c3f"]]);
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bdfce3aa"]]);
 export {
-  s as default
+  a as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";