@ironsource/shared-ui 2.1.8-test.1 → 2.1.9-test.0

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";
@@ -7,12 +7,12 @@ import { AppIconTypes as xo } from "./components/appIcon/index.js";
 import { FloatingToolbarTypes as no } from "./components/floatingToolbar/index.js";
 import { IncludeExcludeTypes as uo } from "./components/includeExclude/index.js";
 import { ID_INJECTION_KEY as To, useId as co } from "./composables/useId.js";
-import { FilterDropdownTypes as Fo } from "./components/filterDropdown/index.js";
+import { FilterDropdownTypes as go } from "./components/filterDropdown/index.js";
 import { TypographyTypes as Io } from "./components/typography/index.js";
 import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
 import { MultiBarTypes as Do } from "./components/multibar/index.js";
 import { FoldableSectionTypes as Bo } from "./components/layout/index.js";
-import { FormCardTypes as Mo, FormFieldTypes as wo } from "./components/forms/index.js";
+import { FormCardTypes as bo, FormFieldTypes as wo } from "./components/forms/index.js";
 import * as o from "./components/button/v3/index.js";
 import * as r from "./components/button/v4/index.js";
 import * as e from "./components/chip/v3/index.js";
@@ -32,8 +32,8 @@ import * as $ from "./components/icon/v4/index.js";
 import * as T from "./components/input/v3/index.js";
 import * as c from "./components/input/v4/index.js";
 import * as y from "./components/tabs/v3/index.js";
-import * as F from "./components/tabs/v4/index.js";
-import * as g from "./components/dialog/v3/index.js";
+import * as g from "./components/tabs/v4/index.js";
+import * as F from "./components/dialog/v3/index.js";
 import * as I from "./components/dialog/v4/index.js";
 import * as A from "./components/toggle/v3/index.js";
 import * as E from "./components/toggle/v4/index.js";
@@ -41,66 +41,65 @@ import * as C from "./components/tooltip/v3/index.js";
 import * as D from "./components/tooltip/v4/index.js";
 import * as h from "./components/table/v3/index.js";
 import * as B from "./components/table/v4/index.js";
-import * as b from "./components/table-cells/v3/index.js";
-import * as M from "./components/table-cells/v4/index.js";
+import * as M from "./components/table-cells/v3/index.js";
+import * as b from "./components/table-cells/v4/index.js";
 import * as w from "./components/skeleton/v3/index.js";
-import * as L from "./components/skeleton/v4/index.js";
-import * as N from "./components/loader/v4/index.js";
-import * as O from "./components/emptyState/v3/index.js";
-import * as H from "./components/emptyState/v4/index.js";
-import * as K from "./components/snackbar/v3/index.js";
-import * as P from "./components/snackbar/v4/index.js";
-import * as S from "./components/radioButton/v3/index.js";
-import * as V from "./components/radioButton/v4/index.js";
-import * as _ from "./components/textArea/v3/index.js";
-import * as v from "./components/textArea/v4/index.js";
-import * as J from "./components/ThemeWrapper/index.js";
-import * as j from "./components/appHeader/index.js";
-import * as k from "./components/inlineCopy/index.js";
-import * as q from "./components/statusDot/index.js";
-import * as z from "./components/sortableList/index.js";
-import * as G from "./components/datePicker/v3/index.js";
+import * as O from "./components/skeleton/v4/index.js";
+import * as H from "./components/loader/v4/index.js";
+import * as N from "./components/emptyState/v3/index.js";
+import * as S from "./components/emptyState/v4/index.js";
+import * as V from "./components/snackbar/v3/index.js";
+import * as v from "./components/snackbar/v4/index.js";
+import * as J from "./components/radioButton/v3/index.js";
+import * as K from "./components/radioButton/v4/index.js";
+import * as P from "./components/textArea/v3/index.js";
+import * as _ from "./components/textArea/v4/index.js";
+import * as j from "./components/ThemeWrapper/index.js";
+import * as k from "./components/appHeader/index.js";
+import * as q from "./components/inlineCopy/index.js";
+import * as z from "./components/statusDot/index.js";
+import * as G from "./components/sortableList/index.js";
+import * as L from "./components/datePicker/v3/index.js";
 import * as Q from "./components/datePicker/v4/index.js";
 import * as R from "./components/dateRange/v3/index.js";
