@epam/uui 5.3.0-rc.0 → 5.3.0

package/assets/styles/inputs.scss

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

package/assets/styles/typography.scss

@@ -12,7 +12,7 @@
     }
 
     .hero-header {
-        font-family: var(--font-promo);
+        font-family: var(--uui-font);
         font-weight: 500;
         margin: 30px 0;
         font-size: 66px;
@@ -20,7 +20,7 @@
     }
 
     .promo-header, h1, h2, h3 {
-        font-family: var(--font-primary);
+        font-family: var(--uui-font);
         font-weight: 700;
     }
 
@@ -99,7 +99,7 @@
         padding: 0.125em 0.25em;
         color: var(--uui-text-primary);
         background-color: var(--uui-neutral-30);
-        font-family: var(--font-mono);
+        font-family: var(--uui-font-mono, 'monospace');
         font-weight: 400;
         white-space: pre-wrap;
         word-wrap: normal;
@@ -141,15 +141,23 @@
     }
 
     .uui-critical {
-        color: var(--uui-critical-70);
+        color: var(--uui-text-critical);
+    }
+
+    .uui-info {
+        color: var(--uui-text-info);
     }
 
     .uui-success {
-        color: var(--uui-success-70);
+        color: var(--uui-text-success);
     }
 
     .uui-warning {
-        color: var(--uui-warning-70);
+        color: var(--uui-text-warning);
+    }
+
+    .uui-highlight {
+        background-color: var(--uui-warning-10);
     }
 }
 

package/build/assets/styles/buttonLayout.scss

@@ -0,0 +1,67 @@
+@use './text-size' as *;
+
+@mixin button-layout($size, $borderWidth) {
+    @include button-horizontal-layout($size, $borderWidth);
+    @include button-vertical-layout($size, $borderWidth);
+}
+
+@mixin link-button-layout($size) {
+    @include link-button-horizontal-layout($size);
+    @include button-vertical-layout($size, 0);
+}
+
+@mixin button-vertical-layout($size, $borderWidth) {
+    &:global(.uui-button-box) {
+        min-height: $size;
+        border-width: $borderWidth;
+    }
+
+    :global(.uui-caption) {
+        @include text-size($size, $borderWidth);
+
+        @if ($size == 42px or $size == 48px) {
+            font-size: 16px;
+        }
+    }
+}
+
+@mixin button-horizontal-layout($size, $borderWidth) {
+    min-width: $size;
+
+    @if ($size == 18px) {
+        @include button-padding(3px, 3px, $borderWidth);
+    } @else if ($size == 24px) {
+        @include button-padding(6px, 6px, $borderWidth);
+    } @else if ($size == 30px) {
+        @include button-padding(6px, 6px, $borderWidth);
+    } @else if ($size == 36px) {
+        @include button-padding(6px, 6px, $borderWidth);
+    } @else if ($size == 42px) {
+        @include button-padding(12px, 6px, $borderWidth);
+    } @else if ($size == 48px) {
+        @include button-padding(12px, 6px, $borderWidth);
+    } @else {
+        @include button-padding(6px, 6px, $borderWidth); }
+}
+
+@mixin button-padding($controlPadding, $captionPadding, $borderWidth) {
+    padding-left: $controlPadding - $borderWidth;
+    padding-right: $controlPadding - $borderWidth;
+
+    :global(.uui-caption) {
+        padding-left: $captionPadding;
+        padding-right: $captionPadding;
+    }
+}
+
+@mixin link-button-horizontal-layout($size) {
+    min-width: $size;
+
+    &:global(.uui-has-left-icon) :global(.uui-caption) {
+        padding-left: 6px;
+    }
+
+    &:global(.uui-has-right-icon) :global(.uui-caption) {
+        padding-right: 6px;
+    }
+}

package/build/assets/styles/controlLayout.scss

