@ironsource/shared-ui 2.1.3-rc.0 → 2.1.3-rc.2

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 (69) hide show
  1. package/AppHeader.vue_vue_type_style_index_0_scoped_95908b8d_lang.css +1 -0
  2. package/CardPanel.vue_vue_type_style_index_0_scoped_7d0acb11_lang.css +1 -0
  3. package/CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css +1 -0
  4. package/DataGrid.vue_vue_type_style_index_0_scoped_4baf9e57_lang.css +1 -0
  5. package/DataGridMenu.vue_vue_type_style_index_0_scoped_13f1ce76_lang.css +1 -0
  6. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css +1 -0
  7. package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css +1 -0
  8. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +1 -0
  9. package/FieldLabel.vue_vue_type_style_index_0_scoped_5c2a70ad_lang.css +1 -0
  10. package/FormRow.vue_vue_type_style_index_0_scoped_39f48410_lang.css +1 -0
  11. package/InlineCopy.vue_vue_type_style_index_0_scoped_2a9e8782_lang.css +1 -0
  12. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css +1 -0
  13. package/components/appHeader/AppHeader.vue.js +3 -3
  14. package/components/appHeader/AppHeader.vue2.js +42 -35
  15. package/components/checkbox/v4/CheckboxV4.vue.js +4 -4
  16. package/components/checkbox/v4/CheckboxV4.vue2.js +2 -2
  17. package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js +11 -12
  18. package/components/checkbox/v4/icons/UncheckedState.vue.js +12 -11
  19. package/components/dropdown/common/Dropdown.common.js +93 -92
  20. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +15 -0
  21. package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
  22. package/components/emptyState/v4/EmptyStateV4.vue2.js +41 -27
  23. package/components/emptyState/v4/index.d.ts +58 -1
  24. package/components/forms/CardPanel.vue.d.ts +20 -0
  25. package/components/forms/CardPanel.vue.js +2 -2
  26. package/components/forms/CardPanel.vue2.js +26 -14
  27. package/components/forms/FormRow.vue.js +4 -4
  28. package/components/forms/FormRow.vue2.js +1 -1
  29. package/components/forms/index.d.ts +77 -1
  30. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  31. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  32. package/components/inlineCopy/InlineCopy.vue2.js +22 -21
  33. package/components/inlineCopy/index.d.ts +9 -0
  34. package/components/radioButton/v4/RadioButtonV4.vue.js +4 -4
  35. package/components/radioButton/v4/RadioButtonV4.vue2.js +1 -1
  36. package/components/shared/FieldLabel.vue.d.ts +5 -0
  37. package/components/shared/FieldLabel.vue.js +3 -3
  38. package/components/shared/FieldLabel.vue2.js +63 -46
  39. package/components/table/common/Table.common.d.ts +1 -0
  40. package/components/table/common/Table.common.js +64 -60
  41. package/components/table/common/TableContext.d.ts +1 -0
  42. package/components/table/v4/DataGrid.vue.js +4 -4
  43. package/components/table/v4/DataGrid.vue2.js +71 -69
  44. package/components/table/v4/DataGridMenu.vue.d.ts +5 -5
  45. package/components/table/v4/DataGridMenu.vue.js +4 -4
  46. package/components/table/v4/DataGridMenu.vue2.js +46 -47
  47. package/components/table/v4/DataGridRowsCounter.vue.d.ts +15 -0
  48. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  49. package/components/table/v4/DataGridRowsCounter.vue2.js +22 -19
  50. package/components/table/v4/index.d.ts +32 -5
  51. package/components/table-cells/common/Editable.common.js +15 -15
  52. package/components/table-cells/v4/EditableV4.vue.d.ts +10 -0
  53. package/components/table-cells/v4/EditableV4.vue.js +3 -3
  54. package/components/table-cells/v4/EditableV4.vue2.js +31 -22
  55. package/components/table-cells/v4/index.d.ts +43 -1
  56. package/index.d.ts +284 -14
  57. package/package.json +1 -1
  58. package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css +0 -1
  59. package/CardPanel.vue_vue_type_style_index_0_scoped_d2b5d12f_lang.css +0 -1
  60. package/CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css +0 -1
  61. package/DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css +0 -1
  62. package/DataGridMenu.vue_vue_type_style_index_0_scoped_92d83650_lang.css +0 -1
  63. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_9e366543_lang.css +0 -1
  64. package/EditableV4.vue_vue_type_style_index_0_scoped_df325b51_lang.css +0 -1
  65. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_b8373c2d_lang.css +0 -1
  66. package/FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css +0 -1
  67. package/FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css +0 -1
  68. package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css +0 -1
  69. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css +0 -1
