@ironsource/shared-ui 2.2.0-test.1 → 2.2.0-test.3

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 (40) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css +1 -0
  2. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css +1 -0
  3. package/AppHeader.vue_vue_type_style_index_0_scoped_4c813f30_lang.css +1 -0
  4. package/ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css +1 -0
  5. package/CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css +1 -0
  6. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css +1 -0
  7. package/SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css +1 -0
  8. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
  9. package/components/alert/Alert.vue.d.ts +5 -0
  10. package/components/alert/Alert.vue.js +5 -5
  11. package/components/alert/Alert.vue2.js +14 -13
  12. package/components/alert/index.d.ts +20 -1
  13. package/components/appHeader/AppHeader.vue.js +2 -2
  14. package/components/appHeader/AppHeader.vue2.js +1 -1
  15. package/components/button/v4/ButtonV4.vue.js +4 -4
  16. package/components/button/v4/ButtonV4.vue2.js +1 -1
  17. package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
  18. package/components/checkbox/v4/CheckboxV4.vue2.js +14 -13
  19. package/components/checkbox/v4/icons/UncheckedState.vue.d.ts +28 -1
  20. package/components/checkbox/v4/icons/UncheckedState.vue.js +23 -20
  21. package/components/checkbox/v4/icons/UncheckedState.vue2.js +4 -0
  22. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  23. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
  24. package/components/radioButton/v4/RadioButtonV4.vue.js +2 -2
  25. package/components/radioButton/v4/RadioButtonV4.vue2.js +1 -1
  26. package/components/switch/v4/SwitchV4.vue.js +2 -2
  27. package/components/switch/v4/SwitchV4.vue2.js +1 -1
  28. package/design-foundation.stories/colors/ColorsData.d.ts +1 -0
  29. package/index.js +1 -1
  30. package/package.json +1 -1
  31. package/style/v4/colors.scss +1 -1
  32. package/style/v4/grid.css +1 -1
  33. package/style/v4/grid.css.map +1 -1
  34. package/Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css +0 -1
  35. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css +0 -1
  36. package/AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css +0 -1
  37. package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css +0 -1
  38. package/CheckboxV4.vue_vue_type_style_index_0_scoped_bbfd249c_lang.css +0 -1
  39. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css +0 -1
  40. package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css +0 -1
