@epam/uui 6.2.0 → 6.3.1

package/assets/styles/clickable.scss

@@ -1,27 +1,27 @@
-@mixin clickable-styles() {
-    text-decoration: none;
-    outline: none;
-    border: 0;
-    background: none;
-    box-sizing: border-box;
-    appearance: none;
-    align-items: unset;
-    padding: unset;
-    margin: unset;
-    justify-content: unset;
-    overflow: hidden;
-    display: flex;
-    position: relative;
-
-    &:hover {
-        text-decoration: none;
-    }
-
-    &:global(.-clickable) {
-        cursor: pointer;
-    }
-
-    &:global(.uui-disabled) {
-        cursor: default;
-    }
+@mixin clickable-styles() {
+    text-decoration: none;
+    outline: none;
+    border: 0;
+    background: none;
+    box-sizing: border-box;
+    appearance: none;
+    align-items: unset;
+    padding: unset;
+    margin: unset;
+    justify-content: unset;
+    overflow: hidden;
+    display: flex;
+    position: relative;
+
+    &:hover {
+        text-decoration: none;
+    }
+
+    &:global(.-clickable) {
+        cursor: pointer;
+    }
+
+    &:global(.uui-disabled) {
+        cursor: default;
+    }
 }

package/assets/styles/dnd.scss

@@ -1,9 +1,9 @@
-@mixin dnd-cursor-style {
-    &:hover {
-        cursor: grab;
-    }
-
-    &:active {
-        cursor: grabbing;
-    }
-}
+@mixin dnd-cursor-style {
+    &:hover {
+        cursor: grab;
+    }
+
+    &:active {
+        cursor: grabbing;
+    }
+}

package/assets/styles/effects.scss

@@ -1,6 +1,6 @@
-@mixin dnd-ghost-shadow() { box-shadow: var(--uui-shadow-level-3); }
-
-@mixin focus-visible-effect($offset: var(--uui-focus-outline-offset)) {
-    outline: var(--uui-focus-outline-width) solid var(--uui-outline-focus);
-    outline-offset: $offset;
-}
+@mixin dnd-ghost-shadow() { box-shadow: var(--uui-shadow-level-3); }
+
+@mixin focus-visible-effect($offset: var(--uui-focus-outline-offset)) {
+    outline: var(--uui-focus-outline-width) solid var(--uui-outline-focus);
+    outline-offset: $offset;
+}

package/assets/styles/helpers.scss

@@ -1,4 +1,4 @@
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
+@mixin overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
 }

package/assets/styles/index.scss

@@ -1,6 +1,6 @@
-@forward 'clickable';
-@forward 'effects';
-@forward 'inputs';
-@forward 'helpers';
-//@forward 'typography'; don't include typography into index, since it will insert typography styles for each index import
-@forward 'dnd';
+@forward 'clickable';
+@forward 'effects';
+@forward 'inputs';
+@forward 'helpers';
+//@forward 'typography'; don't include typography into index, since it will insert typography styles for each index import
+@forward 'dnd';

package/assets/styles/inputs.scss

