@salutejs/plasma-new-hope 0.337.0-canary.2184.17907394393.0 → 0.337.0-canary.2184.17968380115.0

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

@@ -9,6 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get CustomScrollbar () {
+        return CustomScrollbar;
+    },
+    get ScrollbarThumb () {
+        return ScrollbarThumb;
+    },
+    get ScrollbarTrack () {
+        return ScrollbarTrack;
+    },
+    get StyledEmpty () {
+        return StyledEmpty;
+    },
     get StyledInput () {
         return StyledInput;
     },
@@ -80,13 +92,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-ed479252-0"
+    componentId: "sc-919eca14-0"
 })([
     ""
 ]);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-ed479252-1"
+    componentId: "sc-919eca14-1"
 })([
     "width:100%;",
     ":var(",
@@ -246,25 +258,26 @@ var base = (0, _styledcomponents.css)([
 ], _TimePickertokens.tokens.width, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth);
 var StyledTimePicker = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__StyledTimePicker",
-    componentId: "sc-ed479252-2"
+    componentId: "sc-919eca14-2"
 })([
     "background:var(",
     ");border-radius:var(",
     ");width:",
     ";display:flex;padding:var(",
-    ");flex:1 1 1;box-sizing:border-box;position:relative;"
+    ");flex:1 1 1;gap:var(",
+    ");box-sizing:border-box;position:relative;"
 ], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, function(param) {
     var width = param.width;
     return (width === 'fullWidth' ? "var(".concat(_TimePickertokens.tokens.width, ")") : width) || "var(".concat(_TimePickertokens.tokens.timePickerWidth, ")");
-}, _TimePickertokens.tokens.timePickerPadding);
+}, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);
 var StyledTimeItem = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__StyledTimeItem",
-    componentId: "sc-ed479252-3"
+    componentId: "sc-919eca14-3"
 })([
     "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;font-family:var(",
+    ");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
     ");font-size:var(",
     ");font-style:var(",
     ");font-weight:var(",
@@ -277,22 +290,49 @@ var StyledTimeItem = _styledcomponents.default.div.withConfig({
 ], _TimePickertokens.tokens.itemHeight, _TimePickertokens.tokens.itemPadding, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.itemFontFamily, _TimePickertokens.tokens.itemFontSize, _TimePickertokens.tokens.itemFontStyle, _TimePickertokens.tokens.itemFontWeight, _TimePickertokens.tokens.itemLetterSpacing, _TimePickertokens.tokens.itemLineHeight, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.classes.timeItemActive, _TimePickertokens.tokens.itemActiveBackground);
 var StyledTimeColumn = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__StyledTimeColumn",
-    componentId: "sc-ed479252-4"
+    componentId: "sc-919eca14-4"
 })([
     "max-height:",
-    ";overflow-y:scroll;flex:1;z-index:3;padding:calc(var(",
-    ") / 2);box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
+    ";overflow-y:scroll;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(",
-    ");}&::-webkit-scrollbar{width:var(",
-    ");height:var(",
-    ");}&::-webkit-scrollbar-track{background:var(",
-    ");border-radius:var(",
-    ");}&::-webkit-scrollbar-thumb{background:var(",
-    ");border-radius:var(",
-    ");}"
+    ");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
 ], function(param) {
     var height = param.height;
     return height || "var(".concat(_TimePickertokens.tokens.columnHeight, ")");
-}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth);
+}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.tokens.itemBorderRadius);
+var CustomScrollbar = _styledcomponents.default.div.withConfig({
+    displayName: "TimePicker.styles__CustomScrollbar",
+    componentId: "sc-919eca14-5"
+})([
+    "position:absolute;top:var(",
+    ");right:0;bottom:var(",
+    ");width:var(",
+    ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
+    "{opacity:1;pointer-events:auto;}"
+], _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.scrollbarVisible);
+var ScrollbarTrack = _styledcomponents.default.div.withConfig({
+    displayName: "TimePicker.styles__ScrollbarTrack",
+    componentId: "sc-919eca14-6"
+})([
+    "position:relative;width:100%;height:100%;background:var(",
+    ");border-radius:var(",
+    ");"
+], _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth);
+var ScrollbarThumb = _styledcomponents.default.div.withConfig({
+    displayName: "TimePicker.styles__ScrollbarThumb",
+    componentId: "sc-919eca14-7"
+})([
+    "position:absolute;top:0;left:0;width:100%;background:var(",
+    ");border-radius:var(",
+    ");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
+    ");}&:active{background:var(",
+    ");}"
+], _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarTrackColor);
+var StyledEmpty = _styledcomponents.default.div.withConfig({
+    displayName: "TimePicker.styles__StyledEmpty",
+    componentId: "sc-919eca14-8"
+})([
+    "width:100%;height:0%.125rem;"
+]);

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

