From c6406aac16ac2fd611b008a73057a6a609e5b2b5 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Wed, 28 Feb 2024 12:46:26 -0500 Subject: [PATCH 01/52] chore(tag): adds color types --- packages/react/src/components/tag/tag.tsx | 47 +++++++++++++++-------- 1 file changed, 31 insertions(+), 16 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index b1212e40d1..c1832e1ebb 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -14,7 +14,22 @@ import { focus } from '../../utils/css-state'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; import { Icon, IconName } from '../icon/icon'; -type TagSize = 'small' | 'medium'; +type TagColor = + | 'default' + | 'purple' + | 'lime' + | 'gold' + | 'orange' + | 'turquoise' + | 'blue' + | 'red' + | 'green-forest' + | 'violet' + | 'magenta'; + +type TagSize = + | 'small' + | 'medium'; export interface TagValue { id?: string; @@ -25,6 +40,7 @@ export interface TagProps { className?: string; iconName?: IconName; size?: TagSize; + color?: TagColor; value: TagValue; /** Mutually exclusive with onDelete */ @@ -34,12 +50,13 @@ export interface TagProps { onDelete?(tag: TagValue): void; } -interface ContainerProps { +interface TagContainerProps { $clickable: boolean; $deletable: boolean; $hasIcon: boolean; $isMobile: boolean; $tagSize: TagSize; + $tagColor: TagColor; type?: DetailedHTMLProps, HTMLButtonElement>['type']; } @@ -48,6 +65,11 @@ interface TagLabelProps { $tagSize: TagSize; } +interface IconOrButtonProps { + $isMobile: boolean; + $tagSize: TagSize; +} + function getFontSize({ $isMobile }: TagLabelProps): number { return $isMobile ? 0.875 : 0.75; } @@ -56,11 +78,6 @@ function getIconSize(isMobile: boolean): string { return isMobile ? '20' : '12'; } -interface IconOrButtonProps { - $isMobile: boolean; - $tagSize: TagSize; -} - function isMedium(tagSize: TagSize): tagSize is 'medium' { return tagSize === 'medium'; } @@ -80,7 +97,7 @@ function getLineHeight({ $isMobile, $tagSize }: TagLabelProps): number { return $isMobile ? 1.875 : 1.5; } -function getBorderRadius({ $clickable, $isMobile, $tagSize }: ContainerProps): string { +function getBorderRadius({ $clickable, $isMobile, $tagSize }: TagContainerProps): string { if ($clickable) { const isSmallTag = isSmall($tagSize); if ($isMobile) { @@ -92,7 +109,6 @@ function getBorderRadius({ $clickable, $isMobile, $tagSize }: ContainerProps): s } const StyledIcon = styled(Icon) & IconOrButtonProps>` - /* TODO change when updating thematization */ color: ${({ theme }) => theme.component['tag-delete-icon-color']}; height: var(--size-1x); margin-right: var(--spacing-half); @@ -105,10 +121,9 @@ const DeleteIcon = styled(Icon).attrs({ name: 'x', })``; -function getClickableStyle({ $clickable }: ContainerProps): FlattenInterpolation> | false { +function getClickableStyle({ $clickable }: TagContainerProps): FlattenInterpolation> | false { return $clickable && css` &:hover { - /* TODO fix with next thematization gray65 */ background-color: ${({ theme }) => theme.component['tag-clickable-hover-background-color']}; border-color: ${({ theme }) => theme.component['tag-clickable-hover-border-color']}; @@ -146,7 +161,6 @@ const DeleteButton = styled.button` } &:hover { - /* TODO fix with next thematization gray65 */ background-color: ${({ theme }) => theme.component['tag-delete-button-hover-background-color']}; ${DeleteIcon} { @@ -157,11 +171,10 @@ const DeleteButton = styled.button` ${focus}; `; -const Container = styled.span` +const TagContainer = styled.div` align-items: center; background-color: ${({ theme }) => theme.component['tag-background-color']}; - /* TODO fix with next thematization gray50 */ border-radius: ${getBorderRadius}; box-shadow: inset 0 0 0 1px ${({ theme }) => theme.component['tag-box-shadow-color']}; display: inline-flex; @@ -186,6 +199,7 @@ export const Tag = forwardRef(({ onClick, onDelete, size = 'medium', + color = 'default', value, }: TagProps, ref: Ref) => { if (onClick && onDelete) { @@ -206,7 +220,7 @@ export const Tag = forwardRef(({ }, [onDelete, value]); return ( - + ); }); From 3e0ba62ca2c17308e888ee34f2fd04b0d887af32 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Fri, 1 Mar 2024 16:31:42 -0500 Subject: [PATCH 02/52] chore(tag): v1 --- packages/react/src/components/tag/tag.tsx | 280 +++++++++++++----- .../src/themes/tokens/component/tag-tokens.ts | 132 +++++++-- .../src/themes/tokens/ref/palette-tokens.ts | 84 +++++- packages/storybook/.storybook/main.ts | 1 + packages/storybook/package.json | 2 + packages/storybook/stories/tag.stories.tsx | 208 ++++++++----- yarn.lock | 12 + 7 files changed, 558 insertions(+), 161 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index c1832e1ebb..dff8de8b08 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -1,20 +1,23 @@ import { - ButtonHTMLAttributes, - DetailedHTMLProps, forwardRef, MouseEventHandler, Ref, SVGProps, - useCallback, + useCallback, useEffect, + useState, } from 'react'; -import styled, { css, FlattenInterpolation, ThemeProps } from 'styled-components'; +import styled, { + css, FlattenInterpolation, + StyledProps, ThemeProps, +} from 'styled-components'; import { useTranslation } from '../../i18n/use-translation'; import { ResolvedTheme } from '../../themes/theme'; import { focus } from '../../utils/css-state'; +import { IconButton } from '../buttons/icon-button'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; import { Icon, IconName } from '../icon/icon'; -type TagColor = +export type DefaultTagColor = | 'default' | 'purple' | 'lime' @@ -27,48 +30,81 @@ type TagColor = | 'violet' | 'magenta'; -type TagSize = +export type DecorativeTagColor = + | 'default' + | 'decorative-01' + | 'decorative-02' + | 'decorative-03' + | 'decorative-04' + | 'decorative-05' + | 'decorative-06' + | 'decorative-07' + | 'decorative-08' + | 'decorative-09' + | 'decorative-10'; + +export type TagColor = DefaultTagColor | DecorativeTagColor; + +const DecorativeTagColorMap: Record = { + default: 'default', + purple: 'decorative-01', + gold: 'decorative-02', + turquoise: 'decorative-03', + red: 'decorative-04', + lime: 'decorative-05', + orange: 'decorative-06', + blue: 'decorative-07', + 'green-forest': 'decorative-08', + magenta: 'decorative-09', + violet: 'decorative-10', +}; + +function getDecorativeTagColor(color: TagColor): DecorativeTagColor { + return DecorativeTagColorMap[color] || color; +} + +export type TagSize = | 'small' | 'medium'; export interface TagValue { + // eslint-disable-next-line react/no-unused-prop-types id?: string; label: string; + extraLabel?: string; } -export interface TagProps { +export interface ClickableOrDeletableTag { + onClick?(tag: TagValue): void; + onDelete?(tag: TagValue): void; +} + +export interface TagProps extends Partial { className?: string; iconName?: IconName; size?: TagSize; color?: TagColor; + selected?: boolean; value: TagValue; - - /** Mutually exclusive with onDelete */ - onClick?(tag: TagValue): void; - - /** Mutually exclusive with onClick */ - onDelete?(tag: TagValue): void; } -interface TagContainerProps { - $clickable: boolean; - $deletable: boolean; - $hasIcon: boolean; +interface BaseTagStylingProps { $isMobile: boolean; $tagSize: TagSize; $tagColor: TagColor; - type?: DetailedHTMLProps, HTMLButtonElement>['type']; + $selected?: boolean; + $clickable?: boolean; } -interface TagLabelProps { - $isMobile: boolean; - $tagSize: TagSize; +interface TagContainerProps extends BaseTagStylingProps { + $clickable: boolean; + $deletable: boolean; + $hasIcon: boolean; + type?: React.ButtonHTMLAttributes['type']; } -interface IconOrButtonProps { - $isMobile: boolean; - $tagSize: TagSize; -} +type TagLabelProps = BaseTagStylingProps; +type IconOrButtonProps = BaseTagStylingProps; function getFontSize({ $isMobile }: TagLabelProps): number { return $isMobile ? 0.875 : 0.75; @@ -78,42 +114,70 @@ function getIconSize(isMobile: boolean): string { return isMobile ? '20' : '12'; } -function isMedium(tagSize: TagSize): tagSize is 'medium' { - return tagSize === 'medium'; +function isDefault(tagColor: TagColor): tagColor is 'default' { + return tagColor === 'default'; } -function getPadding({ $isMobile, $tagSize }: IconOrButtonProps): string { - return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; +function isMedium(tagSize: TagSize): tagSize is 'medium' { + return tagSize === 'medium'; } function isSmall(tagSize: TagSize): tagSize is 'small' { return tagSize === 'small'; } +function getPadding({ $isMobile, $tagSize }: IconOrButtonProps): string { + return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; +} + function getLineHeight({ $isMobile, $tagSize }: TagLabelProps): number { - if (isSmall($tagSize)) { - return $isMobile ? 1.5 : 1; + if ($isMobile) { + return isSmall($tagSize) ? 1.5 : 1.875; } - return $isMobile ? 1.875 : 1.5; + return isSmall($tagSize) ? 1 : 1.5; } function getBorderRadius({ $clickable, $isMobile, $tagSize }: TagContainerProps): string { if ($clickable) { - const isSmallTag = isSmall($tagSize); - if ($isMobile) { - return isSmallTag ? 'var(--border-radius-3x)' : 'var(--border-radius-4x)'; - } - return isSmallTag ? 'var(--border-radius-2x)' : 'var(--border-radius-3x)'; + return isSmall($tagSize) ? 'var(--border-radius-3x)' : 'var(--border-radius-4x)'; } return $isMobile || isMedium($tagSize) ? 'var(--border-radius)' : 'var(--border-radius-half)'; } +type ColorProperty = 'background-color' | 'border-color' | 'text-color'; + +function getTagColors( + { + $tagColor, $colorProperty, theme, +}: StyledProps, +): string { + const color = getDecorativeTagColor($tagColor); + return theme.component[`tag-${color}-${$colorProperty}`]; +} + const StyledIcon = styled(Icon) & IconOrButtonProps>` - color: ${({ theme }) => theme.component['tag-delete-icon-color']}; + color: ${({ theme }) => theme.component['tag-default-icon-color']}; + height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; width: var(--size-1x); + + ${({ $selected }) => $selected && css` + color: ${({ theme }) => theme.component['tag-default-selected-icon-color']}; + `} + + ${({ $clickable, $selected }) => $clickable && css` + &:hover { + color: ${({ theme }) => theme.component['tag-default-hover-icon-color']}; + + ${$selected && css` + color: ${({ theme }) => theme.component['tag-default-selected-hover-icon-color']}; + `} + } + `} `; const DeleteIcon = styled(Icon).attrs({ @@ -121,38 +185,43 @@ const DeleteIcon = styled(Icon).attrs({ name: 'x', })``; -function getClickableStyle({ $clickable }: TagContainerProps): FlattenInterpolation> | false { - return $clickable && css` - &:hover { - background-color: ${({ theme }) => theme.component['tag-clickable-hover-background-color']}; - border-color: ${({ theme }) => theme.component['tag-clickable-hover-border-color']}; - - ${StyledIcon} { - color: ${({ theme }) => theme.component['tag-clickable-hover-icon-color']}; - } - } - - ${focus}; - `; -} +const TagExtraLabel = styled.span` + display: inline-block; + color: ${({ theme }) => theme.component['tag-default-extra-label-text-color']}; + font-size: ${getFontSize}rem; + line-height: ${getLineHeight}rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + ${({ $selected }) => $selected && css` + color: ${({ theme }) => theme.component['tag-default-selected-extra-label-text-color']}; + `} +`; const TagLabel = styled.span` display: inline-block; + color: ${(props) => getTagColors({ ...props, $colorProperty: 'text-color' })}; font-size: ${getFontSize}rem; line-height: ${getLineHeight}rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + ${({ $selected }) => $selected && css` + color: ${({ theme }) => theme.component['tag-default-selected-text-color']}; + `} `; -const DeleteButton = styled.button` +const DeleteButton = styled(IconButton)` align-items: center; border-radius: 50%; + color: ${({ theme }) => theme.component['tag-default-delete-button-icon-color']}; display: inline-flex; height: var(--size-1halfx); justify-content: center; margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); width: var(--size-1halfx); > svg { @@ -160,23 +229,50 @@ const DeleteButton = styled.button` width: 1rem; } + ${({ $selected }) => $selected && css` + color: ${({ theme }) => theme.component['tag-default-selected-delete-button-hover-icon-color']}; + `} + &:hover { - background-color: ${({ theme }) => theme.component['tag-delete-button-hover-background-color']}; + background-color: ${({ theme }) => theme.component['tag-default-delete-button-hover-background-color']}; + color: ${({ theme }) => theme.component['tag-default-delete-button-hover-icon-color']}; ${DeleteIcon} { - color: ${({ theme }) => theme.component['tag-delete-button-icon-color']}; + color: ${({ theme }) => theme.component['tag-default-delete-button-hover-icon-color']}; } + + ${({ $selected }) => $selected && css` + background-color: ${({ theme }) => theme.component['tag-default-selected-delete-button-hover-background-color']}; + color: ${({ theme }) => theme.component['tag-default-selected-delete-button-hover-icon-color']}; + `} } ${focus}; `; +function getClickableStyle( + { $clickable, $selected }: TagContainerProps, +): FlattenInterpolation> | false { + return $clickable && css` + &:hover { + background-color: ${({ theme }) => theme.component['tag-default-hover-background-color']}; + border-color: ${({ theme }) => theme.component['tag-default-hover-border-color']}; + + ${$selected && css` + background-color: ${({ theme }) => theme.component['tag-default-selected-hover-background-color']}; + border: 1px solid ${({ theme }) => theme.component['tag-default-selected-hover-border-color']}; + `} + } + + ${focus}; + `; +} + const TagContainer = styled.div` align-items: center; - background-color: ${({ theme }) => theme.component['tag-background-color']}; - + background-color: ${(props) => getTagColors({ ...props, $colorProperty: 'background-color' })}; + border: 1px solid ${(props) => getTagColors({ ...props, $colorProperty: 'border-color' })}; border-radius: ${getBorderRadius}; - box-shadow: inset 0 0 0 1px ${({ theme }) => theme.component['tag-box-shadow-color']}; display: inline-flex; padding: ${getPadding}; @@ -184,11 +280,12 @@ const TagContainer = styled.div` margin-left: var(--spacing-1x); } - ${DeleteButton} { - margin-right: calc(-1 * var(--spacing-half)); - } + ${({ $selected }) => $selected && css` + background-color: ${({ theme }) => theme.component['tag-default-selected-background-color']}; + border: 1px solid ${({ theme }) => theme.component['tag-default-selected-border-color']}; + `})} - ${getClickableStyle}; + ${getClickableStyle} ${focus}; `; @@ -200,25 +297,37 @@ export const Tag = forwardRef(({ onDelete, size = 'medium', color = 'default', + selected = false, value, }: TagProps, ref: Ref) => { - if (onClick && onDelete) { - throw new Error('Only one of onClick or onDelete can be provided.'); - } - const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); + const [isSelected, setSelected] = useState(isDefault(color) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); + useEffect(() => { + if (isDefault(color)) { + setSelected(selected); + } else { + setSelected(false); + } + }, [color, selected]); + const handleClick: MouseEventHandler = useCallback(() => { - onClick?.(value); - }, [onClick, value]); + if (isDefault(color) && onClick) { + setSelected(!isSelected); + onClick?.(value); + } + }, [color, isSelected, onClick, value]); const handleDelete: MouseEventHandler = useCallback((e) => { e.stopPropagation(); onDelete?.(value); }, [onDelete, value]); + console.log(`isSelected: ${isSelected}`); + console.log(`clickable: ${!!onClick && isDefault(color)}`); + return ( - {iconName && ( + {iconName && isDefault(color) && ( )} + {value.extraLabel && isDefault(color) && ( + + {value.extraLabel} +   + + )} + {value.label} - {onDelete && ( + {onDelete && isDefault(color) && ( - + $tagColor={color} + $selected={isSelected} + /> )} ); diff --git a/packages/react/src/themes/tokens/component/tag-tokens.ts b/packages/react/src/themes/tokens/component/tag-tokens.ts index f0ed685ce8..1a32313d68 100644 --- a/packages/react/src/themes/tokens/component/tag-tokens.ts +++ b/packages/react/src/themes/tokens/component/tag-tokens.ts @@ -2,15 +2,63 @@ import { AliasTokens } from '../alias-tokens'; import { RefTokens } from '../ref-tokens'; export type TagTokens = - | 'tag-background-color' - | 'tag-box-shadow-color' - | 'tag-delete-button-icon-color' - | 'tag-delete-button-hover-background-color' - | 'tag-delete-icon-color' - | 'tag-clickable-hover-border-background-color' - | 'tag-clickable-hover-border-color' - | 'tag-clickable-hover-icon-color' - | 'tag-clickable-hover-background-color'; + | 'tag-default-background-color' + | 'tag-default-border-color' + | 'tag-default-text-color' + | 'tag-default-extra-label-text-color' + | 'tag-default-icon-color' + + | 'tag-default-hover-icon-color' + | 'tag-default-hover-border-color' + | 'tag-default-hover-background-color' + | 'tag-default-selected-icon-color' + | 'tag-default-selected-border-color' + | 'tag-default-selected-background-color' + | 'tag-default-selected-text-color' + | 'tag-default-selected-extra-label-text-color' + | 'tag-default-selected-hover-background-color' + | 'tag-default-selected-hover-border-color' + | 'tag-default-selected-hover-text-color' + | 'tag-default-selected-hover-icon-color' + | 'tag-default-selected-hover-extra-label-text-color' + + | 'tag-default-delete-button-hover-icon-color' + | 'tag-default-delete-button-hover-background-color' + | 'tag-default-delete-button-icon-color' + | 'tag-default-selected-delete-button-icon-color' + | 'tag-default-selected-delete-button-hover-icon-color' + | 'tag-default-selected-delete-button-hover-background-color' + + | 'tag-decorative-01-background-color' + | 'tag-decorative-01-border-color' + | 'tag-decorative-01-text-color' + | 'tag-decorative-02-background-color' + | 'tag-decorative-02-border-color' + | 'tag-decorative-02-text-color' + | 'tag-decorative-03-background-color' + | 'tag-decorative-03-border-color' + | 'tag-decorative-03-text-color' + | 'tag-decorative-04-background-color' + | 'tag-decorative-04-border-color' + | 'tag-decorative-04-text-color' + | 'tag-decorative-05-background-color' + | 'tag-decorative-05-border-color' + | 'tag-decorative-05-text-color' + | 'tag-decorative-06-background-color' + | 'tag-decorative-06-border-color' + | 'tag-decorative-06-text-color' + | 'tag-decorative-07-background-color' + | 'tag-decorative-07-border-color' + | 'tag-decorative-07-text-color' + | 'tag-decorative-08-background-color' + | 'tag-decorative-08-border-color' + | 'tag-decorative-08-text-color' + | 'tag-decorative-09-background-color' + | 'tag-decorative-09-border-color' + | 'tag-decorative-09-text-color' + | 'tag-decorative-10-background-color' + | 'tag-decorative-10-border-color' + | 'tag-decorative-10-text-color'; export type TagTokenValue = AliasTokens | RefTokens; @@ -19,13 +67,61 @@ export type TagTokenMap = { }; export const defaultTagTokens: TagTokenMap = { - 'tag-background-color': 'color-neutral-05', - 'tag-box-shadow-color': 'color-neutral-50', - 'tag-delete-button-icon-color': 'color-black', - 'tag-delete-button-hover-background-color': 'color-neutral-15', - 'tag-delete-icon-color': 'color-neutral-65', - 'tag-clickable-hover-border-background-color': 'color-neutral-65', - 'tag-clickable-hover-border-color': 'color-neutral-65', - 'tag-clickable-hover-icon-color': 'color-black', - 'tag-clickable-hover-background-color': 'color-neutral-15', + 'tag-default-background-color': 'color-neutral-05', + 'tag-default-border-color': 'color-neutral-50', + 'tag-default-text-color': 'color-neutral-90', + 'tag-default-extra-label-text-color': 'color-neutral-65', + 'tag-default-icon-color': 'color-neutral-65', + 'tag-default-hover-background-color': 'color-neutral-15', + 'tag-default-hover-border-color': 'color-neutral-90', + 'tag-default-hover-icon-color': 'color-neutral-90', + + 'tag-default-selected-background-color': 'color-informative-05', + 'tag-default-selected-border-color': 'color-informative-70', + 'tag-default-selected-text-color': 'color-informative-70', + 'tag-default-selected-extra-label-text-color': 'color-informative-50', + 'tag-default-selected-icon-color': 'color-informative-70', + 'tag-default-selected-hover-background-color': 'color-informative-10', + 'tag-default-selected-hover-border-color': 'color-informative-70', + 'tag-default-selected-hover-icon-color': 'color-informative-70', + 'tag-default-selected-hover-text-color': 'color-informative-70', + 'tag-default-selected-hover-extra-label-text-color': 'color-informative-50', + + 'tag-default-delete-button-hover-background-color': 'color-neutral-15', + 'tag-default-delete-button-hover-icon-color': 'color-neutral-90', + 'tag-default-delete-button-icon-color': 'color-neutral-65', + 'tag-default-selected-delete-button-hover-background-color': 'color-informative-10', + 'tag-default-selected-delete-button-hover-icon-color': 'color-informative-70', + 'tag-default-selected-delete-button-icon-color': 'color-informative-70', + + 'tag-decorative-01-background-color': 'color-decorative-01-05', + 'tag-decorative-01-border-color': 'color-decorative-01-50', + 'tag-decorative-01-text-color': 'color-decorative-01-70', + 'tag-decorative-02-background-color': 'color-decorative-02-05', + 'tag-decorative-02-border-color': 'color-decorative-02-50', + 'tag-decorative-02-text-color': 'color-decorative-02-70', + 'tag-decorative-03-background-color': 'color-decorative-03-05', + 'tag-decorative-03-border-color': 'color-decorative-03-50', + 'tag-decorative-03-text-color': 'color-decorative-03-70', + 'tag-decorative-04-background-color': 'color-decorative-04-05', + 'tag-decorative-04-border-color': 'color-decorative-04-50', + 'tag-decorative-04-text-color': 'color-decorative-04-70', + 'tag-decorative-05-background-color': 'color-decorative-05-05', + 'tag-decorative-05-border-color': 'color-decorative-05-50', + 'tag-decorative-05-text-color': 'color-decorative-05-70', + 'tag-decorative-06-background-color': 'color-decorative-06-05', + 'tag-decorative-06-border-color': 'color-decorative-06-50', + 'tag-decorative-06-text-color': 'color-decorative-06-70', + 'tag-decorative-07-background-color': 'color-decorative-07-05', + 'tag-decorative-07-border-color': 'color-decorative-07-50', + 'tag-decorative-07-text-color': 'color-decorative-07-70', + 'tag-decorative-08-background-color': 'color-decorative-08-05', + 'tag-decorative-08-border-color': 'color-decorative-08-50', + 'tag-decorative-08-text-color': 'color-decorative-08-70', + 'tag-decorative-09-background-color': 'color-decorative-09-05', + 'tag-decorative-09-border-color': 'color-decorative-09-50', + 'tag-decorative-09-text-color': 'color-decorative-09-70', + 'tag-decorative-10-background-color': 'color-decorative-10-05', + 'tag-decorative-10-border-color': 'color-decorative-10-50', + 'tag-decorative-10-text-color': 'color-decorative-10-70', }; diff --git a/packages/react/src/themes/tokens/ref/palette-tokens.ts b/packages/react/src/themes/tokens/ref/palette-tokens.ts index 8f17a268ea..6d84d84650 100644 --- a/packages/react/src/themes/tokens/ref/palette-tokens.ts +++ b/packages/react/src/themes/tokens/ref/palette-tokens.ts @@ -23,6 +23,7 @@ export type PaletteTokens = | 'color-alert-70' | 'color-informative-02' | 'color-informative-05' + | 'color-informative-10' | 'color-informative-20' | 'color-informative-50' | 'color-informative-70' @@ -41,7 +42,47 @@ export type PaletteTokens = | 'color-discovery-05' | 'color-discovery-20' | 'color-discovery-50' - | 'color-discovery-70'; + | 'color-discovery-70' + | 'color-decorative-01-05' + | 'color-decorative-01-10' + | 'color-decorative-01-50' + | 'color-decorative-01-70' + | 'color-decorative-02-05' + | 'color-decorative-02-10' + | 'color-decorative-02-50' + | 'color-decorative-02-70' + | 'color-decorative-03-05' + | 'color-decorative-03-10' + | 'color-decorative-03-50' + | 'color-decorative-03-70' + | 'color-decorative-04-05' + | 'color-decorative-04-10' + | 'color-decorative-04-50' + | 'color-decorative-04-70' + | 'color-decorative-05-05' + | 'color-decorative-05-10' + | 'color-decorative-05-50' + | 'color-decorative-05-70' + | 'color-decorative-06-05' + | 'color-decorative-06-10' + | 'color-decorative-06-50' + | 'color-decorative-06-70' + | 'color-decorative-07-05' + | 'color-decorative-07-10' + | 'color-decorative-07-50' + | 'color-decorative-07-70' + | 'color-decorative-08-05' + | 'color-decorative-08-10' + | 'color-decorative-08-50' + | 'color-decorative-08-70' + | 'color-decorative-09-05' + | 'color-decorative-09-10' + | 'color-decorative-09-50' + | 'color-decorative-09-70' + | 'color-decorative-10-05' + | 'color-decorative-10-10' + | 'color-decorative-10-50' + | 'color-decorative-10-70'; export type PaletteValue = string; @@ -74,6 +115,7 @@ export const defaultPaletteTokens: PaletteTokenMap = { 'color-alert-70': '#7B1A15', 'color-informative-02': '#F3F9FD', 'color-informative-05': '#E0F0F9', + 'color-informative-10': '#C2E2F4', 'color-informative-20': '#84C6EA', 'color-informative-50': '#006296', 'color-informative-70': '#003A5A', @@ -93,4 +135,44 @@ export const defaultPaletteTokens: PaletteTokenMap = { 'color-discovery-20': '#CFC1E3', 'color-discovery-50': '#602FA0', 'color-discovery-70': '#3A1C60', + 'color-decorative-01-05': '#EBE6EB', + 'color-decorative-01-10': '#D7CCD8', + 'color-decorative-01-50': '#38023B', + 'color-decorative-01-70': '#220123', + 'color-decorative-02-05': '#FAF3E7', + 'color-decorative-02-10': '#F6E7D0', + 'color-decorative-02-50': '#CE840C', + 'color-decorative-02-70': '#7D520B', + 'color-decorative-03-05': '#E7F0F1', + 'color-decorative-03-10': '#D0E1E3', + 'color-decorative-03-50': '#126773', + 'color-decorative-03-70': '#0B3E45', + 'color-decorative-04-05': '#F3E6E6', + 'color-decorative-04-10': '#E8CCCC', + 'color-decorative-04-50': '#960000', + 'color-decorative-04-70': '#530000', + 'color-decorative-05-05': '#F2F5E8', + 'color-decorative-05-10': '#E5EBD2', + 'color-decorative-05-50': '#7B9C1D', + 'color-decorative-05-70': '#4A5E11', + 'color-decorative-06-05': '#FAEDE6', + 'color-decorative-06-10': '#F5DBCC', + 'color-decorative-06-50': '#CD4B00', + 'color-decorative-06-70': '#7B2D00', + 'color-decorative-07-05': '#E7EDF5', + 'color-decorative-07-10': '#CFDAEA', + 'color-decorative-07-50': '#104697', + 'color-decorative-07-70': '#0A2A5B', + 'color-decorative-08-05': '#E6EDEB', + 'color-decorative-08-10': '#CDDAD6', + 'color-decorative-08-50': '#064633', + 'color-decorative-08-70': '#042A1F', + 'color-decorative-09-05': '#F2E9EF', + 'color-decorative-09-10': '#E5D3DE', + 'color-decorative-09-50': '#7E235A', + 'color-decorative-09-70': '#4C1536', + 'color-decorative-10-05': '#F1F0F7', + 'color-decorative-10-10': '#E3E2EE', + 'color-decorative-10-50': '#766DAB', + 'color-decorative-10-70': '#444167', }; diff --git a/packages/storybook/.storybook/main.ts b/packages/storybook/.storybook/main.ts index 382361844f..564706d11d 100644 --- a/packages/storybook/.storybook/main.ts +++ b/packages/storybook/.storybook/main.ts @@ -33,6 +33,7 @@ const config: StorybookConfig = { '@storybook/addon-a11y', '@storybook/addon-actions', '@storybook/addon-links', + '@storybook/addon-controls', ], webpackFinal: async (config) => ({ ...config, diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 4d167a900e..18252f679b 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -14,6 +14,7 @@ }, "dependencies": { "@equisoft/design-elements-react": "workspace:*", + "@storybook/addon-controls": "^7.0.8", "@storybook/addon-docs": "^7.0.8", "@storybook/blocks": "^7.0.8", "@storybook/preview": "^7.0.8", @@ -42,6 +43,7 @@ "@microsoft/eslint-formatter-sarif": "^3.0.0", "@storybook/addon-a11y": "^7.5.3", "@storybook/addon-actions": "^7.5.3", + "@storybook/addon-controls": "^7.5.3", "@storybook/addon-links": "^7.5.3", "@storybook/react-webpack5": "^7.0.8", "@storybook/theming": "^7.0.8", diff --git a/packages/storybook/stories/tag.stories.tsx b/packages/storybook/stories/tag.stories.tsx index b3980bceb6..d8930a36d0 100644 --- a/packages/storybook/stories/tag.stories.tsx +++ b/packages/storybook/stories/tag.stories.tsx @@ -1,86 +1,160 @@ -import { Tag, TagProps, TagValue } from '@equisoft/design-elements-react'; -import { StoryFn as Story } from '@storybook/react'; -import { ReactElement, useRef, useState } from 'react'; +import { Tag, TagValue } from '@equisoft/design-elements-react'; +import { Meta, StoryObj } from '@storybook/react'; +import { useRef } from 'react'; import { rawCodeParameters } from './utils/parameters'; -export default { - title: 'Components/Notification/Tag', +const meta: Meta = { component: Tag, + title: 'Components/Notification/Tag', + argTypes: { + size: { + control: { + type: 'select', + }, + defaultValue: 'medium', + }, + color: { + control: { + type: 'select', + }, + }, + value: { + if: { + arg: 'color', + eq: 'default', + }, + control: { + type: 'object', + }, + }, + iconName: { + if: { + arg: 'color', + eq: 'default', + }, + control: { + type: 'select', + }, + }, + selected: { + if: { + arg: 'color', + eq: 'default', + }, + control: { + type: 'boolean', + }, + }, + onClick: { + if: { + arg: 'color', + eq: 'default', + }, + control: { + type: 'boolean', + }, + }, + onDelete: { + if: { + arg: 'color', + eq: 'default', + }, + control: { + type: 'boolean', + }, + }, + }, }; -export const Normal: Story = (): ReactElement => { - const tags: TagValue[] = [ - { label: 'Tag 1', id: '1' }, - { label: 'Tag 2', id: '2' }, - { label: 'Tag 3', id: '3' }, - ]; +export default meta; +type Story = StoryObj; - return ( - <> -
- {tags.map((tag) => )} -
-
-
- {tags.map((tag) => )} -
- - ); +export const Default: Story = { + args: { + value: { + label: 'Tag', + extraLabel: '', + }, + size: 'medium', + color: 'default', + selected: false, + iconName: undefined, + onClick: undefined, + onDelete: undefined, + }, + argTypes: { + ...meta.argTypes, + }, + render: (args) => ( + + ), }; -export const Small: Story = (): ReactElement => ( - -); - -export const Medium: Story = (): ReactElement => ( - -); - -export const WithIcons: Story = (): ReactElement => { - const options: TagProps[] = [ - { value: { label: 'Tag 1', id: 'tag1' }, iconName: 'calendar' }, - { value: { label: 'Tag 2', id: 'tag2' }, iconName: 'home' }, - { value: { label: 'Tag 3', id: 'tag3' }, iconName: 'info' }, - ]; +export const Small: Story = { + ...Default, + args: { + ...Default.args, + size: 'small', + }, +}; - return ( -
- {options.map(({ iconName, value }) => )} -
- ); +export const Medium: Story = { + ...Default, + args: { + ...Default.args, + size: 'medium', + }, }; -export const Deletable: Story = (): ReactElement => { - const initialOptions: TagValue[] = [ - { label: 'Tag 1', id: 'tag1' }, - { label: 'Tag 2', id: 'tag2' }, - { label: 'Tag 3', id: 'tag3' }, - ]; - const [options, setOptions] = useState(initialOptions); +export const WithExtraLabel: Story = { + ...Default, + args: { + ...Default.args, + value: { + id: '', + label: 'Tag', + extraLabel: 'ExtraLabel: ', + }, + }, +}; - function handleDelete(tag: TagValue): void { - const filteredOptionsArray = [...options].filter(({ id }) => id !== tag.id); - setOptions(filteredOptionsArray); - } +export const WithIcons: Story = { + ...Default, + args: { + ...Default.args, + iconName: 'copy', + }, +}; - return ( -
- {options.map((tag) => )} -
- ); +export const Deletable: Story = { + ...Default, + args: { + ...Default.args, + onDelete: (tag: TagValue) => console.info(`Deleted ${tag.label}`), + }, }; -export const Clickable: Story = () => { - function handleClick(tag: TagValue): void { - console.info(`Clicked on ${tag.label}`); - } +export const Clickable: Story = { + ...Default, + args: { + ...Default.args, + onClick: (tag: TagValue) => console.info(`Clicked on ${tag.label}`), + }, +}; - return ( - <> - - - - ); +export const Colored: Story = { + ...Default, + args: { + ...Default.args, + color: 'purple', + }, }; export const WithRef: Story = () => { diff --git a/yarn.lock b/yarn.lock index 29cfbdcc4f..043caab33d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1729,6 +1729,7 @@ __metadata: "@microsoft/eslint-formatter-sarif": "npm:^3.0.0" "@storybook/addon-a11y": "npm:^7.5.3" "@storybook/addon-actions": "npm:^7.5.3" + "@storybook/addon-controls": "npm:^7.5.3" "@storybook/addon-docs": "npm:^7.0.8" "@storybook/addon-links": "npm:^7.5.3" "@storybook/blocks": "npm:^7.0.8" @@ -3330,6 +3331,17 @@ __metadata: languageName: node linkType: hard +"@storybook/addon-controls@npm:^7.5.3": + version: 7.6.17 + resolution: "@storybook/addon-controls@npm:7.6.17" + dependencies: + "@storybook/blocks": "npm:7.6.17" + lodash: "npm:^4.17.21" + ts-dedent: "npm:^2.0.0" + checksum: 10c0/da66466b801064a916e059ce127efb2ab074a5c80fb65b568ac361d09fe55e0e993cd5400d6b0361bdfd783725e59449bbd30f87643964fa0db8e02a5f9550fd + languageName: node + linkType: hard + "@storybook/addon-docs@npm:^7.0.8": version: 7.6.17 resolution: "@storybook/addon-docs@npm:7.6.17" From b7806a3c57db34ca7e5c971c8890cbeac686b742 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Fri, 1 Mar 2024 17:20:48 -0500 Subject: [PATCH 03/52] chore(tag): update --- packages/react/src/components/tag/tag.tsx | 50 +++++++++++++++++------ 1 file changed, 37 insertions(+), 13 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index dff8de8b08..efd07b8ae6 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -68,24 +68,50 @@ export type TagSize = | 'medium'; export interface TagValue { - // eslint-disable-next-line react/no-unused-prop-types id?: string; label: string; extraLabel?: string; } export interface ClickableOrDeletableTag { + + /* The tag's is clickable. (optional) */ onClick?(tag: TagValue): void; + + /* The tag's is deletable. (optional) */ onDelete?(tag: TagValue): void; } export interface TagProps extends Partial { className?: string; - iconName?: IconName; + + /* The tag's size. + * @default 'medium' + */ size?: TagSize; + + /* The tag's size. + * @default 'default' + */ color?: TagColor; - selected?: boolean; + + /* The tag's value + TagValue.id is optional + TagValue.label is required + TagValue.extraLabel is optional and works only with 'default' color + */ value: TagValue; + + /* Whether the tag is selected. (optional) + * Can manually set the selected state of the tag, without the need for a click event. + * @default false + */ + selected?: boolean; + + /* The tag's icon. (optional) + * *only with 'default' color + */ + iconName?: IconName; } interface BaseTagStylingProps { @@ -141,7 +167,7 @@ function getBorderRadius({ $clickable, $isMobile, $tagSize }: TagContainerProps) if ($clickable) { return isSmall($tagSize) ? 'var(--border-radius-3x)' : 'var(--border-radius-4x)'; } - return $isMobile || isMedium($tagSize) ? 'var(--border-radius)' : 'var(--border-radius-half)'; + return $isMobile || isMedium($tagSize) ? 'var(--border-radius-2x)' : 'var(--border-radius)'; } type ColorProperty = 'background-color' | 'border-color' | 'text-color'; @@ -209,6 +235,7 @@ const TagLabel = styled.span` text-overflow: ellipsis; white-space: nowrap; ${({ $selected }) => $selected && css` + font-weight: var(--font-semi-bold); color: ${({ theme }) => theme.component['tag-default-selected-text-color']}; `} `; @@ -283,11 +310,9 @@ const TagContainer = styled.div` ${({ $selected }) => $selected && css` background-color: ${({ theme }) => theme.component['tag-default-selected-background-color']}; border: 1px solid ${({ theme }) => theme.component['tag-default-selected-border-color']}; - `})} - - ${getClickableStyle} + `} - ${focus}; + ${getClickableStyle}; `; export const Tag = forwardRef(({ @@ -304,6 +329,8 @@ export const Tag = forwardRef(({ const { isMobile } = useDeviceContext(); const [isSelected, setSelected] = useState(isDefault(color) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); + const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}...` : value.label; + const shortenedExtraLabel = (value.extraLabel && value.extraLabel?.length > 20) ? `${value.extraLabel?.slice(0, 17)}...` : ''; useEffect(() => { if (isDefault(color)) { @@ -325,9 +352,6 @@ export const Tag = forwardRef(({ onDelete?.(value); }, [onDelete, value]); - console.log(`isSelected: ${isSelected}`); - console.log(`clickable: ${!!onClick && isDefault(color)}`); - return ( - {value.extraLabel} + {shortenedExtraLabel}   )} @@ -378,7 +402,7 @@ export const Tag = forwardRef(({ $tagColor={color} $selected={isSelected} > - {value.label} + {shortenedLabel} {onDelete && isDefault(color) && ( From 5d176c45216497150a9b5f9fd914e456e0d9bbd0 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 09:52:40 -0500 Subject: [PATCH 04/52] chore(tag): update spacing --- .../src/components/tag/tag.test.tsx.snap | 814 +++++++++++------- packages/react/src/components/tag/tag.tsx | 17 +- 2 files changed, 518 insertions(+), 313 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index e49c00bb4a..c91ebac2bf 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -3,6 +3,7 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -17,13 +18,15 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-3x); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-4x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); } .c0 + .c0 { @@ -32,17 +35,7 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` .c1:hover { background-color: #DBDEE1; - border-color: #60666E; -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; + border-color: #1B1C1E; } .c1:focus { @@ -68,8 +61,101 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` `; exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -78,39 +164,44 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` white-space: nowrap; } -.c4 { +.c5 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; + color: #60666E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - height: var(--size-1halfx); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; + margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: var(--size-1halfx); + width: auto; + min-width: auto; + height: auto; + min-height: auto; } -.c4 > svg { +.c5 > svg { height: 1rem; width: 1rem; } -.c4:hover { +.c5:hover { background-color: #DBDEE1; + color: #1B1C1E; } -.c4:focus { +.c5:focus { outline: none; } -.c4:focus { +.c5:focus { outline: none; box-shadow: 0 0 0 2px #84C6EA; box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; @@ -122,8 +213,8 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -135,20 +226,6 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` margin-left: var(--spacing-1x); } -.c1 .c3 { - margin-right: calc(-1 * var(--spacing-half)); -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -159,17 +236,16 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` @@ -186,6 +262,7 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` .c3 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -200,8 +277,8 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -213,16 +290,6 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -230,7 +297,7 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="currentColor" + color="default" data-testid="Test-icon" height="12" role="img" @@ -247,6 +314,7 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -261,8 +329,8 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -274,16 +342,6 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -298,6 +356,7 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.875rem; line-height: 1.875rem; max-width: 312px; @@ -312,8 +371,8 @@ exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -325,16 +384,6 @@ exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -349,6 +398,7 @@ exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -363,13 +413,15 @@ exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-3x); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-4x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); } .c0 + .c0 { @@ -378,17 +430,7 @@ exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` .c1:hover { background-color: #DBDEE1; - border-color: #60666E; -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; + border-color: #1B1C1E; } .c1:focus { @@ -414,8 +456,101 @@ exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` `; exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -424,39 +559,44 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` white-space: nowrap; } -.c4 { +.c5 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; + color: #60666E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - height: var(--size-1halfx); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; + margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: var(--size-1halfx); + width: auto; + min-width: auto; + height: auto; + min-height: auto; } -.c4 > svg { +.c5 > svg { height: 1rem; width: 1rem; } -.c4:hover { +.c5:hover { background-color: #DBDEE1; + color: #1B1C1E; } -.c4:focus { +.c5:focus { outline: none; } -.c4:focus { +.c5:focus { outline: none; box-shadow: 0 0 0 2px #84C6EA; box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; @@ -468,8 +608,8 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -481,20 +621,6 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` margin-left: var(--spacing-1x); } -.c1 .c3 { - margin-right: calc(-1 * var(--spacing-half)); -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -505,17 +631,16 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` @@ -532,6 +657,7 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` .c3 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -546,8 +672,8 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -559,16 +685,6 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -576,7 +692,7 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="currentColor" + color="default" data-testid="Test-icon" height="12" role="img" @@ -593,6 +709,7 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -607,8 +724,8 @@ exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -620,16 +737,6 @@ exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -644,6 +751,7 @@ exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.875rem; line-height: 1.875rem; max-width: 312px; @@ -658,8 +766,8 @@ exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -671,16 +779,6 @@ exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -695,6 +793,7 @@ exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -709,13 +808,15 @@ exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-2x); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); } .c0 + .c0 { @@ -724,17 +825,7 @@ exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` .c1:hover { background-color: #DBDEE1; - border-color: #60666E; -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; + border-color: #1B1C1E; } .c1:focus { @@ -760,8 +851,102 @@ exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` `; exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -770,39 +955,44 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` white-space: nowrap; } -.c4 { +.c5 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; + color: #60666E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - height: var(--size-1halfx); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; + margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: var(--size-1halfx); + width: auto; + min-width: auto; + height: auto; + min-height: auto; } -.c4 > svg { +.c5 > svg { height: 1rem; width: 1rem; } -.c4:hover { +.c5:hover { background-color: #DBDEE1; + color: #1B1C1E; } -.c4:focus { +.c5:focus { outline: none; } -.c4:focus { +.c5:focus { outline: none; box-shadow: 0 0 0 2px #84C6EA; box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; @@ -814,8 +1004,8 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-half); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -827,20 +1017,6 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` margin-left: var(--spacing-1x); } -.c1 .c3 { - margin-right: calc(-1 * var(--spacing-half)); -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -851,17 +1027,16 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` @@ -878,6 +1053,7 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` .c3 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -892,8 +1068,8 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-half); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -905,16 +1081,6 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -922,7 +1088,7 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="currentColor" + color="default" data-testid="Test-icon" height="12" role="img" @@ -939,6 +1105,7 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` exports[`Tag Tag small matches snapshot (desktop) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -953,8 +1120,8 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-half); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -966,16 +1133,6 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -990,6 +1147,7 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` exports[`Tag Tag small matches snapshot (desktop) 2`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.875rem; line-height: 1.5rem; max-width: 312px; @@ -1004,8 +1162,8 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -1017,16 +1175,6 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -1041,6 +1189,7 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1055,13 +1204,15 @@ exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-2x); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); } .c0 + .c0 { @@ -1070,17 +1221,7 @@ exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` .c1:hover { background-color: #DBDEE1; - border-color: #60666E; -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; + border-color: #1B1C1E; } .c1:focus { @@ -1106,8 +1247,102 @@ exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` `; exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1116,39 +1351,44 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` white-space: nowrap; } -.c4 { +.c5 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; + color: #60666E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - height: var(--size-1halfx); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; + margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: var(--size-1halfx); + width: auto; + min-width: auto; + height: auto; + min-height: auto; } -.c4 > svg { +.c5 > svg { height: 1rem; width: 1rem; } -.c4:hover { +.c5:hover { background-color: #DBDEE1; + color: #1B1C1E; } -.c4:focus { +.c5:focus { outline: none; } -.c4:focus { +.c5:focus { outline: none; box-shadow: 0 0 0 2px #84C6EA; box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; @@ -1160,8 +1400,8 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-half); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -1173,20 +1413,6 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` margin-left: var(--spacing-1x); } -.c1 .c3 { - margin-right: calc(-1 * var(--spacing-half)); -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -1197,17 +1423,16 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` @@ -1224,6 +1449,7 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` .c3 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1238,8 +1464,8 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-half); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -1251,16 +1477,6 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -1268,7 +1484,7 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="currentColor" + color="default" data-testid="Test-icon" height="12" role="img" @@ -1285,6 +1501,7 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` exports[`Tag Tag small matches snapshot (mobile) 1`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1299,8 +1516,8 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius-half); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -1312,16 +1529,6 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -1336,6 +1543,7 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` exports[`Tag Tag small matches snapshot (mobile) 2`] = ` .c2 { display: inline-block; + color: #1B1C1E; font-size: 0.875rem; line-height: 1.5rem; max-width: 312px; @@ -1350,8 +1558,8 @@ exports[`Tag Tag small matches snapshot (mobile) 2`] = ` -ms-flex-align: center; align-items: center; background-color: #F1F2F2; - border-radius: var(--border-radius); - box-shadow: inset 0 0 0 1px #878F9A; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -1363,16 +1571,6 @@ exports[`Tag Tag small matches snapshot (mobile) 2`] = ` margin-left: var(--spacing-1x); } -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index efd07b8ae6..b50c132293 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -245,11 +245,13 @@ const DeleteButton = styled(IconButton)` border-radius: 50%; color: ${({ theme }) => theme.component['tag-default-delete-button-icon-color']}; display: inline-flex; - height: var(--size-1halfx); justify-content: center; - margin-left: var(--spacing-half); margin-right: calc(-1 * var(--spacing-half)); - width: var(--size-1halfx); + margin-left: var(--spacing-half); + width: auto; + min-width: auto; + height: auto; + min-height: auto; > svg { height: 1rem; @@ -278,9 +280,12 @@ const DeleteButton = styled(IconButton)` `; function getClickableStyle( - { $clickable, $selected }: TagContainerProps, + { $clickable, $selected, $tagSize }: TagContainerProps, ): FlattenInterpolation> | false { return $clickable && css` + padding-left: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; + padding-right: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; + &:hover { background-color: ${({ theme }) => theme.component['tag-default-hover-background-color']}; border-color: ${({ theme }) => theme.component['tag-default-hover-border-color']}; @@ -330,7 +335,9 @@ export const Tag = forwardRef(({ const [isSelected, setSelected] = useState(isDefault(color) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}...` : value.label; - const shortenedExtraLabel = (value.extraLabel && value.extraLabel?.length > 20) ? `${value.extraLabel?.slice(0, 17)}...` : ''; + const shortenedExtraLabel = value.extraLabel && value.extraLabel.length > 20 + ? `${value.extraLabel.slice(0, 17)}...` + : value.extraLabel || ''; useEffect(() => { if (isDefault(color)) { From 94259ffa085a6d3010966adf594c39fe4129c211 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 09:58:18 -0500 Subject: [PATCH 05/52] chore(tag): update tokens --- packages/react/src/themes/tokens/component/tag-tokens.ts | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/react/src/themes/tokens/component/tag-tokens.ts b/packages/react/src/themes/tokens/component/tag-tokens.ts index 1a32313d68..b8d5f8423c 100644 --- a/packages/react/src/themes/tokens/component/tag-tokens.ts +++ b/packages/react/src/themes/tokens/component/tag-tokens.ts @@ -20,12 +20,10 @@ export type TagTokens = | 'tag-default-selected-hover-border-color' | 'tag-default-selected-hover-text-color' | 'tag-default-selected-hover-icon-color' - | 'tag-default-selected-hover-extra-label-text-color' | 'tag-default-delete-button-hover-icon-color' | 'tag-default-delete-button-hover-background-color' | 'tag-default-delete-button-icon-color' - | 'tag-default-selected-delete-button-icon-color' | 'tag-default-selected-delete-button-hover-icon-color' | 'tag-default-selected-delete-button-hover-background-color' @@ -85,14 +83,12 @@ export const defaultTagTokens: TagTokenMap = { 'tag-default-selected-hover-border-color': 'color-informative-70', 'tag-default-selected-hover-icon-color': 'color-informative-70', 'tag-default-selected-hover-text-color': 'color-informative-70', - 'tag-default-selected-hover-extra-label-text-color': 'color-informative-50', 'tag-default-delete-button-hover-background-color': 'color-neutral-15', 'tag-default-delete-button-hover-icon-color': 'color-neutral-90', 'tag-default-delete-button-icon-color': 'color-neutral-65', 'tag-default-selected-delete-button-hover-background-color': 'color-informative-10', 'tag-default-selected-delete-button-hover-icon-color': 'color-informative-70', - 'tag-default-selected-delete-button-icon-color': 'color-informative-70', 'tag-decorative-01-background-color': 'color-decorative-01-05', 'tag-decorative-01-border-color': 'color-decorative-01-50', From 3697532acf6c0f6e2584f92781a4df9aa1130a25 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 10:52:14 -0500 Subject: [PATCH 06/52] fix(tag): stylelint --- packages/react/src/components/tag/tag.tsx | 60 +++++++++-------------- 1 file changed, 23 insertions(+), 37 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index b50c132293..68e4cfe548 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -191,17 +191,13 @@ const StyledIcon = styled(Icon) & IconOrButtonProps>` vertical-align: text-bottom; width: var(--size-1x); - ${({ $selected }) => $selected && css` - color: ${({ theme }) => theme.component['tag-default-selected-icon-color']}; + ${({ $selected, theme }) => $selected && css` + color: ${theme.component['tag-default-selected-icon-color']}; `} - ${({ $clickable, $selected }) => $clickable && css` + ${({ $clickable, $selected, theme }) => $clickable && css` &:hover { - color: ${({ theme }) => theme.component['tag-default-hover-icon-color']}; - - ${$selected && css` - color: ${({ theme }) => theme.component['tag-default-selected-hover-icon-color']}; - `} + color: ${$selected ? theme.component['tag-default-selected-hover-icon-color'] : theme.component['tag-default-hover-icon-color']}; } `} `; @@ -212,31 +208,31 @@ const DeleteIcon = styled(Icon).attrs({ })``; const TagExtraLabel = styled.span` - display: inline-block; color: ${({ theme }) => theme.component['tag-default-extra-label-text-color']}; + display: inline-block; font-size: ${getFontSize}rem; line-height: ${getLineHeight}rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - ${({ $selected }) => $selected && css` - color: ${({ theme }) => theme.component['tag-default-selected-extra-label-text-color']}; + ${({ $selected, theme }) => $selected && css` + color: ${theme.component['tag-default-selected-extra-label-text-color']}; `} `; const TagLabel = styled.span` - display: inline-block; color: ${(props) => getTagColors({ ...props, $colorProperty: 'text-color' })}; + display: inline-block; font-size: ${getFontSize}rem; line-height: ${getLineHeight}rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - ${({ $selected }) => $selected && css` + ${({ $selected, theme }) => $selected && css` + color: ${theme.component['tag-default-selected-text-color']}; font-weight: var(--font-semi-bold); - color: ${({ theme }) => theme.component['tag-default-selected-text-color']}; `} `; @@ -245,35 +241,30 @@ const DeleteButton = styled(IconButton)` border-radius: 50%; color: ${({ theme }) => theme.component['tag-default-delete-button-icon-color']}; display: inline-flex; + height: auto; justify-content: center; - margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: auto; - min-width: auto; - height: auto; + margin-right: calc(-1 * var(--spacing-half)); min-height: auto; + min-width: auto; + width: auto; > svg { height: 1rem; width: 1rem; } - ${({ $selected }) => $selected && css` - color: ${({ theme }) => theme.component['tag-default-selected-delete-button-hover-icon-color']}; + ${({ $selected, theme }) => $selected && css` + color: ${theme.component['tag-default-selected-delete-button-hover-icon-color']}; `} &:hover { - background-color: ${({ theme }) => theme.component['tag-default-delete-button-hover-background-color']}; - color: ${({ theme }) => theme.component['tag-default-delete-button-hover-icon-color']}; + background-color: ${({ $selected, theme }) => ($selected ? theme.component['tag-default-selected-delete-button-hover-background-color'] : theme.component['tag-default-delete-button-hover-background-color'])}; + color: ${({ $selected, theme }) => ($selected ? theme.component['tag-default-selected-delete-button-hover-icon-color'] : theme.component['tag-default-delete-button-hover-icon-color'])}; ${DeleteIcon} { color: ${({ theme }) => theme.component['tag-default-delete-button-hover-icon-color']}; } - - ${({ $selected }) => $selected && css` - background-color: ${({ theme }) => theme.component['tag-default-selected-delete-button-hover-background-color']}; - color: ${({ theme }) => theme.component['tag-default-selected-delete-button-hover-icon-color']}; - `} } ${focus}; @@ -287,13 +278,8 @@ function getClickableStyle( padding-right: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; &:hover { - background-color: ${({ theme }) => theme.component['tag-default-hover-background-color']}; - border-color: ${({ theme }) => theme.component['tag-default-hover-border-color']}; - - ${$selected && css` - background-color: ${({ theme }) => theme.component['tag-default-selected-hover-background-color']}; - border: 1px solid ${({ theme }) => theme.component['tag-default-selected-hover-border-color']}; - `} + background-color: ${({ theme }) => ($selected ? theme.component['tag-default-selected-hover-background-color'] : theme.component['tag-default-hover-background-color'])}; + border-color: ${({ theme }) => ($selected ? theme.component['tag-default-selected-hover-border-color'] : theme.component['tag-default-hover-border-color'])}; } ${focus}; @@ -312,9 +298,9 @@ const TagContainer = styled.div` margin-left: var(--spacing-1x); } - ${({ $selected }) => $selected && css` - background-color: ${({ theme }) => theme.component['tag-default-selected-background-color']}; - border: 1px solid ${({ theme }) => theme.component['tag-default-selected-border-color']}; + ${({ $selected, theme }) => $selected && css` + background-color: ${theme.component['tag-default-selected-background-color']}; + border: 1px solid ${theme.component['tag-default-selected-border-color']}; `} ${getClickableStyle}; From a4760a88b239a6694548f62b184617be12567d82 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 10:54:21 -0500 Subject: [PATCH 07/52] fix(tag): update snapshots --- .../src/components/tag/tag.test.tsx.snap | 72 +++++++++---------- 1 file changed, 36 insertions(+), 36 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index c91ebac2bf..d36da414a3 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -2,8 +2,8 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -154,8 +154,8 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` } .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -175,16 +175,16 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: auto; - min-width: auto; - height: auto; + margin-right: calc(-1 * var(--spacing-half)); min-height: auto; + min-width: auto; + width: auto; } .c5 > svg { @@ -261,8 +261,8 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` } .c3 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -313,8 +313,8 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -355,8 +355,8 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.875rem; line-height: 1.875rem; max-width: 312px; @@ -397,8 +397,8 @@ exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -549,8 +549,8 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` } .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -570,16 +570,16 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: auto; - min-width: auto; - height: auto; + margin-right: calc(-1 * var(--spacing-half)); min-height: auto; + min-width: auto; + width: auto; } .c5 > svg { @@ -656,8 +656,8 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` } .c3 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -708,8 +708,8 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1.5rem; max-width: 312px; @@ -750,8 +750,8 @@ exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.875rem; line-height: 1.875rem; max-width: 312px; @@ -792,8 +792,8 @@ exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -945,8 +945,8 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` } .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -966,16 +966,16 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: auto; - min-width: auto; - height: auto; + margin-right: calc(-1 * var(--spacing-half)); min-height: auto; + min-width: auto; + width: auto; } .c5 > svg { @@ -1052,8 +1052,8 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` } .c3 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1104,8 +1104,8 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` exports[`Tag Tag small matches snapshot (desktop) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1146,8 +1146,8 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` exports[`Tag Tag small matches snapshot (desktop) 2`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.875rem; line-height: 1.5rem; max-width: 312px; @@ -1188,8 +1188,8 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1341,8 +1341,8 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` } .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1362,16 +1362,16 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - margin-right: calc(-1 * var(--spacing-half)); margin-left: var(--spacing-half); - width: auto; - min-width: auto; - height: auto; + margin-right: calc(-1 * var(--spacing-half)); min-height: auto; + min-width: auto; + width: auto; } .c5 > svg { @@ -1448,8 +1448,8 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` } .c3 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1500,8 +1500,8 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` exports[`Tag Tag small matches snapshot (mobile) 1`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.75rem; line-height: 1rem; max-width: 312px; @@ -1542,8 +1542,8 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` exports[`Tag Tag small matches snapshot (mobile) 2`] = ` .c2 { - display: inline-block; color: #1B1C1E; + display: inline-block; font-size: 0.875rem; line-height: 1.5rem; max-width: 312px; From f5da602d268b496278c4bd451adec1429f8640bd Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 11:52:35 -0500 Subject: [PATCH 08/52] fix(storybook): dependencies --- packages/storybook/package.json | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 18252f679b..25307be7a4 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -19,6 +19,11 @@ "@storybook/blocks": "^7.0.8", "@storybook/preview": "^7.0.8", "@storybook/react": "^7.0.8", + "@storybook/addon-a11y": "^7.5.3", + "@storybook/addon-actions": "^7.5.3", + "@storybook/addon-links": "^7.5.3", + "@storybook/react-webpack5": "^7.0.8", + "@storybook/theming": "^7.0.8", "core-js": "^3.30.1", "css-loader": "^6.7.3", "i18next": "^23.0.0", @@ -41,12 +46,6 @@ "@equisoft/typescript-config": "^2.0.0", "@mdx-js/react": "^3.0.0", "@microsoft/eslint-formatter-sarif": "^3.0.0", - "@storybook/addon-a11y": "^7.5.3", - "@storybook/addon-actions": "^7.5.3", - "@storybook/addon-controls": "^7.5.3", - "@storybook/addon-links": "^7.5.3", - "@storybook/react-webpack5": "^7.0.8", - "@storybook/theming": "^7.0.8", "@types/node": "^20.0.0", "@types/react": "^17.0.58", "@types/react-color": "^3.0.6", From da4eb51634fb3ef37c88cdb54f7eb4f8c7d42aa2 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 11:54:30 -0500 Subject: [PATCH 09/52] fix(stroybook): revert dependencies --- packages/storybook/package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 25307be7a4..5f745a3ce9 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -19,11 +19,6 @@ "@storybook/blocks": "^7.0.8", "@storybook/preview": "^7.0.8", "@storybook/react": "^7.0.8", - "@storybook/addon-a11y": "^7.5.3", - "@storybook/addon-actions": "^7.5.3", - "@storybook/addon-links": "^7.5.3", - "@storybook/react-webpack5": "^7.0.8", - "@storybook/theming": "^7.0.8", "core-js": "^3.30.1", "css-loader": "^6.7.3", "i18next": "^23.0.0", @@ -46,6 +41,11 @@ "@equisoft/typescript-config": "^2.0.0", "@mdx-js/react": "^3.0.0", "@microsoft/eslint-formatter-sarif": "^3.0.0", + "@storybook/addon-a11y": "^7.5.3", + "@storybook/addon-actions": "^7.5.3", + "@storybook/addon-links": "^7.5.3", + "@storybook/react-webpack5": "^7.0.8", + "@storybook/theming": "^7.0.8", "@types/node": "^20.0.0", "@types/react": "^17.0.58", "@types/react-color": "^3.0.6", From eaa3f007a2916890d40459eb8093c45b6b75d22a Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 11:57:18 -0500 Subject: [PATCH 10/52] fix(storybook): dependencies --- yarn.lock | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/yarn.lock b/yarn.lock index 97a4aaaf17..f7d55c9139 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1729,7 +1729,7 @@ __metadata: "@microsoft/eslint-formatter-sarif": "npm:^3.0.0" "@storybook/addon-a11y": "npm:^7.5.3" "@storybook/addon-actions": "npm:^7.5.3" - "@storybook/addon-controls": "npm:^7.5.3" + "@storybook/addon-controls": "npm:^7.0.8" "@storybook/addon-docs": "npm:^7.0.8" "@storybook/addon-links": "npm:^7.5.3" "@storybook/blocks": "npm:^7.0.8" @@ -3331,7 +3331,7 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-controls@npm:^7.5.3": +"@storybook/addon-controls@npm:^7.0.8": version: 7.6.17 resolution: "@storybook/addon-controls@npm:7.6.17" dependencies: From 14a9aae6d1f89ee5777216962033bace353423b5 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 12:22:06 -0500 Subject: [PATCH 11/52] fix(tag): post review changes --- packages/react/src/components/tag/tag.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 68e4cfe548..84e9cbc75c 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -74,7 +74,6 @@ export interface TagValue { } export interface ClickableOrDeletableTag { - /* The tag's is clickable. (optional) */ onClick?(tag: TagValue): void; @@ -274,6 +273,7 @@ function getClickableStyle( { $clickable, $selected, $tagSize }: TagContainerProps, ): FlattenInterpolation> | false { return $clickable && css` + font-family: var(--font-family); padding-left: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; padding-right: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; @@ -320,9 +320,9 @@ export const Tag = forwardRef(({ const { isMobile } = useDeviceContext(); const [isSelected, setSelected] = useState(isDefault(color) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); - const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}...` : value.label; + const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}…` : value.label; const shortenedExtraLabel = value.extraLabel && value.extraLabel.length > 20 - ? `${value.extraLabel.slice(0, 17)}...` + ? `${value.extraLabel.slice(0, 17)}…` : value.extraLabel || ''; useEffect(() => { From 437e09544c91e035e6a39f319d0e903245ff5a11 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 12:42:01 -0500 Subject: [PATCH 12/52] fix(tag): update snapshots --- packages/react/src/components/tag/tag.test.tsx.snap | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index d36da414a3..549ce4d75f 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -25,6 +25,7 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-1x); + font-family: var(--font-family); padding-left: var(--spacing-1halfx); padding-right: var(--spacing-1halfx); } @@ -420,6 +421,7 @@ exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-1x); + font-family: var(--font-family); padding-left: var(--spacing-1halfx); padding-right: var(--spacing-1halfx); } @@ -815,6 +817,7 @@ exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-half); + font-family: var(--font-family); padding-left: var(--spacing-1x); padding-right: var(--spacing-1x); } @@ -1211,6 +1214,7 @@ exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-half); + font-family: var(--font-family); padding-left: var(--spacing-1x); padding-right: var(--spacing-1x); } From 5358a4249b6e17a58aaa8e610d871e04ef8a427f Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 4 Mar 2024 12:44:37 -0500 Subject: [PATCH 13/52] fix(storybook): dependencies --- packages/storybook/package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 5f745a3ce9..7cc71d9aac 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -14,11 +14,16 @@ }, "dependencies": { "@equisoft/design-elements-react": "workspace:*", + "@storybook/addon-a11y": "^7.5.3", + "@storybook/addon-actions": "^7.5.3", "@storybook/addon-controls": "^7.0.8", "@storybook/addon-docs": "^7.0.8", + "@storybook/addon-links": "^7.5.3", "@storybook/blocks": "^7.0.8", "@storybook/preview": "^7.0.8", "@storybook/react": "^7.0.8", + "@storybook/react-webpack5": "^7.0.8", + "@storybook/theming": "^7.0.8", "core-js": "^3.30.1", "css-loader": "^6.7.3", "i18next": "^23.0.0", @@ -41,11 +46,6 @@ "@equisoft/typescript-config": "^2.0.0", "@mdx-js/react": "^3.0.0", "@microsoft/eslint-formatter-sarif": "^3.0.0", - "@storybook/addon-a11y": "^7.5.3", - "@storybook/addon-actions": "^7.5.3", - "@storybook/addon-links": "^7.5.3", - "@storybook/react-webpack5": "^7.0.8", - "@storybook/theming": "^7.0.8", "@types/node": "^20.0.0", "@types/react": "^17.0.58", "@types/react-color": "^3.0.6", From 7864ca4c0571859a47d69d6c148a7967a793c1a4 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 11 Mar 2024 12:00:21 -0400 Subject: [PATCH 14/52] fix(tag, theme): remove default predefined colors --- packages/react/src/components/tag/tag.tsx | 58 +++++++--------------- packages/storybook/stories/tag.stories.tsx | 2 +- 2 files changed, 18 insertions(+), 42 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 84e9cbc75c..0ebe7a79e3 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -3,8 +3,7 @@ import { MouseEventHandler, Ref, SVGProps, - useCallback, useEffect, - useState, + useCallback, useEffect, useState, } from 'react'; import styled, { css, FlattenInterpolation, @@ -17,20 +16,7 @@ import { IconButton } from '../buttons/icon-button'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; import { Icon, IconName } from '../icon/icon'; -export type DefaultTagColor = - | 'default' - | 'purple' - | 'lime' - | 'gold' - | 'orange' - | 'turquoise' - | 'blue' - | 'red' - | 'green-forest' - | 'violet' - | 'magenta'; - -export type DecorativeTagColor = +export type TagColor = | 'default' | 'decorative-01' | 'decorative-02' @@ -43,26 +29,6 @@ export type DecorativeTagColor = | 'decorative-09' | 'decorative-10'; -export type TagColor = DefaultTagColor | DecorativeTagColor; - -const DecorativeTagColorMap: Record = { - default: 'default', - purple: 'decorative-01', - gold: 'decorative-02', - turquoise: 'decorative-03', - red: 'decorative-04', - lime: 'decorative-05', - orange: 'decorative-06', - blue: 'decorative-07', - 'green-forest': 'decorative-08', - magenta: 'decorative-09', - violet: 'decorative-10', -}; - -function getDecorativeTagColor(color: TagColor): DecorativeTagColor { - return DecorativeTagColorMap[color] || color; -} - export type TagSize = | 'small' | 'medium'; @@ -89,8 +55,19 @@ export interface TagProps extends Partial { */ size?: TagSize; - /* The tag's size. + /* The tag's color. * @default 'default' + * default color mapping: + * decorative-01 -> purple + * decorative-02 -> gold + * decorative-03 -> turquoise + * decorative-04 -> red + * decorative-05 -> lime + * decorative-06 -> orange + * decorative-07 -> blue + * decorative-08 -> green-forest + * decorative-09 -> magenta + * decorative-10 -> violet */ color?: TagColor; @@ -178,8 +155,7 @@ function getTagColors( $colorProperty: ColorProperty; }>, ): string { - const color = getDecorativeTagColor($tagColor); - return theme.component[`tag-${color}-${$colorProperty}`]; + return theme.component[`tag-${$tagColor}-${$colorProperty}`]; } const StyledIcon = styled(Icon) & IconOrButtonProps>` @@ -309,12 +285,12 @@ const TagContainer = styled.div` export const Tag = forwardRef(({ className, iconName, - onClick, - onDelete, size = 'medium', color = 'default', selected = false, value, + onClick, + onDelete, }: TagProps, ref: Ref) => { const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); diff --git a/packages/storybook/stories/tag.stories.tsx b/packages/storybook/stories/tag.stories.tsx index d8930a36d0..a879ba78b3 100644 --- a/packages/storybook/stories/tag.stories.tsx +++ b/packages/storybook/stories/tag.stories.tsx @@ -153,7 +153,7 @@ export const Colored: Story = { ...Default, args: { ...Default.args, - color: 'purple', + color: 'decorative-01', }, }; From 2446c320b0dbcfb7bbd56a1cae6b5df5ce274aa2 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 12 Mar 2024 12:04:37 -0400 Subject: [PATCH 15/52] fix(tag, theme): post design review --- packages/react/src/components/tag/tag.tsx | 5 +++-- packages/react/src/styles/_variables.scss | 4 +++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 0ebe7a79e3..85d658b349 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -141,9 +141,9 @@ function getLineHeight({ $isMobile, $tagSize }: TagLabelProps): number { function getBorderRadius({ $clickable, $isMobile, $tagSize }: TagContainerProps): string { if ($clickable) { - return isSmall($tagSize) ? 'var(--border-radius-3x)' : 'var(--border-radius-4x)'; + return isSmall($tagSize) ? 'var(--border-radius-2halfx)' : 'var(--border-radius-3x)'; } - return $isMobile || isMedium($tagSize) ? 'var(--border-radius-2x)' : 'var(--border-radius)'; + return $isMobile || isMedium($tagSize) ? 'var(--border-radius-1halfx)' : 'var(--border-radius)'; } type ColorProperty = 'background-color' | 'border-color' | 'text-color'; @@ -268,6 +268,7 @@ const TagContainer = styled.div` border: 1px solid ${(props) => getTagColors({ ...props, $colorProperty: 'border-color' })}; border-radius: ${getBorderRadius}; display: inline-flex; + justify-content: center; padding: ${getPadding}; & + & { diff --git a/packages/react/src/styles/_variables.scss b/packages/react/src/styles/_variables.scss index 32a822a46c..d546aac4f7 100644 --- a/packages/react/src/styles/_variables.scss +++ b/packages/react/src/styles/_variables.scss @@ -22,10 +22,12 @@ // var for border-radius --border-radius-half: calc(0.5 * var(--border-radius)); --border-radius: 4px; + --border-radius-1halfx: calc(1.5 * var(--border-radius)); --border-radius-2x: calc(2 * var(--border-radius)); + --border-radius-2halfx: calc(2.5 * var(--border-radius)); --border-radius-3x: calc(3 * var(--border-radius)); --border-radius-4x: calc(4 * var(--border-radius)); - // var for heights + // var for heights --size-base: 1rem; --size-half: calc(0.5 * var(--size-base)); --size-1x: var(--size-base); From 7e43c99442e774631b24968a636a964c112e5856 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 12 Mar 2024 12:08:31 -0400 Subject: [PATCH 16/52] fix(tag, theme): snapshots --- .../src/components/tag/tag.test.tsx.snap | 108 +++++++++++++++--- 1 file changed, 94 insertions(+), 14 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index 549ce4d75f..78ffc7a891 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -19,11 +19,15 @@ exports[`Tag Tag medium matches snapshot (desktop clickable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-4x); + border-radius: var(--border-radius-3x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); font-family: var(--font-family); padding-left: var(--spacing-1halfx); @@ -215,11 +219,15 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -279,11 +287,15 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -331,11 +343,15 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -373,11 +389,15 @@ exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -415,11 +435,15 @@ exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-4x); + border-radius: var(--border-radius-3x); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); font-family: var(--font-family); padding-left: var(--spacing-1halfx); @@ -611,11 +635,15 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -675,11 +703,15 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -727,11 +759,15 @@ exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -769,11 +805,15 @@ exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -811,11 +851,15 @@ exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-3x); + border-radius: var(--border-radius-2halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); font-family: var(--font-family); padding-left: var(--spacing-1x); @@ -1013,6 +1057,10 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); } @@ -1077,6 +1125,10 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); } @@ -1129,6 +1181,10 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); } @@ -1166,11 +1222,15 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } @@ -1208,11 +1268,15 @@ exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-3x); + border-radius: var(--border-radius-2halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); font-family: var(--font-family); padding-left: var(--spacing-1x); @@ -1410,6 +1474,10 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); } @@ -1474,6 +1542,10 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); } @@ -1526,6 +1598,10 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-half); } @@ -1563,11 +1639,15 @@ exports[`Tag Tag small matches snapshot (mobile) 2`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius-2x); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0 var(--spacing-1x); } From e2a503cc0820bd6357788edc3812f87637ef9cd2 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 12 Mar 2024 15:58:44 -0400 Subject: [PATCH 17/52] fix(tag): make color priority minimal --- packages/react/src/components/tag/tag.tsx | 50 ++++++++++++++-------- packages/storybook/stories/tag.stories.tsx | 20 --------- 2 files changed, 33 insertions(+), 37 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 85d658b349..9d85daaf49 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -295,7 +295,13 @@ export const Tag = forwardRef(({ }: TagProps, ref: Ref) => { const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); - const [isSelected, setSelected] = useState(isDefault(color) && selected); + + const [currentColor, setCurrentColor] = useState(color); + const [isSelected, setSelected] = useState(isDefault(currentColor) && selected); + const [isClickable, setIsClickable] = useState(isDefault(currentColor) && !!onClick); + const [isDeletable, setIsDeletable] = useState(isDefault(currentColor) && !!onDelete); + const [hasIcon, setHasIcon] = useState(isDefault(currentColor) && !!iconName); + const [hasExtraLabel, setHasExtraLabel] = useState(isDefault(currentColor) && !!value.extraLabel); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}…` : value.label; const shortenedExtraLabel = value.extraLabel && value.extraLabel.length > 20 @@ -303,19 +309,29 @@ export const Tag = forwardRef(({ : value.extraLabel || ''; useEffect(() => { - if (isDefault(color)) { + if (onClick || onDelete || value.extraLabel || iconName) { + setCurrentColor('default'); setSelected(selected); + setIsClickable(!!onClick); + setIsDeletable(!!onDelete); + setHasIcon(!!iconName); + setHasExtraLabel(!!value.extraLabel); } else { + setCurrentColor(color); setSelected(false); + setIsClickable(false); + setIsDeletable(false); + setHasIcon(false); + setHasExtraLabel(false); } - }, [color, selected]); + }, [color, iconName, onClick, onDelete, selected, value.extraLabel]); const handleClick: MouseEventHandler = useCallback(() => { - if (isDefault(color) && onClick) { + if (isDefault(currentColor) && onClick) { setSelected(!isSelected); onClick?.(value); } - }, [color, isSelected, onClick, value]); + }, [currentColor, isSelected, onClick, value]); const handleDelete: MouseEventHandler = useCallback((e) => { e.stopPropagation(); @@ -331,34 +347,34 @@ export const Tag = forwardRef(({ type={onClick ? 'button' : undefined} $isMobile={isMobile} $tagSize={size} - $tagColor={color} - $clickable={!!onClick && isDefault(color)} - $deletable={!!onDelete && isDefault(color)} - $hasIcon={!!iconName} + $clickable={isClickable} + $deletable={isDeletable} + $hasIcon={hasIcon} + $tagColor={currentColor} $selected={isSelected} > - {iconName && isDefault(color) && ( + {hasIcon && ( )} - {value.extraLabel && isDefault(color) && ( + {hasExtraLabel && ( {shortenedExtraLabel} @@ -369,13 +385,13 @@ export const Tag = forwardRef(({ {shortenedLabel} - {onDelete && isDefault(color) && ( + {isDeletable && ( )} diff --git a/packages/storybook/stories/tag.stories.tsx b/packages/storybook/stories/tag.stories.tsx index a879ba78b3..31c8b3ce08 100644 --- a/packages/storybook/stories/tag.stories.tsx +++ b/packages/storybook/stories/tag.stories.tsx @@ -19,46 +19,26 @@ const meta: Meta = { }, }, value: { - if: { - arg: 'color', - eq: 'default', - }, control: { type: 'object', }, }, iconName: { - if: { - arg: 'color', - eq: 'default', - }, control: { type: 'select', }, }, selected: { - if: { - arg: 'color', - eq: 'default', - }, control: { type: 'boolean', }, }, onClick: { - if: { - arg: 'color', - eq: 'default', - }, control: { type: 'boolean', }, }, onDelete: { - if: { - arg: 'color', - eq: 'default', - }, control: { type: 'boolean', }, From 1f57aef311bba4f4bb37845e1321f6b6c8a70ccb Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 12 Mar 2024 17:08:38 -0400 Subject: [PATCH 18/52] fix(tag): post review changes --- packages/react/src/components/tag/tag.tsx | 24 +++++++---------------- 1 file changed, 7 insertions(+), 17 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 9d85daaf49..e086ca2d3a 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -296,12 +296,12 @@ export const Tag = forwardRef(({ const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); - const [currentColor, setCurrentColor] = useState(color); + const isDeletable = !!onDelete; + const isClickable = !!onClick; + const hasIcon = !!iconName; + const hasExtraLabel = !!value.extraLabel; + const currentColor = (isDeletable || isClickable || hasExtraLabel || hasIcon) ? 'default' : (color ?? 'default'); const [isSelected, setSelected] = useState(isDefault(currentColor) && selected); - const [isClickable, setIsClickable] = useState(isDefault(currentColor) && !!onClick); - const [isDeletable, setIsDeletable] = useState(isDefault(currentColor) && !!onDelete); - const [hasIcon, setHasIcon] = useState(isDefault(currentColor) && !!iconName); - const [hasExtraLabel, setHasExtraLabel] = useState(isDefault(currentColor) && !!value.extraLabel); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}…` : value.label; const shortenedExtraLabel = value.extraLabel && value.extraLabel.length > 20 @@ -309,22 +309,12 @@ export const Tag = forwardRef(({ : value.extraLabel || ''; useEffect(() => { - if (onClick || onDelete || value.extraLabel || iconName) { - setCurrentColor('default'); + if (isDeletable || isClickable || hasExtraLabel || hasIcon) { setSelected(selected); - setIsClickable(!!onClick); - setIsDeletable(!!onDelete); - setHasIcon(!!iconName); - setHasExtraLabel(!!value.extraLabel); } else { - setCurrentColor(color); setSelected(false); - setIsClickable(false); - setIsDeletable(false); - setHasIcon(false); - setHasExtraLabel(false); } - }, [color, iconName, onClick, onDelete, selected, value.extraLabel]); + }, [color, hasExtraLabel, hasIcon, isClickable, isDeletable, selected]); const handleClick: MouseEventHandler = useCallback(() => { if (isDefault(currentColor) && onClick) { From d78a34c9df6c06364c1a34f0d03becef71f62eb4 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Wed, 13 Mar 2024 16:33:06 -0400 Subject: [PATCH 19/52] fix(tag): post review changes --- packages/react/src/components/tag/tag.tsx | 72 +++++++++++++---------- 1 file changed, 42 insertions(+), 30 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index e086ca2d3a..3c75814780 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -40,52 +40,64 @@ export interface TagValue { } export interface ClickableOrDeletableTag { - /* The tag's is clickable. (optional) */ + /** + * The tag's is clickable. (optional) + */ onClick?(tag: TagValue): void; - /* The tag's is deletable. (optional) */ + /** + * The tag's is deletable. (optional) + */ onDelete?(tag: TagValue): void; } export interface TagProps extends Partial { className?: string; - /* The tag's size. - * @default 'medium' - */ + /** + * The tag's size. + * @default 'medium' + */ size?: TagSize; - /* The tag's color. - * @default 'default' - * default color mapping: - * decorative-01 -> purple - * decorative-02 -> gold - * decorative-03 -> turquoise - * decorative-04 -> red - * decorative-05 -> lime - * decorative-06 -> orange - * decorative-07 -> blue - * decorative-08 -> green-forest - * decorative-09 -> magenta - * decorative-10 -> violet - */ + /** + * The tag's color. + * @default 'default' + * + * if tag is clickable or deletable or selected or has an icon, + * the tag color will be forced to 'default' + * + * default color mapping: + * decorative-01 -> purple + * decorative-02 -> gold + * decorative-03 -> turquoise + * decorative-04 -> red + * decorative-05 -> lime + * decorative-06 -> orange + * decorative-07 -> blue + * decorative-08 -> green-forest + * decorative-09 -> magenta + * decorative-10 -> violet + */ color?: TagColor; - /* The tag's value - TagValue.id is optional - TagValue.label is required - TagValue.extraLabel is optional and works only with 'default' color + /** + * The tag's value + * TagValue.id is optional + * TagValue.label is required + * TagValue.extraLabel is optional and works only with 'default' color */ value: TagValue; - /* Whether the tag is selected. (optional) - * Can manually set the selected state of the tag, without the need for a click event. - * @default false - */ + /** + * Whether the tag is selected. (optional) + * Can manually set the selected state of the tag, without the need for a click event. + * @default false + */ selected?: boolean; - /* The tag's icon. (optional) - * *only with 'default' color + /** + * The tag's icon. (optional) */ iconName?: IconName; } @@ -348,7 +360,7 @@ export const Tag = forwardRef(({ aria-label={hasIconLabel ? iconName : undefined} aria-hidden={!hasIconLabel} data-testid={`${value.label}-icon`} - name={iconName || 'info'} + name={iconName} size={getIconSize(isMobile)} role="img" color={color} From b689ee9c6522bb86899b80a51f53884e0ba25c1a Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Mon, 18 Mar 2024 09:20:04 -0400 Subject: [PATCH 20/52] fix(tag): post review changes --- packages/react/src/components/tag/tag.tsx | 38 ++++++++++------------- 1 file changed, 16 insertions(+), 22 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 3c75814780..96b7307ed1 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -39,19 +39,7 @@ export interface TagValue { extraLabel?: string; } -export interface ClickableOrDeletableTag { - /** - * The tag's is clickable. (optional) - */ - onClick?(tag: TagValue): void; - - /** - * The tag's is deletable. (optional) - */ - onDelete?(tag: TagValue): void; -} - -export interface TagProps extends Partial { +export interface TagProps { className?: string; /** @@ -100,6 +88,16 @@ export interface TagProps extends Partial { * The tag's icon. (optional) */ iconName?: IconName; + + /** + * The tag's is clickable. (optional) + */ + onClick?(tag: TagValue): void; + + /** + * The tag's is deletable. (optional) + */ + onDelete?(tag: TagValue): void; } interface BaseTagStylingProps { @@ -161,18 +159,14 @@ function getBorderRadius({ $clickable, $isMobile, $tagSize }: TagContainerProps) type ColorProperty = 'background-color' | 'border-color' | 'text-color'; function getTagColors( - { - $tagColor, $colorProperty, theme, -}: StyledProps, + { $tagColor, theme }: StyledProps, + $colorProperty: ColorProperty, ): string { return theme.component[`tag-${$tagColor}-${$colorProperty}`]; } const StyledIcon = styled(Icon) & IconOrButtonProps>` color: ${({ theme }) => theme.component['tag-default-icon-color']}; - height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -209,7 +203,7 @@ const TagExtraLabel = styled.span` `; const TagLabel = styled.span` - color: ${(props) => getTagColors({ ...props, $colorProperty: 'text-color' })}; + color: ${(props) => getTagColors(props, 'text-color')}; display: inline-block; font-size: ${getFontSize}rem; line-height: ${getLineHeight}rem; @@ -276,8 +270,8 @@ function getClickableStyle( const TagContainer = styled.div` align-items: center; - background-color: ${(props) => getTagColors({ ...props, $colorProperty: 'background-color' })}; - border: 1px solid ${(props) => getTagColors({ ...props, $colorProperty: 'border-color' })}; + background-color: ${(props) => getTagColors(props, 'background-color')}; + border: 1px solid ${(props) => getTagColors(props, 'border-color')}; border-radius: ${getBorderRadius}; display: inline-flex; justify-content: center; From 4119f742f81e52065825d1ddc18035485fffc5ef Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 19 Mar 2024 08:56:08 -0400 Subject: [PATCH 21/52] fix(tag): remove extra label --- packages/react/src/components/tag/tag.tsx | 37 ++----------------- .../src/themes/tokens/component/tag-tokens.ts | 4 -- packages/storybook/stories/tag.stories.tsx | 14 ------- 3 files changed, 3 insertions(+), 52 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 96b7307ed1..5378150454 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -36,7 +36,6 @@ export type TagSize = export interface TagValue { id?: string; label: string; - extraLabel?: string; } export interface TagProps { @@ -188,20 +187,6 @@ const DeleteIcon = styled(Icon).attrs({ name: 'x', })``; -const TagExtraLabel = styled.span` - color: ${({ theme }) => theme.component['tag-default-extra-label-text-color']}; - display: inline-block; - font-size: ${getFontSize}rem; - line-height: ${getLineHeight}rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-default-selected-extra-label-text-color']}; - `} -`; - const TagLabel = styled.span` color: ${(props) => getTagColors(props, 'text-color')}; display: inline-block; @@ -305,22 +290,18 @@ export const Tag = forwardRef(({ const isDeletable = !!onDelete; const isClickable = !!onClick; const hasIcon = !!iconName; - const hasExtraLabel = !!value.extraLabel; - const currentColor = (isDeletable || isClickable || hasExtraLabel || hasIcon) ? 'default' : (color ?? 'default'); + const currentColor = (isDeletable || isClickable || hasIcon) ? 'default' : (color ?? 'default'); const [isSelected, setSelected] = useState(isDefault(currentColor) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}…` : value.label; - const shortenedExtraLabel = value.extraLabel && value.extraLabel.length > 20 - ? `${value.extraLabel.slice(0, 17)}…` - : value.extraLabel || ''; useEffect(() => { - if (isDeletable || isClickable || hasExtraLabel || hasIcon) { + if (isDeletable || isClickable || hasIcon) { setSelected(selected); } else { setSelected(false); } - }, [color, hasExtraLabel, hasIcon, isClickable, isDeletable, selected]); + }, [color, hasIcon, isClickable, isDeletable, selected]); const handleClick: MouseEventHandler = useCallback(() => { if (isDefault(currentColor) && onClick) { @@ -366,18 +347,6 @@ export const Tag = forwardRef(({ /> )} - {hasExtraLabel && ( - - {shortenedExtraLabel} -   - - )} - ), @@ -93,18 +91,6 @@ export const Medium: Story = { }, }; -export const WithExtraLabel: Story = { - ...Default, - args: { - ...Default.args, - value: { - id: '', - label: 'Tag', - extraLabel: 'ExtraLabel: ', - }, - }, -}; - export const WithIcons: Story = { ...Default, args: { From 6e1f0ccf819920cce3c20886ff8ba63ab4ce4232 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 19 Mar 2024 12:50:12 -0400 Subject: [PATCH 22/52] fix(tag): post review changes --- .../react/src/components/tag/tag.test.tsx | 4 +- packages/react/src/components/tag/tag.tsx | 37 ++++++++++--------- packages/storybook/stories/tag.stories.tsx | 6 +-- 3 files changed, 25 insertions(+), 22 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx b/packages/react/src/components/tag/tag.test.tsx index be6779b045..4236b7f854 100644 --- a/packages/react/src/components/tag/tag.test.tsx +++ b/packages/react/src/components/tag/tag.test.tsx @@ -23,7 +23,7 @@ describe('Tag', () => { const callback = jest.fn(); const stopPropagation = jest.fn(); const wrapper = shallow( - , + , ); getByTestId(wrapper, 'Test-delete-button').simulate('click', { stopPropagation }); @@ -81,7 +81,7 @@ describe('Tag', () => { , ); diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 5378150454..d7158ea81f 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -3,11 +3,15 @@ import { MouseEventHandler, Ref, SVGProps, - useCallback, useEffect, useState, + useCallback, + useEffect, + useState, } from 'react'; import styled, { - css, FlattenInterpolation, - StyledProps, ThemeProps, + css, + FlattenInterpolation, + StyledProps, + ThemeProps, } from 'styled-components'; import { useTranslation } from '../../i18n/use-translation'; import { ResolvedTheme } from '../../themes/theme'; @@ -42,7 +46,7 @@ export interface TagProps { className?: string; /** - * The tag's size. + * The tag size. * @default 'medium' */ size?: TagSize; @@ -69,34 +73,33 @@ export interface TagProps { color?: TagColor; /** - * The tag's value + * The tag value. * TagValue.id is optional * TagValue.label is required - * TagValue.extraLabel is optional and works only with 'default' color */ value: TagValue; /** - * Whether the tag is selected. (optional) + * Whether the tag is selected. * Can manually set the selected state of the tag, without the need for a click event. * @default false */ selected?: boolean; /** - * The tag's icon. (optional) + * The tag icon. */ iconName?: IconName; /** - * The tag's is clickable. (optional) + * The tag is clickable. */ onClick?(tag: TagValue): void; /** - * The tag's is deletable. (optional) + * The tag is deletable. */ - onDelete?(tag: TagValue): void; + onRemove?(tag: TagValue): void; } interface BaseTagStylingProps { @@ -109,7 +112,7 @@ interface BaseTagStylingProps { interface TagContainerProps extends BaseTagStylingProps { $clickable: boolean; - $deletable: boolean; + $removable: boolean; $hasIcon: boolean; type?: React.ButtonHTMLAttributes['type']; } @@ -282,12 +285,12 @@ export const Tag = forwardRef(({ selected = false, value, onClick, - onDelete, + onRemove, }: TagProps, ref: Ref) => { const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); - const isDeletable = !!onDelete; + const isDeletable = !!onRemove; const isClickable = !!onClick; const hasIcon = !!iconName; const currentColor = (isDeletable || isClickable || hasIcon) ? 'default' : (color ?? 'default'); @@ -312,8 +315,8 @@ export const Tag = forwardRef(({ const handleDelete: MouseEventHandler = useCallback((e) => { e.stopPropagation(); - onDelete?.(value); - }, [onDelete, value]); + onRemove?.(value); + }, [onRemove, value]); return ( = { type: 'boolean', }, }, - onDelete: { + onRemove: { control: { type: 'boolean', }, @@ -59,7 +59,7 @@ export const Default: Story = { selected: false, iconName: undefined, onClick: undefined, - onDelete: undefined, + onRemove: undefined, }, argTypes: { ...meta.argTypes, @@ -103,7 +103,7 @@ export const Deletable: Story = { ...Default, args: { ...Default.args, - onDelete: (tag: TagValue) => console.info(`Deleted ${tag.label}`), + onRemove: (tag: TagValue) => console.info(`Deleted ${tag.label}`), }, }; From 0627717d7915953789341f7e88e46e87b7fd2417 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Wed, 20 Mar 2024 13:28:29 -0400 Subject: [PATCH 23/52] fix(tag): post review changes --- packages/react/src/components/tag/tag.tsx | 91 +++++++------------ .../src/themes/tokens/component/tag-tokens.ts | 80 ++++++++-------- 2 files changed, 74 insertions(+), 97 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index d7158ea81f..35164dd19c 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -44,19 +44,19 @@ export interface TagValue { export interface TagProps { className?: string; + size?: TagSize; + value: TagValue; + iconName?: IconName; /** - * The tag size. - * @default 'medium' + * Whether the tag is selected. + * Can manually set the selected state of the tag, without the need for a click event. */ - size?: TagSize; + selected?: boolean; /** - * The tag's color. - * @default 'default' - * - * if tag is clickable or deletable or selected or has an icon, - * the tag color will be forced to 'default' + * if tag is clickable or removable or has an icon, + * the color will be forced to 'default' * * default color mapping: * decorative-01 -> purple @@ -72,33 +72,7 @@ export interface TagProps { */ color?: TagColor; - /** - * The tag value. - * TagValue.id is optional - * TagValue.label is required - */ - value: TagValue; - - /** - * Whether the tag is selected. - * Can manually set the selected state of the tag, without the need for a click event. - * @default false - */ - selected?: boolean; - - /** - * The tag icon. - */ - iconName?: IconName; - - /** - * The tag is clickable. - */ onClick?(tag: TagValue): void; - - /** - * The tag is deletable. - */ onRemove?(tag: TagValue): void; } @@ -164,23 +138,26 @@ function getTagColors( { $tagColor, theme }: StyledProps, $colorProperty: ColorProperty, ): string { + if (isDefault($tagColor)) { + return theme.component[`tag-${$colorProperty}`]; + } return theme.component[`tag-${$tagColor}-${$colorProperty}`]; } const StyledIcon = styled(Icon) & IconOrButtonProps>` - color: ${({ theme }) => theme.component['tag-default-icon-color']}; + color: ${({ theme }) => theme.component['tag-icon-color']}; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; width: var(--size-1x); ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-default-selected-icon-color']}; + color: ${theme.component['tag-selected-icon-color']}; `} ${({ $clickable, $selected, theme }) => $clickable && css` &:hover { - color: ${$selected ? theme.component['tag-default-selected-hover-icon-color'] : theme.component['tag-default-hover-icon-color']}; + color: ${$selected ? theme.component['tag-selected-hover-icon-color'] : theme.component['tag-hover-icon-color']}; } `} `; @@ -200,15 +177,15 @@ const TagLabel = styled.span` text-overflow: ellipsis; white-space: nowrap; ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-default-selected-text-color']}; + color: ${theme.component['tag-selected-text-color']}; font-weight: var(--font-semi-bold); `} `; -const DeleteButton = styled(IconButton)` +const RemoveButton = styled(IconButton)` align-items: center; border-radius: 50%; - color: ${({ theme }) => theme.component['tag-default-delete-button-icon-color']}; + color: ${({ theme }) => theme.component['tag-remove-button-icon-color']}; display: inline-flex; height: auto; justify-content: center; @@ -224,15 +201,15 @@ const DeleteButton = styled(IconButton)` } ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-default-selected-delete-button-hover-icon-color']}; + color: ${theme.component['tag-selected-remove-button-hover-icon-color']}; `} &:hover { - background-color: ${({ $selected, theme }) => ($selected ? theme.component['tag-default-selected-delete-button-hover-background-color'] : theme.component['tag-default-delete-button-hover-background-color'])}; - color: ${({ $selected, theme }) => ($selected ? theme.component['tag-default-selected-delete-button-hover-icon-color'] : theme.component['tag-default-delete-button-hover-icon-color'])}; + background-color: ${({ $selected, theme }) => ($selected ? theme.component['tag-selected-remove-button-hover-background-color'] : theme.component['tag-remove-button-hover-background-color'])}; + color: ${({ $selected, theme }) => ($selected ? theme.component['tag-selected-remove-button-hover-icon-color'] : theme.component['tag-remove-button-hover-icon-color'])}; ${DeleteIcon} { - color: ${({ theme }) => theme.component['tag-default-delete-button-hover-icon-color']}; + color: ${({ theme }) => theme.component['tag-remove-button-hover-icon-color']}; } } @@ -248,8 +225,8 @@ function getClickableStyle( padding-right: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; &:hover { - background-color: ${({ theme }) => ($selected ? theme.component['tag-default-selected-hover-background-color'] : theme.component['tag-default-hover-background-color'])}; - border-color: ${({ theme }) => ($selected ? theme.component['tag-default-selected-hover-border-color'] : theme.component['tag-default-hover-border-color'])}; + background-color: ${({ theme }) => ($selected ? theme.component['tag-selected-hover-background-color'] : theme.component['tag-hover-background-color'])}; + border-color: ${({ theme }) => ($selected ? theme.component['tag-selected-hover-border-color'] : theme.component['tag-hover-border-color'])}; } ${focus}; @@ -270,8 +247,8 @@ const TagContainer = styled.div` } ${({ $selected, theme }) => $selected && css` - background-color: ${theme.component['tag-default-selected-background-color']}; - border: 1px solid ${theme.component['tag-default-selected-border-color']}; + background-color: ${theme.component['tag-selected-background-color']}; + border: 1px solid ${theme.component['tag-selected-border-color']}; `} ${getClickableStyle}; @@ -290,21 +267,21 @@ export const Tag = forwardRef(({ const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); - const isDeletable = !!onRemove; + const isRemovable = !!onRemove; const isClickable = !!onClick; const hasIcon = !!iconName; - const currentColor = (isDeletable || isClickable || hasIcon) ? 'default' : (color ?? 'default'); - const [isSelected, setSelected] = useState(isDefault(currentColor) && selected); + const currentColor = (isRemovable || isClickable || hasIcon) ? 'default' : color; + const [isSelected, setSelected] = useState(isDefault(currentColor) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); const shortenedLabel = value.label.length > 20 ? `${value.label.slice(0, 17)}…` : value.label; useEffect(() => { - if (isDeletable || isClickable || hasIcon) { + if (isRemovable || isClickable || hasIcon || isDefault(currentColor)) { setSelected(selected); } else { setSelected(false); } - }, [color, hasIcon, isClickable, isDeletable, selected]); + }, [currentColor, hasIcon, isClickable, isRemovable, selected]); const handleClick: MouseEventHandler = useCallback(() => { if (isDefault(currentColor) && onClick) { @@ -328,7 +305,7 @@ export const Tag = forwardRef(({ $isMobile={isMobile} $tagSize={size} $clickable={isClickable} - $removable={isDeletable} + $removable={isRemovable} $hasIcon={hasIcon} $tagColor={currentColor} $selected={isSelected} @@ -359,9 +336,9 @@ export const Tag = forwardRef(({ {shortenedLabel} - {isDeletable && ( - Date: Wed, 20 Mar 2024 13:29:48 -0400 Subject: [PATCH 24/52] fix(tag): update snapshots --- packages/react/src/components/tag/tag.test.tsx.snap | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index 78ffc7a891..49c24c9145 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -246,7 +246,7 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` -`; - -exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` +exports[`Tag Tag decorative-01 matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -154,8 +93,27 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` width: var(--size-1x); } +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + .c2 { - color: #1B1C1E; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -171,7 +129,7 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #220123; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -195,7 +153,7 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` .c5:hover { background-color: #DBDEE1; - color: #1B1C1E; + color: #000000; } .c5:focus { @@ -208,25 +166,6 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; } -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - @@ -252,33 +191,14 @@ exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` `; -exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-01 matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -291,6 +211,25 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` margin-left: var(--spacing-1x); } +.c3 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #220123; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + @@ -298,7 +237,7 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="default" + color="decorative-01" data-testid="Test-icon" focusable="true" height="12" @@ -313,25 +252,14 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` `; -exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-01 matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -344,48 +272,17 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` margin-left: var(--spacing-1x); } - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` .c2 { - color: #1B1C1E; + color: #220123; display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; + font-size: 0.75rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - @@ -397,68 +294,49 @@ exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` `; -exports[`Tag Tag medium matches snapshot (mobile clickable) 1`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-01 matches snapshot (desktop) 2`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-3x); + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 var(--spacing-1x); - font-family: var(--font-family); - padding-left: var(--spacing-1halfx); - padding-right: var(--spacing-1halfx); } .c0 + .c0 { margin-left: var(--spacing-1x); } -.c1:hover { - background-color: #DBDEE1; - border-color: #1B1C1E; -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +.c2 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - + `; -exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` +exports[`Tag Tag decorative-01 matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -551,8 +429,27 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` width: var(--size-1x); } +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + .c2 { - color: #1B1C1E; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -568,7 +465,7 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #220123; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -592,7 +489,7 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` .c5:hover { background-color: #DBDEE1; - color: #1B1C1E; + color: #000000; } .c5:focus { @@ -605,25 +502,6 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; } -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - @@ -649,33 +527,14 @@ exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` `; -exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-01 matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -688,6 +547,25 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` margin-left: var(--spacing-1x); } +.c3 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #220123; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + @@ -695,7 +573,7 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="default" + color="decorative-01" data-testid="Test-icon" focusable="true" height="12" @@ -710,25 +588,14 @@ exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` `; -exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-01 matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -741,48 +608,17 @@ exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` margin-left: var(--spacing-1x); } - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` .c2 { - color: #1B1C1E; + color: #220123; display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; + font-size: 0.75rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - @@ -794,68 +630,49 @@ exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` `; -exports[`Tag Tag small matches snapshot (desktop clickable) 1`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-01 matches snapshot (mobile) 2`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-2halfx); + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); - font-family: var(--font-family); - padding-left: var(--spacing-1x); - padding-right: var(--spacing-1x); + padding: 0 var(--spacing-1x); } .c0 + .c0 { margin-left: var(--spacing-1x); } -.c1:hover { - background-color: #DBDEE1; - border-color: #1B1C1E; -} - -.c1:focus { - outline: none; -} - -.c1:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +.c2 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - + `; -exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` +exports[`Tag Tag decorative-02 matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -885,10 +702,10 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` -ms-letter-spacing: 0.025rem; letter-spacing: 0.025rem; line-height: 1rem; - min-height: var(--size-1halfx); + min-height: var(--size-2x); min-width: 2rem; outline: none; - padding: 0 var(--spacing-1halfx); + padding: 0 var(--spacing-2x); text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; @@ -916,9 +733,8 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` background-color: transparent; border-color: transparent; color: #60666E; - min-width: var(--size-1halfx); padding: 0; - width: var(--size-1halfx); + width: var(--size-2x); } .c4:focus { @@ -949,11 +765,30 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` width: var(--size-1x); } +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; - line-height: 1rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -966,7 +801,7 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #7D520B; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -990,7 +825,7 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` .c5:hover { background-color: #DBDEE1; - color: #1B1C1E; + color: #000000; } .c5:focus { @@ -1003,25 +838,6 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; } -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-half); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - @@ -1047,45 +863,45 @@ exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-02 matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius); + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { margin-left: var(--spacing-1x); } +.c3 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7D520B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + @@ -1093,7 +909,7 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="default" + color="decorative-02" data-testid="Test-icon" focusable="true" height="12" @@ -1108,37 +924,37 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop) 1`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-02 matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius); + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { margin-left: var(--spacing-1x); } +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + @@ -1150,25 +966,14 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop) 2`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - +exports[`Tag Tag decorative-02 matches snapshot (desktop) 2`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -1181,6 +986,7984 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` margin-left: var(--spacing-1x); } +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-02 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7D520B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-02 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7D520B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-02 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-02 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0B3E45; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #0B3E45; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #0B3E45; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #0B3E45; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0B3E45; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0B3E45; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0B3E45; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #0B3E45; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #0B3E45; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #0B3E45; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0B3E45; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-03 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7F0F1; + border: 1px solid #126773; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0B3E45; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #530000; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #530000; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #530000; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #530000; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #530000; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #530000; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #530000; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #530000; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #530000; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #530000; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #530000; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-04 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F3E6E6; + border: 1px solid #960000; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #530000; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4A5E11; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #4A5E11; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #4A5E11; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #4A5E11; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4A5E11; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4A5E11; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4A5E11; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #4A5E11; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #4A5E11; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #4A5E11; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4A5E11; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-05 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2F5E8; + border: 1px solid #7B9C1D; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4A5E11; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7B2D00; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7B2D00; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7B2D00; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7B2D00; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7B2D00; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7B2D00; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7B2D00; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7B2D00; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7B2D00; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7B2D00; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7B2D00; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-06 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAEDE6; + border: 1px solid #CD4B00; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7B2D00; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0A2A5B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #0A2A5B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #0A2A5B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #0A2A5B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0A2A5B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0A2A5B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0A2A5B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #0A2A5B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #0A2A5B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #0A2A5B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0A2A5B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-07 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E7EDF5; + border: 1px solid #104697; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #0A2A5B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #042A1F; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #042A1F; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #042A1F; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #042A1F; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #042A1F; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #042A1F; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #042A1F; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #042A1F; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #042A1F; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #042A1F; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #042A1F; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-08 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #E6EDEB; + border: 1px solid #064633; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #042A1F; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4C1536; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #4C1536; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #4C1536; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #4C1536; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4C1536; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4C1536; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4C1536; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #4C1536; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #4C1536; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #4C1536; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4C1536; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-09 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F2E9EF; + border: 1px solid #7E235A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #4C1536; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #444167; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #444167; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #444167; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #444167; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #444167; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #444167; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #444167; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #444167; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #444167; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #444167; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #444167; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag decorative-10 matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F0F7; + border: 1px solid #766DAB; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #444167; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag default matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag default matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag default matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag default matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag default matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag default matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag default matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag default matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag medium matches snapshot (desktop deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag medium matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag medium matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + +.c5:hover { + background-color: #DBDEE1; + color: #000000; +} + +.c5:focus { + outline: none; +} + +.c5:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + + + + Test + + + +`; + +exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag small matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag small matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + @@ -1192,7 +8975,119 @@ exports[`Tag Tag small matches snapshot (desktop) 2`] = ` `; -exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` +exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + .c2 { color: #1B1C1E; display: inline-block; @@ -1204,56 +9099,75 @@ exports[`Tag Tag small matches snapshot (mobile clickable) 1`] = ` white-space: nowrap; } -.c1 { +.c5 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-2halfx); + border-radius: 50%; + color: #1B1C1E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); - font-family: var(--font-family); - padding-left: var(--spacing-1x); - padding-right: var(--spacing-1x); + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; } -.c0 + .c0 { - margin-left: var(--spacing-1x); +.c5 > svg { + height: 1rem; + width: 1rem; } -.c1:hover { +.c5:hover { background-color: #DBDEE1; - border-color: #1B1C1E; + color: #000000; } -.c1:focus { +.c5:focus { outline: none; } -.c1:focus { +.c5:focus { outline: none; box-shadow: 0 0 0 2px #84C6EA; box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; } - + + `; -exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` +exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -1347,6 +9261,25 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` width: var(--size-1x); } +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + .c2 { color: #1B1C1E; display: inline-block; @@ -1388,7 +9321,7 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` .c5:hover { background-color: #DBDEE1; - color: #1B1C1E; + color: #000000; } .c5:focus { @@ -1401,25 +9334,6 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; } -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-half); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - @@ -1446,25 +9360,6 @@ exports[`Tag Tag small matches snapshot (mobile deletable) 1`] = ` `; exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .c1 { -webkit-align-items: center; -webkit-box-align: center; @@ -1484,6 +9379,25 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` margin-left: var(--spacing-1x); } +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + @@ -1507,17 +9421,6 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` `; exports[`Tag Tag small matches snapshot (mobile) 1`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .c1 { -webkit-align-items: center; -webkit-box-align: center; @@ -1537,6 +9440,17 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` margin-left: var(--spacing-1x); } +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + @@ -1549,17 +9463,6 @@ exports[`Tag Tag small matches snapshot (mobile) 1`] = ` `; exports[`Tag Tag small matches snapshot (mobile) 2`] = ` -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .c1 { -webkit-align-items: center; -webkit-box-align: center; @@ -1579,6 +9482,17 @@ exports[`Tag Tag small matches snapshot (mobile) 2`] = ` margin-left: var(--spacing-1x); } +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index bec409960f..aa6f317552 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -4,158 +4,29 @@ import { Ref, SVGProps, useCallback, - useEffect, - useState, } from 'react'; -import styled, { - css, - FlattenInterpolation, - StyledProps, - ThemeProps, -} from 'styled-components'; +import styled from 'styled-components'; import { useTranslation } from '../../i18n/use-translation'; -import { ResolvedTheme } from '../../themes/theme'; -import { focus } from '../../utils/css-state'; import { IconButton } from '../buttons/icon-button'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; -import { Icon, IconName } from '../icon/icon'; +import { Icon } from '../icon/icon'; +import { TagProps, TagStylingProps } from './types'; +import { getFontSize, getIconSize, getLineHeight, getPadding, getTagColors, isMedium } from './utils'; -export type TagColor = - | 'default' - | 'decorative-01' - | 'decorative-02' - | 'decorative-03' - | 'decorative-04' - | 'decorative-05' - | 'decorative-06' - | 'decorative-07' - | 'decorative-08' - | 'decorative-09' - | 'decorative-10'; - -export type TagSize = - | 'small' - | 'medium'; - -export interface TagValue { - id?: string; - label: string; -} - -export interface TagProps { - className?: string; - size?: TagSize; - value: TagValue; - iconName?: IconName; - - /** - * Whether the tag is selected. - * Can manually set the selected state of the tag, without the need for a click event. - */ - selected?: boolean; - - /** - * if tag is clickable or removable or has an icon, - * the color will be forced to 'default' - */ - color?: TagColor; - - onClick?(tag: TagValue): void; - onRemove?(tag: TagValue): void; -} - -interface BaseTagStylingProps { - $isMobile: boolean; - $tagSize: TagSize; - $tagColor: TagColor; - $selected?: boolean; - $clickable?: boolean; -} - -interface TagContainerProps extends BaseTagStylingProps { - $clickable: boolean; - $removable: boolean; - $hasIcon: boolean; - type?: React.ButtonHTMLAttributes['type']; -} - -type TagLabelProps = BaseTagStylingProps; -type IconOrButtonProps = BaseTagStylingProps; - -function getFontSize({ $isMobile }: TagLabelProps): number { - return $isMobile ? 0.875 : 0.75; -} - -function getIconSize(isMobile: boolean): string { - return isMobile ? '20' : '12'; -} - -function hasDefaultColor(tagColor: TagColor): tagColor is 'default' { - return tagColor === 'default'; -} - -function isMedium(tagSize: TagSize): tagSize is 'medium' { - return tagSize === 'medium'; -} - -function isSmall(tagSize: TagSize): tagSize is 'small' { - return tagSize === 'small'; -} - -function getPadding({ $isMobile, $tagSize }: IconOrButtonProps): string { - return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; -} - -function getLineHeight({ $isMobile, $tagSize }: TagLabelProps): number { - if ($isMobile) { - return isSmall($tagSize) ? 1.5 : 1.875; - } - return isSmall($tagSize) ? 1 : 1.5; -} - -function getBorderRadius({ $clickable, $isMobile, $tagSize }: TagContainerProps): string { - if ($clickable) { - return isSmall($tagSize) ? 'var(--border-radius-2halfx)' : 'var(--border-radius-3x)'; - } - return $isMobile || isMedium($tagSize) ? 'var(--border-radius-1halfx)' : 'var(--border-radius)'; -} - -type ColorProperty = 'background-color' | 'border-color' | 'text-color'; +const TagContainer = styled.div` + align-items: center; + background-color: ${(props) => getTagColors(props, 'background-color')}; + border: 1px solid ${(props) => getTagColors(props, 'border-color')}; + border-radius: ${({ $tagSize, $isMobile }) => ($isMobile || isMedium($tagSize) ? 'var(--border-radius-1halfx)' : 'var(--border-radius)')}; + display: inline-flex; + padding: ${getPadding}; -function getTagColors( - { $tagColor, theme }: StyledProps, - $colorProperty: ColorProperty, -): string { - if (hasDefaultColor($tagColor)) { - return theme.component[`tag-${$colorProperty}`]; + & + & { + margin-left: var(--spacing-1x); } - return theme.component[`tag-${$tagColor}-${$colorProperty}`]; -} - -const StyledIcon = styled(Icon) & IconOrButtonProps>` - color: ${({ theme }) => theme.component['tag-icon-color']}; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); - - ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-selected-icon-color']}; - `} - - ${({ $clickable, $selected, theme }) => $clickable && css` - &:hover { - color: ${$selected ? theme.component['tag-selected-icon-color'] : theme.component['tag-hover-icon-color']}; - } - `} `; -const DeleteIcon = styled(Icon).attrs({ - 'aria-hidden': 'true', - name: 'x', -})``; - -const TagLabel = styled.span` +const TagLabel = styled.span` color: ${(props) => getTagColors(props, 'text-color')}; display: inline-block; font-size: ${getFontSize}rem; @@ -164,16 +35,20 @@ const TagLabel = styled.span` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-selected-text-color']}; - font-weight: var(--font-semi-bold); - `} `; -const RemoveButton = styled(IconButton)` +const StyledIcon = styled(Icon) & TagStylingProps>` + color: ${(props) => getTagColors(props, 'icon-color')}; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +`; + +const RemoveButton = styled(IconButton)` align-items: center; border-radius: 50%; - color: ${({ theme }) => theme.component['tag-icon-color']}; + color: ${(props) => getTagColors(props, 'icon-color')}; display: inline-flex; height: auto; justify-content: center; @@ -187,58 +62,6 @@ const RemoveButton = styled(IconButton)` height: 1rem; width: 1rem; } - - ${({ $selected, theme }) => $selected && css` - color: ${theme.component['tag-selected-icon-color']}; - `} - - &:hover { - background-color: ${({ $selected, theme }) => ($selected ? theme.component['tag-selected-hover-background-color'] : theme.component['tag-hover-background-color'])}; - color: ${({ $selected, theme }) => ($selected ? theme.component['tag-selected-icon-color'] : theme.component['tag-hover-icon-color'])}; - - ${DeleteIcon} { - color: ${({ theme }) => theme.component['tag-hover-icon-color']}; - } - } - - ${focus}; -`; - -function getClickableStyle( - { $clickable, $selected, $tagSize }: TagContainerProps, -): FlattenInterpolation> | false { - return $clickable && css` - font-family: var(--font-family); - padding-left: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; - padding-right: ${isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)'}; - - &:hover { - background-color: ${({ theme }) => ($selected ? theme.component['tag-selected-background-color'] : theme.component['tag-hover-background-color'])}; - border-color: ${({ theme }) => ($selected ? theme.component['tag-selected-border-color'] : theme.component['tag-hover-border-color'])}; - } - - ${focus}; - `; -} - -const TagContainer = styled.div` - align-items: center; - background-color: ${(props) => getTagColors(props, 'background-color')}; - border: 1px solid ${(props) => getTagColors(props, 'border-color')}; - border-radius: ${getBorderRadius}; - display: inline-flex; - padding: ${getPadding}; - - & + & { - margin-left: var(--spacing-1x); - } - - ${({ $selected, theme }) => $selected && css` - background-color: ${theme.component['tag-selected-background-color']}; - border: 1px solid ${theme.component['tag-selected-border-color']}; - `} - - ${getClickableStyle}; `; export const Tag = forwardRef(({ @@ -246,36 +69,16 @@ export const Tag = forwardRef(({ iconName, size = 'medium', color = 'default', - selected = false, value, - onClick, onRemove, }: TagProps, ref: Ref) => { const { t } = useTranslation('tag'); const { isMobile } = useDeviceContext(); const isRemovable = !!onRemove; - const isClickable = !!onClick; const hasIcon = !!iconName; - const currentColor = (isRemovable || isClickable || hasIcon) ? 'default' : color; - const [isSelected, setSelected] = useState(hasDefaultColor(currentColor) && selected); const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); - useEffect(() => { - if (isRemovable || isClickable || hasIcon || hasDefaultColor(currentColor)) { - setSelected(selected); - } else { - setSelected(false); - } - }, [currentColor, hasIcon, isClickable, isRemovable, selected]); - - const handleClick: MouseEventHandler = useCallback(() => { - if (hasDefaultColor(currentColor) && onClick) { - setSelected(!isSelected); - onClick?.(value); - } - }, [currentColor, isSelected, onClick, value]); - const handleDelete: MouseEventHandler = useCallback((e) => { e.stopPropagation(); onRemove?.(value); @@ -284,17 +87,13 @@ export const Tag = forwardRef(({ return ( {hasIcon && ( )} {value.label} {isRemovable && ( diff --git a/packages/react/src/components/tag/toggle-tag.test.tsx b/packages/react/src/components/tag/toggle-tag.test.tsx new file mode 100644 index 0000000000..79b2221faa --- /dev/null +++ b/packages/react/src/components/tag/toggle-tag.test.tsx @@ -0,0 +1,88 @@ +import { shallow } from 'enzyme'; +import { getByTestId } from '../../test-utils/enzyme-selectors'; +import { renderWithProviders } from '../../test-utils/renderer'; +import { DeviceType } from '../device-context-provider/device-context-provider'; +import { ToggleTag } from './toggle-tag'; +import { ToggleTagProps } from './types'; + +describe('ToggleTag', () => { + const tagSizes: ToggleTagProps['size'][] = ['small', 'medium']; + tagSizes.forEach((size) => { + describe(`ToggleTag ${size}`, () => { + it('should call onClick callback when tag is clicked', () => { + const callback = jest.fn(); + const wrapper = shallow( + , + ); + + wrapper.simulate('click'); + + expect(callback).toHaveBeenCalledTimes(1); + }); + + it( + 'should have aria-hidden="false" and an aria-label on icon when the label is not the same as iconName', + () => { + const wrapper = shallow( + , + ); + + const testIconWrapper = getByTestId(wrapper, 'Test-icon'); + expect(testIconWrapper.prop('aria-label')).toBe('home'); + expect(testIconWrapper.prop('aria-hidden')).toBe(false); + }, + ); + + it( + 'should have aria-hidden="true" and no label on icon when the label is the same as the iconName', + () => { + const wrapper = shallow( + , + ); + + const testIconWrapper = getByTestId(wrapper, 'Home-icon'); + expect(testIconWrapper.prop('aria-label')).toBe(undefined); + expect(testIconWrapper.prop('aria-hidden')).toBe(true); + }, + ); + + (['mobile', 'desktop'] as DeviceType[]).forEach((deviceType) => { + it(`matches snapshot (${deviceType})`, () => { + const tree = renderWithProviders(, 'desktop'); + + expect(tree).toMatchSnapshot(); + }); + + it(`matches snapshot (${deviceType})`, () => { + const tree = renderWithProviders(, 'mobile'); + + expect(tree).toMatchSnapshot(); + }); + + it(`matches snapshot (${deviceType} with icons)`, () => { + const tree = renderWithProviders( + , + ); + + expect(tree).toMatchSnapshot(); + }); + + it(`matches snapshot (${deviceType} clickable)`, () => { + const tree = renderWithProviders( + , + ); + + expect(tree).toMatchSnapshot(); + }); + }); + }); + }); +}); diff --git a/packages/react/src/components/tag/toggle-tag.test.tsx.snap b/packages/react/src/components/tag/toggle-tag.test.tsx.snap new file mode 100644 index 0000000000..b9c97be180 --- /dev/null +++ b/packages/react/src/components/tag/toggle-tag.test.tsx.snap @@ -0,0 +1,1117 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`ToggleTag ToggleTag medium matches snapshot (desktop clickable) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c3:hover { + color: #000000; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (mobile clickable) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c3:hover { + color: #000000; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag medium matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-3x); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1halfx); + padding-right: var(--spacing-1halfx); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (desktop clickable) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c3:hover { + color: #000000; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (mobile clickable) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c3:hover { + color: #000000; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-half); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; + +exports[`ToggleTag ToggleTag small matches snapshot (mobile) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-2halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--font-family); + padding: 0 var(--spacing-1x); + padding-left: var(--spacing-1x); + padding-right: var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c1:focus { + outline: none; +} + +.c1:focus { + outline: none; + box-shadow: 0 0 0 2px #84C6EA; + box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +} + +.c1:hover { + background-color: #DBDEE1; + border-color: #000000; +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2:hover { + color: #000000; +} + + +`; diff --git a/packages/react/src/components/tag/toggle-tag.tsx b/packages/react/src/components/tag/toggle-tag.tsx new file mode 100644 index 0000000000..f859abf498 --- /dev/null +++ b/packages/react/src/components/tag/toggle-tag.tsx @@ -0,0 +1,120 @@ +import { forwardRef, MouseEventHandler, Ref, SVGProps, useCallback, useState } from 'react'; +import styled from 'styled-components'; +import { focus } from '../../utils/css-state'; +import { useDeviceContext } from '../device-context-provider/device-context-provider'; +import { Icon } from '../icon/icon'; +import { ToggleTagProps, ToggleTagStylingProps } from './types'; +import { getFontSize, getIconSize, getLineHeight, getPadding, isSmall } from './utils'; + +const TagContainer = styled.button` + align-items: center; + background-color: ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-background-color'] : theme.component['tag-background-color'])}; + border: 1px solid ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-border-color'] : theme.component['tag-border-color'])}; + border-radius: ${({ $tagSize }) => (isSmall($tagSize) ? 'var(--border-radius-2halfx)' : 'var(--border-radius-3x)')}; + display: inline-flex; + padding: ${getPadding}; + font-family: var(--font-family); + font-weight: ${({ $selected }) => ($selected ? '600' : '400')}; + padding-left: ${({ $tagSize }) => (isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)')}; + padding-right: ${({ $tagSize }) => (isSmall($tagSize) ? 'var(--spacing-1x)' : 'var(--spacing-1halfx)')}; + + & + & { + margin-left: var(--spacing-1x); + } + + ${focus}; + + &:hover { + background-color: ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-background-color'] : theme.component['tag-hover-background-color'])}; + border-color: ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-border-color'] : theme.component['tag-hover-border-color'])}; + } +`; + +const TagLabel = styled.span` + color: ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-text-color'] : theme.component['tag-text-color'])}; + display: inline-block; + font-size: ${getFontSize}rem; + line-height: ${getLineHeight}rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + + &:hover { + color: ${({ $selected, theme }) => ($selected ? theme.component['tag-selected-text-color'] : theme.component['tag-hover-text-color'])}; + } +`; + +const StyledIcon = styled(Icon) & ToggleTagStylingProps>` + color: ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-icon-color'] : theme.component['tag-icon-color'])}; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); + + &:hover { + color: ${({ $selected, theme }) => ($selected ? theme.component['tag-selected-icon-color'] : theme.component['tag-hover-icon-color'])}; + } +`; + +export const ToggleTag = forwardRef(({ + className, + iconName, + size = 'medium', + value, + selected = undefined, + onClick, +}: ToggleTagProps, ref: Ref) => { + const { isMobile } = useDeviceContext(); + + const hasIcon = !!iconName; + const hasIconLabel = !(value.label.toLowerCase() === iconName?.toLowerCase()); + const [isSelectedInternal, setSelectedInternal] = useState(selected ?? false); + const isSelected = selected !== undefined ? selected : isSelectedInternal; + + const handleClick: MouseEventHandler = useCallback(() => { + if (selected === undefined) { + setSelectedInternal(!isSelectedInternal); + } + onClick?.(value); + }, [isSelectedInternal, onClick, selected, value]); + + return ( + + {hasIcon && ( + + )} + + + {value.label} + + + ); +}); + +ToggleTag.displayName = 'ToggleTag'; diff --git a/packages/react/src/components/tag/types.ts b/packages/react/src/components/tag/types.ts new file mode 100644 index 0000000000..7c176ef6ae --- /dev/null +++ b/packages/react/src/components/tag/types.ts @@ -0,0 +1,59 @@ +import { IconName } from '../icon/icon'; + +export type TagColor = + | 'default' + | 'decorative-01' + | 'decorative-02' + | 'decorative-03' + | 'decorative-04' + | 'decorative-05' + | 'decorative-06' + | 'decorative-07' + | 'decorative-08' + | 'decorative-09' + | 'decorative-10'; + +export type TagSize = + | 'small' + | 'medium'; + +export interface TagValue { + id?: string; + label: string; +} + +export interface BaseTagProps { + className?: string; + size?: TagSize; + value: TagValue; + iconName?: IconName; +} + +export interface TagProps extends BaseTagProps { + color?: TagColor; + onRemove?(tag: TagValue): void; +} + +export interface ToggleTagProps extends BaseTagProps { + onClick?(tag: TagValue): void; + /** + * Whether the tag is selected. + * Can manually set the selected state of the tag, without the need for a click event. + */ + selected?: boolean; +} + +export interface BaseTagStylingProps { + $isMobile: boolean; + $tagSize: TagSize; + $hasIcon: boolean; +} + +export interface TagStylingProps extends BaseTagStylingProps { + $tagColor: TagColor; + $removable: boolean; +} + +export interface ToggleTagStylingProps extends BaseTagStylingProps { + $selected?: boolean; +} diff --git a/packages/react/src/components/tag/utils.ts b/packages/react/src/components/tag/utils.ts new file mode 100644 index 0000000000..58b0deafae --- /dev/null +++ b/packages/react/src/components/tag/utils.ts @@ -0,0 +1,45 @@ +import { StyledProps } from 'styled-components'; +import { BaseTagStylingProps, TagColor, TagSize, TagStylingProps } from './types'; + +export function getFontSize({ $isMobile }: BaseTagStylingProps): number { + return $isMobile ? 0.875 : 0.75; +} + +export function getIconSize(isMobile: boolean): string { + return isMobile ? '20' : '12'; +} + +export function isDefaultColor(tagColor: TagColor): tagColor is 'default' { + return tagColor === 'default'; +} + +export function isMedium(tagSize: TagSize): tagSize is 'medium' { + return tagSize === 'medium'; +} + +export function isSmall(tagSize: TagSize): tagSize is 'small' { + return tagSize === 'small'; +} + +export function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { + return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; +} + +export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { + if ($isMobile) { + return isSmall($tagSize) ? 1.5 : 1.875; + } + return isSmall($tagSize) ? 1 : 1.5; +} + +type ColorProperty = 'background-color' | 'border-color' | 'text-color' | 'icon-color'; + +export function getTagColors( + { $tagColor, theme }: StyledProps, + $colorProperty: ColorProperty, +): string { + if (isDefaultColor($tagColor)) { + return theme.component[`tag-${$colorProperty}`]; + } + return theme.component[`tag-${$tagColor}-${$colorProperty}`]; +} diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index 924b9e0889..6b09e3addf 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -70,7 +70,11 @@ export * from './components/toggletip/toggletip'; export { Table, TableColumn, TableRow } from './components/table/table'; export { Modal } from './components/modal/modal'; export { ModalDialog } from './components/modal/modal-dialog'; -export { Tag, TagProps, TagValue } from './components/tag/tag'; +export { Tag } from './components/tag/tag'; +export { ToggleTag } from './components/tag/toggle-tag'; +export { + TagValue, TagColor, TagSize, TagProps, ToggleTagProps, +} from './components/tag/types'; export { Lozenge } from './components/lozenge/lozenge'; export { RadioCard } from './components/radio-card-group/radio-card'; export { RadioCardGroup } from './components/radio-card-group/radio-card-group'; diff --git a/packages/react/src/themes/tokens/component/tag-tokens.ts b/packages/react/src/themes/tokens/component/tag-tokens.ts index 27a7cc8a54..0faa4c2eeb 100644 --- a/packages/react/src/themes/tokens/component/tag-tokens.ts +++ b/packages/react/src/themes/tokens/component/tag-tokens.ts @@ -6,46 +6,55 @@ export type TagTokens = | 'tag-border-color' | 'tag-text-color' | 'tag-icon-color' - - | 'tag-hover-icon-color' - | 'tag-hover-border-color' | 'tag-hover-background-color' - | 'tag-selected-icon-color' - | 'tag-selected-border-color' + | 'tag-hover-border-color' + | 'tag-hover-text-color' + | 'tag-hover-icon-color' | 'tag-selected-background-color' - | 'tag-selected-text-color' | 'tag-selected-hover-background-color' - + | 'tag-selected-border-color' + | 'tag-selected-text-color' + | 'tag-selected-icon-color' | 'tag-decorative-01-background-color' | 'tag-decorative-01-border-color' | 'tag-decorative-01-text-color' + | 'tag-decorative-01-icon-color' | 'tag-decorative-02-background-color' | 'tag-decorative-02-border-color' | 'tag-decorative-02-text-color' + | 'tag-decorative-02-icon-color' | 'tag-decorative-03-background-color' | 'tag-decorative-03-border-color' | 'tag-decorative-03-text-color' + | 'tag-decorative-03-icon-color' | 'tag-decorative-04-background-color' | 'tag-decorative-04-border-color' | 'tag-decorative-04-text-color' + | 'tag-decorative-04-icon-color' | 'tag-decorative-05-background-color' | 'tag-decorative-05-border-color' | 'tag-decorative-05-text-color' + | 'tag-decorative-05-icon-color' | 'tag-decorative-06-background-color' | 'tag-decorative-06-border-color' | 'tag-decorative-06-text-color' + | 'tag-decorative-06-icon-color' | 'tag-decorative-07-background-color' | 'tag-decorative-07-border-color' | 'tag-decorative-07-text-color' + | 'tag-decorative-07-icon-color' | 'tag-decorative-08-background-color' | 'tag-decorative-08-border-color' | 'tag-decorative-08-text-color' + | 'tag-decorative-08-icon-color' | 'tag-decorative-09-background-color' | 'tag-decorative-09-border-color' | 'tag-decorative-09-text-color' + | 'tag-decorative-09-icon-color' | 'tag-decorative-10-background-color' | 'tag-decorative-10-border-color' - | 'tag-decorative-10-text-color'; + | 'tag-decorative-10-text-color' + | 'tag-decorative-10-icon-color'; export type TagTokenValue = AliasTokens | RefTokens; @@ -60,8 +69,9 @@ export const defaultTagTokens: TagTokenMap = { 'tag-icon-color': 'color-neutral-90', 'tag-hover-background-color': 'color-neutral-15', - 'tag-hover-border-color': 'color-neutral-90', - 'tag-hover-icon-color': 'color-neutral-90', + 'tag-hover-border-color': 'color-black', + 'tag-hover-text-color': 'color-black', + 'tag-hover-icon-color': 'color-black', 'tag-selected-background-color': 'color-brand-05', 'tag-selected-hover-background-color': 'color-brand-10', @@ -72,31 +82,41 @@ export const defaultTagTokens: TagTokenMap = { 'tag-decorative-01-background-color': 'color-decorative-01-05', 'tag-decorative-01-border-color': 'color-decorative-01-50', 'tag-decorative-01-text-color': 'color-decorative-01-70', + 'tag-decorative-01-icon-color': 'color-decorative-01-70', 'tag-decorative-02-background-color': 'color-decorative-02-05', 'tag-decorative-02-border-color': 'color-decorative-02-50', 'tag-decorative-02-text-color': 'color-decorative-02-70', + 'tag-decorative-02-icon-color': 'color-decorative-02-70', 'tag-decorative-03-background-color': 'color-decorative-03-05', 'tag-decorative-03-border-color': 'color-decorative-03-50', 'tag-decorative-03-text-color': 'color-decorative-03-70', + 'tag-decorative-03-icon-color': 'color-decorative-03-70', 'tag-decorative-04-background-color': 'color-decorative-04-05', 'tag-decorative-04-border-color': 'color-decorative-04-50', 'tag-decorative-04-text-color': 'color-decorative-04-70', + 'tag-decorative-04-icon-color': 'color-decorative-04-70', 'tag-decorative-05-background-color': 'color-decorative-05-05', 'tag-decorative-05-border-color': 'color-decorative-05-50', 'tag-decorative-05-text-color': 'color-decorative-05-70', + 'tag-decorative-05-icon-color': 'color-decorative-05-70', 'tag-decorative-06-background-color': 'color-decorative-06-05', 'tag-decorative-06-border-color': 'color-decorative-06-50', 'tag-decorative-06-text-color': 'color-decorative-06-70', + 'tag-decorative-06-icon-color': 'color-decorative-06-70', 'tag-decorative-07-background-color': 'color-decorative-07-05', 'tag-decorative-07-border-color': 'color-decorative-07-50', 'tag-decorative-07-text-color': 'color-decorative-07-70', + 'tag-decorative-07-icon-color': 'color-decorative-07-70', 'tag-decorative-08-background-color': 'color-decorative-08-05', 'tag-decorative-08-border-color': 'color-decorative-08-50', 'tag-decorative-08-text-color': 'color-decorative-08-70', + 'tag-decorative-08-icon-color': 'color-decorative-08-70', 'tag-decorative-09-background-color': 'color-decorative-09-05', 'tag-decorative-09-border-color': 'color-decorative-09-50', 'tag-decorative-09-text-color': 'color-decorative-09-70', + 'tag-decorative-09-icon-color': 'color-decorative-09-70', 'tag-decorative-10-background-color': 'color-decorative-10-05', 'tag-decorative-10-border-color': 'color-decorative-10-50', 'tag-decorative-10-text-color': 'color-decorative-10-70', + 'tag-decorative-10-icon-color': 'color-decorative-10-70', }; diff --git a/packages/storybook/stories/tag.stories.tsx b/packages/storybook/stories/tag.stories.tsx index 117cc26450..55bafd881f 100644 --- a/packages/storybook/stories/tag.stories.tsx +++ b/packages/storybook/stories/tag.stories.tsx @@ -3,39 +3,39 @@ import { Meta, StoryObj } from '@storybook/react'; import { useRef } from 'react'; import { rawCodeParameters } from './utils/parameters'; -const meta: Meta = { +const TagMeta: Meta = { component: Tag, - title: 'Components/Tag', - argTypes: { - size: { - control: { - type: 'select', - }, - defaultValue: 'medium', - }, - color: { - control: { - type: 'select', - }, + title: 'Components/Tags/Tag', + args: { + value: { + label: 'Tag', }, + size: 'medium', + iconName: undefined, + color: 'default', + onRemove: undefined, + }, + argTypes: { value: { control: { type: 'object', }, }, - iconName: { + size: { control: { type: 'select', + }, + defaultValue: 'medium', }, - selected: { + iconName: { control: { - type: 'boolean', + type: 'select', }, }, - onClick: { + color: { control: { - type: 'boolean', + type: 'select', }, }, onRemove: { @@ -44,41 +44,27 @@ const meta: Meta = { }, }, }, -}; - -export default meta; -type Story = StoryObj; - -export const Default: Story = { - args: { - value: { - label: 'Tag', - }, - size: 'medium', - color: 'default', - selected: false, - iconName: undefined, - onClick: undefined, - onRemove: undefined, - }, - argTypes: { - ...meta.argTypes, - }, render: (args) => ( - ), + ), +}; + +export default TagMeta; +type Story = StoryObj; + +export const Default: Story = { + ...TagMeta, }; export const Small: Story = { ...Default, args: { - ...Default.args, size: 'small', }, }; @@ -86,7 +72,6 @@ export const Small: Story = { export const Medium: Story = { ...Default, args: { - ...Default.args, size: 'medium', }, }; @@ -94,7 +79,6 @@ export const Medium: Story = { export const WithIcons: Story = { ...Default, args: { - ...Default.args, iconName: 'copy', }, }; @@ -102,23 +86,13 @@ export const WithIcons: Story = { export const Removable: Story = { ...Default, args: { - ...Default.args, onRemove: (tag: TagValue) => console.info(`Removed ${tag.label}`), }, }; -export const Clickable: Story = { - ...Default, - args: { - ...Default.args, - onClick: (tag: TagValue) => console.info(`Clicked on ${tag.label}`), - }, -}; - export const Colored: Story = { ...Default, args: { - ...Default.args, color: 'decorative-01', }, }; diff --git a/packages/storybook/stories/toggle-tag.stories.tsx b/packages/storybook/stories/toggle-tag.stories.tsx new file mode 100644 index 0000000000..45469d2a9a --- /dev/null +++ b/packages/storybook/stories/toggle-tag.stories.tsx @@ -0,0 +1,88 @@ +import { TagValue, ToggleTag } from '@equisoft/design-elements-react'; +import { Meta, StoryObj } from '@storybook/react'; +import { useRef } from 'react'; +import { rawCodeParameters } from './utils/parameters'; + +const ToggleTagMeta: Meta = { + component: ToggleTag, + title: 'Components/Tags/ToggleTag', + args: { + value: { + label: 'Toggle Tag', + }, + size: 'medium', + iconName: undefined, + selected: undefined, + onClick: (tag: TagValue) => console.info(`Clicked on ${tag.label}`), + }, + argTypes: { + size: { + control: { + type: 'select', + }, + defaultValue: 'medium', + }, + value: { + control: { + type: 'object', + }, + }, + iconName: { + control: { + type: 'select', + }, + }, + selected: { + control: { + type: 'boolean', + }, + }, + }, + render: (args) => ( + + ), +}; + +export default ToggleTagMeta; +type Story = StoryObj; + +export const Default: Story = { + ...ToggleTagMeta, +}; + +export const Small: Story = { + ...Default, + args: { + size: 'small', + }, +}; + +export const Medium: Story = { + ...Default, + args: { + size: 'medium', + }, +}; + +export const WithIcons: Story = { + ...Default, + args: { + iconName: 'copy', + }, +}; + +export const WithRef: Story = () => { + const ref = useRef(null); + + return ( + + ); +}; + +WithRef.parameters = rawCodeParameters; From 437b4076c4a4f027d9dee28ee0e2fc5fd5b80183 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Thu, 11 Apr 2024 08:45:42 -0400 Subject: [PATCH 35/52] fix(tag): update snapshots --- .../src/components/tag/tag.test.tsx.snap | 1626 +++-------------- .../components/tag/toggle-tag.test.tsx.snap | 24 +- .../react/src/components/tag/toggle-tag.tsx | 2 +- 3 files changed, 269 insertions(+), 1383 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index 75159e6787..4024d14961 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -151,21 +151,6 @@ exports[`Tag Tag decorative-01 matches snapshot (desktop removable) 1`] = ` width: 1rem; } -.c5:hover { - background-color: #DBDEE1; - color: #000000; -} - -.c5:focus { - outline: none; -} - -.c5:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -175,6 +160,7 @@ exports[`Tag Tag decorative-01 matches snapshot (desktop removable) 1`] = ` Test - -`; - -exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -7820,7 +7307,7 @@ exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` aria-hidden="false" aria-label="home" class="c2" - color="default" + color="currentColor" data-testid="Test-icon" focusable="true" height="12" @@ -7873,744 +7360,39 @@ exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` class="c2" > Test - - -`; - -exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile deletable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - -.c5:hover { - background-color: #DBDEE1; - color: #000000; -} - -.c5:focus { - outline: none; -} - -.c5:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - - - - Test - - - -`; - -exports[`Tag Tag medium matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - -.c5:hover { - background-color: #DBDEE1; - color: #000000; -} - -.c5:focus { - outline: none; -} - -.c5:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - - - - Test - - - -`; - -exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag small matches snapshot (desktop deletable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-1halfx); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-1halfx); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - min-width: var(--size-1halfx); - padding: 0; - width: var(--size-1halfx); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-half); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} + + +`; -.c5:hover { - background-color: #DBDEE1; - color: #000000; +exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); } -.c5:focus { - outline: none; +.c0 + .c0 { + margin-left: var(--spacing-1x); } -.c5:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } Test - `; -exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag medium matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -8668,10 +7436,10 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` -ms-letter-spacing: 0.025rem; letter-spacing: 0.025rem; line-height: 1rem; - min-height: var(--size-1halfx); + min-height: var(--size-2x); min-width: 2rem; outline: none; - padding: 0 var(--spacing-1halfx); + padding: 0 var(--spacing-2x); text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; @@ -8699,9 +7467,8 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` background-color: transparent; border-color: transparent; color: #60666E; - min-width: var(--size-1halfx); padding: 0; - width: var(--size-1halfx); + width: var(--size-2x); } .c4:focus { @@ -8739,12 +7506,12 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { @@ -8755,7 +7522,7 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` color: #1B1C1E; display: inline-block; font-size: 0.75rem; - line-height: 1rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -8790,21 +7557,6 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` width: 1rem; } -.c5:hover { - background-color: #DBDEE1; - color: #000000; -} - -.c5:focus { - outline: none; -} - -.c5:focus { - outline: none; - box-shadow: 0 0 0 2px #84C6EA; - box-shadow: 0 0 0 1px #006296,0 0 0 3px #84C6EA; -} - @@ -8814,6 +7566,7 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` Test + +`; + +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #220123; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.875rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-3x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-3x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #220123; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #220123; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7D520B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7D520B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.875rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-3x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-3x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7D520B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7D520B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-2x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-2x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-2x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=medium color=default matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=medium color=default matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.875rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-3x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-3x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=medium color=default matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=medium color=default matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.875rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #220123; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #220123; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.875rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-3x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-3x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #220123; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #220123; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #EBE6EB; + border: 1px solid #38023B; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #220123; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7D520B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7D520B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.875rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-3x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-3x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #7D520B; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #7D520B; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #FAF3E7; + border: 1px solid #CE840C; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #7D520B; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.75rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.025rem; + -moz-letter-spacing: 0.025rem; + -ms-letter-spacing: 0.025rem; + letter-spacing: 0.025rem; + line-height: 1rem; + min-height: var(--size-1halfx); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-1halfx); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1x); + width: var(--size-1x); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + min-width: var(--size-1halfx); + padding: 0; + width: var(--size-1halfx); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1x); + width: var(--size-1x); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=small color=default matches snapshot (desktop with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=small color=default matches snapshot (desktop) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-half); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.75rem; + line-height: 1rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + +exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1`] = ` +.c3 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.5rem; + box-sizing: border-box; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: inherit; + font-size: 0.875rem; + font-weight: var(--font-bold); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); + min-width: 2rem; + outline: none; + padding: 0 var(--spacing-3x); + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.c3:focus { + outline: none; +} + +.c3:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c3 > svg { + color: inherit; + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c4 { + background-color: transparent; + border-color: transparent; + color: #60666E; + padding: 0; + width: var(--size-3x); +} + +.c4:focus { + outline: none; +} + +.c4:focus { + outline: none; + border-color: #006296; + box-shadow: 0 0 0 2px #84C6EA; +} + +.c4:hover, +.c4[aria-expanded='true'] { + background-color: #DBDEE1; + border-color: transparent; + color: #1B1C1E; +} + +.c4:disabled { + background-color: transparent; + border-color: transparent; + color: #B7BBC2; +} + +.c4 > svg { + height: var(--size-1halfx); + width: var(--size-1halfx); +} + +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c5 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + color: #1B1C1E; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + height: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: var(--spacing-half); + margin-right: calc(-1 * var(--spacing-half)); + min-height: auto; + min-width: auto; + width: auto; +} + +.c5 > svg { + height: 1rem; + width: 1rem; +} + + + + Test + + + +`; + +exports[`Tag Tag size=small color=default matches snapshot (mobile with icons) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c3 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.c2 { + color: #1B1C1E; + height: var(--size-1x); + margin-right: var(--spacing-half); + vertical-align: text-bottom; + width: var(--size-1x); +} + + + + + Test + + +`; + +exports[`Tag Tag size=small color=default matches snapshot (mobile) 1`] = ` +.c1 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 var(--spacing-1x); +} + +.c0 + .c0 { + margin-left: var(--spacing-1x); +} + +.c2 { + color: #1B1C1E; + display: inline-block; + font-size: 0.875rem; + line-height: 1.5rem; + max-width: 312px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + + + + Test + + +`; + exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; From 4aaf01d31900071f80c778e265a45cad1f72d933 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 08:44:59 -0400 Subject: [PATCH 40/52] fix(tag): update yarn lock --- yarn.lock | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index f91c52147d..64b1da3bb7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1693,7 +1693,7 @@ __metadata: sass: "npm:~1.72.0" sass-loader: "npm:~14.1.0" stream-browserify: "npm:^3.0.0" - style-loader: "npm:^3.3.2" + style-loader: "npm:^4.0.0" styled-components: "npm:^5.3.10" stylelint: "npm:^16.2.1" ts-jest: "npm:^29.1.0" @@ -1764,7 +1764,7 @@ __metadata: sass: "npm:^1.71.1" sass-loader: "npm:^14.0.0" storybook: "npm:^7.0.8" - style-loader: "npm:^3.3.2" + style-loader: "npm:^4.0.0" styled-components: "npm:^5.3.10" stylelint: "npm:^16.2.1" ts-loader: "npm:^9.4.2" @@ -14725,7 +14725,7 @@ __metadata: languageName: node linkType: hard -"style-loader@npm:^3.3.1, style-loader@npm:^3.3.2": +"style-loader@npm:^3.3.1": version: 3.3.4 resolution: "style-loader@npm:3.3.4" peerDependencies: @@ -14734,6 +14734,15 @@ __metadata: languageName: node linkType: hard +"style-loader@npm:^4.0.0": + version: 4.0.0 + resolution: "style-loader@npm:4.0.0" + peerDependencies: + webpack: ^5.27.0 + checksum: 10c0/214bc0f3b018f8c374f79b9fa16da43df78c7fef2261e9a99e36c2f8387601fad10ac75a171aa8edba75903db214bc46952ae08b94a1f8544bd146c2c8d07d27 + languageName: node + linkType: hard + "style-search@npm:^0.1.0": version: 0.1.0 resolution: "style-search@npm:0.1.0" From 719d48a0e96a2830966f7535188b3782dc799e00 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 08:48:53 -0400 Subject: [PATCH 41/52] fix(tag): revert storybook package changes --- packages/storybook/package.json | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/storybook/package.json b/packages/storybook/package.json index a0f61fc91c..21b0a015e6 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,8 +22,6 @@ "@storybook/blocks": "^7.0.8", "@storybook/preview": "^7.0.8", "@storybook/react": "^7.0.8", - "@storybook/react-webpack5": "^7.0.8", - "@storybook/theming": "^7.0.8", "core-js": "^3.30.1", "css-loader": "^7.0.0", "i18next": "^23.0.0", From 992870706f3f57ac74b30c30a26fa399409957ff Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 09:11:30 -0400 Subject: [PATCH 42/52] fix(tag): post review changes --- .../react/src/components/tag/tag.test.tsx | 3 +- packages/react/src/components/tag/tag.tsx | 97 +++++++++++++++++-- .../src/components/tag/toggle-tag.test.tsx | 3 +- .../react/src/components/tag/toggle-tag.tsx | 66 ++++++++++++- packages/react/src/components/tag/types.ts | 59 ----------- packages/react/src/components/tag/utils.ts | 45 --------- 6 files changed, 156 insertions(+), 117 deletions(-) delete mode 100644 packages/react/src/components/tag/types.ts delete mode 100644 packages/react/src/components/tag/utils.ts diff --git a/packages/react/src/components/tag/tag.test.tsx b/packages/react/src/components/tag/tag.test.tsx index face0654f3..375d9dd49f 100644 --- a/packages/react/src/components/tag/tag.test.tsx +++ b/packages/react/src/components/tag/tag.test.tsx @@ -2,8 +2,7 @@ import { shallow } from 'enzyme'; import { getByTestId } from '../../test-utils/enzyme-selectors'; import { renderWithProviders } from '../../test-utils/renderer'; import { DeviceType } from '../device-context-provider/device-context-provider'; -import { Tag } from './tag'; -import { TagProps } from './types'; +import { Tag, TagProps } from './tag'; describe('Tag', () => { const tagSizes: TagProps['size'][] = ['small', 'medium']; diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index aa6f317552..723c15cfa3 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -5,15 +5,101 @@ import { SVGProps, useCallback, } from 'react'; -import styled from 'styled-components'; +import styled, { StyledProps } from 'styled-components'; import { useTranslation } from '../../i18n/use-translation'; import { IconButton } from '../buttons/icon-button'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; -import { Icon } from '../icon/icon'; -import { TagProps, TagStylingProps } from './types'; -import { getFontSize, getIconSize, getLineHeight, getPadding, getTagColors, isMedium } from './utils'; +import { Icon, IconName } from '../icon/icon'; -const TagContainer = styled.div` +export type TagColor = + | 'default' + | 'decorative-01' + | 'decorative-02' + | 'decorative-03' + | 'decorative-04' + | 'decorative-05' + | 'decorative-06' + | 'decorative-07' + | 'decorative-08' + | 'decorative-09' + | 'decorative-10'; + +export type TagSize = + | 'small' + | 'medium'; + +export interface TagValue { + id?: string; + label: string; +} + +export interface BaseTagProps { + className?: string; + size?: TagSize; + value: TagValue; + iconName?: IconName; +} + +export interface BaseTagStylingProps { + $isMobile: boolean; + $tagSize: TagSize; + $hasIcon: boolean; +} + +export interface TagProps extends BaseTagProps { + color?: TagColor; + onRemove?(tag: TagValue): void; +} + +export interface TagStylingProps extends BaseTagStylingProps { + $tagColor: TagColor; + $removable: boolean; +} + +export function getFontSize({ $isMobile }: BaseTagStylingProps): number { + return $isMobile ? 0.875 : 0.75; +} + +export function getIconSize(isMobile: boolean): string { + return isMobile ? '20' : '12'; +} + +export function isDefaultColor(tagColor: TagColor): tagColor is 'default' { + return tagColor === 'default'; +} + +export function isMedium(tagSize: TagSize): tagSize is 'medium' { + return tagSize === 'medium'; +} + +export function isSmall(tagSize: TagSize): tagSize is 'small' { + return tagSize === 'small'; +} + +export function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { + return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; +} + +export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { + if ($isMobile) { + return isSmall($tagSize) ? 1.5 : 1.875; + } + return isSmall($tagSize) ? 1 : 1.5; +} + +type ColorProperty = 'background-color' | 'border-color' | 'text-color' | 'icon-color'; + +export function getTagColors( + { $tagColor, theme }: StyledProps, + $colorProperty: ColorProperty, +): string { + if (isDefaultColor($tagColor)) { + return theme.component[`tag-${$colorProperty}`]; + } + return theme.component[`tag-${$tagColor}-${$colorProperty}`]; +} + +const TagContainer = styled.span` align-items: center; background-color: ${(props) => getTagColors(props, 'background-color')}; border: 1px solid ${(props) => getTagColors(props, 'border-color')}; @@ -87,7 +173,6 @@ export const Tag = forwardRef(({ return ( { const tagSizes: ToggleTagProps['size'][] = ['small', 'medium']; diff --git a/packages/react/src/components/tag/toggle-tag.tsx b/packages/react/src/components/tag/toggle-tag.tsx index da2c550175..2a944a3e9a 100644 --- a/packages/react/src/components/tag/toggle-tag.tsx +++ b/packages/react/src/components/tag/toggle-tag.tsx @@ -2,9 +2,69 @@ import { forwardRef, MouseEventHandler, Ref, SVGProps, useCallback, useState } f import styled from 'styled-components'; import { focus } from '../../utils/css-state'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; -import { Icon } from '../icon/icon'; -import { ToggleTagProps, ToggleTagStylingProps } from './types'; -import { getFontSize, getIconSize, getLineHeight, getPadding, isSmall } from './utils'; +import { Icon, IconName } from '../icon/icon'; + +export type TagSize = + | 'small' + | 'medium'; + +export interface TagValue { + id?: string; + label: string; +} + +export interface BaseTagProps { + className?: string; + size?: TagSize; + value: TagValue; + iconName?: IconName; +} + +export interface BaseTagStylingProps { + $isMobile: boolean; + $tagSize: TagSize; + $hasIcon: boolean; +} + +export interface ToggleTagProps extends BaseTagProps { + onClick?(tag: TagValue): void; + /** + * Whether the tag is selected. + * Can manually set the selected state of the tag, without the need for a click event. + */ + selected?: boolean; +} + +export interface ToggleTagStylingProps extends BaseTagStylingProps { + $selected?: boolean; +} + +export function getFontSize({ $isMobile }: BaseTagStylingProps): number { + return $isMobile ? 0.875 : 0.75; +} + +export function getIconSize(isMobile: boolean): string { + return isMobile ? '20' : '12'; +} + +export function isMedium(tagSize: TagSize): tagSize is 'medium' { + return tagSize === 'medium'; +} + +export function isSmall(tagSize: TagSize): tagSize is 'small' { + return tagSize === 'small'; +} + +export function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { + return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; +} + +export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { + if ($isMobile) { + return isSmall($tagSize) ? 1.5 : 1.875; + } + return isSmall($tagSize) ? 1 : 1.5; +} const TagContainer = styled.button` align-items: center; diff --git a/packages/react/src/components/tag/types.ts b/packages/react/src/components/tag/types.ts deleted file mode 100644 index 7c176ef6ae..0000000000 --- a/packages/react/src/components/tag/types.ts +++ /dev/null @@ -1,59 +0,0 @@ -import { IconName } from '../icon/icon'; - -export type TagColor = - | 'default' - | 'decorative-01' - | 'decorative-02' - | 'decorative-03' - | 'decorative-04' - | 'decorative-05' - | 'decorative-06' - | 'decorative-07' - | 'decorative-08' - | 'decorative-09' - | 'decorative-10'; - -export type TagSize = - | 'small' - | 'medium'; - -export interface TagValue { - id?: string; - label: string; -} - -export interface BaseTagProps { - className?: string; - size?: TagSize; - value: TagValue; - iconName?: IconName; -} - -export interface TagProps extends BaseTagProps { - color?: TagColor; - onRemove?(tag: TagValue): void; -} - -export interface ToggleTagProps extends BaseTagProps { - onClick?(tag: TagValue): void; - /** - * Whether the tag is selected. - * Can manually set the selected state of the tag, without the need for a click event. - */ - selected?: boolean; -} - -export interface BaseTagStylingProps { - $isMobile: boolean; - $tagSize: TagSize; - $hasIcon: boolean; -} - -export interface TagStylingProps extends BaseTagStylingProps { - $tagColor: TagColor; - $removable: boolean; -} - -export interface ToggleTagStylingProps extends BaseTagStylingProps { - $selected?: boolean; -} diff --git a/packages/react/src/components/tag/utils.ts b/packages/react/src/components/tag/utils.ts deleted file mode 100644 index 58b0deafae..0000000000 --- a/packages/react/src/components/tag/utils.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { StyledProps } from 'styled-components'; -import { BaseTagStylingProps, TagColor, TagSize, TagStylingProps } from './types'; - -export function getFontSize({ $isMobile }: BaseTagStylingProps): number { - return $isMobile ? 0.875 : 0.75; -} - -export function getIconSize(isMobile: boolean): string { - return isMobile ? '20' : '12'; -} - -export function isDefaultColor(tagColor: TagColor): tagColor is 'default' { - return tagColor === 'default'; -} - -export function isMedium(tagSize: TagSize): tagSize is 'medium' { - return tagSize === 'medium'; -} - -export function isSmall(tagSize: TagSize): tagSize is 'small' { - return tagSize === 'small'; -} - -export function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { - return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; -} - -export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { - if ($isMobile) { - return isSmall($tagSize) ? 1.5 : 1.875; - } - return isSmall($tagSize) ? 1 : 1.5; -} - -type ColorProperty = 'background-color' | 'border-color' | 'text-color' | 'icon-color'; - -export function getTagColors( - { $tagColor, theme }: StyledProps, - $colorProperty: ColorProperty, -): string { - if (isDefaultColor($tagColor)) { - return theme.component[`tag-${$colorProperty}`]; - } - return theme.component[`tag-${$tagColor}-${$colorProperty}`]; -} From 5ba41fe728ccc67b079c791a4e4a75322ae9ae04 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 09:26:35 -0400 Subject: [PATCH 43/52] fix(tag): post review changes --- packages/react/src/components/tag/toggle-tag.tsx | 16 ++++++++-------- packages/react/src/index.ts | 9 +++++---- packages/storybook/stories/tag.stories.tsx | 4 ++-- .../storybook/stories/toggle-tag.stories.tsx | 4 ++-- 4 files changed, 17 insertions(+), 16 deletions(-) diff --git a/packages/react/src/components/tag/toggle-tag.tsx b/packages/react/src/components/tag/toggle-tag.tsx index 2a944a3e9a..ca3f5507db 100644 --- a/packages/react/src/components/tag/toggle-tag.tsx +++ b/packages/react/src/components/tag/toggle-tag.tsx @@ -4,30 +4,30 @@ import { focus } from '../../utils/css-state'; import { useDeviceContext } from '../device-context-provider/device-context-provider'; import { Icon, IconName } from '../icon/icon'; -export type TagSize = +export type ToggleTagSize = | 'small' | 'medium'; -export interface TagValue { +export interface ToggleTagValue { id?: string; label: string; } export interface BaseTagProps { className?: string; - size?: TagSize; - value: TagValue; + size?: ToggleTagSize; + value: ToggleTagValue; iconName?: IconName; } export interface BaseTagStylingProps { $isMobile: boolean; - $tagSize: TagSize; + $tagSize: ToggleTagSize; $hasIcon: boolean; } export interface ToggleTagProps extends BaseTagProps { - onClick?(tag: TagValue): void; + onClick?(tag: ToggleTagValue): void; /** * Whether the tag is selected. * Can manually set the selected state of the tag, without the need for a click event. @@ -47,11 +47,11 @@ export function getIconSize(isMobile: boolean): string { return isMobile ? '20' : '12'; } -export function isMedium(tagSize: TagSize): tagSize is 'medium' { +export function isMedium(tagSize: ToggleTagSize): tagSize is 'medium' { return tagSize === 'medium'; } -export function isSmall(tagSize: TagSize): tagSize is 'small' { +export function isSmall(tagSize: ToggleTagSize): tagSize is 'small' { return tagSize === 'small'; } diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index 6b09e3addf..32dfdffb98 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -70,11 +70,12 @@ export * from './components/toggletip/toggletip'; export { Table, TableColumn, TableRow } from './components/table/table'; export { Modal } from './components/modal/modal'; export { ModalDialog } from './components/modal/modal-dialog'; -export { Tag } from './components/tag/tag'; -export { ToggleTag } from './components/tag/toggle-tag'; export { - TagValue, TagColor, TagSize, TagProps, ToggleTagProps, -} from './components/tag/types'; + Tag, TagValue, TagColor, TagSize, TagProps, +} from './components/tag/tag'; +export { + ToggleTag, ToggleTagValue, ToggleTagSize, ToggleTagProps, +} from './components/tag/toggle-tag'; export { Lozenge } from './components/lozenge/lozenge'; export { RadioCard } from './components/radio-card-group/radio-card'; export { RadioCardGroup } from './components/radio-card-group/radio-card-group'; diff --git a/packages/storybook/stories/tag.stories.tsx b/packages/storybook/stories/tag.stories.tsx index 55bafd881f..265e7aea6d 100644 --- a/packages/storybook/stories/tag.stories.tsx +++ b/packages/storybook/stories/tag.stories.tsx @@ -1,4 +1,4 @@ -import { Tag, TagValue } from '@equisoft/design-elements-react'; +import { Tag, ToggleTagValue } from '@equisoft/design-elements-react'; import { Meta, StoryObj } from '@storybook/react'; import { useRef } from 'react'; import { rawCodeParameters } from './utils/parameters'; @@ -86,7 +86,7 @@ export const WithIcons: Story = { export const Removable: Story = { ...Default, args: { - onRemove: (tag: TagValue) => console.info(`Removed ${tag.label}`), + onRemove: (tag: ToggleTagValue) => console.info(`Removed ${tag.label}`), }, }; diff --git a/packages/storybook/stories/toggle-tag.stories.tsx b/packages/storybook/stories/toggle-tag.stories.tsx index 45469d2a9a..e9c40b31f9 100644 --- a/packages/storybook/stories/toggle-tag.stories.tsx +++ b/packages/storybook/stories/toggle-tag.stories.tsx @@ -1,4 +1,4 @@ -import { TagValue, ToggleTag } from '@equisoft/design-elements-react'; +import { ToggleTagValue, ToggleTag } from '@equisoft/design-elements-react'; import { Meta, StoryObj } from '@storybook/react'; import { useRef } from 'react'; import { rawCodeParameters } from './utils/parameters'; @@ -13,7 +13,7 @@ const ToggleTagMeta: Meta = { size: 'medium', iconName: undefined, selected: undefined, - onClick: (tag: TagValue) => console.info(`Clicked on ${tag.label}`), + onClick: (tag: ToggleTagValue) => console.info(`Clicked on ${tag.label}`), }, argTypes: { size: { From 11103f221f6e497b2110d0f5068fb9dda7fc71a0 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 09:35:12 -0400 Subject: [PATCH 44/52] fix(tag): post review changes --- .../src/components/tag/tag.test.tsx.snap | 8746 +---------------- packages/storybook/stories/tag.stories.tsx | 4 +- 2 files changed, 188 insertions(+), 8562 deletions(-) diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap index 682593dab7..846ce37dd7 100644 --- a/packages/react/src/components/tag/tag.test.tsx.snap +++ b/packages/react/src/components/tag/tag.test.tsx.snap @@ -1,8294 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Tag Tag decorative-01 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #220123; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #220123; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #220123; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #220123; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-01 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7D520B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #7D520B; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #7D520B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #7D520B; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7D520B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7D520B; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7D520B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #7D520B; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #7D520B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #7D520B; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7D520B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-02 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7D520B; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0B3E45; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #0B3E45; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #0B3E45; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #0B3E45; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0B3E45; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0B3E45; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0B3E45; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #0B3E45; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #0B3E45; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #0B3E45; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0B3E45; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-03 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7F0F1; - border: 1px solid #126773; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0B3E45; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #530000; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #530000; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #530000; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #530000; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #530000; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #530000; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #530000; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #530000; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #530000; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #530000; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #530000; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-04 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F3E6E6; - border: 1px solid #960000; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #530000; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4A5E11; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #4A5E11; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #4A5E11; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #4A5E11; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4A5E11; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4A5E11; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4A5E11; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #4A5E11; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #4A5E11; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #4A5E11; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4A5E11; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-05 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2F5E8; - border: 1px solid #7B9C1D; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4A5E11; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7B2D00; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #7B2D00; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #7B2D00; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #7B2D00; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7B2D00; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7B2D00; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7B2D00; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #7B2D00; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #7B2D00; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #7B2D00; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7B2D00; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-06 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #FAEDE6; - border: 1px solid #CD4B00; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #7B2D00; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0A2A5B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #0A2A5B; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #0A2A5B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #0A2A5B; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0A2A5B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0A2A5B; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0A2A5B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #0A2A5B; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #0A2A5B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #0A2A5B; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0A2A5B; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-07 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E7EDF5; - border: 1px solid #104697; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #0A2A5B; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #042A1F; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #042A1F; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #042A1F; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #042A1F; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #042A1F; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #042A1F; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #042A1F; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #042A1F; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #042A1F; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #042A1F; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #042A1F; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-08 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #E6EDEB; - border: 1px solid #064633; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #042A1F; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4C1536; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #4C1536; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #4C1536; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #4C1536; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4C1536; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4C1536; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4C1536; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #4C1536; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #4C1536; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #4C1536; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4C1536; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-09 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F2E9EF; - border: 1px solid #7E235A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #4C1536; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #444167; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #444167; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #444167; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #444167; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #444167; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #444167; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #444167; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #444167; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #444167; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #444167; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #444167; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag decorative-10 matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F0F7; - border: 1px solid #766DAB; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #444167; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag default matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag default matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag default matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag default matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag default matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag default matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag default matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag default matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag medium matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #1B1C1E; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag medium matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #1B1C1E; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag medium matches snapshot (mobile) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.75rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-2x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-2x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1x); - width: var(--size-1x); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-2x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1x); - width: var(--size-1x); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #220123; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #220123; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.75rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile removable) 1`] = ` -.c3 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: inherit; - border: 1px solid; - border-radius: 1.5rem; - box-sizing: border-box; - color: inherit; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: 0.875rem; - font-weight: var(--font-bold); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-letter-spacing: 0.033125rem; - -moz-letter-spacing: 0.033125rem; - -ms-letter-spacing: 0.033125rem; - letter-spacing: 0.033125rem; - line-height: 1.5rem; - min-height: var(--size-3x); - min-width: 2rem; - outline: none; - padding: 0 var(--spacing-3x); - text-transform: uppercase; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.c3:focus { - outline: none; -} - -.c3:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c3 > svg { - color: inherit; - height: var(--size-1halfx); - width: var(--size-1halfx); -} - -.c4 { - background-color: transparent; - border-color: transparent; - color: #60666E; - padding: 0; - width: var(--size-3x); -} - -.c4:focus { - outline: none; -} - -.c4:focus { - outline: none; - border-color: #006296; - box-shadow: 0 0 0 2px #84C6EA; -} - -.c4:hover, -.c4[aria-expanded='true'] { - background-color: #DBDEE1; - border-color: transparent; - color: #1B1C1E; -} - -.c4:disabled { - background-color: transparent; - border-color: transparent; - color: #B7BBC2; -} - -.c4 > svg { - height: var(--size-1halfx); - width: var(--size-1halfx); -} - -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c5 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 50%; - color: #220123; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: var(--spacing-half); - margin-right: calc(-1 * var(--spacing-half)); - min-height: auto; - min-width: auto; - width: auto; -} - -.c5 > svg { - height: 1rem; - width: 1rem; -} - - - - Test - - - -`; - -exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile with icons) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c3 { - color: #220123; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.c2 { - color: #220123; - height: var(--size-1x); - margin-right: var(--spacing-half); - vertical-align: text-bottom; - width: var(--size-1x); -} - - - - - Test - - -`; - -exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #220123; - display: inline-block; - font-size: 0.875rem; - line-height: 1.875rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -8386,8 +98,8 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop remov -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8401,7 +113,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop remov } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -8417,7 +129,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop remov -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #7D520B; + color: #220123; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -8465,14 +177,14 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop remov `; -exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop with icons) 1`] = ` +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8486,7 +198,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop with } .c3 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -8497,7 +209,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop with } .c2 { - color: #7D520B; + color: #220123; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -8526,14 +238,14 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop with `; -exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop) 1`] = ` +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8547,7 +259,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop) 1`] } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -8568,7 +280,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop) 1`] `; -exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile removable) 1`] = ` +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -8666,8 +378,8 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile remova -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8681,7 +393,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile remova } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.875rem; line-height: 1.875rem; @@ -8697,7 +409,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile remova -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #7D520B; + color: #220123; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -8745,14 +457,14 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile remova `; -exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile with icons) 1`] = ` +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8766,7 +478,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile with i } .c3 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.875rem; line-height: 1.875rem; @@ -8777,7 +489,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile with i } .c2 { - color: #7D520B; + color: #220123; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -8806,14 +518,14 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile with i `; -exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile) 1`] = ` +exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8827,7 +539,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile) 1`] = } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.875rem; line-height: 1.875rem; @@ -8848,7 +560,7 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile) 1`] = `; -exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -8946,8 +658,8 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -8961,7 +673,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -8977,7 +689,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #7D520B; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9025,14 +737,14 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) `; -exports[`Tag Tag size=medium color=default matches snapshot (desktop with icons) 1`] = ` +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9046,7 +758,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop with icons) } .c3 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -9057,7 +769,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop with icons) } .c2 { - color: #1B1C1E; + color: #7D520B; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -9086,14 +798,14 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop with icons) `; -exports[`Tag Tag size=medium color=default matches snapshot (desktop) 1`] = ` +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9107,7 +819,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop) 1`] = ` } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; @@ -9128,7 +840,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop) 1`] = ` `; -exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1`] = ` +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -9226,8 +938,8 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1 -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9241,7 +953,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1 } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.875rem; line-height: 1.875rem; @@ -9257,7 +969,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1 -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #7D520B; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9305,14 +1017,14 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1 `; -exports[`Tag Tag size=medium color=default matches snapshot (mobile with icons) 1`] = ` +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9326,7 +1038,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile with icons) } .c3 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.875rem; line-height: 1.875rem; @@ -9337,7 +1049,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile with icons) } .c2 { - color: #1B1C1E; + color: #7D520B; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -9366,14 +1078,14 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile with icons) `; -exports[`Tag Tag size=medium color=default matches snapshot (mobile) 1`] = ` +exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9387,7 +1099,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile) 1`] = ` } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.875rem; line-height: 1.875rem; @@ -9408,7 +1120,7 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile) 1`] = ` `; -exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag size=medium color=default matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -9438,10 +1150,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova -ms-letter-spacing: 0.025rem; letter-spacing: 0.025rem; line-height: 1rem; - min-height: var(--size-1halfx); + min-height: var(--size-2x); min-width: 2rem; outline: none; - padding: 0 var(--spacing-1halfx); + padding: 0 var(--spacing-2x); text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; @@ -9469,9 +1181,8 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova background-color: transparent; border-color: transparent; color: #60666E; - min-width: var(--size-1halfx); padding: 0; - width: var(--size-1halfx); + width: var(--size-2x); } .c4:focus { @@ -9507,14 +1218,14 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius); + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { @@ -9522,10 +1233,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova } .c2 { - color: #220123; + color: #1B1C1E; display: inline-block; font-size: 0.75rem; - line-height: 1rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -9538,7 +1249,7 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #220123; + color: #1B1C1E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9586,20 +1297,20 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova `; -exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop with icons) 1`] = ` +exports[`Tag Tag size=medium color=default matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius); + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { @@ -9607,10 +1318,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop with i } .c3 { - color: #220123; + color: #1B1C1E; display: inline-block; font-size: 0.75rem; - line-height: 1rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -9618,7 +1329,7 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop with i } .c2 { - color: #220123; + color: #1B1C1E; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -9647,20 +1358,20 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop with i `; -exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop) 1`] = ` +exports[`Tag Tag size=medium color=default matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; - border-radius: var(--border-radius); + background-color: #F1F2F2; + border: 1px solid #878F9A; + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { @@ -9668,10 +1379,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop) 1`] = } .c2 { - color: #220123; + color: #1B1C1E; display: inline-block; font-size: 0.75rem; - line-height: 1rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -9689,7 +1400,7 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop) 1`] = `; -exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removable) 1`] = ` +exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -9787,8 +1498,8 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removab -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; + background-color: #F1F2F2; + border: 1px solid #878F9A; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9802,10 +1513,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removab } .c2 { - color: #220123; + color: #1B1C1E; display: inline-block; font-size: 0.875rem; - line-height: 1.5rem; + line-height: 1.875rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -9818,7 +1529,7 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removab -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #220123; + color: #1B1C1E; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9866,14 +1577,14 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removab `; -exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile with icons) 1`] = ` +exports[`Tag Tag size=medium color=default matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; + background-color: #F1F2F2; + border: 1px solid #878F9A; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9887,10 +1598,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile with ic } .c3 { - color: #220123; + color: #1B1C1E; display: inline-block; font-size: 0.875rem; - line-height: 1.5rem; + line-height: 1.875rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -9898,7 +1609,7 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile with ic } .c2 { - color: #220123; + color: #1B1C1E; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -9927,14 +1638,14 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile with ic `; -exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile) 1`] = ` +exports[`Tag Tag size=medium color=default matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #EBE6EB; - border: 1px solid #38023B; + background-color: #F1F2F2; + border: 1px solid #878F9A; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -9948,10 +1659,10 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile) 1`] = } .c2 { - color: #220123; + color: #1B1C1E; display: inline-block; font-size: 0.875rem; - line-height: 1.5rem; + line-height: 1.875rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -9969,7 +1680,7 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile) 1`] = `; -exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -10068,8 +1779,8 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop remova -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10083,7 +1794,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop remova } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1rem; @@ -10099,7 +1810,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop remova -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #7D520B; + color: #220123; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -10147,14 +1858,14 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop remova `; -exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop with icons) 1`] = ` +exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10168,7 +1879,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop with i } .c3 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1rem; @@ -10179,7 +1890,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop with i } .c2 { - color: #7D520B; + color: #220123; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -10208,14 +1919,14 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop with i `; -exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop) 1`] = ` +exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10229,7 +1940,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop) 1`] = } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.75rem; line-height: 1rem; @@ -10250,7 +1961,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop) 1`] = `; -exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removable) 1`] = ` +exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -10348,8 +2059,8 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removab -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10363,7 +2074,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removab } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; @@ -10379,7 +2090,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removab -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #7D520B; + color: #220123; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -10427,14 +2138,14 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removab `; -exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile with icons) 1`] = ` +exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10448,7 +2159,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile with ic } .c3 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; @@ -10459,7 +2170,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile with ic } .c2 { - color: #7D520B; + color: #220123; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -10488,14 +2199,14 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile with ic `; -exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile) 1`] = ` +exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FAF3E7; - border: 1px solid #CE840C; + background-color: #EBE6EB; + border: 1px solid #38023B; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10509,7 +2220,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile) 1`] = } .c2 { - color: #7D520B; + color: #220123; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; @@ -10530,7 +2241,7 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile) 1`] = `; -exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -10629,8 +2340,8 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1 -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10644,7 +2355,7 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1 } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; line-height: 1rem; @@ -10660,7 +2371,7 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1 -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #7D520B; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -10708,14 +2419,14 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1 `; -exports[`Tag Tag size=small color=default matches snapshot (desktop with icons) 1`] = ` +exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10729,7 +2440,7 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop with icons) } .c3 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; line-height: 1rem; @@ -10740,7 +2451,7 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop with icons) } .c2 { - color: #1B1C1E; + color: #7D520B; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -10769,14 +2480,14 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop with icons) `; -exports[`Tag Tag size=small color=default matches snapshot (desktop) 1`] = ` +exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10790,7 +2501,7 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop) 1`] = ` } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.75rem; line-height: 1rem; @@ -10811,7 +2522,7 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop) 1`] = ` `; -exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1`] = ` +exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -10909,8 +2620,8 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -10924,7 +2635,7 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1` } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; @@ -10940,7 +2651,7 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1` -ms-flex-align: center; align-items: center; border-radius: 50%; - color: #1B1C1E; + color: #7D520B; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -10988,14 +2699,14 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1` `; -exports[`Tag Tag size=small color=default matches snapshot (mobile with icons) 1`] = ` +exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -11009,7 +2720,7 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile with icons) 1 } .c3 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; @@ -11020,7 +2731,7 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile with icons) 1 } .c2 { - color: #1B1C1E; + color: #7D520B; height: var(--size-1x); margin-right: var(--spacing-half); vertical-align: text-bottom; @@ -11049,14 +2760,14 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile with icons) 1 `; -exports[`Tag Tag size=small color=default matches snapshot (mobile) 1`] = ` +exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; + background-color: #FAF3E7; + border: 1px solid #CE840C; border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; @@ -11070,7 +2781,7 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile) 1`] = ` } .c2 { - color: #1B1C1E; + color: #7D520B; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; @@ -11091,7 +2802,7 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` +exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -11269,7 +2980,7 @@ exports[`Tag Tag small matches snapshot (desktop removable) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` +exports[`Tag Tag size=small color=default matches snapshot (desktop with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; @@ -11330,7 +3041,7 @@ exports[`Tag Tag small matches snapshot (desktop with icons) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop) 1`] = ` +exports[`Tag Tag size=small color=default matches snapshot (desktop) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; @@ -11372,49 +3083,7 @@ exports[`Tag Tag small matches snapshot (desktop) 1`] = ` `; -exports[`Tag Tag small matches snapshot (desktop) 2`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius-1halfx); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-1x); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.875rem; - line-height: 1.5rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` +exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1`] = ` .c3 { -webkit-align-items: center; -webkit-box-align: center; @@ -11433,21 +3102,21 @@ exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; - font-size: 0.75rem; + font-size: 0.875rem; font-weight: var(--font-bold); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - -webkit-letter-spacing: 0.025rem; - -moz-letter-spacing: 0.025rem; - -ms-letter-spacing: 0.025rem; - letter-spacing: 0.025rem; - line-height: 1rem; - min-height: var(--size-1halfx); + -webkit-letter-spacing: 0.033125rem; + -moz-letter-spacing: 0.033125rem; + -ms-letter-spacing: 0.033125rem; + letter-spacing: 0.033125rem; + line-height: 1.5rem; + min-height: var(--size-3x); min-width: 2rem; outline: none; - padding: 0 var(--spacing-1halfx); + padding: 0 var(--spacing-3x); text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; @@ -11467,17 +3136,16 @@ exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` .c3 > svg { color: inherit; - height: var(--size-1x); - width: var(--size-1x); + height: var(--size-1halfx); + width: var(--size-1halfx); } .c4 { background-color: transparent; border-color: transparent; color: #60666E; - min-width: var(--size-1halfx); padding: 0; - width: var(--size-1halfx); + width: var(--size-3x); } .c4:focus { @@ -11504,8 +3172,8 @@ exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` } .c4 > svg { - height: var(--size-1x); - width: var(--size-1x); + height: var(--size-1halfx); + width: var(--size-1halfx); } .c1 { @@ -11515,12 +3183,12 @@ exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { @@ -11530,8 +3198,8 @@ exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` .c2 { color: #1B1C1E; display: inline-block; - font-size: 0.75rem; - line-height: 1rem; + font-size: 0.875rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -11585,14 +3253,14 @@ exports[`Tag Tag small matches snapshot (mobile removable) 1`] = ` aria-hidden="true" color="currentColor" focusable="false" - height="16" - width="16" + height="24" + width="24" /> `; -exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` +exports[`Tag Tag size=small color=default matches snapshot (mobile with icons) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; @@ -11600,12 +3268,12 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` align-items: center; background-color: #F1F2F2; border: 1px solid #878F9A; - border-radius: var(--border-radius); + border-radius: var(--border-radius-1halfx); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - padding: 0 var(--spacing-half); + padding: 0 var(--spacing-1x); } .c0 + .c0 { @@ -11615,8 +3283,8 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` .c3 { color: #1B1C1E; display: inline-block; - font-size: 0.75rem; - line-height: 1rem; + font-size: 0.875rem; + line-height: 1.5rem; max-width: 312px; overflow: hidden; text-overflow: ellipsis; @@ -11641,9 +3309,9 @@ exports[`Tag Tag small matches snapshot (mobile with icons) 1`] = ` color="currentColor" data-testid="Test-icon" focusable="true" - height="12" + height="20" role="img" - width="12" + width="20" /> `; -exports[`Tag Tag small matches snapshot (mobile) 1`] = ` -.c1 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #F1F2F2; - border: 1px solid #878F9A; - border-radius: var(--border-radius); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 var(--spacing-half); -} - -.c0 + .c0 { - margin-left: var(--spacing-1x); -} - -.c2 { - color: #1B1C1E; - display: inline-block; - font-size: 0.75rem; - line-height: 1rem; - max-width: 312px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - - - - Test - - -`; - -exports[`Tag Tag small matches snapshot (mobile) 2`] = ` +exports[`Tag Tag size=small color=default matches snapshot (mobile) 1`] = ` .c1 { -webkit-align-items: center; -webkit-box-align: center; diff --git a/packages/storybook/stories/tag.stories.tsx b/packages/storybook/stories/tag.stories.tsx index 265e7aea6d..55bafd881f 100644 --- a/packages/storybook/stories/tag.stories.tsx +++ b/packages/storybook/stories/tag.stories.tsx @@ -1,4 +1,4 @@ -import { Tag, ToggleTagValue } from '@equisoft/design-elements-react'; +import { Tag, TagValue } from '@equisoft/design-elements-react'; import { Meta, StoryObj } from '@storybook/react'; import { useRef } from 'react'; import { rawCodeParameters } from './utils/parameters'; @@ -86,7 +86,7 @@ export const WithIcons: Story = { export const Removable: Story = { ...Default, args: { - onRemove: (tag: ToggleTagValue) => console.info(`Removed ${tag.label}`), + onRemove: (tag: TagValue) => console.info(`Removed ${tag.label}`), }, }; From c0bccf8fa23fb48162d4a7b00ef73542c84381e2 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 09:46:40 -0400 Subject: [PATCH 45/52] fix(tag): post review changes --- packages/react/package.json | 2 +- yarn.lock | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/react/package.json b/packages/react/package.json index 6a2cd6a258..0814996256 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -90,7 +90,7 @@ "react-docgen-typescript-plugin": "^1.0.6", "react-dom": "~17.0.2", "react-router-dom": "~6.22.0", - "sass": "~1.72.0", + "sass": "~1.74.0", "sass-loader": "~14.1.0", "style-loader": "^4.0.0", "styled-components": "^5.3.10", diff --git a/yarn.lock b/yarn.lock index 64b1da3bb7..32ab15603a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1690,7 +1690,7 @@ __metadata: react-router-dom: "npm:~6.22.0" react-shadow: "npm:^20.0.0" react-swipeable: "npm:~7.0.0" - sass: "npm:~1.72.0" + sass: "npm:~1.74.0" sass-loader: "npm:~14.1.0" stream-browserify: "npm:^3.0.0" style-loader: "npm:^4.0.0" @@ -14103,16 +14103,16 @@ __metadata: languageName: node linkType: hard -"sass@npm:~1.72.0": - version: 1.72.0 - resolution: "sass@npm:1.72.0" +"sass@npm:~1.74.0": + version: 1.74.1 + resolution: "sass@npm:1.74.1" dependencies: chokidar: "npm:>=3.0.0 <4.0.0" immutable: "npm:^4.0.0" source-map-js: "npm:>=0.6.2 <2.0.0" bin: sass: sass.js - checksum: 10c0/7df1bb470648edc4b528976b1b165c78d4c6731f680afac7cdc8324142f1ef4304598d317d98dac747a2ae8eee17271d760def90bba072021a8b19b459336ccd + checksum: 10c0/4610257ee27823276ce4998a534b4ee9f313e5a0b3d3899e70e0f87096feeae4cd8dd3c2f765b52f57dd87f5dab22370ef63f95a837a189fbb9401396d5ce717 languageName: node linkType: hard From c4333c52f4e8846391c630602e9fc240259f6cfe Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 09:58:08 -0400 Subject: [PATCH 46/52] fix(tag): eslint --- packages/react/src/components/tag/tag.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/tag/tag.test.tsx b/packages/react/src/components/tag/tag.test.tsx index 375d9dd49f..866e89c8ac 100644 --- a/packages/react/src/components/tag/tag.test.tsx +++ b/packages/react/src/components/tag/tag.test.tsx @@ -24,7 +24,7 @@ describe('Tag', () => { }); it( - 'should have aria-hidden="false" and an aria-label on icon when the label is not the same as iconName', + 'should have aria-hidden="false" and an icon aria-label when label is not the same as iconName', () => { const wrapper = shallow( , From aa06a2b1503178360b78ecd39179504ca2ec26e8 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 10:48:29 -0400 Subject: [PATCH 47/52] fix(tag): post review changes --- packages/storybook/.storybook/main.ts | 1 - packages/storybook/package.json | 4 ---- 2 files changed, 5 deletions(-) diff --git a/packages/storybook/.storybook/main.ts b/packages/storybook/.storybook/main.ts index bd39b4273a..f8b8159a87 100644 --- a/packages/storybook/.storybook/main.ts +++ b/packages/storybook/.storybook/main.ts @@ -33,7 +33,6 @@ const config: StorybookConfig = { '@storybook/addon-actions', '@storybook/addon-controls', '@storybook/addon-links', - '@storybook/addon-controls', ], webpackFinal: async (config) => ({ ...config, diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 21b0a015e6..a22fa28e54 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -14,11 +14,7 @@ }, "dependencies": { "@equisoft/design-elements-react": "workspace:*", - "@storybook/addon-a11y": "^7.5.3", - "@storybook/addon-actions": "^7.5.3", - "@storybook/addon-controls": "^7.0.8", "@storybook/addon-docs": "^7.0.8", - "@storybook/addon-links": "^7.5.3", "@storybook/blocks": "^7.0.8", "@storybook/preview": "^7.0.8", "@storybook/react": "^7.0.8", From 2bafbe480454b753b65f5a35a5692c427721ccf9 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 10:56:20 -0400 Subject: [PATCH 48/52] fix(tag): yarn lock --- yarn.lock | 3050 ++++++++++++++++++++++++++++++++--------------------- 1 file changed, 1825 insertions(+), 1225 deletions(-) diff --git a/yarn.lock b/yarn.lock index 32ab15603a..24ee3c4929 100644 --- a/yarn.lock +++ b/yarn.lock @@ -40,55 +40,55 @@ __metadata: languageName: node linkType: hard -"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.23.5": - version: 7.23.5 - resolution: "@babel/code-frame@npm:7.23.5" +"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.1, @babel/code-frame@npm:^7.24.2": + version: 7.24.2 + resolution: "@babel/code-frame@npm:7.24.2" dependencies: - "@babel/highlight": "npm:^7.23.4" - chalk: "npm:^2.4.2" - checksum: 10c0/a10e843595ddd9f97faa99917414813c06214f4d9205294013e20c70fbdf4f943760da37dec1d998bf3e6fc20fa2918a47c0e987a7e458663feb7698063ad7c6 + "@babel/highlight": "npm:^7.24.2" + picocolors: "npm:^1.0.0" + checksum: 10c0/d1d4cba89475ab6aab7a88242e1fd73b15ecb9f30c109b69752956434d10a26a52cbd37727c4eca104b6d45227bd1dfce39a6a6f4a14c9b2f07f871e968cf406 languageName: node linkType: hard -"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.23.5": - version: 7.23.5 - resolution: "@babel/compat-data@npm:7.23.5" - checksum: 10c0/081278ed46131a890ad566a59c61600a5f9557bd8ee5e535890c8548192532ea92590742fd74bd9db83d74c669ef8a04a7e1c85cdea27f960233e3b83c3a957c +"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.23.5, @babel/compat-data@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/compat-data@npm:7.24.4" + checksum: 10c0/9cd8a9cd28a5ca6db5d0e27417d609f95a8762b655e8c9c97fd2de08997043ae99f0139007083c5e607601c6122e8432c85fe391731b19bf26ad458fa0c60dd3 languageName: node linkType: hard "@babel/core@npm:*, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.21.3, @babel/core@npm:^7.21.5, @babel/core@npm:^7.23.0, @babel/core@npm:^7.23.2, @babel/core@npm:^7.23.9": - version: 7.24.0 - resolution: "@babel/core@npm:7.24.0" + version: 7.24.4 + resolution: "@babel/core@npm:7.24.4" dependencies: "@ampproject/remapping": "npm:^2.2.0" - "@babel/code-frame": "npm:^7.23.5" - "@babel/generator": "npm:^7.23.6" + "@babel/code-frame": "npm:^7.24.2" + "@babel/generator": "npm:^7.24.4" "@babel/helper-compilation-targets": "npm:^7.23.6" "@babel/helper-module-transforms": "npm:^7.23.3" - "@babel/helpers": "npm:^7.24.0" - "@babel/parser": "npm:^7.24.0" + "@babel/helpers": "npm:^7.24.4" + "@babel/parser": "npm:^7.24.4" "@babel/template": "npm:^7.24.0" - "@babel/traverse": "npm:^7.24.0" + "@babel/traverse": "npm:^7.24.1" "@babel/types": "npm:^7.24.0" convert-source-map: "npm:^2.0.0" debug: "npm:^4.1.0" gensync: "npm:^1.0.0-beta.2" json5: "npm:^2.2.3" semver: "npm:^6.3.1" - checksum: 10c0/bb37cbf0bdfd676b246af0a3d9a7932d10573f2d45114fdda02a71889e35530ce13d8930177e78b065d6734b8d45a4fbf7c77f223b1d44b4a28cfe5fefee93ed + checksum: 10c0/fc136966583e64d6f84f4a676368de6ab4583aa87f867186068655b30ef67f21f8e65a88c6d446a7efd219ad7ffb9185c82e8a90183ee033f6f47b5026641e16 languageName: node linkType: hard -"@babel/generator@npm:^7.23.0, @babel/generator@npm:^7.23.6, @babel/generator@npm:^7.7.2": - version: 7.23.6 - resolution: "@babel/generator@npm:7.23.6" +"@babel/generator@npm:^7.23.0, @babel/generator@npm:^7.24.1, @babel/generator@npm:^7.24.4, @babel/generator@npm:^7.7.2": + version: 7.24.4 + resolution: "@babel/generator@npm:7.24.4" dependencies: - "@babel/types": "npm:^7.23.6" - "@jridgewell/gen-mapping": "npm:^0.3.2" - "@jridgewell/trace-mapping": "npm:^0.3.17" + "@babel/types": "npm:^7.24.0" + "@jridgewell/gen-mapping": "npm:^0.3.5" + "@jridgewell/trace-mapping": "npm:^0.3.25" jsesc: "npm:^2.5.1" - checksum: 10c0/53540e905cd10db05d9aee0a5304e36927f455ce66f95d1253bb8a179f286b88fa7062ea0db354c566fe27f8bb96567566084ffd259f8feaae1de5eccc8afbda + checksum: 10c0/67a1b2f7cc985aaaa11b01e8ddd4fffa4f285837bc7a209738eb8203aa34bdafeb8507ed75fd883ddbabd641a036ca0a8d984e760f28ad4a9d60bff29d0a60bb languageName: node linkType: hard @@ -110,7 +110,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-compilation-targets@npm:^7.22.15, @babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.23.6": +"@babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.23.6": version: 7.23.6 resolution: "@babel/helper-compilation-targets@npm:7.23.6" dependencies: @@ -123,22 +123,22 @@ __metadata: languageName: node linkType: hard -"@babel/helper-create-class-features-plugin@npm:^7.22.15, @babel/helper-create-class-features-plugin@npm:^7.23.6": - version: 7.24.0 - resolution: "@babel/helper-create-class-features-plugin@npm:7.24.0" +"@babel/helper-create-class-features-plugin@npm:^7.24.1, @babel/helper-create-class-features-plugin@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/helper-create-class-features-plugin@npm:7.24.4" dependencies: "@babel/helper-annotate-as-pure": "npm:^7.22.5" "@babel/helper-environment-visitor": "npm:^7.22.20" "@babel/helper-function-name": "npm:^7.23.0" "@babel/helper-member-expression-to-functions": "npm:^7.23.0" "@babel/helper-optimise-call-expression": "npm:^7.22.5" - "@babel/helper-replace-supers": "npm:^7.22.20" + "@babel/helper-replace-supers": "npm:^7.24.1" "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" "@babel/helper-split-export-declaration": "npm:^7.22.6" semver: "npm:^6.3.1" peerDependencies: "@babel/core": ^7.0.0 - checksum: 10c0/341548496df202805489422a160bba75b111d994c64d788a397c35f01784632af48bf06023af8aa2fe72c2c254f8c885b4e0f7f3df5ef17a37370f2feaf80328 + checksum: 10c0/6ebb38375dcd44c79f40008c2de4d023376cf436c135439f15c9c54603c2d6a8ada39b2e07be545da684d9e40b602a0cb0d1670f3877d056deb5f0d786c4bf86 languageName: node linkType: hard @@ -155,9 +155,9 @@ __metadata: languageName: node linkType: hard -"@babel/helper-define-polyfill-provider@npm:^0.5.0": - version: 0.5.0 - resolution: "@babel/helper-define-polyfill-provider@npm:0.5.0" +"@babel/helper-define-polyfill-provider@npm:^0.6.1": + version: 0.6.1 + resolution: "@babel/helper-define-polyfill-provider@npm:0.6.1" dependencies: "@babel/helper-compilation-targets": "npm:^7.22.6" "@babel/helper-plugin-utils": "npm:^7.22.5" @@ -166,7 +166,7 @@ __metadata: resolve: "npm:^1.14.2" peerDependencies: "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0 - checksum: 10c0/2b053b96a0c604a7e0f5c7d13a8a55f4451d938f7af42bd40f62a87df15e6c87a0b1dbd893a0f0bb51077b54dc3ba00a58b166531a5940ad286ab685dd8979ec + checksum: 10c0/210e1c8ac118f7c5a0ef5b42c4267c3db2f59b1ebc666a275d442b86896de4a66ef93539d702870f172f9749cd44c89f53056a5b17e619c3142b12ed4e4e6aae languageName: node linkType: hard @@ -196,7 +196,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-member-expression-to-functions@npm:^7.22.15, @babel/helper-member-expression-to-functions@npm:^7.23.0": +"@babel/helper-member-expression-to-functions@npm:^7.23.0": version: 7.23.0 resolution: "@babel/helper-member-expression-to-functions@npm:7.23.0" dependencies: @@ -205,12 +205,12 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.22.5": - version: 7.22.15 - resolution: "@babel/helper-module-imports@npm:7.22.15" +"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.1": + version: 7.24.3 + resolution: "@babel/helper-module-imports@npm:7.24.3" dependencies: - "@babel/types": "npm:^7.22.15" - checksum: 10c0/4e0d7fc36d02c1b8c8b3006dfbfeedf7a367d3334a04934255de5128115ea0bafdeb3e5736a2559917f0653e4e437400d54542da0468e08d3cbc86d3bbfa8f30 + "@babel/types": "npm:^7.24.0" + checksum: 10c0/052c188adcd100f5e8b6ff0c9643ddaabc58b6700d3bbbc26804141ad68375a9f97d9d173658d373d31853019e65f62610239e3295cdd58e573bdcb2fded188d languageName: node linkType: hard @@ -258,16 +258,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-replace-supers@npm:^7.22.20": - version: 7.22.20 - resolution: "@babel/helper-replace-supers@npm:7.22.20" +"@babel/helper-replace-supers@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/helper-replace-supers@npm:7.24.1" dependencies: "@babel/helper-environment-visitor": "npm:^7.22.20" - "@babel/helper-member-expression-to-functions": "npm:^7.22.15" + "@babel/helper-member-expression-to-functions": "npm:^7.23.0" "@babel/helper-optimise-call-expression": "npm:^7.22.5" peerDependencies: "@babel/core": ^7.0.0 - checksum: 10c0/6b0858811ad46873817c90c805015d63300e003c5a85c147a17d9845fa2558a02047c3cc1f07767af59014b2dd0fa75b503e5bc36e917f360e9b67bb6f1e79f4 + checksum: 10c0/d39a3df7892b7c3c0e307fb229646168a9bd35e26a72080c2530729322600e8cff5f738f44a14860a2358faffa741b6a6a0d6749f113387b03ddbfa0ec10e1a0 languageName: node linkType: hard @@ -299,9 +299,9 @@ __metadata: linkType: hard "@babel/helper-string-parser@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/helper-string-parser@npm:7.23.4" - checksum: 10c0/f348d5637ad70b6b54b026d6544bd9040f78d24e7ec245a0fc42293968181f6ae9879c22d89744730d246ce8ec53588f716f102addd4df8bbc79b73ea10004ac + version: 7.24.1 + resolution: "@babel/helper-string-parser@npm:7.24.1" + checksum: 10c0/2f9bfcf8d2f9f083785df0501dbab92770111ece2f90d120352fda6dd2a7d47db11b807d111e6f32aa1ba6d763fe2dc6603d153068d672a5d0ad33ca802632b2 languageName: node linkType: hard @@ -312,7 +312,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-validator-option@npm:^7.22.15, @babel/helper-validator-option@npm:^7.23.5": +"@babel/helper-validator-option@npm:^7.23.5": version: 7.23.5 resolution: "@babel/helper-validator-option@npm:7.23.5" checksum: 10c0/af45d5c0defb292ba6fd38979e8f13d7da63f9623d8ab9ededc394f67eb45857d2601278d151ae9affb6e03d5d608485806cd45af08b4468a0515cf506510e94 @@ -330,70 +330,83 @@ __metadata: languageName: node linkType: hard -"@babel/helpers@npm:^7.24.0": - version: 7.24.0 - resolution: "@babel/helpers@npm:7.24.0" +"@babel/helpers@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/helpers@npm:7.24.4" dependencies: "@babel/template": "npm:^7.24.0" - "@babel/traverse": "npm:^7.24.0" + "@babel/traverse": "npm:^7.24.1" "@babel/types": "npm:^7.24.0" - checksum: 10c0/dd27c9f11c1c5244ef312fae37636f2fcc69c541c46508017b846c4cf680af059f1922ce84e3f778f123a70d027ded75c96070ee8e906f3bc52dc26dc43df608 + checksum: 10c0/747ef62b7fe87de31a2f3c19ff337a86cbb79be2f6c18af63133b614ab5a8f6da5b06ae4b06fb0e71271cb6a27efec6f8b6c9f44c60b8a18777832dc7929e6c5 languageName: node linkType: hard -"@babel/highlight@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/highlight@npm:7.23.4" +"@babel/highlight@npm:^7.24.2": + version: 7.24.2 + resolution: "@babel/highlight@npm:7.24.2" dependencies: "@babel/helper-validator-identifier": "npm:^7.22.20" chalk: "npm:^2.4.2" js-tokens: "npm:^4.0.0" - checksum: 10c0/fbff9fcb2f5539289c3c097d130e852afd10d89a3a08ac0b5ebebbc055cc84a4bcc3dcfed463d488cde12dd0902ef1858279e31d7349b2e8cee43913744bda33 + picocolors: "npm:^1.0.0" + checksum: 10c0/98ce00321daedeed33a4ed9362dc089a70375ff1b3b91228b9f05e6591d387a81a8cba68886e207861b8871efa0bc997ceabdd9c90f6cce3ee1b2f7f941b42db languageName: node linkType: hard -"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0": - version: 7.24.0 - resolution: "@babel/parser@npm:7.24.0" +"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0, @babel/parser@npm:^7.24.1, @babel/parser@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/parser@npm:7.24.4" bin: parser: ./bin/babel-parser.js - checksum: 10c0/77593d0b9de9906823c4d653bb6cda1c7593837598516330f655f70cba6224a37def7dbe5b4dad0038482d407d8d209eb8be5f48ca9a13357d769f829c5adb8e + checksum: 10c0/8381e1efead5069cb7ed2abc3a583f4a86289b2f376c75cecc69f59a8eb36df18274b1886cecf2f97a6a0dff5334b27330f58535be9b3e4e26102cc50e12eac8 languageName: node linkType: hard -"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.23.3" +"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.4" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-environment-visitor": "npm:^7.22.20" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0 - checksum: 10c0/356a4e9fc52d7ca761ce6857fc58e2295c2785d22565760e6a5680be86c6e5883ab86e0ba25ef572882c01713d3a31ae6cfa3e3222cdb95e6026671dab1fa415 + checksum: 10c0/9aed453a1a21e4fd29add0b4a2d82a2c6f43a47c80d28411f8327f2a714064bc93a6f622c701d263970e0d72d7901d28f7f51e91ba91a31306efe8f17c411182 languageName: node linkType: hard -"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.23.3" +"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10c0/d4e592e6fc4878654243d2e7b51ea86471b868a8cb09de29e73b65d2b64159990c6c198fd7c9c2af2e38b1cddf70206243792853c47384a84f829dada152f605 + languageName: node + linkType: hard + +"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.24.1" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" - "@babel/plugin-transform-optional-chaining": "npm:^7.23.3" + "@babel/plugin-transform-optional-chaining": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.13.0 - checksum: 10c0/a8785f099d55ca71ed89815e0f3a636a80c16031f80934cfec17c928d096ee0798964733320c8b145ef36ba429c5e19d5107b06231e0ab6777cfb0f01adfdc23 + checksum: 10c0/351c36e45795a7890d610ab9041a52f4078a59429f6e74c281984aa44149a10d43e82b3a8172c703c0d5679471e165d1c02b6d2e45a677958ee301b89403f202 languageName: node linkType: hard -"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.23.7": - version: 7.23.7 - resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.23.7" +"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.24.1" dependencies: "@babel/helper-environment-visitor": "npm:^7.22.20" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0 - checksum: 10c0/355746e21ad7f43e4f4daef54cfe2ef461ecd19446b2afedd53c39df1bf9aa2eeeeaabee2279b1321de89a97c9360e4f76e9ba950fee50ff1676c25f6929d625 + checksum: 10c0/d7dd5a59a54635a3152895dcaa68f3370bb09d1f9906c1e72232ff759159e6be48de4a598a993c986997280a2dc29922a48aaa98020f16439f3f57ad72788354 languageName: node linkType: hard @@ -472,36 +485,36 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-flow@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-syntax-flow@npm:7.23.3" +"@babel/plugin-syntax-flow@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-syntax-flow@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/8a5e1e8b6a3728a2c8fe6d70c09a43642e737d9c0485e1b041cd3a6021ef05376ec3c9137be3b118c622ba09b5770d26fdc525473f8d06d4ab9e46de2783dd0a + checksum: 10c0/618de04360a96111408abdaafaba2efbaef0d90faad029d50e0281eaad5d7c7bd2ce4420bbac0ee27ad84c2b7bbc3e48f782064f81ed5bc40c398637991004c7 languageName: node linkType: hard -"@babel/plugin-syntax-import-assertions@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-syntax-import-assertions@npm:7.23.3" +"@babel/plugin-syntax-import-assertions@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-syntax-import-assertions@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/7db8b59f75667bada2293353bb66b9d5651a673b22c72f47da9f5c46e719142481601b745f9822212fd7522f92e26e8576af37116f85dae1b5e5967f80d0faab + checksum: 10c0/72f0340d73e037f0702c61670054e0af66ece7282c5c2f4ba8de059390fee502de282defdf15959cd9f71aa18dc5c5e4e7a0fde317799a0600c6c4e0a656d82b languageName: node linkType: hard -"@babel/plugin-syntax-import-attributes@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-syntax-import-attributes@npm:7.23.3" +"@babel/plugin-syntax-import-attributes@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-syntax-import-attributes@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/99b40d33d79205a8e04bb5dea56fd72906ffc317513b20ca7319e7683e18fce8ea2eea5e9171056f92b979dc0ab1e31b2cb5171177a5ba61e05b54fe7850a606 + checksum: 10c0/309634e3335777aee902552b2cf244c4a8050213cc878b3fb9d70ad8cbbff325dc46ac5e5791836ff477ea373b27832238205f6ceaff81f7ea7c4c7e8fbb13bb languageName: node linkType: hard @@ -527,14 +540,14 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.23.3, @babel/plugin-syntax-jsx@npm:^7.7.2": - version: 7.23.3 - resolution: "@babel/plugin-syntax-jsx@npm:7.23.3" +"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.23.3, @babel/plugin-syntax-jsx@npm:^7.24.1, @babel/plugin-syntax-jsx@npm:^7.7.2": + version: 7.24.1 + resolution: "@babel/plugin-syntax-jsx@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/563bb7599b868773f1c7c1d441ecc9bc53aeb7832775da36752c926fc402a1fa5421505b39e724f71eb217c13e4b93117e081cac39723b0e11dac4c897f33c3e + checksum: 10c0/6cec76fbfe6ca81c9345c2904d8d9a8a0df222f9269f0962ed6eb2eb8f3f10c2f15e993d1ef09dbaf97726bf1792b5851cf5bd9a769f966a19448df6be95d19a languageName: node linkType: hard @@ -626,14 +639,14 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-typescript@npm:^7.23.3, @babel/plugin-syntax-typescript@npm:^7.7.2": - version: 7.23.3 - resolution: "@babel/plugin-syntax-typescript@npm:7.23.3" +"@babel/plugin-syntax-typescript@npm:^7.24.1, @babel/plugin-syntax-typescript@npm:^7.7.2": + version: 7.24.1 + resolution: "@babel/plugin-syntax-typescript@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/4d6e9cdb9d0bfb9bd9b220fc951d937fce2ca69135ec121153572cebe81d86abc9a489208d6b69ee5f10cadcaeffa10d0425340a5029e40e14a6025021b90948 + checksum: 10c0/7a81e277dcfe3138847e8e5944e02a42ff3c2e864aea6f33fd9b70d1556d12b0e70f0d56cc1985d353c91bcbf8fe163e6cc17418da21129b7f7f1d8b9ac00c93 languageName: node linkType: hard @@ -649,322 +662,322 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-arrow-functions@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-arrow-functions@npm:7.23.3" +"@babel/plugin-transform-arrow-functions@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-arrow-functions@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/b128315c058f5728d29b0b78723659b11de88247ea4d0388f0b935cddf60a80c40b9067acf45cbbe055bd796928faef152a09d9e4a0695465aca4394d9f109ca + checksum: 10c0/f44bfacf087dc21b422bab99f4e9344ee7b695b05c947dacae66de05c723ab9d91800be7edc1fa016185e8c819f3aca2b4a5f66d8a4d1e47d9bad80b8fa55b8e languageName: node linkType: hard -"@babel/plugin-transform-async-generator-functions@npm:^7.23.9": - version: 7.23.9 - resolution: "@babel/plugin-transform-async-generator-functions@npm:7.23.9" +"@babel/plugin-transform-async-generator-functions@npm:^7.24.3": + version: 7.24.3 + resolution: "@babel/plugin-transform-async-generator-functions@npm:7.24.3" dependencies: "@babel/helper-environment-visitor": "npm:^7.22.20" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-remap-async-to-generator": "npm:^7.22.20" "@babel/plugin-syntax-async-generators": "npm:^7.8.4" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/4ff75f9ce500e1de8c0236fa5122e6475a477d19cb9a4c2ae8651e78e717ebb2e2cecfeca69d420def779deaec78b945843b9ffd15f02ecd7de5072030b4469b + checksum: 10c0/55ceed059f819dcccbfe69600bfa1c055ada466bd54eda117cfdd2cf773dd85799e2f6556e4a559b076e93b9704abcca2aef9d72aad7dc8a5d3d17886052f1d3 languageName: node linkType: hard -"@babel/plugin-transform-async-to-generator@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-async-to-generator@npm:7.23.3" +"@babel/plugin-transform-async-to-generator@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.1" dependencies: - "@babel/helper-module-imports": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-module-imports": "npm:^7.24.1" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-remap-async-to-generator": "npm:^7.22.20" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/da3ffd413eef02a8e2cfee3e0bb0d5fc0fcb795c187bc14a5a8e8874cdbdc43bbf00089c587412d7752d97efc5967c3c18ff5398e3017b9a14a06126f017e7e9 + checksum: 10c0/3731ba8e83cbea1ab22905031f25b3aeb0b97c6467360a2cc685352f16e7c786417d8883bc747f5a0beff32266bdb12a05b6292e7b8b75967087200a7bc012c4 languageName: node linkType: hard -"@babel/plugin-transform-block-scoped-functions@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.23.3" +"@babel/plugin-transform-block-scoped-functions@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/82c12a11277528184a979163de7189ceb00129f60dd930b0d5313454310bf71205f302fb2bf0430247161c8a22aaa9fb9eec1459f9f7468206422c191978fd59 + checksum: 10c0/6fbaa85f5204f34845dfc0bebf62fdd3ac5a286241c85651e59d426001e7a1785ac501f154e093e0b8ee49e1f51e3f8b06575a5ae8d4a9406d43e4816bf18c37 languageName: node linkType: hard -"@babel/plugin-transform-block-scoping@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-block-scoping@npm:7.23.4" +"@babel/plugin-transform-block-scoping@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/plugin-transform-block-scoping@npm:7.24.4" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/83006804dddf980ab1bcd6d67bc381e24b58c776507c34f990468f820d0da71dba3697355ca4856532fa2eeb2a1e3e73c780f03760b5507a511cbedb0308e276 + checksum: 10c0/62f55fd1b60a115506e9553c3bf925179b1ab8a42dc31471c4e3ada20573a488b5c5e3317145da352493ef07f1d9750ce1f8a49cb3f39489ac1ab42e5ddc883d languageName: node linkType: hard -"@babel/plugin-transform-class-properties@npm:^7.22.5, @babel/plugin-transform-class-properties@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-class-properties@npm:7.23.3" +"@babel/plugin-transform-class-properties@npm:^7.22.5, @babel/plugin-transform-class-properties@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-class-properties@npm:7.24.1" dependencies: - "@babel/helper-create-class-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-create-class-features-plugin": "npm:^7.24.1" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/bca30d576f539eef216494b56d610f1a64aa9375de4134bc021d9660f1fa735b1d7cc413029f22abc0b7cb737e3a57935c8ae9d8bd1730921ccb1deebce51bfd + checksum: 10c0/00dff042ac9df4ae67b5ef98b1137cc72e0a24e6d911dc200540a8cb1f00b4cff367a922aeb22da17da662079f0abcd46ee1c5f4cdf37ceebf6ff1639bb9af27 languageName: node linkType: hard -"@babel/plugin-transform-class-static-block@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-class-static-block@npm:7.23.4" +"@babel/plugin-transform-class-static-block@npm:^7.24.4": + version: 7.24.4 + resolution: "@babel/plugin-transform-class-static-block@npm:7.24.4" dependencies: - "@babel/helper-create-class-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-create-class-features-plugin": "npm:^7.24.4" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-class-static-block": "npm:^7.14.5" peerDependencies: "@babel/core": ^7.12.0 - checksum: 10c0/fdca96640ef29d8641a7f8de106f65f18871b38cc01c0f7b696d2b49c76b77816b30a812c08e759d06dd10b4d9b3af6b5e4ac22a2017a88c4077972224b77ab0 + checksum: 10c0/19dfeaf4a2ac03695034f7211a8b5ad89103b224608ac3e91791055107c5fe4d7ebe5d9fbb31b4a91265694af78762260642eb270f4b239c175984ee4b253f80 languageName: node linkType: hard -"@babel/plugin-transform-classes@npm:^7.23.8": - version: 7.23.8 - resolution: "@babel/plugin-transform-classes@npm:7.23.8" +"@babel/plugin-transform-classes@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-classes@npm:7.24.1" dependencies: "@babel/helper-annotate-as-pure": "npm:^7.22.5" "@babel/helper-compilation-targets": "npm:^7.23.6" "@babel/helper-environment-visitor": "npm:^7.22.20" "@babel/helper-function-name": "npm:^7.23.0" - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/helper-replace-supers": "npm:^7.22.20" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/helper-replace-supers": "npm:^7.24.1" "@babel/helper-split-export-declaration": "npm:^7.22.6" globals: "npm:^11.1.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/227ac5166501e04d9e7fbd5eda6869b084ffa4af6830ac12544ac6ea14953ca00eb1762b0df9349c0f6c8d2a799385910f558066cd0fb85b9ca437b1131a6043 + checksum: 10c0/586a95826be4d68056fa23d8e6c34353ce2ea59bf3ca8cf62bc784e60964d492d76e1b48760c43fd486ffb65a79d3fed9a4f91289e4f526f88c3b6acc0dfb00e languageName: node linkType: hard -"@babel/plugin-transform-computed-properties@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-computed-properties@npm:7.23.3" +"@babel/plugin-transform-computed-properties@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-computed-properties@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/template": "npm:^7.22.15" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/template": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/3ca8a006f8e652b58c21ecb84df1d01a73f0a96b1d216fd09a890b235dd90cb966b152b603b88f7e850ae238644b1636ce5c30b7c029c0934b43383932372e4a + checksum: 10c0/8292c508b656b7722e2c2ca0f6f31339852e3ed2b9b80f6e068a4010e961b431ca109ecd467fc906283f4b1574c1e7b1cb68d35a4dea12079d386c15ff7e0eac languageName: node linkType: hard -"@babel/plugin-transform-destructuring@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-destructuring@npm:7.23.3" +"@babel/plugin-transform-destructuring@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-destructuring@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/717e9a62c1b0c93c507f87b4eaf839ec08d3c3147f14d74ae240d8749488d9762a8b3950132be620a069bde70f4b3e4ee9867b226c973fcc40f3cdec975cde71 + checksum: 10c0/a08e706a9274a699abc3093f38c72d4a5354eac11c44572cc9ea049915b6e03255744297069fd94fcce82380725c5d6b1b11b9a84c0081aa3aa6fc2fdab98ef6 languageName: node linkType: hard -"@babel/plugin-transform-dotall-regex@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-dotall-regex@npm:7.23.3" +"@babel/plugin-transform-dotall-regex@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-dotall-regex@npm:7.24.1" dependencies: "@babel/helper-create-regexp-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/6c89286d1277c2a63802a453c797c87c1203f89e4c25115f7b6620f5fce15d8c8d37af613222f6aa497aa98773577a6ec8752e79e13d59bc5429270677ea010b + checksum: 10c0/758def705ec5a87ef910280dc2df5d2fda59dc5d4771c1725c7aed0988ae5b79e29aeb48109120301a3e1c6c03dfac84700469de06f38ca92c96834e09eadf5d languageName: node linkType: hard -"@babel/plugin-transform-duplicate-keys@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-duplicate-keys@npm:7.23.3" +"@babel/plugin-transform-duplicate-keys@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-duplicate-keys@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/7e2640e4e6adccd5e7b0615b6e9239d7c98363e21c52086ea13759dfa11cf7159b255fc5331c2de435639ea8eb6acefae115ae0d797a3d19d12587652f8052a5 + checksum: 10c0/41072f57f83a6c2b15f3ee0b6779cdca105ff3d98061efe92ac02d6c7b90fdb6e7e293b8a4d5b9c690d9ae5d3ae73e6bde4596dc4d8c66526a0e5e1abc73c88c languageName: node linkType: hard -"@babel/plugin-transform-dynamic-import@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-dynamic-import@npm:7.23.4" +"@babel/plugin-transform-dynamic-import@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-dynamic-import@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/19ae4a4a2ca86d35224734c41c48b2aa6a13139f3cfa1cbd18c0e65e461de8b65687dec7e52b7a72bb49db04465394c776aa1b13a2af5dc975b2a0cde3dcab67 + checksum: 10c0/7e2834780e9b5251ef341854043a89c91473b83c335358620ca721554877e64e416aeb3288a35f03e825c4958e07d5d00ead08c4490fadc276a21fe151d812f1 languageName: node linkType: hard -"@babel/plugin-transform-exponentiation-operator@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.23.3" +"@babel/plugin-transform-exponentiation-operator@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.24.1" dependencies: "@babel/helper-builder-binary-assignment-operator-visitor": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/5c33ee6a1bdc52fcdf0807f445b27e3fbdce33008531885e65a699762327565fffbcfde8395be7f21bcb22d582e425eddae45650c986462bb84ba68f43687516 + checksum: 10c0/f0fc4c5a9add25fd6bf23dabe6752e9b7c0a2b2554933dddfd16601245a2ba332b647951079c782bf3b94c6330e3638b9b4e0227f469a7c1c707446ba0eba6c7 languageName: node linkType: hard -"@babel/plugin-transform-export-namespace-from@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-export-namespace-from@npm:7.23.4" +"@babel/plugin-transform-export-namespace-from@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-export-namespace-from@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/38bf04f851e36240bbe83ace4169da626524f4107bfb91f05b4ad93a5fb6a36d5b3d30b8883c1ba575ccfc1bac7938e90ca2e3cb227f7b3f4a9424beec6fd4a7 + checksum: 10c0/510bb23b2423d5fbffef69b356e4050929c21a7627e8194b1506dd935c7d9cbbd696c9ae9d7c3bcd7e6e7b69561b0b290c2d72d446327b40fc20ce40bbca6712 languageName: node linkType: hard -"@babel/plugin-transform-flow-strip-types@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-flow-strip-types@npm:7.23.3" +"@babel/plugin-transform-flow-strip-types@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-flow-strip-types@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/plugin-syntax-flow": "npm:^7.23.3" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/plugin-syntax-flow": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/9ab627f9668fc1f95564b26bffd6706f86205960d9ccc168236752fbef65dbe10aa0ce74faae12f48bb3b72ec7f38ef2a78b4874c222c1e85754e981639f3b33 + checksum: 10c0/e6aa9cbad0441867598d390d4df65bc8c6b797574673e4eedbdae0cc528e81e00f4b2cd38f7d138b0f04bcdd2540384a9812d5d76af5abfa06aee1c7fc20ca58 languageName: node linkType: hard -"@babel/plugin-transform-for-of@npm:^7.23.6": - version: 7.23.6 - resolution: "@babel/plugin-transform-for-of@npm:7.23.6" +"@babel/plugin-transform-for-of@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-for-of@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/46681b6ab10f3ca2d961f50d4096b62ab5d551e1adad84e64be1ee23e72eb2f26a1e30e617e853c74f1349fffe4af68d33921a128543b6f24b6d46c09a3e2aec + checksum: 10c0/e4bc92b1f334246e62d4bde079938df940794db564742034f6597f2e38bd426e11ae8c5670448e15dd6e45c462f2a9ab3fa87259bddf7c08553ffd9457fc2b2c languageName: node linkType: hard -"@babel/plugin-transform-function-name@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-function-name@npm:7.23.3" +"@babel/plugin-transform-function-name@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-function-name@npm:7.24.1" dependencies: - "@babel/helper-compilation-targets": "npm:^7.22.15" + "@babel/helper-compilation-targets": "npm:^7.23.6" "@babel/helper-function-name": "npm:^7.23.0" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/89cb9747802118048115cf92a8f310752f02030549b26f008904990cbdc86c3d4a68e07ca3b5c46de8a46ed4df2cb576ac222c74c56de67253d2a3ddc2956083 + checksum: 10c0/65c1735ec3b5e43db9b5aebf3c16171c04b3050c92396b9e22dda0d2aaf51f43fdcf147f70a40678fd9a4ee2272a5acec4826e9c21bcf968762f4c184897ad75 languageName: node linkType: hard -"@babel/plugin-transform-json-strings@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-json-strings@npm:7.23.4" +"@babel/plugin-transform-json-strings@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-json-strings@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-json-strings": "npm:^7.8.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/39e82223992a9ad857722ae051291935403852ad24b0dd64c645ca1c10517b6bf9822377d88643fed8b3e61a4e3f7e5ae41cf90eb07c40a786505d47d5970e54 + checksum: 10c0/13d9b6a3c31ab4be853b3d49d8d1171f9bd8198562fd75da8f31e7de31398e1cfa6eb1d073bed93c9746e4f9c47a53b20f8f4c255ece3f88c90852ad3181dc2d languageName: node linkType: hard -"@babel/plugin-transform-literals@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-literals@npm:7.23.3" +"@babel/plugin-transform-literals@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-literals@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/8292106b106201464c2bfdd5c014fe6a9ca1c0256eb0a8031deb20081e21906fe68b156186f77d993c23eeab6d8d6f5f66e8895eec7ed97ce6de5dbcafbcd7f4 + checksum: 10c0/a27cc7d565ee57b5a2bf136fa889c5c2f5988545ae7b3b2c83a7afe5dd37dfac80dca88b1c633c65851ce6af7d2095c04c01228657ce0198f918e64b5ccd01fa languageName: node linkType: hard -"@babel/plugin-transform-logical-assignment-operators@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.23.4" +"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/87b034dd13143904e405887e6125d76c27902563486efc66b7d9a9d8f9406b76c6ac42d7b37224014af5783d7edb465db0cdecd659fa3227baad0b3a6a35deff + checksum: 10c0/98a2e0843ddfe51443c1bfcf08ba40ad8856fd4f8e397b392a5390a54f257c8c1b9a99d8ffc0fc7e8c55cce45e2cd9c2795a4450303f48f501bcbd662de44554 languageName: node linkType: hard -"@babel/plugin-transform-member-expression-literals@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-member-expression-literals@npm:7.23.3" +"@babel/plugin-transform-member-expression-literals@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/687f24f3ec60b627fef6e87b9e2770df77f76727b9d5f54fa4c84a495bb24eb4a20f1a6240fa22d339d45aac5eaeb1b39882e941bfd00cf498f9c53478d1ec88 + checksum: 10c0/2af731d02aa4c757ef80c46df42264128cbe45bfd15e1812d1a595265b690a44ad036041c406a73411733540e1c4256d8174705ae6b8cfaf757fc175613993fd languageName: node linkType: hard -"@babel/plugin-transform-modules-amd@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-modules-amd@npm:7.23.3" +"@babel/plugin-transform-modules-amd@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-modules-amd@npm:7.24.1" dependencies: "@babel/helper-module-transforms": "npm:^7.23.3" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/9f7ec036f7cfc588833a4dd117a44813b64aa4c1fd5bfb6c78f60198c1d290938213090c93a46f97a68a2490fad909e21a82b2472e95da74d108c125df21c8d5 + checksum: 10c0/71fd04e5e7026e6e52701214b1e9f7508ba371b757e5075fbb938a79235ed66a54ce65f89bb92b59159e9f03f01b392e6c4de6d255b948bec975a90cfd6809ef languageName: node linkType: hard -"@babel/plugin-transform-modules-commonjs@npm:^7.23.0, @babel/plugin-transform-modules-commonjs@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-modules-commonjs@npm:7.23.3" +"@babel/plugin-transform-modules-commonjs@npm:^7.23.0, @babel/plugin-transform-modules-commonjs@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.1" dependencies: "@babel/helper-module-transforms": "npm:^7.23.3" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-simple-access": "npm:^7.22.5" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/5c8840c5c9ecba39367ae17c973ed13dbc43234147b77ae780eec65010e2a9993c5d717721b23e8179f7cf49decdd325c509b241d69cfbf92aa647a1d8d5a37d + checksum: 10c0/efb3ea2047604a7eb44a9289311ebb29842fe6510ff8b66a77a60440448c65e1312a60dc48191ed98246bdbd163b5b6f3348a0669bcc0e3809e69c7c776b20fa languageName: node linkType: hard -"@babel/plugin-transform-modules-systemjs@npm:^7.23.9": - version: 7.23.9 - resolution: "@babel/plugin-transform-modules-systemjs@npm:7.23.9" +"@babel/plugin-transform-modules-systemjs@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-modules-systemjs@npm:7.24.1" dependencies: "@babel/helper-hoist-variables": "npm:^7.22.5" "@babel/helper-module-transforms": "npm:^7.23.3" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-validator-identifier": "npm:^7.22.20" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/1926631fe9d87c0c53427a3420ad49da62d53320d0016b6afab64e5417a672aa5bdff3ea1d24746ffa1e43319c28a80f5d8cef0ad214760d399c293b5850500f + checksum: 10c0/38145f8abe8a4ce2b41adabe5d65eb7bd54a139dc58e2885fec975eb5cf247bd938c1dd9f09145c46dbe57d25dd0ef7f00a020e5eb0cbe8195b2065d51e2d93d languageName: node linkType: hard -"@babel/plugin-transform-modules-umd@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-modules-umd@npm:7.23.3" +"@babel/plugin-transform-modules-umd@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-modules-umd@npm:7.24.1" dependencies: "@babel/helper-module-transforms": "npm:^7.23.3" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/f0d2f890a15b4367d0d8f160bed7062bdb145c728c24e9bfbc1211c7925aae5df72a88df3832c92dd2011927edfed4da1b1249e4c78402e893509316c0c2caa6 + checksum: 10c0/14c90c58562b54e17fe4a8ded3f627f9a993648f8378ef00cb2f6c34532032b83290d2ad54c7fff4f0c2cd49091bda780f8cc28926ec4b77a6c2141105a2e699 languageName: node linkType: hard @@ -980,160 +993,159 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-new-target@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-new-target@npm:7.23.3" +"@babel/plugin-transform-new-target@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-new-target@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/f489b9e1f17b42b2ba6312d58351e757cb23a8409f64f2bb6af4c09d015359588a5d68943b20756f141d0931a94431c782f3ed1225228a930a04b07be0c31b04 + checksum: 10c0/c4cabe628163855f175a8799eb73d692b6f1dc347aae5022af0c253f80c92edb962e48ddccc98b691eff3d5d8e53c9a8f10894c33ba4cebc2e2f8f8fe554fb7a languageName: node linkType: hard -"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.23.4" +"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/bce490d22da5c87ff27fffaff6ad5a4d4979b8d7b72e30857f191e9c1e1824ba73bb8d7081166289369e388f94f0ce5383a593b1fc84d09464a062c75f824b0b + checksum: 10c0/c8532951506fb031287280cebeef10aa714f8a7cea2b62a13c805f0e0af945ba77a7c87e4bbbe4c37fe973e0e5d5e649cfac7f0374f57efc54cdf9656362a392 languageName: node linkType: hard -"@babel/plugin-transform-numeric-separator@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-numeric-separator@npm:7.23.4" +"@babel/plugin-transform-numeric-separator@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/e34902da4f5588dc4812c92cb1f6a5e3e3647baf7b4623e30942f551bf1297621abec4e322ebfa50b320c987c0f34d9eb4355b3d289961d9035e2126e3119c12 + checksum: 10c0/15e2b83292e586fb4f5b4b4021d4821a806ca6de2b77d5ad6c4e07aa7afa23704e31b4d683dac041afc69ac51b2461b96e8c98e46311cc1faba54c73f235044f languageName: node linkType: hard -"@babel/plugin-transform-object-rest-spread@npm:^7.24.0": - version: 7.24.0 - resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.0" +"@babel/plugin-transform-object-rest-spread@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.1" dependencies: - "@babel/compat-data": "npm:^7.23.5" "@babel/helper-compilation-targets": "npm:^7.23.6" "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3" - "@babel/plugin-transform-parameters": "npm:^7.23.3" + "@babel/plugin-transform-parameters": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/02fe8b99ee6329e68b97b1b1b5410e50c6c20470e73dcd1d287c6ddb5623c654dce82327b2a3f6710ee3b512fe4950e43ab81d0bbc33d771f0cad3bc3cef87c6 + checksum: 10c0/e301f1a66b63bafc2bce885305cc88ab30ec875b5e2c7933fb7f9cbf0d954685aa10334ffcecf147ba19d6a1d7ffab37baf4ce871849d395941c56fdb3060f73 languageName: node linkType: hard -"@babel/plugin-transform-object-super@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-object-super@npm:7.23.3" +"@babel/plugin-transform-object-super@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-object-super@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/helper-replace-supers": "npm:^7.22.20" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/helper-replace-supers": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/a6856fd8c0afbe5b3318c344d4d201d009f4051e2f6ff6237ff2660593e93c5997a58772b13d639077c3e29ced3440247b29c496cd77b13af1e7559a70009775 + checksum: 10c0/d30e6b9e59a707efd7ed524fc0a8deeea046011a6990250f2e9280516683138e2d13d9c52daf41d78407bdab0378aef7478326f2a15305b773d851cb6e106157 languageName: node linkType: hard -"@babel/plugin-transform-optional-catch-binding@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.23.4" +"@babel/plugin-transform-optional-catch-binding@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/4ef61812af0e4928485e28301226ce61139a8b8cea9e9a919215ebec4891b9fea2eb7a83dc3090e2679b7d7b2c8653da601fbc297d2addc54a908b315173991e + checksum: 10c0/68408b9ef772d9aa5dccf166c86dc4d2505990ce93e03dcfc65c73fb95c2511248e009ba9ccf5b96405fb85de1c16ad8291016b1cc5689ee4becb1e3050e0ae7 languageName: node linkType: hard -"@babel/plugin-transform-optional-chaining@npm:^7.23.0, @babel/plugin-transform-optional-chaining@npm:^7.23.3, @babel/plugin-transform-optional-chaining@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-optional-chaining@npm:7.23.4" +"@babel/plugin-transform-optional-chaining@npm:^7.23.0, @babel/plugin-transform-optional-chaining@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/305b773c29ad61255b0e83ec1e92b2f7af6aa58be4cba1e3852bddaa14f7d2afd7b4438f41c28b179d6faac7eb8d4fb5530a17920294f25d459b8f84406bfbfb + checksum: 10c0/b4688795229c9e9ce978eccf979fe515eb4e8d864d2dcd696baa937c8db13e3d46cff664a3cd6119dfe60e261f5d359b10c6783effab7cc91d75d03ad7f43d05 languageName: node linkType: hard -"@babel/plugin-transform-parameters@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-parameters@npm:7.23.3" +"@babel/plugin-transform-parameters@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-parameters@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/a8d4cbe0f6ba68d158f5b4215c63004fc37a1fdc539036eb388a9792017c8496ea970a1932ccb929308f61e53dc56676ed01d8df6f42bc0a85c7fd5ba82482b7 + checksum: 10c0/eee8d2f72d3ee0876dc8d85f949f4adf34685cfe36c814ebc20c96315f3891a53d43c764d636b939e34d55e6a6a4af9aa57ed0d7f9439eb5771a07277c669e55 languageName: node linkType: hard -"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-private-methods@npm:7.23.3" +"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-private-methods@npm:7.24.1" dependencies: - "@babel/helper-create-class-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-create-class-features-plugin": "npm:^7.24.1" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/745a655edcd111b7f91882b921671ca0613079760d8c9befe336b8a9bc4ce6bb49c0c08941831c950afb1b225b4b2d3eaac8842e732db095b04db38efd8c34f4 + checksum: 10c0/d8e18587d2a8b71a795da5e8841b0e64f1525a99ad73ea8b9caa331bc271d69646e2e1e749fd634321f3df9d126070208ddac22a27ccf070566b2efb74fecd99 languageName: node linkType: hard -"@babel/plugin-transform-private-property-in-object@npm:^7.23.4": - version: 7.23.4 - resolution: "@babel/plugin-transform-private-property-in-object@npm:7.23.4" +"@babel/plugin-transform-private-property-in-object@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-private-property-in-object@npm:7.24.1" dependencies: "@babel/helper-annotate-as-pure": "npm:^7.22.5" - "@babel/helper-create-class-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-create-class-features-plugin": "npm:^7.24.1" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/8d31b28f24204b4d13514cd3a8f3033abf575b1a6039759ddd6e1d82dd33ba7281f9bc85c9f38072a665d69bfa26dc40737eefaf9d397b024654a483d2357bf5 + checksum: 10c0/33d2b9737de7667d7a1b704eef99bfecc6736157d9ea28c2e09010d5f25e33ff841c41d89a4430c5d47f4eb3384e24770fa0ec79600e1e38d6d16e2f9333b4b5 languageName: node linkType: hard -"@babel/plugin-transform-property-literals@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-property-literals@npm:7.23.3" +"@babel/plugin-transform-property-literals@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-property-literals@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/b2549f23f90cf276c2e3058c2225c3711c2ad1c417e336d3391199445a9776dd791b83be47b2b9a7ae374b40652d74b822387e31fa5267a37bf49c122e1a9747 + checksum: 10c0/3bf3e01f7bb8215a8b6d0081b6f86fea23e3a4543b619e059a264ede028bc58cdfb0acb2c43271271915a74917effa547bc280ac636a9901fa9f2fb45623f87e languageName: node linkType: hard "@babel/plugin-transform-react-constant-elements@npm:^7.21.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-react-constant-elements@npm:7.23.3" + version: 7.24.1 + resolution: "@babel/plugin-transform-react-constant-elements@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/c009668e5212841ee11510b887963b6d10abd9a53c67f3f4eb7e191d51bc7fca8abfe9d27e9ee977cc8675aa0c9a3d4cdc4b7fac91059c165ec9eb49c18dadde + checksum: 10c0/3d1af987605ffb79f6b349862680f28bb3f09300234abe58cf20cd9f1cd3e578de0af3306244c6430126668fdf04ebbe780ac4be2c0b20e84160c57151c6519d languageName: node linkType: hard -"@babel/plugin-transform-react-display-name@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-react-display-name@npm:7.23.3" +"@babel/plugin-transform-react-display-name@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-react-display-name@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/3aed142af7bd1aed1df2bdad91ed33ba1cdd5c3c67ce6eafba821ff72f129162a197ffb55f1eb1775af276abd5545934489a8257fef6c6665ddf253a4f39a939 + checksum: 10c0/adf1a3cb0df8134533a558a9072a67e34127fd489dfe431c3348a86dd41f3e74861d5d5134bbb68f61a9cdb3f7e79b2acea1346be94ce4d3328a64e5a9e09be1 languageName: node linkType: hard @@ -1148,7 +1160,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-react-jsx@npm:^7.22.15, @babel/plugin-transform-react-jsx@npm:^7.22.5": +"@babel/plugin-transform-react-jsx@npm:^7.22.5, @babel/plugin-transform-react-jsx@npm:^7.23.4": version: 7.23.4 resolution: "@babel/plugin-transform-react-jsx@npm:7.23.4" dependencies: @@ -1163,177 +1175,178 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-react-pure-annotations@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.23.3" +"@babel/plugin-transform-react-pure-annotations@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.24.1" dependencies: "@babel/helper-annotate-as-pure": "npm:^7.22.5" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/76287adeab656fb7f39243e5ab6a8c60069cf69fffeebd1566457d56cb2f966366a23bd755d3e369f4d0437459e3b76243df370caa7d7d2287a8560b66c53ca2 + checksum: 10c0/9eb3056fcaadd63d404fd5652b2a3f693bc4758ba753fee5b5c580c7a64346eeeb94e5a4f77a99c76f3cf06d1f1ad6c227647cd0b1219efe3d00cafa5a6e7b2a languageName: node linkType: hard -"@babel/plugin-transform-regenerator@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-regenerator@npm:7.23.3" +"@babel/plugin-transform-regenerator@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-regenerator@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" regenerator-transform: "npm:^0.15.2" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/3b0e989ae5db78894ee300b24e07fbcec490c39ab48629c519377581cf94e90308f4ddc10a8914edc9f403e2d3ac7a7ae0ae09003629d852da03e2ba846299c6 + checksum: 10c0/0a333585d7c0b38d31cc549d0f3cf7c396d1d50b6588a307dc58325505ddd4f5446188bc536c4779431b396251801b3f32d6d8e87db8274bc84e8c41950737f7 languageName: node linkType: hard -"@babel/plugin-transform-reserved-words@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-reserved-words@npm:7.23.3" +"@babel/plugin-transform-reserved-words@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-reserved-words@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/4e6d61f6c9757592661cfbd2c39c4f61551557b98cb5f0995ef10f5540f67e18dde8a42b09716d58943b6e4b7ef5c9bcf19902839e7328a4d49149e0fecdbfcd + checksum: 10c0/936d6e73cafb2cbb495f6817c6f8463288dbc9ab3c44684b931ebc1ece24f0d55dfabc1a75ba1de5b48843d0fef448dcfdbecb8485e4014f8f41d0d1440c536f languageName: node linkType: hard -"@babel/plugin-transform-shorthand-properties@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-shorthand-properties@npm:7.23.3" +"@babel/plugin-transform-shorthand-properties@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-shorthand-properties@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/c423c66fec0b6503f50561741754c84366ef9e9818442c8881fbaa90cc363fd137084b9431cdc00ed2f1fd8c8a1a5982c4a7e1f2af3769db4caf2ac7ea55d4f0 + checksum: 10c0/8273347621183aada3cf1f3019d8d5f29467ba13a75b72cb405bc7f23b7e05fd85f4edb1e4d9f0103153dddb61826a42dc24d466480d707f8932c1923a4c25fa languageName: node linkType: hard -"@babel/plugin-transform-spread@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-spread@npm:7.23.3" +"@babel/plugin-transform-spread@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-spread@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/a348e4ae47e4ceeceb760506ec7bf835ccc18a2cf70ec74ebfbe41bc172fa2412b05b7d1b86836f8aee375e41a04ff20486074778d0e2d19d668b33dc52e9dbb + checksum: 10c0/50a0302e344546d57e5c9f4dea575f88e084352eeac4e9a3e238c41739eef2df1daf4a7ebbb3ccb7acd3447f6a5ce9938405f98bf5f5583deceb8257f5a673c9 languageName: node linkType: hard -"@babel/plugin-transform-sticky-regex@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-sticky-regex@npm:7.23.3" +"@babel/plugin-transform-sticky-regex@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-sticky-regex@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/cd15c407906b41e4b924ea151e455c11274dba050771ee7154ad88a1a274140ac5e84efc8d08c4379f2f0cec8a09e4a0a3b2a3a954ba6a67d9fb35df1c714c56 + checksum: 10c0/786fe2ae11ef9046b9fa95677935abe495031eebf1274ad03f2054a20adea7b9dbd00336ac0b143f7924bc562e5e09793f6e8613607674b97e067d4838ccc4a0 languageName: node linkType: hard -"@babel/plugin-transform-template-literals@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-template-literals@npm:7.23.3" +"@babel/plugin-transform-template-literals@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-template-literals@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/9b5f43788b9ffcb8f2b445a16b1aa40fcf23cb0446a4649445f098ec6b4cb751f243a535da623d59fefe48f4c40552f5621187a61811779076bab26863e3373d + checksum: 10c0/f73bcda5488eb81c6e7a876498d9e6b72be32fca5a4d9db9053491a2d1300cd27b889b463fd2558f3cd5826a85ed00f61d81b234aa55cb5a0abf1b6fa1bd5026 languageName: node linkType: hard -"@babel/plugin-transform-typeof-symbol@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-typeof-symbol@npm:7.23.3" +"@babel/plugin-transform-typeof-symbol@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-typeof-symbol@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/50e81d84c6059878be2a0e41e0d790cab10882cfb8fa85e8c2665ccb0b3cd7233f49197f17427bc7c1b36c80e07076640ecf1b641888d78b9cb91bc16478d84a + checksum: 10c0/d392f549bfd13414f59feecdf3fb286f266a3eb9107a9de818e57907bda56eed08d1f6f8e314d09bf99252df026a7fd4d5df839acd45078a777abcebaa9a8593 languageName: node linkType: hard -"@babel/plugin-transform-typescript@npm:^7.23.3": - version: 7.23.6 - resolution: "@babel/plugin-transform-typescript@npm:7.23.6" +"@babel/plugin-transform-typescript@npm:^7.24.1": + version: 7.24.4 + resolution: "@babel/plugin-transform-typescript@npm:7.24.4" dependencies: "@babel/helper-annotate-as-pure": "npm:^7.22.5" - "@babel/helper-create-class-features-plugin": "npm:^7.23.6" - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/plugin-syntax-typescript": "npm:^7.23.3" + "@babel/helper-create-class-features-plugin": "npm:^7.24.4" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/plugin-syntax-typescript": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/e08f7a981fe157e32031070b92cd77030018b002d063e4be3711ffb7ec04539478b240d8967a4748abb56eccc0ba376f094f30711ef6a028b2a89d15d6ddc01f + checksum: 10c0/fa6625046f219cdc75061025c8031ada75ef631b137f1442e3d0054ba4e63548eb12cf55e2e1f442c889aa5fdd76d0d0b7904fdf812ce4c38748446227acc798 languageName: node linkType: hard -"@babel/plugin-transform-unicode-escapes@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-unicode-escapes@npm:7.23.3" +"@babel/plugin-transform-unicode-escapes@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-unicode-escapes@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/f1ed54742dc982666f471df5d087cfda9c6dbf7842bec2d0f7893ed359b142a38c0210358f297ab5c7a3e11ec0dfb0e523de2e2edf48b62f257aaadd5f068866 + checksum: 10c0/67a72a1ed99639de6a93aead35b1993cb3f0eb178a8991fcef48732c38c9f0279c85bbe1e2e2477b85afea873e738ff0955a35057635ce67bc149038e2d8a28e languageName: node linkType: hard -"@babel/plugin-transform-unicode-property-regex@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.23.3" +"@babel/plugin-transform-unicode-property-regex@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.24.1" dependencies: "@babel/helper-create-regexp-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/dca5702d43fac70351623a12e4dfa454fd028a67498888522b644fd1a02534fabd440106897e886ebcc6ce6a39c58094ca29953b6f51bc67372aa8845a5ae49f + checksum: 10c0/d9d9752df7d51bf9357c0bf3762fe16b8c841fca9ecf4409a16f15ccc34be06e8e71abfaee1251b7d451227e70e6b873b36f86b090efdb20f6f7de5fdb6c7a05 languageName: node linkType: hard -"@babel/plugin-transform-unicode-regex@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-unicode-regex@npm:7.23.3" +"@babel/plugin-transform-unicode-regex@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-unicode-regex@npm:7.24.1" dependencies: "@babel/helper-create-regexp-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/df824dcca2f6e731f61d69103e87d5dd974d8a04e46e28684a4ba935ae633d876bded09b8db890fd72d0caf7b9638e2672b753671783613cc78d472951e2df8c + checksum: 10c0/6046ab38e5d14ed97dbb921bd79ac1d7ad9d3286da44a48930e980b16896db2df21e093563ec3c916a630dc346639bf47c5924a33902a06fe3bbb5cdc7ef5f2f languageName: node linkType: hard -"@babel/plugin-transform-unicode-sets-regex@npm:^7.23.3": - version: 7.23.3 - resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.23.3" +"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.24.1" dependencies: "@babel/helper-create-regexp-features-plugin": "npm:^7.22.15" - "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-plugin-utils": "npm:^7.24.0" peerDependencies: "@babel/core": ^7.0.0 - checksum: 10c0/30fe1d29af8395a867d40a63a250ca89072033d9bc7d4587eeebeaf4ad7f776aab83064321bfdb1d09d7e29a1d392852361f4f60a353f0f4d1a3b435dcbf256b + checksum: 10c0/b6c1f6b90afeeddf97e5713f72575787fcb7179be7b4c961869bfbc66915f66540dc49da93e4369da15596bd44b896d1eb8a50f5e1fd907abd7a1a625901006b languageName: node linkType: hard "@babel/preset-env@npm:^7.20.2, @babel/preset-env@npm:^7.21.5, @babel/preset-env@npm:^7.23.2": - version: 7.24.0 - resolution: "@babel/preset-env@npm:7.24.0" + version: 7.24.4 + resolution: "@babel/preset-env@npm:7.24.4" dependencies: - "@babel/compat-data": "npm:^7.23.5" + "@babel/compat-data": "npm:^7.24.4" "@babel/helper-compilation-targets": "npm:^7.23.6" "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-validator-option": "npm:^7.23.5" - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.23.3" - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.23.3" - "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.23.7" + "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.24.4" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.24.1" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.24.1" + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.24.1" "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2" "@babel/plugin-syntax-async-generators": "npm:^7.8.4" "@babel/plugin-syntax-class-properties": "npm:^7.12.13" "@babel/plugin-syntax-class-static-block": "npm:^7.14.5" "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3" "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3" - "@babel/plugin-syntax-import-assertions": "npm:^7.23.3" - "@babel/plugin-syntax-import-attributes": "npm:^7.23.3" + "@babel/plugin-syntax-import-assertions": "npm:^7.24.1" + "@babel/plugin-syntax-import-attributes": "npm:^7.24.1" "@babel/plugin-syntax-import-meta": "npm:^7.10.4" "@babel/plugin-syntax-json-strings": "npm:^7.8.3" "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4" @@ -1345,76 +1358,76 @@ __metadata: "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5" "@babel/plugin-syntax-top-level-await": "npm:^7.14.5" "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6" - "@babel/plugin-transform-arrow-functions": "npm:^7.23.3" - "@babel/plugin-transform-async-generator-functions": "npm:^7.23.9" - "@babel/plugin-transform-async-to-generator": "npm:^7.23.3" - "@babel/plugin-transform-block-scoped-functions": "npm:^7.23.3" - "@babel/plugin-transform-block-scoping": "npm:^7.23.4" - "@babel/plugin-transform-class-properties": "npm:^7.23.3" - "@babel/plugin-transform-class-static-block": "npm:^7.23.4" - "@babel/plugin-transform-classes": "npm:^7.23.8" - "@babel/plugin-transform-computed-properties": "npm:^7.23.3" - "@babel/plugin-transform-destructuring": "npm:^7.23.3" - "@babel/plugin-transform-dotall-regex": "npm:^7.23.3" - "@babel/plugin-transform-duplicate-keys": "npm:^7.23.3" - "@babel/plugin-transform-dynamic-import": "npm:^7.23.4" - "@babel/plugin-transform-exponentiation-operator": "npm:^7.23.3" - "@babel/plugin-transform-export-namespace-from": "npm:^7.23.4" - "@babel/plugin-transform-for-of": "npm:^7.23.6" - "@babel/plugin-transform-function-name": "npm:^7.23.3" - "@babel/plugin-transform-json-strings": "npm:^7.23.4" - "@babel/plugin-transform-literals": "npm:^7.23.3" - "@babel/plugin-transform-logical-assignment-operators": "npm:^7.23.4" - "@babel/plugin-transform-member-expression-literals": "npm:^7.23.3" - "@babel/plugin-transform-modules-amd": "npm:^7.23.3" - "@babel/plugin-transform-modules-commonjs": "npm:^7.23.3" - "@babel/plugin-transform-modules-systemjs": "npm:^7.23.9" - "@babel/plugin-transform-modules-umd": "npm:^7.23.3" + "@babel/plugin-transform-arrow-functions": "npm:^7.24.1" + "@babel/plugin-transform-async-generator-functions": "npm:^7.24.3" + "@babel/plugin-transform-async-to-generator": "npm:^7.24.1" + "@babel/plugin-transform-block-scoped-functions": "npm:^7.24.1" + "@babel/plugin-transform-block-scoping": "npm:^7.24.4" + "@babel/plugin-transform-class-properties": "npm:^7.24.1" + "@babel/plugin-transform-class-static-block": "npm:^7.24.4" + "@babel/plugin-transform-classes": "npm:^7.24.1" + "@babel/plugin-transform-computed-properties": "npm:^7.24.1" + "@babel/plugin-transform-destructuring": "npm:^7.24.1" + "@babel/plugin-transform-dotall-regex": "npm:^7.24.1" + "@babel/plugin-transform-duplicate-keys": "npm:^7.24.1" + "@babel/plugin-transform-dynamic-import": "npm:^7.24.1" + "@babel/plugin-transform-exponentiation-operator": "npm:^7.24.1" + "@babel/plugin-transform-export-namespace-from": "npm:^7.24.1" + "@babel/plugin-transform-for-of": "npm:^7.24.1" + "@babel/plugin-transform-function-name": "npm:^7.24.1" + "@babel/plugin-transform-json-strings": "npm:^7.24.1" + "@babel/plugin-transform-literals": "npm:^7.24.1" + "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.1" + "@babel/plugin-transform-member-expression-literals": "npm:^7.24.1" + "@babel/plugin-transform-modules-amd": "npm:^7.24.1" + "@babel/plugin-transform-modules-commonjs": "npm:^7.24.1" + "@babel/plugin-transform-modules-systemjs": "npm:^7.24.1" + "@babel/plugin-transform-modules-umd": "npm:^7.24.1" "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.22.5" - "@babel/plugin-transform-new-target": "npm:^7.23.3" - "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.23.4" - "@babel/plugin-transform-numeric-separator": "npm:^7.23.4" - "@babel/plugin-transform-object-rest-spread": "npm:^7.24.0" - "@babel/plugin-transform-object-super": "npm:^7.23.3" - "@babel/plugin-transform-optional-catch-binding": "npm:^7.23.4" - "@babel/plugin-transform-optional-chaining": "npm:^7.23.4" - "@babel/plugin-transform-parameters": "npm:^7.23.3" - "@babel/plugin-transform-private-methods": "npm:^7.23.3" - "@babel/plugin-transform-private-property-in-object": "npm:^7.23.4" - "@babel/plugin-transform-property-literals": "npm:^7.23.3" - "@babel/plugin-transform-regenerator": "npm:^7.23.3" - "@babel/plugin-transform-reserved-words": "npm:^7.23.3" - "@babel/plugin-transform-shorthand-properties": "npm:^7.23.3" - "@babel/plugin-transform-spread": "npm:^7.23.3" - "@babel/plugin-transform-sticky-regex": "npm:^7.23.3" - "@babel/plugin-transform-template-literals": "npm:^7.23.3" - "@babel/plugin-transform-typeof-symbol": "npm:^7.23.3" - "@babel/plugin-transform-unicode-escapes": "npm:^7.23.3" - "@babel/plugin-transform-unicode-property-regex": "npm:^7.23.3" - "@babel/plugin-transform-unicode-regex": "npm:^7.23.3" - "@babel/plugin-transform-unicode-sets-regex": "npm:^7.23.3" + "@babel/plugin-transform-new-target": "npm:^7.24.1" + "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.1" + "@babel/plugin-transform-numeric-separator": "npm:^7.24.1" + "@babel/plugin-transform-object-rest-spread": "npm:^7.24.1" + "@babel/plugin-transform-object-super": "npm:^7.24.1" + "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.1" + "@babel/plugin-transform-optional-chaining": "npm:^7.24.1" + "@babel/plugin-transform-parameters": "npm:^7.24.1" + "@babel/plugin-transform-private-methods": "npm:^7.24.1" + "@babel/plugin-transform-private-property-in-object": "npm:^7.24.1" + "@babel/plugin-transform-property-literals": "npm:^7.24.1" + "@babel/plugin-transform-regenerator": "npm:^7.24.1" + "@babel/plugin-transform-reserved-words": "npm:^7.24.1" + "@babel/plugin-transform-shorthand-properties": "npm:^7.24.1" + "@babel/plugin-transform-spread": "npm:^7.24.1" + "@babel/plugin-transform-sticky-regex": "npm:^7.24.1" + "@babel/plugin-transform-template-literals": "npm:^7.24.1" + "@babel/plugin-transform-typeof-symbol": "npm:^7.24.1" + "@babel/plugin-transform-unicode-escapes": "npm:^7.24.1" + "@babel/plugin-transform-unicode-property-regex": "npm:^7.24.1" + "@babel/plugin-transform-unicode-regex": "npm:^7.24.1" + "@babel/plugin-transform-unicode-sets-regex": "npm:^7.24.1" "@babel/preset-modules": "npm:0.1.6-no-external-plugins" - babel-plugin-polyfill-corejs2: "npm:^0.4.8" - babel-plugin-polyfill-corejs3: "npm:^0.9.0" - babel-plugin-polyfill-regenerator: "npm:^0.5.5" + babel-plugin-polyfill-corejs2: "npm:^0.4.10" + babel-plugin-polyfill-corejs3: "npm:^0.10.4" + babel-plugin-polyfill-regenerator: "npm:^0.6.1" core-js-compat: "npm:^3.31.0" semver: "npm:^6.3.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/cb5098bb860aede8418f204d7a693108d7c318edbb227f9842ac6aa71f2154ea1737846994af9bcd0c0b716cd73904f69f09bef635a9679465ec3558144beb4f + checksum: 10c0/72a79d0cd38cb26f143509dd0c58db34b5b1ae90116863f55a404f0eb06a64a3cdcb1abd0b6435fafe463bbf55b82ffcf56aedee91e8d37797bf53e4ae74c413 languageName: node linkType: hard "@babel/preset-flow@npm:^7.22.15": - version: 7.24.0 - resolution: "@babel/preset-flow@npm:7.24.0" + version: 7.24.1 + resolution: "@babel/preset-flow@npm:7.24.1" dependencies: "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-validator-option": "npm:^7.23.5" - "@babel/plugin-transform-flow-strip-types": "npm:^7.23.3" + "@babel/plugin-transform-flow-strip-types": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/8103b8273734298c15d497dcd44a0c9d5e12b3acc301178c4ec9098ead40c586f2fe13acfd855e30dffa0da42f76ee7a01df752e170af76207c90b40b32784c3 + checksum: 10c0/e2209158d68a456b8f9d6cd6c810e692f3ab8ca28edba99afcecaacd657ace7cc905e566f84d6da06e537836a2f830bc6ddf4cb34006d57303ff9a40a94fa433 languageName: node linkType: hard @@ -1432,33 +1445,33 @@ __metadata: linkType: hard "@babel/preset-react@npm:^7.18.6, @babel/preset-react@npm:^7.22.15": - version: 7.23.3 - resolution: "@babel/preset-react@npm:7.23.3" + version: 7.24.1 + resolution: "@babel/preset-react@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/helper-validator-option": "npm:^7.22.15" - "@babel/plugin-transform-react-display-name": "npm:^7.23.3" - "@babel/plugin-transform-react-jsx": "npm:^7.22.15" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/helper-validator-option": "npm:^7.23.5" + "@babel/plugin-transform-react-display-name": "npm:^7.24.1" + "@babel/plugin-transform-react-jsx": "npm:^7.23.4" "@babel/plugin-transform-react-jsx-development": "npm:^7.22.5" - "@babel/plugin-transform-react-pure-annotations": "npm:^7.23.3" + "@babel/plugin-transform-react-pure-annotations": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/cecb2493e09fd4ffa5effcef1d06e968386b1bfe077a99834f7e8ef249208274fca62fe5a6b3986ef1c1c3900b2eb409adb528ae1b73dba31397b16f9262e83c + checksum: 10c0/a842abc5a024ed68a0ce4c1244607d40165cb6f8cf1817ebda282e470f20302d81c6a61cb41c1a31aa6c4e99ce93df4dd9e998a8ded1417c25d7480f0e14103a languageName: node linkType: hard "@babel/preset-typescript@npm:^7.21.0, @babel/preset-typescript@npm:^7.21.5, @babel/preset-typescript@npm:^7.23.0": - version: 7.23.3 - resolution: "@babel/preset-typescript@npm:7.23.3" + version: 7.24.1 + resolution: "@babel/preset-typescript@npm:7.24.1" dependencies: - "@babel/helper-plugin-utils": "npm:^7.22.5" - "@babel/helper-validator-option": "npm:^7.22.15" - "@babel/plugin-syntax-jsx": "npm:^7.23.3" - "@babel/plugin-transform-modules-commonjs": "npm:^7.23.3" - "@babel/plugin-transform-typescript": "npm:^7.23.3" + "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/helper-validator-option": "npm:^7.23.5" + "@babel/plugin-syntax-jsx": "npm:^7.24.1" + "@babel/plugin-transform-modules-commonjs": "npm:^7.24.1" + "@babel/plugin-transform-typescript": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/e72b654c7f0f08b35d7e1c0e3a59c0c13037f295c425760b8b148aa7dde01e6ddd982efc525710f997a1494fafdd55cb525738c016609e7e4d703d02014152b7 + checksum: 10c0/0033dc6fbc898ed0d8017c83a2dd5e095c82909e2f83e48cf9f305e3e9287148758c179ad90f27912cf98ca68bfec3643c57c70c0ca34d3a6c50dc8243aef406 languageName: node linkType: hard @@ -1485,11 +1498,11 @@ __metadata: linkType: hard "@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.8.4": - version: 7.24.0 - resolution: "@babel/runtime@npm:7.24.0" + version: 7.24.4 + resolution: "@babel/runtime@npm:7.24.4" dependencies: regenerator-runtime: "npm:^0.14.0" - checksum: 10c0/3495eed727bf4a4f84c35bb51ab53317ae38f4bbc3b1d0a8303751f9dfa0ce6f5fb2afced72b76c3dd0d8bb2ccb84787559a4dee9886291a36b26f02f0f759b4 + checksum: 10c0/785aff96a3aa8ff97f90958e1e8a7b1d47f793b204b47c6455eaadc3f694f48c97cd5c0a921fe3596d818e71f18106610a164fb0f1c71fd68c622a58269d537c languageName: node linkType: hard @@ -1504,25 +1517,25 @@ __metadata: languageName: node linkType: hard -"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.24.0, @babel/traverse@npm:^7.4.5": - version: 7.24.0 - resolution: "@babel/traverse@npm:7.24.0" +"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.24.1, @babel/traverse@npm:^7.4.5": + version: 7.24.1 + resolution: "@babel/traverse@npm:7.24.1" dependencies: - "@babel/code-frame": "npm:^7.23.5" - "@babel/generator": "npm:^7.23.6" + "@babel/code-frame": "npm:^7.24.1" + "@babel/generator": "npm:^7.24.1" "@babel/helper-environment-visitor": "npm:^7.22.20" "@babel/helper-function-name": "npm:^7.23.0" "@babel/helper-hoist-variables": "npm:^7.22.5" "@babel/helper-split-export-declaration": "npm:^7.22.6" - "@babel/parser": "npm:^7.24.0" + "@babel/parser": "npm:^7.24.1" "@babel/types": "npm:^7.24.0" debug: "npm:^4.3.1" globals: "npm:^11.1.0" - checksum: 10c0/55ffd2b0ce0fbd0a09051edc4def4fb1e96f35e0b100c0dc2a7429df569971ae312c290e980e423471f350961705698a257c7eea8c8304918024cc26f02468ba + checksum: 10c0/c087b918f6823776537ba246136c70e7ce0719fc05361ebcbfd16f4e6f2f6f1f8f4f9167f1d9b675f27d12074839605189cc9d689de20b89a85e7c140f23daab languageName: node linkType: hard -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.23.6, @babel/types@npm:^7.24.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": +"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.24.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": version: 7.24.0 resolution: "@babel/types@npm:7.24.0" dependencies: @@ -1554,38 +1567,38 @@ __metadata: languageName: node linkType: hard -"@csstools/css-parser-algorithms@npm:^2.5.0": - version: 2.6.0 - resolution: "@csstools/css-parser-algorithms@npm:2.6.0" +"@csstools/css-parser-algorithms@npm:^2.5.0, @csstools/css-parser-algorithms@npm:^2.6.1": + version: 2.6.1 + resolution: "@csstools/css-parser-algorithms@npm:2.6.1" peerDependencies: - "@csstools/css-tokenizer": ^2.2.3 - checksum: 10c0/3f614089a76e7613e50319aafab41a62b0eeaacedb10149e8b560489ac7aef7f8bf99d429837c0dc8eb0ee175d7a244d310dc2ffa9780d8f2bcf440249bc63d4 + "@csstools/css-tokenizer": ^2.2.4 + checksum: 10c0/2c60377c4ffc96bbeb962cab19c09fccbcc834785928747219ed3bd916a34e52977393935d1d36501403f3f95ff59d358dd741d1dddcdaf9564ab36d73926aa6 languageName: node linkType: hard -"@csstools/css-tokenizer@npm:^2.2.3": - version: 2.2.3 - resolution: "@csstools/css-tokenizer@npm:2.2.3" - checksum: 10c0/557266ec52e8b36c19008a5bbd7151effba085cdd6d68270c01afebf914981caac698eda754b2a530a8a9947a3dd70e3f3a39a5e037c4170bb2a055a92754acb +"@csstools/css-tokenizer@npm:^2.2.3, @csstools/css-tokenizer@npm:^2.2.4": + version: 2.2.4 + resolution: "@csstools/css-tokenizer@npm:2.2.4" + checksum: 10c0/23997db5874514f4b951ebd215e1e6cc8baf03adf9a35fc6fd028b84cb52aa2dc053860722108c09859a9b37b455f62b84181fe15539cd37797ea699b9ff85f0 languageName: node linkType: hard -"@csstools/media-query-list-parser@npm:^2.1.7": - version: 2.1.8 - resolution: "@csstools/media-query-list-parser@npm:2.1.8" +"@csstools/media-query-list-parser@npm:^2.1.7, @csstools/media-query-list-parser@npm:^2.1.9": + version: 2.1.9 + resolution: "@csstools/media-query-list-parser@npm:2.1.9" peerDependencies: - "@csstools/css-parser-algorithms": ^2.6.0 - "@csstools/css-tokenizer": ^2.2.3 - checksum: 10c0/4e12f2bf7d70eef41861769cef0e3258f57fb6351e42b479a2679a9f95db2c62107b88237fb7e2aa940ac4e2ddcb335ffe6aa197ee9805547486453a72cac315 + "@csstools/css-parser-algorithms": ^2.6.1 + "@csstools/css-tokenizer": ^2.2.4 + checksum: 10c0/602e9b5631928c078e670018df20b959bfb8e42ea11024d5218f1604e5ef94e070a74934a919ccbff3713e506d99096057947fa0c2e4768939f7b22479553534 languageName: node linkType: hard -"@csstools/selector-specificity@npm:^3.0.1": - version: 3.0.2 - resolution: "@csstools/selector-specificity@npm:3.0.2" +"@csstools/selector-specificity@npm:^3.0.2": + version: 3.0.3 + resolution: "@csstools/selector-specificity@npm:3.0.3" peerDependencies: postcss-selector-parser: ^6.0.13 - checksum: 10c0/d0c7dae2f1e9536e3e17f00467320a704f3208c76283c29c57fd69d4b83dcf6d062f492ed687c5ffd5f47fada9f0657c2efc89ea18fd4b038f757669553e0095 + checksum: 10c0/e4f0355165882ddde8bd4a2f0252868150e67b9fae927fd2d94a91cee31e438e7041059f20b9c755a93b0bd8e527a9f78b01168fe67b3539be32091240aa63bf languageName: node linkType: hard @@ -1596,6 +1609,13 @@ __metadata: languageName: node linkType: hard +"@dual-bundle/import-meta-resolve@npm:^4.0.0": + version: 4.0.0 + resolution: "@dual-bundle/import-meta-resolve@npm:4.0.0" + checksum: 10c0/868b8314fc753b7767887108535afe3288de941d92bc8453164dbcb1abe886b171e338f6f7d02ff556256dee69c90e4ac6360e0c6a856a5ad7190274ab52de2e + languageName: node + linkType: hard + "@emotion/is-prop-valid@npm:^1.1.0": version: 1.2.2 resolution: "@emotion/is-prop-valid@npm:1.2.2" @@ -1901,6 +1921,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/aix-ppc64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/aix-ppc64@npm:0.20.2" + conditions: os=aix & cpu=ppc64 + languageName: node + linkType: hard + "@esbuild/android-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/android-arm64@npm:0.18.20" @@ -1908,6 +1935,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/android-arm64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/android-arm64@npm:0.20.2" + conditions: os=android & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/android-arm@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/android-arm@npm:0.18.20" @@ -1915,6 +1949,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/android-arm@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/android-arm@npm:0.20.2" + conditions: os=android & cpu=arm + languageName: node + linkType: hard + "@esbuild/android-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/android-x64@npm:0.18.20" @@ -1922,6 +1963,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/android-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/android-x64@npm:0.20.2" + conditions: os=android & cpu=x64 + languageName: node + linkType: hard + "@esbuild/darwin-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/darwin-arm64@npm:0.18.20" @@ -1929,6 +1977,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/darwin-arm64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/darwin-arm64@npm:0.20.2" + conditions: os=darwin & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/darwin-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/darwin-x64@npm:0.18.20" @@ -1936,6 +1991,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/darwin-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/darwin-x64@npm:0.20.2" + conditions: os=darwin & cpu=x64 + languageName: node + linkType: hard + "@esbuild/freebsd-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/freebsd-arm64@npm:0.18.20" @@ -1943,6 +2005,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/freebsd-arm64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/freebsd-arm64@npm:0.20.2" + conditions: os=freebsd & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/freebsd-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/freebsd-x64@npm:0.18.20" @@ -1950,6 +2019,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/freebsd-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/freebsd-x64@npm:0.20.2" + conditions: os=freebsd & cpu=x64 + languageName: node + linkType: hard + "@esbuild/linux-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-arm64@npm:0.18.20" @@ -1957,6 +2033,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-arm64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-arm64@npm:0.20.2" + conditions: os=linux & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/linux-arm@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-arm@npm:0.18.20" @@ -1964,6 +2047,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-arm@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-arm@npm:0.20.2" + conditions: os=linux & cpu=arm + languageName: node + linkType: hard + "@esbuild/linux-ia32@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-ia32@npm:0.18.20" @@ -1971,6 +2061,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-ia32@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-ia32@npm:0.20.2" + conditions: os=linux & cpu=ia32 + languageName: node + linkType: hard + "@esbuild/linux-loong64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-loong64@npm:0.18.20" @@ -1978,6 +2075,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-loong64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-loong64@npm:0.20.2" + conditions: os=linux & cpu=loong64 + languageName: node + linkType: hard + "@esbuild/linux-mips64el@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-mips64el@npm:0.18.20" @@ -1985,6 +2089,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-mips64el@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-mips64el@npm:0.20.2" + conditions: os=linux & cpu=mips64el + languageName: node + linkType: hard + "@esbuild/linux-ppc64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-ppc64@npm:0.18.20" @@ -1992,6 +2103,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-ppc64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-ppc64@npm:0.20.2" + conditions: os=linux & cpu=ppc64 + languageName: node + linkType: hard + "@esbuild/linux-riscv64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-riscv64@npm:0.18.20" @@ -1999,6 +2117,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-riscv64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-riscv64@npm:0.20.2" + conditions: os=linux & cpu=riscv64 + languageName: node + linkType: hard + "@esbuild/linux-s390x@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-s390x@npm:0.18.20" @@ -2006,6 +2131,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-s390x@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-s390x@npm:0.20.2" + conditions: os=linux & cpu=s390x + languageName: node + linkType: hard + "@esbuild/linux-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-x64@npm:0.18.20" @@ -2013,6 +2145,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/linux-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/linux-x64@npm:0.20.2" + conditions: os=linux & cpu=x64 + languageName: node + linkType: hard + "@esbuild/netbsd-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/netbsd-x64@npm:0.18.20" @@ -2020,6 +2159,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/netbsd-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/netbsd-x64@npm:0.20.2" + conditions: os=netbsd & cpu=x64 + languageName: node + linkType: hard + "@esbuild/openbsd-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/openbsd-x64@npm:0.18.20" @@ -2027,6 +2173,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/openbsd-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/openbsd-x64@npm:0.20.2" + conditions: os=openbsd & cpu=x64 + languageName: node + linkType: hard + "@esbuild/sunos-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/sunos-x64@npm:0.18.20" @@ -2034,6 +2187,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/sunos-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/sunos-x64@npm:0.20.2" + conditions: os=sunos & cpu=x64 + languageName: node + linkType: hard + "@esbuild/win32-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/win32-arm64@npm:0.18.20" @@ -2041,6 +2201,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/win32-arm64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/win32-arm64@npm:0.20.2" + conditions: os=win32 & cpu=arm64 + languageName: node + linkType: hard + "@esbuild/win32-ia32@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/win32-ia32@npm:0.18.20" @@ -2048,6 +2215,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/win32-ia32@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/win32-ia32@npm:0.20.2" + conditions: os=win32 & cpu=ia32 + languageName: node + linkType: hard + "@esbuild/win32-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/win32-x64@npm:0.18.20" @@ -2055,6 +2229,13 @@ __metadata: languageName: node linkType: hard +"@esbuild/win32-x64@npm:0.20.2": + version: 0.20.2 + resolution: "@esbuild/win32-x64@npm:0.20.2" + conditions: os=win32 & cpu=x64 + languageName: node + linkType: hard + "@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0": version: 4.4.0 resolution: "@eslint-community/eslint-utils@npm:4.4.0" @@ -2066,7 +2247,7 @@ __metadata: languageName: node linkType: hard -"@eslint-community/regexpp@npm:^4.5.1, @eslint-community/regexpp@npm:^4.6.1": +"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.6.1": version: 4.10.0 resolution: "@eslint-community/regexpp@npm:4.10.0" checksum: 10c0/c5f60ef1f1ea7649fa7af0e80a5a79f64b55a8a8fa5086de4727eb4c86c652aedee407a9c143b8995d2c0b2d75c1222bec9ba5d73dbfc1f314550554f0979ef4 @@ -2123,7 +2304,7 @@ __metadata: languageName: node linkType: hard -"@floating-ui/react-dom@npm:^2.0.0, @floating-ui/react-dom@npm:^2.0.8": +"@floating-ui/react-dom@npm:^2.0.0": version: 2.0.8 resolution: "@floating-ui/react-dom@npm:2.0.8" dependencies: @@ -2136,16 +2317,16 @@ __metadata: linkType: hard "@floating-ui/react@npm:^0.26.2": - version: 0.26.9 - resolution: "@floating-ui/react@npm:0.26.9" + version: 0.26.12 + resolution: "@floating-ui/react@npm:0.26.12" dependencies: - "@floating-ui/react-dom": "npm:^2.0.8" - "@floating-ui/utils": "npm:^0.2.1" - tabbable: "npm:^6.0.1" + "@floating-ui/react-dom": "npm:^2.0.0" + "@floating-ui/utils": "npm:^0.2.0" + tabbable: "npm:^6.0.0" peerDependencies: react: ">=16.8.0" react-dom: ">=16.8.0" - checksum: 10c0/769a6bc33c4fa6c8c38b2e1c91622854e5e8fdf39cb92b0998a7ca099dc831a551a005cd0aec7e98edf9bfed4f697397335f03034b5f41a0f4fb17c97fce6d20 + checksum: 10c0/f47e133b9fe5dd404886c4e69e760dc0d6ab30774de82b5547cba83d0cd6e7a3bb4c221587e115a3c0c466ac344578c3db78b5808b5acd70ae5d43d587de9fd1 languageName: node linkType: hard @@ -2175,9 +2356,9 @@ __metadata: linkType: hard "@humanwhocodes/object-schema@npm:^2.0.2": - version: 2.0.2 - resolution: "@humanwhocodes/object-schema@npm:2.0.2" - checksum: 10c0/6fd83dc320231d71c4541d0244051df61f301817e9f9da9fd4cb7e44ec8aacbde5958c1665b0c419401ab935114fdf532a6ad5d4e7294b1af2f347dd91a6983f + version: 2.0.3 + resolution: "@humanwhocodes/object-schema@npm:2.0.3" + checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c languageName: node linkType: hard @@ -2452,7 +2633,7 @@ __metadata: languageName: node linkType: hard -"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2, @jridgewell/gen-mapping@npm:^0.3.5": +"@jridgewell/gen-mapping@npm:^0.3.5": version: 0.3.5 resolution: "@jridgewell/gen-mapping@npm:0.3.5" dependencies: @@ -2478,12 +2659,12 @@ __metadata: linkType: hard "@jridgewell/source-map@npm:^0.3.3": - version: 0.3.5 - resolution: "@jridgewell/source-map@npm:0.3.5" + version: 0.3.6 + resolution: "@jridgewell/source-map@npm:0.3.6" dependencies: - "@jridgewell/gen-mapping": "npm:^0.3.0" - "@jridgewell/trace-mapping": "npm:^0.3.9" - checksum: 10c0/b985d9ebd833a21a6e9ace820c8a76f60345a34d9e28d98497c16b6e93ce1f131bff0abd45f8585f14aa382cce678ed680d628c631b40a9616a19cfbc2049b68 + "@jridgewell/gen-mapping": "npm:^0.3.5" + "@jridgewell/trace-mapping": "npm:^0.3.25" + checksum: 10c0/6a4ecc713ed246ff8e5bdcc1ef7c49aaa93f7463d948ba5054dda18b02dcc6a055e2828c577bcceee058f302ce1fc95595713d44f5c45e43d459f88d267f2f04 languageName: node linkType: hard @@ -2494,7 +2675,7 @@ __metadata: languageName: node linkType: hard -"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.9": +"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25": version: 0.3.25 resolution: "@jridgewell/trace-mapping@npm:0.3.25" dependencies: @@ -2536,14 +2717,14 @@ __metadata: linkType: hard "@microsoft/eslint-formatter-sarif@npm:^3.0.0": - version: 3.0.0 - resolution: "@microsoft/eslint-formatter-sarif@npm:3.0.0" + version: 3.1.0 + resolution: "@microsoft/eslint-formatter-sarif@npm:3.1.0" dependencies: eslint: "npm:^8.9.0" jschardet: "npm:latest" lodash: "npm:^4.17.14" utf8: "npm:^3.0.0" - checksum: 10c0/e083246b50b02852806511a408c7b272f7f81b837b5625c5f1e42171e11b82fa6b03ede5dec5ba6a9b72081217ff3be1d608deec455ca65c4dc7b0724d4c52c2 + checksum: 10c0/c4052ea4f728fd01932406468fa688582f843059786bfce1ef1d0f6d957f43871a1e888095af6d958b90e4380f179049c77f2058fd5ead3354aa73147e60c5b7 languageName: node linkType: hard @@ -2586,15 +2767,15 @@ __metadata: linkType: hard "@npmcli/agent@npm:^2.0.0": - version: 2.2.1 - resolution: "@npmcli/agent@npm:2.2.1" + version: 2.2.2 + resolution: "@npmcli/agent@npm:2.2.2" dependencies: agent-base: "npm:^7.1.0" http-proxy-agent: "npm:^7.0.0" https-proxy-agent: "npm:^7.0.1" lru-cache: "npm:^10.0.1" - socks-proxy-agent: "npm:^8.0.1" - checksum: 10c0/38ee5cbe8f3cde13be916e717bfc54fd1a7605c07af056369ff894e244c221e0b56b08ca5213457477f9bc15bca9e729d51a4788829b5c3cf296b3c996147f76 + socks-proxy-agent: "npm:^8.0.3" + checksum: 10c0/325e0db7b287d4154ecd164c0815c08007abfb07653cc57bceded17bb7fd240998a3cbdbe87d700e30bef494885eccc725ab73b668020811d56623d145b524ae languageName: node linkType: hard @@ -3457,6 +3638,51 @@ __metadata: languageName: node linkType: hard +"@storybook/builder-webpack5@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/builder-webpack5@npm:8.0.8" + dependencies: + "@storybook/channels": "npm:8.0.8" + "@storybook/client-logger": "npm:8.0.8" + "@storybook/core-common": "npm:8.0.8" + "@storybook/core-events": "npm:8.0.8" + "@storybook/core-webpack": "npm:8.0.8" + "@storybook/node-logger": "npm:8.0.8" + "@storybook/preview": "npm:8.0.8" + "@storybook/preview-api": "npm:8.0.8" + "@types/node": "npm:^18.0.0" + "@types/semver": "npm:^7.3.4" + browser-assert: "npm:^1.2.1" + case-sensitive-paths-webpack-plugin: "npm:^2.4.0" + cjs-module-lexer: "npm:^1.2.3" + constants-browserify: "npm:^1.0.0" + css-loader: "npm:^6.7.1" + es-module-lexer: "npm:^1.4.1" + express: "npm:^4.17.3" + fork-ts-checker-webpack-plugin: "npm:^8.0.0" + fs-extra: "npm:^11.1.0" + html-webpack-plugin: "npm:^5.5.0" + magic-string: "npm:^0.30.5" + path-browserify: "npm:^1.0.1" + process: "npm:^0.11.10" + semver: "npm:^7.3.7" + style-loader: "npm:^3.3.1" + terser-webpack-plugin: "npm:^5.3.1" + ts-dedent: "npm:^2.0.0" + url: "npm:^0.11.0" + util: "npm:^0.12.4" + util-deprecate: "npm:^1.0.2" + webpack: "npm:5" + webpack-dev-middleware: "npm:^6.1.2" + webpack-hot-middleware: "npm:^2.25.1" + webpack-virtual-modules: "npm:^0.5.0" + peerDependenciesMeta: + typescript: + optional: true + checksum: 10c0/d12a9620012eade387ead0bc0342106c6726801c0c09d25f55e3f763d9df179e62e93afea312245c8133db55612dfa955e4698339ee41282e0bdae716aea0fba + languageName: node + linkType: hard + "@storybook/channels@npm:7.6.17": version: 7.6.17 resolution: "@storybook/channels@npm:7.6.17" @@ -3471,6 +3697,19 @@ __metadata: languageName: node linkType: hard +"@storybook/channels@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/channels@npm:8.0.8" + dependencies: + "@storybook/client-logger": "npm:8.0.8" + "@storybook/core-events": "npm:8.0.8" + "@storybook/global": "npm:^5.0.0" + telejson: "npm:^7.2.0" + tiny-invariant: "npm:^1.3.1" + checksum: 10c0/20660a30165b380fe29defea4f08082976ca928ebf006f02132ad47904142a4c0db1d1d036385c5d47db57fc125fc0d52eb719b9793f004992c2ebf5f1b0a4bd + languageName: node + linkType: hard + "@storybook/cli@npm:7.6.17": version: 7.6.17 resolution: "@storybook/cli@npm:7.6.17" @@ -3531,6 +3770,15 @@ __metadata: languageName: node linkType: hard +"@storybook/client-logger@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/client-logger@npm:8.0.8" + dependencies: + "@storybook/global": "npm:^5.0.0" + checksum: 10c0/96fdc256c1167b6fd800204406a33dcef730c3311d26a20945cd989d886617948caccfe432a358e5baca8400a5989e39ba977f707393e119af169e6f2efe4005 + languageName: node + linkType: hard + "@storybook/codemod@npm:7.6.17": version: 7.6.17 resolution: "@storybook/codemod@npm:7.6.17" @@ -3615,6 +3863,42 @@ __metadata: languageName: node linkType: hard +"@storybook/core-common@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/core-common@npm:8.0.8" + dependencies: + "@storybook/core-events": "npm:8.0.8" + "@storybook/csf-tools": "npm:8.0.8" + "@storybook/node-logger": "npm:8.0.8" + "@storybook/types": "npm:8.0.8" + "@yarnpkg/fslib": "npm:2.10.3" + "@yarnpkg/libzip": "npm:2.3.0" + chalk: "npm:^4.1.0" + cross-spawn: "npm:^7.0.3" + esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0" + esbuild-register: "npm:^3.5.0" + execa: "npm:^5.0.0" + file-system-cache: "npm:2.3.0" + find-cache-dir: "npm:^3.0.0" + find-up: "npm:^5.0.0" + fs-extra: "npm:^11.1.0" + glob: "npm:^10.0.0" + handlebars: "npm:^4.7.7" + lazy-universal-dotenv: "npm:^4.0.0" + node-fetch: "npm:^2.0.0" + picomatch: "npm:^2.3.0" + pkg-dir: "npm:^5.0.0" + pretty-hrtime: "npm:^1.0.3" + resolve-from: "npm:^5.0.0" + semver: "npm:^7.3.7" + tempy: "npm:^1.0.1" + tiny-invariant: "npm:^1.3.1" + ts-dedent: "npm:^2.0.0" + util: "npm:^0.12.4" + checksum: 10c0/872d7b682fb49c851e0716c6b815818510663a21bff683664aa51030104e2e90fd9b5c1caea4ee2dcd2d9803f2f7e1a5b6b56559ec5d65c4d866011de523ed0a + languageName: node + linkType: hard + "@storybook/core-events@npm:7.6.17": version: 7.6.17 resolution: "@storybook/core-events@npm:7.6.17" @@ -3624,6 +3908,15 @@ __metadata: languageName: node linkType: hard +"@storybook/core-events@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/core-events@npm:8.0.8" + dependencies: + ts-dedent: "npm:^2.0.0" + checksum: 10c0/9325985e9f3447103945d84259e2d1b44ac9e0ba1d45d63a47c251c579d2d07692631645f2db5636a80c691a613ff40168e588b8301bdb0c4ba5253ddbe9f9b8 + languageName: node + linkType: hard + "@storybook/core-server@npm:7.6.17": version: 7.6.17 resolution: "@storybook/core-server@npm:7.6.17" @@ -3686,6 +3979,19 @@ __metadata: languageName: node linkType: hard +"@storybook/core-webpack@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/core-webpack@npm:8.0.8" + dependencies: + "@storybook/core-common": "npm:8.0.8" + "@storybook/node-logger": "npm:8.0.8" + "@storybook/types": "npm:8.0.8" + "@types/node": "npm:^18.0.0" + ts-dedent: "npm:^2.0.0" + checksum: 10c0/d37815193babcedfeda064a18d00e93769de66bfdf312990021ac11bd2b2bcc32e5cdd06bce59902f036dd4da1900b6ef33cd2309e253d0080173701cf45bfcb + languageName: node + linkType: hard + "@storybook/csf-plugin@npm:7.6.17": version: 7.6.17 resolution: "@storybook/csf-plugin@npm:7.6.17" @@ -3709,7 +4015,24 @@ __metadata: fs-extra: "npm:^11.1.0" recast: "npm:^0.23.1" ts-dedent: "npm:^2.0.0" - checksum: 10c0/827458c97de27127a026d6f4592ad8760f27b69dc1082251710b8067b0616bf2c6b9c13b12cbf12a8162a6528d92ca81839cf78d0d10d09978d3ccdedaca7bce + checksum: 10c0/827458c97de27127a026d6f4592ad8760f27b69dc1082251710b8067b0616bf2c6b9c13b12cbf12a8162a6528d92ca81839cf78d0d10d09978d3ccdedaca7bce + languageName: node + linkType: hard + +"@storybook/csf-tools@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/csf-tools@npm:8.0.8" + dependencies: + "@babel/generator": "npm:^7.23.0" + "@babel/parser": "npm:^7.23.0" + "@babel/traverse": "npm:^7.23.2" + "@babel/types": "npm:^7.23.0" + "@storybook/csf": "npm:^0.1.2" + "@storybook/types": "npm:8.0.8" + fs-extra: "npm:^11.1.0" + recast: "npm:^0.23.5" + ts-dedent: "npm:^2.0.0" + checksum: 10c0/6e87bb25263daea33d3a9758f0b05380573ba4a6d43fc9a0361a2704a1fdb6bc7a88d6a795cab32a4496a960114f4218a40fb095b9fcbef93068ba6b60782e48 languageName: node linkType: hard @@ -3723,11 +4046,11 @@ __metadata: linkType: hard "@storybook/csf@npm:^0.1.2": - version: 0.1.2 - resolution: "@storybook/csf@npm:0.1.2" + version: 0.1.4 + resolution: "@storybook/csf@npm:0.1.4" dependencies: type-fest: "npm:^2.19.0" - checksum: 10c0/b51a55292e5d2af8b1d135a28ecaa94f8860ddfedcb393adfa2cca1ee23853156066f737d8be1cb5412f572781aa525dc0b2f6e4a6f6ce805489f0149efe837c + checksum: 10c0/a988e37d5dd3e6fcd44c16b08f4778b1bf1f4b46491d1331afac9366852208b64214425331f1496c3666fd284ad42c14ef8b5f678ade94fe82534d1e631c4ae8 languageName: node linkType: hard @@ -3753,6 +4076,21 @@ __metadata: languageName: node linkType: hard +"@storybook/docs-tools@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/docs-tools@npm:8.0.8" + dependencies: + "@storybook/core-common": "npm:8.0.8" + "@storybook/preview-api": "npm:8.0.8" + "@storybook/types": "npm:8.0.8" + "@types/doctrine": "npm:^0.0.3" + assert: "npm:^2.1.0" + doctrine: "npm:^3.0.0" + lodash: "npm:^4.17.21" + checksum: 10c0/b5c474e80b0b92c11bf3eee02beee0f0fce7e9f7c6049f83e7fa7bd908dffa3d3e0051f5aec2564b6cef4cb87b8fc02615c42293ec5f57843196f25ea4d67f17 + languageName: node + linkType: hard + "@storybook/global@npm:^5.0.0": version: 5.0.0 resolution: "@storybook/global@npm:5.0.0" @@ -3803,6 +4141,13 @@ __metadata: languageName: node linkType: hard +"@storybook/node-logger@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/node-logger@npm:8.0.8" + checksum: 10c0/60321cc066a13c65d2d5ec63544aadbe0480688fc76270e9bbad3c0f94687c3e72994602f8db42942469a461c01ba73fd9ecb83931b0f8b3b46892e863eca959 + languageName: node + linkType: hard + "@storybook/postinstall@npm:7.6.17": version: 7.6.17 resolution: "@storybook/postinstall@npm:7.6.17" @@ -3844,6 +4189,35 @@ __metadata: languageName: node linkType: hard +"@storybook/preset-react-webpack@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/preset-react-webpack@npm:8.0.8" + dependencies: + "@storybook/core-webpack": "npm:8.0.8" + "@storybook/docs-tools": "npm:8.0.8" + "@storybook/node-logger": "npm:8.0.8" + "@storybook/react": "npm:8.0.8" + "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0" + "@types/node": "npm:^18.0.0" + "@types/semver": "npm:^7.3.4" + find-up: "npm:^5.0.0" + fs-extra: "npm:^11.1.0" + magic-string: "npm:^0.30.5" + react-docgen: "npm:^7.0.0" + resolve: "npm:^1.22.8" + semver: "npm:^7.3.7" + tsconfig-paths: "npm:^4.2.0" + webpack: "npm:5" + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + typescript: + optional: true + checksum: 10c0/881d3c0cf586a54b857886ad9c7912bae1fa7590f974a900428b1b2ee94336e34c564efba7a7329d2ae517475bc420e641d5ac4aebc3340f33914e9eeb68aa94 + languageName: node + linkType: hard + "@storybook/preview-api@npm:7.6.17": version: 7.6.17 resolution: "@storybook/preview-api@npm:7.6.17" @@ -3866,6 +4240,28 @@ __metadata: languageName: node linkType: hard +"@storybook/preview-api@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/preview-api@npm:8.0.8" + dependencies: + "@storybook/channels": "npm:8.0.8" + "@storybook/client-logger": "npm:8.0.8" + "@storybook/core-events": "npm:8.0.8" + "@storybook/csf": "npm:^0.1.2" + "@storybook/global": "npm:^5.0.0" + "@storybook/types": "npm:8.0.8" + "@types/qs": "npm:^6.9.5" + dequal: "npm:^2.0.2" + lodash: "npm:^4.17.21" + memoizerific: "npm:^1.11.3" + qs: "npm:^6.10.0" + tiny-invariant: "npm:^1.3.1" + ts-dedent: "npm:^2.0.0" + util-deprecate: "npm:^1.0.2" + checksum: 10c0/188ea8a4ce02f2d11fc5daa17ca9ed563e558c76836c7690545d014a2a54fde9b0b4990554b1671f177e499efa126cc0481926bb7cfe7b66a4d73dba9c1132ee + languageName: node + linkType: hard + "@storybook/preview@npm:7.6.17, @storybook/preview@npm:^7.0.8": version: 7.6.17 resolution: "@storybook/preview@npm:7.6.17" @@ -3873,6 +4269,13 @@ __metadata: languageName: node linkType: hard +"@storybook/preview@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/preview@npm:8.0.8" + checksum: 10c0/cc7c30741d12f6918a1f43d207e407bfcf3e493e229c6c028e45604f80ff435729b8f2deb8788812f7edf9ff5d67530f31b5574c03e978a8ebc98d2c8f9ba2c9 + languageName: node + linkType: hard + "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0": version: 1.0.6--canary.9.0c3f3b7.0 resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0" @@ -3901,7 +4304,36 @@ __metadata: languageName: node linkType: hard -"@storybook/react-webpack5@npm:*, @storybook/react-webpack5@npm:^7.0.8": +"@storybook/react-dom-shim@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/react-dom-shim@npm:8.0.8" + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 10c0/688c24f4187e8e3da3b17508888b16934fabbbf470babffb7dd6e969e1fc7da5b91096923f98d194dce7b91e3435fcd6346d92b8b66e0f4fb16808d7116dc05f + languageName: node + linkType: hard + +"@storybook/react-webpack5@npm:*": + version: 8.0.8 + resolution: "@storybook/react-webpack5@npm:8.0.8" + dependencies: + "@storybook/builder-webpack5": "npm:8.0.8" + "@storybook/preset-react-webpack": "npm:8.0.8" + "@storybook/react": "npm:8.0.8" + "@types/node": "npm:^18.0.0" + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + typescript: ">= 4.2.x" + peerDependenciesMeta: + typescript: + optional: true + checksum: 10c0/382b1deffc9634666522f2009049fca1af7260f533f346a18ff493a013067e41b5b3938556ee4a06a44819daefbe962595c42bca50b9a7103bb260cef970a7fb + languageName: node + linkType: hard + +"@storybook/react-webpack5@npm:^7.0.8": version: 7.6.17 resolution: "@storybook/react-webpack5@npm:7.6.17" dependencies: @@ -3959,6 +4391,42 @@ __metadata: languageName: node linkType: hard +"@storybook/react@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/react@npm:8.0.8" + dependencies: + "@storybook/client-logger": "npm:8.0.8" + "@storybook/docs-tools": "npm:8.0.8" + "@storybook/global": "npm:^5.0.0" + "@storybook/preview-api": "npm:8.0.8" + "@storybook/react-dom-shim": "npm:8.0.8" + "@storybook/types": "npm:8.0.8" + "@types/escodegen": "npm:^0.0.6" + "@types/estree": "npm:^0.0.51" + "@types/node": "npm:^18.0.0" + acorn: "npm:^7.4.1" + acorn-jsx: "npm:^5.3.1" + acorn-walk: "npm:^7.2.0" + escodegen: "npm:^2.1.0" + html-tags: "npm:^3.1.0" + lodash: "npm:^4.17.21" + prop-types: "npm:^15.7.2" + react-element-to-jsx-string: "npm:^15.0.0" + semver: "npm:^7.3.7" + ts-dedent: "npm:^2.0.0" + type-fest: "npm:~2.19" + util-deprecate: "npm:^1.0.2" + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + typescript: ">= 4.2.x" + peerDependenciesMeta: + typescript: + optional: true + checksum: 10c0/9ce78345524de0c8ed276f8a20b69b5424e26f6f99c868ec84492975a42f47357495e380878ee773bc9c0f951b629c5b04d451a0642fc8bf0d4bf032b73179e7 + languageName: node + linkType: hard + "@storybook/router@npm:7.6.17": version: 7.6.17 resolution: "@storybook/router@npm:7.6.17" @@ -4013,6 +4481,17 @@ __metadata: languageName: node linkType: hard +"@storybook/types@npm:8.0.8": + version: 8.0.8 + resolution: "@storybook/types@npm:8.0.8" + dependencies: + "@storybook/channels": "npm:8.0.8" + "@types/express": "npm:^4.7.0" + file-system-cache: "npm:2.3.0" + checksum: 10c0/ec1c70d72473d1a8b11281d7ea0b55580b0810e0173ce77b71d838766b60a0e28427e964172d88e88bb7794a498afc65451bc7a16b3a908361c16169d8f67f8e + languageName: node + linkType: hard + "@stylistic/stylelint-config@npm:^1.0.1": version: 1.0.1 resolution: "@stylistic/stylelint-config@npm:1.0.1" @@ -4025,8 +4504,8 @@ __metadata: linkType: hard "@stylistic/stylelint-plugin@npm:^2.0.0": - version: 2.1.0 - resolution: "@stylistic/stylelint-plugin@npm:2.1.0" + version: 2.1.1 + resolution: "@stylistic/stylelint-plugin@npm:2.1.1" dependencies: "@csstools/css-parser-algorithms": "npm:^2.5.0" "@csstools/css-tokenizer": "npm:^2.2.3" @@ -4038,7 +4517,7 @@ __metadata: stylelint: "npm:^16.2.1" peerDependencies: stylelint: ^16.0.2 - checksum: 10c0/06cc520035d156fd448de4addd59609216c320f6f8605ea0e04f5ed4ba4e680446759b445b9a38b0bedc681181093c00a9df3000b48422215162a751cc52afd2 + checksum: 10c0/008efd4dc4703021eb2ca059b59a82514393e59f5cd0f7957c4dcf60d955be04764c571f727edbe43677f4022505d44abf7851d181beb21678a9936ad16c875b languageName: node linkType: hard @@ -4198,90 +4677,90 @@ __metadata: languageName: node linkType: hard -"@swc/core-darwin-arm64@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-darwin-arm64@npm:1.4.2" +"@swc/core-darwin-arm64@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-darwin-arm64@npm:1.4.14" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@swc/core-darwin-x64@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-darwin-x64@npm:1.4.2" +"@swc/core-darwin-x64@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-darwin-x64@npm:1.4.14" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@swc/core-linux-arm-gnueabihf@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-linux-arm-gnueabihf@npm:1.4.2" +"@swc/core-linux-arm-gnueabihf@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-linux-arm-gnueabihf@npm:1.4.14" conditions: os=linux & cpu=arm languageName: node linkType: hard -"@swc/core-linux-arm64-gnu@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-linux-arm64-gnu@npm:1.4.2" +"@swc/core-linux-arm64-gnu@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-linux-arm64-gnu@npm:1.4.14" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@swc/core-linux-arm64-musl@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-linux-arm64-musl@npm:1.4.2" +"@swc/core-linux-arm64-musl@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-linux-arm64-musl@npm:1.4.14" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@swc/core-linux-x64-gnu@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-linux-x64-gnu@npm:1.4.2" +"@swc/core-linux-x64-gnu@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-linux-x64-gnu@npm:1.4.14" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@swc/core-linux-x64-musl@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-linux-x64-musl@npm:1.4.2" +"@swc/core-linux-x64-musl@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-linux-x64-musl@npm:1.4.14" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@swc/core-win32-arm64-msvc@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-win32-arm64-msvc@npm:1.4.2" +"@swc/core-win32-arm64-msvc@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-win32-arm64-msvc@npm:1.4.14" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@swc/core-win32-ia32-msvc@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-win32-ia32-msvc@npm:1.4.2" +"@swc/core-win32-ia32-msvc@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-win32-ia32-msvc@npm:1.4.14" conditions: os=win32 & cpu=ia32 languageName: node linkType: hard -"@swc/core-win32-x64-msvc@npm:1.4.2": - version: 1.4.2 - resolution: "@swc/core-win32-x64-msvc@npm:1.4.2" +"@swc/core-win32-x64-msvc@npm:1.4.14": + version: 1.4.14 + resolution: "@swc/core-win32-x64-msvc@npm:1.4.14" conditions: os=win32 & cpu=x64 languageName: node linkType: hard "@swc/core@npm:^1.3.82": - version: 1.4.2 - resolution: "@swc/core@npm:1.4.2" - dependencies: - "@swc/core-darwin-arm64": "npm:1.4.2" - "@swc/core-darwin-x64": "npm:1.4.2" - "@swc/core-linux-arm-gnueabihf": "npm:1.4.2" - "@swc/core-linux-arm64-gnu": "npm:1.4.2" - "@swc/core-linux-arm64-musl": "npm:1.4.2" - "@swc/core-linux-x64-gnu": "npm:1.4.2" - "@swc/core-linux-x64-musl": "npm:1.4.2" - "@swc/core-win32-arm64-msvc": "npm:1.4.2" - "@swc/core-win32-ia32-msvc": "npm:1.4.2" - "@swc/core-win32-x64-msvc": "npm:1.4.2" + version: 1.4.14 + resolution: "@swc/core@npm:1.4.14" + dependencies: + "@swc/core-darwin-arm64": "npm:1.4.14" + "@swc/core-darwin-x64": "npm:1.4.14" + "@swc/core-linux-arm-gnueabihf": "npm:1.4.14" + "@swc/core-linux-arm64-gnu": "npm:1.4.14" + "@swc/core-linux-arm64-musl": "npm:1.4.14" + "@swc/core-linux-x64-gnu": "npm:1.4.14" + "@swc/core-linux-x64-musl": "npm:1.4.14" + "@swc/core-win32-arm64-msvc": "npm:1.4.14" + "@swc/core-win32-ia32-msvc": "npm:1.4.14" + "@swc/core-win32-x64-msvc": "npm:1.4.14" "@swc/counter": "npm:^0.1.2" "@swc/types": "npm:^0.1.5" peerDependencies: @@ -4310,7 +4789,7 @@ __metadata: peerDependenciesMeta: "@swc/helpers": optional: true - checksum: 10c0/6d8dfb2eece2668a43b10ddd38daada0bdbc38e14cbd750a005cca50233958b6f54517ad2c869c7cab08ff96cb3d52e30b5356db4be8a0f4a2e94db8e023220f + checksum: 10c0/936fe88f2492c1099e29109b5c2aeed305dc76aaf33de4ee74dc5e7e924df3b78bfded2297b0bdf68c71d6da99c166577f51bb8898417931dfd97bdb67c3e26c languageName: node linkType: hard @@ -4322,28 +4801,30 @@ __metadata: linkType: hard "@swc/types@npm:^0.1.5": - version: 0.1.5 - resolution: "@swc/types@npm:0.1.5" - checksum: 10c0/b35f93fe896a2240f6f10544e408f9648c2bd4bcff9bd8d022d9a6942d31cf859f86119fb0bbb04a12eefa1f6a6745ffc7d18f3a490d76d7b6a074a7c9608144 + version: 0.1.6 + resolution: "@swc/types@npm:0.1.6" + dependencies: + "@swc/counter": "npm:^0.1.3" + checksum: 10c0/043a0e56d69db8733827ad69db55d0ffbd6976fd24ef629a488e57040067ac84d057a57e08bc5a3db545d44b01d6aa43c22df1152c637af450d366e57cde6e22 languageName: node linkType: hard "@tanstack/react-table@npm:^8.10.7": - version: 8.13.2 - resolution: "@tanstack/react-table@npm:8.13.2" + version: 8.16.0 + resolution: "@tanstack/react-table@npm:8.16.0" dependencies: - "@tanstack/table-core": "npm:8.13.2" + "@tanstack/table-core": "npm:8.16.0" peerDependencies: - react: ">=16" - react-dom: ">=16" - checksum: 10c0/780f206c29bcd4386638cb935d27df2db002026c8a3c06eacbf4fcedaeefd20b212ccc4eea2f00feee66840c8d401b478b21d83ab69902341402cb2d3aa5cb60 + react: ">=16.8" + react-dom: ">=16.8" + checksum: 10c0/e6b05af777592fdd56055e753f4c626b14ed9ba4818c84411adc4e552d2b05474bfac4ca8f505ce9b2ffa36023a489b41297f25216124a4b6150852ac83708d8 languageName: node linkType: hard -"@tanstack/table-core@npm:8.13.2": - version: 8.13.2 - resolution: "@tanstack/table-core@npm:8.13.2" - checksum: 10c0/e81934be7792ee24d66e22471849659abfb926f0e9fda22eea3a94060f4c6d9197b1d5a901700adafe84263950acb97816b7b4736e14353ef58f49a10f8400aa +"@tanstack/table-core@npm:8.16.0": + version: 8.16.0 + resolution: "@tanstack/table-core@npm:8.16.0" + checksum: 10c0/fda4d47d40f61d1c226ecb47051afdcd49faa0b2c6ea2bd5ce138822794b8e0c4ca118aa03a15e1e2bc3882c57c901d5e90067a0c49e3e42a61267b004527434 languageName: node linkType: hard @@ -4561,12 +5042,12 @@ __metadata: linkType: hard "@types/eslint@npm:*, @types/eslint@npm:^8.37.0": - version: 8.56.5 - resolution: "@types/eslint@npm:8.56.5" + version: 8.56.9 + resolution: "@types/eslint@npm:8.56.9" dependencies: "@types/estree": "npm:*" "@types/json-schema": "npm:*" - checksum: 10c0/1d5d70ea107c63adfaf63020f85859c404f90c21ada2a655376b8e76109df354643797e30c7afc3b2de84797d9f5ce9f03f53a5d29a186706a44afd90f76597c + checksum: 10c0/a800e3d10bd12fc837773101c35a65c189528e306bc41eca9f30176f5ede4d35944a0c0e16b668971db3521df2f2bef62ab2471740eadc72aeb39dbaba6c9101 languageName: node linkType: hard @@ -4585,14 +5066,14 @@ __metadata: linkType: hard "@types/express-serve-static-core@npm:^4.17.33": - version: 4.17.43 - resolution: "@types/express-serve-static-core@npm:4.17.43" + version: 4.19.0 + resolution: "@types/express-serve-static-core@npm:4.19.0" dependencies: "@types/node": "npm:*" "@types/qs": "npm:*" "@types/range-parser": "npm:*" "@types/send": "npm:*" - checksum: 10c0/12480527eef86ad9f748d785811c88e6bb89f4a76e531cf2e18f1f4f0743e46783cf4d27a939dec96aec8770c54c060d9e697bb8544ecd202098140688c3b222 + checksum: 10c0/38a13dfbb38d18526276e68dae1097eb0ebef296e76bff2a9bf6831c052c2f87797e910c87bd3f0dd1a1b4136241c9d7c841779a00b22576d12aa9b483a63349 languageName: node linkType: hard @@ -4701,7 +5182,7 @@ __metadata: languageName: node linkType: hard -"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9": +"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.15, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9": version: 7.0.15 resolution: "@types/json-schema@npm:7.0.15" checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db @@ -4716,16 +5197,16 @@ __metadata: linkType: hard "@types/lodash@npm:^4.14.167, @types/lodash@npm:^4.14.186": - version: 4.14.202 - resolution: "@types/lodash@npm:4.14.202" - checksum: 10c0/6064d43c8f454170841bd67c8266cc9069d9e570a72ca63f06bceb484cb4a3ee60c9c1f305c1b9e3a87826049fd41124b8ef265c4dd08b00f6766609c7fe9973 + version: 4.17.0 + resolution: "@types/lodash@npm:4.17.0" + checksum: 10c0/4c5b41c9a6c41e2c05d08499e96f7940bcf194dcfa84356235b630da920c2a5e05f193618cea76006719bec61c76617dff02defa9d29934f9f6a76a49291bd8f languageName: node linkType: hard "@types/mdx@npm:^2.0.0": - version: 2.0.11 - resolution: "@types/mdx@npm:2.0.11" - checksum: 10c0/8e60d9e1adb06854f25ac327ec340763b5867ce65ba5635ae6b24db6bda36d64655c5ee8a2f06bbc246199bcfd41cc3c8a4a95786c97a7befb3c28c7f134ffe1 + version: 2.0.13 + resolution: "@types/mdx@npm:2.0.13" + checksum: 10c0/5edf1099505ac568da55f9ae8a93e7e314e8cbc13d3445d0be61b75941226b005e1390d9b95caecf5dcb00c9d1bab2f1f60f6ff9876dc091a48b547495007720 languageName: node linkType: hard @@ -4736,13 +5217,6 @@ __metadata: languageName: node linkType: hard -"@types/mime@npm:*": - version: 3.0.4 - resolution: "@types/mime@npm:3.0.4" - checksum: 10c0/db478bc0f99e40f7b3e01d356a9bdf7817060808a294978111340317bcd80ca35382855578c5b60fbc84ae449674bd9bb38427b18417e1f8f19e4f72f8b242cd - languageName: node - linkType: hard - "@types/mime@npm:^1": version: 1.3.5 resolution: "@types/mime@npm:1.3.5" @@ -4761,20 +5235,20 @@ __metadata: linkType: hard "@types/node@npm:*, @types/node@npm:^20.0.0": - version: 20.11.25 - resolution: "@types/node@npm:20.11.25" + version: 20.12.7 + resolution: "@types/node@npm:20.12.7" dependencies: undici-types: "npm:~5.26.4" - checksum: 10c0/3a65a0469309d503e572a3198d81c9248876236b1bcc0c9943e995cfa536df7ce9a9302638258984877420d1613167a8a82dbfb3a92197319fb79ebebf9abc83 + checksum: 10c0/dce80d63a3b91892b321af823d624995c61e39c6a223cc0ac481a44d337640cc46931d33efb3beeed75f5c85c3bda1d97cef4c5cd4ec333caf5dee59cff6eca0 languageName: node linkType: hard "@types/node@npm:^18.0.0": - version: 18.19.22 - resolution: "@types/node@npm:18.19.22" + version: 18.19.31 + resolution: "@types/node@npm:18.19.31" dependencies: undici-types: "npm:~5.26.4" - checksum: 10c0/1dd22450c0a508ce1c11b289032f8ac41dc188a9c2da948bb97696a1b2c7382f56587a7c9d14233e68a3b8c57627710223631cde8f36d030585ccf48a9128119 + checksum: 10c0/bfebae8389220c0188492c82eaf328f4ba15e6e9b4abee33d6bf36d3b13f188c2f53eb695d427feb882fff09834f467405e2ed9be6aeb6ad4705509822d2ea08 languageName: node linkType: hard @@ -4800,16 +5274,16 @@ __metadata: linkType: hard "@types/prop-types@npm:*": - version: 15.7.11 - resolution: "@types/prop-types@npm:15.7.11" - checksum: 10c0/e53423cf9d510515ef8b47ff42f4f1b65a7b7b37c8704e2dbfcb9a60defe0c0e1f3cb1acfdeb466bad44ca938d7c79bffdd51b48ffb659df2432169d0b27a132 + version: 15.7.12 + resolution: "@types/prop-types@npm:15.7.12" + checksum: 10c0/1babcc7db6a1177779f8fde0ccc78d64d459906e6ef69a4ed4dd6339c920c2e05b074ee5a92120fe4e9d9f1a01c952f843ebd550bee2332fc2ef81d1706878f8 languageName: node linkType: hard "@types/qs@npm:*, @types/qs@npm:^6.9.5": - version: 6.9.12 - resolution: "@types/qs@npm:6.9.12" - checksum: 10c0/21a74f2b78d0839cee37f1a632f3361352f7dceac9edffd117227a695a13e58e18c138aac1f29403f2408221e678f538ca0b37d55012f8bba96d55905edbfe82 + version: 6.9.15 + resolution: "@types/qs@npm:6.9.15" + checksum: 10c0/49c5ff75ca3adb18a1939310042d273c9fc55920861bd8e5100c8a923b3cda90d759e1a95e18334092da1c8f7b820084687770c83a1ccef04fb2c6908117c823 languageName: node linkType: hard @@ -4860,22 +5334,22 @@ __metadata: linkType: hard "@types/react-table@npm:^7.7.14": - version: 7.7.19 - resolution: "@types/react-table@npm:7.7.19" + version: 7.7.20 + resolution: "@types/react-table@npm:7.7.20" dependencies: "@types/react": "npm:*" - checksum: 10c0/bbbe6a82c330adad3d2fe26a7937f74718f9e2c56d495009f95e3ceb4340b47d41ec0c6d77b255fae6e19b9fdff7fc31735155739b25dd9e31da3761e3cd397e + checksum: 10c0/293cffe798bbb3c483af1f704e289681517da376edfa113a71f248cb626115999ce736972f38d85eb14dbc6e126cca89db678fb0cea9fb2acfb2f343130f02a0 languageName: node linkType: hard "@types/react@npm:^17": - version: 17.0.76 - resolution: "@types/react@npm:17.0.76" + version: 17.0.80 + resolution: "@types/react@npm:17.0.80" dependencies: "@types/prop-types": "npm:*" - "@types/scheduler": "npm:*" + "@types/scheduler": "npm:^0.16" csstype: "npm:^3.0.2" - checksum: 10c0/09e12fc4cffcf86826859965ea046a955877cc5befc2f419784843be120f2fa7aa78ef8734bb17db0af79ea9475b8004043e395713343e222cf223543a27cf60 + checksum: 10c0/c5d2862564212a41a327ea9c7e70b9d3996d9b0f67971d39519d42d1f3ae6ddf76b183457b7b0be9d7b5d6ff0aaeed5711448423406d20018f082077c984eec4 languageName: node linkType: hard @@ -4895,14 +5369,14 @@ __metadata: languageName: node linkType: hard -"@types/scheduler@npm:*": +"@types/scheduler@npm:^0.16": version: 0.16.8 resolution: "@types/scheduler@npm:0.16.8" checksum: 10c0/f86de504945b8fc41b1f391f847444d542e2e4067cf7e5d9bfeb5d2d2393d3203b1161bc0ef3b1e104d828dabfb60baf06e8d2c27e27ff7e8258e6e618d8c4ec languageName: node linkType: hard -"@types/semver@npm:^7.3.12, @types/semver@npm:^7.3.4, @types/semver@npm:^7.5.0": +"@types/semver@npm:^7.3.12, @types/semver@npm:^7.3.4, @types/semver@npm:^7.5.8": version: 7.5.8 resolution: "@types/semver@npm:7.5.8" checksum: 10c0/8663ff927234d1c5fcc04b33062cb2b9fcfbe0f5f351ed26c4d1e1581657deebd506b41ff7fdf89e787e3d33ce05854bc01686379b89e9c49b564c4cfa988efa @@ -4920,13 +5394,13 @@ __metadata: linkType: hard "@types/serve-static@npm:*": - version: 1.15.5 - resolution: "@types/serve-static@npm:1.15.5" + version: 1.15.7 + resolution: "@types/serve-static@npm:1.15.7" dependencies: "@types/http-errors": "npm:*" - "@types/mime": "npm:*" "@types/node": "npm:*" - checksum: 10c0/811d1a2f7e74a872195e7a013bcd87a2fb1edf07eaedcb9dcfd20c1eb4bc56ad4ea0d52141c13192c91ccda7c8aeb8a530d8a7e60b9c27f5990d7e62e0fecb03 + "@types/send": "npm:*" + checksum: 10c0/26ec864d3a626ea627f8b09c122b623499d2221bbf2f470127f4c9ebfe92bd8a6bb5157001372d4c4bd0dd37a1691620217d9dc4df5aa8f779f3fd996b1c60ae languageName: node linkType: hard @@ -4993,45 +5467,45 @@ __metadata: linkType: hard "@typescript-eslint/eslint-plugin@npm:^7.0.0": - version: 7.1.1 - resolution: "@typescript-eslint/eslint-plugin@npm:7.1.1" - dependencies: - "@eslint-community/regexpp": "npm:^4.5.1" - "@typescript-eslint/scope-manager": "npm:7.1.1" - "@typescript-eslint/type-utils": "npm:7.1.1" - "@typescript-eslint/utils": "npm:7.1.1" - "@typescript-eslint/visitor-keys": "npm:7.1.1" + version: 7.7.0 + resolution: "@typescript-eslint/eslint-plugin@npm:7.7.0" + dependencies: + "@eslint-community/regexpp": "npm:^4.10.0" + "@typescript-eslint/scope-manager": "npm:7.7.0" + "@typescript-eslint/type-utils": "npm:7.7.0" + "@typescript-eslint/utils": "npm:7.7.0" + "@typescript-eslint/visitor-keys": "npm:7.7.0" debug: "npm:^4.3.4" graphemer: "npm:^1.4.0" - ignore: "npm:^5.2.4" + ignore: "npm:^5.3.1" natural-compare: "npm:^1.4.0" - semver: "npm:^7.5.4" - ts-api-utils: "npm:^1.0.1" + semver: "npm:^7.6.0" + ts-api-utils: "npm:^1.3.0" peerDependencies: "@typescript-eslint/parser": ^7.0.0 eslint: ^8.56.0 peerDependenciesMeta: typescript: optional: true - checksum: 10c0/041799604176bbee01f6ff029c5e2fcf1196db2737ba219a20b095f095dc0064ea425d15dd6dc22eaef294daa838209601ec7bc19317258dfa89a13afb8126ba + checksum: 10c0/d1f4c40523d284bce4b8272750c68aae5c0289ddb1c9267dd3477e0bfb8c8855bfb0c6e86dfec9911ca8302ef729d5f4e47d686a566f363b0f89bf7dc7670b5c languageName: node linkType: hard "@typescript-eslint/parser@npm:^7.0.0": - version: 7.1.1 - resolution: "@typescript-eslint/parser@npm:7.1.1" + version: 7.7.0 + resolution: "@typescript-eslint/parser@npm:7.7.0" dependencies: - "@typescript-eslint/scope-manager": "npm:7.1.1" - "@typescript-eslint/types": "npm:7.1.1" - "@typescript-eslint/typescript-estree": "npm:7.1.1" - "@typescript-eslint/visitor-keys": "npm:7.1.1" + "@typescript-eslint/scope-manager": "npm:7.7.0" + "@typescript-eslint/types": "npm:7.7.0" + "@typescript-eslint/typescript-estree": "npm:7.7.0" + "@typescript-eslint/visitor-keys": "npm:7.7.0" debug: "npm:^4.3.4" peerDependencies: eslint: ^8.56.0 peerDependenciesMeta: typescript: optional: true - checksum: 10c0/84eb44f3767aaa1d7b26176348c89bd6732bc711f7f24186b1354eba95bf9e9c65b5675838772b831391210e525ff1f3bd4b51a3130ec35413aa362920effc57 + checksum: 10c0/d756c2292737499a93913647af7493aded5dc720a5f4ab6f8e96d6cc81f19cf6a1769a1df0f516f8facd276d34f8464f1711e57b0216082e32eb6b75da81b12e languageName: node linkType: hard @@ -5045,30 +5519,30 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/scope-manager@npm:7.1.1": - version: 7.1.1 - resolution: "@typescript-eslint/scope-manager@npm:7.1.1" +"@typescript-eslint/scope-manager@npm:7.7.0": + version: 7.7.0 + resolution: "@typescript-eslint/scope-manager@npm:7.7.0" dependencies: - "@typescript-eslint/types": "npm:7.1.1" - "@typescript-eslint/visitor-keys": "npm:7.1.1" - checksum: 10c0/a955c8529f24945d448b95982d06b5f15a74fc5df97307f5821d55e9861d6c26d61cbd118c1ca41634164ed1d4f6c74fcb8388761341c49e6902a6fb72036afc + "@typescript-eslint/types": "npm:7.7.0" + "@typescript-eslint/visitor-keys": "npm:7.7.0" + checksum: 10c0/014a3631c12bfbd5e33146a48e4b9eb5cc1c5c95bb458de33f8847eed33c04d7b9e66283971e48297673c4b92c3239d67e6dc3717efbe5836e0269a538c13d2e languageName: node linkType: hard -"@typescript-eslint/type-utils@npm:7.1.1": - version: 7.1.1 - resolution: "@typescript-eslint/type-utils@npm:7.1.1" +"@typescript-eslint/type-utils@npm:7.7.0": + version: 7.7.0 + resolution: "@typescript-eslint/type-utils@npm:7.7.0" dependencies: - "@typescript-eslint/typescript-estree": "npm:7.1.1" - "@typescript-eslint/utils": "npm:7.1.1" + "@typescript-eslint/typescript-estree": "npm:7.7.0" + "@typescript-eslint/utils": "npm:7.7.0" debug: "npm:^4.3.4" - ts-api-utils: "npm:^1.0.1" + ts-api-utils: "npm:^1.3.0" peerDependencies: eslint: ^8.56.0 peerDependenciesMeta: typescript: optional: true - checksum: 10c0/6f19dc383718cce42ed7262d134f5f0221bcbf225fea28975cd714c90e57d861608d5187c7ad731f6281813f94b00f22282a99a8a852167366064abc6e256341 + checksum: 10c0/064c28d4087a97fd175e07e02c0a9cf4526f61cc6a17b4199fba626932979210037643a30f868bda8174fad567a8ac6aed34120631d1ecfd502e0ea1e830f9e9 languageName: node linkType: hard @@ -5079,10 +5553,10 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/types@npm:7.1.1": - version: 7.1.1 - resolution: "@typescript-eslint/types@npm:7.1.1" - checksum: 10c0/2bef95ec0c60e67fada336db3e82fac2be16c21a9e54fc45c7aeda3291abcceefa12aa970025db88bc2b3e113b1e70abd7f89c2a651c16b816dff1a0c46e7907 +"@typescript-eslint/types@npm:7.7.0": + version: 7.7.0 + resolution: "@typescript-eslint/types@npm:7.7.0" + checksum: 10c0/eb50793650c9a911c73586150807912e7b7a0ae12eeb26c7a322ac8ebb8edef15960cc9a4b7049dbb89b82500079963145f67d15583f5de270fe8290974db533 languageName: node linkType: hard @@ -5104,39 +5578,39 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/typescript-estree@npm:7.1.1": - version: 7.1.1 - resolution: "@typescript-eslint/typescript-estree@npm:7.1.1" +"@typescript-eslint/typescript-estree@npm:7.7.0": + version: 7.7.0 + resolution: "@typescript-eslint/typescript-estree@npm:7.7.0" dependencies: - "@typescript-eslint/types": "npm:7.1.1" - "@typescript-eslint/visitor-keys": "npm:7.1.1" + "@typescript-eslint/types": "npm:7.7.0" + "@typescript-eslint/visitor-keys": "npm:7.7.0" debug: "npm:^4.3.4" globby: "npm:^11.1.0" is-glob: "npm:^4.0.3" - minimatch: "npm:9.0.3" - semver: "npm:^7.5.4" - ts-api-utils: "npm:^1.0.1" + minimatch: "npm:^9.0.4" + semver: "npm:^7.6.0" + ts-api-utils: "npm:^1.3.0" peerDependenciesMeta: typescript: optional: true - checksum: 10c0/2cec9d21cfe46e523a6d29aff554e5450edf1ee30ce9cf644ee8f1f5e1cfd44b94afb3632db97a949c86c4a392ae80f264d56d8747b2b0fdbe5c54139433366a + checksum: 10c0/19da9bf0948c9800fde19c5a408a80a3a4cf357ff67d47b516df5d2a05701a4fdd2b9ab5b692866bd84bfc17cea9132d1575a1423e01763a4c2918b5d77d0b34 languageName: node linkType: hard -"@typescript-eslint/utils@npm:7.1.1": - version: 7.1.1 - resolution: "@typescript-eslint/utils@npm:7.1.1" +"@typescript-eslint/utils@npm:7.7.0": + version: 7.7.0 + resolution: "@typescript-eslint/utils@npm:7.7.0" dependencies: "@eslint-community/eslint-utils": "npm:^4.4.0" - "@types/json-schema": "npm:^7.0.12" - "@types/semver": "npm:^7.5.0" - "@typescript-eslint/scope-manager": "npm:7.1.1" - "@typescript-eslint/types": "npm:7.1.1" - "@typescript-eslint/typescript-estree": "npm:7.1.1" - semver: "npm:^7.5.4" + "@types/json-schema": "npm:^7.0.15" + "@types/semver": "npm:^7.5.8" + "@typescript-eslint/scope-manager": "npm:7.7.0" + "@typescript-eslint/types": "npm:7.7.0" + "@typescript-eslint/typescript-estree": "npm:7.7.0" + semver: "npm:^7.6.0" peerDependencies: eslint: ^8.56.0 - checksum: 10c0/3e70834c5b49e4643ec8da63fa2acaab54283a566af2cedcd4c2f4210833a59bf71c459dde69e738115633c7de9f1339130552ff246e8e1bb4db26910685408b + checksum: 10c0/c5f18ce198b420bdc201fd4278b4fa97bfe86178db565f3c4e1991bb452c9ea0b657e7980572555e2ec2fe218d07c42c794d217b9369903019cf784eea7e2164 languageName: node linkType: hard @@ -5168,13 +5642,13 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/visitor-keys@npm:7.1.1": - version: 7.1.1 - resolution: "@typescript-eslint/visitor-keys@npm:7.1.1" +"@typescript-eslint/visitor-keys@npm:7.7.0": + version: 7.7.0 + resolution: "@typescript-eslint/visitor-keys@npm:7.7.0" dependencies: - "@typescript-eslint/types": "npm:7.1.1" - eslint-visitor-keys: "npm:^3.4.1" - checksum: 10c0/1ab19ec966ff0b86317eddcbfcda645856ec01c3b76a451298031f35e4da0a363e4888ce5ae9e2526e874799a502c49922d83d57d21cb6fef7f3912f51e4a271 + "@typescript-eslint/types": "npm:7.7.0" + eslint-visitor-keys: "npm:^3.4.3" + checksum: 10c0/0f3b9720a962c04462a75d4872714c07320c8f672841881ada797ae960f9f6bd0e5f7494178917034f42635ef76f0f09fa3c8d4bd84f31ec58ee968fe75bada7 languageName: node linkType: hard @@ -5185,13 +5659,13 @@ __metadata: languageName: node linkType: hard -"@webassemblyjs/ast@npm:1.11.6, @webassemblyjs/ast@npm:^1.11.5": - version: 1.11.6 - resolution: "@webassemblyjs/ast@npm:1.11.6" +"@webassemblyjs/ast@npm:1.12.1, @webassemblyjs/ast@npm:^1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/ast@npm:1.12.1" dependencies: "@webassemblyjs/helper-numbers": "npm:1.11.6" "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6" - checksum: 10c0/e28476a183c8a1787adcf0e5df1d36ec4589467ab712c674fe4f6769c7fb19d1217bfb5856b3edd0f3e0a148ebae9e4bbb84110cee96664966dfef204d9c31fb + checksum: 10c0/ba7f2b96c6e67e249df6156d02c69eb5f1bd18d5005303cdc42accb053bebbbde673826e54db0437c9748e97abd218366a1d13fa46859b23cde611b6b409998c languageName: node linkType: hard @@ -5209,10 +5683,10 @@ __metadata: languageName: node linkType: hard -"@webassemblyjs/helper-buffer@npm:1.11.6": - version: 1.11.6 - resolution: "@webassemblyjs/helper-buffer@npm:1.11.6" - checksum: 10c0/55b5d67db95369cdb2a505ae7ebdf47194d49dfc1aecb0f5403277dcc899c7d3e1f07e8d279646adf8eafd89959272db62ca66fbe803321661ab184176ddfd3a +"@webassemblyjs/helper-buffer@npm:1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/helper-buffer@npm:1.12.1" + checksum: 10c0/0270724afb4601237410f7fd845ab58ccda1d5456a8783aadfb16eaaf3f2c9610c28e4a5bcb6ad880cde5183c82f7f116d5ccfc2310502439d33f14b6888b48a languageName: node linkType: hard @@ -5234,15 +5708,15 @@ __metadata: languageName: node linkType: hard -"@webassemblyjs/helper-wasm-section@npm:1.11.6": - version: 1.11.6 - resolution: "@webassemblyjs/helper-wasm-section@npm:1.11.6" +"@webassemblyjs/helper-wasm-section@npm:1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/helper-wasm-section@npm:1.12.1" dependencies: - "@webassemblyjs/ast": "npm:1.11.6" - "@webassemblyjs/helper-buffer": "npm:1.11.6" + "@webassemblyjs/ast": "npm:1.12.1" + "@webassemblyjs/helper-buffer": "npm:1.12.1" "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6" - "@webassemblyjs/wasm-gen": "npm:1.11.6" - checksum: 10c0/b79b19a63181f32e5ee0e786fa8264535ea5360276033911fae597d2de15e1776f028091d08c5a813a3901fd2228e74cd8c7e958fded064df734f00546bef8ce + "@webassemblyjs/wasm-gen": "npm:1.12.1" + checksum: 10c0/0546350724d285ae3c26e6fc444be4c3b5fb824f3be0ec8ceb474179dc3f4430336dd2e36a44b3e3a1a6815960e5eec98cd9b3a8ec66dc53d86daedd3296a6a2 languageName: node linkType: hard @@ -5271,68 +5745,68 @@ __metadata: languageName: node linkType: hard -"@webassemblyjs/wasm-edit@npm:^1.11.5": - version: 1.11.6 - resolution: "@webassemblyjs/wasm-edit@npm:1.11.6" +"@webassemblyjs/wasm-edit@npm:^1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/wasm-edit@npm:1.12.1" dependencies: - "@webassemblyjs/ast": "npm:1.11.6" - "@webassemblyjs/helper-buffer": "npm:1.11.6" + "@webassemblyjs/ast": "npm:1.12.1" + "@webassemblyjs/helper-buffer": "npm:1.12.1" "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6" - "@webassemblyjs/helper-wasm-section": "npm:1.11.6" - "@webassemblyjs/wasm-gen": "npm:1.11.6" - "@webassemblyjs/wasm-opt": "npm:1.11.6" - "@webassemblyjs/wasm-parser": "npm:1.11.6" - "@webassemblyjs/wast-printer": "npm:1.11.6" - checksum: 10c0/9a56b6bf635cf7aa5d6e926eaddf44c12fba050170e452a8e17ab4e1b937708678c03f5817120fb9de1e27167667ce693d16ce718d41e5a16393996a6017ab73 + "@webassemblyjs/helper-wasm-section": "npm:1.12.1" + "@webassemblyjs/wasm-gen": "npm:1.12.1" + "@webassemblyjs/wasm-opt": "npm:1.12.1" + "@webassemblyjs/wasm-parser": "npm:1.12.1" + "@webassemblyjs/wast-printer": "npm:1.12.1" + checksum: 10c0/972f5e6c522890743999e0ed45260aae728098801c6128856b310dd21f1ee63435fc7b518e30e0ba1cdafd0d1e38275829c1e4451c3536a1d9e726e07a5bba0b languageName: node linkType: hard -"@webassemblyjs/wasm-gen@npm:1.11.6": - version: 1.11.6 - resolution: "@webassemblyjs/wasm-gen@npm:1.11.6" +"@webassemblyjs/wasm-gen@npm:1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/wasm-gen@npm:1.12.1" dependencies: - "@webassemblyjs/ast": "npm:1.11.6" + "@webassemblyjs/ast": "npm:1.12.1" "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6" "@webassemblyjs/ieee754": "npm:1.11.6" "@webassemblyjs/leb128": "npm:1.11.6" "@webassemblyjs/utf8": "npm:1.11.6" - checksum: 10c0/ce9a39d3dab2eb4a5df991bc9f3609960daa4671d25d700f4617152f9f79da768547359f817bee10cd88532c3e0a8a1714d383438e0a54217eba53cb822bd5ad + checksum: 10c0/1e257288177af9fa34c69cab94f4d9036ebed611f77f3897c988874e75182eeeec759c79b89a7a49dd24624fc2d3d48d5580b62b67c4a1c9bfbdcd266b281c16 languageName: node linkType: hard -"@webassemblyjs/wasm-opt@npm:1.11.6": - version: 1.11.6 - resolution: "@webassemblyjs/wasm-opt@npm:1.11.6" +"@webassemblyjs/wasm-opt@npm:1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/wasm-opt@npm:1.12.1" dependencies: - "@webassemblyjs/ast": "npm:1.11.6" - "@webassemblyjs/helper-buffer": "npm:1.11.6" - "@webassemblyjs/wasm-gen": "npm:1.11.6" - "@webassemblyjs/wasm-parser": "npm:1.11.6" - checksum: 10c0/82788408054171688e9f12883b693777219366d6867003e34dccc21b4a0950ef53edc9d2b4d54cabdb6ee869cf37c8718401b4baa4f70a7f7dd3867c75637298 + "@webassemblyjs/ast": "npm:1.12.1" + "@webassemblyjs/helper-buffer": "npm:1.12.1" + "@webassemblyjs/wasm-gen": "npm:1.12.1" + "@webassemblyjs/wasm-parser": "npm:1.12.1" + checksum: 10c0/992a45e1f1871033c36987459436ab4e6430642ca49328e6e32a13de9106fe69ae6c0ac27d7050efd76851e502d11cd1ac0e06b55655dfa889ad82f11a2712fb languageName: node linkType: hard -"@webassemblyjs/wasm-parser@npm:1.11.6, @webassemblyjs/wasm-parser@npm:^1.11.5": - version: 1.11.6 - resolution: "@webassemblyjs/wasm-parser@npm:1.11.6" +"@webassemblyjs/wasm-parser@npm:1.12.1, @webassemblyjs/wasm-parser@npm:^1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/wasm-parser@npm:1.12.1" dependencies: - "@webassemblyjs/ast": "npm:1.11.6" + "@webassemblyjs/ast": "npm:1.12.1" "@webassemblyjs/helper-api-error": "npm:1.11.6" "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6" "@webassemblyjs/ieee754": "npm:1.11.6" "@webassemblyjs/leb128": "npm:1.11.6" "@webassemblyjs/utf8": "npm:1.11.6" - checksum: 10c0/7a97a5f34f98bdcfd812157845a06d53f3d3f67dbd4ae5d6bf66e234e17dc4a76b2b5e74e5dd70b4cab9778fc130194d50bbd6f9a1d23e15ed1ed666233d6f5f + checksum: 10c0/e85cec1acad07e5eb65b92d37c8e6ca09c6ca50d7ca58803a1532b452c7321050a0328c49810c337cc2dfd100c5326a54d5ebd1aa5c339ebe6ef10c250323a0e languageName: node linkType: hard -"@webassemblyjs/wast-printer@npm:1.11.6": - version: 1.11.6 - resolution: "@webassemblyjs/wast-printer@npm:1.11.6" +"@webassemblyjs/wast-printer@npm:1.12.1": + version: 1.12.1 + resolution: "@webassemblyjs/wast-printer@npm:1.12.1" dependencies: - "@webassemblyjs/ast": "npm:1.11.6" + "@webassemblyjs/ast": "npm:1.12.1" "@xtuc/long": "npm:4.2.2" - checksum: 10c0/916b90fa3a8aadd95ca41c21d4316d0a7582cf6d0dcf6d9db86ab0de823914df513919fba60ac1edd227ff00e93a66b927b15cbddd36b69d8a34c8815752633c + checksum: 10c0/39bf746eb7a79aa69953f194943bbc43bebae98bd7cadd4d8bc8c0df470ca6bf9d2b789effaa180e900fab4e2691983c1f7d41571458bd2a26267f2f0c73705a languageName: node linkType: hard @@ -5572,12 +6046,12 @@ __metadata: languageName: node linkType: hard -"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0": - version: 7.1.0 - resolution: "agent-base@npm:7.1.0" +"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0, agent-base@npm:^7.1.1": + version: 7.1.1 + resolution: "agent-base@npm:7.1.1" dependencies: debug: "npm:^4.3.4" - checksum: 10c0/fc974ab57ffdd8421a2bc339644d312a9cca320c20c3393c9d8b1fd91731b9bbabdb985df5fc860f5b79d81c3e350daa3fcb31c5c07c0bb385aafc817df004ce + checksum: 10c0/e59ce7bed9c63bf071a30cc471f2933862044c97fd9958967bfe22521d7a0f601ce4ed5a8c011799d0c726ca70312142ae193bbebb60f576b52be19d4a363b50 languageName: node linkType: hard @@ -5747,11 +6221,11 @@ __metadata: linkType: hard "aria-hidden@npm:^1.1.1": - version: 1.2.3 - resolution: "aria-hidden@npm:1.2.3" + version: 1.2.4 + resolution: "aria-hidden@npm:1.2.4" dependencies: tslib: "npm:^2.0.0" - checksum: 10c0/46b07b7273167ad3fc2625f1ecbb43f8e6f73115c66785cbb5dcf1e2508133a43b6419d610c39676ceaeb563239efbd8974d5c0187695db8b3e8c3e11f549c2d + checksum: 10c0/8abcab2e1432efc4db415e97cb3959649ddf52c8fc815d7384f43f3d3abf56f1c12852575d00df9a8927f421d7e0712652dd5f8db244ea57634344e29ecfc74a languageName: node linkType: hard @@ -5798,15 +6272,16 @@ __metadata: linkType: hard "array-includes@npm:^3.1.6, array-includes@npm:^3.1.7": - version: 3.1.7 - resolution: "array-includes@npm:3.1.7" + version: 3.1.8 + resolution: "array-includes@npm:3.1.8" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - get-intrinsic: "npm:^1.2.1" + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.2" + es-object-atoms: "npm:^1.0.0" + get-intrinsic: "npm:^1.2.4" is-string: "npm:^1.0.7" - checksum: 10c0/692907bd7f19d06dc58ccb761f34b58f5dc0b437d2b47a8fe42a1501849a5cf5c27aed3d521a9702667827c2c85a7e75df00a402c438094d87fc43f39ebf9b2b + checksum: 10c0/5b1004d203e85873b96ddc493f090c9672fd6c80d7a60b798da8a14bff8a670ff95db5aafc9abc14a211943f05220dacf8ea17638ae0af1a6a47b8c0b48ce370 languageName: node linkType: hard @@ -5817,42 +6292,45 @@ __metadata: languageName: node linkType: hard -"array.prototype.filter@npm:^1.0.0, array.prototype.filter@npm:^1.0.3": - version: 1.0.3 - resolution: "array.prototype.filter@npm:1.0.3" +"array.prototype.filter@npm:^1.0.0": + version: 1.0.4 + resolution: "array.prototype.filter@npm:1.0.4" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.2" es-array-method-boxes-properly: "npm:^1.0.0" + es-object-atoms: "npm:^1.0.0" is-string: "npm:^1.0.7" - checksum: 10c0/8b70b5f866df5d90fa27aa5bfa30f5fefc44cbea94b0513699d761713658077c2a24cbf06aac5179eabddb6c93adc467af4c288b7a839c5bc5a769ee5a2d48ad + checksum: 10c0/8ea9067fc9ba6c0d6670ad93e62efff52a0f7931f69eba3a945477305565fd9c6f11153265f2253c74ba87e27bc0dc1487a731c301d2be9d508bdd9082925ecf languageName: node linkType: hard "array.prototype.findlast@npm:^1.2.4": - version: 1.2.4 - resolution: "array.prototype.findlast@npm:1.2.4" + version: 1.2.5 + resolution: "array.prototype.findlast@npm:1.2.5" dependencies: - call-bind: "npm:^1.0.5" + call-bind: "npm:^1.0.7" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.22.3" + es-abstract: "npm:^1.23.2" es-errors: "npm:^1.3.0" + es-object-atoms: "npm:^1.0.0" es-shim-unscopables: "npm:^1.0.2" - checksum: 10c0/4b5145a68ebaa00ef3d61de07c6694cad73d60763079f1e7662b948e5a167b5121b0c1e6feae8df1e42ead07c21699e25242b95cd5c48e094fd530b192aa4150 + checksum: 10c0/ddc952b829145ab45411b9d6adcb51a8c17c76bf89c9dd64b52d5dffa65d033da8c076ed2e17091779e83bc892b9848188d7b4b33453c5565e65a92863cb2775 languageName: node linkType: hard "array.prototype.findlastindex@npm:^1.2.3": - version: 1.2.4 - resolution: "array.prototype.findlastindex@npm:1.2.4" + version: 1.2.5 + resolution: "array.prototype.findlastindex@npm:1.2.5" dependencies: - call-bind: "npm:^1.0.5" + call-bind: "npm:^1.0.7" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.22.3" + es-abstract: "npm:^1.23.2" es-errors: "npm:^1.3.0" + es-object-atoms: "npm:^1.0.0" es-shim-unscopables: "npm:^1.0.2" - checksum: 10c0/b23ae35cf7621c82c20981ee110626090734a264798e781b052e534e3d61d576f03d125d92cf2e3672062bb5cc5907e02e69f2d80196a55f3cdb0197b4aa8c64 + checksum: 10c0/962189487728b034f3134802b421b5f39e42ee2356d13b42d2ddb0e52057ffdcc170b9524867f4f0611a6f638f4c19b31e14606e8bcbda67799e26685b195aa3 languageName: node linkType: hard @@ -5971,15 +6449,6 @@ __metadata: languageName: node linkType: hard -"asynciterator.prototype@npm:^1.0.0": - version: 1.0.0 - resolution: "asynciterator.prototype@npm:1.0.0" - dependencies: - has-symbols: "npm:^1.0.3" - checksum: 10c0/fb76850e57d931ff59fd16b6cddb79b0d34fe45f400b2c3480d38892e72cd089787401687dbdb7cdb14ece402c275d3e02a648760d1489cd493527129c4c6204 - languageName: node - linkType: hard - "asynckit@npm:^0.4.0": version: 0.4.0 resolution: "asynckit@npm:0.4.0" @@ -5987,7 +6456,7 @@ __metadata: languageName: node linkType: hard -"available-typed-arrays@npm:^1.0.6, available-typed-arrays@npm:^1.0.7": +"available-typed-arrays@npm:^1.0.7": version: 1.0.7 resolution: "available-typed-arrays@npm:1.0.7" dependencies: @@ -6004,9 +6473,9 @@ __metadata: linkType: hard "axe-core@npm:^4.2.0": - version: 4.8.4 - resolution: "axe-core@npm:4.8.4" - checksum: 10c0/1100ac42c4b8cde1fb7c428d2b76e5a14e20d9d41fe635c55048e4ba27f1eded729b838379a036b5ef9cf25ba7f7bedeef01ebd3b4accd2afee397b10b0265c4 + version: 4.9.0 + resolution: "axe-core@npm:4.9.0" + checksum: 10c0/0d3ef5f0f8d738b7fa31a869913d9988f04f6e283690d828d7066be2a6661d194ddcb863a9bfa5109600553ffa89faa5f16b5eeee839d1c4135f480458f04d37 languageName: node linkType: hard @@ -6090,39 +6559,39 @@ __metadata: languageName: node linkType: hard -"babel-plugin-polyfill-corejs2@npm:^0.4.8": - version: 0.4.8 - resolution: "babel-plugin-polyfill-corejs2@npm:0.4.8" +"babel-plugin-polyfill-corejs2@npm:^0.4.10": + version: 0.4.10 + resolution: "babel-plugin-polyfill-corejs2@npm:0.4.10" dependencies: "@babel/compat-data": "npm:^7.22.6" - "@babel/helper-define-polyfill-provider": "npm:^0.5.0" + "@babel/helper-define-polyfill-provider": "npm:^0.6.1" semver: "npm:^6.3.1" peerDependencies: "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0 - checksum: 10c0/843e7528de0e03a31a6f3837896a95f75b0b24b0294a077246282372279e974400b0bdd82399e8f9cbfe42c87ed56540fd71c33eafb7c8e8b9adac546ecc5fe5 + checksum: 10c0/910bfb1d809cae49cf43348f9b1e4a5e4c895aa25686fdd2ff8af7b7a996b88ad39597707905d097e08d4e70e14340ac935082ef4e035e77f68741f813f2a80d languageName: node linkType: hard -"babel-plugin-polyfill-corejs3@npm:^0.9.0": - version: 0.9.0 - resolution: "babel-plugin-polyfill-corejs3@npm:0.9.0" +"babel-plugin-polyfill-corejs3@npm:^0.10.4": + version: 0.10.4 + resolution: "babel-plugin-polyfill-corejs3@npm:0.10.4" dependencies: - "@babel/helper-define-polyfill-provider": "npm:^0.5.0" - core-js-compat: "npm:^3.34.0" + "@babel/helper-define-polyfill-provider": "npm:^0.6.1" + core-js-compat: "npm:^3.36.1" peerDependencies: "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0 - checksum: 10c0/b857010736c5e42e20b683973dae862448a42082fcc95b3ef188305a6864a4f94b5cbd568e49e4cd7172c6b2eace7bc403c3ba0984fbe5479474ade01126d559 + checksum: 10c0/31b92cd3dfb5b417da8dfcf0deaa4b8b032b476d7bb31ca51c66127cf25d41e89260e89d17bc004b2520faa38aa9515fafabf81d89f9d4976e9dc1163e4a7c41 languageName: node linkType: hard -"babel-plugin-polyfill-regenerator@npm:^0.5.5": - version: 0.5.5 - resolution: "babel-plugin-polyfill-regenerator@npm:0.5.5" +"babel-plugin-polyfill-regenerator@npm:^0.6.1": + version: 0.6.1 + resolution: "babel-plugin-polyfill-regenerator@npm:0.6.1" dependencies: - "@babel/helper-define-polyfill-provider": "npm:^0.5.0" + "@babel/helper-define-polyfill-provider": "npm:^0.6.1" peerDependencies: "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0 - checksum: 10c0/2aab692582082d54e0df9f9373dca1b223e65b4e7e96440160f27ed8803d417a1fa08da550f08aa3820d2010329ca91b68e2b6e9bd7aed51c93d46dfe79629bb + checksum: 10c0/0b55a35a75a261f62477d8d0f0c4a8e3b66f109323ce301d7de6898e168c41224de3bc26a92f48f2c7fcc19dfd1fc60fe71098bfd4f804a0463ff78586892403 languageName: node linkType: hard @@ -6220,9 +6689,9 @@ __metadata: linkType: hard "binary-extensions@npm:^2.0.0": - version: 2.2.0 - resolution: "binary-extensions@npm:2.2.0" - checksum: 10c0/d73d8b897238a2d3ffa5f59c0241870043aa7471335e89ea5e1ff48edb7c2d0bb471517a3e4c5c3f4c043615caa2717b5f80a5e61e07503d51dc85cb848e665d + version: 2.3.0 + resolution: "binary-extensions@npm:2.3.0" + checksum: 10c0/75a59cafc10fb12a11d510e77110c6c7ae3f4ca22463d52487709ca7f18f69d886aa387557cc9864fbdb10153d0bdb4caacabf11541f55e89ed6e18d12ece2b5 languageName: node linkType: hard @@ -6317,7 +6786,7 @@ __metadata: languageName: node linkType: hard -"browserslist@npm:^4.21.10, browserslist@npm:^4.22.2, browserslist@npm:^4.22.3": +"browserslist@npm:^4.21.10, browserslist@npm:^4.22.2, browserslist@npm:^4.23.0": version: 4.23.0 resolution: "browserslist@npm:4.23.0" dependencies: @@ -6459,9 +6928,9 @@ __metadata: linkType: hard "caniuse-lite@npm:^1.0.30001587": - version: 1.0.30001593 - resolution: "caniuse-lite@npm:1.0.30001593" - checksum: 10c0/c1601015ee4846da731f78164d4d863e6ee49a32988c4d879e9ab07ebdedcd32122161a3ff09f991485208d7a743db62fb5bd3dfbe4312f271c03f810a85cb4f + version: 1.0.30001610 + resolution: "caniuse-lite@npm:1.0.30001610" + checksum: 10c0/015956a0bf2e3e233da3dc00c5632bbb4d416bcd6ced2f839e33e45b197a856234f97cb046e7427b83d7e3a3d6df314dfab1c86eb9d970970e00ad85a50b4933 languageName: node linkType: hard @@ -6576,7 +7045,7 @@ __metadata: languageName: node linkType: hard -"citty@npm:^0.1.5, citty@npm:^0.1.6": +"citty@npm:^0.1.6": version: 0.1.6 resolution: "citty@npm:0.1.6" dependencies: @@ -6632,15 +7101,15 @@ __metadata: linkType: hard "cli-table3@npm:^0.6.1": - version: 0.6.3 - resolution: "cli-table3@npm:0.6.3" + version: 0.6.4 + resolution: "cli-table3@npm:0.6.4" dependencies: "@colors/colors": "npm:1.5.0" string-width: "npm:^4.2.0" dependenciesMeta: "@colors/colors": optional: true - checksum: 10c0/39e580cb346c2eaf1bd8f4ff055ae644e902b8303c164a1b8894c0dc95941f92e001db51f49649011be987e708d9fa3183ccc2289a4d376a057769664048cc0c + checksum: 10c0/8233c3d588db19122ed62a64256c7f0208232d2cece89a6cd7732481887fd9dcef69d976c4719149e77ccbf0a68f637bd5923536adccf6cdea051eeffa0ef1c2 languageName: node linkType: hard @@ -7066,33 +7535,33 @@ __metadata: languageName: node linkType: hard -"cookie@npm:0.5.0": - version: 0.5.0 - resolution: "cookie@npm:0.5.0" - checksum: 10c0/c01ca3ef8d7b8187bae434434582288681273b5a9ed27521d4d7f9f7928fe0c920df0decd9f9d3bbd2d14ac432b8c8cf42b98b3bdd5bfe0e6edddeebebe8b61d +"cookie@npm:0.6.0": + version: 0.6.0 + resolution: "cookie@npm:0.6.0" + checksum: 10c0/f2318b31af7a31b4ddb4a678d024514df5e705f9be5909a192d7f116cfb6d45cbacf96a473fa733faa95050e7cff26e7832bb3ef94751592f1387b71c8956686 languageName: node linkType: hard -"core-js-compat@npm:^3.31.0, core-js-compat@npm:^3.34.0": - version: 3.36.0 - resolution: "core-js-compat@npm:3.36.0" +"core-js-compat@npm:^3.31.0, core-js-compat@npm:^3.36.1": + version: 3.36.1 + resolution: "core-js-compat@npm:3.36.1" dependencies: - browserslist: "npm:^4.22.3" - checksum: 10c0/5ce2ad0ece8379883c01958e196575abc015692fc0394b8917f132b6b32e5c2bfb2612902c3f98f270cfa2d9d6522c28d36665038f3726796f1f4b436e4f863e + browserslist: "npm:^4.23.0" + checksum: 10c0/70fba18a4095cd8ac04e5ba8cee251e328935859cf2851c1f67770068ea9f9fe71accb1b7de17cd3c9a28d304a4c41712bd9aa895110ebb6e3be71b666b029d1 languageName: node linkType: hard "core-js-pure@npm:^3.23.3": - version: 3.36.0 - resolution: "core-js-pure@npm:3.36.0" - checksum: 10c0/1c5ecb37451bcebaa449e36285d27c4c79d5ff24b8bfd44491ce661cfc12b5c56471c847d306d21a56894338d00abea4993a6f8e07c71d4e887d1f71e410d22e + version: 3.36.1 + resolution: "core-js-pure@npm:3.36.1" + checksum: 10c0/b964c7aa35665a4ecd513f62d695d99e96bb9e42621f7fcc823a613fab4155525d5c2875e46fcc4e6a3396c1fb7d543aee8f7afd83aa34531261b30af759c3d6 languageName: node linkType: hard "core-js@npm:*, core-js@npm:^3.1.3, core-js@npm:^3.30.1": - version: 3.36.0 - resolution: "core-js@npm:3.36.0" - checksum: 10c0/62dcb41ba79ead581e4c5b2740ae18bfe6ee230e853893736d16edb01b580574d8645ff6c5513d1c75d59620f8451aee45c119d3c4f5ebc66cff5f003a816864 + version: 3.36.1 + resolution: "core-js@npm:3.36.1" + checksum: 10c0/4f0ad2464535d809ba659226feca15bff14b9b5452518bddff8d81b9c94b0227b3027d9838f22f1dce664958acb4107b935cc0037695ae545edc2a303bca98bf languageName: node linkType: hard @@ -7212,14 +7681,14 @@ __metadata: linkType: hard "css-loader@npm:^6.7.1": - version: 6.10.0 - resolution: "css-loader@npm:6.10.0" + version: 6.11.0 + resolution: "css-loader@npm:6.11.0" dependencies: icss-utils: "npm:^5.1.0" postcss: "npm:^8.4.33" - postcss-modules-extract-imports: "npm:^3.0.0" - postcss-modules-local-by-default: "npm:^4.0.4" - postcss-modules-scope: "npm:^3.1.1" + postcss-modules-extract-imports: "npm:^3.1.0" + postcss-modules-local-by-default: "npm:^4.0.5" + postcss-modules-scope: "npm:^3.2.0" postcss-modules-values: "npm:^4.0.0" postcss-value-parser: "npm:^4.2.0" semver: "npm:^7.5.4" @@ -7231,7 +7700,7 @@ __metadata: optional: true webpack: optional: true - checksum: 10c0/acadd2a93f505bf8a8d1c6912a476ef953585f195412b6aa1f2581053bcce8563b833f2a6666c1e1521f4b35fb315176563495a38933becc89e3143cfa7dce45 + checksum: 10c0/bb52434138085fed06a33e2ffbdae9ee9014ad23bf60f59d6b7ee67f28f26c6b1764024d3030bd19fd884d6ee6ee2224eaed64ad19eb18fbbb23d148d353a965 languageName: node linkType: hard @@ -7396,10 +7865,43 @@ __metadata: languageName: node linkType: hard +"data-view-buffer@npm:^1.0.1": + version: 1.0.1 + resolution: "data-view-buffer@npm:1.0.1" + dependencies: + call-bind: "npm:^1.0.6" + es-errors: "npm:^1.3.0" + is-data-view: "npm:^1.0.1" + checksum: 10c0/8984119e59dbed906a11fcfb417d7d861936f16697a0e7216fe2c6c810f6b5e8f4a5281e73f2c28e8e9259027190ac4a33e2a65fdd7fa86ac06b76e838918583 + languageName: node + linkType: hard + +"data-view-byte-length@npm:^1.0.1": + version: 1.0.1 + resolution: "data-view-byte-length@npm:1.0.1" + dependencies: + call-bind: "npm:^1.0.7" + es-errors: "npm:^1.3.0" + is-data-view: "npm:^1.0.1" + checksum: 10c0/b7d9e48a0cf5aefed9ab7d123559917b2d7e0d65531f43b2fd95b9d3a6b46042dd3fca597c42bba384e66b70d7ad66ff23932f8367b241f53d93af42cfe04ec2 + languageName: node + linkType: hard + +"data-view-byte-offset@npm:^1.0.0": + version: 1.0.0 + resolution: "data-view-byte-offset@npm:1.0.0" + dependencies: + call-bind: "npm:^1.0.6" + es-errors: "npm:^1.3.0" + is-data-view: "npm:^1.0.1" + checksum: 10c0/21b0d2e53fd6e20cc4257c873bf6d36d77bd6185624b84076c0a1ddaa757b49aaf076254006341d35568e89f52eecd1ccb1a502cfb620f2beca04f48a6a62a8f + languageName: node + linkType: hard + "date-fns@npm:^3.0.0, date-fns@npm:^3.3.1": - version: 3.4.0 - resolution: "date-fns@npm:3.4.0" - checksum: 10c0/e4395adcdf10b1784c6479b9d715ed9a1cb06c9d99b95607ad6db43b18371e22314d3e9e5509a378da1c5a6b34b313049bf82897b7f263f413e051f59e0ea5c2 + version: 3.6.0 + resolution: "date-fns@npm:3.6.0" + checksum: 10c0/0b5fb981590ef2f8e5a3ba6cd6d77faece0ea7f7158948f2eaae7bbb7c80a8f63ae30b01236c2923cf89bb3719c33aeb150c715ea4fe4e86e37dcf06bed42fb6 languageName: node linkType: hard @@ -7448,14 +7950,14 @@ __metadata: linkType: hard "dedent@npm:^1.0.0": - version: 1.5.1 - resolution: "dedent@npm:1.5.1" + version: 1.5.3 + resolution: "dedent@npm:1.5.3" peerDependencies: babel-plugin-macros: ^3.1.0 peerDependenciesMeta: babel-plugin-macros: optional: true - checksum: 10c0/f8612cd5b00aab58b18bb95572dca08dc2d49720bfa7201a444c3dae430291e8a06d4928614a6ec8764d713927f44bce9c990d3b8238fca2f430990ddc17c070 + checksum: 10c0/d94bde6e6f780be4da4fd760288fcf755ec368872f4ac5218197200d86430aeb8d90a003a840bff1c20221188e3f23adced0119cb811c6873c70d0ac66d12832 languageName: node linkType: hard @@ -7518,7 +8020,7 @@ __metadata: languageName: node linkType: hard -"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.2, define-data-property@npm:^1.1.4": +"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.4": version: 1.1.4 resolution: "define-data-property@npm:1.1.4" dependencies: @@ -7547,7 +8049,7 @@ __metadata: languageName: node linkType: hard -"defu@npm:^6.1.3": +"defu@npm:^6.1.4": version: 6.1.4 resolution: "defu@npm:6.1.4" checksum: 10c0/2d6cc366262dc0cb8096e429368e44052fdf43ed48e53ad84cc7c9407f890301aa5fcb80d0995abaaf842b3949f154d060be4160f7a46cb2bc2f7726c81526f5 @@ -7836,20 +8338,20 @@ __metadata: linkType: hard "ejs@npm:^3.1.8": - version: 3.1.9 - resolution: "ejs@npm:3.1.9" + version: 3.1.10 + resolution: "ejs@npm:3.1.10" dependencies: jake: "npm:^10.8.5" bin: ejs: bin/cli.js - checksum: 10c0/f0e249c79128810f5f6d5cbf347fc906d86bb9384263db0b2a9004aea649f2bc2d112736de5716c509c80afb4721c47281bd5b57c757d3b63f1bf5ac5f885893 + checksum: 10c0/52eade9e68416ed04f7f92c492183340582a36482836b11eab97b159fcdcfdedc62233a1bf0bf5e5e1851c501f2dca0e2e9afd111db2599e4e7f53ee29429ae1 languageName: node linkType: hard "electron-to-chromium@npm:^1.4.668": - version: 1.4.690 - resolution: "electron-to-chromium@npm:1.4.690" - checksum: 10c0/fba87387968bac5ac55161dc176e55d92a54146ae1e5fb16c3fdd5bf4f250ce6f271713659c0cdfa7fc0fd9a9ea1a79803f266fa2b936535b208c0759a4d3983 + version: 1.4.737 + resolution: "electron-to-chromium@npm:1.4.737" + checksum: 10c0/af407082035aac17e1c4c99b1bd44f6b4dc359c2be538d04508c7a4013badd894c6fc79333c7d80e2de19baac4e9da6061b95b09765868c5278180f02dfe31c1 languageName: node linkType: hard @@ -7917,13 +8419,13 @@ __metadata: languageName: node linkType: hard -"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.12.0, enhanced-resolve@npm:^5.15.0": - version: 5.15.1 - resolution: "enhanced-resolve@npm:5.15.1" +"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.12.0, enhanced-resolve@npm:^5.16.0": + version: 5.16.0 + resolution: "enhanced-resolve@npm:5.16.0" dependencies: graceful-fs: "npm:^4.2.4" tapable: "npm:^2.2.0" - checksum: 10c0/f56a0f3726dc5fb65cb4518ab0806aecfd553f4cd4146f403ffe618ece36610443d8624a89d18fe0bb0be307b1c9ca8fb835267345ca4afc25d2932d58ced715 + checksum: 10c0/dd69669cbb638ccacefd03e04d5e195ee6a99b7f5f8012f86d2df7781834de357923e06064ea621137c4ce0b37cc12b872b4e6d1ac6ab15fe98e7f1dfbbb08c4 languageName: node linkType: hard @@ -7949,11 +8451,11 @@ __metadata: linkType: hard "envinfo@npm:^7.7.3": - version: 7.11.1 - resolution: "envinfo@npm:7.11.1" + version: 7.12.0 + resolution: "envinfo@npm:7.12.0" bin: envinfo: dist/cli.js - checksum: 10c0/4550cce03d4d8a7b137d548faaf9c920356474231636cb4a6e74ae75db3b9cb04aa0a052ee391e2363af5db697166c207ba76e106338d758c6126830b3e16d75 + checksum: 10c0/32a48ddaab7b5a18bb9961bddc45757fe1f308e8f1067740393b58846e458efa05a747a5ca80d43913c4946620e76ed386c82d9a9e412ee7cc737773b9822651 languageName: node linkType: hard @@ -8035,16 +8537,20 @@ __metadata: languageName: node linkType: hard -"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.22.4": - version: 1.22.5 - resolution: "es-abstract@npm:1.22.5" +"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.1, es-abstract@npm:^1.23.2": + version: 1.23.3 + resolution: "es-abstract@npm:1.23.3" dependencies: array-buffer-byte-length: "npm:^1.0.1" arraybuffer.prototype.slice: "npm:^1.0.3" available-typed-arrays: "npm:^1.0.7" call-bind: "npm:^1.0.7" + data-view-buffer: "npm:^1.0.1" + data-view-byte-length: "npm:^1.0.1" + data-view-byte-offset: "npm:^1.0.0" es-define-property: "npm:^1.0.0" es-errors: "npm:^1.3.0" + es-object-atoms: "npm:^1.0.0" es-set-tostringtag: "npm:^2.0.3" es-to-primitive: "npm:^1.2.1" function.prototype.name: "npm:^1.1.6" @@ -8055,10 +8561,11 @@ __metadata: has-property-descriptors: "npm:^1.0.2" has-proto: "npm:^1.0.3" has-symbols: "npm:^1.0.3" - hasown: "npm:^2.0.1" + hasown: "npm:^2.0.2" internal-slot: "npm:^1.0.7" is-array-buffer: "npm:^3.0.4" is-callable: "npm:^1.2.7" + is-data-view: "npm:^1.0.1" is-negative-zero: "npm:^2.0.3" is-regex: "npm:^1.1.4" is-shared-array-buffer: "npm:^1.0.3" @@ -8069,18 +8576,18 @@ __metadata: object-keys: "npm:^1.1.1" object.assign: "npm:^4.1.5" regexp.prototype.flags: "npm:^1.5.2" - safe-array-concat: "npm:^1.1.0" + safe-array-concat: "npm:^1.1.2" safe-regex-test: "npm:^1.0.3" - string.prototype.trim: "npm:^1.2.8" - string.prototype.trimend: "npm:^1.0.7" - string.prototype.trimstart: "npm:^1.0.7" + string.prototype.trim: "npm:^1.2.9" + string.prototype.trimend: "npm:^1.0.8" + string.prototype.trimstart: "npm:^1.0.8" typed-array-buffer: "npm:^1.0.2" typed-array-byte-length: "npm:^1.0.1" typed-array-byte-offset: "npm:^1.0.2" - typed-array-length: "npm:^1.0.5" + typed-array-length: "npm:^1.0.6" unbox-primitive: "npm:^1.0.2" - which-typed-array: "npm:^1.1.14" - checksum: 10c0/4bca5a60f0dff6c0a5690d8e51374cfcb8760d5dbbb1069174b4d41461cf4e0c3e0c1993bccbc5aa0799ff078199f1bcde2122b8709e0d17c2beffafff01010a + which-typed-array: "npm:^1.1.15" + checksum: 10c0/d27e9afafb225c6924bee9971a7f25f20c314f2d6cb93a63cada4ac11dcf42040896a6c22e5fb8f2a10767055ed4ddf400be3b1eb12297d281726de470b75666 languageName: node linkType: hard @@ -8100,7 +8607,7 @@ __metadata: languageName: node linkType: hard -"es-errors@npm:^1.0.0, es-errors@npm:^1.1.0, es-errors@npm:^1.2.1, es-errors@npm:^1.3.0": +"es-errors@npm:^1.1.0, es-errors@npm:^1.2.1, es-errors@npm:^1.3.0": version: 1.3.0 resolution: "es-errors@npm:1.3.0" checksum: 10c0/0a61325670072f98d8ae3b914edab3559b6caa980f08054a3b872052640d91da01d38df55df797fcc916389d77fc92b8d5906cf028f4db46d7e3003abecbca85 @@ -8125,36 +8632,44 @@ __metadata: linkType: hard "es-iterator-helpers@npm:^1.0.15, es-iterator-helpers@npm:^1.0.17": - version: 1.0.17 - resolution: "es-iterator-helpers@npm:1.0.17" + version: 1.0.18 + resolution: "es-iterator-helpers@npm:1.0.18" dependencies: - asynciterator.prototype: "npm:^1.0.0" call-bind: "npm:^1.0.7" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.22.4" + es-abstract: "npm:^1.23.0" es-errors: "npm:^1.3.0" - es-set-tostringtag: "npm:^2.0.2" + es-set-tostringtag: "npm:^2.0.3" function-bind: "npm:^1.1.2" get-intrinsic: "npm:^1.2.4" globalthis: "npm:^1.0.3" has-property-descriptors: "npm:^1.0.2" - has-proto: "npm:^1.0.1" + has-proto: "npm:^1.0.3" has-symbols: "npm:^1.0.3" internal-slot: "npm:^1.0.7" iterator.prototype: "npm:^1.1.2" - safe-array-concat: "npm:^1.1.0" - checksum: 10c0/d0f281257e7165f068fd4fc3beb63d07ae4f18fbef02a2bbe4a39272b764164c1ce3311ae7c5429ac30003aef290fcdf569050e4a9ba3560e044440f68e9a47c + safe-array-concat: "npm:^1.1.2" + checksum: 10c0/93be402e01fa3d8bf62fcadd2fb3055126ffcfe8846911b10b85918ef46775252696c84e6191ec8125bedb61e92242ad1a54a86118436ba19814720cb9ff4aed languageName: node linkType: hard "es-module-lexer@npm:^1.2.1, es-module-lexer@npm:^1.4.1": - version: 1.4.1 - resolution: "es-module-lexer@npm:1.4.1" - checksum: 10c0/b7260a138668554d3f0ddcc728cb4b60c2fa463f15545cf155ecbdd5450a1348952d58298a7f48642e900ee579f21d7f5304b6b3c61b3d9fc2d4b2109b5a9dff + version: 1.5.0 + resolution: "es-module-lexer@npm:1.5.0" + checksum: 10c0/d199853404f3381801eb102befb84a8fc48f93ed86b852c2461c2c4ad4bbbc91128f3d974ff9b8718628260ae3f36e661295ab3e419222868aa31269284e34c9 + languageName: node + linkType: hard + +"es-object-atoms@npm:^1.0.0": + version: 1.0.0 + resolution: "es-object-atoms@npm:1.0.0" + dependencies: + es-errors: "npm:^1.3.0" + checksum: 10c0/1fed3d102eb27ab8d983337bb7c8b159dd2a1e63ff833ec54eea1311c96d5b08223b433060ba240541ca8adba9eee6b0a60cdbf2f80634b784febc9cc8b687b4 languageName: node linkType: hard -"es-set-tostringtag@npm:^2.0.2, es-set-tostringtag@npm:^2.0.3": +"es-set-tostringtag@npm:^2.0.3": version: 2.0.3 resolution: "es-set-tostringtag@npm:2.0.3" dependencies: @@ -8276,7 +8791,87 @@ __metadata: optional: true bin: esbuild: bin/esbuild - checksum: 10c0/473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88 + checksum: 10c0/473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88 + languageName: node + linkType: hard + +"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0": + version: 0.20.2 + resolution: "esbuild@npm:0.20.2" + dependencies: + "@esbuild/aix-ppc64": "npm:0.20.2" + "@esbuild/android-arm": "npm:0.20.2" + "@esbuild/android-arm64": "npm:0.20.2" + "@esbuild/android-x64": "npm:0.20.2" + "@esbuild/darwin-arm64": "npm:0.20.2" + "@esbuild/darwin-x64": "npm:0.20.2" + "@esbuild/freebsd-arm64": "npm:0.20.2" + "@esbuild/freebsd-x64": "npm:0.20.2" + "@esbuild/linux-arm": "npm:0.20.2" + "@esbuild/linux-arm64": "npm:0.20.2" + "@esbuild/linux-ia32": "npm:0.20.2" + "@esbuild/linux-loong64": "npm:0.20.2" + "@esbuild/linux-mips64el": "npm:0.20.2" + "@esbuild/linux-ppc64": "npm:0.20.2" + "@esbuild/linux-riscv64": "npm:0.20.2" + "@esbuild/linux-s390x": "npm:0.20.2" + "@esbuild/linux-x64": "npm:0.20.2" + "@esbuild/netbsd-x64": "npm:0.20.2" + "@esbuild/openbsd-x64": "npm:0.20.2" + "@esbuild/sunos-x64": "npm:0.20.2" + "@esbuild/win32-arm64": "npm:0.20.2" + "@esbuild/win32-ia32": "npm:0.20.2" + "@esbuild/win32-x64": "npm:0.20.2" + dependenciesMeta: + "@esbuild/aix-ppc64": + optional: true + "@esbuild/android-arm": + optional: true + "@esbuild/android-arm64": + optional: true + "@esbuild/android-x64": + optional: true + "@esbuild/darwin-arm64": + optional: true + "@esbuild/darwin-x64": + optional: true + "@esbuild/freebsd-arm64": + optional: true + "@esbuild/freebsd-x64": + optional: true + "@esbuild/linux-arm": + optional: true + "@esbuild/linux-arm64": + optional: true + "@esbuild/linux-ia32": + optional: true + "@esbuild/linux-loong64": + optional: true + "@esbuild/linux-mips64el": + optional: true + "@esbuild/linux-ppc64": + optional: true + "@esbuild/linux-riscv64": + optional: true + "@esbuild/linux-s390x": + optional: true + "@esbuild/linux-x64": + optional: true + "@esbuild/netbsd-x64": + optional: true + "@esbuild/openbsd-x64": + optional: true + "@esbuild/sunos-x64": + optional: true + "@esbuild/win32-arm64": + optional: true + "@esbuild/win32-ia32": + optional: true + "@esbuild/win32-x64": + optional: true + bin: + esbuild: bin/esbuild + checksum: 10c0/66398f9fb2c65e456a3e649747b39af8a001e47963b25e86d9c09d2a48d61aa641b27da0ce5cad63df95ad246105e1d83e7fee0e1e22a0663def73b1c5101112 languageName: node linkType: hard @@ -8469,8 +9064,8 @@ __metadata: linkType: hard "eslint-plugin-react@npm:^7.32.2": - version: 7.34.0 - resolution: "eslint-plugin-react@npm:7.34.0" + version: 7.34.1 + resolution: "eslint-plugin-react@npm:7.34.1" dependencies: array-includes: "npm:^3.1.7" array.prototype.findlast: "npm:^1.2.4" @@ -8492,7 +9087,7 @@ __metadata: string.prototype.matchall: "npm:^4.0.10" peerDependencies: eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 - checksum: 10c0/9bf0b959373ace66e799adbbfb493a7ceae54751e8f90fcce1da1a2a67b277ee23ba845571eaa4d4f05d96dba4e4977bf938b350f18bad26201fa616ee6aa4b8 + checksum: 10c0/7c61b1314d37a4ac2f2474f9571f801f1a1a5d81dcd4abbb5d07145406518722fb792367267757ee116bde254be9753242d6b93c9619110398b3fe1746e4848c languageName: node linkType: hard @@ -8728,15 +9323,15 @@ __metadata: linkType: hard "express@npm:^4.17.3": - version: 4.18.3 - resolution: "express@npm:4.18.3" + version: 4.19.2 + resolution: "express@npm:4.19.2" dependencies: accepts: "npm:~1.3.8" array-flatten: "npm:1.1.1" body-parser: "npm:1.20.2" content-disposition: "npm:0.5.4" content-type: "npm:~1.0.4" - cookie: "npm:0.5.0" + cookie: "npm:0.6.0" cookie-signature: "npm:1.0.6" debug: "npm:2.6.9" depd: "npm:2.0.0" @@ -8762,7 +9357,7 @@ __metadata: type-is: "npm:~1.6.18" utils-merge: "npm:1.0.1" vary: "npm:~1.1.2" - checksum: 10c0/0b9eeafbac549e3c67d92d083bf1773e358359f41ad142b92121935c6348d29079b75054555b3f62de39263fffc8ba06898b09fdd3e213e28e714c03c5d9f44c + checksum: 10c0/e82e2662ea9971c1407aea9fc3c16d6b963e55e3830cd0ef5e00b533feda8b770af4e3be630488ef8a752d7c75c4fcefb15892868eeaafe7353cb9e3e269fdcb languageName: node linkType: hard @@ -9049,9 +9644,9 @@ __metadata: linkType: hard "flow-parser@npm:0.*": - version: 0.229.2 - resolution: "flow-parser@npm:0.229.2" - checksum: 10c0/6f2b0b393fb02ae6b839e7e13fd31e91872941843a805eb529b3e969cf0a8a6a0546fc2ab5c7d557eead8be3e2a3fe41c07276f826ba1f84702fcbefa7723fbc + version: 0.233.0 + resolution: "flow-parser@npm:0.233.0" + checksum: 10c0/1a44fd02b7349c897bae716243546f1a5387a401d8ece91c44d626d25ded1046d7a4e6a271f87f1ab6aa770d6d9f674b232bc3c741ec79233468c017ef9cd18f languageName: node linkType: hard @@ -9253,7 +9848,7 @@ __metadata: languageName: node linkType: hard -"get-intrinsic@npm:^1.1.1, get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.2, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4": +"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.2, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4": version: 1.2.4 resolution: "get-intrinsic@npm:1.2.4" dependencies: @@ -9320,29 +9915,29 @@ __metadata: linkType: hard "get-tsconfig@npm:^4.5.0": - version: 4.7.2 - resolution: "get-tsconfig@npm:4.7.2" + version: 4.7.3 + resolution: "get-tsconfig@npm:4.7.3" dependencies: resolve-pkg-maps: "npm:^1.0.0" - checksum: 10c0/169b2beababfbb16e8a0ae813ee59d3e14d4960231c816615161ab5be68ec07a394dce59695742ac84295e2efab8d9e89bcf3abaf5e253dfbec3496e01bb9a65 + checksum: 10c0/b15ca9d5d0887ebfccadc9fe88b6ff3827a5691ec90e7608a5e9c74bef959c14aba62f6bb88ac7f50322395731789a2cf654244f00e10f4f76349911b6846d6f languageName: node linkType: hard "giget@npm:^1.0.0": - version: 1.2.1 - resolution: "giget@npm:1.2.1" + version: 1.2.3 + resolution: "giget@npm:1.2.3" dependencies: - citty: "npm:^0.1.5" + citty: "npm:^0.1.6" consola: "npm:^3.2.3" - defu: "npm:^6.1.3" - node-fetch-native: "npm:^1.6.1" - nypm: "npm:^0.3.3" + defu: "npm:^6.1.4" + node-fetch-native: "npm:^1.6.3" + nypm: "npm:^0.3.8" ohash: "npm:^1.1.3" - pathe: "npm:^1.1.1" + pathe: "npm:^1.1.2" tar: "npm:^6.2.0" bin: giget: dist/cli.mjs - checksum: 10c0/7a2a66146278f36a1fe0e57e792d43500a757c9a70e796a84e264cf4dfdbc3677499b308dfd96dd53940b5d1065ee14cba75dd75d78a78c2a9abec74e5e4ea62 + checksum: 10c0/0e82836783c704346fdda83e23d144e97f28a959320b1d8ee73c69a5af562362bcb727cf6ad99f90e45ed8a6abec140833534bb1fedcaa1c06fa026daaf3119c languageName: node linkType: hard @@ -9404,17 +9999,17 @@ __metadata: linkType: hard "glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10": - version: 10.3.10 - resolution: "glob@npm:10.3.10" + version: 10.3.12 + resolution: "glob@npm:10.3.12" dependencies: foreground-child: "npm:^3.1.0" - jackspeak: "npm:^2.3.5" + jackspeak: "npm:^2.3.6" minimatch: "npm:^9.0.1" - minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0" - path-scurry: "npm:^1.10.1" + minipass: "npm:^7.0.4" + path-scurry: "npm:^1.10.2" bin: glob: dist/esm/bin.mjs - checksum: 10c0/13d8a1feb7eac7945f8c8480e11cd4a44b24d26503d99a8d8ac8d5aefbf3e9802a2b6087318a829fad04cb4e829f25c5f4f1110c68966c498720dd261c7e344d + checksum: 10c0/f60cefdc1cf3f958b2bb5823e1b233727f04916d489dc4641d76914f016e6704421e06a83cbb68b0cb1cb9382298b7a88075b844ad2127fc9727ea22b18b0711 languageName: node linkType: hard @@ -9507,7 +10102,7 @@ __metadata: languageName: node linkType: hard -"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9": +"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9": version: 4.2.11 resolution: "graceful-fs@npm:4.2.11" checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2 @@ -9576,7 +10171,7 @@ __metadata: languageName: node linkType: hard -"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.1, has-property-descriptors@npm:^1.0.2": +"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.2": version: 1.0.2 resolution: "has-property-descriptors@npm:1.0.2" dependencies: @@ -9599,7 +10194,7 @@ __metadata: languageName: node linkType: hard -"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.1, has-tostringtag@npm:^1.0.2": +"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.2": version: 1.0.2 resolution: "has-tostringtag@npm:1.0.2" dependencies: @@ -9615,12 +10210,12 @@ __metadata: languageName: node linkType: hard -"hasown@npm:^2.0.0, hasown@npm:^2.0.1": - version: 2.0.1 - resolution: "hasown@npm:2.0.1" +"hasown@npm:^2.0.0, hasown@npm:^2.0.1, hasown@npm:^2.0.2": + version: 2.0.2 + resolution: "hasown@npm:2.0.2" dependencies: function-bind: "npm:^1.1.2" - checksum: 10c0/9e27e70e8e4204f4124c8f99950d1ba2b1f5174864fd39ff26da190f9ea6488c1b3927dcc64981c26d1f637a971783c9489d62c829d393ea509e6f1ba20370bb + checksum: 10c0/3769d434703b8ac66b209a4cca0737519925bbdb61dd887f93a16372b14694c63ff4e797686d87c90f08168e81082248b9b028bad60d4da9e0d1148766f56eb9 languageName: node linkType: hard @@ -9853,11 +10448,11 @@ __metadata: linkType: hard "i18next@npm:^23.0.0": - version: 23.10.1 - resolution: "i18next@npm:23.10.1" + version: 23.11.2 + resolution: "i18next@npm:23.11.2" dependencies: "@babel/runtime": "npm:^7.23.2" - checksum: 10c0/e9cd7565cc14fec53bcf872707a2c85b255804866f436ce08a3de6b2bf84209c61b7a7870ac87c1c27de39b5d8407b72b5231d99769d200b136db023abaa8795 + checksum: 10c0/1d33cc53eaa9e078534f8cf7fb2b79be5ec4314555ad1dafc5a5ff367b79ed1a735e9d17452f7bcc11777344e90613ebcf44ebc823e63c1036a6c26c35db014a languageName: node linkType: hard @@ -9895,7 +10490,7 @@ __metadata: languageName: node linkType: hard -"ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.0": +"ignore@npm:^5.2.0, ignore@npm:^5.3.1": version: 5.3.1 resolution: "ignore@npm:5.3.1" checksum: 10c0/703f7f45ffb2a27fb2c5a8db0c32e7dee66b33a225d28e8db4e1be6474795f606686a6e3bcc50e1aa12f2042db4c9d4a7d60af3250511de74620fbed052ea4cd @@ -9969,7 +10564,7 @@ __metadata: languageName: node linkType: hard -"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.5, internal-slot@npm:^1.0.7": +"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.7": version: 1.0.7 resolution: "internal-slot@npm:1.0.7" dependencies: @@ -10107,6 +10702,15 @@ __metadata: languageName: node linkType: hard +"is-data-view@npm:^1.0.1": + version: 1.0.1 + resolution: "is-data-view@npm:1.0.1" + dependencies: + is-typed-array: "npm:^1.1.13" + checksum: 10c0/a3e6ec84efe303da859107aed9b970e018e2bee7ffcb48e2f8096921a493608134240e672a2072577e5f23a729846241d9634806e8a0e51d9129c56d5f65442d + languageName: node + linkType: hard + "is-date-object@npm:^1.0.1, is-date-object@npm:^1.0.5": version: 1.0.5 resolution: "is-date-object@npm:1.0.5" @@ -10201,10 +10805,10 @@ __metadata: languageName: node linkType: hard -"is-map@npm:^2.0.1, is-map@npm:^2.0.2": - version: 2.0.2 - resolution: "is-map@npm:2.0.2" - checksum: 10c0/119ff9137a37fd131a72fab3f4ab8c9d6a24b0a1ee26b4eff14dc625900d8675a97785eea5f4174265e2006ed076cc24e89f6e57ebd080a48338d914ec9168a5 +"is-map@npm:^2.0.2, is-map@npm:^2.0.3": + version: 2.0.3 + resolution: "is-map@npm:2.0.3" + checksum: 10c0/2c4d431b74e00fdda7162cd8e4b763d6f6f217edf97d4f8538b94b8702b150610e2c64961340015fe8df5b1fcee33ccd2e9b62619c4a8a3a155f8de6d6d355fc languageName: node linkType: hard @@ -10295,10 +10899,10 @@ __metadata: languageName: node linkType: hard -"is-set@npm:^2.0.1, is-set@npm:^2.0.2": - version: 2.0.2 - resolution: "is-set@npm:2.0.2" - checksum: 10c0/5f8bd1880df8c0004ce694e315e6e1e47a3452014be792880bb274a3b2cdb952fdb60789636ca6e084c7947ca8b7ae03ccaf54c93a7fcfed228af810559e5432 +"is-set@npm:^2.0.2, is-set@npm:^2.0.3": + version: 2.0.3 + resolution: "is-set@npm:2.0.3" + checksum: 10c0/f73732e13f099b2dc879c2a12341cfc22ccaca8dd504e6edae26484bd5707a35d503fba5b4daad530a9b088ced1ae6c9d8200fd92e09b428fe14ea79ce8080b7 languageName: node linkType: hard @@ -10375,10 +10979,10 @@ __metadata: languageName: node linkType: hard -"is-weakmap@npm:^2.0.1": - version: 2.0.1 - resolution: "is-weakmap@npm:2.0.1" - checksum: 10c0/9c9fec9efa7bf5030a4a927f33fff2a6976b93646259f92b517d3646c073cc5b98283a162ce75c412b060a46de07032444b530f0a4c9b6e012ef8f1741c3a987 +"is-weakmap@npm:^2.0.2": + version: 2.0.2 + resolution: "is-weakmap@npm:2.0.2" + checksum: 10c0/443c35bb86d5e6cc5929cd9c75a4024bb0fff9586ed50b092f94e700b89c43a33b186b76dbc6d54f3d3d09ece689ab38dcdc1af6a482cbe79c0f2da0a17f1299 languageName: node linkType: hard @@ -10391,13 +10995,13 @@ __metadata: languageName: node linkType: hard -"is-weakset@npm:^2.0.1": - version: 2.0.2 - resolution: "is-weakset@npm:2.0.2" +"is-weakset@npm:^2.0.3": + version: 2.0.3 + resolution: "is-weakset@npm:2.0.3" dependencies: - call-bind: "npm:^1.0.2" - get-intrinsic: "npm:^1.1.1" - checksum: 10c0/ef5136bd446ae4603229b897f73efd0720c6ab3ec6cc05c8d5c4b51aa9f95164713c4cad0a22ff1fedf04865ff86cae4648bc1d5eead4b6388e1150525af1cc1 + call-bind: "npm:^1.0.7" + get-intrinsic: "npm:^1.2.4" + checksum: 10c0/8ad6141b6a400e7ce7c7442a13928c676d07b1f315ab77d9912920bf5f4170622f43126f111615788f26c3b1871158a6797c862233124507db0bcc33a9537d1a languageName: node linkType: hard @@ -10523,7 +11127,7 @@ __metadata: languageName: node linkType: hard -"jackspeak@npm:^2.3.5": +"jackspeak@npm:^2.3.6": version: 2.3.6 resolution: "jackspeak@npm:2.3.6" dependencies: @@ -11082,9 +11686,9 @@ __metadata: linkType: hard "jschardet@npm:latest": - version: 3.0.0 - resolution: "jschardet@npm:3.0.0" - checksum: 10c0/5d12d351cf1fbd3e4644418e6d7545acdd36eb198caad1ba0d98b91c54f75936d51bcf369412f5f296766913c1e1899543c8da4dd8fc1fc7f142d760beff5d4e + version: 3.1.2 + resolution: "jschardet@npm:3.1.2" + checksum: 10c0/dd45be21cfac964fd634ffe17a251a92f1ca8bcdd517821f8aec380f32930c1548bd60a5d664b5ba601b5f838ce8419b852a3aad1ff915ae98c3209fbc9a460c languageName: node linkType: hard @@ -11240,7 +11844,7 @@ __metadata: languageName: node linkType: hard -"json5@npm:^2.1.2, json5@npm:^2.2.3": +"json5@npm:^2.1.2, json5@npm:^2.2.2, json5@npm:^2.2.3": version: 2.2.3 resolution: "json5@npm:2.2.3" bin: @@ -11311,6 +11915,13 @@ __metadata: languageName: node linkType: hard +"known-css-properties@npm:^0.30.0": + version: 0.30.0 + resolution: "known-css-properties@npm:0.30.0" + checksum: 10c0/8b487a6b33487affcec41eb392ceb77acf4d093558dde5c88b5ea06b9a3c81781876d7cb09872e0518b9602f27c8f4112c9ac333e02c90a91c8fbd12e202ed48 + languageName: node + linkType: hard + "language-subtag-registry@npm:^0.3.20": version: 0.3.22 resolution: "language-subtag-registry@npm:0.3.22" @@ -11510,7 +12121,7 @@ __metadata: languageName: node linkType: hard -"lru-cache@npm:^10.0.1, lru-cache@npm:^9.1.1 || ^10.0.0": +"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0": version: 10.2.0 resolution: "lru-cache@npm:10.2.0" checksum: 10c0/c9847612aa2daaef102d30542a8d6d9b2c2bb36581c1bf0dc3ebf5e5f3352c772a749e604afae2e46873b930a9e9523743faac4e5b937c576ab29196774712ee @@ -11545,11 +12156,11 @@ __metadata: linkType: hard "magic-string@npm:^0.30.5": - version: 0.30.8 - resolution: "magic-string@npm:0.30.8" + version: 0.30.9 + resolution: "magic-string@npm:0.30.9" dependencies: "@jridgewell/sourcemap-codec": "npm:^1.4.15" - checksum: 10c0/51a1f06f678c082aceddfb5943de9b6bdb88f2ea1385a1c2adf116deb73dfcfa50df6c222901d691b529455222d4d68d0b28be5689ac6f69b3baa3462861f922 + checksum: 10c0/edbeea35b4f90b58815d8b13899fa412b5bc1e81cae14fe6d24d5c383c5f04331fce2c5a75bfb7926203ab6fc8c71290cdab56703a5b82432d8a1e144d6042e1 languageName: node linkType: hard @@ -11624,11 +12235,11 @@ __metadata: linkType: hard "markdown-to-jsx@npm:^7.1.8": - version: 7.4.1 - resolution: "markdown-to-jsx@npm:7.4.1" + version: 7.4.7 + resolution: "markdown-to-jsx@npm:7.4.7" peerDependencies: react: ">= 0.14.0" - checksum: 10c0/f40d9ab632a659ef7fd3afcae9c40e11ce77d57ae856275eb9439bf6762738eefb9897cfb65fc0495347cf8fc3b1cfef6cb9dcfe96959ded3ebd122375155323 + checksum: 10c0/7dab3e2c8d7374c45e6ca34fd12b40453533a5b89749eff3359975b1d296c553ff7675f56be7c9d1fb3b97b7b7d143d1b3237137d5c262322e0534eea72e2800 languageName: node linkType: hard @@ -11701,7 +12312,7 @@ __metadata: languageName: node linkType: hard -"meow@npm:^13.1.0": +"meow@npm:^13.2.0": version: 13.2.0 resolution: "meow@npm:13.2.0" checksum: 10c0/d5b339ae314715bcd0b619dd2f8a266891928e21526b4800d49b4fba1cc3fff7e2c1ff5edd3344149fac841bc2306157f858e8c4d5eaee4d52ce52ad925664ce @@ -11801,15 +12412,6 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:9.0.3, minimatch@npm:^9.0.1": - version: 9.0.3 - resolution: "minimatch@npm:9.0.3" - dependencies: - brace-expansion: "npm:^2.0.1" - checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac - languageName: node - linkType: hard - "minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2": version: 3.1.2 resolution: "minimatch@npm:3.1.2" @@ -11828,6 +12430,15 @@ __metadata: languageName: node linkType: hard +"minimatch@npm:^9.0.1, minimatch@npm:^9.0.4": + version: 9.0.4 + resolution: "minimatch@npm:9.0.4" + dependencies: + brace-expansion: "npm:^2.0.1" + checksum: 10c0/2c16f21f50e64922864e560ff97c587d15fd491f65d92a677a344e970fe62aafdbeafe648965fa96d33c061b4d0eabfe0213466203dd793367e7f28658cf6414 + languageName: node + linkType: hard + "minimist@npm:^1.2.0, minimist@npm:^1.2.5, minimist@npm:^1.2.6": version: 1.2.8 resolution: "minimist@npm:1.2.8" @@ -11902,7 +12513,7 @@ __metadata: languageName: node linkType: hard -"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3": +"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4": version: 7.0.4 resolution: "minipass@npm:7.0.4" checksum: 10c0/6c7370a6dfd257bf18222da581ba89a5eaedca10e158781232a8b5542a90547540b4b9b7e7f490e4cda43acfbd12e086f0453728ecf8c19e0ef6921bc5958ac5 @@ -12047,10 +12658,10 @@ __metadata: languageName: node linkType: hard -"node-fetch-native@npm:^1.6.1": - version: 1.6.2 - resolution: "node-fetch-native@npm:1.6.2" - checksum: 10c0/2c1e94ce6e5b8a8ca85d5cdb837bc098ba2a54dea07e3509250288bebca8147950e1bef10db30120b389263ec0064e0562effdd085bb49d4e2046ebd963ee98d +"node-fetch-native@npm:^1.6.3": + version: 1.6.4 + resolution: "node-fetch-native@npm:1.6.4" + checksum: 10c0/78334dc6def5d1d95cfe87b33ac76c4833592c5eb84779ad2b0c23c689f9dd5d1cfc827035ada72d6b8b218f717798968c5a99aeff0a1a8bf06657e80592f9c3 languageName: node linkType: hard @@ -12069,8 +12680,8 @@ __metadata: linkType: hard "node-gyp@npm:latest": - version: 10.0.1 - resolution: "node-gyp@npm:10.0.1" + version: 10.1.0 + resolution: "node-gyp@npm:10.1.0" dependencies: env-paths: "npm:^2.2.0" exponential-backoff: "npm:^3.1.1" @@ -12084,7 +12695,7 @@ __metadata: which: "npm:^4.0.0" bin: node-gyp: bin/node-gyp.js - checksum: 10c0/abddfff7d873312e4ed4a5fb75ce893a5c4fb69e7fcb1dfa71c28a6b92a7f1ef6b62790dffb39181b5a82728ba8f2f32d229cf8cbe66769fe02cea7db4a555aa + checksum: 10c0/9cc821111ca244a01fb7f054db7523ab0a0cd837f665267eb962eb87695d71fb1e681f9e21464cc2fd7c05530dc4c81b810bca1a88f7d7186909b74477491a3c languageName: node linkType: hard @@ -12178,7 +12789,7 @@ __metadata: languageName: node linkType: hard -"nypm@npm:^0.3.3": +"nypm@npm:^0.3.8": version: 0.3.8 resolution: "nypm@npm:0.3.8" dependencies: @@ -12237,58 +12848,58 @@ __metadata: linkType: hard "object.entries@npm:^1.1.1, object.entries@npm:^1.1.5, object.entries@npm:^1.1.7": - version: 1.1.7 - resolution: "object.entries@npm:1.1.7" + version: 1.1.8 + resolution: "object.entries@npm:1.1.8" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/3ad1899cc7bf14546bf28f4a9b363ae8690b90948fcfbcac4c808395435d760f26193d9cae95337ce0e3c1e5c1f4fa45f7b46b31b68d389e9e117fce38775d86 + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/db9ea979d2956a3bc26c262da4a4d212d36f374652cc4c13efdd069c1a519c16571c137e2893d1c46e1cb0e15c88fd6419eaf410c945f329f09835487d7e65d3 languageName: node linkType: hard "object.fromentries@npm:^2.0.0, object.fromentries@npm:^2.0.7": - version: 2.0.7 - resolution: "object.fromentries@npm:2.0.7" + version: 2.0.8 + resolution: "object.fromentries@npm:2.0.8" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/071745c21f6fc9e6c914691f2532c1fb60ad967e5ddc52801d09958b5de926566299d07ae14466452a7efd29015f9145d6c09c573d93a0dc6f1683ee0ec2b93b + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.2" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/cd4327e6c3369cfa805deb4cbbe919bfb7d3aeebf0bcaba291bb568ea7169f8f8cdbcabe2f00b40db0c20cd20f08e11b5f3a5a36fb7dd3fe04850c50db3bf83b languageName: node linkType: hard "object.groupby@npm:^1.0.1": - version: 1.0.2 - resolution: "object.groupby@npm:1.0.2" + version: 1.0.3 + resolution: "object.groupby@npm:1.0.3" dependencies: - array.prototype.filter: "npm:^1.0.3" - call-bind: "npm:^1.0.5" + call-bind: "npm:^1.0.7" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.22.3" - es-errors: "npm:^1.0.0" - checksum: 10c0/b6266b1cfec7eb784b8bbe0bca5dc4b371cf9dd3e601b0897d72fa97a5934273d8fb05b3fc5222204104dbec32b50e25ba27e05ad681f71fb739cc1c7e9b81b1 + es-abstract: "npm:^1.23.2" + checksum: 10c0/60d0455c85c736fbfeda0217d1a77525956f76f7b2495edeca9e9bbf8168a45783199e77b894d30638837c654d0cc410e0e02cbfcf445bc8de71c3da1ede6a9c languageName: node linkType: hard "object.hasown@npm:^1.1.3": - version: 1.1.3 - resolution: "object.hasown@npm:1.1.3" + version: 1.1.4 + resolution: "object.hasown@npm:1.1.4" dependencies: - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/8a41ba4fb1208a85c2275e9b5098071beacc24345b9a71ab98ef0a1c61b34dc74c6b460ff1e1884c33843d8f2553df64a10eec2b74b3ed009e3b2710c826bd2c + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.2" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/f23187b08d874ef1aea060118c8259eb7f99f93c15a50771d710569534119062b90e087b92952b2d0fb1bb8914d61fb0b43c57fb06f622aaad538fe6868ab987 languageName: node linkType: hard "object.values@npm:^1.1.1, object.values@npm:^1.1.6, object.values@npm:^1.1.7": - version: 1.1.7 - resolution: "object.values@npm:1.1.7" + version: 1.2.0 + resolution: "object.values@npm:1.2.0" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/e869d6a37fb7afdd0054dea49036d6ccebb84854a8848a093bbd1bc516f53e690bba88f0bc3e83fdfa74c601469ee6989c9b13359cda9604144c6e732fad3b6b + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/15809dc40fd6c5529501324fec5ff08570b7d70fb5ebbe8e2b3901afec35cf2b3dc484d1210c6c642cd3e7e0a5e18dd1d6850115337fef46bdae14ab0cb18ac3 languageName: node linkType: hard @@ -12613,13 +13224,13 @@ __metadata: languageName: node linkType: hard -"path-scurry@npm:^1.10.1": - version: 1.10.1 - resolution: "path-scurry@npm:1.10.1" +"path-scurry@npm:^1.10.2": + version: 1.10.2 + resolution: "path-scurry@npm:1.10.2" dependencies: - lru-cache: "npm:^9.1.1 || ^10.0.0" + lru-cache: "npm:^10.2.0" minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0" - checksum: 10c0/e5dc78a7348d25eec61ab166317e9e9c7b46818aa2c2b9006c507a6ff48c672d011292d9662527213e558f5652ce0afcc788663a061d8b59ab495681840c0c1e + checksum: 10c0/d723777fbf9627f201e64656680f66ebd940957eebacf780e6cce1c2919c29c116678b2d7dbf8821b3a2caa758d125f4444005ccec886a25c8f324504e48e601 languageName: node linkType: hard @@ -12637,7 +13248,7 @@ __metadata: languageName: node linkType: hard -"pathe@npm:^1.1.1, pathe@npm:^1.1.2": +"pathe@npm:^1.1.2": version: 1.1.2 resolution: "pathe@npm:1.1.2" checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897 @@ -12756,15 +13367,6 @@ __metadata: languageName: node linkType: hard -"postcss-modules-extract-imports@npm:^3.0.0": - version: 3.0.0 - resolution: "postcss-modules-extract-imports@npm:3.0.0" - peerDependencies: - postcss: ^8.1.0 - checksum: 10c0/f8879d66d8162fb7a3fcd916d37574006c584ea509107b1cfb798a5e090175ef9470f601e46f0a305070d8ff2500e07489a5c1ac381c29a1dc1120e827ca7943 - languageName: node - linkType: hard - "postcss-modules-extract-imports@npm:^3.1.0": version: 3.1.0 resolution: "postcss-modules-extract-imports@npm:3.1.0" @@ -12774,19 +13376,6 @@ __metadata: languageName: node linkType: hard -"postcss-modules-local-by-default@npm:^4.0.4": - version: 4.0.4 - resolution: "postcss-modules-local-by-default@npm:4.0.4" - dependencies: - icss-utils: "npm:^5.0.0" - postcss-selector-parser: "npm:^6.0.2" - postcss-value-parser: "npm:^4.1.0" - peerDependencies: - postcss: ^8.1.0 - checksum: 10c0/9ebf464867eb10b29b73501b1466dcac8352ed852ef68ec23571f515daa74401d7ace9a6c72f354542081fdbb47d098c9bc6b05373b553a6e35779d072f967bb - languageName: node - linkType: hard - "postcss-modules-local-by-default@npm:^4.0.5": version: 4.0.5 resolution: "postcss-modules-local-by-default@npm:4.0.5" @@ -12800,17 +13389,6 @@ __metadata: languageName: node linkType: hard -"postcss-modules-scope@npm:^3.1.1": - version: 3.1.1 - resolution: "postcss-modules-scope@npm:3.1.1" - dependencies: - postcss-selector-parser: "npm:^6.0.4" - peerDependencies: - postcss: ^8.1.0 - checksum: 10c0/3ef6ac14fcda1581bc43e37622256bd87b99ea49c59b2aae648d057d57f5ecc634648cce9910166220a797567af674bc09246ccc010f1dd58d2863b805719109 - languageName: node - linkType: hard - "postcss-modules-scope@npm:^3.2.0": version: 3.2.0 resolution: "postcss-modules-scope@npm:3.2.0" @@ -12858,13 +13436,13 @@ __metadata: languageName: node linkType: hard -"postcss-selector-parser@npm:^6.0.15, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4": - version: 6.0.15 - resolution: "postcss-selector-parser@npm:6.0.15" +"postcss-selector-parser@npm:^6.0.15, postcss-selector-parser@npm:^6.0.16, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4": + version: 6.0.16 + resolution: "postcss-selector-parser@npm:6.0.16" dependencies: cssesc: "npm:^3.0.0" util-deprecate: "npm:^1.0.2" - checksum: 10c0/48b425d6cef497bcf6b7d136f6fd95cfca43026955e07ec9290d3c15457de3a862dbf251dd36f42c07a0d5b5ab6f31e41acefeff02528995a989b955505e440b + checksum: 10c0/0e11657cb3181aaf9ff67c2e59427c4df496b4a1b6a17063fae579813f80af79d444bf38f82eeb8b15b4679653fd3089e66ef0283f9aab01874d885e6cf1d2cf languageName: node linkType: hard @@ -12895,14 +13473,14 @@ __metadata: languageName: node linkType: hard -"postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35": - version: 8.4.35 - resolution: "postcss@npm:8.4.35" +"postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.38": + version: 8.4.38 + resolution: "postcss@npm:8.4.38" dependencies: nanoid: "npm:^3.3.7" picocolors: "npm:^1.0.0" - source-map-js: "npm:^1.0.2" - checksum: 10c0/e8dd04e48001eb5857abc9475365bf08f4e508ddf9bc0b8525449a95d190f10d025acebc5b56ac2e94b3c7146790e4ae78989bb9633cb7ee20d1cc9b7dc909b2 + source-map-js: "npm:^1.2.0" + checksum: 10c0/955407b8f70cf0c14acf35dab3615899a2a60a26718a63c848cf3c29f2467b0533991b985a2b994430d890bd7ec2b1963e36352b0774a19143b5f591540f7c06 languageName: node linkType: hard @@ -13108,9 +13686,9 @@ __metadata: linkType: hard "pure-rand@npm:^6.0.0": - version: 6.0.4 - resolution: "pure-rand@npm:6.0.4" - checksum: 10c0/0fe7b12f25b10ea5b804598a6f37e4bcf645d2be6d44fe963741f014bf0095bdb6ff525106d6da6e76addc8142358fd380f1a9b8c62ea4d5516bf26a96a37c95 + version: 6.1.0 + resolution: "pure-rand@npm:6.1.0" + checksum: 10c0/1abe217897bf74dcb3a0c9aba3555fe975023147b48db540aa2faf507aee91c03bf54f6aef0eb2bf59cc259a16d06b28eca37f0dc426d94f4692aeff02fb0e65 languageName: node linkType: hard @@ -13124,11 +13702,11 @@ __metadata: linkType: hard "qs@npm:^6.10.0, qs@npm:^6.11.2": - version: 6.11.2 - resolution: "qs@npm:6.11.2" + version: 6.12.1 + resolution: "qs@npm:6.12.1" dependencies: - side-channel: "npm:^1.0.4" - checksum: 10c0/4f95d4ff18ed480befcafa3390022817ffd3087fc65f146cceb40fc5edb9fa96cb31f648cae2fa96ca23818f0798bd63ad4ca369a0e22702fcd41379b3ab6571 + side-channel: "npm:^1.0.6" + checksum: 10c0/439e6d7c6583e7c69f2cab2c39c55b97db7ce576e4c7c469082b938b7fc8746e8d547baacb69b4cd2b6666484776c3f4840ad7163a4c5326300b0afa0acdd84b languageName: node linkType: hard @@ -13218,8 +13796,8 @@ __metadata: linkType: hard "react-datepicker@npm:^6.0.0": - version: 6.6.0 - resolution: "react-datepicker@npm:6.6.0" + version: 6.8.0 + resolution: "react-datepicker@npm:6.8.0" dependencies: "@floating-ui/react": "npm:^0.26.2" clsx: "npm:^2.1.0" @@ -13229,7 +13807,7 @@ __metadata: peerDependencies: react: ^16.9.0 || ^17 || ^18 react-dom: ^16.9.0 || ^17 || ^18 - checksum: 10c0/37928f01a3e9a99c819f39559147c72bed6e844d54b1eb91d954fd61b1ea90a4375b6593412c8dc9019e25a3e814e0f4e1f64f1bc77edcb72b79ecb29b70f880 + checksum: 10c0/54f6ca1c2890eb61f86e8ea6fa5ccb7f4ba8278479ac6f59846dd142862c210b25824378d0941b1eb3f3d83b16faa8ae802a3c3e40f002fbd288e091948e40b6 languageName: node linkType: hard @@ -13437,8 +14015,8 @@ __metadata: linkType: hard "react-remove-scroll-bar@npm:^2.3.3": - version: 2.3.5 - resolution: "react-remove-scroll-bar@npm:2.3.5" + version: 2.3.6 + resolution: "react-remove-scroll-bar@npm:2.3.6" dependencies: react-style-singleton: "npm:^2.2.1" tslib: "npm:^2.0.0" @@ -13448,7 +14026,7 @@ __metadata: peerDependenciesMeta: "@types/react": optional: true - checksum: 10c0/21b2b02818b04f2c755c5062c90385420adb244107ac90ec87d43cd338760d3cc1cae6eeb59ab198bbc9e388e1a5909551e0b8a708b0d87ce221cf50951bb1fc + checksum: 10c0/4e32ee04bf655a8bd3b4aacf6ffc596ae9eb1b9ba27eef83f7002632ee75371f61516ae62250634a9eae4b2c8fc6f6982d9b182de260f6c11841841e6e2e7515 languageName: node linkType: hard @@ -13651,16 +14229,16 @@ __metadata: languageName: node linkType: hard -"recast@npm:^0.23.1, recast@npm:^0.23.3": - version: 0.23.5 - resolution: "recast@npm:0.23.5" +"recast@npm:^0.23.1, recast@npm:^0.23.3, recast@npm:^0.23.5": + version: 0.23.6 + resolution: "recast@npm:0.23.6" dependencies: ast-types: "npm:^0.16.1" esprima: "npm:~4.0.0" source-map: "npm:~0.6.1" tiny-invariant: "npm:^1.3.3" tslib: "npm:^2.0.1" - checksum: 10c0/21dc93910d12c71da77072afc3d5d4cdf97783776842efa6fd2cd7c2798d3622ace5d2f05ca5133141ef93de8a0512cbe191fe835f325bd1722f186fe449d11a + checksum: 10c0/589c1a96aea7656a844f56278ffe99e3360717991955e9409221f2c1582a922f8179c803c8d35ca61743facfa0ad895acfe73dcc76076e0717db04c508166d44 languageName: node linkType: hard @@ -13674,17 +14252,17 @@ __metadata: linkType: hard "reflect.getprototypeof@npm:^1.0.4": - version: 1.0.5 - resolution: "reflect.getprototypeof@npm:1.0.5" + version: 1.0.6 + resolution: "reflect.getprototypeof@npm:1.0.6" dependencies: - call-bind: "npm:^1.0.5" + call-bind: "npm:^1.0.7" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.22.3" - es-errors: "npm:^1.0.0" - get-intrinsic: "npm:^1.2.3" + es-abstract: "npm:^1.23.1" + es-errors: "npm:^1.3.0" + get-intrinsic: "npm:^1.2.4" globalthis: "npm:^1.0.3" which-builtin-type: "npm:^1.1.3" - checksum: 10c0/68f2a21494a9f4f5acc19bda5213236aa7fc02f9953ce2b18670c63b9ca3dec294dcabbb9d394d98cd2fc0de46b7cd6354614a60a33cabdbb5de9a6f7115f9a6 + checksum: 10c0/baf4ef8ee6ff341600f4720b251cf5a6cb552d6a6ab0fdc036988c451bf16f920e5feb0d46bd4f530a5cce568f1f7aca2d77447ca798920749cfc52783c39b55 languageName: node linkType: hard @@ -13720,7 +14298,7 @@ __metadata: languageName: node linkType: hard -"regexp.prototype.flags@npm:^1.5.0, regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2": +"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2": version: 1.5.2 resolution: "regexp.prototype.flags@npm:1.5.2" dependencies: @@ -13866,7 +14444,7 @@ __metadata: languageName: node linkType: hard -"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4": +"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4, resolve@npm:^1.22.8": version: 1.22.8 resolution: "resolve@npm:1.22.8" dependencies: @@ -13892,7 +14470,7 @@ __metadata: languageName: node linkType: hard -"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin": +"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin": version: 1.22.8 resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin::version=1.22.8&hash=c3c19d" dependencies: @@ -14020,15 +14598,15 @@ __metadata: languageName: node linkType: hard -"safe-array-concat@npm:^1.1.0": - version: 1.1.0 - resolution: "safe-array-concat@npm:1.1.0" +"safe-array-concat@npm:^1.1.2": + version: 1.1.2 + resolution: "safe-array-concat@npm:1.1.2" dependencies: - call-bind: "npm:^1.0.5" - get-intrinsic: "npm:^1.2.2" + call-bind: "npm:^1.0.7" + get-intrinsic: "npm:^1.2.4" has-symbols: "npm:^1.0.3" isarray: "npm:^2.0.5" - checksum: 10c0/833d3d950fc7507a60075f9bfaf41ec6dac7c50c7a9d62b1e6b071ecc162185881f92e594ff95c1a18301c881352dd6fd236d56999d5819559db7b92da9c28af + checksum: 10c0/12f9fdb01c8585e199a347eacc3bae7b5164ae805cdc8c6707199dbad5b9e30001a50a43c4ee24dc9ea32dbb7279397850e9208a7e217f4d8b1cf5d90129dec9 languageName: node linkType: hard @@ -14064,7 +14642,33 @@ __metadata: languageName: node linkType: hard -"sass-loader@npm:^14.0.0, sass-loader@npm:~14.1.0": +"sass-loader@npm:^14.0.0": + version: 14.2.0 + resolution: "sass-loader@npm:14.2.0" + dependencies: + neo-async: "npm:^2.6.2" + peerDependencies: + "@rspack/core": 0.x || 1.x + node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 + sass: ^1.3.0 + sass-embedded: "*" + webpack: ^5.0.0 + peerDependenciesMeta: + "@rspack/core": + optional: true + node-sass: + optional: true + sass: + optional: true + sass-embedded: + optional: true + webpack: + optional: true + checksum: 10c0/03363149c93a216c727f9d62176e95bd97da0f913f5d2480c69244a8047a9de58e7b67ff876edd19e8a5481c89809ffdeb8a06eb3f32712ed8ed5019761dd0c3 + languageName: node + linkType: hard + +"sass-loader@npm:~14.1.0": version: 14.1.1 resolution: "sass-loader@npm:14.1.1" dependencies: @@ -14091,15 +14695,15 @@ __metadata: linkType: hard "sass@npm:^1.71.1": - version: 1.71.1 - resolution: "sass@npm:1.71.1" + version: 1.75.0 + resolution: "sass@npm:1.75.0" dependencies: chokidar: "npm:>=3.0.0 <4.0.0" immutable: "npm:^4.0.0" source-map-js: "npm:>=0.6.2 <2.0.0" bin: sass: sass.js - checksum: 10c0/59d79a6e106747746792b0c71908ae0aecdaf9b794d5724ee64e5249412f0d8ebe7ee2bf12946618848f14f949c4f6b530d82da3e62ab31c71198c6f73002130 + checksum: 10c0/1564ab2c8041c99a330cec93127fe8abcf65ac63eecb471610ed7f3126a2599a58b788a3a98eb8719f7f40b9b04e00c92bc9e11a9c2180ad582b8cba9fb030b0 languageName: node linkType: hard @@ -14176,7 +14780,7 @@ __metadata: languageName: node linkType: hard -"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4": +"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0": version: 7.6.0 resolution: "semver@npm:7.6.0" dependencies: @@ -14230,20 +14834,20 @@ __metadata: linkType: hard "set-function-length@npm:^1.2.1": - version: 1.2.1 - resolution: "set-function-length@npm:1.2.1" + version: 1.2.2 + resolution: "set-function-length@npm:1.2.2" dependencies: - define-data-property: "npm:^1.1.2" + define-data-property: "npm:^1.1.4" es-errors: "npm:^1.3.0" function-bind: "npm:^1.1.2" - get-intrinsic: "npm:^1.2.3" + get-intrinsic: "npm:^1.2.4" gopd: "npm:^1.0.1" - has-property-descriptors: "npm:^1.0.1" - checksum: 10c0/1927e296599f2c04d210c1911f1600430a5e49e04a6d8bb03dca5487b95a574da9968813a2ced9a774bd3e188d4a6208352c8f64b8d4674cdb021dca21e190ca + has-property-descriptors: "npm:^1.0.2" + checksum: 10c0/82850e62f412a258b71e123d4ed3873fa9377c216809551192bb6769329340176f109c2eeae8c22a8d386c76739855f78e8716515c818bcaef384b51110f0f3c languageName: node linkType: hard -"set-function-name@npm:^2.0.0, set-function-name@npm:^2.0.1": +"set-function-name@npm:^2.0.1, set-function-name@npm:^2.0.2": version: 2.0.2 resolution: "set-function-name@npm:2.0.2" dependencies: @@ -14294,7 +14898,7 @@ __metadata: languageName: node linkType: hard -"side-channel@npm:^1.0.4": +"side-channel@npm:^1.0.4, side-channel@npm:^1.0.6": version: 1.0.6 resolution: "side-channel@npm:1.0.6" dependencies: @@ -14362,31 +14966,31 @@ __metadata: languageName: node linkType: hard -"socks-proxy-agent@npm:^8.0.1": - version: 8.0.2 - resolution: "socks-proxy-agent@npm:8.0.2" +"socks-proxy-agent@npm:^8.0.3": + version: 8.0.3 + resolution: "socks-proxy-agent@npm:8.0.3" dependencies: - agent-base: "npm:^7.0.2" + agent-base: "npm:^7.1.1" debug: "npm:^4.3.4" socks: "npm:^2.7.1" - checksum: 10c0/a842402fc9b8848a31367f2811ca3cd14c4106588b39a0901cd7a69029998adfc6456b0203617c18ed090542ad0c24ee4e9d4c75a0c4b75071e214227c177eb7 + checksum: 10c0/4950529affd8ccd6951575e21c1b7be8531b24d924aa4df3ee32df506af34b618c4e50d261f4cc603f1bfd8d426915b7d629966c8ce45b05fb5ad8c8b9a6459d languageName: node linkType: hard "socks@npm:^2.7.1": - version: 2.8.1 - resolution: "socks@npm:2.8.1" + version: 2.8.3 + resolution: "socks@npm:2.8.3" dependencies: ip-address: "npm:^9.0.5" smart-buffer: "npm:^4.2.0" - checksum: 10c0/ac77b515c260473cc7c4452f09b20939e22510ce3ae48385c516d1d5784374d5cc75be3cb18ff66cc985a7f4f2ef8fef84e984c5ec70aad58355ed59241f40a8 + checksum: 10c0/d54a52bf9325165770b674a67241143a3d8b4e4c8884560c4e0e078aace2a728dffc7f70150660f51b85797c4e1a3b82f9b7aa25e0a0ceae1a243365da5c51a7 languageName: node linkType: hard -"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.0.2": - version: 1.0.2 - resolution: "source-map-js@npm:1.0.2" - checksum: 10c0/32f2dfd1e9b7168f9a9715eb1b4e21905850f3b50cf02cf476e47e4eebe8e6b762b63a64357896aa29b37e24922b4282df0f492e0d2ace572b43d15525976ff8 +"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.0": + version: 1.2.0 + resolution: "source-map-js@npm:1.2.0" + checksum: 10c0/7e5f896ac10a3a50fe2898e5009c58ff0dc102dcb056ed27a354623a0ece8954d4b2649e1a1b2b52ef2e161d26f8859c7710350930751640e71e374fe2d321a4 languageName: node linkType: hard @@ -14596,52 +15200,56 @@ __metadata: linkType: hard "string.prototype.matchall@npm:^4.0.10": - version: 4.0.10 - resolution: "string.prototype.matchall@npm:4.0.10" + version: 4.0.11 + resolution: "string.prototype.matchall@npm:4.0.11" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - get-intrinsic: "npm:^1.2.1" + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.2" + es-errors: "npm:^1.3.0" + es-object-atoms: "npm:^1.0.0" + get-intrinsic: "npm:^1.2.4" + gopd: "npm:^1.0.1" has-symbols: "npm:^1.0.3" - internal-slot: "npm:^1.0.5" - regexp.prototype.flags: "npm:^1.5.0" - set-function-name: "npm:^2.0.0" - side-channel: "npm:^1.0.4" - checksum: 10c0/cd7495fb0de16d43efeee3887b98701941f3817bd5f09351ad1825b023d307720c86394d56d56380563d97767ab25bf5448db239fcecbb85c28e2180f23e324a + internal-slot: "npm:^1.0.7" + regexp.prototype.flags: "npm:^1.5.2" + set-function-name: "npm:^2.0.2" + side-channel: "npm:^1.0.6" + checksum: 10c0/915a2562ac9ab5e01b7be6fd8baa0b2b233a0a9aa975fcb2ec13cc26f08fb9a3e85d5abdaa533c99c6fc4c5b65b914eba3d80c4aff9792a4c9fed403f28f7d9d languageName: node linkType: hard -"string.prototype.trim@npm:^1.2.1, string.prototype.trim@npm:^1.2.8": - version: 1.2.8 - resolution: "string.prototype.trim@npm:1.2.8" +"string.prototype.trim@npm:^1.2.1, string.prototype.trim@npm:^1.2.9": + version: 1.2.9 + resolution: "string.prototype.trim@npm:1.2.9" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/4f76c583908bcde9a71208ddff38f67f24c9ec8093631601666a0df8b52fad44dad2368c78895ce83eb2ae8e7068294cc96a02fc971ab234e4d5c9bb61ea4e34 + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.0" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/dcef1a0fb61d255778155006b372dff8cc6c4394bc39869117e4241f41a2c52899c0d263ffc7738a1f9e61488c490b05c0427faa15151efad721e1a9fb2663c2 languageName: node linkType: hard -"string.prototype.trimend@npm:^1.0.7": - version: 1.0.7 - resolution: "string.prototype.trimend@npm:1.0.7" +"string.prototype.trimend@npm:^1.0.8": + version: 1.0.8 + resolution: "string.prototype.trimend@npm:1.0.8" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/53c24911c7c4d8d65f5ef5322de23a3d5b6b4db73273e05871d5ab4571ae5638f38f7f19d71d09116578fb060e5a145cc6a208af2d248c8baf7a34f44d32ce57 + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/0a0b54c17c070551b38e756ae271865ac6cc5f60dabf2e7e343cceae7d9b02e1a1120a824e090e79da1b041a74464e8477e2da43e2775c85392be30a6f60963c languageName: node linkType: hard -"string.prototype.trimstart@npm:^1.0.7": - version: 1.0.7 - resolution: "string.prototype.trimstart@npm:1.0.7" +"string.prototype.trimstart@npm:^1.0.8": + version: 1.0.8 + resolution: "string.prototype.trimstart@npm:1.0.8" dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - checksum: 10c0/0bcf391b41ea16d4fda9c9953d0a7075171fe090d33b4cf64849af94944c50862995672ac03e0c5dba2940a213ad7f53515a668dac859ce22a0276289ae5cf4f + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-object-atoms: "npm:^1.0.0" + checksum: 10c0/d53af1899959e53c83b64a5fd120be93e067da740e7e75acb433849aa640782fb6c7d4cd5b84c954c84413745a3764df135a8afeb22908b86a835290788d8366 languageName: node linkType: hard @@ -14856,8 +15464,8 @@ __metadata: linkType: hard "stylelint-scss@npm:^6.0.0": - version: 6.2.0 - resolution: "stylelint-scss@npm:6.2.0" + version: 6.2.1 + resolution: "stylelint-scss@npm:6.2.1" dependencies: known-css-properties: "npm:^0.29.0" postcss-media-query-parser: "npm:^0.2.3" @@ -14866,18 +15474,19 @@ __metadata: postcss-value-parser: "npm:^4.2.0" peerDependencies: stylelint: ^16.0.2 - checksum: 10c0/d4b5ebaee3686ab34b272cbfc64f5c2574a128b06b3eb8e2a9cce38b57a1309dbbcb212bedba8d3f7d6277b4907a16f29abb767a5f15aa7e03f2a2059832bddb + checksum: 10c0/a3563e422fd8d27c14497d8922c9bb1285400aa41fa11ebdc3d0ec685ea69f732a4f1c1ac3bc34bfb7c4f8f8d97bb1bba2ebf003a03f7d0bdf79a1bad1282702 languageName: node linkType: hard "stylelint@npm:^16.2.1": - version: 16.2.1 - resolution: "stylelint@npm:16.2.1" - dependencies: - "@csstools/css-parser-algorithms": "npm:^2.5.0" - "@csstools/css-tokenizer": "npm:^2.2.3" - "@csstools/media-query-list-parser": "npm:^2.1.7" - "@csstools/selector-specificity": "npm:^3.0.1" + version: 16.3.1 + resolution: "stylelint@npm:16.3.1" + dependencies: + "@csstools/css-parser-algorithms": "npm:^2.6.1" + "@csstools/css-tokenizer": "npm:^2.2.4" + "@csstools/media-query-list-parser": "npm:^2.1.9" + "@csstools/selector-specificity": "npm:^3.0.2" + "@dual-bundle/import-meta-resolve": "npm:^4.0.0" balanced-match: "npm:^2.0.0" colord: "npm:^2.9.3" cosmiconfig: "npm:^9.0.0" @@ -14891,19 +15500,19 @@ __metadata: globby: "npm:^11.1.0" globjoin: "npm:^0.1.4" html-tags: "npm:^3.3.1" - ignore: "npm:^5.3.0" + ignore: "npm:^5.3.1" imurmurhash: "npm:^0.1.4" is-plain-object: "npm:^5.0.0" - known-css-properties: "npm:^0.29.0" + known-css-properties: "npm:^0.30.0" mathml-tag-names: "npm:^2.1.3" - meow: "npm:^13.1.0" + meow: "npm:^13.2.0" micromatch: "npm:^4.0.5" normalize-path: "npm:^3.0.0" picocolors: "npm:^1.0.0" - postcss: "npm:^8.4.33" + postcss: "npm:^8.4.38" postcss-resolve-nested-selector: "npm:^0.1.1" postcss-safe-parser: "npm:^7.0.0" - postcss-selector-parser: "npm:^6.0.15" + postcss-selector-parser: "npm:^6.0.16" postcss-value-parser: "npm:^4.2.0" resolve-from: "npm:^5.0.0" string-width: "npm:^4.2.3" @@ -14914,7 +15523,7 @@ __metadata: write-file-atomic: "npm:^5.0.1" bin: stylelint: bin/stylelint.mjs - checksum: 10c0/eeaba06885e542c832e5cffc07b2d0dabdc5a72e6ad4d6cb3d01dcc260c29a712b0b935cbd40e059abd68a100e0563fbc617fc4c9bef3b14ecaf6eea651d9d9d + checksum: 10c0/1660bb359002ff8e07cea044018b13abc73f48cf02a5062953b086f4d58611cd10677787560774c1acabeb192b6d059ce7fcf4c11defa7f64e50dca908fc664f languageName: node linkType: hard @@ -15019,7 +15628,7 @@ __metadata: languageName: node linkType: hard -"tabbable@npm:^6.0.1": +"tabbable@npm:^6.0.0": version: 6.2.0 resolution: "tabbable@npm:6.2.0" checksum: 10c0/ced8b38f05f2de62cd46836d77c2646c42b8c9713f5bd265daf0e78ff5ac73d3ba48a7ca45f348bafeef29b23da7187c72250742d37627883ef89cbd7fa76898 @@ -15027,15 +15636,15 @@ __metadata: linkType: hard "table@npm:^6.8.1": - version: 6.8.1 - resolution: "table@npm:6.8.1" + version: 6.8.2 + resolution: "table@npm:6.8.2" dependencies: ajv: "npm:^8.0.1" lodash.truncate: "npm:^4.4.2" slice-ansi: "npm:^4.0.0" string-width: "npm:^4.2.3" strip-ansi: "npm:^6.0.1" - checksum: 10c0/591ed84b2438b01c9bc02248e2238e21e8bfb73654bc5acca0d469053eb39be3db2f57d600dcf08ac983b6f50f80842c44612c03877567c2afee3aec4a033e5f + checksum: 10c0/f8b348af38ee34e419d8ce7306ba00671ce6f20e861ccff22555f491ba264e8416086063ce278a8d81abfa8d23b736ec2cca7ac4029b5472f63daa4b4688b803 languageName: node linkType: hard @@ -15072,8 +15681,8 @@ __metadata: linkType: hard "tar@npm:^6.1.11, tar@npm:^6.1.2, tar@npm:^6.2.0": - version: 6.2.0 - resolution: "tar@npm:6.2.0" + version: 6.2.1 + resolution: "tar@npm:6.2.1" dependencies: chownr: "npm:^2.0.0" fs-minipass: "npm:^2.0.0" @@ -15081,7 +15690,7 @@ __metadata: minizlib: "npm:^2.1.1" mkdirp: "npm:^1.0.3" yallist: "npm:^4.0.0" - checksum: 10c0/02ca064a1a6b4521fef88c07d389ac0936730091f8c02d30ea60d472e0378768e870769ab9e986d87807bfee5654359cf29ff4372746cc65e30cbddc352660d8 + checksum: 10c0/a5eca3eb50bc11552d453488344e6507156b9193efd7635e98e867fab275d527af53d8866e2370cd09dfe74378a18111622ace35af6a608e5223a7d27fe99537 languageName: node linkType: hard @@ -15162,8 +15771,8 @@ __metadata: linkType: hard "terser@npm:^5.10.0, terser@npm:^5.26.0": - version: 5.28.1 - resolution: "terser@npm:5.28.1" + version: 5.30.3 + resolution: "terser@npm:5.30.3" dependencies: "@jridgewell/source-map": "npm:^0.3.3" acorn: "npm:^8.8.2" @@ -15171,7 +15780,7 @@ __metadata: source-map-support: "npm:~0.5.20" bin: terser: bin/terser - checksum: 10c0/e0d9a3cd260b4e35b49e828687658e36b0f50dce7cc2e18f024725846013ffa0e9eb8ac61a7a1bbf6684e6c14493ccf155a0f5937a47c746f534208f9000ac29 + checksum: 10c0/ab5a8afef2e7a3b12a0fd17f9ff984fe02aefa945985eb139ab9984280d523a1104021eda889a7f993b69a67574ceb8fd0db8b76e5efc6a7607246db51bcc0b6 languageName: node linkType: hard @@ -15289,12 +15898,12 @@ __metadata: languageName: node linkType: hard -"ts-api-utils@npm:^1.0.1": - version: 1.2.1 - resolution: "ts-api-utils@npm:1.2.1" +"ts-api-utils@npm:^1.3.0": + version: 1.3.0 + resolution: "ts-api-utils@npm:1.3.0" peerDependencies: typescript: ">=4.2.0" - checksum: 10c0/8ddb493e7ae581d3f57a2e469142feb60b420d4ad8366ab969fe8e36531f8f301f370676b47e8d97f28b5f5fd10d6f2d55f656943a8546ef95e35ce5cf117754 + checksum: 10c0/f54a0ba9ed56ce66baea90a3fa087a484002e807f28a8ccb2d070c75e76bde64bd0f6dce98b3802834156306050871b67eec325cb4e918015a360a3f0868c77c languageName: node linkType: hard @@ -15375,6 +15984,17 @@ __metadata: languageName: node linkType: hard +"tsconfig-paths@npm:^4.2.0": + version: 4.2.0 + resolution: "tsconfig-paths@npm:4.2.0" + dependencies: + json5: "npm:^2.2.2" + minimist: "npm:^1.2.6" + strip-bom: "npm:^3.0.0" + checksum: 10c0/09a5877402d082bb1134930c10249edeebc0211f36150c35e1c542e5b91f1047b1ccf7da1e59babca1ef1f014c525510f4f870de7c9bda470c73bb4e2721b3ea + languageName: node + linkType: hard + "tslib@npm:^1.13.0, tslib@npm:^1.8.1": version: 1.14.1 resolution: "tslib@npm:1.14.1" @@ -15466,9 +16086,9 @@ __metadata: linkType: hard "type-fest@npm:^4.2.0": - version: 4.11.0 - resolution: "type-fest@npm:4.11.0" - checksum: 10c0/1c76c9d8d913fbb1fcdb7fdb51fb09bebe0dd5781175c6418759f5ebaf2a7275307dfc5b0a3badf8cd872c2d4c0f07b8ec5d0897ce4d96c2af336fdc991fe2fb + version: 4.15.0 + resolution: "type-fest@npm:4.15.0" + checksum: 10c0/677a7da18dbbe07668bdf47fcb976fdcbea77e118156a7245182fdf65633d69228ce773b0022d507636945a8f22b593e09a3c08f695d2aecf96f035ff0186825 languageName: node linkType: hard @@ -15520,9 +16140,9 @@ __metadata: languageName: node linkType: hard -"typed-array-length@npm:^1.0.5": - version: 1.0.5 - resolution: "typed-array-length@npm:1.0.5" +"typed-array-length@npm:^1.0.6": + version: 1.0.6 + resolution: "typed-array-length@npm:1.0.6" dependencies: call-bind: "npm:^1.0.7" for-each: "npm:^0.3.3" @@ -15530,7 +16150,7 @@ __metadata: has-proto: "npm:^1.0.3" is-typed-array: "npm:^1.1.13" possible-typed-array-names: "npm:^1.0.0" - checksum: 10c0/5cc0f79196e70a92f8f40846cfa62b3de6be51e83f73655e137116cf65e3c29a288502b18cc8faf33c943c2470a4569009e1d6da338441649a2db2f135761ad5 + checksum: 10c0/74253d7dc488eb28b6b2711cf31f5a9dcefc9c41b0681fd1c178ed0a1681b4468581a3626d39cd4df7aee3d3927ab62be06aa9ca74e5baf81827f61641445b77 languageName: node linkType: hard @@ -15541,17 +16161,7 @@ __metadata: languageName: node linkType: hard -"typescript@npm:^5.3.3": - version: 5.3.3 - resolution: "typescript@npm:5.3.3" - bin: - tsc: bin/tsc - tsserver: bin/tsserver - checksum: 10c0/e33cef99d82573624fc0f854a2980322714986bc35b9cb4d1ce736ed182aeab78e2cb32b385efa493b2a976ef52c53e20d6c6918312353a91850e2b76f1ea44f - languageName: node - linkType: hard - -"typescript@npm:~5.4.0": +"typescript@npm:^5.3.3, typescript@npm:~5.4.0": version: 5.4.5 resolution: "typescript@npm:5.4.5" bin: @@ -15561,17 +16171,7 @@ __metadata: languageName: node linkType: hard -"typescript@patch:typescript@npm%3A^5.3.3#optional!builtin": - version: 5.3.3 - resolution: "typescript@patch:typescript@npm%3A5.3.3#optional!builtin::version=5.3.3&hash=e012d7" - bin: - tsc: bin/tsc - tsserver: bin/tsserver - checksum: 10c0/1d0a5f4ce496c42caa9a30e659c467c5686eae15d54b027ee7866744952547f1be1262f2d40de911618c242b510029d51d43ff605dba8fb740ec85ca2d3f9500 - languageName: node - linkType: hard - -"typescript@patch:typescript@npm%3A~5.4.0#optional!builtin": +"typescript@patch:typescript@npm%3A^5.3.3#optional!builtin, typescript@patch:typescript@npm%3A~5.4.0#optional!builtin": version: 5.4.5 resolution: "typescript@patch:typescript@npm%3A5.4.5#optional!builtin::version=5.4.5&hash=5adc0c" bin: @@ -15582,9 +16182,9 @@ __metadata: linkType: hard "ufo@npm:^1.4.0": - version: 1.4.0 - resolution: "ufo@npm:1.4.0" - checksum: 10c0/d9a3cb8c5fd13356e0af661362244fd0a901edcdd08996f42553271007cae01e85dcec29a3303a87ddab6aa705cbd630332aaa8c268d037483536b198fa67a7c + version: 1.5.3 + resolution: "ufo@npm:1.5.3" + checksum: 10c0/1df10702582aa74f4deac4486ecdfd660e74be057355f1afb6adfa14243476cf3d3acff734ccc3d0b74e9bfdefe91d578f3edbbb0a5b2430fe93cd672370e024 languageName: node linkType: hard @@ -15724,14 +16324,14 @@ __metadata: linkType: hard "unplugin@npm:^1.3.1": - version: 1.8.0 - resolution: "unplugin@npm:1.8.0" + version: 1.10.1 + resolution: "unplugin@npm:1.10.1" dependencies: acorn: "npm:^8.11.3" chokidar: "npm:^3.6.0" webpack-sources: "npm:^3.2.3" webpack-virtual-modules: "npm:^0.6.1" - checksum: 10c0/a8af60172102b4d41176020f5de466a5854c76a7742c2534ac47cea91d78239aa2b200b80b44a221a144b6785c814212eee4b23fc4191b7ac59116240f3c71b6 + checksum: 10c0/6fe469785a46ff2a2d5c077db8b8b8d2c5429016f2561cffed4eb0068ea085c50b8c503891a4ea028f8226da0b9a8b878118a0b9eeded511b53adec4edbb38d3 languageName: node linkType: hard @@ -15786,8 +16386,8 @@ __metadata: linkType: hard "use-callback-ref@npm:^1.3.0": - version: 1.3.1 - resolution: "use-callback-ref@npm:1.3.1" + version: 1.3.2 + resolution: "use-callback-ref@npm:1.3.2" dependencies: tslib: "npm:^2.0.0" peerDependencies: @@ -15796,7 +16396,7 @@ __metadata: peerDependenciesMeta: "@types/react": optional: true - checksum: 10c0/6666cd62e13053d03e453b5199037cb8f6475a8f55afd664ff488bd8f2ee2ede4da3b220dd7e60f5ecd4926133364fbf4b1aed463eeb8203e7c5be3b1533b59b + checksum: 10c0/d232c37160fe3970c99255da19b5fb5299fb5926a5d6141d928a87feb47732c323d29be2f8137d3b1e5499c70d284cd1d9cfad703cc58179db8be24d7dd8f1f2 languageName: node linkType: hard @@ -15942,13 +16542,13 @@ __metadata: languageName: node linkType: hard -"watchpack@npm:^2.2.0, watchpack@npm:^2.4.0": - version: 2.4.0 - resolution: "watchpack@npm:2.4.0" +"watchpack@npm:^2.2.0, watchpack@npm:^2.4.1": + version: 2.4.1 + resolution: "watchpack@npm:2.4.1" dependencies: glob-to-regexp: "npm:^0.4.1" graceful-fs: "npm:^4.1.2" - checksum: 10c0/c5e35f9fb9338d31d2141d9835643c0f49b5f9c521440bb648181059e5940d93dd8ed856aa8a33fbcdd4e121dad63c7e8c15c063cf485429cd9d427be197fe62 + checksum: 10c0/c694de0a61004e587a8a0fdc9cfec20ee692c52032d9ab2c2e99969a37fdab9e6e1bd3164ed506f9a13f7c83e65563d563e0d6b87358470cdb7309b83db78683 languageName: node linkType: hard @@ -16007,9 +16607,9 @@ __metadata: languageName: node linkType: hard -"webpack-dev-middleware@npm:^6.1.1": - version: 6.1.1 - resolution: "webpack-dev-middleware@npm:6.1.1" +"webpack-dev-middleware@npm:^6.1.1, webpack-dev-middleware@npm:^6.1.2": + version: 6.1.3 + resolution: "webpack-dev-middleware@npm:6.1.3" dependencies: colorette: "npm:^2.0.10" memfs: "npm:^3.4.12" @@ -16021,7 +16621,7 @@ __metadata: peerDependenciesMeta: webpack: optional: true - checksum: 10c0/f8f5b7f7591fa3e4d4008b28ab2b5c13367a24587257e3e37cff31e2d8a6c859de5294af83c79e8faf3137db194377f392fffacdf5010b5c1311eba6f9b71568 + checksum: 10c0/0f31670835f3c0f588392235a6183facf314c0dca312467254a56458142be6fee746f7f6b304f281c740364fd36f256c597ab37d87e5971633cee2f70a8cd5e7 languageName: node linkType: hard @@ -16069,24 +16669,24 @@ __metadata: linkType: hard "webpack@npm:^5": - version: 5.90.3 - resolution: "webpack@npm:5.90.3" + version: 5.91.0 + resolution: "webpack@npm:5.91.0" dependencies: "@types/eslint-scope": "npm:^3.7.3" "@types/estree": "npm:^1.0.5" - "@webassemblyjs/ast": "npm:^1.11.5" - "@webassemblyjs/wasm-edit": "npm:^1.11.5" - "@webassemblyjs/wasm-parser": "npm:^1.11.5" + "@webassemblyjs/ast": "npm:^1.12.1" + "@webassemblyjs/wasm-edit": "npm:^1.12.1" + "@webassemblyjs/wasm-parser": "npm:^1.12.1" acorn: "npm:^8.7.1" acorn-import-assertions: "npm:^1.9.0" browserslist: "npm:^4.21.10" chrome-trace-event: "npm:^1.0.2" - enhanced-resolve: "npm:^5.15.0" + enhanced-resolve: "npm:^5.16.0" es-module-lexer: "npm:^1.2.1" eslint-scope: "npm:5.1.1" events: "npm:^3.2.0" glob-to-regexp: "npm:^0.4.1" - graceful-fs: "npm:^4.2.9" + graceful-fs: "npm:^4.2.11" json-parse-even-better-errors: "npm:^2.3.1" loader-runner: "npm:^4.2.0" mime-types: "npm:^2.1.27" @@ -16094,14 +16694,14 @@ __metadata: schema-utils: "npm:^3.2.0" tapable: "npm:^2.1.1" terser-webpack-plugin: "npm:^5.3.10" - watchpack: "npm:^2.4.0" + watchpack: "npm:^2.4.1" webpack-sources: "npm:^3.2.3" peerDependenciesMeta: webpack-cli: optional: true bin: webpack: bin/webpack.js - checksum: 10c0/f737aa871cadbbae89833eb85387f1bf9ee0768f039100a3c8134f2fdcc78c3230ca775c373b1aa467b272f74c6831e119f7a8a1c14dcac97327212be9c93eeb + checksum: 10c0/74a3e0ea1c9a492accf035317f31769ffeaaab415811524b9f17bc7bf7012c5b6e1a9860df5ca6903f3ae2618727b801eb47d9351a2595dfffb25941d368b88c languageName: node linkType: hard @@ -16175,27 +16775,27 @@ __metadata: linkType: hard "which-collection@npm:^1.0.1": - version: 1.0.1 - resolution: "which-collection@npm:1.0.1" + version: 1.0.2 + resolution: "which-collection@npm:1.0.2" dependencies: - is-map: "npm:^2.0.1" - is-set: "npm:^2.0.1" - is-weakmap: "npm:^2.0.1" - is-weakset: "npm:^2.0.1" - checksum: 10c0/249f913e1758ed2f06f00706007d87dc22090a80591a56917376e70ecf8fc9ab6c41d98e1c87208bb9648676f65d4b09c0e4d23c56c7afb0f0a73a27d701df5d + is-map: "npm:^2.0.3" + is-set: "npm:^2.0.3" + is-weakmap: "npm:^2.0.2" + is-weakset: "npm:^2.0.3" + checksum: 10c0/3345fde20964525a04cdf7c4a96821f85f0cc198f1b2ecb4576e08096746d129eb133571998fe121c77782ac8f21cbd67745a3d35ce100d26d4e684c142ea1f2 languageName: node linkType: hard -"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.2, which-typed-array@npm:^1.1.9": - version: 1.1.14 - resolution: "which-typed-array@npm:1.1.14" +"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.2, which-typed-array@npm:^1.1.9": + version: 1.1.15 + resolution: "which-typed-array@npm:1.1.15" dependencies: - available-typed-arrays: "npm:^1.0.6" - call-bind: "npm:^1.0.5" + available-typed-arrays: "npm:^1.0.7" + call-bind: "npm:^1.0.7" for-each: "npm:^0.3.3" gopd: "npm:^1.0.1" - has-tostringtag: "npm:^1.0.1" - checksum: 10c0/0960f1e77807058819451b98c51d4cd72031593e8de990b24bd3fc22e176f5eee22921d68d852297c786aec117689f0423ed20aa4fde7ce2704d680677891f56 + has-tostringtag: "npm:^1.0.2" + checksum: 10c0/4465d5348c044032032251be54d8988270e69c6b7154f8fcb2a47ff706fe36f7624b3a24246b8d9089435a8f4ec48c1c1025c5d6b499456b9e5eff4f48212983 languageName: node linkType: hard From 23340131bf0442b5b2f09c23d81d12296b992e1a Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 11:00:44 -0400 Subject: [PATCH 49/52] fix(tag): yarn lock from master --- yarn.lock | 2022 +++++++++++++++++++++++------------------------------ 1 file changed, 868 insertions(+), 1154 deletions(-) diff --git a/yarn.lock b/yarn.lock index 24ee3c4929..e72b6c912b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -40,7 +40,17 @@ __metadata: languageName: node linkType: hard -"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.1, @babel/code-frame@npm:^7.24.2": +"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.23.5": + version: 7.23.5 + resolution: "@babel/code-frame@npm:7.23.5" + dependencies: + "@babel/highlight": "npm:^7.23.4" + chalk: "npm:^2.4.2" + checksum: 10c0/a10e843595ddd9f97faa99917414813c06214f4d9205294013e20c70fbdf4f943760da37dec1d998bf3e6fc20fa2918a47c0e987a7e458663feb7698063ad7c6 + languageName: node + linkType: hard + +"@babel/code-frame@npm:^7.24.1, @babel/code-frame@npm:^7.24.2": version: 7.24.2 resolution: "@babel/code-frame@npm:7.24.2" dependencies: @@ -50,7 +60,14 @@ __metadata: languageName: node linkType: hard -"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.23.5, @babel/compat-data@npm:^7.24.4": +"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.23.5": + version: 7.23.5 + resolution: "@babel/compat-data@npm:7.23.5" + checksum: 10c0/081278ed46131a890ad566a59c61600a5f9557bd8ee5e535890c8548192532ea92590742fd74bd9db83d74c669ef8a04a7e1c85cdea27f960233e3b83c3a957c + languageName: node + linkType: hard + +"@babel/compat-data@npm:^7.24.4": version: 7.24.4 resolution: "@babel/compat-data@npm:7.24.4" checksum: 10c0/9cd8a9cd28a5ca6db5d0e27417d609f95a8762b655e8c9c97fd2de08997043ae99f0139007083c5e607601c6122e8432c85fe391731b19bf26ad458fa0c60dd3 @@ -80,7 +97,31 @@ __metadata: languageName: node linkType: hard -"@babel/generator@npm:^7.23.0, @babel/generator@npm:^7.24.1, @babel/generator@npm:^7.24.4, @babel/generator@npm:^7.7.2": +"@babel/generator@npm:^7.23.0, @babel/generator@npm:^7.23.6, @babel/generator@npm:^7.7.2": + version: 7.23.6 + resolution: "@babel/generator@npm:7.23.6" + dependencies: + "@babel/types": "npm:^7.23.6" + "@jridgewell/gen-mapping": "npm:^0.3.2" + "@jridgewell/trace-mapping": "npm:^0.3.17" + jsesc: "npm:^2.5.1" + checksum: 10c0/53540e905cd10db05d9aee0a5304e36927f455ce66f95d1253bb8a179f286b88fa7062ea0db354c566fe27f8bb96567566084ffd259f8feaae1de5eccc8afbda + languageName: node + linkType: hard + +"@babel/generator@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/generator@npm:7.24.1" + dependencies: + "@babel/types": "npm:^7.24.0" + "@jridgewell/gen-mapping": "npm:^0.3.5" + "@jridgewell/trace-mapping": "npm:^0.3.25" + jsesc: "npm:^2.5.1" + checksum: 10c0/f0eea7497657cdf68cfb4b7d181588e1498eefd1f303d73b0d8ca9b21a6db27136a6f5beb8f988b6bdcd4249870826080950450fd310951de42ecf36df274881 + languageName: node + linkType: hard + +"@babel/generator@npm:^7.24.4": version: 7.24.4 resolution: "@babel/generator@npm:7.24.4" dependencies: @@ -123,7 +164,45 @@ __metadata: languageName: node linkType: hard -"@babel/helper-create-class-features-plugin@npm:^7.24.1, @babel/helper-create-class-features-plugin@npm:^7.24.4": +"@babel/helper-create-class-features-plugin@npm:^7.22.15": + version: 7.24.0 + resolution: "@babel/helper-create-class-features-plugin@npm:7.24.0" + dependencies: + "@babel/helper-annotate-as-pure": "npm:^7.22.5" + "@babel/helper-environment-visitor": "npm:^7.22.20" + "@babel/helper-function-name": "npm:^7.23.0" + "@babel/helper-member-expression-to-functions": "npm:^7.23.0" + "@babel/helper-optimise-call-expression": "npm:^7.22.5" + "@babel/helper-replace-supers": "npm:^7.22.20" + "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" + "@babel/helper-split-export-declaration": "npm:^7.22.6" + semver: "npm:^6.3.1" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10c0/341548496df202805489422a160bba75b111d994c64d788a397c35f01784632af48bf06023af8aa2fe72c2c254f8c885b4e0f7f3df5ef17a37370f2feaf80328 + languageName: node + linkType: hard + +"@babel/helper-create-class-features-plugin@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/helper-create-class-features-plugin@npm:7.24.1" + dependencies: + "@babel/helper-annotate-as-pure": "npm:^7.22.5" + "@babel/helper-environment-visitor": "npm:^7.22.20" + "@babel/helper-function-name": "npm:^7.23.0" + "@babel/helper-member-expression-to-functions": "npm:^7.23.0" + "@babel/helper-optimise-call-expression": "npm:^7.22.5" + "@babel/helper-replace-supers": "npm:^7.24.1" + "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" + "@babel/helper-split-export-declaration": "npm:^7.22.6" + semver: "npm:^6.3.1" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10c0/45372890634c37deefc81f44b7d958fe210f7da7d8a2239c9849c6041a56536f74bf3aa2d115bc06d5680d0dc49c1303f74a045d76ae0dd1592c7d5c0c268ebc + languageName: node + linkType: hard + +"@babel/helper-create-class-features-plugin@npm:^7.24.4": version: 7.24.4 resolution: "@babel/helper-create-class-features-plugin@npm:7.24.4" dependencies: @@ -196,7 +275,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-member-expression-to-functions@npm:^7.23.0": +"@babel/helper-member-expression-to-functions@npm:^7.22.15, @babel/helper-member-expression-to-functions@npm:^7.23.0": version: 7.23.0 resolution: "@babel/helper-member-expression-to-functions@npm:7.23.0" dependencies: @@ -205,7 +284,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.1": +"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.22.5": + version: 7.22.15 + resolution: "@babel/helper-module-imports@npm:7.22.15" + dependencies: + "@babel/types": "npm:^7.22.15" + checksum: 10c0/4e0d7fc36d02c1b8c8b3006dfbfeedf7a367d3334a04934255de5128115ea0bafdeb3e5736a2559917f0653e4e437400d54542da0468e08d3cbc86d3bbfa8f30 + languageName: node + linkType: hard + +"@babel/helper-module-imports@npm:^7.24.1": version: 7.24.3 resolution: "@babel/helper-module-imports@npm:7.24.3" dependencies: @@ -258,6 +346,19 @@ __metadata: languageName: node linkType: hard +"@babel/helper-replace-supers@npm:^7.22.20": + version: 7.22.20 + resolution: "@babel/helper-replace-supers@npm:7.22.20" + dependencies: + "@babel/helper-environment-visitor": "npm:^7.22.20" + "@babel/helper-member-expression-to-functions": "npm:^7.22.15" + "@babel/helper-optimise-call-expression": "npm:^7.22.5" + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 10c0/6b0858811ad46873817c90c805015d63300e003c5a85c147a17d9845fa2558a02047c3cc1f07767af59014b2dd0fa75b503e5bc36e917f360e9b67bb6f1e79f4 + languageName: node + linkType: hard + "@babel/helper-replace-supers@npm:^7.24.1": version: 7.24.1 resolution: "@babel/helper-replace-supers@npm:7.24.1" @@ -299,9 +400,9 @@ __metadata: linkType: hard "@babel/helper-string-parser@npm:^7.23.4": - version: 7.24.1 - resolution: "@babel/helper-string-parser@npm:7.24.1" - checksum: 10c0/2f9bfcf8d2f9f083785df0501dbab92770111ece2f90d120352fda6dd2a7d47db11b807d111e6f32aa1ba6d763fe2dc6603d153068d672a5d0ad33ca802632b2 + version: 7.23.4 + resolution: "@babel/helper-string-parser@npm:7.23.4" + checksum: 10c0/f348d5637ad70b6b54b026d6544bd9040f78d24e7ec245a0fc42293968181f6ae9879c22d89744730d246ce8ec53588f716f102addd4df8bbc79b73ea10004ac languageName: node linkType: hard @@ -341,6 +442,17 @@ __metadata: languageName: node linkType: hard +"@babel/highlight@npm:^7.23.4": + version: 7.23.4 + resolution: "@babel/highlight@npm:7.23.4" + dependencies: + "@babel/helper-validator-identifier": "npm:^7.22.20" + chalk: "npm:^2.4.2" + js-tokens: "npm:^4.0.0" + checksum: 10c0/fbff9fcb2f5539289c3c097d130e852afd10d89a3a08ac0b5ebebbc055cc84a4bcc3dcfed463d488cde12dd0902ef1858279e31d7349b2e8cee43913744bda33 + languageName: node + linkType: hard + "@babel/highlight@npm:^7.24.2": version: 7.24.2 resolution: "@babel/highlight@npm:7.24.2" @@ -353,7 +465,25 @@ __metadata: languageName: node linkType: hard -"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0, @babel/parser@npm:^7.24.1, @babel/parser@npm:^7.24.4": +"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0": + version: 7.24.0 + resolution: "@babel/parser@npm:7.24.0" + bin: + parser: ./bin/babel-parser.js + checksum: 10c0/77593d0b9de9906823c4d653bb6cda1c7593837598516330f655f70cba6224a37def7dbe5b4dad0038482d407d8d209eb8be5f48ca9a13357d769f829c5adb8e + languageName: node + linkType: hard + +"@babel/parser@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/parser@npm:7.24.1" + bin: + parser: ./bin/babel-parser.js + checksum: 10c0/d2a8b99aa5f33182b69d5569367403a40e7c027ae3b03a1f81fd8ac9b06ceb85b31f6ee4267fb90726dc2ac99909c6bdaa9cf16c379efab73d8dfe85cee32c50 + languageName: node + linkType: hard + +"@babel/parser@npm:^7.24.4": version: 7.24.4 resolution: "@babel/parser@npm:7.24.4" bin: @@ -485,14 +615,14 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-flow@npm:^7.24.1": - version: 7.24.1 - resolution: "@babel/plugin-syntax-flow@npm:7.24.1" +"@babel/plugin-syntax-flow@npm:^7.23.3": + version: 7.23.3 + resolution: "@babel/plugin-syntax-flow@npm:7.23.3" dependencies: - "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/helper-plugin-utils": "npm:^7.22.5" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/618de04360a96111408abdaafaba2efbaef0d90faad029d50e0281eaad5d7c7bd2ce4420bbac0ee27ad84c2b7bbc3e48f782064f81ed5bc40c398637991004c7 + checksum: 10c0/8a5e1e8b6a3728a2c8fe6d70c09a43642e737d9c0485e1b041cd3a6021ef05376ec3c9137be3b118c622ba09b5770d26fdc525473f8d06d4ab9e46de2783dd0a languageName: node linkType: hard @@ -540,7 +670,18 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.23.3, @babel/plugin-syntax-jsx@npm:^7.24.1, @babel/plugin-syntax-jsx@npm:^7.7.2": +"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.23.3, @babel/plugin-syntax-jsx@npm:^7.7.2": + version: 7.23.3 + resolution: "@babel/plugin-syntax-jsx@npm:7.23.3" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.22.5" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/563bb7599b868773f1c7c1d441ecc9bc53aeb7832775da36752c926fc402a1fa5421505b39e724f71eb217c13e4b93117e081cac39723b0e11dac4c897f33c3e + languageName: node + linkType: hard + +"@babel/plugin-syntax-jsx@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-syntax-jsx@npm:7.24.1" dependencies: @@ -639,7 +780,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-syntax-typescript@npm:^7.24.1, @babel/plugin-syntax-typescript@npm:^7.7.2": +"@babel/plugin-syntax-typescript@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-syntax-typescript@npm:7.24.1" dependencies: @@ -650,6 +791,17 @@ __metadata: languageName: node linkType: hard +"@babel/plugin-syntax-typescript@npm:^7.7.2": + version: 7.23.3 + resolution: "@babel/plugin-syntax-typescript@npm:7.23.3" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.22.5" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/4d6e9cdb9d0bfb9bd9b220fc951d937fce2ca69135ec121153572cebe81d86abc9a489208d6b69ee5f10cadcaeffa10d0425340a5029e40e14a6025021b90948 + languageName: node + linkType: hard + "@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6" @@ -722,7 +874,19 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-class-properties@npm:^7.22.5, @babel/plugin-transform-class-properties@npm:^7.24.1": +"@babel/plugin-transform-class-properties@npm:^7.22.5": + version: 7.23.3 + resolution: "@babel/plugin-transform-class-properties@npm:7.23.3" + dependencies: + "@babel/helper-create-class-features-plugin": "npm:^7.22.15" + "@babel/helper-plugin-utils": "npm:^7.22.5" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/bca30d576f539eef216494b56d610f1a64aa9375de4134bc021d9660f1fa735b1d7cc413029f22abc0b7cb737e3a57935c8ae9d8bd1730921ccb1deebce51bfd + languageName: node + linkType: hard + +"@babel/plugin-transform-class-properties@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-class-properties@npm:7.24.1" dependencies: @@ -847,15 +1011,15 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-flow-strip-types@npm:^7.24.1": - version: 7.24.1 - resolution: "@babel/plugin-transform-flow-strip-types@npm:7.24.1" +"@babel/plugin-transform-flow-strip-types@npm:^7.23.3": + version: 7.23.3 + resolution: "@babel/plugin-transform-flow-strip-types@npm:7.23.3" dependencies: - "@babel/helper-plugin-utils": "npm:^7.24.0" - "@babel/plugin-syntax-flow": "npm:^7.24.1" + "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/plugin-syntax-flow": "npm:^7.23.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/e6aa9cbad0441867598d390d4df65bc8c6b797574673e4eedbdae0cc528e81e00f4b2cd38f7d138b0f04bcdd2540384a9812d5d76af5abfa06aee1c7fc20ca58 + checksum: 10c0/9ab627f9668fc1f95564b26bffd6706f86205960d9ccc168236752fbef65dbe10aa0ce74faae12f48bb3b72ec7f38ef2a78b4874c222c1e85754e981639f3b33 languageName: node linkType: hard @@ -942,7 +1106,20 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-modules-commonjs@npm:^7.23.0, @babel/plugin-transform-modules-commonjs@npm:^7.24.1": +"@babel/plugin-transform-modules-commonjs@npm:^7.23.0": + version: 7.23.3 + resolution: "@babel/plugin-transform-modules-commonjs@npm:7.23.3" + dependencies: + "@babel/helper-module-transforms": "npm:^7.23.3" + "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-simple-access": "npm:^7.22.5" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/5c8840c5c9ecba39367ae17c973ed13dbc43234147b77ae780eec65010e2a9993c5d717721b23e8179f7cf49decdd325c509b241d69cfbf92aa647a1d8d5a37d + languageName: node + linkType: hard + +"@babel/plugin-transform-modules-commonjs@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.1" dependencies: @@ -1004,7 +1181,19 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.1": +"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11": + version: 7.23.4 + resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.23.4" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/bce490d22da5c87ff27fffaff6ad5a4d4979b8d7b72e30857f191e9c1e1824ba73bb8d7081166289369e388f94f0ce5383a593b1fc84d09464a062c75f824b0b + languageName: node + linkType: hard + +"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.1" dependencies: @@ -1066,7 +1255,20 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-optional-chaining@npm:^7.23.0, @babel/plugin-transform-optional-chaining@npm:^7.24.1": +"@babel/plugin-transform-optional-chaining@npm:^7.23.0": + version: 7.23.4 + resolution: "@babel/plugin-transform-optional-chaining@npm:7.23.4" + dependencies: + "@babel/helper-plugin-utils": "npm:^7.22.5" + "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5" + "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/305b773c29ad61255b0e83ec1e92b2f7af6aa58be4cba1e3852bddaa14f7d2afd7b4438f41c28b179d6faac7eb8d4fb5530a17920294f25d459b8f84406bfbfb + languageName: node + linkType: hard + +"@babel/plugin-transform-optional-chaining@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.1" dependencies: @@ -1090,7 +1292,19 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.1": +"@babel/plugin-transform-private-methods@npm:^7.22.5": + version: 7.23.3 + resolution: "@babel/plugin-transform-private-methods@npm:7.23.3" + dependencies: + "@babel/helper-create-class-features-plugin": "npm:^7.22.15" + "@babel/helper-plugin-utils": "npm:^7.22.5" + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: 10c0/745a655edcd111b7f91882b921671ca0613079760d8c9befe336b8a9bc4ce6bb49c0c08941831c950afb1b225b4b2d3eaac8842e732db095b04db38efd8c34f4 + languageName: node + linkType: hard + +"@babel/plugin-transform-private-methods@npm:^7.24.1": version: 7.24.1 resolution: "@babel/plugin-transform-private-methods@npm:7.24.1" dependencies: @@ -1128,13 +1342,13 @@ __metadata: linkType: hard "@babel/plugin-transform-react-constant-elements@npm:^7.21.3": - version: 7.24.1 - resolution: "@babel/plugin-transform-react-constant-elements@npm:7.24.1" + version: 7.23.3 + resolution: "@babel/plugin-transform-react-constant-elements@npm:7.23.3" dependencies: - "@babel/helper-plugin-utils": "npm:^7.24.0" + "@babel/helper-plugin-utils": "npm:^7.22.5" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/3d1af987605ffb79f6b349862680f28bb3f09300234abe58cf20cd9f1cd3e578de0af3306244c6430126668fdf04ebbe780ac4be2c0b20e84160c57151c6519d + checksum: 10c0/c009668e5212841ee11510b887963b6d10abd9a53c67f3f4eb7e191d51bc7fca8abfe9d27e9ee977cc8675aa0c9a3d4cdc4b7fac91059c165ec9eb49c18dadde languageName: node linkType: hard @@ -1267,16 +1481,16 @@ __metadata: linkType: hard "@babel/plugin-transform-typescript@npm:^7.24.1": - version: 7.24.4 - resolution: "@babel/plugin-transform-typescript@npm:7.24.4" + version: 7.24.1 + resolution: "@babel/plugin-transform-typescript@npm:7.24.1" dependencies: "@babel/helper-annotate-as-pure": "npm:^7.22.5" - "@babel/helper-create-class-features-plugin": "npm:^7.24.4" + "@babel/helper-create-class-features-plugin": "npm:^7.24.1" "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/plugin-syntax-typescript": "npm:^7.24.1" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/fa6625046f219cdc75061025c8031ada75ef631b137f1442e3d0054ba4e63548eb12cf55e2e1f442c889aa5fdd76d0d0b7904fdf812ce4c38748446227acc798 + checksum: 10c0/9abce423ed2d3cb9398b09e3ed9efea661e92bd32e919f5c7942ac4bad4c5fd23a1d575bb7444d8c92261b68fb626552e0d9eea960372b6b6f54c2c9699a2649 languageName: node linkType: hard @@ -1419,15 +1633,15 @@ __metadata: linkType: hard "@babel/preset-flow@npm:^7.22.15": - version: 7.24.1 - resolution: "@babel/preset-flow@npm:7.24.1" + version: 7.24.0 + resolution: "@babel/preset-flow@npm:7.24.0" dependencies: "@babel/helper-plugin-utils": "npm:^7.24.0" "@babel/helper-validator-option": "npm:^7.23.5" - "@babel/plugin-transform-flow-strip-types": "npm:^7.24.1" + "@babel/plugin-transform-flow-strip-types": "npm:^7.23.3" peerDependencies: "@babel/core": ^7.0.0-0 - checksum: 10c0/e2209158d68a456b8f9d6cd6c810e692f3ab8ca28edba99afcecaacd657ace7cc905e566f84d6da06e537836a2f830bc6ddf4cb34006d57303ff9a40a94fa433 + checksum: 10c0/8103b8273734298c15d497dcd44a0c9d5e12b3acc301178c4ec9098ead40c586f2fe13acfd855e30dffa0da42f76ee7a01df752e170af76207c90b40b32784c3 languageName: node linkType: hard @@ -1498,11 +1712,11 @@ __metadata: linkType: hard "@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.8.4": - version: 7.24.4 - resolution: "@babel/runtime@npm:7.24.4" + version: 7.24.0 + resolution: "@babel/runtime@npm:7.24.0" dependencies: regenerator-runtime: "npm:^0.14.0" - checksum: 10c0/785aff96a3aa8ff97f90958e1e8a7b1d47f793b204b47c6455eaadc3f694f48c97cd5c0a921fe3596d818e71f18106610a164fb0f1c71fd68c622a58269d537c + checksum: 10c0/3495eed727bf4a4f84c35bb51ab53317ae38f4bbc3b1d0a8303751f9dfa0ce6f5fb2afced72b76c3dd0d8bb2ccb84787559a4dee9886291a36b26f02f0f759b4 languageName: node linkType: hard @@ -1517,7 +1731,25 @@ __metadata: languageName: node linkType: hard -"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.24.1, @babel/traverse@npm:^7.4.5": +"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.4.5": + version: 7.24.0 + resolution: "@babel/traverse@npm:7.24.0" + dependencies: + "@babel/code-frame": "npm:^7.23.5" + "@babel/generator": "npm:^7.23.6" + "@babel/helper-environment-visitor": "npm:^7.22.20" + "@babel/helper-function-name": "npm:^7.23.0" + "@babel/helper-hoist-variables": "npm:^7.22.5" + "@babel/helper-split-export-declaration": "npm:^7.22.6" + "@babel/parser": "npm:^7.24.0" + "@babel/types": "npm:^7.24.0" + debug: "npm:^4.3.1" + globals: "npm:^11.1.0" + checksum: 10c0/55ffd2b0ce0fbd0a09051edc4def4fb1e96f35e0b100c0dc2a7429df569971ae312c290e980e423471f350961705698a257c7eea8c8304918024cc26f02468ba + languageName: node + linkType: hard + +"@babel/traverse@npm:^7.24.1": version: 7.24.1 resolution: "@babel/traverse@npm:7.24.1" dependencies: @@ -1535,7 +1767,7 @@ __metadata: languageName: node linkType: hard -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.24.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": +"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.23.6, @babel/types@npm:^7.24.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": version: 7.24.0 resolution: "@babel/types@npm:7.24.0" dependencies: @@ -1567,7 +1799,16 @@ __metadata: languageName: node linkType: hard -"@csstools/css-parser-algorithms@npm:^2.5.0, @csstools/css-parser-algorithms@npm:^2.6.1": +"@csstools/css-parser-algorithms@npm:^2.5.0": + version: 2.6.0 + resolution: "@csstools/css-parser-algorithms@npm:2.6.0" + peerDependencies: + "@csstools/css-tokenizer": ^2.2.3 + checksum: 10c0/3f614089a76e7613e50319aafab41a62b0eeaacedb10149e8b560489ac7aef7f8bf99d429837c0dc8eb0ee175d7a244d310dc2ffa9780d8f2bcf440249bc63d4 + languageName: node + linkType: hard + +"@csstools/css-parser-algorithms@npm:^2.6.1": version: 2.6.1 resolution: "@csstools/css-parser-algorithms@npm:2.6.1" peerDependencies: @@ -1576,14 +1817,31 @@ __metadata: languageName: node linkType: hard -"@csstools/css-tokenizer@npm:^2.2.3, @csstools/css-tokenizer@npm:^2.2.4": +"@csstools/css-tokenizer@npm:^2.2.3": + version: 2.2.3 + resolution: "@csstools/css-tokenizer@npm:2.2.3" + checksum: 10c0/557266ec52e8b36c19008a5bbd7151effba085cdd6d68270c01afebf914981caac698eda754b2a530a8a9947a3dd70e3f3a39a5e037c4170bb2a055a92754acb + languageName: node + linkType: hard + +"@csstools/css-tokenizer@npm:^2.2.4": version: 2.2.4 resolution: "@csstools/css-tokenizer@npm:2.2.4" checksum: 10c0/23997db5874514f4b951ebd215e1e6cc8baf03adf9a35fc6fd028b84cb52aa2dc053860722108c09859a9b37b455f62b84181fe15539cd37797ea699b9ff85f0 languageName: node linkType: hard -"@csstools/media-query-list-parser@npm:^2.1.7, @csstools/media-query-list-parser@npm:^2.1.9": +"@csstools/media-query-list-parser@npm:^2.1.7": + version: 2.1.8 + resolution: "@csstools/media-query-list-parser@npm:2.1.8" + peerDependencies: + "@csstools/css-parser-algorithms": ^2.6.0 + "@csstools/css-tokenizer": ^2.2.3 + checksum: 10c0/4e12f2bf7d70eef41861769cef0e3258f57fb6351e42b479a2679a9f95db2c62107b88237fb7e2aa940ac4e2ddcb335ffe6aa197ee9805547486453a72cac315 + languageName: node + linkType: hard + +"@csstools/media-query-list-parser@npm:^2.1.9": version: 2.1.9 resolution: "@csstools/media-query-list-parser@npm:2.1.9" peerDependencies: @@ -1594,11 +1852,11 @@ __metadata: linkType: hard "@csstools/selector-specificity@npm:^3.0.2": - version: 3.0.3 - resolution: "@csstools/selector-specificity@npm:3.0.3" + version: 3.0.2 + resolution: "@csstools/selector-specificity@npm:3.0.2" peerDependencies: postcss-selector-parser: ^6.0.13 - checksum: 10c0/e4f0355165882ddde8bd4a2f0252868150e67b9fae927fd2d94a91cee31e438e7041059f20b9c755a93b0bd8e527a9f78b01168fe67b3539be32091240aa63bf + checksum: 10c0/d0c7dae2f1e9536e3e17f00467320a704f3208c76283c29c57fd69d4b83dcf6d062f492ed687c5ffd5f47fada9f0657c2efc89ea18fd4b038f757669553e0095 languageName: node linkType: hard @@ -1921,13 +2179,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/aix-ppc64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/aix-ppc64@npm:0.20.2" - conditions: os=aix & cpu=ppc64 - languageName: node - linkType: hard - "@esbuild/android-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/android-arm64@npm:0.18.20" @@ -1935,13 +2186,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/android-arm64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/android-arm64@npm:0.20.2" - conditions: os=android & cpu=arm64 - languageName: node - linkType: hard - "@esbuild/android-arm@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/android-arm@npm:0.18.20" @@ -1949,13 +2193,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/android-arm@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/android-arm@npm:0.20.2" - conditions: os=android & cpu=arm - languageName: node - linkType: hard - "@esbuild/android-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/android-x64@npm:0.18.20" @@ -1963,13 +2200,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/android-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/android-x64@npm:0.20.2" - conditions: os=android & cpu=x64 - languageName: node - linkType: hard - "@esbuild/darwin-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/darwin-arm64@npm:0.18.20" @@ -1977,13 +2207,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/darwin-arm64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/darwin-arm64@npm:0.20.2" - conditions: os=darwin & cpu=arm64 - languageName: node - linkType: hard - "@esbuild/darwin-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/darwin-x64@npm:0.18.20" @@ -1991,13 +2214,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/darwin-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/darwin-x64@npm:0.20.2" - conditions: os=darwin & cpu=x64 - languageName: node - linkType: hard - "@esbuild/freebsd-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/freebsd-arm64@npm:0.18.20" @@ -2005,13 +2221,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/freebsd-arm64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/freebsd-arm64@npm:0.20.2" - conditions: os=freebsd & cpu=arm64 - languageName: node - linkType: hard - "@esbuild/freebsd-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/freebsd-x64@npm:0.18.20" @@ -2019,13 +2228,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/freebsd-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/freebsd-x64@npm:0.20.2" - conditions: os=freebsd & cpu=x64 - languageName: node - linkType: hard - "@esbuild/linux-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-arm64@npm:0.18.20" @@ -2033,13 +2235,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-arm64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-arm64@npm:0.20.2" - conditions: os=linux & cpu=arm64 - languageName: node - linkType: hard - "@esbuild/linux-arm@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-arm@npm:0.18.20" @@ -2047,13 +2242,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-arm@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-arm@npm:0.20.2" - conditions: os=linux & cpu=arm - languageName: node - linkType: hard - "@esbuild/linux-ia32@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-ia32@npm:0.18.20" @@ -2061,13 +2249,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-ia32@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-ia32@npm:0.20.2" - conditions: os=linux & cpu=ia32 - languageName: node - linkType: hard - "@esbuild/linux-loong64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-loong64@npm:0.18.20" @@ -2075,13 +2256,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-loong64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-loong64@npm:0.20.2" - conditions: os=linux & cpu=loong64 - languageName: node - linkType: hard - "@esbuild/linux-mips64el@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-mips64el@npm:0.18.20" @@ -2089,13 +2263,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-mips64el@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-mips64el@npm:0.20.2" - conditions: os=linux & cpu=mips64el - languageName: node - linkType: hard - "@esbuild/linux-ppc64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-ppc64@npm:0.18.20" @@ -2103,13 +2270,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-ppc64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-ppc64@npm:0.20.2" - conditions: os=linux & cpu=ppc64 - languageName: node - linkType: hard - "@esbuild/linux-riscv64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-riscv64@npm:0.18.20" @@ -2117,13 +2277,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-riscv64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-riscv64@npm:0.20.2" - conditions: os=linux & cpu=riscv64 - languageName: node - linkType: hard - "@esbuild/linux-s390x@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-s390x@npm:0.18.20" @@ -2131,13 +2284,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-s390x@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-s390x@npm:0.20.2" - conditions: os=linux & cpu=s390x - languageName: node - linkType: hard - "@esbuild/linux-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/linux-x64@npm:0.18.20" @@ -2145,13 +2291,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/linux-x64@npm:0.20.2" - conditions: os=linux & cpu=x64 - languageName: node - linkType: hard - "@esbuild/netbsd-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/netbsd-x64@npm:0.18.20" @@ -2159,13 +2298,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/netbsd-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/netbsd-x64@npm:0.20.2" - conditions: os=netbsd & cpu=x64 - languageName: node - linkType: hard - "@esbuild/openbsd-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/openbsd-x64@npm:0.18.20" @@ -2173,13 +2305,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/openbsd-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/openbsd-x64@npm:0.20.2" - conditions: os=openbsd & cpu=x64 - languageName: node - linkType: hard - "@esbuild/sunos-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/sunos-x64@npm:0.18.20" @@ -2187,13 +2312,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/sunos-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/sunos-x64@npm:0.20.2" - conditions: os=sunos & cpu=x64 - languageName: node - linkType: hard - "@esbuild/win32-arm64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/win32-arm64@npm:0.18.20" @@ -2201,13 +2319,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/win32-arm64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/win32-arm64@npm:0.20.2" - conditions: os=win32 & cpu=arm64 - languageName: node - linkType: hard - "@esbuild/win32-ia32@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/win32-ia32@npm:0.18.20" @@ -2215,13 +2326,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/win32-ia32@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/win32-ia32@npm:0.20.2" - conditions: os=win32 & cpu=ia32 - languageName: node - linkType: hard - "@esbuild/win32-x64@npm:0.18.20": version: 0.18.20 resolution: "@esbuild/win32-x64@npm:0.18.20" @@ -2229,13 +2333,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/win32-x64@npm:0.20.2": - version: 0.20.2 - resolution: "@esbuild/win32-x64@npm:0.20.2" - conditions: os=win32 & cpu=x64 - languageName: node - linkType: hard - "@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0": version: 4.4.0 resolution: "@eslint-community/eslint-utils@npm:4.4.0" @@ -2304,7 +2401,7 @@ __metadata: languageName: node linkType: hard -"@floating-ui/react-dom@npm:^2.0.0": +"@floating-ui/react-dom@npm:^2.0.0, @floating-ui/react-dom@npm:^2.0.8": version: 2.0.8 resolution: "@floating-ui/react-dom@npm:2.0.8" dependencies: @@ -2317,16 +2414,16 @@ __metadata: linkType: hard "@floating-ui/react@npm:^0.26.2": - version: 0.26.12 - resolution: "@floating-ui/react@npm:0.26.12" + version: 0.26.9 + resolution: "@floating-ui/react@npm:0.26.9" dependencies: - "@floating-ui/react-dom": "npm:^2.0.0" - "@floating-ui/utils": "npm:^0.2.0" - tabbable: "npm:^6.0.0" + "@floating-ui/react-dom": "npm:^2.0.8" + "@floating-ui/utils": "npm:^0.2.1" + tabbable: "npm:^6.0.1" peerDependencies: react: ">=16.8.0" react-dom: ">=16.8.0" - checksum: 10c0/f47e133b9fe5dd404886c4e69e760dc0d6ab30774de82b5547cba83d0cd6e7a3bb4c221587e115a3c0c466ac344578c3db78b5808b5acd70ae5d43d587de9fd1 + checksum: 10c0/769a6bc33c4fa6c8c38b2e1c91622854e5e8fdf39cb92b0998a7ca099dc831a551a005cd0aec7e98edf9bfed4f697397335f03034b5f41a0f4fb17c97fce6d20 languageName: node linkType: hard @@ -2356,9 +2453,9 @@ __metadata: linkType: hard "@humanwhocodes/object-schema@npm:^2.0.2": - version: 2.0.3 - resolution: "@humanwhocodes/object-schema@npm:2.0.3" - checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c + version: 2.0.2 + resolution: "@humanwhocodes/object-schema@npm:2.0.2" + checksum: 10c0/6fd83dc320231d71c4541d0244051df61f301817e9f9da9fd4cb7e44ec8aacbde5958c1665b0c419401ab935114fdf532a6ad5d4e7294b1af2f347dd91a6983f languageName: node linkType: hard @@ -2633,7 +2730,7 @@ __metadata: languageName: node linkType: hard -"@jridgewell/gen-mapping@npm:^0.3.5": +"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2, @jridgewell/gen-mapping@npm:^0.3.5": version: 0.3.5 resolution: "@jridgewell/gen-mapping@npm:0.3.5" dependencies: @@ -2659,12 +2756,12 @@ __metadata: linkType: hard "@jridgewell/source-map@npm:^0.3.3": - version: 0.3.6 - resolution: "@jridgewell/source-map@npm:0.3.6" + version: 0.3.5 + resolution: "@jridgewell/source-map@npm:0.3.5" dependencies: - "@jridgewell/gen-mapping": "npm:^0.3.5" - "@jridgewell/trace-mapping": "npm:^0.3.25" - checksum: 10c0/6a4ecc713ed246ff8e5bdcc1ef7c49aaa93f7463d948ba5054dda18b02dcc6a055e2828c577bcceee058f302ce1fc95595713d44f5c45e43d459f88d267f2f04 + "@jridgewell/gen-mapping": "npm:^0.3.0" + "@jridgewell/trace-mapping": "npm:^0.3.9" + checksum: 10c0/b985d9ebd833a21a6e9ace820c8a76f60345a34d9e28d98497c16b6e93ce1f131bff0abd45f8585f14aa382cce678ed680d628c631b40a9616a19cfbc2049b68 languageName: node linkType: hard @@ -2675,7 +2772,7 @@ __metadata: languageName: node linkType: hard -"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25": +"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.9": version: 0.3.25 resolution: "@jridgewell/trace-mapping@npm:0.3.25" dependencies: @@ -2767,15 +2864,15 @@ __metadata: linkType: hard "@npmcli/agent@npm:^2.0.0": - version: 2.2.2 - resolution: "@npmcli/agent@npm:2.2.2" + version: 2.2.1 + resolution: "@npmcli/agent@npm:2.2.1" dependencies: agent-base: "npm:^7.1.0" http-proxy-agent: "npm:^7.0.0" https-proxy-agent: "npm:^7.0.1" lru-cache: "npm:^10.0.1" - socks-proxy-agent: "npm:^8.0.3" - checksum: 10c0/325e0db7b287d4154ecd164c0815c08007abfb07653cc57bceded17bb7fd240998a3cbdbe87d700e30bef494885eccc725ab73b668020811d56623d145b524ae + socks-proxy-agent: "npm:^8.0.1" + checksum: 10c0/38ee5cbe8f3cde13be916e717bfc54fd1a7605c07af056369ff894e244c221e0b56b08ca5213457477f9bc15bca9e729d51a4788829b5c3cf296b3c996147f76 languageName: node linkType: hard @@ -3638,75 +3735,17 @@ __metadata: languageName: node linkType: hard -"@storybook/builder-webpack5@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/builder-webpack5@npm:8.0.8" - dependencies: - "@storybook/channels": "npm:8.0.8" - "@storybook/client-logger": "npm:8.0.8" - "@storybook/core-common": "npm:8.0.8" - "@storybook/core-events": "npm:8.0.8" - "@storybook/core-webpack": "npm:8.0.8" - "@storybook/node-logger": "npm:8.0.8" - "@storybook/preview": "npm:8.0.8" - "@storybook/preview-api": "npm:8.0.8" - "@types/node": "npm:^18.0.0" - "@types/semver": "npm:^7.3.4" - browser-assert: "npm:^1.2.1" - case-sensitive-paths-webpack-plugin: "npm:^2.4.0" - cjs-module-lexer: "npm:^1.2.3" - constants-browserify: "npm:^1.0.0" - css-loader: "npm:^6.7.1" - es-module-lexer: "npm:^1.4.1" - express: "npm:^4.17.3" - fork-ts-checker-webpack-plugin: "npm:^8.0.0" - fs-extra: "npm:^11.1.0" - html-webpack-plugin: "npm:^5.5.0" - magic-string: "npm:^0.30.5" - path-browserify: "npm:^1.0.1" - process: "npm:^0.11.10" - semver: "npm:^7.3.7" - style-loader: "npm:^3.3.1" - terser-webpack-plugin: "npm:^5.3.1" - ts-dedent: "npm:^2.0.0" - url: "npm:^0.11.0" - util: "npm:^0.12.4" - util-deprecate: "npm:^1.0.2" - webpack: "npm:5" - webpack-dev-middleware: "npm:^6.1.2" - webpack-hot-middleware: "npm:^2.25.1" - webpack-virtual-modules: "npm:^0.5.0" - peerDependenciesMeta: - typescript: - optional: true - checksum: 10c0/d12a9620012eade387ead0bc0342106c6726801c0c09d25f55e3f763d9df179e62e93afea312245c8133db55612dfa955e4698339ee41282e0bdae716aea0fba - languageName: node - linkType: hard - "@storybook/channels@npm:7.6.17": - version: 7.6.17 - resolution: "@storybook/channels@npm:7.6.17" - dependencies: - "@storybook/client-logger": "npm:7.6.17" - "@storybook/core-events": "npm:7.6.17" - "@storybook/global": "npm:^5.0.0" - qs: "npm:^6.10.0" - telejson: "npm:^7.2.0" - tiny-invariant: "npm:^1.3.1" - checksum: 10c0/7109b67a60c656d22deb1b9b44bf0e26b565044de6ccf63589b0e52188931e2eaa11b78f7a0e1b59396f654537f79ac4264c715417d467aca602a6e80495f49e - languageName: node - linkType: hard - -"@storybook/channels@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/channels@npm:8.0.8" + version: 7.6.17 + resolution: "@storybook/channels@npm:7.6.17" dependencies: - "@storybook/client-logger": "npm:8.0.8" - "@storybook/core-events": "npm:8.0.8" + "@storybook/client-logger": "npm:7.6.17" + "@storybook/core-events": "npm:7.6.17" "@storybook/global": "npm:^5.0.0" + qs: "npm:^6.10.0" telejson: "npm:^7.2.0" tiny-invariant: "npm:^1.3.1" - checksum: 10c0/20660a30165b380fe29defea4f08082976ca928ebf006f02132ad47904142a4c0db1d1d036385c5d47db57fc125fc0d52eb719b9793f004992c2ebf5f1b0a4bd + checksum: 10c0/7109b67a60c656d22deb1b9b44bf0e26b565044de6ccf63589b0e52188931e2eaa11b78f7a0e1b59396f654537f79ac4264c715417d467aca602a6e80495f49e languageName: node linkType: hard @@ -3770,15 +3809,6 @@ __metadata: languageName: node linkType: hard -"@storybook/client-logger@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/client-logger@npm:8.0.8" - dependencies: - "@storybook/global": "npm:^5.0.0" - checksum: 10c0/96fdc256c1167b6fd800204406a33dcef730c3311d26a20945cd989d886617948caccfe432a358e5baca8400a5989e39ba977f707393e119af169e6f2efe4005 - languageName: node - linkType: hard - "@storybook/codemod@npm:7.6.17": version: 7.6.17 resolution: "@storybook/codemod@npm:7.6.17" @@ -3863,42 +3893,6 @@ __metadata: languageName: node linkType: hard -"@storybook/core-common@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/core-common@npm:8.0.8" - dependencies: - "@storybook/core-events": "npm:8.0.8" - "@storybook/csf-tools": "npm:8.0.8" - "@storybook/node-logger": "npm:8.0.8" - "@storybook/types": "npm:8.0.8" - "@yarnpkg/fslib": "npm:2.10.3" - "@yarnpkg/libzip": "npm:2.3.0" - chalk: "npm:^4.1.0" - cross-spawn: "npm:^7.0.3" - esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0" - esbuild-register: "npm:^3.5.0" - execa: "npm:^5.0.0" - file-system-cache: "npm:2.3.0" - find-cache-dir: "npm:^3.0.0" - find-up: "npm:^5.0.0" - fs-extra: "npm:^11.1.0" - glob: "npm:^10.0.0" - handlebars: "npm:^4.7.7" - lazy-universal-dotenv: "npm:^4.0.0" - node-fetch: "npm:^2.0.0" - picomatch: "npm:^2.3.0" - pkg-dir: "npm:^5.0.0" - pretty-hrtime: "npm:^1.0.3" - resolve-from: "npm:^5.0.0" - semver: "npm:^7.3.7" - tempy: "npm:^1.0.1" - tiny-invariant: "npm:^1.3.1" - ts-dedent: "npm:^2.0.0" - util: "npm:^0.12.4" - checksum: 10c0/872d7b682fb49c851e0716c6b815818510663a21bff683664aa51030104e2e90fd9b5c1caea4ee2dcd2d9803f2f7e1a5b6b56559ec5d65c4d866011de523ed0a - languageName: node - linkType: hard - "@storybook/core-events@npm:7.6.17": version: 7.6.17 resolution: "@storybook/core-events@npm:7.6.17" @@ -3908,15 +3902,6 @@ __metadata: languageName: node linkType: hard -"@storybook/core-events@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/core-events@npm:8.0.8" - dependencies: - ts-dedent: "npm:^2.0.0" - checksum: 10c0/9325985e9f3447103945d84259e2d1b44ac9e0ba1d45d63a47c251c579d2d07692631645f2db5636a80c691a613ff40168e588b8301bdb0c4ba5253ddbe9f9b8 - languageName: node - linkType: hard - "@storybook/core-server@npm:7.6.17": version: 7.6.17 resolution: "@storybook/core-server@npm:7.6.17" @@ -3979,19 +3964,6 @@ __metadata: languageName: node linkType: hard -"@storybook/core-webpack@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/core-webpack@npm:8.0.8" - dependencies: - "@storybook/core-common": "npm:8.0.8" - "@storybook/node-logger": "npm:8.0.8" - "@storybook/types": "npm:8.0.8" - "@types/node": "npm:^18.0.0" - ts-dedent: "npm:^2.0.0" - checksum: 10c0/d37815193babcedfeda064a18d00e93769de66bfdf312990021ac11bd2b2bcc32e5cdd06bce59902f036dd4da1900b6ef33cd2309e253d0080173701cf45bfcb - languageName: node - linkType: hard - "@storybook/csf-plugin@npm:7.6.17": version: 7.6.17 resolution: "@storybook/csf-plugin@npm:7.6.17" @@ -4019,23 +3991,6 @@ __metadata: languageName: node linkType: hard -"@storybook/csf-tools@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/csf-tools@npm:8.0.8" - dependencies: - "@babel/generator": "npm:^7.23.0" - "@babel/parser": "npm:^7.23.0" - "@babel/traverse": "npm:^7.23.2" - "@babel/types": "npm:^7.23.0" - "@storybook/csf": "npm:^0.1.2" - "@storybook/types": "npm:8.0.8" - fs-extra: "npm:^11.1.0" - recast: "npm:^0.23.5" - ts-dedent: "npm:^2.0.0" - checksum: 10c0/6e87bb25263daea33d3a9758f0b05380573ba4a6d43fc9a0361a2704a1fdb6bc7a88d6a795cab32a4496a960114f4218a40fb095b9fcbef93068ba6b60782e48 - languageName: node - linkType: hard - "@storybook/csf@npm:^0.0.1": version: 0.0.1 resolution: "@storybook/csf@npm:0.0.1" @@ -4046,11 +4001,11 @@ __metadata: linkType: hard "@storybook/csf@npm:^0.1.2": - version: 0.1.4 - resolution: "@storybook/csf@npm:0.1.4" + version: 0.1.2 + resolution: "@storybook/csf@npm:0.1.2" dependencies: type-fest: "npm:^2.19.0" - checksum: 10c0/a988e37d5dd3e6fcd44c16b08f4778b1bf1f4b46491d1331afac9366852208b64214425331f1496c3666fd284ad42c14ef8b5f678ade94fe82534d1e631c4ae8 + checksum: 10c0/b51a55292e5d2af8b1d135a28ecaa94f8860ddfedcb393adfa2cca1ee23853156066f737d8be1cb5412f572781aa525dc0b2f6e4a6f6ce805489f0149efe837c languageName: node linkType: hard @@ -4076,21 +4031,6 @@ __metadata: languageName: node linkType: hard -"@storybook/docs-tools@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/docs-tools@npm:8.0.8" - dependencies: - "@storybook/core-common": "npm:8.0.8" - "@storybook/preview-api": "npm:8.0.8" - "@storybook/types": "npm:8.0.8" - "@types/doctrine": "npm:^0.0.3" - assert: "npm:^2.1.0" - doctrine: "npm:^3.0.0" - lodash: "npm:^4.17.21" - checksum: 10c0/b5c474e80b0b92c11bf3eee02beee0f0fce7e9f7c6049f83e7fa7bd908dffa3d3e0051f5aec2564b6cef4cb87b8fc02615c42293ec5f57843196f25ea4d67f17 - languageName: node - linkType: hard - "@storybook/global@npm:^5.0.0": version: 5.0.0 resolution: "@storybook/global@npm:5.0.0" @@ -4141,13 +4081,6 @@ __metadata: languageName: node linkType: hard -"@storybook/node-logger@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/node-logger@npm:8.0.8" - checksum: 10c0/60321cc066a13c65d2d5ec63544aadbe0480688fc76270e9bbad3c0f94687c3e72994602f8db42942469a461c01ba73fd9ecb83931b0f8b3b46892e863eca959 - languageName: node - linkType: hard - "@storybook/postinstall@npm:7.6.17": version: 7.6.17 resolution: "@storybook/postinstall@npm:7.6.17" @@ -4189,35 +4122,6 @@ __metadata: languageName: node linkType: hard -"@storybook/preset-react-webpack@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/preset-react-webpack@npm:8.0.8" - dependencies: - "@storybook/core-webpack": "npm:8.0.8" - "@storybook/docs-tools": "npm:8.0.8" - "@storybook/node-logger": "npm:8.0.8" - "@storybook/react": "npm:8.0.8" - "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0" - "@types/node": "npm:^18.0.0" - "@types/semver": "npm:^7.3.4" - find-up: "npm:^5.0.0" - fs-extra: "npm:^11.1.0" - magic-string: "npm:^0.30.5" - react-docgen: "npm:^7.0.0" - resolve: "npm:^1.22.8" - semver: "npm:^7.3.7" - tsconfig-paths: "npm:^4.2.0" - webpack: "npm:5" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - typescript: - optional: true - checksum: 10c0/881d3c0cf586a54b857886ad9c7912bae1fa7590f974a900428b1b2ee94336e34c564efba7a7329d2ae517475bc420e641d5ac4aebc3340f33914e9eeb68aa94 - languageName: node - linkType: hard - "@storybook/preview-api@npm:7.6.17": version: 7.6.17 resolution: "@storybook/preview-api@npm:7.6.17" @@ -4240,28 +4144,6 @@ __metadata: languageName: node linkType: hard -"@storybook/preview-api@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/preview-api@npm:8.0.8" - dependencies: - "@storybook/channels": "npm:8.0.8" - "@storybook/client-logger": "npm:8.0.8" - "@storybook/core-events": "npm:8.0.8" - "@storybook/csf": "npm:^0.1.2" - "@storybook/global": "npm:^5.0.0" - "@storybook/types": "npm:8.0.8" - "@types/qs": "npm:^6.9.5" - dequal: "npm:^2.0.2" - lodash: "npm:^4.17.21" - memoizerific: "npm:^1.11.3" - qs: "npm:^6.10.0" - tiny-invariant: "npm:^1.3.1" - ts-dedent: "npm:^2.0.0" - util-deprecate: "npm:^1.0.2" - checksum: 10c0/188ea8a4ce02f2d11fc5daa17ca9ed563e558c76836c7690545d014a2a54fde9b0b4990554b1671f177e499efa126cc0481926bb7cfe7b66a4d73dba9c1132ee - languageName: node - linkType: hard - "@storybook/preview@npm:7.6.17, @storybook/preview@npm:^7.0.8": version: 7.6.17 resolution: "@storybook/preview@npm:7.6.17" @@ -4269,13 +4151,6 @@ __metadata: languageName: node linkType: hard -"@storybook/preview@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/preview@npm:8.0.8" - checksum: 10c0/cc7c30741d12f6918a1f43d207e407bfcf3e493e229c6c028e45604f80ff435729b8f2deb8788812f7edf9ff5d67530f31b5574c03e978a8ebc98d2c8f9ba2c9 - languageName: node - linkType: hard - "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0": version: 1.0.6--canary.9.0c3f3b7.0 resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0" @@ -4304,36 +4179,7 @@ __metadata: languageName: node linkType: hard -"@storybook/react-dom-shim@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/react-dom-shim@npm:8.0.8" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 - checksum: 10c0/688c24f4187e8e3da3b17508888b16934fabbbf470babffb7dd6e969e1fc7da5b91096923f98d194dce7b91e3435fcd6346d92b8b66e0f4fb16808d7116dc05f - languageName: node - linkType: hard - -"@storybook/react-webpack5@npm:*": - version: 8.0.8 - resolution: "@storybook/react-webpack5@npm:8.0.8" - dependencies: - "@storybook/builder-webpack5": "npm:8.0.8" - "@storybook/preset-react-webpack": "npm:8.0.8" - "@storybook/react": "npm:8.0.8" - "@types/node": "npm:^18.0.0" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 - typescript: ">= 4.2.x" - peerDependenciesMeta: - typescript: - optional: true - checksum: 10c0/382b1deffc9634666522f2009049fca1af7260f533f346a18ff493a013067e41b5b3938556ee4a06a44819daefbe962595c42bca50b9a7103bb260cef970a7fb - languageName: node - linkType: hard - -"@storybook/react-webpack5@npm:^7.0.8": +"@storybook/react-webpack5@npm:*, @storybook/react-webpack5@npm:^7.0.8": version: 7.6.17 resolution: "@storybook/react-webpack5@npm:7.6.17" dependencies: @@ -4391,42 +4237,6 @@ __metadata: languageName: node linkType: hard -"@storybook/react@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/react@npm:8.0.8" - dependencies: - "@storybook/client-logger": "npm:8.0.8" - "@storybook/docs-tools": "npm:8.0.8" - "@storybook/global": "npm:^5.0.0" - "@storybook/preview-api": "npm:8.0.8" - "@storybook/react-dom-shim": "npm:8.0.8" - "@storybook/types": "npm:8.0.8" - "@types/escodegen": "npm:^0.0.6" - "@types/estree": "npm:^0.0.51" - "@types/node": "npm:^18.0.0" - acorn: "npm:^7.4.1" - acorn-jsx: "npm:^5.3.1" - acorn-walk: "npm:^7.2.0" - escodegen: "npm:^2.1.0" - html-tags: "npm:^3.1.0" - lodash: "npm:^4.17.21" - prop-types: "npm:^15.7.2" - react-element-to-jsx-string: "npm:^15.0.0" - semver: "npm:^7.3.7" - ts-dedent: "npm:^2.0.0" - type-fest: "npm:~2.19" - util-deprecate: "npm:^1.0.2" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 - typescript: ">= 4.2.x" - peerDependenciesMeta: - typescript: - optional: true - checksum: 10c0/9ce78345524de0c8ed276f8a20b69b5424e26f6f99c868ec84492975a42f47357495e380878ee773bc9c0f951b629c5b04d451a0642fc8bf0d4bf032b73179e7 - languageName: node - linkType: hard - "@storybook/router@npm:7.6.17": version: 7.6.17 resolution: "@storybook/router@npm:7.6.17" @@ -4481,17 +4291,6 @@ __metadata: languageName: node linkType: hard -"@storybook/types@npm:8.0.8": - version: 8.0.8 - resolution: "@storybook/types@npm:8.0.8" - dependencies: - "@storybook/channels": "npm:8.0.8" - "@types/express": "npm:^4.7.0" - file-system-cache: "npm:2.3.0" - checksum: 10c0/ec1c70d72473d1a8b11281d7ea0b55580b0810e0173ce77b71d838766b60a0e28427e964172d88e88bb7794a498afc65451bc7a16b3a908361c16169d8f67f8e - languageName: node - linkType: hard - "@stylistic/stylelint-config@npm:^1.0.1": version: 1.0.1 resolution: "@stylistic/stylelint-config@npm:1.0.1" @@ -4504,8 +4303,8 @@ __metadata: linkType: hard "@stylistic/stylelint-plugin@npm:^2.0.0": - version: 2.1.1 - resolution: "@stylistic/stylelint-plugin@npm:2.1.1" + version: 2.1.0 + resolution: "@stylistic/stylelint-plugin@npm:2.1.0" dependencies: "@csstools/css-parser-algorithms": "npm:^2.5.0" "@csstools/css-tokenizer": "npm:^2.2.3" @@ -4517,7 +4316,7 @@ __metadata: stylelint: "npm:^16.2.1" peerDependencies: stylelint: ^16.0.2 - checksum: 10c0/008efd4dc4703021eb2ca059b59a82514393e59f5cd0f7957c4dcf60d955be04764c571f727edbe43677f4022505d44abf7851d181beb21678a9936ad16c875b + checksum: 10c0/06cc520035d156fd448de4addd59609216c320f6f8605ea0e04f5ed4ba4e680446759b445b9a38b0bedc681181093c00a9df3000b48422215162a751cc52afd2 languageName: node linkType: hard @@ -4677,90 +4476,90 @@ __metadata: languageName: node linkType: hard -"@swc/core-darwin-arm64@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-darwin-arm64@npm:1.4.14" +"@swc/core-darwin-arm64@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-darwin-arm64@npm:1.4.2" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@swc/core-darwin-x64@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-darwin-x64@npm:1.4.14" +"@swc/core-darwin-x64@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-darwin-x64@npm:1.4.2" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@swc/core-linux-arm-gnueabihf@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-linux-arm-gnueabihf@npm:1.4.14" +"@swc/core-linux-arm-gnueabihf@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-linux-arm-gnueabihf@npm:1.4.2" conditions: os=linux & cpu=arm languageName: node linkType: hard -"@swc/core-linux-arm64-gnu@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-linux-arm64-gnu@npm:1.4.14" +"@swc/core-linux-arm64-gnu@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-linux-arm64-gnu@npm:1.4.2" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@swc/core-linux-arm64-musl@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-linux-arm64-musl@npm:1.4.14" +"@swc/core-linux-arm64-musl@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-linux-arm64-musl@npm:1.4.2" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@swc/core-linux-x64-gnu@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-linux-x64-gnu@npm:1.4.14" +"@swc/core-linux-x64-gnu@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-linux-x64-gnu@npm:1.4.2" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@swc/core-linux-x64-musl@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-linux-x64-musl@npm:1.4.14" +"@swc/core-linux-x64-musl@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-linux-x64-musl@npm:1.4.2" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@swc/core-win32-arm64-msvc@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-win32-arm64-msvc@npm:1.4.14" +"@swc/core-win32-arm64-msvc@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-win32-arm64-msvc@npm:1.4.2" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@swc/core-win32-ia32-msvc@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-win32-ia32-msvc@npm:1.4.14" +"@swc/core-win32-ia32-msvc@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-win32-ia32-msvc@npm:1.4.2" conditions: os=win32 & cpu=ia32 languageName: node linkType: hard -"@swc/core-win32-x64-msvc@npm:1.4.14": - version: 1.4.14 - resolution: "@swc/core-win32-x64-msvc@npm:1.4.14" +"@swc/core-win32-x64-msvc@npm:1.4.2": + version: 1.4.2 + resolution: "@swc/core-win32-x64-msvc@npm:1.4.2" conditions: os=win32 & cpu=x64 languageName: node linkType: hard "@swc/core@npm:^1.3.82": - version: 1.4.14 - resolution: "@swc/core@npm:1.4.14" - dependencies: - "@swc/core-darwin-arm64": "npm:1.4.14" - "@swc/core-darwin-x64": "npm:1.4.14" - "@swc/core-linux-arm-gnueabihf": "npm:1.4.14" - "@swc/core-linux-arm64-gnu": "npm:1.4.14" - "@swc/core-linux-arm64-musl": "npm:1.4.14" - "@swc/core-linux-x64-gnu": "npm:1.4.14" - "@swc/core-linux-x64-musl": "npm:1.4.14" - "@swc/core-win32-arm64-msvc": "npm:1.4.14" - "@swc/core-win32-ia32-msvc": "npm:1.4.14" - "@swc/core-win32-x64-msvc": "npm:1.4.14" + version: 1.4.2 + resolution: "@swc/core@npm:1.4.2" + dependencies: + "@swc/core-darwin-arm64": "npm:1.4.2" + "@swc/core-darwin-x64": "npm:1.4.2" + "@swc/core-linux-arm-gnueabihf": "npm:1.4.2" + "@swc/core-linux-arm64-gnu": "npm:1.4.2" + "@swc/core-linux-arm64-musl": "npm:1.4.2" + "@swc/core-linux-x64-gnu": "npm:1.4.2" + "@swc/core-linux-x64-musl": "npm:1.4.2" + "@swc/core-win32-arm64-msvc": "npm:1.4.2" + "@swc/core-win32-ia32-msvc": "npm:1.4.2" + "@swc/core-win32-x64-msvc": "npm:1.4.2" "@swc/counter": "npm:^0.1.2" "@swc/types": "npm:^0.1.5" peerDependencies: @@ -4789,7 +4588,7 @@ __metadata: peerDependenciesMeta: "@swc/helpers": optional: true - checksum: 10c0/936fe88f2492c1099e29109b5c2aeed305dc76aaf33de4ee74dc5e7e924df3b78bfded2297b0bdf68c71d6da99c166577f51bb8898417931dfd97bdb67c3e26c + checksum: 10c0/6d8dfb2eece2668a43b10ddd38daada0bdbc38e14cbd750a005cca50233958b6f54517ad2c869c7cab08ff96cb3d52e30b5356db4be8a0f4a2e94db8e023220f languageName: node linkType: hard @@ -4801,11 +4600,9 @@ __metadata: linkType: hard "@swc/types@npm:^0.1.5": - version: 0.1.6 - resolution: "@swc/types@npm:0.1.6" - dependencies: - "@swc/counter": "npm:^0.1.3" - checksum: 10c0/043a0e56d69db8733827ad69db55d0ffbd6976fd24ef629a488e57040067ac84d057a57e08bc5a3db545d44b01d6aa43c22df1152c637af450d366e57cde6e22 + version: 0.1.5 + resolution: "@swc/types@npm:0.1.5" + checksum: 10c0/b35f93fe896a2240f6f10544e408f9648c2bd4bcff9bd8d022d9a6942d31cf859f86119fb0bbb04a12eefa1f6a6745ffc7d18f3a490d76d7b6a074a7c9608144 languageName: node linkType: hard @@ -5066,14 +4863,14 @@ __metadata: linkType: hard "@types/express-serve-static-core@npm:^4.17.33": - version: 4.19.0 - resolution: "@types/express-serve-static-core@npm:4.19.0" + version: 4.17.43 + resolution: "@types/express-serve-static-core@npm:4.17.43" dependencies: "@types/node": "npm:*" "@types/qs": "npm:*" "@types/range-parser": "npm:*" "@types/send": "npm:*" - checksum: 10c0/38a13dfbb38d18526276e68dae1097eb0ebef296e76bff2a9bf6831c052c2f87797e910c87bd3f0dd1a1b4136241c9d7c841779a00b22576d12aa9b483a63349 + checksum: 10c0/12480527eef86ad9f748d785811c88e6bb89f4a76e531cf2e18f1f4f0743e46783cf4d27a939dec96aec8770c54c060d9e697bb8544ecd202098140688c3b222 languageName: node linkType: hard @@ -5204,9 +5001,9 @@ __metadata: linkType: hard "@types/mdx@npm:^2.0.0": - version: 2.0.13 - resolution: "@types/mdx@npm:2.0.13" - checksum: 10c0/5edf1099505ac568da55f9ae8a93e7e314e8cbc13d3445d0be61b75941226b005e1390d9b95caecf5dcb00c9d1bab2f1f60f6ff9876dc091a48b547495007720 + version: 2.0.11 + resolution: "@types/mdx@npm:2.0.11" + checksum: 10c0/8e60d9e1adb06854f25ac327ec340763b5867ce65ba5635ae6b24db6bda36d64655c5ee8a2f06bbc246199bcfd41cc3c8a4a95786c97a7befb3c28c7f134ffe1 languageName: node linkType: hard @@ -5217,6 +5014,13 @@ __metadata: languageName: node linkType: hard +"@types/mime@npm:*": + version: 3.0.4 + resolution: "@types/mime@npm:3.0.4" + checksum: 10c0/db478bc0f99e40f7b3e01d356a9bdf7817060808a294978111340317bcd80ca35382855578c5b60fbc84ae449674bd9bb38427b18417e1f8f19e4f72f8b242cd + languageName: node + linkType: hard + "@types/mime@npm:^1": version: 1.3.5 resolution: "@types/mime@npm:1.3.5" @@ -5274,16 +5078,16 @@ __metadata: linkType: hard "@types/prop-types@npm:*": - version: 15.7.12 - resolution: "@types/prop-types@npm:15.7.12" - checksum: 10c0/1babcc7db6a1177779f8fde0ccc78d64d459906e6ef69a4ed4dd6339c920c2e05b074ee5a92120fe4e9d9f1a01c952f843ebd550bee2332fc2ef81d1706878f8 + version: 15.7.11 + resolution: "@types/prop-types@npm:15.7.11" + checksum: 10c0/e53423cf9d510515ef8b47ff42f4f1b65a7b7b37c8704e2dbfcb9a60defe0c0e1f3cb1acfdeb466bad44ca938d7c79bffdd51b48ffb659df2432169d0b27a132 languageName: node linkType: hard "@types/qs@npm:*, @types/qs@npm:^6.9.5": - version: 6.9.15 - resolution: "@types/qs@npm:6.9.15" - checksum: 10c0/49c5ff75ca3adb18a1939310042d273c9fc55920861bd8e5100c8a923b3cda90d759e1a95e18334092da1c8f7b820084687770c83a1ccef04fb2c6908117c823 + version: 6.9.12 + resolution: "@types/qs@npm:6.9.12" + checksum: 10c0/21a74f2b78d0839cee37f1a632f3361352f7dceac9edffd117227a695a13e58e18c138aac1f29403f2408221e678f538ca0b37d55012f8bba96d55905edbfe82 languageName: node linkType: hard @@ -5394,13 +5198,13 @@ __metadata: linkType: hard "@types/serve-static@npm:*": - version: 1.15.7 - resolution: "@types/serve-static@npm:1.15.7" + version: 1.15.5 + resolution: "@types/serve-static@npm:1.15.5" dependencies: "@types/http-errors": "npm:*" + "@types/mime": "npm:*" "@types/node": "npm:*" - "@types/send": "npm:*" - checksum: 10c0/26ec864d3a626ea627f8b09c122b623499d2221bbf2f470127f4c9ebfe92bd8a6bb5157001372d4c4bd0dd37a1691620217d9dc4df5aa8f779f3fd996b1c60ae + checksum: 10c0/811d1a2f7e74a872195e7a013bcd87a2fb1edf07eaedcb9dcfd20c1eb4bc56ad4ea0d52141c13192c91ccda7c8aeb8a530d8a7e60b9c27f5990d7e62e0fecb03 languageName: node linkType: hard @@ -5467,14 +5271,14 @@ __metadata: linkType: hard "@typescript-eslint/eslint-plugin@npm:^7.0.0": - version: 7.7.0 - resolution: "@typescript-eslint/eslint-plugin@npm:7.7.0" + version: 7.6.0 + resolution: "@typescript-eslint/eslint-plugin@npm:7.6.0" dependencies: "@eslint-community/regexpp": "npm:^4.10.0" - "@typescript-eslint/scope-manager": "npm:7.7.0" - "@typescript-eslint/type-utils": "npm:7.7.0" - "@typescript-eslint/utils": "npm:7.7.0" - "@typescript-eslint/visitor-keys": "npm:7.7.0" + "@typescript-eslint/scope-manager": "npm:7.6.0" + "@typescript-eslint/type-utils": "npm:7.6.0" + "@typescript-eslint/utils": "npm:7.6.0" + "@typescript-eslint/visitor-keys": "npm:7.6.0" debug: "npm:^4.3.4" graphemer: "npm:^1.4.0" ignore: "npm:^5.3.1" @@ -5487,25 +5291,25 @@ __metadata: peerDependenciesMeta: typescript: optional: true - checksum: 10c0/d1f4c40523d284bce4b8272750c68aae5c0289ddb1c9267dd3477e0bfb8c8855bfb0c6e86dfec9911ca8302ef729d5f4e47d686a566f363b0f89bf7dc7670b5c + checksum: 10c0/c3ca611c6658dfc05e6457e87c66cdc6f038cf9bbb345f3168d171491bc1439f815a49529a1511940141a387873e10dfc7ab68fd172cf54c34f8a3aa8c558e13 languageName: node linkType: hard "@typescript-eslint/parser@npm:^7.0.0": - version: 7.7.0 - resolution: "@typescript-eslint/parser@npm:7.7.0" + version: 7.6.0 + resolution: "@typescript-eslint/parser@npm:7.6.0" dependencies: - "@typescript-eslint/scope-manager": "npm:7.7.0" - "@typescript-eslint/types": "npm:7.7.0" - "@typescript-eslint/typescript-estree": "npm:7.7.0" - "@typescript-eslint/visitor-keys": "npm:7.7.0" + "@typescript-eslint/scope-manager": "npm:7.6.0" + "@typescript-eslint/types": "npm:7.6.0" + "@typescript-eslint/typescript-estree": "npm:7.6.0" + "@typescript-eslint/visitor-keys": "npm:7.6.0" debug: "npm:^4.3.4" peerDependencies: eslint: ^8.56.0 peerDependenciesMeta: typescript: optional: true - checksum: 10c0/d756c2292737499a93913647af7493aded5dc720a5f4ab6f8e96d6cc81f19cf6a1769a1df0f516f8facd276d34f8464f1711e57b0216082e32eb6b75da81b12e + checksum: 10c0/69450c15180f7ee5a9d9c2e8ed7aa781a3b63635c099de1f102167c247d71c55b152934187e854baa5c9ea3dcbc0c9f5983379139e6cfa1ccbb900b9f23dab37 languageName: node linkType: hard @@ -5519,22 +5323,22 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/scope-manager@npm:7.7.0": - version: 7.7.0 - resolution: "@typescript-eslint/scope-manager@npm:7.7.0" +"@typescript-eslint/scope-manager@npm:7.6.0": + version: 7.6.0 + resolution: "@typescript-eslint/scope-manager@npm:7.6.0" dependencies: - "@typescript-eslint/types": "npm:7.7.0" - "@typescript-eslint/visitor-keys": "npm:7.7.0" - checksum: 10c0/014a3631c12bfbd5e33146a48e4b9eb5cc1c5c95bb458de33f8847eed33c04d7b9e66283971e48297673c4b92c3239d67e6dc3717efbe5836e0269a538c13d2e + "@typescript-eslint/types": "npm:7.6.0" + "@typescript-eslint/visitor-keys": "npm:7.6.0" + checksum: 10c0/1c1e75fd4fa2dabcab0457ca2ec872752c112fec27bf11edb5bf13c547ad5f3ca5a3b424e19c6916dfc8bd348cde258db8abfd12c9ed93b4bc4df9ef9e3db9f5 languageName: node linkType: hard -"@typescript-eslint/type-utils@npm:7.7.0": - version: 7.7.0 - resolution: "@typescript-eslint/type-utils@npm:7.7.0" +"@typescript-eslint/type-utils@npm:7.6.0": + version: 7.6.0 + resolution: "@typescript-eslint/type-utils@npm:7.6.0" dependencies: - "@typescript-eslint/typescript-estree": "npm:7.7.0" - "@typescript-eslint/utils": "npm:7.7.0" + "@typescript-eslint/typescript-estree": "npm:7.6.0" + "@typescript-eslint/utils": "npm:7.6.0" debug: "npm:^4.3.4" ts-api-utils: "npm:^1.3.0" peerDependencies: @@ -5542,7 +5346,7 @@ __metadata: peerDependenciesMeta: typescript: optional: true - checksum: 10c0/064c28d4087a97fd175e07e02c0a9cf4526f61cc6a17b4199fba626932979210037643a30f868bda8174fad567a8ac6aed34120631d1ecfd502e0ea1e830f9e9 + checksum: 10c0/d5fa5856e24b593e8ae93f27049e7ea49c0725f9fe44e6252a8fc8228859e2db254a3c399bedaf1fdac76fae94aa9bae10a9d466032c7bdb5bdeb1da2e4e3a53 languageName: node linkType: hard @@ -5553,10 +5357,10 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/types@npm:7.7.0": - version: 7.7.0 - resolution: "@typescript-eslint/types@npm:7.7.0" - checksum: 10c0/eb50793650c9a911c73586150807912e7b7a0ae12eeb26c7a322ac8ebb8edef15960cc9a4b7049dbb89b82500079963145f67d15583f5de270fe8290974db533 +"@typescript-eslint/types@npm:7.6.0": + version: 7.6.0 + resolution: "@typescript-eslint/types@npm:7.6.0" + checksum: 10c0/7ca2a307557d4d8fc9c7d43e4dc8c4841e6c5380b59dcc8b644b3d7b6a702968ff5a70b74cb7e3d3af3f3cef87e9775573b8272b1b2963d80441992ac4e7e951 languageName: node linkType: hard @@ -5578,12 +5382,12 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/typescript-estree@npm:7.7.0": - version: 7.7.0 - resolution: "@typescript-eslint/typescript-estree@npm:7.7.0" +"@typescript-eslint/typescript-estree@npm:7.6.0": + version: 7.6.0 + resolution: "@typescript-eslint/typescript-estree@npm:7.6.0" dependencies: - "@typescript-eslint/types": "npm:7.7.0" - "@typescript-eslint/visitor-keys": "npm:7.7.0" + "@typescript-eslint/types": "npm:7.6.0" + "@typescript-eslint/visitor-keys": "npm:7.6.0" debug: "npm:^4.3.4" globby: "npm:^11.1.0" is-glob: "npm:^4.0.3" @@ -5593,24 +5397,24 @@ __metadata: peerDependenciesMeta: typescript: optional: true - checksum: 10c0/19da9bf0948c9800fde19c5a408a80a3a4cf357ff67d47b516df5d2a05701a4fdd2b9ab5b692866bd84bfc17cea9132d1575a1423e01763a4c2918b5d77d0b34 + checksum: 10c0/ab54ce7a61928640bf036cc1d80394de92581d90666786603b566b9a44833603e017d7e739a37aee82a007c6d1dbdc6328d7e42d1732925cc53c111e7e38961e languageName: node linkType: hard -"@typescript-eslint/utils@npm:7.7.0": - version: 7.7.0 - resolution: "@typescript-eslint/utils@npm:7.7.0" +"@typescript-eslint/utils@npm:7.6.0": + version: 7.6.0 + resolution: "@typescript-eslint/utils@npm:7.6.0" dependencies: "@eslint-community/eslint-utils": "npm:^4.4.0" "@types/json-schema": "npm:^7.0.15" "@types/semver": "npm:^7.5.8" - "@typescript-eslint/scope-manager": "npm:7.7.0" - "@typescript-eslint/types": "npm:7.7.0" - "@typescript-eslint/typescript-estree": "npm:7.7.0" + "@typescript-eslint/scope-manager": "npm:7.6.0" + "@typescript-eslint/types": "npm:7.6.0" + "@typescript-eslint/typescript-estree": "npm:7.6.0" semver: "npm:^7.6.0" peerDependencies: eslint: ^8.56.0 - checksum: 10c0/c5f18ce198b420bdc201fd4278b4fa97bfe86178db565f3c4e1991bb452c9ea0b657e7980572555e2ec2fe218d07c42c794d217b9369903019cf784eea7e2164 + checksum: 10c0/1552004d9c451347f11398648ec7b22381d5b335f10e8d2dfdfbcb024ef93c9a23ec5731ee271495b4b546ab5db0a817bd13c4c4db8be825ed90b80a89dfd0f7 languageName: node linkType: hard @@ -5642,13 +5446,13 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/visitor-keys@npm:7.7.0": - version: 7.7.0 - resolution: "@typescript-eslint/visitor-keys@npm:7.7.0" +"@typescript-eslint/visitor-keys@npm:7.6.0": + version: 7.6.0 + resolution: "@typescript-eslint/visitor-keys@npm:7.6.0" dependencies: - "@typescript-eslint/types": "npm:7.7.0" + "@typescript-eslint/types": "npm:7.6.0" eslint-visitor-keys: "npm:^3.4.3" - checksum: 10c0/0f3b9720a962c04462a75d4872714c07320c8f672841881ada797ae960f9f6bd0e5f7494178917034f42635ef76f0f09fa3c8d4bd84f31ec58ee968fe75bada7 + checksum: 10c0/b5ca6a9258889ef103165884e99b51124b2a3dad250cf7cee2fb13525f76922256a6146a8dcef74cad6548a52409ff89259809c7fa7c8be07059bb7454e7fa8f languageName: node linkType: hard @@ -6046,12 +5850,12 @@ __metadata: languageName: node linkType: hard -"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0, agent-base@npm:^7.1.1": - version: 7.1.1 - resolution: "agent-base@npm:7.1.1" +"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0": + version: 7.1.0 + resolution: "agent-base@npm:7.1.0" dependencies: debug: "npm:^4.3.4" - checksum: 10c0/e59ce7bed9c63bf071a30cc471f2933862044c97fd9958967bfe22521d7a0f601ce4ed5a8c011799d0c726ca70312142ae193bbebb60f576b52be19d4a363b50 + checksum: 10c0/fc974ab57ffdd8421a2bc339644d312a9cca320c20c3393c9d8b1fd91731b9bbabdb985df5fc860f5b79d81c3e350daa3fcb31c5c07c0bb385aafc817df004ce languageName: node linkType: hard @@ -6221,11 +6025,11 @@ __metadata: linkType: hard "aria-hidden@npm:^1.1.1": - version: 1.2.4 - resolution: "aria-hidden@npm:1.2.4" + version: 1.2.3 + resolution: "aria-hidden@npm:1.2.3" dependencies: tslib: "npm:^2.0.0" - checksum: 10c0/8abcab2e1432efc4db415e97cb3959649ddf52c8fc815d7384f43f3d3abf56f1c12852575d00df9a8927f421d7e0712652dd5f8db244ea57634344e29ecfc74a + checksum: 10c0/46b07b7273167ad3fc2625f1ecbb43f8e6f73115c66785cbb5dcf1e2508133a43b6419d610c39676ceaeb563239efbd8974d5c0187695db8b3e8c3e11f549c2d languageName: node linkType: hard @@ -6272,16 +6076,15 @@ __metadata: linkType: hard "array-includes@npm:^3.1.6, array-includes@npm:^3.1.7": - version: 3.1.8 - resolution: "array-includes@npm:3.1.8" + version: 3.1.7 + resolution: "array-includes@npm:3.1.7" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" - es-object-atoms: "npm:^1.0.0" - get-intrinsic: "npm:^1.2.4" + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + get-intrinsic: "npm:^1.2.1" is-string: "npm:^1.0.7" - checksum: 10c0/5b1004d203e85873b96ddc493f090c9672fd6c80d7a60b798da8a14bff8a670ff95db5aafc9abc14a211943f05220dacf8ea17638ae0af1a6a47b8c0b48ce370 + checksum: 10c0/692907bd7f19d06dc58ccb761f34b58f5dc0b437d2b47a8fe42a1501849a5cf5c27aed3d521a9702667827c2c85a7e75df00a402c438094d87fc43f39ebf9b2b languageName: node linkType: hard @@ -6292,45 +6095,42 @@ __metadata: languageName: node linkType: hard -"array.prototype.filter@npm:^1.0.0": - version: 1.0.4 - resolution: "array.prototype.filter@npm:1.0.4" +"array.prototype.filter@npm:^1.0.0, array.prototype.filter@npm:^1.0.3": + version: 1.0.3 + resolution: "array.prototype.filter@npm:1.0.3" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" es-array-method-boxes-properly: "npm:^1.0.0" - es-object-atoms: "npm:^1.0.0" is-string: "npm:^1.0.7" - checksum: 10c0/8ea9067fc9ba6c0d6670ad93e62efff52a0f7931f69eba3a945477305565fd9c6f11153265f2253c74ba87e27bc0dc1487a731c301d2be9d508bdd9082925ecf + checksum: 10c0/8b70b5f866df5d90fa27aa5bfa30f5fefc44cbea94b0513699d761713658077c2a24cbf06aac5179eabddb6c93adc467af4c288b7a839c5bc5a769ee5a2d48ad languageName: node linkType: hard "array.prototype.findlast@npm:^1.2.4": - version: 1.2.5 - resolution: "array.prototype.findlast@npm:1.2.5" + version: 1.2.4 + resolution: "array.prototype.findlast@npm:1.2.4" dependencies: - call-bind: "npm:^1.0.7" + call-bind: "npm:^1.0.5" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" + es-abstract: "npm:^1.22.3" es-errors: "npm:^1.3.0" - es-object-atoms: "npm:^1.0.0" es-shim-unscopables: "npm:^1.0.2" - checksum: 10c0/ddc952b829145ab45411b9d6adcb51a8c17c76bf89c9dd64b52d5dffa65d033da8c076ed2e17091779e83bc892b9848188d7b4b33453c5565e65a92863cb2775 + checksum: 10c0/4b5145a68ebaa00ef3d61de07c6694cad73d60763079f1e7662b948e5a167b5121b0c1e6feae8df1e42ead07c21699e25242b95cd5c48e094fd530b192aa4150 languageName: node linkType: hard "array.prototype.findlastindex@npm:^1.2.3": - version: 1.2.5 - resolution: "array.prototype.findlastindex@npm:1.2.5" + version: 1.2.4 + resolution: "array.prototype.findlastindex@npm:1.2.4" dependencies: - call-bind: "npm:^1.0.7" + call-bind: "npm:^1.0.5" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" + es-abstract: "npm:^1.22.3" es-errors: "npm:^1.3.0" - es-object-atoms: "npm:^1.0.0" es-shim-unscopables: "npm:^1.0.2" - checksum: 10c0/962189487728b034f3134802b421b5f39e42ee2356d13b42d2ddb0e52057ffdcc170b9524867f4f0611a6f638f4c19b31e14606e8bcbda67799e26685b195aa3 + checksum: 10c0/b23ae35cf7621c82c20981ee110626090734a264798e781b052e534e3d61d576f03d125d92cf2e3672062bb5cc5907e02e69f2d80196a55f3cdb0197b4aa8c64 languageName: node linkType: hard @@ -6449,6 +6249,15 @@ __metadata: languageName: node linkType: hard +"asynciterator.prototype@npm:^1.0.0": + version: 1.0.0 + resolution: "asynciterator.prototype@npm:1.0.0" + dependencies: + has-symbols: "npm:^1.0.3" + checksum: 10c0/fb76850e57d931ff59fd16b6cddb79b0d34fe45f400b2c3480d38892e72cd089787401687dbdb7cdb14ece402c275d3e02a648760d1489cd493527129c4c6204 + languageName: node + linkType: hard + "asynckit@npm:^0.4.0": version: 0.4.0 resolution: "asynckit@npm:0.4.0" @@ -6456,7 +6265,7 @@ __metadata: languageName: node linkType: hard -"available-typed-arrays@npm:^1.0.7": +"available-typed-arrays@npm:^1.0.6, available-typed-arrays@npm:^1.0.7": version: 1.0.7 resolution: "available-typed-arrays@npm:1.0.7" dependencies: @@ -6473,9 +6282,9 @@ __metadata: linkType: hard "axe-core@npm:^4.2.0": - version: 4.9.0 - resolution: "axe-core@npm:4.9.0" - checksum: 10c0/0d3ef5f0f8d738b7fa31a869913d9988f04f6e283690d828d7066be2a6661d194ddcb863a9bfa5109600553ffa89faa5f16b5eeee839d1c4135f480458f04d37 + version: 4.8.4 + resolution: "axe-core@npm:4.8.4" + checksum: 10c0/1100ac42c4b8cde1fb7c428d2b76e5a14e20d9d41fe635c55048e4ba27f1eded729b838379a036b5ef9cf25ba7f7bedeef01ebd3b4accd2afee397b10b0265c4 languageName: node linkType: hard @@ -6689,9 +6498,9 @@ __metadata: linkType: hard "binary-extensions@npm:^2.0.0": - version: 2.3.0 - resolution: "binary-extensions@npm:2.3.0" - checksum: 10c0/75a59cafc10fb12a11d510e77110c6c7ae3f4ca22463d52487709ca7f18f69d886aa387557cc9864fbdb10153d0bdb4caacabf11541f55e89ed6e18d12ece2b5 + version: 2.2.0 + resolution: "binary-extensions@npm:2.2.0" + checksum: 10c0/d73d8b897238a2d3ffa5f59c0241870043aa7471335e89ea5e1ff48edb7c2d0bb471517a3e4c5c3f4c043615caa2717b5f80a5e61e07503d51dc85cb848e665d languageName: node linkType: hard @@ -6786,7 +6595,7 @@ __metadata: languageName: node linkType: hard -"browserslist@npm:^4.21.10, browserslist@npm:^4.22.2, browserslist@npm:^4.23.0": +"browserslist@npm:^4.21.10, browserslist@npm:^4.22.2, browserslist@npm:^4.22.3, browserslist@npm:^4.23.0": version: 4.23.0 resolution: "browserslist@npm:4.23.0" dependencies: @@ -6928,9 +6737,9 @@ __metadata: linkType: hard "caniuse-lite@npm:^1.0.30001587": - version: 1.0.30001610 - resolution: "caniuse-lite@npm:1.0.30001610" - checksum: 10c0/015956a0bf2e3e233da3dc00c5632bbb4d416bcd6ced2f839e33e45b197a856234f97cb046e7427b83d7e3a3d6df314dfab1c86eb9d970970e00ad85a50b4933 + version: 1.0.30001593 + resolution: "caniuse-lite@npm:1.0.30001593" + checksum: 10c0/c1601015ee4846da731f78164d4d863e6ee49a32988c4d879e9ab07ebdedcd32122161a3ff09f991485208d7a743db62fb5bd3dfbe4312f271c03f810a85cb4f languageName: node linkType: hard @@ -7045,7 +6854,7 @@ __metadata: languageName: node linkType: hard -"citty@npm:^0.1.6": +"citty@npm:^0.1.5, citty@npm:^0.1.6": version: 0.1.6 resolution: "citty@npm:0.1.6" dependencies: @@ -7101,15 +6910,15 @@ __metadata: linkType: hard "cli-table3@npm:^0.6.1": - version: 0.6.4 - resolution: "cli-table3@npm:0.6.4" + version: 0.6.3 + resolution: "cli-table3@npm:0.6.3" dependencies: "@colors/colors": "npm:1.5.0" string-width: "npm:^4.2.0" dependenciesMeta: "@colors/colors": optional: true - checksum: 10c0/8233c3d588db19122ed62a64256c7f0208232d2cece89a6cd7732481887fd9dcef69d976c4719149e77ccbf0a68f637bd5923536adccf6cdea051eeffa0ef1c2 + checksum: 10c0/39e580cb346c2eaf1bd8f4ff055ae644e902b8303c164a1b8894c0dc95941f92e001db51f49649011be987e708d9fa3183ccc2289a4d376a057769664048cc0c languageName: node linkType: hard @@ -7535,14 +7344,23 @@ __metadata: languageName: node linkType: hard -"cookie@npm:0.6.0": - version: 0.6.0 - resolution: "cookie@npm:0.6.0" - checksum: 10c0/f2318b31af7a31b4ddb4a678d024514df5e705f9be5909a192d7f116cfb6d45cbacf96a473fa733faa95050e7cff26e7832bb3ef94751592f1387b71c8956686 +"cookie@npm:0.5.0": + version: 0.5.0 + resolution: "cookie@npm:0.5.0" + checksum: 10c0/c01ca3ef8d7b8187bae434434582288681273b5a9ed27521d4d7f9f7928fe0c920df0decd9f9d3bbd2d14ac432b8c8cf42b98b3bdd5bfe0e6edddeebebe8b61d + languageName: node + linkType: hard + +"core-js-compat@npm:^3.31.0": + version: 3.36.0 + resolution: "core-js-compat@npm:3.36.0" + dependencies: + browserslist: "npm:^4.22.3" + checksum: 10c0/5ce2ad0ece8379883c01958e196575abc015692fc0394b8917f132b6b32e5c2bfb2612902c3f98f270cfa2d9d6522c28d36665038f3726796f1f4b436e4f863e languageName: node linkType: hard -"core-js-compat@npm:^3.31.0, core-js-compat@npm:^3.36.1": +"core-js-compat@npm:^3.36.1": version: 3.36.1 resolution: "core-js-compat@npm:3.36.1" dependencies: @@ -7552,9 +7370,9 @@ __metadata: linkType: hard "core-js-pure@npm:^3.23.3": - version: 3.36.1 - resolution: "core-js-pure@npm:3.36.1" - checksum: 10c0/b964c7aa35665a4ecd513f62d695d99e96bb9e42621f7fcc823a613fab4155525d5c2875e46fcc4e6a3396c1fb7d543aee8f7afd83aa34531261b30af759c3d6 + version: 3.36.0 + resolution: "core-js-pure@npm:3.36.0" + checksum: 10c0/1c5ecb37451bcebaa449e36285d27c4c79d5ff24b8bfd44491ce661cfc12b5c56471c847d306d21a56894338d00abea4993a6f8e07c71d4e887d1f71e410d22e languageName: node linkType: hard @@ -7847,54 +7665,21 @@ __metadata: languageName: node linkType: hard -"dargs@npm:^8.0.0": - version: 8.1.0 - resolution: "dargs@npm:8.1.0" - checksum: 10c0/08cbd1ee4ac1a16fb7700e761af2e3e22d1bdc04ac4f851926f552dde8f9e57714c0d04013c2cca1cda0cba8fb637e0f93ad15d5285547a939dd1989ee06a82d - languageName: node - linkType: hard - -"data-urls@npm:^3.0.2": - version: 3.0.2 - resolution: "data-urls@npm:3.0.2" - dependencies: - abab: "npm:^2.0.6" - whatwg-mimetype: "npm:^3.0.0" - whatwg-url: "npm:^11.0.0" - checksum: 10c0/051c3aaaf3e961904f136aab095fcf6dff4db23a7fc759dd8ba7b3e6ba03fc07ef608086caad8ab910d864bd3b5e57d0d2f544725653d77c96a2c971567045f4 - languageName: node - linkType: hard - -"data-view-buffer@npm:^1.0.1": - version: 1.0.1 - resolution: "data-view-buffer@npm:1.0.1" - dependencies: - call-bind: "npm:^1.0.6" - es-errors: "npm:^1.3.0" - is-data-view: "npm:^1.0.1" - checksum: 10c0/8984119e59dbed906a11fcfb417d7d861936f16697a0e7216fe2c6c810f6b5e8f4a5281e73f2c28e8e9259027190ac4a33e2a65fdd7fa86ac06b76e838918583 - languageName: node - linkType: hard - -"data-view-byte-length@npm:^1.0.1": - version: 1.0.1 - resolution: "data-view-byte-length@npm:1.0.1" - dependencies: - call-bind: "npm:^1.0.7" - es-errors: "npm:^1.3.0" - is-data-view: "npm:^1.0.1" - checksum: 10c0/b7d9e48a0cf5aefed9ab7d123559917b2d7e0d65531f43b2fd95b9d3a6b46042dd3fca597c42bba384e66b70d7ad66ff23932f8367b241f53d93af42cfe04ec2 +"dargs@npm:^8.0.0": + version: 8.1.0 + resolution: "dargs@npm:8.1.0" + checksum: 10c0/08cbd1ee4ac1a16fb7700e761af2e3e22d1bdc04ac4f851926f552dde8f9e57714c0d04013c2cca1cda0cba8fb637e0f93ad15d5285547a939dd1989ee06a82d languageName: node linkType: hard -"data-view-byte-offset@npm:^1.0.0": - version: 1.0.0 - resolution: "data-view-byte-offset@npm:1.0.0" +"data-urls@npm:^3.0.2": + version: 3.0.2 + resolution: "data-urls@npm:3.0.2" dependencies: - call-bind: "npm:^1.0.6" - es-errors: "npm:^1.3.0" - is-data-view: "npm:^1.0.1" - checksum: 10c0/21b0d2e53fd6e20cc4257c873bf6d36d77bd6185624b84076c0a1ddaa757b49aaf076254006341d35568e89f52eecd1ccb1a502cfb620f2beca04f48a6a62a8f + abab: "npm:^2.0.6" + whatwg-mimetype: "npm:^3.0.0" + whatwg-url: "npm:^11.0.0" + checksum: 10c0/051c3aaaf3e961904f136aab095fcf6dff4db23a7fc759dd8ba7b3e6ba03fc07ef608086caad8ab910d864bd3b5e57d0d2f544725653d77c96a2c971567045f4 languageName: node linkType: hard @@ -7950,14 +7735,14 @@ __metadata: linkType: hard "dedent@npm:^1.0.0": - version: 1.5.3 - resolution: "dedent@npm:1.5.3" + version: 1.5.1 + resolution: "dedent@npm:1.5.1" peerDependencies: babel-plugin-macros: ^3.1.0 peerDependenciesMeta: babel-plugin-macros: optional: true - checksum: 10c0/d94bde6e6f780be4da4fd760288fcf755ec368872f4ac5218197200d86430aeb8d90a003a840bff1c20221188e3f23adced0119cb811c6873c70d0ac66d12832 + checksum: 10c0/f8612cd5b00aab58b18bb95572dca08dc2d49720bfa7201a444c3dae430291e8a06d4928614a6ec8764d713927f44bce9c990d3b8238fca2f430990ddc17c070 languageName: node linkType: hard @@ -8020,7 +7805,7 @@ __metadata: languageName: node linkType: hard -"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.4": +"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.2, define-data-property@npm:^1.1.4": version: 1.1.4 resolution: "define-data-property@npm:1.1.4" dependencies: @@ -8049,7 +7834,7 @@ __metadata: languageName: node linkType: hard -"defu@npm:^6.1.4": +"defu@npm:^6.1.3": version: 6.1.4 resolution: "defu@npm:6.1.4" checksum: 10c0/2d6cc366262dc0cb8096e429368e44052fdf43ed48e53ad84cc7c9407f890301aa5fcb80d0995abaaf842b3949f154d060be4160f7a46cb2bc2f7726c81526f5 @@ -8338,20 +8123,20 @@ __metadata: linkType: hard "ejs@npm:^3.1.8": - version: 3.1.10 - resolution: "ejs@npm:3.1.10" + version: 3.1.9 + resolution: "ejs@npm:3.1.9" dependencies: jake: "npm:^10.8.5" bin: ejs: bin/cli.js - checksum: 10c0/52eade9e68416ed04f7f92c492183340582a36482836b11eab97b159fcdcfdedc62233a1bf0bf5e5e1851c501f2dca0e2e9afd111db2599e4e7f53ee29429ae1 + checksum: 10c0/f0e249c79128810f5f6d5cbf347fc906d86bb9384263db0b2a9004aea649f2bc2d112736de5716c509c80afb4721c47281bd5b57c757d3b63f1bf5ac5f885893 languageName: node linkType: hard "electron-to-chromium@npm:^1.4.668": - version: 1.4.737 - resolution: "electron-to-chromium@npm:1.4.737" - checksum: 10c0/af407082035aac17e1c4c99b1bd44f6b4dc359c2be538d04508c7a4013badd894c6fc79333c7d80e2de19baac4e9da6061b95b09765868c5278180f02dfe31c1 + version: 1.4.690 + resolution: "electron-to-chromium@npm:1.4.690" + checksum: 10c0/fba87387968bac5ac55161dc176e55d92a54146ae1e5fb16c3fdd5bf4f250ce6f271713659c0cdfa7fc0fd9a9ea1a79803f266fa2b936535b208c0759a4d3983 languageName: node linkType: hard @@ -8419,7 +8204,17 @@ __metadata: languageName: node linkType: hard -"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.12.0, enhanced-resolve@npm:^5.16.0": +"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.12.0": + version: 5.15.1 + resolution: "enhanced-resolve@npm:5.15.1" + dependencies: + graceful-fs: "npm:^4.2.4" + tapable: "npm:^2.2.0" + checksum: 10c0/f56a0f3726dc5fb65cb4518ab0806aecfd553f4cd4146f403ffe618ece36610443d8624a89d18fe0bb0be307b1c9ca8fb835267345ca4afc25d2932d58ced715 + languageName: node + linkType: hard + +"enhanced-resolve@npm:^5.16.0": version: 5.16.0 resolution: "enhanced-resolve@npm:5.16.0" dependencies: @@ -8451,11 +8246,11 @@ __metadata: linkType: hard "envinfo@npm:^7.7.3": - version: 7.12.0 - resolution: "envinfo@npm:7.12.0" + version: 7.11.1 + resolution: "envinfo@npm:7.11.1" bin: envinfo: dist/cli.js - checksum: 10c0/32a48ddaab7b5a18bb9961bddc45757fe1f308e8f1067740393b58846e458efa05a747a5ca80d43913c4946620e76ed386c82d9a9e412ee7cc737773b9822651 + checksum: 10c0/4550cce03d4d8a7b137d548faaf9c920356474231636cb4a6e74ae75db3b9cb04aa0a052ee391e2363af5db697166c207ba76e106338d758c6126830b3e16d75 languageName: node linkType: hard @@ -8537,20 +8332,16 @@ __metadata: languageName: node linkType: hard -"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.1, es-abstract@npm:^1.23.2": - version: 1.23.3 - resolution: "es-abstract@npm:1.23.3" +"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.22.4": + version: 1.22.5 + resolution: "es-abstract@npm:1.22.5" dependencies: array-buffer-byte-length: "npm:^1.0.1" arraybuffer.prototype.slice: "npm:^1.0.3" available-typed-arrays: "npm:^1.0.7" call-bind: "npm:^1.0.7" - data-view-buffer: "npm:^1.0.1" - data-view-byte-length: "npm:^1.0.1" - data-view-byte-offset: "npm:^1.0.0" es-define-property: "npm:^1.0.0" es-errors: "npm:^1.3.0" - es-object-atoms: "npm:^1.0.0" es-set-tostringtag: "npm:^2.0.3" es-to-primitive: "npm:^1.2.1" function.prototype.name: "npm:^1.1.6" @@ -8561,11 +8352,10 @@ __metadata: has-property-descriptors: "npm:^1.0.2" has-proto: "npm:^1.0.3" has-symbols: "npm:^1.0.3" - hasown: "npm:^2.0.2" + hasown: "npm:^2.0.1" internal-slot: "npm:^1.0.7" is-array-buffer: "npm:^3.0.4" is-callable: "npm:^1.2.7" - is-data-view: "npm:^1.0.1" is-negative-zero: "npm:^2.0.3" is-regex: "npm:^1.1.4" is-shared-array-buffer: "npm:^1.0.3" @@ -8576,18 +8366,18 @@ __metadata: object-keys: "npm:^1.1.1" object.assign: "npm:^4.1.5" regexp.prototype.flags: "npm:^1.5.2" - safe-array-concat: "npm:^1.1.2" + safe-array-concat: "npm:^1.1.0" safe-regex-test: "npm:^1.0.3" - string.prototype.trim: "npm:^1.2.9" - string.prototype.trimend: "npm:^1.0.8" - string.prototype.trimstart: "npm:^1.0.8" + string.prototype.trim: "npm:^1.2.8" + string.prototype.trimend: "npm:^1.0.7" + string.prototype.trimstart: "npm:^1.0.7" typed-array-buffer: "npm:^1.0.2" typed-array-byte-length: "npm:^1.0.1" typed-array-byte-offset: "npm:^1.0.2" - typed-array-length: "npm:^1.0.6" + typed-array-length: "npm:^1.0.5" unbox-primitive: "npm:^1.0.2" - which-typed-array: "npm:^1.1.15" - checksum: 10c0/d27e9afafb225c6924bee9971a7f25f20c314f2d6cb93a63cada4ac11dcf42040896a6c22e5fb8f2a10767055ed4ddf400be3b1eb12297d281726de470b75666 + which-typed-array: "npm:^1.1.14" + checksum: 10c0/4bca5a60f0dff6c0a5690d8e51374cfcb8760d5dbbb1069174b4d41461cf4e0c3e0c1993bccbc5aa0799ff078199f1bcde2122b8709e0d17c2beffafff01010a languageName: node linkType: hard @@ -8607,7 +8397,7 @@ __metadata: languageName: node linkType: hard -"es-errors@npm:^1.1.0, es-errors@npm:^1.2.1, es-errors@npm:^1.3.0": +"es-errors@npm:^1.0.0, es-errors@npm:^1.1.0, es-errors@npm:^1.2.1, es-errors@npm:^1.3.0": version: 1.3.0 resolution: "es-errors@npm:1.3.0" checksum: 10c0/0a61325670072f98d8ae3b914edab3559b6caa980f08054a3b872052640d91da01d38df55df797fcc916389d77fc92b8d5906cf028f4db46d7e3003abecbca85 @@ -8632,44 +8422,36 @@ __metadata: linkType: hard "es-iterator-helpers@npm:^1.0.15, es-iterator-helpers@npm:^1.0.17": - version: 1.0.18 - resolution: "es-iterator-helpers@npm:1.0.18" + version: 1.0.17 + resolution: "es-iterator-helpers@npm:1.0.17" dependencies: + asynciterator.prototype: "npm:^1.0.0" call-bind: "npm:^1.0.7" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.0" + es-abstract: "npm:^1.22.4" es-errors: "npm:^1.3.0" - es-set-tostringtag: "npm:^2.0.3" + es-set-tostringtag: "npm:^2.0.2" function-bind: "npm:^1.1.2" get-intrinsic: "npm:^1.2.4" globalthis: "npm:^1.0.3" has-property-descriptors: "npm:^1.0.2" - has-proto: "npm:^1.0.3" + has-proto: "npm:^1.0.1" has-symbols: "npm:^1.0.3" internal-slot: "npm:^1.0.7" iterator.prototype: "npm:^1.1.2" - safe-array-concat: "npm:^1.1.2" - checksum: 10c0/93be402e01fa3d8bf62fcadd2fb3055126ffcfe8846911b10b85918ef46775252696c84e6191ec8125bedb61e92242ad1a54a86118436ba19814720cb9ff4aed + safe-array-concat: "npm:^1.1.0" + checksum: 10c0/d0f281257e7165f068fd4fc3beb63d07ae4f18fbef02a2bbe4a39272b764164c1ce3311ae7c5429ac30003aef290fcdf569050e4a9ba3560e044440f68e9a47c languageName: node linkType: hard "es-module-lexer@npm:^1.2.1, es-module-lexer@npm:^1.4.1": - version: 1.5.0 - resolution: "es-module-lexer@npm:1.5.0" - checksum: 10c0/d199853404f3381801eb102befb84a8fc48f93ed86b852c2461c2c4ad4bbbc91128f3d974ff9b8718628260ae3f36e661295ab3e419222868aa31269284e34c9 - languageName: node - linkType: hard - -"es-object-atoms@npm:^1.0.0": - version: 1.0.0 - resolution: "es-object-atoms@npm:1.0.0" - dependencies: - es-errors: "npm:^1.3.0" - checksum: 10c0/1fed3d102eb27ab8d983337bb7c8b159dd2a1e63ff833ec54eea1311c96d5b08223b433060ba240541ca8adba9eee6b0a60cdbf2f80634b784febc9cc8b687b4 + version: 1.4.1 + resolution: "es-module-lexer@npm:1.4.1" + checksum: 10c0/b7260a138668554d3f0ddcc728cb4b60c2fa463f15545cf155ecbdd5450a1348952d58298a7f48642e900ee579f21d7f5304b6b3c61b3d9fc2d4b2109b5a9dff languageName: node linkType: hard -"es-set-tostringtag@npm:^2.0.3": +"es-set-tostringtag@npm:^2.0.2, es-set-tostringtag@npm:^2.0.3": version: 2.0.3 resolution: "es-set-tostringtag@npm:2.0.3" dependencies: @@ -8795,86 +8577,6 @@ __metadata: languageName: node linkType: hard -"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0": - version: 0.20.2 - resolution: "esbuild@npm:0.20.2" - dependencies: - "@esbuild/aix-ppc64": "npm:0.20.2" - "@esbuild/android-arm": "npm:0.20.2" - "@esbuild/android-arm64": "npm:0.20.2" - "@esbuild/android-x64": "npm:0.20.2" - "@esbuild/darwin-arm64": "npm:0.20.2" - "@esbuild/darwin-x64": "npm:0.20.2" - "@esbuild/freebsd-arm64": "npm:0.20.2" - "@esbuild/freebsd-x64": "npm:0.20.2" - "@esbuild/linux-arm": "npm:0.20.2" - "@esbuild/linux-arm64": "npm:0.20.2" - "@esbuild/linux-ia32": "npm:0.20.2" - "@esbuild/linux-loong64": "npm:0.20.2" - "@esbuild/linux-mips64el": "npm:0.20.2" - "@esbuild/linux-ppc64": "npm:0.20.2" - "@esbuild/linux-riscv64": "npm:0.20.2" - "@esbuild/linux-s390x": "npm:0.20.2" - "@esbuild/linux-x64": "npm:0.20.2" - "@esbuild/netbsd-x64": "npm:0.20.2" - "@esbuild/openbsd-x64": "npm:0.20.2" - "@esbuild/sunos-x64": "npm:0.20.2" - "@esbuild/win32-arm64": "npm:0.20.2" - "@esbuild/win32-ia32": "npm:0.20.2" - "@esbuild/win32-x64": "npm:0.20.2" - dependenciesMeta: - "@esbuild/aix-ppc64": - optional: true - "@esbuild/android-arm": - optional: true - "@esbuild/android-arm64": - optional: true - "@esbuild/android-x64": - optional: true - "@esbuild/darwin-arm64": - optional: true - "@esbuild/darwin-x64": - optional: true - "@esbuild/freebsd-arm64": - optional: true - "@esbuild/freebsd-x64": - optional: true - "@esbuild/linux-arm": - optional: true - "@esbuild/linux-arm64": - optional: true - "@esbuild/linux-ia32": - optional: true - "@esbuild/linux-loong64": - optional: true - "@esbuild/linux-mips64el": - optional: true - "@esbuild/linux-ppc64": - optional: true - "@esbuild/linux-riscv64": - optional: true - "@esbuild/linux-s390x": - optional: true - "@esbuild/linux-x64": - optional: true - "@esbuild/netbsd-x64": - optional: true - "@esbuild/openbsd-x64": - optional: true - "@esbuild/sunos-x64": - optional: true - "@esbuild/win32-arm64": - optional: true - "@esbuild/win32-ia32": - optional: true - "@esbuild/win32-x64": - optional: true - bin: - esbuild: bin/esbuild - checksum: 10c0/66398f9fb2c65e456a3e649747b39af8a001e47963b25e86d9c09d2a48d61aa641b27da0ce5cad63df95ad246105e1d83e7fee0e1e22a0663def73b1c5101112 - languageName: node - linkType: hard - "escalade@npm:^3.1.1": version: 3.1.2 resolution: "escalade@npm:3.1.2" @@ -9323,15 +9025,15 @@ __metadata: linkType: hard "express@npm:^4.17.3": - version: 4.19.2 - resolution: "express@npm:4.19.2" + version: 4.18.3 + resolution: "express@npm:4.18.3" dependencies: accepts: "npm:~1.3.8" array-flatten: "npm:1.1.1" body-parser: "npm:1.20.2" content-disposition: "npm:0.5.4" content-type: "npm:~1.0.4" - cookie: "npm:0.6.0" + cookie: "npm:0.5.0" cookie-signature: "npm:1.0.6" debug: "npm:2.6.9" depd: "npm:2.0.0" @@ -9357,7 +9059,7 @@ __metadata: type-is: "npm:~1.6.18" utils-merge: "npm:1.0.1" vary: "npm:~1.1.2" - checksum: 10c0/e82e2662ea9971c1407aea9fc3c16d6b963e55e3830cd0ef5e00b533feda8b770af4e3be630488ef8a752d7c75c4fcefb15892868eeaafe7353cb9e3e269fdcb + checksum: 10c0/0b9eeafbac549e3c67d92d083bf1773e358359f41ad142b92121935c6348d29079b75054555b3f62de39263fffc8ba06898b09fdd3e213e28e714c03c5d9f44c languageName: node linkType: hard @@ -9644,9 +9346,9 @@ __metadata: linkType: hard "flow-parser@npm:0.*": - version: 0.233.0 - resolution: "flow-parser@npm:0.233.0" - checksum: 10c0/1a44fd02b7349c897bae716243546f1a5387a401d8ece91c44d626d25ded1046d7a4e6a271f87f1ab6aa770d6d9f674b232bc3c741ec79233468c017ef9cd18f + version: 0.229.2 + resolution: "flow-parser@npm:0.229.2" + checksum: 10c0/6f2b0b393fb02ae6b839e7e13fd31e91872941843a805eb529b3e969cf0a8a6a0546fc2ab5c7d557eead8be3e2a3fe41c07276f826ba1f84702fcbefa7723fbc languageName: node linkType: hard @@ -9848,7 +9550,7 @@ __metadata: languageName: node linkType: hard -"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.2, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4": +"get-intrinsic@npm:^1.1.1, get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.2, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4": version: 1.2.4 resolution: "get-intrinsic@npm:1.2.4" dependencies: @@ -9915,29 +9617,29 @@ __metadata: linkType: hard "get-tsconfig@npm:^4.5.0": - version: 4.7.3 - resolution: "get-tsconfig@npm:4.7.3" + version: 4.7.2 + resolution: "get-tsconfig@npm:4.7.2" dependencies: resolve-pkg-maps: "npm:^1.0.0" - checksum: 10c0/b15ca9d5d0887ebfccadc9fe88b6ff3827a5691ec90e7608a5e9c74bef959c14aba62f6bb88ac7f50322395731789a2cf654244f00e10f4f76349911b6846d6f + checksum: 10c0/169b2beababfbb16e8a0ae813ee59d3e14d4960231c816615161ab5be68ec07a394dce59695742ac84295e2efab8d9e89bcf3abaf5e253dfbec3496e01bb9a65 languageName: node linkType: hard "giget@npm:^1.0.0": - version: 1.2.3 - resolution: "giget@npm:1.2.3" + version: 1.2.1 + resolution: "giget@npm:1.2.1" dependencies: - citty: "npm:^0.1.6" + citty: "npm:^0.1.5" consola: "npm:^3.2.3" - defu: "npm:^6.1.4" - node-fetch-native: "npm:^1.6.3" - nypm: "npm:^0.3.8" + defu: "npm:^6.1.3" + node-fetch-native: "npm:^1.6.1" + nypm: "npm:^0.3.3" ohash: "npm:^1.1.3" - pathe: "npm:^1.1.2" + pathe: "npm:^1.1.1" tar: "npm:^6.2.0" bin: giget: dist/cli.mjs - checksum: 10c0/0e82836783c704346fdda83e23d144e97f28a959320b1d8ee73c69a5af562362bcb727cf6ad99f90e45ed8a6abec140833534bb1fedcaa1c06fa026daaf3119c + checksum: 10c0/7a2a66146278f36a1fe0e57e792d43500a757c9a70e796a84e264cf4dfdbc3677499b308dfd96dd53940b5d1065ee14cba75dd75d78a78c2a9abec74e5e4ea62 languageName: node linkType: hard @@ -9999,17 +9701,17 @@ __metadata: linkType: hard "glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10": - version: 10.3.12 - resolution: "glob@npm:10.3.12" + version: 10.3.10 + resolution: "glob@npm:10.3.10" dependencies: foreground-child: "npm:^3.1.0" - jackspeak: "npm:^2.3.6" + jackspeak: "npm:^2.3.5" minimatch: "npm:^9.0.1" - minipass: "npm:^7.0.4" - path-scurry: "npm:^1.10.2" + minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0" + path-scurry: "npm:^1.10.1" bin: glob: dist/esm/bin.mjs - checksum: 10c0/f60cefdc1cf3f958b2bb5823e1b233727f04916d489dc4641d76914f016e6704421e06a83cbb68b0cb1cb9382298b7a88075b844ad2127fc9727ea22b18b0711 + checksum: 10c0/13d8a1feb7eac7945f8c8480e11cd4a44b24d26503d99a8d8ac8d5aefbf3e9802a2b6087318a829fad04cb4e829f25c5f4f1110c68966c498720dd261c7e344d languageName: node linkType: hard @@ -10171,7 +9873,7 @@ __metadata: languageName: node linkType: hard -"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.2": +"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.1, has-property-descriptors@npm:^1.0.2": version: 1.0.2 resolution: "has-property-descriptors@npm:1.0.2" dependencies: @@ -10194,7 +9896,7 @@ __metadata: languageName: node linkType: hard -"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.2": +"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.1, has-tostringtag@npm:^1.0.2": version: 1.0.2 resolution: "has-tostringtag@npm:1.0.2" dependencies: @@ -10210,12 +9912,12 @@ __metadata: languageName: node linkType: hard -"hasown@npm:^2.0.0, hasown@npm:^2.0.1, hasown@npm:^2.0.2": - version: 2.0.2 - resolution: "hasown@npm:2.0.2" +"hasown@npm:^2.0.0, hasown@npm:^2.0.1": + version: 2.0.1 + resolution: "hasown@npm:2.0.1" dependencies: function-bind: "npm:^1.1.2" - checksum: 10c0/3769d434703b8ac66b209a4cca0737519925bbdb61dd887f93a16372b14694c63ff4e797686d87c90f08168e81082248b9b028bad60d4da9e0d1148766f56eb9 + checksum: 10c0/9e27e70e8e4204f4124c8f99950d1ba2b1f5174864fd39ff26da190f9ea6488c1b3927dcc64981c26d1f637a971783c9489d62c829d393ea509e6f1ba20370bb languageName: node linkType: hard @@ -10564,7 +10266,7 @@ __metadata: languageName: node linkType: hard -"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.7": +"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.5, internal-slot@npm:^1.0.7": version: 1.0.7 resolution: "internal-slot@npm:1.0.7" dependencies: @@ -10702,15 +10404,6 @@ __metadata: languageName: node linkType: hard -"is-data-view@npm:^1.0.1": - version: 1.0.1 - resolution: "is-data-view@npm:1.0.1" - dependencies: - is-typed-array: "npm:^1.1.13" - checksum: 10c0/a3e6ec84efe303da859107aed9b970e018e2bee7ffcb48e2f8096921a493608134240e672a2072577e5f23a729846241d9634806e8a0e51d9129c56d5f65442d - languageName: node - linkType: hard - "is-date-object@npm:^1.0.1, is-date-object@npm:^1.0.5": version: 1.0.5 resolution: "is-date-object@npm:1.0.5" @@ -10805,10 +10498,10 @@ __metadata: languageName: node linkType: hard -"is-map@npm:^2.0.2, is-map@npm:^2.0.3": - version: 2.0.3 - resolution: "is-map@npm:2.0.3" - checksum: 10c0/2c4d431b74e00fdda7162cd8e4b763d6f6f217edf97d4f8538b94b8702b150610e2c64961340015fe8df5b1fcee33ccd2e9b62619c4a8a3a155f8de6d6d355fc +"is-map@npm:^2.0.1, is-map@npm:^2.0.2": + version: 2.0.2 + resolution: "is-map@npm:2.0.2" + checksum: 10c0/119ff9137a37fd131a72fab3f4ab8c9d6a24b0a1ee26b4eff14dc625900d8675a97785eea5f4174265e2006ed076cc24e89f6e57ebd080a48338d914ec9168a5 languageName: node linkType: hard @@ -10899,10 +10592,10 @@ __metadata: languageName: node linkType: hard -"is-set@npm:^2.0.2, is-set@npm:^2.0.3": - version: 2.0.3 - resolution: "is-set@npm:2.0.3" - checksum: 10c0/f73732e13f099b2dc879c2a12341cfc22ccaca8dd504e6edae26484bd5707a35d503fba5b4daad530a9b088ced1ae6c9d8200fd92e09b428fe14ea79ce8080b7 +"is-set@npm:^2.0.1, is-set@npm:^2.0.2": + version: 2.0.2 + resolution: "is-set@npm:2.0.2" + checksum: 10c0/5f8bd1880df8c0004ce694e315e6e1e47a3452014be792880bb274a3b2cdb952fdb60789636ca6e084c7947ca8b7ae03ccaf54c93a7fcfed228af810559e5432 languageName: node linkType: hard @@ -10979,10 +10672,10 @@ __metadata: languageName: node linkType: hard -"is-weakmap@npm:^2.0.2": - version: 2.0.2 - resolution: "is-weakmap@npm:2.0.2" - checksum: 10c0/443c35bb86d5e6cc5929cd9c75a4024bb0fff9586ed50b092f94e700b89c43a33b186b76dbc6d54f3d3d09ece689ab38dcdc1af6a482cbe79c0f2da0a17f1299 +"is-weakmap@npm:^2.0.1": + version: 2.0.1 + resolution: "is-weakmap@npm:2.0.1" + checksum: 10c0/9c9fec9efa7bf5030a4a927f33fff2a6976b93646259f92b517d3646c073cc5b98283a162ce75c412b060a46de07032444b530f0a4c9b6e012ef8f1741c3a987 languageName: node linkType: hard @@ -10995,13 +10688,13 @@ __metadata: languageName: node linkType: hard -"is-weakset@npm:^2.0.3": - version: 2.0.3 - resolution: "is-weakset@npm:2.0.3" +"is-weakset@npm:^2.0.1": + version: 2.0.2 + resolution: "is-weakset@npm:2.0.2" dependencies: - call-bind: "npm:^1.0.7" - get-intrinsic: "npm:^1.2.4" - checksum: 10c0/8ad6141b6a400e7ce7c7442a13928c676d07b1f315ab77d9912920bf5f4170622f43126f111615788f26c3b1871158a6797c862233124507db0bcc33a9537d1a + call-bind: "npm:^1.0.2" + get-intrinsic: "npm:^1.1.1" + checksum: 10c0/ef5136bd446ae4603229b897f73efd0720c6ab3ec6cc05c8d5c4b51aa9f95164713c4cad0a22ff1fedf04865ff86cae4648bc1d5eead4b6388e1150525af1cc1 languageName: node linkType: hard @@ -11127,7 +10820,7 @@ __metadata: languageName: node linkType: hard -"jackspeak@npm:^2.3.6": +"jackspeak@npm:^2.3.5": version: 2.3.6 resolution: "jackspeak@npm:2.3.6" dependencies: @@ -11686,9 +11379,9 @@ __metadata: linkType: hard "jschardet@npm:latest": - version: 3.1.2 - resolution: "jschardet@npm:3.1.2" - checksum: 10c0/dd45be21cfac964fd634ffe17a251a92f1ca8bcdd517821f8aec380f32930c1548bd60a5d664b5ba601b5f838ce8419b852a3aad1ff915ae98c3209fbc9a460c + version: 3.0.0 + resolution: "jschardet@npm:3.0.0" + checksum: 10c0/5d12d351cf1fbd3e4644418e6d7545acdd36eb198caad1ba0d98b91c54f75936d51bcf369412f5f296766913c1e1899543c8da4dd8fc1fc7f142d760beff5d4e languageName: node linkType: hard @@ -11844,7 +11537,7 @@ __metadata: languageName: node linkType: hard -"json5@npm:^2.1.2, json5@npm:^2.2.2, json5@npm:^2.2.3": +"json5@npm:^2.1.2, json5@npm:^2.2.3": version: 2.2.3 resolution: "json5@npm:2.2.3" bin: @@ -12121,7 +11814,7 @@ __metadata: languageName: node linkType: hard -"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0": +"lru-cache@npm:^10.0.1, lru-cache@npm:^9.1.1 || ^10.0.0": version: 10.2.0 resolution: "lru-cache@npm:10.2.0" checksum: 10c0/c9847612aa2daaef102d30542a8d6d9b2c2bb36581c1bf0dc3ebf5e5f3352c772a749e604afae2e46873b930a9e9523743faac4e5b937c576ab29196774712ee @@ -12156,11 +11849,11 @@ __metadata: linkType: hard "magic-string@npm:^0.30.5": - version: 0.30.9 - resolution: "magic-string@npm:0.30.9" + version: 0.30.8 + resolution: "magic-string@npm:0.30.8" dependencies: "@jridgewell/sourcemap-codec": "npm:^1.4.15" - checksum: 10c0/edbeea35b4f90b58815d8b13899fa412b5bc1e81cae14fe6d24d5c383c5f04331fce2c5a75bfb7926203ab6fc8c71290cdab56703a5b82432d8a1e144d6042e1 + checksum: 10c0/51a1f06f678c082aceddfb5943de9b6bdb88f2ea1385a1c2adf116deb73dfcfa50df6c222901d691b529455222d4d68d0b28be5689ac6f69b3baa3462861f922 languageName: node linkType: hard @@ -12235,11 +11928,11 @@ __metadata: linkType: hard "markdown-to-jsx@npm:^7.1.8": - version: 7.4.7 - resolution: "markdown-to-jsx@npm:7.4.7" + version: 7.4.1 + resolution: "markdown-to-jsx@npm:7.4.1" peerDependencies: react: ">= 0.14.0" - checksum: 10c0/7dab3e2c8d7374c45e6ca34fd12b40453533a5b89749eff3359975b1d296c553ff7675f56be7c9d1fb3b97b7b7d143d1b3237137d5c262322e0534eea72e2800 + checksum: 10c0/f40d9ab632a659ef7fd3afcae9c40e11ce77d57ae856275eb9439bf6762738eefb9897cfb65fc0495347cf8fc3b1cfef6cb9dcfe96959ded3ebd122375155323 languageName: node linkType: hard @@ -12430,7 +12123,16 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^9.0.1, minimatch@npm:^9.0.4": +"minimatch@npm:^9.0.1": + version: 9.0.3 + resolution: "minimatch@npm:9.0.3" + dependencies: + brace-expansion: "npm:^2.0.1" + checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac + languageName: node + linkType: hard + +"minimatch@npm:^9.0.4": version: 9.0.4 resolution: "minimatch@npm:9.0.4" dependencies: @@ -12513,7 +12215,7 @@ __metadata: languageName: node linkType: hard -"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4": +"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3": version: 7.0.4 resolution: "minipass@npm:7.0.4" checksum: 10c0/6c7370a6dfd257bf18222da581ba89a5eaedca10e158781232a8b5542a90547540b4b9b7e7f490e4cda43acfbd12e086f0453728ecf8c19e0ef6921bc5958ac5 @@ -12658,10 +12360,10 @@ __metadata: languageName: node linkType: hard -"node-fetch-native@npm:^1.6.3": - version: 1.6.4 - resolution: "node-fetch-native@npm:1.6.4" - checksum: 10c0/78334dc6def5d1d95cfe87b33ac76c4833592c5eb84779ad2b0c23c689f9dd5d1cfc827035ada72d6b8b218f717798968c5a99aeff0a1a8bf06657e80592f9c3 +"node-fetch-native@npm:^1.6.1": + version: 1.6.2 + resolution: "node-fetch-native@npm:1.6.2" + checksum: 10c0/2c1e94ce6e5b8a8ca85d5cdb837bc098ba2a54dea07e3509250288bebca8147950e1bef10db30120b389263ec0064e0562effdd085bb49d4e2046ebd963ee98d languageName: node linkType: hard @@ -12680,8 +12382,8 @@ __metadata: linkType: hard "node-gyp@npm:latest": - version: 10.1.0 - resolution: "node-gyp@npm:10.1.0" + version: 10.0.1 + resolution: "node-gyp@npm:10.0.1" dependencies: env-paths: "npm:^2.2.0" exponential-backoff: "npm:^3.1.1" @@ -12695,7 +12397,7 @@ __metadata: which: "npm:^4.0.0" bin: node-gyp: bin/node-gyp.js - checksum: 10c0/9cc821111ca244a01fb7f054db7523ab0a0cd837f665267eb962eb87695d71fb1e681f9e21464cc2fd7c05530dc4c81b810bca1a88f7d7186909b74477491a3c + checksum: 10c0/abddfff7d873312e4ed4a5fb75ce893a5c4fb69e7fcb1dfa71c28a6b92a7f1ef6b62790dffb39181b5a82728ba8f2f32d229cf8cbe66769fe02cea7db4a555aa languageName: node linkType: hard @@ -12789,7 +12491,7 @@ __metadata: languageName: node linkType: hard -"nypm@npm:^0.3.8": +"nypm@npm:^0.3.3": version: 0.3.8 resolution: "nypm@npm:0.3.8" dependencies: @@ -12848,58 +12550,58 @@ __metadata: linkType: hard "object.entries@npm:^1.1.1, object.entries@npm:^1.1.5, object.entries@npm:^1.1.7": - version: 1.1.8 - resolution: "object.entries@npm:1.1.8" + version: 1.1.7 + resolution: "object.entries@npm:1.1.7" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/db9ea979d2956a3bc26c262da4a4d212d36f374652cc4c13efdd069c1a519c16571c137e2893d1c46e1cb0e15c88fd6419eaf410c945f329f09835487d7e65d3 + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/3ad1899cc7bf14546bf28f4a9b363ae8690b90948fcfbcac4c808395435d760f26193d9cae95337ce0e3c1e5c1f4fa45f7b46b31b68d389e9e117fce38775d86 languageName: node linkType: hard "object.fromentries@npm:^2.0.0, object.fromentries@npm:^2.0.7": - version: 2.0.8 - resolution: "object.fromentries@npm:2.0.8" + version: 2.0.7 + resolution: "object.fromentries@npm:2.0.7" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/cd4327e6c3369cfa805deb4cbbe919bfb7d3aeebf0bcaba291bb568ea7169f8f8cdbcabe2f00b40db0c20cd20f08e11b5f3a5a36fb7dd3fe04850c50db3bf83b + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/071745c21f6fc9e6c914691f2532c1fb60ad967e5ddc52801d09958b5de926566299d07ae14466452a7efd29015f9145d6c09c573d93a0dc6f1683ee0ec2b93b languageName: node linkType: hard "object.groupby@npm:^1.0.1": - version: 1.0.3 - resolution: "object.groupby@npm:1.0.3" + version: 1.0.2 + resolution: "object.groupby@npm:1.0.2" dependencies: - call-bind: "npm:^1.0.7" + array.prototype.filter: "npm:^1.0.3" + call-bind: "npm:^1.0.5" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" - checksum: 10c0/60d0455c85c736fbfeda0217d1a77525956f76f7b2495edeca9e9bbf8168a45783199e77b894d30638837c654d0cc410e0e02cbfcf445bc8de71c3da1ede6a9c + es-abstract: "npm:^1.22.3" + es-errors: "npm:^1.0.0" + checksum: 10c0/b6266b1cfec7eb784b8bbe0bca5dc4b371cf9dd3e601b0897d72fa97a5934273d8fb05b3fc5222204104dbec32b50e25ba27e05ad681f71fb739cc1c7e9b81b1 languageName: node linkType: hard "object.hasown@npm:^1.1.3": - version: 1.1.4 - resolution: "object.hasown@npm:1.1.4" + version: 1.1.3 + resolution: "object.hasown@npm:1.1.3" dependencies: - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/f23187b08d874ef1aea060118c8259eb7f99f93c15a50771d710569534119062b90e087b92952b2d0fb1bb8914d61fb0b43c57fb06f622aaad538fe6868ab987 + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/8a41ba4fb1208a85c2275e9b5098071beacc24345b9a71ab98ef0a1c61b34dc74c6b460ff1e1884c33843d8f2553df64a10eec2b74b3ed009e3b2710c826bd2c languageName: node linkType: hard "object.values@npm:^1.1.1, object.values@npm:^1.1.6, object.values@npm:^1.1.7": - version: 1.2.0 - resolution: "object.values@npm:1.2.0" + version: 1.1.7 + resolution: "object.values@npm:1.1.7" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/15809dc40fd6c5529501324fec5ff08570b7d70fb5ebbe8e2b3901afec35cf2b3dc484d1210c6c642cd3e7e0a5e18dd1d6850115337fef46bdae14ab0cb18ac3 + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/e869d6a37fb7afdd0054dea49036d6ccebb84854a8848a093bbd1bc516f53e690bba88f0bc3e83fdfa74c601469ee6989c9b13359cda9604144c6e732fad3b6b languageName: node linkType: hard @@ -13224,13 +12926,13 @@ __metadata: languageName: node linkType: hard -"path-scurry@npm:^1.10.2": - version: 1.10.2 - resolution: "path-scurry@npm:1.10.2" +"path-scurry@npm:^1.10.1": + version: 1.10.1 + resolution: "path-scurry@npm:1.10.1" dependencies: - lru-cache: "npm:^10.2.0" + lru-cache: "npm:^9.1.1 || ^10.0.0" minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0" - checksum: 10c0/d723777fbf9627f201e64656680f66ebd940957eebacf780e6cce1c2919c29c116678b2d7dbf8821b3a2caa758d125f4444005ccec886a25c8f324504e48e601 + checksum: 10c0/e5dc78a7348d25eec61ab166317e9e9c7b46818aa2c2b9006c507a6ff48c672d011292d9662527213e558f5652ce0afcc788663a061d8b59ab495681840c0c1e languageName: node linkType: hard @@ -13248,7 +12950,7 @@ __metadata: languageName: node linkType: hard -"pathe@npm:^1.1.2": +"pathe@npm:^1.1.1, pathe@npm:^1.1.2": version: 1.1.2 resolution: "pathe@npm:1.1.2" checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897 @@ -13436,7 +13138,17 @@ __metadata: languageName: node linkType: hard -"postcss-selector-parser@npm:^6.0.15, postcss-selector-parser@npm:^6.0.16, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4": +"postcss-selector-parser@npm:^6.0.15, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4": + version: 6.0.15 + resolution: "postcss-selector-parser@npm:6.0.15" + dependencies: + cssesc: "npm:^3.0.0" + util-deprecate: "npm:^1.0.2" + checksum: 10c0/48b425d6cef497bcf6b7d136f6fd95cfca43026955e07ec9290d3c15457de3a862dbf251dd36f42c07a0d5b5ab6f31e41acefeff02528995a989b955505e440b + languageName: node + linkType: hard + +"postcss-selector-parser@npm:^6.0.16": version: 6.0.16 resolution: "postcss-selector-parser@npm:6.0.16" dependencies: @@ -13686,9 +13398,9 @@ __metadata: linkType: hard "pure-rand@npm:^6.0.0": - version: 6.1.0 - resolution: "pure-rand@npm:6.1.0" - checksum: 10c0/1abe217897bf74dcb3a0c9aba3555fe975023147b48db540aa2faf507aee91c03bf54f6aef0eb2bf59cc259a16d06b28eca37f0dc426d94f4692aeff02fb0e65 + version: 6.0.4 + resolution: "pure-rand@npm:6.0.4" + checksum: 10c0/0fe7b12f25b10ea5b804598a6f37e4bcf645d2be6d44fe963741f014bf0095bdb6ff525106d6da6e76addc8142358fd380f1a9b8c62ea4d5516bf26a96a37c95 languageName: node linkType: hard @@ -13702,11 +13414,11 @@ __metadata: linkType: hard "qs@npm:^6.10.0, qs@npm:^6.11.2": - version: 6.12.1 - resolution: "qs@npm:6.12.1" + version: 6.11.2 + resolution: "qs@npm:6.11.2" dependencies: - side-channel: "npm:^1.0.6" - checksum: 10c0/439e6d7c6583e7c69f2cab2c39c55b97db7ce576e4c7c469082b938b7fc8746e8d547baacb69b4cd2b6666484776c3f4840ad7163a4c5326300b0afa0acdd84b + side-channel: "npm:^1.0.4" + checksum: 10c0/4f95d4ff18ed480befcafa3390022817ffd3087fc65f146cceb40fc5edb9fa96cb31f648cae2fa96ca23818f0798bd63ad4ca369a0e22702fcd41379b3ab6571 languageName: node linkType: hard @@ -13796,8 +13508,8 @@ __metadata: linkType: hard "react-datepicker@npm:^6.0.0": - version: 6.8.0 - resolution: "react-datepicker@npm:6.8.0" + version: 6.7.1 + resolution: "react-datepicker@npm:6.7.1" dependencies: "@floating-ui/react": "npm:^0.26.2" clsx: "npm:^2.1.0" @@ -13807,7 +13519,7 @@ __metadata: peerDependencies: react: ^16.9.0 || ^17 || ^18 react-dom: ^16.9.0 || ^17 || ^18 - checksum: 10c0/54f6ca1c2890eb61f86e8ea6fa5ccb7f4ba8278479ac6f59846dd142862c210b25824378d0941b1eb3f3d83b16faa8ae802a3c3e40f002fbd288e091948e40b6 + checksum: 10c0/9029c358254ef011e3a6b82fd542a87efa30a67b7aa2814178d28354e2b18f69b863861fb852f236a91be57a0b684455c9127c87232b7ed2f4fae6737e3248e6 languageName: node linkType: hard @@ -14015,8 +13727,8 @@ __metadata: linkType: hard "react-remove-scroll-bar@npm:^2.3.3": - version: 2.3.6 - resolution: "react-remove-scroll-bar@npm:2.3.6" + version: 2.3.5 + resolution: "react-remove-scroll-bar@npm:2.3.5" dependencies: react-style-singleton: "npm:^2.2.1" tslib: "npm:^2.0.0" @@ -14026,7 +13738,7 @@ __metadata: peerDependenciesMeta: "@types/react": optional: true - checksum: 10c0/4e32ee04bf655a8bd3b4aacf6ffc596ae9eb1b9ba27eef83f7002632ee75371f61516ae62250634a9eae4b2c8fc6f6982d9b182de260f6c11841841e6e2e7515 + checksum: 10c0/21b2b02818b04f2c755c5062c90385420adb244107ac90ec87d43cd338760d3cc1cae6eeb59ab198bbc9e388e1a5909551e0b8a708b0d87ce221cf50951bb1fc languageName: node linkType: hard @@ -14229,16 +13941,16 @@ __metadata: languageName: node linkType: hard -"recast@npm:^0.23.1, recast@npm:^0.23.3, recast@npm:^0.23.5": - version: 0.23.6 - resolution: "recast@npm:0.23.6" +"recast@npm:^0.23.1, recast@npm:^0.23.3": + version: 0.23.5 + resolution: "recast@npm:0.23.5" dependencies: ast-types: "npm:^0.16.1" esprima: "npm:~4.0.0" source-map: "npm:~0.6.1" tiny-invariant: "npm:^1.3.3" tslib: "npm:^2.0.1" - checksum: 10c0/589c1a96aea7656a844f56278ffe99e3360717991955e9409221f2c1582a922f8179c803c8d35ca61743facfa0ad895acfe73dcc76076e0717db04c508166d44 + checksum: 10c0/21dc93910d12c71da77072afc3d5d4cdf97783776842efa6fd2cd7c2798d3622ace5d2f05ca5133141ef93de8a0512cbe191fe835f325bd1722f186fe449d11a languageName: node linkType: hard @@ -14252,17 +13964,17 @@ __metadata: linkType: hard "reflect.getprototypeof@npm:^1.0.4": - version: 1.0.6 - resolution: "reflect.getprototypeof@npm:1.0.6" + version: 1.0.5 + resolution: "reflect.getprototypeof@npm:1.0.5" dependencies: - call-bind: "npm:^1.0.7" + call-bind: "npm:^1.0.5" define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.1" - es-errors: "npm:^1.3.0" - get-intrinsic: "npm:^1.2.4" + es-abstract: "npm:^1.22.3" + es-errors: "npm:^1.0.0" + get-intrinsic: "npm:^1.2.3" globalthis: "npm:^1.0.3" which-builtin-type: "npm:^1.1.3" - checksum: 10c0/baf4ef8ee6ff341600f4720b251cf5a6cb552d6a6ab0fdc036988c451bf16f920e5feb0d46bd4f530a5cce568f1f7aca2d77447ca798920749cfc52783c39b55 + checksum: 10c0/68f2a21494a9f4f5acc19bda5213236aa7fc02f9953ce2b18670c63b9ca3dec294dcabbb9d394d98cd2fc0de46b7cd6354614a60a33cabdbb5de9a6f7115f9a6 languageName: node linkType: hard @@ -14298,7 +14010,7 @@ __metadata: languageName: node linkType: hard -"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2": +"regexp.prototype.flags@npm:^1.5.0, regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2": version: 1.5.2 resolution: "regexp.prototype.flags@npm:1.5.2" dependencies: @@ -14444,7 +14156,7 @@ __metadata: languageName: node linkType: hard -"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4, resolve@npm:^1.22.8": +"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4": version: 1.22.8 resolution: "resolve@npm:1.22.8" dependencies: @@ -14470,7 +14182,7 @@ __metadata: languageName: node linkType: hard -"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin": +"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin": version: 1.22.8 resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin::version=1.22.8&hash=c3c19d" dependencies: @@ -14598,15 +14310,15 @@ __metadata: languageName: node linkType: hard -"safe-array-concat@npm:^1.1.2": - version: 1.1.2 - resolution: "safe-array-concat@npm:1.1.2" +"safe-array-concat@npm:^1.1.0": + version: 1.1.0 + resolution: "safe-array-concat@npm:1.1.0" dependencies: - call-bind: "npm:^1.0.7" - get-intrinsic: "npm:^1.2.4" + call-bind: "npm:^1.0.5" + get-intrinsic: "npm:^1.2.2" has-symbols: "npm:^1.0.3" isarray: "npm:^2.0.5" - checksum: 10c0/12f9fdb01c8585e199a347eacc3bae7b5164ae805cdc8c6707199dbad5b9e30001a50a43c4ee24dc9ea32dbb7279397850e9208a7e217f4d8b1cf5d90129dec9 + checksum: 10c0/833d3d950fc7507a60075f9bfaf41ec6dac7c50c7a9d62b1e6b071ecc162185881f92e594ff95c1a18301c881352dd6fd236d56999d5819559db7b92da9c28af languageName: node linkType: hard @@ -14834,20 +14546,20 @@ __metadata: linkType: hard "set-function-length@npm:^1.2.1": - version: 1.2.2 - resolution: "set-function-length@npm:1.2.2" + version: 1.2.1 + resolution: "set-function-length@npm:1.2.1" dependencies: - define-data-property: "npm:^1.1.4" + define-data-property: "npm:^1.1.2" es-errors: "npm:^1.3.0" function-bind: "npm:^1.1.2" - get-intrinsic: "npm:^1.2.4" + get-intrinsic: "npm:^1.2.3" gopd: "npm:^1.0.1" - has-property-descriptors: "npm:^1.0.2" - checksum: 10c0/82850e62f412a258b71e123d4ed3873fa9377c216809551192bb6769329340176f109c2eeae8c22a8d386c76739855f78e8716515c818bcaef384b51110f0f3c + has-property-descriptors: "npm:^1.0.1" + checksum: 10c0/1927e296599f2c04d210c1911f1600430a5e49e04a6d8bb03dca5487b95a574da9968813a2ced9a774bd3e188d4a6208352c8f64b8d4674cdb021dca21e190ca languageName: node linkType: hard -"set-function-name@npm:^2.0.1, set-function-name@npm:^2.0.2": +"set-function-name@npm:^2.0.0, set-function-name@npm:^2.0.1": version: 2.0.2 resolution: "set-function-name@npm:2.0.2" dependencies: @@ -14898,7 +14610,7 @@ __metadata: languageName: node linkType: hard -"side-channel@npm:^1.0.4, side-channel@npm:^1.0.6": +"side-channel@npm:^1.0.4": version: 1.0.6 resolution: "side-channel@npm:1.0.6" dependencies: @@ -14966,28 +14678,35 @@ __metadata: languageName: node linkType: hard -"socks-proxy-agent@npm:^8.0.3": - version: 8.0.3 - resolution: "socks-proxy-agent@npm:8.0.3" +"socks-proxy-agent@npm:^8.0.1": + version: 8.0.2 + resolution: "socks-proxy-agent@npm:8.0.2" dependencies: - agent-base: "npm:^7.1.1" + agent-base: "npm:^7.0.2" debug: "npm:^4.3.4" socks: "npm:^2.7.1" - checksum: 10c0/4950529affd8ccd6951575e21c1b7be8531b24d924aa4df3ee32df506af34b618c4e50d261f4cc603f1bfd8d426915b7d629966c8ce45b05fb5ad8c8b9a6459d + checksum: 10c0/a842402fc9b8848a31367f2811ca3cd14c4106588b39a0901cd7a69029998adfc6456b0203617c18ed090542ad0c24ee4e9d4c75a0c4b75071e214227c177eb7 languageName: node linkType: hard "socks@npm:^2.7.1": - version: 2.8.3 - resolution: "socks@npm:2.8.3" + version: 2.8.1 + resolution: "socks@npm:2.8.1" dependencies: ip-address: "npm:^9.0.5" smart-buffer: "npm:^4.2.0" - checksum: 10c0/d54a52bf9325165770b674a67241143a3d8b4e4c8884560c4e0e078aace2a728dffc7f70150660f51b85797c4e1a3b82f9b7aa25e0a0ceae1a243365da5c51a7 + checksum: 10c0/ac77b515c260473cc7c4452f09b20939e22510ce3ae48385c516d1d5784374d5cc75be3cb18ff66cc985a7f4f2ef8fef84e984c5ec70aad58355ed59241f40a8 + languageName: node + linkType: hard + +"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1": + version: 1.0.2 + resolution: "source-map-js@npm:1.0.2" + checksum: 10c0/32f2dfd1e9b7168f9a9715eb1b4e21905850f3b50cf02cf476e47e4eebe8e6b762b63a64357896aa29b37e24922b4282df0f492e0d2ace572b43d15525976ff8 languageName: node linkType: hard -"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.0": +"source-map-js@npm:^1.2.0": version: 1.2.0 resolution: "source-map-js@npm:1.2.0" checksum: 10c0/7e5f896ac10a3a50fe2898e5009c58ff0dc102dcb056ed27a354623a0ece8954d4b2649e1a1b2b52ef2e161d26f8859c7710350930751640e71e374fe2d321a4 @@ -15200,56 +14919,52 @@ __metadata: linkType: hard "string.prototype.matchall@npm:^4.0.10": - version: 4.0.11 - resolution: "string.prototype.matchall@npm:4.0.11" + version: 4.0.10 + resolution: "string.prototype.matchall@npm:4.0.10" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" - es-errors: "npm:^1.3.0" - es-object-atoms: "npm:^1.0.0" - get-intrinsic: "npm:^1.2.4" - gopd: "npm:^1.0.1" + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + get-intrinsic: "npm:^1.2.1" has-symbols: "npm:^1.0.3" - internal-slot: "npm:^1.0.7" - regexp.prototype.flags: "npm:^1.5.2" - set-function-name: "npm:^2.0.2" - side-channel: "npm:^1.0.6" - checksum: 10c0/915a2562ac9ab5e01b7be6fd8baa0b2b233a0a9aa975fcb2ec13cc26f08fb9a3e85d5abdaa533c99c6fc4c5b65b914eba3d80c4aff9792a4c9fed403f28f7d9d + internal-slot: "npm:^1.0.5" + regexp.prototype.flags: "npm:^1.5.0" + set-function-name: "npm:^2.0.0" + side-channel: "npm:^1.0.4" + checksum: 10c0/cd7495fb0de16d43efeee3887b98701941f3817bd5f09351ad1825b023d307720c86394d56d56380563d97767ab25bf5448db239fcecbb85c28e2180f23e324a languageName: node linkType: hard -"string.prototype.trim@npm:^1.2.1, string.prototype.trim@npm:^1.2.9": - version: 1.2.9 - resolution: "string.prototype.trim@npm:1.2.9" +"string.prototype.trim@npm:^1.2.1, string.prototype.trim@npm:^1.2.8": + version: 1.2.8 + resolution: "string.prototype.trim@npm:1.2.8" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.0" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/dcef1a0fb61d255778155006b372dff8cc6c4394bc39869117e4241f41a2c52899c0d263ffc7738a1f9e61488c490b05c0427faa15151efad721e1a9fb2663c2 + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/4f76c583908bcde9a71208ddff38f67f24c9ec8093631601666a0df8b52fad44dad2368c78895ce83eb2ae8e7068294cc96a02fc971ab234e4d5c9bb61ea4e34 languageName: node linkType: hard -"string.prototype.trimend@npm:^1.0.8": - version: 1.0.8 - resolution: "string.prototype.trimend@npm:1.0.8" +"string.prototype.trimend@npm:^1.0.7": + version: 1.0.7 + resolution: "string.prototype.trimend@npm:1.0.7" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/0a0b54c17c070551b38e756ae271865ac6cc5f60dabf2e7e343cceae7d9b02e1a1120a824e090e79da1b041a74464e8477e2da43e2775c85392be30a6f60963c + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/53c24911c7c4d8d65f5ef5322de23a3d5b6b4db73273e05871d5ab4571ae5638f38f7f19d71d09116578fb060e5a145cc6a208af2d248c8baf7a34f44d32ce57 languageName: node linkType: hard -"string.prototype.trimstart@npm:^1.0.8": - version: 1.0.8 - resolution: "string.prototype.trimstart@npm:1.0.8" +"string.prototype.trimstart@npm:^1.0.7": + version: 1.0.7 + resolution: "string.prototype.trimstart@npm:1.0.7" dependencies: - call-bind: "npm:^1.0.7" - define-properties: "npm:^1.2.1" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/d53af1899959e53c83b64a5fd120be93e067da740e7e75acb433849aa640782fb6c7d4cd5b84c954c84413745a3764df135a8afeb22908b86a835290788d8366 + call-bind: "npm:^1.0.2" + define-properties: "npm:^1.2.0" + es-abstract: "npm:^1.22.1" + checksum: 10c0/0bcf391b41ea16d4fda9c9953d0a7075171fe090d33b4cf64849af94944c50862995672ac03e0c5dba2940a213ad7f53515a668dac859ce22a0276289ae5cf4f languageName: node linkType: hard @@ -15464,8 +15179,8 @@ __metadata: linkType: hard "stylelint-scss@npm:^6.0.0": - version: 6.2.1 - resolution: "stylelint-scss@npm:6.2.1" + version: 6.2.0 + resolution: "stylelint-scss@npm:6.2.0" dependencies: known-css-properties: "npm:^0.29.0" postcss-media-query-parser: "npm:^0.2.3" @@ -15474,7 +15189,7 @@ __metadata: postcss-value-parser: "npm:^4.2.0" peerDependencies: stylelint: ^16.0.2 - checksum: 10c0/a3563e422fd8d27c14497d8922c9bb1285400aa41fa11ebdc3d0ec685ea69f732a4f1c1ac3bc34bfb7c4f8f8d97bb1bba2ebf003a03f7d0bdf79a1bad1282702 + checksum: 10c0/d4b5ebaee3686ab34b272cbfc64f5c2574a128b06b3eb8e2a9cce38b57a1309dbbcb212bedba8d3f7d6277b4907a16f29abb767a5f15aa7e03f2a2059832bddb languageName: node linkType: hard @@ -15628,7 +15343,7 @@ __metadata: languageName: node linkType: hard -"tabbable@npm:^6.0.0": +"tabbable@npm:^6.0.1": version: 6.2.0 resolution: "tabbable@npm:6.2.0" checksum: 10c0/ced8b38f05f2de62cd46836d77c2646c42b8c9713f5bd265daf0e78ff5ac73d3ba48a7ca45f348bafeef29b23da7187c72250742d37627883ef89cbd7fa76898 @@ -15636,15 +15351,15 @@ __metadata: linkType: hard "table@npm:^6.8.1": - version: 6.8.2 - resolution: "table@npm:6.8.2" + version: 6.8.1 + resolution: "table@npm:6.8.1" dependencies: ajv: "npm:^8.0.1" lodash.truncate: "npm:^4.4.2" slice-ansi: "npm:^4.0.0" string-width: "npm:^4.2.3" strip-ansi: "npm:^6.0.1" - checksum: 10c0/f8b348af38ee34e419d8ce7306ba00671ce6f20e861ccff22555f491ba264e8416086063ce278a8d81abfa8d23b736ec2cca7ac4029b5472f63daa4b4688b803 + checksum: 10c0/591ed84b2438b01c9bc02248e2238e21e8bfb73654bc5acca0d469053eb39be3db2f57d600dcf08ac983b6f50f80842c44612c03877567c2afee3aec4a033e5f languageName: node linkType: hard @@ -15681,8 +15396,8 @@ __metadata: linkType: hard "tar@npm:^6.1.11, tar@npm:^6.1.2, tar@npm:^6.2.0": - version: 6.2.1 - resolution: "tar@npm:6.2.1" + version: 6.2.0 + resolution: "tar@npm:6.2.0" dependencies: chownr: "npm:^2.0.0" fs-minipass: "npm:^2.0.0" @@ -15690,7 +15405,7 @@ __metadata: minizlib: "npm:^2.1.1" mkdirp: "npm:^1.0.3" yallist: "npm:^4.0.0" - checksum: 10c0/a5eca3eb50bc11552d453488344e6507156b9193efd7635e98e867fab275d527af53d8866e2370cd09dfe74378a18111622ace35af6a608e5223a7d27fe99537 + checksum: 10c0/02ca064a1a6b4521fef88c07d389ac0936730091f8c02d30ea60d472e0378768e870769ab9e986d87807bfee5654359cf29ff4372746cc65e30cbddc352660d8 languageName: node linkType: hard @@ -15771,8 +15486,8 @@ __metadata: linkType: hard "terser@npm:^5.10.0, terser@npm:^5.26.0": - version: 5.30.3 - resolution: "terser@npm:5.30.3" + version: 5.28.1 + resolution: "terser@npm:5.28.1" dependencies: "@jridgewell/source-map": "npm:^0.3.3" acorn: "npm:^8.8.2" @@ -15780,7 +15495,7 @@ __metadata: source-map-support: "npm:~0.5.20" bin: terser: bin/terser - checksum: 10c0/ab5a8afef2e7a3b12a0fd17f9ff984fe02aefa945985eb139ab9984280d523a1104021eda889a7f993b69a67574ceb8fd0db8b76e5efc6a7607246db51bcc0b6 + checksum: 10c0/e0d9a3cd260b4e35b49e828687658e36b0f50dce7cc2e18f024725846013ffa0e9eb8ac61a7a1bbf6684e6c14493ccf155a0f5937a47c746f534208f9000ac29 languageName: node linkType: hard @@ -15984,17 +15699,6 @@ __metadata: languageName: node linkType: hard -"tsconfig-paths@npm:^4.2.0": - version: 4.2.0 - resolution: "tsconfig-paths@npm:4.2.0" - dependencies: - json5: "npm:^2.2.2" - minimist: "npm:^1.2.6" - strip-bom: "npm:^3.0.0" - checksum: 10c0/09a5877402d082bb1134930c10249edeebc0211f36150c35e1c542e5b91f1047b1ccf7da1e59babca1ef1f014c525510f4f870de7c9bda470c73bb4e2721b3ea - languageName: node - linkType: hard - "tslib@npm:^1.13.0, tslib@npm:^1.8.1": version: 1.14.1 resolution: "tslib@npm:1.14.1" @@ -16086,9 +15790,9 @@ __metadata: linkType: hard "type-fest@npm:^4.2.0": - version: 4.15.0 - resolution: "type-fest@npm:4.15.0" - checksum: 10c0/677a7da18dbbe07668bdf47fcb976fdcbea77e118156a7245182fdf65633d69228ce773b0022d507636945a8f22b593e09a3c08f695d2aecf96f035ff0186825 + version: 4.11.0 + resolution: "type-fest@npm:4.11.0" + checksum: 10c0/1c76c9d8d913fbb1fcdb7fdb51fb09bebe0dd5781175c6418759f5ebaf2a7275307dfc5b0a3badf8cd872c2d4c0f07b8ec5d0897ce4d96c2af336fdc991fe2fb languageName: node linkType: hard @@ -16140,9 +15844,9 @@ __metadata: languageName: node linkType: hard -"typed-array-length@npm:^1.0.6": - version: 1.0.6 - resolution: "typed-array-length@npm:1.0.6" +"typed-array-length@npm:^1.0.5": + version: 1.0.5 + resolution: "typed-array-length@npm:1.0.5" dependencies: call-bind: "npm:^1.0.7" for-each: "npm:^0.3.3" @@ -16150,7 +15854,7 @@ __metadata: has-proto: "npm:^1.0.3" is-typed-array: "npm:^1.1.13" possible-typed-array-names: "npm:^1.0.0" - checksum: 10c0/74253d7dc488eb28b6b2711cf31f5a9dcefc9c41b0681fd1c178ed0a1681b4468581a3626d39cd4df7aee3d3927ab62be06aa9ca74e5baf81827f61641445b77 + checksum: 10c0/5cc0f79196e70a92f8f40846cfa62b3de6be51e83f73655e137116cf65e3c29a288502b18cc8faf33c943c2470a4569009e1d6da338441649a2db2f135761ad5 languageName: node linkType: hard @@ -16182,9 +15886,9 @@ __metadata: linkType: hard "ufo@npm:^1.4.0": - version: 1.5.3 - resolution: "ufo@npm:1.5.3" - checksum: 10c0/1df10702582aa74f4deac4486ecdfd660e74be057355f1afb6adfa14243476cf3d3acff734ccc3d0b74e9bfdefe91d578f3edbbb0a5b2430fe93cd672370e024 + version: 1.4.0 + resolution: "ufo@npm:1.4.0" + checksum: 10c0/d9a3cb8c5fd13356e0af661362244fd0a901edcdd08996f42553271007cae01e85dcec29a3303a87ddab6aa705cbd630332aaa8c268d037483536b198fa67a7c languageName: node linkType: hard @@ -16324,14 +16028,14 @@ __metadata: linkType: hard "unplugin@npm:^1.3.1": - version: 1.10.1 - resolution: "unplugin@npm:1.10.1" + version: 1.8.0 + resolution: "unplugin@npm:1.8.0" dependencies: acorn: "npm:^8.11.3" chokidar: "npm:^3.6.0" webpack-sources: "npm:^3.2.3" webpack-virtual-modules: "npm:^0.6.1" - checksum: 10c0/6fe469785a46ff2a2d5c077db8b8b8d2c5429016f2561cffed4eb0068ea085c50b8c503891a4ea028f8226da0b9a8b878118a0b9eeded511b53adec4edbb38d3 + checksum: 10c0/a8af60172102b4d41176020f5de466a5854c76a7742c2534ac47cea91d78239aa2b200b80b44a221a144b6785c814212eee4b23fc4191b7ac59116240f3c71b6 languageName: node linkType: hard @@ -16386,8 +16090,8 @@ __metadata: linkType: hard "use-callback-ref@npm:^1.3.0": - version: 1.3.2 - resolution: "use-callback-ref@npm:1.3.2" + version: 1.3.1 + resolution: "use-callback-ref@npm:1.3.1" dependencies: tslib: "npm:^2.0.0" peerDependencies: @@ -16396,7 +16100,7 @@ __metadata: peerDependenciesMeta: "@types/react": optional: true - checksum: 10c0/d232c37160fe3970c99255da19b5fb5299fb5926a5d6141d928a87feb47732c323d29be2f8137d3b1e5499c70d284cd1d9cfad703cc58179db8be24d7dd8f1f2 + checksum: 10c0/6666cd62e13053d03e453b5199037cb8f6475a8f55afd664ff488bd8f2ee2ede4da3b220dd7e60f5ecd4926133364fbf4b1aed463eeb8203e7c5be3b1533b59b languageName: node linkType: hard @@ -16542,7 +16246,17 @@ __metadata: languageName: node linkType: hard -"watchpack@npm:^2.2.0, watchpack@npm:^2.4.1": +"watchpack@npm:^2.2.0": + version: 2.4.0 + resolution: "watchpack@npm:2.4.0" + dependencies: + glob-to-regexp: "npm:^0.4.1" + graceful-fs: "npm:^4.1.2" + checksum: 10c0/c5e35f9fb9338d31d2141d9835643c0f49b5f9c521440bb648181059e5940d93dd8ed856aa8a33fbcdd4e121dad63c7e8c15c063cf485429cd9d427be197fe62 + languageName: node + linkType: hard + +"watchpack@npm:^2.4.1": version: 2.4.1 resolution: "watchpack@npm:2.4.1" dependencies: @@ -16607,9 +16321,9 @@ __metadata: languageName: node linkType: hard -"webpack-dev-middleware@npm:^6.1.1, webpack-dev-middleware@npm:^6.1.2": - version: 6.1.3 - resolution: "webpack-dev-middleware@npm:6.1.3" +"webpack-dev-middleware@npm:^6.1.1": + version: 6.1.1 + resolution: "webpack-dev-middleware@npm:6.1.1" dependencies: colorette: "npm:^2.0.10" memfs: "npm:^3.4.12" @@ -16621,7 +16335,7 @@ __metadata: peerDependenciesMeta: webpack: optional: true - checksum: 10c0/0f31670835f3c0f588392235a6183facf314c0dca312467254a56458142be6fee746f7f6b304f281c740364fd36f256c597ab37d87e5971633cee2f70a8cd5e7 + checksum: 10c0/f8f5b7f7591fa3e4d4008b28ab2b5c13367a24587257e3e37cff31e2d8a6c859de5294af83c79e8faf3137db194377f392fffacdf5010b5c1311eba6f9b71568 languageName: node linkType: hard @@ -16775,27 +16489,27 @@ __metadata: linkType: hard "which-collection@npm:^1.0.1": - version: 1.0.2 - resolution: "which-collection@npm:1.0.2" + version: 1.0.1 + resolution: "which-collection@npm:1.0.1" dependencies: - is-map: "npm:^2.0.3" - is-set: "npm:^2.0.3" - is-weakmap: "npm:^2.0.2" - is-weakset: "npm:^2.0.3" - checksum: 10c0/3345fde20964525a04cdf7c4a96821f85f0cc198f1b2ecb4576e08096746d129eb133571998fe121c77782ac8f21cbd67745a3d35ce100d26d4e684c142ea1f2 + is-map: "npm:^2.0.1" + is-set: "npm:^2.0.1" + is-weakmap: "npm:^2.0.1" + is-weakset: "npm:^2.0.1" + checksum: 10c0/249f913e1758ed2f06f00706007d87dc22090a80591a56917376e70ecf8fc9ab6c41d98e1c87208bb9648676f65d4b09c0e4d23c56c7afb0f0a73a27d701df5d languageName: node linkType: hard -"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.2, which-typed-array@npm:^1.1.9": - version: 1.1.15 - resolution: "which-typed-array@npm:1.1.15" +"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.2, which-typed-array@npm:^1.1.9": + version: 1.1.14 + resolution: "which-typed-array@npm:1.1.14" dependencies: - available-typed-arrays: "npm:^1.0.7" - call-bind: "npm:^1.0.7" + available-typed-arrays: "npm:^1.0.6" + call-bind: "npm:^1.0.5" for-each: "npm:^0.3.3" gopd: "npm:^1.0.1" - has-tostringtag: "npm:^1.0.2" - checksum: 10c0/4465d5348c044032032251be54d8988270e69c6b7154f8fcb2a47ff706fe36f7624b3a24246b8d9089435a8f4ec48c1c1025c5d6b499456b9e5eff4f48212983 + has-tostringtag: "npm:^1.0.1" + checksum: 10c0/0960f1e77807058819451b98c51d4cd72031593e8de990b24bd3fc22e176f5eee22921d68d852297c786aec117689f0423ed20aa4fde7ce2704d680677891f56 languageName: node linkType: hard From f4840204bddb835e1be995282cee1d758c677f11 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Tue, 16 Apr 2024 13:24:28 -0400 Subject: [PATCH 50/52] fix(tag): remove unecessary exports --- packages/react/src/components/tag/tag.tsx | 32 +++++++++---------- .../react/src/components/tag/toggle-tag.tsx | 28 ++++++++-------- 2 files changed, 30 insertions(+), 30 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index 723c15cfa3..c53b2d0e4e 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -33,54 +33,54 @@ export interface TagValue { label: string; } -export interface BaseTagProps { +interface BaseTagProps { className?: string; size?: TagSize; value: TagValue; iconName?: IconName; } -export interface BaseTagStylingProps { - $isMobile: boolean; - $tagSize: TagSize; - $hasIcon: boolean; -} - export interface TagProps extends BaseTagProps { color?: TagColor; onRemove?(tag: TagValue): void; } -export interface TagStylingProps extends BaseTagStylingProps { +interface BaseTagStylingProps { + $isMobile: boolean; + $tagSize: TagSize; + $hasIcon: boolean; +} + +interface TagStylingProps extends BaseTagStylingProps { $tagColor: TagColor; $removable: boolean; } -export function getFontSize({ $isMobile }: BaseTagStylingProps): number { +function getFontSize({ $isMobile }: BaseTagStylingProps): number { return $isMobile ? 0.875 : 0.75; } -export function getIconSize(isMobile: boolean): string { +function getIconSize(isMobile: boolean): string { return isMobile ? '20' : '12'; } -export function isDefaultColor(tagColor: TagColor): tagColor is 'default' { +function isDefaultColor(tagColor: TagColor): tagColor is 'default' { return tagColor === 'default'; } -export function isMedium(tagSize: TagSize): tagSize is 'medium' { +function isMedium(tagSize: TagSize): tagSize is 'medium' { return tagSize === 'medium'; } -export function isSmall(tagSize: TagSize): tagSize is 'small' { +function isSmall(tagSize: TagSize): tagSize is 'small' { return tagSize === 'small'; } -export function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { +function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; } -export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { +function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { if ($isMobile) { return isSmall($tagSize) ? 1.5 : 1.875; } @@ -89,7 +89,7 @@ export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): num type ColorProperty = 'background-color' | 'border-color' | 'text-color' | 'icon-color'; -export function getTagColors( +function getTagColors( { $tagColor, theme }: StyledProps, $colorProperty: ColorProperty, ): string { diff --git a/packages/react/src/components/tag/toggle-tag.tsx b/packages/react/src/components/tag/toggle-tag.tsx index ca3f5507db..bf3e4e3ef1 100644 --- a/packages/react/src/components/tag/toggle-tag.tsx +++ b/packages/react/src/components/tag/toggle-tag.tsx @@ -13,19 +13,13 @@ export interface ToggleTagValue { label: string; } -export interface BaseTagProps { +interface BaseTagProps { className?: string; size?: ToggleTagSize; value: ToggleTagValue; iconName?: IconName; } -export interface BaseTagStylingProps { - $isMobile: boolean; - $tagSize: ToggleTagSize; - $hasIcon: boolean; -} - export interface ToggleTagProps extends BaseTagProps { onClick?(tag: ToggleTagValue): void; /** @@ -35,31 +29,37 @@ export interface ToggleTagProps extends BaseTagProps { selected?: boolean; } -export interface ToggleTagStylingProps extends BaseTagStylingProps { +interface BaseTagStylingProps { + $isMobile: boolean; + $tagSize: ToggleTagSize; + $hasIcon: boolean; +} + +interface ToggleTagStylingProps extends BaseTagStylingProps { $selected?: boolean; } -export function getFontSize({ $isMobile }: BaseTagStylingProps): number { +function getFontSize({ $isMobile }: BaseTagStylingProps): number { return $isMobile ? 0.875 : 0.75; } -export function getIconSize(isMobile: boolean): string { +function getIconSize(isMobile: boolean): string { return isMobile ? '20' : '12'; } -export function isMedium(tagSize: ToggleTagSize): tagSize is 'medium' { +function isMedium(tagSize: ToggleTagSize): tagSize is 'medium' { return tagSize === 'medium'; } -export function isSmall(tagSize: ToggleTagSize): tagSize is 'small' { +function isSmall(tagSize: ToggleTagSize): tagSize is 'small' { return tagSize === 'small'; } -export function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { +function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; } -export function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { +function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { if ($isMobile) { return isSmall($tagSize) ? 1.5 : 1.875; } From f0a56ea9ea6c3a9d003ae1e6327c239fc83ad2a0 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Wed, 24 Apr 2024 15:05:26 -0400 Subject: [PATCH 51/52] fix(tag): post review changes --- packages/react/src/components/tag/tag.tsx | 15 +++++---------- packages/react/src/components/tag/toggle-tag.tsx | 15 +++++---------- 2 files changed, 10 insertions(+), 20 deletions(-) diff --git a/packages/react/src/components/tag/tag.tsx b/packages/react/src/components/tag/tag.tsx index c53b2d0e4e..677af1aaf9 100644 --- a/packages/react/src/components/tag/tag.tsx +++ b/packages/react/src/components/tag/tag.tsx @@ -33,30 +33,25 @@ export interface TagValue { label: string; } -interface BaseTagProps { +export interface TagProps { className?: string; size?: TagSize; value: TagValue; iconName?: IconName; -} -export interface TagProps extends BaseTagProps { color?: TagColor; onRemove?(tag: TagValue): void; } -interface BaseTagStylingProps { +interface TagStylingProps { $isMobile: boolean; $tagSize: TagSize; $hasIcon: boolean; -} - -interface TagStylingProps extends BaseTagStylingProps { $tagColor: TagColor; $removable: boolean; } -function getFontSize({ $isMobile }: BaseTagStylingProps): number { +function getFontSize({ $isMobile }: TagStylingProps): number { return $isMobile ? 0.875 : 0.75; } @@ -76,11 +71,11 @@ function isSmall(tagSize: TagSize): tagSize is 'small' { return tagSize === 'small'; } -function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { +function getPadding({ $isMobile, $tagSize }: TagStylingProps): string { return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; } -function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { +function getLineHeight({ $isMobile, $tagSize }: TagStylingProps): number { if ($isMobile) { return isSmall($tagSize) ? 1.5 : 1.875; } diff --git a/packages/react/src/components/tag/toggle-tag.tsx b/packages/react/src/components/tag/toggle-tag.tsx index bf3e4e3ef1..5a05156fe1 100644 --- a/packages/react/src/components/tag/toggle-tag.tsx +++ b/packages/react/src/components/tag/toggle-tag.tsx @@ -13,14 +13,12 @@ export interface ToggleTagValue { label: string; } -interface BaseTagProps { +export interface ToggleTagProps { className?: string; size?: ToggleTagSize; value: ToggleTagValue; iconName?: IconName; -} -export interface ToggleTagProps extends BaseTagProps { onClick?(tag: ToggleTagValue): void; /** * Whether the tag is selected. @@ -29,17 +27,14 @@ export interface ToggleTagProps extends BaseTagProps { selected?: boolean; } -interface BaseTagStylingProps { +interface ToggleTagStylingProps { $isMobile: boolean; $tagSize: ToggleTagSize; $hasIcon: boolean; -} - -interface ToggleTagStylingProps extends BaseTagStylingProps { $selected?: boolean; } -function getFontSize({ $isMobile }: BaseTagStylingProps): number { +function getFontSize({ $isMobile }: ToggleTagStylingProps): number { return $isMobile ? 0.875 : 0.75; } @@ -55,11 +50,11 @@ function isSmall(tagSize: ToggleTagSize): tagSize is 'small' { return tagSize === 'small'; } -function getPadding({ $isMobile, $tagSize }: BaseTagStylingProps): string { +function getPadding({ $isMobile, $tagSize }: ToggleTagStylingProps): string { return $isMobile || isMedium($tagSize) ? '0 var(--spacing-1x)' : '0 var(--spacing-half)'; } -function getLineHeight({ $isMobile, $tagSize }: BaseTagStylingProps): number { +function getLineHeight({ $isMobile, $tagSize }: ToggleTagStylingProps): number { if ($isMobile) { return isSmall($tagSize) ? 1.5 : 1.875; } From f0ac0d56a0a416aed84a6fa59406c9636f9a7a90 Mon Sep 17 00:00:00 2001 From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com> Date: Wed, 24 Apr 2024 15:21:57 -0400 Subject: [PATCH 52/52] fix(tag): post merge master changes --- packages/react/src/components/dropdown-list/dropdown-list.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/dropdown-list/dropdown-list.tsx b/packages/react/src/components/dropdown-list/dropdown-list.tsx index a0327c7378..aef7d4d814 100644 --- a/packages/react/src/components/dropdown-list/dropdown-list.tsx +++ b/packages/react/src/components/dropdown-list/dropdown-list.tsx @@ -95,7 +95,7 @@ const TagWrapper = styled.div` const ListBoxTag = styled(Tag)` margin: 2px; - + & + & { margin-left: 2px; } @@ -431,7 +431,7 @@ export const DropdownList: VoidFunctionComponent