npm - @salutejs/plasma-new-hope - Versions diffs - 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2280.18494951721.0 - Mend

@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2280.18494951721.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 (418) hide show

package/cjs/components/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx, safeUseId } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\nimport { usePopoverOffset } from './hooks/usePopoverOffset';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/*\n Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n /\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n target,\n children,\n animated,\n isOpen,\n opened,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n view,\n onToggle,\n closeOnOverlayClick,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen \|\| opened);\n\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const popoverRef = useRef<HTMLDivElement \| null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement \| null>(null);\n const targetRef = useRef<HTMLDivElement \| null>(null);\n\n const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n const uuid = safeUseId();\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement \| null>(null);\n\n const [, forceRender] = useState(false);\n const [shouldRender, setShouldRender] = useState(innerIsOpen);\n\n const portalContainer =\n (typeof target === 'object' && target !== null && 'current' in target && target.current) \|\| undefined;\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray \|\| (placement as PopoverPlacement).startsWith('auto');\n\n const openClass = innerIsOpen && shouldRender ? classes.open : undefined;\n const animatedClass = animated ? classes.animate : undefined;\n\n const offsetInner = usePopoverOffset({\n handleRef: targetRef,\n placement: placement as string,\n offsetOuter: offset,\n });\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offsetInner[0], offsetInner[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, innerIsOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (innerIsOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, innerIsOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!innerIsOpen, event);\n }\n }\n },\n [trigger, innerIsOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [innerIsOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, innerIsOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (typeof frame === 'string' && frame) {\n portal = document.getElementById(frame);\n }\n\n if (!usePortal && isValidElement(target)) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n const portalId = `${POPOVER_PORTAL_ID}-${uuid}`;\n\n portal = document.createElement('div');\n portal.setAttribute('id', portalId);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /\n Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n /\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!innerIsOpen \|\| !forceUpdate) {\n return;\n }\n\n /\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [innerIsOpen, children, forceUpdate]);\n\n const handleTransitionEnd = () => {\n if (!innerIsOpen) {\n setShouldRender(false);\n }\n };\n\n useEffect(() => {\n if (innerIsOpen) {\n setShouldRender(true);\n }\n }, [innerIsOpen]);\n\n return (\n <Portal container={portalContainer} disabled={isValidElement(target)}>\n <StyledWrapper\n className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={targetRef}\n >\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {isValidElement(target) && target}\n </StyledRoot>\n {children && portalRef.current && (\n <Portal container={portalRef.current}>\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n onTransitionEnd={handleTransitionEnd}\n className={cx(classes.root, openClass, animatedClass)}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n display: shouldRender \|\| innerIsOpen ? 'block' : 'none',\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n {children}\n </StyledPopover>\n </Root>\n </Portal>\n )}\n </StyledWrapper>\n </Portal>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","animated","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","targetRef","trapRef","useFocusTrap","uuid","safeUseId","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","_useState5","_useState6","shouldRender","setShouldRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","openClass","classes","open","animatedClass","animate","offsetInner","usePopoverOffset","offsetOuter","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","portalId","concat","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","handleTransitionEnd","React","Portal","container","disabled","StyledWrapper","cx","wrapper","targetAsRef","ref","StyledRoot","_extends","StyledPopover","popper","onTransitionEnd","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx, safeUseId } from '../../utils';\nimport { Portal } from '../Portal';\nimport { Resizable } from '../_Resizable';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\nimport { usePopoverOffset } from './hooks/usePopoverOffset';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/*\n Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n /\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n target,\n children,\n animated,\n isOpen,\n opened,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n resizable,\n view,\n onToggle,\n onResizeStart,\n onResizeEnd,\n closeOnOverlayClick,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen \|\| opened);\n\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const popoverRef = useRef<HTMLDivElement \| null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement \| null>(null);\n const targetRef = useRef<HTMLDivElement \| null>(null);\n\n const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n const uuid = safeUseId();\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement \| null>(null);\n\n const [, forceRender] = useState(false);\n const [shouldRender, setShouldRender] = useState(innerIsOpen);\n\n const portalContainer =\n (typeof target === 'object' && target !== null && 'current' in target && target.current) \|\| undefined;\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray \|\| (placement as PopoverPlacement).startsWith('auto');\n\n const openClass = innerIsOpen && shouldRender ? classes.open : undefined;\n const animatedClass = animated ? classes.animate : undefined;\n\n const offsetInner = usePopoverOffset({\n handleRef: targetRef,\n placement: placement as string,\n offsetOuter: offset,\n });\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offsetInner[0], offsetInner[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, innerIsOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (innerIsOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, innerIsOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!innerIsOpen, event);\n }\n }\n },\n [trigger, innerIsOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [innerIsOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, innerIsOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (typeof frame === 'string' && frame) {\n portal = document.getElementById(frame);\n }\n\n if (!usePortal && isValidElement(target)) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n const portalId = `${POPOVER_PORTAL_ID}-${uuid}`;\n\n portal = document.createElement('div');\n portal.setAttribute('id', portalId);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /\n Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n /\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!innerIsOpen \|\| !forceUpdate) {\n return;\n }\n\n /\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [innerIsOpen, children, forceUpdate]);\n\n const handleTransitionEnd = () => {\n if (!innerIsOpen) {\n setShouldRender(false);\n }\n };\n\n useEffect(() => {\n if (innerIsOpen) {\n setShouldRender(true);\n }\n }, [innerIsOpen]);\n\n return (\n <Portal container={portalContainer} disabled={isValidElement(target)}>\n <StyledWrapper\n className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={targetRef}\n >\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {isValidElement(target) && target}\n </StyledRoot>\n {children && portalRef.current && (\n <Portal container={portalRef.current}>\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n onTransitionEnd={handleTransitionEnd}\n className={cx(classes.root, openClass, animatedClass)}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n display: shouldRender \|\| innerIsOpen ? 'block' : 'none',\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n <Resizable\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n {children}\n </Resizable>\n </StyledPopover>\n </Root>\n </Portal>\n )}\n </StyledWrapper>\n </Portal>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","animated","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","resizable","view","onToggle","onResizeStart","onResizeEnd","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","targetRef","trapRef","useFocusTrap","uuid","safeUseId","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","_useState5","_useState6","shouldRender","setShouldRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","openClass","classes","open","animatedClass","animate","offsetInner","usePopoverOffset","offsetOuter","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","portalId","concat","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","handleTransitionEnd","React","Portal","container","disabled","StyledWrapper","cx","wrapper","targetAsRef","ref","StyledRoot","_extends","StyledPopover","popper","onTransitionEnd","root","style","_objectSpread","display","StyledArrow","arrow","Resizable","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/cjs/components/Popup/Popup.styles.js CHANGED Viewed

@@ -25,8 +25,9 @@ var PopupView = /*#__PURE__*/react.styled('div')({
 });
 var _exp4 = function _exp4() {
   return function (_ref) {
-    var frame = _ref.frame;
-    return frame === 'document' ? 'fixed' : 'absolute';
+    var frame = _ref.frame,
+      positionFixed = _ref.positionFixed;
+    return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
   };
 };
 var _exp5 = function _exp5() {

package/cjs/components/Popup/Popup.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css`\n .${classes.draggablePopupWrapper} {\n cursor: grab;\n }\n\n .${classes.draggingPopupWrapper} {\n cursor: grabbing;\n }\n\n .${classes.resizableContainerNoSelect} {\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n width: 0;\n`;\n\nexport const PopupView = styled.div`\n position: relative;\n max-width: 100%;\n pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n position: ${({ frame }) => (frame === 'document' ? 'fixed' : 'absolute')};\n z-index: ${({ zIndex }) => zIndex \|\| DEFAULT_Z_INDEX};\n left: ${({ position }) => position.left \|\| ''};\n right: ${({ position }) => position.right \|\| ''};\n top: ${({ position }) => position.top \|\| ''};\n bottom: ${({ position }) => position.bottom \|\| ''};\n transform: ${({ position }) => position.transform \|\| ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n\n &.${classes.resizableTopRightIcon} {\n transform: rotate(-90deg);\n }\n\n &.${classes.resizableBottomRightIcon} {\n transform: rotate(0);\n }\n\n &.${classes.resizableBottomLeftIcon} {\n transform: rotate(90deg);\n }\n\n &.${classes.resizableTopLeftIcon} {\n transform: rotate(180deg);\n }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp4","_ref","frame","_exp5","_ref2","zIndex","DEFAULT_Z_INDEX","_exp6","_ref3","position","left","_exp7","_ref4","right","_exp8","_ref5","top","_exp9","_ref6","bottom","_exp10","_ref7","transform","PopupRootContainer","vars","_exp11","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":";;;;;;;;AAQO,IAAMA,IAAI,GAahB,UAAA;AAEM,IAAMC,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEjC,IAAMC,qBAAqB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1C,EAAA;AAEM,IAAME,SAAS,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI9B,EAAA;AAAC,IAAAG,KAAA,GAhCgBA,SAgChBA,KAAAA,GAAA;AAAA,EAAA,OAGc,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,~~KAAAA~~,GAAAA,IAAAA,CAAAA,~~KAAAA~~,CAAAA;~~AAAAA,~~IAAAA,~~OAAaA~~,KAAK,KAAK,UAAU,GAAG,OAAO,GAAG,UAAW,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,~~GAnC1DA~~,~~SAmC0DA~~,KAAAA,GAAA;AAAA,EAAA,~~OAC7D~~,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAIC,qBAAe,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApCtCA,SAoCsCA,KAAAA,GAAA;AAAA,EAAA,OAC5C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACC,IAAI,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArC/BA,SAqC+BA,KAAAA,GAAA;AAAA,EAAA,OACpC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACI,KAAK,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAtCjCA,SAsCiCA,KAAAA,GAAA;AAAA,EAAA,OACxC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACO,GAAG,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAvC7BA,SAuC6BA,KAAAA,GAAA;AAAA,EAAA,OACjC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGT,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACU,MAAM,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAxCnCA,SAwCmCA,MAAAA,GAAA;AAAA,EAAA,OACpC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACa,SAAS,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPpD,IAAMC,kBAAkB,~~gBAAG7B~~,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;~~AAAA2B~~,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,~~cACxBxB~~,~~KAA4D~~,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,~~cAC7DG~~,KAAyC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5CI,KAAqC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACpCI,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACxCG,KAAoC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACjCG,KAAuC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACpCG,MAA0C,EAAA,CAAA;AAAA,GAAA;AAAA,CAC1D,EAAA;AAAC,IAAAK,MAAA,GA1CgBA,SA0ChBA,MAAAA,GAAA;AAAA,EAAA,OAE6CC,qCAAkB,CAAA;AAAA,CAAA,CAAA;AAA1D,IAAMC,wBAAwB,~~gBAAGjC~~,YAAM,~~CAAA+B~~,MAAA,EAAA,CAAA,CAAA;~~AAAA9B~~,EAAAA,IAAA,EAAA,0BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0B7C;;;;;;;;;"}
1	+ {"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css`\n .${classes.draggablePopupWrapper} {\n cursor: grab;\n }\n\n .${classes.draggingPopupWrapper} {\n cursor: grabbing;\n }\n\n .${classes.resizableContainerNoSelect} {\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n width: 0;\n`;\n\nexport const PopupView = styled.div`\n position: relative;\n max-width: 100%;\n pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n position: ${({ frame, positionFixed }) => (frame === 'document' \|\| positionFixed ? 'fixed' : 'absolute')};\n z-index: ${({ zIndex }) => zIndex \|\| DEFAULT_Z_INDEX};\n left: ${({ position }) => position.left \|\| ''};\n right: ${({ position }) => position.right \|\| ''};\n top: ${({ position }) => position.top \|\| ''};\n bottom: ${({ position }) => position.bottom \|\| ''};\n transform: ${({ position }) => position.transform \|\| ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n\n &.${classes.resizableTopRightIcon} {\n transform: rotate(-90deg);\n }\n\n &.${classes.resizableBottomRightIcon} {\n transform: rotate(0);\n }\n\n &.${classes.resizableBottomLeftIcon} {\n transform: rotate(90deg);\n }\n\n &.${classes.resizableTopLeftIcon} {\n transform: rotate(180deg);\n }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp4","_ref","frame","positionFixed","_exp5","_ref2","zIndex","DEFAULT_Z_INDEX","_exp6","_ref3","position","left","_exp7","_ref4","right","_exp8","_ref5","top","_exp9","_ref6","bottom","_exp10","_ref7","transform","PopupRootContainer","vars","_exp11","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":"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"}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.css CHANGED Viewed

@@ -1,5 +1,5 @@
-.ProgressBarCircular_styles_m8m7d7_b18reh89__dca58878{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-width);height:var(--plasma-progressbar-circular-height);}
-.ProgressBarCircular_styles_m8m7d7_s2tt3b5__dca58878{width:100%;height:100%;}
-.ProgressBarCircular_styles_m8m7d7_slvt37h__dca58878{fill:none;stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-0);}
-.ProgressBarCircular_styles_m8m7d7_s1d8ncmi__dca58878{fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-0);stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
-.ProgressBarCircular_styles_m8m7d7_sg9aoc4__dca58878{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.ProgressBarCircular_styles_1cnlydo_b18reh89__42dafeea{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
+.ProgressBarCircular_styles_1cnlydo_s2tt3b5__42dafeea{width:100%;height:100%;}
+.ProgressBarCircular_styles_1cnlydo_slvt37h__42dafeea{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
+.ProgressBarCircular_styles_1cnlydo_s1d8ncmi__42dafeea{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
+.ProgressBarCircular_styles_1cnlydo_sg9aoc4__42dafeea{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.js CHANGED Viewed

@@ -4,13 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
-var index = require('../../utils/index.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var ProgressBarCircular_styles = require('./ProgressBarCircular.styles.js');
 var ProgressBarCircular_tokens = require('./ProgressBarCircular.tokens.js');
-var getTokenValueInPixels = require('../../utils/getTokenValueInPixels.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -27,57 +24,32 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
       view = props.view,
       children = props.children,
       className = props.className,
-      strokeWidthProp = props.strokeWidth,
+      strokeWidth = props.strokeWidth,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var _useState = React.useState(0),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      strokeWidthCSS = _useState2[0],
-      setStrokeWidthCSS = _useState2[1];
-    var _useState3 = React.useState(0),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      widthCSS = _useState4[0],
-      setWidthCSS = _useState4[1];
-    var rootRef = React.useRef(null);
-    var rootForkRef = plasmaCore.useForkRef(rootRef, ref);
     var clampedValue = Math.min(Math.max(value, 0), maxValue);
     var percentage = clampedValue / maxValue * 100;
-    var strokeWidth = (strokeWidthProp !== null && strokeWidthProp !== void 0 ? strokeWidthProp : strokeWidthCSS) * 2;
     var center = 50;
-    var radius = center - 50 / widthCSS * (strokeWidth / 2);
-    var circumference = 2 * Math.PI * radius;
-    var strokeDashoffset = circumference - percentage / 100 * circumference;
-    React.useLayoutEffect(function () {
-      if (rootRef.current) {
-        var strokeWidthFromCSS = getTokenValueInPixels.getTokenValueInPixels(ProgressBarCircular_tokens.tokens.progressStrokeWidth, rootRef.current);
-        var widthFromCSS = getTokenValueInPixels.getTokenValueInPixels(ProgressBarCircular_tokens.tokens.width, rootRef.current);
-        setStrokeWidthCSS(strokeWidthFromCSS !== null && strokeWidthFromCSS !== void 0 ? strokeWidthFromCSS : 0);
-        setWidthCSS(widthFromCSS !== null && widthFromCSS !== void 0 ? widthFromCSS : 0);
-      }
-    }, [rootRef, size]);
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: rootForkRef,
+      ref: ref,
       view: view,
       size: size,
-      className: index.cx(className)
+      className: className
     }, rest), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledSVG, {
       width: "100%",
       height: "100%",
       viewBox: "0 0 100 100",
       className: ProgressBarCircular_tokens.classes.svg
     }, /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledBackgroundCircle, {
-      customStrokeWidth: 50 / widthCSS * strokeWidth,
+      customStrokeWidth: strokeWidth,
       cx: center,
       cy: center,
-      r: radius,
       className: ProgressBarCircular_tokens.classes.backgroundCircle
     }), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledProgressCircle, {
       cx: center,
       cy: center,
-      r: radius,
-      customStrokeWidth: 50 / widthCSS * strokeWidth,
+      customStrokeWidth: strokeWidth,
       className: ProgressBarCircular_tokens.classes.progressCircle,
-      strokeDasharray: circumference,
-      strokeDashoffset: strokeDashoffset,
+      percent: percentage,
       transform: "rotate(-90 50 50)"
     })), children && /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledContent, {
       className: ProgressBarCircular_tokens.classes.content

package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef, ~~useState, useRef, useLayoutEffect~~ } from 'react';\~~nimport { useForkRef } from '@salutejs/plasma-core';\~~n\nimport type { RootProps } from '../../engines';\~~nimport { cx, getTokenValueInPixels } from '../../utils';\~~n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes, ~~tokens~~ } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const {\n value = 0~~,\n~~ maxValue = 100~~,\n~~ size~~,\n~~ view~~,\n~~ children~~,\n~~ className~~,\n~~ strokeWidth: ~~strokeWidthProp,\n~~ ...rest\n } = props;\n\n const [strokeWidthCSS, setStrokeWidthCSS] = useState<number>(0);\n const [widthCSS, setWidthCSS] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const rootForkRef = useForkRef(rootRef, ref);\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const ~~strokeWidth = (strokeWidthProp ?? strokeWidthCSS) * 2;\n\n const~~ center = 50;\n const radius = center - (50 / widthCSS) * (strokeWidth / 2);\n const circumference = 2 * Math.PI * radius;\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n useLayoutEffect(() => {\n if (rootRef.current) {\n const strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);\n const widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);\n setStrokeWidthCSS(strokeWidthFromCSS ?? 0);\n setWidthCSS(widthFromCSS ?? 0);\n }\n }, [rootRef, size]);\n\n return (\n <Root ref={~~rootForkRef~~} view={view} size={size} className={~~cx(~~className)} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n <StyledBackgroundCircle\n customStrokeWidth={(50 / widthCSS) * strokeWidth}\n cx={center}\n cy={center}\n ~~r={radius}\n~~ className={classes.backgroundCircle}\n />\n <StyledProgressCircle\n cx={center}\n cy={center}\n ~~r={radius}\n~~ customStrokeWidth={(50 / widthCSS) * strokeWidth}\n className={classes.progressCircle}\n ~~strokeDasharray~~={~~circumference~~}\n ~~strokeDashoffset={strokeDashoffset}\n~~ transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","~~strokeWidthProp","~~strokeWidth","rest","_objectWithoutProperties","_excluded","~~_useState","useState","_useState2","_slicedToArray","strokeWidthCSS","setStrokeWidthCSS","_useState3","_useState4","widthCSS","setWidthCSS","rootRef","useRef","rootForkRef","useForkRef","~~clampedValue","Math","min","max","percentage","center","~~radius","circumference","PI","strokeDashoffset","useLayoutEffect","current","strokeWidthFromCSS","getTokenValueInPixels","tokens","progressStrokeWidth","widthFromCSS","width","~~React","createElement","_extends","cx","~~StyledSVG~~","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cy","r","backgroundCircle","StyledProgressCircle","progressCircle","~~strokeDasharray~~","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"~~;;;;;;;;;;;;;;;;;;;IAkBaA~~,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,IAAyD,EAAA;AAAA,EAAA,oBAC7FC,gBAAU,CAA2C,UAACC,KAAK,EAAEC,GAAG,EAAK;AACjE,IAAA,IAAAC,YAAA,~~GASIF~~,KAAK,~~CARLG~~,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,YAAA;MAAAE,eAAA,~~GAQTJ~~,KAAK,~~CAPLK~~,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;~~MACdE~~,IAAI,~~GAMJN~~,KAAK,~~CANLM~~,IAAI;~~MACJC~~,IAAI,~~GAKJP~~,KAAK,~~CALLO~~,IAAI;~~MACJC~~,QAAQ,~~GAIRR~~,KAAK,~~CAJLQ~~,QAAQ;~~MACRC~~,SAAS,~~GAGTT~~,KAAK,~~CAHLS~~,SAAS;~~MACIC~~,~~eAAe~~,~~GAE5BV~~,KAAK,~~CAFLW~~,WAAW;~~AACRC~~,MAAAA,IAAI,GAAAC,iDAAA,~~CACPb~~,KAAK,~~EAAAc~~,SAAA,CAAA,CAAA;~~AAET~~,IAAA,IAAAC,SAAA,GAA4CC,cAAQ,CAAS,CAAC,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxDI,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,iBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,IAAA,IAAAI,UAAA,GAAgCL,cAAQ,CAAS,CAAC,CAAC;MAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5CE,MAAAA,QAAQ,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,IAAA,IAAMG,OAAO,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAE5C,IAAA,IAAMC,~~WAAW,GAAGC,qBAAU,CAACH,OAAO,EAAExB,GAAG,CAAC,CAAA;AAE5C,IAAA,IAAM4B,~~YAAY,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,~~CAAC7B~~,KAAK,EAAE,CAAC,CAAC,EAAEE,QAAQ,CAAC,CAAA;AAC3D,IAAA,~~IAAM4B~~,UAAU,GAAIJ,YAAY,~~GAAGxB~~,QAAQ,GAAI,GAAG,CAAA;IAElD,~~IAAMM~~,~~WAAW,GAAG,CAACD,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAA,KAAA,CAAA,GAAfA,eAAe,GAAIS,cAAc,IAAI,CAAC,CAAA;IAE3D,IAAMe,~~MAAM,GAAG,EAAE,CAAA;~~IACjB~~,IAAMC,MAAM,GAAGD,MAAM,GAAI,EAAE,GAAGX,QAAQ,IAAKZ,WAAW,GAAG,CAAC,CAAC,CAAA;IAC3D,IAAMyB,aAAa,GAAG,CAAC,GAAGN,IAAI,CAACO,EAAE,GAAGF,MAAM,CAAA;IAC1C,IAAMG,gBAAgB,GAAGF,aAAa,GAAIH,UAAU,GAAG,GAAG,GAAIG,aAAa,CAAA;AAE3EG,IAAAA,qBAAe,CAAC,YAAM;MAClB,IAAId,OAAO,CAACe,OAAO,EAAE;QACjB,IAAMC,kBAAkB,GAAGC,2CAAqB,CAACC,iCAAM,CAACC,mBAAmB,EAAEnB,OAAO,CAACe,OAAO,CAAC,CAAA;QAC7F,IAAMK,YAAY,GAAGH,2CAAqB,CAACC,iCAAM,CAACG,KAAK,EAAErB,OAAO,CAACe,OAAO,CAAC,CAAA;QACzEpB,iBAAiB,CAACqB,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC,CAAA;QAC1CjB,WAAW,CAACqB,YAAY,KAAZA,IAAAA,IAAAA,YAAY,cAAZA,YAAY,GAAI,CAAC,CAAC,CAAA;AAClC,OAAA;AACJ,KAAC,EAAE,CAACpB,OAAO,EAAEnB,IAAI,CAAC,CAAC,CAAA;AAEnB,IAAA,~~oBACIyC~~,sBAAA,CAAAC,aAAA,~~CAAClD~~,IAAI,~~EAAAmD~~,iCAAA,CAAA;~~AAAChD~~,MAAAA,GAAG,~~EAAE0B~~,~~WAAY~~;~~AAACpB~~,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;~~MAACG~~,SAAS,~~EAAEyC~~,~~QAAE,CAACzC,SAAS,CAAA~~;~~AAAE~~,KAAA,~~EAAKG~~,IAAI,~~CAC9EmC~~,eAAAA,sBAAA,CAAAC,aAAA,~~CAACG~~,oCAAS,EAAA;~~AAACL~~,MAAAA,KAAK,EAAC,MAAM;~~AAACM~~,MAAAA,MAAM,EAAC,MAAM;AAACC,MAAAA,OAAO,EAAC,aAAa;~~MAAC5C~~,SAAS,~~EAAE6C~~,kCAAO,CAACC,GAAAA;AAAI,KAAA,eAC/ER,sBAAA,CAAAC,aAAA,CAACQ,iDAAsB,EAAA;AACnBC,MAAAA,iBAAiB,~~EAAG~~,~~EAAE,GAAGlC,QAAQ,GAAIZ,~~WAAY;~~AACjDuC~~,MAAAA,EAAE,~~EAAEhB~~,MAAO;~~AACXwB~~,MAAAA,EAAE,~~EAAExB~~,MAAO;~~AACXyB~~,~~MAAAA,CAAC,EAAExB,MAAO;MACV1B,~~SAAS,~~EAAE6C~~,kCAAO,CAACM,gBAAAA;AAAiB,KACvC,CAAC,eACFb,sBAAA,CAAAC,aAAA,CAACa,+CAAoB,EAAA;~~AACjBX~~,MAAAA,EAAE,~~EAAEhB~~,MAAO;~~AACXwB~~,MAAAA,EAAE,~~EAAExB~~,MAAO;~~AACXyB~~,MAAAA,~~CAAC,EAAExB,MAAO;AACVsB,MAAAA,~~iBAAiB,~~EAAG~~,~~EAAE,GAAGlC,QAAQ,GAAIZ,~~WAAY;~~MACjDF~~,SAAS,~~EAAE6C~~,kCAAO,CAACQ,cAAe;AAClCC,MAAAA,~~eAAe~~,~~EAAE3B~~,~~aAAc~~;~~AAC/BE~~,MAAAA,~~gBAAgB,EAAEA,gBAAiB;AACnC0B,MAAAA,~~SAAS,EAAC,mBAAA;KACb,CACM,CAAC,~~EAEXxD~~,QAAQ,~~iBAAIuC~~,sBAAA,CAAAC,aAAA,CAACiB,wCAAa,EAAA;~~MAACxD~~,SAAS,~~EAAE6C~~,kCAAO,CAACY,OAAAA;~~KAAU1D~~,EAAAA,QAAwB,CAC/E,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,~~IAAM2D~~,yBAAyB,GAAG;AACrCC,EAAAA,IAAI,EAAE,qBAAqB;AAC3BC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,~~EAAEzE~~,uBAAuB;AAC/~~B0E~~,EAAAA,IAAI,EAAJA,+BAAI;AACJC,EAAAA,UAAU,EAAE;~~AACRjE~~,IAAAA,IAAI,EAAE;~~AACFkE~~,MAAAA,GAAG,EAAEC,SAAAA;KACR;~~AACDpE~~,IAAAA,IAAI,EAAE;~~AACFmE~~,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;~~AACNrE~~,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
1	+ {"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const { value = 0, maxValue = 100, size, view, children, className, strokeWidth, ...rest } = props;\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const center = 50;\n\n return (\n <Root ref={ref} view={view} size={size} className={className} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n <StyledBackgroundCircle\n customStrokeWidth={strokeWidth}\n cx={center}\n cy={center}\n className={classes.backgroundCircle}\n />\n <StyledProgressCircle\n cx={center}\n cy={center}\n customStrokeWidth={strokeWidth}\n className={classes.progressCircle}\n percent={percentage}\n transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidth","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./ProgressBarCircular.styles_m8m7d7.css');
+require('./ProgressBarCircular.styles_1cnlydo.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,10 +12,18 @@ var StyledSVG = /*#__PURE__*/react.styled('svg')({
   "class": "s2tt3b5",
   propsAsIs: false
 });
-var _exp4 = function _exp4() {
+var _exp3 = function _exp3() {
   return function (_ref) {
-    var customStrokeWidth = _ref.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(ProgressBarCircular_tokens.tokens.backgroundStrokeWidth, ")");
+    var _ref$customStrokeWidt = _ref.customStrokeWidth,
+      customStrokeWidth = _ref$customStrokeWidt === void 0 ? "var(".concat(ProgressBarCircular_tokens.tokens.strokeSize, ")") : _ref$customStrokeWidt;
+    return "calc(50px - calc(calc(50px / var(".concat(ProgressBarCircular_tokens.tokens.size, ")) * ").concat(customStrokeWidth, "))");
+  };
+};
+var _exp5 = function _exp5() {
+  return function (_ref2) {
+    var _ref2$customStrokeWid = _ref2.customStrokeWidth,
+      customStrokeWidth = _ref2$customStrokeWid === void 0 ? "var(".concat(ProgressBarCircular_tokens.tokens.strokeSize, ")") : _ref2$customStrokeWid;
+    return "calc(calc(50px / var(".concat(ProgressBarCircular_tokens.tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
   };
 };
 var StyledBackgroundCircle = /*#__PURE__*/react.styled('circle')({
@@ -23,13 +31,28 @@ var StyledBackgroundCircle = /*#__PURE__*/react.styled('circle')({
   "class": "slvt37h",
   propsAsIs: true,
   vars: {
-    "slvt37h-0": [/*#__PURE__*/_exp4()]
+    "slvt37h-0": [/*#__PURE__*/_exp3()],
+    "slvt37h-1": [/*#__PURE__*/_exp5()]
   }
 });
 var _exp6 = function _exp6() {
-  return function (_ref2) {
-    var customStrokeWidth = _ref2.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(ProgressBarCircular_tokens.tokens.progressStrokeWidth, ")");
+  return function (_ref3) {
+    var percent = _ref3.percent;
+    return percent !== null && percent !== void 0 ? percent : 0;
+  };
+};
+var _exp7 = function _exp7() {
+  return function (_ref4) {
+    var _ref4$customStrokeWid = _ref4.customStrokeWidth,
+      customStrokeWidth = _ref4$customStrokeWid === void 0 ? "var(".concat(ProgressBarCircular_tokens.tokens.strokeSize, ")") : _ref4$customStrokeWid;
+    return "calc(50px - calc(calc(50px / var(".concat(ProgressBarCircular_tokens.tokens.size, ")) * ").concat(customStrokeWidth, "))");
+  };
+};
+var _exp9 = function _exp9() {
+  return function (_ref5) {
+    var _ref5$customStrokeWid = _ref5.customStrokeWidth,
+      customStrokeWidth = _ref5$customStrokeWid === void 0 ? "var(".concat(ProgressBarCircular_tokens.tokens.strokeSize, ")") : _ref5$customStrokeWid;
+    return "calc(calc(50px / var(".concat(ProgressBarCircular_tokens.tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
   };
 };
 var StyledProgressCircle = /*#__PURE__*/react.styled('circle')({
@@ -37,7 +60,9 @@ var StyledProgressCircle = /*#__PURE__*/react.styled('circle')({
   "class": "s1d8ncmi",
   propsAsIs: true,
   vars: {
-    "s1d8ncmi-0": [/*#__PURE__*/_exp6()]
+    "s1d8ncmi-0": [/*#__PURE__*/_exp6()],
+    "s1d8ncmi-1": [/*#__PURE__*/_exp7()],
+    "s1d8ncmi-2": [/*#__PURE__*/_exp9()]
   }
 });
 var StyledContent = /*#__PURE__*/react.styled('div')({

package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.~~width~~});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth }) =>\n ~~customStrokeWidth ? `${customStrokeWidth}px~~` : `var(${tokens.~~backgroundStrokeWidth~~})`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth }) =>\n ~~customStrokeWidth ? `${customStrokeWidth}px~~` : `var(${tokens.~~progressStrokeWidth~~})`};\n stroke-linecap: round;\n transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","~~_exp4~~","_ref","customStrokeWidth","concat","tokens","~~backgroundStrokeWidth~~","StyledBackgroundCircle","vars","_exp6","~~_ref2~~","~~progressStrokeWidth~~","StyledProgressCircle","StyledContent"],"mappings":";;;;;;;AAKO,IAAMA,IAAI,GAShB,WAAA;AAEM,IAAMC,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,~~OAKkB~~,UAAAC,IAAA,EAAA;AAAA,IAAA,~~IAAGC~~,~~iBAAAA~~,GAAAA,~~IAAAA~~,CAAAA,~~iBAAAA~~,~~CAAAA~~;~~IAAAA~~,~~OACfA~~,~~iBAAiB~~,~~GAAAC~~,~~EAAAA~~,CAAAA,MAAA,~~CAAMD~~,iBAAiB,~~EAAAC~~,~~IAAAA~~,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,~~CAAcC~~,iCAAM,CAACC,~~qBAAqB~~,~~EAAG~~,GAAA,CAAA,CAAA;~~AAAA~~,~~GAAA~~,CAAA;AAAA,CAAA,CAAA;~~AAJtF~~,~~IAAMC~~,sBAAsB,~~gBAAGV~~,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;~~AAAAQ~~,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,~~cAGxBP~~,~~KACyE~~,EAAA,CAAA;AAAA,GAAA;AAAA,~~CAC5F~~,EAAA;AAAC,~~IAAAQ~~,KAAA,~~GAzBgBA~~,~~SAyBhBA~~,KAAAA,GAAA;AAAA,EAAA,~~OAKkB~~,UAAAC,KAAA,EAAA;AAAA,IAAA,~~IAAGP~~,~~iBAAAA~~,GAAAA,KAAAA,CAAAA,~~iBAAAA~~,CAAAA;IAAAA,~~OACfA~~,~~iBAAiB~~,~~GAAAC~~,~~EAAAA~~,CAAAA,~~MAAA~~,~~CAAMD~~,iBAAiB,~~EAAAC~~,~~IAAAA~~,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,~~CAAcC~~,iCAAM,~~CAACM~~,~~mBAAmB~~,~~EAAG~~,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;~~AAJpF~~,~~IAAMC~~,oBAAoB,~~gBAAGf~~,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;~~AAAAQ~~,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,~~cAGtBC~~,~~KACuE~~,EAAA,CAAA;AAAA,GAAA;AAAA,~~CAG1F~~,EAAA;AAEM,IAAMI,aAAa,~~gBAAGhB~~,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;;;;;"}
1	+ {"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":"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"}

package/cjs/components/ProgressBarCircular/{ProgressBarCircular.styles_m8m7d7.css → ProgressBarCircular.styles_1cnlydo.css} RENAMED Viewed

@@ -1,5 +1,5 @@
-.b18reh89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-width);height:var(--plasma-progressbar-circular-height);}
+.b18reh89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
 .s2tt3b5{width:100%;height:100%;}
-.slvt37h{fill:none;stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-0);}
-.s1d8ncmi{fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-0);stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
+.slvt37h{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
+.s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
 .sg9aoc4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js CHANGED Viewed

@@ -9,12 +9,13 @@ var classes = {
   content: '--plasma-progressbar-circular-content'
 };
 var tokens = {
+  size: '--plasma-progressbar-circular-size',
   width: '--plasma-progressbar-circular-width',
   height: '--plasma-progressbar-circular-height',
+  strokeWidth: '--plasma-progressbar-circular-stroke-width',
+  strokeSize: '--plasma-progressbar-circular-stroke-size',
   backgroundStroke: '--plasma-progressbar-circular-background-stroke',
-  backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',
   progressStroke: '--plasma-progressbar-circular-progress-stroke',
-  progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',
   contentColor: '--plasma-progressbar-circular-content-color',
   contentFontFamily: '--plasma-progressbar-circular-content-font-family',
   contentFontSize: '--plasma-progressbar-circular-content-font-size',

package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBarCircular.tokens.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tokens.ts"],"sourcesContent":["export const classes = {\n svg: '--plasma-progressbar-circular-svg',\n backgroundCircle: '--plasma-progressbar-circular-background-circle',\n progressCircle: '--plasma-progressbar-circular-progress-circle',\n content: '--plasma-progressbar-circular-content',\n};\n\nexport const tokens = {\n width: '--plasma-progressbar-circular-width',\n height: '--plasma-progressbar-circular-height',\n\n ~~backgroundStroke~~: '--plasma-progressbar-circular-~~background~~-~~stroke~~',\n ~~backgroundStrokeWidth~~: '--plasma-progressbar-circular-~~background-~~stroke-~~width~~',\n\n ~~progressStroke~~: '--plasma-progressbar-circular-~~progress~~-stroke',\n ~~progressStrokeWidth~~: '--plasma-progressbar-circular-progress-stroke~~-width~~',\n\n contentColor: '--plasma-progressbar-circular-content-color',\n contentFontFamily: '--plasma-progressbar-circular-content-font-family',\n contentFontSize: '--plasma-progressbar-circular-content-font-size',\n contentFontStyle: '--plasma-progressbar-circular-content-font-style',\n contentFontWeight: '--plasma-progressbar-circular-content-font-weight',\n contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',\n contentLineHeight: '--plasma-progressbar-circular-content-line-height',\n};\n"],"names":["classes","svg","backgroundCircle","progressCircle","content","tokens","width","height","~~backgroundStroke~~","~~backgroundStrokeWidth~~","~~progressStroke~~","~~progressStrokeWidth~~","contentColor","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,mCAAmC;AACxCC,EAAAA,gBAAgB,EAAE,iDAAiD;AACnEC,EAAAA,cAAc,EAAE,+CAA+C;AAC/DC,EAAAA,OAAO,EAAE,uCAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,qCAAqC;AAC5CC,EAAAA,MAAM,EAAE,sCAAsC;AAE9CC,EAAAA,~~gBAAgB~~,EAAE,~~iDAAiD~~;~~AACnEC~~,EAAAA,~~qBAAqB~~,EAAE,~~uDAAuD~~;~~AAE9EC~~,EAAAA,cAAc,EAAE,+CAA+C;~~AAC~~/DC,EAAAA,~~mBAAmB,EAAE,qDAAqD;AAE1EC,EAAAA,~~YAAY,EAAE,6CAA6C;AAC3DC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,eAAe,EAAE,iDAAiD;AAClEC,EAAAA,gBAAgB,EAAE,kDAAkD;AACpEC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,oBAAoB,EAAE,sDAAsD;AAC5EC,EAAAA,iBAAiB,EAAE,mDAAA;AACvB;;;;;"}
1	+ {"version":3,"file":"ProgressBarCircular.tokens.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tokens.ts"],"sourcesContent":["export const classes = {\n svg: '--plasma-progressbar-circular-svg',\n backgroundCircle: '--plasma-progressbar-circular-background-circle',\n progressCircle: '--plasma-progressbar-circular-progress-circle',\n content: '--plasma-progressbar-circular-content',\n};\n\nexport const tokens = {\n size: '--plasma-progressbar-circular-size',\n width: '--plasma-progressbar-circular-width',\n height: '--plasma-progressbar-circular-height',\n\n strokeWidth: '--plasma-progressbar-circular-stroke-width',\n strokeSize: '--plasma-progressbar-circular-stroke-size',\n\n backgroundStroke: '--plasma-progressbar-circular-background-stroke',\n\n progressStroke: '--plasma-progressbar-circular-progress-stroke',\n\n contentColor: '--plasma-progressbar-circular-content-color',\n contentFontFamily: '--plasma-progressbar-circular-content-font-family',\n contentFontSize: '--plasma-progressbar-circular-content-font-size',\n contentFontStyle: '--plasma-progressbar-circular-content-font-style',\n contentFontWeight: '--plasma-progressbar-circular-content-font-weight',\n contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',\n contentLineHeight: '--plasma-progressbar-circular-content-line-height',\n};\n"],"names":["classes","svg","backgroundCircle","progressCircle","content","tokens","size","width","height","strokeWidth","strokeSize","backgroundStroke","progressStroke","contentColor","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,mCAAmC;AACxCC,EAAAA,gBAAgB,EAAE,iDAAiD;AACnEC,EAAAA,cAAc,EAAE,+CAA+C;AAC/DC,EAAAA,OAAO,EAAE,uCAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,IAAI,EAAE,oCAAoC;AAC1CC,EAAAA,KAAK,EAAE,qCAAqC;AAC5CC,EAAAA,MAAM,EAAE,sCAAsC;AAE9CC,EAAAA,WAAW,EAAE,4CAA4C;AACzDC,EAAAA,UAAU,EAAE,2CAA2C;AAEvDC,EAAAA,gBAAgB,EAAE,iDAAiD;AAEnEC,EAAAA,cAAc,EAAE,+CAA+C;AAE/DC,EAAAA,YAAY,EAAE,6CAA6C;AAC3DC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,eAAe,EAAE,iDAAiD;AAClEC,EAAAA,gBAAgB,EAAE,kDAAkD;AACpEC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,oBAAoB,EAAE,sDAAsD;AAC5EC,EAAAA,iBAAiB,EAAE,mDAAA;AACvB;;;;;"}

package/cjs/components/Range/Range.css CHANGED Viewed

@@ -22,6 +22,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/cjs/components/Select/Select.css CHANGED Viewed

@@ -47,6 +47,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/cjs/components/Select/ui/Target/Target.css CHANGED Viewed

@@ -49,6 +49,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css CHANGED Viewed

@@ -16,6 +16,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/cjs/components/Slider/Slider.css CHANGED Viewed

@@ -34,6 +34,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css CHANGED Viewed

@@ -25,6 +25,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}