npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.27 → 0.1.0-alpha.28 - Mend

@mattermost/compass-ui 0.1.0-alpha.27 → 0.1.0-alpha.28

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 (360) hide show

package/dist/components/select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactNode } from 'react';\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n MenuItemOwnedProps,\n MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n PopoverMenuDivider,\n PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' \| 'medium' \| 'large';\n\n// Select rows use `onPointerUp`, so `onClick` is left for callers.\ntype SelectMenuItemProps = MenuItemPassthroughProps<\n Exclude<MenuItemOwnedProps, 'onClick'>\n>;\n\nexport type SelectOption = {\n value: string;\n /** Kept as `string` like `ComboboxOption.label` (which drives filtering), so option lists can be shared. /\n label: string;\n disabled?: boolean;\n leadingVisual?: ReactNode;\n /* Accepts translated nodes. /\n secondaryLabel?: ReactNode;\n /* When true, renders a menu divider after this option. /\n dividerAfter?: boolean;\n /\n Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n * Select; the props Select owns (ARIA, selection, handlers) can't be set.\n /\n menuItemProps?: SelectMenuItemProps;\n};\n\nexport interface SelectProps {\n options: SelectOption[];\n /\n `MenuItem` props applied to every option row, e.g.\n * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n * `menuItemProps` wins.\n /\n menuItemProps?: SelectMenuItemProps;\n value?: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n /* Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. /\n placeholder?: string;\n label?: ReactNode;\n /* Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Select provides the correct size via context. /\n leadingIcon?: ReactNode;\n size?: SelectSize;\n invalid?: boolean;\n disabled?: boolean;\n id?: string;\n name?: string;\n className?: string;\n 'aria-label'?: string;\n /\n Accessible name for the options list when `label` isn't a string and no\n * `aria-label` is set. Default: \"Options\".\n /\n listboxLabel?: string;\n /* Portal mount node for the menu; defaults to `document.body`. /\n portalContainer?: HTMLElement \| null;\n /* Stacking order for the portaled menu. /\n zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nfunction SelectOptionRow({\n option,\n menuItemProps,\n listboxId,\n selected,\n active,\n onSelect,\n onHover,\n dividerAfter = false,\n}: {\n option: SelectOption;\n menuItemProps?: SelectMenuItemProps;\n listboxId: string;\n selected: boolean;\n active: boolean;\n onSelect: (option: SelectOption) => void;\n onHover: () => void;\n dividerAfter?: boolean;\n}) {\n return (\n <>\n <li className={styles.select__option} role=\"presentation\">\n <MenuItem\n {...mergeMenuItemProps(menuItemProps, option.menuItemProps)}\n id={`${listboxId}-option-${option.value}`}\n role=\"option\"\n label={option.label}\n secondaryLabel={option.secondaryLabel}\n leadingElement={option.leadingVisual != null}\n leadingVisual={option.leadingVisual}\n trailingElement={selected}\n active={active}\n disabled={option.disabled}\n aria-selected={selected}\n onMouseDown={(ev) => ev.preventDefault()}\n onMouseEnter={onHover}\n onPointerUp={() => {\n if (!option.disabled) onSelect(option);\n }}\n />\n </li>\n {dividerAfter ? (\n <li role=\"presentation\">\n <PopoverMenuDivider aria-hidden=\"true\" />\n </li>\n ) : null}\n </>\n );\n}\n\n/\n { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, ];\n */\nconst Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n {\n options,\n menuItemProps,\n value: valueProp,\n defaultValue = '',\n onChange,\n placeholder,\n label,\n leadingIcon,\n size = 'medium',\n invalid = false,\n disabled = false,\n id: idProp,\n name,\n className = '',\n 'aria-label': ariaLabel,\n listboxLabel = 'Options',\n portalContainer = null,\n zIndex,\n },\n ref,\n) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const listboxId = `${id}-listbox`;\n\n const rootRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n\n const setButtonRef = useCallback(\n (node: HTMLButtonElement \| null) => {\n buttonRef.current = node;\n if (typeof ref === 'function') ref(node);\n else if (ref) ref.current = node;\n },\n [ref],\n );\n\n const isControlled = valueProp !== undefined;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const value = isControlled ? valueProp! : uncontrolledValue;\n\n const [isOpen, setIsOpen] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [activeIndex, setActiveIndex] = useState(-1);\n // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n const activatedByPointer = useRef(false);\n const hoverRow = useCallback(\n (index: number) => {\n if (index === activeIndex) return;\n activatedByPointer.current = true;\n setActiveIndex(index);\n },\n [activeIndex],\n );\n\n const selectedOption = useMemo(\n () => options.find((o) => o.value === value),\n [options, value],\n );\n\n const listOptions = useMemo(\n () => options.filter((o) => o.value !== ''),\n [options],\n );\n\n const hasValue = value !== '';\n\n const { mounted: popupMounted, visible: popupVisible } =\n usePopoverTransition(isOpen);\n\n const {\n placement,\n maxHeight,\n style: popupStyle,\n portalRef,\n renderPortal,\n } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n preferredHeight: POPUP_MAX_HEIGHT,\n maxHeightCap: POPUP_MAX_HEIGHT,\n portalContainer,\n zIndex,\n });\n\n const close = useCallback(() => {\n setIsOpen(false);\n setActiveIndex(-1);\n }, []);\n\n const open = useCallback(() => {\n if (disabled) return;\n setIsOpen(true);\n }, [disabled]);\n\n useOutsideClose(rootRef, isOpen, close, portalRef);\n\n useEffect(() => {\n if (!isOpen) return;\n setActiveIndex((prev) => {\n if (listOptions.length === 0) return -1;\n if (prev >= 0 && prev < listOptions.length) return prev;\n const selectedIdx = listOptions.findIndex((o) => o.value === value);\n if (selectedIdx >= 0) return selectedIdx;\n const firstEnabled = listOptions.findIndex((o) => !o.disabled);\n return firstEnabled >= 0 ? firstEnabled : 0;\n });\n }, [isOpen, listOptions, value]);\n\n const commitValue = useCallback(\n (next: string) => {\n if (!isControlled) setUncontrolledValue(next);\n onChange?.(next);\n },\n [isControlled, onChange],\n );\n\n const selectOption = useCallback(\n (option: SelectOption) => {\n if (option.disabled) return;\n commitValue(option.value);\n close();\n buttonRef.current?.focus();\n },\n [commitValue, close],\n );\n\n const moveActive = useCallback(\n (delta: number) => {\n activatedByPointer.current = false;\n const enabled = listOptions\n .map((o, i) => ({ o, i }))\n .filter(({ o }) => !o.disabled);\n if (enabled.length === 0) {\n setActiveIndex(-1);\n return;\n }\n setActiveIndex((prev) => {\n const currentPos = enabled.findIndex(({ i }) => i === prev);\n const nextPos =\n currentPos < 0\n ? delta > 0\n ? 0\n : enabled.length - 1\n : (currentPos + delta + enabled.length) % enabled.length;\n return enabled[nextPos].i;\n });\n },\n [listOptions],\n );\n\n useEffect(() => {\n if (!isOpen \|\| activeIndex < 0) return;\n if (activatedByPointer.current) {\n activatedByPointer.current = false;\n return;\n }\n const option = listOptions[activeIndex];\n if (!option) return;\n const el = document.getElementById(`${listboxId}-option-${option.value}`);\n el?.scrollIntoView?.({ block: 'nearest' });\n }, [isOpen, activeIndex, listOptions, listboxId]);\n\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!isOpen) open();\n else moveActive(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n if (!isOpen) open();\n else moveActive(-1);\n break;\n case 'Home':\n if (isOpen && listOptions.length > 0) {\n e.preventDefault();\n const idx = listOptions.findIndex((o) => !o.disabled);\n setActiveIndex(idx >= 0 ? idx : 0);\n }\n break;\n case 'End':\n if (isOpen && listOptions.length > 0) {\n e.preventDefault();\n for (let i = listOptions.length - 1; i >= 0; i--) {\n if (!listOptions[i]?.disabled) {\n setActiveIndex(i);\n break;\n }\n }\n }\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n if (isOpen && activeIndex >= 0 && listOptions[activeIndex]) {\n selectOption(listOptions[activeIndex]);\n } else if (!isOpen) {\n open();\n }\n break;\n case 'Escape':\n if (isOpen) {\n e.preventDefault();\n close();\n }\n break;\n case 'Tab':\n close();\n break;\n default:\n break;\n }\n };\n\n const labelFloated = isFocused \|\| isOpen \|\| hasValue;\n const displayLabel = selectedOption?.label ?? placeholder ?? '';\n const showPlaceholderStyle = !hasValue && displayLabel !== '';\n\n const activeOption = activeIndex >= 0 ? listOptions[activeIndex] : undefined;\n const activeDescendant =\n isOpen && activeOption != null\n ? `${listboxId}-option-${activeOption.value}`\n : undefined;\n\n const sizeClass = styles[`select--size-${toKebab(size)}`];\n const rootClass = [\n styles.select,\n sizeClass,\n invalid ? styles['select--invalid'] : '',\n label != null && labelFloated ? styles['select--label-floated'] : '',\n leadingIcon != null ? styles['select--has-leading-icon'] : '',\n isOpen ? styles['select--open'] : '',\n disabled ? styles['select--disabled'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const controlClass = [\n styles.select__control,\n showPlaceholderStyle ? styles['select__control--placeholder'] : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} ref={rootRef}>\n <div className={styles.select__wrapper} ref={anchorRef}>\n {label != null && (\n <label className={styles.select__label} htmlFor={id}>\n {label}\n </label>\n )}\n <button\n ref={setButtonRef}\n id={id}\n type=\"button\"\n role=\"combobox\"\n className={controlClass}\n disabled={disabled}\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n aria-controls={listboxId}\n aria-activedescendant={activeDescendant}\n aria-invalid={invalid ? true : undefined}\n aria-label={ariaLabel}\n onClick={() => (isOpen ? close() : open())}\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n onKeyDown={handleKeyDown}\n >\n {leadingIcon != null && (\n <span className={styles['select__leading-icon']} aria-hidden>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {leadingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n <span className={styles.select__value}>{displayLabel}</span>\n <span className={styles['select__trailing-icon']} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </button>\n </div>\n\n {name != null && !disabled && (\n <input type=\"hidden\" name={name} value={value} />\n )}\n\n {popupMounted &&\n renderPortal(\n <div\n ref={portalRef}\n className={[\n styles.select__popup,\n placement === 'above' ? styles['select__popup--above'] : '',\n popupVisible ? styles['select__popup--visible'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={popupStyle}\n >\n <PopoverMenu className={styles.select__menu}>\n <PopoverMenuScroll maxHeight={maxHeight}>\n <ul\n id={listboxId}\n className={styles.select__list}\n role=\"listbox\"\n aria-label={\n typeof label === 'string'\n ? label\n : (ariaLabel ?? listboxLabel)\n }\n >\n {listOptions.map((option, index) => (\n <SelectOptionRow\n key={option.value}\n option={option}\n menuItemProps={menuItemProps}\n listboxId={listboxId}\n selected={option.value === value}\n active={index === activeIndex}\n onSelect={selectOption}\n onHover={() => hoverRow(index)}\n dividerAfter={option.dividerAfter}\n />\n ))}\n </ul>\n </PopoverMenuScroll>\n </PopoverMenu>\n </div>,\n )}\n </div>\n );\n});\n\nexport default Select;\n"],"names":["POPUP_MAX_HEIGHT","SelectOptionRow","option","menuItemProps","listboxId","selected","active","onSelect","onHover","dividerAfter","jsxs","Fragment","jsx","styles","MenuItem","mergeMenuItemProps","ev","PopoverMenuDivider","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","disabled","idProp","name","className","ariaLabel","listboxLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","hoverRow","index","selectedOption","useMemo","o","listOptions","hasValue","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","firstEnabled","commitValue","next","selectOption","_a","moveActive","delta","enabled","i","currentPos","nextPos","el","handleKeyDown","idx","labelFloated","displayLabel","showPlaceholderStyle","activeOption","activeDescendant","sizeClass","toKebab","rootClass","controlClass","IconSlotContext","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll"],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactNode } from 'react';\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport {\n hasFieldMessage,\n isFieldInvalid,\n mergeFieldDescribedBy,\n} from '@/components/field/fieldDescribedBy';\nimport FieldMessage from '@/components/field-message/FieldMessage';\nimport type { FieldMessageTone } from '@/components/field-message/FieldMessage';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n MenuItemOwnedProps,\n MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n PopoverMenuDivider,\n PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' \| 'medium' \| 'large';\n\n// Select rows use `onPointerUp`, so `onClick` is left for callers.\ntype SelectMenuItemProps = MenuItemPassthroughProps<\n Exclude<MenuItemOwnedProps, 'onClick'>\n>;\n\nexport type SelectOption = {\n value: string;\n /** Kept as `string` like `ComboboxOption.label` (which drives filtering), so option lists can be shared. /\n label: string;\n disabled?: boolean;\n leadingVisual?: ReactNode;\n /* Accepts translated nodes. /\n secondaryLabel?: ReactNode;\n /* When true, renders a menu divider after this option. /\n dividerAfter?: boolean;\n /\n Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n * Select; the props Select owns (ARIA, selection, handlers) can't be set.\n /\n menuItemProps?: SelectMenuItemProps;\n};\n\nexport interface SelectProps {\n options: SelectOption[];\n /\n `MenuItem` props applied to every option row, e.g.\n * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n * `menuItemProps` wins.\n /\n menuItemProps?: SelectMenuItemProps;\n value?: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n /* Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. /\n placeholder?: string;\n label?: ReactNode;\n /* Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Select provides the correct size via context. /\n leadingIcon?: ReactNode;\n size?: SelectSize;\n /* When true, shows invalid/error styling. /\n invalid?: boolean;\n /\n Field message under the field. Accepts translated nodes (e.g. `<FormattedMessage/>`).\n * Defaults to error tone (invalid chrome) when set without `messageTone`. It is linked to\n * the trigger with `aria-describedby`.\n /\n message?: ReactNode;\n /* Visual tone for `message`. Default: `error` when `message` is set. /\n messageTone?: FieldMessageTone;\n /* Marks the field required for assistive tech (`aria-required=\"true\"`). /\n required?: boolean;\n disabled?: boolean;\n id?: string;\n name?: string;\n className?: string;\n 'aria-label'?: string;\n /* Extra description ids for the trigger; the field message id is appended. /\n 'aria-describedby'?: string;\n /\n Accessible name for the options list when `label` isn't a string and no\n * `aria-label` is set. Default: \"Options\".\n /\n listboxLabel?: string;\n /* Portal mount node for the menu; defaults to `document.body`. /\n portalContainer?: HTMLElement \| null;\n /* Stacking order for the portaled menu. /\n zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nfunction SelectOptionRow({\n option,\n menuItemProps,\n listboxId,\n selected,\n active,\n onSelect,\n onHover,\n dividerAfter = false,\n}: {\n option: SelectOption;\n menuItemProps?: SelectMenuItemProps;\n listboxId: string;\n selected: boolean;\n active: boolean;\n onSelect: (option: SelectOption) => void;\n onHover: () => void;\n dividerAfter?: boolean;\n}) {\n return (\n <>\n <li className={styles.select__option} role=\"presentation\">\n <MenuItem\n {...mergeMenuItemProps(menuItemProps, option.menuItemProps)}\n id={`${listboxId}-option-${option.value}`}\n role=\"option\"\n label={option.label}\n secondaryLabel={option.secondaryLabel}\n leadingElement={option.leadingVisual != null}\n leadingVisual={option.leadingVisual}\n trailingElement={selected}\n active={active}\n disabled={option.disabled}\n aria-selected={selected}\n onMouseDown={(ev) => ev.preventDefault()}\n onMouseEnter={onHover}\n onPointerUp={() => {\n if (!option.disabled) onSelect(option);\n }}\n />\n </li>\n {dividerAfter ? (\n <li role=\"presentation\">\n <PopoverMenuDivider aria-hidden=\"true\" />\n </li>\n ) : null}\n </>\n );\n}\n\n/\n { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, ];\n */\nconst Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n {\n options,\n menuItemProps,\n value: valueProp,\n defaultValue = '',\n onChange,\n placeholder,\n label,\n leadingIcon,\n size = 'medium',\n invalid = false,\n message,\n messageTone,\n required = false,\n disabled = false,\n id: idProp,\n name,\n className = '',\n 'aria-label': ariaLabel,\n 'aria-describedby': describedBy,\n listboxLabel = 'Options',\n portalContainer = null,\n zIndex,\n },\n ref,\n) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const listboxId = `${id}-listbox`;\n\n const rootRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n\n const setButtonRef = useCallback(\n (node: HTMLButtonElement \| null) => {\n buttonRef.current = node;\n if (typeof ref === 'function') ref(node);\n else if (ref) ref.current = node;\n },\n [ref],\n );\n\n const isControlled = valueProp !== undefined;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const value = isControlled ? valueProp! : uncontrolledValue;\n\n const [isOpen, setIsOpen] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [activeIndex, setActiveIndex] = useState(-1);\n // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n const activatedByPointer = useRef(false);\n const hoverRow = useCallback(\n (index: number) => {\n if (index === activeIndex) return;\n activatedByPointer.current = true;\n setActiveIndex(index);\n },\n [activeIndex],\n );\n\n const selectedOption = useMemo(\n () => options.find((o) => o.value === value),\n [options, value],\n );\n\n const listOptions = useMemo(\n () => options.filter((o) => o.value !== ''),\n [options],\n );\n\n const hasValue = value !== '';\n\n const { mounted: popupMounted, visible: popupVisible } =\n usePopoverTransition(isOpen);\n\n const {\n placement,\n maxHeight,\n style: popupStyle,\n portalRef,\n renderPortal,\n } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n preferredHeight: POPUP_MAX_HEIGHT,\n maxHeightCap: POPUP_MAX_HEIGHT,\n portalContainer,\n zIndex,\n });\n\n const close = useCallback(() => {\n setIsOpen(false);\n setActiveIndex(-1);\n }, []);\n\n const open = useCallback(() => {\n if (disabled) return;\n setIsOpen(true);\n }, [disabled]);\n\n useOutsideClose(rootRef, isOpen, close, portalRef);\n\n useEffect(() => {\n if (!isOpen) return;\n setActiveIndex((prev) => {\n if (listOptions.length === 0) return -1;\n if (prev >= 0 && prev < listOptions.length) return prev;\n const selectedIdx = listOptions.findIndex((o) => o.value === value);\n if (selectedIdx >= 0) return selectedIdx;\n const firstEnabled = listOptions.findIndex((o) => !o.disabled);\n return firstEnabled >= 0 ? firstEnabled : 0;\n });\n }, [isOpen, listOptions, value]);\n\n const commitValue = useCallback(\n (next: string) => {\n if (!isControlled) setUncontrolledValue(next);\n onChange?.(next);\n },\n [isControlled, onChange],\n );\n\n const selectOption = useCallback(\n (option: SelectOption) => {\n if (option.disabled) return;\n commitValue(option.value);\n close();\n buttonRef.current?.focus();\n },\n [commitValue, close],\n );\n\n const moveActive = useCallback(\n (delta: number) => {\n activatedByPointer.current = false;\n const enabled = listOptions\n .map((o, i) => ({ o, i }))\n .filter(({ o }) => !o.disabled);\n if (enabled.length === 0) {\n setActiveIndex(-1);\n return;\n }\n setActiveIndex((prev) => {\n const currentPos = enabled.findIndex(({ i }) => i === prev);\n const nextPos =\n currentPos < 0\n ? delta > 0\n ? 0\n : enabled.length - 1\n : (currentPos + delta + enabled.length) % enabled.length;\n return enabled[nextPos].i;\n });\n },\n [listOptions],\n );\n\n useEffect(() => {\n if (!isOpen \|\| activeIndex < 0) return;\n if (activatedByPointer.current) {\n activatedByPointer.current = false;\n return;\n }\n const option = listOptions[activeIndex];\n if (!option) return;\n const el = document.getElementById(`${listboxId}-option-${option.value}`);\n el?.scrollIntoView?.({ block: 'nearest' });\n }, [isOpen, activeIndex, listOptions, listboxId]);\n\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!isOpen) open();\n else moveActive(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n if (!isOpen) open();\n else moveActive(-1);\n break;\n case 'Home':\n if (isOpen && listOptions.length > 0) {\n e.preventDefault();\n const idx = listOptions.findIndex((o) => !o.disabled);\n setActiveIndex(idx >= 0 ? idx : 0);\n }\n break;\n case 'End':\n if (isOpen && listOptions.length > 0) {\n e.preventDefault();\n for (let i = listOptions.length - 1; i >= 0; i--) {\n if (!listOptions[i]?.disabled) {\n setActiveIndex(i);\n break;\n }\n }\n }\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n if (isOpen && activeIndex >= 0 && listOptions[activeIndex]) {\n selectOption(listOptions[activeIndex]);\n } else if (!isOpen) {\n open();\n }\n break;\n case 'Escape':\n if (isOpen) {\n e.preventDefault();\n close();\n }\n break;\n case 'Tab':\n close();\n break;\n default:\n break;\n }\n };\n\n const labelFloated = isFocused \|\| isOpen \|\| hasValue;\n const displayLabel = selectedOption?.label ?? placeholder ?? '';\n const showPlaceholderStyle = !hasValue && displayLabel !== '';\n\n const activeOption = activeIndex >= 0 ? listOptions[activeIndex] : undefined;\n const activeDescendant =\n isOpen && activeOption != null\n ? `${listboxId}-option-${activeOption.value}`\n : undefined;\n\n const showInvalid = isFieldInvalid(invalid, message, messageTone);\n const showMessage = hasFieldMessage(message);\n const messageId = showMessage ? `${id}-message` : undefined;\n\n const sizeClass = styles[`select--size-${toKebab(size)}`];\n const rootClass = [\n styles.select,\n sizeClass,\n showInvalid ? styles['select--invalid'] : '',\n label != null && labelFloated ? styles['select--label-floated'] : '',\n leadingIcon != null ? styles['select--has-leading-icon'] : '',\n isOpen ? styles['select--open'] : '',\n disabled ? styles['select--disabled'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const controlClass = [\n styles.select__control,\n showPlaceholderStyle ? styles['select__control--placeholder'] : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} ref={rootRef}>\n <div className={styles.select__wrapper} ref={anchorRef}>\n {label != null && (\n <label className={styles.select__label} htmlFor={id}>\n {label}\n </label>\n )}\n <button\n ref={setButtonRef}\n id={id}\n type=\"button\"\n role=\"combobox\"\n className={controlClass}\n disabled={disabled}\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n aria-controls={listboxId}\n aria-activedescendant={activeDescendant}\n aria-invalid={showInvalid ? true : undefined}\n aria-required={required ? true : undefined}\n aria-describedby={mergeFieldDescribedBy(\n describedBy,\n messageId,\n undefined,\n )}\n aria-label={ariaLabel}\n onClick={() => (isOpen ? close() : open())}\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n onKeyDown={handleKeyDown}\n >\n {leadingIcon != null && (\n <span className={styles['select__leading-icon']} aria-hidden>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {leadingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n <span className={styles.select__value}>{displayLabel}</span>\n <span className={styles['select__trailing-icon']} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </button>\n </div>\n\n {showMessage && (\n <FieldMessage\n id={messageId}\n className={styles['select__message']}\n message={message}\n tone={messageTone ?? 'error'}\n />\n )}\n\n {name != null && !disabled && (\n <input type=\"hidden\" name={name} value={value} />\n )}\n\n {popupMounted &&\n renderPortal(\n <div\n ref={portalRef}\n className={[\n styles.select__popup,\n placement === 'above' ? styles['select__popup--above'] : '',\n popupVisible ? styles['select__popup--visible'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={popupStyle}\n >\n <PopoverMenu className={styles.select__menu}>\n <PopoverMenuScroll maxHeight={maxHeight}>\n <ul\n id={listboxId}\n className={styles.select__list}\n role=\"listbox\"\n aria-label={\n typeof label === 'string'\n ? label\n : (ariaLabel ?? listboxLabel)\n }\n >\n {listOptions.map((option, index) => (\n <SelectOptionRow\n key={option.value}\n option={option}\n menuItemProps={menuItemProps}\n listboxId={listboxId}\n selected={option.value === value}\n active={index === activeIndex}\n onSelect={selectOption}\n onHover={() => hoverRow(index)}\n dividerAfter={option.dividerAfter}\n />\n ))}\n </ul>\n </PopoverMenuScroll>\n </PopoverMenu>\n </div>,\n )}\n </div>\n );\n});\n\nexport default Select;\n"],"names":["POPUP_MAX_HEIGHT","SelectOptionRow","option","menuItemProps","listboxId","selected","active","onSelect","onHover","dividerAfter","jsxs","Fragment","jsx","styles","MenuItem","mergeMenuItemProps","ev","PopoverMenuDivider","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","message","messageTone","required","disabled","idProp","name","className","ariaLabel","describedBy","listboxLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","hoverRow","index","selectedOption","useMemo","o","listOptions","hasValue","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","firstEnabled","commitValue","next","selectOption","_a","moveActive","delta","enabled","i","currentPos","nextPos","el","handleKeyDown","idx","labelFloated","displayLabel","showPlaceholderStyle","activeOption","activeDescendant","showInvalid","isFieldInvalid","showMessage","hasFieldMessage","messageId","sizeClass","toKebab","rootClass","controlClass","mergeFieldDescribedBy","IconSlotContext","Icon","ChevronDownIcon","FieldMessage","PopoverMenu","PopoverMenuScroll"],"mappings":"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"}

