@salutejs/plasma-new-hope 0.344.0-canary.2390.20364773479.0 → 0.344.0-canary.2397.20370453452.0

package/dist/styled-components/es/components/Range/ui/InformationWrapper/InformationWrapper.styles.js

@@ -0,0 +1,144 @@
+import styled from "styled-components";
+import { informationWrapperConfig, informationWrapperTokens } from "../../../InformationWrapper";
+import { component, mergeConfig } from "../../../../engines";
+import { tokens } from "../../Range.tokens";
+var mergedConfig = mergeConfig(informationWrapperConfig);
+var InformationWrapper = component(mergedConfig);
+export var InformationWrapperUI = styled(InformationWrapper).withConfig({
+    displayName: "InformationWrapper.styles__InformationWrapperUI",
+    componentId: "sc-9068791-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], informationWrapperTokens.indicatorWrapperGap, tokens.indicatorWrapperGap, informationWrapperTokens.labelWrapperOffset, tokens.labelWrapperOffset, informationWrapperTokens.labelWrapperTitleCaptionOffset, tokens.labelWrapperTitleCaptionOffset, informationWrapperTokens.labelFontFamily, tokens.labelFontFamily, informationWrapperTokens.labelFontStyle, tokens.labelFontStyle, informationWrapperTokens.labelFontSize, tokens.labelFontSize, informationWrapperTokens.labelFontWeight, tokens.labelFontWeight, informationWrapperTokens.labelLetterSpacing, tokens.labelLetterSpacing, informationWrapperTokens.labelLineHeight, tokens.labelLineHeight, informationWrapperTokens.labelColor, tokens.labelColor, informationWrapperTokens.contentGap, tokens.contentGap, informationWrapperTokens.titleCaptionOffset, tokens.titleCaptionOffset, informationWrapperTokens.titleCaptionColor, tokens.titleCaptionColor, informationWrapperTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, informationWrapperTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, informationWrapperTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, informationWrapperTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, informationWrapperTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, informationWrapperTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, informationWrapperTokens.hintMargin, tokens.hintMargin, informationWrapperTokens.hintTargetSize, tokens.hintTargetSize, informationWrapperTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, informationWrapperTokens.hintIconColor, tokens.hintIconColor, informationWrapperTokens.hintWithoutLabelPlacementOffset, tokens.hintWithoutLabelPlacementOffset, informationWrapperTokens.tooltipBackgroundColor, tokens.tooltipBackgroundColor, informationWrapperTokens.tooltipBoxShadow, tokens.tooltipBoxShadow, informationWrapperTokens.tooltipColor, tokens.tooltipColor, informationWrapperTokens.tooltipPaddingTop, tokens.tooltipPaddingTop, informationWrapperTokens.tooltipPaddingRight, tokens.tooltipPaddingRight, informationWrapperTokens.tooltipPaddingBottom, tokens.tooltipPaddingBottom, informationWrapperTokens.tooltipPaddingLeft, tokens.tooltipPaddingLeft, informationWrapperTokens.tooltipMinHeight, tokens.tooltipMinHeight, informationWrapperTokens.tooltipBorderRadius, tokens.tooltipBorderRadius, informationWrapperTokens.tooltipTextFontFamily, tokens.tooltipTextFontFamily, informationWrapperTokens.tooltipTextFontSize, tokens.tooltipTextFontSize, informationWrapperTokens.tooltipTextFontStyle, tokens.tooltipTextFontStyle, informationWrapperTokens.tooltipTextFontWeight, tokens.tooltipTextFontWeight, informationWrapperTokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLetterSpacing, informationWrapperTokens.tooltipTextFontLineHeight, tokens.tooltipTextFontLineHeight, informationWrapperTokens.tooltipContentLeftMargin, tokens.tooltipContentLeftMargin, informationWrapperTokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskWidth, informationWrapperTokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskHeight, informationWrapperTokens.tooltipArrowMaskImage, tokens.tooltipArrowMaskImage, informationWrapperTokens.tooltipArrowHeight, tokens.tooltipArrowHeight, informationWrapperTokens.tooltipArrowEdgeMargin, tokens.tooltipArrowEdgeMargin, informationWrapperTokens.tooltipArrowBackground, tokens.tooltipArrowBackground, informationWrapperTokens.indicatorColor, tokens.indicatorColor, informationWrapperTokens.indicatorSizeInner, tokens.indicatorSizeInner, informationWrapperTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, informationWrapperTokens.indicatorMarginTop, tokens.indicatorMarginTop, informationWrapperTokens.indicatorOuterLeft, tokens.indicatorOuterLeft, informationWrapperTokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInner, informationWrapperTokens.indicatorWithoutLabelInnerLeft, tokens.indicatorWithoutLabelInnerLeft, informationWrapperTokens.leftHelperColor, tokens.leftHelperColor, informationWrapperTokens.helpersPadding, tokens.helpersPadding, informationWrapperTokens.helpersGap, tokens.helpersGap, informationWrapperTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, informationWrapperTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, informationWrapperTokens.leftHelperFontSize, tokens.leftHelperFontSize, informationWrapperTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, informationWrapperTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, informationWrapperTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, informationWrapperTokens.labelColorReadOnly, tokens.labelColorReadOnly, informationWrapperTokens.titleCaptionColorReadOnly, tokens.titleCaptionColorReadOnly, informationWrapperTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, informationWrapperTokens.rightHelperColorReadOnly, tokens.rightHelperColorReadOnly);

package/dist/styled-components/es/components/Range/ui/InformationWrapper/index.js

@@ -0,0 +1 @@
+export { InformationWrapperUI } from "./InformationWrapper.styles";

package/dist/styled-components/es/components/Range/ui/index.js

@@ -0,0 +1,2 @@
+export * from "./InformationWrapper";
+export * from "./Hint";

package/dist/styled-components/es/components/Range/variations/_hint-size/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

package/dist/styled-components/es/components/Range/variations/_hint-view/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

package/dist/styled-components/es/components/Range/variations/_readonly/base.js

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { tokens } from "../../Range.tokens";
-import { ContentWrapper, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, StyledLabel } from "../../Range.styles";
+import { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from "../../Range.styles";
 export var base = css([
     "&[readonly]{cursor:default;",
     "{position:relative;box-shadow:none;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
@@ -9,10 +9,6 @@ export var base = css([
     ");background:var(",
     ");opacity:var(",
     ");z-index:-1;}}",
-    "{display:block;color:var(",
-    ");}",
-    "{color:var(",
-    ");}",
     "{color:var(",
     ");opacity:var(",
     ");}",
@@ -22,4 +18,4 @@ export var base = css([
     ");cursor:default;}}",
     "{opacity:var(",
     ");pointer-events:none;}}"
-], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
+], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);

package/dist/styled-components/es/components/Range/variations/_size/base.js

@@ -1,6 +1,10 @@
 import { css } from "styled-components";
+import { popoverClasses } from "../../../Popover";
+import { informationWrapperTokens } from "../../../InformationWrapper";
+import { Indicator } from "../../../InformationWrapper/InformationWrapper.styles";
 import { classes, tokens } from "../../Range.tokens";
-import { StyledLabel, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, ContentWrapper, StyledIndicator } from "../../Range.styles";
+import { StyledContentLeft, StyledContentRight, StyledDivider, ContentWrapper, StyledContentRightWrapper } from "../../Range.styles";
+import { InformationWrapperUI } from "../../ui";
 export var base = css([
     "",
     "{width:inherit;border-radius:var(",
@@ -15,36 +19,20 @@ export var base = css([
     ");letter-spacing:var(",
     ");line-height:var(",
     ");}",
-    "{margin-bottom:var(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}",
-    "{width:var(",
-    ");height:var(",
-    ");inset:var(",
-    ");&.",
-    "{inset:var(",
-    ");}&.",
-    "{width:var(",
-    ");height:var(",
-    ");inset:var(",
-    ");&.",
-    "{inset:var(",
-    ");}}}",
     "{margin:var(",
     ");}",
     "{margin:var(",
     ");}",
+    "{.",
     "{margin:var(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}"
-], ContentWrapper, tokens.borderRadius, tokens.borderRadius, tokens.shadow, StyledDivider, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontSize, tokens.dividerFontStyle, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, StyledLabel, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledIndicator, tokens.indicatorSize, tokens.indicatorSize, tokens.indicatorPlacement, classes.requiredAlignRight, tokens.indicatorPlacementRight, classes.requiredOuterPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorOuterPlacement, classes.requiredAlignRight, tokens.indicatorOuterPlacementRight, StyledContentLeft, tokens.leftContentMargin, StyledContentRight, tokens.rightContentMargin, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight);
+    ");}}",
+    ".",
+    "{",
+    ":var(",
+    ");}&.",
+    ".",
+    "{",
+    " ",
+    "{--plasma_private-translateY-without-title-caption:calc(-1 * var(",
+    "));transform:translateY(var(--plasma_private-translateY-without-title-caption));}}"
+], ContentWrapper, tokens.borderRadius, tokens.borderRadius, tokens.shadow, StyledDivider, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontSize, tokens.dividerFontStyle, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, StyledContentLeft, tokens.leftContentMargin, StyledContentRight, tokens.rightContentMargin, StyledContentRightWrapper, popoverClasses.wrapper, tokens.hintPlacementInnerMargin, InformationWrapperUI, classes.clearHasOuterHint, informationWrapperTokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelOuterHint, classes.clear, classes.noCaptionAndLabel, InformationWrapperUI, Indicator, tokens.titleCaptionLineHeight);

package/dist/styled-components/es/components/Range/variations/_view/base.js

@@ -1,7 +1,8 @@
 import { css } from "styled-components";
-import { classes, tokens } from "../../Range.tokens";
-import { StyledLabel, LeftHelper, StyledDivider, ContentWrapper, StyledIndicator, StyledInput } from "../../Range.styles";
+import { informationWrapperClasses } from "../../../InformationWrapper";
 import { textFieldTokens } from "../../../TextField";
+import { classes, tokens } from "../../Range.tokens";
+import { StyledDivider, ContentWrapper, StyledInput, StyledContentLeft } from "../../Range.styles";
 export var base = css([
     "",
     "{background-color:var(",
@@ -24,19 +25,78 @@ export var base = css([
     ":var(",
     ",var(",
     "));}}&:before{box-shadow:var(",
-    ");}}",
+    ");}}&.",
+    "{.",
+    "{",
     "{color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}}",
+    ":before{background:var(",
     ");}",
-    "{display:block;color:var(",
-    ");}",
-    "{background-color:var(",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":transparent;",
+    ":transparent;",
+    ":transparent;}}",
+    ".",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}.",
+    "{",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}}",
+    ":before{background:var(",
     ");}",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":transparent;",
+    ":transparent;",
+    ":transparent;}}",
+    ".",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}}",
     "{color:var(",
-    ");&.",
-    ",&.",
+    ");}.",
+    ",.",
+    "{.",
     "{color:var(",
-    ");}&.",
-    ",&.",
+    ");}}.",
+    ",.",
+    "{.",
     "{color:var(",
     ");}}"
-], ContentWrapper, tokens.background, tokens.borderWidth, tokens.borderColor, classes.rangeError, tokens.backgroundError, tokens.borderWidth, tokens.borderColorError, StyledInput, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, classes.rangeSuccess, tokens.backgroundSuccess, tokens.borderWidth, tokens.borderColorSuccess, StyledInput, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, tokens.shadow, StyledDivider, tokens.dividerColor, StyledLabel, tokens.labelColor, StyledIndicator, tokens.indicatorColor, LeftHelper, tokens.leftHelperColor, classes.rangeError, classes.rangeValueError, tokens.leftHelperColorError, classes.rangeSuccess, classes.rangeValueSuccess, tokens.leftHelperColorSuccess);
+], ContentWrapper, tokens.background, tokens.borderWidth, tokens.borderColor, classes.rangeError, tokens.backgroundError, tokens.borderWidth, tokens.borderColorError, StyledInput, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, classes.rangeSuccess, tokens.backgroundSuccess, tokens.borderWidth, tokens.borderColorSuccess, StyledInput, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, tokens.shadow, classes.clear, classes.rangeSuccess, StyledContentLeft, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, ContentWrapper, tokens.textFieldDividerColorSuccess, StyledInput, textFieldTokens.contentSlotColor, tokens.contentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorSuccessActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueSuccess, textFieldTokens.contentSlotColor, tokens.contentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorSuccessActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorSuccess, classes.rangeError, StyledContentLeft, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, ContentWrapper, tokens.textFieldDividerColorError, StyledInput, textFieldTokens.contentSlotColor, tokens.contentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorErrorActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueError, textFieldTokens.contentSlotColor, tokens.contentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorErrorActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorError, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorError, StyledDivider, tokens.dividerColor, classes.rangeSuccess, classes.rangeValueSuccess, informationWrapperClasses.leftHelper, tokens.leftHelperColorSuccess, classes.rangeError, classes.rangeValueError, informationWrapperClasses.leftHelper, tokens.leftHelperColorError);

package/dist/styled-components/es/components/Table/Table.js

@@ -114,13 +114,12 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { forwardRef, useState, useMemo, useRef } from "react";
 import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table";
 import { useForkRef } from "@salutejs/plasma-core";
-import { classes } from "./Table.tokens";
 import { SELECT_COLUMN_ID } from "./utils";
 import { HeadCell, Cell, EditableCell } from "./ui";
-import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
+import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
 export var tableRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -134,11 +133,7 @@ export var tableRoot = function(Root) {
             "maxHeight",
             "stickyHeader",
             "onCellUpdate",
-            "setRowProps",
-            "topContent",
-            "bottomContent",
-            "loadingSlot",
-            "onScroll"
+            "setRowProps"
         ]);
         var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -261,7 +256,6 @@ export var tableRoot = function(Root) {
             onRowSelectionChange: handleRowSelection,
             columnResizeMode: 'onChange',
             columnResizeDirection: 'ltr',
-            manualPagination: true,
             meta: {
                 updateData: function(rowId, columnId, value) {
                     if (onCellUpdate) {
@@ -275,12 +269,11 @@ export var tableRoot = function(Root) {
             data: data,
             columns: columns,
             view: view,
-            size: size
-        }, props), topContent, /*#__PURE__*/ React.createElement(ScrollableWrapper, {
-            className: classes.scrollableContainer,
-            onScroll: onScroll,
-            maxHeight: maxHeight
-        }, /*#__PURE__*/ React.createElement(Table, {
+            size: size,
+            style: {
+                maxHeight: maxHeight || 'none'
+            }
+        }, props), /*#__PURE__*/ React.createElement(Table, {
             borderVariant: borderVariant,
             stickyHeader: stickyHeader
         }, /*#__PURE__*/ React.createElement(Thead, {
@@ -327,7 +320,7 @@ export var tableRoot = function(Root) {
                     additionalProps: additionalProps
                 });
             }));
-        }))), loadingSlot), bottomContent);
+        }))));
     });
 };
 export var tableConfig = {

package/dist/styled-components/es/components/Table/Table.styles.js

@@ -15,21 +15,11 @@ var Divider = component(mergedDividerConfig);
 var mergedLinkButtonConfig = mergeConfig(linkButtonConfig);
 var LinkButtonBase = component(mergedLinkButtonConfig);
 export var base = css([
-    "display:inline-flex;flex-direction:column;align-items:flex-start;"
+    "display:inline-block;overflow-y:auto;"
 ]);
-export var ScrollableWrapper = styled.div.withConfig({
-    displayName: "Table.styles__ScrollableWrapper",
-    componentId: "sc-c4913190-0"
-})([
-    "overflow-y:auto;max-height:",
-    ";"
-], function(param) {
-    var maxHeight = param.maxHeight;
-    return maxHeight || 'none';
-});
 export var Table = styled.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-c4913190-1"
+    componentId: "sc-382f3104-0"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -45,7 +35,7 @@ export var Table = styled.table.withConfig({
 });
 export var Tr = styled.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-c4913190-2"
+    componentId: "sc-382f3104-1"
 })([
     "box-sizing:content-box;width:fit-content;background-color:",
     ";"
@@ -55,11 +45,11 @@ export var Tr = styled.tr.withConfig({
 });
 export var Thead = styled.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-c4913190-3"
+    componentId: "sc-382f3104-2"
 })([
     "position:",
     ";top:0;background:",
-    ";z-index:10;box-shadow:",
+    ";z-index:1;box-shadow:",
     ";",
     "{background:transparent;}"
 ], function(param) {
@@ -75,13 +65,13 @@ export var Thead = styled.thead.withConfig({
 }, Tr);
 export var Tbody = styled.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-c4913190-4"
+    componentId: "sc-382f3104-3"
 })([
     ""
 ]);
 export var Resizer = styled.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-c4913190-5"
