@salutejs/plasma-new-hope 0.343.1-canary.2382.20340419800.0 → 0.343.1-canary.2382.20450527564.0

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

@@ -21,6 +21,9 @@ _export(exports, {
     get Resizer () {
         return Resizer;
     },
+    get ScrollableWrapper () {
+        return ScrollableWrapper;
+    },
     get StyledCheckbox () {
         return StyledCheckbox;
     },
@@ -103,11 +106,21 @@ var Divider = (0, _engines.component)(mergedDividerConfig);
 var mergedLinkButtonConfig = (0, _engines.mergeConfig)(_LinkButton.linkButtonConfig);
 var LinkButtonBase = (0, _engines.component)(mergedLinkButtonConfig);
 var base = (0, _styledcomponents.css)([
-    "display:inline-block;overflow-y:auto;"
+    "display:inline-flex;flex-direction:column;align-items:flex-start;"
 ]);
+var ScrollableWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Table.styles__ScrollableWrapper",
+    componentId: "sc-c4913190-0"
+})([
+    "overflow-y:auto;max-height:",
+    ";"
+], function(param) {
+    var maxHeight = param.maxHeight;
+    return maxHeight || 'none';
+});
 var Table = _styledcomponents.default.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-382f3104-0"
+    componentId: "sc-c4913190-1"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -123,7 +136,7 @@ var Table = _styledcomponents.default.table.withConfig({
 });
 var Tr = _styledcomponents.default.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-382f3104-1"
+    componentId: "sc-c4913190-2"
 })([
     "box-sizing:content-box;width:fit-content;background-color:",
     ";"
@@ -133,11 +146,11 @@ var Tr = _styledcomponents.default.tr.withConfig({
 });
 var Thead = _styledcomponents.default.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-382f3104-2"
+    componentId: "sc-c4913190-3"
 })([
     "position:",
     ";top:0;background:",
-    ";z-index:1;box-shadow:",
+    ";z-index:10;box-shadow:",
     ";",
     "{background:transparent;}"
 ], function(param) {
@@ -153,13 +166,13 @@ var Thead = _styledcomponents.default.thead.withConfig({
 }, Tr);
 var Tbody = _styledcomponents.default.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-382f3104-3"
+    componentId: "sc-c4913190-4"
 })([
     ""
 ]);
 var Resizer = _styledcomponents.default.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-382f3104-4"
+    componentId: "sc-c4913190-5"
 })([
     "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;"
@@ -169,12 +182,12 @@ var Resizer = _styledcomponents.default.div.withConfig({
 });
 var Th = _styledcomponents.default.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-382f3104-5"
+    componentId: "sc-c4913190-6"
 })([
     "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:",
-    ";&:hover{",
+    ";box-sizing:border-box;&:hover{",
     "{display:block;}}"
 ], function(param) {
     var selectionCell = param.selectionCell;
@@ -185,7 +198,7 @@ var Th = _styledcomponents.default.th.withConfig({
 }, Resizer);
 var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-382f3104-6"
+    componentId: "sc-c4913190-7"
 })([
     "",
     ":var(",
@@ -205,7 +218,7 @@ var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
 ], _Checkbox.checkboxTokens.triggerSize, _Tabletokens.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Tabletokens.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Tabletokens.tableTokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Tabletokens.tableTokens.checkboxTriggerIconColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Tabletokens.tableTokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Tabletokens.tableTokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Tabletokens.tableTokens.checkboxTriggerBorderColor);
 var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-382f3104-7"
+    componentId: "sc-c4913190-8"
 })([
     "",
     ":0.0625rem;",
@@ -214,7 +227,7 @@ var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
 ], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);
 var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-382f3104-8"
+    componentId: "sc-c4913190-9"
 })([
     "",
     ":var(",
@@ -235,7 +248,7 @@ var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
 ], _Button.buttonTokens.buttonHeight, _Tabletokens.tableTokens.buttonHeight, _Button.buttonTokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFontFamily, _Tabletokens.tableTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Tabletokens.tableTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Tabletokens.tableTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Tabletokens.tableTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Tabletokens.tableTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Tabletokens.tableTokens.buttonLineHeight);
 var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-382f3104-9"