package/dist/components/select/Select.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.css');const e="_select_1udb3_2",_="_select__wrapper_1udb3_8",l="_select__label_1udb3_26",t="_select__control_1udb3_56",s="_select__value_1udb3_82",c="_select__popup_1udb3_111",o="_select__menu_1udb3_127",i="_select__list_1udb3_132",n="_select__option_1udb3_137",u={select:e,select__wrapper:_,"select--disabled":"_select--disabled_1udb3_16",select__label:l,"select--label-floated":"_select--label-floated_1udb3_47",select__control:t,"select__control--placeholder":"_select__control--placeholder_1udb3_82",select__value:s,"select__leading-icon":"_select__leading-icon_1udb3_92","select__trailing-icon":"_select__trailing-icon_1udb3_99","select--open":"_select--open_1udb3_108",select__popup:c,"select__popup--above":"_select__popup--above_1udb3_118","select__popup--visible":"_select__popup--visible_1udb3_121",select__menu:o,select__list:i,select__option:n,"select__option-content--disabled":"_select__option-content--disabled_1udb3_145","select--size-small":"_select--size-small_1udb3_148","select--size-medium":"_select--size-medium_1udb3_167","select--size-large":"_select--size-large_1udb3_190","select--invalid":"_select--invalid_1udb3_217","select--has-leading-icon":"_select--has-leading-icon_1udb3_229"};exports.default=u;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__list=i;exports.select__menu=o;exports.select__option=n;exports.select__popup=c;exports.select__value=s;exports.select__wrapper=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.css');const e="_select_ew42w_13",_="_select__wrapper_ew42w_19",l="_select__label_ew42w_37",s="_select__message_ew42w_67",t="_select__control_ew42w_70",c="_select__value_ew42w_96",o="_select__popup_ew42w_125",w="_select__menu_ew42w_141",n="_select__list_ew42w_146",i="_select__option_ew42w_151",a={select:e,select__wrapper:_,"select--disabled":"_select--disabled_ew42w_27",select__label:l,"select--label-floated":"_select--label-floated_ew42w_58",select__message:s,select__control:t,"select__control--placeholder":"_select__control--placeholder_ew42w_96",select__value:c,"select__leading-icon":"_select__leading-icon_ew42w_106","select__trailing-icon":"_select__trailing-icon_ew42w_113","select--open":"_select--open_ew42w_122",select__popup:o,"select__popup--above":"_select__popup--above_ew42w_132","select__popup--visible":"_select__popup--visible_ew42w_135",select__menu:w,select__list:n,select__option:i,"select__option-content--disabled":"_select__option-content--disabled_ew42w_159","select--size-small":"_select--size-small_ew42w_162","select--size-medium":"_select--size-medium_ew42w_182","select--size-large":"_select--size-large_ew42w_207","select--invalid":"_select--invalid_ew42w_235","select--has-leading-icon":"_select--has-leading-icon_ew42w_247"};exports.default=a;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__list=n;exports.select__menu=w;exports.select__message=s;exports.select__option=i;exports.select__popup=o;exports.select__value=c;exports.select__wrapper=_;
 //# sourceMappingURL=Select.module.scss.cjs.map

