@kaizen/components 1.25.0 → 1.27.0

package/dist/cjs/Button/GenericButton/GenericButton.cjs

@@ -0,0 +1,217 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var draftBadge = require('@kaizen/draft-badge');
+var loadingSpinner = require('@kaizen/loading-spinner');
+var GenericButton_module = require('./GenericButton.module.scss.cjs');
+
+// We're treating custom props as anything that is kebab cased.
+// This is so we can support properties like aria-* or data-*
+var getCustomProps = function (props) {
+  var keys = Object.keys(props).filter(function (k) {
+    return k.indexOf("-") !== -1;
+  });
+  return keys.reduce(function (acc, val) {
+    acc[val] = props[val];
+    return acc;
+  }, {});
+};
+const GenericButton = /*#__PURE__*/function () {
+  const GenericButton = React.forwardRef(function (props, ref) {
+    var buttonRef = React.useRef();
+    React.useImperativeHandle(ref, function () {
+      return {
+        focus: function () {
+          var _a;
+          (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+      };
+    });
+    var determineButtonRenderer = function () {
+      if (props.component) {
+        return renderCustomComponent(props.component, props);
+      }
+      if (props.href && !props.disabled && !props.working) {
+        return renderLink(props, buttonRef);
+      }
+      return renderButton(props, buttonRef);
+    };
+    return React.createElement("span", {
+      className: classnames(GenericButton_module.container, props.fullWidth && GenericButton_module.fullWidth),
+      "aria-live": "polite"
+    }, determineButtonRenderer());
+  });
+  GenericButton.defaultProps = {
+    iconPosition: "start",
+    iconButton: false,
+    primary: false,
+    secondary: false,
+    newTabAndIUnderstandTheAccessibilityImplications: false,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
+    type: "button"
+  };
+  GenericButton.displayName = "GenericButton";
+  return GenericButton;
+}();
+var renderCustomComponent = function (CustomComponent, props) {
+  var id = props.id,
+    disabled = props.disabled,
+    href = props.href,
+    onClick = props.onClick,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    rest = tslib.__rest(props, ["id", "disabled", "href", "onClick", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement(CustomComponent, tslib.__assign({
+    id: id,
+    className: buttonClass(props),
+    disabled: disabled,
+    href: href,
+    onClick: onClick,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    "aria-label": generateAriaLabel(props)
+  }, customProps), renderContent(props));
+};
+var renderButton = function (props, ref) {
+  var id = props.id,
+    disabled = props.disabled,
+    onClick = props.onClick,
+    onMouseDown = props.onMouseDown,
+    type = props.type,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications = props.disableTabFocusAndIUnderstandTheAccessibilityImplications,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    form = props.form,
+    formAction = props.formAction,
+    formMethod = props.formMethod,
+    formEncType = props.formEncType,
+    formTarget = props.formTarget,
+    formNoValidate = props.formNoValidate,
+    rest = tslib.__rest(props, ["id", "disabled", "onClick", "onMouseDown", "type", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur", "form", "formAction", "formMethod", "formEncType", "formTarget", "formNoValidate"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement("button", tslib.__assign({
+    // eslint-disable-next-line react/button-has-type
+    type: type,
+    id: id,
+    disabled: disabled,
+    className: buttonClass(props),
+    onClick: onClick,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseDown: function (e) {
+      return onMouseDown && onMouseDown(e);
+    },
+    "aria-label": generateAriaLabel(props),
+    "aria-disabled": disabled || props.working ? true : undefined,
+    form: form,
+    formAction: formAction,
+    formMethod: formMethod,
+    formEncType: formEncType,
+    formTarget: formTarget,
+    formNoValidate: formNoValidate,
+    tabIndex: disableTabFocusAndIUnderstandTheAccessibilityImplications ? -1 : undefined,
+    ref: ref
+  }, customProps), renderContent(props));
+};
+var renderLink = function (props, ref) {
+  var id = props.id,
+    href = props.href,
+    onClick = props.onClick,
+    newTabAndIUnderstandTheAccessibilityImplications = props.newTabAndIUnderstandTheAccessibilityImplications,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    rest = tslib.__rest(props, ["id", "href", "onClick", "newTabAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  var target = newTabAndIUnderstandTheAccessibilityImplications ? "_blank" : "_self";
+  return React.createElement("a", tslib.__assign({
+    id: id,
+    href: href,
+    target: target,
+    rel: target === "_blank" ? "noopener noreferrer" : undefined,
+    className: buttonClass(props),
+    onClick: onClick,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    ref: ref,
+    "aria-label": generateAriaLabel(props)
+  }, customProps), renderContent(props));
+};
+var buttonClass = function (props) {
+  var isDefault = !props.primary && !props.destructive && !props.secondary;
+  return classnames(GenericButton_module.button, isDefault && GenericButton_module["default"], props.primary && GenericButton_module.primary, props.destructive && GenericButton_module.destructive, props.secondary && GenericButton_module.secondary, props.size && GenericButton_module[props.size], props.reversed && GenericButton_module.reversed, props.iconButton && GenericButton_module.iconButton, props.working && GenericButton_module.working, (props.directionalLink || props.paginationLink) && GenericButton_module.circleButton, props.directionalLink && GenericButton_module.directionalLink, props.paginationLink && GenericButton_module.paginationLink, props.isActive && GenericButton_module.isPaginationLinkActive, props.classNameOverride);
+};
+var renderLoadingSpinner = function () {
+  return React.createElement("div", {
+    className: GenericButton_module.loadingSpinner
+  }, React.createElement(loadingSpinner.LoadingSpinner, {
+    accessibilityLabel: "",
+    size: "sm"
+  }));
+};
+var renderWorkingContent = function (props) {
+  if (props.workingLabelHidden) {
+    return React.createElement(React.Fragment, null, React.createElement("span", {
+      className: GenericButton_module.hidden,
+      "aria-hidden": "true"
+    }, renderDefaultContent(props)), React.createElement("span", {
+      className: GenericButton_module.centeredLoadingSpinner
+    }, renderLoadingSpinner()));
+  }
+  return React.createElement(React.Fragment, null, props.iconPosition !== "end" && renderLoadingSpinner(), React.createElement("span", {
+    className: GenericButton_module.label
+  }, props.workingLabel), props.additionalContent && React.createElement("span", {
+    className: GenericButton_module.additionalContentWrapper
+  }, props.additionalContent), props.iconPosition === "end" && renderLoadingSpinner());
+};
+var renderDefaultContent = function (props) {
+  return React.createElement(React.Fragment, null, props.icon && props.iconPosition !== "end" && renderIcon(props.icon), (!props.icon || !props.iconButton) && React.createElement("span", {
+    className: GenericButton_module.label
+  }, props.label), props.additionalContent && React.createElement("span", {
+    className: GenericButton_module.additionalContentWrapper
+  }, props.additionalContent), renderBadge(props), props.icon && props.iconPosition === "end" && renderIcon(props.icon));
+};
+var renderBadge = function (props) {
+  if (!props.badge) return null;
+  var _a = props.badge,
+    text = _a.text,
+    animateChange = _a.animateChange,
+    reversed = _a.reversed,
+    variant = _a.variant;
+  if (animateChange) {
+    return React.createElement(draftBadge.BadgeAnimated, {
+      variant: variant,
+      reversed: reversed
+    }, text);
+  }
+  return React.createElement(draftBadge.Badge, {
+    variant: variant,
+    reversed: reversed
+  }, text);
+};
+var renderContent = function (props) {
+  return React.createElement("span", {
+    className: GenericButton_module.content
+  }, props.working ? renderWorkingContent(props) : renderDefaultContent(props));
+};
+var renderIcon = function (icon) {
+  return React.createElement("span", {
+    className: GenericButton_module.iconWrapper
+  }, icon);
+};
+// We only want an aria-label in the case that the button has just an icon and no text
+// This can happen when the button is working and workingLabelHidden is true,
+// or when this is an IconButton
+var generateAriaLabel = function (props) {
+  if (props.working && props.workingLabelHidden) {
+    return props.workingLabel;
+  }
+  if (props.iconButton) {
+    return props.label;
+  }
+  return undefined;
+};
+exports.GenericButton = GenericButton;
+//# sourceMappingURL=GenericButton.cjs.map

package/dist/cjs/Button/GenericButton/GenericButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericButton.cjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"@kaizen/draft-badge\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}

package/dist/cjs/Button/GenericButton/GenericButton.module.scss.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var styles = {
+  "button": "GenericButton-module_button__CrXoI",
+  "reversed": "GenericButton-module_reversed__Pzsic",
+  "working": "GenericButton-module_working__mRozR",
+  "content": "GenericButton-module_content__E-vUa",
+  "default": "GenericButton-module_default__miX7x",
+  "primary": "GenericButton-module_primary__FB-Ts",
+  "destructive": "GenericButton-module_destructive__O9h5V",
+  "secondary": "GenericButton-module_secondary__YbAZ-",
+  "small": "GenericButton-module_small__YPMel",
+  "iconButton": "GenericButton-module_iconButton__XR24h",
+  "circleButton": "GenericButton-module_circleButton__bJk9T",
+  "paginationLink": "GenericButton-module_paginationLink__MzUls",
+  "isPaginationLinkActive": "GenericButton-module_isPaginationLinkActive__BWdeE",
+  "directionalLink": "GenericButton-module_directionalLink__N9Kwb",
+  "container": "GenericButton-module_container__6JphL",
+  "label": "GenericButton-module_label__Xdblv",
+  "fullWidth": "GenericButton-module_fullWidth__bxasc",
+  "iconWrapper": "GenericButton-module_iconWrapper__wSWAB",
+  "additionalContentWrapper": "GenericButton-module_additionalContentWrapper__PHvbf",
+  "loadingSpinner": "GenericButton-module_loadingSpinner__JTaXL",
+  "centeredLoadingSpinner": "GenericButton-module_centeredLoadingSpinner__urPMo",
+  "hidden": "GenericButton-module_hidden__TuNy8"
+};
+module.exports = styles;
+//# sourceMappingURL=GenericButton.module.scss.cjs.map

package/dist/cjs/Button/GenericButton/GenericButton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericButton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Button/IconButton/IconButton.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var GenericButton = require('../GenericButton/GenericButton.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
+ */
+const IconButton = /*#__PURE__*/function () {
+  const IconButton = function (props) {
+    return React.createElement(GenericButton.GenericButton, tslib.__assign({
+      iconButton: true
+    }, props));
+  };
+  IconButton.defaultProps = {
+    primary: false,
+    destructive: false,
+    disabled: false,
+    reversed: false,
+    secondary: false
+  };
+  IconButton.displayName = "IconButton";
+  return IconButton;
+}();
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton.cjs.map

package/dist/cjs/Button/IconButton/IconButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","sources":["../../../../src/Button/IconButton/IconButton.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  GenericButton,\n  GenericProps,\n  ButtonFormAttributes,\n  WorkingProps,\n  WorkingUndefinedProps,\n  ButtonBadgeProps,\n} from \"../GenericButton\"\n\nexport type IconButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}\n */\nexport const IconButton = (props: IconButtonProps): JSX.Element => (\n  <GenericButton iconButton {...props} />\n)\n\nIconButton.defaultProps = {\n  primary: false,\n  destructive: false,\n  disabled: false,\n  reversed: false,\n  secondary: false,\n}\n\nIconButton.displayName = \"IconButton\"\n"],"names":["IconButton","props","React","GenericButton","__assign","iconButton","defaultProps","primary","destructive","disabled","reversed","secondary","displayName"],"mappings":";;;;;;AA0BA;;;AAGG;AAHH,MAIaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,KAAsB;IAAkB,OACjEC,oBAACC,aAAAA,CAAAA,aAAa,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAACC,UAAU,EAAK;IAAA,CAAA,EAAAJ,KAAK,EAAI;EACxC,CAAA;EAEDD,UAAU,CAACM,YAAY,GAAG;IACxBC,OAAO,EAAE,KAAK;IACdC,WAAW,EAAE,KAAK;IAClBC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE,KAAK;IACfC,SAAS,EAAE;GACZ;EAEDX,UAAU,CAACY,WAAW,GAAG,YAAY;EAAA,OAZxBZ,UAAU;AAAA;"}

package/dist/cjs/Button/PaginationLink/PaginationLink.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var GenericButton = require('../GenericButton/GenericButton.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
+ */
+const PaginationLink = /*#__PURE__*/function () {
+  const PaginationLink = function (_a) {
+    var pageNumber = _a.pageNumber,
+      restProps = tslib.__rest(_a, ["pageNumber"]);
+    return React.createElement(GenericButton.GenericButton, tslib.__assign({}, restProps, {
+      paginationLink: true,
+      label: "".concat(pageNumber)
+    }));
+  };
+  PaginationLink.defaultProps = {
+    reversed: false,
+    isActive: false
+  };
+  PaginationLink.displayName = "PaginationLink";
+  return PaginationLink;
+}();
+exports.PaginationLink = PaginationLink;
+//# sourceMappingURL=PaginationLink.cjs.map

package/dist/cjs/Button/PaginationLink/PaginationLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLink.cjs","sources":["../../../../src/Button/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import React from \"react\"\nimport { GenericProps, GenericButton } from \"../GenericButton\"\n\nexport type PaginationLinkProps = GenericProps & {\n  pageNumber: number\n  isActive?: boolean\n  /* A description for screen readers to understand because label used here is a number */\n  \"aria-label\": string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}\n */\nexport const PaginationLink = ({\n  pageNumber,\n  ...restProps\n}: PaginationLinkProps): JSX.Element => (\n  <GenericButton {...restProps} paginationLink label={`${pageNumber}`} />\n)\n\nPaginationLink.defaultProps = {\n  reversed: false,\n  isActive: false,\n}\n\nPaginationLink.displayName = \"PaginationLink\"\n"],"names":["PaginationLink","_a","pageNumber","restProps","__rest","React","createElement","GenericButton","__assign","paginationLink","label","concat","defaultProps","reversed","isActive","displayName"],"mappings":";;;;;;AAUA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACPC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAH,EAAA,EAFiB,cAG9B,CADa;IAC0B,OACtCI,KAAA,CAAAC,aAAA,CAACC,aAAAA,CAAAA,aAAa,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,EAAE;MAAAM,cAAc,EAAC,IAAA;MAAAC,KAAK,EAAE,EAAG,CAAAC,MAAA,CAAAT,UAAU;IAAE,CAAA,CAAA,CAAI;GACxE;EAEDF,cAAc,CAACY,YAAY,GAAG;IAC5BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;EAAA,OAZhCf,cAAc;AAAA;"}

package/dist/cjs/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var draftTooltip = require('@kaizen/draft-tooltip');
+var FilterButtonBase = require('../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
+var ButtonGroup_module = require('./ButtonGroup.module.scss.cjs');
+var isFilterButton = function (node) {
+  return React.isValidElement(node) && node.type === FilterButtonBase.FilterButtonBase;
+};
+const ButtonGroup = /*#__PURE__*/function () {
+  const ButtonGroup = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    var childCount = React.Children.count(children);
+    var containerProps = tslib.__assign({
+      role: "group",
+      className: classnames(ButtonGroup_module.buttonGroup, classNameOverride)
+    }, restProps);
+    if (childCount === 1) return React.createElement("div", tslib.__assign({}, containerProps), children);
+    return React.createElement("div", tslib.__assign({}, containerProps), React.Children.map(children, function (child, index) {
+      var buttonClassNames = classnames(ButtonGroup_module.child, index === 0 && ButtonGroup_module.firstChild, index === childCount - 1 && ButtonGroup_module.lastChild, child.props.classNameOverride);
+      if (child.type === draftTooltip.Tooltip) {
+        var button = child.props.children;
+        if (isFilterButton(button)) {
+          return React.cloneElement(child, {
+            children: React.cloneElement(button, {
+              classNameOverride: buttonClassNames
+            })
+          });
+        }
+        return child;
+      }
+      return React.cloneElement(child, {
+        classNameOverride: buttonClassNames
+      });
+    }));
+  };
+  ButtonGroup.displayName = "ButtonGroup";
+  return ButtonGroup;
+}();
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=ButtonGroup.cjs.map

package/dist/cjs/ButtonGroup/ButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.cjs","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Tooltip, TooltipProps } from \"@kaizen/draft-tooltip\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FilterButtonBase,\n  FilterButtonBaseProps,\n} from \"../FilterButton/subcomponents/FilterButtonBase\"\nimport styles from \"./ButtonGroup.module.scss\"\n\nconst isFilterButton = (\n  node: React.ReactNode\n): node is React.ReactElement<FilterButtonBaseProps> =>\n  React.isValidElement(node) && node.type === FilterButtonBase\n\nexport type ButtonGroupProps = {\n  children:\n    | React.ReactElement<FilterButtonBaseProps | TooltipProps>\n    | Array<React.ReactElement<FilterButtonBaseProps | TooltipProps>>\n} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, \"children\">\n\nexport const ButtonGroup = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: ButtonGroupProps): JSX.Element => {\n  const childCount = React.Children.count(children)\n\n  const containerProps = {\n    role: \"group\",\n    className: classnames(styles.buttonGroup, classNameOverride),\n    ...restProps,\n  }\n\n  if (childCount === 1) return <div {...containerProps}>{children}</div>\n\n  return (\n    <div {...containerProps}>\n      {React.Children.map(children, (child, index) => {\n        const buttonClassNames = classnames(\n          styles.child,\n          index === 0 && styles.firstChild,\n          index === childCount - 1 && styles.lastChild,\n          child.props.classNameOverride\n        )\n\n        if (child.type === Tooltip) {\n          const button = child.props.children\n\n          if (isFilterButton(button)) {\n            return React.cloneElement(child, {\n              children: React.cloneElement(button, {\n                classNameOverride: buttonClassNames,\n              }),\n            })\n          }\n\n          return child\n        }\n\n        return React.cloneElement(child, {\n          classNameOverride: buttonClassNames,\n        })\n      })}\n    </div>\n  )\n}\n\nButtonGroup.displayName = \"ButtonGroup\"\n"],"names":["isFilterButton","node","React","isValidElement","type","FilterButtonBase","ButtonGroup","_a","children","classNameOverride","restProps","__rest","childCount","Children","count","containerProps","__assign","role","className","classnames","styles","buttonGroup","createElement","map","child","index","buttonClassNames","firstChild","lastChild","props","Tooltip","button","cloneElement","displayName"],"mappings":";;;;;;;;AAUA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,IAAqB,EAAA;EAErB,OAAAC,KAAK,CAACC,cAAc,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACG,IAAI,KAAKC,iCAAgB;AAA5D,CAA4D;AAAA,MAQjDC,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHcC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI3B,CADa;IAEZ,IAAMK,UAAU,GAAGV,KAAK,CAACW,QAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC;IAEjD,IAAMO,cAAc,GAClBC,KAAA,CAAAA,QAAA,CAAA;MAAAC,IAAI,EAAE,OAAO;MACbC,SAAS,EAAEC,UAAU,CAACC,kBAAM,CAACC,WAAW,EAAEZ,iBAAiB;IACxD,CAAA,EAAAC,SAAS,CACb;IAED,IAAIE,UAAU,KAAK,CAAC,EAAE,OAAOV,KAAS,CAAAoB,aAAA,CAAA,KAAA,EAAAN,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAD,cAAc,CAAG,EAAAP,QAAQ,CAAO;IAEtE,OACEN,KAAA,CAAAoB,aAAA,CAAA,KAAA,EAAAN,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAASD,cAAc,CAAA,EACpBb,KAAK,CAACW,QAAQ,CAACU,GAAG,CAACf,QAAQ,EAAE,UAACgB,KAAK,EAAEC,KAAK,EAAA;MACzC,IAAMC,gBAAgB,GAAGP,UAAU,CACjCC,kBAAM,CAACI,KAAK,EACZC,KAAK,KAAK,CAAC,IAAIL,kBAAM,CAACO,UAAU,EAChCF,KAAK,KAAKb,UAAU,GAAG,CAAC,IAAIQ,kBAAM,CAACQ,SAAS,EAC5CJ,KAAK,CAACK,KAAK,CAACpB,iBAAiB,CAC9B;MAED,IAAIe,KAAK,CAACpB,IAAI,KAAK0B,oBAAO,EAAE;QAC1B,IAAMC,MAAM,GAAGP,KAAK,CAACK,KAAK,CAACrB,QAAQ;QAEnC,IAAIR,cAAc,CAAC+B,MAAM,CAAC,EAAE;UAC1B,OAAO7B,KAAK,CAAC8B,YAAY,CAACR,KAAK,EAAE;YAC/BhB,QAAQ,EAAEN,KAAK,CAAC8B,YAAY,CAACD,MAAM,EAAE;cACnCtB,iBAAiB,EAAEiB;aACpB;UACF,CAAA,CAAC;QACH;QAED,OAAOF,KAAK;MACb;MAED,OAAOtB,KAAK,CAAC8B,YAAY,CAACR,KAAK,EAAE;QAC/Bf,iBAAiB,EAAEiB;MACpB,CAAA,CAAC;IACH,CAAA,CAAC,CACE;EAEV,CAAC;EAEDpB,WAAW,CAAC2B,WAAW,GAAG,aAAa;EAAA,OA/C1B3B,WAAW;AAAA;"}

