@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/_internal/DetailedCardCollapsibleSectionItems.js

@@ -0,0 +1,9 @@
+import { D as DetailedCardCollapsibleSectionItemsProps } from './types9.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The DetailedCardCollapsibleSectionItems Section component.
+ */
+declare const DetailedCardCollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement>;
+
+export { DetailedCardCollapsibleSectionItems as D };

package/_internal/DetailedCardCollapsibleSectionItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailedCardCollapsibleSectionItems.js","sources":["../../src/components/detailed-card-collapsible-section-items/styles.ts","../../src/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledDetailedCardCollapsibleSectionItemsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDetailedCardCollapsibleSectionItems = styled.div<StyledDetailedCardCollapsibleSectionItemsProps>`\n  ${({ $hideBackground }) =>\n    $hideBackground\n      ? css`\n          background: none;\n        `\n      : css`\n          background-color: var(--redsift-color-neutral-x-light-grey);\n          margin: 8px -16px;\n          padding: 8px 16px;\n        `}\n\n  .redsift-detailed-card-collapsible-section-items__caption {\n    color: var(--redsift-color-neutral-x-dark-grey);\n    display: flex;\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 12px;\n    font-weight: 300;\n    justify-content: flex-end;\n    line-height: 14px;\n    margin: 8px 0px;\n    padding-top: 8px;\n    border-top: 1px solid var(--redsift-color-neutral-mid-grey);\n  }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { DetailedCardCollapsibleSectionItemsProps } from './types';\nimport { StyledDetailedCardCollapsibleSectionItems } from './styles';\n\nconst COMPONENT_NAME = 'DetailedCardCollapsibleSectionItems';\nconst CLASSNAME = 'redsift-detailed-card-collapsible-section-items';\n\n/**\n * The DetailedCardCollapsibleSectionItems Section component.\n */\nexport const DetailedCardCollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement> =\n  forwardRef((props, ref) => {\n    const { caption, children, className, hideBackground, ...forwardedProps } = props;\n\n    return (\n      <StyledDetailedCardCollapsibleSectionItems\n        {...forwardedProps}\n        className={classNames(DetailedCardCollapsibleSectionItems.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        $hideBackground={hideBackground}\n      >\n        {children}\n        {caption ? <div className={`${DetailedCardCollapsibleSectionItems.className}__caption`}>{caption}</div> : null}\n      </StyledDetailedCardCollapsibleSectionItems>\n    );\n  });\nDetailedCardCollapsibleSectionItems.className = CLASSNAME;\nDetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME;\n"],"names":["StyledDetailedCardCollapsibleSectionItems","styled","div","_ref","$hideBackground","css","COMPONENT_NAME","CLASSNAME","DetailedCardCollapsibleSectionItems","forwardRef","props","ref","caption","children","className","hideBackground","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","displayName"],"mappings":";;;;;AAGA;AACA;AACA;AACO,MAAMA,yCAAyC,GAAGC,MAAM,CAACC,GAAoD,CAAA;AACpH,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,eAAAA;AAAgB,GAAC,GAAAD,IAAA,CAAA;EAAA,OACpBC,eAAe,GACXC,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACDA,GAAI,CAAA;AACZ;AACA;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;ACvBD,MAAMC,cAAc,GAAG,qCAAqC,CAAA;AAC5D,MAAMC,SAAS,GAAG,iDAAiD,CAAA;;AAEnE;AACA;AACA;AACO,MAAMC,mCAAmG,gBAC9GC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzB,MAAM;MAAEC,OAAO;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,cAAAA;AAAkC,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;EAEjF,oBACEC,cAAA,CAAAC,aAAA,CAACpB,yCAAyC,EAAAqB,QAAA,KACpCL,cAAc,EAAA;IAClBF,SAAS,EAAEQ,UAAU,CAACd,mCAAmC,CAACM,SAAS,EAAEA,SAAS,CAAE;AAChFH,IAAAA,GAAG,EAAEA,GAAiC;AACtCP,IAAAA,eAAe,EAAEW,cAAAA;AAAe,GAAA,CAAA,EAE/BF,QAAQ,EACRD,OAAO,gBAAGO,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAG,CAAA,EAAEN,mCAAmC,CAACM,SAAU,CAAA,SAAA,CAAA;AAAW,GAAA,EAAEF,OAAa,CAAC,GAAG,IACjE,CAAC,CAAA;AAEhD,CAAC,EAAC;AACJJ,mCAAmC,CAACM,SAAS,GAAGP,SAAS,CAAA;AACzDC,mCAAmC,CAACe,WAAW,GAAGjB,cAAc;;;;"}

package/_internal/DetailedCardHeader.js

@@ -0,0 +1,9 @@
+import { D as DetailedCardHeaderProps } from './types10.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The DetailedCardHeader component.
+ */
+declare const DetailedCardHeader: Comp<DetailedCardHeaderProps, HTMLDivElement>;
+
+export { DetailedCardHeader as D };

package/_internal/DetailedCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailedCardHeader.js","sources":["../../src/components/detailed-card-header/styles.ts","../../src/components/detailed-card-header/DetailedCardHeader.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledDetailedCardHeaderProps } from './types';\nimport { Theme } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledDetailedCardHeader = styled.div<StyledDetailedCardHeaderProps>`\n  margin: 8px 0;\n\n  .redsift-detailed-card-header__header {\n    color: var(--redsift-color-neutral-${({ $theme }) => ($theme === Theme.light ? 'x-dark-grey' : 'white')});\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 32px;\n    font-weight: 500;\n    line-height: 32px;\n    margin-bottom: 16px;\n  }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { Heading } from '../heading';\nimport { Skeleton } from '../skeleton';\nimport { StyledDetailedCardHeader } from './styles';\nimport { DetailedCardHeaderProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'DetailedCardHeader';\nconst CLASSNAME = 'redsift-detailed-card-header';\n\n/**\n * The DetailedCardHeader component.\n */\nexport const DetailedCardHeader: Comp<DetailedCardHeaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, header, headingProps, isLoading, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  return (\n    <StyledDetailedCardHeader\n      {...forwardedProps}\n      className={classNames(DetailedCardHeader.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $theme={theme}\n    >\n      {header ? (\n        <Skeleton.Text variant=\"h2\" isLoaded={!isLoading} height=\"32px\" marginBottom=\"16px\">\n          <Heading as=\"h2\" className={`${DetailedCardHeader.className}__header`} variant=\"h2\" {...headingProps}>\n            {header}\n          </Heading>\n        </Skeleton.Text>\n      ) : null}\n\n      {children}\n    </StyledDetailedCardHeader>\n  );\n});\nDetailedCardHeader.className = CLASSNAME;\nDetailedCardHeader.displayName = COMPONENT_NAME;\n"],"names":["StyledDetailedCardHeader","styled","div","_ref","$theme","Theme","light","COMPONENT_NAME","CLASSNAME","DetailedCardHeader","forwardRef","props","ref","children","className","header","headingProps","isLoading","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","React","createElement","_extends","classNames","Skeleton","Text","variant","isLoaded","height","marginBottom","Heading","as","displayName"],"mappings":";;;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,wBAAwB,GAAGC,MAAM,CAACC,GAAmC,CAAA;AAClF;AACA;AACA;AACA,uCAAA,EAAyCC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAMC,MAAM,KAAKC,KAAK,CAACC,KAAK,GAAG,aAAa,GAAG,OAAO,CAAA;AAAA,CAAE,CAAA;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;ACRD,MAAMC,cAAc,GAAG,oBAAoB,CAAA;AAC3C,MAAMC,SAAS,GAAG,8BAA8B,CAAA;;AAEhD;AACA;AACA;AACO,MAAMC,kBAAiE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1G,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,MAAM;MAAEC,YAAY;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AACzF,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;EAExB,oBACEC,cAAA,CAAAC,aAAA,CAACxB,wBAAwB,EAAAyB,QAAA,KACnBP,cAAc,EAAA;IAClBJ,SAAS,EAAEY,UAAU,CAACjB,kBAAkB,CAACK,SAAS,EAAEA,SAAS,CAAE;AAC/DF,IAAAA,GAAG,EAAEA,GAAiC;AACtCR,IAAAA,MAAM,EAAEiB,KAAAA;GAEPN,CAAAA,EAAAA,MAAM,gBACLQ,cAAA,CAAAC,aAAA,CAACG,QAAQ,CAACC,IAAI,EAAA;AAACC,IAAAA,OAAO,EAAC,IAAI;IAACC,QAAQ,EAAE,CAACb,SAAU;AAACc,IAAAA,MAAM,EAAC,MAAM;AAACC,IAAAA,YAAY,EAAC,MAAA;AAAM,GAAA,eACjFT,cAAA,CAAAC,aAAA,CAACS,OAAO,EAAAR,QAAA,CAAA;AAACS,IAAAA,EAAE,EAAC,IAAI;AAACpB,IAAAA,SAAS,EAAG,CAAA,EAAEL,kBAAkB,CAACK,SAAU,CAAU,QAAA,CAAA;AAACe,IAAAA,OAAO,EAAC,IAAA;GAASb,EAAAA,YAAY,GACjGD,MACM,CACI,CAAC,GACd,IAAI,EAEPF,QACuB,CAAC,CAAA;AAE/B,CAAC,EAAC;AACFJ,kBAAkB,CAACK,SAAS,GAAGN,SAAS,CAAA;AACxCC,kBAAkB,CAAC0B,WAAW,GAAG5B,cAAc;;;;"}

package/_internal/DetailedCardSection.js

@@ -0,0 +1,9 @@
+import { D as DetailedCardSectionProps } from './types11.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The DetailedCardSection component.
+ */
+declare const DetailedCardSection: Comp<DetailedCardSectionProps, HTMLDivElement>;
+
+export { DetailedCardSection as D };

package/_internal/DetailedCardSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailedCardSection.js","sources":["../../src/components/detailed-card-section/intl/index.ts","../../src/components/detailed-card-section/styles.ts","../../src/components/detailed-card-section/DetailedCardSection.tsx"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { StyledDetailedCardSectionProps } from './types';\nimport { NotificationsColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledDetailedCardSection = styled.div<StyledDetailedCardSectionProps>`\n  margin: 8px 0;\n\n  .redsift-detailed-card-section__header {\n    ${({ $color }) =>\n      $color && Object.keys(NotificationsColorPalette).indexOf($color) !== -1\n        ? css`\n            border-bottom: 1px solid var(--redsift-color-notifications-${$color}-primary);\n          `\n        : $color && Object.keys(ProductColorPalette).indexOf($color) !== -1\n        ? css`\n            border-bottom: 1px solid var(--redsift-color-product-${$color});\n          `\n        : css`\n            border-bottom: 1px solid ${$color || css`var(--redsift-color-neutral-mid-grey)`};\n          `}\n    margin-bottom: 8px;\n  }\n\n  .redsift-detailed-card-section-header__title {\n    font-size: 18px;\n    font-weight: 500;\n    lineheight: 22px;\n    padding: 6px 0px;\n  }\n\n  .redsift-detailed-card-section-header__collapse-button {\n    color: var(--redsift-color-neutral-x-dark-grey);\n  }\n\n  .redsift-detailed-card-collapsible-section-items {\n    visibility: ${({ $isCollapsed }) => (!$isCollapsed ? 'visible' : 'hidden')};\n    overflow: ${({ $isCollapsed }) => (!$isCollapsed ? 'visible' : 'hidden')};\n    height: ${({ $isCollapsed }) => (!$isCollapsed ? 'auto' : '0px')};\n    ${({ $isCollapsed }) =>\n      $isCollapsed\n        ? css`\n            margin: unset;\n            padding: unset;\n          `\n        : ''};\n  }\n`;\n","import React, { forwardRef, ReactNode, RefObject, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { mdiChevronDown, mdiChevronUp } from '@redsift/icons';\nimport { Comp } from '../../types';\nimport { Flexbox } from '../flexbox';\nimport { IconButton } from '../icon-button';\nimport { DetailedCardSectionProps } from './types';\nimport { isComponent } from '../../utils/isComponent';\nimport { DetailedCardCollapsibleSectionItems } from '../detailed-card-collapsible-section-items';\nimport { StyledDetailedCardSection } from './styles';\nimport { Skeleton } from '../skeleton';\nimport { Text } from '../text';\nimport { Badge, BadgeVariant } from '../badge';\n\nconst COMPONENT_NAME = 'DetailedCardSection';\nconst CLASSNAME = 'redsift-detailed-card-section';\n\nconst hasCollapsibleChildren = (children: ReactNode): boolean => {\n  let hasCollapsible = false;\n\n  React.Children.map(children, (child) => {\n    if (isComponent(DetailedCardCollapsibleSectionItems)(child)) {\n      hasCollapsible = true;\n    }\n  });\n\n  return hasCollapsible;\n};\n\n/**\n * The DetailedCardSection component.\n */\nexport const DetailedCardSection: Comp<DetailedCardSectionProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    badge,\n    color,\n    children,\n    className,\n    header,\n    isCollapsed: propsIsCollapsed,\n    isCollapsible: propsIsCollapsible = true,\n    isLoading,\n    ...forwardedProps\n  } = props;\n\n  const format = useMessageFormatter(intlMessages);\n\n  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(Boolean(propsIsCollapsed));\n\n  return (\n    <StyledDetailedCardSection\n      {...forwardedProps}\n      className={classNames(DetailedCardSection.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $color={color}\n      $isCollapsed={isCollapsed}\n    >\n      <Flexbox justifyContent=\"space-between\" className={`${DetailedCardSection.className}__header`}>\n        {header ? (\n          <Skeleton.Text\n            variant=\"body\"\n            isLoaded={!isLoading}\n            fontSize=\"18px\"\n            lineHeight=\"22px\"\n            marginTop=\"6px\"\n            marginBottom=\"12px\"\n          >\n            <Flexbox alignItems=\"center\" gap=\"8px\">\n              {typeof header === 'string' ? (\n                <Text\n                  className={`${DetailedCardSection.className}-header__title`}\n                  color=\"black\"\n                  fontSize=\"18px\"\n                  lineHeight=\"22px\"\n                >\n                  {header}\n                </Text>\n              ) : (\n                <div className={`${DetailedCardSection.className}-header__title`}>{header}</div>\n              )}\n              {badge ? <Badge variant={BadgeVariant.standard} {...badge} /> : null}\n            </Flexbox>\n          </Skeleton.Text>\n        ) : null}\n        {isCollapsible && !isLoading ? (\n          <IconButton\n            marginLeft=\"auto\"\n            aria-label={format(isCollapsed ? 'expand' : 'collapse')}\n            className={`${DetailedCardSection.className}-header__collapse-button`}\n            color=\"grey\"\n            icon={isCollapsed ? mdiChevronDown : mdiChevronUp}\n            onClick={() => {\n              setIsCollapsed((isCollapsed) => !isCollapsed);\n            }}\n          />\n        ) : null}\n      </Flexbox>\n\n      {children}\n    </StyledDetailedCardSection>\n  );\n});\nDetailedCardSection.className = CLASSNAME;\nDetailedCardSection.displayName = COMPONENT_NAME;\n"],"names":["enUS","frFR","StyledDetailedCardSection","styled","div","_ref","$color","Object","keys","NotificationsColorPalette","indexOf","css","ProductColorPalette","_ref2","$isCollapsed","_ref3","_ref4","_ref5","COMPONENT_NAME","CLASSNAME","hasCollapsibleChildren","children","hasCollapsible","React","Children","map","child","isComponent","DetailedCardCollapsibleSectionItems","DetailedCardSection","forwardRef","props","ref","badge","color","className","header","isCollapsed","propsIsCollapsed","isCollapsible","propsIsCollapsible","isLoading","forwardedProps","_objectWithoutProperties","_excluded","format","useMessageFormatter","intlMessages","setIsCollapsed","useState","Boolean","createElement","_extends","classNames","Flexbox","justifyContent","Skeleton","Text","variant","isLoaded","fontSize","lineHeight","marginTop","marginBottom","alignItems","gap","Badge","BadgeVariant","standard","IconButton","marginLeft","icon","mdiChevronDown","mdiChevronUp","onClick","displayName"],"mappings":"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"}

package/_internal/DetailedCardSectionItem.js

@@ -0,0 +1,9 @@
+import { D as DetailedCardSectionItemProps } from './types12.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The DetailedCardSectionItems component.
+ */
+declare const DetailedCardSectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement>;
+
+export { DetailedCardSectionItem as D };

package/_internal/DetailedCardSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailedCardSectionItem.js","sources":["../../src/components/detailed-card-section-item/styles.ts","../../src/components/detailed-card-section-item/DetailedCardSectionItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledDetailedCardSectionItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDetailedCardSectionItem = styled.div<StyledDetailedCardSectionItemProps>`\n  padding: 8px 0;\n\n  .redsift-detailed-card-section-item-header__shield {\n    align-items: center;\n    display: flex;\n    height: 28px;\n    justify-content: center;\n    padding: 0 4px;\n  }\n\n  .redsift-detailed-card-section-item-header__icon {\n    height: 28px;\n  }\n\n  .redsift-detailed-card-section-item-header__pill {\n    display: inline-block;\n    margin-right: 8px;\n  }\n\n  .redsift-detailed-card-section-item-header__description {\n    line-height: 28px;\n    display: inline-flex;\n    align-items: center;\n  }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { Flexbox } from '../flexbox';\nimport { Shield } from '../shield';\nimport { Icon } from '../icon';\nimport { Pill } from '../pill';\nimport { Text } from '../text';\nimport { DetailedCardSectionItemProps } from './types';\nimport { StyledDetailedCardSectionItem } from './styles';\nimport { Skeleton } from '../skeleton';\n\nconst COMPONENT_NAME = 'DetailedCardSectionItem';\nconst CLASSNAME = 'redsift-detailed-card-section-item';\n\n/**\n * The DetailedCardSectionItems component.\n */\nexport const DetailedCardSectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    description,\n    descriptionProps,\n    icon,\n    iconProps,\n    isLoading,\n    pill,\n    pillProps,\n    shield,\n    ...forwardedProps\n  } = props;\n\n  return (\n    <StyledDetailedCardSectionItem\n      {...forwardedProps}\n      className={classNames(DetailedCardSectionItem.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      <Flexbox alignItems=\"flex-start\" className={`${DetailedCardSectionItem.className}__header`}>\n        {shield ? (\n          <Skeleton isLoaded={!isLoading}>\n            <Shield variant={shield} className={`${DetailedCardSectionItem.className}-header__shield`} />\n          </Skeleton>\n        ) : icon ? (\n          <Skeleton isLoaded={!isLoading}>\n            <div className={`${DetailedCardSectionItem.className}-header__icon`}>\n              <Icon icon={icon} {...iconProps} size=\"large\" />\n            </div>\n          </Skeleton>\n        ) : null}\n        {description || pill ? (\n          <div className={`${DetailedCardSectionItem.className}-header__description`}>\n            <Skeleton isLoaded={!isLoading}>\n              {pill && (\n                <Pill className={`${DetailedCardSectionItem.className}-header__pill`} {...pillProps}>\n                  {pill}\n                </Pill>\n              )}\n              {typeof description === 'string' ? <Text {...descriptionProps}>{description}</Text> : description}\n            </Skeleton>\n          </div>\n        ) : null}\n      </Flexbox>\n      {children}\n    </StyledDetailedCardSectionItem>\n  );\n});\nDetailedCardSectionItem.className = CLASSNAME;\nDetailedCardSectionItem.displayName = COMPONENT_NAME;\n"],"names":["StyledDetailedCardSectionItem","styled","div","COMPONENT_NAME","CLASSNAME","DetailedCardSectionItem","forwardRef","props","ref","children","className","description","descriptionProps","icon","iconProps","isLoading","pill","pillProps","shield","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","Flexbox","alignItems","Skeleton","isLoaded","Shield","variant","Icon","size","Pill","Text","displayName"],"mappings":"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"}

package/_internal/Flexbox2.js

@@ -0,0 +1,30 @@
+import { ComponentProps } from 'react';
+import { h as StylingProps, I as InternalSpacingProps, g as FlexLayoutProps, B as BorderProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface FlexboxProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, FlexLayoutProps, BorderProps {
+    /** Used to use a different tag in lieu of a div. */
+    as?: any;
+    /** Whether the flexbox has internal divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the gap property. */
+    divider?: {
+        colGap: number;
+        rowGap: number;
+    };
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledFlexboxProps = FlexboxProps & {
+    $divider: FlexboxProps['divider'];
+    $theme: FlexboxProps['theme'];
+};
+
+/**
+ * The Flexbox component.
+ */
+declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
+
+export { FlexboxProps as F, StyledFlexboxProps as S, Flexbox as a };

package/_internal/Flexbox2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flexbox2.js","sources":["../../src/components/flexbox/styles.ts","../../src/components/flexbox/Flexbox.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseBorder, baseFlexbox, baseInternalSpacing, baseStyling } from '../shared';\nimport { StyledFlexboxProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledFlexbox = styled.div<StyledFlexboxProps>`\n  display: ${({ inline }) => (inline ? 'inline-flex' : 'flex')};\n\n  ${baseStyling}\n  ${baseInternalSpacing}\n  ${baseBorder}\n  ${baseFlexbox}\n\n  ${({ $divider }) =>\n    $divider\n      ? css`\n          overflow: hidden;\n          > *:not(:empty) {\n            position: relative;\n\n            ::before {\n              content: '';\n              position: absolute;\n              background-color: var(--redsift-color-neutral-light-grey);\n              inline-size: 1px;\n              block-size: 100%;\n              inset-inline-start: calc(${Math.max(1, $divider.colGap / 2)}px * -1);\n            }\n\n            ::after {\n              content: '';\n              position: absolute;\n              background-color: var(--redsift-color-neutral-light-grey);\n              inline-size: 200vw;\n              block-size: 1px;\n              inset-inline-start: -100vw;\n              inset-block-start: calc(${Math.max(1, $divider.rowGap / 2)}px * -1);\n              z-index: 0;\n            }\n          }\n        `\n      : ''}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledFlexbox } from './styles';\nimport { FlexboxProps } from './types';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Flexbox';\nconst CLASSNAME = 'redsift-flex-box';\n\n/**\n * The Flexbox component.\n */\nexport const Flexbox: Comp<FlexboxProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { as, children, className, divider, gap = '16px', theme: propsTheme, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledFlexbox\n        as={as}\n        {...forwardedProps}\n        gap={divider ? `${divider.rowGap}px ${divider.colGap}px` : gap}\n        className={classNames(Flexbox.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        $divider={divider}\n        $theme={theme}\n      >\n        {children}\n      </StyledFlexbox>\n    </ThemeProvider>\n  );\n});\nFlexbox.className = CLASSNAME;\nFlexbox.displayName = COMPONENT_NAME;\n"],"names":["StyledFlexbox","styled","div","_ref","inline","baseStyling","baseInternalSpacing","baseBorder","baseFlexbox","_ref2","$divider","css","Math","max","colGap","rowGap","COMPONENT_NAME","CLASSNAME","Flexbox","forwardRef","props","ref","as","children","className","divider","gap","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","ThemeProvider","value","_extends","classNames","$theme","displayName"],"mappings":";;;;;;;AAIA;AACA;AACA;AACO,MAAMA,aAAa,GAAGC,MAAM,CAACC,GAAwB,CAAA;AAC5D,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,MAAM,GAAG,aAAa,GAAG,MAAM,CAAA;AAAA,CAAE,CAAA;AAC/D;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,mBAAoB,CAAA;AACxB,EAAA,EAAIC,UAAW,CAAA;AACf,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OACbC,QAAQ,GACJC,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAyCC,EAAAA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,QAAQ,CAACI,MAAM,GAAG,CAAC,CAAE,CAAA;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAwCF,EAAAA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,QAAQ,CAACK,MAAM,GAAG,CAAC,CAAE,CAAA;AACzE;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX,CAAC;;;ACrCD,MAAMC,cAAc,GAAG,SAAS,CAAA;AAChC,MAAMC,SAAS,GAAG,kBAAkB,CAAA;;AAEpC;AACA;AACA;AACO,MAAMC,OAA2C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;MAAEC,EAAE;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;AAAEC,MAAAA,GAAG,GAAG,MAAM;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGR,KAAK;AAAxBS,IAAAA,cAAc,GAAAC,wBAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;AAEtG,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAET,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9BM,cAAA,CAAAC,aAAA,CAAClC,aAAa,EAAAqC,QAAA,CAAA;AACZf,IAAAA,EAAE,EAAEA,EAAAA;AAAG,GAAA,EACHO,cAAc,EAAA;AAClBH,IAAAA,GAAG,EAAED,OAAO,GAAI,CAAA,EAAEA,OAAO,CAACV,MAAO,CAAA,GAAA,EAAKU,OAAO,CAACX,MAAO,CAAA,EAAA,CAAG,GAAGY,GAAI;IAC/DF,SAAS,EAAEc,UAAU,CAACpB,OAAO,CAACM,SAAS,EAAEA,SAAS,CAAE;AACpDH,IAAAA,GAAG,EAAEA,GAAiC;AACtCX,IAAAA,QAAQ,EAAEe,OAAQ;AAClBc,IAAAA,MAAM,EAAEZ,KAAAA;GAEPJ,CAAAA,EAAAA,QACY,CACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFL,OAAO,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC7BC,OAAO,CAACsB,WAAW,GAAGxB,cAAc;;;;"}

package/_internal/Grid2.js

@@ -0,0 +1,32 @@
+import { G as GridItemProps } from './types14.js';
+import { ComponentProps } from 'react';
+import { h as StylingProps, I as InternalSpacingProps, G as GridLayoutProps, B as BorderProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface GridProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, GridLayoutProps, BorderProps {
+    /** Whether the grid has divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the grid gap property. */
+    divider?: {
+        colGap: number;
+        rowGap: number;
+    };
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledGridProps = GridProps & {
+    $divider: GridProps['divider'];
+    $theme: GridProps['theme'];
+};
+
+/**
+ * The Grid component.
+ */
+declare const BaseGrid: Comp<GridProps, HTMLDivElement>;
+declare const Grid: Comp<GridProps, HTMLDivElement> & {
+    Item: Comp<GridItemProps, HTMLDivElement>;
+};
+
+export { BaseGrid as B, GridProps as G, StyledGridProps as S, Grid as a };

package/_internal/Grid2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid2.js","sources":["../../src/components/grid/styles.ts","../../src/components/grid/Grid.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseBorder, baseGrid, baseInternalSpacing, baseStyling } from '../shared';\nimport { StyledGridProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledGrid = styled.div<StyledGridProps>`\n  display: ${({ inline }) => (inline ? 'inline-grid' : 'grid')};\n  flex: 1;\n\n  ${baseStyling}\n  ${baseInternalSpacing}\n  ${baseGrid}\n  ${baseBorder}\n\n  ${({ $divider }) =>\n    $divider\n      ? css`\n          overflow: hidden;\n          > .redsift-grid-item:not(:empty) {\n            position: relative;\n\n            ::before {\n              content: '';\n              position: absolute;\n              background-color: var(--redsift-color-neutral-light-grey);\n              inline-size: 1px;\n              block-size: 100%;\n              inset-inline-start: calc(${Math.max(1, $divider.colGap / 2)}px * -1);\n            }\n\n            ::after {\n              content: '';\n              position: absolute;\n              background-color: var(--redsift-color-neutral-light-grey);\n              inline-size: 200vw;\n              block-size: 1px;\n              inset-inline-start: -100vw;\n              inset-block-start: calc(${Math.max(1, $divider.rowGap / 2)}px * -1);\n              z-index: 0;\n            }\n          }\n        `\n      : ''}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledGrid } from './styles';\nimport { GridProps } from './types';\nimport { GridItem } from '../grid-item';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Grid';\nconst CLASSNAME = 'redsift-grid';\n\n/**\n * The Grid component.\n */\nexport const BaseGrid: Comp<GridProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, divider, gap, theme: propsTheme, ...forwardedProps } = props;\n  const theme = useTheme(propsTheme);\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledGrid\n        {...forwardedProps}\n        gap={divider ? `${divider.rowGap}px ${divider.colGap}px` : gap}\n        className={classNames(BaseGrid.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        $divider={divider}\n        $theme={theme}\n      >\n        {children}\n      </StyledGrid>\n    </ThemeProvider>\n  );\n});\nBaseGrid.className = CLASSNAME;\nBaseGrid.displayName = COMPONENT_NAME;\n\nexport const Grid = Object.assign(BaseGrid, {\n  Item: GridItem,\n});\n"],"names":["StyledGrid","styled","div","_ref","inline","baseStyling","baseInternalSpacing","baseGrid","baseBorder","_ref2","$divider","css","Math","max","colGap","rowGap","COMPONENT_NAME","CLASSNAME","BaseGrid","forwardRef","props","ref","children","className","divider","gap","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","ThemeProvider","value","_extends","classNames","$theme","displayName","Grid","Object","assign","Item","GridItem"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,UAAU,GAAGC,MAAM,CAACC,GAAqB,CAAA;AACtD,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,MAAM,GAAG,aAAa,GAAG,MAAM,CAAA;AAAA,CAAE,CAAA;AAC/D;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,mBAAoB,CAAA;AACxB,EAAA,EAAIC,QAAS,CAAA;AACb,EAAA,EAAIC,UAAW,CAAA;AACf;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OACbC,QAAQ,GACJC,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAyCC,EAAAA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,QAAQ,CAACI,MAAM,GAAG,CAAC,CAAE,CAAA;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAwCF,EAAAA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,QAAQ,CAACK,MAAM,GAAG,CAAC,CAAE,CAAA;AACzE;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX,CAAC;;;ACrCD,MAAMC,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACO,MAAMC,QAAyC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;MAAEC,GAAG;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGP,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AACzF,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAET,MAAAA,KAAAA;AAAM,KAAA;GAC5BM,eAAAA,cAAA,CAAAC,aAAA,CAACjC,UAAU,EAAAoC,QAAA,KACLR,cAAc,EAAA;AAClBH,IAAAA,GAAG,EAAED,OAAO,GAAI,CAAA,EAAEA,OAAO,CAACT,MAAO,CAAA,GAAA,EAAKS,OAAO,CAACV,MAAO,CAAA,EAAA,CAAG,GAAGW,GAAI;IAC/DF,SAAS,EAAEc,UAAU,CAACnB,QAAQ,CAACK,SAAS,EAAEA,SAAS,CAAE;AACrDF,IAAAA,GAAG,EAAEA,GAAiC;AACtCX,IAAAA,QAAQ,EAAEc,OAAQ;AAClBc,IAAAA,MAAM,EAAEZ,KAAAA;GAEPJ,CAAAA,EAAAA,QACS,CACC,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFJ,QAAQ,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC9BC,QAAQ,CAACqB,WAAW,GAAGvB,cAAc,CAAA;AAE9B,MAAMwB,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACxB,QAAQ,EAAE;AAC1CyB,EAAAA,IAAI,EAAEC,QAAAA;AACR,CAAC;;;;"}

package/_internal/GridItem.js

@@ -0,0 +1,9 @@
+import { G as GridItemProps } from './types14.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The GridItem component.
+ */
+declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
+
+export { GridItem as G };

package/_internal/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sources":["../../src/components/grid-item/styles.ts","../../src/components/grid-item/GridItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { baseBorder, baseInternalSpacing, baseStyling } from '../shared';\nimport { StyledGridItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledGridItem = styled.div<StyledGridItemProps>`\n  display: inherit;\n\n  ${baseStyling}\n  ${baseInternalSpacing}\n  ${baseBorder}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledGridItem } from './styles';\nimport { GridItemProps } from './types';\n\nconst COMPONENT_NAME = 'GridItem';\nconst CLASSNAME = 'redsift-grid-item';\n\n/**\n * The GridItem component.\n */\nexport const GridItem: Comp<GridItemProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  return (\n    <StyledGridItem\n      {...forwardedProps}\n      className={classNames(GridItem.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledGridItem>\n  );\n});\nGridItem.className = CLASSNAME;\nGridItem.displayName = COMPONENT_NAME;\n"],"names":["StyledGridItem","styled","div","baseStyling","baseInternalSpacing","baseBorder","COMPONENT_NAME","CLASSNAME","GridItem","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","displayName"],"mappings":";;;;;;AAIA;AACA;AACA;AACO,MAAMA,cAAc,GAAGC,MAAM,CAACC,GAAyB,CAAA;AAC9D;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,mBAAoB,CAAA;AACxB,EAAA,EAAIC,UAAW,CAAA;AACf,CAAC;;;ACPD,MAAMC,cAAc,GAAG,UAAU,CAAA;AACjC,MAAMC,SAAS,GAAG,mBAAmB,CAAA;;AAErC;AACA;AACA;AACO,MAAMC,QAA6C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,oBACEC,cAAA,CAAAC,aAAA,CAAClB,cAAc,EAAAmB,QAAA,KACTL,cAAc,EAAA;IAClBD,SAAS,EAAEO,UAAU,CAACZ,QAAQ,CAACK,SAAS,EAAEA,SAAS,CAAE;AACrDF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QACa,CAAC,CAAA;AAErB,CAAC,EAAC;AACFJ,QAAQ,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC9BC,QAAQ,CAACa,WAAW,GAAGf,cAAc;;;;"}

package/_internal/Heading2.js

@@ -0,0 +1,9 @@
+import { b as HeadingProps } from './types15.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The Heading component.
+ */
+declare const Heading: Comp<HeadingProps, HTMLDivElement>;
+
+export { Heading as H };

package/_internal/Heading2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading2.js","sources":["../../src/components/heading/styles.ts","../../src/components/heading/Heading.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledHeadingProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledHeading = styled.span<StyledHeadingProps>`\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n\n  ${baseStyling}\n\n  ${({ $color, $theme }) =>\n    $color && $color === 'radar'\n      ? css`\n          background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n          background-clip: text;\n          color: transparent;\n        `\n      : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n      ? css`\n          color: var(--redsift-color-notifications-${$color}-primary);\n        `\n      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n      ? css`\n          color: var(--redsift-color-neutral-${$color});\n        `\n      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n      ? css`\n          color: var(--redsift-color-product-${$color});\n        `\n      : css`\n          color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n        `}\n\n  ${({ $variant, $fontFamily, $fontSize, $fontWeight, $lineHeight }) => css`\n    font-family: ${$fontFamily\n      ? css`var(--redsift-typography-font-family-${$fontFamily})`\n      : css`var(--redsift-typography-${$variant ?? 'body'}-font-family)`};\n    font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant ?? 'body'}-font-size)`};\n    font-weight: ${$fontWeight ? $fontWeight : css`var(--redsift-typography-${$variant ?? 'body'}-font-weight)`};\n    line-height: ${$lineHeight ? $lineHeight : css`var(--redsift-typography-${$variant ?? 'body'}-line-height)`};\n  `}\n\n  ${({ $noWrap }) =>\n    $noWrap\n      ? css`\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        `\n      : ''}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, FontFamily } from '../../types';\nimport { StyledHeading } from './styles';\nimport { HeadingProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Heading';\nconst CLASSNAME = 'redsift-heading';\n\n/**\n * The Heading component.\n */\nexport const Heading: Comp<HeadingProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    as,\n    children,\n    className,\n    color,\n    fontFamily = FontFamily.poppins,\n    fontSize,\n    fontWeight,\n    lineHeight,\n    noWrap,\n    theme: propsTheme,\n    variant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledHeading\n      as={as}\n      {...forwardedProps}\n      className={classNames(Heading.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $noWrap={noWrap}\n      $theme={theme}\n      $color={color}\n      $fontFamily={fontFamily}\n      $fontSize={fontSize}\n      $fontWeight={fontWeight}\n      $lineHeight={lineHeight}\n      $variant={variant ? variant : as === 'span' ? 'body' : as}\n    >\n      {children}\n    </StyledHeading>\n  );\n});\nHeading.className = CLASSNAME;\nHeading.displayName = COMPONENT_NAME;\n"],"names":["StyledHeading","styled","span","baseStyling","_ref","$color","$theme","css","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette","_ref2","$variant","$fontFamily","$fontSize","$fontWeight","$lineHeight","_ref3","$noWrap","COMPONENT_NAME","CLASSNAME","Heading","forwardRef","props","ref","as","children","className","color","fontFamily","FontFamily","poppins","fontSize","fontWeight","lineHeight","noWrap","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","_extends","classNames","displayName"],"mappings":"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"}

package/_internal/Icon2.js

@@ -0,0 +1,10 @@
+import { I as IconSize, a as IconDimensions, b as IconProps } from './types17.js';
+import { C as Comp } from './helpers.js';
+
+declare const sizeToDimension: (size: IconSize | IconDimensions) => IconDimensions;
+/**
+ * The Icon component.
+ */
+declare const Icon: Comp<IconProps, HTMLSpanElement>;
+
+export { Icon as I, sizeToDimension as s };

package/_internal/Icon2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon2.js","sources":["../../src/components/icon/types.ts","../../src/components/icon/styles.ts","../../src/components/icon/Icon.tsx"],"sourcesContent":["import { ComponentProps, ReactElement } from 'react';\nimport {\n  NotificationsColorPalette,\n  LayoutProps,\n  PositioningProps,\n  SpacingProps,\n  ValueOf,\n  ProductColorPalette,\n  Theme,\n} from '../../types';\n\n/**\n * Component size.\n */\nexport const IconSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n  xxlarge: 'xxlarge',\n} as const;\nexport type IconSize = ValueOf<typeof IconSize>;\n\nexport type IconDimensions = { width?: number; height?: number; fontSize?: number; lineHeight?: number };\n\n/**\n * Component props.\n */\nexport interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {\n  /** Indicates whether the element is exposed to an accessibility API. */\n  'aria-hidden'?: boolean | 'false' | 'true';\n  /** A screen reader only label for the Icon. */\n  'aria-label'?: string;\n  /** Color variant. Either from color palette or hex or rgb strings. */\n  color?: NotificationsColorPalette | ProductColorPalette | (string & {});\n  /** Whether the icon has a badge attached to it. */\n  badge?: ReactElement;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  icon: string | string[] | ReactElement;\n  /** Icon size. */\n  size?: IconSize | IconDimensions;\n  /** Additional properties to forward to the SVG tag. */\n  svgProps?: ComponentProps<'svg'>;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {\n  $color: IconProps['color'];\n  $width: IconDimensions['width'];\n  $height: IconDimensions['height'];\n  $fontSize: IconDimensions['fontSize'];\n  $lineHeight: IconDimensions['lineHeight'];\n  $theme: IconProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { NotificationsColorPalette, ProductColorPalette, Theme } from '../../types';\nimport { baseStyling } from '../shared';\nimport { StyledIconProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledIcon = styled.span<StyledIconProps>`\n  position: relative;\n  display: inline-grid;\n  ${baseStyling}\n\n  font-style: normal;\n\n  svg {\n    vertical-align: -0.125em;\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  ${({ $color, $theme }) =>\n    $color && Object.keys(NotificationsColorPalette).indexOf($color) !== -1\n      ? css`\n          color: var(--redsift-color-notifications-${$color}-primary);\n        `\n      : $color && Object.keys(ProductColorPalette).indexOf($color) !== -1\n      ? css`\n          color: var(--redsift-color-product-${$color});\n        `\n      : css`\n          color: ${$color || css`var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'})`};\n        `}\n\n  ${({ $width, $height, $fontSize, $lineHeight }) => css`\n    ${$width\n      ? css`\n          width: ${$width}px;\n        `\n      : ''}\n    ${$height\n      ? css`\n          height: ${$height}px;\n        `\n      : ''}\n    ${$fontSize\n      ? css`\n          font-size: ${$fontSize}px;\n        `\n      : ''}\n    ${$lineHeight\n      ? css`\n          line-height: ${$lineHeight}px;\n        `\n      : ''}\n\n    & .redsift-badge-standard {\n      grid-column: 1;\n      grid-row: 1;\n      margin-right: unset;\n      ${$width\n        ? css`\n            margin-left: ${$width * 0.75}px;\n          `\n        : ''}\n      ${$height\n        ? css`\n            margin-top: ${$height * 0.1 - 4}px;\n          `\n        : ''}\n    }\n\n    & .redsift-badge-dot {\n      grid-column: 1;\n      grid-row: 1;\n      margin-right: unset;\n      ${$width\n        ? css`\n            margin-left: ${$width * 0.8}px;\n          `\n        : ''}\n      ${$height\n        ? css`\n            margin-top: ${$height * 0.2 - 3}px;\n          `\n        : ''}\n    }\n  `}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledIcon } from './styles';\nimport { IconDimensions, IconProps, IconSize } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Icon';\nconst CLASSNAME = 'redsift-icon';\n\nexport const sizeToDimension = (size: IconSize | IconDimensions): IconDimensions => {\n  if (typeof size !== 'string') {\n    return size;\n  }\n\n  switch (size) {\n    case IconSize.xsmall:\n      return { width: 16, height: 16, fontSize: 16, lineHeight: 16 };\n    case IconSize.small:\n      return { width: 20, height: 20, fontSize: 20, lineHeight: 20 };\n    case IconSize.medium:\n    default:\n      return { width: 24, height: 24, fontSize: 24, lineHeight: 24 };\n    case IconSize.large:\n      return { width: 30, height: 30, fontSize: 30, lineHeight: 30 };\n    case IconSize.xlarge:\n      return { width: 40, height: 40, fontSize: 40, lineHeight: 40 };\n    case IconSize.xxlarge:\n      return { width: 55, height: 55, fontSize: 55, lineHeight: 55 };\n  }\n};\n\n/**\n * The Icon component.\n */\nexport const Icon: Comp<IconProps, HTMLSpanElement> = forwardRef((props, ref) => {\n  const {\n    'aria-hidden': ariaHidden,\n    'aria-label': ariaLabel,\n    badge,\n    className,\n    color,\n    icon,\n    size = IconSize.medium,\n    svgProps,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { width, height, fontSize, lineHeight } = sizeToDimension(size!);\n\n  return (\n    <StyledIcon\n      {...forwardedProps}\n      $color={color}\n      $width={width}\n      $height={height}\n      $fontSize={fontSize}\n      $lineHeight={lineHeight}\n      $theme={theme}\n      aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n      aria-label={ariaLabel}\n      className={classNames(Icon.className, className, color ? 'colored' : undefined)}\n      ref={ref as RefObject<HTMLSpanElement>}\n    >\n      {React.cloneElement(\n        typeof icon === 'string' || (Array.isArray(icon) && icon.every((it) => typeof it === 'string')) ? (\n          <svg viewBox=\"0 0 24 24\">\n            {(Array.isArray(icon) ? icon : [icon]).map((path) => (\n              <path key={path} d={path} fill=\"currentColor\" />\n            ))}\n          </svg>\n        ) : React.isValidElement(icon) ? (\n          icon\n        ) : (\n          <></>\n        ),\n        {\n          'aria-hidden': ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true,\n          'aria-label': ariaLabel,\n          focusable: 'false',\n          height,\n          preserveAspectRatio: 'xMidYMid meet',\n          role: 'img',\n          width,\n          ...svgProps,\n        }\n      )}\n      {badge ? badge : null}\n    </StyledIcon>\n  );\n});\nIcon.className = CLASSNAME;\nIcon.displayName = COMPONENT_NAME;\n"],"names":["IconSize","xsmall","small","medium","large","xlarge","xxlarge","StyledIcon","styled","span","baseStyling","_ref","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","css","ProductColorPalette","Theme","dark","_ref2","$width","$height","$fontSize","$lineHeight","COMPONENT_NAME","CLASSNAME","sizeToDimension","size","width","height","fontSize","lineHeight","Icon","forwardRef","props","ref","ariaHidden","ariaLabel","badge","className","color","icon","svgProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","_extends","undefined","classNames","cloneElement","Array","isArray","every","it","viewBox","map","path","key","d","fill","isValidElement","Fragment","_objectSpread","focusable","preserveAspectRatio","role","displayName"],"mappings":";;;;;;;;AAWA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG;AACtBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;;AAKV;AACA;AACA;;ACvBA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAsB,CAAA;AACvD;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OACnBC,MAAM,IAAIE,MAAM,CAACC,IAAI,CAACC,yBAAyB,CAAC,CAACC,OAAO,CAACL,MAAM,CAAC,KAAK,CAAC,CAAC,GACnEM,GAAI,CAAA;AACZ,mDAAA,EAAqDN,MAAO,CAAA;AAC5D,QAAA,CAAS,GACDA,MAAM,IAAIE,MAAM,CAACC,IAAI,CAACI,mBAAmB,CAAC,CAACF,OAAO,CAACL,MAAM,CAAC,KAAK,CAAC,CAAC,GACjEM,GAAI,CAAA;AACZ,6CAAA,EAA+CN,MAAO,CAAA;AACtD,QAAA,CAAS,GACDM,GAAI,CAAA;AACZ,iBAAA,EAAmBN,MAAM,IAAIM,GAAI,CAAA,4BAAA,EAA8BL,MAAM,KAAKO,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAG,CAAA,CAAA,CAAA;AAClH,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,OAAO;IAAEC,SAAS;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAAJ,KAAA,CAAA;AAAA,EAAA,OAAKJ,GAAI,CAAA;AACzD,IAAMK,EAAAA,MAAM,GACJL,GAAI,CAAA;AACZ,iBAAA,EAAmBK,MAAO,CAAA;AAC1B,QAAA,CAAS,GACD,EAAG,CAAA;AACX,IAAMC,EAAAA,OAAO,GACLN,GAAI,CAAA;AACZ,kBAAA,EAAoBM,OAAQ,CAAA;AAC5B,QAAA,CAAS,GACD,EAAG,CAAA;AACX,IAAMC,EAAAA,SAAS,GACPP,GAAI,CAAA;AACZ,qBAAA,EAAuBO,SAAU,CAAA;AACjC,QAAA,CAAS,GACD,EAAG,CAAA;AACX,IAAMC,EAAAA,WAAW,GACTR,GAAI,CAAA;AACZ,uBAAA,EAAyBQ,WAAY,CAAA;AACrC,QAAA,CAAS,GACD,EAAG,CAAA;AACX;AACA;AACA;AACA;AACA;AACA,MAAQH,EAAAA,MAAM,GACJL,GAAI,CAAA;AACd,yBAA2BK,EAAAA,MAAM,GAAG,IAAK,CAAA;AACzC,UAAA,CAAW,GACD,EAAG,CAAA;AACb,MAAQC,EAAAA,OAAO,GACLN,GAAI,CAAA;AACd,wBAAA,EAA0BM,OAAO,GAAG,GAAG,GAAG,CAAE,CAAA;AAC5C,UAAA,CAAW,GACD,EAAG,CAAA;AACb;AACA;AACA;AACA;AACA;AACA;AACA,MAAQD,EAAAA,MAAM,GACJL,GAAI,CAAA;AACd,yBAA2BK,EAAAA,MAAM,GAAG,GAAI,CAAA;AACxC,UAAA,CAAW,GACD,EAAG,CAAA;AACb,MAAQC,EAAAA,OAAO,GACLN,GAAI,CAAA;AACd,wBAAA,EAA0BM,OAAO,GAAG,GAAG,GAAG,CAAE,CAAA;AAC5C,UAAA,CAAW,GACD,EAAG,CAAA;AACb;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ,CAAC;;;ACjFD,MAAMG,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;AAEnBC,MAAAA,eAAe,GAAIC,IAA+B,IAAqB;AAClF,EAAA,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;AAC5B,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,QAAQA,IAAI;IACV,KAAK9B,QAAQ,CAACC,MAAM;MAClB,OAAO;AAAE8B,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,EAAA;OAAI,CAAA;IAChE,KAAKlC,QAAQ,CAACE,KAAK;MACjB,OAAO;AAAE6B,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,EAAA;OAAI,CAAA;IAChE,KAAKlC,QAAQ,CAACG,MAAM,CAAA;AACpB,IAAA;MACE,OAAO;AAAE4B,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,EAAA;OAAI,CAAA;IAChE,KAAKlC,QAAQ,CAACI,KAAK;MACjB,OAAO;AAAE2B,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,EAAA;OAAI,CAAA;IAChE,KAAKlC,QAAQ,CAACK,MAAM;MAClB,OAAO;AAAE0B,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,EAAA;OAAI,CAAA;IAChE,KAAKlC,QAAQ,CAACM,OAAO;MACnB,OAAO;AAAEyB,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,EAAA;OAAI,CAAA;AAClE,GAAA;AACF,EAAC;;AAED;AACA;AACA;AACO,MAAMC,IAAsC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC/E,MAAM;AACJ,MAAA,aAAa,EAAEC,UAAU;AACzB,MAAA,YAAY,EAAEC,SAAS;MACvBC,KAAK;MACLC,SAAS;MACTC,KAAK;MACLC,IAAI;MACJd,IAAI,GAAG9B,QAAQ,CAACG,MAAM;MACtB0C,QAAQ;AACRC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGV,KAAK;AADJW,IAAAA,cAAc,GAAAC,wBAAA,CACfZ,KAAK,EAAAa,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;EAElC,MAAM;IAAEhB,KAAK;IAAEC,MAAM;IAAEC,QAAQ;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGL,eAAe,CAACC,IAAK,CAAC,CAAA;EAEtE,oBACEsB,cAAA,CAAAC,aAAA,CAAC9C,UAAU,EAAA+C,QAAA,KACLN,cAAc,EAAA;AAClBpC,IAAAA,MAAM,EAAE+B,KAAM;AACdpB,IAAAA,MAAM,EAAEQ,KAAM;AACdP,IAAAA,OAAO,EAAEQ,MAAO;AAChBP,IAAAA,SAAS,EAAEQ,QAAS;AACpBP,IAAAA,WAAW,EAAEQ,UAAW;AACxBrB,IAAAA,MAAM,EAAEiC,KAAM;IACd,aAAaN,EAAAA,SAAS,GAAID,UAAU,GAAGA,UAAU,GAAGgB,SAAS,GAAI,IAAK;AACtE,IAAA,YAAA,EAAYf,SAAU;AACtBE,IAAAA,SAAS,EAAEc,UAAU,CAACrB,IAAI,CAACO,SAAS,EAAEA,SAAS,EAAEC,KAAK,GAAG,SAAS,GAAGY,SAAS,CAAE;AAChFjB,IAAAA,GAAG,EAAEA,GAAAA;AAAkC,GAAA,CAAA,eAEtCc,cAAK,CAACK,YAAY,CACjB,OAAOb,IAAI,KAAK,QAAQ,IAAKc,KAAK,CAACC,OAAO,CAACf,IAAI,CAAC,IAAIA,IAAI,CAACgB,KAAK,CAAEC,EAAE,IAAK,OAAOA,EAAE,KAAK,QAAQ,CAAE,gBAC7FT,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKS,IAAAA,OAAO,EAAC,WAAA;GACV,EAAA,CAACJ,KAAK,CAACC,OAAO,CAACf,IAAI,CAAC,GAAGA,IAAI,GAAG,CAACA,IAAI,CAAC,EAAEmB,GAAG,CAAEC,IAAI,iBAC9CZ,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMY,IAAAA,GAAG,EAAED,IAAK;AAACE,IAAAA,CAAC,EAAEF,IAAK;AAACG,IAAAA,IAAI,EAAC,cAAA;GAAgB,CAChD,CACE,CAAC,gBACJf,cAAK,CAACgB,cAAc,CAACxB,IAAI,CAAC,GAC5BA,IAAI,gBAEJQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAiB,QAAA,EAAA,IAAI,CACL,EAAAC,cAAA,CAAA;IAEC,aAAa,EAAE9B,SAAS,GAAID,UAAU,GAAGA,UAAU,GAAGgB,SAAS,GAAI,IAAI;AACvE,IAAA,YAAY,EAAEf,SAAS;AACvB+B,IAAAA,SAAS,EAAE,OAAO;IAClBvC,MAAM;AACNwC,IAAAA,mBAAmB,EAAE,eAAe;AACpCC,IAAAA,IAAI,EAAE,KAAK;AACX1C,IAAAA,KAAAA;GACGc,EAAAA,QAAQ,CAEf,CAAC,EACAJ,KAAK,GAAGA,KAAK,GAAG,IACP,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFN,IAAI,CAACO,SAAS,GAAGd,SAAS,CAAA;AAC1BO,IAAI,CAACuC,WAAW,GAAG/C,cAAc;;;;"}

package/_internal/IconButton.js

@@ -0,0 +1,12 @@
+import { b as IconButtonProps } from './types16.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The Icon Button is a component that contains only one icon as a child, without text.
+ *
+ * This component should use aria-label, aria-labelledby or aria-describedby to make this
+ * component usable with a screen reader.
+ */
+declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
+
+export { IconButton as I };

package/_internal/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { Icon } from '../icon';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { StyledIconButton } from './styles';\nimport { IconButtonProps, IconButtonVariant } from './types';\nimport { Spinner } from '../../components/spinner';\nimport { useTheme } from '../theme';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\n\nconst COMPONENT_NAME = 'IconButton';\nconst CLASSNAME = 'redsift-icon-button';\n\n/**\n * The Icon Button is a component that contains only one icon as a child, without text.\n *\n * This component should use aria-label, aria-labelledby or aria-describedby to make this\n * component usable with a screen reader.\n */\nexport const IconButton: Comp<IconButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const buttonRef = ref || useRef<HTMLButtonElement>();\n\n  const {\n    className,\n    color: propsColor,\n    disabled,\n    icon,\n    iconProps,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    isLoading,\n    theme: propsTheme,\n    variant: propsVariant,\n    ...forwardedProps\n  } = props;\n  const isDisabled = props.isLoading || propsIsDisabled || disabled;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const variant = Object.values(IconButtonVariant).includes(propsVariant!) ? propsVariant : 'unstyled';\n\n  warnIfNoAccessibleLabelFound(props, undefined, 'IconButton');\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient && variant === IconButtonVariant.secondary}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledIconButton\n        type=\"button\"\n        {...forwardedProps}\n        $color={color}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered}\n        $isLoading={isLoading}\n        $theme={theme}\n        $variant={variant}\n        aria-disabled={isDisabled}\n        className={classNames(IconButton.className, className)}\n        disabled={isDisabled}\n        ref={buttonRef as RefObject<HTMLButtonElement>}\n      >\n        {isLoading ? (\n          <Spinner size=\"small\" color={variant === IconButtonVariant.primary ? 'grey-l1' : 'grey-l2'} />\n        ) : (\n          <Icon {...iconProps} icon={icon} />\n        )}\n      </StyledIconButton>\n    </ConditionalWrapper>\n  );\n});\nIconButton.className = CLASSNAME;\nIconButton.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","IconButton","forwardRef","props","ref","buttonRef","useRef","className","color","propsColor","disabled","icon","iconProps","isActive","isDisabled","propsIsDisabled","isHovered","isLoading","theme","propsTheme","variant","propsVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","IconButtonVariant","warnIfNoAccessibleLabelFound","undefined","isGradient","radar","React","createElement","ConditionalWrapper","condition","secondary","wrapper","children","StyledGradientBorder","$color","$isActive","$isDisabled","$isHovered","$theme","StyledIconButton","_extends","type","$isGradient","$isLoading","$variant","classNames","Spinner","size","primary","Icon","displayName"],"mappings":"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"}

package/_internal/IconButtonLink.js

@@ -0,0 +1,28 @@
+import { b as IconButtonProps } from './types16.js';
+import { L as LinkProps } from './types18.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface IconButtonLinkProps extends Omit<LinkProps, 'color'>, Pick<IconButtonProps, 'icon' | 'iconProps' | 'color' | 'isActive' | 'isDisabled' | 'isHovered' | 'variant' | 'theme'> {
+}
+type StyledIconButtonLinkProps = Omit<IconButtonLinkProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size'> & {
+    $isActive: IconButtonLinkProps['isActive'];
+    $isDisabled: IconButtonLinkProps['isDisabled'];
+    $isHovered: IconButtonLinkProps['isHovered'];
+    $variant: IconButtonLinkProps['variant'];
+    $theme: IconButtonLinkProps['theme'];
+    $color: IconButtonLinkProps['color'];
+};
+
+/**
+ * The IconButtonLink is a semantic link that looks like an icon button.
+ *
+ * For a semantic button that looks like an icon button, please use the IconButton component.
+ * For a semantic link that looks like a link, please use the Link component.
+ * For a semantic button that looks like a link, please use the LinkButton component.
+ */
+declare const IconButtonLink: Comp<IconButtonLinkProps, HTMLAnchorElement>;
+
+export { IconButtonLinkProps as I, StyledIconButtonLinkProps as S, IconButtonLink as a };

package/_internal/IconButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonLink.js","sources":["../../src/components/icon-button-link/IconButtonLink.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, ButtonsColorPalette } from '../../types';\nimport { Icon } from '../icon';\nimport { IconButtonLinkProps } from './types';\nimport { useTheme } from '../theme';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\nimport { StyledIconButton } from '../icon-button/styles';\nimport { IconButtonVariant } from '../icon-button/types';\n\nconst COMPONENT_NAME = 'IconButtonLink';\nconst CLASSNAME = 'redsift-icon-button-link';\n\n/**\n * The IconButtonLink is a semantic link that looks like an icon button.\n *\n * For a semantic button that looks like an icon button, please use the IconButton component.\n * For a semantic link that looks like a link, please use the Link component.\n * For a semantic button that looks like a link, please use the LinkButton component.\n */\nexport const IconButtonLink: Comp<IconButtonLinkProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const {\n    as,\n    className,\n    color: propsColor,\n    href,\n    icon,\n    iconProps,\n    isActive,\n    isDisabled,\n    isHovered,\n    target,\n    theme: propsTheme,\n    variant: propsVariant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const variant = Object.values(IconButtonVariant).includes(propsVariant!) ? propsVariant : 'unstyled';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient && variant === IconButtonVariant.secondary}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledIconButton\n        as={(as || 'a') as any}\n        role=\"link\"\n        tabIndex={!isDisabled ? 0 : undefined}\n        {...forwardedProps}\n        $color={color}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered}\n        $theme={theme}\n        $variant={variant}\n        className={classNames(IconButtonLink.className, className)}\n        href={!isDisabled ? href : undefined}\n        ref={ref as RefObject<HTMLAnchorElement>}\n        target={target}\n      >\n        <Icon {...iconProps} icon={icon} />\n      </StyledIconButton>\n    </ConditionalWrapper>\n  );\n});\nIconButtonLink.className = CLASSNAME;\nIconButtonLink.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","IconButtonLink","forwardRef","props","ref","as","className","color","propsColor","href","icon","iconProps","isActive","isDisabled","isHovered","target","theme","propsTheme","variant","propsVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","IconButtonVariant","isGradient","radar","React","createElement","ConditionalWrapper","condition","secondary","wrapper","children","StyledGradientBorder","$color","$isActive","$isDisabled","$isHovered","$theme","StyledIconButton","_extends","role","tabIndex","undefined","$isGradient","$variant","classNames","Icon","displayName"],"mappings":"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"}

package/_internal/Item2.js

@@ -0,0 +1,82 @@
+import * as styled_components from 'styled-components';
+import { B as ButtonsColorPalette, T as Theme } from './colors.js';
+import { ComponentProps, MouseEvent } from 'react';
+import { d as ListboxContextProps } from './types19.js';
+import { C as ContainerProps } from './styles2.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component color.
+ */
+type ItemColor = ButtonsColorPalette;
+/**
+ * Component props.
+ */
+interface ItemProps extends Omit<ComponentProps<any>, 'onClick'>, ContainerProps {
+    /** Border radius, only if hasBorder is true. */
+    borderRadius?: string;
+    /** Color variant. */
+    color?: ItemColor;
+    /**
+     * Default select status.
+     * Used for uncontrolled version.
+     */
+    defaultSelected?: boolean;
+    /** Whether the component is active or not. */
+    isActive?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is focused or not. */
+    isFocused?: boolean;
+    /** Whether the component is hovered or not. */
+    isHovered?: boolean;
+    /** Whether the Item has borders or not. */
+    hasBorder?: boolean;
+    /** Whether the Item is selectable within a group of multiple selectable Items. */
+    hasCheckbox?: boolean;
+    /**
+     * Whether the component is selected or not.
+     * Used for controlled version.
+     */
+    isSelected?: boolean;
+    /** Method to handle component change. */
+    onClick?: (isSelected: boolean, value?: string, event?: MouseEvent<HTMLElement>, state?: ListboxContextProps) => void | ComponentProps<'div'>['onClick'];
+    /** Theme. */
+    theme?: Theme;
+    /** Value. */
+    value?: string;
+}
+type StyledItemProps = Omit<ItemProps, 'color' | 'onClick' | 'value'> & {
+    $borderRadius: ItemProps['borderRadius'];
+    $color: ItemProps['color'];
+    $hasBorder: ItemProps['hasBorder'];
+    $hasCheckbox: ItemProps['hasCheckbox'];
+    $isActive: ItemProps['isActive'];
+    $isDisabled: ItemProps['isDisabled'];
+    $isGradient: boolean;
+    $isHovered: ItemProps['isHovered'];
+    $theme: ItemProps['theme'];
+};
+
+/**
+ * Component style.
+ */
+declare const StyledItem: styled_components.StyledComponent<"div", any, Omit<ItemProps, "color" | "onClick" | "value"> & {
+    $borderRadius: string | undefined;
+    $color: string | undefined;
+    $hasBorder: boolean | undefined;
+    $hasCheckbox: boolean | undefined;
+    $isActive: boolean | undefined;
+    $isDisabled: boolean | undefined;
+    $isGradient: boolean;
+    $isHovered: boolean | undefined;
+    $theme: Theme | undefined;
+}, never>;
+
+declare const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement>;
+/**
+ * The Item component.
+ */
+declare const Item: Comp<ItemProps, HTMLElement>;
+
+export { ItemColor as I, RenderedListboxItem as R, StyledItemProps as S, ItemProps as a, StyledItem as b, Item as c };

package/_internal/Item2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item2.js","sources":["../../src/components/item/styles.ts","../../src/components/item/useMenuItem.ts","../../src/components/item/Item.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '../shared';\nimport { StyledItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledItem = styled.div<StyledItemProps>`\n  min-height: 36px;\n  position: relative;\n  width: 100%;\n  padding: 8px 16px;\n\n  ${baseContainer}\n\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  display: inline-flex;\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  ${({ $color, $isActive, $isDisabled, $isGradient, $isHovered, $hasBorder, $theme }) => css`\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `}\n\n    ${$hasBorder\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `}\n\n  &:hover {\n    outline: none;\n\n    ${({ $color, $isDisabled, $isGradient, $hasBorder, $theme }) => css`\n      cursor: ${$isDisabled ? 'default' : 'pointer'};\n\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $color, $hasBorder, $isHovered, $isDisabled, $isGradient, $theme }) => css`\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(\n                            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                                ? 'grey'\n                                : $color}-text-${$isHovered ? 'hover' : 'active'}\n                          );\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n`;\n","import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '../focus-within-group';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef } = props;\n\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { ItemProps } from './types';\nimport { StyledItem } from './styles';\nimport { useListboxItem } from '../listbox/useListboxItem';\nimport { FocusWithinGroupContext } from '../focus-within-group';\nimport { useMenuItem } from './useMenuItem';\nimport { isComponent, useId } from '../../utils';\nimport { useTheme } from '../theme';\nimport { Flexbox } from '../flexbox';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { mdiCheckboxBlankOutline, mdiCheckboxMarked } from '@redsift/icons';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nexport const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement> =\n  forwardRef((props, ref) => {\n    const {\n      borderRadius = '0',\n      children,\n      className,\n      color: propsColor,\n      defaultSelected,\n      id: propsId,\n      isActive,\n      isDisabled: propsIsDisabled,\n      isHovered,\n      isSelected: propsIsSelected,\n      hasBorder,\n      hasCheckbox,\n      theme: propsTheme,\n      value,\n      ...forwardedProps\n    } = props;\n    const id = propsId ?? value;\n    const _ref = useRef<HTMLElement>();\n    const divRef = ref ?? _ref;\n\n    const { tabIndex, isFocused, isSelected, isDisabled, handleKeyDown, handleClick } = useListboxItem({\n      domElementRef: divRef as RefObject<Element>,\n      value,\n      id,\n      isDisabled: propsIsDisabled!,\n      propsIsSelected: propsIsSelected ?? defaultSelected,\n    });\n\n    const theme = useTheme(propsTheme);\n    const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n    const isGradient = color === ButtonsColorPalette.radar;\n\n    return (\n      <ConditionalWrapper\n        condition={isGradient}\n        wrapper={(children) => (\n          <StyledGradientBorder\n            $borderRadius={borderRadius}\n            $color={color}\n            $isActive={isActive}\n            $isDisabled={isDisabled}\n            $isHovered={isHovered}\n            $theme={theme}\n            width=\"auto\"\n          >\n            {children}\n          </StyledGradientBorder>\n        )}\n      >\n        <StyledItem\n          role=\"option\"\n          {...forwardedProps}\n          id={id}\n          $borderRadius={borderRadius}\n          $color={color}\n          $hasBorder={hasBorder}\n          $hasCheckbox={hasCheckbox}\n          $isActive={isActive || isSelected}\n          $isDisabled={isDisabled}\n          $isGradient={isGradient}\n          $isHovered={isHovered || isFocused}\n          $theme={theme}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled}\n          className={classNames(Item.className, className)}\n          onClick={isDisabled ? undefined : handleClick}\n          ref={divRef as RefObject<HTMLElement>}\n          onKeyDown={handleKeyDown}\n          tabIndex={tabIndex}\n        >\n          {hasCheckbox ? (\n            <Flexbox>\n              {isSelected ? (\n                <Icon color={isDisabled ? 'grey' : color} icon={mdiCheckboxMarked} />\n              ) : (\n                <Icon color=\"question\" icon={mdiCheckboxBlankOutline} />\n              )}\n              {children ? children : <Text>{value}</Text>}\n            </Flexbox>\n          ) : (\n            children ?? value\n          )}\n        </StyledItem>\n      </ConditionalWrapper>\n    );\n  });\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = ref ?? _ref;\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: divRef as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["StyledItem","styled","div","baseContainer","_ref","$color","$isActive","$isDisabled","$isGradient","$isHovered","$hasBorder","$theme","css","_ref2","_ref3","useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useCallback","event","code","_linkRef$current","current","click","useEffect","_current","focus","COMPONENT_NAME","CLASSNAME","RenderedListboxItem","forwardRef","ref","borderRadius","children","className","color","propsColor","defaultSelected","propsId","isActive","propsIsDisabled","isHovered","isSelected","propsIsSelected","hasBorder","hasCheckbox","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useRef","divRef","useListboxItem","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","width","_extends","role","$hasCheckbox","classNames","Item","undefined","onKeyDown","Flexbox","Icon","icon","mdiCheckboxMarked","mdiCheckboxBlankOutline","Text","RenderedMenuItem","_excluded2","_id","useId","isComponent","as","cloneElement","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":";;;;;;;;;;;;;;;;;;AAIA;AACA;AACA;AACaA,MAAAA,UAAU,GAAGC,MAAM,CAACC,GAAqB,CAAA;AACtD;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC,WAAW;IAAEC,UAAU;IAAEC,UAAU;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,OAAKQ,GAAI,CAAA;AAC7F,IAAM,EAAA,CAACJ,WAAW,GACVI,GAAI,CAAA;AACZ;AACA,4BAAA,EAA8BD,MAAO,CAAuCJ,qCAAAA,EAAAA,WAAW,GAAG,MAAM,GAAGF,MAAO,CAAcC,YAAAA,EAAAA,SAAS,GAAG,QAAQ,GAAGG,UAAU,IAAIF,WAAW,GAAG,OAAO,GAAG,SAAU,CAAA;AAC/L;AACA,QAAA,CAAS,GACDK,GAAI,CAAA;AACZ;AACA,4BAAA,EAA8BD,MAAO,CAAuCJ,qCAAAA,EAAAA,WAAW,GAAG,MAAM,GAAGF,MAAO,CAAcC,YAAAA,EAAAA,SAAS,GAAG,QAAQ,GAAGG,UAAU,IAAIF,WAAW,GAAG,OAAO,GAAG,SAAU,CAAA;AAC/L;AACA,QAAU,CAAA,CAAA;AACV;AACA,IAAMG,EAAAA,UAAU,GACRE,GAAI,CAAA;AACZ;AACA;AACA,8BAAA,EAAgCD,MAAO,CAAuCJ,qCAAAA,EAAAA,WAAW,GAAG,MAAM,GAAGF,MAAO,CAAQC,MAAAA,EAAAA,SAAS,GAAG,QAAQ,GAAGG,UAAU,IAAIF,WAAW,GAAG,OAAO,GAAG,SAAU,CAAA;AAC3L;AACA,QAAA,CAAS,GACD,EAAG,CAAA;AACX,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA,IAAA,EAAMM,KAAA,IAAA;EAAA,IAAC;IAAER,MAAM;IAAEE,WAAW;IAAEC,WAAW;IAAEE,UAAU;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAE,KAAA,CAAA;AAAA,EAAA,OAAKD,GAAI,CAAA;AACxE,cAAA,EAAgBL,WAAW,GAAG,SAAS,GAAG,SAAU,CAAA;AACpD;AACA,MAAQ,EAAA,CAACA,WAAW,GACVK,GAAI,CAAA;AACd,YAAc,EAAA,CAACJ,WAAW,GACVI,GAAI,CAAA;AACpB;AACA,oCAAsCD,EAAAA,MAAO,wCAAuCN,MAAO,CAAA;AAC3F;AACA;AACA,kBAAoBK,EAAAA,UAAU,GACRE,GAAI,CAAA;AAC1B;AACA,8CAAgDD,EAAAA,MAAO,wCAAuCN,MAAO,CAAA;AACrG,sBAAA,CAAuB,GACD,EAAG,CAAA;AACzB,gBAAA,CAAiB,GACDO,GAAI,CAAA;AACpB;AACA,oCAAsCD,EAAAA,MAAO,wCAAuCN,MAAO,CAAA;AAC3F;AACA,gBAAkB,CAAA,CAAA;AAClB,UAAA,CAAW,GACD,EAAG,CAAA;AACb,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMS,KAAA,IAAA;EAAA,IAAC;IAAET,MAAM;IAAEK,UAAU;IAAED,UAAU;IAAEF,WAAW;IAAEC,WAAW;AAAEG,IAAAA,MAAAA;AAAO,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKF,GAAI,CAAA;AACpF,MAAQ,EAAA,CAACL,WAAW,GACVK,GAAI,CAAA;AACd,YAAc,EAAA,CAACJ,WAAW,GACVI,GAAI,CAAA;AACpB;AACA,oCAAA,EAAsCD,MAAO,CAAA,qCAAA,EAAuCJ,WAAW,GACrE,MAAM,GACNF,MAAO,CAAA,YAAA,EAAcI,UAAU,GAAG,OAAO,GAAG,QAAS,CAAA;AAC/E;AACA;AACA,kBAAoBC,EAAAA,UAAU,GACRE,GAAI,CAAA;AAC1B;AACA;AACA,4CAAA,EAA8CD,MAAO,CAAA,qCAAA,EAAuCJ,WAAW,GACrE,MAAM,GACNF,MAAO,CAAA,MAAA,EAAQI,UAAU,GAAG,OAAO,GAAG,QAAS,CAAA;AACjF;AACA,sBAAA,CAAuB,GACD,EAAG,CAAA;AACzB,gBAAA,CAAiB,GACDG,GAAI,CAAA;AACpB;AACA,oCAAA,EAAsCD,MAAO,CAAA,qCAAA,EAAuCJ,WAAW,GACrE,MAAM,GACNF,MAAO,CAAA,YAAA,EAAcI,UAAU,GAAG,OAAO,GAAG,QAAS,CAAA;AAC/E;AACA,gBAAkB,CAAA,CAAA;AAClB,UAAA,CAAW,GACD,EAAG,CAAA;AACb,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;;ACnHO,SAASM,WAAWA,CAACC,KAO3B,EAEC;EACA,MAAM;IAAEC,aAAa;IAAEC,EAAE;IAAEC,UAAU;IAAEC,OAAO;IAAEC,cAAc;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAGN,KAAK,CAAA;EAEjF,MAAM;IACJO,QAAQ;IACRC,SAAS;AACTC,IAAAA,aAAa,EAAEC,kBAAkB;AACjCC,IAAAA,WAAW,EAAEC,gBAAAA;GACd,GAAGC,kBAAkB,CAAC;IAAEZ,aAAa;AAAEE,IAAAA,UAAU,EAAEA,UAAW;AAAED,IAAAA,EAAAA;AAAG,GAAC,CAAC,CAAA;AAEtE,EAAA,MAAMO,aAAa,GAAGK,WAAW,CAAEC,KAAoB,IAAK;AAC1D,IAAA,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAA;AACvB,IAAA,IAAIA,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,OAAO,EAAE;AACxC,MAAA,IAAIX,cAAc,EAAE;AAAA,QAAA,IAAAY,gBAAA,CAAA;AAClBX,QAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAW,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPX,OAAO,CAAEY,OAAO,MAAA,IAAA,IAAAD,gBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAkBE,KAAK,EAAE,CAAA;AAC3B,OAAC,MAAM;AACLf,QAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,EAAI,CAAA;AACb,OAAA;AACF,KAAA;IACAM,kBAAkB,CAACK,KAAK,CAAC,CAAA;GAC1B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMJ,WAAW,GAAGG,WAAW,CAAC,MAAM;AACpCF,IAAAA,gBAAgB,EAAE,CAAA;AAClBR,IAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,EAAI,CAAA;GACZ,EAAE,EAAE,CAAC,CAAA;AAENgB,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIZ,SAAS,IAAIP,aAAa,CAACiB,OAAO,EAAE;AAAA,MAAA,IAAAG,QAAA,CAAA;AACtC,MAAA,CAAAA,QAAA,GAACpB,aAAa,CAAyCiB,OAAO,MAAA,IAAA,IAAAG,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA9DA,QAAA,CAAgEC,KAAK,EAAE,CAAA;AACzE,KAAA;AACF,GAAC,EAAE,CAACd,SAAS,CAAC,CAAC,CAAA;EAEf,OAAO;IACLD,QAAQ;IACRC,SAAS;IACTL,UAAU;IACVM,aAAa;AACbE,IAAAA,WAAAA;GACD,CAAA;AACH;;;;ACnCA,MAAMY,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;AAEzB,MAAMC,mBAAqG,gBAChHC,UAAU,CAAC,CAAC1B,KAAK,EAAE2B,GAAG,KAAK;EACzB,MAAM;AACJC,MAAAA,YAAY,GAAG,GAAG;MAClBC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,EAAEC,UAAU;MACjBC,eAAe;AACf/B,MAAAA,EAAE,EAAEgC,OAAO;MACXC,QAAQ;AACRhC,MAAAA,UAAU,EAAEiC,eAAe;MAC3BC,SAAS;AACTC,MAAAA,UAAU,EAAEC,eAAe;MAC3BC,SAAS;MACTC,WAAW;AACXC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,KAAAA;AAEF,KAAC,GAAG5C,KAAK;AADJ6C,IAAAA,cAAc,GAAAC,wBAAA,CACf9C,KAAK,EAAA+C,SAAA,CAAA,CAAA;EACT,MAAM7C,EAAE,GAAGgC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIU,KAAK,CAAA;AAC3B,EAAA,MAAMxD,IAAI,GAAG4D,MAAM,EAAe,CAAA;EAClC,MAAMC,MAAM,GAAGtB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAIvC,IAAI,CAAA;EAE1B,MAAM;IAAEmB,QAAQ;IAAEC,SAAS;IAAE8B,UAAU;IAAEnC,UAAU;IAAEM,aAAa;AAAEE,IAAAA,WAAAA;GAAa,GAAGuC,cAAc,CAAC;AACjGjD,IAAAA,aAAa,EAAEgD,MAA4B;IAC3CL,KAAK;IACL1C,EAAE;AACFC,IAAAA,UAAU,EAAEiC,eAAgB;AAC5BG,IAAAA,eAAe,EAAEA,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAA,KAAA,CAAA,GAAfA,eAAe,GAAIN,eAAAA;AACtC,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMS,KAAK,GAAGS,QAAQ,CAACR,UAAU,CAAC,CAAA;AAClC,EAAA,MAAMZ,KAAK,GAAGqB,MAAM,CAACC,MAAM,CAACC,mBAAmB,CAAC,CAACC,QAAQ,CAACvB,UAAW,CAAC,GAAGA,UAAU,GAAG,SAAS,CAAA;AAC/F,EAAA,MAAMwB,UAAU,GAAGzB,KAAK,KAAKuB,mBAAmB,CAACG,KAAK,CAAA;AAEtD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;AACjBC,IAAAA,SAAS,EAAEL,UAAW;AACtBM,IAAAA,OAAO,EAAGjC,QAAQ,iBAChB6B,cAAA,CAAAC,aAAA,CAACI,oBAAoB,EAAA;AACnBC,MAAAA,aAAa,EAAEpC,YAAa;AAC5BvC,MAAAA,MAAM,EAAE0C,KAAM;AACdzC,MAAAA,SAAS,EAAE6C,QAAS;AACpB5C,MAAAA,WAAW,EAAEY,UAAW;AACxBV,MAAAA,UAAU,EAAE4C,SAAU;AACtB1C,MAAAA,MAAM,EAAE+C,KAAM;AACduB,MAAAA,KAAK,EAAC,MAAA;AAAM,KAAA,EAEXpC,QACmB,CAAA;AACtB,GAAA,eAEF6B,cAAA,CAAAC,aAAA,CAAC3E,UAAU,EAAAkF,QAAA,CAAA;AACTC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,EACTtB,cAAc,EAAA;AAClB3C,IAAAA,EAAE,EAAEA,EAAG;AACP8D,IAAAA,aAAa,EAAEpC,YAAa;AAC5BvC,IAAAA,MAAM,EAAE0C,KAAM;AACdrC,IAAAA,UAAU,EAAE8C,SAAU;AACtB4B,IAAAA,YAAY,EAAE3B,WAAY;IAC1BnD,SAAS,EAAE6C,QAAQ,IAAIG,UAAW;AAClC/C,IAAAA,WAAW,EAAEY,UAAW;AACxBX,IAAAA,WAAW,EAAEgE,UAAW;IACxB/D,UAAU,EAAE4C,SAAS,IAAI7B,SAAU;AACnCb,IAAAA,MAAM,EAAE+C,KAAM;AACd,IAAA,eAAA,EAAeJ,UAAW;AAC1B,IAAA,eAAA,EAAenC,UAAW;IAC1B2B,SAAS,EAAEuC,UAAU,CAACC,IAAI,CAACxC,SAAS,EAAEA,SAAS,CAAE;AACjD1B,IAAAA,OAAO,EAAED,UAAU,GAAGoE,SAAS,GAAG5D,WAAY;AAC9CgB,IAAAA,GAAG,EAAEsB,MAAiC;AACtCuB,IAAAA,SAAS,EAAE/D,aAAc;AACzBF,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,EAElBkC,WAAW,gBACViB,cAAA,CAAAC,aAAA,CAACc,OAAO,EACLnC,IAAAA,EAAAA,UAAU,gBACToB,cAAA,CAAAC,aAAA,CAACe,IAAI,EAAA;AAAC3C,IAAAA,KAAK,EAAE5B,UAAU,GAAG,MAAM,GAAG4B,KAAM;AAAC4C,IAAAA,IAAI,EAAEC,iBAAAA;AAAkB,GAAE,CAAC,gBAErElB,cAAA,CAAAC,aAAA,CAACe,IAAI,EAAA;AAAC3C,IAAAA,KAAK,EAAC,UAAU;AAAC4C,IAAAA,IAAI,EAAEE,uBAAAA;GAA0B,CACxD,EACAhD,QAAQ,GAAGA,QAAQ,gBAAG6B,cAAA,CAAAC,aAAA,CAACmB,IAAI,EAAA,IAAA,EAAElC,KAAY,CACnC,CAAC,GAEVf,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,cAARA,QAAQ,GAAIe,KAEJ,CACM,CAAC,CAAA;AAEzB,CAAC,EAAC;AAEJ,MAAMmC,gBAA6D,gBAAGrD,UAAU,CAAC,CAAC1B,KAAK,EAAE2B,GAAG,KAAK;EAC/F,MAAM;AACJC,MAAAA,YAAY,GAAG,GAAG;MAClBC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,EAAEC,UAAU;MACjBQ,SAAS;AACTtC,MAAAA,EAAE,EAAEgC,OAAO;MACXC,QAAQ;AACRhC,MAAAA,UAAU,EAAEiC,eAAe;MAC3BC,SAAS;AACTK,MAAAA,KAAK,EAAEC,UAAU;AACjBvC,MAAAA,OAAAA;AAEF,KAAC,GAAGJ,KAAK;AADJ6C,IAAAA,cAAc,GAAAC,wBAAA,CACf9C,KAAK,EAAAgF,UAAA,CAAA,CAAA;AACT,EAAA,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK,EAAE,CAAA;EACrB,MAAMhF,EAAE,GAAGgC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAI+C,GAAG,CAAA;AACzB,EAAA,MAAM7F,IAAI,GAAG4D,MAAM,EAAe,CAAA;EAClC,MAAMC,MAAM,GAAGtB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAIvC,IAAI,CAAA;AAC1B,EAAA,MAAMkB,OAAO,GAAG0C,MAAM,CAAoB,IAAI,CAAC,CAAA;EAE/C,MAAM3C,cAAc,GAAG8E,WAAW,CAAC,MAAM,CAAC,CAACtD,QAAQ,CAAC,CAAA;EACpD,MAAM;IAAEtB,QAAQ;IAAEC,SAAS;IAAEL,UAAU;IAAEM,aAAa;AAAEE,IAAAA,WAAAA;GAAa,GAAGZ,WAAW,CAAC;AAClFE,IAAAA,aAAa,EAAEgD,MAA4B;IAC3C/C,EAAE;AACFC,IAAAA,UAAU,EAAEiC,eAAgB;AAC5BhC,IAAAA,OAAO,EAAEA,OAAc;IACvBC,cAAc;AACdC,IAAAA,OAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMoC,KAAK,GAAGS,QAAQ,CAACR,UAAU,CAAC,CAAA;AAClC,EAAA,MAAMZ,KAAK,GAAGqB,MAAM,CAACC,MAAM,CAACC,mBAAmB,CAAC,CAACC,QAAQ,CAACvB,UAAW,CAAC,GAAGA,UAAU,GAAG,SAAS,CAAA;AAC/F,EAAA,MAAMwB,UAAU,GAAGzB,KAAK,KAAKuB,mBAAmB,CAACG,KAAK,CAAA;AAEtD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;AACjBC,IAAAA,SAAS,EAAEL,UAAW;AACtBM,IAAAA,OAAO,EAAGjC,QAAQ,iBAChB6B,cAAA,CAAAC,aAAA,CAACI,oBAAoB,EAAA;AACnBC,MAAAA,aAAa,EAAEpC,YAAa;AAC5BvC,MAAAA,MAAM,EAAE0C,KAAM;AACdzC,MAAAA,SAAS,EAAE6C,QAAS;AACpB5C,MAAAA,WAAW,EAAEY,UAAW;AACxBV,MAAAA,UAAU,EAAE4C,SAAU;AACtB1C,MAAAA,MAAM,EAAE+C,KAAM;AACduB,MAAAA,KAAK,EAAC,MAAA;AAAM,KAAA,EAEXpC,QACmB,CAAA;AACtB,GAAA,eAEF6B,cAAA,CAAAC,aAAA,CAAC3E,UAAU,EAAAkF,QAAA,CAAA;AACTkB,IAAAA,EAAE,EAAC,IAAI;AACPjB,IAAAA,IAAI,EAAE9D,cAAc,GAAG,MAAM,GAAG,UAAA;AAAW,GAAA,EACvCwC,cAAc,EAAA;AAClB3C,IAAAA,EAAE,EAAEA,EAAG;AACP8D,IAAAA,aAAa,EAAEpC,YAAa;AAC5BvC,IAAAA,MAAM,EAAE0C,KAAM;AACdrC,IAAAA,UAAU,EAAE8C,SAAU;AACtB4B,IAAAA,YAAY,EAAE,KAAM;AACpB9E,IAAAA,SAAS,EAAE6C,QAAS;AACpB5C,IAAAA,WAAW,EAAEY,UAAW;AACxBX,IAAAA,WAAW,EAAEgE,UAAW;IACxB/D,UAAU,EAAE4C,SAAS,IAAI7B,SAAU;AACnCb,IAAAA,MAAM,EAAE+C,KAAM;AACd,IAAA,eAAA,EAAevC,UAAW;IAC1B2B,SAAS,EAAEuC,UAAU,CAACC,IAAI,CAACxC,SAAS,EAAEA,SAAS,CAAE;AACjD1B,IAAAA,OAAO,EAAED,UAAU,GAAGoE,SAAS,GAAG5D,WAAY;AAC9CgB,IAAAA,GAAG,EAAEsB,MAAO;AACZuB,IAAAA,SAAS,EAAE/D,aAAc;AACzBF,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,EAElBF,cAAc,gBACXqD,cAAK,CAAC2B,YAAY,CAACxD,QAAQ,EAAE;AAC3BsC,IAAAA,IAAI,EAAE,UAAU;AAChBxC,IAAAA,GAAG,EAAErB,OAAAA;AACP,GAAC,CAAC,GACFuB,QACM,CACM,CAAC,CAAA;AAEzB,CAAC,CAAC,CAAA;;AAEF;AACA;AACA;AACO,MAAMyC,IAAkC,gBAAG5C,UAAU,CAAC,CAAC1B,KAAK,EAAE2B,GAAG,KAAK;EAC3E,MAAM;AAAEiB,IAAAA,KAAAA;AAAM,GAAC,GAAG5C,KAAK,CAAA;AACvB,EAAA,MAAMsF,YAAY,GAAGC,UAAU,CAACC,uBAAuB,CAAC,CAAA;EACxD,MAAMC,SAAS,GAAGH,YAAY,CAACI,KAAK,CAACC,QAAQ,KAAK,SAAS,CAAA;AAE3D,EAAA,IAAI,CAACL,YAAY,CAACI,KAAK,CAACE,MAAM,EAAE;IAC9B,OAAOH,SAAS,gBACd/B,cAAA,CAAAC,aAAA,CAAClC,mBAAmB,EAAAyC,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;MAAE4C,KAAK,EAAE5C,KAAK,CAAC4C,KAAO;AAACjB,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAA,CAAC,gBAEjE+B,cAAA,CAAAC,aAAA,CAACoB,gBAAgB,EAAAb,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;AAAE2B,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CACzC,CAAA;AACH,GAAA;EAEA,MAAM;AAAEiB,IAAAA,KAAK,EAAEiD,WAAW;IAAEC,IAAI;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGT,YAAY,CAACI,KAAK,CAACE,MAAM,CAAA;EAE7E,IAAI,CAACC,WAAW,EAAE;IAChB,OAAOJ,SAAS,gBACd/B,cAAA,CAAAC,aAAA,CAAClC,mBAAmB,EAAAyC,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;MAAE4C,KAAK,EAAE5C,KAAK,CAAC4C,KAAO;AAACjB,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAA,CAAC,gBAEjE+B,cAAA,CAAAC,aAAA,CAACoB,gBAAgB,EAAAb,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;AAAE2B,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CACzC,CAAA;AACH,GAAC,MAAM,IACLoE,aAAa,KACXD,IAAI,KAAK,YAAY,IAAIlD,KAAK,CAAEoD,UAAU,CAACH,WAAW,CAAC,IACtDC,IAAI,KAAK,UAAU,IAAIlD,KAAK,CAAEW,QAAQ,CAACsC,WAAW,CAAE,IACpDC,IAAI,KAAK,UAAU,IAAIlD,KAAK,CAAEqD,QAAQ,CAACJ,WAAW,CAAE,CAAC,EACxD;IACA,OAAOJ,SAAS,gBACd/B,cAAA,CAAAC,aAAA,CAAClC,mBAAmB,EAAAyC,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;MAAE4C,KAAK,EAAE5C,KAAK,CAAC4C,KAAO;AAACjB,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAA,CAAC,gBAEjE+B,cAAA,CAAAC,aAAA,CAACoB,gBAAgB,EAAAb,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;AAAE2B,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CACzC,CAAA;AACH,GAAC,MAAM,IACL,CAACoE,aAAa,KACZD,IAAI,KAAK,YAAY,IAAIlD,KAAK,CAAEsD,WAAW,EAAE,CAACF,UAAU,CAACH,WAAW,CAACK,WAAW,EAAE,CAAC,IAClFJ,IAAI,KAAK,UAAU,IAAIlD,KAAK,CAAEsD,WAAW,EAAE,CAAC3C,QAAQ,CAACsC,WAAW,CAACK,WAAW,EAAE,CAAE,IAChFJ,IAAI,KAAK,UAAU,IAAIlD,KAAK,CAAEsD,WAAW,EAAE,CAACD,QAAQ,CAACJ,WAAW,CAACK,WAAW,EAAE,CAAE,CAAC,EACpF;IACA,OAAOT,SAAS,gBACd/B,cAAA,CAAAC,aAAA,CAAClC,mBAAmB,EAAAyC,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;MAAE4C,KAAK,EAAE5C,KAAK,CAAC4C,KAAO;AAACjB,MAAAA,GAAG,EAAEA,GAAAA;KAAM,CAAA,CAAC,gBAEjE+B,cAAA,CAAAC,aAAA,CAACoB,gBAAgB,EAAAb,QAAA,CAAA,EAAA,EAAKlE,KAAK,EAAA;AAAE2B,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CACzC,CAAA;AACH,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,EAAC;AACF2C,IAAI,CAACxC,SAAS,GAAGN,SAAS,CAAA;AAC1B8C,IAAI,CAAC6B,WAAW,GAAG5E,cAAc;;;;"}

package/_internal/Link2.js

@@ -0,0 +1,26 @@
+import * as styled_components from 'styled-components';
+import { L as LinkProps } from './types18.js';
+import { N as NotificationsColorPalette, d as NeutralColorPalette, T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component style.
+ */
+declare const StyledLink: styled_components.StyledComponent<"a", any, Omit<LinkProps, "isDisabled"> & {
+    $isDisabled: boolean | undefined;
+    $color: (string & {}) | "radar" | NotificationsColorPalette | NeutralColorPalette | undefined;
+    $theme: Theme | undefined;
+    $hasIcons: boolean;
+}, never>;
+
+/**
+ * The Link is a semantic link that looks like a link.
+ * Shoud be used for internal and external navigation only.
+ *
+ * For a semantic link that looks like a button, please use the ButtonLink component.
+ * For a semantic button that looks like a button, please use the Button component.
+ * For a semantic button that looks like a link, please use the LinkButton component.
+ */
+declare const Link: Comp<LinkProps, HTMLAnchorElement>;
+
+export { Link as L, StyledLink as S };

package/_internal/Link2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link2.js","sources":["../../src/components/link/Link.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from './styles';\nimport { LinkProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'Link';\nconst CLASSNAME = 'redsift-link';\n\n/**\n * The Link is a semantic link that looks like a link.\n * Shoud be used for internal and external navigation only.\n *\n * For a semantic link that looks like a button, please use the ButtonLink component.\n * For a semantic button that looks like a button, please use the Button component.\n * For a semantic button that looks like a link, please use the LinkButton component.\n */\nexport const Link: Comp<LinkProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const {\n    as,\n    children,\n    className,\n    color = 'primary',\n    href,\n    isDisabled,\n    leftIcon,\n    leftIconProps,\n    rightIcon,\n    rightIconProps,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledLink\n      as={as as any}\n      aria-disabled={isDisabled}\n      role=\"link\"\n      tabIndex={!isDisabled ? 0 : undefined}\n      {...forwardedProps}\n      $color={color}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      $hasIcons={leftIcon || rightIcon}\n      className={classNames(Link.className, className)}\n      href={!isDisabled ? href : undefined}\n      ref={ref as RefObject<HTMLAnchorElement>}\n    >\n      {leftIcon || rightIcon ? (\n        <>\n          {leftIcon ? (\n            <Icon icon={leftIcon} aria-hidden=\"true\" className=\"left\" size=\"xsmall\" {...leftIconProps} />\n          ) : null}\n          <span className=\"text\">{children}</span>\n          {rightIcon ? (\n            <Icon icon={rightIcon} aria-hidden=\"true\" className=\"right\" size=\"xsmall\" {...rightIconProps} />\n          ) : null}\n        </>\n      ) : (\n        children\n      )}\n    </StyledLink>\n  );\n});\nLink.className = CLASSNAME;\nLink.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Link","forwardRef","props","ref","as","children","className","color","href","isDisabled","leftIcon","leftIconProps","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","role","tabIndex","undefined","$color","$isDisabled","$theme","$hasIcons","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAwC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRC,aAAa;MACbC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGb,KAAK;AADJc,IAAAA,cAAc,GAAAC,wBAAA,CACff,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTnB,IAAAA,EAAE,EAAEA,EAAU;AACd,IAAA,eAAA,EAAeK,UAAW;AAC1Be,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,QAAQ,EAAE,CAAChB,UAAU,GAAG,CAAC,GAAGiB,SAAAA;AAAU,GAAA,EAClCV,cAAc,EAAA;AAClBW,IAAAA,MAAM,EAAEpB,KAAM;AACdqB,IAAAA,WAAW,EAAEnB,UAAW;AACxBoB,IAAAA,MAAM,EAAEf,KAAM;IACdgB,SAAS,EAAEpB,QAAQ,IAAIE,SAAU;IACjCN,SAAS,EAAEyB,UAAU,CAAC/B,IAAI,CAACM,SAAS,EAAEA,SAAS,CAAE;AACjDE,IAAAA,IAAI,EAAE,CAACC,UAAU,GAAGD,IAAI,GAAGkB,SAAU;AACrCvB,IAAAA,GAAG,EAAEA,GAAAA;GAEJO,CAAAA,EAAAA,QAAQ,IAAIE,SAAS,gBACpBQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAY,QAAA,EACGtB,IAAAA,EAAAA,QAAQ,gBACPU,cAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAExB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACJ,IAAAA,SAAS,EAAC,MAAM;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAaxB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRS,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCO,SAAS,gBACRQ,cAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEtB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACN,IAAAA,SAAS,EAAC,OAAO;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAatB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHR,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFL,IAAI,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC1BC,IAAI,CAACoC,WAAW,GAAGtC,cAAc;;;;"}

package/_internal/LinkButton.js

@@ -0,0 +1,23 @@
+import { b as ButtonProps } from './types4.js';
+import { L as LinkProps } from './types18.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface LinkButtonProps extends Pick<LinkProps, 'color' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon'>, Omit<ButtonProps, 'color' | 'fullWidth' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon' | 'size' | 'variant'> {
+}
+type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
+    $isDisabled: LinkButtonProps['isDisabled'];
+};
+
+/**
+ * The LinkButton is a semantic button that looks like a link.
+ *
+ * For a semantic button that looks like a button, please use the Button component.
+ * For a semantic link that looks like a link, please use the Link component.
+ * For a semantic link that looks like a button, please use the ButtonLink component.
+ */
+declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
+
+export { LinkButtonProps as L, StyledLinkButtonProps as S, LinkButton as a };