package/dist/components/select/Select.module.scss.js CHANGED Viewed

@@ -1,38 +1,40 @@
-import './Select.css';const e = "_select_1udb3_2", _ = "_select__wrapper_1udb3_8", l = "_select__label_1udb3_26", t = "_select__control_1udb3_56", s = "_select__value_1udb3_82", c = "_select__popup_1udb3_111", o = "_select__menu_1udb3_127", d = "_select__list_1udb3_132", n = "_select__option_1udb3_137", i = {
+import './Select.css';const e = "_select_ew42w_13", _ = "_select__wrapper_ew42w_19", l = "_select__label_ew42w_37", s = "_select__message_ew42w_67", t = "_select__control_ew42w_70", c = "_select__value_ew42w_96", o = "_select__popup_ew42w_125", w = "_select__menu_ew42w_141", n = "_select__list_ew42w_146", i = "_select__option_ew42w_151", a = {
   select: e,
   select__wrapper: _,
-  "select--disabled": "_select--disabled_1udb3_16",
+  "select--disabled": "_select--disabled_ew42w_27",
   select__label: l,
-  "select--label-floated": "_select--label-floated_1udb3_47",
+  "select--label-floated": "_select--label-floated_ew42w_58",
+  select__message: s,
   select__control: t,
-  "select__control--placeholder": "_select__control--placeholder_1udb3_82",
-  select__value: s,
-  "select__leading-icon": "_select__leading-icon_1udb3_92",
-  "select__trailing-icon": "_select__trailing-icon_1udb3_99",
-  "select--open": "_select--open_1udb3_108",
-  select__popup: c,
-  "select__popup--above": "_select__popup--above_1udb3_118",
-  "select__popup--visible": "_select__popup--visible_1udb3_121",
-  select__menu: o,
-  select__list: d,
-  select__option: n,
-  "select__option-content--disabled": "_select__option-content--disabled_1udb3_145",
-  "select--size-small": "_select--size-small_1udb3_148",
-  "select--size-medium": "_select--size-medium_1udb3_167",
-  "select--size-large": "_select--size-large_1udb3_190",
-  "select--invalid": "_select--invalid_1udb3_217",
-  "select--has-leading-icon": "_select--has-leading-icon_1udb3_229"
+  "select__control--placeholder": "_select__control--placeholder_ew42w_96",
+  select__value: c,
+  "select__leading-icon": "_select__leading-icon_ew42w_106",
+  "select__trailing-icon": "_select__trailing-icon_ew42w_113",
+  "select--open": "_select--open_ew42w_122",
+  select__popup: o,
+  "select__popup--above": "_select__popup--above_ew42w_132",
+  "select__popup--visible": "_select__popup--visible_ew42w_135",
+  select__menu: w,
+  select__list: n,
+  select__option: i,
+  "select__option-content--disabled": "_select__option-content--disabled_ew42w_159",
+  "select--size-small": "_select--size-small_ew42w_162",
+  "select--size-medium": "_select--size-medium_ew42w_182",
+  "select--size-large": "_select--size-large_ew42w_207",
+  "select--invalid": "_select--invalid_ew42w_235",
+  "select--has-leading-icon": "_select--has-leading-icon_ew42w_247"
 };
 export {
-  i as default,
+  a as default,
   e as select,
   t as select__control,
   l as select__label,
-  d as select__list,
-  o as select__menu,
-  n as select__option,
-  c as select__popup,
-  s as select__value,
+  n as select__list,
+  w as select__menu,
+  s as select__message,
+  i as select__option,
+  o as select__popup,
+  c as select__value,
   _ as select__wrapper
 };
 //# sourceMappingURL=Select.module.scss.js.map

package/dist/components/select/Select.module.scss.js.map CHANGED Viewed

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

package/dist/components/shortcut-tag/ShortcutTag.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._shortcut-~~tag__key_mn7ou_2~~{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--radius-s);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap}._shortcut-tag__key--size-~~small_mn7ou_13~~{padding:var(--spacing-xxxxs) var(--spacing-xxxs);font-size:var(--font-size-75);line-height:var(--line-height-75)}._shortcut-tag__key--size-~~medium_mn7ou_18~~{padding:var(--spacing-xxxxs) var(--spacing-xxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._shortcut-tag__key--size-~~large_mn7ou_23~~{padding:var(--spacing-xxxxs) var(--spacing-xs);font-size:var(--font-size-200);line-height:var(--line-height-200)}._shortcut-tag__key--location-~~default_mn7ou_28~~{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._shortcut-tag__key--location-~~tooltips_mn7ou_32~~{background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent);color:color-mix(in srgb,var(--neutral-0) 72%,transparent)}._shortcut-tag-~~group_mn7ou_37~~{display:inline-flex;align-items:center;gap:var(--spacing-xxxxs);vertical-align:text-bottom}
1	+ ._shortcut-tag__key_f7hop_13{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--radius-s);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap}._shortcut-tag__key--size-small_f7hop_24{padding:var(--spacing-xxxxs) var(--spacing-xxxs);font-size:var(--font-size-75);line-height:var(--line-height-75)}._shortcut-tag__key--size-medium_f7hop_29{padding:var(--spacing-xxxxs) var(--spacing-xxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._shortcut-tag__key--size-large_f7hop_34{padding:var(--spacing-xxxxs) var(--spacing-xs);font-size:var(--font-size-200);line-height:var(--line-height-200)}._shortcut-tag__key--location-default_f7hop_39{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._shortcut-tag__key--location-tooltips_f7hop_43{background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent);color:color-mix(in srgb,var(--neutral-0) 72%,transparent)}._shortcut-tag-group_f7hop_48{display:inline-flex;align-items:center;gap:var(--spacing-xxxxs);vertical-align:text-bottom}

package/dist/components/shortcut-tag/ShortcutTag.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ShortcutTag.css');const t={"shortcut-tag__key":"_shortcut-tag__key_mn7ou_2","shortcut-tag__key--size-small":"_shortcut-tag__key--size-small_mn7ou_13","shortcut-tag__key--size-medium":"_shortcut-tag__key--size-medium_mn7ou_18","shortcut-tag__key--size-large":"_shortcut-tag__key--size-large_mn7ou_23","shortcut-tag__key--location-default":"_shortcut-tag__key--location-default_mn7ou_28","shortcut-tag__key--location-tooltips":"_shortcut-tag__key--location-tooltips_mn7ou_32","shortcut-tag-group":"_shortcut-tag-group_mn7ou_37"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ShortcutTag.css');const t={"shortcut-tag__key":"_shortcut-tag__key_f7hop_13","shortcut-tag__key--size-small":"_shortcut-tag__key--size-small_f7hop_24","shortcut-tag__key--size-medium":"_shortcut-tag__key--size-medium_f7hop_29","shortcut-tag__key--size-large":"_shortcut-tag__key--size-large_f7hop_34","shortcut-tag__key--location-default":"_shortcut-tag__key--location-default_f7hop_39","shortcut-tag__key--location-tooltips":"_shortcut-tag__key--location-tooltips_f7hop_43","shortcut-tag-group":"_shortcut-tag-group_f7hop_48"};exports.default=t;
 //# sourceMappingURL=ShortcutTag.module.scss.cjs.map

package/dist/components/shortcut-tag/ShortcutTag.module.scss.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import './ShortcutTag.css';const t = {
-  "shortcut-tag__key": "_shortcut-tag__key_mn7ou_2",
-  "shortcut-tag__key--size-small": "_shortcut-tag__key--size-small_mn7ou_13",
-  "shortcut-tag__key--size-medium": "_shortcut-tag__key--size-medium_mn7ou_18",
-  "shortcut-tag__key--size-large": "_shortcut-tag__key--size-large_mn7ou_23",
-  "shortcut-tag__key--location-default": "_shortcut-tag__key--location-default_mn7ou_28",
-  "shortcut-tag__key--location-tooltips": "_shortcut-tag__key--location-tooltips_mn7ou_32",
-  "shortcut-tag-group": "_shortcut-tag-group_mn7ou_37"
+  "shortcut-tag__key": "_shortcut-tag__key_f7hop_13",
+  "shortcut-tag__key--size-small": "_shortcut-tag__key--size-small_f7hop_24",
+  "shortcut-tag__key--size-medium": "_shortcut-tag__key--size-medium_f7hop_29",
+  "shortcut-tag__key--size-large": "_shortcut-tag__key--size-large_f7hop_34",
+  "shortcut-tag__key--location-default": "_shortcut-tag__key--location-default_f7hop_39",
+  "shortcut-tag__key--location-tooltips": "_shortcut-tag__key--location-tooltips_f7hop_43",
+  "shortcut-tag-group": "_shortcut-tag-group_f7hop_48"
 };
 export {
   t as default

package/dist/components/spinner/Spinner.css CHANGED Viewed

	@@ -1 +1 @@
1	- @keyframes _spinner-~~spin_3elm7_1~~{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.~~_spinner_3elm7_10~~{display:inline-block;border-radius:var(--radius-pill);animation:_spinner-~~spin_3elm7_1~~ .75s linear infinite;background:conic-gradient(rgba(var(--center-channel-color-rgb),0),rgba(var(--center-channel-color-rgb),.64));-webkit-mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke-width, 2px))~~,#fff~~ calc(100% - var(--spinner-stroke-width, 2px)));mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke-width, 2px))~~,#fff~~ calc(100% - var(--spinner-stroke-width, 2px)))}._spinner--~~inverted_3elm7_17~~{background:conic-gradient(rgba(var(--button-color-rgb),0),rgba(var(--button-color-rgb),.64))}
1	+ @keyframes _spinner-spin_mvrwe_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_mvrwe_21{display:inline-block;border-radius:var(--radius-pill);animation:_spinner-spin_mvrwe_1 .75s linear infinite;background:conic-gradient(rgba(var(--center-channel-color-rgb),0),rgba(var(--center-channel-color-rgb),.64));-webkit-mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke-width, 2px)),white calc(100% - var(--spinner-stroke-width, 2px)));mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke-width, 2px)),white calc(100% - var(--spinner-stroke-width, 2px)))}._spinner--inverted_mvrwe_28{background:conic-gradient(rgba(var(--button-color-rgb),0),rgba(var(--button-color-rgb),.64))}