package/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css ADDED
@@ -0,0 +1 @@
1
+ .alert[data-v-5e66710b]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-5e66710b]{border-radius:var(--border-radius-lg)}.alert--default[data-v-5e66710b]{outline-color:var(--default-main);background-color:var(--default-main)}.alert--default .alert-icon[data-v-5e66710b]{color:var(--text-secondary)}.alert--default.alert--outlined[data-v-5e66710b]{outline-color:var(--default-outlined-border)}.alert--default.alert--outlined .alert-icon[data-v-5e66710b]{color:var(--default-button-contrast-text)}.alert--success[data-v-5e66710b]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-5e66710b]{color:var(--success-main)}.alert--warning[data-v-5e66710b]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-5e66710b]{color:var(--warning-main)}.alert--danger[data-v-5e66710b]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-5e66710b]{color:var(--error-main)}.alert--info[data-v-5e66710b]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-5e66710b]{color:var(--info-main)}.alert--standard[data-v-5e66710b]{outline:none}.alert--outlined[data-v-5e66710b]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-5e66710b]{align-self:flex-start}.alert-content[data-v-5e66710b]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-5e66710b]{margin-left:var(--spacing-100)}.title-container[data-v-5e66710b]{display:flex;align-items:center}.alert-title[data-v-5e66710b]{color:var(--text-primary);line-height:20px}.alert-description[data-v-5e66710b]{color:var(--text-secondary)}.close-button[data-v-5e66710b]{margin-left:var(--spacing-100)}
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-f86477a9]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-f86477a9]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-f86477a9]{flex:none}.app-trigger-key--content[data-v-f86477a9]{padding:10px;background:var(--background-inset);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-f86477a9]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-f86477a9]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--background-inset);height:40px;align-items:center}.app-trigger[data-v-f86477a9]:hover,.app-trigger.active[data-v-f86477a9]{background:var(--action-selected)}.app-trigger.disabled[data-v-f86477a9]{cursor:auto}.app-trigger--content[data-v-f86477a9]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-f86477a9]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-f86477a9]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-f86477a9]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-f86477a9]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-f86477a9]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-f86477a9]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-f86477a9],.app-trigger .end-icon[data-v-f86477a9]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-f86477a9]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-f86477a9]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-f86477a9]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-f86477a9]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-f86477a9]{padding-top:5px;color:var(--error-main)}.value-tooltip[data-v-f86477a9]{display:block}.value-tooltip[data-v-f86477a9] .container{width:100%}
package/AppHeader.vue_vue_type_style_index_0_scoped_4c813f30_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-header[data-v-4c813f30]{display:flex}.app-header .image-container[data-v-4c813f30]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-4c813f30]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-4c813f30]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .icon-container--small[data-v-4c813f30]{background:var(--default-main);width:1.5rem;height:1.5rem;border-radius:50%;margin:0 .375rem;color:var(--text-secondary)}.app-header .name-container .title[data-v-4c813f30]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-4c813f30]{color:var(--text-secondary)}.app-header.size-small[data-v-4c813f30]{align-items:center}.app-header.size-small .image-container[data-v-4c813f30]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-4c813f30]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-4c813f30]{padding:0 .25rem}.app-header.size-small .name-container[data-v-4c813f30]{display:flex;align-items:center}.ab-icon-wrapper[data-v-4c813f30]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-4c813f30]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}
package/ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-a59af1ad]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-a59af1ad]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-a59af1ad]:hover{background:var(--primary-dark)}.contained.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.default[data-v-a59af1ad]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-a59af1ad]:hover{background:var(--default-dark)}.contained.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-a59af1ad]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-a59af1ad]:hover{background:var(--error-dark)}.contained.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.info[data-v-a59af1ad]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-a59af1ad]:hover{background:var(--info-dark)}.contained.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.success[data-v-a59af1ad]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-a59af1ad]:hover{background:var(--success-dark)}.contained.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-a59af1ad]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-a59af1ad]:hover{background:var(--warning-dark)}.contained.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-a59af1ad],.contained.loading[data-v-a59af1ad]:hover{background:var(--action-disabled-background)}.outlined[data-v-a59af1ad]{background:transparent}.outlined.primary[data-v-a59af1ad]{color:var(--primary-darker);border:1px solid var(--primary-main-50-p)}.outlined.primary[data-v-a59af1ad]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-a59af1ad]{color:var(--default-contrast-text);border:1px solid var(--default-main-50-p)}.outlined.default[data-v-a59af1ad]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-a59af1ad]{color:var(--error-darker);border:1px solid var(--error-main-50-p)}.outlined.danger[data-v-a59af1ad]:hover{background:var(--error-lighter)}.outlined.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-a59af1ad]{color:var(--info-darker);border:1px solid var(--info-main-50-p)}.outlined.info[data-v-a59af1ad]:hover{background:var(--info-lighter)}.outlined.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-a59af1ad]{color:var(--success-darker);border:1px solid var(--success-main-50-p)}.outlined.success[data-v-a59af1ad]:hover{background:var(--success-lighter)}.outlined.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-a59af1ad]{color:var(--warning-darker);border:1px solid var(--warning-main)}.outlined.warning[data-v-a59af1ad]:hover{border:1px solid var(--warning-darker);background:var(--warning-main-8-p)}.outlined.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-a59af1ad],.outlined.loading[data-v-a59af1ad]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-a59af1ad]{background:transparent}.text.primary[data-v-a59af1ad]{color:var(--primary-darker)}.text.primary[data-v-a59af1ad]:hover{background:var(--primary-lighter)}.text.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.default[data-v-a59af1ad]{color:var(--default-contrast-text)}.text.default[data-v-a59af1ad]:hover{background:var(--action-hover)}.text.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.danger[data-v-a59af1ad]{color:var(--error-darker)}.text.danger[data-v-a59af1ad]:hover{background:var(--error-lighter)}.text.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.info[data-v-a59af1ad]{color:var(--info-darker)}.text.info[data-v-a59af1ad]:hover{background:var(--info-lighter)}.text.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.success[data-v-a59af1ad]{color:var(--success-darker)}.text.success[data-v-a59af1ad]:hover{background:var(--success-lighter)}.text.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.warning[data-v-a59af1ad]{color:var(--warning-darker)}.text.warning[data-v-a59af1ad]:hover{background:var(--warning-main-8-p)}.text.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.loading[data-v-a59af1ad],.text.loading[data-v-a59af1ad]:hover{border:0;background:transparent}.small[data-v-a59af1ad]{padding:2px 6px}.small.outlined[data-v-a59af1ad]{padding:1px 5px}.medium[data-v-a59af1ad]{padding:4px 8px}.medium.outlined[data-v-a59af1ad]{padding:3px 7px}.large[data-v-a59af1ad]{padding:6px 8px}.large.outlined[data-v-a59af1ad]{padding:5px 7px}.extraLarge[data-v-a59af1ad]{padding:10px 12px}.extraLarge.outlined[data-v-a59af1ad]{padding:9px 11px}.small[data-v-a59af1ad],.medium[data-v-a59af1ad],.large[data-v-a59af1ad],.extraLarge[data-v-a59af1ad]{height:auto}.flex[data-v-a59af1ad]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-a59af1ad]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-a59af1ad]{padding-right:22px}
package/CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css ADDED
@@ -0,0 +1 @@
1
+ .checkbox[data-v-88525d86]{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-88525d86]{outline:solid;border-radius:4px}.icon.disabled[data-v-88525d86]{opacity:.38}.icon.unchecked[data-v-88525d86]{color:var(--action-outlined-border)}.checkbox:hover:not(.disabled) .icon.unchecked[data-v-88525d86]{color:var(--action-active)}.icon.unchecked.disabled[data-v-88525d86]{opacity:1;color:var(--action-hover)}.checkboxes[data-v-88525d86]{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-88525d86]{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-88525d86]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-88525d86]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-88525d86]{cursor:not-allowed}.disabled .checkbox-label[data-v-88525d86]{color:var(--text-disabled)}.checkbox-label[data-v-88525d86]{margin-left:var(--spacing-100);color:var(--text-primary)}
package/RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css ADDED
@@ -0,0 +1 @@
1
+ .radio-button[data-v-4f3c7037]{display:flex;flex-direction:column}.radio-button--disabled[data-v-4f3c7037],.radio-button--disabled .label[data-v-4f3c7037]{cursor:default}.wrapper-with-description[data-v-4f3c7037]{display:flex}.wrapper[data-v-4f3c7037]{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-4f3c7037]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-4f3c7037]{color:var(--text-disabled)}input[data-v-4f3c7037]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-4f3c7037]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--background-inset);box-shadow:var(--action-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-4f3c7037]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-4f3c7037]: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-4f3c7037]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-4f3c7037]{opacity:.38;background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.radio-button:hover .circle[data-v-4f3c7037]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}.label-description[data-v-4f3c7037]{color:var(--text-secondary)}
package/SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css ADDED
@@ -0,0 +1 @@
1
+ .switch[data-v-0a80c49f]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch[data-v-0a80c49f] .icon{color:var(--text-secondary)}.switch--variant-primary .option--selected[data-v-0a80c49f]{background:var(--primary-light)}.switch--variant-primary .option--selected[data-v-0a80c49f] .icon{color:var(--primary-contrast-text)}.switch--variant-primary .option[data-v-0a80c49f]:hover{background:var(--primary-lighter)}.switch--variant-primary .option[data-v-0a80c49f]:hover .icon{color:var(--primary-contrast-text)}.switch--variant-default .option--selected[data-v-0a80c49f]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-0a80c49f] .icon{color:var(--text-primary)}.switch--variant-default .option[data-v-0a80c49f]:hover{background:var(--default-light)}.switch--variant-default .option[data-v-0a80c49f]:hover .icon{color:var(--text-primary)}.option[data-v-0a80c49f]{border-radius:0;padding:3px}.option-wrapper[data-v-0a80c49f]:not(:last-child){border-right:1px solid var(--default-outlined-border)}
package/ThemeWrapper.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: hsla(0, 0%, 73%, 1);--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
package/components/alert/Alert.vue.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
5
5
  variant?: "outlined" | "standard";