@@ -0,0 +1 @@
1
+ .app-header[data-v-95908b8d]{display:flex}.app-header .image-container[data-v-95908b8d]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-95908b8d]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-95908b8d]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-95908b8d]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-95908b8d]{color:var(--text-secondary)}.app-header.size-small[data-v-95908b8d]{align-items:center}.app-header.size-small .image-container[data-v-95908b8d]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-95908b8d]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-95908b8d]{padding:0 .25rem}.app-header.size-small .name-container[data-v-95908b8d]{display:flex}
@@ -0,0 +1 @@
1
+ .card-panel[data-v-7d0acb11]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper);padding:var(--spacing-125) var(--spacing-300)}.card-panel--no-padding[data-v-7d0acb11]{padding:0}.card-panel--has-next[data-v-7d0acb11]{border-bottom-right-radius:0;border-bottom-left-radius:0}.card-panel--has-next+.card-panel[data-v-7d0acb11]{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.card-panel[data-v-7d0acb11] :last-child{margin-bottom:0}
@@ -0,0 +1 @@
1
+ .checkbox[data-v-d25514d1]{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-d25514d1]{outline:solid;border-radius:4px}.icon.unchecked[data-v-d25514d1]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-d25514d1]{color:var(--action-active)}.checkboxes[data-v-d25514d1]{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-d25514d1]{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-d25514d1]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-d25514d1]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-d25514d1]{cursor:default}.disabled .checkbox-label[data-v-d25514d1]{color:var(--text-disabled)}.checkbox-label[data-v-d25514d1]{margin-left:var(--spacing-100);color:var(--text-primary)}
@@ -0,0 +1 @@
1
+ .sticky[data-v-4baf9e57]{position:sticky}.table-container[data-v-4baf9e57]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-4baf9e57]{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-4baf9e57]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-4baf9e57]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-4baf9e57]{width:13.75rem}.table-header.isStickyHeader[data-v-4baf9e57]{z-index:calc(var(--42931960) + 3);top:0}.table-head-container[data-v-4baf9e57]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-4baf9e57]{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-4baf9e57]{display:inline-table}.table-header-actions[data-v-4baf9e57]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-4baf9e57]{position:relative}.table-row.loading[data-v-4baf9e57]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-4baf9e57]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-4baf9e57]{border-bottom:none}.expanded-row[data-v-4baf9e57]{grid-column:var(--baef7858);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-4baf9e57]{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)}table.hasFooter[data-v-4baf9e57]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-4baf9e57],table th[data-v-4baf9e57]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-4baf9e57]:first-of-type,table th[data-v-4baf9e57]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-4baf9e57]:last-of-type,table th[data-v-4baf9e57]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-4baf9e57],table th.expand-toggle-cell[data-v-4baf9e57]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-4baf9e57]{border-bottom:none;z-index:calc(var(--42931960) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-4baf9e57]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--2d5a9c66)}table>thead>tr>th[data-v-4baf9e57]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-4baf9e57]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-4baf9e57]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-4baf9e57]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-4baf9e57]{cursor:pointer}table>thead.sticky[data-v-4baf9e57]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-4baf9e57]{z-index:calc(var(--42931960) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-4baf9e57]{display:block}table>tbody>*>tr[data-v-4baf9e57]{background-color:var(--background-default);min-height:var(--3890bdd6);height:auto;display:grid;align-items:center;grid-template-columns:var(--2d5a9c66)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-4baf9e57]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-4baf9e57],table>tbody>*>tr.activeMenu>td[data-v-4baf9e57]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-4baf9e57]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--3890bdd6);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-4baf9e57]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-4baf9e57]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-4baf9e57]{justify-content:flex-end;text-align:right}.section-container[data-v-4baf9e57]{left:0}.sections[data-v-4baf9e57]{display:flex}.section[data-v-4baf9e57]{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-4baf9e57]{width:100%}.empty-state[data-v-4baf9e57]{min-height:250px}
@@ -0,0 +1 @@
1
+ .data-grid-menu[data-v-13f1ce76]{position:relative;left:-10px}.menu-icon[data-v-13f1ce76]{color:var(--text-secondary)}
@@ -0,0 +1 @@
1
+ .data-grid-rows-counter[data-v-06751538]{color:var(--text-secondary)}.text-strong[data-v-06751538]{color:var(--text-primary)}
@@ -0,0 +1 @@
1
+ .editable[data-v-31bfb722]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-31bfb722]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-31bfb722]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-31bfb722]{padding:0 var(--spacing-100);height:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius-md)}.caret-icon[data-v-31bfb722]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-31bfb722]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-31bfb722]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-31bfb722]{display:flex}
@@ -0,0 +1 @@
1
+ .empty-state[data-v-24001caa]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--common-white);padding:var(--spacing-300)}.title-wrapper[data-v-24001caa]{color:var(--text-primary);display:flex;place-items:center;flex-direction:column}.empty-variant-icon[data-v-24001caa]{width:112px;height:112px}.custom-empty-icon[data-v-24001caa]{color:var(--action-active)}.title[data-v-24001caa]{margin-top:var(--spacing-75);color:var(--text-primary)}.subtitle[data-v-24001caa]{color:var(--text-secondary);margin-top:var(--spacing-75)}.button[data-v-24001caa]{margin-top:var(--spacing-150)}
@@ -0,0 +1 @@
1
+ .field-label[data-v-5c2a70ad]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50)}.field-label--with-description[data-v-5c2a70ad]{margin-bottom:2px}.description[data-v-5c2a70ad]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-5c2a70ad]{color:var(--text-primary)}.field-label--disabled .label[data-v-5c2a70ad]{color:var(--text-disabled)}.mandatory[data-v-5c2a70ad]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-5c2a70ad]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-5c2a70ad]:hover{color:var(--action-active)}
@@ -0,0 +1 @@
1
+ .form-row[data-v-39f48410]{display:flex;height:auto;gap:1.5rem;align-items:baseline}.form-row .label-container[data-v-39f48410]{display:flex;align-items:center;min-height:1.75rem;height:100%;width:12.875rem;gap:.25rem;flex-shrink:0}.form-row .label-container .mandatory[data-v-39f48410]{color:var(--error-main);padding-top:.1875rem}.form-row .content[data-v-39f48410]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}
@@ -0,0 +1 @@
1
+ .inline-copy[data-v-2a9e8782]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-2a9e8782]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-2a9e8782]:hover{color:var(--action-primary)}
@@ -0,0 +1 @@
1
+ .radio-button[data-v-cb3a12c6]{display:flex;align-items:center}.radio-button--disabled[data-v-cb3a12c6],.radio-button--disabled .label[data-v-cb3a12c6]{cursor:default}.wrapper[data-v-cb3a12c6]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%;margin:0 var(--spacing-100) 0 0}.label[data-v-cb3a12c6]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-cb3a12c6]{color:var(--text-disabled)}input[data-v-cb3a12c6]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-cb3a12c6]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--default-main);box-shadow:var(--default-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-cb3a12c6]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-cb3a12c6]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--common-white),var(--common-white) 3px,transparent 28%);content:""}.circle--disabled[data-v-cb3a12c6]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-cb3a12c6]{background-color:var(--primary-light);box-shadow:var(--primary-main-50-p) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-cb3a12c6]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--primary-main-50-p),var(--primary-main-50-p) 3px,transparent 28%);content:""}.radio-button:hover .circle[data-v-cb3a12c6]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}
@@ -1,7 +1,7 @@
1
1
  import e from "./AppHeader.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa538d40"]]);