package/dist/components/spinner/Spinner.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Spinner.css');const e="_spinner_3elm7_10",n={spinner:e,"spinner--inverted":"_spinner--inverted_3elm7_17"};exports.default=n;exports.spinner=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Spinner.css');const e="_spinner_mvrwe_21",n={spinner:e,"spinner--inverted":"_spinner--inverted_mvrwe_28"};exports.default=n;exports.spinner=e;
 //# sourceMappingURL=Spinner.module.scss.cjs.map

package/dist/components/spinner/Spinner.module.scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import './Spinner.css';const e = "_spinner_3elm7_10", n = {
+import './Spinner.css';const e = "_spinner_mvrwe_21", n = {
   spinner: e,
-  "spinner--inverted": "_spinner--inverted_3elm7_17"
+  "spinner--inverted": "_spinner--inverted_mvrwe_28"
 };
 export {
   n as default,

package/dist/components/status-badge/StatusBadge.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),__d=require("@mattermost/compass-icons/components/check-circle.js"),d=__d?.default??__d,__b=require("@mattermost/compass-icons/components/circle-outline.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/clock.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/minus-circle.js"),m=__m?.default??__m,a=require("../../utils/string.cjs"),e=require("./StatusBadge.module.scss.cjs"),f={"xx-small":10,"x-small":12,small:16,medium:20,large:32},C={online:d,away:g,"do-not-disturb":m,offline:b};function _({className:n="",size:l="x-small",status:s="online"}){const o=e.default[`status-badge--size-${a.toKebab(l)}`],i=e.default[`status-badge--status-${a.toKebab(s)}`],r=[e.default["status-badge"],o,i,n].filter(Boolean).join(" "),u=f[l],c=C[s];return t.jsx("span",{className:r,role:"img","aria-label":s,children:t.jsx("span",{className:e.default["status-badge__glyph"],children:t.jsx(c,{size:u})})})}exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),__b=require("@mattermost/compass-icons/components/check-circle.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/circle-outline.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/clock.js"),m=__m?.default??__m,__f=require("@mattermost/compass-icons/components/minus-circle.js"),f=__f?.default??__f,a=require("../../utils/string.cjs"),e=require("./StatusBadge.module.scss.cjs"),C={"xx-small":10,"x-small":12,small:16,medium:20,large:32},_={online:b,away:m,"do-not-disturb":f,offline:g};function x({className:n="",size:l="x-small",status:s="online",label:o}){const i=e.default[`status-badge--size-${a.toKebab(l)}`],r=e.default[`status-badge--status-${a.toKebab(s)}`],u=[e.default["status-badge"],i,r,n].filter(Boolean).join(" "),c=C[l],d=_[s];return t.jsx("span",{className:u,role:"img","aria-label":o??s,children:t.jsx("span",{className:e.default["status-badge__glyph"],children:t.jsx(d,{size:c})})})}exports.default=x;
 //# sourceMappingURL=StatusBadge.cjs.map

