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

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 (13) 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/IconButtonV4.vue.d.ts +3 -3
  5. package/components/button/v4/index.d.ts +7 -7
  6. package/index.d.ts +14 -14
  7. package/package.json +1 -1
  8. package/src/components/button/v4/IconButtonV4.vue.js +4 -4
  9. package/src/components/button/v4/IconButtonV4.vue2.js +20 -10
  10. package/src/components/table/v4/DataGrid.vue.js +3 -3
  11. package/src/components/table/v4/DataGrid.vue2.js +10 -11
  12. package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css +0 -1
  13. 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/IconButtonV4.vue.d.ts CHANGED
@@ -1,7 +1,7 @@
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";
4
+ size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
5
5
  type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
6
6
  iconName?: string;
7
7
  disabled?: boolean;
@@ -17,7 +17,7 @@ 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";
20
+ size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
21
21
  type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
22
22
  iconName?: string;
23
23
  disabled?: boolean;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
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
@@ -272,7 +272,7 @@ declare const ButtonTypes: () => (({
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<{
@@ -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: {
@@ -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: {
@@ -352,7 +352,7 @@ declare const ButtonTypes: () => (({
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> & {
@@ -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: {
@@ -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: {
@@ -442,7 +442,7 @@ declare const ButtonTypes: () => (({
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/index.d.ts CHANGED
@@ -20511,7 +20511,7 @@ declare const _default: {
20511
20511
  variant: "default" | "outlined";
20512
20512
  disabled: boolean;
20513
20513
  color: "default" | "primary" | "error";
20514
- size: "small" | "medium" | "large" | "extraLarge";
20514
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
20515
20515
  testId: string;
20516
20516
  iconName: string;
20517
20517
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -20532,7 +20532,7 @@ declare const _default: {
20532
20532
  default: string;
20533
20533
  };
20534
20534
  size: {
20535
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
20535
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
20536
20536
  default: string;
20537
20537
  };
20538
20538
  testId: {
@@ -20575,7 +20575,7 @@ declare const _default: {
20575
20575
  default: string;
20576
20576
  };
20577
20577
  size: {
20578
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
20578
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
20579
20579
  default: string;
20580
20580
  };
20581
20581
  testId: {
@@ -20591,7 +20591,7 @@ declare const _default: {
20591
20591
  variant: "default" | "outlined";
20592
20592
  disabled: boolean;
20593
20593
  color: "default" | "primary" | "error";
20594
- size: "small" | "medium" | "large" | "extraLarge";
20594
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
20595
20595
  testId: string;
20596
20596
  iconName: string;
20597
20597
  }, {}, string> & {
@@ -20632,7 +20632,7 @@ declare const _default: {
20632
20632
  default: string;
20633
20633
  };
20634
20634
  size: {
20635
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
20635
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
20636
20636
  default: string;
20637
20637
  };
20638
20638
  testId: {
@@ -20665,7 +20665,7 @@ declare const _default: {
20665
20665
  default: string;
20666
20666
  };
20667
20667
  size: {
20668
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
20668
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
20669
20669
  default: string;
20670
20670
  };
20671
20671
  testId: {
@@ -20681,7 +20681,7 @@ declare const _default: {
20681
20681
  variant: "default" | "outlined";
20682
20682
  disabled: boolean;
20683
20683
  color: "default" | "primary" | "error";
20684
- size: "small" | "medium" | "large" | "extraLarge";
20684
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
20685
20685
  testId: string;
20686
20686
  iconName: string;
20687
20687
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -20961,7 +20961,7 @@ declare const _default: {
20961
20961
  variant: "default" | "outlined";
20962
20962
  disabled: boolean;
20963
20963
  color: "default" | "primary" | "error";
20964
- size: "small" | "medium" | "large" | "extraLarge";
20964
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
20965
20965
  testId: string;
20966
20966
  iconName: string;
20967
20967
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -20982,7 +20982,7 @@ declare const _default: {
20982
20982
  default: string;
20983
20983
  };
20984
20984
  size: {
20985
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
20985
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
20986
20986
  default: string;
20987
20987
  };
20988
20988
  testId: {
@@ -21025,7 +21025,7 @@ declare const _default: {
21025
21025
  default: string;
21026
21026
  };
21027
21027
  size: {
21028
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
21028
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
21029
21029
  default: string;
21030
21030
  };
21031
21031
  testId: {
@@ -21041,7 +21041,7 @@ declare const _default: {
21041
21041
  variant: "default" | "outlined";
21042
21042
  disabled: boolean;
21043
21043
  color: "default" | "primary" | "error";
21044
- size: "small" | "medium" | "large" | "extraLarge";
21044
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
21045
21045
  testId: string;
21046
21046
  iconName: string;
21047
21047
  }, {}, string> & {
@@ -21082,7 +21082,7 @@ declare const _default: {
21082
21082
  default: string;
21083
21083
  };
21084
21084
  size: {
21085
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
21085
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
21086
21086
  default: string;
21087
21087
  };
21088
21088
  testId: {
@@ -21115,7 +21115,7 @@ declare const _default: {
21115
21115
  default: string;
21116
21116
  };
21117
21117
  size: {
21118
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
21118
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
21119
21119
  default: string;
21120
21120
  };
21121
21121
  testId: {
@@ -21131,7 +21131,7 @@ declare const _default: {
21131
21131
  variant: "default" | "outlined";
21132
21132
  disabled: boolean;
21133
21133
  color: "default" | "primary" | "error";
21134
- size: "small" | "medium" | "large" | "extraLarge";
21134
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
21135
21135
  testId: string;
21136
21136
  iconName: string;
21137
21137
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6",
3
+ "version": "2.1.7-rc.0",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/src/components/button/v4/IconButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./IconButtonV4.vue2.js";
2
- /* empty css */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
3
- console.log('scoped// import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css"; //*');
4
- const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ca54aa8"]]);
2
+ /* empty css */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
3
+ console.log('scoped// import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4eefa06b"]]);
5
5
  export {
6
- e as default
6
+ c as default
7
7
  };
package/src/components/button/v4/IconButtonV4.vue2.js CHANGED
@@ -1,7 +1,7 @@
1
- import { defineComponent as i, computed as l, openBlock as s, createElementBlock as u, normalizeClass as c, unref as a, renderSlot as m, createVNode as r } from "vue";
1
+ import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
2
2
  import f from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
- const p = ["data-testid", "disabled"], v = /* @__PURE__ */ i({
4
+ const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
5
5
  __name: "IconButtonV4",
6
6
  props: {
7
7
  variant: { default: "default" },
@@ -13,16 +13,26 @@ const p = ["data-testid", "disabled"], v = /* @__PURE__ */ i({
13
13
  testId: { default: "" }
14
14
  },
15
15
  setup(e) {
16
- const t = e, n = l(
17
- () => t.size === "small" || t.size === "medium" ? "20px" : "24px"
18
- ), d = l(() => `variant-${t.variant}`);
19
- return (o, z) => (s(), u("button", {
20
- class: c([[e.size, e.color, a(d)], "button-wrap"]),
16
+ const t = e, n = l(() => {
17
+ switch (t.size) {
18
+ case "extraSmall":
19
+ return "16px";
20
+ case "small":
21
+ case "medium":
22
+ return "20px";
23
+ case "large":
24
+ case "extraLarge":
25
+ default:
26
+ return "24px";
27
+ }
28
+ }), s = l(() => `variant-${t.variant}`);
29
+ return (d, b) => (r(), i("button", {
30
+ class: c([[e.size, e.color, a(s)], "button-wrap"]),
21
31
  "data-testid": t.testId,
22
32
  disabled: e.disabled
23
33
  }, [
24
- m(o.$slots, "default", {}, () => [
25
- r(a(f), {
34
+ u(d.$slots, "default", {}, () => [
35
+ m(a(f), {
26
36
  type: e.type,
27
37
  name: e.iconName || "pencil-simple",
28
38
  size: a(n)
@@ -32,5 +42,5 @@ const p = ["data-testid", "disabled"], v = /* @__PURE__ */ i({
32
42
  }
33
43
  });
34
44
  export {
35
- v as default
45
+ I as default
36
46
  };
package/src/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
3
- console.log('scoped// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-057abdf5"]]);
2
+ /* empty css */import a from "../../../../_virtual/_plugin-vue_export-helper.js";
3
+ console.log('scoped// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css"; //*');
4
+ const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-63aaf3be"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/src/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as D, mergeProps as ne } from "vue";
1
+ import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as z, mergeProps as ne } from "vue";
2
2
  import p from "../../typography/v4/Typography.vue.js";
3
3
  import ce from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import re from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -61,10 +61,10 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
61
61
  setup(s, { expose: m, emit: y }) {
62
62
  const o = s;
63
63
  ie((a) => ({
64
- "671cd302": s.zIndexBase,
65
- be93a49a: t(K),
66
- "13ad9fec": t(H),
67
- "6feb5274": t(J)
64
+ "74f5644c": s.zIndexBase,
65
+ "54c9adc0": t(K),
66
+ "10e150b9": t(H),
67
+ "06b2e101": t(J)
68
68
  }));
69
69
  const b = de(), {
70
70
  list: V,
@@ -86,7 +86,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
86
86
  hasCheckboxes: O,
87
87
  activeMenuRow: X,
88
88
  scrollTo: Z
89
- } = ue(o, y), z = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
89
+ } = ue(o, y), D = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
90
90
  const a = o.rows.map((i, e) => o.getRowId(i, e));
91
91
  return a.length && a.every((i) => R(i));
92
92
  }), R = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, ee = (a) => {
@@ -120,7 +120,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
120
120
  ref: t(G).ref,
121
121
  style: C(t(j)),
122
122
  class: f({
123
- hasFooter: t(z)
123
+ hasFooter: t(D)
124
124
  }),
125
125
  "data-testid": `${s.testId}-${t(S).TABLE}`,
126
126
  onScrollPassive: i[2] || (i[2] = //@ts-ignore
@@ -229,12 +229,12 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
229
229
  _: 2
230
230
  }, 1024)
231
231
  ], !0),
232
- e.helpText ? (l(), D(ye, {
232
+ e.helpText ? (l(), z(ye, {
233
233
  key: 0,
234
234
  "hover-help-text": e.helpText,
235
235
  "hover-help-text-placement": e.helpTextPlacement
236
236
  }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
237
- e.isSortable && e.id === s.sort?.sortBy ? (l(), D(he, {
237
+ e.isSortable && e.id === s.sort?.sortBy ? (l(), z(he, {
238
238
  key: 1,
239
239
  "sort-order": s.sort.sortOrder
240
240
  }, null, 8, ["sort-order"])) : r("", !0)
@@ -262,7 +262,6 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
262
262
  t(O) ? (l(), d("td", Ae, [
263
263
  h(t(U), {
264
264
  "is-checked": R(s.getRowId(e.data, e.index)),
265
- size: "sm",
266
265
  "onUpdate:isChecked": (k) => ee(s.getRowId(e.data, e.index))
267
266
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
268
267
  ])) : r("", !0),
@@ -327,7 +326,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
327
326
  ]))
328
327
  ])
329
328
  ], 46, ge),
330
- t(z) ? (l(), d("div", He, [
329
+ t(D) ? (l(), d("div", He, [
331
330
  c(a.$slots, "footer", {}, void 0, !0)
332
331
  ])) : r("", !0)
333
332
  ], 40, me));
package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-057abdf5]{position:sticky}.table-container[data-v-057abdf5]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-057abdf5]{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-057abdf5]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-057abdf5]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-057abdf5]{width:13.75rem}.table-header.isStickyHeader[data-v-057abdf5]{z-index:calc(var(--671cd302) + 3);top:0}.table-head-container[data-v-057abdf5]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-057abdf5]{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-057abdf5]{display:inline-table}.table-header-actions[data-v-057abdf5]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-057abdf5]{position:relative}.table-row.loading[data-v-057abdf5]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-057abdf5]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-057abdf5]{border-bottom:none}.expanded-row[data-v-057abdf5]{grid-column:var(--be93a49a);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-057abdf5]{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-057abdf5]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-057abdf5],table th[data-v-057abdf5]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-057abdf5]:first-of-type,table th[data-v-057abdf5]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-057abdf5]:last-of-type,table th[data-v-057abdf5]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-057abdf5],table th.expand-toggle-cell[data-v-057abdf5]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-057abdf5]{border-bottom:none;z-index:calc(var(--671cd302) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-057abdf5]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--13ad9fec)}table>thead>tr>th[data-v-057abdf5]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-057abdf5]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-057abdf5]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-057abdf5]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-057abdf5]{cursor:pointer}table>thead.sticky[data-v-057abdf5]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-057abdf5]{z-index:calc(var(--671cd302) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-057abdf5]{display:block}table>tbody>*>tr[data-v-057abdf5]{background-color:var(--background-default);min-height:var(--6feb5274);height:auto;display:grid;align-items:center;grid-template-columns:var(--13ad9fec)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-057abdf5]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-057abdf5],table>tbody>*>tr.activeMenu>td[data-v-057abdf5]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-057abdf5]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--6feb5274);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-057abdf5]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-057abdf5]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-057abdf5]{justify-content:flex-end;text-align:right}.section-container[data-v-057abdf5]{left:0}.sections[data-v-057abdf5]{display:flex}.section[data-v-057abdf5]{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-057abdf5]{width:100%}.empty-state[data-v-057abdf5]{min-height:250px}
package/IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-wrap[data-v-2ca54aa8]{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-2ca54aa8]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-2ca54aa8]{color:var(--primary-main)}.variant-default.primary[data-v-2ca54aa8]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-2ca54aa8]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-2ca54aa8]{color:var(--action-active)}.variant-default.default[data-v-2ca54aa8]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-2ca54aa8]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-2ca54aa8]{color:var(--error-main)}.variant-default.error[data-v-2ca54aa8]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-2ca54aa8]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-2ca54aa8]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-2ca54aa8]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-2ca54aa8]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-2ca54aa8]{color:var(--action-active);border:1px solid var(--action-disabled)}.variant-outlined.default[data-v-2ca54aa8]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-2ca54aa8]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-2ca54aa8]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-2ca54aa8]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-2ca54aa8]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.small[data-v-2ca54aa8]{padding:2px}.small.variant-outlined[data-v-2ca54aa8]{padding:1px}.medium[data-v-2ca54aa8]{padding:4px}.medium.variant-outlined[data-v-2ca54aa8]{padding:3px}.large[data-v-2ca54aa8]{padding:6px}.large.variant-outlined[data-v-2ca54aa8]{padding:5px}.extraLarge[data-v-2ca54aa8]{padding:8px}.extraLarge.variant-outlined[data-v-2ca54aa8]{padding:7px}.small[data-v-2ca54aa8],.medium[data-v-2ca54aa8],.large[data-v-2ca54aa8],.extraLarge[data-v-2ca54aa8]{height:auto}