npm - @razorpay/blade - Versions diffs - 10.23.5 → 11.1.0 - Mend

@razorpay/blade 10.23.5 → 11.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (874) hide show

package/build/lib/web/development/components/Checkbox/CheckboxIcon/CheckboxIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxIcon.js","sources":["../../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing /\n/ eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { CheckboxIconWrapper } from './CheckboxIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst svgSize = {\n small: {\n width: size[8],\n height: size[8],\n },\n medium: {\n width: size[12],\n height: size[12],\n },\n};\n\nconst CheckedIcon = ({ color, size }: { color: string; size: 'small' \| 'medium' }) => {\n const width = makeSpace(svgSize[size].width);\n const height = makeSpace(svgSize[size].height);\n\n return (\n <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z\"\n fill={color}\n stroke={color}\n strokeWidth=\"0.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n};\n\nconst IndeterminateIcon = ({ color, size }: { color: string; size: 'small' \| 'medium' }) => {\n const width = makeSpace(svgSize[size].width);\n const height = makeSpace(svgSize[size].height);\n\n return (\n <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z\"\n fill={color}\n stroke={color}\n strokeWidth=\"0.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n};\n\nexport type CheckboxIconProps = {\n isDisabled?: boolean;\n isNegative?: boolean;\n isChecked?: boolean;\n isIndeterminate?: boolean;\n size: 'small' \| 'medium';\n};\n\nconst CheckboxIcon = ({\n isChecked,\n isIndeterminate,\n isDisabled,\n isNegative,\n size,\n}: CheckboxIconProps) => {\n const { theme } = useTheme();\n const ~~defaultIconColor~~ = getIn(theme, 'colors.~~brand~~.~~gray~~.~~200~~.~~lowContrast~~');\n ~~const disabledIconColor = getIn(theme, 'colors.brand.gray.500.lowContrast');\n const iconColor = isDisabled ? disabledIconColor : defaultIconColor;\n\n~~ return (\n <CheckboxIconWrapper\n size={size}\n isIndeterminate={isIndeterminate}\n isDisabled={isDisabled}\n isNegative={isNegative}\n isChecked={!!(isChecked \|\| isIndeterminate)}\n {...metaAttribute({ name: 'checkbox-icon-wrapper' })}\n >\n <Fade show={isIndeterminate} styles={{ position: 'absolute', display: 'flex' }}>\n <IndeterminateIcon size={size} color={iconColor} />\n </Fade>\n <Fade\n show={Boolean(isChecked) && !isIndeterminate}\n styles={{ position: 'absolute', display: 'flex' }}\n >\n {isChecked ? <CheckedIcon size={size} color={iconColor} /> : null}\n </Fade>\n </CheckboxIconWrapper>\n );\n};\n\nexport { CheckboxIcon };\n"],"names":["svgSize","small","width","size","height","medium","CheckedIcon","_ref","color","makeSpace","_jsx","Svg","viewBox","fill","children","Path","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","IndeterminateIcon","_ref2","CheckboxIcon","_ref3","isChecked","isIndeterminate","isDisabled","isNegative","_useTheme","useTheme","theme","~~defaultIconColor~~","getIn","~~disabledIconColor","iconColor","~~_jsxs","CheckboxIconWrapper","_objectSpread","metaAttribute","name","Fade","show","styles","position","display","Boolean"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,OAAO,GAAG;AACdC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,IAAI,CAAC,CAAC,CAAC;IACdC,MAAM,EAAED,IAAI,CAAC,CAAC,CAAA;GACf;AACDE,EAAAA,MAAM,EAAE;AACNH,IAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;IACfC,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;AACjB,GAAA;AACF,CAAC,CAAA;AAED,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEL,IAAI,GAAAI,IAAA,CAAJJ,IAAI,CAAA;EAChC,IAAMD,KAAK,GAAGO,SAAS,CAACT,OAAO,CAACG,IAAI,CAAC,CAACD,KAAK,CAAC,CAAA;EAC5C,IAAME,MAAM,GAAGK,SAAS,CAACT,OAAO,CAACG,IAAI,CAAC,CAACC,MAAM,CAAC,CAAA;EAE9C,oBACEM,GAAA,CAACC,GAAG,EAAA;AAACT,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,MAAM,EAAEA,MAAO;AAACQ,IAAAA,OAAO,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC9DJ,GAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,CAAC,EAAC,4TAA4T;AAC9TL,MAAAA,IAAI,EAAEL,KAAM;AACZW,MAAAA,MAAM,EAAEX,KAAM;AACdY,MAAAA,WAAW,EAAC,KAAK;AACjBC,MAAAA,aAAa,EAAC,OAAO;AACrBC,MAAAA,cAAc,EAAC,OAAA;KAChB,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAAqE;AAAA,EAAA,IAA/DhB,KAAK,GAAAgB,KAAA,CAALhB,KAAK;IAAEL,IAAI,GAAAqB,KAAA,CAAJrB,IAAI,CAAA;EACtC,IAAMD,KAAK,GAAGO,SAAS,CAACT,OAAO,CAACG,IAAI,CAAC,CAACD,KAAK,CAAC,CAAA;EAC5C,IAAME,MAAM,GAAGK,SAAS,CAACT,OAAO,CAACG,IAAI,CAAC,CAACC,MAAM,CAAC,CAAA;EAE9C,oBACEM,GAAA,CAACC,GAAG,EAAA;AAACT,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,MAAM,EAAEA,MAAO;AAACQ,IAAAA,OAAO,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC9DJ,GAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,CAAC,EAAC,0NAA0N;AAC5NL,MAAAA,IAAI,EAAEL,KAAM;AACZW,MAAAA,MAAM,EAAEX,KAAM;AACdY,MAAAA,WAAW,EAAC,KAAK;AACjBC,MAAAA,aAAa,EAAC,OAAO;AACrBC,MAAAA,cAAc,EAAC,OAAA;KAChB,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAUD,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAMO;AAAA,EAAA,IALvBC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTC,eAAe,GAAAF,KAAA,CAAfE,eAAe;IACfC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACVC,UAAU,GAAAJ,KAAA,CAAVI,UAAU;IACV3B,IAAI,GAAAuB,KAAA,CAAJvB,IAAI,CAAA;AAEJ,EAAA,IAAA4B,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,~~gBAAgB~~,GAAGC,KAAK,CAACF,KAAK,EAAE,~~mCAAmC~~,CAAC,CAAA;AAC1E,EAAA,~~IAAMG~~,~~iBAAiB,GAAGD,KAAK,CAACF,KAAK,EAAE,mCAAmC,CAAC,CAAA;AAC3E,EAAA,IAAMI,SAAS,GAAGR,UAAU,GAAGO,iBAAiB,GAAGF,gBAAgB,CAAA;AAEnE,EAAA,oBACEI,~~IAAA,CAACC,mBAAmB,EAAAC,aAAA,CAAAA,aAAA,CAAA;~~AAClBrC~~,IAAAA,IAAI,EAAEA,IAAK;AACXyB,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,SAAS,EAAE,CAAC,EAAEA,SAAS,IAAIC,eAAe,CAAA;AAAE,GAAA,~~EACxCa~~,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAE,uBAAA;AAAwB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;~~IAAA5B~~,QAAA,EAAA,cAEpDJ,GAAA,~~CAACiC~~,IAAI,EAAA;AAACC,MAAAA,IAAI,~~EAAEhB~~,eAAgB;~~AAACiB~~,MAAAA,MAAM,EAAE;AAAEC,QAAAA,QAAQ,EAAE,UAAU;AAAEC,QAAAA,OAAO,EAAE,MAAA;OAAS;~~MAAAjC~~,QAAA,eAC7EJ,GAAA,CAACa,iBAAiB,EAAA;AAACpB,QAAAA,IAAI,EAAEA,IAAK;AAACK,QAAAA,KAAK,~~EAAE6B~~,SAAAA;OAAY,CAAA;AAAC,KAC/C,CAAC,~~eACP3B~~,GAAA,~~CAACiC~~,IAAI,EAAA;AACHC,MAAAA,IAAI,EAAEI,OAAO,~~CAACrB~~,SAAS,CAAC,IAAI,CAACC,eAAgB;~~AAC7CiB~~,MAAAA,MAAM,EAAE;AAAEC,QAAAA,QAAQ,EAAE,UAAU;AAAEC,QAAAA,OAAO,EAAE,MAAA;OAAS;~~AAAAjC~~,MAAAA,QAAA,EAEjDa,SAAS,gBAAGjB,GAAA,CAACJ,WAAW,EAAA;AAACH,QAAAA,IAAI,EAAEA,IAAK;AAACK,QAAAA,KAAK,~~EAAE6B~~,SAAAA;AAAU,OAAE,CAAC,GAAG,IAAA;AAAI,KAC7D,CAAC,CAAA;AAAA,GAAA,CACY,CAAC,CAAA;AAE1B;;;;"}
1	+ {"version":3,"file":"CheckboxIcon.js","sources":["../../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing /\n/ eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { CheckboxIconWrapper } from './CheckboxIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst svgSize = {\n small: {\n width: size[8],\n height: size[8],\n },\n medium: {\n width: size[12],\n height: size[12],\n },\n};\n\nconst CheckedIcon = ({ color, size }: { color: string; size: 'small' \| 'medium' }) => {\n const width = makeSpace(svgSize[size].width);\n const height = makeSpace(svgSize[size].height);\n\n return (\n <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z\"\n fill={color}\n stroke={color}\n strokeWidth=\"0.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n};\n\nconst IndeterminateIcon = ({ color, size }: { color: string; size: 'small' \| 'medium' }) => {\n const width = makeSpace(svgSize[size].width);\n const height = makeSpace(svgSize[size].height);\n\n return (\n <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z\"\n fill={color}\n stroke={color}\n strokeWidth=\"0.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n};\n\nexport type CheckboxIconProps = {\n isDisabled?: boolean;\n isNegative?: boolean;\n isChecked?: boolean;\n isIndeterminate?: boolean;\n size: 'small' \| 'medium';\n};\n\nconst CheckboxIcon = ({\n isChecked,\n isIndeterminate,\n isDisabled,\n isNegative,\n size,\n}: CheckboxIconProps) => {\n const { theme } = useTheme();\n const iconColor = getIn(theme, 'colors.interactive.icon.onPrimary.normal');\n return (\n <CheckboxIconWrapper\n size={size}\n isIndeterminate={isIndeterminate}\n isDisabled={isDisabled}\n isNegative={isNegative}\n isChecked={!!(isChecked \|\| isIndeterminate)}\n {...metaAttribute({ name: 'checkbox-icon-wrapper' })}\n >\n <Fade show={isIndeterminate} styles={{ position: 'absolute', display: 'flex' }}>\n <IndeterminateIcon size={size} color={iconColor} />\n </Fade>\n <Fade\n show={Boolean(isChecked) && !isIndeterminate}\n styles={{ position: 'absolute', display: 'flex' }}\n >\n {isChecked ? <CheckedIcon size={size} color={iconColor} /> : null}\n </Fade>\n </CheckboxIconWrapper>\n );\n};\n\nexport { CheckboxIcon };\n"],"names":["svgSize","small","width","size","height","medium","CheckedIcon","_ref","color","makeSpace","_jsx","Svg","viewBox","fill","children","Path","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","IndeterminateIcon","_ref2","CheckboxIcon","_ref3","isChecked","isIndeterminate","isDisabled","isNegative","_useTheme","useTheme","theme","iconColor","getIn","_jsxs","CheckboxIconWrapper","_objectSpread","metaAttribute","name","Fade","show","styles","position","display","Boolean"],"mappings":"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"}

