@epam/uui 5.10.2-alpha.0 → 5.10.2-patch.0

package/assets/styles/typography.scss

@@ -1,180 +1,180 @@
-@use  '../../assets/styles/effects' as *;
-
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.uui-typography {
-    font-family: var(--uui-font);
-    color: var(--uui-text-primary);
-
-    .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, 2px);
-        }
-
-        &: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-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 overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.uui-typography {
+    font-family: var(--uui-font);
+    color: var(--uui-text-primary);
+
+    .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, 2px);
+        }
+
+        &: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-size-12 {
+    font-size: 12px;
+}
+
+.uui-typography-size-14 {
+    font-size: 14px;
+}
+
+.uui-typography-size-16 {
+    font-size: 16px;
+}

package/components/datePickers/RangeDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,OAAO,EAAsD,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AAmHzH,eAAO,MAAM,eAAe,0FAA6C,CAAC"}
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,OAAO,EAAsD,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AAsIzH,eAAO,MAAM,eAAe,0FAA6C,CAAC"}

package/components/datePickers/RangeDatePickerInput.d.ts

@@ -34,6 +34,10 @@ export interface RangeDatePickerInputProps extends IEditable<RangeDatePickerValu
     * Handles blur event on input element
    */
     onBlurInput?: (event: React.FocusEvent<HTMLInputElement, Element>, inputType: RangeDatePickerInputType) => void;
+    /** Called on keyDown event.
+     Can be used to provide your own handlers.
+     */
+    onKeyDown?(e: React.KeyboardEvent<HTMLDivElement>): void;
 }
 export declare const RangeDatePickerInput: React.ForwardRefExoticComponent<RangeDatePickerInputProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=RangeDatePickerInput.d.ts.map

package/components/datePickers/RangeDatePickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePickerInput.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAc,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAS/F;;GAEG;AACH,MAAM,WAAW,yBACb,SAAQ,SAAS,CAAC,oBAAoB,CAAC,EACvC,MAAM,EACN,UAAU,EACV,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;IAC1F;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACtE;;WAEG;QACH,EAAE,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;KACvE,CAAC;IACF;;OAEG;IACH,OAAO,EAAE,wBAAwB,CAAC;IAClC;;MAEE;IACF,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACvG;;KAEC;IACD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACnH;AAED,eAAO,MAAM,oBAAoB,kGAuH/B,CAAC"}
+{"version":3,"file":"RangeDatePickerInput.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAc,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAS/F;;GAEG;AACH,MAAM,WAAW,yBACb,SAAQ,SAAS,CAAC,oBAAoB,CAAC,EACvC,MAAM,EACN,UAAU,EACV,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;IAC1F;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACtE;;WAEG;QACH,EAAE,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;KACvE,CAAC;IACF;;OAEG;IACH,OAAO,EAAE,wBAAwB,CAAC;IAClC;;MAEE;IACF,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACvG;;KAEC;IACD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAEhH;;OAEG;IACH,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,oBAAoB,kGA0H/B,CAAC"}

package/components/pickers/DataPickerFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataPickerFooter.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAInC,MAAM,WAAW,4BAA4B;CAC5C;AAED,UAAU,oBAAqB,SAAQ,OAAO;CAC7C;AAED,MAAM,MAAM,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,SAAS,CAAC,oBAAoB,EAAE,4BAA4B,CAAC,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IAC5I,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,eA0DpG;AAED,eAAO,MAAM,gBAAgB,wDAAmC,CAAC"}
+{"version":3,"file":"DataPickerFooter.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAInC,MAAM,WAAW,4BAA4B;CAC5C;AAED,UAAU,oBAAqB,SAAQ,OAAO;CAC7C;AAED,MAAM,MAAM,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,SAAS,CAAC,oBAAoB,EAAE,4BAA4B,CAAC,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IAC5I,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,eA4DpG;AAED,eAAO,MAAM,gBAAgB,wDAAmC,CAAC"}