@@ -25,7 +25,10 @@ var classes = {
     timeItemActive: 'plasma-time-picker-item-active',
     timePickerFullWidth: 'plasma-time-picker-full-width',
     timePickerActive: 'plasma-time-picker-active',
-    timeColumnActive: 'plasma-time-picker-column-active'
+    timeColumnActive: 'plasma-time-picker-column-active',
+    timeColumn: 'plasma-time-picker-column',
+    timeColumnScrolling: 'plasma-time-picker-column-scrolling',
+    scrollbarVisible: 'plasma-time-picker-scrollbar-visible'
 };
 var tokens = {
     width: '--plasma-time-picker-width',
@@ -131,5 +134,6 @@ var tokens = {
     itemLineHeight: '--plasma-time-picker-item-line-height',
     scrollbarWidth: '--plasma-time-picker-scrollbar-width',
     scrollbarColor: '--plasma-time-picker-scrollbar-color',
-    scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color'
+    scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',
+    scrollbarMargin: '--plasma-time-picker-scrollbar-margin'
 };

package/styled-components/cjs/components/Tooltip/Tooltip.styles.js

@@ -25,14 +25,16 @@ function _interop_require_default(obj) {
 }
 var TooltipRoot = _styledcomponents.default.div.withConfig({
     displayName: "Tooltip.styles__TooltipRoot",
-    componentId: "sc-e6446bfb-0"
+    componentId: "sc-7a496a90-0"
 })([
-    "padding:var(",
+    "display:flex;align-items:center;padding:var(",
     ") var(",
     ") var(",
     ") var(",
     ");min-height:var(",
-    ");box-sizing:border-box;background-color:var(",
+    ");max-width:",
+    ";min-width:",
+    ";width:max-content;background-color:var(",
     ");border-radius:var(",
     ");box-shadow:var(",
     ");color:var(",
@@ -42,19 +44,17 @@ var TooltipRoot = _styledcomponents.default.div.withConfig({
     ");font-weight:var(",
     ");letter-spacing:var(",
     ");line-height:var(",
-    ");max-width:",
-    ";min-width:",
-    ";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
-], _Tooltiptokens.tokens.paddingTop, _Tooltiptokens.tokens.paddingRight, _Tooltiptokens.tokens.paddingBottom, _Tooltiptokens.tokens.paddingLeft, _Tooltiptokens.tokens.minHeight, _Tooltiptokens.tokens.backgroundColor, _Tooltiptokens.tokens.borderRadius, _Tooltiptokens.tokens.boxShadow, _Tooltiptokens.tokens.color, _Tooltiptokens.tokens.textFontFamily, _Tooltiptokens.tokens.textFontSize, _Tooltiptokens.tokens.textFontStyle, _Tooltiptokens.tokens.textFontWeight, _Tooltiptokens.tokens.textFontLetterSpacing, _Tooltiptokens.tokens.textFontLineHeight, function(param) {
+    ");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
+], _Tooltiptokens.tokens.paddingTop, _Tooltiptokens.tokens.paddingRight, _Tooltiptokens.tokens.paddingBottom, _Tooltiptokens.tokens.paddingLeft, _Tooltiptokens.tokens.minHeight, function(param) {
     var maxWidth = param.maxWidth;
     return maxWidth || 'unset';
 }, function(param) {
     var minWidth = param.minWidth;
     return minWidth || 'unset';
-});
+}, _Tooltiptokens.tokens.backgroundColor, _Tooltiptokens.tokens.borderRadius, _Tooltiptokens.tokens.boxShadow, _Tooltiptokens.tokens.color, _Tooltiptokens.tokens.textFontFamily, _Tooltiptokens.tokens.textFontSize, _Tooltiptokens.tokens.textFontStyle, _Tooltiptokens.tokens.textFontWeight, _Tooltiptokens.tokens.textFontLetterSpacing, _Tooltiptokens.tokens.textFontLineHeight);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "Tooltip.styles__StyledContentLeft",
-    componentId: "sc-e6446bfb-1"
+    componentId: "sc-7a496a90-1"
 })([
     "display:flex;align-items:center;margin-right:var(",
     ");height:var(",

package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js

@@ -87,7 +87,7 @@ var config = {
                 ":0.875rem;",
                 ":15rem;",
                 ":0.125rem;",
-                ":35.25rem;",
+                ":36.25rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
@@ -97,8 +97,9 @@ var config = {
                 ":3.5rem;",
                 ":0.75rem;",
                 ":0rem;",
-                ":0.125rem;"
-            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth),
+                ":0.125rem;",
+                ":0.5rem;"
+            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin),
             m: (0, _styledcomponents.css)([
                 "",
                 ":20rem;",
@@ -136,7 +137,7 @@ var config = {
                 ":0.75rem;",
                 ":13.75rem;",
                 ":0.125rem;",
-                ":30.125rem;",
+                ":31.25rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
@@ -146,8 +147,9 @@ var config = {
                 ":3rem;",
                 ":0.625rem;",
                 ":0rem;",
-                ":0.125rem;"
-            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth),
+                ":0.125rem;",
+                ":0.375rem;"
+            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin),
             s: (0, _styledcomponents.css)([
                 "",
                 ":20rem;",
@@ -185,7 +187,7 @@ var config = {
                 ":0.625rem;",
                 ":12rem;",
                 ":0.125rem;",
-                ":25.125rem;",
+                ":26.25rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
@@ -195,8 +197,9 @@ var config = {
                 ":2.5rem;",
                 ":0.5rem;",
                 ":0rem;",
-                ":0.125rem;"
-            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth),
+                ":0.125rem;",
+                ":0.25rem;"
+            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":20rem;",
@@ -234,7 +237,7 @@ var config = {
                 ":0.5rem;",
                 ":10rem;",
                 ":0.125rem;",
-                ":30rem;",
+                ":21.25rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -244,8 +247,9 @@ var config = {
                 ":2rem;",
                 ":0.375rem;",
                 ":0rem;",
-                ":0.125rem;"
-            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth)
+                ":0.125rem;",
+                ":0.25rem;"
+            ], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

package/styled-components/cjs/hooks/useFocusTrap.js

@@ -47,14 +47,14 @@ var processNode = function(node, firstFocusSelector, ref) {
 };
 var focusManager = new _focusManager.FocusManager();
 var useFocusTrap = function() {
-    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
+    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
     var ref = (0, _react.useRef)();
     var setRef = (0, _react.useCallback)(function(node) {
         if (ref.current) {
             focusManager.teardownScopedFocus();
             focusManager.returnFocus();
         }
-        if (active && node) {
+        if ((active || enableOnFirstMount) && node) {
             focusManager.setupScopedFocus(node);
             focusManager.markForFocusAfter(focusAfterNode);
             // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -73,15 +73,21 @@ var useFocusTrap = function() {
         ref.current = null;
     }, [
         active,
+        enableOnFirstMount,
         firstFocusSelector
     ]);
     (0, _react.useEffect)(function() {
-        if (!active) {
+        if (!active && !enableOnFirstMount) {
             return;
         }
         var handleKeyDown = function(event) {
             if (event.key === 'Tab' && ref.current) {
-                (0, _scopeTab.scopeTab)(ref.current, event);
+                (0, _scopeTab.scopeTab)(ref.current, event, active);
+                if (enableOnFirstMount) {
+                    setTimeout(function() {
+                        focusManager.teardownScopedFocus();
+                    });
+                }
             }
         };
         document.addEventListener('keydown', handleKeyDown);
@@ -89,7 +95,8 @@ var useFocusTrap = function() {
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [
-        active
+        active,
+        enableOnFirstMount
     ]);
     return setRef;
 };

package/styled-components/cjs/utils/scopeTab.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "scopeTab", {
     }
 });
 var _tabbable = require("./tabbable");
-var scopeTab = function(node, event) {
+var scopeTab = function(node, event, activeFocusTrap) {
     var tabbable = (0, _tabbable.findTabbableDescendants)(node);
     if (!tabbable.length) {
         event.preventDefault();
@@ -19,7 +19,7 @@ var scopeTab = function(node, event) {
     var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
     var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
     // если не является, то передаем обработку таба самому браузеру
-    if (!leavingFinalTabbable) {
+    if (!leavingFinalTabbable || !activeFocusTrap) {
         return;
     }
     // иначе зацкливаемся

package/styled-components/es/components/Modal/Modal.js

@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
  */ export var modalRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -83,6 +83,7 @@ var Popup = component(popupConfig);
             "closeOnEsc",
             "closeOnOverlayClick",
             "withBlur",
+            "isFocusTrapped",
             "initialFocusRef",
             "focusAfterRef",
             "zIndex",
@@ -98,7 +99,7 @@ var Popup = component(popupConfig);
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
-        var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
+        var trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
         var popupController = usePopupContext();
         var innerRef = useForkRef(trapRef, outerRootRef);
         var uniqId = safeUseId();

package/styled-components/es/components/Note/Note.js

@@ -160,7 +160,7 @@ export var noteRoot = function(Root) {
         var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
         var setTruncatedText = function() {
             var _titleHelperRef_current;
-            if (!canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
+            if (!canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
                 return;
             }
             var contentHeight = contentWrapperRef.current.offsetHeight;

package/styled-components/es/components/Note/variations/_size/base.js

@@ -36,5 +36,5 @@ export var base = css([
     ");font-weight:var(",
     ");letter-spacing:var(",
     ");line-height:var(",
-    ");word-break:break-all;}"
+    ");overflow-wrap:break-word;}"
 ], tokens.padding, tokens.borderRadius, privateTokens.height, privateTokens.width, tokens.gap, classes.stretch, ContentBefore, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, classes.contentAlignCenter, tokens.paddingScalable, tokens.gapScalable, ContentBefore, ContentWrapper, privateTokens.contentWidthWithOffset, tokens.contentGap, Title, TitleHelper, tokens.titleLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, Text, TextHelper, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight);