npm - @salutejs/plasma-new-hope - Versions diffs - 0.342.1-canary.2366.19820554707.0 → 0.342.1-canary.2369.19883385309.0 - Mend

@salutejs/plasma-new-hope 0.342.1-canary.2366.19820554707.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.

Files changed (76) hide show

package/es/components/TimePicker/TimePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number \| null;\n minutes?: number \| null;\n seconds?: number \| null;\n currentColumn?: 'hours' \| 'minutes' \| 'seconds' \| null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' \| 'defaultValue' \| 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue \|\| '');\n const [rootWidth, setRootWidth] = useState<number \| null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled \|\| readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled \|\| readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' \| 'fullWidth' \| React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' \|\| dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n {...rest}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number \| null;\n minutes?: number \| null;\n seconds?: number \| null;\n currentColumn?: 'hours' \| 'minutes' \| 'seconds' \| null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' \| 'defaultValue' \| 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue \|\| '');\n const [rootWidth, setRootWidth] = useState<number \| null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled \|\| readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled \|\| readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' \| 'fullWidth' \| React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' \|\| dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerFullWidth]: dropdownWidth === 'fullWidth',\n [classes.timePickerFixed]: dropdownWidth !== 'fullWidth',\n })}\n disabled={disabled}\n readonly={readonly}\n {...rest}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n width={getDropdownWidth()}\n />\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","timePickerFullWidth","timePickerFixed","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}

package/es/components/TimePicker/TimePicker.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './TimePicker.styles_2lk4d9.css';
+import './TimePicker.styles_1qm4hou.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { popoverConfig } from '../Popover/Popover.js';

package/es/components/TimePicker/TimePicker.styles.js.map CHANGED Viewed

	@@ -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 Viewed

@@ -1,5 +1,5 @@
 .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);}
 .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);}
-.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;}
-.sh0cawu{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--sh0cawu-0);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;}
+.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);}
+.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;}

package/es/components/TimePicker/TimePicker.tokens.js CHANGED Viewed

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

package/es/components/TimePicker/TimePicker.tokens.js.map CHANGED Viewed

	@@ -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 Viewed

@@ -1217,10 +1217,10 @@
 .TimeColumn_styles_1nwjzgi_s1dt15pt__3e50ba9a{width:100%;height:0%.125rem;}
-.TimePicker_styles_2lk4d9_s1ghbm1p__1d709ac3{--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);}
-.TimePicker_styles_2lk4d9_s19h9m1x__1d709ac3{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_2lk4d9_s19h9m1x__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerError__1d709ac3{--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_2lk4d9_s19h9m1x__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerSuccess__1d709ac3{--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);}
-.TimePicker_styles_2lk4d9_blnaiay__1d709ac3{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_2lk4d9_blnaiay__1d709ac3 .TimePicker_styles_2lk4d9_popoverWrapper__1d709ac3,.TimePicker_styles_2lk4d9_blnaiay__1d709ac3 .TimePicker_styles_2lk4d9_popoverTarget__1d709ac3{width:inherit;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerStretched__1d709ac3{width:100%;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerStretched__1d709ac3 .TimePicker_styles_2lk4d9_popoverRoot__1d709ac3{width:100%;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerFullWidth__1d709ac3{width:100%;}.TimePicker_styles_2lk4d9_blnaiay__1d709ac3.TimePicker_styles_2lk4d9_plasmaTimePickerPlacementRight__1d709ac3{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
-.TimePicker_styles_2lk4d9_sh0cawu__1d709ac3{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--sh0cawu-0);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;}
+.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);}
+.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);}
+.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);}
+.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;}
 .base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.342.1-canary.2366.19820554707.0",
+  "version": "0.342.1-canary.2369.19883385309.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,8 +79,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.140.1-canary.2366.19820554707.0",
-    "@salutejs/plasma-sb-utils": "0.210.1-canary.2366.19820554707.0",
+    "@salutejs/plasma-cy-utils": "0.140.1-canary.2369.19883385309.0",
+    "@salutejs/plasma-sb-utils": "0.210.1-canary.2369.19883385309.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
@@ -118,7 +118,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.210.1-canary.2366.19820554707.0",
+    "@salutejs/plasma-core": "1.210.1-canary.2369.19883385309.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -138,5 +138,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "9c519c006ffa9248c22555ef73a72670f8b69fc0"
+  "gitHead": "3076ccdad9d53aefd4e7d305efea7c285fab3d75"
 }

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js CHANGED Viewed

