@ironsource/shared-ui 2.1.9 → 2.1.10-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_aafd69f5_lang.css +1 -0
  2. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +1 -0
  3. package/components/radioButton/v4/RadioButtonV4.vue.d.ts +5 -0
  4. package/components/radioButton/v4/RadioButtonV4.vue.js +2 -2
  5. package/components/radioButton/v4/RadioButtonV4.vue2.js +59 -46
  6. package/components/radioButton/v4/index.d.ts +20 -1
  7. package/components/typography/v4/Typography.vue.js +2 -2
  8. package/components/typography/v4/Typography.vue2.js +1 -1
  9. package/index.d.ts +40 -2
  10. package/index.js +1 -1
  11. package/package.json +1 -1
  12. package/testids/index.d.ts +2 -1
  13. package/testids/index.js +1 -1
  14. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css +0 -1
  15. package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css +0 -1
package/RadioButtonV4.vue_vue_type_style_index_0_scoped_aafd69f5_lang.css ADDED
@@ -0,0 +1 @@
1
+ .radio-button[data-v-aafd69f5]{display:flex;flex-direction:column}.radio-button--disabled[data-v-aafd69f5],.radio-button--disabled .label[data-v-aafd69f5]{cursor:default}.wrapper-with-description[data-v-aafd69f5]{display:flex}.wrapper[data-v-aafd69f5]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%;margin:0 var(--spacing-100) 0 0}.label[data-v-aafd69f5]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-aafd69f5]{color:var(--text-disabled)}input[data-v-aafd69f5]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-aafd69f5]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--default-main);box-shadow:var(--default-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-aafd69f5]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-aafd69f5]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--common-white),var(--common-white) 3px,transparent 28%);content:""}.circle--disabled[data-v-aafd69f5]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-aafd69f5]{background-color:var(--primary-light);box-shadow:var(--primary-main-50-p) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-aafd69f5]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--primary-main-50-p),var(--primary-main-50-p) 3px,transparent 28%);content:""}.radio-button:hover .circle[data-v-aafd69f5]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}.label-description[data-v-aafd69f5]{color:var(--text-secondary)}
package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-992962bc],.font-chart-2[data-v-992962bc],.font-chart-1[data-v-992962bc]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-992962bc],.font-table-label[data-v-992962bc],.font-button[data-v-992962bc],.font-heading-6[data-v-992962bc],.font-heading-5[data-v-992962bc],.font-heading-4[data-v-992962bc],.font-heading-3[data-v-992962bc],.font-heading-2[data-v-992962bc],.font-heading-1[data-v-992962bc],.font-title[data-v-992962bc]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-992962bc],.font-input-label[data-v-992962bc],.font-overline[data-v-992962bc],.font-subtitle-2[data-v-992962bc],.font-subtitle-1[data-v-992962bc]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-992962bc],.font-body-2[data-v-992962bc],.font-body-1[data-v-992962bc]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-992962bc]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-992962bc]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-992962bc]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-992962bc]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-992962bc]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-992962bc]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-992962bc]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-992962bc]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-992962bc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-992962bc]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-992962bc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-992962bc]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-992962bc]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-992962bc]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-992962bc]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-992962bc]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-992962bc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-992962bc]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-992962bc],.font-tab-label2[data-v-992962bc]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-992962bc]{font-size:.75rem;line-height:1rem}h1[data-v-992962bc],h2[data-v-992962bc],h3[data-v-992962bc],h4[data-v-992962bc],h5[data-v-992962bc],h6[data-v-992962bc]{margin:0}.antialiased[data-v-992962bc]{-webkit-font-smoothing:antialiased}.truncate[data-v-992962bc]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.typography-tooltip[data-v-992962bc]{display:block}.typography-tooltip[data-v-992962bc] .container{display:block;width:100%}
package/components/radioButton/v4/RadioButtonV4.vue.d.ts CHANGED
@@ -4,11 +4,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
4
4
  name?: string;
5
5
  modelValue?: string;
6
6
  testId?: string;
