@salutejs/sdds-serv 0.324.0-canary.2184.17907394393.0 → 0.324.0-canary.2184.17968380115.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/components/Note/Note.d.ts +2 -2
  2. package/components/TimePicker/TimePicker.config.js +31 -0
  3. package/components/TimePicker/TimePicker.config.js.map +1 -0
  4. package/components/TimePicker/TimePicker.config_14arppm.css +7 -0
  5. package/components/TimePicker/TimePicker.css +7 -0
  6. package/components/TimePicker/TimePicker.js +12 -0
  7. package/components/TimePicker/TimePicker.js.map +1 -0
  8. package/emotion/cjs/components/TimePicker/TimePicker.config.js +16 -12
  9. package/emotion/cjs/index.js +1 -0
  10. package/emotion/es/components/TimePicker/TimePicker.config.js +16 -12
  11. package/emotion/es/index.js +1 -0
  12. package/es/components/TimePicker/TimePicker.config.js +27 -0
  13. package/es/components/TimePicker/TimePicker.config.js.map +1 -0
  14. package/es/components/TimePicker/TimePicker.config_14arppm.css +7 -0
  15. package/es/components/TimePicker/TimePicker.css +7 -0
  16. package/es/components/TimePicker/TimePicker.js +8 -0
  17. package/es/components/TimePicker/TimePicker.js.map +1 -0
  18. package/es/index.css +8 -0
  19. package/es/index.js +2 -1
  20. package/es/index.js.map +1 -1
  21. package/index.d.ts +1 -0
  22. package/index.js +10 -0
  23. package/package.json +3 -3
  24. package/styled-components/cjs/components/TimePicker/TimePicker.config.js +16 -12
  25. package/styled-components/cjs/index.js +1 -0
  26. package/styled-components/es/components/TimePicker/TimePicker.config.js +16 -12
  27. package/styled-components/es/index.js +1 -0
package/components/Note/Note.d.ts CHANGED
@@ -13,8 +13,8 @@ export declare const Note: import("react").FunctionComponent<import("@salutejs/p
13
13
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
14
  };
15
15
  }> & {
16
- title?: string;
17
- text?: string;
16
+ title?: React.ReactNode;
17
+ text?: React.ReactNode;
18
18
  contentBefore?: React.ReactNode;
19
19
  contentBeforeSizing?: "fixed" | "scalable";
20
20
  stretch?: boolean;
package/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,31 @@
1
+ require('./TimePicker.config_14arppm.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var config = {
7
+ defaults: {
8
+ view: 'default',
9
+ size: 'm'
10
+ },
11
+ variations: {
12
+ view: {
13
+ "default": "d5gvkb"
14
+ },
15
+ size: {
16
+ l: "l8nu8g8",
17
+ m: "m1msvds1",
18
+ s: "s1g3bn14",
19
+ xs: "x1w02pvl"
20
+ },
21
+ disabled: {
22
+ "true": "tu6or3f"
23
+ },
24
+ readonly: {
25
+ "true": "t8o71zf"
26
+ }
27
+ }
28
+ };
29
+
30
+ exports.config = config;
31
+ //# sourceMappingURL=TimePicker.config.js.map
package/components/TimePicker/TimePicker.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.config.js","sources":["../../src-css/components/TimePicker/TimePicker.config.ts"],"sourcesContent":["import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.labelColor}: var(--text-primary);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.timePickerBackground}: var(--surface-solid-card);\n ${tokens.itemHoverBackground}: var(--surface-transparent-secondary);\n ${tokens.itemActiveBackground}: var(--surface-transparent-secondary);\n\n ${tokens.scrollbarColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarTrackColor}: var(--surface-transparent-primary);\n `,\n },\n size: {\n l: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.875rem;\n ${tokens.timePickerWidth}: 15rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 36.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.5rem;\n `,\n m: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.75rem;\n ${tokens.timePickerWidth}: 13.75rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 31.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.375rem;\n `,\n s: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.625rem;\n ${tokens.timePickerWidth}: 12rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 26.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n xs: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.5rem;\n ${tokens.timePickerWidth}: 10rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 21.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readonly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readonly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,QAAA;KAuCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EA2DA,SAAA;AACDC,MAAAA,CAAC,EA2DA,UAAA;AACDC,MAAAA,CAAC,EA2DA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA4DL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAQR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/components/TimePicker/TimePicker.config_14arppm.css ADDED
@@ -0,0 +1,7 @@
1
+ .d5gvkb{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
2
+ .l8nu8g8{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.5rem;}
3
+ .m1msvds1{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
4
+ .s1g3bn14{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
5
+ .x1w02pvl{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.5rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.5rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.375rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:2rem;--plasma-time-picker-textfield-border-radius:0.5rem;--plasma-time-picker-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.5rem;--plasma-time-picker-ui-width:10rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:21.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-item-height:2rem;--plasma-time-picker-item-border-radius:0.375rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
6
+ .tu6or3f{--plasma-time-picker-disabled-opacity:0.4;}
7
+ .t8o71zf{--plasma-time-picker_range-background-readonly:var(--surface-transparent-primary);--plasma-time-picker__label-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);}
package/components/TimePicker/TimePicker.css ADDED
@@ -0,0 +1,7 @@
1
+ .TimePicker_config_14arppm_d5gvkb__53d5023f{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
2
+ .TimePicker_config_14arppm_l8nu8g8__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.5rem;}
3
+ .TimePicker_config_14arppm_m1msvds1__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
4
+ .TimePicker_config_14arppm_s1g3bn14__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
5
+ .TimePicker_config_14arppm_x1w02pvl__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.5rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.5rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.375rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:2rem;--plasma-time-picker-textfield-border-radius:0.5rem;--plasma-time-picker-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.5rem;--plasma-time-picker-ui-width:10rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:21.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-item-height:2rem;--plasma-time-picker-item-border-radius:0.375rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
6
+ .TimePicker_config_14arppm_tu6or3f__53d5023f{--plasma-time-picker-disabled-opacity:0.4;}
7
+ .TimePicker_config_14arppm_t8o71zf__53d5023f{--plasma-time-picker_range-background-readonly:var(--surface-transparent-primary);--plasma-time-picker__label-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);}
package/components/TimePicker/TimePicker.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var plasmaNewHope = require('@salutejs/plasma-new-hope');
6
+ var TimePicker_config = require('./TimePicker.config.js');
7
+
8
+ var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.timePickerConfig, TimePicker_config.config);
9
+ var TimePicker = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
10
+
11
+ exports.TimePicker = TimePicker;
12
+ //# sourceMappingURL=TimePicker.js.map
package/components/TimePicker/TimePicker.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.js","sources":["../../src-css/components/TimePicker/TimePicker.ts"],"sourcesContent":["import { timePickerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TimePicker.config';\n\nconst mergedConfig = mergeConfig(timePickerConfig, config);\nexport const TimePicker = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","timePickerConfig","config","TimePicker","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,8BAAgB,EAAEC,wBAAM,CAAC,CAAA;IAC7CC,UAAU,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
package/emotion/cjs/components/TimePicker/TimePicker.config.js CHANGED
@@ -94,7 +94,7 @@ function _templateObject1() {
94
94
  ": 0.875rem;\n ",
95
95
  ": 15rem;\n ",
96
96
  ": 0.125rem;\n\n ",
97
- ": 35.25rem;\n\n ",
97
+ ": 36.25rem;\n\n ",
98
98
  ": var(--plasma-typo-body-l-font-family);\n ",
99
99
  ": var(--plasma-typo-body-l-font-size);\n ",
100
100
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -104,7 +104,8 @@ function _templateObject1() {
104
104
  ": 3.5rem;\n ",
105
105
  ": 0.75rem;\n ",
106
106
  ": 0rem;\n\n ",
107
- ": 0.125rem;\n "
107
+ ": 0.125rem;\n ",
108
+ ": 0.5rem;\n "
108
109
  ]);
109
110
  _templateObject1 = function _templateObject() {
110
111
  return data;
@@ -149,7 +150,7 @@ function _templateObject2() {
149
150
  ": 0.75rem;\n ",
150
151
  ": 13.75rem;\n ",
151
152
  ": 0.125rem;\n\n ",
152
- ": 30.125rem;\n\n ",
153
+ ": 31.25rem;\n\n ",
153
154
  ": var(--plasma-typo-body-m-font-family);\n ",
154
155
  ": var(--plasma-typo-body-m-font-size);\n ",
155
156
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -159,7 +160,8 @@ function _templateObject2() {
159
160
  ": 3rem;\n ",
160
161
  ": 0.625rem;\n ",
161
162
  ": 0rem;\n\n ",
162
- ": 0.125rem;\n "
163
+ ": 0.125rem;\n ",
164
+ ": 0.375rem;\n "
163
165
  ]);
164
166
  _templateObject2 = function _templateObject() {
165
167
  return data;
@@ -204,7 +206,7 @@ function _templateObject3() {
204
206
  ": 0.625rem;\n ",
205
207
  ": 12rem;\n ",
206
208
  ": 0.125rem;\n\n ",
207
- ": 25.125rem;\n\n ",
209
+ ": 26.25rem;\n\n ",
208
210
  ": var(--plasma-typo-body-s-font-family);\n ",
209
211
  ": var(--plasma-typo-body-s-font-size);\n ",
210
212
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -214,7 +216,8 @@ function _templateObject3() {
214
216
  ": 2.5rem;\n ",
215
217
  ": 0.5rem;\n ",
216
218
  ": 0rem;\n\n ",
217
- ": 0.125rem;\n "
219
+ ": 0.125rem;\n ",
220
+ ": 0.25rem;\n "
218
221
  ]);
219
222
  _templateObject3 = function _templateObject() {
220
223
  return data;
@@ -259,7 +262,7 @@ function _templateObject4() {
259
262
  ": 0.5rem;\n ",
260
263
  ": 10rem;\n ",
261
264
  ": 0.125rem;\n\n ",
262
- ": 30rem;\n\n ",
265
+ ": 21.25rem;\n\n ",
263
266
  ": var(--plasma-typo-body-xs-font-family);\n ",
264
267
  ": var(--plasma-typo-body-xs-font-size);\n ",
265
268
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -269,7 +272,8 @@ function _templateObject4() {
269
272
  ": 2rem;\n ",
270
273
  ": 0.375rem;\n ",
271
274
  ": 0rem;\n\n ",
272
- ": 0.125rem;\n "
275
+ ": 0.125rem;\n ",
276
+ ": 0.25rem;\n "
273
277
  ]);
274
278
  _templateObject4 = function _templateObject() {
275
279
  return data;
@@ -310,10 +314,10 @@ var config = {
310
314
  default: (0, _emotion.css)(_templateObject(), _emotion.timePickerTokens.background, _emotion.timePickerTokens.backgroundError, _emotion.timePickerTokens.backgroundSuccess, _emotion.timePickerTokens.labelColor, _emotion.timePickerTokens.textFieldColor, _emotion.timePickerTokens.textFieldPlaceholderColor, _emotion.timePickerTokens.textFieldCaretColor, _emotion.timePickerTokens.labelInnerFontFamily, _emotion.timePickerTokens.labelInnerFontSize, _emotion.timePickerTokens.labelInnerFontStyle, _emotion.timePickerTokens.labelInnerFontWeight, _emotion.timePickerTokens.labelInnerLetterSpacing, _emotion.timePickerTokens.labelInnerLineHeight, _emotion.timePickerTokens.indicatorColor, _emotion.timePickerTokens.textFieldBackgroundColor, _emotion.timePickerTokens.textFieldBackgroundColorFocus, _emotion.timePickerTokens.textFieldBackgroundErrorColor, _emotion.timePickerTokens.textFieldBackgroundErrorColorFocus, _emotion.timePickerTokens.textFieldBackgroundSuccessColor, _emotion.timePickerTokens.textFieldBackgroundSuccessColorFocus, _emotion.timePickerTokens.textFieldTextBeforeColor, _emotion.timePickerTokens.textFieldTextAfterColor, _emotion.timePickerTokens.textFieldPlaceholderColorFocus, _emotion.timePickerTokens.timePickerBackground, _emotion.timePickerTokens.itemHoverBackground, _emotion.timePickerTokens.itemActiveBackground, _emotion.timePickerTokens.scrollbarColor, _emotion.timePickerTokens.scrollbarTrackColor)
311
315
  },
312
316
  size: {
313
- l: (0, _emotion.css)(_templateObject1(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth),
314
- m: (0, _emotion.css)(_templateObject2(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth),
315
- s: (0, _emotion.css)(_templateObject3(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth),
316
- xs: (0, _emotion.css)(_templateObject4(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth)
317
+ l: (0, _emotion.css)(_templateObject1(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin),
318
+ m: (0, _emotion.css)(_templateObject2(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin),
319
+ s: (0, _emotion.css)(_templateObject3(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin),
320
+ xs: (0, _emotion.css)(_templateObject4(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin)
317
321
  },
318
322
  disabled: {
319
323
  true: (0, _emotion.css)(_templateObject5(), _emotion.timePickerTokens.disabledOpacity)
package/emotion/cjs/index.js CHANGED
@@ -76,6 +76,7 @@ _export_star(require("./components/Carousel"), exports);
76
76
  _export_star(require("./components/Tour"), exports);
77
77
  _export_star(require("./components/EmbedIconButton"), exports);
78
78
  _export_star(require("./components/InformationWrapper"), exports);
79
+ _export_star(require("./components/TimePicker"), exports);
79
80
  _export_star(require("./mixins"), exports);
80
81
  _export_star(require("./tokens"), exports);
81
82
  function _export_star(from, to) {
package/emotion/es/components/TimePicker/TimePicker.config.js CHANGED
@@ -83,7 +83,7 @@ function _templateObject1() {
83
83
  ": 0.875rem;\n ",
84
84
  ": 15rem;\n ",
85
85
  ": 0.125rem;\n\n ",
86
- ": 35.25rem;\n\n ",
86
+ ": 36.25rem;\n\n ",
87
87
  ": var(--plasma-typo-body-l-font-family);\n ",
88
88
  ": var(--plasma-typo-body-l-font-size);\n ",
89
89
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -93,7 +93,8 @@ function _templateObject1() {
93
93
  ": 3.5rem;\n ",
94
94
  ": 0.75rem;\n ",
95
95
  ": 0rem;\n\n ",
96
- ": 0.125rem;\n "
96
+ ": 0.125rem;\n ",
97
+ ": 0.5rem;\n "
97
98
  ]);
98
99
  _templateObject1 = function _templateObject() {
99
100
  return data;
@@ -138,7 +139,7 @@ function _templateObject2() {
138
139
  ": 0.75rem;\n ",
139
140
  ": 13.75rem;\n ",
140
141
  ": 0.125rem;\n\n ",
141
- ": 30.125rem;\n\n ",
142
+ ": 31.25rem;\n\n ",
142
143
  ": var(--plasma-typo-body-m-font-family);\n ",
143
144
  ": var(--plasma-typo-body-m-font-size);\n ",
144
145
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -148,7 +149,8 @@ function _templateObject2() {
148
149
  ": 3rem;\n ",
149
150
  ": 0.625rem;\n ",
150
151
  ": 0rem;\n\n ",
151
- ": 0.125rem;\n "
152
+ ": 0.125rem;\n ",
153
+ ": 0.375rem;\n "
152
154
  ]);
153
155
  _templateObject2 = function _templateObject() {
154
156
  return data;
@@ -193,7 +195,7 @@ function _templateObject3() {
193
195
  ": 0.625rem;\n ",
194
196
  ": 12rem;\n ",
195
197
  ": 0.125rem;\n\n ",
196
- ": 25.125rem;\n\n ",
198
+ ": 26.25rem;\n\n ",
197
199
  ": var(--plasma-typo-body-s-font-family);\n ",
198
200
  ": var(--plasma-typo-body-s-font-size);\n ",
199
201
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -203,7 +205,8 @@ function _templateObject3() {
203
205
  ": 2.5rem;\n ",
204
206
  ": 0.5rem;\n ",
205
207
  ": 0rem;\n\n ",
206
- ": 0.125rem;\n "
208
+ ": 0.125rem;\n ",
209
+ ": 0.25rem;\n "
207
210
  ]);
208
211
  _templateObject3 = function _templateObject() {
209
212
  return data;
@@ -248,7 +251,7 @@ function _templateObject4() {
248
251
  ": 0.5rem;\n ",
249
252
  ": 10rem;\n ",
250
253
  ": 0.125rem;\n\n ",
251
- ": 30rem;\n\n ",
254
+ ": 21.25rem;\n\n ",
252
255
  ": var(--plasma-typo-body-xs-font-family);\n ",
253
256
  ": var(--plasma-typo-body-xs-font-size);\n ",
254
257
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -258,7 +261,8 @@ function _templateObject4() {
258
261
  ": 2rem;\n ",
259
262
  ": 0.375rem;\n ",
260
263
  ": 0rem;\n\n ",
261
- ": 0.125rem;\n "
264
+ ": 0.125rem;\n ",
265
+ ": 0.25rem;\n "
262
266
  ]);
263
267
  _templateObject4 = function _templateObject() {
264
268
  return data;
@@ -300,10 +304,10 @@ export var config = {
300
304
  default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemHoverBackground, tokens.itemActiveBackground, tokens.scrollbarColor, tokens.scrollbarTrackColor)
301
305
  },
302
306
  size: {
303
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
304
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
305
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
306
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth)
307
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
308
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
309
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
310
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin)
307
311
  },
308
312
  disabled: {
309
313
  true: css(_templateObject5(), tokens.disabledOpacity)
package/emotion/es/index.js CHANGED
@@ -72,5 +72,6 @@ export * from './components/Carousel';
72
72
  export * from './components/Tour';
73
73
  export * from './components/EmbedIconButton';
74
74
  export * from './components/InformationWrapper';
75
+ export * from './components/TimePicker';
75
76
  export * from './mixins';
76
77
  export * from './tokens';
package/es/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,27 @@
1
+ import './TimePicker.config_14arppm.css';
2
+ var config = {
3
+ defaults: {
4
+ view: 'default',
5
+ size: 'm'
6
+ },
7
+ variations: {
8
+ view: {
9
+ "default": "d5gvkb"
10
+ },
11
+ size: {
12
+ l: "l8nu8g8",
13
+ m: "m1msvds1",
14
+ s: "s1g3bn14",
15
+ xs: "x1w02pvl"
16
+ },
17
+ disabled: {
18
+ "true": "tu6or3f"
19
+ },
20
+ readonly: {
21
+ "true": "t8o71zf"
22
+ }
23
+ }
24
+ };
25
+
26
+ export { config };
27
+ //# sourceMappingURL=TimePicker.config.js.map
package/es/components/TimePicker/TimePicker.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.config.js","sources":["../../../src-css/components/TimePicker/TimePicker.config.ts"],"sourcesContent":["import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.labelColor}: var(--text-primary);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.timePickerBackground}: var(--surface-solid-card);\n ${tokens.itemHoverBackground}: var(--surface-transparent-secondary);\n ${tokens.itemActiveBackground}: var(--surface-transparent-secondary);\n\n ${tokens.scrollbarColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarTrackColor}: var(--surface-transparent-primary);\n `,\n },\n size: {\n l: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.875rem;\n ${tokens.timePickerWidth}: 15rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 36.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.5rem;\n `,\n m: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.75rem;\n ${tokens.timePickerWidth}: 13.75rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 31.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.375rem;\n `,\n s: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.625rem;\n ${tokens.timePickerWidth}: 12rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 26.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n xs: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.5rem;\n ${tokens.timePickerWidth}: 10rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 21.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readonly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readonly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,QAAA;KAuCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EA2DA,SAAA;AACDC,MAAAA,CAAC,EA2DA,UAAA;AACDC,MAAAA,CAAC,EA2DA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA4DL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAQR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/TimePicker/TimePicker.config_14arppm.css ADDED
@@ -0,0 +1,7 @@
1
+ .d5gvkb{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
2
+ .l8nu8g8{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.5rem;}
3
+ .m1msvds1{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
4
+ .s1g3bn14{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
5
+ .x1w02pvl{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.5rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.5rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.375rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:2rem;--plasma-time-picker-textfield-border-radius:0.5rem;--plasma-time-picker-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.5rem;--plasma-time-picker-ui-width:10rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:21.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-item-height:2rem;--plasma-time-picker-item-border-radius:0.375rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
6
+ .tu6or3f{--plasma-time-picker-disabled-opacity:0.4;}
7
+ .t8o71zf{--plasma-time-picker_range-background-readonly:var(--surface-transparent-primary);--plasma-time-picker__label-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);}
package/es/components/TimePicker/TimePicker.css ADDED
@@ -0,0 +1,7 @@
1
+ .TimePicker_config_14arppm_d5gvkb__53d5023f{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
2
+ .TimePicker_config_14arppm_l8nu8g8__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.5rem;}
3
+ .TimePicker_config_14arppm_m1msvds1__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
4
+ .TimePicker_config_14arppm_s1g3bn14__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
5
+ .TimePicker_config_14arppm_x1w02pvl__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.5rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.5rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.375rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:2rem;--plasma-time-picker-textfield-border-radius:0.5rem;--plasma-time-picker-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.5rem;--plasma-time-picker-ui-width:10rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:21.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-item-height:2rem;--plasma-time-picker-item-border-radius:0.375rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
6
+ .TimePicker_config_14arppm_tu6or3f__53d5023f{--plasma-time-picker-disabled-opacity:0.4;}
7
+ .TimePicker_config_14arppm_t8o71zf__53d5023f{--plasma-time-picker_range-background-readonly:var(--surface-transparent-primary);--plasma-time-picker__label-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);}
package/es/components/TimePicker/TimePicker.js ADDED
@@ -0,0 +1,8 @@
1
+ import { component, mergeConfig, timePickerConfig } from '@salutejs/plasma-new-hope';
2
+ import { config } from './TimePicker.config.js';
3
+
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(timePickerConfig, config);
5
+ var TimePicker = /*#__PURE__*/component(mergedConfig);
6
+
7
+ export { TimePicker };
8
+ //# sourceMappingURL=TimePicker.js.map
package/es/components/TimePicker/TimePicker.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.js","sources":["../../../src-css/components/TimePicker/TimePicker.ts"],"sourcesContent":["import { timePickerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TimePicker.config';\n\nconst mergedConfig = mergeConfig(timePickerConfig, config);\nexport const TimePicker = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","timePickerConfig","config","TimePicker","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,EAAEC,MAAM,CAAC,CAAA;IAC7CC,UAAU,gBAAGC,SAAS,CAACL,YAAY;;;;"}
package/es/index.css CHANGED
@@ -720,6 +720,14 @@
720
720
 
721
721
 
722
722
 
723
+ .TimePicker_config_14arppm_d5gvkb__53d5023f{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
724
+ .TimePicker_config_14arppm_l8nu8g8__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.5rem;}
725
+ .TimePicker_config_14arppm_m1msvds1__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
726
+ .TimePicker_config_14arppm_s1g3bn14__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
727
+ .TimePicker_config_14arppm_x1w02pvl__53d5023f{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.5rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.5rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.375rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:2rem;--plasma-time-picker-textfield-border-radius:0.5rem;--plasma-time-picker-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.5rem;--plasma-time-picker-ui-width:10rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:21.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-item-height:2rem;--plasma-time-picker-item-border-radius:0.375rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
728
+ .TimePicker_config_14arppm_tu6or3f__53d5023f{--plasma-time-picker-disabled-opacity:0.4;}
729
+ .TimePicker_config_14arppm_t8o71zf__53d5023f{--plasma-time-picker_range-background-readonly:var(--surface-transparent-primary);--plasma-time-picker__label-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);}
730
+
723
731
  .Toast_config_mtfyaa_d1bsn3dp__5ad6d13b{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
724
732
  .Toast_config_mtfyaa_ptjd8cf__5ad6d13b{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-positive);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
725
733
  .Toast_config_mtfyaa_n1i63r6p__5ad6d13b{--plasma-toast-color:var(--text-primary);--plasma-toast-background:var(--surface-solid-card-brightness);--plasma-toast-content-left-color:var(--text-negative);--plasma-toast-close-icon-color:var(--text-secondary);--plasma-toast-close-icon-color-on-hover:var(--text-secondary);}
package/es/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { Accordion } from './components/Accordion/Accordion.js';
2
- export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope';
2
+ export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope';
3
3
  export { Attach } from './components/Attach/Attach.js';
4
4
  export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
5
5
  export { Avatar } from './components/Avatar/Avatar.js';
@@ -64,6 +64,7 @@ export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
64
64
  export { TextArea } from './components/TextArea/TextArea.js';
65
65
  export { TextField } from './components/TextField/TextField.js';
66
66
  export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
67
+ export { TimePicker } from './components/TimePicker/TimePicker.js';
67
68
  export { Toast, ToastProvider } from './components/Toast/Toast.js';
68
69
  export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
69
70
  export { Tooltip } from './components/Tooltip/Tooltip.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/index.d.ts CHANGED
@@ -72,5 +72,6 @@ export * from './components/Carousel';
72
72
  export * from './components/Tour';
73
73
  export * from './components/EmbedIconButton';
74
74
  export * from './components/InformationWrapper';
75
+ export * from './components/TimePicker';
75
76
  export * from './mixins';
76
77
  export * from './tokens';
package/index.js CHANGED
@@ -68,6 +68,7 @@ var TabItem = require('./components/Tabs/TabItem.js');
68
68
  var TextArea = require('./components/TextArea/TextArea.js');
69
69
  var TextField = require('./components/TextField/TextField.js');
70
70
  var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
71
+ var TimePicker = require('./components/TimePicker/TimePicker.js');
71
72
  var Toast = require('./components/Toast/Toast.js');
72
73
  var Toolbar = require('./components/Toolbar/Toolbar.js');
73
74
  var Tooltip = require('./components/Tooltip/Tooltip.js');
@@ -275,6 +276,14 @@ Object.defineProperty(exports, 'textFieldTokens', {
275
276
  enumerable: true,
276
277
  get: function () { return plasmaNewHope.textFieldTokens; }
277
278
  });
279
+ Object.defineProperty(exports, 'timePickerClasses', {
280
+ enumerable: true,
281
+ get: function () { return plasmaNewHope.timePickerClasses; }
282
+ });
283
+ Object.defineProperty(exports, 'timePickerTokens', {
284
+ enumerable: true,
285
+ get: function () { return plasmaNewHope.timePickerTokens; }
286
+ });
278
287
  Object.defineProperty(exports, 'toolbarTokens', {
279
288
  enumerable: true,
280
289
  get: function () { return plasmaNewHope.toolbarTokens; }
@@ -371,6 +380,7 @@ exports.TabItem = TabItem.TabItem;
371
380
  exports.TextArea = TextArea.TextArea;
372
381
  exports.TextField = TextField.TextField;
373
382
  exports.TextFieldGroup = TextFieldGroup.TextFieldGroup;
383
+ exports.TimePicker = TimePicker.TimePicker;
374
384
  exports.Toast = Toast.Toast;
375
385
  exports.ToastProvider = Toast.ToastProvider;
376
386
  exports.Toolbar = Toolbar.Toolbar;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-serv",
3
- "version": "0.324.0-canary.2184.17907394393.0",
3
+ "version": "0.324.0-canary.2184.17968380115.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SERV web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-serv"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.337.0-canary.2184.17907394393.0",
35
+ "@salutejs/plasma-new-hope": "0.337.0-canary.2184.17968380115.0",
36
36
  "@salutejs/sdds-themes": "0.47.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "7e6b2936c5f27154878cfe83db0d88d838b58906"
140
+ "gitHead": "69aa823b906b3178f4212cbcad44b4e8f35e4a76"
141
141
  }
package/styled-components/cjs/components/TimePicker/TimePicker.config.js CHANGED
@@ -94,7 +94,7 @@ function _templateObject1() {
94
94
  ": 0.875rem;\n ",
95
95
  ": 15rem;\n ",
96
96
  ": 0.125rem;\n\n ",
97
- ": 35.25rem;\n\n ",
97
+ ": 36.25rem;\n\n ",
98
98
  ": var(--plasma-typo-body-l-font-family);\n ",
99
99
  ": var(--plasma-typo-body-l-font-size);\n ",
100
100
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -104,7 +104,8 @@ function _templateObject1() {
104
104
  ": 3.5rem;\n ",
105
105
  ": 0.75rem;\n ",
106
106
  ": 0rem;\n\n ",
107
- ": 0.125rem;\n "
107
+ ": 0.125rem;\n ",
108
+ ": 0.5rem;\n "
108
109
  ]);
109
110
  _templateObject1 = function _templateObject() {
110
111
  return data;
@@ -149,7 +150,7 @@ function _templateObject2() {
149
150
  ": 0.75rem;\n ",
150
151
  ": 13.75rem;\n ",
151
152
  ": 0.125rem;\n\n ",
152
- ": 30.125rem;\n\n ",
153
+ ": 31.25rem;\n\n ",
153
154
  ": var(--plasma-typo-body-m-font-family);\n ",
154
155
  ": var(--plasma-typo-body-m-font-size);\n ",
155
156
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -159,7 +160,8 @@ function _templateObject2() {
159
160
  ": 3rem;\n ",
160
161
  ": 0.625rem;\n ",
161
162
  ": 0rem;\n\n ",
162
- ": 0.125rem;\n "
163
+ ": 0.125rem;\n ",
164
+ ": 0.375rem;\n "
163
165
  ]);
164
166
  _templateObject2 = function _templateObject() {
165
167
  return data;
@@ -204,7 +206,7 @@ function _templateObject3() {
204
206
  ": 0.625rem;\n ",
205
207
  ": 12rem;\n ",
206
208
  ": 0.125rem;\n\n ",
207
- ": 25.125rem;\n\n ",
209
+ ": 26.25rem;\n\n ",
208
210
  ": var(--plasma-typo-body-s-font-family);\n ",
209
211
  ": var(--plasma-typo-body-s-font-size);\n ",
210
212
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -214,7 +216,8 @@ function _templateObject3() {
214
216
  ": 2.5rem;\n ",
215
217
  ": 0.5rem;\n ",
216
218
  ": 0rem;\n\n ",
217
- ": 0.125rem;\n "
219
+ ": 0.125rem;\n ",
220
+ ": 0.25rem;\n "
218
221
  ]);
219
222
  _templateObject3 = function _templateObject() {
220
223
  return data;
@@ -259,7 +262,7 @@ function _templateObject4() {
259
262
  ": 0.5rem;\n ",
260
263
  ": 10rem;\n ",
261
264
  ": 0.125rem;\n\n ",
262
- ": 30rem;\n\n ",
265
+ ": 21.25rem;\n\n ",
263
266
  ": var(--plasma-typo-body-xs-font-family);\n ",
264
267
  ": var(--plasma-typo-body-xs-font-size);\n ",
265
268
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -269,7 +272,8 @@ function _templateObject4() {
269
272
  ": 2rem;\n ",
270
273
  ": 0.375rem;\n ",
271
274
  ": 0rem;\n\n ",
272
- ": 0.125rem;\n "
275
+ ": 0.125rem;\n ",
276
+ ": 0.25rem;\n "
273
277
  ]);
274
278
  _templateObject4 = function _templateObject() {
275
279
  return data;
@@ -310,10 +314,10 @@ var config = {
310
314
  default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.timePickerTokens.background, _styledcomponents.timePickerTokens.backgroundError, _styledcomponents.timePickerTokens.backgroundSuccess, _styledcomponents.timePickerTokens.labelColor, _styledcomponents.timePickerTokens.textFieldColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColor, _styledcomponents.timePickerTokens.textFieldCaretColor, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.indicatorColor, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.timePickerTokens.textFieldTextBeforeColor, _styledcomponents.timePickerTokens.textFieldTextAfterColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.timePickerTokens.timePickerBackground, _styledcomponents.timePickerTokens.itemHoverBackground, _styledcomponents.timePickerTokens.itemActiveBackground, _styledcomponents.timePickerTokens.scrollbarColor, _styledcomponents.timePickerTokens.scrollbarTrackColor)
311
315
  },
312
316
  size: {
313
- l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth),
314
- m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth),
315
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth),
316
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth)
317
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
318
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
319
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
320
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin)
317
321
  },
318
322
  disabled: {
319
323
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.timePickerTokens.disabledOpacity)
package/styled-components/cjs/index.js CHANGED
@@ -76,6 +76,7 @@ _export_star(require("./components/Carousel"), exports);
76
76
  _export_star(require("./components/Tour"), exports);
77
77
  _export_star(require("./components/EmbedIconButton"), exports);
78
78
  _export_star(require("./components/InformationWrapper"), exports);
79
+ _export_star(require("./components/TimePicker"), exports);
79
80
  _export_star(require("./mixins"), exports);
80
81
  _export_star(require("./tokens"), exports);
81
82
  function _export_star(from, to) {
package/styled-components/es/components/TimePicker/TimePicker.config.js CHANGED
@@ -83,7 +83,7 @@ function _templateObject1() {
83
83
  ": 0.875rem;\n ",
84
84
  ": 15rem;\n ",
85
85
  ": 0.125rem;\n\n ",
86
- ": 35.25rem;\n\n ",
86
+ ": 36.25rem;\n\n ",
87
87
  ": var(--plasma-typo-body-l-font-family);\n ",
88
88
  ": var(--plasma-typo-body-l-font-size);\n ",
89
89
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -93,7 +93,8 @@ function _templateObject1() {
93
93
  ": 3.5rem;\n ",
94
94
  ": 0.75rem;\n ",
95
95
  ": 0rem;\n\n ",
96
- ": 0.125rem;\n "
96
+ ": 0.125rem;\n ",
97
+ ": 0.5rem;\n "
97
98
  ]);
98
99
  _templateObject1 = function _templateObject() {
99
100
  return data;
@@ -138,7 +139,7 @@ function _templateObject2() {
138
139
  ": 0.75rem;\n ",
139
140
  ": 13.75rem;\n ",
140
141
  ": 0.125rem;\n\n ",
141
- ": 30.125rem;\n\n ",
142
+ ": 31.25rem;\n\n ",
142
143
  ": var(--plasma-typo-body-m-font-family);\n ",
143
144
  ": var(--plasma-typo-body-m-font-size);\n ",
144
145
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -148,7 +149,8 @@ function _templateObject2() {
148
149
  ": 3rem;\n ",
149
150
  ": 0.625rem;\n ",
150
151
  ": 0rem;\n\n ",
151
- ": 0.125rem;\n "
152
+ ": 0.125rem;\n ",
153
+ ": 0.375rem;\n "
152
154
  ]);
153
155
  _templateObject2 = function _templateObject() {
154
156
  return data;
@@ -193,7 +195,7 @@ function _templateObject3() {
193
195
  ": 0.625rem;\n ",
194
196
  ": 12rem;\n ",
195
197
  ": 0.125rem;\n\n ",
196
- ": 25.125rem;\n\n ",
198
+ ": 26.25rem;\n\n ",
197
199
  ": var(--plasma-typo-body-s-font-family);\n ",
198
200
  ": var(--plasma-typo-body-s-font-size);\n ",
199
201
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -203,7 +205,8 @@ function _templateObject3() {
203
205
  ": 2.5rem;\n ",
204
206
  ": 0.5rem;\n ",
205
207
  ": 0rem;\n\n ",
206
- ": 0.125rem;\n "
208
+ ": 0.125rem;\n ",
209
+ ": 0.25rem;\n "
207
210
  ]);
208
211
  _templateObject3 = function _templateObject() {
209
212
  return data;
@@ -248,7 +251,7 @@ function _templateObject4() {
248
251
  ": 0.5rem;\n ",
249
252
  ": 10rem;\n ",
250
253
  ": 0.125rem;\n\n ",
251
- ": 30rem;\n\n ",
254
+ ": 21.25rem;\n\n ",
252
255
  ": var(--plasma-typo-body-xs-font-family);\n ",
253
256
  ": var(--plasma-typo-body-xs-font-size);\n ",
254
257
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -258,7 +261,8 @@ function _templateObject4() {
258
261
  ": 2rem;\n ",
259
262
  ": 0.375rem;\n ",
260
263
  ": 0rem;\n\n ",
261
- ": 0.125rem;\n "
264
+ ": 0.125rem;\n ",
265
+ ": 0.25rem;\n "
262
266
  ]);
263
267
  _templateObject4 = function _templateObject() {
264
268
  return data;
@@ -300,10 +304,10 @@ export var config = {
300
304
  default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemHoverBackground, tokens.itemActiveBackground, tokens.scrollbarColor, tokens.scrollbarTrackColor)
301
305
  },
302
306
  size: {
303
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
304
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
305
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
306
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth)
307
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
308
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
309
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
310
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin)
307
311
  },
308
312
  disabled: {
309
313
  true: css(_templateObject5(), tokens.disabledOpacity)
package/styled-components/es/index.js CHANGED
@@ -72,5 +72,6 @@ export * from './components/Carousel';
72
72
  export * from './components/Tour';
73
73
  export * from './components/EmbedIconButton';
74
74
  export * from './components/InformationWrapper';
75
+ export * from './components/TimePicker';
75
76
  export * from './mixins';
76
77
  export * from './tokens';