@@ -1,70 +1,70 @@
-@mixin disabled-input() {
-    &:global(.uui-control-mode-form) {
-        cursor: default;
-        @include input-colors(var(--uui-control-bg-disabled), var(--uui-control-text-disabled), var(--uui-control-border-disabled), var(--uui-control-placeholder-disabled));
-
-        &:hover, &:active, &:focus {
-            box-shadow: none;
-            @include input-colors(var(--uui-control-bg-disabled), var(--uui-control-text-disabled), var(--uui-control-border-disabled), var(--uui-control-placeholder-disabled));
-        }
-    }
-
-    &:global(.uui-control-mode-cell) {
-        cursor: default;
-        @include input-colors(transparent, var(--uui-control-text-disabled), transparent, var(--uui-control-placeholder-disabled));
-
-        &:hover, &:active, &:focus {
-            box-shadow: none;
-            @include input-colors(transparent, var(--uui-control-text-disabled), transparent, var(--uui-control-placeholder-disabled));
-        }
-    }
-}
-
-@mixin readonly-input() {
-    &:global(.uui-control-mode-form) {
-        background-color: var(--uui-control-bg-disabled);
-        border-color: var(--uui-control-border-disabled);
-
-        &:hover {
-            border-color: var(--uui-control-border-disabled);
-        }
-
-        :global(.uui-input) {
-            &::placeholder {
-                color: var(--uui-control-placeholder-disabled);
-            }
-        }
-    }
-
-    &:global(.uui-control-mode-cell) {
-        background-color: transparent;
-        border-color: transparent;
-
-        &:hover {
-            background-color: transparent;
-            border-color: transparent;
-        }
-
-        :global(.uui-input) {
-            &::placeholder {
-                color: var(--uui-control-placeholder-disabled);
-            }
-        }
-    }
-}
-
-@mixin input-colors($bg, $color, $border, $placeholder) {
-    background-color: $bg;
-    color: $color;
-    fill: $color;
-    border-color: $border;
-
-    // override more selective selector on input tag in browsers stylesheets
-    :global(.uui-input) {
-        color: $color;
-
-        &::placeholder {
-            color: $placeholder;
-        }
-    }
-}
+@mixin disabled-input() {
+    &:global(.uui-control-mode-form) {
+        cursor: default;
+        @include input-colors(var(--uui-control-bg-disabled), var(--uui-control-text-disabled), var(--uui-control-border-disabled), var(--uui-control-placeholder-disabled));
+
+        &:hover, &:active, &:focus {
+            box-shadow: none;
+            @include input-colors(var(--uui-control-bg-disabled), var(--uui-control-text-disabled), var(--uui-control-border-disabled), var(--uui-control-placeholder-disabled));
+        }
+    }
+
+    &:global(.uui-control-mode-cell) {
+        cursor: default;
+        @include input-colors(transparent, var(--uui-control-text-disabled), transparent, var(--uui-control-placeholder-disabled));
+
+        &:hover, &:active, &:focus {
+            box-shadow: none;
+            @include input-colors(transparent, var(--uui-control-text-disabled), transparent, var(--uui-control-placeholder-disabled));
+        }
+    }
+}
+
+@mixin readonly-input() {
+    &:global(.uui-control-mode-form) {
+        background-color: var(--uui-control-bg-disabled);
+        border-color: var(--uui-control-border-disabled);
+
+        &:hover {
+            border-color: var(--uui-control-border-disabled);
+        }
+
+        :global(.uui-input) {
+            &::placeholder {
+                color: var(--uui-control-placeholder-disabled);
+            }
+        }
+    }
+
+    &:global(.uui-control-mode-cell) {
+        background-color: transparent;
+        border-color: transparent;
+
+        &:hover {
+            background-color: transparent;
+            border-color: transparent;
+        }
+
+        :global(.uui-input) {
+            &::placeholder {
+                color: var(--uui-control-placeholder-disabled);
+            }
+        }
+    }
+}
+
+@mixin input-colors($bg, $color, $border, $placeholder) {
+    background-color: $bg;
+    color: $color;
+    fill: $color;
+    border-color: $border;
+
+    // override more selective selector on input tag in browsers stylesheets
+    :global(.uui-input) {
+        color: $color;
+
+        &::placeholder {
+            color: $placeholder;
+        }
+    }
+}

package/assets/styles/typography.scss

