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

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-44158e5f]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-44158e5f]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-44158e5f]{flex:none}.app-trigger-key--content[data-v-44158e5f]{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-44158e5f]:hover{background:var(--action-selected)}.app-trigger[data-v-44158e5f]{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-44158e5f]:hover,.app-trigger.active[data-v-44158e5f]{background:var(--action-selected)}.app-trigger.disabled[data-v-44158e5f]{cursor:auto}.app-trigger--content[data-v-44158e5f]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-44158e5f]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-44158e5f]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-44158e5f]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-44158e5f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-44158e5f]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-44158e5f]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-44158e5f]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-44158e5f]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-44158e5f]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-44158e5f]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-44158e5f]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-5afbd3dd]{display:flex}.app-header .image-container[data-v-5afbd3dd]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-5afbd3dd]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-5afbd3dd]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-5afbd3dd]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-5afbd3dd]{color:var(--text-secondary)}

package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-39577dfc]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-39577dfc]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-39577dfc]:hover{color:var(--action-primary)}

package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css

@@ -0,0 +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

@@ -37,6 +37,8 @@ To release a new version of the package (due to breaking changes), you need to f
 4. Create new `release/x.x.x` from `main` branch again with the relevant major number.
 5. From new `release/x.x.x` branch create a PR to `main` branch.
 
+Playwright Shared Commands version will be published with the same version number as the main library
+
 ## Testing
 
 Uses Vitest + Vue Test Utils (runs automatically on commit)