package/dist/cjs/ButtonGroup/ButtonGroup.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "buttonGroup": "ButtonGroup-module_buttonGroup__bsy2X",
+  "child": "ButtonGroup-module_child__K6AP-",
+  "firstChild": "ButtonGroup-module_firstChild__uEn1j",
+  "lastChild": "ButtonGroup-module_lastChild__Vicsx"
+};
+module.exports = styles;
+//# sourceMappingURL=ButtonGroup.module.scss.cjs.map

package/dist/cjs/ButtonGroup/ButtonGroup.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/Card/Card.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Card_module = require('./Card.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
+ */
+const Card = /*#__PURE__*/function () {
+  const Card = function (_a) {
+    var children = _a.children,
+      _b = _a.tag,
+      tag = _b === void 0 ? "div" : _b,
+      _c = _a.variant,
+      variant = _c === void 0 ? "default" : _c,
+      _d = _a.isElevated,
+      isElevated = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      props = tslib.__rest(_a, ["children", "tag", "variant", "isElevated", "classNameOverride"]);
+    var Tag = tag;
+    return React.createElement(Tag, tslib.__assign({
+      className: classnames(Card_module.wrapper, Card_module[variant], classNameOverride, isElevated && Card_module.elevated)
+    }, props), children);
+  };
+  Card.displayName = "Card";
+  return Card;
+}();
+exports.Card = Card;
+//# sourceMappingURL=Card.cjs.map

package/dist/cjs/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../src/Card/Card.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Card.module.scss\"\n\nexport type CardVariants =\n  | \"default\"\n  | \"informative\"\n  | \"positive\"\n  | \"cautionary\"\n  | \"destructive\"\n  | \"assertive\"\n  | \"highlight\"\n\nexport type CardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {\n  children?: React.ReactNode\n  /**\n   * HTML elements that are allowed on Card.\n   */\n  tag?: \"div\" | \"article\" | \"header\" | \"main\" | \"section\" | \"li\"\n  /**\n   * determines the card background colour on the card. It should match to the type of content being conveyed.\n   */\n  variant?: CardVariants\n  /**\n   * Adds a larger box shadow to to the card container.\n   */\n  isElevated?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}\n */\nexport const Card = ({\n  children,\n  tag = \"div\",\n  variant = \"default\",\n  isElevated = false,\n  classNameOverride,\n  ...props\n}: CardProps): JSX.Element => {\n  const Tag = tag\n  return (\n    <Tag\n      className={classnames(\n        styles.wrapper,\n        styles[variant],\n        classNameOverride,\n        isElevated && styles.elevated\n      )}\n      {...props}\n    >\n      {children}\n    </Tag>\n  )\n}\n\nCard.displayName = \"Card\"\n"],"names":["Card","_a","children","_b","tag","_c","variant","_d","isElevated","classNameOverride","props","__rest","Tag","React","createElement","__assign","className","classnames","styles","wrapper","elevated","displayName"],"mappings":";;;;;;;AA8BA;;;AAGG;AAHH,MAIaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,EAOT,EAAA;IANV,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,GAAW;MAAXA,GAAG,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACXE,EAAmB,GAAAJ,EAAA,CAAAK,OAAA;MAAnBA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MACnBE,EAAkB,GAAAN,EAAA,CAAAO,UAAA;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,KAAK,GAAAC,KAAAA,CAAAA,MAAA,CAAAV,EAAA,EANW,iEAOpB,CADS;IAER,IAAMW,GAAG,GAAGR,GAAG;IACf,OACES,KAAA,CAAAC,aAAA,CAACF,GAAG,EAAAG,KAAAA,CAAAA,QAAA,CAAA;MACFC,SAAS,EAAEC,UAAU,CACnBC,WAAM,CAACC,OAAO,EACdD,WAAM,CAACZ,OAAO,CAAC,EACfG,iBAAiB,EACjBD,UAAU,IAAIU,WAAM,CAACE,QAAQ;KAC9B,EACGV,KAAK,CAAA,EAERR,QAAQ,CACL;EAEV,CAAC;EAEDF,IAAI,CAACqB,WAAW,GAAG,MAAM;EAAA,OAxBZrB,IAAI;AAAA;"}