package/dist/components/status-badge/StatusBadge.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBadge.cjs","sources":["../../../src/components/status-badge/StatusBadge.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport CheckCircleIcon from '@mattermost/compass-icons/components/check-circle';\nimport CircleOutlineIcon from '@mattermost/compass-icons/components/circle-outline';\nimport ClockIcon from '@mattermost/compass-icons/components/clock';\nimport MinusCircleIcon from '@mattermost/compass-icons/components/minus-circle';\nimport { toKebab } from '@/utils/string';\nimport styles from './StatusBadge.module.scss';\n\n/** Figma Status Badge size. /\nexport type StatusBadgeSize =\n \| 'xx-small'\n \| 'x-small'\n \| 'small'\n \| 'medium'\n \| 'large';\n\n/* Figma Status Badge status variant. /\nexport type StatusBadgeStatus =\n \| 'online'\n \| 'away'\n \| 'do-not-disturb'\n \| 'offline';\n\nexport interface StatusBadgeProps {\n /* Optional CSS class name. /\n className?: string;\n /* Size variant. Figma: Size. Default: X-Small. /\n size?: StatusBadgeSize;\n /* Status variant. Figma: Status. Default: Online. /\n status?: StatusBadgeStatus;\n}\n\n/* Compass icon size in px per StatusBadge size — Figma. /\nconst BADGE_ICON_SIZE_PX: Record<StatusBadgeSize, number> = {\n 'xx-small': 10,\n 'x-small': 12,\n small: 16,\n medium: 20,\n large: 32,\n};\n\n/* Compass icon component per status variant. /\nconst GLYPH_COMPONENT: Record<StatusBadgeStatus, ElementType> = {\n online: CheckCircleIcon,\n away: ClockIcon,\n 'do-not-disturb': MinusCircleIcon,\n offline: CircleOutlineIcon,\n};\n\n/\n A Status Badge tells you whether someone is reachable. It pairs with an avatar or username\n * so a glance is enough to know if a teammate is online, focused, away, or signed out.\n */\nexport default function StatusBadge({\n className = '',\n size = 'x-small',\n status = 'online',\n}: StatusBadgeProps) {\n const sizeClass = styles[`status-badge--size-${toKebab(size)}`];\n const statusClass = styles[`status-badge--status-${toKebab(status)}`];\n const rootClass = [styles['status-badge'], sizeClass, statusClass, className]\n .filter(Boolean)\n .join(' ');\n\n const iconSizePx = BADGE_ICON_SIZE_PX[size];\n const GlyphIcon = GLYPH_COMPONENT[status];\n\n return (\n <span className={rootClass} role=\"img\" aria-label={status}>\n <span className={styles['status-badge__glyph']}>\n <GlyphIcon size={iconSizePx} />\n </span>\n </span>\n );\n}\n"],"names":["BADGE_ICON_SIZE_PX","GLYPH_COMPONENT","CheckCircleIcon","ClockIcon","MinusCircleIcon","CircleOutlineIcon","StatusBadge","className","size","status","sizeClass","styles","toKebab","statusClass","rootClass","iconSizePx","GlyphIcon","jsx"],"mappings":"~~udAiCMA~~,EAAsD,CAC1D,WAAY,GACZ,UAAW,GACX,MAAO,GACP,OAAQ,GACR,MAAO,EACT,EAGMC,EAA0D,CAC9D,OAAQC,EACR,KAAMC,EACN,iBAAkBC,EAClB,QAASC,CACX,EAMA,SAAwBC,EAAY,CAClC,UAAAC,EAAY,GACZ,KAAAC,EAAO,UACP,OAAAC,EAAS,~~QACX~~,EAAqB,CACnB,MAAMC,EAAYC,EAAAA,QAAO,sBAAsBC,EAAAA,~~QAAQJ~~,CAAI,CAAC,EAAE,~~EACxDK~~,EAAcF,EAAAA,QAAO,wBAAwBC,EAAAA,~~QAAQH~~,CAAM,CAAC,EAAE,~~EAC9DK~~,EAAY,CAACH,EAAAA,QAAO,cAAc,EAAGD,EAAWG,~~EAAaN~~,CAAS,EACzE,OAAO,OAAO,EACd,KAAK,GAAG,~~EAELQ~~,~~EAAaf~~,EAAmBQ,CAAI,~~EACpCQ~~,~~EAAYf~~,EAAgBQ,CAAM,EAExC,~~aACG~~,~~OAAA~~,~~CAAK~~,~~UAAWK~~,EAAW,KAAK,MAAM,aAAYL,~~EACjD~~,~~SAAAQ~~,EAAAA,IAAC,QAAK,UAAWN,EAAAA,QAAO,qBAAqB,EAC3C,SAAAM,EAAAA,IAACD,GAAU,KAAMD,EAAY,EAC/B,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"StatusBadge.cjs","sources":["../../../src/components/status-badge/StatusBadge.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport CheckCircleIcon from '@mattermost/compass-icons/components/check-circle';\nimport CircleOutlineIcon from '@mattermost/compass-icons/components/circle-outline';\nimport ClockIcon from '@mattermost/compass-icons/components/clock';\nimport MinusCircleIcon from '@mattermost/compass-icons/components/minus-circle';\nimport { toKebab } from '@/utils/string';\nimport styles from './StatusBadge.module.scss';\n\n/** Figma Status Badge size. /\nexport type StatusBadgeSize =\n \| 'xx-small'\n \| 'x-small'\n \| 'small'\n \| 'medium'\n \| 'large';\n\n/* Figma Status Badge status variant. /\nexport type StatusBadgeStatus =\n \| 'online'\n \| 'away'\n \| 'do-not-disturb'\n \| 'offline';\n\nexport interface StatusBadgeProps {\n /* Optional CSS class name. /\n className?: string;\n /* Size variant. Figma: Size. Default: X-Small. /\n size?: StatusBadgeSize;\n /* Status variant. Figma: Status. Default: Online. /\n status?: StatusBadgeStatus;\n /* Accessible name for the badge. Defaults to the `status` value; pass a translated string. /\n label?: string;\n}\n\n/* Compass icon size in px per StatusBadge size — Figma. /\nconst BADGE_ICON_SIZE_PX: Record<StatusBadgeSize, number> = {\n 'xx-small': 10,\n 'x-small': 12,\n small: 16,\n medium: 20,\n large: 32,\n};\n\n/* Compass icon component per status variant. /\nconst GLYPH_COMPONENT: Record<StatusBadgeStatus, ElementType> = {\n online: CheckCircleIcon,\n away: ClockIcon,\n 'do-not-disturb': MinusCircleIcon,\n offline: CircleOutlineIcon,\n};\n\n/\n A Status Badge tells you whether someone is reachable. It pairs with an avatar or username\n * so a glance is enough to know if a teammate is online, focused, away, or signed out.\n */\nexport default function StatusBadge({\n className = '',\n size = 'x-small',\n status = 'online',\n label,\n}: StatusBadgeProps) {\n const sizeClass = styles[`status-badge--size-${toKebab(size)}`];\n const statusClass = styles[`status-badge--status-${toKebab(status)}`];\n const rootClass = [styles['status-badge'], sizeClass, statusClass, className]\n .filter(Boolean)\n .join(' ');\n\n const iconSizePx = BADGE_ICON_SIZE_PX[size];\n const GlyphIcon = GLYPH_COMPONENT[status];\n\n return (\n <span className={rootClass} role=\"img\" aria-label={label ?? status}>\n <span className={styles['status-badge__glyph']}>\n <GlyphIcon size={iconSizePx} />\n </span>\n </span>\n );\n}\n"],"names":["BADGE_ICON_SIZE_PX","GLYPH_COMPONENT","CheckCircleIcon","ClockIcon","MinusCircleIcon","CircleOutlineIcon","StatusBadge","className","size","status","label","sizeClass","styles","toKebab","statusClass","rootClass","iconSizePx","GlyphIcon","jsx"],"mappings":"udAmCMA,EAAsD,CAC1D,WAAY,GACZ,UAAW,GACX,MAAO,GACP,OAAQ,GACR,MAAO,EACT,EAGMC,EAA0D,CAC9D,OAAQC,EACR,KAAMC,EACN,iBAAkBC,EAClB,QAASC,CACX,EAMA,SAAwBC,EAAY,CAClC,UAAAC,EAAY,GACZ,KAAAC,EAAO,UACP,OAAAC,EAAS,SACT,MAAAC,CACF,EAAqB,CACnB,MAAMC,EAAYC,EAAAA,QAAO,sBAAsBC,EAAAA,QAAQL,CAAI,CAAC,EAAE,EACxDM,EAAcF,EAAAA,QAAO,wBAAwBC,EAAAA,QAAQJ,CAAM,CAAC,EAAE,EAC9DM,EAAY,CAACH,EAAAA,QAAO,cAAc,EAAGD,EAAWG,EAAaP,CAAS,EACzE,OAAO,OAAO,EACd,KAAK,GAAG,EAELS,EAAahB,EAAmBQ,CAAI,EACpCS,EAAYhB,EAAgBQ,CAAM,EAExC,OACES,MAAC,QAAK,UAAWH,EAAW,KAAK,MAAM,aAAYL,GAASD,EAC1D,SAAAS,EAAAA,IAAC,QAAK,UAAWN,EAAAA,QAAO,qBAAqB,EAC3C,SAAAM,EAAAA,IAACD,GAAU,KAAMD,EAAY,EAC/B,CAAA,CACF,CAEJ"}

package/dist/components/status-badge/StatusBadge.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._status-~~badge_pwbsc_2~~{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--center-channel-color);box-sizing:border-box;overflow:hidden}._status-~~badge__glyph_pwbsc_13~~{display:flex;align-items:center;justify-content:center;flex-shrink:0}._status-badge--size-xx-~~small_pwbsc_19~~{width:var(--icon-size-12);height:var(--icon-size-12)}._status-badge--size-xx-~~small_pwbsc_19~~ ._status-~~badge__glyph_pwbsc_13~~{width:var(--icon-size-10);height:var(--icon-size-10)}._status-badge--size-x-~~small_pwbsc_27~~,._status-badge--size-x-~~small_pwbsc_27~~ ._status-~~badge__glyph_pwbsc_13~~{width:var(--icon-size-12);height:var(--icon-size-12)}._status-badge--size-~~small_pwbsc_35~~,._status-badge--size-~~small_pwbsc_35~~ ._status-~~badge__glyph_pwbsc_13~~{width:var(--icon-size-16);height:var(--icon-size-16)}._status-badge--size-~~medium_pwbsc_43~~{width:var(--icon-size-24);height:var(--icon-size-24)}._status-badge--size-~~medium_pwbsc_43~~ ._status-~~badge__glyph_pwbsc_13~~{width:var(--icon-size-20);height:var(--icon-size-20)}._status-badge--size-~~large_pwbsc_51~~{width:var(--icon-size-32);height:var(--icon-size-32)}._status-badge--size-~~large_pwbsc_51~~ ._status-~~badge__glyph_pwbsc_13~~{width:36px;height:36px;margin~~:-2px~~}._status-badge--status-~~online_pwbsc_60~~{color:var(--online-indicator, var(--color-success));background-color:var(--status-badge-bg, var(--center-channel-bg))}._status-badge--status-~~away_pwbsc_64~~{color:var(--away-indicator, var(--color-warning));background-color:var(--status-badge-bg, var(--center-channel-bg))}._status-badge--status-do-not-~~disturb_pwbsc_68~~{color:var(--dnd-indicator, var(--color-danger));background-color:var(--status-badge-bg, var(--center-channel-bg))}._status-badge--status-~~offline_pwbsc_72~~{color:rgba(var(--center-channel-color-rgb),.32);background-color:var(--status-badge-bg, var(--center-channel-bg))}
1	+ ._status-badge_af5ji_13{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--center-channel-color);box-sizing:border-box;overflow:hidden}._status-badge__glyph_af5ji_24{display:flex;align-items:center;justify-content:center;flex-shrink:0}._status-badge--size-xx-small_af5ji_30{width:var(--icon-size-12);height:var(--icon-size-12)}._status-badge--size-xx-small_af5ji_30 ._status-badge__glyph_af5ji_24{width:var(--icon-size-10);height:var(--icon-size-10)}._status-badge--size-x-small_af5ji_38,._status-badge--size-x-small_af5ji_38 ._status-badge__glyph_af5ji_24{width:var(--icon-size-12);height:var(--icon-size-12)}._status-badge--size-small_af5ji_46,._status-badge--size-small_af5ji_46 ._status-badge__glyph_af5ji_24{width:var(--icon-size-16);height:var(--icon-size-16)}._status-badge--size-medium_af5ji_54{width:var(--icon-size-24);height:var(--icon-size-24)}._status-badge--size-medium_af5ji_54 ._status-badge__glyph_af5ji_24{width:var(--icon-size-20);height:var(--icon-size-20)}._status-badge--size-large_af5ji_62{width:var(--icon-size-32);height:var(--icon-size-32)}._status-badge--size-large_af5ji_62 ._status-badge__glyph_af5ji_24{width:36px;height:36px;margin:calc(-1 * var(--spacing-xxxxs))}._status-badge--status-online_af5ji_72{color:var(--online-indicator, var(--color-success));background-color:var(--status-badge-bg, var(--center-channel-bg))}._status-badge--status-away_af5ji_76{color:var(--away-indicator, var(--color-warning));background-color:var(--status-badge-bg, var(--center-channel-bg))}._status-badge--status-do-not-disturb_af5ji_80{color:var(--dnd-indicator, var(--color-danger));background-color:var(--status-badge-bg, var(--center-channel-bg))}._status-badge--status-offline_af5ji_84{color:rgba(var(--center-channel-color-rgb),.32);background-color:var(--status-badge-bg, var(--center-channel-bg))}

package/dist/components/status-badge/StatusBadge.d.ts CHANGED Viewed

@@ -9,10 +9,12 @@ export interface StatusBadgeProps {
     size?: StatusBadgeSize;
     /** Status variant. Figma: Status. Default: Online. */
     status?: StatusBadgeStatus;
+    /** Accessible name for the badge. Defaults to the `status` value; pass a translated string. */
+    label?: string;
 }
 /**
  * A Status Badge tells you whether someone is reachable. It pairs with an avatar or username
  * so a glance is enough to know if a teammate is online, focused, away, or signed out.
  */
