npm - @vibe/core - Versions diffs - 4.5.5 → 4.6.0-alpha-5a4a2.0 - Mend

@vibe/core 4.5.5 → 4.6.0-alpha-5a4a2.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 (496) hide show

package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer size=\"none\">\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","size","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}

package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_3026bfcc42",singleChip:"singleChip_82cf5cc97f",measuring:"measuring_67b17a825e",hiddenChip:"hiddenChip_37184cfd61",inputAndCounterWrapper:"inputAndCounterWrapper_b0e0faa8ce",inputWrapper:"inputWrapper_0dbc94a84f",chipWrapperWithOverflow:"chipWrapperWithOverflow_95eee5c5da",visibleChip:"visibleChip_6794adbf02",hiddenChipsDialog:"hiddenChipsDialog_f64e704558",dialogChip:"dialogChip_6794adbf02"};!function(e){const n="s_id-a777ca35d111_4_5_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_3026bfcc42 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_3026bfcc42.singleChip_82cf5cc97f > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_3026bfcc42.singleChip_82cf5cc97f > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_3026bfcc42.measuring_67b17a825e > div:not(.hiddenChip_37184cfd61) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_b0e0faa8ce {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_0dbc94a84f {\n  flex-grow: 1;\n}\n.inputWrapper_0dbc94a84f input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_95eee5c5da {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_95eee5c5da .visibleChip_6794adbf02 {\n  max-width: 100%;\n}\n.hiddenChip_37184cfd61 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_f64e704558 {\n  max-width: 192px;\n}\n.dialogChip_6794adbf02 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_571a5308f0",singleChip:"singleChip_24d3dc73e9",measuring:"measuring_0340c5812a",hiddenChip:"hiddenChip_4055a1ee3e",inputAndCounterWrapper:"inputAndCounterWrapper_fc8e8ed0f3",inputWrapper:"inputWrapper_b9522f1ee1",chipWrapperWithOverflow:"chipWrapperWithOverflow_ac30f079d8",visibleChip:"visibleChip_650047a0f8",hiddenChipsDialog:"hiddenChipsDialog_8a3035a148",dialogChip:"dialogChip_650047a0f8"};!function(e){const n="s_id-a777ca35d111_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_571a5308f0 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_571a5308f0.singleChip_24d3dc73e9 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_571a5308f0.singleChip_24d3dc73e9 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_571a5308f0.measuring_0340c5812a > div:not(.hiddenChip_4055a1ee3e) {\n  opacity: 0;\n}\n\n.inputAndCounterWrapper_fc8e8ed0f3 {\n  flex-grow: 1;\n  min-width: 0;\n}\n\n.inputWrapper_b9522f1ee1 {\n  flex-grow: 1;\n}\n.inputWrapper_b9522f1ee1 input {\n  width: 100%;\n}\n\n.chipWrapperWithOverflow_ac30f079d8 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_ac30f079d8 .visibleChip_650047a0f8 {\n  max-width: 100%;\n}\n\n.hiddenChip_4055a1ee3e {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_8a3035a148 {\n  max-width: 192px;\n}\n\n.dialogChip_650047a0f8 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_fa1abe5fa7",small:"small_9316fafe43",placeholderText:"placeholderText_2ebbd2b815",medium:"medium_f0d344ff51",large:"large_9937eea4cb",inputWrapper:"inputWrapper_9e13000954",multiSelected:"multiSelected_3f28705766",fullWidth:"fullWidth_0d2f5e8666",hasSelected:"hasSelected_e667c54f6d",selectedItem:"selectedItem_7ad8d3af6d",faded:"faded_3133996636",disabled:"disabled_f28295f2e0",multiWrapper:"multiWrapper_ab80d663e3",actionsWrapper:"actionsWrapper_5871ffd9cf",visuallyHidden:"visuallyHidden_01eef6bf08"};!function(e){const n="s_id-e51df68c2f8a_4_5_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_fa1abe5fa7 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_fa1abe5fa7.small_9316fafe43 {\n  min-height: 32px;\n}\n.triggerWrapper_fa1abe5fa7.small_9316fafe43 .placeholderText_2ebbd2b815 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_fa1abe5fa7.medium_f0d344ff51 {\n  min-height: 40px;\n}\n.triggerWrapper_fa1abe5fa7.large_9937eea4cb {\n  min-height: 48px;\n}\n.triggerWrapper_fa1abe5fa7 .inputWrapper_9e13000954 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_fa1abe5fa7 .inputWrapper_9e13000954.small_9316fafe43 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_fa1abe5fa7 .inputWrapper_9e13000954.multiSelected_3f28705766 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_fa1abe5fa7 .inputWrapper_9e13000954.multiSelected_3f28705766.fullWidth_0d2f5e8666 {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_fa1abe5fa7 .inputWrapper_9e13000954.hasSelected_e667c54f6d {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_fa1abe5fa7 .selectedItem_7ad8d3af6d {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_fa1abe5fa7 .selectedItem_7ad8d3af6d.small_9316fafe43 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_fa1abe5fa7 .selectedItem_7ad8d3af6d.medium_f0d344ff51 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_fa1abe5fa7 .selectedItem_7ad8d3af6d.large_9937eea4cb {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_fa1abe5fa7 .selectedItem_7ad8d3af6d.faded_3133996636 {\n  opacity: 0.6;\n}\n.triggerWrapper_fa1abe5fa7 .placeholderText_2ebbd2b815 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_fa1abe5fa7 .placeholderText_2ebbd2b815.disabled_f28295f2e0 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_ab80d663e3 {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_5871ffd9cf {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_01eef6bf08 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_ce5b0b2c32",small:"small_afdc3e2c61",placeholderText:"placeholderText_9410ecccd2",medium:"medium_af8647b50f",large:"large_047c4cdbed",inputWrapper:"inputWrapper_6d871bb594",multiSelected:"multiSelected_591c64994a",fullWidth:"fullWidth_af196c2e89",hasSelected:"hasSelected_9003a6651c",selectedItem:"selectedItem_c670ac38c5",faded:"faded_4ddd797fbf",disabled:"disabled_4869e95406",multiWrapper:"multiWrapper_946118c89a",actionsWrapper:"actionsWrapper_339520107b",visuallyHidden:"visuallyHidden_e62263321a"};!function(e){const n="s_id-e51df68c2f8a_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_ce5b0b2c32 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_ce5b0b2c32.small_afdc3e2c61 {\n  min-height: 32px;\n}\n.triggerWrapper_ce5b0b2c32.small_afdc3e2c61 .placeholderText_9410ecccd2 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_ce5b0b2c32.medium_af8647b50f {\n  min-height: 40px;\n}\n.triggerWrapper_ce5b0b2c32.large_047c4cdbed {\n  min-height: 48px;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.small_afdc3e2c61 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.multiSelected_591c64994a {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.multiSelected_591c64994a.fullWidth_af196c2e89 {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.hasSelected_9003a6651c {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.small_afdc3e2c61 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.medium_af8647b50f {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.large_047c4cdbed {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.faded_4ddd797fbf {\n  opacity: 0.6;\n}\n.triggerWrapper_ce5b0b2c32 .placeholderText_9410ecccd2 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_ce5b0b2c32 .placeholderText_9410ecccd2.disabled_4869e95406 {\n  color: var(--disabled-text-color);\n}\n\n.multiWrapper_946118c89a {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n\n.actionsWrapper_339520107b {\n  padding: 0 var(--space-4);\n}\n\n.visuallyHidden_e62263321a {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/components/EditableHeading/EditableHeading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_696030eeb3",h1Medium:"h1Medium_d1b545924c",h1Normal:"h1Normal_f0dd2a8331",h1Light:"h1Light_1b3aa9a7ac",h2Bold:"h2Bold_bc9ca91779",h2Medium:"h2Medium_f29609c67a",h2Normal:"h2Normal_2e861f5f2e",h2Light:"h2Light_9ab4c05626",h3Bold:"h3Bold_e36d26b656",h3Medium:"h3Medium_d87254d4f5",h3Normal:"h3Normal_c61f7acfbe",h3Light:"h3Light_2f065f9cbf"};!function(n){const o="s_id-6e5330892778_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_696030eeb3 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_d1b545924c {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_f0dd2a8331 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_1b3aa9a7ac {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_bc9ca91779 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_f29609c67a {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_2e861f5f2e {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_9ab4c05626 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_e36d26b656 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_d87254d4f5 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_c61f7acfbe {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_2f065f9cbf {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_68e70f0585",h1Medium:"h1Medium_86ba892dfd",h1Normal:"h1Normal_5faa131e1f",h1Light:"h1Light_1f60d1615b",h2Bold:"h2Bold_3d5bb61a31",h2Medium:"h2Medium_6115a41e89",h2Normal:"h2Normal_ba7c9c05ce",h2Light:"h2Light_c2ac1f362c",h3Bold:"h3Bold_526c2ccc55",h3Medium:"h3Medium_02aaa47a70",h3Normal:"h3Normal_339117effb",h3Light:"h3Light_d1a5640d7f"};!function(n){const o="s_id-6e5330892778_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_68e70f0585 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_86ba892dfd {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_5faa131e1f {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_1f60d1615b {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_3d5bb61a31 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_6115a41e89 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_ba7c9c05ce {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_c2ac1f362c {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_526c2ccc55 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_02aaa47a70 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_339117effb {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_d1a5640d7f {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_6bceed9d09",text1Medium:"text1Medium_8203a42994",text1Normal:"text1Normal_760d4a50a3",text2Bold:"text2Bold_440cde7601",text2Medium:"text2Medium_7522acc7f0",text2Normal:"text2Normal_dcfd807090",text3Bold:"text3Bold_626c214c0a",text3Medium:"text3Medium_af981bbd5c",text3Normal:"text3Normal_d091bb4c44",editableText:"editableText_e04a2838cb",typography:"typography_f2dbf4345e"};!function(t){const e="s_id-9c016e638d33_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_6bceed9d09 {\n  font: var(--font-text1-bold);\n}\n.text1Medium_8203a42994 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_760d4a50a3 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_440cde7601 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_7522acc7f0 {\n  font: var(--font-text2-medium);\n}\n.text2Normal_dcfd807090 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_626c214c0a {\n  font: var(--font-text3-bold);\n}\n.text3Medium_af981bbd5c {\n  font: var(--font-text3-medium);\n}\n.text3Normal_d091bb4c44 {\n  font: var(--font-text3-normal);\n}\n.editableText_e04a2838cb .typography_f2dbf4345e {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_fad17d6814",text1Medium:"text1Medium_7577eaa853",text1Normal:"text1Normal_10561b11f8",text2Bold:"text2Bold_748d44efda",text2Medium:"text2Medium_1e7c36f709",text2Normal:"text2Normal_877cd24538",text3Bold:"text3Bold_504cd67108",text3Medium:"text3Medium_78dc67317c",text3Normal:"text3Normal_a17c0f4589",editableText:"editableText_6f01ce9cde",typography:"typography_9d8fa4def3"};!function(t){const e="s_id-9c016e638d33_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_fad17d6814 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_7577eaa853 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_10561b11f8 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_748d44efda {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_1e7c36f709 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_877cd24538 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_504cd67108 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_78dc67317c {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_a17c0f4589 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_6f01ce9cde .typography_9d8fa4def3 {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var a={editableTypography:"editableTypography_4a2b1af54a",input:"input_7ce918513a",textarea:"textarea_cdb7383a5b",typography:"typography_ee879b2bad",disabled:"disabled_a9bbcca309",hidden:"hidden_1ea0dc1332",placeholder:"placeholder_7d615e1205",multiline:"multiline_b7fdb9de8a"};!function(a){const e="s_id-639103c98382_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_4a2b1af54a {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-inline-start: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_4a2b1af54a .input_7ce918513a,\n.editableTypography_4a2b1af54a .textarea_cdb7383a5b {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--space-4);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_4a2b1af54a .input_7ce918513a:focus, .editableTypography_4a2b1af54a .input_7ce918513a:active,\n.editableTypography_4a2b1af54a .textarea_cdb7383a5b:focus,\n.editableTypography_4a2b1af54a .textarea_cdb7383a5b:active {\n  outline: none;\n}\n.editableTypography_4a2b1af54a .textarea_cdb7383a5b {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_4a2b1af54a .typography_ee879b2bad {\n  border: 1px solid transparent;\n  padding: 0 var(--space-4);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_4a2b1af54a .typography_ee879b2bad:hover:not(.disabled_a9bbcca309) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_4a2b1af54a .typography_ee879b2bad.hidden_1ea0dc1332 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_4a2b1af54a .typography_ee879b2bad.placeholder_7d615e1205 {\n  color: var(--placeholder-color);\n}\n.editableTypography_4a2b1af54a .typography_ee879b2bad.multiline_b7fdb9de8a {\n  white-space: pre-wrap;\n}");export{a as default};
+var e={editableTypography:"editableTypography_4863886513",input:"input_177379888b",textarea:"textarea_91a2c206a7",typography:"typography_71a385660d",disabled:"disabled_99a969b990",hidden:"hidden_3614776077",placeholder:"placeholder_1edb002f15",multiline:"multiline_4f9dddb9d9"};!function(e){const a="s_id-639103c98382_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_4863886513 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-inline-start: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_4863886513 .input_177379888b,\n.editableTypography_4863886513 .textarea_91a2c206a7 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--space-4);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_4863886513 .input_177379888b:focus, .editableTypography_4863886513 .input_177379888b:active,\n.editableTypography_4863886513 .textarea_91a2c206a7:focus,\n.editableTypography_4863886513 .textarea_91a2c206a7:active {\n  outline: none;\n}\n.editableTypography_4863886513 .textarea_91a2c206a7 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_4863886513 .typography_71a385660d {\n  border: 1px solid transparent;\n  padding: 0 var(--space-4);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_4863886513 .typography_71a385660d:hover:not(.disabled_99a969b990) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_4863886513 .typography_71a385660d.hidden_3614776077 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_4863886513 .typography_71a385660d.placeholder_1edb002f15 {\n  color: var(--placeholder-color);\n}\n.editableTypography_4863886513 .typography_71a385660d.multiline_4f9dddb9d9 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/src/components/EmptyState/EmptyState.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={emptyState:"emptyState_c66ba79619",compact:"compact_6eb0342d27",content:"content_41752cf934",title:"title_ef2a3544d7",description:"description_ef2a3544d7",actions:"actions_ab4bb85754"};!function(t){const e="s_id-e8e63a5fb772_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState_c66ba79619 {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_c66ba79619.compact_6eb0342d27 {\n  padding: var(--space-16);\n}\n.emptyState_c66ba79619 .content_41752cf934 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_c66ba79619 .content_41752cf934 .title_ef2a3544d7 {\n  max-width: 500px;\n}\n.emptyState_c66ba79619 .content_41752cf934 .description_ef2a3544d7 {\n  max-width: 500px;\n}\n.emptyState_c66ba79619 .content_41752cf934 .actions_ab4bb85754 {\n  width: 100%;\n}");export{t as default};
+var e={emptyState:"emptyState_2c7bae14c5",compact:"compact_7a72262136",content:"content_5e1b8bf9f3",title:"title_1bbd8c9a58",description:"description_1bbd8c9a58",actions:"actions_83b910b9cd"};!function(e){const t="s_id-e8e63a5fb772_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_2c7bae14c5 {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_2c7bae14c5.compact_7a72262136 {\n  padding: var(--space-16);\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 .title_1bbd8c9a58 {\n  max-width: 500px;\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 .description_1bbd8c9a58 {\n  max-width: 500px;\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 .actions_83b910b9cd {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={expandCollapse:"expandCollapse_4deb82e780",header:"header_e05ce718a2","focus-visible":"focus-visible_03bc806318",headerContent:"headerContent_f091494226",iconComponent:"iconComponent_2f25990323",content:"content_6eb0342d27",section:"section_ab4bb85754",hideBorder:"hideBorder_c461b40c92",hideBorderBottom:"hideBorderBottom_5b9ee15b8a",showBorder:"showBorder_1f38ee9702",headerOpen:"headerOpen_4fe1d1cbf6",animateIconOpen:"animateIconOpen_9d382332a3",animateIconClose:"animateIconClose_1f98507a79",leftIcon:"leftIcon_2c7ff4534e"};!function(e){const n="s_id-56805b2f3dc6_4_5_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_4deb82e780 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_e05ce718a2 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--space-16);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_e05ce718a2:focus-visible, .header_e05ce718a2.focus-visible_03bc806318 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header_e05ce718a2:focus:not(.focus-visible_03bc806318) {\n  outline: none;\n}\n.header_e05ce718a2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_e05ce718a2:active {\n  transform: scale(1);\n}\n.header_e05ce718a2 .headerContent_f091494226 {\n  margin: 0;\n}\n.header_e05ce718a2 .iconComponent_2f25990323 {\n  color: var(--icon-color);\n}\n.content_6eb0342d27 {\n  padding: var(--space-16);\n}\n.section_ab4bb85754 {\n  width: 100%;\n}\n.hideBorder_c461b40c92 {\n  border: none;\n}\n.hideBorderBottom_5b9ee15b8a {\n  border-bottom: none;\n}\n.showBorder_1f38ee9702 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_1f38ee9702 .headerOpen_4fe1d1cbf6 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_9d382332a3 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_1f98507a79 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_e05ce718a2.leftIcon_2c7ff4534e {\n  justify-content: flex-start;\n  gap: var(--space-8);\n}");export{e as default};
+var n={expandCollapse:"expandCollapse_96f0a21448",header:"header_da231ef684","focus-visible":"focus-visible_93d0f127c5",headerContent:"headerContent_fd075fcbaa",iconComponent:"iconComponent_10976e53b5",content:"content_7a72262136",section:"section_83b910b9cd",hideBorder:"hideBorder_3178477ada",hideBorderBottom:"hideBorderBottom_b36ba07802",showBorder:"showBorder_e627c6f923",headerOpen:"headerOpen_556ee8bf90",animateIconOpen:"animateIconOpen_24614b5e57",animateIconClose:"animateIconClose_8191ac5734",leftIcon:"leftIcon_74c5ad5374"};!function(n){const e="s_id-56805b2f3dc6_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_96f0a21448 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_da231ef684 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--space-16);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_da231ef684:focus-visible, .header_da231ef684.focus-visible_93d0f127c5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header_da231ef684:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n\n.header_da231ef684:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_da231ef684:active {\n  transform: scale(1);\n}\n\n.header_da231ef684 .headerContent_fd075fcbaa {\n  margin: 0;\n}\n\n.header_da231ef684 .iconComponent_10976e53b5 {\n  color: var(--icon-color);\n}\n\n.content_7a72262136 {\n  padding: var(--space-16);\n}\n\n.section_83b910b9cd {\n  width: 100%;\n}\n\n.hideBorder_3178477ada {\n  border: none;\n}\n\n.hideBorderBottom_b36ba07802 {\n  border-bottom: none;\n}\n\n.showBorder_e627c6f923 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_e627c6f923 .headerOpen_556ee8bf90 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_24614b5e57 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_8191ac5734 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_da231ef684.leftIcon_74c5ad5374 {\n  justify-content: flex-start;\n  gap: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_70007d970a",labelComponentIcon:"labelComponentIcon_be7791966d",labelComponentText:"labelComponentText_004c6a3f44",required:"required_88139be8cb"};!function(e){const n="s_id-c78e4bf29ce0_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_70007d970a {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n.labelComponentIcon_be7791966d {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_004c6a3f44 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_88139be8cb {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_9c872d1192",labelComponentIcon:"labelComponentIcon_19e17a66bf",labelComponentText:"labelComponentText_5fa0762316",required:"required_039be09531"};!function(e){const n="s_id-c78e4bf29ce0_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_9c872d1192 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n\n.labelComponentIcon_19e17a66bf {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_5fa0762316 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_039be09531 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_92cee071f8",prefix:"prefix_02bcabb918",suffix:"suffix_02bcabb918"};!function(e){const n="s_id-d821b20045aa_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_92cee071f8 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_02bcabb918 {\n  white-space: pre;\n}\n.suffix_02bcabb918 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_11fbb27d0e",prefix:"prefix_8d19d05342",suffix:"suffix_8d19d05342"};!function(e){const n="s_id-d821b20045aa_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_11fbb27d0e {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_8d19d05342 {\n  white-space: pre;\n}\n\n.suffix_8d19d05342 {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_7ce0ddb937"};!function(e){const t="s_id-5ac012179a41_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_7ce0ddb937 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_06049e260a"};!function(e){const t="s_id-5ac012179a41_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_06049e260a {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_c010812906",link:"link_eb2e5b777c"};!function(e){const t="s_id-646297cad054_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_c010812906 {\n  max-width: 240px;\n}\n.contentWrapper_c010812906 .link_eb2e5b777c {\n  margin-top: var(--space-4);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_b22be3e474",link:"link_d7c810bc7f"};!function(e){const t="s_id-646297cad054_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_b22be3e474 {\n  max-width: 240px;\n}\n.contentWrapper_b22be3e474 .link_d7c810bc7f {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoLink:"infoLink_bb813d2fba"};!function(e){const t="s_id-63a4f7de1b47_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink_bb813d2fba {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={infoLink:"infoLink_b7f1a90afd"};!function(e){const t="s_id-63a4f7de1b47_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink_b7f1a90afd {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=InfoLink.module.scss.js.map

package/dist/src/components/InfoText/InfoText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_ce1d56a5e5",error:"error_88139be8cb",success:"success_0f267e21c1",disabled:"disabled_f28295f2e0",readOnly:"readOnly_ce1d56a5e5"};!function(e){const o="s_id-05a2b3ab5fae_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_ce1d56a5e5 {\n  color: var(--secondary-text-color);\n}\n.infoText_ce1d56a5e5.error_88139be8cb {\n  color: var(--negative-color);\n}\n.infoText_ce1d56a5e5.success_0f267e21c1 {\n  color: var(--positive-color);\n}\n.infoText_ce1d56a5e5.disabled_f28295f2e0 {\n  color: var(--disabled-text-color);\n}\n.infoText_ce1d56a5e5.readOnly_ce1d56a5e5 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_fd97b7e7a8",error:"error_039be09531",success:"success_a04be81650",disabled:"disabled_4869e95406",readOnly:"readOnly_fd97b7e7a8"};!function(e){const o="s_id-05a2b3ab5fae_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_fd97b7e7a8 {\n  color: var(--secondary-text-color);\n}\n.infoText_fd97b7e7a8.error_039be09531 {\n  color: var(--negative-color);\n}\n.infoText_fd97b7e7a8.success_a04be81650 {\n  color: var(--positive-color);\n}\n.infoText_fd97b7e7a8.disabled_4869e95406 {\n  color: var(--disabled-text-color);\n}\n.infoText_fd97b7e7a8.readOnly_fd97b7e7a8 {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

package/dist/src/components/Label/Label.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l,{forwardRef as i,useRef as n,useState as m,useMemo as c,useCallback as p,useEffect as d}from"react";import u from"./Leg.js";import{contentColors as f}from"../../utils/colors-vars-map.js";import b from"./Label.module.scss.js";import v from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as j}from"./LabelConstants.js";import{ComponentVibeId as k}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import L from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as g}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as C}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var E=i((function(i,E){var h=i.className,x=i.labelClassName,A=i.kind,N=void 0===A?"fill":A,P=i.color,T=void 0===P?"primary":P,B=i.text,I=void 0===B?"":B,H=i.isLegIncluded,M=void 0!==H&&H,W=i.id,_=i["data-testid"],w=i.onClick,z=i.celebrationAnimation,D=i.size,O=void 0===D?"medium":D,R=n(null),q=g(E,R),F=m(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=c((function(){return o(b.label,C(b,r("kind-"+N)),C(b,r("color-"+T)),t(t(t({},b.withLeg,M),b.clickable,Q),b.small,"small"===O),x)}),[N,T,M,x,Q,O]),U=c((function(){if(f.includes(T))return"line"===N?{color:"var(--color-".concat(T,")")}:{backgroundColor:"var(--color-".concat(T,")")}}),[T,N]),V=p((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=y({onClick:V,id:W,"aria-hidden":!1,"aria-haspopup":!1,"aria-expanded":!1},R);d((function(){K(z)}),[z]);var Y=c((function(){return l.createElement("span",Object.assign({},Q&&X,{className:o(t({},b.clickableWrapper,Q),h),"data-testid":_||a(s.LABEL,W),"data-vibe":k.LABEL,ref:q}),l.createElement(L,{style:U,element:"span",type:j[O],className:S,color:"dark"===T?"onInverted":"onPrimary","data-celebration-text":J},l.createElement(L,{element:"span",type:j[O],color:"inherit",className:o(t({},b.smallText,"small"===O))},I),l.createElement("span",{className:o(b.legWrapper)},M?l.createElement(u,null):null)))}),[Q,X,h,_,W,q,S,J,I,M,O,U,T]);return J&&"line"===N?l.createElement(v,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{E as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l,{forwardRef as i,useRef as n,useState as m,useMemo as c,useCallback as p,useEffect as d}from"react";import u from"./Leg.js";import{contentColors as f}from"../../utils/colors-vars-map.js";import b from"./Label.module.scss.js";import v from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as j}from"./LabelConstants.js";import{ComponentVibeId as k}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import L from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as g}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as C}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var E=i((function(i,E){var h=i.className,x=i.labelClassName,A=i.kind,N=void 0===A?"fill":A,P=i.color,T=void 0===P?"primary":P,B=i.text,H=void 0===B?"":B,I=i.isLegIncluded,M=void 0!==I&&I,W=i.id,_=i["data-testid"],w=i.onClick,z=i.celebrationAnimation,D=i.size,O=void 0===D?"medium":D,R=n(null),q=g(E,R),F=m(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=c((function(){return o(b.label,C(b,r("kind-"+N)),C(b,r("color-"+T)),t(t(t({},b.withLeg,M),b.clickable,Q),b.small,"small"===O),x)}),[N,T,M,x,Q,O]),U=c((function(){if(f.includes(T))return"line"===N?{color:"var(--color-".concat(T,")")}:{backgroundColor:"var(--color-".concat(T,")")}}),[T,N]),V=p((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=y({onClick:V,id:W,"aria-hidden":!1,"aria-haspopup":!1,"aria-expanded":!1},R);d((function(){K(z)}),[z]);var Y=c((function(){return l.createElement("span",Object.assign({},Q&&X,{className:o(t({},b.clickableWrapper,Q),h),"data-testid":_||a(s.LABEL,W),"data-vibe":k.LABEL,ref:q}),l.createElement(L,{style:U,element:"span",type:j[O],className:S,color:"primary","data-celebration-text":J},l.createElement(L,{element:"span",type:j[O],color:"inherit",className:o(t({},b.smallText,"small"===O))},H),l.createElement("span",{className:o(b.legWrapper)},M?l.createElement(u,null):null)))}),[Q,X,h,_,W,q,S,J,H,M,O,U,N,T]);return J&&"line"===N?l.createElement(v,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{E as default};
 //# sourceMappingURL=Label.js.map

package/dist/src/components/Label/Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\n\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n \"aria-hidden\": false,\n \"aria-haspopup\": false,\n \"aria-expanded\": false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color~~={color === \~~"~~dark~~\" ? \~~"onInverted\" : \"onPrimary\"}\~~n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"],"mappings":"m7BAqDMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACA,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAEnBM,GAGFiC,GAAU,WACRxB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEsB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC3B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOwB,iBAAmB5B,GAAe1B,GAC7C,cAAAW,GAAc4C,EAAUC,EAAuBC,MAAO/C,eACxDgD,EAAgBD,MAC3B1D,IAAKmB,IAELgC,~~EAAAC~~,~~cAACQ~~,~~EAAI~~,~~CACHC~~,MAAOtB,EACPuB,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBf,UAAW2B,EACXtB,~~MAAiB~~,~~SAAVA~~,~~EAAmB~~,~~aAAe,oCAClBmB,~~GAEvB0B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOkC,UAAqB,UAATjD,KAEnCR,GAEH2C,EAAMC,cAAA,OAAA,CAAAnD,UAAW6B,EAAGC,EAAOmC,aAAcxD,EAAgByC,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACDxC,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,~~EACAjC~~,IAIF,OAAImB,GAAmC,SAATrB,EAE1B+C,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM3C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\n\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n \"aria-hidden\": false,\n \"aria-haspopup\": false,\n \"aria-expanded\": false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"primary\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n kind,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"],"mappings":"m7BAqDMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACA,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAEnBM,GAGFiC,GAAU,WACRxB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEsB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC3B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOwB,iBAAmB5B,GAAe1B,GAC7C,cAAAW,GAAc4C,EAAUC,EAAuBC,MAAO/C,eACxDgD,EAAgBD,MAC3B1D,IAAKmB,IAELgC,EAACC,cAAAQ,EACC,CAAAC,MAAOtB,EACPuB,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBf,UAAW2B,EACXtB,MAAM,UAAS,wBACQmB,GAEvB0B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOkC,UAAqB,UAATjD,KAEnCR,GAEH2C,EAAMC,cAAA,OAAA,CAAAnD,UAAW6B,EAAGC,EAAOmC,aAAcxD,EAAgByC,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACDxC,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAnC,EACAE,IAIF,OAAImB,GAAmC,SAATrB,EAE1B+C,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM3C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}

package/dist/src/components/Label/Label.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_ac31d6a134","focus-visible":"focus-visible_03bc806318",label:"label_def49c6e03",small:"small_9ed466a053",withLeg:"withLeg_7546ea1220",legWrapper:"legWrapper_1594b7ae9e",kindFill:"kindFill_6754f441a0",colorPrimary:"colorPrimary_68267e88cd",clickable:"clickable_0a014846c5",colorDark:"colorDark_33e7fcc09c",colorNegative:"colorNegative_bf583b10df",colorPositive:"colorPositive_3fefb0150d",kindLine:"kindLine_114e7a0cae",smallText:"smallText_e3e8e88ab8"};!function(e){const a="s_id-05b0d3f05a05_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_ac31d6a134 {\n  cursor: pointer;\n}\n.clickableWrapper_ac31d6a134:focus-visible, .clickableWrapper_ac31d6a134.focus-visible_03bc806318 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_ac31d6a134:focus:not(.focus-visible_03bc806318) {\n  outline: none;\n}\n.clickableWrapper_ac31d6a134:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_def49c6e03 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--space-8);\n  position: relative;\n}\n.label_def49c6e03.small_9ed466a053 {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_7546ea1220 {\n  border-start-start-radius: var(--border-radius-small);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n  border-end-start-radius: 0;\n}\n.legWrapper_1594b7ae9e {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_6754f441a0.colorPrimary_68267e88cd {\n  background-color: var(--primary-color);\n}\n.kindFill_6754f441a0.colorPrimary_68267e88cd svg path {\n  fill: var(--primary-color);\n}\n.kindFill_6754f441a0.colorPrimary_68267e88cd.clickable_0a014846c5:hover, .kindFill_6754f441a0.colorPrimary_68267e88cd.clickable_0a014846c5:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_6754f441a0.colorDark_33e7fcc09c {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_6754f441a0.colorDark_33e7fcc09c svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_6754f441a0.colorNegative_bf583b10df {\n  background-color: var(--negative-color);\n}\n.kindFill_6754f441a0.colorNegative_bf583b10df svg path {\n  fill: var(--negative-color);\n}\n.kindFill_6754f441a0.colorNegative_bf583b10df.clickable_0a014846c5:hover, .kindFill_6754f441a0.colorNegative_bf583b10df.clickable_0a014846c5:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_6754f441a0.colorPositive_3fefb0150d {\n  background-color: var(--positive-color);\n}\n.kindFill_6754f441a0.colorPositive_3fefb0150d svg path {\n  fill: var(--positive-color);\n}\n.kindFill_6754f441a0.colorPositive_3fefb0150d.clickable_0a014846c5:hover, .kindFill_6754f441a0.colorPositive_3fefb0150d.clickable_0a014846c5:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_114e7a0cae {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_114e7a0cae .legWrapper_1594b7ae9e {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_114e7a0cae.colorPrimary_68267e88cd {\n  color: var(--primary-color);\n}\n.kindLine_114e7a0cae.colorPrimary_68267e88cd svg path {\n  fill: var(--primary-color);\n}\n.kindLine_114e7a0cae.colorPrimary_68267e88cd.clickable_0a014846c5:hover, .kindLine_114e7a0cae.colorPrimary_68267e88cd.clickable_0a014846c5:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_114e7a0cae.colorDark_33e7fcc09c {\n  color: var(--inverted-color-background);\n}\n.kindLine_114e7a0cae.colorDark_33e7fcc09c svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_114e7a0cae.colorDark_33e7fcc09c.clickable_0a014846c5:hover, .kindLine_114e7a0cae.colorDark_33e7fcc09c.clickable_0a014846c5:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_114e7a0cae.colorNegative_bf583b10df {\n  color: var(--negative-color);\n}\n.kindLine_114e7a0cae.colorNegative_bf583b10df svg path {\n  fill: var(--negative-color);\n}\n.kindLine_114e7a0cae.colorNegative_bf583b10df.clickable_0a014846c5:hover, .kindLine_114e7a0cae.colorNegative_bf583b10df.clickable_0a014846c5:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_114e7a0cae.colorPositive_3fefb0150d {\n  color: var(--positive-color);\n}\n.kindLine_114e7a0cae.colorPositive_3fefb0150d svg path {\n  fill: var(--positive-color);\n}\n.kindLine_114e7a0cae.colorPositive_3fefb0150d.clickable_0a014846c5:hover, .kindLine_114e7a0cae.colorPositive_3fefb0150d.clickable_0a014846c5:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_114e7a0cae .smallText_e3e8e88ab8 {\n  line-height: 14px;\n}");export{e as default};
+var n={clickableWrapper:"clickableWrapper_796f490116","focus-visible":"focus-visible_93d0f127c5",label:"label_32ec64cdef",small:"small_f629e47bce",withLeg:"withLeg_634b0f93a3",legWrapper:"legWrapper_22da106062",kindFill:"kindFill_72261d45db",colorPrimary:"colorPrimary_02eb6d4234",clickable:"clickable_3884d03f49",colorDark:"colorDark_67ef539616",colorNegative:"colorNegative_dbb2a6f4fb",colorPositive:"colorPositive_3ddbba545f",smallText:"smallText_41453f2d42",kindLine:"kindLine_f8c869a3e3"};!function(n){const e="s_id-e40d4206ac6e_4_5_3";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_796f490116 {\n  cursor: pointer;\n}\n.clickableWrapper_796f490116:focus-visible, .clickableWrapper_796f490116.focus-visible_93d0f127c5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_796f490116:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.clickableWrapper_796f490116:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n\n.label_32ec64cdef {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_32ec64cdef.small_f629e47bce {\n  padding: 2px var(--spacing-xs);\n  border-radius: 4px;\n}\n\n.withLeg_634b0f93a3 {\n  border-radius: 4px 4px 4px 0;\n}\n\n.legWrapper_22da106062 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n\n.kindFill_72261d45db {\n  border: none;\n  background-color: transparent;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_72261d45db.small_f629e47bce {\n  padding: 2px var(--spacing-xs);\n}\n.kindFill_72261d45db.colorPrimary_02eb6d4234 {\n  background-color: rgba(204, 228, 255, 0.7); /* #CCE4FF @ 70% */\n  color: #0073ea;\n}\n.kindFill_72261d45db.colorPrimary_02eb6d4234 svg path {\n  fill: rgba(204, 228, 255, 0.7);\n}\n.kindFill_72261d45db.colorPrimary_02eb6d4234.clickable_3884d03f49:hover, .kindFill_72261d45db.colorPrimary_02eb6d4234.clickable_3884d03f49:active {\n  background-color: #cce4ff;\n}\n.kindFill_72261d45db.colorDark_67ef539616 {\n  background-color: rgba(231, 233, 239, 0.7); /* #E7E9EF @ 70% */\n  color: var(--secondary-text-color);\n}\n.kindFill_72261d45db.colorDark_67ef539616 svg path {\n  fill: rgba(231, 233, 239, 0.7);\n}\n.kindFill_72261d45db.colorDark_67ef539616.clickable_3884d03f49:hover, .kindFill_72261d45db.colorDark_67ef539616.clickable_3884d03f49:active {\n  background-color: #e7e9ef;\n}\n.kindFill_72261d45db.colorNegative_dbb2a6f4fb {\n  background-color: rgba(244, 195, 203, 0.7); /* #F4C3CB @ 70% */\n  color: var(--negative-color);\n}\n.kindFill_72261d45db.colorNegative_dbb2a6f4fb svg path {\n  fill: rgba(244, 195, 203, 0.7);\n}\n.kindFill_72261d45db.colorNegative_dbb2a6f4fb.clickable_3884d03f49:hover, .kindFill_72261d45db.colorNegative_dbb2a6f4fb.clickable_3884d03f49:active {\n  background-color: #f4c3cb;\n}\n.kindFill_72261d45db.colorPositive_3ddbba545f {\n  background-color: rgba(187, 219, 201, 0.7); /* #BBDBC9 @ 70% */\n  color: var(--positive-color);\n}\n.kindFill_72261d45db.colorPositive_3ddbba545f svg path {\n  fill: rgba(187, 219, 201, 0.7);\n}\n.kindFill_72261d45db.colorPositive_3ddbba545f.clickable_3884d03f49:hover, .kindFill_72261d45db.colorPositive_3ddbba545f.clickable_3884d03f49:active {\n  background-color: #bbdbc9;\n}\n.kindFill_72261d45db .smallText_41453f2d42 {\n  line-height: 14px;\n}\n\n.kindLine_f8c869a3e3 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_f8c869a3e3.small_f629e47bce {\n  padding: 0 var(--spacing-xs);\n}\n.kindLine_f8c869a3e3 .legWrapper_22da106062 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_f8c869a3e3.colorPrimary_02eb6d4234 {\n  color: var(--primary-color);\n}\n.kindLine_f8c869a3e3.colorPrimary_02eb6d4234 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_f8c869a3e3.colorPrimary_02eb6d4234.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorPrimary_02eb6d4234.clickable_3884d03f49:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f8c869a3e3.colorDark_67ef539616 {\n  color: var(--primary-text-color);\n}\n.kindLine_f8c869a3e3.colorDark_67ef539616 svg path {\n  fill: var(--primary-text-color);\n}\n.kindLine_f8c869a3e3.colorDark_67ef539616.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorDark_67ef539616.clickable_3884d03f49:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb {\n  color: var(--negative-color);\n}\n.kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb svg path {\n  fill: var(--negative-color);\n}\n.kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb.clickable_3884d03f49:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_f8c869a3e3.colorPositive_3ddbba545f {\n  color: var(--positive-color);\n}\n.kindLine_f8c869a3e3.colorPositive_3ddbba545f svg path {\n  fill: var(--positive-color);\n}\n.kindLine_f8c869a3e3.colorPositive_3ddbba545f.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorPositive_3ddbba545f.clickable_3884d03f49:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_f8c869a3e3 .smallText_41453f2d42 {\n  line-height: 14px;\n}");export{n as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_b6cd72c8b1",svg:"svg_dc8017dc0c",stroke:"stroke_167035f5e8","stroke-rotate":"stroke-rotate_9ac746050f",base:"base_b4de0d741f",fade:"fade_0978dfd533",first:"first_7fcd6695e4",second:"second_364adf99c5",third:"third_9ab724a43b","gradient-text-fill":"gradient-text-fill_be9c294da9"};!function(e){const n="s_id-f81803454b25_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_b6cd72c8b1 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_b6cd72c8b1 .svg_dc8017dc0c {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_b6cd72c8b1 .svg_dc8017dc0c .stroke_167035f5e8 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_9ac746050f cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_b6cd72c8b1 .svg_dc8017dc0c .stroke_167035f5e8.base_b4de0d741f {\n  stroke: var(--color-egg_yolk);\n  animation: fade_0978dfd533 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_b6cd72c8b1 .svg_dc8017dc0c .stroke_167035f5e8.first_7fcd6695e4 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_b6cd72c8b1 .svg_dc8017dc0c .stroke_167035f5e8.second_364adf99c5 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_b6cd72c8b1 .svg_dc8017dc0c .stroke_167035f5e8.third_9ab724a43b {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_b6cd72c8b1.celebration_b6cd72c8b1 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_be9c294da9 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_0978dfd533 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_9ac746050f {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_be9c294da9 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_df7394f61a",svg:"svg_22a19c38e1",stroke:"stroke_faf45d169c","stroke-rotate":"stroke-rotate_14159ea2e4",base:"base_86ead8224a",fade:"fade_95db1a5055",first:"first_f1b6bdb40f",second:"second_6117305df2",third:"third_71a80f77a5","gradient-text-fill":"gradient-text-fill_cc6ae6924a"};!function(e){const n="s_id-f81803454b25_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_df7394f61a {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_df7394f61a .svg_22a19c38e1 {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_14159ea2e4 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.base_86ead8224a {\n  stroke: var(--color-egg_yolk);\n  animation: fade_95db1a5055 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.first_f1b6bdb40f {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.second_6117305df2 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.third_71a80f77a5 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_df7394f61a.celebration_df7394f61a [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_cc6ae6924a 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n\n@keyframes fade_95db1a5055 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_14159ea2e4 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_cc6ae6924a {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Link/Link.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={link:"link_0e2a8714d7","focus-visible":"focus-visible_03bc806318",colorOnPrimary:"colorOnPrimary_77ceec37d4",colorOnInverted:"colorOnInverted_8aa314b81c",text:"text_9fd07366e8",inlineText:"inlineText_1a33218ba8",inheritFontSize:"inheritFontSize_eb5db35efb",iconStart:"iconStart_a76bb4550a",iconEnd:"iconEnd_f175a0fad9"};!function(n){const e="s_id-c2cddf2190ae_4_5_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_0e2a8714d7 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_0e2a8714d7:focus-visible, .link_0e2a8714d7.focus-visible_03bc806318 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_0e2a8714d7:focus:not(.focus-visible_03bc806318) {\n  outline: none;\n}\n.link_0e2a8714d7.colorOnPrimary_77ceec37d4 {\n  color: var(--text-color-on-primary);\n}\n.link_0e2a8714d7.colorOnInverted_8aa314b81c {\n  color: var(--text-color-on-inverted);\n}\n.link_0e2a8714d7:hover .text_9fd07366e8 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_0e2a8714d7.inlineText_1a33218ba8 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_0e2a8714d7.inheritFontSize_eb5db35efb {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_a76bb4550a {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_f175a0fad9 {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
+var n={link:"link_12a90de98e","focus-visible":"focus-visible_93d0f127c5",colorOnPrimary:"colorOnPrimary_8d60101627",colorOnInverted:"colorOnInverted_0da25b4b66",text:"text_5ddbc98ab8",inlineText:"inlineText_d780985d6b",inheritFontSize:"inheritFontSize_69e9351132",iconStart:"iconStart_e3b34947ce",iconEnd:"iconEnd_0303c2487d"};!function(n){const e="s_id-c2cddf2190ae_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_12a90de98e {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_12a90de98e:focus-visible, .link_12a90de98e.focus-visible_93d0f127c5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_12a90de98e:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.link_12a90de98e.colorOnPrimary_8d60101627 {\n  color: var(--text-color-on-primary);\n}\n.link_12a90de98e.colorOnInverted_0da25b4b66 {\n  color: var(--text-color-on-inverted);\n}\n\n.link_12a90de98e:hover .text_5ddbc98ab8 {\n  text-decoration: underline;\n  color: inherit;\n}\n\n.link_12a90de98e.inlineText_d780985d6b {\n  display: inline-flex;\n  align-items: unset;\n}\n\n.link_12a90de98e.inheritFontSize_69e9351132 {\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.iconStart_e3b34947ce {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n\n.iconEnd_0303c2487d {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/src/components/List/List.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={list:"list_89de4da07a"};!function(e){const t="s_id-ed9bf484fec4_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_89de4da07a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_89de4da07a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_89de4da07a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_149208303a"};!function(e){const t="s_id-ed9bf484fec4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_149208303a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_149208303a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_149208303a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_1c850e0400"};!function(e){const n="s_id-8a3397ff1208_4_5_4";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_1c850e0400 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_1c850e0400::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1c850e0400::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_c4bac97373"};!function(e){const n="s_id-8a3397ff1208_4_5_3";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_c4bac97373 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_c4bac97373::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_c4bac97373::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

package/dist/src/components/ListItem/ListItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_a9af2d9ab0","focus-visible":"focus-visible_5d11ff30b2",disabled:"disabled_232a85c075",selected:"selected_f92649cb7e",small:"small_66a4229e12",medium:"medium_ed658adbbc",large:"large_76776fa43a"};!function(e){const n="s_id-8402a299d384_4_5_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_a9af2d9ab0 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_a9af2d9ab0:focus-visible, .listItem_a9af2d9ab0.focus-visible_5d11ff30b2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_a9af2d9ab0:focus:not(.focus-visible_5d11ff30b2) {\n  outline: none;\n}\n.listItem_a9af2d9ab0:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_232a85c075 {\n  cursor: not-allowed;\n}\n.disabled_232a85c075:hover {\n  background-color: transparent;\n}\n.selected_f92649cb7e {\n  background-color: var(--primary-selected-color);\n}\n.selected_f92649cb7e:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_66a4229e12 {\n  height: 32px;\n}\n.medium_ed658adbbc {\n  height: 40px;\n}\n.large_76776fa43a {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_a00fbf1713","focus-visible":"focus-visible_0a8515e1cb",disabled:"disabled_5bfcde4c6e",selected:"selected_570f54c0b8",small:"small_d4a9982e1b",medium:"medium_b4c9385ae2",large:"large_1c244eb41b"};!function(e){const n="s_id-8402a299d384_4_5_3";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_a00fbf1713 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_a00fbf1713:focus-visible, .listItem_a00fbf1713.focus-visible_0a8515e1cb {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_a00fbf1713:focus:not(.focus-visible_0a8515e1cb) {\n  outline: none;\n}\n\n.listItem_a00fbf1713:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.disabled_5bfcde4c6e {\n  cursor: not-allowed;\n}\n\n.disabled_5bfcde4c6e:hover {\n  background-color: transparent;\n}\n\n.selected_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n\n.selected_570f54c0b8:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.small_d4a9982e1b {\n  height: 32px;\n}\n\n.medium_b4c9385ae2 {\n  height: 40px;\n}\n\n.large_1c244eb41b {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_2c74898519",avatar:"avatar_de7c2d6ce0"};!function(e){const t="s_id-4e549e461b77_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_2c74898519 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_de7c2d6ce0 {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_7521696d29",avatar:"avatar_c06ea7307f"};!function(e){const t="s_id-4e549e461b77_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_7521696d29 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_c06ea7307f {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_2c74898519",start:"start_38d27bc448",end:"end_547f9d5d25"};!function(e){const n="s_id-1b4ecdbffa23_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_2c74898519 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_38d27bc448 {\n  margin-inline-end: var(--space-8);\n}\n.end_547f9d5d25 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_7521696d29",start:"start_d8c0a19764",end:"end_ee3448cdae"};!function(e){const n="s_id-1b4ecdbffa23_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_7521696d29 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_d8c0a19764 {\n  margin-inline-end: var(--space-8);\n}\n\n.end_ee3448cdae {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

package/dist/src/components/ListTitle/ListTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_a11cac774d"};!function(e){const t="s_id-76c16cf3efba_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_a11cac774d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_7765e5f62e"};!function(e){const t="s_id-76c16cf3efba_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_7765e5f62e {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

package/dist/src/components/Menu/Menu/Menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menu:"menu_0a0a8cdcfa",small:"small_3c0505f280",medium:"medium_0e0387bcee",large:"large_6f6ef6c5c8"};!function(e){const n="s_id-1599ba0bb296_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_0a0a8cdcfa {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_0a0a8cdcfa:focus {\n  outline: none;\n}\n.small_3c0505f280 {\n  width: 200px;\n}\n.medium_0e0387bcee {\n  width: 220px;\n}\n.large_6f6ef6c5c8 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_03e88aea25",small:"small_431b938977",medium:"medium_e27100bfca",large:"large_d1dc7f40fa"};!function(e){const n="s_id-bbf29f58ae1f_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_03e88aea25 {\n  margin: unset;\n  padding: 8px;\n  position: relative;\n  overflow: visible;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.menu_03e88aea25:focus {\n  outline: none;\n}\n\n.small_431b938977 {\n  min-width: 200px;\n}\n\n.medium_e27100bfca {\n  min-width: 220px;\n}\n\n.large_d1dc7f40fa {\n  min-width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/Menu/MenuDivider/MenuDivider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{getTestId as s,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import r from"./MenuDivider.module.scss.js";import a from"../../../../components/divider/dist/Divider/Divider.js";var d=function(d){var m=d.id,o=d["data-testid"];return e.createElement(a,{className:i(r.menuChildDivider,d.className),"data-testid":o||s(t.MENU_DIVIDER,m)})};Object.assign(d,{isMenuChild:!0});export{d as default};
+import e from"react";import{getTestId as s,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import r from"../../Divider/Divider.js";import a from"./MenuDivider.module.scss.js";var m=function(m){var d=m.id,o=m["data-testid"];return e.createElement(r,{className:i(a.menuChildDivider,m.className),"data-testid":o||s(t.MENU_DIVIDER,d)})};Object.assign(m,{isMenuChild:!0});export{m as default};
 //# sourceMappingURL=MenuDivider.js.map

package/dist/src/components/Menu/MenuDivider/MenuDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Divider } from \"~~@vibe~~/~~divider~~\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuDivider.module.scss\";\n\nexport type MenuDividerProps = VibeComponentProps;\n\nconst MenuDivider = ({ className, id, \"data-testid\": dataTestId }: MenuDividerProps) => {\n return (\n <Divider\n className={cx(styles.menuChildDivider, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_DIVIDER, id)}\n />\n );\n};\n\nObject.assign(MenuDivider, {\n isMenuChild: true\n});\n\nexport default MenuDivider;\n"],"names":["MenuDivider","_ref","id","dataTestId","React","createElement","Divider","className","cx","styles","menuChildDivider","getTestId","ComponentDefaultTestId","MENU_DIVIDER","Object","assign","isMenuChild"],"mappings":"~~mPASA~~,IAAMA,EAAc,SAAHC,GAAsE,IAArDC,EAAED,EAAFC,GAAmBC,EAAUF,EAAzB,eACpC,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAGC,EAAOC,iBAHKT,EAATM,WAGgC,cACpCJ,GAAcQ,EAAUC,EAAuBC,aAAcX,IAGhF,EAEAY,OAAOC,OAAOf,EAAa,CACzBgB,aAAa"}
1	+ {"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport Divider from \"../../Divider/Divider\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuDivider.module.scss\";\n\nexport type MenuDividerProps = VibeComponentProps;\n\nconst MenuDivider = ({ className, id, \"data-testid\": dataTestId }: MenuDividerProps) => {\n return (\n <Divider\n className={cx(styles.menuChildDivider, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_DIVIDER, id)}\n />\n );\n};\n\nObject.assign(MenuDivider, {\n isMenuChild: true\n});\n\nexport default MenuDivider;\n"],"names":["MenuDivider","_ref","id","dataTestId","React","createElement","Divider","className","cx","styles","menuChildDivider","getTestId","ComponentDefaultTestId","MENU_DIVIDER","Object","assign","isMenuChild"],"mappings":"qNASA,IAAMA,EAAc,SAAHC,GAAsE,IAArDC,EAAED,EAAFC,GAAmBC,EAAUF,EAAzB,eACpC,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAGC,EAAOC,iBAHKT,EAATM,WAGgC,cACpCJ,GAAcQ,EAAUC,EAAuBC,aAAcX,IAGhF,EAEAY,OAAOC,OAAOf,EAAa,CACzBgB,aAAa"}

package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider_53cf2a03ef"};!function(e){const d="s_id-b255f2c3e0ea_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_53cf2a03ef {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_96ab98cc3c"};!function(e){const d="s_id-b255f2c3e0ea_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_96ab98cc3c {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

package/dist/src/components/Menu/MenuItem/MenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as n}from"react";import r from"../../Label/Label.js";import s from"./MenuItem.module.scss.js";import l from"./components/BaseMenuItem/BaseMenuItem.js";import a from"./components/MenuItemIcon/MenuItemIcon.js";import c from"../../../../hooks/dist/useIsOverflowing/index.js";import p from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import m from"../../../../components/layout/dist/Flex/Flex.js";var d=t((function(t,d){var u=t.className,g=t.iconWrapperClassName,b=t.rightIconWrapperClassName,f=t.title,h=void 0===f?"":f,I=t.label,y=void 0===I?"":I,C=t.icon,v=void 0===C?"":C,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,E=t.rightIconBackgroundColor,M=t.iconType,w=t.iconBackgroundColor,x=t.disabled,B=void 0!==x&&x,T=t.disableReason,O=t.selected,P=void 0!==O&&O,W=t.key,D=t.children,R=t.tooltipContent,S=t.tooltipPosition,F=void 0===S?"right":S,L=t.tooltipShowDelay,_=void 0===L?300:L,V=t.tooltipProps,q=e(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps"]),z=i(),A=c({ref:z})||B||R,G=n((function(){return B?T:R||h}),[T,B,h,R]),H=n((function(){if(y)return"string"==typeof y?o.createElement(r,{kind:"line",text:y}):o.isValidElement(y)&&y.type===r?y:void 0}),[y]);return o.createElement(p,Object.assign({content:A?G:null,position:F,showDelay:_},V),o.createElement(l,Object.assign({key:W,ref:d,subMenu:D,className:u,disabled:B,selected:P},q),!!v&&o.createElement(a,{icon:v,type:M,disabled:B,selected:P,backgroundColor:w,wrapperClassName:g}),o.createElement("div",{ref:z,className:s.title},h),o.createElement(m,{gap:"xs"},!!k&&!D&&o.createElement(a,{icon:k,type:N,disabled:B,selected:P,backgroundColor:E,isRightIcon:!0,wrapperClassName:b}),H)))}));Object.assign(d,{isSelectable:!0,isMenuChild:!0});export{d as default};
+import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as n}from"react";import s from"../../Label/Label.js";import l from"./MenuItem.module.scss.js";import r from"./components/BaseMenuItem/BaseMenuItem.js";import a from"./components/MenuItemIcon/MenuItemIcon.js";import c from"../../../../hooks/dist/useIsOverflowing/index.js";import p from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import m from"../../../../components/layout/dist/Flex/Flex.js";var d=t((function(t,d){var u=t.className,g=t.iconWrapperClassName,b=t.rightIconWrapperClassName,f=t.title,h=void 0===f?"":f,I=t.label,y=void 0===I?"":I,C=t.icon,v=void 0===C?"":C,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,E=t.rightIconBackgroundColor,M=t.iconType,w=t.iconBackgroundColor,x=t.disabled,B=void 0!==x&&x,T=t.disableReason,O=t.selected,P=void 0!==O&&O,W=t.key,D=t.children,R=t.tooltipContent,S=t.tooltipPosition,F=void 0===S?"right":S,L=t.tooltipShowDelay,_=void 0===L?300:L,z=t.tooltipProps,V=e(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps"]),q=i(),A=c({ref:q})||B||R,G=n((function(){return B?T:R||h}),[T,B,h,R]),H=n((function(){if(y)return"string"==typeof y?o.createElement(s,{kind:"line",text:y,size:"small"}):o.isValidElement(y)&&y.type===s?y:void 0}),[y]);return o.createElement(p,Object.assign({content:A?G:null,position:F,showDelay:_},z),o.createElement(r,Object.assign({key:W,ref:d,subMenu:D,className:u,disabled:B,selected:P},V),!!v&&o.createElement(a,{icon:v,type:M,disabled:B,selected:P,backgroundColor:w,wrapperClassName:g}),o.createElement("div",{ref:q,className:l.title},h),o.createElement(m,{gap:"xs"},!!k&&!D&&o.createElement(a,{icon:k,type:N,disabled:B,selected:P,backgroundColor:E,isRightIcon:!0,wrapperClassName:b}),H)))}));Object.assign(d,{isSelectable:!0,isMenuChild:!0});export{d as default};
 //# sourceMappingURL=MenuItem.js.map