@@ -1,184 +1,184 @@
-@use  '../../assets/styles/effects' as *;
-
-@mixin typography-elements {
-    .hero-header, h1, h2, h3, h4, h5, h6 {
-        margin: 0;
-    }
-
-    .hero-header {
-        font-family: var(--uui-font);
-        font-weight: 500;
-        margin: 30px 0;
-        font-size: 66px;
-        line-height: 72px;
-    }
-
-    .promo-header, h1, h2, h3 {
-        font-family: var(--uui-font);
-        font-weight: 700;
-    }
-
-    h4, h5, h6 {
-        font-family: var(--uui-font);
-        font-weight: 600;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-        margin-bottom: 0.5em;
-        margin-top: 1.2em;
-        line-height: 1.35em;
-    }
-
-    h1 {
-        font-size: 42px;
-    }
-
-    h2 {
-        font-size: 30px;
-        letter-spacing: 0.1px;
-
-        .promo-header {
-            letter-spacing: 2px;
-        }
-    }
-
-    h3 {
-        font-size: 24px;
-    }
-
-    h4 {
-        font-size: 18px;
-        letter-spacing: 0.1px;
-    }
-
-    h5 {
-        font-size: 16px;
-    }
-
-    h6 {
-        font-size: 14px;
-    }
-
-    b, strong {
-        font-family: var(--uui-font);
-        font-weight: 600;
-    }
-
-    i, em {
-        font-family: var(--uui-font);
-        font-weight: 400;
-        font-style: italic;
-    }
-
-    a {
-        display: inline-flex;
-        align-items: center;
-        color: var(--uui-link);
-        text-decoration: underline;
-
-        &:focus-visible {
-            @include focus-visible-effect(2px);
-            border-radius: var(--uui-focus-radius);
-        }
-
-        &:visited {
-            color: var(--uui-link-visited);
-
-            &:hover {
-                color: var(--uui-link-visited-hover);
-            }
-        }
-
-        &:hover {
-            color: var(--uui-link-hover);
-        }
-    }
-
-    code {
-        padding: 0.125em 0.25em;
-        color: var(--uui-text-primary);
-        background-color: var(--uui-neutral-30);
-        font-family: var(--uui-font-mono, monospace);
-        font-weight: 400;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    ol, ul {
-        padding: 0;
-    }
-
-    li {
-        margin-left: 1.25em;
-        line-height: 1.5;
-    }
-
-    pre {
-        padding: 1.25em;
-        font-family: monospace;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    img {
-        max-width: 100%;
-    }
-
-    figure {
-        margin: 0;
-
-        figcaption {
-            font-size: 0.9em;
-            opacity: 0.9;
-            text-align: center;
-        }
-    }
-
-    p {
-        margin: 0.5em 0;
-        line-height: 1.5;
-    }
-
-    .uui-critical {
-        color: var(--uui-text-critical);
-    }
-
-    .uui-info {
-        color: var(--uui-text-info);
-    }
-
-    .uui-success {
-        color: var(--uui-text-success);
-    }
-
-    .uui-warning {
-        color: var(--uui-text-warning);
-    }
-
-    .uui-highlight {
-        background-color: var(--uui-warning-10);
-    }
-}
-
-.uui-typography {
-    font-family: var(--uui-font);
-    color: var(--uui-text-primary);
-
-    @include typography-elements;
-}
-
-.uui-typography-inline {
-    @include typography-elements;
-}
-
-.uui-typography-size-12 {
-    font-size: 12px;
-}
-
-.uui-typography-size-14 {
-    font-size: 14px;
-}
-
-.uui-typography-size-16 {
-    font-size: 16px;
-}
+@use  '../../assets/styles/effects' as *;
+
+@mixin typography-elements {
+    .hero-header, h1, h2, h3, h4, h5, h6 {
+        margin: 0;
+    }
+
+    .hero-header {
+        font-family: var(--uui-font);
+        font-weight: 500;
+        margin: 30px 0;
+        font-size: 66px;
+        line-height: 72px;
+    }
+
+    .promo-header, h1, h2, h3 {
+        font-family: var(--uui-font);
+        font-weight: 700;
+    }
+
+    h4, h5, h6 {
+        font-family: var(--uui-font);
+        font-weight: 600;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+        margin-bottom: 0.5em;
+        margin-top: 1.2em;
+        line-height: 1.35em;
+    }
+
+    h1 {
+        font-size: 42px;
+    }
+
+    h2 {
+        font-size: 30px;
+        letter-spacing: 0.1px;
+
+        .promo-header {
+            letter-spacing: 2px;
+        }
+    }
+
+    h3 {
+        font-size: 24px;
+    }
+
+    h4 {
+        font-size: 18px;
+        letter-spacing: 0.1px;
+    }
+
+    h5 {
+        font-size: 16px;
+    }
+
+    h6 {
+        font-size: 14px;
+    }
+
+    b, strong {
+        font-family: var(--uui-font);
+        font-weight: 600;
+    }
+
+    i, em {
+        font-family: var(--uui-font);
+        font-weight: 400;
+        font-style: italic;
+    }
+
+    a {
+        display: inline-flex;
+        align-items: center;
+        color: var(--uui-link);
+        text-decoration: underline;
+
+        &:focus-visible {
+            @include focus-visible-effect(2px);
+            border-radius: var(--uui-focus-radius);
+        }
+
+        &:visited {
+            color: var(--uui-link-visited);
+
+            &:hover {
+                color: var(--uui-link-visited-hover);
+            }
+        }
+
+        &:hover {
+            color: var(--uui-link-hover);
+        }
+    }
+
+    code {
+        padding: 0.125em 0.25em;
+        color: var(--uui-text-primary);
+        background-color: var(--uui-neutral-30);
+        font-family: var(--uui-font-mono, monospace);
+        font-weight: 400;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+
+    ol, ul {
+        padding: 0;
+    }
+
+    li {
+        margin-left: 1.25em;
+        line-height: 1.5;
+    }
+
+    pre {
+        padding: 1.25em;
+        font-family: monospace;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    figure {
+        margin: 0;
+
+        figcaption {
+            font-size: 0.9em;
+            opacity: 0.9;
+            text-align: center;
+        }
+    }
+
+    p {
+        margin: 0.5em 0;
+        line-height: 1.5;
+    }
+
+    .uui-critical {
+        color: var(--uui-text-critical);
+    }
+
+    .uui-info {
+        color: var(--uui-text-info);
+    }
+
+    .uui-success {
+        color: var(--uui-text-success);
+    }
+
+    .uui-warning {
+        color: var(--uui-text-warning);
+    }
+
+    .uui-highlight {
+        background-color: var(--uui-warning-10);
+    }
+}
+
+.uui-typography {
+    font-family: var(--uui-font);
+    color: var(--uui-text-primary);
+
+    @include typography-elements;
+}
+
+.uui-typography-inline {
+    @include typography-elements;
+}
+
+.uui-typography-size-12 {
+    font-size: 12px;
+}
+
+.uui-typography-size-14 {
+    font-size: 14px;
+}
+
+.uui-typography-size-16 {
+    font-size: 16px;
+}

package/components/buttons/TabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEH,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,QAAQ,EAGR,SAAS,EACT,YAAY,EACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAOzF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,qBAAqB;CAAG;AAEzC,0DAA0D;AAC1D,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,aAAa,EAAE,qBAAqB,CAAC,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY;IACnK,kCAAkC;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,gIA6DpB,CAAC"}
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEH,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,QAAQ,EAGR,SAAS,EACT,YAAY,EACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAOzF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,qBAAqB;CAAG;AAEzC,0DAA0D;AAC1D,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,aAAa,EAAE,qBAAqB,CAAC,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY;IACnK,kCAAkC;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,gIAkFpB,CAAC"}

package/components/fileUpload/FileCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,kBAAkB,EAAe,UAAU,EAAE,MAAM,EAAU,MAAM,gBAAgB,CAAC;AAWjG,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC;IACpE;;MAEE;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;MAGE;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,MAAM;IACrD,6BAA6B;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFA6GnB,CAAC"}
+{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,kBAAkB,EAAe,UAAU,EAAE,MAAM,EAAU,MAAM,gBAAgB,CAAC;AAWjG,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC;IACpE;;MAEE;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;MAGE;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,MAAM;IACrD,6BAA6B;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFAoHnB,CAAC"}

package/components/filters/FilterPickerBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPickerBody.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAmB,MAAM,gBAAgB,CAAC;AAUnH,KAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAAG;IACtH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EACzC,sBAA6B,EAC7B,GAAG,SAAS,EACf,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,qBA2FnC"}
+{"version":3,"file":"FilterPickerBody.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAmB,MAAM,gBAAgB,CAAC;AAUnH,KAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAAG;IACtH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EACzC,sBAA6B,EAC7B,GAAG,SAAS,EACf,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,qBA4FnC"}

package/components/inputs/timePicker/TimePickerBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerBody.d.ts","sourceRoot":"","sources":["../../../../components/inputs/timePicker/TimePickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAMX,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAiHxD"}
+{"version":3,"file":"TimePickerBody.d.ts","sourceRoot":"","sources":["../../../../components/inputs/timePicker/TimePickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAMX,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAmHxD"}