+    componentId: "sc-382f3104-4"
 })([
     "display:",
     ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
@@ -91,12 +81,12 @@ export var Resizer = styled.div.withConfig({
 });
 export var Th = styled.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-c4913190-6"
+    componentId: "sc-382f3104-5"
 })([
     "padding:",
     ";position:relative;font-weight:600;text-align:left;height:var(",
     ");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
-    ";box-sizing:border-box;&:hover{",
+    ";&:hover{",
     "{display:block;}}"
 ], function(param) {
     var selectionCell = param.selectionCell;
@@ -107,7 +97,7 @@ export var Th = styled.th.withConfig({
 }, Resizer);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-c4913190-7"
+    componentId: "sc-382f3104-6"
 })([
     "",
     ":var(",
@@ -127,7 +117,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
 ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
 export var StyledDivider = styled(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-c4913190-8"
+    componentId: "sc-382f3104-7"
 })([
     "",
     ":0.0625rem;",
@@ -136,7 +126,7 @@ export var StyledDivider = styled(Divider).withConfig({
 ], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
 export var Button = styled(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-c4913190-9"
+    componentId: "sc-382f3104-8"
 })([
     "",
     ":var(",
@@ -157,7 +147,7 @@ export var Button = styled(ButtonBase).withConfig({
 ], buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFontFamily, tokens.buttonFontFamily, buttonTokens.buttonFontSize, tokens.buttonFontSize, buttonTokens.buttonFontStyle, tokens.buttonFontStyle, buttonTokens.buttonFontWeight, tokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, tokens.buttonLineHeight);
 export var ButtonAccent = styled(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-c4913190-10"
+    componentId: "sc-382f3104-9"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -168,7 +158,7 @@ export var ButtonAccent = styled(Button).withConfig({
 ], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
 export var LinkButton = styled(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-c4913190-11"
+    componentId: "sc-382f3104-10"
 })([
     "",
     ":var(--text-primary);",

package/dist/styled-components/es/components/Table/Table.tokens.js

@@ -4,8 +4,7 @@ export var classes = {
     sortingAscIcon: 'sorting-asc-icon',
     sortingDescIcon: 'sorting-desc-icon',
     filterIcon: 'filter-icon',
-    resizeDivider: 'resize-divider',
-    scrollableContainer: 'table-scrollable-container'
+    resizeDivider: 'resize-divider'
 };
 export var tableTokens = {
     fontFamily: '--plasma-table-font-family',

package/dist/styled-components/es/components/TextArea/TextArea.js

@@ -161,7 +161,7 @@ export var getDynamicLabelClasses = function(props, focused) {
 };
 export var textAreaRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, innerRef) {
-        var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, _props_optionalText = props.optionalText, optionalText = _props_optionalText === void 0 ? 'optional' : _props_optionalText, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, _props_labelAriaHidden = props.labelAriaHidden, labelAriaHidden = _props_labelAriaHidden === void 0 ? false : _props_labelAriaHidden, onChange = props.onChange, rest = _object_without_properties(props, [
+        var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? false : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, _props_optionalText = props.optionalText, optionalText = _props_optionalText === void 0 ? 'optional' : _props_optionalText, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, _props_labelAriaHidden = props.labelAriaHidden, labelAriaHidden = _props_labelAriaHidden === void 0 ? false : _props_labelAriaHidden, onChange = props.onChange, rest = _object_without_properties(props, [
             "helperText",
             "status",
             "resize",

package/dist/styled-components/es/components/TextField/TextField.js

@@ -128,7 +128,7 @@ var HINT_DEFAULT_OFFSET = [
 export var textFieldRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
         var id = _param.id, className = _param.className, style = _param.style, // layout
-        contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
+        contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         appearance = _param.appearance, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore

package/dist/styled-components/es/components/TimePicker/TimePicker.js

@@ -137,7 +137,7 @@ import { base as readonlyCSS } from "./variations/_readonly/base";
 import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
 export var timePickerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_readonly = _param.readonly, readonly = _param_readonly === void 0 ? false : _param_readonly, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, offset = _param.offset, stretched = _param.stretched, _param_dropdownAlign = _param.dropdownAlign, dropdownAlign = _param_dropdownAlign === void 0 ? 'left' : _param_dropdownAlign, dropdownWidth = _param.dropdownWidth, dropdownHeight = _param.dropdownHeight, _param_columnsQuantity = _param.columnsQuantity, columnsQuantity = _param_columnsQuantity === void 0 ? 2 : _param_columnsQuantity, onToggle = _param.onToggle, onFocus = _param.onFocus, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, placeholder = _param.placeholder, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_readonly = _param.readonly, readonly = _param_readonly === void 0 ? false : _param_readonly, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, offset = _param.offset, stretched = _param.stretched, _param_dropdownAlign = _param.dropdownAlign, dropdownAlign = _param_dropdownAlign === void 0 ? 'left' : _param_dropdownAlign, dropdownWidth = _param.dropdownWidth, dropdownHeight = _param.dropdownHeight, _param_columnsQuantity = _param.columnsQuantity, columnsQuantity = _param_columnsQuantity === void 0 ? 2 : _param_columnsQuantity, onToggle = _param.onToggle, onFocus = _param.onFocus, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "className",
             "opened",
             "value",