@@ -0,0 +1,28 @@
+@use 'text-size' as *;
+
+@mixin control-vertical-layout($size, $borderWidth) {
+    :global(.uui-caption), :global(.uui-input) {
+        @include text-size($size, $borderWidth);
+    }
+
+    &:global(.uui-button-box), &:global(.uui-input-box) {
+        min-height: $size;
+        border-width: $borderWidth;
+    }
+}
+
+@mixin control-box-layout($size, $borderWidth) {
+    min-width: $size;
+    padding-left: 5px;
+    padding-right: 5px;
+
+    :global(.uui-caption), :global(.uui-input) {
+        padding-left: 6px;
+        padding-right: 6px;
+    }
+
+    &:global(.uui-button-box), &:global(.uui-input-box) {
+        min-height: $size;
+        border-width: $borderWidth;
+    }
+}

package/build/assets/styles/dnd.scss

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

package/build/assets/styles/effects.scss

@@ -0,0 +1,7 @@
+@mixin dnd-ghost-shadow() { box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05); }
+
+@mixin focus-visible-effect($offset: 2px, $radius: 2px) {
+    outline: 2px solid var(--uui-outline-focus);
+    outline-offset: $offset;
+    border-radius: $radius;
+}

package/build/assets/styles/icons.scss

@@ -0,0 +1,19 @@
+@use 'sass:math';
+
+@mixin icon-layout($size) {
+    :global(.uui-icon) {
+        svg {
+            height: math.div($size, 36) * 24;
+            max-width: math.div($size, 36) * 24;
+        }
+    }
+}
+
+@mixin icon-size($size) {
+    :global(.uui-icon) {
+        svg {
+            height: $size;
+            max-width: $size;
+        }
+    }
+}

package/build/assets/styles/index.scss

@@ -0,0 +1,8 @@
+@forward 'buttonLayout';
+@forward 'controlLayout';
+@forward 'effects';
+@forward 'icons';
+@forward 'inputs';
+@forward 'text-size';
+@forward 'typography';
+@forward 'dnd';

package/build/assets/styles/inputs.scss