package/dist/cjs/Card/Card.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "wrapper": "Card-module_wrapper__h5MUx",
+  "informative": "Card-module_informative__4yRSy",
+  "positive": "Card-module_positive__KvUqp",
+  "cautionary": "Card-module_cautionary__iMWR-",
+  "destructive": "Card-module_destructive__9wC8X",
+  "assertive": "Card-module_assertive__6d1GM",
+  "highlight": "Card-module_highlight__2GSL-",
+  "elevated": "Card-module_elevated__m7z8s"
+};
+module.exports = styles;
+//# sourceMappingURL=Card.module.scss.cjs.map

package/dist/cjs/Card/Card.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/Checkbox/Checkbox/Checkbox.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var CheckIcon = require('../../Icon/CheckIcon.cjs');
+var MinusIcon = require('../../Icon/MinusIcon.cjs');
+var Checkbox_module = require('./Checkbox.module.scss.cjs');
+var renderCheckOrMixedIcon = function (status, reversed) {
+  if (status === "off") return;
+  return React.createElement("span", {
+    className: classnames(Checkbox_module.icon, reversed && Checkbox_module.reversed)
+  }, status === "on" ? React.createElement(CheckIcon.CheckIcon, {
+    role: "presentation",
+    inheritSize: true
+  }) : React.createElement(MinusIcon.MinusIcon, {
+    role: "presentation",
+    inheritSize: true
+  }));
+};
+var getCheckedFromStatus = function (checkedStatus) {
+  return checkedStatus === "on";
+};
+const Checkbox = /*#__PURE__*/function () {
+  const Checkbox = function (_a) {
+    var _b = _a.checkedStatus,
+      checkedStatus = _b === void 0 ? "off" : _b,
+      onCheck = _a.onCheck,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      value = _a.value,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
+    return React.createElement("span", {
+      className: Checkbox_module.container
+    }, React.createElement("input", tslib.__assign({
+      ref: function (node) {
+        if (node) {
+          node.indeterminate = checkedStatus === "mixed";
+        }
+      },
+      "data-indeterminate": checkedStatus === "mixed",
+      type: "checkbox",
+      className: classnames(Checkbox_module.checkbox, classNameOverride, reversed && Checkbox_module.reversed),
+      checked: getCheckedFromStatus(checkedStatus),
+      onChange: onCheck,
+      value: value || checkedStatus,
+      readOnly: onCheck === undefined
+    }, restProps)), React.createElement("span", {
+      className: classnames(Checkbox_module.box, reversed && Checkbox_module.reversed)
+    }, renderCheckOrMixedIcon(checkedStatus, reversed)));
+  };
+  Checkbox.displayName = "Checkbox";
+  return Checkbox;
+}();
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/cjs/Checkbox/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/Checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"on\" | \"off\" | \"mixed\"\n\nexport type CheckboxProps = {\n  checkedStatus?: CheckedStatus\n  onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n  reversed?: boolean\n  value?: string\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onChange\" | \"checked\">\n>\n\nconst renderCheckOrMixedIcon = (\n  status: CheckedStatus,\n  reversed: boolean\n): React.ReactNode => {\n  if (status === \"off\") return\n\n  return (\n    <span className={classnames(styles.icon, reversed && styles.reversed)}>\n      {status === \"on\" ? (\n        <CheckIcon role=\"presentation\" inheritSize />\n      ) : (\n        <MinusIcon role=\"presentation\" inheritSize />\n      )}\n    </span>\n  )\n}\n\nconst getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean =>\n  checkedStatus === \"on\"\n\nexport const Checkbox = ({\n  checkedStatus = \"off\",\n  onCheck,\n  reversed = false,\n  value,\n  classNameOverride,\n  ...restProps\n}: CheckboxProps): JSX.Element => (\n  <span className={styles.container}>\n    <input\n      ref={(node): void => {\n        if (node) {\n          node.indeterminate = checkedStatus === \"mixed\"\n        }\n      }}\n      // This is only used as a handle for unit testing\n      data-indeterminate={checkedStatus === \"mixed\"}\n      type=\"checkbox\"\n      className={classnames(\n        styles.checkbox,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      checked={getCheckedFromStatus(checkedStatus)}\n      onChange={onCheck}\n      value={value || checkedStatus}\n      readOnly={onCheck === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderCheckOrMixedIcon(checkedStatus, reversed)}\n    </span>\n  </span>\n)\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderCheckOrMixedIcon","status","reversed","React","className","classnames","styles","icon","createElement","CheckIcon","role","inheritSize","MinusIcon","getCheckedFromStatus","checkedStatus","Checkbox","_a","_b","onCheck","_c","value","classNameOverride","restProps","__rest","container","__assign","ref","node","indeterminate","type","checkbox","checked","onChange","readOnly","undefined","box","displayName"],"mappings":";;;;;;;;;;AAiBA,IAAMA,sBAAsB,GAAG,SAAAA,CAC7BC,MAAqB,EACrBC,QAAiB,EAAA;EAEjB,IAAID,MAAM,KAAK,KAAK,EAAE;EAEtB,OACEE;IAAMC,SAAS,EAAEC,UAAU,CAACC,eAAM,CAACC,IAAI,EAAEL,QAAQ,IAAII,eAAM,CAACJ,QAAQ;EACjE,CAAA,EAAAD,MAAM,KAAK,IAAI,GACdE,KAAA,CAAAK,aAAA,CAACC,SAAAA,CAAAA,SAAS,EAAC;IAAAC,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,GAE7CR,oBAACS,SAAAA,CAAAA,SAAS,EAAA;IAACF,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAC9C,CACI;AAEX,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAAA,CAACC,aAA4B,EAAA;EACxD,OAAAA,aAAa,KAAK,IAAI;AAAtB,CAAsB;AAAA,MAEXC,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAOT,EAAA;IANd,IAAAC,EAAA,GAAAD,EAAA,CAAAF,aAAqB;MAArBA,aAAa,GAAGG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,EAAA,GAAAH,EAAA,CAAAd,QAAgB;MAAhBA,QAAQ,mBAAG,KAAK,GAAAiB,EAAA;MAChBC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GANWC,KAAAA,CAAAA,MAAA,CAAAP,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CADa;IACoB,OAChCb,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEE,eAAM,CAACkB;IAAS,CAAA,EAC/BrB,KACE,CAAAK,aAAA,CAAA,OAAA,EAAAiB,KAAA,CAAAA,QAAA,CAAA;MAAAC,GAAG,EAAE,SAAAA,CAACC,IAAI,EAAA;QACR,IAAIA,IAAI,EAAE;UACRA,IAAI,CAACC,aAAa,GAAGd,aAAa,KAAK,OAAO;QAC/C;MACF,CAAA;MAAA,oBAAA,EAEmBA,aAAa,KAAK,OAAO;MAC7Ce,IAAI,EAAC,UAAU;MACfzB,SAAS,EAAEC,UAAU,CACnBC,eAAM,CAACwB,QAAQ,EACfT,iBAAiB,EACjBnB,QAAQ,IAAII,eAAM,CAACJ,QAAQ,CAC5B;MACD6B,OAAO,EAAElB,oBAAoB,CAACC,aAAa,CAAC;MAC5CkB,QAAQ,EAAEd,OAAO;MACjBE,KAAK,EAAEA,KAAK,IAAIN,aAAa;MAC7BmB,QAAQ,EAAEf,OAAO,KAAKgB;IAClB,CAAA,EAAAZ,SAAS,CACb,CAAA,EACFnB,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEC,UAAU,CAACC,eAAM,CAAC6B,GAAG,EAAEjC,QAAQ,IAAII,eAAM,CAACJ,QAAQ;KAAC,EACjEF,sBAAsB,CAACc,aAAa,EAAEZ,QAAQ,CAAC,CAC3C,CACF;GACR;EAEDa,QAAQ,CAACqB,WAAW,GAAG,UAAU;EAAA,OAnCpBrB,QAAQ;AAAA;"}

package/dist/cjs/Checkbox/Checkbox/Checkbox.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "checkbox": "Checkbox-module_checkbox__qJnwV",
+  "icon": "Checkbox-module_icon__h6ebV",
+  "reversed": "Checkbox-module_reversed__YWdUf",
+  "box": "Checkbox-module_box__Q6BJn"
+};
+module.exports = styles;
+//# sourceMappingURL=Checkbox.module.scss.cjs.map

package/dist/cjs/Checkbox/Checkbox/Checkbox.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}