@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 var comboboxRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _getItemByFocused;
-        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
+        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
         _offset = props._offset, rest = _object_without_properties(props, [
             "name",
             "multiple",
@@ -250,6 +250,7 @@ var comboboxRoot = function(Root) {
             "hintSize",
             "emptyStateDescription",
             "onChangeValue",
+            "filterValue",
             "onScroll",
             "onToggle",
             "mode",
@@ -346,16 +347,15 @@ var comboboxRoot = function(Root) {
         };
         // Обработчик изменения значения в инпуте
         var handleTextValueChange = function(e) {
-            setTextValue(e.target.value);
+            if (!filterValue || filterValue(e.target.value)) {
+                setTextValue(e.target.value);
+            }
             dispatchPath({
                 type: 'opened_first_level'
             });
             dispatchFocusedPath({
                 type: 'reset'
             });
-            if (onChangeValue) {
-                onChangeValue(e.target.value);
-            }
         };
         // Обработчик чипов
         var handleChipClick = function(chip) {
@@ -712,6 +712,7 @@ var comboboxRoot = function(Root) {
                     contentLeft: contentLeft,
                     contentRight: /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.IconArrowWrapper, {
                         disabled: disabled,
+                        readOnly: readOnly,
                         onClick: handleClickArrow,
                         className: _Comboboxtokens.classes.comboboxTargetArrow
                     }, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js CHANGED Viewed

@@ -84,7 +84,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
 var EmptyState = (0, _engines.component)(mergedConfig);
 var ListWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Combobox.styles__ListWrapper",
-    componentId: "sc-21c5f0bf-0"
+    componentId: "sc-48cd29fe-0"
 })([
     "width:",
     ";padding:calc(var(",
@@ -101,7 +101,7 @@ var ListWrapper = _styledcomponents.default.div.withConfig({
 }, _Comboboxtokens.tokens.padding, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.constants.background, _Comboboxtokens.constants.boxShadow, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.dropdownBorderColor);
 var Ul = _styledcomponents.default.ul.withConfig({
     displayName: "Combobox.styles__Ul",
-    componentId: "sc-21c5f0bf-1"
+    componentId: "sc-48cd29fe-1"
 })([
     "max-height:",
     ";overflow-x:hidden;overflow-y:",
@@ -118,7 +118,7 @@ var Ul = _styledcomponents.default.ul.withConfig({
 }, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.emptyStateWrapper);
 var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Combobox.styles__IconArrowWrapper",
-    componentId: "sc-21c5f0bf-2"
+    componentId: "sc-48cd29fe-2"
 })([
     "line-height:0;color:var(",
     ");cursor:",
@@ -126,11 +126,11 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     "{transform:rotate(-180deg);}&:hover,&:active{color:",
     ";}"
 ], _Comboboxtokens.tokens.disclosureIconColor, function(param) {
-    var disabled = param.disabled;
-    return disabled ? 'inherit' : 'pointer';
+    var disabled = param.disabled, readOnly = param.readOnly;
+    return disabled || readOnly ? 'inherit' : 'pointer';
 }, _Comboboxtokens.classes.arrowInverse, function(param) {
-    var disabled = param.disabled;
-    return disabled ? "var(".concat(_Comboboxtokens.tokens.disclosureIconColor, ")") : "var(".concat(_Comboboxtokens.tokens.disclosureIconColorHover, ")");
+    var disabled = param.disabled, readOnly = param.readOnly;
+    return disabled || readOnly ? "var(".concat(_Comboboxtokens.tokens.disclosureIconColor, ")") : "var(".concat(_Comboboxtokens.tokens.disclosureIconColorHover, ")");
 });
 var sizeMap = {
     xs: '1rem',
@@ -138,7 +138,7 @@ var sizeMap = {
 };
 var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
     displayName: "Combobox.styles__StyledArrow",
-    componentId: "sc-21c5f0bf-3"
+    componentId: "sc-48cd29fe-3"
 })([
     "width:",
     ";height:",
@@ -155,7 +155,7 @@ var base = (0, _styledcomponents.css)([
 ]);
 var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
     displayName: "Combobox.styles__StyledEmptyState",
-    componentId: "sc-21c5f0bf-4"
+    componentId: "sc-48cd29fe-4"
 })([
     "",
     ":var(",
@@ -177,7 +177,7 @@ var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
 ], _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);
 var StyledLeftHelper = _styledcomponents.default.span.withConfig({
     displayName: "Combobox.styles__StyledLeftHelper",
-    componentId: "sc-21c5f0bf-5"
+    componentId: "sc-48cd29fe-5"
 })([
     "margin:0;padding:0;"
 ]);

package/styled-components/cjs/components/Loader/Loader.js CHANGED Viewed

@@ -164,7 +164,6 @@ var loaderRoot = function(Root) {
             className: _Loadertokens.classes.loaderOverlay,
             backgroundColorToken: overlayBackgroundToken,
             withBlur: withBlur,
-            clickable: Boolean(onOverlayClick),
             onClick: onOverlayClick
         }), /*#__PURE__*/ _react.default.createElement(_Loaderstyles.LoaderContentWrapper, null, loaderContent));
     });