@ironsource/shared-ui 2.1.6-rc.20 → 2.1.6-rc.21

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 (9) hide show
  1. package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css +1 -0
  2. package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +1 -0
  3. package/components/textArea/v4/TextAreaV4.vue.js +3 -3
  4. package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
  5. package/components/toggle/v4/ToggleV4.vue.js +3 -3
  6. package/components/toggle/v4/ToggleV4.vue2.js +12 -12
  7. package/package.json +1 -1
  8. package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css +0 -1
  9. package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +0 -1
package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_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-f3b2c01d],.font-chart-2[data-v-f3b2c01d],.font-chart-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-f3b2c01d],.font-table-label[data-v-f3b2c01d],.font-button[data-v-f3b2c01d],.font-heading-6[data-v-f3b2c01d],.font-heading-5[data-v-f3b2c01d],.font-heading-4[data-v-f3b2c01d],.font-heading-3[data-v-f3b2c01d],.font-heading-2[data-v-f3b2c01d],.font-heading-1[data-v-f3b2c01d],.font-title[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-f3b2c01d],.font-input-label[data-v-f3b2c01d],.font-overline[data-v-f3b2c01d],.font-subtitle-2[data-v-f3b2c01d],.font-subtitle-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-f3b2c01d],.font-body-2[data-v-f3b2c01d],.textarea[data-v-f3b2c01d],.font-body-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-f3b2c01d]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-f3b2c01d]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-f3b2c01d]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-f3b2c01d]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-f3b2c01d]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-f3b2c01d]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-f3b2c01d]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-f3b2c01d],.font-body-1[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-f3b2c01d]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-f3b2c01d]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-f3b2c01d]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-f3b2c01d],.font-tab-label2[data-v-f3b2c01d]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem}h1[data-v-f3b2c01d],h2[data-v-f3b2c01d],h3[data-v-f3b2c01d],h4[data-v-f3b2c01d],h5[data-v-f3b2c01d],h6[data-v-f3b2c01d]{margin:0}.textarea-field[data-v-f3b2c01d]{display:flex;flex-direction:column}.textarea[data-v-f3b2c01d]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border);outline-offset:-1px;margin-bottom:1px}.textarea[data-v-f3b2c01d]:hover{outline:1px solid var(--action-active)}.textarea[data-v-f3b2c01d]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-f3b2c01d]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-f3b2c01d]{color:var(--text-disabled)}.textarea--disabled[data-v-f3b2c01d]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-f3b2c01d]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-f3b2c01d],.textarea--variant-success[data-v-f3b2c01d]:hover,.textarea--variant-success[data-v-f3b2c01d]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-f3b2c01d],.textarea--variant-error[data-v-f3b2c01d]:hover,.textarea--variant-error[data-v-f3b2c01d]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-f3b2c01d],.textarea--variant-warning[data-v-f3b2c01d]:hover,.textarea--variant-warning[data-v-f3b2c01d]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-f3b2c01d]{flex-grow:initial}.footer[data-v-f3b2c01d]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css ADDED
@@ -0,0 +1 @@
1
+ .toggle .toggle-body[data-v-a4aa32fb]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-a4aa32fb]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-a4aa32fb]:hover{outline-color:var(--action-outlined-border)}.toggle .toggle-disabled-text[data-v-a4aa32fb]{color:var(--text-disabled)}.toggle--color-primary .toggle-active[data-v-a4aa32fb]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-a4aa32fb]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-a4aa32fb]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-a4aa32fb]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-a4aa32fb]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-a4aa32fb]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-a4aa32fb]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-a4aa32fb]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-a4aa32fb]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-a4aa32fb]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-a4aa32fb],.toggle--size-small .toggle-wrap[data-v-a4aa32fb]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-a4aa32fb]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-a4aa32fb]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-a4aa32fb]{width:1.75rem}.toggle--size-small .loader[data-v-a4aa32fb]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-a4aa32fb],.toggle--size-medium .toggle-wrap[data-v-a4aa32fb]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-a4aa32fb]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-a4aa32fb]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-a4aa32fb]{width:2.25rem}.toggle--size-medium .loader[data-v-a4aa32fb]{width:12px;height:12px}.toggle-wrap[data-v-a4aa32fb]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-a4aa32fb]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-a4aa32fb]{cursor:default}.toggle-head[data-v-a4aa32fb]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-a4aa32fb]{display:none}.toggle-text[data-v-a4aa32fb]{color:var(--text-primary)}.feedback-text[data-v-a4aa32fb]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-a4aa32fb]{color:var(--action-active)}.loader[data-v-a4aa32fb]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-a4aa32fb 1s linear infinite}.loader.loader-active[data-v-a4aa32fb]{border-bottom-color:transparent}@keyframes rotation-a4aa32fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
package/components/textArea/v4/TextAreaV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./TextAreaV4.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8199b662"]]);
3
+ // import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3b2c01d"]]);
5
5
  export {
6
- p as default
6
+ c as default
7
7
  };
