@salutejs/plasma-new-hope 0.337.0-canary.2254.18028326170.0 → 0.337.0-canary.2254.18093353790.0

package/styled-components/cjs/components/TimePicker/utils/index.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get animateScrollTo () {
+        return animateScrollTo;
+    },
+    get delimiter () {
+        return delimiter;
+    },
+    get normalizeTimeSegment () {
+        return normalizeTimeSegment;
+    },
+    get processTimeInput () {
+        return processTimeInput;
+    },
+    get range () {
+        return range;
+    }
+});
+var delimiter = ':';
+var range = function(number) {
+    var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
+    return Array.from({
+        length: number
+    }, function(_, i) {
+        return i.toString().padStart(padLength, '0');
+    });
+};
+var normalizeTimeSegment = function(type, input) {
+    var max = type === 'HH' ? 23 : 59;
+    var digits = input.replace(/\D/g, '');
+    var num = parseInt(digits, 10);
+    if (!digits) {
+        return {
+            text: '',
+            value: null,
+            carryover: ''
+        };
+    }
+    if (Math.floor(max / 10) < num && digits.length === 1) {
+        return {
+            text: num.toString().padStart(2, '0'),
+            value: num,
+            carryover: ''
+        };
+    }
+    if (num <= max && digits.length === 1) {
+        return {
+            text: digits,
+            value: num,
+            carryover: ''
+        };
+    }
+    if (digits.length === 1) {
+        return {
+            text: max.toString().padStart(2, '0'),
+            value: max,
+            carryover: ''
+        };
+    }
+    if (Number.isNaN(num)) {
+        return {
+            text: '',
+            value: null,
+            carryover: ''
+        };
+    }
+    if (num <= max) {
+        return {
+            text: digits.padStart(2, '0'),
+            value: num,
+            carryover: ''
+        };
+    }
+    var firstDigit = parseInt(digits[0], 10);
+    var secondDigit = parseInt(digits[1], 10);
+    if (firstDigit <= max) {
+        return {
+            text: firstDigit.toString().padStart(2, '0'),
+            value: firstDigit,
+            carryover: secondDigit.toString()
+        };
+    }
+    return {
+        text: max.toString().padStart(2, '0'),
+        value: max,
+        carryover: digits.slice(1)
+    };
+};
+var processTimeInput = function(input) {
+    var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
+    var digits = input.replace(/\D/g, '');
+    var tokens = format.split(delimiter);
+    var values = {
+        hh: null,
+        mm: null,
+        ss: null
+    };
+    var segments = [];
+    var digitIndex = 0;
+    var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
+    tokens.forEach(function(token) {
+        var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
+        digitIndex += segmentDigits.length;
+        var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits), text = _normalizeTimeSegment.text, value = _normalizeTimeSegment.value;
+        values[token.toLowerCase()] = value;
+        segments.push(text);
+    });
+    var innerString = segments[0];
+    if (segments.length > 1 && segments[1]) {
+        innerString += ":".concat(segments[1]);
+    }
+    if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {
+        innerString += ":".concat(segments[2]);
+    }
+    if (innerString.length - 2 <= newCursorPosition) {
+        newCursorPosition += innerString.length - newCursorPosition;
+    }
+    return {
+        innerString: innerString,
+        values: values,
+        newCursorPosition: newCursorPosition
+    };
+};
+var animateScrollTo = function(element, targetScrollTop) {
+    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
+    var startScrollTop = element.scrollTop;
+    var distance = targetScrollTop - startScrollTop;
+    var startTime = null;
+    var animate = function(currentTime) {
+        if (!startTime) startTime = currentTime;
+        var timeElapsed = currentTime - startTime;
+        var progress = Math.min(timeElapsed / duration, 1);
+        var easeOut = function(t) {
+            return 1 - Math.pow(1 - t, 3);
+        };
+        var scrollPosition = startScrollTop + distance * easeOut(progress);
+        element.scrollTop = scrollPosition;
+        if (timeElapsed < duration) {
+            requestAnimationFrame(animate);
+        }
+    };
+    requestAnimationFrame(animate);
+};

package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _TimePickertokens = require("../../TimePicker.tokens");
+var base = (0, _styledcomponents.css)([
+    "&[disabled]{opacity:var(",
+    ");cursor:not-allowed;}"
+], _TimePickertokens.tokens.disabledOpacity);

package/styled-components/cjs/components/TimePicker/variations/_readonly/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    "&[readonly]{cursor:not-allowed;}"
+]);

package/styled-components/cjs/components/TimePicker/variations/_size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/TimePicker/variations/_view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

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

@@ -498,13 +498,15 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.css)([
                 "",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.1;",
+                ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);"
-            ], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly, _Autocomplete.autocompleteTokens.textFieldDividerColorReadOnly)
+            ], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldReadOnlyOpacity, _Autocomplete.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly, _Autocomplete.autocompleteTokens.textFieldDividerColorReadOnly)
         }
     }
 };

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

@@ -686,12 +686,14 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.css)([
                 "",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.1;",
+                ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
+                ":var(--text-primary);"
+            ], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldReadOnlyOpacity, _Combobox.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
         }
     }
 };

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

@@ -511,13 +511,18 @@ var config = {
             true: (0, _styledcomponents.css)([
                 "",
                 ":var(--surface-transparent-primary);",
+                ":var(--text-primary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
-                ":var(--text-secondary);"
-            ], _DatePicker.datePickerTokens.backgroundReadOnly, _DatePicker.datePickerTokens.labelColorReadOnly, _DatePicker.datePickerTokens.leftHelperColorReadOnly, _DatePicker.datePickerTokens.dividerColorReadOnly, _DatePicker.datePickerTokens.textFieldColorReadOnly, _DatePicker.datePickerTokens.textFieldBackgroundColorReadOnly, _DatePicker.datePickerTokens.textFieldPlaceholderColorReadOnly)
+                ":var(--text-secondary);",
+                ":0.4;",
+                ":0.4;",
+                ":0.1;",
+                ":0.1;"
+            ], _DatePicker.datePickerTokens.backgroundReadOnly, _DatePicker.datePickerTokens.labelColorReadOnly, _DatePicker.datePickerTokens.leftHelperColorReadOnly, _DatePicker.datePickerTokens.dividerColorReadOnly, _DatePicker.datePickerTokens.dividerOpacityReadOnly, _DatePicker.datePickerTokens.textFieldColorReadOnly, _DatePicker.datePickerTokens.textFieldBackgroundColorReadOnly, _DatePicker.datePickerTokens.textFieldPlaceholderColorReadOnly, _DatePicker.datePickerTokens.rightContentOpacityReadOnly, _DatePicker.datePickerTokens.textFieldContentSlotRightOpacityReadOnly, _DatePicker.datePickerTokens.textFieldReadOnlyOpacity, _DatePicker.datePickerTokens.rangeReadOnlyOpacity)
         }
     }
 };

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