-export default function StatusBadge({ className, size, status, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export default function StatusBadge({ className, size, status, label, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/status-badge/StatusBadge.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/status-badge/StatusBadge.tsx"],"names":[],"mappings":"AAQA,+BAA+B;AAC/B,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;AAEZ,yCAAyC;AACzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,iBAAiB,CAAC;~~CAC5B~~;AAmBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAgB,EAChB,MAAiB,~~GAClB~~,EAAE,gBAAgB,2CAiBlB"}
1	+ {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/status-badge/StatusBadge.tsx"],"names":[],"mappings":"AAQA,+BAA+B;AAC/B,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;AAEZ,yCAAyC;AACzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAgB,EAChB,MAAiB,EACjB,KAAK,GACN,EAAE,gBAAgB,2CAiBlB"}

package/dist/components/status-badge/StatusBadge.js CHANGED Viewed

@@ -1,31 +1,32 @@
 import { jsx as t } from "react/jsx-runtime";
-import __f from "@mattermost/compass-icons/components/check-circle.js";const f=__f&&__f.default?__f.default:__f;
-import __p from "@mattermost/compass-icons/components/circle-outline.js";const p=__p&&__p.default?__p.default:__p;
-import __u from "@mattermost/compass-icons/components/clock.js";const u=__u&&__u.default?__u.default:__u;
-import __d from "@mattermost/compass-icons/components/minus-circle.js";const d=__d&&__d.default?__d.default:__d;
+import __p from "@mattermost/compass-icons/components/check-circle.js";const p=__p&&__p.default?__p.default:__p;
+import __u from "@mattermost/compass-icons/components/circle-outline.js";const u=__u&&__u.default?__u.default:__u;
+import __d from "@mattermost/compass-icons/components/clock.js";const d=__d&&__d.default?__d.default:__d;
+import __C from "@mattermost/compass-icons/components/minus-circle.js";const C=__C&&__C.default?__C.default:__C;
 import { toKebab as l } from "../../utils/string.js";
 import o from "./StatusBadge.module.scss.js";
-const C = {
+const b = {
   "xx-small": 10,
   "x-small": 12,
   small: 16,
   medium: 20,
   large: 32
-}, b = {
-  online: f,
-  away: u,
-  "do-not-disturb": d,
-  offline: p
+}, g = {
+  online: p,
+  away: d,
+  "do-not-disturb": C,
+  offline: u
 };
-function O({
+function P({
   className: e = "",
   size: a = "x-small",
-  status: s = "online"
+  status: s = "online",
+  label: n
 }) {
-  const n = o[`status-badge--size-${l(a)}`], i = o[`status-badge--status-${l(s)}`], r = [o["status-badge"], n, i, e].filter(Boolean).join(" "), c = C[a], m = b[s];
-  return /* @__PURE__ */ t("span", { className: r, role: "img", "aria-label": s, children: /* @__PURE__ */ t("span", { className: o["status-badge__glyph"], children: /* @__PURE__ */ t(m, { size: c }) }) });
+  const i = o[`status-badge--size-${l(a)}`], r = o[`status-badge--status-${l(s)}`], c = [o["status-badge"], i, r, e].filter(Boolean).join(" "), m = b[a], f = g[s];
+  return /* @__PURE__ */ t("span", { className: c, role: "img", "aria-label": n ?? s, children: /* @__PURE__ */ t("span", { className: o["status-badge__glyph"], children: /* @__PURE__ */ t(f, { size: m }) }) });
 }
 export {
-  O as default
+  P as default
 };
 //# sourceMappingURL=StatusBadge.js.map

package/dist/components/status-badge/StatusBadge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBadge.js","sources":["../../../src/components/status-badge/StatusBadge.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport CheckCircleIcon from '@mattermost/compass-icons/components/check-circle';\nimport CircleOutlineIcon from '@mattermost/compass-icons/components/circle-outline';\nimport ClockIcon from '@mattermost/compass-icons/components/clock';\nimport MinusCircleIcon from '@mattermost/compass-icons/components/minus-circle';\nimport { toKebab } from '@/utils/string';\nimport styles from './StatusBadge.module.scss';\n\n/** Figma Status Badge size. /\nexport type StatusBadgeSize =\n \| 'xx-small'\n \| 'x-small'\n \| 'small'\n \| 'medium'\n \| 'large';\n\n/* Figma Status Badge status variant. /\nexport type StatusBadgeStatus =\n \| 'online'\n \| 'away'\n \| 'do-not-disturb'\n \| 'offline';\n\nexport interface StatusBadgeProps {\n /* Optional CSS class name. /\n className?: string;\n /* Size variant. Figma: Size. Default: X-Small. /\n size?: StatusBadgeSize;\n /* Status variant. Figma: Status. Default: Online. /\n status?: StatusBadgeStatus;\n}\n\n/* Compass icon size in px per StatusBadge size — Figma. /\nconst BADGE_ICON_SIZE_PX: Record<StatusBadgeSize, number> = {\n 'xx-small': 10,\n 'x-small': 12,\n small: 16,\n medium: 20,\n large: 32,\n};\n\n/* Compass icon component per status variant. /\nconst GLYPH_COMPONENT: Record<StatusBadgeStatus, ElementType> = {\n online: CheckCircleIcon,\n away: ClockIcon,\n 'do-not-disturb': MinusCircleIcon,\n offline: CircleOutlineIcon,\n};\n\n/\n A Status Badge tells you whether someone is reachable. It pairs with an avatar or username\n * so a glance is enough to know if a teammate is online, focused, away, or signed out.\n */\nexport default function StatusBadge({\n className = '',\n size = 'x-small',\n status = 'online',\n}: StatusBadgeProps) {\n const sizeClass = styles[`status-badge--size-${toKebab(size)}`];\n const statusClass = styles[`status-badge--status-${toKebab(status)}`];\n const rootClass = [styles['status-badge'], sizeClass, statusClass, className]\n .filter(Boolean)\n .join(' ');\n\n const iconSizePx = BADGE_ICON_SIZE_PX[size];\n const GlyphIcon = GLYPH_COMPONENT[status];\n\n return (\n <span className={rootClass} role=\"img\" aria-label={status}>\n <span className={styles['status-badge__glyph']}>\n <GlyphIcon size={iconSizePx} />\n </span>\n </span>\n );\n}\n"],"names":["BADGE_ICON_SIZE_PX","GLYPH_COMPONENT","CheckCircleIcon","ClockIcon","MinusCircleIcon","CircleOutlineIcon","StatusBadge","className","size","status","sizeClass","styles","toKebab","statusClass","rootClass","iconSizePx","GlyphIcon","jsx"],"mappings":";;;;;;;~~AAiCA~~,MAAMA,IAAsD;AAAA,EAC1D,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GAGMC,IAA0D;AAAA,EAC9D,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,kBAAkBC;AAAA,EAClB,SAASC;AACX;AAMA,SAAwBC,EAAY;AAAA,EAClC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;~~AACX~~,GAAqB;AACnB,QAAMC,IAAYC,EAAO,sBAAsBC,~~EAAQJ~~,CAAI,CAAC,EAAE,~~GACxDK~~,IAAcF,EAAO,wBAAwBC,~~EAAQH~~,CAAM,CAAC,EAAE,~~GAC9DK~~,IAAY,CAACH,EAAO,cAAc,GAAGD,GAAWG,~~GAAaN~~,CAAS,EACzE,OAAO,OAAO,EACd,KAAK,GAAG,~~GAELQ~~,~~IAAaf~~,EAAmBQ,CAAI,~~GACpCQ~~,~~IAAYf~~,EAAgBQ,CAAM;AAExC,~~2BACG~~,~~QAAA~~,~~EAAK~~,~~WAAWK~~,GAAW,MAAK,OAAM,cAAYL,~~GACjD~~,UAAA,~~gBAAAQ~~,EAAC,UAAK,WAAWN,EAAO,qBAAqB,GAC3C,UAAA,gBAAAM,EAACD,KAAU,MAAMD,GAAY,GAC/B,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"StatusBadge.js","sources":["../../../src/components/status-badge/StatusBadge.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport CheckCircleIcon from '@mattermost/compass-icons/components/check-circle';\nimport CircleOutlineIcon from '@mattermost/compass-icons/components/circle-outline';\nimport ClockIcon from '@mattermost/compass-icons/components/clock';\nimport MinusCircleIcon from '@mattermost/compass-icons/components/minus-circle';\nimport { toKebab } from '@/utils/string';\nimport styles from './StatusBadge.module.scss';\n\n/** Figma Status Badge size. /\nexport type StatusBadgeSize =\n \| 'xx-small'\n \| 'x-small'\n \| 'small'\n \| 'medium'\n \| 'large';\n\n/* Figma Status Badge status variant. /\nexport type StatusBadgeStatus =\n \| 'online'\n \| 'away'\n \| 'do-not-disturb'\n \| 'offline';\n\nexport interface StatusBadgeProps {\n /* Optional CSS class name. /\n className?: string;\n /* Size variant. Figma: Size. Default: X-Small. /\n size?: StatusBadgeSize;\n /* Status variant. Figma: Status. Default: Online. /\n status?: StatusBadgeStatus;\n /* Accessible name for the badge. Defaults to the `status` value; pass a translated string. /\n label?: string;\n}\n\n/* Compass icon size in px per StatusBadge size — Figma. /\nconst BADGE_ICON_SIZE_PX: Record<StatusBadgeSize, number> = {\n 'xx-small': 10,\n 'x-small': 12,\n small: 16,\n medium: 20,\n large: 32,\n};\n\n/* Compass icon component per status variant. /\nconst GLYPH_COMPONENT: Record<StatusBadgeStatus, ElementType> = {\n online: CheckCircleIcon,\n away: ClockIcon,\n 'do-not-disturb': MinusCircleIcon,\n offline: CircleOutlineIcon,\n};\n\n/\n A Status Badge tells you whether someone is reachable. It pairs with an avatar or username\n * so a glance is enough to know if a teammate is online, focused, away, or signed out.\n */\nexport default function StatusBadge({\n className = '',\n size = 'x-small',\n status = 'online',\n label,\n}: StatusBadgeProps) {\n const sizeClass = styles[`status-badge--size-${toKebab(size)}`];\n const statusClass = styles[`status-badge--status-${toKebab(status)}`];\n const rootClass = [styles['status-badge'], sizeClass, statusClass, className]\n .filter(Boolean)\n .join(' ');\n\n const iconSizePx = BADGE_ICON_SIZE_PX[size];\n const GlyphIcon = GLYPH_COMPONENT[status];\n\n return (\n <span className={rootClass} role=\"img\" aria-label={label ?? status}>\n <span className={styles['status-badge__glyph']}>\n <GlyphIcon size={iconSizePx} />\n </span>\n </span>\n );\n}\n"],"names":["BADGE_ICON_SIZE_PX","GLYPH_COMPONENT","CheckCircleIcon","ClockIcon","MinusCircleIcon","CircleOutlineIcon","StatusBadge","className","size","status","label","sizeClass","styles","toKebab","statusClass","rootClass","iconSizePx","GlyphIcon","jsx"],"mappings":";;;;;;;AAmCA,MAAMA,IAAsD;AAAA,EAC1D,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GAGMC,IAA0D;AAAA,EAC9D,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,kBAAkBC;AAAA,EAClB,SAASC;AACX;AAMA,SAAwBC,EAAY;AAAA,EAClC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC;AACF,GAAqB;AACnB,QAAMC,IAAYC,EAAO,sBAAsBC,EAAQL,CAAI,CAAC,EAAE,GACxDM,IAAcF,EAAO,wBAAwBC,EAAQJ,CAAM,CAAC,EAAE,GAC9DM,IAAY,CAACH,EAAO,cAAc,GAAGD,GAAWG,GAAaP,CAAS,EACzE,OAAO,OAAO,EACd,KAAK,GAAG,GAELS,IAAahB,EAAmBQ,CAAI,GACpCS,IAAYhB,EAAgBQ,CAAM;AAExC,SACE,gBAAAS,EAAC,UAAK,WAAWH,GAAW,MAAK,OAAM,cAAYL,KAASD,GAC1D,UAAA,gBAAAS,EAAC,UAAK,WAAWN,EAAO,qBAAqB,GAC3C,UAAA,gBAAAM,EAACD,KAAU,MAAMD,GAAY,GAC/B,EAAA,CACF;AAEJ;"}

package/dist/components/status-badge/StatusBadge.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./StatusBadge.css');const s={"status-badge":"_status-badge_pwbsc_2","status-badge__glyph":"_status-badge__glyph_pwbsc_13","status-badge--size-xx-small":"_status-badge--size-xx-small_pwbsc_19","status-badge--size-x-small":"_status-badge--size-x-small_pwbsc_27","status-badge--size-small":"_status-badge--size-small_pwbsc_35","status-badge--size-medium":"_status-badge--size-medium_pwbsc_43","status-badge--size-large":"_status-badge--size-large_pwbsc_51","status-badge--status-online":"_status-badge--status-online_pwbsc_60","status-badge--status-away":"_status-badge--status-away_pwbsc_64","status-badge--status-do-not-disturb":"_status-badge--status-do-not-disturb_pwbsc_68","status-badge--status-offline":"_status-badge--status-offline_pwbsc_72"};exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./StatusBadge.css');const s={"status-badge":"_status-badge_af5ji_13","status-badge__glyph":"_status-badge__glyph_af5ji_24","status-badge--size-xx-small":"_status-badge--size-xx-small_af5ji_30","status-badge--size-x-small":"_status-badge--size-x-small_af5ji_38","status-badge--size-small":"_status-badge--size-small_af5ji_46","status-badge--size-medium":"_status-badge--size-medium_af5ji_54","status-badge--size-large":"_status-badge--size-large_af5ji_62","status-badge--status-online":"_status-badge--status-online_af5ji_72","status-badge--status-away":"_status-badge--status-away_af5ji_76","status-badge--status-do-not-disturb":"_status-badge--status-do-not-disturb_af5ji_80","status-badge--status-offline":"_status-badge--status-offline_af5ji_84"};exports.default=s;
 //# sourceMappingURL=StatusBadge.module.scss.cjs.map

package/dist/components/status-badge/StatusBadge.module.scss.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import './StatusBadge.css';const s = {
-  "status-badge": "_status-badge_pwbsc_2",
-  "status-badge__glyph": "_status-badge__glyph_pwbsc_13",
-  "status-badge--size-xx-small": "_status-badge--size-xx-small_pwbsc_19",
-  "status-badge--size-x-small": "_status-badge--size-x-small_pwbsc_27",
-  "status-badge--size-small": "_status-badge--size-small_pwbsc_35",
-  "status-badge--size-medium": "_status-badge--size-medium_pwbsc_43",
-  "status-badge--size-large": "_status-badge--size-large_pwbsc_51",
-  "status-badge--status-online": "_status-badge--status-online_pwbsc_60",
-  "status-badge--status-away": "_status-badge--status-away_pwbsc_64",
-  "status-badge--status-do-not-disturb": "_status-badge--status-do-not-disturb_pwbsc_68",
-  "status-badge--status-offline": "_status-badge--status-offline_pwbsc_72"
+  "status-badge": "_status-badge_af5ji_13",
+  "status-badge__glyph": "_status-badge__glyph_af5ji_24",
+  "status-badge--size-xx-small": "_status-badge--size-xx-small_af5ji_30",
+  "status-badge--size-x-small": "_status-badge--size-x-small_af5ji_38",
+  "status-badge--size-small": "_status-badge--size-small_af5ji_46",
+  "status-badge--size-medium": "_status-badge--size-medium_af5ji_54",
+  "status-badge--size-large": "_status-badge--size-large_af5ji_62",
+  "status-badge--status-online": "_status-badge--status-online_af5ji_72",
+  "status-badge--status-away": "_status-badge--status-away_af5ji_76",
+  "status-badge--status-do-not-disturb": "_status-badge--status-do-not-disturb_af5ji_80",
+  "status-badge--status-offline": "_status-badge--status-offline_af5ji_84"
 };
 export {
   s as default

package/dist/components/switch/Switch.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_switch_1y6ud_2~~{display:flex;align-items:flex-start;width:100%;gap:var(--spacing-m);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}.~~_switch_1y6ud_2~~.~~_switch_1y6ud_2~~{margin:0}.~~_switch_1y6ud_2~~:has(.~~_switch__input_1y6ud_16~~:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}.~~_switch_1y6ud_2~~:has(.~~_switch__input_1y6ud_16~~:disabled) ._switch__secondary-~~label_1y6ud_20~~{color:rgba(var(--center-channel-color-rgb),.56)}.~~_switch__input_1y6ud_16~~{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;opacity:0;width:100%;height:100%;border:0;cursor:inherit}.~~_switch__input_1y6ud_16~~:focus-visible{outline:none}.~~_switch__labels_1y6ud_37~~{display:flex;flex-direction:column;flex:1 1 0;justify-content:center;min-width:0}.~~_switch__label_1y6ud_37~~{line-height:1}._switch__secondary-~~label_1y6ud_20~~{color:rgba(var(--center-channel-color-rgb),.72);margin-top:var(--spacing-xxxxs)}.~~_switch__track_1y6ud_51~~{position:relative;flex-shrink:0;display:block;box-sizing:border-box;background-color:rgba(var(--center-channel-color-rgb),.32);border-radius:var(--radius-pill);transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}.~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:focus-visible){box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}.~~_switch_1y6ud_2~~:has(.~~_switch__input_1y6ud_16~~:not(:disabled)):hover .~~_switch__track_1y6ud_51~~{background-color:rgba(var(--center-channel-color-rgb),.4)}.~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:checked){background-color:var(--button-bg)}.~~_switch_1y6ud_2~~:has(.~~_switch__input_1y6ud_16~~:not(:disabled)):hover .~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:checked){background-color:var(--button-bg)}.~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:focus-visible:checked){box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}.~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:disabled){opacity:.32}.~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:disabled:checked){background-color:rgba(var(--center-channel-color-rgb),.32)}.~~_switch__knob_1y6ud_81~~{position:absolute;left:2px;top:50%;transform:translateY(-50%) translate(0);border-radius:var(--radius-pill);background-color:var(--button-color);box-shadow:var(--elevation-1);transition:transform var(--duration-quick) var(--ease-transition);pointer-events:none}._switch--size-~~small_1y6ud_92~~ .~~_switch__track_1y6ud_51~~{width:26px;height:16px}._switch--size-~~small_1y6ud_92~~ .~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:checked) .~~_switch__knob_1y6ud_81~~{transform:translateY(-50%) translate(10px)}._switch--size-~~small_1y6ud_92~~ .~~_switch__knob_1y6ud_81~~{width:12px;height:12px}._switch--size-~~small_1y6ud_92~~ .~~_switch__label_1y6ud_37~~,._switch--size-~~small_1y6ud_92~~ ._switch__secondary-~~label_1y6ud_20~~{font-size:var(--font-size-75);line-height:var(--line-height-75)}._switch--size-~~medium_1y6ud_111~~ .~~_switch__track_1y6ud_51~~{width:32px;height:20px}._switch--size-~~medium_1y6ud_111~~ .~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:checked) .~~_switch__knob_1y6ud_81~~{transform:translateY(-50%) translate(12px)}._switch--size-~~medium_1y6ud_111~~ .~~_switch__knob_1y6ud_81~~{width:16px;height:16px}._switch--size-~~medium_1y6ud_111~~ .~~_switch__label_1y6ud_37~~{font-size:var(--font-size-100);line-height:var(--line-height-100)}._switch--size-~~medium_1y6ud_111~~ ._switch__secondary-~~label_1y6ud_20~~{font-size:var(--font-size-75);line-height:var(--line-height-75)}._switch--size-~~large_1y6ud_130~~ .~~_switch__track_1y6ud_51~~{width:40px;height:24px}._switch--size-~~large_1y6ud_130~~ .~~_switch__track_1y6ud_51~~:has(.~~_switch__input_1y6ud_16~~:checked) .~~_switch__knob_1y6ud_81~~{transform:translateY(-50%) translate(16px)}._switch--size-~~large_1y6ud_130~~ .~~_switch__knob_1y6ud_81~~{width:20px;height:20px}._switch--size-~~large_1y6ud_130~~ .~~_switch__label_1y6ud_37~~{font-size:var(--font-size-200);line-height:var(--line-height-200)}._switch--size-~~large_1y6ud_130~~ ._switch__secondary-~~label_1y6ud_20~~{font-size:var(--font-size-100);line-height:var(--line-height-100)}._switch--semi-~~bold_1y6ud_149~~ .~~_switch__label_1y6ud_37~~{font-weight:var(--font-weight-semibold)}._switch--with-~~secondary_1y6ud_152~~{align-items:center}._switch--with-~~secondary_1y6ud_152~~ .~~_switch__labels_1y6ud_37~~{padding-top:0;padding-bottom:0}
1	+ ._switch_fs0k8_13{display:flex;align-items:flex-start;width:100%;gap:var(--spacing-m);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._switch_fs0k8_13._switch_fs0k8_13{margin:0}._switch_fs0k8_13:has(._switch__input_fs0k8_27:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._switch_fs0k8_13:has(._switch__input_fs0k8_27:disabled) ._switch__secondary-label_fs0k8_31{color:rgba(var(--center-channel-color-rgb),.56)}._switch__input_fs0k8_27{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;opacity:0;width:100%;height:100%;border:0;cursor:inherit}._switch__input_fs0k8_27:focus-visible{outline:none}._switch__labels_fs0k8_48{display:flex;flex-direction:column;flex:1 1 0;justify-content:center;min-width:0}._switch__label_fs0k8_48{line-height:1}._switch__secondary-label_fs0k8_31{color:rgba(var(--center-channel-color-rgb),.72);margin-top:var(--spacing-xxxxs)}._switch__track_fs0k8_62{position:relative;flex-shrink:0;display:block;box-sizing:border-box;background-color:rgba(var(--center-channel-color-rgb),.32);border-radius:var(--radius-pill);transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:focus-visible){box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._switch_fs0k8_13:has(._switch__input_fs0k8_27:not(:disabled)):hover ._switch__track_fs0k8_62{background-color:rgba(var(--center-channel-color-rgb),.4)}._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:checked){background-color:var(--button-bg)}._switch_fs0k8_13:has(._switch__input_fs0k8_27:not(:disabled)):hover ._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:checked){background-color:var(--button-bg)}._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:focus-visible:checked){box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:disabled){opacity:.32}._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:disabled:checked){background-color:rgba(var(--center-channel-color-rgb),.32)}._switch__knob_fs0k8_92{position:absolute;left:2px;top:50%;transform:translateY(-50%) translate(0);border-radius:var(--radius-pill);background-color:var(--button-color);box-shadow:var(--elevation-1);transition:transform var(--duration-quick) var(--ease-transition);pointer-events:none}._switch--size-small_fs0k8_103 ._switch__track_fs0k8_62{width:26px;height:16px}._switch--size-small_fs0k8_103 ._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:checked) ._switch__knob_fs0k8_92{transform:translateY(-50%) translate(10px)}._switch--size-small_fs0k8_103 ._switch__knob_fs0k8_92{width:12px;height:12px}._switch--size-small_fs0k8_103 ._switch__label_fs0k8_48,._switch--size-small_fs0k8_103 ._switch__secondary-label_fs0k8_31{font-size:var(--font-size-75);line-height:var(--line-height-75)}._switch--size-medium_fs0k8_122 ._switch__track_fs0k8_62{width:32px;height:20px}._switch--size-medium_fs0k8_122 ._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:checked) ._switch__knob_fs0k8_92{transform:translateY(-50%) translate(12px)}._switch--size-medium_fs0k8_122 ._switch__knob_fs0k8_92{width:16px;height:16px}._switch--size-medium_fs0k8_122 ._switch__label_fs0k8_48{font-size:var(--font-size-100);line-height:var(--line-height-100)}._switch--size-medium_fs0k8_122 ._switch__secondary-label_fs0k8_31{font-size:var(--font-size-75);line-height:var(--line-height-75)}._switch--size-large_fs0k8_141 ._switch__track_fs0k8_62{width:40px;height:24px}._switch--size-large_fs0k8_141 ._switch__track_fs0k8_62:has(._switch__input_fs0k8_27:checked) ._switch__knob_fs0k8_92{transform:translateY(-50%) translate(16px)}._switch--size-large_fs0k8_141 ._switch__knob_fs0k8_92{width:20px;height:20px}._switch--size-large_fs0k8_141 ._switch__label_fs0k8_48{font-size:var(--font-size-200);line-height:var(--line-height-200)}._switch--size-large_fs0k8_141 ._switch__secondary-label_fs0k8_31{font-size:var(--font-size-100);line-height:var(--line-height-100)}._switch--semi-bold_fs0k8_160 ._switch__label_fs0k8_48{font-weight:var(--font-weight-semibold)}._switch--with-secondary_fs0k8_163{align-items:center}._switch--with-secondary_fs0k8_163 ._switch__labels_fs0k8_48{padding-top:0;padding-bottom:0}

