@ironsource/shared-ui 2.1.6 → 2.1.7-rc.1

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 (27) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css +1 -0
  2. package/IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css +1 -0
  3. package/README.md +25 -21
  4. package/components/button/v4/ButtonV4.vue.d.ts +6 -6
  5. package/components/button/v4/IconButtonV4.vue.d.ts +6 -6
  6. package/components/button/v4/index.d.ts +28 -28
  7. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +6 -6
  8. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
  9. package/components/dropdown/v4/DropdownV4.vue.d.ts +6 -6
  10. package/components/dropdown/v4/OptionV4.vue.d.ts +6 -6
  11. package/components/dropdown/v4/dropdownStoryArgs.d.ts +1 -1
  12. package/components/dropdown/v4/index.d.ts +58 -58
  13. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
  14. package/components/emptyState/v4/index.d.ts +7 -7
  15. package/components/icon/v4/Icon.types.d.ts +1 -1
  16. package/components/icon/v4/IconV4.vue.d.ts +3 -3
  17. package/components/icon/v4/index.d.ts +7 -7
  18. package/components/snackbar/v4/SnackbarV4.vue.d.ts +8 -8
  19. package/design-foundation.stories/icons/iconsData.d.ts +5 -1
  20. package/index.d.ts +203 -203
  21. package/package.json +1 -1
  22. package/src/components/button/v4/IconButtonV4.vue.js +4 -4
  23. package/src/components/button/v4/IconButtonV4.vue2.js +20 -10
  24. package/src/components/table/v4/DataGrid.vue.js +3 -3
  25. package/src/components/table/v4/DataGrid.vue2.js +10 -11
  26. package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css +0 -1
  27. package/IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-63aaf3be]{position:sticky}.table-container[data-v-63aaf3be]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-63aaf3be]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-63aaf3be]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-63aaf3be]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-63aaf3be]{width:13.75rem}.table-header.isStickyHeader[data-v-63aaf3be]{z-index:calc(var(--74f5644c) + 3);top:0}.table-head-container[data-v-63aaf3be]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-63aaf3be]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-63aaf3be]{display:inline-table}.table-header-actions[data-v-63aaf3be]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-63aaf3be]{position:relative}.table-row.loading[data-v-63aaf3be]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-63aaf3be]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-63aaf3be]{border-bottom:none}.expanded-row[data-v-63aaf3be]{grid-column:var(--54c9adc0);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-63aaf3be]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-63aaf3be]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-63aaf3be],table th[data-v-63aaf3be]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-63aaf3be]:first-of-type,table th[data-v-63aaf3be]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-63aaf3be]:last-of-type,table th[data-v-63aaf3be]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-63aaf3be],table th.expand-toggle-cell[data-v-63aaf3be]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-63aaf3be]{border-bottom:none;z-index:calc(var(--74f5644c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-63aaf3be]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--10e150b9)}table>thead>tr>th[data-v-63aaf3be]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-63aaf3be]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-63aaf3be]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-63aaf3be]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-63aaf3be]{cursor:pointer}table>thead.sticky[data-v-63aaf3be]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-63aaf3be]{z-index:calc(var(--74f5644c) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-63aaf3be]{display:block}table>tbody>*>tr[data-v-63aaf3be]{background-color:var(--background-default);min-height:var(--06b2e101);height:auto;display:grid;align-items:center;grid-template-columns:var(--10e150b9)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-63aaf3be]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-63aaf3be],table>tbody>*>tr.activeMenu>td[data-v-63aaf3be]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-63aaf3be]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--06b2e101);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-63aaf3be]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-63aaf3be]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-63aaf3be]{justify-content:flex-end;text-align:right}.section-container[data-v-63aaf3be]{left:0}.sections[data-v-63aaf3be]{display:flex}.section[data-v-63aaf3be]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-63aaf3be]{width:100%}.empty-state[data-v-63aaf3be]{min-height:250px}
