npm - @salutejs/plasma-new-hope - Versions diffs - 0.342.0-canary.2353.19638539568.0 → 0.343.0-canary.2354.19672366908.0 - Mend

@salutejs/plasma-new-hope 0.342.0-canary.2353.19638539568.0 → 0.343.0-canary.2354.19672366908.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 (162) hide show

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cls = require('classnames');
+var plasmaCore = require('@salutejs/plasma-core');
 var index = require('./utils/index.js');
 var TimePicker_styles = require('./TimePicker.styles.js');
 var TimePicker_tokens = require('./TimePicker.tokens.js');
@@ -69,6 +70,8 @@ var timePickerRoot = function timePickerRoot(Root) {
       onChange = _ref.onChange,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     var inputRef = React.useRef(null);
+    var rootRef = React.useRef(null);
+    var rootForkRef = plasmaCore.useForkRef(rootRef, ref);
     var hoursHideTimeoutRef = React.useRef(null);
     var minutesHideTimeoutRef = React.useRef(null);
     var secondsHideTimeoutRef = React.useRef(null);
@@ -80,14 +83,18 @@ var timePickerRoot = function timePickerRoot(Root) {
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
       innerTime = _useState4[0],
       setInnerTime = _useState4[1];
-    var _useState5 = React.useState({
+    var _useState5 = React.useState(null),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      rootWidth = _useState6[0],
+      setRootWidth = _useState6[1];
+    var _useState7 = React.useState({
         hours: null,
         minutes: null,
         seconds: null,
         currentColumn: null
       }),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      setActiveTime = _useState6[1];
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      setActiveTime = _useState8[1];
     var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
     var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
     React.useEffect(function () {
@@ -125,6 +132,12 @@ var timePickerRoot = function timePickerRoot(Root) {
         setIsInnerOpen(false);
       }
     }, [disabled, readonly]);
+    React.useEffect(function () {
+      if (dropdownWidth === 'fullWidth' && rootRef.current) {
+        var width = rootRef.current.offsetWidth;
+        setRootWidth(width);
+      }
+    }, [dropdownWidth, isInnerOpen]);
     var handleToggle = function handleToggle() {
       if (disabled || readonly) return;
       var newState = !isInnerOpen;
@@ -231,6 +244,15 @@ var timePickerRoot = function timePickerRoot(Root) {
       labelPlacement: labelPlacement,
       keepPlaceholder: keepPlaceholder
     });
+    var getDropdownWidth = function getDropdownWidth() {
+      if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {
+        return undefined;
+      }
+      if (dropdownWidth === 'fullWidth') {
+        return rootWidth !== null ? "".concat(rootWidth, "px") : 'fullWidth';
+      }
+      return dropdownWidth;
+    };
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       stretched: stretched,
       view: view,
@@ -238,7 +260,7 @@ var timePickerRoot = function timePickerRoot(Root) {
       className: cls__default.default(TimePicker_tokens.classes.timePickerRoot, className, _rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.timePickerstretched, stretched)),
       disabled: disabled,
       readonly: readonly,
-      ref: ref
+      ref: rootForkRef
     }, rest), /*#__PURE__*/React__default.default.createElement(TimePicker_styles.StyledPopover, {
       opened: isInnerOpen,
       usePortal: usePortal,
@@ -252,16 +274,23 @@ var timePickerRoot = function timePickerRoot(Root) {
       target: TimePickerInput,
       preventOverflow: false,
       align: dropdownAlign
-    }, /*#__PURE__*/React__default.default.createElement(TimePicker_styles.StyledTimePickerGrid, {
+    }, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      stretched: stretched,
+      view: view,
+      size: size,
+      className: cls__default.default(TimePicker_tokens.classes.timePickerRoot, className, _rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.timePickerstretched, stretched)),
+      disabled: disabled,
+      readonly: readonly
+    }, rest), /*#__PURE__*/React__default.default.createElement(TimePicker_styles.StyledTimePickerGrid, {
       value: viewValue,
       onChange: handleOnChange,
       dropdownHeight: dropdownHeight,
-      dropdownWidth: dropdownWidth,
+      dropdownWidth: getDropdownWidth(),
       format: format,
       view: view,
       size: size,
       disabled: disabled
-    })));
+    }))));
   });
 };
 var timePickerConfig = {

package/cjs/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 { 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<HTMLInputElement, 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\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 [, 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 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 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={ref}\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 <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={dropdownWidth}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\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","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","hours","minutes","seconds","currentColumn","_useState6","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","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","_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.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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"}

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

@@ -10,7 +10,9 @@ var base = "b1gxyazn";
 var _exp3 = function _exp3() {
   return function (_ref) {
     var width = _ref.width;
-    return (width === 'fullWidth' ? '100%' : width) || "var(".concat(TimePickerGrid_tokens.tokens.timePickerGridWidth, ")");
+    if (width === 'fullWidth') return '100%';
+    if (width === 'fixed' || width === undefined) return "var(".concat(TimePickerGrid_tokens.tokens.timePickerGridWidth, ")");
+    return width;
   };
 };
 var StyledTimePicker = /*#__PURE__*/react.styled('div')({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePickerGrid.styles.js","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './TimePickerGrid.tokens';\n\nexport const base = css`\n display: flex;\n width: 100%;\n height: 10rem;\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string \| number }>`\n background: var(${tokens.timePickerGridBackground});\n border-radius: var(${tokens.timePickerGridBorderRadius});\n width: ${({ width }) => (width === 'fullWidth' ? '100%' : width) \|\| `var(${tokens.timePickerGridWidth})`};\n display: flex;\n padding: var(${tokens.timePickerGridPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n height: var(${tokens.columnHeight});\n`;\n"],"names":["base","_exp3","_ref","width","concat","tokens","timePickerGridWidth","StyledTimePicker","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAKO,IAAMA,IAAI,GAIhB,WAAA;AAAC,IAAAC,KAAA,GARgBA,SAQhBA,KAAAA,GAAA;~~AAAA,~~EAAA,OAKW,UAAAC,IAAA,~~EAAA~~;AAAA,IAAA,~~IAAGC~~,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;~~AAAAA~~,~~IAAAA~~,~~OAAY~~,~~CAACA,~~KAAK,KAAK,WAAW,~~GAAG~~,MAAM,~~GAAGA~~,KAAK,~~KAAA~~,~~MAAA~~,~~CAAAC~~,MAAA,~~CAAYC~~,4BAAM,CAACC,mBAAmB,~~EAAG~~,GAAA,CAAA,CAAA;~~AAAA~~,~~GAAA~~,CAAA;AAAA,CAAA,CAAA;~~AAHrG~~,~~IAAMC~~,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,UAAA,EAAA,~~cAGzBX~~,~~KAA+F~~,EAAA,CAAA;AAAA,GAAA;AAAA,~~CAQ3G~~;;;;;"}
1	+ {"version":3,"file":"TimePickerGrid.styles.js","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './TimePickerGrid.tokens';\n\nexport const base = css`\n display: flex;\n width: 100%;\n height: 10rem;\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string \| number }>`\n background: var(${tokens.timePickerGridBackground});\n border-radius: var(${tokens.timePickerGridBorderRadius});\n width: ${({ width }) => {\n if (width === 'fullWidth') return '100%';\n if (width === 'fixed' \|\| width === undefined) return `var(${tokens.timePickerGridWidth})`;\n return width;\n }};\n display: flex;\n padding: var(${tokens.timePickerGridPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n height: var(${tokens.columnHeight});\n`;\n"],"names":["base","_exp3","_ref","width","undefined","concat","tokens","timePickerGridWidth","StyledTimePicker","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAKO,IAAMA,IAAI,GAIhB,WAAA;AAAC,IAAAC,KAAA,GARgBA,SAQhBA,KAAAA,GAAA;EAAA,OAKW,UAAAC,IAAA,EAAe;AAAA,IAAA,IAAZC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AACR,IAAA,IAAIA,KAAK,KAAK,WAAW,EAAE,OAAO,MAAM,CAAA;AACxC,IAAA,IAAIA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAKC,SAAS,EAAE,OAAAC,MAAAA,CAAAA,MAAA,CAAcC,4BAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,CAAA;AACtF,IAAA,OAAOJ,KAAK,CAAA;GACf,CAAA;AAAA,CAAA,CAAA;AAPE,IAAMK,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,UAAA,EAAA,cAGzBZ,KAIR,EAAA,CAAA;AAAA,GAAA;AAAA,CAQJ;;;;;"}

package/cjs/index.css CHANGED Viewed

@@ -1199,11 +1199,11 @@
 .Section_styles_147bzzp_a6i3xtj__60e0567c{margin:auto;}
 .Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.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;}
+.ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{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_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
+.ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
+.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--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 linear;transition:stroke-dashoffset 0.3s linear;}
+.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{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;}
 .TimePickerGrid_styles_mz2mkl_b1gxyazn__68be6be3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:10rem;}
 .TimePickerGrid_styles_mz2mkl_s5pkh4__68be6be3{background:var(--plasma-time-picker-grid-grid-background);border-radius:var(--plasma-time-picker-grid-grid-border-radius);width:var(--s5pkh4-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-grid-grid-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-grid-scrollbar-width);box-sizing:border-box;position:relative;height:var(--plasma-time-picker-grid-column-height);}
@@ -1254,3 +1254,7 @@
 .Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
 .Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}
+.Loader_styles_ju7bog_b1pysjlh__59048a7a{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-loader-width);height:var(--plasma-loader-height);}
+.Loader_styles_ju7bog_s14s1lcu__59048a7a{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
+.Loader_styles_ju7bog_s14gpc11__59048a7a{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}

package/cjs/index.js CHANGED Viewed

@@ -272,6 +272,8 @@ var TimePicker = require('./components/TimePicker/TimePicker.js');
 var TimePicker_tokens = require('./components/TimePicker/TimePicker.tokens.js');
 var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
 var DateTimePicker_tokens = require('./components/DateTimePicker/DateTimePicker.tokens.js');
+var Loader = require('./components/Loader/Loader.js');
+var Loader_tokens = require('./components/Loader/Loader.tokens.js');
@@ -775,4 +777,7 @@ exports.dateTimePickerConfig = DateTimePicker.dateTimePickerConfig;
 exports.dateTimePickerRoot = DateTimePicker.dateTimePickerRoot;
 exports.dateTimePickerClasses = DateTimePicker_tokens.classes;
 exports.dateTimePickerTokens = DateTimePicker_tokens.tokens;
+exports.loaderConfig = Loader.loaderConfig;
+exports.loaderRoot = Loader.loaderRoot;
+exports.loaderTokens = Loader_tokens.tokens;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Loader/Loader.js ADDED Viewed

@@ -0,0 +1,198 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get loaderConfig () {
+        return loaderConfig;
+    },
+    get loaderRoot () {
+        return loaderRoot;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _engines = require("../../engines");
+var _Overlay = require("../Overlay");
+var _Popup = require("../Popup");
+var _utils = require("../Popup/utils");
+var _base = require("./variations/_view/base");
+var _base1 = require("./variations/_size/base");
+var _Loaderstyles = require("./Loader.styles");
+var _Loadertokens = require("./Loader.tokens");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Popup = (0, _engines.component)(_Popup.popupConfig);
+var loaderRoot = function(Root) {
+    return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
+        var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? _utils.DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, rest = _object_without_properties(props, [
+            "type",
+            "hasOverlay",
+            "withBlur",
+            "value",
+            "overlayColor",
+            "maxValue",
+            "size",
+            "view",
+            "children",
+            "className",
+            "strokeSize",
+            "hasTrack",
+            "style",
+            "zIndex",
+            "onOverlayClick"
+        ]);
+        var loaderContent = /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
+            ref: ref,
+            view: view,
+            size: size,
+            className: className,
+            style: style
+        }, rest), type === 'spinner' ? /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledSpinner, {
+            size: size,
+            view: view
+        }) : /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledProgressBarCircular, {
+            value: value,
+            maxValue: maxValue,
+            strokeSize: strokeSize,
+            size: size,
+            view: view,
+            hasTrack: hasTrack
+        }, children));
+        if (!hasOverlay) {
+            return loaderContent;
+        }
+        var overlayBackgroundToken = overlayColor || "var(".concat(_Loadertokens.tokens.overlayColor, ")");
+        var overlayNode = /*#__PURE__*/ _react.default.createElement(_Overlay.Overlay, {
+            className: _Loadertokens.classes.loaderOverlay,
+            zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
+            backgroundColorProperty: overlayBackgroundToken,
+            withBlur: withBlur,
+            isClickable: Boolean(onOverlayClick),
+            onOverlayClick: onOverlayClick
+        });
+        return /*#__PURE__*/ _react.default.createElement(Popup, {
+            opened: true,
+            placement: "center",
+            zIndex: zIndex,
+            overlay: overlayNode
+        }, loaderContent);
+    });
+};
+var loaderConfig = {
+    name: 'Loader',
+    tag: 'div',
+    layout: loaderRoot,
+    base: _Loaderstyles.base,
+    variations: {
+        view: {
+            css: _base.base
+        },
+        size: {
+            css: _base1.base
+        }
+    },
+    defaults: {
+        view: 'primary',
+        size: 'm'
+    }
+};

