@ironsource/shared-ui 2.1.6-test.15 → 2.1.6-test.16

package/Chart.vue_vue_type_style_index_0_scoped_f06a4764_lang.css

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_88d4532f_lang.css

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

package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css

@@ -0,0 +1 @@
+.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/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css

@@ -0,0 +1 @@
+.label[data-v-142c444a]{color:#41454d}.chart-loader[data-v-142c444a]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 31px 31px}.chart-loader[data-v-142c444a]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-142c444a 2s infinite;content:""}@keyframes shimmer-142c444a{to{transform:translate(100%)}}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-ec636f18]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);padding:calc(var(--spacing-100) - 1px)}.tooltip-title[data-v-ec636f18]{color:var(--text-primary);margin-bottom:var(--spacing-100)}.color-box[data-v-ec636f18]{width:var(--spacing-150);height:var(--spacing-150);border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.list[data-v-ec636f18]{list-style:none;margin:0;padding:0}.list__item[data-v-ec636f18]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-ec636f18]:last-child{margin-bottom:0}.tooltip-footer[data-v-ec636f18]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-ec636f18]{flex-grow:1}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-8e5b619a]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-8e5b619a]{outline:solid;border-radius:4px}.icon.unchecked[data-v-8e5b619a]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-8e5b619a]{color:var(--action-active)}.checkboxes[data-v-8e5b619a]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-8e5b619a]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-8e5b619a]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-8e5b619a]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-8e5b619a]{cursor:default}.disabled .checkbox-label[data-v-8e5b619a]{color:var(--text-disabled)}.checkbox-label[data-v-8e5b619a]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css

@@ -0,0 +1 @@
+.data-grid-menu[data-v-a6e4672f]{position:relative;left:-10px}.menu-icon[data-v-a6e4672f]{color:var(--text-secondary)}

package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css

@@ -0,0 +1 @@
+.form-card[data-v-c7965a69]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-c7965a69]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-c7965a69]{width:220px;height:20px}.card-content[data-v-c7965a69]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-c7965a69]{padding:0}.form-actions[data-v-c7965a69]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-c7965a69]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-c7965a69]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-c7965a69]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-c7965a69]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css

@@ -0,0 +1 @@
+.icon-flag[data-v-7b09cc85]{width:16px;height:16px;min-width:16px;display:inline-block;user-select:none}

package/IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css

@@ -0,0 +1 @@
+.icon[data-v-1eea7671]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-1eea7671]{width:var(--2034b1ce);height:var(--66dae3c2);color:var(--5a4ab638)}.icon .icon-wrapper[data-v-1eea7671] svg{width:100%;height:100%}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-260b9cdc]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-260b9cdc]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-260b9cdc]{position:sticky;top:0;z-index:calc(var(--6bca14de) + 3)}.multi-table-container[data-v-260b9cdc] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-260b9cdc] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-260b9cdc] thead.sticky{top:62px}

package/README.md

@@ -136,32 +136,36 @@ Read more about this project <a href="https://github.com/ironsource-mobile/share
 For uploading a new custom icon like 'ad-network' icon type, follow the next steps:
 
 - Compress your SVG
-    - Go to <a href="https://svgomg.net/">SVGOMG tool</a> and past your SVG icon
-    - Then download the new compressed icon
+
+  - Go to <a href="https://svgomg.net/">SVGOMG tool</a> and past your SVG icon
+  - Then download the new compressed icon
 
 - Validate your SVG
-    - Open the SVG file with your editor
-    - Make sure the it has `fill="currentColor"` wherever the color should be changeable
-    - Make sure it has no width & height hardcoded properties
-    - Make sure it has no ids like 'a' or 'b' which possibly won't be unique (change `id="a"` to `id="applovin_a"` for example)
+
+  - Open the SVG file with your editor
+  - Make sure the it has `fill="currentColor"` wherever the color should be changeable
+  - Make sure it has no width & height hardcoded properties
+  - Make sure it has no ids like 'a' or 'b' which possibly won't be unique (change `id="a"` to `id="applovin_a"` for example)
 
 - Upload to S3
