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

package/styles/v4/fonts.scss

@@ -0,0 +1,258 @@
+/**
+ * Style v4 Typography
+ * -----------------------------------------------------------------------------
+ */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+
+// font-family
+$inter: 'Inter', sans-serif;
+
+%font-bold {
+  font-family: $inter;
+  font-weight: 700;
+}
+%font-semibold {
+  font-family: $inter;
+  font-weight: 600;
+}
+%font-medium {
+  font-family: $inter;
+  font-weight: 500;
+}
+%font-regular {
+  font-family: $inter;
+  font-weight: 400;
+}
+
+// region heading
+%font-title {
+  font-size: 2.5rem;
+  line-height: 3rem;
+  letter-spacing: -0.055rem;
+  @extend %font-semibold;
+}
+%font-heading-1 {
+  font-size: 1.5rem;
+  line-height: 1.75rem;
+  letter-spacing: -0.0285rem;
+  @extend %font-semibold;
+}
+%font-heading-2 {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  letter-spacing: -0.01575rem;
+  @extend %font-semibold;
+}
+%font-heading-3 {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  letter-spacing: -0.011rem;
+  @extend %font-semibold;
+}
+%font-heading-4 {
+  font-size: 0.875rem;
+  line-height: 1rem;
+  letter-spacing: unset;
+  @extend %font-semibold;
+}
+%font-heading-5 {
+  font-size: 0.8125rem;
+  line-height: 16px;
+  letter-spacing: unset;
+  @extend %font-semibold;
+}
+%font-heading-6 {
+  font-size: 0.75rem;
+  line-height: 0.75rem;
+  letter-spacing: 0;
+  @extend %font-semibold;
+}
+// endregion
+
+// region body
+%font-body-1 {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00525rem;
+  @extend %font-regular;
+}
+%font-body-2 {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00244rem;
+  @extend %font-regular;
+}
+// endregion
+
+// region subtitle
+%font-subtitle-1 {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00525rem;
+  @extend %font-medium;
+}
+%font-subtitle-2 {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.00244rem;
+  @extend %font-medium;
+}
+// endregion
+
+// region chart
+%font-chart-1 {
+  font-size: 1.5rem;
+  line-height: 1.5rem;
+  letter-spacing: -0.015rem;
+  @extend %font-bold;
+}
+%font-chart-2 {
+  font-size: 1.25rem;
+  line-height: 1.25rem;
+  letter-spacing: -0.0125rem;
+  @extend %font-bold;
+}
+// endregion
+
+
+// region other
+%font-button {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: 0.00875rem;
+  @extend %font-semibold;
+}
+%font-overline {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  letter-spacing: 0.045rem;
+  text-transform: uppercase;
+  @extend %font-medium;
+}
+%font-caption {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  @extend %font-regular;
+}
+%font-table-label {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  letter-spacing: 0.00813rem;
+  @extend %font-semibold;
+}
+%font-input-label {
+  font-size: 0.8125rem;
+  line-height: 1rem;
+  letter-spacing: 0.00813rem;
+  @extend %font-medium;
+}
+%font-tab-label1 {
+  font-size: 0.875rem;
+  line-height: 1rem;
+  @extend %font-medium;
+}
+%font-tab-label2 {
+  font-size: 0.875rem;
+  line-height: 1rem;
+  @extend %font-bold;
+}
+%font-chip-label {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  @extend %font-semibold;
+}
+// endregion
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+}
+
+.font-title {
+  @extend %font-title;
+}
+
+.font-heading-1 {
+  @extend %font-heading-1;
+}
+
+.font-heading-2 {
+  @extend %font-heading-2;
+}
+
+.font-heading-3 {
+  @extend %font-heading-3;
+}
+
+.font-heading-4 {
+  @extend %font-heading-4;
+}
+
+.font-heading-5 {
+  @extend %font-heading-5;
+}
+
+.font-heading-6 {
+  @extend %font-heading-6;
+}
+
+.font-body-1 {
+  @extend %font-body-1;
+}
+
+.font-body-2 {
+  @extend %font-body-2;
+}
+
+.font-subtitle-1 {
+  @extend %font-subtitle-1;
+}
+
+.font-subtitle-2 {
+  @extend %font-subtitle-2;
+}
+
+.font-chart-1 {
+  @extend %font-chart-1;
+}
+
+.font-chart-2 {
+  @extend %font-chart-2;
+}
+
+.font-button {
+  @extend %font-button;
+}
+
+.font-overline {
+  @extend %font-overline;
+}
+
+.font-caption {
+  @extend %font-caption;
+}
+
+.font-table-label {
+  @extend %font-table-label;
+}
+
+.font-input-label {
+  @extend %font-input-label;
+}
+
+.font-tab-label1 {
+  @extend %font-tab-label1;
+}
+
+.font-tab-label2 {
+  @extend %font-tab-label2;
+}
+
+.font-chip-label {
+  @extend %font-chip-label;
+}