package/emotion/cjs/components/Loader/Loader.styles.js ADDED Viewed

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get StyledProgressBarCircular () {
+        return StyledProgressBarCircular;
+    },
+    get StyledSpinner () {
+        return StyledSpinner;
+    },
+    get base () {
+        return base;
+    }
+});
+var _react = require("@emotion/react");
+var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
+var _Spinner = require("../Spinner");
+var _ProgressBarCircular = require("../ProgressBarCircular");
+var _engines = require("../../engines");
+var _Loadertokens = require("./Loader.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedSpinnerConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
+var Spinner = (0, _engines.component)(mergedSpinnerConfig);
+var mergedProgressBarCircularConfig = (0, _engines.mergeConfig)(_ProgressBarCircular.progressBarCircularConfig);
+var ProgressBarCircular = (0, _engines.component)(mergedProgressBarCircularConfig);
+var base = (0, /*#__PURE__*/ _react.css)("display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", _Loadertokens.tokens.width, ");height:var(", _Loadertokens.tokens.height, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNwaW5uZXJDb25maWcsIHNwaW5uZXJUb2tlbnMgfSBmcm9tICcuLi9TcGlubmVyJztcbmltcG9ydCB7IHByb2dyZXNzQmFyQ2lyY3VsYXJDb25maWcsIHByb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMgfSBmcm9tICcuLi9Qcm9ncmVzc0JhckNpcmN1bGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Mb2FkZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU3Bpbm5lckNvbmZpZyA9IG1lcmdlQ29uZmlnKHNwaW5uZXJDb25maWcpO1xuY29uc3QgU3Bpbm5lciA9IGNvbXBvbmVudChtZXJnZWRTcGlubmVyQ29uZmlnKTtcblxuY29uc3QgbWVyZ2VkUHJvZ3Jlc3NCYXJDaXJjdWxhckNvbmZpZyA9IG1lcmdlQ29uZmlnKHByb2dyZXNzQmFyQ2lyY3VsYXJDb25maWcpO1xuY29uc3QgUHJvZ3Jlc3NCYXJDaXJjdWxhciA9IGNvbXBvbmVudChtZXJnZWRQcm9ncmVzc0JhckNpcmN1bGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy53aWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbiAgICAke3NwaW5uZXJUb2tlbnMuY29sb3J9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lckNvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NCYXJDaXJjdWxhciA9IHN0eWxlZChQcm9ncmVzc0JhckNpcmN1bGFyKWBcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuc2l6ZX06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU2l6ZX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy53aWR0aH06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyV2lkdGh9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuaGVpZ2h0fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJIZWlnaHR9KTtcblxuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5zdHJva2VXaWR0aH06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU3Ryb2tlV2lkdGh9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuc3Ryb2tlU2l6ZX06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU3Ryb2tlU2l6ZX0pO1xuXG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmJhY2tncm91bmRTdHJva2V9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckJhY2tncm91bmRTdHJva2V9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMucHJvZ3Jlc3NTdHJva2V9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhclN0cm9rZX0pO1xuXG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRDb2xvcn06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyQ29udGVudENvbG9yfSk7XG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udEZhbWlseX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckNvbnRlbnRGb250U2l6ZX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udFN0eWxlfSk7XG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udFdlaWdodH0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyQ29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuY29udGVudExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVvQiJ9 */");
+var StyledSpinner = /*#__PURE__*/ (0, _styled.default)(Spinner, {
+    target: "e1hgtm6z0",
+    label: "StyledSpinner"
+})(_Spinner.spinnerTokens.size, ":var(", _Loadertokens.tokens.spinnerSize, ");", _Spinner.spinnerTokens.color, ":var(", _Loadertokens.tokens.spinnerColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNwaW5uZXJDb25maWcsIHNwaW5uZXJUb2tlbnMgfSBmcm9tICcuLi9TcGlubmVyJztcbmltcG9ydCB7IHByb2dyZXNzQmFyQ2lyY3VsYXJDb25maWcsIHByb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMgfSBmcm9tICcuLi9Qcm9ncmVzc0JhckNpcmN1bGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Mb2FkZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU3Bpbm5lckNvbmZpZyA9IG1lcmdlQ29uZmlnKHNwaW5uZXJDb25maWcpO1xuY29uc3QgU3Bpbm5lciA9IGNvbXBvbmVudChtZXJnZWRTcGlubmVyQ29uZmlnKTtcblxuY29uc3QgbWVyZ2VkUHJvZ3Jlc3NCYXJDaXJjdWxhckNvbmZpZyA9IG1lcmdlQ29uZmlnKHByb2dyZXNzQmFyQ2lyY3VsYXJDb25maWcpO1xuY29uc3QgUHJvZ3Jlc3NCYXJDaXJjdWxhciA9IGNvbXBvbmVudChtZXJnZWRQcm9ncmVzc0JhckNpcmN1bGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy53aWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbiAgICAke3NwaW5uZXJUb2tlbnMuY29sb3J9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lckNvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NCYXJDaXJjdWxhciA9IHN0eWxlZChQcm9ncmVzc0JhckNpcmN1bGFyKWBcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuc2l6ZX06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU2l6ZX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy53aWR0aH06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyV2lkdGh9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuaGVpZ2h0fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJIZWlnaHR9KTtcblxuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5zdHJva2VXaWR0aH06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU3Ryb2tlV2lkdGh9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuc3Ryb2tlU2l6ZX06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU3Ryb2tlU2l6ZX0pO1xuXG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmJhY2tncm91bmRTdHJva2V9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckJhY2tncm91bmRTdHJva2V9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMucHJvZ3Jlc3NTdHJva2V9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhclN0cm9rZX0pO1xuXG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRDb2xvcn06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyQ29udGVudENvbG9yfSk7XG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udEZhbWlseX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckNvbnRlbnRGb250U2l6ZX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udFN0eWxlfSk7XG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udFdlaWdodH0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyQ29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuY29udGVudExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCNkIifQ== */");
+var StyledProgressBarCircular = /*#__PURE__*/ (0, _styled.default)(ProgressBarCircular, {
+    target: "e1hgtm6z1",
+    label: "StyledProgressBarCircular"
+})(_ProgressBarCircular.progressBarCircularTokens.size, ":var(", _Loadertokens.tokens.progressBarCircularSize, ");", _ProgressBarCircular.progressBarCircularTokens.width, ":var(", _Loadertokens.tokens.progressBarCircularWidth, ");", _ProgressBarCircular.progressBarCircularTokens.height, ":var(", _Loadertokens.tokens.progressBarCircularHeight, ");", _ProgressBarCircular.progressBarCircularTokens.strokeWidth, ":var(", _Loadertokens.tokens.progressBarCircularStrokeWidth, ");", _ProgressBarCircular.progressBarCircularTokens.strokeSize, ":var(", _Loadertokens.tokens.progressBarCircularStrokeSize, ");", _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, ":var(", _Loadertokens.tokens.progressBarCircularBackgroundStroke, ");", _ProgressBarCircular.progressBarCircularTokens.progressStroke, ":var(", _Loadertokens.tokens.progressBarCircularStroke, ");", _ProgressBarCircular.progressBarCircularTokens.contentColor, ":var(", _Loadertokens.tokens.progressBarCircularContentColor, ");", _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, ":var(", _Loadertokens.tokens.progressBarCircularContentFontFamily, ");", _ProgressBarCircular.progressBarCircularTokens.contentFontSize, ":var(", _Loadertokens.tokens.progressBarCircularContentFontSize, ");", _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, ":var(", _Loadertokens.tokens.progressBarCircularContentFontStyle, ");", _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, ":var(", _Loadertokens.tokens.progressBarCircularContentFontWeight, ");", _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, ":var(", _Loadertokens.tokens.progressBarCircularContentLetterSpacing, ");", _ProgressBarCircular.progressBarCircularTokens.contentLineHeight, ":var(", _Loadertokens.tokens.progressBarCircularContentLineHeight, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNwaW5uZXJDb25maWcsIHNwaW5uZXJUb2tlbnMgfSBmcm9tICcuLi9TcGlubmVyJztcbmltcG9ydCB7IHByb2dyZXNzQmFyQ2lyY3VsYXJDb25maWcsIHByb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMgfSBmcm9tICcuLi9Qcm9ncmVzc0JhckNpcmN1bGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Mb2FkZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU3Bpbm5lckNvbmZpZyA9IG1lcmdlQ29uZmlnKHNwaW5uZXJDb25maWcpO1xuY29uc3QgU3Bpbm5lciA9IGNvbXBvbmVudChtZXJnZWRTcGlubmVyQ29uZmlnKTtcblxuY29uc3QgbWVyZ2VkUHJvZ3Jlc3NCYXJDaXJjdWxhckNvbmZpZyA9IG1lcmdlQ29uZmlnKHByb2dyZXNzQmFyQ2lyY3VsYXJDb25maWcpO1xuY29uc3QgUHJvZ3Jlc3NCYXJDaXJjdWxhciA9IGNvbXBvbmVudChtZXJnZWRQcm9ncmVzc0JhckNpcmN1bGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy53aWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbiAgICAke3NwaW5uZXJUb2tlbnMuY29sb3J9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lckNvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NCYXJDaXJjdWxhciA9IHN0eWxlZChQcm9ncmVzc0JhckNpcmN1bGFyKWBcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuc2l6ZX06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU2l6ZX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy53aWR0aH06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyV2lkdGh9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuaGVpZ2h0fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJIZWlnaHR9KTtcblxuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5zdHJva2VXaWR0aH06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU3Ryb2tlV2lkdGh9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuc3Ryb2tlU2l6ZX06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyU3Ryb2tlU2l6ZX0pO1xuXG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmJhY2tncm91bmRTdHJva2V9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckJhY2tncm91bmRTdHJva2V9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMucHJvZ3Jlc3NTdHJva2V9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhclN0cm9rZX0pO1xuXG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRDb2xvcn06IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyQ29udGVudENvbG9yfSk7XG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udEZhbWlseX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckNvbnRlbnRGb250U2l6ZX0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udFN0eWxlfSk7XG4gICAgJHtwcm9ncmVzc0JhckNpcmN1bGFyVG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnByb2dyZXNzQmFyQ2lyY3VsYXJDb250ZW50Rm9udFdlaWdodH0pO1xuICAgICR7cHJvZ3Jlc3NCYXJDaXJjdWxhclRva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5wcm9ncmVzc0JhckNpcmN1bGFyQ29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICAke3Byb2dyZXNzQmFyQ2lyY3VsYXJUb2tlbnMuY29udGVudExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NCYXJDaXJjdWxhckNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCeUMifQ== */");

package/emotion/cjs/components/Loader/Loader.tokens.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get classes () {
+        return classes;
+    },
+    get privateTokens () {
+        return privateTokens;
+    },
+    get tokens () {
+        return tokens;
+    }
+});
+var classes = {
+    loaderOverlay: '--plasma-loader-overlay'
+};
+var tokens = {
+    width: '--plasma-loader-width',
+    height: '--plasma-loader-height',
+    progressBarCircularSize: '--plasma-loader-progressbar-circular-size',
+    progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',
+    progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',
+    progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',
+    progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',
+    progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',
+    progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',
+    progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',
+    progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',
+    progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',
+    progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',
+    progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',
+    progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',
+    progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
+    overlayColor: '--plasma-loader-overlay-color',
+    spinnerSize: '--plasma-loader-spinner-size',
+    spinnerColor: '--plasma-loader-spinner-color'
+};
+var privateTokens = {};