package/dist/components/switch/Switch.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Switch.css');const _="_switch__input_1y6ud_16",s="_switch__labels_1y6ud_37",t="_switch__label_1y6ud_37",i="_switch__track_1y6ud_51",c="_switch__knob_1y6ud_81",e={switch:"_switch_1y6ud_2",switch__input:_,"switch__secondary-label":"_switch__secondary-label_1y6ud_20",switch__labels:s,switch__label:t,switch__track:i,switch__knob:c,"switch--size-small":"_switch--size-small_1y6ud_92","switch--size-medium":"_switch--size-medium_1y6ud_111","switch--size-large":"_switch--size-large_1y6ud_130","switch--semi-bold":"_switch--semi-bold_1y6ud_149","switch--with-secondary":"_switch--with-secondary_1y6ud_152"};exports.default=e;exports.switch__input=_;exports.switch__knob=c;exports.switch__label=t;exports.switch__labels=s;exports.switch__track=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Switch.css');const _="_switch__input_fs0k8_27",s="_switch__labels_fs0k8_48",t="_switch__label_fs0k8_48",i="_switch__track_fs0k8_62",c="_switch__knob_fs0k8_92",e={switch:"_switch_fs0k8_13",switch__input:_,"switch__secondary-label":"_switch__secondary-label_fs0k8_31",switch__labels:s,switch__label:t,switch__track:i,switch__knob:c,"switch--size-small":"_switch--size-small_fs0k8_103","switch--size-medium":"_switch--size-medium_fs0k8_122","switch--size-large":"_switch--size-large_fs0k8_141","switch--semi-bold":"_switch--semi-bold_fs0k8_160","switch--with-secondary":"_switch--with-secondary_fs0k8_163"};exports.default=e;exports.switch__input=_;exports.switch__knob=c;exports.switch__label=t;exports.switch__labels=s;exports.switch__track=i;
 //# sourceMappingURL=Switch.module.scss.cjs.map