@@ -110,18 +112,21 @@ Uses ESLint + Prettier rules (runs automatically on commit)
 npm run lint
 ```
 
-## Visual Tests
+## Playwright Shared Commands
+
+This is a project to share fast access to shared components with creating a NPM package with the same version as Shared-UI.
+
+To run Playwright with local storybook you have to run Strorybook first with the special build:
+
+```
+npm run storybook:pw
+```
 
-Uses jest, puppeteer and jest-image-snapshot packages
+and then to open Playwright UI widget:
 
-On CI process:
+```
+cd e2e/playwright
+npm run pw:ui:local
+```
 
-1. on every push the step-visual-test.yml workflow will be triggered
-2. visual tests results will be saved on s3 bucket
-3. the comparing will be against master->stable folder
-4. unless there is a nested folder "stable" under a folder with the same branch name.
-5. on failure a new folder with commit id will be created under the branch folder on s3
-6. the failed tests will be under the "**diff_output**" nested folder
-7. if changes are required, manually trigger the workflow with update input as true
-8. a new folder named "stable" will be created under the branch name folder on s3
-9. on merge to master branch folder will be copy to master.
+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

@@ -0,0 +1 @@
+span[data-v-137fabdf]{display:inline}

package/ThemeWrapper.vue_vue_type_style_index_1_lang.css

@@ -0,0 +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

@@ -0,0 +1 @@
+div[data-v-cde15298]{display:block}

package/TooltipV4.vue_vue_type_style_index_1_lang.css

@@ -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}
+.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

@@ -0,0 +1,13 @@
+import { ref as t } from "vue";
+const g = () => {
+  const e = t("light");
+  return {
+    theme: e,
+    toggleTheme: () => {
+      e.value = e.value === "light" ? "dark" : "light";
+    }
+  };
+};
+export {
+  g as useThemeStore
+};

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -1,8 +1,14 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     version: "v3" | "v4";
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {
+    version: string;
+}>, {}, 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<{
     version: "v3" | "v4";
-}>>>, {}>, {
+}>, {
+    version: string;
+}>>>, {
+    version: "v3" | "v4";
+}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -15,6 +21,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/components/ThemeWrapper/ThemeWrapper.vue.js

@@ -0,0 +1,8 @@
+import e from "./ThemeWrapper.vue2.js";
+/* empty css                   *//* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; //*');
+// import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  //');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-137fabdf"]]);
+export {
+  t as default
+};

package/components/ThemeWrapper/ThemeWrapper.vue2.js

@@ -0,0 +1,22 @@
+ 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";
+import { useThemeStore as i } from "./ThemeStrore.js";
+const v = /* @__PURE__ */ a({
+  __name: "ThemeWrapper",
+  props: {
+    version: { default: "v4" }
+  },
+  setup(o) {
+    const s = o, r = l(() => {
+      const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
+      return e.push(n), e.push(s.version), e.join("-");
+    });
+    return (e, t) => (m(), c("div", {
+      class: p(u(r))
+    }, [
+      h(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/components/ThemeWrapper/index.d.ts

@@ -0,0 +1,79 @@
+import ThemeWrapper from './ThemeWrapper.vue';
+declare const ThemeWrapperTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            version: "v3" | "v4";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            version: {
+                type: import("vue").PropType<"v3" | "v4">;
+                required: true;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            version: {
+                type: import("vue").PropType<"v3" | "v4">;
+                required: true;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            version: "v3" | "v4";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            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)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $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;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        version: {
+            type: import("vue").PropType<"v3" | "v4">;
+            required: true;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    version: {
+        type: import("vue").PropType<"v3" | "v4">;
+        required: true;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    version: "v3" | "v4";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
+export { ThemeWrapper, ThemeWrapperTypes };

package/components/ThemeWrapper/index.js

@@ -0,0 +1,6 @@
+import e from "./ThemeWrapper.vue.js";
+const r = () => [e];
+export {
+  e as ThemeWrapper,
+  r as ThemeWrapperTypes
+};

package/components/appHeader/AppHeader.vue.d.ts

@@ -0,0 +1,49 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    image: string;
+    name: string;
+    platform: 'android' | 'ios';
+    appKey: string;
+    testId: string;
+}>, {
+    image: string;
+    name: string;
+    platform: string;
+    appKey: string;
+    testId: string;
+}>, {}, 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<{
+    image: string;
+    name: string;
+    platform: 'android' | 'ios';
+    appKey: string;
+    testId: string;
+}>, {
+    image: string;
+    name: string;
+    platform: string;
+    appKey: string;
+    testId: string;
+}>>>, {
+    name: string;
+    image: string;
+    testId: string;
+    platform: 'android' | 'ios';
+    appKey: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/appHeader/AppHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./AppHeader.vue2.js";
+/* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5afbd3dd"]]);
+export {
+  s as default
+};

package/components/appHeader/AppHeader.vue2.js

@@ -0,0 +1,58 @@
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; import { defineComponent as d, computed as m, openBlock as l, createElementBlock as c, createElementVNode as a, createVNode as n, unref as t, mergeProps as p, withCtx as f, createTextVNode as u, toDisplayString as h } from "vue";
+import I from "../icon/v4/IconV4.vue.js";
+import y from "../typography/v4/Typography.vue.js";
+import g from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as x } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
+const _ = { class: "app-header" }, v = { class: "image-container" }, T = ["src", "alt"], A = { class: "icon-container" }, C = { class: "name-container" }, K = /* @__PURE__ */ d({
+  __name: "AppHeader",
+  props: {
+    image: { default: "" },
+    name: { default: "" },
+    platform: { default: "android" },
+    appKey: { default: "" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const o = e, i = m(
+      () => o.platform ? o.platform.toLowerCase() : ""
+    ), r = x(o.testId, s);
+    return (N, E) => (l(), c("div", _, [
+      a("div", v, [
+        a("img", {
+          src: e.image,
+          alt: e.name
+        }, null, 8, T)
+      ]),
+      a("div", A, [
+        n(t(I), {
+          type: "branded",
+          name: t(i),
+          size: "24px"
+        }, null, 8, ["name"])
+      ]),
+      a("div", C, [
+        n(t(y), p({
+          variant: "h2",
+          class: "title"
+        }, t(r)[t(s).TITLE]), {
+          default: f(() => [
+            u(h(e.name), 1)
+          ]),
+          _: 1
+        }, 16),
+        a("div", null, [
+          n(t(g), {
+            text: e.appKey,
+            size: "medium",
+            class: "inline-copy",
+            "test-id": e.testId
+          }, null, 8, ["text", "test-id"])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  K as default
+};

package/components/appHeader/index.d.ts

@@ -0,0 +1,61 @@
+import AppHeader from './AppHeader.vue';
+declare const AppHeaderTypes: () => import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    image: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    platform: {
+        type: import("vue").PropType<"android" | "ios">;
+        required: true;
+        default: string;
+    };
+    appKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    image: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    platform: {
+        type: import("vue").PropType<"android" | "ios">;
+        required: true;
+        default: string;
+    };
+    appKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    name: string;
+    image: string;
+    testId: string;
+    platform: "android" | "ios";
+    appKey: string;
+}>[];
+export { AppHeader, AppHeaderTypes };

package/components/appHeader/index.js

@@ -0,0 +1,6 @@
+import p from "./AppHeader.vue.js";
+const r = () => [p];
+export {
+  p as AppHeader,
+  r as AppHeaderTypes
+};

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     singleAppSelection: boolean;
     testId: string;
 }>>>, {
-    testId: string;
     loading: boolean;
+    testId: string;
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;

package/components/appTrigger/index.d.ts

@@ -3,20 +3,20 @@ declare const AppTriggerTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            testId: string;
             loading: boolean;
+            testId: string;
             selected: import("../includeExclude/includeExcludeMocks").Application[];
             options: import("../includeExclude/includeExcludeMocks").Application[];
             singleAppSelection: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
                 default: any;
@@ -29,7 +29,7 @@ declare const AppTriggerTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "loading" | "selected" | "options" | "singleAppSelection">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "testId" | "selected" | "options" | "singleAppSelection">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -44,14 +44,14 @@ declare const AppTriggerTypes: () => ({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
                 default: any;
@@ -65,8 +65,8 @@ declare const AppTriggerTypes: () => ({
                 default: boolean;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            testId: string;
             loading: boolean;
+            testId: string;
             selected: import("../includeExclude/includeExcludeMocks").Application[];
             options: import("../includeExclude/includeExcludeMocks").Application[];
             singleAppSelection: boolean;
@@ -91,14 +91,14 @@ declare const AppTriggerTypes: () => ({
         $nextTick: typeof import("vue").nextTick;
         $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;
     } & Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
             default: any;
@@ -116,14 +116,14 @@ declare const AppTriggerTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
         default: any;
@@ -137,8 +137,8 @@ declare const AppTriggerTypes: () => ({
         default: boolean;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    testId: string;
     loading: boolean;
+    testId: string;
     selected: import("../includeExclude/includeExcludeMocks").Application[];
     options: import("../includeExclude/includeExcludeMocks").Application[];
     singleAppSelection: boolean;

package/components/banner/Banner.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: {
-        type: () => "error" | "info" | "success" | "warning";
+        type: () => "info" | "success" | "warning" | "error";
         default: string;
     };
     iconSize: {
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: () => "error" | "info" | "success" | "warning";
+        type: () => "info" | "success" | "warning" | "error";
         default: string;
     };
     iconSize: {
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    type: "error" | "info" | "success" | "warning";
+    type: "info" | "success" | "warning" | "error";
     testId: string;
     iconSize: "sm" | "md" | "lg";
 }>, {