@ironsource/shared-ui 2.0.2-rc.0 → 2.0.2-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css +1 -0
  2. package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css +1 -0
  3. package/README.md +17 -12
  4. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css +1 -0
  5. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -0
  6. package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css +1 -0
  7. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  8. package/components/ThemeWrapper/ThemeStrore.js +13 -0
  9. package/components/ThemeWrapper/ThemeWrapper.vue.d.ts +17 -3
  10. package/components/ThemeWrapper/ThemeWrapper.vue.js +8 -0
  11. package/components/ThemeWrapper/ThemeWrapper.vue2.js +22 -0
  12. package/components/ThemeWrapper/index.d.ts +79 -0
  13. package/components/ThemeWrapper/index.js +6 -0
  14. package/components/dropdown/v4/AppDropdownTrigger.vue.js +4 -4
  15. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +55 -63
  16. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  17. package/components/dropdown/v4/OptionV4.vue2.js +1 -1
  18. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  19. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  20. package/index.d.ts +154 -0
  21. package/index.js +109 -107
  22. package/package.json +6 -2
  23. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css +0 -1
  24. package/OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css +0 -1
  25. package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +0 -1
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-28bb325a]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-28bb325a]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-28bb325a]{flex:none}.app-trigger-key--content[data-v-28bb325a]{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-28bb325a]:hover{background:var(--action-selected)}.app-trigger[data-v-28bb325a]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-28bb325a]:hover,.app-trigger.active[data-v-28bb325a]{background:var(--action-selected)}.app-trigger.disabled[data-v-28bb325a]{cursor:auto}.app-trigger--content[data-v-28bb325a]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-28bb325a]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-28bb325a]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-28bb325a]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-28bb325a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-28bb325a]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-28bb325a]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-28bb325a]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-28bb325a]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-28bb325a]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-28bb325a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-28bb325a]{padding-top:5px;color:var(--error-main)}
package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-17d78416]{color:#41454d}.item-container[data-v-17d78416]{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-17d78416]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-17d78416]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-17d78416],.item-container[data-v-17d78416]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-17d78416]{background-color:var(--action-selected)}.subtitle[data-v-17d78416]{color:#7b838c;line-height:1rem}.clear-button[data-v-17d78416]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-17d78416]:hover{color:#3083ff}.item[data-v-17d78416]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-17d78416],.item--multi[data-v-17d78416]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-17d78416]{width:20px;height:20px;flex:none}.item .image img[data-v-17d78416]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-17d78416]{display:flex;color:var(--action-active)}.text-container[data-v-17d78416]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
package/README.md CHANGED
@@ -37,6 +37,8 @@ To release a new version of the package (due to breaking changes), you need to f
37
37
  4. Create new `release/x.x.x` from `main` branch again with the relevant major number.
38
38
  5. From new `release/x.x.x` branch create a PR to `main` branch.
39
39
 
40
+ Playwright Shared Commands version will be published with the same version number as the main library
41
+
40
42
  ## Testing
41
43
 
42
44
  Uses Vitest + Vue Test Utils (runs automatically on commit)
@@ -110,18 +112,21 @@ Uses ESLint + Prettier rules (runs automatically on commit)
110
112
  npm run lint
111
113
  ```
112
114
 
113
- ## Visual Tests
115
+ ## Playwright Shared Commands
116
+
117
+ This is a project to share fast access to shared components with creating a NPM package with the same version as Shared-UI.
118
+
119
+ To run Playwright with local storybook you have to run Strorybook first with the special build:
120
+
121
+ ```
122
+ npm run storybook:pw
123
+ ```
114
124
 
115
- Uses jest, puppeteer and jest-image-snapshot packages
125
+ and then to open Playwright UI widget:
116
126
 
117
- On CI process:
127
+ ```
128
+ cd e2e/playwright
129
+ npm run pw:ui:local
130
+ ```
118
131
 
119
- 1. on every push the step-visual-test.yml workflow will be triggered
120
- 2. visual tests results will be saved on s3 bucket
121
- 3. the comparing will be against master->stable folder
122
- 4. unless there is a nested folder "stable" under a folder with the same branch name.
123
- 5. on failure a new folder with commit id will be created under the branch folder on s3
124
- 6. the failed tests will be under the "**diff_output**" nested folder
125
- 7. if changes are required, manually trigger the workflow with update input as true
126
- 8. a new folder named "stable" will be created under the branch name folder on s3
127
- 9. on merge to master branch folder will be copy to master.
132
+ Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>.
package/ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css ADDED
@@ -0,0 +1 @@
1
+ span[data-v-137fabdf]{display:inline}
package/ThemeWrapper.vue_vue_type_style_index_1_lang.css ADDED
@@ -0,0 +1 @@
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #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-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-cde15298]{display:block}
package/TooltipV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
1
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
package/components/ThemeWrapper/ThemeStrore.js ADDED
@@ -0,0 +1,13 @@
1
+ import { ref as t } from "vue";
2
+ const g = () => {
3
+ const e = t("light");
4
+ return {
5
+ theme: e,
6
+ toggleTheme: () => {
7
+ e.value = e.value === "light" ? "dark" : "light";
8
+ }
9
+ };
10
+ };
11
+ export {
12
+ g as useThemeStore
13
+ };
package/components/ThemeWrapper/ThemeWrapper.vue.d.ts CHANGED
@@ -1,8 +1,14 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  version: "v3" | "v4";
3
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
3
+ }>, {
4
+ version: string;
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<{
4
6
  version: "v3" | "v4";
5
- }>>>, {}>, {
7
+ }>, {
8
+ version: string;
9
+ }>>>, {
10
+ version: "v3" | "v4";
11
+ }>, {
6
12
  default?(_: {}): any;
7
13
  }>;
8
14
  export default _default;
@@ -15,6 +21,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
15
21
  required: true;
16
22
  };
17
23
  };
24
+ type __VLS_WithDefaults<P, D> = {
25
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
26
+ default: D[K];
27
+ }> : P[K];
28
+ };
29
+ type __VLS_Prettify<T> = {
30
+ [K in keyof T]: T[K];
31
+ } & {};
18
32
  type __VLS_WithTemplateSlots<T, S> = T & {
19
33
  new (): {
20
34
  $slots: S;
package/components/ThemeWrapper/ThemeWrapper.vue.js ADDED
@@ -0,0 +1,8 @@
1
+ import e from "./ThemeWrapper.vue2.js";
2
+ /* empty css *//* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; //*');
4
+ // import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css"; //');
5
+ const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-137fabdf"]]);
6
+ export {
7
+ t as default
8
+ };
package/components/ThemeWrapper/ThemeWrapper.vue2.js ADDED
@@ -0,0 +1,22 @@
1
+ import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css"; import { defineComponent as a, computed as l, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as h } from "vue";
2
+ import { useThemeStore as i } from "./ThemeStrore.js";
3
+ const v = /* @__PURE__ */ a({
4
+ __name: "ThemeWrapper",
5
+ props: {
6
+ version: { default: "v4" }
7
+ },
8
+ setup(o) {
9
+ const s = o, r = l(() => {
10
+ const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
11
+ return e.push(n), e.push(s.version), e.join("-");
12
+ });
13
+ return (e, t) => (m(), c("div", {
14
+ class: p(u(r))
15
+ }, [
16
+ h(e.$slots, "default", {}, void 0, !0)
17
+ ], 2));
18
+ }
19
+ });
20
+ export {
21
+ v as default
22
+ };
package/components/ThemeWrapper/index.d.ts ADDED
@@ -0,0 +1,79 @@
1
+ import ThemeWrapper from './ThemeWrapper.vue';
2
+ declare const FormCardTypes: () => ({
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{
7
+ version: "v3" | "v4";
8
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
9
+ version: {
10
+ type: import("vue").PropType<"v3" | "v4">;
11
+ required: true;
12
+ default: string;
13
+ };
14
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
15
+ $attrs: {
16
+ [x: string]: unknown;
17
+ };
18
+ $refs: {
19
+ [x: string]: unknown;
20
+ };
21
+ $slots: Readonly<{
22
+ [name: string]: import("vue").Slot;
23
+ }>;
24
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
25
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
26
+ $emit: (event: string, ...args: any[]) => void;
27
+ $el: any;
28
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
29
+ version: {
30
+ type: import("vue").PropType<"v3" | "v4">;
31
+ required: true;
32
+ default: string;
33
+ };
34
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
35
+ version: "v3" | "v4";
36
+ }, {}, string> & {
37
+ beforeCreate?: (() => void) | (() => void)[];
38
+ created?: (() => void) | (() => void)[];
39
+ beforeMount?: (() => void) | (() => void)[];
40
+ mounted?: (() => void) | (() => void)[];
41
+ beforeUpdate?: (() => void) | (() => void)[];
42
+ updated?: (() => void) | (() => void)[];
43
+ activated?: (() => void) | (() => void)[];
44
+ deactivated?: (() => void) | (() => void)[];
45
+ beforeDestroy?: (() => void) | (() => void)[];
46
+ beforeUnmount?: (() => void) | (() => void)[];
47
+ destroyed?: (() => void) | (() => void)[];
48
+ unmounted?: (() => void) | (() => void)[];
49
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
50
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
51
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
52
+ };
53
+ $forceUpdate: () => void;
54
+ $nextTick: typeof import("vue").nextTick;
55
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
56
+ } & Readonly<import("vue").ExtractPropTypes<{
57
+ version: {
58
+ type: import("vue").PropType<"v3" | "v4">;
59
+ required: true;
60
+ default: string;
61
+ };
62
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
63
+ __isFragment?: never;
64
+ __isTeleport?: never;
65
+ __isSuspense?: never;
66
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
67
+ version: {
68
+ type: import("vue").PropType<"v3" | "v4">;
69
+ required: true;
70
+ default: string;
71
+ };
72
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
73
+ version: "v3" | "v4";
74
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
75
+ $slots: {
76
+ default?(_: {}): any;
77
+ };
78
+ }))[];
79
+ export { ThemeWrapper, FormCardTypes };
package/components/ThemeWrapper/index.js ADDED
@@ -0,0 +1,6 @@
1
+ import r from "./ThemeWrapper.vue.js";
2
+ const o = () => [r];
3
+ export {
4
+ o as FormCardTypes,
5
+ r as ThemeWrapper
6
+ };
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_c48dc06e_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c48dc06e"]]);
2
+ /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-28bb325a"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,34 +1,21 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; import { defineComponent as b, computed as r, openBlock as n, createElementBlock as a, normalizeClass as w, createElementVNode as o, mergeProps as h, unref as l, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as C, toDisplayString as A, pushScopeId as B, popScopeId as x } from "vue";
2
- import p from "../../icon/v4/IconV4.vue.js";
3
- import S from "../../typography/v4/Typography.vue.js";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
2
+ import c from "../../icon/v4/IconV4.vue.js";
3
+ import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
5
5
  import { useTestIdAttrs as K } from "../../../utils/testIds.js";
6
6
  import N from "../../tooltip/v4/TooltipV4.vue.js";
7
- import { useClipboard as $ } from "@vueuse/core";
8
- import { Snackbar as z } from "../../snackbar/v4/index.js";
9
- const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trigger--content" }, H = {
7
+ import { useClipboard as z } from "@vueuse/core";
8
+ import { Snackbar as $ } from "../../snackbar/v4/index.js";
9
+ const w = { class: "app-trigger--content" }, S = {
10
10
  key: 0,
11
11
  class: "image"
12
- }, M = ["src"], P = {
12
+ }, D = ["src"], E = {
13
13
  key: 1,
14
14
  class: "start-icon"
15
- }, R = { class: "label-text" }, U = { key: 0 }, Z = { class: "text-content" }, W = { class: "text-content-value" }, j = {
15
+ }, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, M = { class: "text-content-value" }, W = {
16
16
  key: 0,
17
17
  class: "is-mandatory"
18
- }, q = /* @__PURE__ */ D(() => /* @__PURE__ */ o("div", { class: "app-trigger-key--content" }, [
19
- /* @__PURE__ */ o("svg", {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- width: "16",
22
- height: "16",
23
- viewBox: "0 0 16 16",
24
- fill: "none"
25
- }, [
26
- /* @__PURE__ */ o("path", {
27
- d: "M8.43317 6.66667C7.8865 5.11333 6.4065 4 4.6665 4C2.45984 4 0.666504 5.79333 0.666504 8C0.666504 10.2067 2.45984 12 4.6665 12C6.4065 12 7.8865 10.8867 8.43317 9.33333H11.3332V12H13.9998V9.33333H15.3332V6.66667H8.43317ZM4.6665 9.33333C3.93317 9.33333 3.33317 8.73333 3.33317 8C3.33317 7.26667 3.93317 6.66667 4.6665 6.66667C5.39984 6.66667 5.99984 7.26667 5.99984 8C5.99984 8.73333 5.39984 9.33333 4.6665 9.33333Z",
28
- fill: "#808080"
29
- })
30
- ])
31
- ], -1)), te = /* @__PURE__ */ b({
18
+ }, j = { class: "" }, q = { class: "app-trigger-key--content" }, _ = /* @__PURE__ */ A({
32
19
  __name: "AppDropdownTrigger",
33
20
  props: {
34
21
  placeholder: { default: "Select app" },
@@ -52,89 +39,94 @@ const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trig
52
39
  optionIconType: { default: null }
53
40
  },
54
41
  emits: ["click"],
55
- setup(t, { emit: T }) {
56
- const e = t, { copy: k } = $({}), I = r(
42
+ setup(l, { emit: k }) {
43
+ const e = l, { copy: O } = z({}), C = p(
57
44
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
58
- ), O = () => {
59
- T("click");
60
- }, y = K(e.testId, u), f = "All apps selected", m = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
45
+ ), I = () => {
46
+ k("click");
47
+ }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
61
48
  if (!e.selectedOption)
62
49
  return null;
63
50
  if (!e.multi)
64
51
  return e.selectedOption;
65
52
  if (Array.isArray(e.selectedOption))
66
53
  return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
67
- }), V = () => {
68
- k(e.valueToCopy), z({
54
+ }), b = () => {
55
+ O(e.valueToCopy), $({
69
56
  title: "Copied successfully",
70
57
  type: "success",
71
58
  duration: 2e3
72
59
  });
73
60
  };
74
- return (c, g) => (n(), a("div", {
75
- class: w(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
61
+ return (r, g) => (o(), n("div", {
62
+ class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
76
63
  }, [
77
- o("div", h({
78
- class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]]
79
- }, l(y)[l(u).BUTTON_WRAPPER], {
80
- onClick: g[0] || (g[0] = (F) => O())
64
+ a("div", h({
65
+ class: ["app-trigger", [l.size, t(C), { open: l.open, disabled: l.disabled }]]
66
+ }, t(y)[t(u).BUTTON_WRAPPER], {
67
+ onClick: g[0] || (g[0] = (F) => I())
81
68
  }), [
82
- o("div", E, [
83
- c.$slots.image || l(d) && t.optionImageKey ? (n(), a("div", H, [
84
- v(c.$slots, "image", {}, () => [
85
- t.optionImageKey ? (n(), a("img", {
69
+ a("div", w, [
70
+ r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
71
+ v(r.$slots, "image", {}, () => [
72
+ l.optionImageKey ? (o(), n("img", {
86
73
  key: 0,
87
- src: l(d)[t.optionImageKey]
88
- }, null, 8, M)) : s("", !0)
74
+ src: t(d)[l.optionImageKey]
75
+ }, null, 8, D)) : s("", !0)
89
76
  ], !0)
90
77
  ])) : s("", !0),
91
- c.$slots["icon-start"] || l(d) && t.optionIconKey ? (n(), a("div", P, [
92
- v(c.$slots, "icon-start", {}, () => [
93
- i(l(p), {
94
- type: t.optionIconType,
95
- name: l(d)[t.optionIconKey],
78
+ r.$slots["icon-start"] || t(d) && l.optionIconKey ? (o(), n("div", E, [
79
+ v(r.$slots, "icon-start", {}, () => [
80
+ i(t(c), {
81
+ type: l.optionIconType,
82
+ name: t(d)[l.optionIconKey],
96
83
  size: "16px"
97
84
  }, null, 8, ["type", "name"])
98
85
  ], !0)
99
86
  ])) : s("", !0),
100
- i(l(S), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
101
- default: C(() => [
102
- o("div", R, [
103
- l(m) === f ? (n(), a("span", U, [
104
- i(l(p), {
87
+ i(t(x), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
88
+ default: T(() => [
89
+ a("div", P, [
90
+ t(m) === f ? (o(), n("span", R, [
91
+ i(t(c), {
105
92
  name: "cube",
106
93
  size: "20px",
107
94
  type: "fill"
108
95
  })
109
96
  ])) : s("", !0),
110
- o("div", Z, [
111
- o("div", W, A(l(m)), 1),
112
- t.mandatory ? (n(), a("span", j, "*")) : s("", !0)
97
+ a("div", U, [
98
+ a("div", M, B(t(m)), 1),
99
+ l.mandatory ? (o(), n("span", W, "*")) : s("", !0)
113
100
  ])
114
101
  ])
115
102
  ]),
116
103
  _: 1
117
104
  }, 16)
118
105
  ]),
119
- o("div", null, [
120
- i(l(p), {
106
+ a("div", j, [
107
+ i(t(c), {
121
108
  name: "caret-down",
122
109
  size: "20px",
123
110
  class: "app-trigger--icon"
124
111
  })
125
112
  ])
126
113
  ], 16),
127
- t.valueToCopy ? (n(), a("div", {
114
+ l.valueToCopy ? (o(), n("div", {
128
115
  key: 0,
129
116
  class: "app-trigger-key",
130
- onClick: V
117
+ onClick: b
131
118
  }, [
132
- i(l(N), {
133
- text: t.valueToCopy,
119
+ i(t(N), {
120
+ text: l.valueToCopy,
134
121
  header: "App key"
135
122
  }, {
136
- default: C(() => [
137
- q
123
+ default: T(() => [
124
+ a("div", q, [
125
+ i(t(c), {
126
+ name: "copy",
127
+ size: "20px"
128
+ })
129
+ ])
138
130
  ]),
139
131
  _: 1
140
132
  }, 8, ["text"])
@@ -143,5 +135,5 @@ const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trig
143
135
  }
144
136
  });
145
137
  export {
146
- te as default
138
+ _ as default
147
139
  };
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2a214b95"]]);
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17d78416"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import N from "../../typography/Text.vue.js";
4
4
  import T from "../../checkbox/v4/CheckboxV4.vue.js";
package/components/tooltip/v4/TooltipV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./TooltipV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css"; //*');
4
4
  // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-21f12d1a"]]);
5
+ const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cde15298"]]);
6
6
  export {
7
7
  l as default
8
8
  };
package/components/tooltip/v4/TooltipV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
1
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
2
2
  import y from "./TextWithTitleContent.vue.js";
3
3
  import { Tooltip as T } from "floating-vue";
4
4
  import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
package/index.d.ts CHANGED
@@ -20,6 +20,160 @@ import * as tableV4 from '@/components/table/v4';
20
20
  import * as tableCellsV3 from '@/components/table-cells/v3';
21
21
  import * as snackbarV3 from '@/components/snackbar/v3';
22
22
  declare const _default: {
23
+ ThemeWrapper: {
24
+ new (...args: any[]): {
25
+ $: import("vue").ComponentInternalInstance;
26
+ $data: {};
27
+ $props: Partial<{
28
+ version: "v3" | "v4";
29
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
30
+ version: {
31
+ type: import("vue").PropType<"v3" | "v4">;
32
+ required: true;
33
+ default: string;
34
+ };
35
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
36
+ $attrs: {
37
+ [x: string]: unknown;
38
+ };
39
+ $refs: {
40
+ [x: string]: unknown;
41
+ };
42
+ $slots: Readonly<{
43
+ [name: string]: import("vue").Slot;
44
+ }>;
45
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
46
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
47
+ $emit: (event: string, ...args: any[]) => void;
48
+ $el: any;
49
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
50
+ version: {
51
+ type: import("vue").PropType<"v3" | "v4">;
52
+ required: true;
53
+ default: string;
54
+ };
55
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
56
+ version: "v3" | "v4";
57
+ }, {}, string> & {
58
+ beforeCreate?: (() => void) | (() => void)[];
59
+ created?: (() => void) | (() => void)[];
60
+ beforeMount?: (() => void) | (() => void)[];
61
+ mounted?: (() => void) | (() => void)[];
62
+ beforeUpdate?: (() => void) | (() => void)[];
63
+ updated?: (() => void) | (() => void)[];
64
+ activated?: (() => void) | (() => void)[];
65
+ deactivated?: (() => void) | (() => void)[];
66
+ beforeDestroy?: (() => void) | (() => void)[];
67
+ beforeUnmount?: (() => void) | (() => void)[];
68
+ destroyed?: (() => void) | (() => void)[];
69
+ unmounted?: (() => void) | (() => void)[];
70
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
71
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
72
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
73
+ };
74
+ $forceUpdate: () => void;
75
+ $nextTick: typeof import("vue").nextTick;
76
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
77
+ } & Readonly<import("vue").ExtractPropTypes<{
78
+ version: {
79
+ type: import("vue").PropType<"v3" | "v4">;
80
+ required: true;
81
+ default: string;
82
+ };
83
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
84
+ __isFragment?: never;
85
+ __isTeleport?: never;
86
+ __isSuspense?: never;
87
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
88
+ version: {
89
+ type: import("vue").PropType<"v3" | "v4">;
90
+ required: true;
91
+ default: string;
92
+ };
93
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
94
+ version: "v3" | "v4";
95
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
96
+ $slots: {
97
+ default?(_: {}): any;
98
+ };
99
+ });
100
+ FormCardTypes: () => ({
101
+ new (...args: any[]): {
102
+ $: import("vue").ComponentInternalInstance;
103
+ $data: {};
104
+ $props: Partial<{
105
+ version: "v3" | "v4";
106
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
107
+ version: {
108
+ type: import("vue").PropType<"v3" | "v4">;
109
+ required: true;
110
+ default: string;
111
+ };
112
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
113
+ $attrs: {
114
+ [x: string]: unknown;
115
+ };
116
+ $refs: {
117
+ [x: string]: unknown;
118
+ };
119
+ $slots: Readonly<{
120
+ [name: string]: import("vue").Slot;
121
+ }>;
122
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
123
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
124
+ $emit: (event: string, ...args: any[]) => void;
125
+ $el: any;
126
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
127
+ version: {
128
+ type: import("vue").PropType<"v3" | "v4">;
129
+ required: true;
130
+ default: string;
131
+ };
132
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
133
+ version: "v3" | "v4";
134
+ }, {}, string> & {
135
+ beforeCreate?: (() => void) | (() => void)[];
136
+ created?: (() => void) | (() => void)[];
137
+ beforeMount?: (() => void) | (() => void)[];
138
+ mounted?: (() => void) | (() => void)[];
139
+ beforeUpdate?: (() => void) | (() => void)[];
140
+ updated?: (() => void) | (() => void)[];
141
+ activated?: (() => void) | (() => void)[];
142
+ deactivated?: (() => void) | (() => void)[];
143
+ beforeDestroy?: (() => void) | (() => void)[];
144
+ beforeUnmount?: (() => void) | (() => void)[];
145
+ destroyed?: (() => void) | (() => void)[];
146
+ unmounted?: (() => void) | (() => void)[];
147
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
148
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
149
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
150
+ };
151
+ $forceUpdate: () => void;
152
+ $nextTick: typeof import("vue").nextTick;
153
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
154
+ } & Readonly<import("vue").ExtractPropTypes<{
155
+ version: {
156
+ type: import("vue").PropType<"v3" | "v4">;
157
+ required: true;
158
+ default: string;
159
+ };
160
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
161
+ __isFragment?: never;
162
+ __isTeleport?: never;
163
+ __isSuspense?: never;
164
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
165
+ version: {
166
+ type: import("vue").PropType<"v3" | "v4">;
167
+ required: true;
168
+ default: string;
169
+ };
170
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
171
+ version: "v3" | "v4";
172
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
173
+ $slots: {
174
+ default?(_: {}): any;
175
+ };
176
+ }))[];
23
177
  RadioButton: {
24
178
  new (...args: any[]): {
25
179
  $: import("vue").ComponentInternalInstance;
package/index.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import './CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css';
2
- import { AppTriggerTypes as q } from "./components/appTrigger/index.js";
3
- import { AutocompleteDropdownTypes as J } from "./components/autocompleteDropdown/index.js";
4
- import { MenuItemTypes as V } from "./components/menuItem/index.js";
5
- import { MenuTypes as G } from "./components/menu/index.js";
6
- import { AppIconTypes as Q } from "./components/appIcon/index.js";
7
- import { FloatingToolbarTypes as W } from "./components/floatingToolbar/index.js";
8
- import { IncludeExcludeTypes as Z } from "./components/includeExclude/index.js";
9
- import { CssBaselineTypes as or } from "./components/cssBaseline/index.js";
10
- import { ID_INJECTION_KEY as tr, useId as pr } from "./composables/useId.js";
11
- import { FilterDropdownTypes as ar } from "./components/filterDropdown/index.js";
12
- import { TypographyTypes as xr } from "./components/typography/index.js";
13
- import { TypographyTypesV4 as ir } from "./components/typography/v4/index.js";
14
- import { PopoverTypes as nr } from "./components/popover/index.js";
15
- import { MultiBarTypes as ur } from "./components/multibar/index.js";
16
- import { FormCardTypes as Tr } from "./components/layout/index.js";
2
+ import { AppTriggerTypes as z } from "./components/appTrigger/index.js";
3
+ import { AutocompleteDropdownTypes as K } from "./components/autocompleteDropdown/index.js";
4
+ import { MenuItemTypes as Y } from "./components/menuItem/index.js";
5
+ import { MenuTypes as L } from "./components/menu/index.js";
6
+ import { AppIconTypes as U } from "./components/appIcon/index.js";
7
+ import { FloatingToolbarTypes as X } from "./components/floatingToolbar/index.js";
8
+ import { IncludeExcludeTypes as rr } from "./components/includeExclude/index.js";
9
+ import { CssBaselineTypes as er } from "./components/cssBaseline/index.js";
10
+ import { ID_INJECTION_KEY as pr, useId as mr } from "./composables/useId.js";
11
+ import { FilterDropdownTypes as fr } from "./components/filterDropdown/index.js";
12
+ import { TypographyTypes as ir } from "./components/typography/index.js";
13
+ import { TypographyTypesV4 as sr } from "./components/typography/v4/index.js";
14
+ import { PopoverTypes as lr } from "./components/popover/index.js";
15
+ import { MultiBarTypes as $r } from "./components/multibar/index.js";
16
+ import { FormCardTypes as cr } from "./components/layout/index.js";
17
17
  import * as r from "./components/button/v3/index.js";
18
18
  import * as o from "./components/button/v4/index.js";
19
19
  import * as e from "./components/chip/v3/index.js";
@@ -23,8 +23,8 @@ import * as m from "./components/switch/v4/index.js";
23
23
  import * as a from "./components/dropdown/v3/index.js";
24
24
  import * as f from "./components/dropdown/v4/index.js";
25
25
  import * as x from "./components/search/v3/index.js";
26
- import * as d from "./components/search/v4/index.js";
27
- import * as i from "./components/filtersPanel/v3/index.js";
26
+ import * as i from "./components/search/v4/index.js";
27
+ import * as d from "./components/filtersPanel/v3/index.js";
28
28
  import * as s from "./components/filtersPanel/v4/index.js";
29
29
  import * as n from "./components/checkbox/v3/index.js";
30
30
  import * as l from "./components/checkbox/v4/index.js";
@@ -35,8 +35,8 @@ import * as c from "./components/input/v4/index.js";
35
35
  import * as y from "./components/tabs/v3/index.js";
36
36
  import * as g from "./components/tabs/v4/index.js";
37
37
  import * as I from "./components/dialog/v3/index.js";
38
- import * as A from "./components/dialog/v4/index.js";
39
- import * as D from "./components/toggle/v3/index.js";
38
+ import * as D from "./components/dialog/v4/index.js";
39
+ import * as A from "./components/toggle/v3/index.js";
40
40
  import * as E from "./components/toggle/v4/index.js";
41
41
  import * as F from "./components/tooltip/v3/index.js";
42
42
  import * as B from "./components/tooltip/v4/index.js";
@@ -52,41 +52,42 @@ import * as O from "./components/snackbar/v3/index.js";
52
52
  import * as H from "./components/snackbar/v4/index.js";
53
53
  import * as N from "./components/radioButton/v3/index.js";
54
54
  import * as R from "./components/radioButton/v4/index.js";
55
- import { TextAreaTypes as yr } from "./components/textArea/index.js";
56
- import { useToggle as Ir } from "./composables/useToggle.js";
57
- import { useSearch as Dr } from "./composables/useSearch.js";
58
- import { DateRangeTypes as Fr } from "./components/dateRange/index.js";
59
- import { DatePickerTypes as Cr } from "./components/datePicker/index.js";
60
- import { BannerTypes as Mr } from "./components/banner/index.js";
61
- import { default as wr } from "./components/appTrigger/AppTrigger.vue.js";
62
- import { default as kr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
63
- import { default as Or } from "./components/menuItem/MenuItem.vue.js";
64
- import { default as Nr } from "./components/menu/Menu.vue.js";
65
- import { default as Sr } from "./components/appIcon/AppIcon.vue.js";
66
- import { default as jr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
67
- import { default as zr } from "./components/includeExclude/IncludeExclude.vue.js";
68
- import { default as Kr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
69
- import { default as Yr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
70
- import { default as Lr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
71
- import { default as Ur } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
72
- import { default as Xr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
73
- import { default as ro } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
74
- import { default as eo } from "./components/cssBaseline/CssBaseline.vue.js";
75
- import { default as po } from "./components/filterDropdown/FilterDropdown.vue.js";
76
- import { default as ao } from "./components/filterDropdown/AddFilterButton.vue.js";
77
- import { default as xo } from "./components/typography/Heading.vue.js";
78
- import { default as so } from "./components/typography/Text.vue.js";
79
- import { default as lo } from "./components/typography/v4/Typography.vue.js";
80
- import { default as $o } from "./components/popover/Popover.vue.js";
81
- import { default as co } from "./components/multibar/MultiBar.vue.js";
82
- import { default as go } from "./components/layout/FormCard.vue.js";
55
+ import * as S from "./components/ThemeWrapper/index.js";
56
+ import { TextAreaTypes as gr } from "./components/textArea/index.js";
57
+ import { useToggle as Dr } from "./composables/useToggle.js";
58
+ import { useSearch as Er } from "./composables/useSearch.js";
59
+ import { DateRangeTypes as Br } from "./components/dateRange/index.js";
60
+ import { DatePickerTypes as hr } from "./components/datePicker/index.js";
61
+ import { BannerTypes as br } from "./components/banner/index.js";
62
+ import { default as Pr } from "./components/appTrigger/AppTrigger.vue.js";
63
+ import { default as vr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
64
+ import { default as Hr } from "./components/menuItem/MenuItem.vue.js";
65
+ import { default as Rr } from "./components/menu/Menu.vue.js";
66
+ import { default as _r } from "./components/appIcon/AppIcon.vue.js";
67
+ import { default as qr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
68
+ import { default as Jr } from "./components/includeExclude/IncludeExclude.vue.js";
69
+ import { default as Vr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
70
+ import { default as Gr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
71
+ import { default as Qr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
72
+ import { default as Wr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
73
+ import { default as Zr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
74
+ import { default as oo } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
75
+ import { default as to } from "./components/cssBaseline/CssBaseline.vue.js";
76
+ import { default as mo } from "./components/filterDropdown/FilterDropdown.vue.js";
77
+ import { default as fo } from "./components/filterDropdown/AddFilterButton.vue.js";
78
+ import { default as io } from "./components/typography/Heading.vue.js";
79
+ import { default as no } from "./components/typography/Text.vue.js";
80
+ import { default as uo } from "./components/typography/v4/Typography.vue.js";
81
+ import { default as To } from "./components/popover/Popover.vue.js";
82
+ import { default as yo } from "./components/multibar/MultiBar.vue.js";
83
+ import { default as Io } from "./components/layout/FormCard.vue.js";
83
84
  import { default as Ao } from "./components/layout/CardPanel.vue.js";
84
- import { default as Eo } from "./components/layout/FoldableSection.vue.js";
85
- import { default as Bo } from "./components/textArea/TextArea.vue.js";
86
- import { default as ho } from "./components/dateRange/DateRange.vue.js";
87
- import { default as bo } from "./components/datePicker/DatePicker.vue.js";
88
- import { default as Po } from "./components/banner/Banner.vue.js";
89
- const S = {
85
+ import { default as Fo } from "./components/layout/FoldableSection.vue.js";
86
+ import { default as Co } from "./components/textArea/TextArea.vue.js";
87
+ import { default as Mo } from "./components/dateRange/DateRange.vue.js";
88
+ import { default as wo } from "./components/datePicker/DatePicker.vue.js";
89
+ import { default as ko } from "./components/banner/Banner.vue.js";
90
+ const _ = {
90
91
  ...e,
91
92
  ...t,
92
93
  ...p,
@@ -96,8 +97,8 @@ const S = {
96
97
  ...a,
97
98
  ...f,
98
99
  ...x,
99
- ...d,
100
100
  ...i,
101
+ ...d,
101
102
  ...s,
102
103
  ...T,
103
104
  ...c,
@@ -106,10 +107,10 @@ const S = {
106
107
  ...y,
107
108
  ...g,
108
109
  ...I,
109
- ...A,
110
+ ...D,
110
111
  ...F,
111
112
  ...B,
112
- ...D,
113
+ ...A,
113
114
  ...E,
114
115
  ...C,
115
116
  ...h,
@@ -124,58 +125,59 @@ const S = {
124
125
  ...n,
125
126
  ...l,
126
127
  ...N,
127
- ...R
128
+ ...R,
129
+ ...S
128
130
  };
129
131
  export {
130
- ao as AddFilterButton,
131
- Sr as AppIcon,
132
- Q as AppIconTypes,
133
- wr as AppTrigger,
134
- q as AppTriggerTypes,
135
- kr as AutocompleteDropdown,
136
- J as AutocompleteDropdownTypes,
137
- Po as Banner,
138
- Mr as BannerTypes,
132
+ fo as AddFilterButton,
133
+ _r as AppIcon,
134
+ U as AppIconTypes,
135
+ Pr as AppTrigger,
136
+ z as AppTriggerTypes,
137
+ vr as AutocompleteDropdown,
138
+ K as AutocompleteDropdownTypes,
139
+ ko as Banner,
140
+ br as BannerTypes,
139
141
  Ao as CardPanel,
140
- eo as CssBaseline,
141
- or as CssBaselineTypes,
142
- bo as DatePicker,
143
- Cr as DatePickerTypes,
144
- ho as DateRange,
145
- Fr as DateRangeTypes,
146
- po as FilterDropdown,
147
- ar as FilterDropdownTypes,
148
- jr as FloatingToolbar,
149
- W as FloatingToolbarTypes,
150
- Eo as FoldableSection,
151
- go as FormCard,
152
- Tr as FormCardTypes,
153
- xo as Heading,
154
- tr as ID_INJECTION_KEY,
155
- zr as IncludeExclude,
156
- Xr as IncludeExcludeAppHeader,
157
- Ur as IncludeExcludeAppTrigger,
158
- ro as IncludeExcludeChipFilter,
159
- Kr as IncludeExcludeDragDrop,
160
- Yr as IncludeExcludeOption,
161
- Lr as IncludeExcludeOptionDraggable,
162
- Z as IncludeExcludeTypes,
163
- Nr as Menu,
164
- Or as MenuItem,
165
- V as MenuItemTypes,
166
- G as MenuTypes,
167
- co as MultiBar,
168
- ur as MultiBarTypes,
169
- $o as Popover,
170
- nr as PopoverTypes,
171
- so as Text,
172
- Bo as TextArea,
173
- yr as TextAreaTypes,
174
- lo as Typography,
175
- xr as TypographyTypes,
176
- ir as TypographyTypesV4,
177
- S as default,
178
- pr as useId,
179
- Dr as useSearch,
180
- Ir as useToggle
142
+ to as CssBaseline,
143
+ er as CssBaselineTypes,
144
+ wo as DatePicker,
145
+ hr as DatePickerTypes,
146
+ Mo as DateRange,
147
+ Br as DateRangeTypes,
148
+ mo as FilterDropdown,
149
+ fr as FilterDropdownTypes,
150
+ qr as FloatingToolbar,
151
+ X as FloatingToolbarTypes,
152
+ Fo as FoldableSection,
153
+ Io as FormCard,
154
+ cr as FormCardTypes,
155
+ io as Heading,
156
+ pr as ID_INJECTION_KEY,
157
+ Jr as IncludeExclude,
158
+ Zr as IncludeExcludeAppHeader,
159
+ Wr as IncludeExcludeAppTrigger,
160
+ oo as IncludeExcludeChipFilter,
161
+ Vr as IncludeExcludeDragDrop,
162
+ Gr as IncludeExcludeOption,
163
+ Qr as IncludeExcludeOptionDraggable,
164
+ rr as IncludeExcludeTypes,
165
+ Rr as Menu,
166
+ Hr as MenuItem,
167
+ Y as MenuItemTypes,
168
+ L as MenuTypes,
169
+ yo as MultiBar,
170
+ $r as MultiBarTypes,
171
+ To as Popover,
172
+ lr as PopoverTypes,
173
+ no as Text,
174
+ Co as TextArea,
175
+ gr as TextAreaTypes,
176
+ uo as Typography,
177
+ ir as TypographyTypes,
178
+ sr as TypographyTypesV4,
179
+ _ as default,
180
+ mr as useId,
181
+ Er as useSearch,
182
+ Dr as useToggle
181
183
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.0.2-rc.0",
3
+ "version": "2.0.2-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -214,7 +214,8 @@
214
214
  "./styleguideV4": "./style/styleguideV4.scss",
215
215
  "./banner": "./components/banner/Banner.vue.js",
216
216
  "./multibar": "./components/multibar/index.js",
217
- "./typography": "./components/typography/v4/index.js"
217
+ "./typography": "./components/typography/v4/index.js",
218
+ "./themeWrapper": "./components/ThemeWrapper/index.js"
218
219
  },
219
220
  "typesVersions": {
220
221
  "*": {
@@ -412,6 +413,9 @@
412
413
  ],
413
414
  "snackbar/v4": [
414
415
  "./components/snackbar/v4/index.d.ts"
416
+ ],
417
+ "themeWrapper": [
418
+ "./components/ThemeWrapper/index.d.ts"
415
419
  ]
416
420
  }
417
421
  },
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-c48dc06e]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-c48dc06e]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-c48dc06e]{flex:none}.app-trigger-key--content[data-v-c48dc06e]{padding:12px;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)}.app-trigger-key--content[data-v-c48dc06e]:hover{background:var(--action-selected)}.app-trigger[data-v-c48dc06e]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-c48dc06e]:hover,.app-trigger.active[data-v-c48dc06e]{background:var(--action-selected)}.app-trigger.disabled[data-v-c48dc06e]{cursor:auto}.app-trigger--content[data-v-c48dc06e]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-c48dc06e]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-c48dc06e]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-c48dc06e]{display:flex;align-items:center}.app-trigger .displayed-value[data-v-c48dc06e]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-c48dc06e]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-c48dc06e]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-c48dc06e]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-c48dc06e]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-c48dc06e]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-c48dc06e]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-c48dc06e]{padding-top:5px;color:var(--error-main)}
package/OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-2a214b95]{color:#41454d}.item-container[data-v-2a214b95]{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-2a214b95]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-2a214b95]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-2a214b95],.item-container[data-v-2a214b95]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-2a214b95]{background-color:var(--action-selected)}.subtitle[data-v-2a214b95]{color:#7b838c;line-height:1rem}.clear-button[data-v-2a214b95]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-2a214b95]:hover{color:#3083ff}.item[data-v-2a214b95]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-2a214b95],.item--multi[data-v-2a214b95]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-2a214b95]{width:20px;height:20px;flex:none}.item .image img[data-v-2a214b95]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-2a214b95]{display:flex;color:var(--action-active)}.text-container[data-v-2a214b95]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css DELETED
@@ -1 +0,0 @@
1
- div[data-v-21f12d1a]{display:block}