3
+ // import "../../AppHeader.vue_vue_type_style_index_0_scoped_95908b8d_lang.css"; //*');
4
+ const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-95908b8d"]]);
5
5
  export {
6
- s as default
6
+ t as default
7
7
  };
@@ -1,10 +1,10 @@
1
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; import { defineComponent as r, computed as d, openBlock as m, createElementBlock as c, normalizeClass as p, createElementVNode as a, createVNode as o, unref as t, mergeProps as f, withCtx as u, createTextVNode as y, toDisplayString as h } from "vue";
2
- import x from "../icon/v4/IconV4.vue.js";
3
- import v from "../typography/v4/Typography.vue.js";
4
- import I from "../inlineCopy/InlineCopy.vue.js";
5
- import { useTestIdAttrs as g } from "../../utils/testIds.js";
6
- import { AppHeaderTestIdModifiers as i } from "../../testids/index.js";
7
- const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-container" }, A = { class: "name-container" }, K = /* @__PURE__ */ r({
1
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_95908b8d_lang.css"; import { defineComponent as p, computed as o, openBlock as u, createElementBlock as f, normalizeClass as y, createElementVNode as n, createVNode as i, unref as e, mergeProps as h, withCtx as x, createTextVNode as I, toDisplayString as v } from "vue";
2
+ import z from "../icon/v4/IconV4.vue.js";
3
+ import g from "../typography/v4/Typography.vue.js";
4
+ import C from "../inlineCopy/InlineCopy.vue.js";
5
+ import { useTestIdAttrs as T } from "../../utils/testIds.js";
6
+ import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
7
+ const A = { class: "image-container" }, N = ["src", "alt"], S = { class: "icon-container" }, b = { class: "name-container" }, D = /* @__PURE__ */ p({
8
8
  __name: "AppHeader",
9
9
  props: {
10
10
  image: { default: "" },
@@ -14,49 +14,56 @@ const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-c
14
14
  testId: { default: "" },
15
15
  type: { default: "normal" }
16
16
  },
17
- setup(e) {
18
- const n = e, l = d(
19
- () => n.platform ? n.platform.toLowerCase() : ""
20
- ), s = g(n.testId, i);
21
- return (N, E) => (m(), c("div", {
22
- class: p(["app-header", `size-${e.type}`])
17
+ setup(t) {
18
+ const a = t, l = o(
19
+ () => a.platform ? a.platform.toLowerCase() : ""
20
+ ), r = o(
21
+ () => a.type === "normal" ? "24px" : "20px"
22
+ ), d = o(
23
+ () => a.type === "small" ? "18px" : null
24
+ ), m = o(
25
+ () => a.type === "normal" ? "h2" : "subtitle1"
26
+ ), c = T(a.testId, s);
27
+ return (E, V) => (u(), f("div", {
28
+ class: y(["app-header", `size-${t.type}`])
23
29
  }, [
24
- a("div", T, [
25
- a("img", {
26
- src: e.image,
27
- alt: e.name
28
- }, null, 8, z)
30
+ n("div", A, [
31
+ n("img", {
32
+ src: t.image,
33
+ alt: t.name
34
+ }, null, 8, N)
29
35
  ]),
30
- a("div", C, [
31
- o(t(x), {
36
+ n("div", S, [
37
+ i(e(z), {
32
38
  type: "branded",
33
- name: t(l),
34
- size: e.type === "normal" ? "24px" : "20px"
39
+ name: e(l),
40
+ size: e(r)
35
41
  }, null, 8, ["name", "size"])
36
42
  ]),
37
- a("div", A, [
38
- o(t(v), f({
39
- variant: e.type === "normal" ? "h2" : "button",
43
+ n("div", b, [
44
+ i(e(g), h({
45
+ variant: e(m),
40
46
  class: "title"
41
- }, t(s)[t(i).TITLE]), {
42
- default: u(() => [
43
- y(h(e.name), 1)
47
+ }, e(c)[e(s).TITLE]), {
48
+ default: x(() => [
49
+ I(v(t.name), 1)
44
50
  ]),
45
51
  _: 1
46
52
  }, 16, ["variant"]),
47
- a("div", null, [
48
- o(t(I), {
49
- text: e.appKey,
53
+ n("div", null, [
54
+ i(e(C), {
55
+ text: t.appKey,
50
56
  size: "medium",
51
57
  class: "inline-copy",
52
- "hide-text-value": e.type === "small",
53
- "test-id": e.testId
54
- }, null, 8, ["text", "hide-text-value", "test-id"])
58
+ "hide-text-value": t.type === "small",
59
+ "test-id": t.testId,
60
+ "icon-size": e(d)
61
+ }, null, 8, ["text", "hide-text-value", "test-id", "icon-size"])
55
62
  ])
56
63
  ])
57
64
  ], 2));
58
65
  }
59
66
  });
60
67
  export {
61
- K as default
68
+ D as default
62
69
  };
@@ -1,7 +1,7 @@
1
- import e from "./CheckboxV4.vue2.js";
2
- /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css"; //*');
4
- const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ee3e6d82"]]);
1
+ import o from "./CheckboxV4.vue2.js";
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d25514d1"]]);
5
5
  export {
6
6
  c as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as p, mergeProps as r, unref as e, createElementVNode as m, Fragment as x, createBlock as n, createCommentVNode as s, withCtx as V, renderSlot as F, createTextVNode as g, toDisplayString as A, pushScopeId as T, popScopeId as v } from "vue";
1
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as p, mergeProps as r, unref as e, createElementVNode as m, Fragment as x, createBlock as n, createCommentVNode as s, withCtx as V, renderSlot as F, createTextVNode as g, toDisplayString as A, pushScopeId as T, popScopeId as v } from "vue";
2
2
  import L from "../../typography/v4/Typography.vue.js";
3
3
  import N from "./icons/UncheckedState.vue.js";
4
4
  import P from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
9
9
  import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
10
10
  import { checkboxCommon as R } from "../common/Checkbox.common.js";
11
11
  import { useTestIdAttrs as U } from "../../../utils/testIds.js";
12
- const M = (t) => (T("data-v-ee3e6d82"), t = t(), v(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, de = /* @__PURE__ */ D({
12
+ const M = (t) => (T("data-v-d25514d1"), t = t(), v(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, de = /* @__PURE__ */ D({
13
13
  __name: "CheckboxV4",
14
14
  props: {
15
15
  isChecked: { type: Boolean },
@@ -5,27 +5,26 @@ const n = {}, r = {
5
5
  fill: "none",
6
6
  xmlns: "http://www.w3.org/2000/svg"
7
7
  }, s = /* @__PURE__ */ e("rect", {
8
- x: "0.5",
9
- y: "0.5",
10
- width: "15",
11
- height: "15",
12
- rx: "3.5",
13
- fill: "#EBEBEB"
8
+ width: "16",
9
+ height: "16",
10
+ rx: "4",
11
+ fill: "#F1F1F1"
14
12
  }, null, -1), i = /* @__PURE__ */ e("rect", {
15
13
  x: "0.5",
16
14
  y: "0.5",
17
15
  width: "15",
18
16
  height: "15",
19
17
  rx: "3.5",
20
- stroke: "#EBEBEB"
21
- }, null, -1), _ = [
18
+ stroke: "black",
19
+ "stroke-opacity": "0.05"
20
+ }, null, -1), l = [
22
21
  s,
23
22
  i
24
23
  ];
25
- function l(h, d) {
26
- return t(), o("svg", r, _);
24
+ function _(h, d) {
25
+ return t(), o("svg", r, l);
27
26
  }
28
- const B = /* @__PURE__ */ c(n, [["render", l]]);
27
+ const m = /* @__PURE__ */ c(n, [["render", _]]);
29
28
  export {
30
- B as default
29
+ m as default
31
30
  };
@@ -1,31 +1,32 @@
1
- import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
1
+ import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
2
  import c from "../../../../_virtual/_plugin-vue_export-helper.js";
3
- const n = {}, r = {
3
+ const r = {}, n = {
4
4
  viewBox: "0 0 16 16",
5
5
  fill: "none",
6
6
  xmlns: "http://www.w3.org/2000/svg"
7
- }, s = /* @__PURE__ */ e("rect", {
7
+ }, l = /* @__PURE__ */ t("rect", {
8
8
  x: "0.5",
9
9
  y: "0.5",
10
10
  width: "15",
11
11
  height: "15",
12
12
  rx: "3.5",
13
- fill: "#EBEBEB"
14
- }, null, -1), _ = /* @__PURE__ */ e("rect", {
13
+ fill: "black",
14
+ "fill-opacity": "0.05"
15
+ }, null, -1), s = /* @__PURE__ */ t("rect", {
15
16
  x: "0.5",
16
17
  y: "0.5",
17
18
  width: "15",
18
19
  height: "15",
19
20
  rx: "3.5",
20
- stroke: "#BBBBBB"
21
+ stroke: "currentColor"
21
22
  }, null, -1), i = [
22
- s,
23
- _
23
+ l,
24
+ s
24
25
  ];
25
- function l(h, B) {
26
- return t(), o("svg", r, i);
26
+ function _(h, d) {
27
+ return e(), o("svg", n, i);
27
28
  }
28
- const x = /* @__PURE__ */ c(n, [["render", l]]);
29
+ const x = /* @__PURE__ */ c(r, [["render", _]]);
29
30
  export {
30
31
  x as default
31
32
  };