package/build/lib/web/development/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.js CHANGED Viewed

@@ -19,8 +19,8 @@ var getCheckboxIconWrapperStyles = function getCheckboxIconWrapperStyles(_ref) {
   var checked = isChecked ? 'checked' : 'unchecked';
   var background = checkboxIconColors.variants[variant].background[checked];
   var border = checkboxIconColors.variants[variant].border[checked];
-  var backgroundColor = background === 'transparent' ? background : getIn(theme, background);
-  var borderColor = border === 'transparent' ? border : getIn(theme, border);
+  var backgroundColor = getIn(theme, background);
+  var borderColor = getIn(theme, border);
   return {
     position: 'relative',
     display: 'flex',

package/build/lib/web/development/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxIconWrapperStyles.js","sources":["../../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { checkboxIconColors, checkboxSizes } from '../checkboxTokens';\nimport type { CheckboxIconProps } from './CheckboxIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nexport type CheckboxRectProps = Omit<CheckboxIconProps, 'state'> & {\n isChecked: boolean;\n};\n\nconst getCheckboxIconWrapperStyles = ({\n theme,\n isChecked,\n isDisabled,\n isNegative,\n size,\n}: CheckboxRectProps & { theme: Theme }): CSSObject => {\n let variant: 'default' \| 'disabled' \| 'negative' = 'default';\n if (isDisabled) variant = 'disabled';\n if (isNegative) variant = 'negative';\n const checked = isChecked ? 'checked' : 'unchecked';\n const background = checkboxIconColors.variants[variant].background[checked];\n const border = checkboxIconColors.variants[variant].border[checked];\n const backgroundColor = ~~background === 'transparent' ? background :~~ getIn(theme, background);\n const borderColor = ~~border === 'transparent' ? border :~~ getIn(theme, border);\n\n return {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n width: makeSpace(checkboxSizes.icon[size].width),\n height: makeSpace(checkboxSizes.icon[size].height),\n borderWidth: makeBorderSize(theme.border.width.thick),\n borderStyle: 'solid',\n margin: makeSpace(theme.spacing[1]),\n borderRadius: makeSize(theme.border.radius.small),\n backgroundColor,\n borderColor,\n };\n};\n\nexport { getCheckboxIconWrapperStyles };\n"],"names":["getCheckboxIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","size","variant","checked","background","checkboxIconColors","variants","border","backgroundColor","getIn","borderColor","position","display","alignItems","justifyContent","flexShrink","width","makeSpace","checkboxSizes","icon","height","borderWidth","makeBorderSize","thick","borderStyle","margin","spacing","borderRadius","makeSize","radius","small"],"mappings":";;;;;;;;;AAaA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,EAMqB;AAAA,EAAA,IALrDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;EAEJ,IAAIC,OAA4C,GAAG,SAAS,CAAA;AAC5D,EAAA,IAAIH,UAAU,EAAEG,OAAO,GAAG,UAAU,CAAA;AACpC,EAAA,IAAIF,UAAU,EAAEE,OAAO,GAAG,UAAU,CAAA;AACpC,EAAA,IAAMC,OAAO,GAAGL,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AACnD,EAAA,IAAMM,UAAU,GAAGC,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAAA;AAC3E,EAAA,IAAMI,MAAM,GAAGF,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CAAA;AACnE,EAAA,IAAMK,eAAe,~~GAAGJ~~,~~UAAU,~~KAAK,~~aAAa,GAAGA,UAAU,GAAGK,KAAK,~~CAACZ,KAAK,EAAEO,UAAU,CAAC,CAAA;~~AAC5F~~,EAAA,IAAMM,WAAW,~~GAAGH~~,~~MAAM,~~KAAK,~~aAAa,GAAGA,MAAM,GAAGE,KAAK,~~CAACZ,KAAK,EAAEU,MAAM,CAAC,CAAA;~~EAE5E~~,OAAO;AACLI,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,CAAC;IACbC,KAAK,EAAEC,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACe,KAAK,CAAC;IAChDI,MAAM,EAAEH,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACmB,MAAM,CAAC;IAClDC,WAAW,EAAEC,cAAc,CAACzB,KAAK,CAACU,MAAM,CAACS,KAAK,CAACO,KAAK,CAAC;AACrDC,IAAAA,WAAW,EAAE,OAAO;IACpBC,MAAM,EAAER,SAAS,CAACpB,KAAK,CAAC6B,OAAO,CAAC,CAAC,CAAC,CAAC;IACnCC,YAAY,EAAEC,QAAQ,CAAC/B,KAAK,CAACU,MAAM,CAACsB,MAAM,CAACC,KAAK,CAAC;AACjDtB,IAAAA,eAAe,EAAfA,eAAe;AACfE,IAAAA,WAAW,EAAXA,WAAAA;GACD,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"CheckboxIconWrapperStyles.js","sources":["../../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { checkboxIconColors, checkboxSizes } from '../checkboxTokens';\nimport type { CheckboxIconProps } from './CheckboxIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nexport type CheckboxRectProps = Omit<CheckboxIconProps, 'state'> & {\n isChecked: boolean;\n};\n\nconst getCheckboxIconWrapperStyles = ({\n theme,\n isChecked,\n isDisabled,\n isNegative,\n size,\n}: CheckboxRectProps & { theme: Theme }): CSSObject => {\n let variant: 'default' \| 'disabled' \| 'negative' = 'default';\n if (isDisabled) variant = 'disabled';\n if (isNegative) variant = 'negative';\n const checked = isChecked ? 'checked' : 'unchecked';\n const background = checkboxIconColors.variants[variant].background[checked];\n const border = checkboxIconColors.variants[variant].border[checked];\n const backgroundColor = getIn(theme, background);\n const borderColor = getIn(theme, border);\n\n return {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n width: makeSpace(checkboxSizes.icon[size].width),\n height: makeSpace(checkboxSizes.icon[size].height),\n borderWidth: makeBorderSize(theme.border.width.thick),\n borderStyle: 'solid',\n margin: makeSpace(theme.spacing[1]),\n borderRadius: makeSize(theme.border.radius.small),\n backgroundColor,\n borderColor,\n };\n};\n\nexport { getCheckboxIconWrapperStyles };\n"],"names":["getCheckboxIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","size","variant","checked","background","checkboxIconColors","variants","border","backgroundColor","getIn","borderColor","position","display","alignItems","justifyContent","flexShrink","width","makeSpace","checkboxSizes","icon","height","borderWidth","makeBorderSize","thick","borderStyle","margin","spacing","borderRadius","makeSize","radius","small"],"mappings":";;;;;;;;;AAaA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,EAMqB;AAAA,EAAA,IALrDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;EAEJ,IAAIC,OAA4C,GAAG,SAAS,CAAA;AAC5D,EAAA,IAAIH,UAAU,EAAEG,OAAO,GAAG,UAAU,CAAA;AACpC,EAAA,IAAIF,UAAU,EAAEE,OAAO,GAAG,UAAU,CAAA;AACpC,EAAA,IAAMC,OAAO,GAAGL,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AACnD,EAAA,IAAMM,UAAU,GAAGC,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAAA;AAC3E,EAAA,IAAMI,MAAM,GAAGF,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CAAA;AACnE,EAAA,IAAMK,eAAe,GAAGC,KAAK,CAACZ,KAAK,EAAEO,UAAU,CAAC,CAAA;AAChD,EAAA,IAAMM,WAAW,GAAGD,KAAK,CAACZ,KAAK,EAAEU,MAAM,CAAC,CAAA;EAExC,OAAO;AACLI,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,CAAC;IACbC,KAAK,EAAEC,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACe,KAAK,CAAC;IAChDI,MAAM,EAAEH,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACmB,MAAM,CAAC;IAClDC,WAAW,EAAEC,cAAc,CAACzB,KAAK,CAACU,MAAM,CAACS,KAAK,CAACO,KAAK,CAAC;AACrDC,IAAAA,WAAW,EAAE,OAAO;IACpBC,MAAM,EAAER,SAAS,CAACpB,KAAK,CAAC6B,OAAO,CAAC,CAAC,CAAC,CAAC;IACnCC,YAAY,EAAEC,QAAQ,CAAC/B,KAAK,CAACU,MAAM,CAACsB,MAAM,CAACC,KAAK,CAAC;AACjDtB,IAAAA,eAAe,EAAfA,eAAe;AACfE,IAAAA,WAAW,EAAXA,WAAAA;GACD,CAAA;AACH;;;;"}

package/build/lib/web/development/components/Checkbox/checkboxTokens.js CHANGED Viewed

@@ -29,32 +29,32 @@ var checkboxIconColors = {
   variants: {
     "default": {
       border: {
-        checked: 'colors.brand.primary.500',
-        unchecked: 'colors.brand.gray.500.lowContrast'
+        checked: 'colors.interactive.border.primary.default',
+        unchecked: 'colors.interactive.border.gray.default'
       },
       background: {
-        checked: 'colors.brand.primary.500',
-        unchecked: 'transparent'
+        checked: 'colors.interactive.background.primary.default',
+        unchecked: 'colors.transparent'
       }
     },
     disabled: {
       border: {
-        checked: 'transparent',
-        unchecked: 'colors.brand.gray.a100.lowContrast'
+        checked: 'colors.interactive.border.primary.disabled',
+        unchecked: 'colors.interactive.border.gray.disabled'
       },
       background: {
-        checked: 'colors.brand.gray.a100.lowContrast',
-        unchecked: 'transparent'
+        checked: 'colors.interactive.background.primary.disabled',
+        unchecked: 'colors.transparent'
       }
     },
     negative: {
       border: {
-        checked: 'colors.feedback.border.negative.highContrast',
-        unchecked: 'colors.feedback.border.negative.highContrast'
+        checked: 'colors.interactive.border.negative.default',
+        unchecked: 'colors.interactive.border.negative.default'
       },
       background: {
-        checked: 'colors.feedback.background.negative.highContrast',
-        unchecked: 'colors.feedback.background.negative.lowContrast'
+        checked: 'colors.interactive.background.negative.default',
+        unchecked: 'colors.transparent'
       }
     }
   }
@@ -62,12 +62,13 @@ var checkboxIconColors = {
 var checkboxHoverTokens = {
   "default": {
     background: {
-      checked: 'colors.brand.primary.600',
-      unchecked: 'colors.brand.gray.a50.lowContrast'
+      checked: 'colors.interactive.background.primary.highlighted',
+      unchecked: 'colors.interactive.background.gray.faded'
     },
     border: {
-      checked: 'colors.brand.primary.600',
-      unchecked: 'colors.brand.gray.500.lowContrast'
+      checked: 'colors.interactive.background.primary.highlighted',
+      // Intentionally not using border tokens here since we want to match the background color
+      unchecked: 'colors.interactive.border.gray.default'
     }
   }
 };

package/build/lib/web/development/components/Checkbox/checkboxTokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkboxTokens.js","sources":["../../../../../../src/components/Checkbox/checkboxTokens.ts"],"sourcesContent":["import type { ~~Theme~~ } from '~~~components~~/~~BladeProvider~~';\nimport type { ~~DotNotationColorStringToken~~ } from '~~~utils~~/~~types~~';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\n\nconst checkboxSizes = {\n group: {\n gap: {\n small: {\n mobile: 'spacing.2',\n desktop: 'spacing.0',\n },\n medium: {\n mobile: 'spacing.3',\n desktop: 'spacing.2',\n },\n },\n },\n icon: {\n small: {\n width: size[12],\n height: size[12],\n },\n medium: {\n width: size[16],\n height: size[16],\n },\n },\n} as const;\n\ntype ColorTokens = `colors.${~~DotNotationColorStringToken~~<Theme['colors']>}~~` \| 'transparent';\~~ntype Variant = {\n border: {\n checked: ColorTokens;\n unchecked: ColorTokens;\n };\n background: {\n checked: ColorTokens;\n unchecked: ColorTokens;\n };\n};\n\ntype CheckboxIconColors = {\n variants: {\n default: Variant;\n disabled: Variant;\n negative: Variant;\n };\n};\n\nconst checkboxIconColors: CheckboxIconColors = {\n variants: {\n default: {\n border: {\n checked: 'colors.~~brand~~.primary.~~500~~',\n unchecked: 'colors.~~brand~~.gray.~~500.lowContrast~~',\n },\n background: {\n checked: 'colors.~~brand~~.primary.~~500~~',\n unchecked: 'transparent',\n },\n },\n disabled: {\n border: {\n checked: '~~transparent~~',\n unchecked: 'colors.~~brand~~.gray.~~a100.lowContrast~~',\n },\n background: {\n checked: 'colors.~~brand~~.~~gray~~.~~a100~~.~~lowContrast~~',\n unchecked: 'transparent',\n },\n },\n negative: {\n border: {\n checked: 'colors.~~feedback~~.border.negative.~~highContrast~~',\n unchecked: 'colors.~~feedback~~.border.negative.~~highContrast~~',\n },\n background: {\n checked: 'colors.~~feedback~~.background.negative.~~highContrast~~',\n unchecked: 'colors.~~feedback.background.negative.lowContrast~~',\n },\n },\n },\n} as const;\n\nconst checkboxHoverTokens: SelectorInputHoverTokens = {\n default: {\n background: {\n checked: 'colors.~~brand~~.primary.~~600~~',\n unchecked: 'colors.~~brand~~.gray.~~a50.lowContrast~~',\n },\n border: {\n checked: 'colors.~~brand~~.primary.~~600~~',\n unchecked: 'colors.~~brand~~.gray.~~500.lowContrast~~',\n },\n },\n};\n\nexport { checkboxSizes, checkboxIconColors, checkboxHoverTokens };\n"],"names":["checkboxSizes","group","gap","small","mobile","desktop","medium","icon","width","size","height","checkboxIconColors","variants","border","checked","unchecked","background","disabled","negative","checkboxHoverTokens"],"mappings":";;;AAKA,IAAMA,aAAa,GAAG;AACpBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE;AACLC,QAAAA,MAAM,EAAE,WAAW;AACnBC,QAAAA,OAAO,EAAE,WAAA;OACV;AACDC,MAAAA,MAAM,EAAE;AACNF,QAAAA,MAAM,EAAE,WAAW;AACnBC,QAAAA,OAAO,EAAE,WAAA;AACX,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,IAAI,EAAE;AACJJ,IAAAA,KAAK,EAAE;AACLK,MAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;MACfC,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;KAChB;AACDH,IAAAA,MAAM,EAAE;AACNE,MAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;MACfC,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;AACjB,KAAA;AACF,GAAA;AACF,EAAU;AAsBV,IAAME,kBAAsC,GAAG;AAC7CC,EAAAA,QAAQ,EAAE;IACR,SAAS,EAAA;AACPC,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE,~~0BAA0B~~;~~AACnCC~~,QAAAA,SAAS,EAAE,~~mCAAA~~;OACZ;AACDC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE~~,0BAA0B~~;~~AACnCC~~,QAAAA,SAAS,EAAE,~~aAAA~~;AACb,OAAA;KACD;AACDE,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE,~~aAAa~~;~~AACtBC~~,QAAAA,SAAS,EAAE,~~oCAAA~~;OACZ;AACDC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE,~~oCAAoC~~;~~AAC7CC~~,QAAAA,SAAS,EAAE,~~aAAA~~;AACb,OAAA;KACD;AACDG,IAAAA,QAAQ,EAAE;AACRL,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE,~~8CAA8C~~;~~AACvDC~~,QAAAA,SAAS,EAAE,~~8CAAA~~;OACZ;AACDC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE,~~kDAAkD~~;~~AAC3DC~~,QAAAA,SAAS,EAAE,~~iDAAA~~;AACb,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,mBAA6C,GAAG;EACpD,SAAS,EAAA;AACPH,IAAAA,UAAU,EAAE;AACVF,MAAAA,OAAO,EAAE,~~0BAA0B~~;~~AACnCC~~,MAAAA,SAAS,EAAE,~~mCAAA~~;KACZ;AACDF,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,~~0BAA0B~~;~~AACnCC~~,MAAAA,SAAS,EAAE,~~mCAAA~~;AACb,KAAA;AACF,GAAA;AACF;;;;"}
1	+ {"version":3,"file":"checkboxTokens.js","sources":["../../../../../../src/components/Checkbox/checkboxTokens.ts"],"sourcesContent":["import type { DotNotationToken } from '../../utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\n\nconst checkboxSizes = {\n group: {\n gap: {\n small: {\n mobile: 'spacing.2',\n desktop: 'spacing.0',\n },\n medium: {\n mobile: 'spacing.3',\n desktop: 'spacing.2',\n },\n },\n },\n icon: {\n small: {\n width: size[12],\n height: size[12],\n },\n medium: {\n width: size[16],\n height: size[16],\n },\n },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationToken<Theme['colors']>}`;\ntype Variant = {\n border: {\n checked: ColorTokens;\n unchecked: ColorTokens;\n };\n background: {\n checked: ColorTokens;\n unchecked: ColorTokens;\n };\n};\n\ntype CheckboxIconColors = {\n variants: {\n default: Variant;\n disabled: Variant;\n negative: Variant;\n };\n};\n\nconst checkboxIconColors: CheckboxIconColors = {\n variants: {\n default: {\n border: {\n checked: 'colors.interactive.border.primary.default',\n unchecked: 'colors.interactive.border.gray.default',\n },\n background: {\n checked: 'colors.interactive.background.primary.default',\n unchecked: 'colors.transparent',\n },\n },\n disabled: {\n border: {\n checked: 'colors.interactive.border.primary.disabled',\n unchecked: 'colors.interactive.border.gray.disabled',\n },\n background: {\n checked: 'colors.interactive.background.primary.disabled',\n unchecked: 'colors.transparent',\n },\n },\n negative: {\n border: {\n checked: 'colors.interactive.border.negative.default',\n unchecked: 'colors.interactive.border.negative.default',\n },\n background: {\n checked: 'colors.interactive.background.negative.default',\n unchecked: 'colors.transparent',\n },\n },\n },\n} as const;\n\nconst checkboxHoverTokens: SelectorInputHoverTokens = {\n default: {\n background: {\n checked: 'colors.interactive.background.primary.highlighted',\n unchecked: 'colors.interactive.background.gray.faded',\n },\n border: {\n checked: 'colors.interactive.background.primary.highlighted', // Intentionally not using border tokens here since we want to match the background color\n unchecked: 'colors.interactive.border.gray.default',\n },\n },\n};\n\nexport { checkboxSizes, checkboxIconColors, checkboxHoverTokens };\n"],"names":["checkboxSizes","group","gap","small","mobile","desktop","medium","icon","width","size","height","checkboxIconColors","variants","border","checked","unchecked","background","disabled","negative","checkboxHoverTokens"],"mappings":";;;AAKA,IAAMA,aAAa,GAAG;AACpBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE;AACLC,QAAAA,MAAM,EAAE,WAAW;AACnBC,QAAAA,OAAO,EAAE,WAAA;OACV;AACDC,MAAAA,MAAM,EAAE;AACNF,QAAAA,MAAM,EAAE,WAAW;AACnBC,QAAAA,OAAO,EAAE,WAAA;AACX,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,IAAI,EAAE;AACJJ,IAAAA,KAAK,EAAE;AACLK,MAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;MACfC,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;KAChB;AACDH,IAAAA,MAAM,EAAE;AACNE,MAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;MACfC,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;AACjB,KAAA;AACF,GAAA;AACF,EAAU;AAsBV,IAAME,kBAAsC,GAAG;AAC7CC,EAAAA,QAAQ,EAAE;IACR,SAAS,EAAA;AACPC,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE,2CAA2C;AACpDC,QAAAA,SAAS,EAAE,wCAAA;OACZ;AACDC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,oBAAA;AACb,OAAA;KACD;AACDE,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE,4CAA4C;AACrDC,QAAAA,SAAS,EAAE,yCAAA;OACZ;AACDC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE,gDAAgD;AACzDC,QAAAA,SAAS,EAAE,oBAAA;AACb,OAAA;KACD;AACDG,IAAAA,QAAQ,EAAE;AACRL,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE,4CAA4C;AACrDC,QAAAA,SAAS,EAAE,4CAAA;OACZ;AACDC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE,gDAAgD;AACzDC,QAAAA,SAAS,EAAE,oBAAA;AACb,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,mBAA6C,GAAG;EACpD,SAAS,EAAA;AACPH,IAAAA,UAAU,EAAE;AACVF,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,0CAAA;KACZ;AACDF,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,mDAAmD;AAAE;AAC9DC,MAAAA,SAAS,EAAE,wCAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/development/components/Chip/AnimatedChip.web.js CHANGED Viewed

@@ -16,8 +16,8 @@ var AnimatedChip = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "AnimatedChipweb__AnimatedChip",
   componentId: "sc-1xiynj1-0"
 })(function (props) {
-  var easing = getIn(props.theme, chipMotionTokens.easing);
-  var duration = castWebType(makeMotionTime(getIn(props.theme, chipMotionTokens.duration)));
+  var easing = getIn(props.theme.motion, chipMotionTokens.easing);
+  var duration = castWebType(makeMotionTime(getIn(props.theme.motion, chipMotionTokens.duration)));
   return _objectSpread(_objectSpread({}, getAnimatedChipStyles(props)), {}, {
     width: 'fit-content',
     transform: "scale(".concat(props.isPressed ? '0.92' : '1', ")"),

package/build/lib/web/development/components/Chip/AnimatedChip.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnimatedChip.web.js","sources":["../../../../../../src/components/Chip/AnimatedChip.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { getAnimatedChipStyles } from './getAnimatedChipStyles';\nimport type { AnimatedChipProps } from './types';\nimport { chipMotionTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils';\n\nconst AnimatedChip = styled(BaseBox)<AnimatedChipProps>((props) => {\n const easing = getIn(props.theme, chipMotionTokens.easing);\n const duration = castWebType(makeMotionTime(getIn(props.theme, chipMotionTokens.duration)));\n return {\n ...getAnimatedChipStyles(props),\n width: 'fit-content',\n transform: `scale(${props.isPressed ? '0.92' : '1'})`,\n transitionDuration: duration,\n transitionTimingFunction: easing,\n };\n});\n\nexport { AnimatedChip };\n"],"names":["AnimatedChip","styled","BaseBox","withConfig","displayName","componentId","props","easing","getIn","theme","chipMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","getAnimatedChipStyles","width","transform","concat","isPressed","transitionDuration","transitionTimingFunction"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAoB,CAAA,CAAA,UAACC,KAAK,EAAK;~~EACjE~~,IAAMC,MAAM,GAAGC,KAAK,CAACF,KAAK,CAACG,KAAK,EAAEC,gBAAgB,~~CAACH~~,MAAM,CAAC,CAAA;~~AAC1D~~,EAAA,~~IAAMI~~,QAAQ,GAAGC,WAAW,~~CAACC~~,cAAc,~~CAACL~~,KAAK,CAACF,KAAK,CAACG,KAAK,EAAEC,gBAAgB,CAACC,QAAQ,CAAC,~~CAAC~~,CAAC,CAAA;~~AAC3F~~,EAAA,OAAAG,aAAA,CAAAA,aAAA,KACKC,qBAAqB,~~CAACT~~,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAC/BU,IAAAA,KAAK,EAAE,aAAa;IACpBC,SAAS,EAAA,QAAA,CAAAC,MAAA,~~CAAWZ~~,KAAK,~~CAACa~~,SAAS,GAAG,MAAM,GAAG,GAAG,EAAG,GAAA,CAAA;AACrDC,IAAAA,kBAAkB,EAAET,QAAQ;AAC5BU,IAAAA,wBAAwB,~~EAAEd~~,MAAAA;AAAM,GAAA,CAAA,CAAA;AAEpC,CAAC;;;;"}
1	+ {"version":3,"file":"AnimatedChip.web.js","sources":["../../../../../../src/components/Chip/AnimatedChip.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { getAnimatedChipStyles } from './getAnimatedChipStyles';\nimport type { AnimatedChipProps } from './types';\nimport { chipMotionTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils';\n\nconst AnimatedChip = styled(BaseBox)<AnimatedChipProps>((props) => {\n const easing = getIn(props.theme.motion, chipMotionTokens.easing);\n const duration = castWebType(\n makeMotionTime(getIn(props.theme.motion, chipMotionTokens.duration)),\n );\n return {\n ...getAnimatedChipStyles(props),\n width: 'fit-content',\n transform: `scale(${props.isPressed ? '0.92' : '1'})`,\n transitionDuration: duration,\n transitionTimingFunction: easing,\n };\n});\n\nexport { AnimatedChip };\n"],"names":["AnimatedChip","styled","BaseBox","withConfig","displayName","componentId","props","easing","getIn","theme","motion","chipMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","getAnimatedChipStyles","width","transform","concat","isPressed","transitionDuration","transitionTimingFunction"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAoB,CAAA,CAAA,UAACC,KAAK,EAAK;AACjE,EAAA,IAAMC,MAAM,GAAGC,KAAK,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,EAAEC,gBAAgB,CAACJ,MAAM,CAAC,CAAA;AACjE,EAAA,IAAMK,QAAQ,GAAGC,WAAW,CAC1BC,cAAc,CAACN,KAAK,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,EAAEC,gBAAgB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAAA;AACD,EAAA,OAAAG,aAAA,CAAAA,aAAA,KACKC,qBAAqB,CAACV,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAC/BW,IAAAA,KAAK,EAAE,aAAa;IACpBC,SAAS,EAAA,QAAA,CAAAC,MAAA,CAAWb,KAAK,CAACc,SAAS,GAAG,MAAM,GAAG,GAAG,EAAG,GAAA,CAAA;AACrDC,IAAAA,kBAAkB,EAAET,QAAQ;AAC5BU,IAAAA,wBAAwB,EAAEf,MAAAA;AAAM,GAAA,CAAA,CAAA;AAEpC,CAAC;;;;"}

package/build/lib/web/development/components/Chip/Chip.js CHANGED Viewed

@@ -32,7 +32,7 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-var _excluded = ["isDisabled", "value", "children", "icon", "intent", "color", "testID"];
+var _excluded = ["isDisabled", "value", "children", "icon", "color", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _Chip = function _Chip(_ref, ref) {
@@ -41,7 +41,6 @@ var _Chip = function _Chip(_ref, ref) {
     value = _ref.value,
     children = _ref.children,
     Icon = _ref.icon,
-    intent = _ref.intent,
     color = _ref.color,
     testID = _ref.testID,
     styledProps = _objectWithoutProperties(_ref, _excluded);
@@ -74,10 +73,7 @@ var _Chip = function _Chip(_ref, ref) {
   : groupProps === null || groupProps === void 0 ? void 0 : (_groupProps$defaultVa = groupProps.defaultValue) === null || _groupProps$defaultVa === void 0 ? void 0 : _groupProps$defaultVa.includes(value); // If multiple selection, check if value is in defaultValue array
   var useChip = (groupProps === null || groupProps === void 0 ? void 0 : groupProps.selectionType) === 'single' ? useRadio : useCheckbox;
   var _size = (groupProps === null || groupProps === void 0 ? void 0 : groupProps.size) || 'small';
-  var _intent = intent !== null && intent !== void 0 ? intent : groupProps === null || groupProps === void 0 ? void 0 : groupProps.intent;
-  // If intent is proovided and it's not none, use intent otherwise use color
-  var _color = (_ref2 = color !== null && color !== void 0 ? color : groupProps === null || groupProps === void 0 ? void 0 : groupProps.color) !== null && _ref2 !== void 0 ? _ref2 : 'default';
-  var chipColor = _intent && _intent !== 'none' ? _intent : _color;
+  var chipColor = (_ref2 = color !== null && color !== void 0 ? color : groupProps === null || groupProps === void 0 ? void 0 : groupProps.color) !== null && _ref2 !== void 0 ? _ref2 : 'primary';
   var handleChange = function handleChange(_ref3) {
     var isChecked = _ref3.isChecked,
       value = _ref3.value;
@@ -128,13 +124,13 @@ var _Chip = function _Chip(_ref, ref) {
   }
   var chipTextColor = chipColorTokens.text[textVariant];
   var chipIconColor = chipColorTokens.icon[textVariant];
-  var intentVariant = 'unchecked';
+  var colorVariant = 'unchecked';
   var stateVariant = _isDisabled ? 'disabled' : 'default';
   if (_isChecked && chipColor) {
-    intentVariant = chipColor;
+    colorVariant = chipColor;
   }
-  var chipBackgroundColor = chipColorTokens.background[intentVariant][stateVariant];
-  var chipBorderColor = chipColorTokens.border[intentVariant][stateVariant];
+  var chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];
+  var chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: MetaConstants.Chip,
     testID: testID
@@ -195,7 +191,6 @@ var _Chip = function _Chip(_ref, ref) {
                   size: chipIconSizes[_size]
                 })
               }) : null, /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, chipTextSizes[_size]), {}, {
-                type: "normal",
                 truncateAfterLines: 1,
                 color: chipTextColor,
                 children: children

package/build/lib/web/development/components/Chip/Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n chipIconSizes,\n chipTextSizes,\n chipColorTokens,\n getChipInputHoverTokens,\n chipHeightTokens,\n chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n isChecked,\n event,\n value,\n}: {\n isChecked: boolean;\n event?: React.ChangeEvent;\n value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n { isDisabled, value, children, icon: Icon, intent, color, testID, ...styledProps },\n ref,\n) => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const groupProps = useChipGroupContext();\n const isInsideGroup = !isEmpty(groupProps);\n const [isPressed, setIsPressed] = React.useState(false);\n\n if (__DEV__) {\n if (!isInsideGroup) {\n throwBladeError({\n moduleName: 'Chip',\n message:\n '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n });\n }\n }\n\n const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n const _name = groupProps?.name;\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n const _isChecked = groupProps?.state?.isChecked(value!);\n // Check if the defaultValue property of groupProps is undefined\n const defaultChecked =\n typeof groupProps?.defaultValue === 'undefined'\n ? undefined // If undefined, defaultChecked is also undefined\n : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n const _size = groupProps?.size \|\| 'small';\n const _intent = intent ?? groupProps?.intent;\n // If intent is proovided and it's not none, use intent otherwise use color\n const _color = color ?? groupProps?.color ?? 'default';\n const chipColor = _intent && _intent !== 'none' ? _intent : _color;\n\n const handleChange: OnChange = ({ isChecked, value }) => {\n if (isChecked) {\n groupProps?.state?.addValue(value!);\n } else {\n groupProps?.state?.removeValue(value!);\n }\n };\n\n const { state, inputProps } = useChip({\n defaultChecked,\n isChecked: _isChecked,\n isDisabled: _isDisabled,\n name: _name,\n value,\n onChange: handleChange,\n });\n\n const handlePointerPressedIn = React.useCallback(() => {\n if (_isDisabled) return;\n setIsPressed(true);\n }, [_isDisabled]);\n\n const handlePointerPressedOut = React.useCallback(() => {\n if (_isDisabled) return;\n setIsPressed(false);\n }, [_isDisabled]);\n\n const handleKeyboardPressedIn = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (_isDisabled) return;\n if (e.key === ' ') {\n setIsPressed(true);\n }\n },\n [_isDisabled],\n );\n\n const handleKeyboardPressedOut = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (_isDisabled) return;\n if (e.key === ' ') {\n setIsPressed(false);\n }\n },\n [_isDisabled],\n );\n\n let textVariant = 'unchecked';\n if (_isChecked && chipColor) {\n textVariant = chipColor;\n }\n if (_isDisabled) {\n textVariant = 'disabled';\n }\n const chipTextColor = chipColorTokens.text[textVariant];\n const chipIconColor = chipColorTokens.icon[textVariant];\n\n let intentVariant = 'unchecked';\n const stateVariant = _isDisabled ? 'disabled' : 'default';\n if (_isChecked && chipColor) {\n intentVariant = chipColor;\n }\n const chipBackgroundColor = chipColorTokens.background[intentVariant][stateVariant];\n const chipBorderColor = chipColorTokens.border[intentVariant][stateVariant];\n\n return (\n <BaseBox\n {...metaAttribute({ name: MetaConstants.Chip, testID })}\n {...getStyledProps(styledProps)}\n display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n >\n <SelectorLabel\n componentName={MetaConstants.ChipLabel}\n onTouchStart={handlePointerPressedIn}\n onTouchEnd={handlePointerPressedOut}\n onMouseDown={handlePointerPressedIn}\n onMouseUp={handlePointerPressedOut}\n onMouseOut={handlePointerPressedOut}\n onKeyDown={handleKeyboardPressedIn}\n onKeyUp={handleKeyboardPressedOut}\n inputProps={isReactNative() ? inputProps : {}}\n style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n >\n <BaseBox display=\"flex\" flexDirection=\"column\">\n <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n <SelectorInput\n hoverTokens={getChipInputHoverTokens(chipColor)}\n isChecked={state.isChecked}\n isDisabled={_isDisabled}\n inputProps={inputProps}\n ref={ref}\n />\n <AnimatedChip\n borderColor={chipBorderColor}\n isDisabled={_isDisabled}\n isPressed={isPressed}\n isDesktop={matchedDeviceType === 'desktop'}\n >\n <StyledChipWrapper\n borderColor={chipBorderColor}\n isChecked={_isChecked}\n isDisabled={_isDisabled}\n color={chipColor}\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent=\"center\"\n alignItems=\"center\"\n overflow=\"hidden\"\n backgroundColor={chipBackgroundColor}\n borderRadius=\"max\"\n borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n paddingLeft={\n chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n _size\n ]\n }\n paddingRight={\n chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n _size\n ]\n }\n height={makeSize(chipHeightTokens[_size])}\n >\n {Icon ? (\n <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n </BaseBox>\n ) : null}\n <Text\n {...chipTextSizes[_size]}\n type=\"normal\"\n truncateAfterLines={1}\n color={chipTextColor}\n >\n {children}\n </Text>\n </StyledChipWrapper>\n </AnimatedChip>\n </BaseBox>\n </BaseBox>\n </SelectorLabel>\n </BaseBox>\n );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","intent","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","_isDisabled","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","_intent","_color","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","intentVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","type","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n chipIconSizes,\n chipTextSizes,\n chipColorTokens,\n getChipInputHoverTokens,\n chipHeightTokens,\n chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n isChecked,\n event,\n value,\n}: {\n isChecked: boolean;\n event?: React.ChangeEvent;\n value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n { isDisabled, value, children, icon: Icon, color, testID, ...styledProps },\n ref,\n) => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const groupProps = useChipGroupContext();\n const isInsideGroup = !isEmpty(groupProps);\n const [isPressed, setIsPressed] = React.useState(false);\n\n if (__DEV__) {\n if (!isInsideGroup) {\n throwBladeError({\n moduleName: 'Chip',\n message:\n '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n });\n }\n }\n\n const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n const _name = groupProps?.name;\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n const _isChecked = groupProps?.state?.isChecked(value!);\n // Check if the defaultValue property of groupProps is undefined\n const defaultChecked =\n typeof groupProps?.defaultValue === 'undefined'\n ? undefined // If undefined, defaultChecked is also undefined\n : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n const _size = groupProps?.size \|\| 'small';\n const chipColor = color ?? groupProps?.color ?? 'primary';\n\n const handleChange: OnChange = ({ isChecked, value }) => {\n if (isChecked) {\n groupProps?.state?.addValue(value!);\n } else {\n groupProps?.state?.removeValue(value!);\n }\n };\n\n const { state, inputProps } = useChip({\n defaultChecked,\n isChecked: _isChecked,\n isDisabled: _isDisabled,\n name: _name,\n value,\n onChange: handleChange,\n });\n\n const handlePointerPressedIn = React.useCallback(() => {\n if (_isDisabled) return;\n setIsPressed(true);\n }, [_isDisabled]);\n\n const handlePointerPressedOut = React.useCallback(() => {\n if (_isDisabled) return;\n setIsPressed(false);\n }, [_isDisabled]);\n\n const handleKeyboardPressedIn = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (_isDisabled) return;\n if (e.key === ' ') {\n setIsPressed(true);\n }\n },\n [_isDisabled],\n );\n\n const handleKeyboardPressedOut = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (_isDisabled) return;\n if (e.key === ' ') {\n setIsPressed(false);\n }\n },\n [_isDisabled],\n );\n\n let textVariant = 'unchecked';\n if (_isChecked && chipColor) {\n textVariant = chipColor;\n }\n if (_isDisabled) {\n textVariant = 'disabled';\n }\n const chipTextColor = chipColorTokens.text[textVariant];\n const chipIconColor = chipColorTokens.icon[textVariant];\n\n let colorVariant = 'unchecked';\n const stateVariant = _isDisabled ? 'disabled' : 'default';\n if (_isChecked && chipColor) {\n colorVariant = chipColor;\n }\n const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n return (\n <BaseBox\n {...metaAttribute({ name: MetaConstants.Chip, testID })}\n {...getStyledProps(styledProps)}\n display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n >\n <SelectorLabel\n componentName={MetaConstants.ChipLabel}\n onTouchStart={handlePointerPressedIn}\n onTouchEnd={handlePointerPressedOut}\n onMouseDown={handlePointerPressedIn}\n onMouseUp={handlePointerPressedOut}\n onMouseOut={handlePointerPressedOut}\n onKeyDown={handleKeyboardPressedIn}\n onKeyUp={handleKeyboardPressedOut}\n inputProps={isReactNative() ? inputProps : {}}\n style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n >\n <BaseBox display=\"flex\" flexDirection=\"column\">\n <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n <SelectorInput\n hoverTokens={getChipInputHoverTokens(chipColor)}\n isChecked={state.isChecked}\n isDisabled={_isDisabled}\n inputProps={inputProps}\n ref={ref}\n />\n <AnimatedChip\n borderColor={chipBorderColor}\n isDisabled={_isDisabled}\n isPressed={isPressed}\n isDesktop={matchedDeviceType === 'desktop'}\n >\n <StyledChipWrapper\n borderColor={chipBorderColor}\n isChecked={_isChecked}\n isDisabled={_isDisabled}\n color={chipColor}\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent=\"center\"\n alignItems=\"center\"\n overflow=\"hidden\"\n backgroundColor={chipBackgroundColor}\n borderRadius=\"max\"\n borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n paddingLeft={\n chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n _size\n ]\n }\n paddingRight={\n chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n _size\n ]\n }\n height={makeSize(chipHeightTokens[_size])}\n >\n {Icon ? (\n <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n </BaseBox>\n ) : null}\n <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n {children}\n </Text>\n </StyledChipWrapper>\n </AnimatedChip>\n </BaseBox>\n </BaseBox>\n </SelectorLabel>\n </BaseBox>\n );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","_isDisabled","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/development/components/Chip/ChipGroup.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.web.js';
 import { Text } from '../Typography/Text/Text.js';
-var _excluded = ["accessibilityLabel", "children", "isDisabled", "name", "defaultValue", "onChange", "value", "size", "intent", "color", "testID", "selectionType"];
+var _excluded = ["accessibilityLabel", "children", "isDisabled", "name", "defaultValue", "onChange", "value", "size", "color", "testID", "selectionType"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ChipGroup = function ChipGroup(_ref) {
@@ -31,9 +31,8 @@ var ChipGroup = function ChipGroup(_ref) {
     value = _ref.value,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'small' : _ref$size,
-    _ref$intent = _ref.intent,
-    intent = _ref$intent === void 0 ? 'none' : _ref$intent,
-    color = _ref.color,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'primary' : _ref$color,
     testID = _ref.testID,
     _ref$selectionType = _ref.selectionType,
     selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
@@ -45,7 +44,6 @@ var ChipGroup = function ChipGroup(_ref) {
       isDisabled: isDisabled,
       name: name,
       size: size,
-      intent: intent,
       color: color,
       selectionType: selectionType
     }),

package/build/lib/web/development/components/Chip/ChipGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipGroup.js","sources":["../../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n accessibilityLabel,\n children,\n isDisabled = false,\n name,\n defaultValue,\n onChange,\n value,\n size = 'small',\n ~~intent~~ = '~~none~~',\n ~~color,\n~~ testID,\n selectionType = 'single',\n ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n const { contextValue, ids } = useChipGroup({\n defaultValue,\n onChange,\n value,\n isDisabled,\n name,\n size,\n ~~intent,\n~~ color,\n selectionType,\n });\n\n if (__DEV__) {\n if (selectionType === 'single' && Array.isArray(defaultValue)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n });\n }\n if (selectionType === 'single' && Array.isArray(value)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n });\n }\n }\n\n return (\n <ChipGroupProvider value={contextValue}>\n <BaseBox {...getStyledProps(styledProps)}>\n <SelectorGroupField\n accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n labelledBy={ids.labelId}\n componentName=\"chip-group\"\n testID={testID}\n >\n <BaseBox>\n <VisuallyHidden>\n <Text>{accessibilityLabel}</Text>\n </VisuallyHidden>\n <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n {React.Children.map(children, (child, index) => {\n return (\n <BaseBox\n key={index}\n marginBottom={chipGroupGapTokens[size].bottom}\n marginRight={chipGroupGapTokens[size].right}\n >\n {child}\n </BaseBox>\n );\n })}\n </BaseBox>\n </BaseBox>\n </SelectorGroupField>\n </BaseBox>\n </ChipGroupProvider>\n );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$~~intent~~","~~intent","~~color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","getStyledProps","SelectorGroupField","accessibilityRole","labelledBy","labelId","componentName","_jsxs","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,~~EAc2B~~;AAAA,EAAA,~~IAbxCC~~,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,eAAA,GAAAH,IAAA,CACRI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IAAAC,SAAA,GAAAT,IAAA,CACLU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,~~WAAA~~,GAAAX,IAAA,CACdY,~~MAAM~~;~~AAANA~~,IAAAA,~~MAAM~~,GAAAD,~~WAAA~~,KAAG,KAAA,CAAA,GAAA,~~MAAM~~,GAAAA,~~WAAA~~;~~IACfE~~,~~KAAK~~,GAAAb,IAAA,~~CAALa~~,~~KAAK;IACLC,~~MAAM~~,GAAAd,IAAA,CAANc,MAAM~~;IAAAC,kBAAA,~~GAAAf~~,IAAA,~~CACNgB~~,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,kBAAA;AACrBE,IAAAA,WAAW,GAAAC,wBAAA,~~CAAAlB~~,IAAA,~~EAAAmB~~,SAAA,CAAA,CAAA;EAEd,IAAAC,aAAA,GAA8BC,YAAY,CAAC;~~AACzCf~~,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,KAAK,EAALA,KAAK;AACLJ,MAAAA,UAAU,EAAVA,UAAU;AACVC,MAAAA,IAAI,EAAJA,IAAI;AACJK,MAAAA,IAAI,EAAJA,IAAI;AACJE,MAAAA,~~MAAM,EAANA,MAAM;AACNC,MAAAA,~~KAAK,EAALA,KAAK;AACLG,MAAAA,aAAa,EAAbA,aAAAA;AACF,KAAC,CAAC;~~IAVMM~~,YAAY,GAAAF,aAAA,CAAZE,YAAY;IAAEC,GAAG,GAAAH,aAAA,CAAHG,GAAG,CAAA;~~AAYzB~~,EAAA,IAAI,IAAO,EAAE;IACX,IAAIP,aAAa,KAAK,QAAQ,IAAIQ,KAAK,CAACC,OAAO,~~CAACnB~~,YAAY,CAAC,EAAE;~~AAC7DoB~~,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,WAAW;QACvBC,OAAO,EAAA,oHAAA;AACT,OAAC,CAAC,CAAA;AACJ,KAAA;IACA,IAAIZ,aAAa,KAAK,QAAQ,IAAIQ,KAAK,CAACC,OAAO,~~CAACjB~~,KAAK,CAAC,EAAE;~~AACtDkB~~,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,WAAW;QACvBC,OAAO,EAAA,6GAAA;AACT,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,oBACEC,GAAA,CAACC,iBAAiB,EAAA;~~AAACtB~~,IAAAA,KAAK,~~EAAEc~~,YAAa;~~AAAApB~~,IAAAA,QAAA,~~eACrC2B~~,GAAA,CAACE,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAKC,EAAAA,EAAAA,cAAc,CAAChB,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;~~MAAAf~~,QAAA,~~eACtC2B~~,GAAA,CAACK,kBAAkB,EAAA;AACjBC,QAAAA,iBAAiB,EAAEnB,aAAa,KAAK,QAAQ,GAAG,YAAY,GAAG,OAAQ;QACvEoB,UAAU,EAAEb,GAAG,CAACc,OAAQ;AACxBC,QAAAA,aAAa,EAAC,YAAY;AAC1BxB,QAAAA,MAAM,EAAEA,MAAO;~~QAAAZ~~,QAAA,~~eAEfqC~~,IAAA,CAACR,OAAO,EAAA;~~UAAA7B~~,QAAA,EAAA,~~cACN2B~~,GAAA,CAACW,cAAc,EAAA;~~YAAAtC~~,QAAA,~~eACb2B~~,GAAA,CAACY,IAAI,EAAA;~~AAAAvC~~,cAAAA,QAAA,EAAED,kBAAAA;aAAyB,CAAA;AAAC,WACnB,CAAC,~~eACjB4B~~,GAAA,CAACE,OAAO,EAAA;AAACW,YAAAA,OAAO,EAAC,MAAM;AAACC,YAAAA,aAAa,EAAC,KAAK;AAACC,YAAAA,QAAQ,EAAC,MAAM;~~AAAA1C~~,YAAAA,QAAA,~~EACxD2C~~,cAAK,CAACC,QAAQ,CAACC,GAAG,~~CAAC7C~~,QAAQ,EAAE,~~UAAC8C~~,KAAK,EAAEC,KAAK,EAAK;cAC9C,oBACEpB,GAAA,CAACE,OAAO,EAAA;AAENmB,gBAAAA,YAAY,EAAEC,kBAAkB,~~CAACzC~~,IAAI,CAAC,~~CAAC0C~~,MAAO;AAC9CC,gBAAAA,WAAW,EAAEF,kBAAkB,~~CAACzC~~,IAAI,CAAC,~~CAAC4C~~,KAAM;~~AAAApD~~,gBAAAA,QAAA,~~EAE3C8C~~,KAAAA;AAAK,eAAA,EAJDC,KAKE,CAAC,CAAA;aAEb,CAAA;AAAC,WACK,CAAC,CAAA;SACH,CAAA;OACS,CAAA;KACb,CAAA,CAAA;AAAC,GACO,CAAC,CAAA;AAExB;;;;"}
1	+ {"version":3,"file":"ChipGroup.js","sources":["../../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n accessibilityLabel,\n children,\n isDisabled = false,\n name,\n defaultValue,\n onChange,\n value,\n size = 'small',\n color = 'primary',\n testID,\n selectionType = 'single',\n ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n const { contextValue, ids } = useChipGroup({\n defaultValue,\n onChange,\n value,\n isDisabled,\n name,\n size,\n color,\n selectionType,\n });\n\n if (__DEV__) {\n if (selectionType === 'single' && Array.isArray(defaultValue)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n });\n }\n if (selectionType === 'single' && Array.isArray(value)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n });\n }\n }\n\n return (\n <ChipGroupProvider value={contextValue}>\n <BaseBox {...getStyledProps(styledProps)}>\n <SelectorGroupField\n accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n labelledBy={ids.labelId}\n componentName=\"chip-group\"\n testID={testID}\n >\n <BaseBox>\n <VisuallyHidden>\n <Text>{accessibilityLabel}</Text>\n </VisuallyHidden>\n <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n {React.Children.map(children, (child, index) => {\n return (\n <BaseBox\n key={index}\n marginBottom={chipGroupGapTokens[size].bottom}\n marginRight={chipGroupGapTokens[size].right}\n >\n {child}\n </BaseBox>\n );\n })}\n </BaseBox>\n </BaseBox>\n </SelectorGroupField>\n </BaseBox>\n </ChipGroupProvider>\n );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","getStyledProps","SelectorGroupField","accessibilityRole","labelledBy","labelId","componentName","_jsxs","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right"],"mappings":"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"}

package/build/lib/web/development/components/Chip/StyledChipWrapper.web.js CHANGED Viewed

@@ -20,8 +20,8 @@ var StyledChipWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     isChecked = _ref.isChecked,
     isDisabled = _ref.isDisabled,
     color = _ref.color;
-  var easing = getIn(theme, chipMotionTokens.easing);
-  var duration = castWebType(makeMotionTime(getIn(theme, chipMotionTokens.duration)));
+  var easing = getIn(theme.motion, chipMotionTokens.easing);
+  var duration = castWebType(makeMotionTime(getIn(theme.motion, chipMotionTokens.duration)));
   return _objectSpread({
     display: 'flex',
     borderColor: isChecked ? getIn(theme.colors, borderColor) : 'transparent'

package/build/lib/web/development/components/Chip/StyledChipWrapper.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledChipWrapper.web.js","sources":["../../../../../../src/components/Chip/StyledChipWrapper.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledChipWrapperProps } from './types';\nimport { chipMotionTokens, chipColorTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils';\n\nconst StyledChipWrapper = styled(BaseBox)<StyledChipWrapperProps>(\n ({ theme, borderColor, isChecked, isDisabled, color }) => {\n const easing = getIn(theme, chipMotionTokens.easing);\n const duration = castWebType(makeMotionTime(getIn(theme, chipMotionTokens.duration)));\n\n return {\n display: 'flex',\n borderColor: isChecked ? getIn(theme.colors, borderColor) : 'transparent',\n\n ...(!isDisabled && {\n '&:hover': {\n backgroundColor: getIn(\n theme.colors,\n chipColorTokens.background[isChecked && color ? color : 'unchecked'].hover,\n ),\n transitionTimingFunction: easing,\n transitionDuration: duration,\n },\n }),\n };\n },\n);\n\nexport { StyledChipWrapper };\n"],"names":["StyledChipWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","borderColor","isChecked","isDisabled","color","easing","getIn","chipMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","display","colors","backgroundColor","chipColorTokens","background","hover","transitionTimingFunction","transitionDuration"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACvC,CAAA,CAAA,UAAAC,IAAA,EAA0D;AAAA,EAAA,IAAvDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK,CAAA;EACjD,IAAMC,MAAM,GAAGC,KAAK,CAACN,KAAK,~~EAAEO~~,gBAAgB,~~CAACF~~,MAAM,CAAC,CAAA;~~AACpD~~,EAAA,~~IAAMG~~,QAAQ,GAAGC,WAAW,CAACC,cAAc,~~CAACJ~~,KAAK,CAACN,KAAK,~~EAAEO~~,gBAAgB,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAA;~~AAErF~~,EAAA,OAAAG,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;~~IACfX~~,WAAW,EAAEC,SAAS,GAAGI,KAAK,CAACN,KAAK,~~CAACa~~,MAAM,~~EAAEZ~~,WAAW,CAAC,GAAG,aAAA;GAExD,EAAA,CAACE,UAAU,IAAI;AACjB,IAAA,SAAS,EAAE;~~MACTW~~,eAAe,~~EAAER~~,KAAK,CACpBN,KAAK,~~CAACa~~,MAAM,EACZE,eAAe,CAACC,UAAU,~~CAACd~~,SAAS,IAAIE,KAAK,GAAGA,KAAK,GAAG,WAAW,CAAC,~~CAACa~~,KACvE,CAAC;AACDC,MAAAA,wBAAwB,~~EAAEb~~,MAAM;~~AAChCc~~,MAAAA,kBAAkB,EAAEX,QAAAA;AACtB,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}
1	+ {"version":3,"file":"StyledChipWrapper.web.js","sources":["../../../../../../src/components/Chip/StyledChipWrapper.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledChipWrapperProps } from './types';\nimport { chipMotionTokens, chipColorTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils';\n\nconst StyledChipWrapper = styled(BaseBox)<StyledChipWrapperProps>(\n ({ theme, borderColor, isChecked, isDisabled, color }) => {\n const easing = getIn(theme.motion, chipMotionTokens.easing);\n const duration = castWebType(makeMotionTime(getIn(theme.motion, chipMotionTokens.duration)));\n\n return {\n display: 'flex',\n borderColor: isChecked ? getIn(theme.colors, borderColor) : 'transparent',\n\n ...(!isDisabled && {\n '&:hover': {\n backgroundColor: getIn(\n theme.colors,\n chipColorTokens.background[isChecked && color ? color : 'unchecked'].hover,\n ),\n transitionTimingFunction: easing,\n transitionDuration: duration,\n },\n }),\n };\n },\n);\n\nexport { StyledChipWrapper };\n"],"names":["StyledChipWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","borderColor","isChecked","isDisabled","color","easing","getIn","motion","chipMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","display","colors","backgroundColor","chipColorTokens","background","hover","transitionTimingFunction","transitionDuration"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACvC,CAAA,CAAA,UAAAC,IAAA,EAA0D;AAAA,EAAA,IAAvDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK,CAAA;EACjD,IAAMC,MAAM,GAAGC,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,gBAAgB,CAACH,MAAM,CAAC,CAAA;AAC3D,EAAA,IAAMI,QAAQ,GAAGC,WAAW,CAACC,cAAc,CAACL,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,gBAAgB,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAA;AAE5F,EAAA,OAAAG,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;IACfZ,WAAW,EAAEC,SAAS,GAAGI,KAAK,CAACN,KAAK,CAACc,MAAM,EAAEb,WAAW,CAAC,GAAG,aAAA;GAExD,EAAA,CAACE,UAAU,IAAI;AACjB,IAAA,SAAS,EAAE;MACTY,eAAe,EAAET,KAAK,CACpBN,KAAK,CAACc,MAAM,EACZE,eAAe,CAACC,UAAU,CAACf,SAAS,IAAIE,KAAK,GAAGA,KAAK,GAAG,WAAW,CAAC,CAACc,KACvE,CAAC;AACDC,MAAAA,wBAAwB,EAAEd,MAAM;AAChCe,MAAAA,kBAAkB,EAAEX,QAAAA;AACtB,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/development/components/Chip/chipTokens.js CHANGED Viewed

@@ -57,60 +57,60 @@ var chipHorizontalPaddingTokens = {
 };
 var chipColorTokens = {
   text: {
-    unchecked: 'surface.text.subtle.lowContrast',
-    disabled: 'surface.text.placeholder.lowContrast',
-    "default": 'action.text.secondary.default',
-    positive: 'feedback.text.positive.lowContrast',
-    negative: 'feedback.text.negative.lowContrast'
+    unchecked: 'interactive.text.gray.subtle',
+    disabled: 'interactive.text.gray.disabled',
+    primary: 'interactive.text.primary.normal',
+    positive: 'interactive.text.positive.normal',
+    negative: 'interactive.text.negative.normal'
   },
   icon: {
-    unchecked: 'surface.text.subtle.lowContrast',
-    disabled: 'surface.text.placeholder.lowContrast',
-    "default": 'action.icon.secondary.default',
-    positive: 'feedback.icon.positive.lowContrast',
-    negative: 'feedback.icon.negative.lowContrast'
+    unchecked: 'interactive.icon.gray.subtle',
+    disabled: 'interactive.icon.gray.disabled',
+    primary: 'interactive.icon.primary.normal',
+    positive: 'interactive.icon.positive.normal',
+    negative: 'interactive.icon.negative.normal'
   },
   background: {
     unchecked: {
       "default": 'transparent',
-      hover: 'brand.gray.a50.lowContrast',
+      hover: 'interactive.background.gray.faded',
       disabled: 'transparent'
     },
-    "default": {
-      "default": 'brand.primary.300',
-      hover: 'brand.primary.400',
-      disabled: 'brand.gray.a50.lowContrast'
+    primary: {
+      "default": 'interactive.background.primary.faded',
+      hover: 'interactive.background.primary.fadedHighlighted',
+      disabled: 'interactive.background.primary.disabled'
     },
     positive: {
-      "default": 'feedback.positive.action.background.primary.default.lowContrast',
-      hover: 'feedback.positive.action.background.primary.hover.lowContrast',
-      disabled: 'brand.gray.a50.lowContrast'
+      "default": 'interactive.background.positive.faded',
+      hover: 'interactive.background.positive.fadedHighlighted',
+      disabled: 'interactive.background.positive.disabled'
     },
     negative: {
-      "default": 'feedback.negative.action.background.primary.default.lowContrast',
-      hover: 'feedback.negative.action.background.primary.hover.lowContrast',
-      disabled: 'brand.gray.a50.lowContrast'
+      "default": 'interactive.background.negative.faded',
+      hover: 'interactive.background.negative.fadedHighlighted',
+      disabled: 'interactive.background.negative.disabled'
     }
   },
   border: {
     unchecked: {
-      "default": 'brand.gray.400.lowContrast',
-      disabled: 'brand.gray.400.lowContrast'
+      "default": 'interactive.border.gray.faded',
+      disabled: 'interactive.border.gray.disabled'
     },
-    "default": {
-      "default": 'brand.primary.500',
-      hover: 'brand.primary.500',
-      disabled: 'brand.gray.a100.lowContrast'
+    primary: {
+      "default": 'interactive.border.primary.default',
+      hover: 'interactive.border.primary.default',
+      disabled: 'interactive.border.primary.disabled'
     },
     positive: {
-      "default": 'feedback.positive.action.border.primary.default.lowContrast',
-      hover: 'feedback.positive.action.border.primary.hover.lowContrast',
-      disabled: 'brand.gray.a100.lowContrast'
+      "default": 'interactive.border.positive.default',
+      hover: 'interactive.border.positive.default',
+      disabled: 'interactive.border.positive.disabled'
     },
     negative: {
-      "default": 'feedback.negative.action.border.primary.default.lowContrast',
-      hover: 'feedback.negative.action.border.primary.hover.lowContrast',
-      disabled: 'brand.gray.a50.lowContrast'
+      "default": 'interactive.border.negative.default',
+      hover: 'interactive.border.negative.default',
+      disabled: 'interactive.border.negative.disabled'
     }
   }
 };
@@ -118,12 +118,12 @@ var getChipInputHoverTokens = function getChipInputHoverTokens(color) {
   return {
     "default": {
       background: {
-        checked: 'transparent',
-        unchecked: 'transparent'
+        checked: 'colors.interactive.background.staticWhite.default',
+        unchecked: 'colors.interactive.background.staticWhite.default'
       },
       border: {
         checked: "colors.".concat(chipColorTokens.border[color || 'default'].hover),
-        unchecked: 'colors.brand.gray.500.lowContrast'
+        unchecked: 'colors.interactive.border.gray.default'
       }
     }
   };
@@ -153,8 +153,8 @@ var chipTextSizes = {
   }
 };
 var chipMotionTokens = {
-  duration: 'motion.duration.xquick',
-  easing: 'motion.easing.standard.effective'
+  duration: 'duration.xquick',
+  easing: 'easing.standard.effective'
 };
 export { chipColorTokens, chipGroupGapTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };