@redsift/design-system 11.9.2 → 11.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/_internal/ButtonGroup.js
CHANGED
|
@@ -148,7 +148,7 @@ const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
148
148
|
const childArray = filterComponents(['Button', 'IconButton', 'ButtonLink', 'MenuButton', 'Select', 'Dialog', 'Popover', 'Tooltip'])(children);
|
|
149
149
|
const buttons = childArray.map((child, index) => {
|
|
150
150
|
var _key;
|
|
151
|
-
if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child)) {
|
|
151
|
+
if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child) || isComponent('Toggletip')(child)) {
|
|
152
152
|
var _child$key;
|
|
153
153
|
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
154
154
|
color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sources":["../../src/components/button-group/types.ts","../../src/components/button-group/styles.ts","../../src/components/button-group/ButtonGroup.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { FlexLayoutProps, ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component variant.\n */\nexport const ButtonGroupVariant = {\n primary: 'primary',\n secondary: 'secondary',\n unstyled: 'unstyled',\n} as const;\nexport type ButtonGroupVariant = ValueOf<typeof ButtonGroupVariant>;\n\n/**\n * Component color.\n */\nexport type ButtonGroupColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface ButtonGroupProps extends ComponentProps<'div'>, StylingProps, FlexLayoutProps {\n /** Button color. */\n color?: ButtonGroupColor;\n /** Button variant. */\n variant?: ButtonGroupVariant;\n /** Theme. */\n theme?: Theme;\n}\n\nexport type StyledButtonGroupProps = ButtonGroupProps & {\n $color: ButtonGroupProps['color'];\n $variant: ButtonGroupProps['variant'];\n $theme: ButtonGroupProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseFlexbox, baseStyling } from '../shared';\nimport { ButtonGroupVariant, StyledButtonGroupProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledButtonGroup = styled.div<StyledButtonGroupProps>`\n display: ${({ inline }) => (inline ? 'inline-flex' : 'flex')};\n\n ${baseStyling}\n ${baseFlexbox}\n\n ${({ $color, $variant, $theme }) => css`\n ${$variant === ButtonGroupVariant.secondary\n ? css`\n .first-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right-color: transparent;\n }\n\n .middle-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right-color: transparent;\n }\n\n .last-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n }\n `\n : $variant === ButtonGroupVariant.unstyled\n ? css`\n .first-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-default\n )`};\n }\n\n .middle-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-default\n )`};\n }\n\n .last-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n `\n : css`\n .first-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid #bdbdbd;\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-hover\n )`};\n }\n\n .middle-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid #bdbdbd;\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-hover\n )`};\n }\n\n .last-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n `}\n `};\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { StyledButtonGroup } from './styles';\nimport { ButtonGroupProps, ButtonGroupVariant } from './types';\nimport { filterComponents, isComponent } from '../../utils';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'ButtonGroup';\nconst CLASSNAME = 'redsift-button-group';\n\n/**\n * The ButtonGroup component.\n */\nexport const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { children, className, color: propsColor, theme: propsTheme, variant: propsVariant, ...forwardedProps } = props;\n\n const theme = useTheme(propsTheme);\n const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n const variant = Object.values(ButtonGroupVariant).includes(propsVariant!) ? propsVariant : 'primary';\n\n /**\n * Create an array containing only valid children being either Button, IconButton, ButtonLink, MenuButton or Select.\n */\n const childArray = filterComponents([\n 'Button',\n 'IconButton',\n 'ButtonLink',\n 'MenuButton',\n 'Select',\n 'Dialog',\n 'Popover',\n 'Tooltip',\n ])(children);\n const buttons = childArray.map((child, index) => {\n if (\n isComponent('MenuButton')(child) ||\n isComponent('Select')(child) ||\n isComponent('Dialog')(child) ||\n isComponent('Popover')(child) ||\n isComponent('Tooltip')(child)\n ) {\n return React.cloneElement(child, {\n color,\n theme,\n variant,\n key: child.key ?? index,\n triggerClassName:\n index === 0 ? 'first-button' : index === childArray.length - 1 ? 'last-button' : 'middle-button',\n });\n }\n return React.cloneElement(child, {\n color,\n theme,\n variant,\n key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n className: index === 0 ? 'first-button' : index === childArray.length - 1 ? 'last-button' : 'middle-button',\n });\n });\n\n return (\n <StyledButtonGroup\n {...forwardedProps}\n className={classNames(ButtonGroup.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n $color={color}\n $variant={variant}\n $theme={theme}\n >\n {buttons}\n </StyledButtonGroup>\n );\n});\nButtonGroup.className = CLASSNAME;\nButtonGroup.displayName = COMPONENT_NAME;\n"],"names":["ButtonGroupVariant","primary","secondary","unstyled","StyledButtonGroup","styled","div","_ref","inline","baseStyling","baseFlexbox","_ref2","$color","$variant","$theme","css","COMPONENT_NAME","CLASSNAME","ButtonGroup","forwardRef","props","ref","children","className","color","propsColor","theme","propsTheme","variant","propsVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","childArray","filterComponents","buttons","map","child","index","_key","isComponent","_child$key","React","cloneElement","key","triggerClassName","length","createElement","_extends","classNames","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sources":["../../src/components/button-group/types.ts","../../src/components/button-group/styles.ts","../../src/components/button-group/ButtonGroup.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { FlexLayoutProps, ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component variant.\n */\nexport const ButtonGroupVariant = {\n primary: 'primary',\n secondary: 'secondary',\n unstyled: 'unstyled',\n} as const;\nexport type ButtonGroupVariant = ValueOf<typeof ButtonGroupVariant>;\n\n/**\n * Component color.\n */\nexport type ButtonGroupColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface ButtonGroupProps extends ComponentProps<'div'>, StylingProps, FlexLayoutProps {\n /** Button color. */\n color?: ButtonGroupColor;\n /** Button variant. */\n variant?: ButtonGroupVariant;\n /** Theme. */\n theme?: Theme;\n}\n\nexport type StyledButtonGroupProps = ButtonGroupProps & {\n $color: ButtonGroupProps['color'];\n $variant: ButtonGroupProps['variant'];\n $theme: ButtonGroupProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseFlexbox, baseStyling } from '../shared';\nimport { ButtonGroupVariant, StyledButtonGroupProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledButtonGroup = styled.div<StyledButtonGroupProps>`\n display: ${({ inline }) => (inline ? 'inline-flex' : 'flex')};\n\n ${baseStyling}\n ${baseFlexbox}\n\n ${({ $color, $variant, $theme }) => css`\n ${$variant === ButtonGroupVariant.secondary\n ? css`\n .first-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right-color: transparent;\n }\n\n .middle-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right-color: transparent;\n }\n\n .last-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n }\n `\n : $variant === ButtonGroupVariant.unstyled\n ? css`\n .first-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-default\n )`};\n }\n\n .middle-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-default\n )`};\n }\n\n .last-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n `\n : css`\n .first-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid #bdbdbd;\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-hover\n )`};\n }\n\n .middle-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 1px solid #bdbdbd;\n border-color: ${`var(\n --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-hover\n )`};\n }\n\n .last-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n `}\n `};\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { StyledButtonGroup } from './styles';\nimport { ButtonGroupProps, ButtonGroupVariant } from './types';\nimport { filterComponents, isComponent } from '../../utils';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'ButtonGroup';\nconst CLASSNAME = 'redsift-button-group';\n\n/**\n * The ButtonGroup component.\n */\nexport const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { children, className, color: propsColor, theme: propsTheme, variant: propsVariant, ...forwardedProps } = props;\n\n const theme = useTheme(propsTheme);\n const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n const variant = Object.values(ButtonGroupVariant).includes(propsVariant!) ? propsVariant : 'primary';\n\n /**\n * Create an array containing only valid children being either Button, IconButton, ButtonLink, MenuButton or Select.\n */\n const childArray = filterComponents([\n 'Button',\n 'IconButton',\n 'ButtonLink',\n 'MenuButton',\n 'Select',\n 'Dialog',\n 'Popover',\n 'Tooltip',\n ])(children);\n const buttons = childArray.map((child, index) => {\n if (\n isComponent('MenuButton')(child) ||\n isComponent('Select')(child) ||\n isComponent('Dialog')(child) ||\n isComponent('Popover')(child) ||\n isComponent('Tooltip')(child) ||\n isComponent('Toggletip')(child)\n ) {\n return React.cloneElement(child, {\n color,\n theme,\n variant,\n key: child.key ?? index,\n triggerClassName:\n index === 0 ? 'first-button' : index === childArray.length - 1 ? 'last-button' : 'middle-button',\n });\n }\n return React.cloneElement(child, {\n color,\n theme,\n variant,\n key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n className: index === 0 ? 'first-button' : index === childArray.length - 1 ? 'last-button' : 'middle-button',\n });\n });\n\n return (\n <StyledButtonGroup\n {...forwardedProps}\n className={classNames(ButtonGroup.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n $color={color}\n $variant={variant}\n $theme={theme}\n >\n {buttons}\n </StyledButtonGroup>\n );\n});\nButtonGroup.className = CLASSNAME;\nButtonGroup.displayName = COMPONENT_NAME;\n"],"names":["ButtonGroupVariant","primary","secondary","unstyled","StyledButtonGroup","styled","div","_ref","inline","baseStyling","baseFlexbox","_ref2","$color","$variant","$theme","css","COMPONENT_NAME","CLASSNAME","ButtonGroup","forwardRef","props","ref","children","className","color","propsColor","theme","propsTheme","variant","propsVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","childArray","filterComponents","buttons","map","child","index","_key","isComponent","_child$key","React","cloneElement","key","triggerClassName","length","createElement","_extends","classNames","displayName"],"mappings":"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"}
|
package/_internal/Pill2.js
CHANGED
|
@@ -348,7 +348,7 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
348
348
|
const childArray = [];
|
|
349
349
|
React__default.Children.forEach(children, (child, index) => {
|
|
350
350
|
const currentClassName = React__default.Children.count(children) === 1 ? 'first last' : index === 0 ? 'first' : index === React__default.Children.count(children) - 1 ? 'last' : 'middle';
|
|
351
|
-
if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child)) {
|
|
351
|
+
if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child) || isComponent('Toggletip')(child)) {
|
|
352
352
|
var _child$key;
|
|
353
353
|
childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
|
|
354
354
|
key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
|
package/_internal/Pill2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill2.js","sources":["../../src/components/pill/types.ts","../../src/components/pill/styles.ts","../../src/components/pill/Pill.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NeutralColorPalette, PresentationColorPalette, Theme, ValueOf } from '../../types';\nimport { StylingProps } from '../../types';\n\n/**\n * Component size.\n */\nexport const PillSize = {\n small: 'small',\n large: 'large',\n xlarge: 'xlarge',\n} as const;\nexport type PillSize = ValueOf<typeof PillSize>;\n\n/**\n * Component props.\n */\nexport interface PillProps extends ComponentProps<'div'>, StylingProps {\n /** Whether the badge should automatically break content. */\n autoBreak?: boolean;\n /** Color to use for border. */\n borderColor?: string;\n /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */\n color?:\n | PresentationColorPalette\n | NeutralColorPalette\n | 'error'\n | 'warning'\n | 'success'\n | 'error-dark'\n | 'warning-dark'\n | 'success-dark'\n | (string & {});\n /** Color to use when disabled. */\n disabledColor?: string;\n /** Color to use on hover. */\n hoverColor?: string;\n /** Whether the Pill is disabled or not. */\n isDisabled?: boolean;\n /** Size of the Pill. */\n size?: PillSize;\n /** Theme. */\n theme?: Theme;\n}\n\nexport type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {\n $autoBreak: PillProps['autoBreak'];\n $borderColor: PillProps['borderColor'];\n $color: PillProps['color'];\n $disabledColor: PillProps['disabledColor'];\n $hoverColor: PillProps['hoverColor'];\n $isDisabled: PillProps['isDisabled'];\n $size: PillProps['size'];\n $theme: PillProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { PillSize, StyledPillProps } from './types';\nimport {\n RedsiftColorGreenL4,\n RedsiftColorGreenN,\n RedsiftColorGreyL1,\n RedsiftColorNeutralBlack,\n RedsiftColorNeutralDarkGrey,\n RedsiftColorNeutralLightGrey,\n RedsiftColorNeutralMidGrey,\n RedsiftColorNeutralWhite,\n RedsiftColorNeutralXDarkGrey,\n RedsiftColorNeutralXLightGrey,\n RedsiftColorPresentationAquaDefault,\n RedsiftColorPresentationBlueDefault,\n RedsiftColorPresentationBrownDefault,\n RedsiftColorPresentationGreenDefault,\n RedsiftColorPresentationGreyDefault,\n RedsiftColorPresentationOrangeDefault,\n RedsiftColorPresentationPinkDefault,\n RedsiftColorPresentationPurpleDefault,\n RedsiftColorPresentationRedDefault,\n RedsiftColorPresentationYellowDefault,\n RedsiftColorRedL4,\n RedsiftColorRedN,\n RedsiftColorYellowL4,\n RedsiftColorYellowN,\n} from '../../utils';\n\nconst predefinedColorToHex: Record<string, string> = {\n green: RedsiftColorPresentationGreenDefault,\n pink: RedsiftColorPresentationPinkDefault,\n aqua: RedsiftColorPresentationAquaDefault,\n brown: RedsiftColorPresentationBrownDefault,\n red: RedsiftColorPresentationRedDefault,\n yellow: RedsiftColorPresentationYellowDefault,\n purple: RedsiftColorPresentationPurpleDefault,\n orange: RedsiftColorPresentationOrangeDefault,\n blue: RedsiftColorPresentationBlueDefault,\n grey: RedsiftColorPresentationGreyDefault,\n black: RedsiftColorNeutralBlack,\n 'x-dark-grey': RedsiftColorNeutralXDarkGrey,\n 'dark-grey': RedsiftColorNeutralDarkGrey,\n 'mid-grey': RedsiftColorNeutralMidGrey,\n 'light-grey': RedsiftColorNeutralLightGrey,\n 'x-light-grey': RedsiftColorNeutralXLightGrey,\n white: RedsiftColorNeutralWhite,\n error: RedsiftColorRedL4,\n warning: RedsiftColorYellowL4,\n success: RedsiftColorGreenL4,\n 'error-dark': RedsiftColorRedN,\n 'warning-dark': RedsiftColorYellowN,\n 'success-dark': RedsiftColorGreenN,\n};\n\nexport const pickTextColorBasedOnBgColorAdvanced = (bgColor: string, lightColor: string, darkColor: string) => {\n var color = isPredefinedColor(bgColor)\n ? predefinedColorToHex[bgColor].substring(1, 7)\n : bgColor.charAt(0) === '#'\n ? bgColor.substring(1, 7)\n : bgColor;\n var r = parseInt(color.substring(0, 2), 16); // hexToR\n var g = parseInt(color.substring(2, 4), 16); // hexToG\n var b = parseInt(color.substring(4, 6), 16); // hexToB\n var uicolors = [r / 255, g / 255, b / 255];\n var c = uicolors.map((col) => {\n if (col <= 0.03928) {\n return col / 12.92;\n }\n return Math.pow((col + 0.055) / 1.055, 2.4);\n });\n var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];\n return L > 0.179 ? darkColor : lightColor;\n};\n\nexport const pickHoverColorBasedOnBgColorAdvanced = (bgColor: string) => {\n var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;\n if (color.toUpperCase() === 'FFFFFF') {\n return RedsiftColorNeutralLightGrey;\n }\n var r = parseInt(color.substring(0, 2), 16); // hexToR\n var g = parseInt(color.substring(2, 4), 16); // hexToG\n var b = parseInt(color.substring(4, 6), 16); // hexToB\n return `rgba(${r}, ${g}, ${b}, 0.75)`;\n};\n\nconst isPredefinedColor = (color: string) => Object.keys(predefinedColorToHex).includes(color);\n\n/**\n * Component style.\n */\nexport const StyledPill = styled.div<StyledPillProps>`\n align-items: stretch;\n display: inline-flex;\n height: fit-content;\n width: fit-content;\n ${baseStyling}\n\n text-align: center;\n\n ${({ $autoBreak }) =>\n !$autoBreak\n ? css`\n text-wrap: nowrap;\n `\n : css`\n word-break: break-word;\n `};\n\n ${({ $size }) => css`\n .redsift-icon-button,\n .redsift-button,\n .redsift-button-link {\n width: unset;\n height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n cursor: pointer;\n padding: 5px;\n border: none;\n text-transform: none;\n\n font-size: ${$size === PillSize.small ? css`14px` : css`15px`};\n\n > .redsift-icon:not(.colored) {\n color: inherit;\n }\n }\n\n .redsift-icon-button {\n width: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n }\n\n .redsift-button-link {\n height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};\n }\n\n .first.redsift-text,\n .first.redsift-number,\n .middle.redsift-text,\n .middle.redsift-number,\n .last.redsift-text,\n .last.redsift-number {\n padding: 0 8px;\n }\n `}\n\n ${({ $color, $hoverColor, $isDisabled, $theme }) =>\n isPredefinedColor($color!)\n ? css`\n .first,\n .middle,\n .last {\n background-color: var(\n --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-background\n );\n }\n\n & {\n color: var(\n --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-text\n );\n }\n\n .redsift-icon-button:hover,\n .redsift-button:hover,\n .redsift-button-link:hover {\n background-color: var(\n --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'hover'}-background\n );\n }\n `\n : css`\n .first,\n .middle,\n .last {\n background-color: ${$color ?? RedsiftColorNeutralWhite};\n }\n\n & {\n color: ${pickTextColorBasedOnBgColorAdvanced(\n $color ?? RedsiftColorNeutralWhite,\n $isDisabled ? RedsiftColorNeutralLightGrey : RedsiftColorNeutralWhite,\n $isDisabled ? RedsiftColorGreyL1 : RedsiftColorNeutralBlack\n )};\n }\n\n .redsift-icon-button:hover,\n .redsift-button:hover,\n .redsift-button-link:hover {\n background-color: ${$hoverColor ??\n pickHoverColorBasedOnBgColorAdvanced($color ?? RedsiftColorNeutralWhite)};\n }\n `};\n\n ${({ $color, $borderColor, $isDisabled, $theme }) => css`\n .first:not(.last) {\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n border-right: 1px solid white;\n `}\n }\n\n .middle {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n border-right: 1px solid white;\n `}\n border-left: none;\n }\n\n .last:not(.first) {\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n `}\n border-left: none;\n }\n\n .first.last {\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 2px;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n `}\n }\n `};\n\n .redsift-icon {\n font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '12px')};\n }\n\n &,\n .redsift-text,\n .redsift-number,\n .first,\n .middle,\n .last {\n font-family: var(--redsift-typography-pill-font-family);\n font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '10px')};\n font-weight: var(--redsift-typography-pill-font-weight);\n line-height: ${({ $size }) =>\n $size === PillSize.xlarge\n ? '28px'\n : $size === PillSize.large\n ? css`var(--redsift-typography-chip-line-height)`\n : css`var(--redsift-typography-pill-line-height)`};\n }\n\n .redsift-icon:not(.colored) {\n color: inherit;\n }\n\n .redsift-icon {\n width: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n height: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n\n > svg {\n width: 1em;\n height: 1em;\n }\n }\n`;\n","import React, { forwardRef, ReactNode, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, PresentationColorPalette } from '../../types';\nimport { pickTextColorBasedOnBgColorAdvanced, StyledPill } from './styles';\nimport { PillProps, PillSize } from './types';\nimport { useTheme } from '../theme';\nimport { Text } from '../text';\nimport { Number } from '../number';\nimport { isComponent } from '../../utils';\n\nconst COMPONENT_NAME = 'Pill';\nconst CLASSNAME = 'redsift-pill';\n\n/**\n * The Pill component.\n */\nexport const Pill: Comp<PillProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n autoBreak,\n borderColor,\n children,\n className,\n color: propsColor,\n disabledColor,\n hoverColor,\n isDisabled,\n size: propsSize,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n const color = propsColor || PresentationColorPalette.blue;\n const size = propsSize || PillSize.large;\n\n const childArray: ReactNode[] = [];\n React.Children.forEach(children, (child, index) => {\n const currentClassName =\n React.Children.count(children) === 1\n ? 'first last'\n : index === 0\n ? 'first'\n : index === React.Children.count(children) - 1\n ? 'last'\n : 'middle';\n\n if (\n isComponent('MenuButton')(child) ||\n isComponent('Select')(child) ||\n isComponent('Dialog')(child) ||\n isComponent('Popover')(child) ||\n isComponent('Tooltip')(child)\n ) {\n childArray.push(\n React.cloneElement(child, {\n key: child.key ?? index,\n triggerClassName: currentClassName,\n variant: 'unstyled',\n color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n })\n );\n } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {\n childArray.push(\n React.cloneElement(child, {\n key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n className: currentClassName,\n variant: 'unstyled',\n color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n })\n );\n } else if (React.isValidElement(child)) {\n childArray.push(\n React.cloneElement(child, {\n key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n className: currentClassName,\n } as any)\n );\n } else if (typeof child === 'string') {\n childArray.push(\n <Text key={index} className={currentClassName}>\n {child}\n </Text>\n );\n } else if (typeof child === 'number') {\n childArray.push(<Number key={index} className={currentClassName} value={child} />);\n } else {\n childArray.push(child);\n }\n });\n\n return (\n <StyledPill\n {...forwardedProps}\n $autoBreak={autoBreak}\n $borderColor={borderColor}\n $color={color}\n $disabledColor={disabledColor}\n $hoverColor={hoverColor}\n $isDisabled={isDisabled}\n $size={size}\n $theme={theme}\n className={classNames(Pill.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n >\n {childArray}\n </StyledPill>\n );\n});\nPill.className = CLASSNAME;\nPill.displayName = COMPONENT_NAME;\n"],"names":["PillSize","small","large","xlarge","predefinedColorToHex","green","RedsiftColorPresentationGreenDefault","pink","RedsiftColorPresentationPinkDefault","aqua","RedsiftColorPresentationAquaDefault","brown","RedsiftColorPresentationBrownDefault","red","RedsiftColorPresentationRedDefault","yellow","RedsiftColorPresentationYellowDefault","purple","RedsiftColorPresentationPurpleDefault","orange","RedsiftColorPresentationOrangeDefault","blue","RedsiftColorPresentationBlueDefault","grey","RedsiftColorPresentationGreyDefault","black","RedsiftColorNeutralBlack","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralDarkGrey","RedsiftColorNeutralMidGrey","RedsiftColorNeutralLightGrey","RedsiftColorNeutralXLightGrey","white","RedsiftColorNeutralWhite","error","RedsiftColorRedL4","warning","RedsiftColorYellowL4","success","RedsiftColorGreenL4","RedsiftColorRedN","RedsiftColorYellowN","RedsiftColorGreenN","pickTextColorBasedOnBgColorAdvanced","bgColor","lightColor","darkColor","color","isPredefinedColor","substring","charAt","r","parseInt","g","b","uicolors","c","map","col","Math","pow","L","pickHoverColorBasedOnBgColorAdvanced","toUpperCase","Object","keys","includes","StyledPill","styled","div","baseStyling","_ref","$autoBreak","css","_ref2","$size","_ref3","$color","$hoverColor","$isDisabled","$theme","RedsiftColorGreyL1","_ref4","$borderColor","_ref5","_ref6","_ref7","_ref8","_ref9","COMPONENT_NAME","CLASSNAME","Pill","forwardRef","props","ref","autoBreak","borderColor","children","className","propsColor","disabledColor","hoverColor","isDisabled","size","propsSize","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","PresentationColorPalette","childArray","React","Children","forEach","child","index","currentClassName","count","isComponent","_child$key","push","cloneElement","key","triggerClassName","variant","_key","isValidElement","_key2","createElement","Text","Number","value","_extends","$disabledColor","classNames","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pill2.js","sources":["../../src/components/pill/types.ts","../../src/components/pill/styles.ts","../../src/components/pill/Pill.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NeutralColorPalette, PresentationColorPalette, Theme, ValueOf } from '../../types';\nimport { StylingProps } from '../../types';\n\n/**\n * Component size.\n */\nexport const PillSize = {\n small: 'small',\n large: 'large',\n xlarge: 'xlarge',\n} as const;\nexport type PillSize = ValueOf<typeof PillSize>;\n\n/**\n * Component props.\n */\nexport interface PillProps extends ComponentProps<'div'>, StylingProps {\n /** Whether the badge should automatically break content. */\n autoBreak?: boolean;\n /** Color to use for border. */\n borderColor?: string;\n /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */\n color?:\n | PresentationColorPalette\n | NeutralColorPalette\n | 'error'\n | 'warning'\n | 'success'\n | 'error-dark'\n | 'warning-dark'\n | 'success-dark'\n | (string & {});\n /** Color to use when disabled. */\n disabledColor?: string;\n /** Color to use on hover. */\n hoverColor?: string;\n /** Whether the Pill is disabled or not. */\n isDisabled?: boolean;\n /** Size of the Pill. */\n size?: PillSize;\n /** Theme. */\n theme?: Theme;\n}\n\nexport type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {\n $autoBreak: PillProps['autoBreak'];\n $borderColor: PillProps['borderColor'];\n $color: PillProps['color'];\n $disabledColor: PillProps['disabledColor'];\n $hoverColor: PillProps['hoverColor'];\n $isDisabled: PillProps['isDisabled'];\n $size: PillProps['size'];\n $theme: PillProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { PillSize, StyledPillProps } from './types';\nimport {\n RedsiftColorGreenL4,\n RedsiftColorGreenN,\n RedsiftColorGreyL1,\n RedsiftColorNeutralBlack,\n RedsiftColorNeutralDarkGrey,\n RedsiftColorNeutralLightGrey,\n RedsiftColorNeutralMidGrey,\n RedsiftColorNeutralWhite,\n RedsiftColorNeutralXDarkGrey,\n RedsiftColorNeutralXLightGrey,\n RedsiftColorPresentationAquaDefault,\n RedsiftColorPresentationBlueDefault,\n RedsiftColorPresentationBrownDefault,\n RedsiftColorPresentationGreenDefault,\n RedsiftColorPresentationGreyDefault,\n RedsiftColorPresentationOrangeDefault,\n RedsiftColorPresentationPinkDefault,\n RedsiftColorPresentationPurpleDefault,\n RedsiftColorPresentationRedDefault,\n RedsiftColorPresentationYellowDefault,\n RedsiftColorRedL4,\n RedsiftColorRedN,\n RedsiftColorYellowL4,\n RedsiftColorYellowN,\n} from '../../utils';\n\nconst predefinedColorToHex: Record<string, string> = {\n green: RedsiftColorPresentationGreenDefault,\n pink: RedsiftColorPresentationPinkDefault,\n aqua: RedsiftColorPresentationAquaDefault,\n brown: RedsiftColorPresentationBrownDefault,\n red: RedsiftColorPresentationRedDefault,\n yellow: RedsiftColorPresentationYellowDefault,\n purple: RedsiftColorPresentationPurpleDefault,\n orange: RedsiftColorPresentationOrangeDefault,\n blue: RedsiftColorPresentationBlueDefault,\n grey: RedsiftColorPresentationGreyDefault,\n black: RedsiftColorNeutralBlack,\n 'x-dark-grey': RedsiftColorNeutralXDarkGrey,\n 'dark-grey': RedsiftColorNeutralDarkGrey,\n 'mid-grey': RedsiftColorNeutralMidGrey,\n 'light-grey': RedsiftColorNeutralLightGrey,\n 'x-light-grey': RedsiftColorNeutralXLightGrey,\n white: RedsiftColorNeutralWhite,\n error: RedsiftColorRedL4,\n warning: RedsiftColorYellowL4,\n success: RedsiftColorGreenL4,\n 'error-dark': RedsiftColorRedN,\n 'warning-dark': RedsiftColorYellowN,\n 'success-dark': RedsiftColorGreenN,\n};\n\nexport const pickTextColorBasedOnBgColorAdvanced = (bgColor: string, lightColor: string, darkColor: string) => {\n var color = isPredefinedColor(bgColor)\n ? predefinedColorToHex[bgColor].substring(1, 7)\n : bgColor.charAt(0) === '#'\n ? bgColor.substring(1, 7)\n : bgColor;\n var r = parseInt(color.substring(0, 2), 16); // hexToR\n var g = parseInt(color.substring(2, 4), 16); // hexToG\n var b = parseInt(color.substring(4, 6), 16); // hexToB\n var uicolors = [r / 255, g / 255, b / 255];\n var c = uicolors.map((col) => {\n if (col <= 0.03928) {\n return col / 12.92;\n }\n return Math.pow((col + 0.055) / 1.055, 2.4);\n });\n var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];\n return L > 0.179 ? darkColor : lightColor;\n};\n\nexport const pickHoverColorBasedOnBgColorAdvanced = (bgColor: string) => {\n var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;\n if (color.toUpperCase() === 'FFFFFF') {\n return RedsiftColorNeutralLightGrey;\n }\n var r = parseInt(color.substring(0, 2), 16); // hexToR\n var g = parseInt(color.substring(2, 4), 16); // hexToG\n var b = parseInt(color.substring(4, 6), 16); // hexToB\n return `rgba(${r}, ${g}, ${b}, 0.75)`;\n};\n\nconst isPredefinedColor = (color: string) => Object.keys(predefinedColorToHex).includes(color);\n\n/**\n * Component style.\n */\nexport const StyledPill = styled.div<StyledPillProps>`\n align-items: stretch;\n display: inline-flex;\n height: fit-content;\n width: fit-content;\n ${baseStyling}\n\n text-align: center;\n\n ${({ $autoBreak }) =>\n !$autoBreak\n ? css`\n text-wrap: nowrap;\n `\n : css`\n word-break: break-word;\n `};\n\n ${({ $size }) => css`\n .redsift-icon-button,\n .redsift-button,\n .redsift-button-link {\n width: unset;\n height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n cursor: pointer;\n padding: 5px;\n border: none;\n text-transform: none;\n\n font-size: ${$size === PillSize.small ? css`14px` : css`15px`};\n\n > .redsift-icon:not(.colored) {\n color: inherit;\n }\n }\n\n .redsift-icon-button {\n width: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n }\n\n .redsift-button-link {\n height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};\n }\n\n .first.redsift-text,\n .first.redsift-number,\n .middle.redsift-text,\n .middle.redsift-number,\n .last.redsift-text,\n .last.redsift-number {\n padding: 0 8px;\n }\n `}\n\n ${({ $color, $hoverColor, $isDisabled, $theme }) =>\n isPredefinedColor($color!)\n ? css`\n .first,\n .middle,\n .last {\n background-color: var(\n --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-background\n );\n }\n\n & {\n color: var(\n --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-text\n );\n }\n\n .redsift-icon-button:hover,\n .redsift-button:hover,\n .redsift-button-link:hover {\n background-color: var(\n --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'hover'}-background\n );\n }\n `\n : css`\n .first,\n .middle,\n .last {\n background-color: ${$color ?? RedsiftColorNeutralWhite};\n }\n\n & {\n color: ${pickTextColorBasedOnBgColorAdvanced(\n $color ?? RedsiftColorNeutralWhite,\n $isDisabled ? RedsiftColorNeutralLightGrey : RedsiftColorNeutralWhite,\n $isDisabled ? RedsiftColorGreyL1 : RedsiftColorNeutralBlack\n )};\n }\n\n .redsift-icon-button:hover,\n .redsift-button:hover,\n .redsift-button-link:hover {\n background-color: ${$hoverColor ??\n pickHoverColorBasedOnBgColorAdvanced($color ?? RedsiftColorNeutralWhite)};\n }\n `};\n\n ${({ $color, $borderColor, $isDisabled, $theme }) => css`\n .first:not(.last) {\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n border-right: 1px solid white;\n `}\n }\n\n .middle {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n border-right: 1px solid white;\n `}\n border-left: none;\n }\n\n .last:not(.first) {\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n `}\n border-left: none;\n }\n\n .first.last {\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 2px;\n\n ${$borderColor\n ? css`\n border: 1px solid ${$borderColor};\n `\n : $color === 'white'\n ? css`\n border: 1px solid\n var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n `\n : css`\n border: 1px solid transparent;\n `}\n }\n `};\n\n .redsift-icon {\n font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '12px')};\n }\n\n &,\n .redsift-text,\n .redsift-number,\n .first,\n .middle,\n .last {\n font-family: var(--redsift-typography-pill-font-family);\n font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '10px')};\n font-weight: var(--redsift-typography-pill-font-weight);\n line-height: ${({ $size }) =>\n $size === PillSize.xlarge\n ? '28px'\n : $size === PillSize.large\n ? css`var(--redsift-typography-chip-line-height)`\n : css`var(--redsift-typography-pill-line-height)`};\n }\n\n .redsift-icon:not(.colored) {\n color: inherit;\n }\n\n .redsift-icon {\n width: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n height: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n\n > svg {\n width: 1em;\n height: 1em;\n }\n }\n`;\n","import React, { forwardRef, ReactNode, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, PresentationColorPalette } from '../../types';\nimport { pickTextColorBasedOnBgColorAdvanced, StyledPill } from './styles';\nimport { PillProps, PillSize } from './types';\nimport { useTheme } from '../theme';\nimport { Text } from '../text';\nimport { Number } from '../number';\nimport { isComponent } from '../../utils';\n\nconst COMPONENT_NAME = 'Pill';\nconst CLASSNAME = 'redsift-pill';\n\n/**\n * The Pill component.\n */\nexport const Pill: Comp<PillProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n autoBreak,\n borderColor,\n children,\n className,\n color: propsColor,\n disabledColor,\n hoverColor,\n isDisabled,\n size: propsSize,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n const color = propsColor || PresentationColorPalette.blue;\n const size = propsSize || PillSize.large;\n\n const childArray: ReactNode[] = [];\n React.Children.forEach(children, (child, index) => {\n const currentClassName =\n React.Children.count(children) === 1\n ? 'first last'\n : index === 0\n ? 'first'\n : index === React.Children.count(children) - 1\n ? 'last'\n : 'middle';\n\n if (\n isComponent('MenuButton')(child) ||\n isComponent('Select')(child) ||\n isComponent('Dialog')(child) ||\n isComponent('Popover')(child) ||\n isComponent('Tooltip')(child) ||\n isComponent('Toggletip')(child)\n ) {\n childArray.push(\n React.cloneElement(child, {\n key: child.key ?? index,\n triggerClassName: currentClassName,\n variant: 'unstyled',\n color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n })\n );\n } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {\n childArray.push(\n React.cloneElement(child, {\n key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n className: currentClassName,\n variant: 'unstyled',\n color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n })\n );\n } else if (React.isValidElement(child)) {\n childArray.push(\n React.cloneElement(child, {\n key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n className: currentClassName,\n } as any)\n );\n } else if (typeof child === 'string') {\n childArray.push(\n <Text key={index} className={currentClassName}>\n {child}\n </Text>\n );\n } else if (typeof child === 'number') {\n childArray.push(<Number key={index} className={currentClassName} value={child} />);\n } else {\n childArray.push(child);\n }\n });\n\n return (\n <StyledPill\n {...forwardedProps}\n $autoBreak={autoBreak}\n $borderColor={borderColor}\n $color={color}\n $disabledColor={disabledColor}\n $hoverColor={hoverColor}\n $isDisabled={isDisabled}\n $size={size}\n $theme={theme}\n className={classNames(Pill.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n >\n {childArray}\n </StyledPill>\n );\n});\nPill.className = CLASSNAME;\nPill.displayName = COMPONENT_NAME;\n"],"names":["PillSize","small","large","xlarge","predefinedColorToHex","green","RedsiftColorPresentationGreenDefault","pink","RedsiftColorPresentationPinkDefault","aqua","RedsiftColorPresentationAquaDefault","brown","RedsiftColorPresentationBrownDefault","red","RedsiftColorPresentationRedDefault","yellow","RedsiftColorPresentationYellowDefault","purple","RedsiftColorPresentationPurpleDefault","orange","RedsiftColorPresentationOrangeDefault","blue","RedsiftColorPresentationBlueDefault","grey","RedsiftColorPresentationGreyDefault","black","RedsiftColorNeutralBlack","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralDarkGrey","RedsiftColorNeutralMidGrey","RedsiftColorNeutralLightGrey","RedsiftColorNeutralXLightGrey","white","RedsiftColorNeutralWhite","error","RedsiftColorRedL4","warning","RedsiftColorYellowL4","success","RedsiftColorGreenL4","RedsiftColorRedN","RedsiftColorYellowN","RedsiftColorGreenN","pickTextColorBasedOnBgColorAdvanced","bgColor","lightColor","darkColor","color","isPredefinedColor","substring","charAt","r","parseInt","g","b","uicolors","c","map","col","Math","pow","L","pickHoverColorBasedOnBgColorAdvanced","toUpperCase","Object","keys","includes","StyledPill","styled","div","baseStyling","_ref","$autoBreak","css","_ref2","$size","_ref3","$color","$hoverColor","$isDisabled","$theme","RedsiftColorGreyL1","_ref4","$borderColor","_ref5","_ref6","_ref7","_ref8","_ref9","COMPONENT_NAME","CLASSNAME","Pill","forwardRef","props","ref","autoBreak","borderColor","children","className","propsColor","disabledColor","hoverColor","isDisabled","size","propsSize","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","PresentationColorPalette","childArray","React","Children","forEach","child","index","currentClassName","count","isComponent","_child$key","push","cloneElement","key","triggerClassName","variant","_key","isValidElement","_key2","createElement","Text","Number","value","_extends","$disabledColor","classNames","displayName"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
|
|
34
34
|
},
|
|
35
35
|
"types": "index.d.ts",
|
|
36
|
-
"version": "11.9.
|
|
36
|
+
"version": "11.9.3",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@react-spring/web": "^9.7.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
@@ -95,10 +95,10 @@
|
|
|
95
95
|
"version-changelog": "^3.1.1"
|
|
96
96
|
},
|
|
97
97
|
"peerDependencies": {
|
|
98
|
-
"@redsift/icons": "^11.9.
|
|
98
|
+
"@redsift/icons": "^11.9.3-0",
|
|
99
99
|
"react": ">=17",
|
|
100
100
|
"react-dom": ">=17",
|
|
101
101
|
"styled-components": "^5.3.5"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "4a9ce8653ac47440c311cdf45b01b1492753317b"
|
|
104
104
|
}
|