@elliemae/ds-chip 3.0.0-next.67

package/dist/cjs/styles.js

@@ -0,0 +1,175 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledChip: () => StyledChip,
+  StyledChipLabel: () => StyledChipLabel,
+  StyledRoundShape: () => StyledRoundShape
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants");
+var import_exported_related = require("./exported_related");
+const getChipSize = (shape) => shape === import_constants.CHIP_SHAPES.ROUND ? import_constants.shapeSizes : import_constants.basicSizes;
+const styledChipSelectedCss = import_ds_system.css`
+  & > div:first-child {
+    background-color: ${({ theme }) => theme.colors.brand[800]};
+  }
+  color: ${({ theme }) => theme.colors.brand[800]};
+  background-color: ${({ theme }) => theme.colors.brand[200]};
+
+  .ds-icon-svg {
+    fill: ${({ theme }) => theme.colors.brand[800]};
+  }
+
+  &:before {
+    border: 1px solid ${({ theme }) => theme.colors.brand[600]};
+  }
+
+  &:focus {
+    &:before {
+      border: 2px solid ${({ theme }) => theme.colors.brand[800]};
+    }
+  }
+`;
+const StyledChipLabel = (0, import_ds_system.styled)("div", { name: import_exported_related.DSChipName, slot: import_exported_related.DSChipSlots.LABEL })`
+  font-size: ${({ theme }) => theme.fontSizes.label[200]};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  word-wrap: break-word;
+  margin: 0 6px;
+  line-height: 1.45;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const StyledChip = (0, import_ds_system.styled)("button", { name: import_exported_related.DSChipName, slot: import_exported_related.DSChipSlots.BUTTON })`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
+  border: none;
+  height: ${({ size, buttonShape }) => getChipSize(buttonShape)[size].height};
+  width: ${({ size, buttonShape }) => getChipSize(buttonShape)[size].width};
+  background-color: #fff;
+  color: ${({ theme }) => theme.colors.brand[600]};
+  border-radius: 4px;
+  cursor: pointer;
+  outline: none;
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 4px;
+    border: 2px solid transparent;
+  }
+
+  & .ds-icon-root .ds-icon-svg {
+    fill: ${({ theme }) => theme.colors.brand[600]};
+    height: 24px;
+    width: 24px;
+  }
+
+  & .ds-icon-root {
+    height: 24px;
+    width: 24px;
+  }
+
+  &:hover {
+    & > div:first-child {
+      background-color: ${({ theme }) => theme.colors.brand[800]};
+    }
+    color: ${({ theme }) => theme.colors.brand[800]};
+    background-color: ${({ theme }) => theme.colors.brand[200]};
+    .ds-icon-svg {
+      fill: ${({ theme }) => theme.colors.brand[800]};
+    }
+  }
+
+  &:focus {
+    &:before {
+      border-color: ${({ theme }) => theme.colors.brand[800]};
+    }
+  }
+
+  &:disabled {
+    color: ${({ theme }) => theme.colors.neutral[500]};
+    cursor: not-allowed;
+
+    .ds-icon-svg {
+      fill: ${({ theme }) => theme.colors.neutral[500]};
+    }
+
+    &:focus,
+    &:hover {
+      & > div:first-child {
+        background-color: ${({ theme }) => theme.colors.neutral[200]};
+      }
+      background-color: #fff;
+      cursor: not-allowed;
+      &:before {
+        border-color: transparent;
+      }
+
+      ${StyledChipLabel} {
+        color: ${({ theme }) => theme.colors.neutral[500]};
+      }
+    }
+
+    &:hover .ds-icon-svg {
+      fill: ${({ theme }) => theme.colors.neutral[500]};
+    }
+  }
+
+  ${({ selected }) => !selected ? "" : styledChipSelectedCss}
+`;
+const disabledRoundShape = import_ds_system.css`
+  background-color: ${({ theme }) => theme.colors.neutral[200]};
+
+  & .ds-icon-root .ds-icon-svg {
+    fill: ${({ theme }) => theme.colors.neutral[500]};
+  }
+`;
+const StyledRoundShape = (0, import_ds_system.styled)("div", { name: import_exported_related.DSChipName, slot: import_exported_related.DSChipSlots.ROUND_SHAPE })`
+  background-color: ${({ theme }) => theme.colors.brand[600]};
+  width: ${({ size }) => size === import_constants.CHIP_SIZES.L ? import_constants.roundShapeLarge : import_constants.roundShapeSmall};
+  height: ${({ size }) => size === import_constants.CHIP_SIZES.L ? import_constants.roundShapeLarge : import_constants.roundShapeSmall};
+  border-radius: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 3px 0px;
+
+  & .ds-icon-root .ds-icon-svg {
+    fill: #fff;
+    height: 24px;
+    width: 24px;
+  }
+
+  ${({ disabled }) => disabled && disabledRoundShape}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, css } from '@elliemae/ds-system';\nimport { basicSizes, shapeSizes, CHIP_SHAPES, CHIP_SIZES, roundShapeLarge, roundShapeSmall } from './constants';\nimport type { ChipShapesT, ChipSizesT } from './sharedTypes';\nimport { DSChipName, DSChipSlots } from './exported_related';\n\nexport interface StyledChipPropsT {\n  size: ChipSizesT;\n  buttonShape: ChipShapesT;\n}\n\nconst getChipSize = (shape: ChipShapesT) => (shape === CHIP_SHAPES.ROUND ? shapeSizes : basicSizes);\n\nconst styledChipSelectedCss = css`\n  & > div:first-child {\n    background-color: ${({ theme }) => theme.colors.brand[800]};\n  }\n  color: ${({ theme }) => theme.colors.brand[800]};\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n\n  .ds-icon-svg {\n    fill: ${({ theme }) => theme.colors.brand[800]};\n  }\n\n  &:before {\n    border: 1px solid ${({ theme }) => theme.colors.brand[600]};\n  }\n\n  &:focus {\n    &:before {\n      border: 2px solid ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledChipLabel = styled('div', { name: DSChipName, slot: DSChipSlots.LABEL })`\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  word-wrap: break-word;\n  margin: 0 6px;\n  line-height: 1.45;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledChip = styled('button', { name: DSChipName, slot: DSChipSlots.BUTTON })<{\n  selected: boolean | undefined;\n}>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-evenly;\n  border: none;\n  height: ${({ size, buttonShape }) => getChipSize(buttonShape)[size].height};\n  width: ${({ size, buttonShape }) => getChipSize(buttonShape)[size].width};\n  background-color: #fff;\n  color: ${({ theme }) => theme.colors.brand[600]};\n  border-radius: 4px;\n  cursor: pointer;\n  outline: none;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 4px;\n    border: 2px solid transparent;\n  }\n\n  & .ds-icon-root .ds-icon-svg {\n    fill: ${({ theme }) => theme.colors.brand[600]};\n    height: 24px;\n    width: 24px;\n  }\n\n  & .ds-icon-root {\n    height: 24px;\n    width: 24px;\n  }\n\n  &:hover {\n    & > div:first-child {\n      background-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n    color: ${({ theme }) => theme.colors.brand[800]};\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    .ds-icon-svg {\n      fill: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  &:focus {\n    &:before {\n      border-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  &:disabled {\n    color: ${({ theme }) => theme.colors.neutral[500]};\n    cursor: not-allowed;\n\n    .ds-icon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    &:focus,\n    &:hover {\n      & > div:first-child {\n        background-color: ${({ theme }) => theme.colors.neutral[200]};\n      }\n      background-color: #fff;\n      cursor: not-allowed;\n      &:before {\n        border-color: transparent;\n      }\n\n      ${StyledChipLabel} {\n        color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n    }\n\n    &:hover .ds-icon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n  }\n\n  ${({ selected }) => (!selected ? '' : styledChipSelectedCss)}\n`;\n\nconst disabledRoundShape = css`\n  background-color: ${({ theme }) => theme.colors.neutral[200]};\n\n  & .ds-icon-root .ds-icon-svg {\n    fill: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledRoundShape = styled('div', { name: DSChipName, slot: DSChipSlots.ROUND_SHAPE })`\n  background-color: ${({ theme }) => theme.colors.brand[600]};\n  width: ${({ size }) => (size === CHIP_SIZES.L ? roundShapeLarge : roundShapeSmall)};\n  height: ${({ size }) => (size === CHIP_SIZES.L ? roundShapeLarge : roundShapeSmall)};\n  border-radius: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 3px 0px;\n\n  & .ds-icon-root .ds-icon-svg {\n    fill: #fff;\n    height: 24px;\n    width: 24px;\n  }\n\n  ${({ disabled }) => disabled && disabledRoundShape}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DSChip.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { describe } from "@elliemae/ds-utilities";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { useConfig } from "./config/useConfig";
+import { StyledChip, StyledChipLabel, StyledRoundShape } from "./styles";
+import { CHIP_SHAPES } from "./constants";
+import { DSChipPropTypes } from "./react-desc-prop-types";
+const DSChip = (props) => {
+  const { size, selected, innerRef, icon: Icon, globalAttrs, xStyledAttrs } = useConfig(props);
+  const _a = globalAttrs, { shape, label, type, disabled } = _a, restGlobals = __objRest(_a, ["shape", "label", "type", "disabled"]);
+  return /* @__PURE__ */ React2.createElement(StyledChip, __spreadValues(__spreadValues({
+    "aria-disabled": disabled,
+    disabled,
+    buttonShape: shape,
+    size,
+    ref: innerRef,
+    selected
+  }, restGlobals), xStyledAttrs), shape === CHIP_SHAPES.ROUND ? /* @__PURE__ */ React2.createElement(StyledRoundShape, {
+    disabled,
+    size
+  }, /* @__PURE__ */ React2.createElement(Icon, null)) : /* @__PURE__ */ React2.createElement(Icon, null), /* @__PURE__ */ React2.createElement(StyledChipLabel, null, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+    value: label,
+    placement: "bottom"
+  })));
+};
+DSChip.propTypes = DSChipPropTypes;
+const DSChipWithSchema = describe(DSChip);
+DSChipWithSchema.propTypes = DSChipPropTypes;
+export {
+  DSChip,
+  DSChipWithSchema
+};
+//# sourceMappingURL=DSChip.js.map

