@salutejs/plasma-new-hope 0.343.0-canary.2358.19890075531.0 → 0.343.0-canary.2360.19961225793.0

package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js

@@ -55,11 +55,68 @@ var config = {
             ], _Calendartokens.tokens.calendarSeparatorBackground, _Calendartokens.tokens.calendarBackgroundColor, _Calendartokens.tokens.calendarSelectedItemBackground, _Calendartokens.tokens.calendarSelectedItemColor, _Calendartokens.tokens.calendarSelectableItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemBorderColor, _Calendartokens.tokens.calendarCurrentItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemColorHover, _Calendartokens.tokens.calendarCurrentItemChildBackgroundHover, _Calendartokens.tokens.calendarActiveItemBackground, _Calendartokens.tokens.calendarActiveItemColor, _Calendartokens.tokens.calendarHoveredItemBackground, _Calendartokens.tokens.calendarHoveredItemColor, _Calendartokens.tokens.calendarRangeBackground, _Calendartokens.tokens.calendarOutlineFocusColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentPrimaryDisabledColor, _Calendartokens.tokens.calendarHeaderArrowColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentSecondaryColor, _Calendartokens.tokens.calendarContentSecondaryDisabledColor, _Calendartokens.tokens.calendarDisabledOpacity, _Calendartokens.tokens.iconButtonColor, _Calendartokens.tokens.iconButtonBackgroundColor, _Calendartokens.tokens.iconButtonColorHover, _Calendartokens.tokens.iconButtonBackgroundColorHover, _Calendartokens.tokens.iconButtonColorActive, _Calendartokens.tokens.iconButtonBackgroundColorActive, _Calendartokens.tokens.iconButtonFocusColor, _Calendartokens.tokens.tooltipBackgroundColor, _Calendartokens.tokens.tooltipBoxShadow, _Calendartokens.tokens.tooltipColor)
         },
         size: {
+            xl: (0, _styledcomponents.css)([
+                "",
+                ":58.063rem;",
+                ":28.75rem;",
+                ":0.5rem 0.25rem 0 0.25rem;",
+                ":0.875rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
+                ":0.5rem 0.25rem 0 0.25rem;",
+                ":0.875rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
+                ":0.5rem 0.25rem 0 0.25rem;",
+                ":0.875rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
+                ":0.5rem 0 0 0;",
+                ":0.875rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
+                ":0.063rem;",
+                ":0;",
+                ":1.5rem;",
+                ":0 0 0 1rem;",
+                ":0.25rem;",
+                ":var(--plasma-typo-h3-font-family);",
+                ":var(--plasma-typo-h3-font-size);",
+                ":var(--plasma-typo-h3-font-style);",
+                ":var(--plasma-typo-h3-letter-spacing);",
+                ":var(--plasma-typo-h3-line-height);",
+                ":var(--plasma-typo-h3-font-weight);",
+                ":var(--plasma-typo-h3-bold-font-weight);",
+                ":4rem;",
+                ":4rem;",
+                ":1.25rem;",
+                ":1rem;"
+            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
             l: (0, _styledcomponents.css)([
                 "",
                 ":51.063rem;",
                 ":25rem;",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.5rem 0.25rem 0 0.25rem;",
                 ":0.75rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
@@ -68,7 +125,7 @@ var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.5rem 0.25rem 0 0.25rem;",
                 ":0.75rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
@@ -77,7 +134,7 @@ var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.5rem 0.25rem 0 0.25rem;",
                 ":0.75rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
@@ -86,6 +143,7 @@ var config = {
                 ":var(--plasma-typo-body-l-line-height);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-bold-font-weight);",
+                ":0.5rem 0 0 0;",
                 ":0.75rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
@@ -95,28 +153,27 @@ var config = {
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-bold-font-weight);",
                 ":0.063rem;",
-                ":0.5rem;",
+                ":0;",
                 ":1.5rem;",
-                ":0.5rem 0 0 0;",
                 ":0 0 0 1rem;",
-                ":0.5rem;",
-                ":var(--plasma-typo-h4-font-family);",
-                ":var(--plasma-typo-h4-font-size);",
-                ":var(--plasma-typo-h4-font-style);",
-                ":var(--plasma-typo-h4-letter-spacing);",
-                ":var(--plasma-typo-h4-line-height);",
-                ":var(--plasma-typo-h4-font-weight);",
-                ":var(--plasma-typo-h4-bold-font-weight);",
+                ":0.25rem;",
+                ":var(--plasma-typo-h3-font-family);",
+                ":var(--plasma-typo-h3-font-size);",
+                ":var(--plasma-typo-h3-font-style);",
+                ":var(--plasma-typo-h3-letter-spacing);",
+                ":var(--plasma-typo-h3-line-height);",
+                ":var(--plasma-typo-h3-font-weight);",
+                ":var(--plasma-typo-h3-bold-font-weight);",
                 ":3.5rem;",
                 ":3.5rem;",
-                ":1.5rem;",
+                ":1rem;",
                 ":0.875rem;"
-            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
+            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
             m: (0, _styledcomponents.css)([
                 "",
                 ":44.063rem;",
                 ":21rem;",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.375rem 0.25rem 0 0.25rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
@@ -125,7 +182,7 @@ var config = {
                 ":var(--plasma-typo-body-m-line-height);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.375rem 0.25rem 0 0.25rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
@@ -134,7 +191,7 @@ var config = {
                 ":var(--plasma-typo-body-m-line-height);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.375rem 0.25rem 0 0.25rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
@@ -143,7 +200,7 @@ var config = {
                 ":var(--plasma-typo-body-m-line-height);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":0.5rem 0 0 0;",
+                ":0.375rem 0 0 0;",
                 ":0.625rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
@@ -153,11 +210,10 @@ var config = {
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-bold-font-weight);",
                 ":0.063rem;",
-                ":0.5rem;",
+                ":0;",
                 ":1.5rem;",
-                ":0.5rem 0 0 0;",
                 ":0 0 0 0.75rem;",
-                ":0.375rem;",
+                ":0.25rem;",
                 ":var(--plasma-typo-h4-font-family);",
                 ":var(--plasma-typo-h4-font-size);",
                 ":var(--plasma-typo-h4-font-style);",
@@ -167,14 +223,14 @@ var config = {
                 ":var(--plasma-typo-h4-bold-font-weight);",
                 ":3rem;",
                 ":3rem;",
-                ":1.25rem;",
+                ":0.75rem;",
                 ":0.75rem;"
-            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
+            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
             s: (0, _styledcomponents.css)([
                 "",
                 ":37.063rem;",
                 ":17rem;",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.375rem 0.25rem 0 0.25rem;",
                 ":0.5rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
@@ -183,7 +239,7 @@ var config = {
                 ":var(--plasma-typo-body-s-line-height);",
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-bold-font-weight);",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.375rem 0.25rem 0 0.25rem;",
                 ":0.5rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
@@ -192,7 +248,7 @@ var config = {
                 ":var(--plasma-typo-body-s-line-height);",
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-bold-font-weight);",
-                ":0.5rem 0.5rem 0 0.5rem;",
+                ":0.375rem 0.25rem 0 0.25rem;",
                 ":0.5rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
@@ -201,6 +257,7 @@ var config = {
                 ":var(--plasma-typo-body-s-line-height);",
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-bold-font-weight);",
+                ":0.375rem 0 0 0;",
                 ":0.5rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
@@ -210,9 +267,8 @@ var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-bold-font-weight);",
                 ":0.063rem;",
-                ":0.5rem;",
+                ":0;",
                 ":1.5rem;",
-                ":0.5rem 0 0 0;",
                 ":0 0 0 0.5rem;",
                 ":0.25rem;",
                 ":var(--plasma-typo-h4-font-family);",
@@ -224,15 +280,15 @@ var config = {
                 ":var(--plasma-typo-h4-bold-font-weight);",
                 ":2.5rem;",
                 ":2.5rem;",
-                ":1rem;",
+                ":0.5rem;",
                 ":0.625rem;"
-            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
+            ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":37.063rem;",
                 ":15.5rem;",
                 ":0.375rem 0.25rem 0 0.25rem;",
-                ":0.375rem;",
+                ":0.5rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -241,7 +297,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":0.375rem 0.25rem 0 0.25rem;",
-                ":0.375rem;",
+                ":0.5rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -250,7 +306,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":0.375rem 0.25rem 0 0.25rem;",
-                ":0.375rem;",
+                ":0.5rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -259,7 +315,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":0.375rem 0 0 0;",
-                ":0.375rem;",
+                ":0.5rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -281,7 +337,7 @@ var config = {
                 ":var(--plasma-typo-h5-bold-font-weight);",
                 ":2rem;",
                 ":2rem;",
-                ":0.75rem;",
+                ":0.5rem;",
                 ":0.5rem;"
             ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius)
         },

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

package/styled-components/es/components/InformationWrapper/InformationWrapper.styles.js

@@ -11,20 +11,20 @@ export var base = css([
 ]);
 export var ContentWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__ContentWrapper",
-    componentId: "sc-f6e8d9a5-0"
+    componentId: "sc-1705b12a-0"
 })([
     "display:flex;align-items:flex-start;gap:var(",
     ");"
 ], tokens.contentGap);
 export var ContentChildrenWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__ContentChildrenWrapper",
-    componentId: "sc-f6e8d9a5-1"
+    componentId: "sc-1705b12a-1"
 })([
     "display:flex;flex-direction:column;width:100%;"
 ]);
 export var LabelWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__LabelWrapper",
-    componentId: "sc-f6e8d9a5-2"
+    componentId: "sc-1705b12a-2"
 })([
     "display:flex;align-items:center;white-space:",
     ";margin-bottom:",
@@ -43,7 +43,7 @@ export var LabelWrapper = styled.div.withConfig({
 });
 export var IndicatorWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__IndicatorWrapper",
-    componentId: "sc-f6e8d9a5-3"
+    componentId: "sc-1705b12a-3"
 })([
     "position:",
     ";display:inline-flex;align-items:center;gap:var(",
@@ -54,13 +54,13 @@ export var IndicatorWrapper = styled.div.withConfig({
 }, tokens.indicatorWrapperGap);
 export var Label = styled.label.withConfig({
     displayName: "InformationWrapper.styles__Label",
-    componentId: "sc-f6e8d9a5-4"
+    componentId: "sc-1705b12a-4"
 })([
     "display:inline-flex;"
 ]);
 export var HintWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__HintWrapper",
-    componentId: "sc-f6e8d9a5-5"
+    componentId: "sc-1705b12a-5"
 })([
     "display:flex;justify-content:center;align-items:center;line-height:0;&.",
     "{position:absolute;margin:0;z-index:2;inset:var(",
@@ -72,14 +72,14 @@ export var HintWrapper = styled.div.withConfig({
 });
 export var HintTargetWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__HintTargetWrapper",
-    componentId: "sc-f6e8d9a5-6"
+    componentId: "sc-1705b12a-6"
 })([
     "color:var(",
     ");display:flex;justify-content:center;align-items:center;"
 ], tokens.hintIconColor);
 export var Hint = styled(Tooltip).withConfig({
     displayName: "InformationWrapper.styles__Hint",
-    componentId: "sc-f6e8d9a5-7"
+    componentId: "sc-1705b12a-7"
 })([
     "",
     " .",
@@ -87,19 +87,19 @@ export var Hint = styled(Tooltip).withConfig({
 ], HintTargetWrapper, popoverClasses.root);
 export var HintIconWrapper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__HintIconWrapper",
-    componentId: "sc-f6e8d9a5-8"
+    componentId: "sc-1705b12a-8"
 })([
     "display:flex;"
 ]);
 export var Indicator = styled.div.withConfig({
     displayName: "InformationWrapper.styles__Indicator",
-    componentId: "sc-f6e8d9a5-9"
+    componentId: "sc-1705b12a-9"
 })([
     "border-radius:50%;align-self:flex-start;background-color:var(",
     ");width:var(",
     ");height:var(",
     ");margin-top:var(",
-    ");&.",
+    ");z-index:2;&.",
     "{position:absolute;top:50%;transform:translateY(-50%);left:var(",
     ");margin-top:unset;align-self:unset;}&.",
     "{position:absolute;margin-top:unset;align-self:unset;width:var(",
@@ -115,14 +115,14 @@ export var Indicator = styled.div.withConfig({
 }, classes.requiredAlignLeft, tokens.indicatorWithoutLabelInnerLeft);
 export var OptionalText = styled.span.withConfig({
     displayName: "InformationWrapper.styles__OptionalText",
-    componentId: "sc-f6e8d9a5-10"
+    componentId: "sc-1705b12a-10"
 })([
     "color:var(",
     ");"
 ], tokens.optionalColor);
 export var TitleCaption = styled.div.withConfig({
     displayName: "InformationWrapper.styles__TitleCaption",
-    componentId: "sc-f6e8d9a5-11"
+    componentId: "sc-1705b12a-11"
 })([
     "display:inline-block;margin-left:auto;margin-top:",
     ";"
@@ -132,19 +132,19 @@ export var TitleCaption = styled.div.withConfig({
 });
 export var Helpers = styled.div.withConfig({
     displayName: "InformationWrapper.styles__Helpers",
-    componentId: "sc-f6e8d9a5-12"
+    componentId: "sc-1705b12a-12"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;"
 ]);
 export var LeftHelper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__LeftHelper",
-    componentId: "sc-f6e8d9a5-13"
+    componentId: "sc-1705b12a-13"
 })([
     ""
 ]);
 export var RightHelper = styled.div.withConfig({
     displayName: "InformationWrapper.styles__RightHelper",
-    componentId: "sc-f6e8d9a5-14"
+    componentId: "sc-1705b12a-14"
 })([
     ""
 ]);

package/styled-components/es/components/Pagination/Pagination.styles.js

@@ -10,7 +10,7 @@ var mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);
 var ButtonGroup = component(mergedButtonGroupConfig);
 export var PaginationRoot = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-ec0762a3-0"
+    componentId: "sc-1be87a14-0"
 })([
     "display:flex;color:var(",
     ");&.",
@@ -19,30 +19,29 @@ export var PaginationRoot = styled.div.withConfig({
 ], tokens.paginationColor, classes.compactType, classes.defaultType);
 export var PaginationPages = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-ec0762a3-1"
+    componentId: "sc-1be87a14-1"
 })([
     "display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
 ]);
 export var PaginationActions = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-ec0762a3-2"
+    componentId: "sc-1be87a14-2"
 })([
     "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
-    ");flex-shrink:1;&.",
-    "{flex-direction:row;width:100%;flex-wrap:wrap;}&.",
-    "{flex-direction:row;}&.",
+    ");flex-shrink:1;flex-direction:row;&.",
+    "{width:100%;flex-wrap:wrap;&.",
     "{flex-direction:row-reverse;}&.",
-    "{flex-direction:row;}"
-], tokens.paginationHelperTextGap, classes.compactType, classes.defaultType, classes.withHasPerPageSelect, classes.withHasQuickJump);
+    "{flex-direction:row;}}"
+], tokens.paginationHelperTextGap, classes.compactType, classes.withHasPerPageSelect, classes.withHasQuickJump);
 export var PaginationSection = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-ec0762a3-3"
+    componentId: "sc-1be87a14-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-ec0762a3-4"
+    componentId: "sc-1be87a14-4"
 })([
     "",
     ":var(",
@@ -84,7 +83,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
 ], buttonGroupTokens.buttonColor, tokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, tokens.buttonHoverColor, buttonGroupTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, tokens.buttonActiveColor, buttonGroupTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonGroupTokens.buttonFontFamily, tokens.paginationFontFamily, buttonGroupTokens.buttonFontSize, tokens.paginationFontSize, buttonGroupTokens.buttonFontStyle, tokens.paginationFontStyle, buttonGroupTokens.buttonFontWeight, tokens.paginationFontWeight, buttonGroupTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonGroupTokens.buttonLineHeight, tokens.paginationLineHeight, buttonGroupTokens.buttonWidth, tokens.buttonWidth, buttonGroupTokens.buttonHeight, tokens.buttonHeight, buttonGroupTokens.buttonDefaultRadius, tokens.buttonRadius, buttonGroupTokens.buttonSideRadius, tokens.buttonRadius, buttonGroupTokens.buttonSegmentedRadius, tokens.buttonRadius, buttonGroupTokens.buttonRadiusCircle, tokens.buttonRadius);
 export var PaginationButton = styled(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-ec0762a3-5"
+    componentId: "sc-1be87a14-5"
 })([
     "",
     ":var(",
@@ -150,7 +149,7 @@ export var PaginationButton = styled(Button).withConfig({
 }));
 export var PaginationShorter = styled(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-ec0762a3-6"
+    componentId: "sc-1be87a14-6"
 })([
     "",
     ":var(",
@@ -159,7 +158,7 @@ export var PaginationShorter = styled(PaginationButton).withConfig({
 ], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
 export var PaginationActionsLeft = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationActionsLeft",
-    componentId: "sc-ec0762a3-7"
+    componentId: "sc-1be87a14-7"
 })([
     "display:flex;align-items:center;flex-wrap:wrap;gap:var(",
     ");.",
@@ -167,7 +166,7 @@ export var PaginationActionsLeft = styled.div.withConfig({
 ], tokens.paginationHelperTextGap, classes.defaultType);
 export var PaginationHelperText = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationHelperText",
-    componentId: "sc-ec0762a3-8"
+    componentId: "sc-1be87a14-8"
 })([
     "color:var(",
     ");&.",

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

@@ -347,6 +347,7 @@ export var timePickerRoot = function(Root) {
             }
             return dropdownWidth;
         };
+        var _obj;
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             stretched: stretched,
             view: view,
@@ -372,7 +373,7 @@ export var timePickerRoot = function(Root) {
             stretched: stretched,
             view: view,
             size: size,
-            className: cls(classes.timePickerRoot, className, _define_property({}, classes.timePickerstretched, stretched)),
+            className: cls(classes.timePickerRoot, className, (_obj = {}, _define_property(_obj, classes.timePickerFullWidth, dropdownWidth === 'fullWidth'), _define_property(_obj, classes.timePickerFixed, dropdownWidth !== 'fullWidth'), _obj)),
             disabled: disabled,
             readonly: readonly
         }, rest), /*#__PURE__*/ React.createElement(StyledTimePickerGrid, {
@@ -383,7 +384,8 @@ export var timePickerRoot = function(Root) {
             format: format,
             view: view,
             size: size,
-            disabled: disabled
+            disabled: disabled,
+            width: getDropdownWidth()
         }))));
     });
 };

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

