@ironsource/shared-ui 1.4.2-rc.1 → 1.4.2-rc.3

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 (8) hide show
  1. package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  2. package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  3. package/components/banner/Banner.vue.js +3 -3
  4. package/components/toggle/Toggle.vue.d.ts +5 -0
  5. package/components/toggle/Toggle.vue.js +17 -11
  6. package/components/toggle/index.d.ts +11 -0
  7. package/index.vue.js +1 -1
  8. package/package.json +1 -1
package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css CHANGED
@@ -1 +1 @@
1
- .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}
1
+ .label[data-v-36d41da7]{color:#41454d}.banner[data-v-36d41da7]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative;color:#53575b}.banner .left-border[data-v-36d41da7]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-36d41da7]{padding:.875rem 1rem 1rem 1.5rem;display:flex;align-items:center;flex:1;height:3rem}.banner .content-wrapper .icon-container[data-v-36d41da7]{margin-right:1rem;display:grid;align-content:center}.banner .content-wrapper .content[data-v-36d41da7]{flex:1}.banner.banner-type-info .left-border[data-v-36d41da7]{background-color:#3083ff}.banner.banner-type-info .icon[data-v-36d41da7]{color:#3083ff}.banner.banner-type-success .left-border[data-v-36d41da7]{background-color:#22c891}.banner.banner-type-success .icon[data-v-36d41da7]{color:#22c891}.banner.banner-type-error .left-border[data-v-36d41da7]{background-color:#ff6a63}.banner.banner-type-error .icon[data-v-36d41da7]{color:#ff6a63}.banner.banner-type-warning .left-border[data-v-36d41da7]{background-color:#ffb424}.banner.banner-type-warning .icon[data-v-36d41da7]{color:#ffb424}
package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css CHANGED
@@ -1 +1 @@
1
- .label[data-v-6627e5c5]{color:#41454d}.toggle-body[data-v-6627e5c5]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-6627e5c5]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-6627e5c5]{background-color:var(--a1fed734);opacity:.7}.toggle-head[data-v-6627e5c5]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear}.toggle-active.toggle-body[data-v-6627e5c5]{background-color:var(--a1fed734)}.toggle-active .toggle-head[data-v-6627e5c5]{transform:translate(.75rem)}.checkbox[data-v-6627e5c5]{display:none}.item-text[data-v-6627e5c5]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-6627e5c5]{color:#8e959d}.helper-text[data-v-6627e5c5]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-6627e5c5]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-6627e5c5]{padding-top:0}.toggle-wrap[data-v-6627e5c5]{height:1rem}
1
+ .label[data-v-27275176]{color:#41454d}.loader[data-v-27275176]{width:10px;height:10px;border:1.2px solid #D2D5D8;border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-27275176 1s linear infinite}.loader.loader-active[data-v-27275176]{border:1.2px solid var(--7a6f4588);border-bottom-color:transparent}@keyframes rotation-27275176{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-body[data-v-27275176]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-27275176]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-27275176]{background-color:var(--7a6f4588);opacity:.7}.toggle-head[data-v-27275176]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear;display:flex;justify-content:center;align-items:center}.toggle-active.toggle-body[data-v-27275176]{background-color:var(--7a6f4588)}.toggle-active .toggle-head[data-v-27275176]{transform:translate(.75rem)}.checkbox[data-v-27275176]{display:none}.item-text[data-v-27275176]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-27275176]{color:#8e959d}.helper-text[data-v-27275176]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-27275176]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-27275176]{padding-top:0}.toggle-wrap[data-v-27275176]{height:1rem}
package/components/banner/Banner.vue.js CHANGED
@@ -3,7 +3,7 @@ import Icon from '../icon/Icon.vue.js';
3
3
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
4
4
 
5
5
  import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
6
- const _withScopeId = (n) => (pushScopeId("data-v-b94b49ec"), n = n(), popScopeId(), n);
6
+ const _withScopeId = (n) => (pushScopeId("data-v-36d41da7"), n = n(), popScopeId(), n);
7
7
  const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
8
8
  const _hoisted_2 = { class: "content-wrapper" };
9
9
  const _hoisted_3 = { class: "icon-container" };
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
17
17
  },
18
18
  iconSize: {
19
19
  type: String,
20
- default: "sm"
20
+ default: "md"
21
21
  }
22
22
  },
23
23
  setup(__props) {
@@ -53,6 +53,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
53
53
  };
54
54
  }
55
55
  });
56
- var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b94b49ec"]]);
56
+ var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36d41da7"]]);
57
57
 
58
58
  export { Banner as default };
package/components/toggle/Toggle.vue.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
5
5
  errorText?: string;
6
6
  helperText?: string;
7
7
  isDisabled?: boolean;
8
+ isLoading?: boolean;
8
9
  color?: string;