6
6
  dismissible?: boolean;
7
7
  actionText?: string;
8
+ actionVariant?: "contained" | "outlined";
8
9
  actionIconName?: string;
9
10
  actionLoading?: boolean;
10
11
  rounded?: boolean;
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
18
19
  dismissible: boolean;
19
20
  actionText: string;
20
21
  actionIconName: any;
22
+ actionVariant: string;
21
23
  actionLoading: boolean;
22
24
  rounded: boolean;
23
25
  hideIcon: boolean;
@@ -32,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
32
34
  variant?: "outlined" | "standard";
33
35
  dismissible?: boolean;
34
36
  actionText?: string;
37
+ actionVariant?: "contained" | "outlined";
35
38
  actionIconName?: string;
36
39
  actionLoading?: boolean;
37
40
  rounded?: boolean;
@@ -45,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
45
48
  dismissible: boolean;
46
49
  actionText: string;
47
50
  actionIconName: any;
51
+ actionVariant: string;
48
52
  actionLoading: boolean;
49
53
  rounded: boolean;
50
54
  hideIcon: boolean;
@@ -60,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
64
  description: string;
61
65
  dismissible: boolean;
62
66
  actionText: string;
67
+ actionVariant: "contained" | "outlined";
63
68
  actionIconName: string;
64
69
  actionLoading: boolean;
65
70
  rounded: boolean;
package/components/alert/Alert.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import o from "./Alert.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f18c2785"]]);
1
+ import e from "./Alert.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5e66710b"]]);
5
5
  export {
6
- c as default
6
+ p as default
7
7
  };
package/components/alert/Alert.vue2.js CHANGED
@@ -1,14 +1,14 @@
1
- import "../../Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css"; import { defineComponent as A, computed as y, openBlock as o, createElementBlock as I, mergeProps as l, unref as e, createBlock as d, normalizeClass as T, createCommentVNode as r, createElementVNode as g, withCtx as u, createTextVNode as k, toDisplayString as m, renderSlot as B, createVNode as E } from "vue";
1
+ import "../../Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css"; import { defineComponent as A, computed as y, openBlock as o, createElementBlock as I, mergeProps as l, unref as e, createBlock as s, normalizeClass as T, createCommentVNode as r, createElementVNode as g, withCtx as u, createTextVNode as k, toDisplayString as m, renderSlot as B, createVNode as E } from "vue";
2
2
  import v from "../typography/v4/Typography.vue.js";
3
3
  import h from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
- import p from "../button/v4/ButtonV4.vue.js";
5
+ import V from "../button/v4/ButtonV4.vue.js";
6
6
  import $ from "../button/v4/IconButtonV4.vue.js";
7
7
  import "../button/v4/ButtonGroup.vue.js";
8
8
  import "../button/v4/ToggleButtonGroupAB.vue.js";
9
9
  import { useTestIdAttrs as S } from "../../utils/testIds.js";
10
10
  import { AlertTestIdModifiers as n } from "../../testids/index.js";
