@razorpay/blade 11.15.2 → 11.16.0

package/build/lib/web/development/components/Chip/useChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipGroup.js","sources":["../../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n  ChipGroupProps,\n  'isDisabled' | 'name' | 'value' | 'defaultValue' | 'onChange' | 'size' | 'color' | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n  state: State;\n  contextValue: ChipGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  onChange,\n  name,\n  size,\n  color,\n  selectionType,\n}: UseChipGroupProps): UseChipGroupReturn => {\n  const idBase = useId('chip-group');\n  const labelId = `${idBase}-label`;\n\n  const fallbackName = name ?? idBase;\n  const [checkedValues, setValues] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue || []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      isChecked(value: string): boolean {\n        if (selectionType === 'single') {\n          if (isUndefined(value) || isUndefined(checkedValues)) return false;\n          return checkedValues[0] === value;\n        }\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(() => [value]);\n        }\n        if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n          setValues(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(undefined!);\n        }\n        if (\n          selectionType === 'multiple' &&\n          Array.isArray(checkedValues) &&\n          checkedValues.includes(value)\n        ) {\n          setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValues, selectionType]);\n\n  const contextValue = React.useMemo<ChipGroupContextType>(() => {\n    return {\n      isDisabled,\n      name,\n      state,\n      size,\n      color,\n      selectionType,\n    };\n  }, [isDisabled, name, state, size, color, selectionType]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","onChange","name","size","color","selectionType","idBase","useId","labelId","concat","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}
+{"version":3,"file":"useChipGroup.js","sources":["../../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n  ChipGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'size'\n  | 'color'\n  | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n  state: State;\n  contextValue: ChipGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  onChange,\n  name,\n  size,\n  color,\n  selectionType,\n  necessityIndicator,\n  validationState,\n}: UseChipGroupProps): UseChipGroupReturn => {\n  const idBase = useId('chip-group');\n  const labelId = `${idBase}-label`;\n  const fallbackName = name ?? idBase;\n  const [checkedValues, setValues] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue || []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      isChecked(value: string): boolean {\n        if (selectionType === 'single') {\n          if (isUndefined(value) || isUndefined(checkedValues)) return false;\n          return checkedValues[0] === value;\n        }\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(() => [value]);\n        }\n        if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n          setValues(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(undefined!);\n        }\n        if (\n          selectionType === 'multiple' &&\n          Array.isArray(checkedValues) &&\n          checkedValues.includes(value)\n        ) {\n          setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValues, selectionType]);\n\n  const contextValue = React.useMemo<ChipGroupContextType>(() => {\n    return {\n      isDisabled,\n      isRequired,\n      necessityIndicator,\n      validationState,\n      name,\n      state,\n      size,\n      color,\n      selectionType,\n    };\n  }, [\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    validationState,\n    name,\n    state,\n    size,\n    color,\n    selectionType,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","isRequired","onChange","name","size","color","selectionType","necessityIndicator","validationState","idBase","useId","labelId","concat","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}

package/build/lib/web/development/components/Indicator/Indicator.js

@@ -1,21 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useCallback } from 'react';
+import { indicatorDotSizes, textSizeMapping } from './indicatorTokens.js';
 import '../BladeProvider/index.js';
 import '../Box/BaseBox/index.js';
 import '../Icons/_Svg/index.js';
 import '../Icons/_Svg/Circle/index.js';
 import '../Typography/index.js';
-import '../../tokens/global/index.js';
 import '../../utils/getStringChildren/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/makeAccessible/index.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
-import { size } from '../../tokens/global/size.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
@@ -26,48 +24,34 @@ import Svg from '../Icons/_Svg/Svg/Svg.web.js';
 import Circle from '../Icons/_Svg/Circle/Circle.web.js';
 import { Text } from '../Typography/Text/Text.js';
 
-var _excluded = ["accessibilityLabel", "children", "size", "color", "testID"];
+var _excluded = ["accessibilityLabel", "children", "size", "color", "emphasis", "testID"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Indicator = function Indicator(_ref) {
   var accessibilityLabel = _ref.accessibilityLabel,
     children = _ref.children,
     _ref$size = _ref.size,
-    size$1 = _ref$size === void 0 ? 'medium' : _ref$size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'neutral' : _ref$color,
+    _ref$emphasis = _ref.emphasis,
+    emphasis = _ref$emphasis === void 0 ? 'subtle' : _ref$emphasis,
     testID = _ref.testID,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var childrenString = getStringFromReactText(children);
-  var fillColor = color === 'primary' ? theme.colors.surface.background.primary.intense : theme.colors.feedback.background[color].intense;
-  var getDimension = useCallback(function () {
-    switch (size$1) {
-      case 'small':
-        return {
-          svgSize: size[6],
-          textSize: 'small'
-        };
-      case 'large':
-        return {
-          svgSize: size[10],
-          textSize: 'medium'
-        };
-      default:
-        return {
-          svgSize: size[8],
-          textSize: 'medium'
-        };
-    }
-  }, [size$1]);
-  var dimensions = getDimension();
+  var isIntense = emphasis === 'intense';
+  var isPrimary = color === 'primary';
+  var fillColorOuter = isPrimary ? theme.colors.surface.background.primary.subtle : theme.colors.feedback.background[color].subtle;
+  var fillColorInner = isPrimary ? theme.colors.surface.icon.primary.normal : theme.colors.feedback.icon[color].intense;
   var isWeb = !isReactNative();
   var a11yProps = makeAccessible(_objectSpread({
     label: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : childrenString
   }, isWeb && {
     role: 'status'
   }));
+  var svgSize = isIntense ? indicatorDotSizes[emphasis][size].outer : indicatorDotSizes[emphasis][size].inner;
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: isWeb ? 'inline-flex' : 'flex'
   }, a11yProps), metaAttribute({
@@ -79,15 +63,27 @@ var Indicator = function Indicator(_ref) {
       flexDirection: "row",
       alignItems: "center",
       children: [/*#__PURE__*/jsx(Svg, {
-        width: String(dimensions.svgSize),
-        height: String(dimensions.svgSize),
+        width: String(svgSize),
+        height: String(svgSize),
         viewBox: "0 0 10 10",
         fill: "none",
-        children: /*#__PURE__*/jsx(Circle, {
+        children: isIntense ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Circle, {
+            cx: "5",
+            cy: "5",
+            r: "5",
+            fill: fillColorOuter
+          }), /*#__PURE__*/jsx(Circle, {
+            cx: "5",
+            cy: "5",
+            r: "2.5",
+            fill: fillColorInner
+          })]
+        }) : /*#__PURE__*/jsx(Circle, {
           cx: "5",
           cy: "5",
           r: "5",
-          fill: fillColor
+          fill: fillColorInner
         })
       }), /*#__PURE__*/jsx(BaseBox, {
         marginLeft: "spacing.2",
@@ -95,7 +91,7 @@ var Indicator = function Indicator(_ref) {
           weight: "medium",
           color: "surface.text.gray.subtle",
           textAlign: "left",
-          size: dimensions.textSize,
+          size: textSizeMapping[size],
           children: children
         })
       })]

package/build/lib/web/development/components/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback } from 'react';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { size as sizeToken } from '~tokens/global';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype IndicatorCommonProps = {\n  /**\n   * Sets the color tone\n   *\n   * @default neutral\n   */\n  color?: FeedbackColors | 'primary';\n\n  /**\n   * Size of the indicator\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype IndicatorWithoutA11yLabel = {\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children: StringChildrenType;\n\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel?: string;\n};\n\ntype IndicatorWithA11yLabel = {\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel: string;\n\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children?: StringChildrenType;\n};\n\ntype IndicatorProps = IndicatorCommonProps & (IndicatorWithA11yLabel | IndicatorWithoutA11yLabel);\n\ntype Dimensions = {\n  svgSize: number;\n  textSize: 'small' | 'medium';\n};\n\nconst Indicator = ({\n  accessibilityLabel,\n  children,\n  size = 'medium',\n  color = 'neutral',\n  testID,\n  ...styledProps\n}: IndicatorProps): ReactElement => {\n  const { theme } = useTheme();\n  const childrenString = getStringFromReactText(children);\n\n  const fillColor =\n    color === 'primary'\n      ? theme.colors.surface.background.primary.intense\n      : theme.colors.feedback.background[color].intense;\n  const getDimension = useCallback((): Dimensions => {\n    switch (size) {\n      case 'small':\n        return { svgSize: sizeToken[6], textSize: 'small' };\n      case 'large':\n        return { svgSize: sizeToken[10], textSize: 'medium' };\n      default:\n        return { svgSize: sizeToken[8], textSize: 'medium' };\n    }\n  }, [size]);\n  const dimensions = getDimension();\n\n  const isWeb = !isReactNative();\n  const a11yProps = makeAccessible({\n    label: accessibilityLabel ?? childrenString,\n    ...(isWeb && { role: 'status' }),\n  });\n\n  return (\n    <BaseBox\n      display={(isWeb ? 'inline-flex' : 'flex') as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n        <Svg\n          width={String(dimensions.svgSize)}\n          height={String(dimensions.svgSize)}\n          viewBox=\"0 0 10 10\"\n          fill=\"none\"\n        >\n          <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColor} />\n        </Svg>\n        <BaseBox marginLeft=\"spacing.2\">\n          <Text\n            weight=\"medium\"\n            color=\"surface.text.gray.subtle\"\n            textAlign=\"left\"\n            size={dimensions.textSize}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["Indicator","_ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","fillColor","colors","surface","background","primary","intense","feedback","getDimension","useCallback","svgSize","sizeToken","textSize","dimensions","isWeb","isReactNative","a11yProps","makeAccessible","_objectSpread","label","role","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","getStyledProps","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","Circle","cx","cy","r","marginLeft","Text","weight","textAlign"],"mappings":"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"}
+{"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype IndicatorCommonProps = {\n  /**\n   * Sets the color tone\n   *\n   * @default neutral\n   */\n  color?: FeedbackColors | 'primary';\n\n  /**\n   * Sets the emphasis of the indicator\n   *\n   * If set to intense it will show a background circle\n   *\n   * @default subtle\n   */\n  emphasis?: 'subtle' | 'intense';\n\n  /**\n   * Size of the indicator\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype IndicatorWithoutA11yLabel = {\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children: StringChildrenType;\n\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel?: string;\n};\n\ntype IndicatorWithA11yLabel = {\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel: string;\n\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children?: StringChildrenType;\n};\n\ntype IndicatorProps = IndicatorCommonProps & (IndicatorWithA11yLabel | IndicatorWithoutA11yLabel);\n\nconst Indicator = ({\n  accessibilityLabel,\n  children,\n  size = 'medium',\n  color = 'neutral',\n  emphasis = 'subtle',\n  testID,\n  ...styledProps\n}: IndicatorProps): ReactElement => {\n  const { theme } = useTheme();\n  const childrenString = getStringFromReactText(children);\n  const isIntense = emphasis === 'intense';\n  const isPrimary = color === 'primary';\n\n  const fillColorOuter = isPrimary\n    ? theme.colors.surface.background.primary.subtle\n    : theme.colors.feedback.background[color].subtle;\n  const fillColorInner = isPrimary\n    ? theme.colors.surface.icon.primary.normal\n    : theme.colors.feedback.icon[color].intense;\n\n  const isWeb = !isReactNative();\n  const a11yProps = makeAccessible({\n    label: accessibilityLabel ?? childrenString,\n    ...(isWeb && { role: 'status' }),\n  });\n\n  const svgSize = isIntense\n    ? indicatorDotSizes[emphasis][size].outer\n    : indicatorDotSizes[emphasis][size].inner;\n\n  return (\n    <BaseBox\n      display={(isWeb ? 'inline-flex' : 'flex') as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n        <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n          {isIntense ? (\n            <>\n              <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n              <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n            </>\n          ) : (\n            <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n          )}\n        </Svg>\n        <BaseBox marginLeft=\"spacing.2\">\n          <Text\n            weight=\"medium\"\n            color=\"surface.text.gray.subtle\"\n            textAlign=\"left\"\n            size={textSizeMapping[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["Indicator","_ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","_objectSpread","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","getStyledProps","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping"],"mappings":"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"}

package/build/lib/web/development/components/Indicator/indicatorTokens.js

@@ -0,0 +1,41 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+var textSizeMapping = {
+  small: 'small',
+  large: 'medium',
+  medium: 'medium'
+};
+var indicatorDotSizes = {
+  subtle: {
+    small: {
+      outer: 0,
+      inner: size[6]
+    },
+    medium: {
+      outer: 0,
+      inner: size[8]
+    },
+    large: {
+      outer: 0,
+      inner: size[10]
+    }
+  },
+  intense: {
+    small: {
+      outer: size[16],
+      inner: size[8]
+    },
+    medium: {
+      outer: size[20],
+      inner: size[10]
+    },
+    large: {
+      outer: size[24],
+      inner: size[12]
+    }
+  }
+};
+
+export { indicatorDotSizes, textSizeMapping };
+//# sourceMappingURL=indicatorTokens.js.map

package/build/lib/web/development/components/Indicator/indicatorTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicatorTokens.js","sources":["../../../../../../src/components/Indicator/indicatorTokens.ts"],"sourcesContent":["import { size as sizeToken } from '~tokens/global';\n\nconst textSizeMapping = {\n  small: 'small',\n  large: 'medium',\n  medium: 'medium',\n} as const;\n\nconst indicatorDotSizes = {\n  subtle: {\n    small: {\n      outer: 0,\n      inner: sizeToken[6],\n    },\n    medium: {\n      outer: 0,\n      inner: sizeToken[8],\n    },\n    large: {\n      outer: 0,\n      inner: sizeToken[10],\n    },\n  },\n  intense: {\n    small: {\n      outer: sizeToken[16],\n      inner: sizeToken[8],\n    },\n    medium: {\n      outer: sizeToken[20],\n      inner: sizeToken[10],\n    },\n    large: {\n      outer: sizeToken[24],\n      inner: sizeToken[12],\n    },\n  },\n} as const;\n\nexport { indicatorDotSizes, textSizeMapping };\n"],"names":["textSizeMapping","small","large","medium","indicatorDotSizes","subtle","outer","inner","sizeToken","intense"],"mappings":";;;AAEA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;AAEV,IAAMC,iBAAiB,GAAG;AACxBC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,KAAK,EAAE;AACLK,MAAAA,KAAK,EAAE,CAAC;MACRC,KAAK,EAAEC,IAAS,CAAC,CAAC,CAAA;KACnB;AACDL,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAE,CAAC;MACRC,KAAK,EAAEC,IAAS,CAAC,CAAC,CAAA;KACnB;AACDN,IAAAA,KAAK,EAAE;AACLI,MAAAA,KAAK,EAAE,CAAC;MACRC,KAAK,EAAEC,IAAS,CAAC,EAAE,CAAA;AACrB,KAAA;GACD;AACDC,EAAAA,OAAO,EAAE;AACPR,IAAAA,KAAK,EAAE;AACLK,MAAAA,KAAK,EAAEE,IAAS,CAAC,EAAE,CAAC;MACpBD,KAAK,EAAEC,IAAS,CAAC,CAAC,CAAA;KACnB;AACDL,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAEE,IAAS,CAAC,EAAE,CAAC;MACpBD,KAAK,EAAEC,IAAS,CAAC,EAAE,CAAA;KACpB;AACDN,IAAAA,KAAK,EAAE;AACLI,MAAAA,KAAK,EAAEE,IAAS,CAAC,EAAE,CAAC;MACpBD,KAAK,EAAEC,IAAS,CAAC,EAAE,CAAA;AACrB,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/development/components/List/ListItemIcons.js

@@ -24,7 +24,7 @@ var UnorderedLevel1Icon = function UnorderedLevel1Icon(_ref) {
       cy: "3px",
       r: "3px",
       fill: color,
-      fillOpacity: opacity[6]
+      fillOpacity: opacity[600]
     })
   });
 };
@@ -57,7 +57,7 @@ var UnorderedLevel3Icon = function UnorderedLevel3Icon(_ref3) {
       height: iconDimensions,
       rx: "1px",
       fill: color,
-      fillOpacity: opacity[6]
+      fillOpacity: opacity[600]
     })
   });
 };

package/build/lib/web/development/components/List/ListItemIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcons.js","sources":["../../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[6]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[6]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}
+{"version":3,"file":"ListItemIcons.js","sources":["../../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}