package/dist/components/switch/Switch.module.scss.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import './Switch.css';const _ = "_switch__input_1y6ud_16", s = "_switch__labels_1y6ud_37", t = "_switch__label_1y6ud_37", i = "_switch__track_1y6ud_51", c = "_switch__knob_1y6ud_81", h = {
-  switch: "_switch_1y6ud_2",
+import './Switch.css';const _ = "_switch__input_fs0k8_27", s = "_switch__labels_fs0k8_48", t = "_switch__label_fs0k8_48", i = "_switch__track_fs0k8_62", c = "_switch__knob_fs0k8_92", h = {
+  switch: "_switch_fs0k8_13",
   switch__input: _,
-  "switch__secondary-label": "_switch__secondary-label_1y6ud_20",
+  "switch__secondary-label": "_switch__secondary-label_fs0k8_31",
   switch__labels: s,
   switch__label: t,
   switch__track: i,
   switch__knob: c,
-  "switch--size-small": "_switch--size-small_1y6ud_92",
-  "switch--size-medium": "_switch--size-medium_1y6ud_111",
-  "switch--size-large": "_switch--size-large_1y6ud_130",
-  "switch--semi-bold": "_switch--semi-bold_1y6ud_149",
-  "switch--with-secondary": "_switch--with-secondary_1y6ud_152"
+  "switch--size-small": "_switch--size-small_fs0k8_103",
+  "switch--size-medium": "_switch--size-medium_fs0k8_122",
+  "switch--size-large": "_switch--size-large_fs0k8_141",
+  "switch--semi-bold": "_switch--semi-bold_fs0k8_160",
+  "switch--with-secondary": "_switch--with-secondary_fs0k8_163"
 };
 export {
   h as default,

package/dist/components/tabs/Tabs.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_tabs_69hbz_2~~{display:flex;align-items:center;justify-content:space-between}._tabs__tab-~~list_69hbz_7~~{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}.~~_tabs__tab_69hbz_7~~{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-s);background:transparent;border:none;cursor:pointer;padding:var(--spacing-xxs) var(--spacing-s);outline:2px solid ~~color-mix(in srgb,~~var(--focus-ring-color) ~~0%,transparent)~~;outline-offset:0;~~transition~~:~~background~~-~~color~~ var(--duration-quick) var(--ease-transition)~~,outline~~-~~color var~~(~~--duration~~-~~quick~~) ~~var~~(~~--ease~~-~~transition~~)~~,outline~~-~~offset var(--duration~~-~~quick)~~ var(--~~ease~~-~~transition~~)}~~._tabs__tab_69hbz_7:focus~~-~~visible~~{outline-color:~~var(--focus-ring-color)~~;outline-offset:~~3px~~}.~~_tabs__tab_69hbz_7~~:hover:not(._tabs__tab--~~active_69hbz_31~~):not(._tabs__tab--~~disabled_69hbz_31~~){background-color:rgba(var(--center-channel-color-rgb),.08)}._tabs__tab--~~active_69hbz_31~~{background-color:rgba(var(--link-color-rgb),.08)}._tabs__tab--~~active_69hbz_31~~ ._tabs__tab-~~label_69hbz_37~~{color:var(--link-color)}._tabs__tab--~~active_69hbz_31~~ ._tabs__count-~~badge_69hbz_40~~{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__tab--~~disabled_69hbz_31~~{cursor:not-allowed}._tabs__tab--~~disabled_69hbz_31~~ ._tabs__tab-~~label_69hbz_37~~,._tabs__tab--~~disabled_69hbz_31~~ ._tabs__count-~~badge_69hbz_40~~{color:rgba(var(--center-channel-color-rgb),.4)}._tabs__tab-~~label_69hbz_37~~{display:flex;align-items:center;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap~~;transition:color var(--duration-quick) var(--ease-transition)~~}._tabs__count-~~badge_69hbz_40~~{display:inline-flex;align-items:center;justify-content:center;padding:2.5px var(--spacing-xxs);border-radius:var(--radius-m);background-color:rgba(var(--center-channel-color-rgb),.08);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:11px;color:rgba(var(--center-channel-color-rgb),.64);flex-shrink:0~~;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)~~}._tabs__count-badge--~~active_69hbz_75~~{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__unread-~~badge_69hbz_79~~{flex-shrink:0;width:4px;height:4px;border-radius:var(--radius-pill);background-color:var(--button-bg)}._tabs__unread-~~label_69hbz_86~~{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.~~_tabs__controls_69hbz_97~~{display:flex;align-items:center;gap:var(--spacing-xxs);flex-shrink:0}._tabs--appearance-~~underlined_69hbz_103~~{align-items:stretch;box-shadow:inset 0 -1px rgba(var(--center-channel-color-rgb),.12)}._tabs--appearance-~~underlined_69hbz_103~~ ._tabs__tab-~~list_69hbz_7~~{gap:var(--spacing-xs)}._tabs--appearance-~~underlined_69hbz_103~~ .~~_tabs__tab_69hbz_7~~{border-radius:0;padding:var(--spacing-s) var(--spacing-xs)}._tabs--appearance-~~underlined_69hbz_103~~ .~~_tabs__tab_69hbz_7~~:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:transparent~~;transition:background-color var(--duration-quick) var(--ease-transition)~~}._tabs--appearance-~~underlined_69hbz_103~~ .~~_tabs__tab_69hbz_7~~:hover:not(._tabs__tab--~~active_69hbz_31~~):not(._tabs__tab--~~disabled_69hbz_31~~){background-color:transparent}._tabs--appearance-~~underlined_69hbz_103~~ .~~_tabs__tab_69hbz_7~~:hover:not(._tabs__tab--~~active_69hbz_31~~):not(._tabs__tab--~~disabled_69hbz_31~~) ._tabs__tab-~~label_69hbz_37~~{color:var(--center-channel-color)}._tabs--appearance-~~underlined_69hbz_103~~ ._tabs__tab--~~active_69hbz_31~~{background-color:transparent}._tabs--appearance-~~underlined_69hbz_103~~ ._tabs__tab--~~active_69hbz_31~~:after{background-color:var(--link-color)}
1	+ ._tabs_13rrk_13{display:flex;align-items:center;justify-content:space-between}._tabs__tab-list_13rrk_18{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._tabs__tab_13rrk_18{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-s);background:transparent;border:none;cursor:pointer;padding:var(--spacing-xxs) var(--spacing-s);outline:none}._tabs__tab_13rrk_18:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_13rrk_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._tabs__tab_13rrk_18:focus-visible{animation:none}}._tabs__tab_13rrk_18:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_13rrk_1{0%{outline-color:transparent;outline-offset:0}}._tabs__tab_13rrk_18:is(:hover,:focus-visible):not(._tabs__tab--active_13rrk_56):not(._tabs__tab--disabled_13rrk_56){background-color:rgba(var(--center-channel-color-rgb),.08)}._tabs__tab--active_13rrk_56{background-color:rgba(var(--link-color-rgb),.08)}._tabs__tab--active_13rrk_56 ._tabs__tab-label_13rrk_62{color:var(--link-color)}._tabs__tab--active_13rrk_56 ._tabs__count-badge_13rrk_65{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__tab--disabled_13rrk_56{cursor:not-allowed}._tabs__tab--disabled_13rrk_56 ._tabs__tab-label_13rrk_62,._tabs__tab--disabled_13rrk_56 ._tabs__count-badge_13rrk_65{color:rgba(var(--center-channel-color-rgb),.4)}._tabs__tab-label_13rrk_62{display:flex;align-items:center;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap}._tabs__count-badge_13rrk_65{display:inline-flex;align-items:center;justify-content:center;padding:2.5px var(--spacing-xxs);border-radius:var(--radius-m);background-color:rgba(var(--center-channel-color-rgb),.08);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:11px;color:rgba(var(--center-channel-color-rgb),.64);flex-shrink:0}._tabs__count-badge--active_13rrk_98{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__unread-badge_13rrk_102{flex-shrink:0;width:4px;height:4px;border-radius:var(--radius-pill);background-color:var(--button-bg)}._tabs__unread-label_13rrk_109{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._tabs__controls_13rrk_120{display:flex;align-items:center;gap:var(--spacing-xxs);flex-shrink:0}._tabs--appearance-underlined_13rrk_126{align-items:stretch;box-shadow:inset 0 -1px rgba(var(--center-channel-color-rgb),.12)}._tabs--appearance-underlined_13rrk_126 ._tabs__tab-list_13rrk_18{gap:var(--spacing-xs)}._tabs--appearance-underlined_13rrk_126 ._tabs__tab_13rrk_18:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46){border-radius:0;padding:var(--spacing-s) var(--spacing-xs)}._tabs--appearance-underlined_13rrk_126 ._tabs__tab_13rrk_18:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46):after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:transparent}._tabs--appearance-underlined_13rrk_126 ._tabs__tab_13rrk_18:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46):is(:hover,:focus-visible):not(._tabs__tab--active_13rrk_56):not(._tabs__tab--disabled_13rrk_56){background-color:transparent}._tabs--appearance-underlined_13rrk_126 ._tabs__tab_13rrk_18:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46):is(:hover,:focus-visible):not(._tabs__tab--active_13rrk_56):not(._tabs__tab--disabled_13rrk_56) ._tabs__tab-label_13rrk_62{color:var(--center-channel-color)}._tabs--appearance-underlined_13rrk_126 ._tabs__tab--active_13rrk_56:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46){background-color:transparent}._tabs--appearance-underlined_13rrk_126 ._tabs__tab--active_13rrk_56:not(._-host-shadow-a_13rrk_46):not(._-host-shadow-b_13rrk_46):after{background-color:var(--link-color)}

package/dist/components/tabs/Tabs.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tabs.css');const _="_tabs_69hbz_2",a="_tabs__tab_69hbz_7",t="_tabs__controls_69hbz_97",b={tabs:_,"tabs__tab-list":"_tabs__tab-list_69hbz_7",tabs__tab:a,"tabs__tab--active":"_tabs__tab--active_69hbz_31","tabs__tab--disabled":"_tabs__tab--disabled_69hbz_31","tabs__tab-label":"_tabs__tab-label_69hbz_37","tabs__count-badge":"_tabs__count-badge_69hbz_40","tabs__count-badge--active":"_tabs__count-badge--active_69hbz_75","tabs__unread-badge":"_tabs__unread-badge_69hbz_79","tabs__unread-label":"_tabs__unread-label_69hbz_86",tabs__controls:t,"tabs--appearance-underlined":"_tabs--appearance-underlined_69hbz_103"};exports.default=b;exports.tabs=_;exports.tabs__controls=t;exports.tabs__tab=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tabs.css');const _="_tabs_13rrk_13",a="_tabs__tab_13rrk_18",t="_tabs__controls_13rrk_120",b={tabs:_,"tabs__tab-list":"_tabs__tab-list_13rrk_18",tabs__tab:a,"focus-ring-in":"_focus-ring-in_13rrk_1","-host-shadow-a":"_-host-shadow-a_13rrk_46","-host-shadow-b":"_-host-shadow-b_13rrk_46","tabs__tab--active":"_tabs__tab--active_13rrk_56","tabs__tab--disabled":"_tabs__tab--disabled_13rrk_56","tabs__tab-label":"_tabs__tab-label_13rrk_62","tabs__count-badge":"_tabs__count-badge_13rrk_65","tabs__count-badge--active":"_tabs__count-badge--active_13rrk_98","tabs__unread-badge":"_tabs__unread-badge_13rrk_102","tabs__unread-label":"_tabs__unread-label_13rrk_109",tabs__controls:t,"tabs--appearance-underlined":"_tabs--appearance-underlined_13rrk_126"};exports.default=b;exports.tabs=_;exports.tabs__controls=t;exports.tabs__tab=a;
 //# sourceMappingURL=Tabs.module.scss.cjs.map