@@ -290,7 +290,7 @@ var config = {
                 ":var(--text-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":0.4;",
+                ":0.1;",
                 ":0.4;",
                 ":0.4;",
                 ":var(--text-primary);",

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

@@ -852,7 +852,7 @@ var config = {
             true: (0, _styledcomponents.css)([
                 "",
                 ":0.4;",
-                ":0.4;",
+                ":0.1;",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",

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

@@ -554,11 +554,12 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.css)([
                 "",
-                ":0.4;",
+                ":0.1;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], _TextArea.textAreaTokens.readOnlyOpacity, _TextArea.textAreaTokens.backgroundColorReadOnly, _TextArea.textAreaTokens.inputColorReadOnly, _TextArea.textAreaTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], _TextArea.textAreaTokens.readOnlyOpacity, _TextArea.textAreaTokens.backgroundColorReadOnly, _TextArea.textAreaTokens.inputColorReadOnly, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.contentSlotRightOpacityReadOnly)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

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

@@ -670,15 +670,16 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.css)([
                 "",
-                ":0.4;",
+                ":0.1;",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

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

@@ -0,0 +1,289 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _TimePicker = require("../../../components/TimePicker");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-transparent-primary);",
+                ":var(--surface-transparent-negative);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-primary);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-accent);",
+                ":var(--surface-negative);",
+                ":var(--surface-transparent-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-negative);",
+                ":var(--surface-transparent-negative-active);",
+                ":var(--surface-transparent-positive);",
+                ":var(--surface-transparent-positive-active);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--surface-solid-card);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-transparent-primary);"
+            ], _TimePicker.timePickerTokens.background, _TimePicker.timePickerTokens.backgroundError, _TimePicker.timePickerTokens.backgroundSuccess, _TimePicker.timePickerTokens.labelColor, _TimePicker.timePickerTokens.textFieldColor, _TimePicker.timePickerTokens.textFieldPlaceholderColor, _TimePicker.timePickerTokens.textFieldCaretColor, _TimePicker.timePickerTokens.indicatorColor, _TimePicker.timePickerTokens.textFieldBackgroundColor, _TimePicker.timePickerTokens.textFieldBackgroundColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundErrorColor, _TimePicker.timePickerTokens.textFieldBackgroundErrorColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColor, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColorFocus, _TimePicker.timePickerTokens.textFieldTextBeforeColor, _TimePicker.timePickerTokens.textFieldTextAfterColor, _TimePicker.timePickerTokens.textFieldPlaceholderColorFocus, _TimePicker.timePickerTokens.timePickerBackground, _TimePicker.timePickerTokens.itemBackgroundHover, _TimePicker.timePickerTokens.itemBackgroundActive, _TimePicker.timePickerTokens.scrollbarColor, _TimePicker.timePickerTokens.scrollbarTrackColor)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":20rem;",
+                ":0.875rem;",
+                ":0 0 0 1rem;",
+                ":0;",
+                ":0.75rem;",
+                ":0.5625rem 0 0.125rem 0;",
+                ":1.5625rem 0 0.5625rem 0;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":3.5rem;",
+                ":0.875rem;",
+                ":1.0625rem 1.125rem 1.0625rem 1.125rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.0625rem 0.5rem -0.0625rem -0.125rem;",
+                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.875rem;",
+                ":15rem;",
+                ":0.125rem;",
+                ":36.25rem;",
+                ":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-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":3.5rem;",
+                ":0.75rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":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.labelInnerFontFamily, _TimePicker.timePickerTokens.labelInnerFontSize, _TimePicker.timePickerTokens.labelInnerFontStyle, _TimePicker.timePickerTokens.labelInnerFontWeight, _TimePicker.timePickerTokens.labelInnerLetterSpacing, _TimePicker.timePickerTokens.labelInnerLineHeight, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":20rem;",
+                ":0.75rem;",
+                ":0 0 0 0.875rem;",
+                ":0;",
+                ":0.625rem;",
+                ":0.375rem 0 0.125rem 0;",
+                ":1.375rem 0 0.375rem 0;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.375rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.6875rem auto auto;",
+                ":3rem;",
+                ":0.75rem;",
+                ":0.875rem 1rem 0.875rem 1rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":-0.125rem 0.375rem -0.125rem -0.125rem;",
+                ":-0.125rem -0.125rem -0.125rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.75rem;",
+                ":13.75rem;",
+                ":0.125rem;",
+                ":31.25rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":3rem;",
+                ":0.625rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":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.labelInnerFontFamily, _TimePicker.timePickerTokens.labelInnerFontSize, _TimePicker.timePickerTokens.labelInnerFontStyle, _TimePicker.timePickerTokens.labelInnerFontWeight, _TimePicker.timePickerTokens.labelInnerLetterSpacing, _TimePicker.timePickerTokens.labelInnerLineHeight, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":20rem;",
+                ":0.625rem;",
+                ":0 0 0 0.75rem;",
+                ":0;",
+                ":0.5rem;",
+                ":0.3125rem 0 0 0;",
+                ":1.0625rem 0 0.3125rem 0;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.3125rem auto auto -0.6875rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":0.6875rem 0.875rem 0.6875rem 0.875rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":-0.1875rem 0.25rem -0.1875rem -0.125rem;",
+                ":-0.1875rem -0.125rem -0.1875rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.625rem;",
+                ":12rem;",
+                ":0.125rem;",
+                ":26.25rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":2.5rem;",
+                ":0.5rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":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.labelInnerFontFamily, _TimePicker.timePickerTokens.labelInnerFontSize, _TimePicker.timePickerTokens.labelInnerFontStyle, _TimePicker.timePickerTokens.labelInnerFontWeight, _TimePicker.timePickerTokens.labelInnerLetterSpacing, _TimePicker.timePickerTokens.labelInnerLineHeight, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin),
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":20rem;",
+                ":0.5rem;",
+                ":0 0 0 0.5rem;",
+                ":0;",
+                ":0.375rem;",
+                ":0.3125rem 0 0 0;",
+                ":1.0625rem 0 0.3125rem 0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.25rem auto auto -0.625rem;",
+                ":0 0 auto auto;",
+                ":0.125rem -0.6875rem auto auto;",
+                ":2rem;",
+                ":0.5rem;",
+                ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.0625rem 0.25rem -0.0625rem -0.125rem;",
+                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.5rem;",
+                ":10rem;",
+                ":0.125rem;",
+                ":21.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":2rem;",
+                ":0.375rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":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.labelInnerFontFamily, _TimePicker.timePickerTokens.labelInnerFontSize, _TimePicker.timePickerTokens.labelInnerFontStyle, _TimePicker.timePickerTokens.labelInnerFontWeight, _TimePicker.timePickerTokens.labelInnerLetterSpacing, _TimePicker.timePickerTokens.labelInnerLineHeight, _TimePicker.timePickerTokens.scrollbarWidth, _TimePicker.timePickerTokens.scrollbarMargin)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.4;"
+            ], _TimePicker.timePickerTokens.disabledOpacity)
+        },
+        readonly: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-transparent-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--surface-transparent-primary);",
+                ":var(--text-secondary);"
+            ], _TimePicker.timePickerTokens.backgroundReadOnly, _TimePicker.timePickerTokens.labelColorReadOnly, _TimePicker.timePickerTokens.textFieldColorReadOnly, _TimePicker.timePickerTokens.textFieldBackgroundColorReadOnly, _TimePicker.timePickerTokens.textFieldPlaceholderColorReadOnly)
+        }
+    }
+};