package/IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-4eefa06b]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;background-color:transparent}.error[data-v-4eefa06b]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-4eefa06b]{color:var(--primary-main)}.variant-default.primary[data-v-4eefa06b]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-4eefa06b]{color:var(--action-active)}.variant-default.default[data-v-4eefa06b]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-4eefa06b]{color:var(--error-main)}.variant-default.error[data-v-4eefa06b]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-4eefa06b]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-4eefa06b]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-4eefa06b]{color:var(--action-active);border:1px solid var(--default-outlined-border)}.variant-outlined.default[data-v-4eefa06b]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-4eefa06b]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-4eefa06b]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.extraSmall[data-v-4eefa06b]{padding:2px}.extraSmall.variant-outlined[data-v-4eefa06b]{padding:1px}.small[data-v-4eefa06b]{padding:2px}.small.variant-outlined[data-v-4eefa06b]{padding:1px}.medium[data-v-4eefa06b]{padding:4px}.medium.variant-outlined[data-v-4eefa06b]{padding:3px}.large[data-v-4eefa06b]{padding:6px}.large.variant-outlined[data-v-4eefa06b]{padding:5px}.extraLarge[data-v-4eefa06b]{padding:8px}.extraLarge.variant-outlined[data-v-4eefa06b]{padding:7px}.extraSmall[data-v-4eefa06b],.small[data-v-4eefa06b],.medium[data-v-4eefa06b],.large[data-v-4eefa06b],.extraLarge[data-v-4eefa06b]{height:auto}
package/README.md CHANGED
@@ -136,32 +136,36 @@ Read more about this project <a href="https://github.com/ironsource-mobile/share
136
136
  For uploading a new custom icon like 'ad-network' icon type, follow the next steps:
137
137
 
138
138
  - Compress your SVG
139
- - Go to <a href="https://svgomg.net/">SVGOMG tool</a> and past your SVG icon
140
- - Then download the new compressed icon
139
+
140
+ - Go to <a href="https://svgomg.net/">SVGOMG tool</a> and past your SVG icon
141
+ - Then download the new compressed icon
141
142
 
142
143
  - Validate your SVG
143
- - Open the SVG file with your editor
144
- - Make sure the it has `fill="currentColor"` wherever the color should be changeable
145
- - Make sure it has no width & height hardcoded properties
146
- - 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)
144
+
145
+ - Open the SVG file with your editor
146
+ - Make sure the it has `fill="currentColor"` wherever the color should be changeable
147
+ - Make sure it has no width & height hardcoded properties
148
+ - 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)
147
149
 
148
150
  - Upload to S3
149
- - Connect to AWS through Okta
150
- - Go to S3
151
- - Search Bucket named 'fusion-assets'
152
- - Go to the 'fusion-assets/assets/icons/...'
153
- - Go to the right folder for you
154
- - Drag your SVG files to the table in order to upload them
151
+
152
+ - Connect to AWS through Okta
153
+ - Go to S3
154
+ - Search Bucket named 'fusion-assets'
155
+ - Go to the 'fusion-assets/assets/icons/...'
156
+ - Go to the right folder for you
157
+ - Drag your SVG files to the table in order to upload them
155
158
 
156
159
  - Invalidate Cache