7
+ labelDescription?: string;
7
8
  }>, {
8
9
  label: string;
9
10
  name: string;
10
11
  modelValue: any;
11
12
  testId: string;
13
+ labelDescription: string;
12
14
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
15
  change: (...args: any[]) => void;
14
16
  "update:modelValue": (...args: any[]) => void;
@@ -18,11 +20,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
18
20
  name?: string;
19
21
  modelValue?: string;
20
22
  testId?: string;
23
+ labelDescription?: string;
21
24
  }>, {
22
25
  label: string;
23
26
  name: string;
24
27
  modelValue: any;
25
28
  testId: string;
29
+ labelDescription: string;
26
30
  }>>> & {
27
31
  onChange?: (...args: any[]) => any;
28
32
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -31,6 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
35
  label: string;
32
36
  testId: string;
33
37
  modelValue: string;
38
+ labelDescription: string;
34
39
  }>, {
35
40
  default?(_: {}): any;
36
41
  }>;
package/components/radioButton/v4/RadioButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./RadioButtonV4.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cb3a12c6"]]);
3
+ // import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_aafd69f5_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aafd69f5"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/radioButton/v4/RadioButtonV4.vue2.js CHANGED
@@ -1,67 +1,80 @@
1
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css"; import { defineComponent as h, ref as y, inject as g, computed as n, openBlock as I, createElementBlock as R, normalizeClass as p, unref as e, createElementVNode as r, withDirectives as E, mergeProps as v, isRef as k, vModelRadio as B, renderSlot as T, createVNode as w, withCtx as x, createTextVNode as A, toDisplayString as C } from "vue";
2
- import D from "../../typography/v4/Typography.vue.js";
1
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_aafd69f5_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
2
+ import I from "../../typography/v4/Typography.vue.js";
3
3
  import { radioGroupKey as G } from "../common/useRadio.js";