@@ -0,0 +1,74 @@
+@mixin disabled-input() {
+    &.mode-form {
+        @include input-colors(var(--uui-control-bg-disabled), var(--uui-control-text-disabled), var(--uui-control-border-disabled), var(--uui-control-placeholder-disabled));
+        cursor: default;
+        pointer-events: none;
+
+        &:hover, &:active, &:focus {
+            @include input-colors(var(--uui-control-bg-disabled), var(--uui-control-text-disabled), var(--uui-control-border-disabled), var(--uui-control-placeholder-disabled));
+            box-shadow: none;
+        }
+    }
+
+    &.mode-cell {
+        @include input-colors(transparent, var(--uui-control-text-disabled), transparent, var(--uui-control-placeholder-disabled));
+        cursor: default;
+        pointer-events: none;
+
+        &:hover, &:active, &:focus {
+            @include input-colors(transparent, var(--uui-control-text-disabled), transparent, var(--uui-control-placeholder-disabled));
+            box-shadow: none;
+        }
+    }
+}
+
+@mixin readonly-input() {
+    &.mode-form {
+        background-color: var(--uui-control-bg-disabled);
+        border-color: var(--uui-control-border-disabled);
+        pointer-events: none;
+
+        &:hover {
+            border-color: var(--uui-control-border-disabled);
+        }
+
+        :global(.uui-input) {
+            &::placeholder {
+                color: var(--uui-control-placeholder-disabled);
+            }
+        }
+    }
+
+    &.mode-cell {
+        background-color: transparent;
+        border-color: transparent;
+        pointer-events: none;
+
+        &: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/build/assets/styles/text-size.scss

@@ -0,0 +1,37 @@
+@function vpadding($size, $border-width) {
+    @if ($size == 18px or $size == 24px) {
+        @return (3px - $border-width);
+    } @else if ($size == 30px) {
+        @return (6px - $border-width);
+    } @else if ($size == 36px or $size == 42px) {
+        @return (9px - $border-width);
+    } @else if ($size == 48px) {
+        @return (12px - $border-width);
+    }
+
+    @return (null);
+}
+
+@mixin text-size($size, $border-width: 0) {
+    @if ($size == 18px) {
+        line-height: 12px;
+        font-size: 10px;
+    } @else if ($size == 24px) {
+        line-height: 18px;
+        font-size: 12px;
+    } @else if ($size == 30px) {
+        line-height: 18px;
+        font-size: 14px;
+    } @else if ($size == 36px) {
+        line-height: 18px;
+        font-size: 14px;
+    } @else if ($size == 42px) {
+        line-height: 24px;
+        font-size: 16px;
+    } @else if ($size == 48px) {
+        line-height: 24px;
+        font-size: 16px;
+    }
+    padding-top: vpadding($size, $border-width);
+    padding-bottom: vpadding($size, $border-width);
+}

package/build/assets/styles/typography.scss

@@ -0,0 +1,174 @@
+@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;
+
+        &: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/build/components/filters/FilterPanelItemToggler.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IDropdownToggler, IHasCX } from '@epam/uui-core';
+export interface FilterToolbarItemTogglerProps extends IDropdownToggler {
+    selection?: React.ReactNode[];
+    postfix?: string | null | JSX.Element;
+    title?: string;
+    maxWidth?: string;
+    size?: '24' | '30' | '36' | '42' | '48';
+    cx?: IHasCX;
+    predicateName: string | null;
+}
+export declare const FilterPanelItemToggler: React.ForwardRefExoticComponent<Pick<FilterToolbarItemTogglerProps, "isDisabled" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "onClick" | "selection" | "cx" | "title" | "maxWidth" | "size" | "postfix" | "predicateName"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FilterPanelItemToggler.d.ts.map

package/build/components/filters/FilterPanelItemToggler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelItemToggler.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPanelItemToggler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAS1F,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB;IACnE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,iTAqEjC,CAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DropdownBodyProps } from '@epam/uui-core';
+import { PickerInputBaseProps } from '@epam/uui-components';
+type FilterPickerBodyProps<TItem, TId> = DropdownBodyProps & PickerInputBaseProps<TItem, TId> & {
+    showSearch?: boolean;
+};
+export declare function FilterPickerBody<TItem, TId>(props: FilterPickerBodyProps<TItem, TId>): JSX.Element;
+export {};
+//# sourceMappingURL=FilterPickerBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPickerBody.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPickerBody.tsx"],"names":[],"mappings":";AACA,OAAO,EAAqC,iBAAiB,EAAY,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAuB,oBAAoB,EAAkB,MAAM,sBAAsB,CAAC;AAKjG,KAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IAC5F,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,eA6DpF"}

package/build/components/filters/FiltersPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersPanel.d.ts","sourceRoot":"","sources":["../../../components/filters/FiltersPanel.tsx"],"names":[],"mappings":";AAOA,OAAO,EACa,kBAAkB,EAAmD,cAAc,EACtG,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,iBAAiB,CAAC,OAAO;IACtC,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;IACvC,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C;AAyCD,iBAAS,kBAAkB,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,eA0JpF;AAED,eAAO,MAAM,YAAY,2BAA8D,CAAC"}

package/build/components/filters/FiltersPanelItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersPanelItem.d.ts","sourceRoot":"","sources":["../../../components/filters/FiltersPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAqB,kBAAkB,EAAoB,SAAS,EAAsG,MAAM,gBAAgB,CAAC;AAcxM,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAC7D,SAAS,CAAC,GAAG,CAAC,GAAG;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,eAqO7D;AAED,eAAO,MAAM,gBAAgB,0DAAqC,CAAC"}

package/build/components/filters/PresetPanel/Preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preset.d.ts","sourceRoot":"","sources":["../../../../components/filters/PresetPanel/Preset.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ3E,UAAU,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IACvD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;CAC9B;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,eA6CzC"}