+    componentId: "sc-c4913190-10"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -246,7 +259,7 @@ var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
 ], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive);
 var LinkButton = (0, _styledcomponents.default)(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-382f3104-10"
+    componentId: "sc-c4913190-11"
 })([
     "",
     ":var(--text-primary);",

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

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

package/dist/styled-components/cjs/components/Tabs/utils/index.js

@@ -16,6 +16,7 @@ _export(exports, {
         return getLastOverflowingTab;
     }
 });
+var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
 var getIsFirstOverflowingTab = function(item, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
     if (!item.current) {
@@ -25,7 +26,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
     if (currentOffset === undefined) {
         return;
     }
-    return currentOffset < maxScroll;
+    return currentOffset < maxScroll - TOLERANCE;
 };
 var getIsLastOverflowingTab = function(item, minScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -37,7 +38,8 @@ var getIsLastOverflowingTab = function(item, minScroll) {
         return;
     }
     var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
-    return currentOffset + additionalOffset > minScroll;
+    var itemRightEdge = currentOffset + additionalOffset;
+    return itemRightEdge > minScroll + TOLERANCE;
 };
 var getFirstOverflowingTab = function(items, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';

package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js

@@ -80,13 +80,13 @@ var mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePickerG
 var TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-d43646a1-0"
+    componentId: "sc-d0cc628-0"
 })([
     ""
 ]);
 var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-d43646a1-1"
+    componentId: "sc-d0cc628-1"
 })([
     "",
     ":var(",
@@ -130,11 +130,13 @@ var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withCo
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ");"
-], _TimePickerGrid.timePickerGridTokens.timePickerGridBackground, _TimePickertokens.tokens.timePickerBackground, _TimePickerGrid.timePickerGridTokens.timePickerGridBorderRadius, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickerGrid.timePickerGridTokens.timePickerGridWidth, _TimePickertokens.tokens.timePickerWidth, _TimePickerGrid.timePickerGridTokens.timePickerGridPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.columnHeight, _TimePickertokens.tokens.columnHeight, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin);
+], _TimePickerGrid.timePickerGridTokens.timePickerGridBackground, _TimePickertokens.tokens.timePickerBackground, _TimePickerGrid.timePickerGridTokens.timePickerGridBorderRadius, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickerGrid.timePickerGridTokens.timePickerGridWidth, _TimePickertokens.tokens.timePickerWidth, _TimePickerGrid.timePickerGridTokens.timePickerGridPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.columnHeight, _TimePickertokens.tokens.columnHeight, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFocusColor, _TimePickertokens.tokens.itemFocusColor, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-d43646a1-2"
+    componentId: "sc-d0cc628-2"
 })([
     "width:100%;",
     ":var(",
@@ -300,7 +302,7 @@ var base = (0, _styledcomponents.css)([
 ], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight, _TimePickertokens.classes.timePickerFixed, _TimePickertokens.tokens.timePickerWidth);
 var StyledTimePicker = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__StyledTimePicker",
-    componentId: "sc-d43646a1-3"
+    componentId: "sc-d0cc628-3"
 })([
     "background:var(",
     ");border-radius:var(",

package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js

@@ -130,6 +130,7 @@ var tokens = {
     itemPadding: '--plasma-time-picker-item-padding',
     itemBackgroundHover: '--plasma-time-picker-item-hover-background',
     itemBackgroundActive: '--plasma-time-picker-item-active-background',
+    itemFocusColor: '--plasma-time-picker-item-focus-color',
     itemFontFamily: '--plasma-time-picker-item-font-family',
     itemFontStyle: '--plasma-time-picker-item-font-style',
     itemFontSize: '--plasma-time-picker-item-font-size',

package/dist/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js

@@ -37,6 +37,7 @@ var tokens = {
     itemPadding: '--plasma-time-picker-grid-item-padding',
     itemBackgroundHover: '--plasma-time-picker-grid-item-hover-background',
     itemBackgroundActive: '--plasma-time-picker-grid-item-active-background',
+    itemFocusColor: '--plasma-time-picker-grid-item-focus-color',
     itemFontFamily: '--plasma-time-picker-grid-item-font-family',
     itemFontStyle: '--plasma-time-picker-grid-item-font-style',
     itemFontSize: '--plasma-time-picker-grid-item-font-size',

package/dist/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js

@@ -32,6 +32,7 @@ _export(exports, {
     }
 });
 var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _mixins = require("../../../../mixins");
 var _TimePickerGridtokens = require("../../TimePickerGrid.tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -40,18 +41,18 @@ function _interop_require_default(obj) {
 }
 var StyledRoot = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledRoot",
-    componentId: "sc-2a18995b-0"
+    componentId: "sc-dc81fb27-0"
 })([
     "position:relative;width:100%;"
 ]);
 var StyledTimeItem = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledTimeItem",
-    componentId: "sc-2a18995b-1"
+    componentId: "sc-dc81fb27-1"
 })([
     "height:var(",
     ");padding:var(",
     ");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
-    ");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
+    ");cursor:pointer;flex-shrink:0;outline:none;font-family:var(",
     ");font-size:var(",
     ");font-style:var(",
     ");font-weight:var(",
@@ -62,14 +63,20 @@ var StyledTimeItem = _styledcomponents.default.div.withConfig({
     "{background:var(",
     ");}&.",
     "{cursor:not-allowed;opacity:var(",
-    ");}"
-], _TimePickerGridtokens.tokens.itemHeight, _TimePickerGridtokens.tokens.itemPadding, _TimePickerGridtokens.tokens.itemBorderRadius, _TimePickerGridtokens.tokens.itemFontFamily, _TimePickerGridtokens.tokens.itemFontSize, _TimePickerGridtokens.tokens.itemFontStyle, _TimePickerGridtokens.tokens.itemFontWeight, _TimePickerGridtokens.tokens.itemLetterSpacing, _TimePickerGridtokens.tokens.itemLineHeight, _TimePickerGridtokens.tokens.itemBackgroundHover, _TimePickerGridtokens.classes.timeItemActive, _TimePickerGridtokens.tokens.itemBackgroundActive, _TimePickerGridtokens.classes.itemDisabled, _TimePickerGridtokens.tokens.disabledOpacity);
+    ");}",
+    ""
+], _TimePickerGridtokens.tokens.itemHeight, _TimePickerGridtokens.tokens.itemPadding, _TimePickerGridtokens.tokens.itemBorderRadius, _TimePickerGridtokens.tokens.itemFontFamily, _TimePickerGridtokens.tokens.itemFontSize, _TimePickerGridtokens.tokens.itemFontStyle, _TimePickerGridtokens.tokens.itemFontWeight, _TimePickerGridtokens.tokens.itemLetterSpacing, _TimePickerGridtokens.tokens.itemLineHeight, _TimePickerGridtokens.tokens.itemBackgroundHover, _TimePickerGridtokens.classes.timeItemActive, _TimePickerGridtokens.tokens.itemBackgroundActive, _TimePickerGridtokens.classes.itemDisabled, _TimePickerGridtokens.tokens.disabledOpacity, (0, _mixins.addFocus)({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "var(".concat(_TimePickerGridtokens.tokens.itemBorderRadius, ")"),
+    outlineColor: "var(".concat(_TimePickerGridtokens.tokens.itemFocusColor, ")")
+}));
 var StyledTimeColumn = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledTimeColumn",