4
- import { RadioTestIdModifiers as u } from "../../../testids/index.js";
5
- import { useTestIdAttrs as L } from "../../../utils/testIds.js";
6
- const N = { class: "wrapper" }, M = ["value", "name", "disabled"], P = /* @__PURE__ */ h({
4
+ import { RadioTestIdModifiers as r } from "../../../testids/index.js";
5
+ import { useTestIdAttrs as S } from "../../../utils/testIds.js";
6
+ const M = { class: "wrapper-with-description" }, P = { class: "wrapper" }, j = ["value", "name", "disabled"], _ = /* @__PURE__ */ R({
7
7
  __name: "RadioButtonV4",
8
8
  props: {
9
9
  value: null,
10
10
  label: { default: "" },
11
11
  name: { default: "" },
12
12
  modelValue: { default: void 0 },
13
- testId: { default: "" }
13
+ testId: { default: "" },
14
+ labelDescription: { default: "" }
14
15
  },
15
16
  emits: ["update:modelValue", "change"],
16
- setup(t, { emit: b }) {
17
- const l = t, c = L(l.testId, u), i = y(), a = g(G, void 0), m = n(() => !!a), o = n(() => a?.disabled), d = n({
17
+ setup(t, { emit: D }) {
18
+ const o = t, n = S(o.testId, r), u = g(), a = k(G, void 0), p = c(() => !!a), d = c(() => a?.disabled), s = c({
18
19
  get() {
19
- return m.value ? a?.modelValue : l.modelValue;
20
+ return p.value ? a?.modelValue : o.modelValue;
20
21
  },
21
- set(s) {
22
- m.value ? a?.changeEvent(s) : b("update:modelValue", s), i.value && (i.value.checked = l.modelValue === l.value);
22
+ set(i) {
23
+ p.value ? a?.changeEvent(i) : D("update:modelValue", i), u.value && (u.value.checked = o.modelValue === o.value);
23
24
  }
24
25
  });
25
- return (s, f) => (I(), R("label", {
26
- class: p(["radio-button", { "radio-button--disabled": e(o) }])
26
+ return (i, f) => (b(), B("label", {
27
+ class: v(["radio-button", { "radio-button--disabled": e(d) }])
27
28
  }, [
28
- r("span", N, [
29
- E(r("input", v({
30
- ref_key: "radioRef",
31
- ref: i,
32
- "onUpdate:modelValue": f[0] || (f[0] = (V) => k(d) ? d.value = V : null),
33
- value: t.value,
34
- name: t.name || e(a)?.name,
35
- type: "radio",
36
- disabled: e(o)
37
- }, e(c)[e(u).FIELD]), null, 16, M), [
38
- [B, e(d)]
29
+ l("span", M, [
30
+ l("span", P, [
31
+ w(l("input", m({
32
+ ref_key: "radioRef",
33
+ ref: u,
34
+ "onUpdate:modelValue": f[0] || (f[0] = (E) => C(s) ? s.value = E : null),
35
+ value: t.value,
36
+ name: t.name || e(a)?.name,
37
+ type: "radio",
38
+ disabled: e(d)
39
+ }, e(n)[e(r).FIELD]), null, 16, j), [
40
+ [L, e(s)]
41
+ ]),
42
+ l("span", {
43
+ class: v(["circle", {
44
+ "circle--selected": e(s) === t.value,
45
+ "circle--disabled": e(d)
46
+ }])
47
+ }, null, 2)
39
48
  ]),
40
- r("span", {
41
- class: p(["circle", {
42
- "circle--selected": e(d) === t.value,
43
- "circle--disabled": e(o)
44
- }])
45
- }, null, 2)
49
+ l("span", m({
50
+ class: ["label", { "label--disabled": e(d) }]
51
+ }, e(n)[e(r).LABEL]), [
52
+ N(i.$slots, "default", {}, () => [
53
+ T(e(I), {
54
+ variant: "body2",
55
+ "is-truncated": ""
56
+ }, {
57
+ default: V(() => [
58
+ h(y(t.label), 1)
59
+ ]),
60
+ _: 1
61
+ })
62
+ ], !0)
63
+ ], 16)
46
64
  ]),
47
- r("span", v({
48
- class: ["label", { "label--disabled": e(o) }]
49
- }, e(c)[e(u).LABEL]), [
50
- T(s.$slots, "default", {}, () => [
51
- w(e(D), {
52
- variant: "body2",
53
- "is-truncated": ""
54
- }, {
55
- default: x(() => [
56
- A(C(t.label), 1)
57
- ]),
58
- _: 1
59
- })
60
- ], !0)
61
- ], 16)
65
+ t.labelDescription ? (b(), A(e(I), m({
66
+ key: 0,
67
+ variant: "body2",
68
+ class: "label-description"
69
+ }, e(n)[e(r).LABEL_DESCRIPTION]), {
70
+ default: V(() => [
71
+ h(y(t.labelDescription), 1)
72
+ ]),
73
+ _: 1
74
+ }, 16)) : x("", !0)
62
75
  ], 2));
63
76
  }
64
77
  });
65
78
  export {
66
- P as default
79
+ _ as default
67
80
  };
package/components/radioButton/v4/index.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const RadioButtonTypes: () => (({
9
9
  label: string;
10
10
  testId: string;
11
11
  modelValue: string;
12
+ labelDescription: string;
12
13
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
13
14
  value: {
14
15
  type: import("vue").PropType<unknown>;
@@ -31,10 +32,14 @@ declare const RadioButtonTypes: () => (({
31
32
  type: import("vue").PropType<string>;
32
33
  default: any;
33
34
  };
35
+ labelDescription: {
36
+ type: import("vue").PropType<string>;
37
+ default: string;
38
+ };
34
39
  }>> & {
35
40
  onChange?: (...args: any[]) => any;
36
41
  "onUpdate:modelValue"?: (...args: any[]) => any;
37
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue">;
42
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "labelDescription">;
38
43
  $attrs: {
39
44
  [x: string]: unknown;
40
45
  };
@@ -70,6 +75,10 @@ declare const RadioButtonTypes: () => (({
70
75
  type: import("vue").PropType<string>;
71
76
  default: any;
72
77
  };
78
+ labelDescription: {
79
+ type: import("vue").PropType<string>;
80
+ default: string;
81
+ };
73
82
  }>> & {
74
83
  onChange?: (...args: any[]) => any;
75
84
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -81,6 +90,7 @@ declare const RadioButtonTypes: () => (({
81
90
  label: string;
82
91
  testId: string;
83
92
  modelValue: string;
93
+ labelDescription: string;
84
94
  }, {}, string> & {
85
95
  beforeCreate?: (() => void) | (() => void)[];
86
96
  created?: (() => void) | (() => void)[];
@@ -123,6 +133,10 @@ declare const RadioButtonTypes: () => (({
123
133
  type: import("vue").PropType<string>;
124
134
  default: any;
125
135
  };
136
+ labelDescription: {
137
+ type: import("vue").PropType<string>;
138
+ default: string;
139
+ };
126
140
  }>> & {
127
141
  onChange?: (...args: any[]) => any;
128
142
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -152,6 +166,10 @@ declare const RadioButtonTypes: () => (({
152
166
  type: import("vue").PropType<string>;
153
167
  default: any;
154
168
  };
169
+ labelDescription: {
170
+ type: import("vue").PropType<string>;
171
+ default: string;
172
+ };
155
173
  }>> & {
156
174
  onChange?: (...args: any[]) => any;
157
175
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -163,6 +181,7 @@ declare const RadioButtonTypes: () => (({
163
181
  label: string;
164
182
  testId: string;
165
183
  modelValue: string;
184
+ labelDescription: string;
166
185
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
167
186
  $slots: {
168
187
  default?(_: {}): any;
package/components/typography/v4/Typography.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Typography.vue2.js";
2
2
  /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css"; //*');
4
- const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-b00956b7"]]);
3
+ // import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; //*');
4
+ const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-992962bc"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/typography/v4/Typography.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css"; import { defineComponent as m, ref as y, computed as l, openBlock as o, createBlock as i, unref as e, withCtx as s, resolveDynamicComponent as d, normalizeClass as f, renderSlot as h } from "vue";
1
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; import { defineComponent as m, ref as y, computed as l, openBlock as o, createBlock as i, unref as e, withCtx as s, resolveDynamicComponent as d, normalizeClass as f, renderSlot as h } from "vue";
2
2
  import T from "../../tooltip/v4/TooltipV4.vue.js";
3
3
  const C = /* @__PURE__ */ m({
4
4
  __name: "Typography",
package/index.d.ts CHANGED
@@ -2896,6 +2896,7 @@ declare const _default: {
2896
2896
  label: string;
2897
2897
  testId: string;
2898
2898
  modelValue: string;
2899
+ labelDescription: string;
2899
2900
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
2900
2901
  value: {
2901
2902
  type: import("vue").PropType<unknown>;
@@ -2918,10 +2919,14 @@ declare const _default: {
2918
2919
  type: import("vue").PropType<string>;
2919
2920
  default: any;
2920
2921
  };
2922
+ labelDescription: {
2923
+ type: import("vue").PropType<string>;
2924
+ default: string;
2925
+ };
2921
2926
  }>> & {
2922
2927
  onChange?: (...args: any[]) => any;
2923
2928
  "onUpdate:modelValue"?: (...args: any[]) => any;
2924
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue">;
2929
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "labelDescription">;
2925
2930
  $attrs: {
2926
2931
  [x: string]: unknown;
2927
2932
  };
@@ -2957,6 +2962,10 @@ declare const _default: {
2957
2962
  type: import("vue").PropType<string>;
2958
2963
  default: any;
2959
2964
  };
2965
+ labelDescription: {
2966
+ type: import("vue").PropType<string>;
2967
+ default: string;
2968
+ };
2960
2969
  }>> & {
2961
2970
  onChange?: (...args: any[]) => any;
2962
2971
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -2968,6 +2977,7 @@ declare const _default: {
2968
2977
  label: string;
2969
2978
  testId: string;
2970
2979
  modelValue: string;
2980
+ labelDescription: string;
2971
2981
  }, {}, string> & {
2972
2982
  beforeCreate?: (() => void) | (() => void)[];
2973
2983
  created?: (() => void) | (() => void)[];
@@ -3010,6 +3020,10 @@ declare const _default: {
3010
3020
  type: import("vue").PropType<string>;
3011
3021
  default: any;
3012
3022
  };
3023
+ labelDescription: {
3024
+ type: import("vue").PropType<string>;
3025
+ default: string;
3026
+ };
3013
3027
  }>> & {
3014
3028
  onChange?: (...args: any[]) => any;
3015
3029
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3039,6 +3053,10 @@ declare const _default: {
3039
3053
  type: import("vue").PropType<string>;
3040
3054
  default: any;
3041
3055
  };
3056
+ labelDescription: {
3057
+ type: import("vue").PropType<string>;
3058
+ default: string;
3059
+ };
3042
3060
  }>> & {
3043
3061
  onChange?: (...args: any[]) => any;
3044
3062
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3050,6 +3068,7 @@ declare const _default: {
3050
3068
  label: string;
3051
3069
  testId: string;
3052
3070
  modelValue: string;
3071
+ labelDescription: string;
3053
3072
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
3054
3073
  $slots: {
3055
3074
  default?(_: {}): any;
@@ -3228,6 +3247,7 @@ declare const _default: {
3228
3247
  label: string;
3229
3248
  testId: string;
3230
3249
  modelValue: string;
3250
+ labelDescription: string;
3231
3251
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
3232
3252
  value: {
3233
3253
  type: import("vue").PropType<unknown>;
@@ -3250,10 +3270,14 @@ declare const _default: {
3250
3270
  type: import("vue").PropType<string>;
3251
3271
  default: any;
3252
3272
  };
3273
+ labelDescription: {
3274
+ type: import("vue").PropType<string>;
3275
+ default: string;
3276
+ };
3253
3277
  }>> & {
3254
3278
  onChange?: (...args: any[]) => any;
3255
3279
  "onUpdate:modelValue"?: (...args: any[]) => any;
3256
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue">;
3280
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "labelDescription">;
3257
3281
  $attrs: {
3258
3282
  [x: string]: unknown;
3259
3283
  };
@@ -3289,6 +3313,10 @@ declare const _default: {
3289
3313
  type: import("vue").PropType<string>;
3290
3314
  default: any;
3291
3315
  };
3316
+ labelDescription: {
3317
+ type: import("vue").PropType<string>;
3318
+ default: string;
3319
+ };
3292
3320
  }>> & {
3293
3321
  onChange?: (...args: any[]) => any;
3294
3322
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3300,6 +3328,7 @@ declare const _default: {
3300
3328
  label: string;
3301
3329
  testId: string;
3302
3330
  modelValue: string;
3331
+ labelDescription: string;
3303
3332
  }, {}, string> & {
3304
3333
  beforeCreate?: (() => void) | (() => void)[];
3305
3334
  created?: (() => void) | (() => void)[];
@@ -3342,6 +3371,10 @@ declare const _default: {
3342
3371
  type: import("vue").PropType<string>;
3343
3372
  default: any;
3344
3373
  };
3374
+ labelDescription: {
3375
+ type: import("vue").PropType<string>;
3376
+ default: string;
3377
+ };
3345
3378
  }>> & {
3346
3379
  onChange?: (...args: any[]) => any;
3347
3380
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3371,6 +3404,10 @@ declare const _default: {
3371
3404
  type: import("vue").PropType<string>;
3372
3405
  default: any;
3373
3406
  };
3407
+ labelDescription: {
3408
+ type: import("vue").PropType<string>;
3409
+ default: string;
3410
+ };
3374
3411
  }>> & {
3375
3412
  onChange?: (...args: any[]) => any;
3376
3413
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3382,6 +3419,7 @@ declare const _default: {
3382
3419
  label: string;
3383
3420
  testId: string;
3384
3421
  modelValue: string;
3422
+ labelDescription: string;
3385
3423
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
3386
3424
  $slots: {
3387
3425
  default?(_: {}): any;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css';
1
+ import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.9",
3
+ "version": "2.1.10-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/testids/index.d.ts CHANGED
@@ -70,7 +70,8 @@ export declare enum RadioTestIdModifiers {
70
70
  FIELD = "radio-field",
71
71
  LABEL = "radio-label",
72
72
  ERROR_TEXT = "radio-error-text",
73
- GROUP = "radio-group"
73
+ GROUP = "radio-group",
74
+ LABEL_DESCRIPTION = "label-description"
74
75
  }
75
76
  export declare enum SwitchTestIdModifiers {
76
77
  WRAPPER = "swicth-wrapper",
package/testids/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), t = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(t || {}), R = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(R || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(A || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(O || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), c = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(c || {}), l = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(l || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(P || {}), n = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(n || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(S || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(B || {}), m = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(m || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), h = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(h || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(U || {}), T = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(T || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(x || {}), g = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(g || {}), w = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(w || {});
1
+ var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), t = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(t || {}), R = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(R || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(A || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(O || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), c = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(c || {}), l = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(l || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(P || {}), n = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(n || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(S || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(B || {}), m = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(m || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), h = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(h || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(U || {}), T = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(T || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(x || {}), g = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(g || {}), w = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(w || {});
2
2
  export {
3
3
  A as AlertTestIdModifiers,
4
4
  y as AppHeaderTestIdModifiers,
package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css DELETED
@@ -1 +0,0 @@
1
- .radio-button[data-v-cb3a12c6]{display:flex;align-items:center}.radio-button--disabled[data-v-cb3a12c6],.radio-button--disabled .label[data-v-cb3a12c6]{cursor:default}.wrapper[data-v-cb3a12c6]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%;margin:0 var(--spacing-100) 0 0}.label[data-v-cb3a12c6]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-cb3a12c6]{color:var(--text-disabled)}input[data-v-cb3a12c6]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-cb3a12c6]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--default-main);box-shadow:var(--default-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-cb3a12c6]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-cb3a12c6]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--common-white),var(--common-white) 3px,transparent 28%);content:""}.circle--disabled[data-v-cb3a12c6]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-cb3a12c6]{background-color:var(--primary-light);box-shadow:var(--primary-main-50-p) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-cb3a12c6]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--primary-main-50-p),var(--primary-main-50-p) 3px,transparent 28%);content:""}.radio-button:hover .circle[data-v-cb3a12c6]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}
package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css DELETED
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-b00956b7],.font-chart-2[data-v-b00956b7],.font-chart-1[data-v-b00956b7]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-b00956b7],.font-table-label[data-v-b00956b7],.font-button[data-v-b00956b7],.font-heading-6[data-v-b00956b7],.font-heading-5[data-v-b00956b7],.font-heading-4[data-v-b00956b7],.font-heading-3[data-v-b00956b7],.font-heading-2[data-v-b00956b7],.font-heading-1[data-v-b00956b7],.font-title[data-v-b00956b7]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-b00956b7],.font-input-label[data-v-b00956b7],.font-overline[data-v-b00956b7],.font-subtitle-2[data-v-b00956b7],.font-subtitle-1[data-v-b00956b7]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-b00956b7],.font-body-2[data-v-b00956b7],.font-body-1[data-v-b00956b7]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-b00956b7]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-b00956b7]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-b00956b7]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-b00956b7]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-b00956b7]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-b00956b7]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-b00956b7]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-b00956b7]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-b00956b7]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-b00956b7]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-b00956b7]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-b00956b7]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-b00956b7]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-b00956b7]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-b00956b7]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-b00956b7]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-b00956b7]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-b00956b7]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-b00956b7],.font-tab-label2[data-v-b00956b7]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-b00956b7]{font-size:.75rem;line-height:1rem}h1[data-v-b00956b7],h2[data-v-b00956b7],h3[data-v-b00956b7],h4[data-v-b00956b7],h5[data-v-b00956b7],h6[data-v-b00956b7]{margin:0}.antialiased[data-v-b00956b7]{-webkit-font-smoothing:antialiased}.truncate[data-v-b00956b7]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.typography-tooltip[data-v-b00956b7],.typography-tooltip[data-v-b00956b7] .container{display:block}