package/styles/v4/grid.css

@@ -0,0 +1 @@
+.light-theme-v4 .row{display:flex;flex-wrap:wrap;margin-right:calc(24px/-2);margin-left:calc(24px/-2);width:unset;max-width:unset}.light-theme-v4 .row>*{box-sizing:border-box;padding-right:calc(24px/2);padding-left:calc(24px/2)}.light-theme-v4 .hidden{display:none}.light-theme-v4 .col-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-1{margin-left:8.3333333333%}.light-theme-v4 .offset-2{margin-left:16.6666666667%}.light-theme-v4 .offset-3{margin-left:25%}.light-theme-v4 .offset-4{margin-left:33.3333333333%}.light-theme-v4 .offset-5{margin-left:41.6666666667%}.light-theme-v4 .offset-6{margin-left:50%}.light-theme-v4 .offset-7{margin-left:58.3333333333%}.light-theme-v4 .offset-8{margin-left:66.6666666667%}.light-theme-v4 .offset-9{margin-left:75%}.light-theme-v4 .offset-10{margin-left:83.3333333333%}.light-theme-v4 .offset-11{margin-left:91.6666666667%}@media(min-width: 768px){.light-theme-v4 .hidden-xs{display:none}.light-theme-v4 .col-xs-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xs-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xs-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xs-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xs-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xs-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xs-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xs-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xs-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xs-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xs-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xs-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xs-0{margin-left:0}.light-theme-v4 .offset-xs-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xs-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xs-3{margin-left:25%}.light-theme-v4 .offset-xs-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xs-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xs-6{margin-left:50%}.light-theme-v4 .offset-xs-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xs-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xs-9{margin-left:75%}.light-theme-v4 .offset-xs-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xs-11{margin-left:91.6666666667%}}@media(min-width: 1024px){.light-theme-v4 .hidden-sm{display:none}.light-theme-v4 .col-sm-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-sm-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-sm-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-sm-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-sm-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-sm-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-sm-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-sm-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-sm-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-sm-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-sm-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-sm-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-sm-0{margin-left:0}.light-theme-v4 .offset-sm-1{margin-left:8.3333333333%}.light-theme-v4 .offset-sm-2{margin-left:16.6666666667%}.light-theme-v4 .offset-sm-3{margin-left:25%}.light-theme-v4 .offset-sm-4{margin-left:33.3333333333%}.light-theme-v4 .offset-sm-5{margin-left:41.6666666667%}.light-theme-v4 .offset-sm-6{margin-left:50%}.light-theme-v4 .offset-sm-7{margin-left:58.3333333333%}.light-theme-v4 .offset-sm-8{margin-left:66.6666666667%}.light-theme-v4 .offset-sm-9{margin-left:75%}.light-theme-v4 .offset-sm-10{margin-left:83.3333333333%}.light-theme-v4 .offset-sm-11{margin-left:91.6666666667%}}@media(min-width: 1280px){.light-theme-v4 .hidden-md{display:none}.light-theme-v4 .col-md-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-md-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-md-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-md-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-md-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-md-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-md-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-md-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-md-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-md-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-md-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-md-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-md-0{margin-left:0}.light-theme-v4 .offset-md-1{margin-left:8.3333333333%}.light-theme-v4 .offset-md-2{margin-left:16.6666666667%}.light-theme-v4 .offset-md-3{margin-left:25%}.light-theme-v4 .offset-md-4{margin-left:33.3333333333%}.light-theme-v4 .offset-md-5{margin-left:41.6666666667%}.light-theme-v4 .offset-md-6{margin-left:50%}.light-theme-v4 .offset-md-7{margin-left:58.3333333333%}.light-theme-v4 .offset-md-8{margin-left:66.6666666667%}.light-theme-v4 .offset-md-9{margin-left:75%}.light-theme-v4 .offset-md-10{margin-left:83.3333333333%}.light-theme-v4 .offset-md-11{margin-left:91.6666666667%}}@media(min-width: 1440px){.light-theme-v4 .hidden-lg{display:none}.light-theme-v4 .col-lg-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-lg-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-lg-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-lg-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-lg-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-lg-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-lg-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-lg-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-lg-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-lg-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-lg-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-lg-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-lg-0{margin-left:0}.light-theme-v4 .offset-lg-1{margin-left:8.3333333333%}.light-theme-v4 .offset-lg-2{margin-left:16.6666666667%}.light-theme-v4 .offset-lg-3{margin-left:25%}.light-theme-v4 .offset-lg-4{margin-left:33.3333333333%}.light-theme-v4 .offset-lg-5{margin-left:41.6666666667%}.light-theme-v4 .offset-lg-6{margin-left:50%}.light-theme-v4 .offset-lg-7{margin-left:58.3333333333%}.light-theme-v4 .offset-lg-8{margin-left:66.6666666667%}.light-theme-v4 .offset-lg-9{margin-left:75%}.light-theme-v4 .offset-lg-10{margin-left:83.3333333333%}.light-theme-v4 .offset-lg-11{margin-left:91.6666666667%}}@media(min-width: 1920px){.light-theme-v4 .hidden-xl{display:none}.light-theme-v4 .col-xl-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xl-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xl-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xl-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xl-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xl-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xl-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xl-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xl-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xl-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xl-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xl-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xl-0{margin-left:0}.light-theme-v4 .offset-xl-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xl-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xl-3{margin-left:25%}.light-theme-v4 .offset-xl-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xl-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xl-6{margin-left:50%}.light-theme-v4 .offset-xl-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xl-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xl-9{margin-left:75%}.light-theme-v4 .offset-xl-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xl-11{margin-left:91.6666666667%}}@media(min-width: 2560px){.light-theme-v4 .hidden-xxl{display:none}.light-theme-v4 .col-xxl-1{flex:0 0 auto;width:8.3333333333%}.light-theme-v4 .col-xxl-2{flex:0 0 auto;width:16.6666666667%}.light-theme-v4 .col-xxl-3{flex:0 0 auto;width:25%}.light-theme-v4 .col-xxl-4{flex:0 0 auto;width:33.3333333333%}.light-theme-v4 .col-xxl-5{flex:0 0 auto;width:41.6666666667%}.light-theme-v4 .col-xxl-6{flex:0 0 auto;width:50%}.light-theme-v4 .col-xxl-7{flex:0 0 auto;width:58.3333333333%}.light-theme-v4 .col-xxl-8{flex:0 0 auto;width:66.6666666667%}.light-theme-v4 .col-xxl-9{flex:0 0 auto;width:75%}.light-theme-v4 .col-xxl-10{flex:0 0 auto;width:83.3333333333%}.light-theme-v4 .col-xxl-11{flex:0 0 auto;width:91.6666666667%}.light-theme-v4 .col-xxl-12{flex:0 0 auto;width:100%}.light-theme-v4 .offset-xxl-0{margin-left:0}.light-theme-v4 .offset-xxl-1{margin-left:8.3333333333%}.light-theme-v4 .offset-xxl-2{margin-left:16.6666666667%}.light-theme-v4 .offset-xxl-3{margin-left:25%}.light-theme-v4 .offset-xxl-4{margin-left:33.3333333333%}.light-theme-v4 .offset-xxl-5{margin-left:41.6666666667%}.light-theme-v4 .offset-xxl-6{margin-left:50%}.light-theme-v4 .offset-xxl-7{margin-left:58.3333333333%}.light-theme-v4 .offset-xxl-8{margin-left:66.6666666667%}.light-theme-v4 .offset-xxl-9{margin-left:75%}.light-theme-v4 .offset-xxl-10{margin-left:83.3333333333%}.light-theme-v4 .offset-xxl-11{margin-left:91.6666666667%}}/*# sourceMappingURL=grid.css.map */

