@salutejs/plasma-new-hope 0.342.1-canary.2366.19823339749.0 → 0.342.1-canary.2369.19883385309.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.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.css +4 -4
- package/cjs/components/TimePicker/TimePicker.js +3 -2
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_1qm4hou.css} +2 -2
- package/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/index.css +4 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/cjs/components/TimePicker/TimePicker.js +4 -2
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +9 -12
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/es/components/TimePicker/TimePicker.js +4 -2
- package/emotion/es/components/TimePicker/TimePicker.styles.js +9 -12
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/TimePicker/TimePicker.css +4 -4
- package/es/components/TimePicker/TimePicker.js +3 -2
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +1 -1
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_1qm4hou.css} +2 -2
- package/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/index.css +4 -4
- package/package.json +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/cjs/components/TimePicker/TimePicker.js +4 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +10 -12
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/es/components/TimePicker/TimePicker.js +4 -2
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +10 -12
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -0
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { timePickerGridConfig, timePickerGridTokens } from '../TimePickerGrid';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nconst mergedTimePickerGrid = mergeConfig(timePickerGridConfig);\nconst TimePickerGrid = component(mergedTimePickerGrid);\n\nexport const StyledPopover = styled(Popover)``;\n\nexport const StyledTimePickerGrid = styled(TimePickerGrid)`\n ${timePickerGridTokens.timePickerGridBackground}: var(${tokens.timePickerBackground});\n ${timePickerGridTokens.timePickerGridBorderRadius}: var(${tokens.timePickerBorderRadius});\n ${timePickerGridTokens.timePickerGridWidth}: var(${tokens.timePickerWidth});\n ${timePickerGridTokens.timePickerGridPadding}: var(${tokens.timePickerPadding});\n\n ${timePickerGridTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${timePickerGridTokens.columnHeight}: var(${tokens.columnHeight});\n\n ${timePickerGridTokens.itemHeight}: var(${tokens.itemHeight});\n ${timePickerGridTokens.itemBorderRadius}: var(${tokens.itemBorderRadius});\n ${timePickerGridTokens.itemPadding}: var(${tokens.itemPadding});\n ${timePickerGridTokens.itemBackgroundHover}: var(${tokens.itemBackgroundHover});\n ${timePickerGridTokens.itemBackgroundActive}: var(${tokens.itemBackgroundActive});\n\n ${timePickerGridTokens.itemFontFamily}: var(${tokens.itemFontFamily});\n ${timePickerGridTokens.itemFontSize}: var(${tokens.itemFontSize});\n ${timePickerGridTokens.itemFontStyle}: var(${tokens.itemFontStyle});\n ${timePickerGridTokens.itemFontWeight}: var(${tokens.itemFontWeight});\n ${timePickerGridTokens.itemLetterSpacing}: var(${tokens.itemLetterSpacing});\n ${timePickerGridTokens.itemLineHeight}: var(${tokens.itemLineHeight});\n\n ${timePickerGridTokens.scrollbarWidth}: var(${tokens.scrollbarWidth});\n ${timePickerGridTokens.scrollbarColor}: var(${tokens.scrollbarColor});\n ${timePickerGridTokens.scrollbarTrackColor}: var(${tokens.scrollbarTrackColor});\n ${timePickerGridTokens.scrollbarMargin}: var(${tokens.scrollbarMargin});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n ${textFieldTokens.boxShadow}: var(${tokens.textFieldBoxShadow});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: flex;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n\n &.${classes.timePickerPlacementRight} {\n justify-content: flex-end;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","mergedTimePickerGrid","timePickerGridConfig","TimePickerGrid","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledTimePickerGrid","_exp45","StyledInput","base"],"mappings":";;;;;;AAUA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAE9C,IAAMG,oBAAoB,gBAAGP,WAAW,CAACQ,oBAAoB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,SAAS,CAACI,oBAAoB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAhBrCA,SAgBqCA,IAAAA,GAAA;AAAA,EAAA,OAEnBJ,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMK,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;AAAC,IAAAC,KAAA,GAlB7BA,SAkB6BA,KAAAA,GAAA;AAAA,EAAA,OAEJP,cAAc,CAAA;AAAA,CAAA,CAAA;AAAlD,IAAMQ,oBAAoB,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BzC,EAAA;;AAED;AAAA,IAAAG,MAAA,GAjDkBA,SAiDlBA,MAAAA,GAAA;AAAA,EAAA,OACkChB,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMiB,WAAW,gBAAGP,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+FhC,EAAA;AAEM,IAAMK,IAAI,GAwBhB;;;;"}
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { timePickerGridConfig, timePickerGridTokens } from '../TimePickerGrid';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nconst mergedTimePickerGrid = mergeConfig(timePickerGridConfig);\nconst TimePickerGrid = component(mergedTimePickerGrid);\n\nexport const StyledPopover = styled(Popover)``;\n\nexport const StyledTimePickerGrid = styled(TimePickerGrid)`\n ${timePickerGridTokens.timePickerGridBackground}: var(${tokens.timePickerBackground});\n ${timePickerGridTokens.timePickerGridBorderRadius}: var(${tokens.timePickerBorderRadius});\n ${timePickerGridTokens.timePickerGridWidth}: var(${tokens.timePickerWidth});\n ${timePickerGridTokens.timePickerGridPadding}: var(${tokens.timePickerPadding});\n\n ${timePickerGridTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${timePickerGridTokens.columnHeight}: var(${tokens.columnHeight});\n\n ${timePickerGridTokens.itemHeight}: var(${tokens.itemHeight});\n ${timePickerGridTokens.itemBorderRadius}: var(${tokens.itemBorderRadius});\n ${timePickerGridTokens.itemPadding}: var(${tokens.itemPadding});\n ${timePickerGridTokens.itemBackgroundHover}: var(${tokens.itemBackgroundHover});\n ${timePickerGridTokens.itemBackgroundActive}: var(${tokens.itemBackgroundActive});\n\n ${timePickerGridTokens.itemFontFamily}: var(${tokens.itemFontFamily});\n ${timePickerGridTokens.itemFontSize}: var(${tokens.itemFontSize});\n ${timePickerGridTokens.itemFontStyle}: var(${tokens.itemFontStyle});\n ${timePickerGridTokens.itemFontWeight}: var(${tokens.itemFontWeight});\n ${timePickerGridTokens.itemLetterSpacing}: var(${tokens.itemLetterSpacing});\n ${timePickerGridTokens.itemLineHeight}: var(${tokens.itemLineHeight});\n\n ${timePickerGridTokens.scrollbarWidth}: var(${tokens.scrollbarWidth});\n ${timePickerGridTokens.scrollbarColor}: var(${tokens.scrollbarColor});\n ${timePickerGridTokens.scrollbarTrackColor}: var(${tokens.scrollbarTrackColor});\n ${timePickerGridTokens.scrollbarMargin}: var(${tokens.scrollbarMargin});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n ${textFieldTokens.boxShadow}: var(${tokens.textFieldBoxShadow});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: flex;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n\n &.${classes.timePickerPlacementRight} {\n justify-content: flex-end;\n }\n\n &.${classes.timePickerFixed} {\n width: var(${tokens.timePickerWidth});\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","mergedTimePickerGrid","timePickerGridConfig","TimePickerGrid","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledTimePickerGrid","_exp45","StyledInput","base"],"mappings":";;;;;;AAUA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAE9C,IAAMG,oBAAoB,gBAAGP,WAAW,CAACQ,oBAAoB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,SAAS,CAACI,oBAAoB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAhBrCA,SAgBqCA,IAAAA,GAAA;AAAA,EAAA,OAEnBJ,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMK,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;AAAC,IAAAC,KAAA,GAlB7BA,SAkB6BA,KAAAA,GAAA;AAAA,EAAA,OAEJP,cAAc,CAAA;AAAA,CAAA,CAAA;AAAlD,IAAMQ,oBAAoB,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BzC,EAAA;;AAED;AAAA,IAAAG,MAAA,GAjDkBA,SAiDlBA,MAAAA,GAAA;AAAA,EAAA,OACkChB,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMiB,WAAW,gBAAGP,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+FhC,EAAA;AAEM,IAAMK,IAAI,GA4BhB;;;;"}
|
package/es/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_1qm4hou.css}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
.s1ghbm1p{--plasma-time-picker-grid-grid-background:var(--plasma-time-picker-ui-background);--plasma-time-picker-grid-grid-border-radius:var(--plasma-time-picker-ui-border-radius);--plasma-time-picker-grid-grid-width:var(--plasma-time-picker-ui-width);--plasma-time-picker-grid-grid-padding:var(--plasma-time-picker-ui-padding);--plasma-time-picker-grid-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-time-picker-grid-column-height:var(--plasma-time-picker-column-height);--plasma-time-picker-grid-item-height:var(--plasma-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-time-picker-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-time-picker-scrollbar-margin);}
|
|
3
3
|
.s19h9m1x{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s19h9m1x.plasma-time-picker-error{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.s19h9m1x.plasma-time-picker-success{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
4
|
-
.blnaiay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.blnaiay .popover-wrapper,.blnaiay .popover-target{width:inherit;}.blnaiay.plasma-time-picker-stretched{width:100%;}.blnaiay.plasma-time-picker-stretched .popover-root{width:100%;}.blnaiay.plasma-time-picker-full-width{width:100%;}.blnaiay.plasma-time-picker-placement-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
5
|
-
.sh0cawu{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);
|
|
4
|
+
.blnaiay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.blnaiay .popover-wrapper,.blnaiay .popover-target{width:inherit;}.blnaiay.plasma-time-picker-stretched{width:100%;}.blnaiay.plasma-time-picker-stretched .popover-root{width:100%;}.blnaiay.plasma-time-picker-full-width{width:100%;}.blnaiay.plasma-time-picker-placement-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}.blnaiay.plasma-time-picker-fixed{width:var(--plasma-time-picker-ui-width);}
|
|
5
|
+
.sh0cawu{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
@@ -6,6 +6,7 @@ var classes = {
|
|
|
6
6
|
timeColumnLabel: 'plasma-time-picker-column-label',
|
|
7
7
|
timeItemActive: 'plasma-time-picker-item-active',
|
|
8
8
|
timePickerFullWidth: 'plasma-time-picker-full-width',
|
|
9
|
+
timePickerFixed: 'plasma-time-picker-fixed',
|
|
9
10
|
timePickerActive: 'plasma-time-picker-active',
|
|
10
11
|
timeColumnActive: 'plasma-time-picker-column-active',
|
|
11
12
|
timeColumn: 'plasma-time-picker-column',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n timeColumn: 'plasma-time-picker-column',\n timeColumnScrolling: 'plasma-time-picker-column-scrolling',\n scrollbarVisible: 'plasma-time-picker-scrollbar-visible',\n timePickerPlacementRight: 'plasma-time-picker-placement-right',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemBackgroundHover: '--plasma-time-picker-item-hover-background',\n itemBackgroundActive: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n\n scrollbarWidth: '--plasma-time-picker-scrollbar-width',\n scrollbarColor: '--plasma-time-picker-scrollbar-color',\n scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',\n scrollbarMargin: '--plasma-time-picker-scrollbar-margin',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerActive","timeColumnActive","timeColumn","timeColumnScrolling","scrollbarVisible","timePickerPlacementRight","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldBoxShadow","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","dropdownMarginTop","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemBackgroundHover","itemBackgroundActive","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerFixed: 'plasma-time-picker-fixed',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n timeColumn: 'plasma-time-picker-column',\n timeColumnScrolling: 'plasma-time-picker-column-scrolling',\n scrollbarVisible: 'plasma-time-picker-scrollbar-visible',\n timePickerPlacementRight: 'plasma-time-picker-placement-right',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemBackgroundHover: '--plasma-time-picker-item-hover-background',\n itemBackgroundActive: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n\n scrollbarWidth: '--plasma-time-picker-scrollbar-width',\n scrollbarColor: '--plasma-time-picker-scrollbar-color',\n scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',\n scrollbarMargin: '--plasma-time-picker-scrollbar-margin',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerFixed","timePickerActive","timeColumnActive","timeColumn","timeColumnScrolling","scrollbarVisible","timePickerPlacementRight","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldBoxShadow","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","dropdownMarginTop","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemBackgroundHover","itemBackgroundActive","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":"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"}
|
package/es/index.css
CHANGED
|
@@ -1217,10 +1217,10 @@
|
|
|
1217
1217
|
.TimeColumn_styles_1nwjzgi_s1dt15pt__3e50ba9a{width:100%;height:0%.125rem;}
|
|
1218
1218
|
|
|
1219
1219
|
|
|
1220
|
-
.
|
|
1221
|
-
.
|
|
1222
|
-
.
|
|
1223
|
-
.
|
|
1220
|
+
.TimePicker_styles_1qm4hou_s1ghbm1p__e9018d69{--plasma-time-picker-grid-grid-background:var(--plasma-time-picker-ui-background);--plasma-time-picker-grid-grid-border-radius:var(--plasma-time-picker-ui-border-radius);--plasma-time-picker-grid-grid-width:var(--plasma-time-picker-ui-width);--plasma-time-picker-grid-grid-padding:var(--plasma-time-picker-ui-padding);--plasma-time-picker-grid-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-time-picker-grid-column-height:var(--plasma-time-picker-column-height);--plasma-time-picker-grid-item-height:var(--plasma-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-time-picker-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-time-picker-scrollbar-margin);}
|
|
1221
|
+
.TimePicker_styles_1qm4hou_s19h9m1x__e9018d69{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_1qm4hou_s19h9m1x__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerError__e9018d69{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_1qm4hou_s19h9m1x__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerSuccess__e9018d69{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
1222
|
+
.TimePicker_styles_1qm4hou_blnaiay__e9018d69{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_1qm4hou_blnaiay__e9018d69 .TimePicker_styles_1qm4hou_popoverWrapper__e9018d69,.TimePicker_styles_1qm4hou_blnaiay__e9018d69 .TimePicker_styles_1qm4hou_popoverTarget__e9018d69{width:inherit;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerStretched__e9018d69{width:100%;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerStretched__e9018d69 .TimePicker_styles_1qm4hou_popoverRoot__e9018d69{width:100%;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerFullWidth__e9018d69{width:100%;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerPlacementRight__e9018d69{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}.TimePicker_styles_1qm4hou_blnaiay__e9018d69.TimePicker_styles_1qm4hou_plasmaTimePickerFixed__e9018d69{width:var(--plasma-time-picker-ui-width);}
|
|
1223
|
+
.TimePicker_styles_1qm4hou_sh0cawu__e9018d69{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
1224
1224
|
|
|
1225
1225
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1226
1226
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.342.1-canary.
|
|
3
|
+
"version": "0.342.1-canary.2369.19883385309.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,8 +79,8 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-cy-utils": "0.140.1-canary.
|
|
83
|
-
"@salutejs/plasma-sb-utils": "0.210.1-canary.
|
|
82
|
+
"@salutejs/plasma-cy-utils": "0.140.1-canary.2369.19883385309.0",
|
|
83
|
+
"@salutejs/plasma-sb-utils": "0.210.1-canary.2369.19883385309.0",
|
|
84
84
|
"@salutejs/plasma-themes": "0.38.0",
|
|
85
85
|
"@storybook/addon-docs": "8.6.12",
|
|
86
86
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"@linaria/react": "5.0.3",
|
|
119
119
|
"@popperjs/core": "2.11.8",
|
|
120
120
|
"@salutejs/input-core": "2.1.2",
|
|
121
|
-
"@salutejs/plasma-core": "1.210.1-canary.
|
|
121
|
+
"@salutejs/plasma-core": "1.210.1-canary.2369.19883385309.0",
|
|
122
122
|
"@salutejs/react-maskinput": "3.3.2",
|
|
123
123
|
"@tanstack/react-table": "8.21.2",
|
|
124
124
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -138,5 +138,5 @@
|
|
|
138
138
|
"sideEffects": [
|
|
139
139
|
"*.css"
|
|
140
140
|
],
|
|
141
|
-
"gitHead": "
|
|
141
|
+
"gitHead": "3076ccdad9d53aefd4e7d305efea7c285fab3d75"
|
|
142
142
|
}
|
|
@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
206
206
|
var comboboxRoot = function(Root) {
|
|
207
207
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
208
208
|
var _getItemByFocused;
|
|
209
|
-
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
209
|
+
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, filterValue = props.filterValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
210
210
|
_offset = props._offset, rest = _object_without_properties(props, [
|
|
211
211
|
"name",
|
|
212
212
|
"multiple",
|
|
@@ -250,6 +250,7 @@ var comboboxRoot = function(Root) {
|
|
|
250
250
|
"hintSize",
|
|
251
251
|
"emptyStateDescription",
|
|
252
252
|
"onChangeValue",
|
|
253
|
+
"filterValue",
|
|
253
254
|
"onScroll",
|
|
254
255
|
"onToggle",
|
|
255
256
|
"mode",
|
|
@@ -346,16 +347,15 @@ var comboboxRoot = function(Root) {
|
|
|
346
347
|
};
|
|
347
348
|
// Обработчик изменения значения в инпуте
|
|
348
349
|
var handleTextValueChange = function(e) {
|
|
349
|
-
|
|
350
|
+
if (!filterValue || filterValue(e.target.value)) {
|
|
351
|
+
setTextValue(e.target.value);
|
|
352
|
+
}
|
|
350
353
|
dispatchPath({
|
|
351
354
|
type: 'opened_first_level'
|
|
352
355
|
});
|
|
353
356
|
dispatchFocusedPath({
|
|
354
357
|
type: 'reset'
|
|
355
358
|
});
|
|
356
|
-
if (onChangeValue) {
|
|
357
|
-
onChangeValue(e.target.value);
|
|
358
|
-
}
|
|
359
359
|
};
|
|
360
360
|
// Обработчик чипов
|
|
361
361
|
var handleChipClick = function(chip) {
|
|
@@ -712,6 +712,7 @@ var comboboxRoot = function(Root) {
|
|
|
712
712
|
contentLeft: contentLeft,
|
|
713
713
|
contentRight: /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.IconArrowWrapper, {
|
|
714
714
|
disabled: disabled,
|
|
715
|
+
readOnly: readOnly,
|
|
715
716
|
onClick: handleClickArrow,
|
|
716
717
|
className: _Comboboxtokens.classes.comboboxTargetArrow
|
|
717
718
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
|
|
@@ -84,7 +84,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
|
|
|
84
84
|
var EmptyState = (0, _engines.component)(mergedConfig);
|
|
85
85
|
var ListWrapper = _styledcomponents.default.div.withConfig({
|
|
86
86
|
displayName: "Combobox.styles__ListWrapper",
|
|
87
|
-
componentId: "sc-
|
|
87
|
+
componentId: "sc-48cd29fe-0"
|
|
88
88
|
})([
|
|
89
89
|
"width:",
|
|
90
90
|
";padding:calc(var(",
|
|
@@ -101,7 +101,7 @@ var ListWrapper = _styledcomponents.default.div.withConfig({
|
|
|
101
101
|
}, _Comboboxtokens.tokens.padding, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.constants.background, _Comboboxtokens.constants.boxShadow, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.dropdownBorderColor);
|
|
102
102
|
var Ul = _styledcomponents.default.ul.withConfig({
|
|
103
103
|
displayName: "Combobox.styles__Ul",
|
|
104
|
-
componentId: "sc-
|
|
104
|
+
componentId: "sc-48cd29fe-1"
|
|
105
105
|
})([
|
|
106
106
|
"max-height:",
|
|
107
107
|
";overflow-x:hidden;overflow-y:",
|
|
@@ -118,7 +118,7 @@ var Ul = _styledcomponents.default.ul.withConfig({
|
|
|
118
118
|
}, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.emptyStateWrapper);
|
|
119
119
|
var IconArrowWrapper = _styledcomponents.default.div.withConfig({
|
|
120
120
|
displayName: "Combobox.styles__IconArrowWrapper",
|
|
121
|
-
componentId: "sc-
|
|
121
|
+
componentId: "sc-48cd29fe-2"
|
|
122
122
|
})([
|
|
123
123
|
"line-height:0;color:var(",
|
|
124
124
|
");cursor:",
|
|
@@ -126,11 +126,11 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
|
|
|
126
126
|
"{transform:rotate(-180deg);}&:hover,&:active{color:",
|
|
127
127
|
";}"
|
|
128
128
|
], _Comboboxtokens.tokens.disclosureIconColor, function(param) {
|
|
129
|
-
var disabled = param.disabled;
|
|
130
|
-
return disabled ? 'inherit' : 'pointer';
|
|
129
|
+
var disabled = param.disabled, readOnly = param.readOnly;
|
|
130
|
+
return disabled || readOnly ? 'inherit' : 'pointer';
|
|
131
131
|
}, _Comboboxtokens.classes.arrowInverse, function(param) {
|
|
132
|
-
var disabled = param.disabled;
|
|
133
|
-
return disabled ? "var(".concat(_Comboboxtokens.tokens.disclosureIconColor, ")") : "var(".concat(_Comboboxtokens.tokens.disclosureIconColorHover, ")");
|
|
132
|
+
var disabled = param.disabled, readOnly = param.readOnly;
|
|
133
|
+
return disabled || readOnly ? "var(".concat(_Comboboxtokens.tokens.disclosureIconColor, ")") : "var(".concat(_Comboboxtokens.tokens.disclosureIconColorHover, ")");
|
|
134
134
|
});
|
|
135
135
|
var sizeMap = {
|
|
136
136
|
xs: '1rem',
|
|
@@ -138,7 +138,7 @@ var sizeMap = {
|
|
|
138
138
|
};
|
|
139
139
|
var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
|
|
140
140
|
displayName: "Combobox.styles__StyledArrow",
|
|
141
|
-
componentId: "sc-
|
|
141
|
+
componentId: "sc-48cd29fe-3"
|
|
142
142
|
})([
|
|
143
143
|
"width:",
|
|
144
144
|
";height:",
|
|
@@ -155,7 +155,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
155
155
|
]);
|
|
156
156
|
var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
|
|
157
157
|
displayName: "Combobox.styles__StyledEmptyState",
|
|
158
|
-
componentId: "sc-
|
|
158
|
+
componentId: "sc-48cd29fe-4"
|
|
159
159
|
})([
|
|
160
160
|
"",
|
|
161
161
|
":var(",
|
|
@@ -177,7 +177,7 @@ var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
|
|
|
177
177
|
], _EmptyState.emptyStateTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Comboboxtokens.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Comboboxtokens.tokens.textFieldLineHeight);
|
|
178
178
|
var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
|
179
179
|
displayName: "Combobox.styles__StyledLeftHelper",
|
|
180
|
-
componentId: "sc-
|
|
180
|
+
componentId: "sc-48cd29fe-5"
|
|
181
181
|
})([
|
|
182
182
|
"margin:0;padding:0;"
|
|
183
183
|
]);
|
|
@@ -411,6 +411,7 @@ var timePickerRoot = function(Root) {
|
|
|
411
411
|
}
|
|
412
412
|
return dropdownWidth;
|
|
413
413
|
};
|
|
414
|
+
var _obj;
|
|
414
415
|
return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
415
416
|
stretched: stretched,
|
|
416
417
|
view: view,
|
|
@@ -436,7 +437,7 @@ var timePickerRoot = function(Root) {
|
|
|
436
437
|
stretched: stretched,
|
|
437
438
|
view: view,
|
|
438
439
|
size: size,
|
|
439
|
-
className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className,
|
|
440
|
+
className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className, (_obj = {}, _define_property(_obj, _TimePickertokens.classes.timePickerFullWidth, dropdownWidth === 'fullWidth'), _define_property(_obj, _TimePickertokens.classes.timePickerFixed, dropdownWidth !== 'fullWidth'), _obj)),
|
|
440
441
|
disabled: disabled,
|
|
441
442
|
readonly: readonly
|
|
442
443
|
}, rest), /*#__PURE__*/ _react.default.createElement(_TimePickerstyles.StyledTimePickerGrid, {
|
|
@@ -447,7 +448,8 @@ var timePickerRoot = function(Root) {
|
|
|
447
448
|
format: format,
|
|
448
449
|
view: view,
|
|
449
450
|
size: size,
|
|
450
|
-
disabled: disabled
|
|
451
|
+
disabled: disabled,
|
|
452
|
+
width: getDropdownWidth()
|
|
451
453
|
}))));
|
|
452
454
|
});
|
|
453
455
|
};
|
|
@@ -80,13 +80,13 @@ var mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePickerG
|
|
|
80
80
|
var TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
|
|
81
81
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
82
82
|
displayName: "TimePicker.styles__StyledPopover",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-d43646a1-0"
|
|
84
84
|
})([
|
|
85
85
|
""
|
|
86
86
|
]);
|
|
87
87
|
var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
|
|
88
88
|
displayName: "TimePicker.styles__StyledTimePickerGrid",
|
|
89
|
-
componentId: "sc-
|
|
89
|
+
componentId: "sc-d43646a1-1"
|
|
90
90
|
})([
|
|
91
91
|
"",
|
|
92
92
|
":var(",
|
|
@@ -134,7 +134,7 @@ var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withCo
|
|
|
134
134
|
], _TimePickerGrid.timePickerGridTokens.timePickerGridBackground, _TimePickertokens.tokens.timePickerBackground, _TimePickerGrid.timePickerGridTokens.timePickerGridBorderRadius, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickerGrid.timePickerGridTokens.timePickerGridWidth, _TimePickertokens.tokens.timePickerWidth, _TimePickerGrid.timePickerGridTokens.timePickerGridPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.columnHeight, _TimePickertokens.tokens.columnHeight, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin);
|
|
135
135
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
136
136
|
displayName: "TimePicker.styles__StyledInput",
|
|
137
|
-
componentId: "sc-
|
|
137
|
+
componentId: "sc-d43646a1-2"
|
|
138
138
|
})([
|
|
139
139
|
"width:100%;",
|
|
140
140
|
":var(",
|
|
@@ -294,19 +294,17 @@ var base = (0, _styledcomponents.css)([
|
|
|
294
294
|
"{width:100%;.",
|
|
295
295
|
"{width:100%;}}&.",
|
|
296
296
|
"{width:100%;}&.",
|
|
297
|
-
"{justify-content:flex-end;}"
|
|
298
|
-
|
|
297
|
+
"{justify-content:flex-end;}&.",
|
|
298
|
+
"{width:var(",
|
|
299
|
+
");}"
|
|
300
|
+
], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight, _TimePickertokens.classes.timePickerFixed, _TimePickertokens.tokens.timePickerWidth);
|
|
299
301
|
var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
300
302
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
301
|
-
componentId: "sc-
|
|
303
|
+
componentId: "sc-d43646a1-3"
|
|
302
304
|
})([
|
|
303
305
|
"background:var(",
|
|
304
306
|
");border-radius:var(",
|
|
305
|
-
");
|
|
306
|
-
";display:flex;padding:var(",
|
|
307
|
+
");display:flex;padding:var(",
|
|
307
308
|
");flex:1 1 1;gap:var(",
|
|
308
309
|
");box-sizing:border-box;position:relative;"
|
|
309
|
-
], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius,
|
|
310
|
-
var width = param.width;
|
|
311
|
-
return (width === 'fullWidth' ? "var(".concat(_TimePickertokens.tokens.width, ")") : width) || "var(".concat(_TimePickertokens.tokens.timePickerWidth, ")");
|
|
312
|
-
}, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);
|
|
310
|
+
], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);
|
|
@@ -24,6 +24,7 @@ var classes = {
|
|
|
24
24
|
timeColumnLabel: 'plasma-time-picker-column-label',
|
|
25
25
|
timeItemActive: 'plasma-time-picker-item-active',
|
|
26
26
|
timePickerFullWidth: 'plasma-time-picker-full-width',
|
|
27
|
+
timePickerFixed: 'plasma-time-picker-fixed',
|
|
27
28
|
timePickerActive: 'plasma-time-picker-active',
|
|
28
29
|
timeColumnActive: 'plasma-time-picker-column-active',
|
|
29
30
|
timeColumn: 'plasma-time-picker-column',
|
|
@@ -149,7 +149,7 @@ import { Context } from "./Combobox.context";
|
|
|
149
149
|
*/ export var comboboxRoot = function(Root) {
|
|
150
150
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
151
151
|
var _getItemByFocused;
|
|
152
|
-
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
152
|
+
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, filterValue = props.filterValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
153
153
|
_offset = props._offset, rest = _object_without_properties(props, [
|
|
154
154
|
"name",
|
|
155
155
|
"multiple",
|
|
@@ -193,6 +193,7 @@ import { Context } from "./Combobox.context";
|
|
|
193
193
|
"hintSize",
|
|
194
194
|
"emptyStateDescription",
|
|
195
195
|
"onChangeValue",
|
|
196
|
+
"filterValue",
|
|
196
197
|
"onScroll",
|
|
197
198
|
"onToggle",
|
|
198
199
|
"mode",
|
|
@@ -289,16 +290,15 @@ import { Context } from "./Combobox.context";
|
|
|
289
290
|
};
|
|
290
291
|
// Обработчик изменения значения в инпуте
|
|
291
292
|
var handleTextValueChange = function(e) {
|
|
292
|
-
|
|
293
|
+
if (!filterValue || filterValue(e.target.value)) {
|
|
294
|
+
setTextValue(e.target.value);
|
|
295
|
+
}
|
|
293
296
|
dispatchPath({
|
|
294
297
|
type: 'opened_first_level'
|
|
295
298
|
});
|
|
296
299
|
dispatchFocusedPath({
|
|
297
300
|
type: 'reset'
|
|
298
301
|
});
|
|
299
|
-
if (onChangeValue) {
|
|
300
|
-
onChangeValue(e.target.value);
|
|
301
|
-
}
|
|
302
302
|
};
|
|
303
303
|
// Обработчик чипов
|
|
304
304
|
var handleChipClick = function(chip) {
|
|
@@ -655,6 +655,7 @@ import { Context } from "./Combobox.context";
|
|
|
655
655
|
contentLeft: contentLeft,
|
|
656
656
|
contentRight: /*#__PURE__*/ React.createElement(IconArrowWrapper, {
|
|
657
657
|
disabled: disabled,
|
|
658
|
+
readOnly: readOnly,
|
|
658
659
|
onClick: handleClickArrow,
|
|
659
660
|
className: classes.comboboxTargetArrow
|
|
660
661
|
}, /*#__PURE__*/ React.createElement(StyledArrow, {
|
|
@@ -8,7 +8,7 @@ var mergedConfig = mergeConfig(emptyStateConfig);
|
|
|
8
8
|
var EmptyState = component(mergedConfig);
|
|
9
9
|
export var ListWrapper = styled.div.withConfig({
|
|
10
10
|
displayName: "Combobox.styles__ListWrapper",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-48cd29fe-0"
|
|
12
12
|
})([
|
|
13
13
|
"width:",
|
|
14
14
|
";padding:calc(var(",
|
|
@@ -25,7 +25,7 @@ export var ListWrapper = styled.div.withConfig({
|
|
|
25
25
|
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
|
26
26
|
export var Ul = styled.ul.withConfig({
|
|
27
27
|
displayName: "Combobox.styles__Ul",
|
|
28
|
-
componentId: "sc-
|
|
28
|
+
componentId: "sc-48cd29fe-1"
|
|
29
29
|
})([
|
|
30
30
|
"max-height:",
|
|
31
31
|
";overflow-x:hidden;overflow-y:",
|
|
@@ -42,7 +42,7 @@ export var Ul = styled.ul.withConfig({
|
|
|
42
42
|
}, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
|
|
43
43
|
export var IconArrowWrapper = styled.div.withConfig({
|
|
44
44
|
displayName: "Combobox.styles__IconArrowWrapper",
|
|
45
|
-
componentId: "sc-
|
|
45
|
+
componentId: "sc-48cd29fe-2"
|
|
46
46
|
})([
|
|
47
47
|
"line-height:0;color:var(",
|
|
48
48
|
");cursor:",
|
|
@@ -50,11 +50,11 @@ export var IconArrowWrapper = styled.div.withConfig({
|
|
|
50
50
|
"{transform:rotate(-180deg);}&:hover,&:active{color:",
|
|
51
51
|
";}"
|
|
52
52
|
], tokens.disclosureIconColor, function(param) {
|
|
53
|
-
var disabled = param.disabled;
|
|
54
|
-
return disabled ? 'inherit' : 'pointer';
|
|
53
|
+
var disabled = param.disabled, readOnly = param.readOnly;
|
|
54
|
+
return disabled || readOnly ? 'inherit' : 'pointer';
|
|
55
55
|
}, classes.arrowInverse, function(param) {
|
|
56
|
-
var disabled = param.disabled;
|
|
57
|
-
return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
|
56
|
+
var disabled = param.disabled, readOnly = param.readOnly;
|
|
57
|
+
return disabled || readOnly ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
|
58
58
|
});
|
|
59
59
|
// TODO: Удалить после поддержки JS переменных в конфиге компонент
|
|
60
60
|
export var sizeMap = {
|
|
@@ -63,7 +63,7 @@ export var sizeMap = {
|
|
|
63
63
|
};
|
|
64
64
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
65
65
|
displayName: "Combobox.styles__StyledArrow",
|
|
66
|
-
componentId: "sc-
|
|
66
|
+
componentId: "sc-48cd29fe-3"
|
|
67
67
|
})([
|
|
68
68
|
"width:",
|
|
69
69
|
";height:",
|
|
@@ -80,7 +80,7 @@ export var base = css([
|
|
|
80
80
|
]);
|
|
81
81
|
export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
82
82
|
displayName: "Combobox.styles__StyledEmptyState",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-48cd29fe-4"
|
|
84
84
|
})([
|
|
85
85
|
"",
|
|
86
86
|
":var(",
|
|
@@ -102,7 +102,7 @@ export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
|
102
102
|
], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
|
103
103
|
export var StyledLeftHelper = styled.span.withConfig({
|
|
104
104
|
displayName: "Combobox.styles__StyledLeftHelper",
|
|
105
|
-
componentId: "sc-
|
|
105
|
+
componentId: "sc-48cd29fe-5"
|
|
106
106
|
})([
|
|
107
107
|
"margin:0;padding:0;"
|
|
108
108
|
]);
|