-import * as U from "./components/dateRange/v4/index.js";
-import * as W from "./components/popover/v3/index.js";
-import * as Y from "./components/popover/v4/index.js";
-import { useToggle as No } from "./composables/useToggle.js";
-import { useSearch as Ho } from "./composables/useSearch.js";
-import { scrollToElementByClass as Po, scrollToFirstInvalidElement as So, useFormValidation as Vo, yupValidation as _o } from "./composables/useFormValidation.js";
-import { BannerTypes as Jo } from "./components/banner/index.js";
-import { AlertTypes as ko } from "./components/alert/index.js";
-import { AutocompleteTypes as zo } from "./components/autocomplete/index.js";
+import * as Y from "./components/dateRange/v4/index.js";
+import * as U from "./components/popover/v3/index.js";
+import * as W from "./components/popover/v4/index.js";
+import { useToggle as Ho } from "./composables/useToggle.js";
+import { useSearch as So } from "./composables/useSearch.js";
+import { scrollToElementByClass as vo, scrollToFirstInvalidElement as Jo, useFormValidation as Ko, yupValidation as Po } from "./composables/useFormValidation.js";
+import { BannerTypes as jo } from "./components/banner/index.js";
+import { AlertTypes as qo } from "./components/alert/index.js";
+import { AutocompleteTypes as Go } from "./components/autocomplete/index.js";
 import { ChartTypes as Qo } from "./components/chart/index.js";