package/dist/esm/DSChip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSChip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { useConfig } from './config/useConfig';\nimport { StyledChip, StyledChipLabel, StyledRoundShape } from './styles';\nimport { CHIP_SHAPES } from './constants';\nimport { DSChipT, DSChipPropTypes } from './react-desc-prop-types';\n\nconst DSChip: React.ComponentType<DSChipT.Props> = (props) => {\n  const { size, selected, innerRef, icon: Icon, globalAttrs, xStyledAttrs } = useConfig(props);\n\n  const { shape, label, type, disabled, ...restGlobals } = globalAttrs;\n\n  return (\n    <StyledChip\n      aria-disabled={disabled}\n      disabled={disabled}\n      buttonShape={shape}\n      size={size}\n      ref={innerRef}\n      selected={selected}\n      {...restGlobals}\n      {...xStyledAttrs}\n    >\n      {shape === CHIP_SHAPES.ROUND ? (\n        <StyledRoundShape disabled={disabled} size={size}>\n          <Icon />\n        </StyledRoundShape>\n      ) : (\n        <Icon />\n      )}\n      <StyledChipLabel>\n        <SimpleTruncatedTooltipText value={label} placement=\"bottom\" />\n      </StyledChipLabel>\n    </StyledChip>\n  );\n};\n\nDSChip.propTypes = DSChipPropTypes;\nconst DSChipWithSchema = describe(DSChip);\nDSChipWithSchema.propTypes = DSChipPropTypes;\n\nexport { DSChip, DSChipWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAA6C,CAAC,UAAU;AAC5D,QAAM,EAAE,MAAM,UAAU,UAAU,MAAM,MAAM,aAAa,iBAAiB,UAAU,KAAK;AAE3F,QAAyD,kBAAjD,SAAO,OAAO,MAAM,aAA6B,IAAhB,wBAAgB,IAAhB,CAAjC,SAAO,SAAO,QAAM;AAE5B,SACE,qCAAC;AAAA,IACC,iBAAe;AAAA,IACf;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,KAAK;AAAA,IACL;AAAA,KACI,cACA,eAEH,UAAU,YAAY,QACrB,qCAAC;AAAA,IAAiB;AAAA,IAAoB;AAAA,KACpC,qCAAC,UAAK,CACR,IAEA,qCAAC,UAAK,GAER,qCAAC,uBACC,qCAAC;AAAA,IAA2B,OAAO;AAAA,IAAO,WAAU;AAAA,GAAS,CAC/D,CACF;AAEJ;AAEA,OAAO,YAAY;AACnB,MAAM,mBAAmB,SAAS,MAAM;AACxC,iBAAiB,YAAY;",
+  "names": []
+}

package/dist/esm/config/useConfig.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import {
+  useMemoMergePropsWithDefault,
+  useGetGlobalAttributes,
+  useValidateTypescriptPropTypes,
+  useGetXstyledProps
+} from "@elliemae/ds-utilities";
+import { defaultProps, DSChipPropTypes } from "../react-desc-prop-types";
+const useConfig = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, DSChipPropTypes);
+  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
+  const xStyledAttrs = useGetXstyledProps(propsWithDefault);
+  return __spreadProps(__spreadValues({}, propsWithDefault), { globalAttrs, xStyledAttrs });
+};
+export {
+  useConfig
+};
+//# sourceMappingURL=useConfig.js.map