11
- const b = { class: "title-container" }, w = { key: 0 }, W = /* @__PURE__ */ A({
11
+ const b = { class: "title-container" }, p = { key: 0 }, W = /* @__PURE__ */ A({
12
12
  __name: "Alert",
13
13
  props: {
14
14
  title: { default: "" },
@@ -17,6 +17,7 @@ const b = { class: "title-container" }, w = { key: 0 }, W = /* @__PURE__ */ A({
17
17
  variant: { default: "standard" },
18
18
  dismissible: { type: Boolean, default: !1 },
19
19
  actionText: { default: "" },
20
+ actionVariant: { default: "contained" },
20
21
  actionIconName: { default: null },
21
22
  actionLoading: { type: Boolean, default: !1 },
22
23
  rounded: { type: Boolean, default: !0 },
@@ -37,14 +38,14 @@ const b = { class: "title-container" }, w = { key: 0 }, W = /* @__PURE__ */ A({
37
38
  }), N = y(
38
39
  () => c.color === "default" ? "primary" : c.color
39
40
  ), a = S(c.testId, n);
40
- return (i, s) => (o(), I("div", l({
41
+ return (i, d) => (o(), I("div", l({
41
42
  class: ["alert", {
42
43
  [`alert--${t.color}`]: !0,
43
44
  [`alert--${t.variant}`]: !0,
44
45
  "alert--rounded": t.rounded
45
46
  }]
46
47
  }, e(a)[e(n).WRAPPER]), [
47
- t.hideIcon ? r("", !0) : (o(), d(e(h), {
48
+ t.hideIcon ? r("", !0) : (o(), s(e(h), {
48
49
  key: 0,
49
50
  name: e(C),
50
51
  class: T(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
@@ -57,7 +58,7 @@ const b = { class: "title-container" }, w = { key: 0 }, W = /* @__PURE__ */ A({
57
58
  }])
58
59
  }, [
59
60
  g("div", b, [
60
- t.title ? (o(), d(e(v), l({
61
+ t.title ? (o(), s(e(v), l({
61
62
  key: 0,
62
63
  class: "alert-title",
63
64
  variant: "h4"
@@ -75,34 +76,34 @@ const b = { class: "title-container" }, w = { key: 0 }, W = /* @__PURE__ */ A({
75
76
  }, e(a)[e(n).MESSAGE]), {
76
77
  default: u(() => [
77
78
  B(i.$slots, "default", {}, () => [
78
- t.description ? (o(), I("span", w, m(t.description), 1)) : r("", !0)
79
+ t.description ? (o(), I("span", p, m(t.description), 1)) : r("", !0)
79
80
  ], !0)
80
81
  ]),
81
82
  _: 3
82
83
  }, 16)
83
84
  ], 2),
84
- t.actionText ? (o(), d(e(p), l({
85
+ t.actionText ? (o(), s(e(V), l({
85
86
  key: 1,
86
- variant: "contained",
87
+ variant: t.actionVariant,
87
88
  "end-icon-name": t.actionIconName,
88
89
  color: e(N),
89
90
  size: "medium",
90
91
  loading: t.actionLoading
91
92
  }, e(a)[e(n).ACTION_BUTTON], {
92
- onClick: s[0] || (s[0] = (x) => f("actionButtonClick"))
93
+ onClick: d[0] || (d[0] = (x) => f("actionButtonClick"))
93
94
  }), {
94
95
  default: u(() => [
95
96
  k(m(t.actionText), 1)
96
97
  ]),
97
98
  _: 1
98
- }, 16, ["end-icon-name", "color", "loading"])) : r("", !0),
99
- t.dismissible ? (o(), d(e($), l({
99
+ }, 16, ["variant", "end-icon-name", "color", "loading"])) : r("", !0),
100
+ t.dismissible ? (o(), s(e($), l({
100
101
  key: 2,
101
102
  class: "close-button",
102
103
  "icon-name": "x",
103
104
  size: "small"
104
105
  }, e(a)[e(n).CLOSE_BUTTON], {
105
- onClick: s[1] || (s[1] = (x) => f("close"))
106
+ onClick: d[1] || (d[1] = (x) => f("close"))
106
107
  }), null, 16)) : r("", !0)
107
108
  ], 16));
108
109
  }
package/components/alert/index.d.ts CHANGED
@@ -11,6 +11,7 @@ declare const AlertTypes: () => ({
11
11
  description: string;
12
12
  dismissible: boolean;
13
13
  actionText: string;
14
+ actionVariant: "contained" | "outlined";
14
15
  actionIconName: string;
15
16
  actionLoading: boolean;
16
17
  rounded: boolean;
@@ -44,6 +45,10 @@ declare const AlertTypes: () => ({
44
45
  type: import("vue").PropType<string>;
45
46
  default: string;
46
47
  };
48
+ actionVariant: {
49
+ type: import("vue").PropType<"contained" | "outlined">;
50
+ default: string;
51
+ };
47
52
  actionIconName: {
48
53
  type: import("vue").PropType<string>;
49
54
  default: any;
@@ -63,7 +68,7 @@ declare const AlertTypes: () => ({
63
68
  }>> & {
64
69
  onClose?: () => any;
65
70
  onActionButtonClick?: () => any;
66
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
71
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
67
72
  $attrs: {
68
73
  [x: string]: unknown;
69
74
  };
@@ -106,6 +111,10 @@ declare const AlertTypes: () => ({
106
111
  type: import("vue").PropType<string>;
107
112
  default: string;
108
113
  };
114
+ actionVariant: {
115
+ type: import("vue").PropType<"contained" | "outlined">;
116
+ default: string;
117
+ };
109
118
  actionIconName: {
110
119
  type: import("vue").PropType<string>;
111
120
  default: any;
@@ -136,6 +145,7 @@ declare const AlertTypes: () => ({
136
145
  description: string;
137
146
  dismissible: boolean;
138
147
  actionText: string;
148
+ actionVariant: "contained" | "outlined";
139
149
  actionIconName: string;
140
150
  actionLoading: boolean;
141
151
  rounded: boolean;
@@ -189,6 +199,10 @@ declare const AlertTypes: () => ({
189
199
  type: import("vue").PropType<string>;
190
200
  default: string;
191
201
  };
202
+ actionVariant: {
203
+ type: import("vue").PropType<"contained" | "outlined">;
204
+ default: string;
205
+ };
192
206
  actionIconName: {
193
207
  type: import("vue").PropType<string>;
194
208
  default: any;
@@ -241,6 +255,10 @@ declare const AlertTypes: () => ({
241
255
  type: import("vue").PropType<string>;
242
256
  default: string;
243
257
  };
258
+ actionVariant: {
259
+ type: import("vue").PropType<"contained" | "outlined">;
260
+ default: string;
261
+ };
244
262
  actionIconName: {
245
263
  type: import("vue").PropType<string>;
246
264
  default: any;
@@ -271,6 +289,7 @@ declare const AlertTypes: () => ({
271
289
  description: string;
272
290
  dismissible: boolean;
273
291
  actionText: string;
292
+ actionVariant: "contained" | "outlined";
274
293
  actionIconName: string;
275
294
  actionLoading: boolean;
276
295
  rounded: boolean;
package/components/appHeader/AppHeader.vue.js CHANGED
@@ -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_9202b5db_lang.css"; //*');
4
- const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9202b5db"]]);
3
+ // import "../../AppHeader.vue_vue_type_style_index_0_scoped_4c813f30_lang.css"; //*');
4
+ const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4c813f30"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/appHeader/AppHeader.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
1
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_4c813f30_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
2
2
  import c from "../icon/v4/IconV4.vue.js";
3
3
  import "../icon/v4/IconFlag.vue.js";
4
4
  import T from "../typography/v4/Typography.vue.js";
package/components/button/v4/ButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
2
+ /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a59af1ad"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };
package/components/button/v4/ButtonV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import y from "../../icon/v4/IconV4.vue.js";
4
4
  import "../../icon/v4/IconFlag.vue.js";
package/components/checkbox/v4/CheckboxV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./CheckboxV4.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_bbfd249c_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bbfd249c"]]);
3
+ // import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-88525d86"]]);
5
5
  export {
6
- t as default
6
+ c as default
7
7
  };
package/components/checkbox/v4/CheckboxV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_bbfd249c_lang.css"; import { defineComponent as S, openBlock as l, createElementBlock as V, mergeProps as a, unref as e, createElementVNode as r, createBlock as i, createCommentVNode as n, normalizeClass as I, withCtx as $, renderSlot as A, createTextVNode as F, toDisplayString as T, pushScopeId as g, popScopeId as v } from "vue";
1
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css"; import { defineComponent as V, openBlock as l, createElementBlock as $, mergeProps as i, unref as e, createElementVNode as r, createBlock as a, createCommentVNode as n, normalizeClass as I, withCtx as S, renderSlot as A, createTextVNode as F, toDisplayString as T, pushScopeId as g, popScopeId as v } from "vue";
2
2
  import D from "../../typography/v4/Typography.vue.js";
3
3
  import L from "./icons/UncheckedState.vue.js";
4
4
  import N from "./icons/CheckedState.vue.js";
@@ -6,7 +6,7 @@ import P from "./icons/IndeterminateState.vue.js";
6
6
  import { CheckboxTestIdModifiers as d } from "../../../testids/index.js";
7
7
  import { checkboxCommon as w } from "../common/Checkbox.common.js";
8
8
  import { useTestIdAttrs as R } from "../../../utils/testIds.js";
9
- const z = (t) => (g("data-v-bbfd249c"), t = t(), v(), t), H = ["for"], K = { class: "checkboxes" }, M = ["id", "disabled", "checked", ".indeterminate"], U = /* @__PURE__ */ z(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), W = { class: "states" }, Z = /* @__PURE__ */ S({
9
+ const z = (t) => (g("data-v-88525d86"), t = t(), v(), t), H = ["for"], K = { class: "checkboxes" }, M = ["id", "disabled", "checked", ".indeterminate"], W = /* @__PURE__ */ z(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), j = { class: "states" }, Z = /* @__PURE__ */ V({
10
10
  __name: "CheckboxV4",
11
11
  props: {
12
12
  isChecked: { type: Boolean },
@@ -29,7 +29,7 @@ const z = (t) => (g("data-v-bbfd249c"), t = t(), v(), t), H = ["for"], K = { cla
29
29
  unchecked: E,
30
30
  updateValue: C
31
31
  } = w(k, b), c = R(k.testId, d);
32
- return (m, o) => (l(), V("label", a({
32
+ return (m, o) => (l(), $("label", i({
33
33
  for: e(f),
34
34
  class: [{
35
35
  "focus-visible": e(B),
@@ -37,7 +37,7 @@ const z = (t) => (g("data-v-bbfd249c"), t = t(), v(), t), H = ["for"], K = { cla
37
37
  }, "checkbox"]
38
38
  }, e(c)[e(d).WRAPPER]), [
39
39
  r("span", K, [
40
- r("input", a({ ...m.$attrs, ...e(c)[e(d).FIELD] }, {
40
+ r("input", i({ ...m.$attrs, ...e(c)[e(d).FIELD] }, {
41
41
  id: e(f),
42
42
  ref: e(x),
43
43
  disabled: t.disabled,
@@ -53,30 +53,31 @@ const z = (t) => (g("data-v-bbfd249c"), t = t(), v(), t), H = ["for"], K = { cla
53
53
  onInput: o[3] || (o[3] = //@ts-ignore
54
54
  (...s) => e(C) && e(C)(...s))
55
55
  }), null, 16, M),
56
- U,
57
- r("span", W, [
58
- e(y) ? (l(), i(N, a({
56
+ W,
57
+ r("span", j, [
58
+ e(y) ? (l(), a(N, i({
59
59
  key: 0,
60
60
  class: ["icon checked", { disabled: t.disabled }],
61
61
  color: t.color
62
62
  }, e(c)[e(d).CHECKED]), null, 16, ["class", "color"])) : n("", !0),
63
- e(u) ? (l(), i(P, {
63
+ e(u) ? (l(), a(P, {
64
64
  key: 1,
65
65
  color: t.color,
66
66
  class: I(["icon indeterminate", { disabled: t.disabled }])
67
67
  }, null, 8, ["color", "class"])) : n("", !0),
68
- e(E) && !e(u) ? (l(), i(L, {
68
+ e(E) && !e(u) ? (l(), a(L, {
69
69
  key: 2,
70
- class: I(["icon unchecked", { disabled: t.disabled }])
71
- }, null, 8, ["class"])) : n("", !0)
70
+ class: I(["icon unchecked", { disabled: t.disabled }]),
71
+ disabled: t.disabled
72
+ }, null, 8, ["class", "disabled"])) : n("", !0)
72
73
  ])
73
74
  ]),
74
- t.label || m.$slots.default ? (l(), i(e(D), a({
75
+ t.label || m.$slots.default ? (l(), a(e(D), i({
75
76
  key: 0,
76
77
  variant: "body2",
77
78
  class: "checkbox-label"
78
79
  }, e(c)[e(d).LABEL]), {
79
- default: $(() => [
80
+ default: S(() => [
80
81
  A(m.$slots, "default", {}, () => [
81
82
  F(T(t.label), 1)
82
83
  ], !0)
package/components/checkbox/v4/icons/UncheckedState.vue.d.ts CHANGED
@@ -1,2 +1,29 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ disabled?: boolean;
3
+ }>, {
4
+ disabled: boolean;
5
+ }>, {}, 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<{
6
+ disabled?: boolean;
7
+ }>, {
8
+ disabled: boolean;
9
+ }>>>, {
10
+ disabled: boolean;
11
+ }>;
2
12
  export default _default;
13
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
+ type __VLS_TypePropsToRuntimeProps<T> = {
15
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
16
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
+ } : {
18
+ type: import('vue').PropType<T[K]>;
19
+ required: true;
20
+ };
21
+ };
22
+ type __VLS_WithDefaults<P, D> = {
23
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
24
+ default: D[K];
25
+ }> : P[K];
26
+ };
27
+ type __VLS_Prettify<T> = {
28
+ [K in keyof T]: T[K];
29
+ } & {};
package/components/checkbox/v4/icons/UncheckedState.vue.js CHANGED
@@ -1,31 +1,34 @@
1
- import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
2
- import r from "../../../../_virtual/_plugin-vue_export-helper.js";
3
- const n = {}, c = {
1
+ import { defineComponent as o, openBlock as n, createElementBlock as l, createElementVNode as e } from "vue";
2
+ const r = {
4
3
  viewBox: "0 0 16 16",
5
4
  fill: "none",
6
5
  xmlns: "http://www.w3.org/2000/svg"
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: "var(--background-inset)"
14
- }, null, -1), i = /* @__PURE__ */ e("rect", {
6
+ }, c = ["fill"], s = /* @__PURE__ */ e("rect", {
15
7
  x: "0.5",
16
8
  y: "0.5",
17
9
  width: "15",
18
10
  height: "15",
19
11
  rx: "3.5",
20
12
  stroke: "currentColor"
21
- }, null, -1), _ = [
22
- s,
23
- i
24
- ];
25
- function l(h, d) {
26
- return t(), o("svg", c, _);
27
- }
28
- const x = /* @__PURE__ */ r(n, [["render", l]]);
13
+ }, null, -1), h = /* @__PURE__ */ o({
14
+ __name: "UncheckedState",
15
+ props: {
16
+ disabled: { type: Boolean, default: !1 }
17
+ },
18
+ setup(t) {
19
+ return (a, i) => (n(), l("svg", r, [
20
+ e("rect", {
21
+ x: "0.5",
22
+ y: "0.5",
23
+ width: "15",
24
+ height: "15",
25
+ rx: "3.5",
26
+ fill: t.disabled ? "var(--action-disabled-background)" : "var(--background-inset)"
27
+ }, null, 8, c),
28
+ s
29
+ ]));
30
+ }
31
+ });
29
32
  export {
30
- x as default
33
+ h as default
31
34
  };
package/components/checkbox/v4/icons/UncheckedState.vue2.js ADDED
@@ -0,0 +1,4 @@
1
+ import f from "./UncheckedState.vue.js";
2
+ export {
3
+ f as default
4
+ };
package/components/dropdown/v4/AppDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3062e84"]]);
2
+ /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-f86477a9"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
2
2
  import r from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
4
  import D from "../../typography/v4/Typography.vue.js";
package/components/radioButton/v4/RadioButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./RadioButtonV4.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css"; //*');
4
- const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3d96cf5"]]);
3
+ // import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; //*');
4
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f3c7037"]]);
5
5
  export {
6
6
  c as default
7
7
  };
package/components/radioButton/v4/RadioButtonV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
1
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import { radioGroupKey as G } from "../common/useRadio.js";
4
4
  import { RadioTestIdModifiers as r } from "../../../testids/index.js";
package/components/switch/v4/SwitchV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./SwitchV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
3
+ // import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0a80c49f"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/switch/v4/SwitchV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
1
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
2
2
  import { useVModel as I } from "@vueuse/core";
3
3
  import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
4
4
  import "../../button/v4/ButtonV4.vue.js";
package/design-foundation.stories/colors/ColorsData.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare const colorPaletteLight: {
24
24
  disabled: string;
25
25
  'disabled-background': string;
26
26
  focus: string;
27
+ 'outlined-border': string;
27
28
  };
28
29
  default: {
29
30
  main: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
1
+ import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.2.0-test.1",
3
+ "version": "2.2.0-test.3",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/style/v4/colors.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  --action-disabled: #E0E0E0;
23
23
  --action-disabled-background: #F0F0F0;
24
24
  --action-focus: #E8E8E8;
25
- --action-outlined-border : hsla(0, 0%, 73%, 1);
25
+ --action-outlined-border: #BBBBBB;
26
26
 
27
27
  --default-main: #E8E8E8;
28
28
  --default-lighter: #F9F9F9;
package/style/v4/grid.css CHANGED
@@ -1 +1 @@
1
- .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: hsla(0, 0%, 73%, 1);--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
package/style/v4/grid.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,8CAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
1
+ {"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,kCAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
package/Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css DELETED
@@ -1 +0,0 @@
1
- .alert[data-v-f18c2785]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-f18c2785]{border-radius:var(--border-radius-lg)}.alert--default[data-v-f18c2785]{outline-color:var(--default-main);background-color:var(--default-main)}.alert--default .alert-icon[data-v-f18c2785]{color:var(--text-secondary)}.alert--default.alert--outlined[data-v-f18c2785]{outline-color:var(--default-outlined-border)}.alert--default.alert--outlined .alert-icon[data-v-f18c2785]{color:var(--default-button-contrast-text)}.alert--success[data-v-f18c2785]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-f18c2785]{color:var(--success-main)}.alert--warning[data-v-f18c2785]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-f18c2785]{color:var(--warning-main)}.alert--danger[data-v-f18c2785]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-f18c2785]{color:var(--error-main)}.alert--info[data-v-f18c2785]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-f18c2785]{color:var(--info-main)}.alert--standard[data-v-f18c2785]{outline:none}.alert--outlined[data-v-f18c2785]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-f18c2785]{align-self:flex-start}.alert-content[data-v-f18c2785]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-f18c2785]{margin-left:var(--spacing-100)}.title-container[data-v-f18c2785]{display:flex;align-items:center}.alert-title[data-v-f18c2785]{color:var(--text-primary);line-height:20px}.alert-description[data-v-f18c2785]{color:var(--text-secondary)}.close-button[data-v-f18c2785]{margin-left:var(--spacing-100)}
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-c3062e84]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-c3062e84]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-c3062e84]{flex:none}.app-trigger-key--content[data-v-c3062e84]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-c3062e84]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-c3062e84]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--background-inset);height:40px;align-items:center}.app-trigger[data-v-c3062e84]:hover,.app-trigger.active[data-v-c3062e84]{background:var(--action-selected)}.app-trigger.disabled[data-v-c3062e84]{cursor:auto}.app-trigger--content[data-v-c3062e84]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-c3062e84]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-c3062e84]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-c3062e84]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-c3062e84]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-c3062e84]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-c3062e84]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-c3062e84],.app-trigger .end-icon[data-v-c3062e84]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-c3062e84]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-c3062e84]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-c3062e84]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-c3062e84]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-c3062e84]{padding-top:5px;color:var(--error-main)}.value-tooltip[data-v-c3062e84]{display:block}.value-tooltip[data-v-c3062e84] .container{width:100%}
package/AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-header[data-v-9202b5db]{display:flex}.app-header .image-container[data-v-9202b5db]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-9202b5db]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-9202b5db]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .icon-container--small[data-v-9202b5db]{background:var(--default-main);width:1.5rem;height:1.5rem;border-radius:50%;margin:0 .3125rem}.app-header .name-container .title[data-v-9202b5db]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-9202b5db]{color:var(--text-secondary)}.app-header.size-small[data-v-9202b5db]{align-items:center}.app-header.size-small .image-container[data-v-9202b5db]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-9202b5db]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-9202b5db]{padding:0 .25rem}.app-header.size-small .name-container[data-v-9202b5db]{display:flex;align-items:center}.ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}
package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-wrap[data-v-852be7ec]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-852be7ec]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-852be7ec]:hover{background:var(--primary-darker)}.contained.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.default[data-v-852be7ec]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-852be7ec]:hover{background:var(--default-light)}.contained.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-852be7ec]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-852be7ec]:hover{background:var(--error-dark)}.contained.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.info[data-v-852be7ec]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-852be7ec]:hover{background:var(--info-dark)}.contained.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.success[data-v-852be7ec]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-852be7ec]:hover{background:var(--success-dark)}.contained.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-852be7ec]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-852be7ec]:hover{background:var(--warning-dark)}.contained.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-852be7ec],.contained.loading[data-v-852be7ec]:hover{background:var(--action-disabled-background)}.outlined[data-v-852be7ec]{background:transparent}.outlined.primary[data-v-852be7ec]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-852be7ec]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-852be7ec]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-852be7ec]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.outlined.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-852be7ec]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.outlined.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-852be7ec]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.outlined.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-852be7ec]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-852be7ec],.outlined.loading[data-v-852be7ec]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-852be7ec]{background:transparent}.text.primary[data-v-852be7ec]{color:var(--primary-main)}.text.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.text.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.default[data-v-852be7ec]{color:var(--text-primary)}.text.default[data-v-852be7ec]:hover{background:var(--action-hover)}.text.default[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.danger[data-v-852be7ec]{color:var(--error-main)}.text.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.text.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.info[data-v-852be7ec]{color:var(--info-main)}.text.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.text.info[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.success[data-v-852be7ec]{color:var(--success-main)}.text.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.text.success[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.warning[data-v-852be7ec]{color:var(--warning-darker)}.text.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.text.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.loading[data-v-852be7ec],.text.loading[data-v-852be7ec]:hover{border:0;background:transparent}.small[data-v-852be7ec]{padding:2px 6px}.small.outlined[data-v-852be7ec]{padding:1px 5px}.medium[data-v-852be7ec]{padding:4px 8px}.medium.outlined[data-v-852be7ec]{padding:3px 7px}.large[data-v-852be7ec]{padding:6px 8px}.large.outlined[data-v-852be7ec]{padding:5px 7px}.extraLarge[data-v-852be7ec]{padding:10px 12px}.extraLarge.outlined[data-v-852be7ec]{padding:9px 11px}.small[data-v-852be7ec],.medium[data-v-852be7ec],.large[data-v-852be7ec],.extraLarge[data-v-852be7ec]{height:auto}.flex[data-v-852be7ec]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-852be7ec]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-852be7ec]{padding-right:22px}
package/CheckboxV4.vue_vue_type_style_index_0_scoped_bbfd249c_lang.css DELETED
@@ -1 +0,0 @@
1
- .checkbox[data-v-bbfd249c]{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-bbfd249c]{outline:solid;border-radius:4px}.icon.disabled[data-v-bbfd249c]{opacity:.38}.icon.unchecked[data-v-bbfd249c]{color:var(--default-outlined-border)}.checkbox:hover:not(.disabled) .icon.unchecked[data-v-bbfd249c]{color:var(--action-active)}.icon.unchecked.disabled[data-v-bbfd249c]{opacity:1;color:var(--action-hover)}.checkboxes[data-v-bbfd249c]{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-bbfd249c]{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-bbfd249c]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-bbfd249c]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-bbfd249c]{cursor:not-allowed}.disabled .checkbox-label[data-v-bbfd249c]{color:var(--text-disabled)}.checkbox-label[data-v-bbfd249c]{margin-left:var(--spacing-100);color:var(--text-primary)}
package/RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css DELETED
@@ -1 +0,0 @@
1
- .radio-button[data-v-b3d96cf5]{display:flex;flex-direction:column}.radio-button--disabled[data-v-b3d96cf5],.radio-button--disabled .label[data-v-b3d96cf5]{cursor:default}.wrapper-with-description[data-v-b3d96cf5]{display:flex}.wrapper[data-v-b3d96cf5]{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-b3d96cf5]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-b3d96cf5]{color:var(--text-disabled)}input[data-v-b3d96cf5]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-b3d96cf5]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--background-inset);box-shadow:var(--default-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-b3d96cf5]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-b3d96cf5]: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-b3d96cf5]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-b3d96cf5]{opacity:.38;background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.radio-button:hover .circle[data-v-b3d96cf5]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}.label-description[data-v-b3d96cf5]{color:var(--text-secondary)}
package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css DELETED
@@ -1 +0,0 @@
1
- .switch[data-v-cd6621a7]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch--variant-primary .option--selected[data-v-cd6621a7]{background:var(--primary-main-8-p)}.switch--variant-primary .option[data-v-cd6621a7]:hover{background:var(--primary-light)}.switch--variant-primary .option[data-v-cd6621a7]:hover .icon{color:var(--primary-main)}.switch--variant-default .option--selected[data-v-cd6621a7]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-cd6621a7] .icon{color:var(--text-primary)}.option[data-v-cd6621a7]{border-radius:0;padding:3px}.option-wrapper[data-v-cd6621a7]:not(:last-child){border-right:1px solid var(--default-outlined-border)}