@@ -13,13 +13,13 @@ var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
 var TimePickerGrid = component(mergedTimePickerGrid);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-fa04016d-0"
+    componentId: "sc-d43646a1-0"
 })([
     ""
 ]);
 export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-fa04016d-1"
+    componentId: "sc-d43646a1-1"
 })([
     "",
     ":var(",
@@ -68,7 +68,7 @@ export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-fa04016d-2"
+    componentId: "sc-d43646a1-2"
 })([
     "width:100%;",
     ":var(",
@@ -228,19 +228,17 @@ export var base = css([
     "{width:100%;.",
     "{width:100%;}}&.",
     "{width:100%;}&.",
-    "{justify-content:flex-end;}"
-], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
+    "{justify-content:flex-end;}&.",
+    "{width:var(",
+    ");}"
+], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight, classes.timePickerFixed, tokens.timePickerWidth);
 export var StyledTimePicker = styled.div.withConfig({
     displayName: "TimePicker.styles__StyledTimePicker",
-    componentId: "sc-fa04016d-3"
+    componentId: "sc-d43646a1-3"
 })([
     "background:var(",
     ");border-radius:var(",
-    ");width:",
-    ";display:flex;padding:var(",
+    ");display:flex;padding:var(",
     ");flex:1 1 1;gap:var(",
     ");box-sizing:border-box;position:relative;"
-], tokens.timePickerBackground, tokens.timePickerBorderRadius, function(param) {
-    var width = param.width;
-    return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
-}, tokens.timePickerPadding, tokens.scrollbarWidth);
+], tokens.timePickerBackground, tokens.timePickerBorderRadius, tokens.timePickerPadding, tokens.scrollbarWidth);

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

@@ -6,6 +6,7 @@ export var classes = {
     timeColumnLabel: 'plasma-time-picker-column-label',
     timeItemActive: 'plasma-time-picker-item-active',
     timePickerFullWidth: 'plasma-time-picker-full-width',
+    timePickerFixed: 'plasma-time-picker-fixed',
     timePickerActive: 'plasma-time-picker-active',
     timeColumnActive: 'plasma-time-picker-column-active',
     timeColumn: 'plasma-time-picker-column',