9
10
  }>, {
10
11
  activeText: any;
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
12
13
  errorText: any;
13
14
  helperText: any;
14
15
  isDisabled: boolean;
16
+ isLoading: boolean;
15
17
  color: string;
16
18
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
17
19
  "update:modelValue": (value: boolean) => void;
@@ -22,6 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
22
24
  errorText?: string;
23
25
  helperText?: string;
24
26
  isDisabled?: boolean;
27
+ isLoading?: boolean;
25
28
  color?: string;
26
29
  }>, {
27
30
  activeText: any;
@@ -29,12 +32,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
29
32
  errorText: any;
30
33
  helperText: any;
31
34
  isDisabled: boolean;
35
+ isLoading: boolean;
32
36
  color: string;
33
37
  }>>> & {
34
38
  "onUpdate:modelValue"?: (value: boolean) => any;
35
39
  }, {
36
40
  helperText: string;
37
41
  color: string;
42
+ isLoading: boolean;
38
43
  errorText: string;
39
44
  activeText: string;
40
45
  inactiveText: string;
package/components/toggle/Toggle.vue.js CHANGED
@@ -1,16 +1,12 @@
1
- import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, pushScopeId, popScopeId } from 'vue';
1
+ import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
2
2
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
3
3
  import Text from '../typography/Text.vue.js';
4
4
  import { COLORS } from '../../consts/colors.vue.js';
5
5
  /* empty css */
6
6
  import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
7
- const _withScopeId = (n) => (pushScopeId("data-v-6627e5c5"), n = n(), popScopeId(), n);
8
7
  const _hoisted_1 = { class: "toggle-wrap" };
9
- const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "toggle-head" }, null, -1));
10
- const _hoisted_3 = [
11
- _hoisted_2
12
- ];
13
- const _hoisted_4 = ["disabled", "checked"];
8
+ const _hoisted_2 = { class: "toggle-head" };
9
+ const _hoisted_3 = ["disabled", "checked"];
14
10
  const _sfc_main = /* @__PURE__ */ defineComponent({
15
11
  __name: "Toggle",
16
12
  props: {
@@ -20,13 +16,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
20
16
  errorText: { default: void 0 },
21
17
  helperText: { default: void 0 },
22
18
  isDisabled: { type: Boolean, default: false },
19
+ isLoading: { type: Boolean, default: false },
23
20
  color: { default: COLORS.PRIMARY_500 }
24
21
  },
25
22
  emits: ["update:modelValue"],
26
23
  setup(__props, { emit }) {
27
24
  const props = __props;
28
25
  useCssVars((_ctx) => ({
29
- "a1fed734": __props.color
26
+ "7a6f4588": __props.color
30
27
  }));
31
28
  const toggleValue = () => {
32
29
  if (props.isDisabled)
@@ -39,13 +36,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
39
36
  createElementVNode("div", {
40
37
  class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
41
38
  onClick: toggleValue
42
- }, _hoisted_3, 2),
39
+ }, [
40
+ createElementVNode("div", _hoisted_2, [
41
+ __props.isLoading ? (openBlock(), createElementBlock("span", {
42
+ key: 0,
43
+ class: normalizeClass(["loader", {
44
+ "loader-active": __props.modelValue
45
+ }])
46
+ }, null, 2)) : createCommentVNode("", true)
47
+ ])
48
+ ], 2),
43
49
  createElementVNode("input", {
44
50
  type: "checkbox",
45
51
  disabled: __props.isDisabled,
46
52
  checked: __props.modelValue,
47
53
  class: "checkbox"
48
- }, null, 8, _hoisted_4),
54
+ }, null, 8, _hoisted_3),
49
55
  createVNode(unref(Text), {
50
56
  size: "sm",
51
57
  "is-truncated": "",
@@ -83,6 +89,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
83
89
  };
84
90
  }
85
91
  });
86
- var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6627e5c5"]]);
92
+ var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27275176"]]);
87
93
 
88
94
  export { Toggle as default };
package/components/toggle/index.d.ts CHANGED
@@ -13,6 +13,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
13
13
  } & {
14
14
  default: string;
15
15
  };
16
+ isLoading: {
17
+ type: import("vue").PropType<boolean>;
18
+ } & {
19
+ default: boolean;
20
+ };
16
21
  errorText: {
17
22
  type: import("vue").PropType<string>;
18
23
  } & {
@@ -50,6 +55,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
50
55
  } & {
51
56
  default: string;
52
57
  };
58
+ isLoading: {
59
+ type: import("vue").PropType<boolean>;
60
+ } & {
61
+ default: boolean;
62
+ };
53
63
  errorText: {
54
64
  type: import("vue").PropType<string>;
55
65
  } & {
@@ -75,6 +85,7 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
75
85
  }, {
76
86
  helperText: string;
77
87
  color: string;
88
+ isLoading: boolean;
78
89
  errorText: string;
79
90
  activeText: string;
80
91
  inactiveText: string;
package/index.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Banner.vue_vue_type_style_index_0_scoped_true_lang.css';
1
+ import './FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css';
2
2
  export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
3
3
  export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
4
4
  export { MenuItemTypes } from './components/menuItem/index.vue.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "1.4.2-rc.1",
3
+ "version": "1.4.2-rc.3",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"