-    - Connect to AWS through Okta
-    - Go to S3
-    - Search Bucket named 'fusion-assets'
-    - Go to the 'fusion-assets/assets/icons/...'
-    - Go to the right folder for you
-    - Drag your SVG files to the table in order to upload them
+
+  - Connect to AWS through Okta
+  - Go to S3
+  - Search Bucket named 'fusion-assets'
+  - Go to the 'fusion-assets/assets/icons/...'
+  - Go to the right folder for you
+  - Drag your SVG files to the table in order to upload them
 
 - Invalidate Cache
-    - Connect to AWS through Okta
-    - Go to CloudFront
-    - Search a distribution named 'fusion.ironsrc.net'
-    - Go to the 'Invalidations' tab
-    - Create the correct invalidation according to what you've uploaded earlier (example: '/assets/icons/v4/ad-networks/*')
-    - Note: you can use the old invalidations by clicking 'Copy to new'
+
+  - Connect to AWS through Okta
+  - Go to CloudFront
+  - Search a distribution named 'fusion.ironsrc.net'
+  - Go to the 'Invalidations' tab
+  - Create the correct invalidation according to what you've uploaded earlier (example: '/assets/icons/v4/ad-networks/\*')
+  - Note: you can use the old invalidations by clicking 'Copy to new'
 
 - Clear your browser cache
-    - Go to your StoryBook link
-    - Clear your browser cache
-    - New icons should be displayed!!
+  - Go to your StoryBook link
+  - Clear your browser cache
+  - New icons should be displayed!

package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css

@@ -0,0 +1 @@
+.search-container[data-v-d6c42f4b]{position:relative}.search-container[data-v-d6c42f4b] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-d6c42f4b]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-d6c42f4b]:hover{color:var(--text-primary)}

package/SkeletonV4.vue_vue_type_style_index_0_scoped_93ae1260_lang.css

@@ -0,0 +1 @@
+.label[data-v-93ae1260]{color:#41454d}.skeleton[data-v-93ae1260]{position:relative;display:inline-block;overflow:hidden;width:100%;background-color:var(--action-hover);color:transparent;height:var(--abeaca10)}.skeleton--circle[data-v-93ae1260]{border-radius:100%;width:var(--abeaca10)}.skeleton--square[data-v-93ae1260]{border-radius:var(--border-radius-sm);width:var(--abeaca10)}.skeleton--rectangle[data-v-93ae1260]{border-radius:var(--border-radius-sm)}.skeleton--pill[data-v-93ae1260]{border-radius:calc(var(--abeaca10) / 2)}.skeleton[data-v-93ae1260]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-93ae1260 2s infinite;content:""}@keyframes shimmer-93ae1260{to{transform:translate(100%)}}

package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css

@@ -0,0 +1 @@
+.sortable-item[data-v-9dd4d372]{display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--selected[data-v-9dd4d372]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-9dd4d372]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-9dd4d372]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-9dd4d372]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-9dd4d372],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-9dd4d372]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-9dd4d372],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-9dd4d372]{display:none}.item[data-v-9dd4d372]{height:38px;display:flex;align-items:center}.item__prefix[data-v-9dd4d372]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-9dd4d372]{flex:1;height:38px;display:flex;align-items:center}.item__menu[data-v-9dd4d372]{width:26px}.country-flag[data-v-9dd4d372]{margin-right:var(--spacing-100)}.child-list[data-v-9dd4d372]{max-height:176px}.child-list ul[data-v-9dd4d372]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-9dd4d372]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-9dd4d372]:hover{cursor:pointer;background:var(--action-selected)}.child-list li.selected[data-v-9dd4d372]{background:var(--action-selected)}.expand-icon[data-v-9dd4d372]{cursor:pointer;padding-right:7px;padding-left:1px;height:38px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-9dd4d372]:hover{color:var(--text-primary)}.locked-icon[data-v-9dd4d372]{color:var(--action-active)}.draggable-handle[data-v-9dd4d372]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:38px;color:var(--action-active)}.draggable-handle[data-v-9dd4d372]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-9dd4d372]{position:relative;outline:none}.sortable-ghost[data-v-9dd4d372]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}

package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css

@@ -0,0 +1 @@
+.decorated-text[data-v-1386ae20]{border-bottom:1px dashed var(--action-active)}.tooltip-content[data-v-1386ae20]{max-width:260px}.help[data-v-1386ae20]{margin-bottom:8px}.help__title[data-v-1386ae20]{margin-bottom:4px}.help__text[data-v-1386ae20]{color:var(--text-secondary)}.help[data-v-1386ae20]:last-child{margin-bottom:0}

package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css

@@ -0,0 +1 @@
+.list-search[data-v-21842d59]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-21842d59],.locked-list[data-v-21842d59]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-21842d59]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-21842d59]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}

package/SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css

@@ -0,0 +1 @@
+.switch[data-v-c2e356f5]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.option[data-v-c2e356f5]{border-radius:0;padding:3px}.option[data-v-c2e356f5]:not(:last-child){border-right:1px solid var(--default-outlined-border)}.option--selected[data-v-c2e356f5]{background:var(--action-selected)}.option--selected[data-v-c2e356f5] .icon{color:var(--text-primary)}

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css

@@ -0,0 +1 @@
+span[data-v-b62ee695]{display:inline}

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version: "v3" | "v4";
+    version?: "v3" | "v4";
 }>, {
     version: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version: "v3" | "v4";
+    version?: "v3" | "v4";
 }>, {
     version: string;
 }>>>, {

package/components/ThemeWrapper/index.d.ts

@@ -8,7 +8,6 @@ declare const ThemeWrapperTypes: () => ({
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
-                required: true;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
@@ -28,7 +27,6 @@ declare const ThemeWrapperTypes: () => ({
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
-                required: true;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -56,7 +54,6 @@ declare const ThemeWrapperTypes: () => ({
     } & Readonly<import("vue").ExtractPropTypes<{
         version: {
             type: import("vue").PropType<"v3" | "v4">;
-            required: true;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -66,7 +63,6 @@ declare const ThemeWrapperTypes: () => ({
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     version: {
         type: import("vue").PropType<"v3" | "v4">;
-        required: true;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {

package/components/button/v4/ButtonV4.vue.d.ts

@@ -8,8 +8,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -32,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -56,8 +56,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }>, {
     default?(_: {}): any;
     loader?(_: {}): any;

package/components/button/v4/IconButtonV4.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "default" | "outlined";
     color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "default" | "outlined";
     color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: string;
     type: string;
 }>>>, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     variant: "default" | "outlined";
     disabled: boolean;
     color: "default" | "primary" | "error";

package/components/button/v4/index.d.ts

@@ -14,8 +14,8 @@ declare const ButtonTypes: () => (({
             testId: string;
             startIconName: string;
             endIconName: string;
-            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             variant: {
                 type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -54,11 +54,11 @@ declare const ButtonTypes: () => (({
                 default: any;
             };
             startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "color" | "size" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
@@ -113,11 +113,11 @@ declare const ButtonTypes: () => (({
                 default: any;
             };
             startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -130,8 +130,8 @@ declare const ButtonTypes: () => (({
             testId: string;
             startIconName: string;
             endIconName: string;
-            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -190,11 +190,11 @@ declare const ButtonTypes: () => (({
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -239,11 +239,11 @@ declare const ButtonTypes: () => (({
         default: any;
     };
     startIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
     endIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -256,8 +256,8 @@ declare const ButtonTypes: () => (({
     testId: string;
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -268,7 +268,7 @@ declare const ButtonTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             variant: "default" | "outlined";
             disabled: boolean;
             color: "default" | "primary" | "error";
@@ -277,7 +277,7 @@ declare const ButtonTypes: () => (({
             iconName: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             variant: {
@@ -320,7 +320,7 @@ declare const ButtonTypes: () => (({
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             variant: {
@@ -348,7 +348,7 @@ declare const ButtonTypes: () => (({
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             variant: "default" | "outlined";
             disabled: boolean;
             color: "default" | "primary" | "error";
@@ -377,7 +377,7 @@ declare const ButtonTypes: () => (({
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         variant: {
@@ -410,7 +410,7 @@ declare const ButtonTypes: () => (({
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
     variant: {
@@ -438,7 +438,7 @@ declare const ButtonTypes: () => (({
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     variant: "default" | "outlined";
     disabled: boolean;
     color: "default" | "primary" | "error";

package/components/chart/Chart.vue.d.ts

@@ -0,0 +1,111 @@
+import { ChartDataSet, ChartType, ChartParsingConfig, ValueFormat } from './types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    dataSets: ChartDataSet[];
+    visibleIds: unknown[];
+    chartType?: ChartType;
+    parsing?: ChartParsingConfig;
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    tickCount?: number;
+    header?: string;
+    subheader?: string;
+    hideLegend?: boolean;
+    minVisible?: number;
+    maxVisible?: number;
+    loading?: boolean;
+    noDataIcon?: string;
+    noDataTitle?: string;
+    noDataSubtitle?: string;
+}>, {
+    chartType: ChartType;
+    dataSets: () => any[];
+    visibleIds: () => any[];
+    xAxisFormat: string;
+    yAxisFormat: string;
+    parsing: any;
+    tickCount: number;
+    header: string;
+    subheader: string;
+    hideLegend: boolean;
+    minVisible: number;
+    maxVisible: number;
+    loading: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (chartType: ChartType) => void;
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    dataSets: ChartDataSet[];
+    visibleIds: unknown[];
+    chartType?: ChartType;
+    parsing?: ChartParsingConfig;
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    tickCount?: number;
+    header?: string;
+    subheader?: string;
+    hideLegend?: boolean;
+    minVisible?: number;
+    maxVisible?: number;
+    loading?: boolean;
+    noDataIcon?: string;
+    noDataTitle?: string;
+    noDataSubtitle?: string;
+}>, {
+    chartType: ChartType;
+    dataSets: () => any[];
+    visibleIds: () => any[];
+    xAxisFormat: string;
+    yAxisFormat: string;
+    parsing: any;
+    tickCount: number;
+    header: string;
+    subheader: string;
+    hideLegend: boolean;
+    minVisible: number;
+    maxVisible: number;
+    loading: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>>> & {
+    "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+    "onUpdate:chartType"?: (chartType: ChartType) => any;
+}, {
+    header: string;
+    loading: boolean;
+    xAxisFormat: ValueFormat;
+    yAxisFormat: ValueFormat;
+    parsing: ChartParsingConfig;
+    visibleIds: unknown[];
+    minVisible: number;
+    maxVisible: number;
+    chartType: ChartType;
+    subheader: string;
+    dataSets: ChartDataSet[];
+    tickCount: number;
+    hideLegend: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartHeader.vue.d.ts

@@ -0,0 +1,44 @@
+import { ChartType } from '@/components/chart/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    chartType: ChartType;
+    header?: string;
+    subheader?: string;
+}>, {
+    chartType: ChartType;
+    header: string;
+    subheader: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (type: ChartType) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    chartType: ChartType;
+    header?: string;
+    subheader?: string;
+}>, {
+    chartType: ChartType;
+    header: string;
+    subheader: string;
+}>>> & {
+    "onUpdate:chartType"?: (type: ChartType) => any;
+}, {
+    header: string;
+    chartType: ChartType;
+    subheader: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartLegend.vue.d.ts

@@ -0,0 +1,49 @@
+import { LegendItem } from '@/components/chart/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items: LegendItem[];
+    visibleIds: unknown[];
+    minVisible?: number;
+    maxVisible?: number;
+}>, {
+    items: () => any[];
+    visibleIds: () => any[];
+    minVisible: number;
+    maxVisible: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items: LegendItem[];
+    visibleIds: unknown[];
+    minVisible?: number;
+    maxVisible?: number;
+}>, {
+    items: () => any[];
+    visibleIds: () => any[];
+    minVisible: number;
+    maxVisible: number;
+}>>> & {
+    "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+}, {
+    items: LegendItem[];
+    visibleIds: unknown[];
+    minVisible: number;
+    maxVisible: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartLoader.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;