@ironsource/shared-ui 2.1.11-rc.46 → 2.1.11-rc.47

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 (6) hide show
  1. package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css +1 -0
  2. package/components/typography/v4/Typography.vue.js +3 -3
  3. package/components/typography/v4/Typography.vue2.js +24 -18
  4. package/index.js +1 -1
  5. package/package.json +1 -1
  6. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +0 -1
package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_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-a14013a5],.font-chart-2[data-v-a14013a5],.font-chart-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a14013a5],.font-table-label[data-v-a14013a5],.font-button[data-v-a14013a5],.font-heading-6[data-v-a14013a5],.font-heading-5[data-v-a14013a5],.font-heading-4[data-v-a14013a5],.font-heading-3[data-v-a14013a5],.font-heading-2[data-v-a14013a5],.font-heading-1[data-v-a14013a5],.font-title[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a14013a5],.font-input-label[data-v-a14013a5],.font-overline[data-v-a14013a5],.font-subtitle-2[data-v-a14013a5],.font-subtitle-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a14013a5],.font-body-2[data-v-a14013a5],.font-body-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a14013a5]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a14013a5]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a14013a5]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a14013a5]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a14013a5]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a14013a5]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a14013a5]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a14013a5]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a14013a5]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a14013a5]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a14013a5]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a14013a5]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a14013a5],.font-tab-label2[data-v-a14013a5]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a14013a5]{font-size:.75rem;line-height:1rem}h1[data-v-a14013a5],h2[data-v-a14013a5],h3[data-v-a14013a5],h4[data-v-a14013a5],h5[data-v-a14013a5],h6[data-v-a14013a5]{margin:0}.antialiased[data-v-a14013a5]{-webkit-font-smoothing:antialiased}.truncate[data-v-a14013a5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.typography-tooltip[data-v-a14013a5]{display:block}.typography-tooltip[data-v-a14013a5] .container{display:block;width:100%}
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_992962bc_lang.css"; //*');
4
- const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-992962bc"]]);
3
+ // import "../../../Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a14013a5"]]);
5
5
  export {
6
- t as default
6
+ s as default
7
7
  };
package/components/typography/v4/Typography.vue2.js CHANGED
@@ -1,6 +1,7 @@
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
- import T from "../../tooltip/v4/TooltipV4.vue.js";
3
- const C = /* @__PURE__ */ m({
1
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css"; import { defineComponent as v, ref as f, computed as d, openBlock as o, createBlock as i, unref as a, withCtx as s, resolveDynamicComponent as h, normalizeClass as b, renderSlot as p } from "vue";
2
+ import y from "../../tooltip/v4/TooltipV4.vue.js";
3
+ import { useResizeObserver as T } from "@vueuse/core";
4
+ const L = /* @__PURE__ */ v({
4
5
  __name: "Typography",
5
6
  props: {
6
7
  isTruncated: { type: Boolean },
@@ -11,7 +12,7 @@ const C = /* @__PURE__ */ m({
11
12
  variant: { default: "body1" }
12
13
  },
13
14
  setup(t) {
14
- const n = t, a = y(null), b = {
15
+ const l = t, e = f(null), n = f(!1), m = {
15
16
  title: "font-title",
16
17
  h1: "font-heading-1",
17
18
  h2: "font-heading-2",
@@ -33,8 +34,8 @@ const C = /* @__PURE__ */ m({
33
34
  chart1: "font-chart-1",
34
35
  chart2: "font-chart-2",
35
36
  overline: "font-overline"
36
- }, r = l(() => {
37
- switch (n.variant) {
37
+ }, r = d(() => {
38
+ switch (l.variant) {
38
39
  case "title":
39
40
  return "h1";
40
41
  case "h1":
@@ -43,43 +44,48 @@ const C = /* @__PURE__ */ m({
43
44
  case "h4":
44
45
  case "h5":
45
46
  case "h6":
46
- return n.variant;
47
+ return l.variant;
47
48
  default:
48
49
  return "span";
49
50
  }
50
- }), c = l(() => b[n.variant]), p = l(() => a.value ? a.value.scrollWidth > a.value.clientWidth : !1);
51
- return (u, v) => t.withTooltip && t.isTruncated ? (o(), i(e(T), {
51
+ }), u = d(() => m[l.variant]);
52
+ return T(e, () => {
53
+ if (!e.value)
54
+ return n.value = !1;
55
+ n.value = // Note: These values are rounded which can make edge cases sometimes
56
+ e.value.scrollWidth > e.value.clientWidth;
57
+ }), (c, g) => t.withTooltip && t.isTruncated ? (o(), i(a(y), {
52
58
  key: 0,
53
59
  placement: t.tooltipPlacement,
54
- disabled: !e(p),
60
+ disabled: !n.value,
55
61
  text: t.tooltipText,
56
62
  class: "typography-tooltip",
57
63
  "test-id": t.tooltipTestId
58
64
  }, {
59
65
  default: s(() => [
60
- (o(), i(d(e(r)), {
66
+ (o(), i(h(a(r)), {
61
67
  ref_key: "textElement",
62
- ref: a,
63
- class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
68
+ ref: e,
69
+ class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
64
70
  }, {
65
71
  default: s(() => [
66
- h(u.$slots, "default", {}, void 0, !0)
72
+ p(c.$slots, "default", {}, void 0, !0)
67
73
  ]),
68
74
  _: 3
69
75
  }, 8, ["class"]))
70
76
  ]),
71
77
  _: 3
72
- }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(d(e(r)), {
78
+ }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(h(a(r)), {
73
79
  key: 1,
74
- class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
80
+ class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
75
81
  }, {
76
82
  default: s(() => [
77
- h(u.$slots, "default", {}, void 0, !0)
83
+ p(c.$slots, "default", {}, void 0, !0)
78
84
  ]),
79
85
  _: 3
80
86
  }, 8, ["class"]));
81
87
  }
82
88
  });
83
89
  export {
84
- C as default
90
+ L as default
85
91
  };
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
1
+ import './IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_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.11-rc.46",
3
+ "version": "2.1.11-rc.47",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Typography.vue_vue_type_style_index_0_scoped_992962bc_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-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%}