package/dist/esm/config/useConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { DSChipT, defaultProps, DSChipPropTypes } from '../react-desc-prop-types';\n\nexport const useConfig = (props: DSChipT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes<DSChipT.Props>(propsWithDefault, DSChipPropTypes);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n  return { ...propsWithDefault, globalAttrs, xStyledAttrs };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEO,MAAM,YAAY,CAAC,UAAyB;AACjD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AAEzE,iCAA8C,kBAAkB,eAAe;AAC/E,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO,iCAAK,mBAAL,EAAuB,aAAa,aAAa;AAC1D;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+const CHIP_SHAPES = {
+  DEFAULT: "default",
+  ROUND: "round"
+};
+const CHIP_SIZES = {
+  S: "s",
+  L: "l"
+};
+const roundShapeLarge = "56px";
+const roundShapeSmall = "40px";
+const basicSizes = {
+  s: {
+    width: "72px",
+    height: "67px"
+  },
+  l: {
+    width: "92px",
+    height: "67px"
+  }
+};
+const shapeSizes = {
+  s: {
+    width: "72px",
+    height: "77px"
+  },
+  l: {
+    width: "92px",
+    height: "85px"
+  }
+};
+const ChipSizesValuesArray = Object.values(CHIP_SIZES);
+const ChipShapesValuesArray = Object.values(CHIP_SHAPES);
+const ChipInteractionStates = ["hover", "focus", "active"];
+const ChipSizesValuesString = JSON.stringify(ChipSizesValuesArray);
+const ChipShapesValuesString = JSON.stringify(ChipShapesValuesArray);
+const ChipInteractionStatesValuesString = JSON.stringify(ChipInteractionStates);
+export {
+  CHIP_SHAPES,
+  CHIP_SIZES,
+  ChipInteractionStates,
+  ChipInteractionStatesValuesString,
+  ChipShapesValuesArray,
+  ChipShapesValuesString,
+  ChipSizesValuesArray,
+  ChipSizesValuesString,
+  basicSizes,
+  roundShapeLarge,
+  roundShapeSmall,
+  shapeSizes
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const CHIP_SHAPES = {\n  DEFAULT: 'default' as const,\n  ROUND: 'round' as const,\n};\n\nexport const CHIP_SIZES = {\n  S: 's' as const,\n  L: 'l' as const,\n};\n\nexport const roundShapeLarge = '56px';\nexport const roundShapeSmall = '40px';\n\nexport const basicSizes = {\n  s: {\n    width: '72px',\n    height: '67px',\n  } as const,\n  l: {\n    width: '92px',\n    height: '67px',\n  } as const,\n};\n\nexport const shapeSizes = {\n  s: {\n    width: '72px',\n    height: '77px',\n  } as const,\n  l: {\n    width: '92px',\n    height: '85px',\n  } as const,\n};\n\nexport const ChipSizesValuesArray = Object.values(CHIP_SIZES);\nexport const ChipShapesValuesArray = Object.values(CHIP_SHAPES);\nexport const ChipInteractionStates = ['hover', 'focus', 'active'];\n\nexport const ChipSizesValuesString = JSON.stringify(ChipSizesValuesArray);\nexport const ChipShapesValuesString = JSON.stringify(ChipShapesValuesArray);\nexport const ChipInteractionStatesValuesString = JSON.stringify(ChipInteractionStates);\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AAExB,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,uBAAuB,OAAO,OAAO,UAAU;AACrD,MAAM,wBAAwB,OAAO,OAAO,WAAW;AACvD,MAAM,wBAAwB,CAAC,SAAS,SAAS,QAAQ;AAEzD,MAAM,wBAAwB,KAAK,UAAU,oBAAoB;AACjE,MAAM,yBAAyB,KAAK,UAAU,qBAAqB;AACnE,MAAM,oCAAoC,KAAK,UAAU,qBAAqB;",
+  "names": []
+}

package/dist/esm/exported_related/data-test-ids.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+const DSChipDataTestIds = {
+  BUTTON: "ds-chip-button",
+  LABEL: "ds-chip-label",
+  ROUND_SHAPE: "ds-chip-round-shape"
+};
+export {
+  DSChipDataTestIds
+};
+//# sourceMappingURL=data-test-ids.js.map

package/dist/esm/exported_related/data-test-ids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported_related/data-test-ids.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChipDataTestIds = {\n  BUTTON: 'ds-chip-button',\n  LABEL: 'ds-chip-label',\n  ROUND_SHAPE: 'ds-chip-round-shape',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,oBAAoB;AAAA,EAC/B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf;",
+  "names": []
+}

package/dist/esm/exported_related/index.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export * from "./data-test-ids";
+export * from "./theming";
+//# sourceMappingURL=index.js.map

package/dist/esm/exported_related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported_related/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/exported_related/theming.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const DSChipName = "DS-Chip";
+const DSChipSlots = {
+  BUTTON: "root",
+  LABEL: "label",
+  ROUND_SHAPE: "round-shape"
+};
+export {
+  DSChipName,
+  DSChipSlots
+};
+//# sourceMappingURL=theming.js.map

package/dist/esm/exported_related/theming.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported_related/theming.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChipName = 'DS-Chip';\n\nexport const DSChipSlots = {\n  BUTTON: 'root',\n  LABEL: 'label',\n  ROUND_SHAPE: 'round-shape',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export * from "./DSChip";
+export * from "./constants";
+export * from "./exported_related";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSChip';\nexport * from './constants';\nexport * from './exported_related';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import {
+  PropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-utilities";
+import {
+  CHIP_SIZES,
+  CHIP_SHAPES,
+  ChipSizesValuesArray,
+  ChipSizesValuesString,
+  ChipShapesValuesArray,
+  ChipShapesValuesString
+} from "./constants";
+const defaultProps = {
+  size: CHIP_SIZES.L,
+  shape: CHIP_SHAPES.DEFAULT
+};
+const DSChipPropTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAttributesPropTypes), xstyledPropTypes), {
+  icon: PropTypes.func.isRequired.description("Chip Icon").defaultValue(),
+  label: PropTypes.string.isRequired.description("Chip Label").defaultValue(""),
+  selected: PropTypes.bool.description("Whether chip is selected").defaultValue(""),
+  shape: PropTypes.oneOf(ChipShapesValuesArray).description(ChipShapesValuesString).defaultValue(CHIP_SHAPES.DEFAULT),
+  size: PropTypes.oneOf(ChipSizesValuesArray).description(ChipSizesValuesString).defaultValue(CHIP_SIZES.L),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Inner ref to button component.")
+});
+export {
+  DSChipPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport {\n  CHIP_SIZES,\n  CHIP_SHAPES,\n  ChipSizesValuesArray,\n  ChipSizesValuesString,\n  ChipShapesValuesArray,\n  ChipShapesValuesString,\n} from './constants';\nimport type { ChipSizesT, ChipShapesT } from './sharedTypes';\n\nexport const defaultProps: Omit<DSChipT.Props, 'label'> = {\n  size: CHIP_SIZES.L,\n  shape: CHIP_SHAPES.DEFAULT,\n};\n\nexport declare namespace DSChipT {\n  interface IProps {\n    selected?: boolean;\n    size?: ChipSizesT;\n    innerRef?: React.RefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n    shape?: ChipShapesT;\n  }\n\n  interface RequiredProps {\n    label: string;\n    icon: JSX.Element;\n  }\n  export interface Props\n    extends IProps,\n      RequiredProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof IProps>,\n      XstyledProps {}\n}\n\nexport const DSChipPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  icon: PropTypes.func.isRequired.description('Chip Icon').defaultValue(),\n  label: PropTypes.string.isRequired.description('Chip Label').defaultValue(''),\n  selected: PropTypes.bool.description('Whether chip is selected').defaultValue(''),\n  shape: PropTypes.oneOf(ChipShapesValuesArray).description(ChipShapesValuesString).defaultValue(CHIP_SHAPES.DEFAULT),\n  size: PropTypes.oneOf(ChipSizesValuesArray).description(ChipSizesValuesString).defaultValue(CHIP_SIZES.L),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,eAA6C;AAAA,EACxD,MAAM,WAAW;AAAA,EACjB,OAAO,YAAY;AACrB;AAqBO,MAAM,kBAAkB,gDAC1B,4BACA,mBAF0B;AAAA,EAG7B,MAAM,UAAU,KAAK,WAAW,YAAY,WAAW,EAAE,aAAa;AAAA,EACtE,OAAO,UAAU,OAAO,WAAW,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EAC5E,UAAU,UAAU,KAAK,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EAChF,OAAO,UAAU,MAAM,qBAAqB,EAAE,YAAY,sBAAsB,EAAE,aAAa,YAAY,OAAO;AAAA,EAClH,MAAM,UAAU,MAAM,oBAAoB,EAAE,YAAY,qBAAqB,EAAE,aAAa,WAAW,CAAC;AAAA,EACxG,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAChH;",
+  "names": []
+}

package/dist/esm/sharedTypes.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=sharedTypes.js.map

package/dist/esm/sharedTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}