package/build/components/filters/PresetPanel/PresetInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetInput.d.ts","sourceRoot":"","sources":["../../../../components/filters/PresetPanel/PresetInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,UAAU,iBAAiB;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,eAoCnD"}

package/build/components/filters/PresetPanel/PresetsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetsPanel.d.ts","sourceRoot":"","sources":["../../../../components/filters/PresetPanel/PresetsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EACH,cAAc,EAAE,YAAY,EAAE,WAAW,EAC5C,MAAM,gBAAgB,CAAC;AAYxB,MAAM,WAAW,iBAAkB,SAAQ,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtG,UAAU,EAAE,cAAc,CAAC;CAC9B;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAwFpD"}

package/build/components/filters/PresetPanel/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const UUI_PRESETS_PANEL_ADD_BUTTON = "uui-presets-panel-add-button";
+export declare const UUI_PRESETS_PANEL_MORE_BUTTON = "uui-presets-panel-more-button";
+export declare const UUI_PRESETS_PANEL_INPUT = "uui-presets-panel-input";
+export declare const UUI_PRESETS_PANEL_PRESET = "uui-presets-panel-preset";
+//# sourceMappingURL=constants.d.ts.map

package/build/components/filters/PresetPanel/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../components/filters/PresetPanel/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,6BAA6B,kCAAkC,CAAC;AAC7E,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,wBAAwB,6BAA6B,CAAC"}

package/build/components/filters/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const UUI_FILTERS_PANEL_ADD_BUTTON = "uui-filters-panel-add-button";
+export declare const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = "uui-filters-panel-add-button-body";
+export declare const UUI_FILTERS_PANEL_ITEM_BODY = "uui-filters-panel-item-body";
+export declare const UUI_FILTERS_PANEL_ITEM_TOGGLER = "uui-filters-panel-item-toggler";
+//# sourceMappingURL=constants.d.ts.map

package/build/components/filters/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../components/filters/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,iCAAiC,sCAAsC,CAAC;AACrF,eAAO,MAAM,2BAA2B,gCAAgC,CAAC;AACzE,eAAO,MAAM,8BAA8B,mCAAmC,CAAC"}

package/build/components/inputs/TextInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IEditableDebouncerOptions } from '@epam/uui-core';
+import { TextInputProps as CoreTextInputProps } from '@epam/uui-components';
+import { IHasEditMode, ControlSize } from '../types';
+export interface TextInputMods extends IHasEditMode {
+    size?: ControlSize;
+}
+export declare function applyTextInputMods(mods: TextInputMods): string[];
+export interface TextInputProps extends CoreTextInputProps, TextInputMods {
+}
+export interface SearchInputProps extends TextInputProps, IEditableDebouncerOptions {
+}
+export declare const TextInput: (props: CoreTextInputProps & TextInputMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const SearchInput: React.ForwardRefExoticComponent<Pick<SearchInputProps, "name" | "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "isRequired" | "onClick" | "id" | "placeholder" | "cx" | "icon" | "iconPosition" | "onIconClick" | "dropdownIcon" | "rawProps" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "type" | "autoComplete" | "maxLength" | "inputMode" | "inputCx" | "mode" | "size" | "disableDebounce" | "debounceDelay" | "acceptIcon" | "cancelIcon" | "renderInput"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextInput.d.ts.map

package/build/components/layout/ScrollBars.d.ts

@@ -0,0 +1,3 @@
+import { ScrollbarProps } from '@epam/uui-components';
+export declare const ScrollBars: (props: ScrollbarProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=ScrollBars.d.ts.map

package/build/components/layout/ScrollBars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollBars.d.ts","sourceRoot":"","sources":["../../../components/layout/ScrollBars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUnF,eAAO,MAAM,UAAU,wJAA+D,CAAC"}