package/components/textArea/v4/TextAreaV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
1
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
2
2
  import v from "../../shared/FieldLabel.vue.js";
3
3
  import k from "../../shared/FieldMaxLength.vue.js";
4
4
  import T from "../../shared/FieldHelpText.vue.js";
package/components/toggle/v4/ToggleV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ToggleV4.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad231e8c"]]);
3
+ // import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4aa32fb"]]);
5
5
  export {
6
- c as default
6
+ t as default
7
7
  };
package/components/toggle/v4/ToggleV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
1
+ import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as r, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as b, toDisplayString as y, createVNode as V } from "vue";
2
2
  import E from "../../typography/v4/Typography.vue.js";
3
3
  import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
4
4
  import B from "../../shared/FieldHelpText.vue.js";
@@ -25,29 +25,29 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
25
25
  emits: ["update:modelValue"],
26
26
  setup(e, { emit: x }) {
27
27
  const c = e, T = () => {
28
- r.value || x("update:modelValue", !c.modelValue);
29
- }, o = H(c.testId, a), r = h(() => c.isDisabled || c.isLoading);
28
+ s.value || x("update:modelValue", !c.modelValue);
29
+ }, o = H(c.testId, a), s = h(() => c.isDisabled || c.isLoading);
30
30
  return (n, $) => (i(), m("div", {
31
31
  class: f(["toggle", [`toggle--color-${e.color}`, `toggle--size-${e.size}`]])
32
32
  }, [
33
- s("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
34
- s("div", d({
33
+ r("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
34
+ r("div", d({
35
35
  class: ["toggle-body", {
36
36
  "toggle-active": e.modelValue,
37
- "toggle-disabled": t(r)
37
+ "toggle-disabled": t(s)
38
38
  }]
39
39
  }, t(o)[t(a).BODY], { onClick: T }), [
40
- s("div", L, [
40
+ r("div", L, [
41
41
  e.isLoading ? (i(), m("span", {
42
42
  key: 0,
43
43
  class: f(["loader", { "loader-active": e.modelValue }])
44
44
  }, null, 2)) : l("", !0)
45
45
  ])
46
46
  ], 16),
47
- s("input", d({
47
+ r("input", d({
48
48
  type: "checkbox",
49
49
  class: "toggle-checkbox",
50
- disabled: t(r),
50
+ disabled: t(s),
51
51
  checked: e.modelValue
52
52
  }, t(o)[t(a).FIELD]), null, 16, P),
53
53
  n.$slots["icon-left"] ? g(n.$slots, "icon-left", { key: 0 }, void 0, !0) : l("", !0),
@@ -55,13 +55,13 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
55
55
  key: 1,
56
56
  variant: "body1",
57
57
  "is-truncated": "",
58
- class: "toggle-text"
58
+ class: ["toggle-text", { "toggle-disabled-text": t(s) }]
59
59
  }, t(o)[t(a).TEXT]), {
60
60
  default: v(() => [
61
- y(b(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
61
+ b(y(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
62
62
  ]),
63
63
  _: 1
64
- }, 16)) : l("", !0),
64
+ }, 16, ["class"])) : l("", !0),
65
65
  n.$slots["icon-right"] ? g(n.$slots, "icon-right", { key: 2 }, void 0, !0) : l("", !0),
66
66
  e.hoverHelpText ? (i(), u(t(D), {
67
67
  key: 3,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.20",
3
+ "version": "2.1.6-rc.21",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_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-8199b662],.font-chart-2[data-v-8199b662],.font-chart-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-8199b662],.font-table-label[data-v-8199b662],.font-button[data-v-8199b662],.font-heading-6[data-v-8199b662],.font-heading-5[data-v-8199b662],.font-heading-4[data-v-8199b662],.font-heading-3[data-v-8199b662],.font-heading-2[data-v-8199b662],.font-heading-1[data-v-8199b662],.font-title[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-8199b662],.font-input-label[data-v-8199b662],.font-overline[data-v-8199b662],.font-subtitle-2[data-v-8199b662],.font-subtitle-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-8199b662],.font-body-2[data-v-8199b662],.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-8199b662]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-8199b662]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-8199b662]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-8199b662]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-8199b662]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-8199b662]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-8199b662]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-8199b662]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-8199b662]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-8199b662]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-8199b662]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-8199b662]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-8199b662],.font-tab-label2[data-v-8199b662]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-8199b662]{font-size:.75rem;line-height:1rem}h1[data-v-8199b662],h2[data-v-8199b662],h3[data-v-8199b662],h4[data-v-8199b662],h5[data-v-8199b662],h6[data-v-8199b662]{margin:0}.textarea-field[data-v-8199b662]{display:flex;flex-direction:column}.textarea[data-v-8199b662]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-8199b662]:hover{outline:1px solid var(--action-active)}.textarea[data-v-8199b662]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-8199b662]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-8199b662]{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-8199b662],.textarea--variant-success[data-v-8199b662]:hover,.textarea--variant-success[data-v-8199b662]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-8199b662],.textarea--variant-error[data-v-8199b662]:hover,.textarea--variant-error[data-v-8199b662]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-8199b662],.textarea--variant-warning[data-v-8199b662]:hover,.textarea--variant-warning[data-v-8199b662]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-8199b662]{flex-grow:initial}.footer[data-v-8199b662]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css DELETED
@@ -1 +0,0 @@
1
- .toggle .toggle-body[data-v-ad231e8c]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-ad231e8c]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-ad231e8c]:hover{outline-color:var(--action-outlined-border)}.toggle--color-primary .toggle-active[data-v-ad231e8c]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-ad231e8c]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-ad231e8c]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-ad231e8c]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-ad231e8c]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-ad231e8c]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-ad231e8c]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-ad231e8c]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-ad231e8c]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-ad231e8c]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-ad231e8c],.toggle--size-small .toggle-wrap[data-v-ad231e8c]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-ad231e8c]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-ad231e8c]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-ad231e8c]{width:1.75rem}.toggle--size-small .loader[data-v-ad231e8c]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-ad231e8c],.toggle--size-medium .toggle-wrap[data-v-ad231e8c]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-ad231e8c]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-ad231e8c]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-ad231e8c]{width:2.25rem}.toggle--size-medium .loader[data-v-ad231e8c]{width:12px;height:12px}.toggle-wrap[data-v-ad231e8c]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-ad231e8c]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-ad231e8c]{cursor:default}.toggle-head[data-v-ad231e8c]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-ad231e8c]{display:none}.toggle-text[data-v-ad231e8c]{color:var(--text-primary)}.feedback-text[data-v-ad231e8c]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-ad231e8c]{color:var(--action-active)}.loader[data-v-ad231e8c]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-ad231e8c 1s linear infinite}.loader.loader-active[data-v-ad231e8c]{border-bottom-color:transparent}@keyframes rotation-ad231e8c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}