package/styles/v4/grid.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["grid.scss","breakpoints.scss"],"names":[],"mappings":"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","file":"grid.css"}

package/styles/v4/grid.scss

@@ -0,0 +1,74 @@
+@use "sass:math";
+
+@import "breakpoints";
+
+$gridColumns: 12 !default;
+$gridColumnGap: 24px !default;
+$columnPrefix: '.col' !default;
+$columnOffset: '.offset' !default;
+$columnHiddenPrefix: '.hidden' !default;
+
+// grid mixins
+// create column props by size
+@mixin make-col($size, $columns: $gridColumns) {
+    flex: 0 0 auto;
+    width: percentage(math.div($size, $columns));
+}
+
+// create column offset props
+@mixin make-col-offset($size, $columns: $gridColumns) {
+    $num: math.div($size, $columns);
+    margin-left: if($num==0, 0, percentage($num));
+}
+
+// Generate the correct number of grid classes
+@mixin make-grid-columns($columns: $gridColumns, $gutter: $gridColumnGap, $breakpoints: $breakPoints) {
+    @each $breakpoint in map-keys($breakpoints) {
+        $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+        @include media-breakpoint-min($breakpoint, $breakpoints) {
+
+            // generate hidden prop for col by break point .hidden-xx
+            .hidden#{$infix} {
+                display: none;
+            }
+
+            // generate by columns in col .col-xx-xx
+            @if $columns>0 {
+                @for $i from 1 through $columns {
+                    .col#{$infix}-#{$i} {
+                        @include make-col($i, $columns);
+                    }
+                }
+
+                // generate offsets
+                @for $i from 0 through ($columns - 1) {
+                    @if not ($infix==""and $i==0) {
+                        // Avoid emitting useless .offset-0
+                        .offset#{$infix}-#{$i} {
+                            @include make-col-offset($i, $columns);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.light-theme-v4 {
+    .row{
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(#{$gridColumnGap} / -2);
+        margin-left: calc(#{$gridColumnGap} / -2);
+        width: unset; // fixe for row from v3
+        max-width: unset; // fixe for row from v3
+        > * {
+            box-sizing: border-box;
+            padding-right: calc(#{$gridColumnGap} / 2);
+            padding-left: calc(#{$gridColumnGap} / 2);
+        }
+    }
+
+    @include make-grid-columns();
+}

package/testids/index.d.ts

@@ -41,12 +41,14 @@ export declare enum InputTestIdModifiers {
     LABEL_CONTAINER = "input-label-container",
     LABEL_TEXT = "input-label-text",
     FIELD = "input-field",
-    EXTRA_TEXT = "input-extra-text"
+    EXTRA_TEXT = "input-extra-text",
+    TOGGLE_PASSWORD = "input-toggle-password-icon"
 }
 export declare enum CheckboxTestIdModifiers {
     WRAPPER = "cb-wrapper",
     LABEL = "cb-label",
-    FIELD = "cb-field"
+    FIELD = "cb-field",
+    CHECKED = "cb-checked"
 }
 export declare enum RadioTestIdModifiers {
     FIELD = "radio-field",
@@ -144,3 +146,14 @@ export declare enum TextTestIdModifiers {
 export declare enum HeaderTestIdModifiers {
     HEADER = "h-header"
 }
+export declare enum FieldLabelTestIdModifiers {
+    CONTAINER = "field-label-container",
+    TEXT = "field-label-text",
+    MANDATORY = "field-label-mandatory",
+    TOOLTIP = "field-label-help-tooltip"
+}
+export declare enum FieldHelpTextTestIdModifiers {
+    CONTAINER = "field-help-text-container",
+    TEXT = "field-help-text-text",
+    ICON = "field-help-text-icon"
+}

package/testids/index.vue.js

@@ -1,170 +1,27 @@
-var IncludeExcludeTestIdModifiers = /* @__PURE__ */ ((IncludeExcludeTestIdModifiers2) => {
-  IncludeExcludeTestIdModifiers2["TRIGGER"] = "ie-trigger";
-  IncludeExcludeTestIdModifiers2["CONTENT"] = "ie-content";
-  IncludeExcludeTestIdModifiers2["SEARCH"] = "ie-search";
-  IncludeExcludeTestIdModifiers2["LIST"] = "ie-list";
-  IncludeExcludeTestIdModifiers2["LIST_SELECTED"] = "ie-list-selected";
-  IncludeExcludeTestIdModifiers2["ACTION_CANCEL"] = "ie-action-cancel";
-  IncludeExcludeTestIdModifiers2["ACTION_APPLY"] = "ie-action-apply";
-  IncludeExcludeTestIdModifiers2["SELECT_ALL"] = "ie-select-all";
-  IncludeExcludeTestIdModifiers2["CLEAR_ALL"] = "ie-clear-all";
-  return IncludeExcludeTestIdModifiers2;
-})(IncludeExcludeTestIdModifiers || {});
-var DropdownTestIdModifiers = /* @__PURE__ */ ((DropdownTestIdModifiers2) => {
-  DropdownTestIdModifiers2["TRIGGER"] = "dd-trigger";
-  DropdownTestIdModifiers2["WRAPPER"] = "dd-wrapper";
-  DropdownTestIdModifiers2["LABEL"] = "dd-label";
-  DropdownTestIdModifiers2["LIST_CONTAINER"] = "dd-list-container";
-  DropdownTestIdModifiers2["SEARCH"] = "dd-search";
-  DropdownTestIdModifiers2["TITLE"] = "dd-title";
-  DropdownTestIdModifiers2["ACTION_CANCEL"] = "dd-action-cancel";
-  DropdownTestIdModifiers2["ACTION_APPLY"] = "dd-action-apply";
-  DropdownTestIdModifiers2["HELPER_TEXT"] = "dd-helper-text";
-  DropdownTestIdModifiers2["HELPER_TEXT_ERROR"] = "dd-helper-text-error";
-  return DropdownTestIdModifiers2;
-})(DropdownTestIdModifiers || {});
-var BannerTestIdModifiers = /* @__PURE__ */ ((BannerTestIdModifiers2) => {
-  BannerTestIdModifiers2["WRAPPER"] = "banner-wrapper";
-  BannerTestIdModifiers2["CONTENT"] = "banner-content";
-  return BannerTestIdModifiers2;
-})(BannerTestIdModifiers || {});
-var DialogTestIdModifiers = /* @__PURE__ */ ((DialogTestIdModifiers2) => {
-  DialogTestIdModifiers2["WRAPPER"] = "dialog-wrapper";
-  DialogTestIdModifiers2["HEADER"] = "dialog-header";
-  DialogTestIdModifiers2["ACTION_CLOSE"] = "dialog-action-close";
-  DialogTestIdModifiers2["HEADER_SECONDARY"] = "dialog-header-secondary";
-  DialogTestIdModifiers2["CONTENT"] = "dialog-content";
-  DialogTestIdModifiers2["ACTION_BUTTONS_WRAPPER"] = "dialog-action-buttons-wrapper";
-  DialogTestIdModifiers2["BACKDROP"] = "dialog-backdrop";
-  return DialogTestIdModifiers2;
-})(DialogTestIdModifiers || {});
-var InputTestIdModifiers = /* @__PURE__ */ ((InputTestIdModifiers2) => {
-  InputTestIdModifiers2["WRAPPER"] = "input-wrapper";
-  InputTestIdModifiers2["TOOLTIP"] = "input-tooltip";
-  InputTestIdModifiers2["MANDATORY"] = "input-mandatory";
-  InputTestIdModifiers2["LABEL_CONTAINER"] = "input-label-container";
-  InputTestIdModifiers2["LABEL_TEXT"] = "input-label-text";
-  InputTestIdModifiers2["FIELD"] = "input-field";
-  InputTestIdModifiers2["EXTRA_TEXT"] = "input-extra-text";
-  return InputTestIdModifiers2;
-})(InputTestIdModifiers || {});
-var CheckboxTestIdModifiers = /* @__PURE__ */ ((CheckboxTestIdModifiers2) => {
-  CheckboxTestIdModifiers2["WRAPPER"] = "cb-wrapper";
-  CheckboxTestIdModifiers2["LABEL"] = "cb-label";
-  CheckboxTestIdModifiers2["FIELD"] = "cb-field";
-  return CheckboxTestIdModifiers2;
-})(CheckboxTestIdModifiers || {});
-var RadioTestIdModifiers = /* @__PURE__ */ ((RadioTestIdModifiers2) => {
-  RadioTestIdModifiers2["FIELD"] = "radio-field";
-  RadioTestIdModifiers2["LABEL"] = "radio-label";
-  RadioTestIdModifiers2["ERROR_TEXT"] = "radio-error-text";
-  RadioTestIdModifiers2["GROUP"] = "radio-group";
-  return RadioTestIdModifiers2;
-})(RadioTestIdModifiers || {});
-var SwitchTestIdModifiers = /* @__PURE__ */ ((SwitchTestIdModifiers2) => {
-  SwitchTestIdModifiers2["WRAPPER"] = "swicth-wrapper";
-  SwitchTestIdModifiers2["BUTTON"] = "swicth-button";
-  SwitchTestIdModifiers2["TEXT"] = "swicth-text";
-  return SwitchTestIdModifiers2;
-})(SwitchTestIdModifiers || {});
-var TextAreaTestIdModifiers = /* @__PURE__ */ ((TextAreaTestIdModifiers2) => {
-  TextAreaTestIdModifiers2["WRAPPER"] = "ta-wrapper";
-  TextAreaTestIdModifiers2["LABEL"] = "ta-label";
-  TextAreaTestIdModifiers2["FIELD"] = "ta-field";
-  TextAreaTestIdModifiers2["TEXT"] = "ta-text";
-  return TextAreaTestIdModifiers2;
-})(TextAreaTestIdModifiers || {});
-var SearchTestIdModifiers = /* @__PURE__ */ ((SearchTestIdModifiers2) => {
-  SearchTestIdModifiers2["CONTAINER"] = "search-container";
-  SearchTestIdModifiers2["FIELD"] = "search-field";
-  SearchTestIdModifiers2["CLOSE"] = "search-close";
-  return SearchTestIdModifiers2;
-})(SearchTestIdModifiers || {});
-var TableTestIdModifiers = /* @__PURE__ */ ((TableTestIdModifiers2) => {
-  TableTestIdModifiers2["CONTAINER"] = "tbl-container";
-  TableTestIdModifiers2["TABLE"] = "tbl-table";
-  TableTestIdModifiers2["HEADER"] = "tbl-header";
-  TableTestIdModifiers2["TITLE"] = "tbl-title";
-  TableTestIdModifiers2["HEADER_RIGHT"] = "tbl-header-right";
-  TableTestIdModifiers2["ACTIONS"] = "tbl-actions";
-  TableTestIdModifiers2["SECTIONS"] = "tbl-sections";
-  TableTestIdModifiers2["BODY_WRAPPER"] = "tbl-body-wrapper";
-  TableTestIdModifiers2["EMPTY_STATE"] = "tbl-empty-state";
-  return TableTestIdModifiers2;
-})(TableTestIdModifiers || {});
-var ToggleTestIdModifiers = /* @__PURE__ */ ((ToggleTestIdModifiers2) => {
-  ToggleTestIdModifiers2["WRAPPER"] = "toggle-wrapper";
-  ToggleTestIdModifiers2["BODY"] = "toggle-body";
-  ToggleTestIdModifiers2["FIELD"] = "toggle-field";
-  ToggleTestIdModifiers2["TEXT"] = "toggle-text";
-  ToggleTestIdModifiers2["HELPER_TEXT"] = "toggle-helper-text";
-  ToggleTestIdModifiers2["ERROR_TEXT"] = "toggle-error-text";
-  return ToggleTestIdModifiers2;
-})(ToggleTestIdModifiers || {});
-var TooltipTestIdModifiers = /* @__PURE__ */ ((TooltipTestIdModifiers2) => {
-  TooltipTestIdModifiers2["TEXT"] = "tt-text";
-  TooltipTestIdModifiers2["TRIGGER"] = "tt-trigger";
-  return TooltipTestIdModifiers2;
-})(TooltipTestIdModifiers || {});
-var AppTriggerTestIdModifiers = /* @__PURE__ */ ((AppTriggerTestIdModifiers2) => {
-  AppTriggerTestIdModifiers2["WRAPPER"] = "at-wrapper";
-  AppTriggerTestIdModifiers2["TITLE_TEXT"] = "at-title-text";
-  AppTriggerTestIdModifiers2["TITLE_TOOLTIP_TEXT"] = "at-tooltip-text";
-  AppTriggerTestIdModifiers2["DESCRIPTION_TOOLTIP_TEXT"] = "at-description-tooltip-text";
-  AppTriggerTestIdModifiers2["DESCRIPTION_TEXT"] = "at-description-text";
-  AppTriggerTestIdModifiers2["TRIGGER_BUTTON"] = "at-trigger-button";
-  return AppTriggerTestIdModifiers2;
-})(AppTriggerTestIdModifiers || {});
-var AutocompleteInputTestIdModifiers = /* @__PURE__ */ ((AutocompleteInputTestIdModifiers2) => {
-  AutocompleteInputTestIdModifiers2["WRAPPER"] = "ai-wrapper";
-  AutocompleteInputTestIdModifiers2["SELECTED_OPTION"] = "ai-selected-option";
-  AutocompleteInputTestIdModifiers2["SEARCH_FIELD"] = "ai-search-field";
-  return AutocompleteInputTestIdModifiers2;
-})(AutocompleteInputTestIdModifiers || {});
-var ChipTestIdModifiers = /* @__PURE__ */ ((ChipTestIdModifiers2) => {
-  ChipTestIdModifiers2["WRAPPER"] = "chip-wrapper";
-  ChipTestIdModifiers2["CLEAR"] = "chip-clear";
-  return ChipTestIdModifiers2;
-})(ChipTestIdModifiers || {});
-var DatePickerTestIdModifiers = /* @__PURE__ */ ((DatePickerTestIdModifiers2) => {
-  DatePickerTestIdModifiers2["WRAPPER"] = "dp-wrapper";
-  DatePickerTestIdModifiers2["INPUT"] = "dp-input";
-  return DatePickerTestIdModifiers2;
-})(DatePickerTestIdModifiers || {});
-var CalendarMonthTestIdModifiers = /* @__PURE__ */ ((CalendarMonthTestIdModifiers2) => {
-  CalendarMonthTestIdModifiers2["WRAPPER"] = "cm-wrapper";
-  CalendarMonthTestIdModifiers2["DAYS_HEADER"] = "cm-days-header";
-  CalendarMonthTestIdModifiers2["PREVIOUS"] = "cm-previous";
-  CalendarMonthTestIdModifiers2["NEXT"] = "cm-next";
-  CalendarMonthTestIdModifiers2["DAYS_WRAPPER"] = "cm-days-wrapper";
-  CalendarMonthTestIdModifiers2["DAY"] = "cm-day";
-  CalendarMonthTestIdModifiers2["MONTH_HEADER_TEXT"] = "cm-month-header-text";
-  CalendarMonthTestIdModifiers2["MONTH_HEADER"] = "cm-month-header";
-  return CalendarMonthTestIdModifiers2;
-})(CalendarMonthTestIdModifiers || {});
-var DateRangeTestIdModifiers = /* @__PURE__ */ ((DateRangeTestIdModifiers2) => {
-  DateRangeTestIdModifiers2["WRAPPER"] = "dr-wrapper";
-  DateRangeTestIdModifiers2["FIELD"] = "dr-field";
-  DateRangeTestIdModifiers2["TRIGGER"] = "dr-trigger";
-  DateRangeTestIdModifiers2["CONTAINER"] = "dr-container";
-  DateRangeTestIdModifiers2["MENU"] = "dr-menu";
-  DateRangeTestIdModifiers2["MESSAGE"] = "dr-message";
-  DateRangeTestIdModifiers2["ACTION_APPLY"] = "dr-action-apply";
-  DateRangeTestIdModifiers2["ACTION_CANCEL"] = "dr-action-cancel";
-  return DateRangeTestIdModifiers2;
-})(DateRangeTestIdModifiers || {});
-var TabsTestIdModifiers = /* @__PURE__ */ ((TabsTestIdModifiers2) => {
-  TabsTestIdModifiers2["WRAPPER"] = "tabs-wrapper";
-  TabsTestIdModifiers2["TAB"] = "tabs-tab";
-  return TabsTestIdModifiers2;
-})(TabsTestIdModifiers || {});
-var TextTestIdModifiers = /* @__PURE__ */ ((TextTestIdModifiers2) => {
-  TextTestIdModifiers2["TEXT"] = "t-text";
-  return TextTestIdModifiers2;
-})(TextTestIdModifiers || {});
-var HeaderTestIdModifiers = /* @__PURE__ */ ((HeaderTestIdModifiers2) => {
-  HeaderTestIdModifiers2["HEADER"] = "h-header";
-  return HeaderTestIdModifiers2;
-})(HeaderTestIdModifiers || {});
-
-export { AppTriggerTestIdModifiers, AutocompleteInputTestIdModifiers, BannerTestIdModifiers, CalendarMonthTestIdModifiers, CheckboxTestIdModifiers, ChipTestIdModifiers, DatePickerTestIdModifiers, DateRangeTestIdModifiers, DialogTestIdModifiers, DropdownTestIdModifiers, HeaderTestIdModifiers, IncludeExcludeTestIdModifiers, InputTestIdModifiers, RadioTestIdModifiers, SearchTestIdModifiers, SwitchTestIdModifiers, TableTestIdModifiers, TabsTestIdModifiers, TextAreaTestIdModifiers, TextTestIdModifiers, ToggleTestIdModifiers, TooltipTestIdModifiers };
+var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E))(R || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(A || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E))(t || {}), r = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(r || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(P || {}), O = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(O || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(L || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(N || {}), p = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E))(p || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(c || {}), l = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E))(l || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(n || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(C || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(v || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(S || {}), X = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(X || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(b || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(W || {}), h = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(h || {}), H = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(H || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(G || {}), m = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(m || {});
+export {
+  n as AppTriggerTestIdModifiers,
+  C as AutocompleteInputTestIdModifiers,
+  A as BannerTestIdModifiers,
+  X as CalendarMonthTestIdModifiers,
+  P as CheckboxTestIdModifiers,
+  v as ChipTestIdModifiers,
+  S as DatePickerTestIdModifiers,
+  b as DateRangeTestIdModifiers,
+  t as DialogTestIdModifiers,
+  R as DropdownTestIdModifiers,
+  m as FieldHelpTextTestIdModifiers,
+  G as FieldLabelTestIdModifiers,
+  H as HeaderTestIdModifiers,
+  a as IncludeExcludeTestIdModifiers,
+  r as InputTestIdModifiers,
+  O as RadioTestIdModifiers,
+  p as SearchTestIdModifiers,
+  L as SwitchTestIdModifiers,
+  _ as TableTestIdModifiers,
+  W as TabsTestIdModifiers,
+  N as TextAreaTestIdModifiers,
+  h as TextTestIdModifiers,
+  c as ToggleTestIdModifiers,
+  l as TooltipTestIdModifiers
+};

package/utils/array.vue.js

@@ -1,13 +1,9 @@
-const isObjectInArray = (array, element) => {
-  const foundObject = array.find((obj) => {
-    for (const key in element) {
-      if (obj[key] !== element[key]) {
-        return false;
-      }
-    }
-    return true;
-  });
-  return !!foundObject;
+const c = (t, r) => !!t.find((e) => {
+  for (const n in r)
+    if (e[n] !== r[n])
+      return !1;
+  return !0;
+});
+export {
+  c as isObjectInArray
 };
-
-export { isObjectInArray };

package/utils/object.vue.js

@@ -1,10 +1,9 @@
-const objectsEqual = (objA, objB) => {
-  for (const key in objA) {
-    if (objA[key] !== objB[key]) {
-      return false;
-    }
-  }
-  return true;
+const n = (e, t) => {
+  for (const r in e)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
+};
+export {
+  n as objectsEqual
 };
-
-export { objectsEqual };

package/utils/style.vue.js

@@ -1,5 +1,5 @@
-import { PX_TO_REM_RATIO } from '../consts/style.vue.js';
-
-const pxToRem = (value) => value * PX_TO_REM_RATIO;
-
-export { pxToRem };
+import { PX_TO_REM_RATIO as m } from "../consts/style.vue.js";
+const r = (o) => o * m;
+export {
+  r as pxToRem
+};

package/utils/testIds.d.ts

@@ -0,0 +1 @@
+export declare function useTestIdAttrs(testIdValue: string, testIdModifiers: Record<string, any>): import("vue").ComputedRef<{}>;