-import { DEFAULT_FALLBACK as Uo, diffInPersentage as Wo, formatNumberWithCommas as Yo, nFormatter as Xo } from "./utils/formatNumbers.js";
-import { default as or } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as er } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as tr } from "./components/menuItem/MenuItem.vue.js";
-import { default as ar } from "./components/menu/Menu.vue.js";
-import { default as ir } from "./components/appIcon/AppIcon.vue.js";
-import { default as xr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as nr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as ur } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as Tr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as yr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as gr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as Ar } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Cr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as hr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as br } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as wr } from "./components/typography/Heading.vue.js";
-import { default as Nr } from "./components/typography/Text.vue.js";
-import { default as Hr } from "./components/typography/v4/Typography.vue.js";
-import { default as Pr } from "./components/multibar/MultiBar.vue.js";
-import { default as Vr } from "./components/layout/FoldableSection.vue.js";
-import { default as vr } from "./components/forms/FormRow.vue.js";
-import { default as jr } from "./components/forms/FormCard.vue.js";
-import { default as qr } from "./components/forms/CardPanel.vue.js";
-import { default as Gr } from "./components/forms/FormField.vue.js";
-import { default as Rr } from "./components/banner/Banner.vue.js";
-import { default as Wr } from "./components/alert/Alert.vue.js";
-import { default as Xr } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as oe } from "./components/chart/Chart.vue.js";
+import { default as Yo } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as Wo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Zo } from "./components/menuItem/MenuItem.vue.js";
+import { default as rr } from "./components/menu/Menu.vue.js";
+import { default as mr } from "./components/appIcon/AppIcon.vue.js";
+import { default as pr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as dr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as sr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as lr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as $r } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as cr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as gr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as Ir } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Er } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Dr } from "./components/typography/Heading.vue.js";
+import { default as Br } from "./components/typography/Text.vue.js";
+import { default as br } from "./components/typography/v4/Typography.vue.js";
+import { default as Or } from "./components/multibar/MultiBar.vue.js";
+import { default as Nr } from "./components/layout/FoldableSection.vue.js";
+import { default as Vr } from "./components/forms/FormRow.vue.js";
+import { default as Jr } from "./components/forms/FormCard.vue.js";
+import { default as Pr } from "./components/forms/CardPanel.vue.js";
+import { default as jr } from "./components/forms/FormField.vue.js";
+import { default as qr } from "./components/banner/Banner.vue.js";
+import { default as Gr } from "./components/alert/Alert.vue.js";
+import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as Yr } from "./components/chart/Chart.vue.js";
 const X = {
   ...e,
   ...m,
@@ -119,8 +118,8 @@ const X = {
   ...u,
   ...$,
   ...y,
-  ...F,
   ...g,
+  ...F,
   ...I,
   ...C,
   ...D,
@@ -128,91 +127,87 @@ const X = {
   ...E,
   ...h,
   ...B,
-  ...b,
   ...M,
+  ...b,
+  ...N,
+  ...S,
+  ...w,
   ...O,
   ...H,
-  ...w,
-  ...L,
-  ...N,
-  ...K,
-  ...P,
+  ...V,
+  ...v,
   ...n,
   ...l,
+  ...P,
   ..._,
-  ...v,
-  ...S,
-  ...V,
   ...J,
+  ...K,
   ...j,
   ...k,
   ...q,
   ...z,
   ...G,
+  ...L,
   ...Q,
   ...R,
+  ...Y,
   ...U,
-  ...W,
-  ...Y
+  ...W
 };
 export {
-  br as AddFilterButton,
-  Wr as Alert,
-  ko as AlertTypes,
-  ir as AppIcon,
+  Er as AddFilterButton,
+  Gr as Alert,
+  qo as AlertTypes,
+  mr as AppIcon,
   xo as AppIconTypes,
-  or as AppTrigger,
+  Yo as AppTrigger,
   ro as AppTriggerTypes,
-  Xr as Autocomplete,
-  er as AutocompleteDropdown,
+  Qr as Autocomplete,
+  Wo as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
-  zo as AutocompleteTypes,
-  Rr as Banner,
-  Jo as BannerTypes,
-  qr as CardPanel,
-  oe as Chart,
+  Go as AutocompleteTypes,
+  qr as Banner,
+  jo as BannerTypes,
+  Pr as CardPanel,
+  Yr as Chart,
   Qo as ChartTypes,
-  Uo as DEFAULT_FALLBACK,
-  hr as FilterDropdown,
-  Fo as FilterDropdownTypes,
-  xr as FloatingToolbar,
+  Ir as FilterDropdown,
+  go as FilterDropdownTypes,
+  pr as FloatingToolbar,
   no as FloatingToolbarTypes,
-  Vr as FoldableSection,
+  Nr as FoldableSection,
   Bo as FoldableSectionTypes,
-  jr as FormCard,
-  Mo as FormCardTypes,
-  Gr as FormField,
+  Jr as FormCard,
+  bo as FormCardTypes,
+  jr as FormField,
   wo as FormFieldTypes,
-  vr as FormRow,
-  wr as Heading,
+  Vr as FormRow,
+  Dr as Heading,
   To as ID_INJECTION_KEY,
-  nr as IncludeExclude,
-  Ar as IncludeExcludeAppHeader,
-  gr as IncludeExcludeAppTrigger,
-  Cr as IncludeExcludeChipFilter,
-  ur as IncludeExcludeDragDrop,
-  Tr as IncludeExcludeOption,
-  yr as IncludeExcludeOptionDraggable,
+  fr as IncludeExclude,
+  cr as IncludeExcludeAppHeader,
+  $r as IncludeExcludeAppTrigger,
+  gr as IncludeExcludeChipFilter,
+  dr as IncludeExcludeDragDrop,
+  sr as IncludeExcludeOption,
+  lr as IncludeExcludeOptionDraggable,
   uo as IncludeExcludeTypes,
-  ar as Menu,
-  tr as MenuItem,
+  rr as Menu,
+  Zo as MenuItem,
   po as MenuItemTypes,
   fo as MenuTypes,
-  Pr as MultiBar,
+  Or as MultiBar,
   Do as MultiBarTypes,
-  Nr as Text,
-  Hr as Typography,
+  Br as Text,
+  br as Typography,
   Io as TypographyTypes,
   Eo as TypographyTypesV4,
   X as default,
-  Wo as diffInPersentage,
-  Yo as formatNumberWithCommas,
-  Xo as nFormatter,
-  Po as scrollToElementByClass,
-  So as scrollToFirstInvalidElement,
-  Vo as useFormValidation,
+  vo as scrollToElementByClass,
+  Jo as scrollToFirstInvalidElement,
+  Ko as useFormValidation,
   co as useId,
-  Ho as useSearch,
-  No as useToggle,
-  _o as yupValidation
+  So as useSearch,
+  Ho as useToggle,
+  Po as yupValidation
 };

package/mocks/apps.d.ts

@@ -6,3 +6,10 @@ export type Application = {
     abIcon?: string;
 };
 export declare const appMocks: Application[];
+export declare const optionsWithGroups: {
+    label: string;
+    options: {
+        id: number;
+        label: string;
+    }[];
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.8-test.1",
+  "version": "2.1.9-test.0",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/utils/formatNumbers.js

@@ -1,19 +1,11 @@
-const i = "N/A", n = (s, e, r) => s.toLocaleString("en", {
+const s = "N/A", r = (n, e, t) => n.toLocaleString("en", {
   minimumFractionDigits: e,
-  maximumFractionDigits: r
-}), a = (s, e = i) => {
-  const r = Number(s), t = r % 1 !== 0;
-  return isNaN(r) && e ? e : Math.abs(r) >= 1e12 ? "∞" : Math.abs(r) >= 1e9 ? `${n(r / 1e9, 0, 1)}B` : Math.abs(r) >= 1e6 ? `${n(r / 1e6, 0, 1)}M` : Math.abs(r) >= 1e3 ? `${n(r / 1e3, 0, 1)}K` : t && Math.abs(r) >= 100 ? n(r, 0, 0) : t && Math.abs(r) >= 10 ? n(r, 0, 1) : t ? n(r, 2, 2) : n(r, 0, 0);
-}, o = (s, e, r = i) => {
-  const t = Number(s), u = Number(e);
-  return r && (isNaN(t) || isNaN(u)) ? r : t >= u ? (u - t) / t * 100 : (t - u) / t * -100;
-}, N = (s, e = i) => {
-  const r = Number(s);
-  return isNaN(r) && e ? e : n(r, 0, 2);
+  maximumFractionDigits: t
+}), u = (n, e = s) => {
+  const t = Number(n), a = t % 1 !== 0;
+  return isNaN(t) && e ? e : Math.abs(t) >= 1e12 ? "∞" : Math.abs(t) >= 1e9 ? `${r(t / 1e9, 0, 1)}B` : Math.abs(t) >= 1e6 ? `${r(t / 1e6, 0, 1)}M` : Math.abs(t) >= 1e3 ? `${r(t / 1e3, 0, 1)}K` : a && Math.abs(t) >= 100 ? r(t, 0, 0) : a && Math.abs(t) >= 10 ? r(t, 0, 1) : a ? r(t, 2, 2) : r(t, 0, 0);
 };
 export {
-  i as DEFAULT_FALLBACK,
-  o as diffInPersentage,
-  N as formatNumberWithCommas,
-  a as nFormatter
+  s as DEFAULT_FALLBACK,
+  u as nFormatter
 };

package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css

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

package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css

@@ -1 +0,0 @@
-.chart-legend[data-v-efc608f9]{display:flex;flex-direction:column;width:220px;height:100%;padding-bottom:8px}.search-box[data-v-efc608f9]{padding:12px 12px 4px}.legend[data-v-efc608f9]{overflow-y:auto;color:var(--text-primary)}.legend__list[data-v-efc608f9]{list-style:none;padding:0 12px 0 20px}.legend__list>li[data-v-efc608f9]{display:flex;align-items:center;gap:8px;height:32px}

package/DropdownV4.vue_vue_type_style_index_0_scoped_00ccab6b_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-00ccab6b],.v-leave-active[data-v-00ccab6b]{transition:opacity .25s ease}ol[data-v-00ccab6b],ul[data-v-00ccab6b],menu[data-v-00ccab6b]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-00ccab6b],.dropdown.full-width .button__container[data-v-00ccab6b]{width:100%}.dropdown-list-wrapper[data-v-00ccab6b]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-00ccab6b]{padding:.5rem}.list-container--multi[data-v-00ccab6b]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-00ccab6b]{padding-bottom:.25rem}.inline-search .list-container[data-v-00ccab6b]{padding-top:0}.no-result-container[data-v-00ccab6b]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-00ccab6b]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-00ccab6b]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-00ccab6b]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-00ccab6b]{margin-right:.5rem}.actions-wrapper[data-v-00ccab6b]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-00ccab6b]{margin-left:.5rem}

package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css

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

package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css

@@ -1 +0,0 @@
-@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}