-    componentId: "sc-2a18995b-2"
+    componentId: "sc-dc81fb27-2"
 })([
     "max-height:",
-    ";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
+    ";overflow-y:scroll;overflow-x:visible;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
     ");width:100%;&.",
     "{border:0.125rem solid var(",
     ");border-radius:var(",
@@ -80,7 +87,7 @@ var StyledTimeColumn = _styledcomponents.default.div.withConfig({
 }, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.classes.timeColumnActive, _TimePickerGridtokens.tokens.itemBackgroundHover, _TimePickerGridtokens.tokens.itemBorderRadius);
 var CustomScrollbar = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__CustomScrollbar",
-    componentId: "sc-2a18995b-3"
+    componentId: "sc-dc81fb27-3"
 })([
     "position:absolute;top:var(",
     ");right:0;bottom:var(",
@@ -90,7 +97,7 @@ var CustomScrollbar = _styledcomponents.default.div.withConfig({
 ], _TimePickerGridtokens.tokens.scrollbarMargin, _TimePickerGridtokens.tokens.scrollbarMargin, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.classes.scrollbarVisible);
 var ScrollbarTrack = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__ScrollbarTrack",
-    componentId: "sc-2a18995b-4"
+    componentId: "sc-dc81fb27-4"
 })([
     "position:relative;width:100%;height:100%;background:var(",
     ");border-radius:var(",
@@ -98,7 +105,7 @@ var ScrollbarTrack = _styledcomponents.default.div.withConfig({
 ], _TimePickerGridtokens.tokens.scrollbarTrackColor, _TimePickerGridtokens.tokens.scrollbarWidth);
 var ScrollbarThumb = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__ScrollbarThumb",
-    componentId: "sc-2a18995b-5"
+    componentId: "sc-dc81fb27-5"
 })([
     "position:absolute;top:0;left:0;width:100%;background:var(",
     ");border-radius:var(",
@@ -108,7 +115,7 @@ var ScrollbarThumb = _styledcomponents.default.div.withConfig({
 ], _TimePickerGridtokens.tokens.scrollbarColor, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.tokens.scrollbarColor, _TimePickerGridtokens.tokens.scrollbarTrackColor);
 var StyledEmpty = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledEmpty",
-    componentId: "sc-2a18995b-6"
+    componentId: "sc-dc81fb27-6"
 })([
     "width:100%;height:0%.125rem;"
 ]);

package/dist/styled-components/cjs/components/_Slot/Slot.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Slot", {
+    enumerable: true,
+    get: function() {
+        return Slot;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _utils = require("../../utils");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Slot = /*#__PURE__*/ _react.forwardRef(function(props, forwardedRef) {
+    var children = props.children, slotProps = _object_without_properties(props, [
+        "children"
+    ]);
+    if (!/*#__PURE__*/ _react.isValidElement(children)) {
+        return null;
+    }
+    var child = children;
+    var childProps = child.props;
+    var mergedProps = _object_spread({}, slotProps);
+    // merge event handlers
+    for(var key in slotProps){
+        if (/^on[A-Z]/.test(key)) {
+            mergedProps[key] = (0, _utils.mergeHandlers)(childProps[key], slotProps[key]);
+        }
+    }
+    if (childProps.className || slotProps.className) {
+        mergedProps.className = [
+            slotProps.className,
+            childProps.className
+        ].filter(Boolean).join(' ');
+    }
+    // merge style
+    if (childProps.style || slotProps.style) {
+        mergedProps.style = _object_spread({}, slotProps.style, childProps.style);
+    }
+    mergedProps.ref = (0, _utils.mergeRefs)(childProps.ref, forwardedRef);
+    return /*#__PURE__*/ _react.cloneElement(children, mergedProps);
+});