157
- - Connect to AWS through Okta
158
- - Go to CloudFront
159
- - Search a distribution named 'fusion.ironsrc.net'
160
- - Go to the 'Invalidations' tab
161
- - Create the correct invalidation according to what you've uploaded earlier (example: '/assets/icons/v4/ad-networks/*')
162
- - Note: you can use the old invalidations by clicking 'Copy to new'
160
+
161
+ - Connect to AWS through Okta
162
+ - Go to CloudFront
163
+ - Search a distribution named 'fusion.ironsrc.net'
164
+ - Go to the 'Invalidations' tab
165
+ - Create the correct invalidation according to what you've uploaded earlier (example: '/assets/icons/v4/ad-networks/\*')
166
+ - Note: you can use the old invalidations by clicking 'Copy to new'
163
167
 
164
168
  - Clear your browser cache
165
- - Go to your StoryBook link
166
- - Clear your browser cache
167
- - New icons should be displayed!!
169
+ - Go to your StoryBook link
170
+ - Clear your browser cache
171
+ - New icons should be displayed!
package/components/button/v4/ButtonV4.vue.d.ts CHANGED
@@ -8,8 +8,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  content?: string;
9
9
  startIconName?: string;
10
10
  endIconName?: string;
11
- startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
12
- endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
11
+ startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
12
+ endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
13
13
  }>, {
14
14
  startIconName: any;
15
15
  endIconName: any;
@@ -32,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
32
32
  content?: string;
33
33
  startIconName?: string;
34
34
  endIconName?: string;
35
- startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
36
- endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
35
+ startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
36
+ endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
37
37
  }>, {
38
38
  startIconName: any;
39
39
  endIconName: any;
@@ -56,8 +56,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
56
56
  testId: string;
57
57
  startIconName: string;
58
58
  endIconName: string;
59
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
60
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
59
+ startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
60
+ endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
61
61
  }>, {
62
62
  default?(_: {}): any;
63
63
  loader?(_: {}): any;
package/components/button/v4/IconButtonV4.vue.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  variant?: "default" | "outlined";
3
3
  color?: "default" | "primary" | "error";
4
- size?: "small" | "medium" | "large" | "extraLarge";
5
- type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
4
+ size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
5
+ type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
6
6
  iconName?: string;
7
7
  disabled?: boolean;
8
8
  testId?: string;
@@ -17,8 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
17
  }>, {}, 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<{
18
18
  variant?: "default" | "outlined";
19
19
  color?: "default" | "primary" | "error";
20
- size?: "small" | "medium" | "large" | "extraLarge";
21
- type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
20
+ size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
21
+ type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22
22
  iconName?: string;
23
23
  disabled?: boolean;
24
24
  testId?: string;
@@ -31,11 +31,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
31
  iconName: string;
32
32
  type: string;
33
33
  }>>>, {
34
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
34
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
35
35
  variant: "default" | "outlined";
36
36
  disabled: boolean;
37
37
  color: "default" | "primary" | "error";
38
- size: "small" | "medium" | "large" | "extraLarge";
38
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
39
39
  testId: string;
40
40
  iconName: string;
41
41
  }>, {
package/components/button/v4/index.d.ts CHANGED
@@ -14,8 +14,8 @@ declare const ButtonTypes: () => (({
14
14
  testId: string;
15
15
  startIconName: string;
16
16
  endIconName: string;
17
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
18
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
17
+ startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
18
+ endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
19
19
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
20
20
  variant: {
21
21
  type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -54,11 +54,11 @@ declare const ButtonTypes: () => (({
54
54
  default: any;
55
55
  };
56
56
  startIconType: {
57
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
57
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
58
58
  default: string;
59
59
  };
60
60
  endIconType: {
61
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
61
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
62
62
  default: string;
63
63
  };
64
64
  }>> & 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: () => (({
113
113
  default: any;
114
114
  };
115
115
  startIconType: {
116
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
116
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
117
117
  default: string;
118
118
  };
119
119
  endIconType: {
120
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
120
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
121
121
  default: string;
122
122
  };
123
123
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -130,8 +130,8 @@ declare const ButtonTypes: () => (({
130
130
  testId: string;
131
131
  startIconName: string;
132
132
  endIconName: string;
133
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
134
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
133
+ startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
134
+ endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
135
135
  }, {}, string> & {
136
136
  beforeCreate?: (() => void) | (() => void)[];
137
137
  created?: (() => void) | (() => void)[];
@@ -190,11 +190,11 @@ declare const ButtonTypes: () => (({
190
190
  default: any;
191
191
  };
192
192
  startIconType: {
193
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
193
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
194
194
  default: string;
195
195
  };
196
196
  endIconType: {
197
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
197
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
198
198
  default: string;
199
199
  };
200
200
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -239,11 +239,11 @@ declare const ButtonTypes: () => (({
239
239
  default: any;
240
240
  };
241
241
  startIconType: {
242
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
242
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
243
243
  default: string;
244
244
  };
245
245
  endIconType: {
246
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
246
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
247
247
  default: string;
248
248
  };
249
249
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -256,8 +256,8 @@ declare const ButtonTypes: () => (({
256
256
  testId: string;
257
257
  startIconName: string;
258
258
  endIconName: string;
259
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
260
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
259
+ startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
260
+ endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
261
261
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
262
262
  $slots: {
263
263
  default?(_: {}): any;
@@ -268,16 +268,16 @@ declare const ButtonTypes: () => (({
268
268
  $: import("vue").ComponentInternalInstance;
269
269
  $data: {};
270
270
  $props: Partial<{
271
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
271
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
272
272
  variant: "default" | "outlined";
273
273
  disabled: boolean;
274
274
  color: "default" | "primary" | "error";
275
- size: "small" | "medium" | "large" | "extraLarge";
275
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
276
276
  testId: string;
277
277
  iconName: string;
278
278
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
279
279
  type: {
280
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
280
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
281
281
  default: string;
282
282
  };
283
283
  variant: {
@@ -293,7 +293,7 @@ declare const ButtonTypes: () => (({
293
293
  default: string;
294
294
  };
295
295
  size: {
296
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
296
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
297
297
  default: string;
298
298
  };
299
299
  testId: {
@@ -320,7 +320,7 @@ declare const ButtonTypes: () => (({
320
320
  $el: any;
321
321
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
322
322
  type: {
323
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
323
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
324
324
  default: string;
325
325
  };
326
326
  variant: {
@@ -336,7 +336,7 @@ declare const ButtonTypes: () => (({
336
336
  default: string;
337
337
  };
338
338
  size: {
339
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
339
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
340
340
  default: string;
341
341
  };
342
342
  testId: {
@@ -348,11 +348,11 @@ declare const ButtonTypes: () => (({
348
348
  default: string;
349
349
  };
350
350
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
351
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
351
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
352
352
  variant: "default" | "outlined";
353
353
  disabled: boolean;
354
354
  color: "default" | "primary" | "error";
355
- size: "small" | "medium" | "large" | "extraLarge";
355
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
356
356
  testId: string;
357
357
  iconName: string;
358
358
  }, {}, string> & {
@@ -377,7 +377,7 @@ declare const ButtonTypes: () => (({
377
377
  $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;
378
378
  } & Readonly<import("vue").ExtractPropTypes<{
379
379
  type: {
380
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
380
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
381
381
  default: string;
382
382
  };
383
383
  variant: {
@@ -393,7 +393,7 @@ declare const ButtonTypes: () => (({
393
393
  default: string;
394
394
  };
395
395
  size: {
396
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
396
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
397
397
  default: string;
398
398
  };
399
399
  testId: {
@@ -410,7 +410,7 @@ declare const ButtonTypes: () => (({
410
410
  __isSuspense?: never;
411
411
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
412
412
  type: {
413
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
413
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
414
414
  default: string;
415
415
  };
416
416
  variant: {
@@ -426,7 +426,7 @@ declare const ButtonTypes: () => (({
426
426
  default: string;
427
427
  };
428
428
  size: {
429
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
429
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
430
430
  default: string;
431
431
  };
432
432
  testId: {
@@ -438,11 +438,11 @@ declare const ButtonTypes: () => (({
438
438
  default: string;
439
439
  };
440
440
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
441
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
441
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
442
442
  variant: "default" | "outlined";
443
443
  disabled: boolean;
444
444
  color: "default" | "primary" | "error";
445
- size: "small" | "medium" | "large" | "extraLarge";
445
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
446
446
  testId: string;
447
447
  iconName: string;
448
448
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts CHANGED
@@ -17,9 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
17
  optionNameKey?: string;
18
18
  optionImageKey?: string;
19
19
  optionIconKey?: string;
20
- optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
20
+ optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21
21
  optionEndIconKey?: string;
22
- optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
22
+ optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23
23
  }>, {
24
24
  placeholder: string;
25
25
  selectedOption: any;
@@ -67,9 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
67
  optionNameKey?: string;
68
68
  optionImageKey?: string;
69
69
  optionIconKey?: string;
70
- optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
70
+ optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
71
71
  optionEndIconKey?: string;
72
- optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
72
+ optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
73
73
  }>, {
74
74
  placeholder: string;
75
75
  selectedOption: any;
@@ -113,9 +113,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
113
113
  optionNameKey: string;
114
114
  optionIconKey: string;
115
115
  optionImageKey: string;
116
- optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
116
+ optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
117
117
  optionEndIconKey: string;
118
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
118
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
119
119
  valueToCopy: string;
120
120
  selectedOption: any;
121
121
  brandIconType: "android" | "ios";
package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
21
21
  optionNameKey?: string;
22
22
  optionImageKey?: string;
23
23
  optionIconKey?: string;
24
- optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
24
+ optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
25
25
  showAllSelectedText?: boolean;
26
26
  statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
27
27
  }>, {
@@ -74,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
74
74
  optionNameKey?: string;
75
75
  optionImageKey?: string;
76
76
  optionIconKey?: string;
77
- optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
77
+ optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
78
78
  showAllSelectedText?: boolean;
79
79
  statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
80
80
  }>, {
@@ -123,7 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
123
123
  optionNameKey: string;
124
124
  optionIconKey: string;
125
125
  optionImageKey: string;
126
- optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
126
+ optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
127
127
  selectedOption: any;
128
128
  showFeedbackIcon: boolean;
129
129
  brandIconType: "android" | "ios";
package/components/dropdown/v4/DropdownV4.vue.d.ts CHANGED
@@ -40,9 +40,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
40
40
  optionNameKey?: string;
41
41
  optionIconKey?: string;
42
42
  optionImageKey?: string;
43
- optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
43
+ optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
44
44
  optionEndIconKey?: string;
45
- optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
45
+ optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
46
46
  valueToCopy?: string;
47
47
  disabledOptionKey?: string;
48
48
  theme?: string;
@@ -153,9 +153,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
153
153
  optionNameKey?: string;
154
154
  optionIconKey?: string;
155
155
  optionImageKey?: string;
156
- optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
156
+ optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
157
157
  optionEndIconKey?: string;
158
- optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
158
+ optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
159
159
  valueToCopy?: string;
160
160
  disabledOptionKey?: string;
161
161
  theme?: string;
@@ -260,9 +260,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
260
260
  optionNameKey: string;
261
261
  optionIconKey: string;
262
262
  optionImageKey: string;
263
- optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
263
+ optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
264
264
  optionEndIconKey: string;
265
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
265
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
266
266
  valueToCopy: string;
267
267
  disabledOptionKey: string;
268
268
  fullWidth: boolean;
package/components/dropdown/v4/OptionV4.vue.d.ts CHANGED
@@ -9,9 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
9
  nameKey?: string;
10
10
  imageKey?: string;
11
11
  iconKey?: string;
12
- iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
12
+ iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
13
13
  endIconKey?: string;
14
- endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
14
+ endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
15
15
  toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
16
16
  }>, {
17
17
  subtitle: string;
@@ -38,9 +38,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
38
38
  nameKey?: string;
39
39
  imageKey?: string;
40
40
  iconKey?: string;
41
- iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
41
+ iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
42
42
  endIconKey?: string;
43
- endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
43
+ endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
44
44
  toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
45
45
  }>, {
46
46
  subtitle: string;
@@ -60,14 +60,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
60
  option: any;
61
61
  disabled: boolean;
62
62
  active: boolean;
63
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
63
+ endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
64
64
  isIndeterminate: boolean;
65
65
  subtitle: string;
66
66
  selectAllOption: boolean;
67
67
  nameKey: string;
68
68
  imageKey: string;
69
69
  iconKey: string;
70
- iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
70
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
71
71
  endIconKey: string;
72
72
  toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
73
73
  }>, {
package/components/dropdown/v4/dropdownStoryArgs.d.ts CHANGED
@@ -220,7 +220,7 @@ export declare const dropDownStoryArgs: {
220
220
  };
221
221
  };
222
222
  optionIconType: {
223
- options: ("fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat")[];
223
+ options: ("fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate")[];
224
224
  table: {
225
225
  category: string;
226
226
  };