@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/cjs/packages/components/src/Button/GenericButton/GenericButton.js

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+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.js');
+
+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;
+  }, {});
+};
+var 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";
+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_es6.__rest(props, ["id", "disabled", "href", "onClick", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement(CustomComponent, tslib_es6.__assign({ id, className: buttonClass(props), disabled, href, onClick, onFocus, 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_es6.__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_es6.__assign({
+    // eslint-disable-next-line react/button-has-type
+    type,
+    id,
+    disabled,
+    className: buttonClass(props),
+    onClick,
+    onFocus,
+    onBlur,
+    onMouseDown: function(e) {
+      return onMouseDown && onMouseDown(e);
+    },
+    "aria-label": generateAriaLabel(props),
+    "aria-disabled": disabled || props.working ? true : void 0,
+    form,
+    formAction,
+    formMethod,
+    formEncType,
+    formTarget,
+    formNoValidate,
+    tabIndex: disableTabFocusAndIUnderstandTheAccessibilityImplications ? -1 : void 0,
+    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_es6.__rest(props, ["id", "href", "onClick", "newTabAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  var target = newTabAndIUnderstandTheAccessibilityImplications ? "_blank" : "_self";
+  return React.createElement("a", tslib_es6.__assign({ id, href, target, rel: target === "_blank" ? "noopener noreferrer" : void 0, className: buttonClass(props), onClick, onFocus, onBlur, 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, reversed }, text);
+  }
+  return React.createElement(draftBadge.Badge, { variant, 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);
+};
+var generateAriaLabel = function(props) {
+  if (props.working && props.workingLabelHidden) {
+    return props.workingLabel;
+  }
+  if (props.iconButton) {
+    return props.label;
+  }
+  return void 0;
+};
+
+exports.GenericButton = GenericButton;
+exports.default = GenericButton;
+//# sourceMappingURL=GenericButton.js.map

package/dist/cjs/packages/components/src/Button/GenericButton/GenericButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericButton.js","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\nexport default GenericButton\n"],"names":["forwardRef","useRef","useImperativeHandle","styles","__rest","__assign","LoadingSpinner","BadgeAnimated","Badge"],"mappings":"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"}

package/dist/cjs/packages/components/src/Button/GenericButton/GenericButton.module.scss.js

@@ -0,0 +1,6 @@
+'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.js.map

package/dist/cjs/packages/components/src/Button/GenericButton/GenericButton.module.scss.js.map

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

package/dist/cjs/packages/components/src/Button/IconButton/IconButton.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var GenericButton = require('../GenericButton/GenericButton.js');
+
+var IconButton = function(props) {
+  return React.createElement(GenericButton.GenericButton, tslib_es6.__assign({ iconButton: true }, props));
+};
+IconButton.defaultProps = {
+  primary: false,
+  destructive: false,
+  disabled: false,
+  reversed: false,
+  secondary: false
+};
+IconButton.displayName = "IconButton";
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton.js.map

package/dist/cjs/packages/components/src/Button/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","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":["GenericButton","__assign"],"mappings":";;;;;;AA8Ba,IAAA,UAAA,GAAa,SAAC;AAAwC,EACjE,OAAA,KAAA,eAACA,2BAAa,EAAAC,kBAAA,CAAA,EAAC,UAAe,EAAA,IAAA,EAAA,EAAA,KAAK;AAD8B,EAAA;AAInE,UAAA,CAAW,YAAe,GAAA;AAAA,EACxB,OAAS,EAAA,KAAA;AAAA,EACT,WAAa,EAAA,KAAA;AAAA,EACb,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,KAAA;AAAA,EACV,SAAW,EAAA,KAAA;;AAGb,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}

package/dist/cjs/packages/components/src/Button/PaginationLink/PaginationLink.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var GenericButton = require('../GenericButton/GenericButton.js');
+
+var PaginationLink = function(_a) {
+  var pageNumber = _a.pageNumber, restProps = tslib_es6.__rest(_a, ["pageNumber"]);
+  return React.createElement(GenericButton.GenericButton, tslib_es6.__assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) }));
+};
+PaginationLink.defaultProps = {
+  reversed: false,
+  isActive: false
+};
+PaginationLink.displayName = "PaginationLink";
+
+exports.PaginationLink = PaginationLink;
+//# sourceMappingURL=PaginationLink.js.map

package/dist/cjs/packages/components/src/Button/PaginationLink/PaginationLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLink.js","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":["__rest","GenericButton","__assign"],"mappings":";;;;;;AAca,IAAA,cAAA,GAAiB,SAAC,EAGT,EAAA;AAFpB,EAAA,IAAA,UAAA,GAAU,GAAA,UACP,EAAA,SAAA,GAASA,iBAAA,EAFiB,EAAA,cAG9B,CAAA,CAAA;AAAuC,EAAA,OACtC,MAAA,aAAC,CAAAC,2BAAA,EAAaC,kBAAA,CAAA,IAAK,SAAW,EAAA,EAAA,cAAe,EAAA,IAAA,EAAA,OAAO,EAAG,CAAA,MAAA,CAAA,UAAU,CAAA,EAAE,CAAA,CAAA,CAAA;;AAGrE,cAAA,CAAe,YAAe,GAAA;AAAA,EAC5B,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,KAAA;;AAGZ,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/dist/cjs/packages/components/src/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var draftTooltip = require('@kaizen/draft-tooltip');
+var FilterButtonBase = require('../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.js');
+var ButtonGroup_module = require('./ButtonGroup.module.scss.js');
+
+var isFilterButton = function(node) {
+  return React.isValidElement(node) && node.type === FilterButtonBase.FilterButtonBase;
+};
+var ButtonGroup = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  var childCount = React.Children.count(children);
+  var containerProps = tslib_es6.__assign({ role: "group", className: classnames(ButtonGroup_module.buttonGroup, classNameOverride) }, restProps);
+  if (childCount === 1)
+    return React.createElement("div", tslib_es6.__assign({}, containerProps), children);
+  return React.createElement("div", tslib_es6.__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";
+
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/cjs/packages/components/src/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","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":["FilterButtonBase","__rest","__assign","styles","Tooltip"],"mappings":";;;;;;;;;AAUA,IAAM,cAAA,GAAiB,SACrB,IAAqB,EAAA;AAErB,EAAA,OAAA,KAAM,CAAA,cAAA,CAAe,IAAI,CAAA,IAAK,KAAK,IAAS,KAAAA,iCAAA,CAAA;AAA5C,CAAA,CAAA;AAQW,IAAA,WAAA,GAAc,SAAC,EAIT,EAAA;AAHjB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHuB,GAAAC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI3B,CAAA,CAAA;AACC,EAAA,IAAM,UAAa,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEhD,EAAA,IAAM,cACJ,GAAAC,kBAAA,CAAA,EAAA,IAAA,EAAM,OACN,EAAA,SAAA,EAAW,UAAW,CAAAC,kBAAA,CAAO,WAAa,EAAA,iBAAiB,CACxD,EAAA,EAAA,SAAS,CAAA,CAAA;AAGd,EAAA,IAAI,UAAe,KAAA,CAAA;AAAG,IAAO,OAAA,KAAA,CAAS,cAAA,KAAA,EAAAD,kBAAA,CAAA,EAAA,EAAA,cAAc,GAAG,QAAQ,CAAA,CAAA;AAE/D,EAAA,OACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAAA,kBAAA,CAAA,EAAS,EAAA,cAAc,CACpB,EAAA,KAAA,CAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,SAAC,OAAO,KAAK,EAAA;AACzC,IAAA,IAAM,gBAAmB,GAAA,UAAA,CACvBC,kBAAO,CAAA,KAAA,EACP,UAAU,CAAK,IAAAA,kBAAA,CAAO,UACtB,EAAA,KAAA,KAAU,aAAa,CAAK,IAAAA,kBAAA,CAAO,SACnC,EAAA,KAAA,CAAM,MAAM,iBAAiB,CAAA,CAAA;AAG/B,IAAI,IAAA,KAAA,CAAM,SAASC,oBAAS,EAAA;AAC1B,MAAM,IAAA,MAAA,GAAS,MAAM,KAAM,CAAA,QAAA,CAAA;AAE3B,MAAI,IAAA,cAAA,CAAe,MAAM,CAAG,EAAA;AAC1B,QAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,UAC/B,QAAA,EAAU,KAAM,CAAA,YAAA,CAAa,MAAQ,EAAA;AAAA,YACnC,iBAAmB,EAAA,gBAAA;AAAA,WACpB,CAAA;AAAA,SACF,CAAA,CAAA;AAAA,OACF;AAED,MAAO,OAAA,KAAA,CAAA;AAAA,KACR;AAED,IAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MAC/B,iBAAmB,EAAA,gBAAA;AAAA,KACpB,CAAA,CAAA;AAAA,GACF,CAAC,CAAA,CAAA;AAGR,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/dist/cjs/packages/components/src/ButtonGroup/ButtonGroup.module.scss.js

@@ -0,0 +1,6 @@
+'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.js.map

package/dist/cjs/packages/components/src/ButtonGroup/ButtonGroup.module.scss.js.map

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

package/dist/cjs/packages/components/src/Card/Card.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Card_module = require('./Card.module.scss.js');
+
+var 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_es6.__rest(_a, ["children", "tag", "variant", "isElevated", "classNameOverride"]);
+  var Tag = tag;
+  return React.createElement(Tag, tslib_es6.__assign({ className: classnames(Card_module.wrapper, Card_module[variant], classNameOverride, isElevated && Card_module.elevated) }, props), children);
+};
+Card.displayName = "Card";
+
+exports.Card = Card;
+//# sourceMappingURL=Card.js.map

package/dist/cjs/packages/components/src/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","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":["__rest","__assign","styles"],"mappings":";;;;;;;AAkCa,IAAA,IAAA,GAAO,SAAC,EAOT,EAAA;AANV,EAAA,IAAA,WAAQ,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAA,GAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAK,IACX,EAAmB,GAAA,EAAA,CAAA,SAAnB,OAAU,GAAA,EAAA,KAAA,SAAA,SAAS,GAAA,EAAA,EACnB,EAAkB,GAAA,EAAA,CAAA,YAAlB,UAAU,GAAA,EAAA,KAAA,SAAG,KAAK,GAAA,EAAA,EAClB,oBAAiB,EAAA,CAAA,iBAAA,EACd,KAAK,GAAAA,gBAAA,CAAA,IANW,iEAOpB,CAAA,CAAA;AACC,EAAA,IAAM,GAAM,GAAA,GAAA,CAAA;AACZ,EACE,OAAA,KAAA,CAAA,cAAC,GAAG,EAAAC,kBAAA,CAAA,EACF,SAAW,EAAA,UAAA,CACTC,YAAO,OACP,EAAAA,WAAA,CAAO,OAAO,CACd,EAAA,iBAAA,EACA,cAAcA,WAAO,CAAA,QAAQ,GAE3B,EAAA,KAAK,GAER,QAAQ,CAAA,CAAA;AAGf,EAAA;AAEA,IAAA,CAAK,WAAc,GAAA,MAAA;;;;"}

package/dist/cjs/packages/components/src/Card/Card.module.scss.js

@@ -0,0 +1,6 @@
+'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.js.map

package/dist/cjs/packages/components/src/Card/Card.module.scss.js.map

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

package/dist/cjs/packages/components/src/Checkbox/Checkbox/Checkbox.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.js');
+var CheckIcon = require('../../Icon/CheckIcon.js');
+var MinusIcon = require('../../Icon/MinusIcon.js');
+var Checkbox_module = require('./Checkbox.module.scss.js');
+
+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";
+};
+var 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_es6.__rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
+  return React.createElement(
+    "span",
+    { className: Checkbox_module.container },
+    React.createElement("input", tslib_es6.__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 === void 0 }, restProps)),
+    React.createElement("span", { className: classnames(Checkbox_module.box, reversed && Checkbox_module.reversed) }, renderCheckOrMixedIcon(checkedStatus, reversed))
+  );
+};
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/packages/components/src/Checkbox/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","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":["styles","CheckIcon","MinusIcon","__rest","__assign"],"mappings":";;;;;;;;;;;AAiBA,IAAM,sBAAA,GAAyB,SAC7B,MAAA,EACA,QAAiB,EAAA;AAEjB,EAAA,IAAI,MAAW,KAAA,KAAA;AAAO,IAAA,OAAA;AAEtB,EAAA,OACE,8BAAM,WAAW,UAAW,CAAAA,eAAA,CAAO,IAAM,EAAA,QAAA,IAAYA,gBAAO,QAAQ,CAAA,EACjE,EAAA,MAAA,KAAW,OACV,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAA,IAAK,EAAA,cAAA,EAAe,WAAc,EAAA,IAAA,EAAA,CAE7C,GAAA,KAAA,cAAC,CAAAC,mBAAA,EAAS,EAAC,IAAK,EAAA,cAAA,EAAe,WAAc,EAAA,IAAA,EAAA,CAC9C,CAAA,CAAA;AAGP,CAAA,CAAA;AAEA,IAAM,oBAAA,GAAuB,SAAC,aAA4B,EAAA;AACxD,EAAA,OAAA,aAAkB,KAAA,IAAA,CAAA;AAAlB,CAAA,CAAA;AAEW,IAAA,QAAA,GAAW,SAAC,EAOT,EAAA;AANd,EAAA,IAAA,EAAA,GAAA,EAAA,CAAA,aAAA,EAAA,aAAA,GAAgB,OAAA,KAAA,CAAA,GAAA,KAAA,GAAK,EACrB,EAAA,OAAA,GAAO,GAAA,OACP,EAAA,EAAA,GAAA,EAAA,CAAA,QAAA,EAAA,2BAAW,KAAK,GAAA,EAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KACL,EAAA,iBAAA,GAAiB,GAAA,iBACd,EAAA,SAAA,GANoBC,gBAAA,CAAA,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CAAA,CAAA;AAAiC,EAAA,OAChC,KAAM,CAAA,aAAA;AAAA,IAAA,MAAA;AAAA,IAAA,EAAA,SAAW,EAAAH,eAAA,CAAO,SAAS,EAAA;AAAA,IAC/B,MACE,aAAA,CAAA,OAAA,EAAAI,mBAAA,EAAA,GAAA,EAAK,SAAC,IAAI,EAAA;AACR,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,IAAA,CAAK,gBAAgB,aAAkB,KAAA,OAAA,CAAA;AAAA,OACxC;AAAA,KACF,EAAA,oBAAA,EAEmB,aAAkB,KAAA,OAAA,EACtC,IAAK,EAAA,UAAA,EACL,SAAW,EAAA,UAAA,CACTJ,eAAO,CAAA,QAAA,EACP,iBACA,EAAA,QAAA,IAAYA,eAAO,CAAA,QAAQ,CAE7B,EAAA,OAAA,EAAS,oBAAqB,CAAA,aAAa,CAC3C,EAAA,QAAA,EAAU,OACV,EAAA,KAAA,EAAO,KAAS,IAAA,aAAA,EAChB,QAAU,EAAA,OAAA,KAAY,KAClB,CAAA,EAAA,EAAA,SAAS,CACb,CAAA;AAAA,IACF,MAAM,aAAA,CAAA,MAAA,EAAA,EAAA,SAAA,EAAW,WAAWA,eAAO,CAAA,GAAA,EAAK,QAAY,IAAAA,eAAA,CAAO,QAAQ,CAAC,EAAA,EACjE,sBAAuB,CAAA,aAAA,EAAe,QAAQ,CAAC,CAAA;AAAA,GAC3C,CAAA;;AAIX,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}

package/dist/cjs/packages/components/src/Checkbox/Checkbox/Checkbox.module.scss.js

@@ -0,0 +1,6 @@
+'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.js.map

package/dist/cjs/packages/components/src/Checkbox/Checkbox/Checkbox.module.scss.js.map

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

package/dist/cjs/packages/components/src/Checkbox/CheckboxField/CheckboxField.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.js');
+var Checkbox = require('../Checkbox/Checkbox.js');
+var CheckboxField_module = require('./CheckboxField.module.scss.js');
+
+var CheckboxField = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, checkedStatus = _a.checkedStatus, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.noBottomMargin, noBottomMargin = _d === void 0 ? false : _d, dataTestId = _a["data-testid"], classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["id", "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", "data-testid", "classNameOverride"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  return React.createElement(
+    "div",
+    { "data-testid": dataTestId, className: classnames(CheckboxField_module.container, classNameOverride, checkedStatus === "on" && CheckboxField_module.checked, checkedStatus === "mixed" && CheckboxField_module.mixed, reversed && CheckboxField_module.reversed, noBottomMargin && CheckboxField_module.noBottomMargin) },
+    React.createElement(
+      Label.Label,
+      { id: "".concat(id, "-field-label"), htmlFor: "".concat(id, "-field-checkbox"), "data-testid": "".concat(id, "-field-label"), labelText, reversed, labelType: "checkbox", disabled },
+      React.createElement(Checkbox.Checkbox, tslib_es6.__assign({ id: "".concat(id, "-field-checkbox"), "data-testid": "".concat(id, "-field-checkbox"), disabled, reversed, checkedStatus }, restProps))
+    )
+  );
+};
+CheckboxField.displayName = "CheckboxField";
+
+exports.CheckboxField = CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map

package/dist/cjs/packages/components/src/Checkbox/CheckboxField/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sources":["../../../../../../../src/Checkbox/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { Checkbox, CheckboxProps, CheckedStatus } from \"../Checkbox/Checkbox\"\nimport styles from \"./CheckboxField.module.scss\"\n\nexport type CheckboxFieldProps = Omit<CheckboxProps, \"id\"> & {\n  id?: string\n  labelText: string | React.ReactNode\n  checkedStatus?: CheckedStatus\n  disabled?: boolean\n  reversed?: boolean\n  noBottomMargin?: boolean\n  \"data-testid\"?: string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}\n */\nexport const CheckboxField = ({\n  id: propsId,\n  labelText,\n  checkedStatus,\n  disabled = false,\n  reversed = false,\n  noBottomMargin = false,\n  \"data-testid\": dataTestId,\n  classNameOverride,\n  ...restProps\n}: CheckboxFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n\n  return (\n    <div\n      data-testid={dataTestId}\n      className={classnames(\n        styles.container,\n        classNameOverride,\n        checkedStatus === \"on\" && styles.checked,\n        checkedStatus === \"mixed\" && styles.mixed,\n        reversed && styles.reversed,\n        noBottomMargin && styles.noBottomMargin\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        htmlFor={`${id}-field-checkbox`}\n        data-testid={`${id}-field-label`}\n        labelText={labelText}\n        reversed={reversed}\n        labelType=\"checkbox\"\n        disabled={disabled}\n      >\n        <Checkbox\n          id={`${id}-field-checkbox`}\n          data-testid={`${id}-field-checkbox`}\n          disabled={disabled}\n          reversed={reversed}\n          checkedStatus={checkedStatus}\n          {...restProps}\n        />\n      </Label>\n    </div>\n  )\n}\n\nCheckboxField.displayName = \"CheckboxField\"\n"],"names":["__rest","useId","styles","Label","Checkbox","__assign"],"mappings":";;;;;;;;;AAoBa,IAAA,aAAA,GAAgB,SAAC,EAUT,EAAA;AATnB,EAAI,IAAA,OAAA,GAAO,EAAA,CAAA,EAAA,EACX,SAAS,GAAA,EAAA,CAAA,WACT,aAAa,GAAA,EAAA,CAAA,aACb,EAAA,EAAA,GAAA,EAAA,CAAA,QAAA,EAAA,WAAQ,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAChB,kBAAA,QAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,KACX,EAAA,EAAA,GAAA,GAAA,cAAA,EAAA,cAAA,GAAc,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACP,aAAU,EAAA,CAAA,aAAA,CACzB,EAAA,iBAAA,GAAiB,EAAA,CAAA,iBAAA,EACd,YAASA,gBAAA,CAAA,EAAA,EATgB,kHAU7B,CAAA,CAAA;AACC,EAAA,IAAM,KAAK,OAAA,KAAA,IAAA,IAAA,qBAAA,UAAWC,WAAK,EAAA,CAAA;AAE3B,EAAA,OACE,KACe,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,eAAA,UACb,EAAA,SAAA,EAAW,WACTC,oBAAO,CAAA,SAAA,EACP,iBACA,EAAA,aAAA,KAAkB,IAAQ,IAAAA,oBAAA,CAAO,SACjC,aAAkB,KAAA,OAAA,IAAWA,qBAAO,KACpC,EAAA,QAAA,IAAYA,qBAAO,QACnB,EAAA,cAAA,IAAkBA,oBAAO,CAAA,cAAc,CACxC,EAAA;AAAA,IAED,KAAA,CAAA,aAAA;AAAA,MAACC,WAAA;AAAA,MAAK,EACJ,IAAI,UAAG,IAAE,cAAA,CAAA,EACT,OAAS,EAAA,EAAA,CAAA,MAAG,CAAA,EAAA,EAAE,iBAAA,kBACD,EAAG,CAAA,MAAA,CAAA,EAAgB,EAAA,cAAA,GAChC,SACA,EAAA,QAAA,EACA,SAAU,EAAA,UAAA,EACV,QAAkB,EAAA;AAAA,MAElB,KAAA,CAAA,cAACC,iBAAQ,EAAAC,kBAAA,CAAA,EACP,EAAI,EAAA,EAAA,CAAG,MAAA,CAAA,EAAA,EAAmB,iBAAA,CAAA,EAAA,eACb,EAAG,CAAA,MAAA,CAAA,IAAmB,iBAAA,CAAA,EACnC,UACA,QACA,EAAA,aAAA,EACI,EAAA,SAAS,CAAA,CAAA;AAAA,KACb;AAAA,GACI,CAAA;AAGd,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}

package/dist/cjs/packages/components/src/Checkbox/CheckboxField/CheckboxField.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"container":"CheckboxField-module_container__3J-jG","noBottomMargin":"CheckboxField-module_noBottomMargin__vTcJF","checked":"CheckboxField-module_checked__uAhcE","mixed":"CheckboxField-module_mixed__smfKh"};
+
+module.exports = styles;
+//# sourceMappingURL=CheckboxField.module.scss.js.map

package/dist/cjs/packages/components/src/Checkbox/CheckboxField/CheckboxField.module.scss.js.map

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

package/dist/cjs/packages/components/src/Checkbox/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.js');
+var CheckboxGroup_module = require('./CheckboxGroup.module.scss.js');
+
+var CheckboxGroup = function(_a) {
+  var children = _a.children, labelText = _a.labelText, propsLabelId = _a.labelId, _b = _a.noBottomMargin, noBottomMargin = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
+  return React.createElement(
+    "div",
+    tslib_es6.__assign({ className: classnames(CheckboxGroup_module.checkboxGroupContainer, classNameOverride, noBottomMargin && CheckboxGroup_module.noBottomMargin, reversed && CheckboxGroup_module.reversed), role: "group", "aria-labelledby": labelId }, restProps),
+    React.createElement(
+      "div",
+      { className: CheckboxGroup_module.checkboxGroupLabel },
+      React.createElement(Label.Label, { id: labelId, labelText, labelType: "text", reversed })
+    ),
+    children
+  );
+};
+CheckboxGroup.displayName = "CheckboxGroup";
+
+exports.CheckboxGroup = CheckboxGroup;
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/cjs/packages/components/src/Checkbox/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../../src/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./CheckboxGroup.module.scss\"\n\nexport type CheckboxGroupProps = {\n  children?: React.ReactNode\n  labelText: string | React.ReactNode\n  labelId?: string\n  noBottomMargin?: boolean\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}\n */\nexport const CheckboxGroup = ({\n  children,\n  labelText,\n  labelId: propsLabelId,\n  noBottomMargin = false,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: CheckboxGroupProps): JSX.Element => {\n  const labelId = propsLabelId ?? useId()\n\n  return (\n    <div\n      className={classnames(\n        styles.checkboxGroupContainer,\n        classNameOverride,\n        noBottomMargin && styles.noBottomMargin,\n        reversed && styles.reversed\n      )}\n      role=\"group\"\n      aria-labelledby={labelId}\n      {...restProps}\n    >\n      <div className={styles.checkboxGroupLabel}>\n        <Label\n          id={labelId}\n          labelText={labelText}\n          labelType=\"text\"\n          reversed={reversed}\n        />\n      </div>\n      {children}\n    </div>\n  )\n}\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"names":["__rest","useId","__assign","styles","Label"],"mappings":";;;;;;;;AAkBa,IAAA,aAAA,GAAgB,SAAC,EAQT,EAAA;AAPnB,EAAA,IAAA,WAAQ,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,WACA,YAAY,GAAA,EAAA,CAAA,OACrB,EAAA,EAAA,GAAA,GAAA,cAAA,EAAA,cAAA,GAAiB,OAAA,KAAA,CAAA,GAAA,KAAA,GAAK,IACtB,EAAgB,GAAA,EAAA,CAAA,QAAhB,EAAA,QAAA,GAAQ,OAAA,KAAG,CAAA,GAAA,KAAA,GAAK,EAChB,EAAA,iBAAA,GAAiB,GAAA,iBACd,EAAA,SAAA,GAASA,gBAAA,CAAA,EAAA,EAPgB,uFAQ7B,CAAA,CAAA;AACC,EAAA,IAAM,UAAU,YAAA,KAAA,IAAA,IAAA,0BAAA,eAAgBC,WAAK,EAAA,CAAA;AAErC,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAAC,mBAAA,EACE,SAAA,EAAW,WACTC,oBAAO,CAAA,sBAAA,EACP,mBACA,cAAkB,IAAAA,oBAAA,CAAO,gBACzB,QAAY,IAAAA,oBAAA,CAAO,QAAQ,CAE7B,EAAA,IAAA,EAAK,SACY,iBAAA,EAAA,OAAA,IACb,SAAS,CAAA;AAAA,IAEb,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA;AAAA,MAAA,EAAK,SAAW,EAAAA,oBAAA,CAAO,kBAAkB,EAAA;AAAA,MACvC,KAAA,CAAA,aAAC,CAAAC,WAAA,EACC,EAAA,EAAA,EAAI,SACJ,SACA,EAAA,SAAA,EAAU,MACV,EAAA,QAAA;KACA;AAAA,IAEH,QAAA;AAAA,GAAQ,CAAA;AAGf,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}

package/dist/cjs/packages/components/src/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"checkboxGroupLabel":"CheckboxGroup-module_checkboxGroupLabel__a9Iet","checkboxGroupContainer":"CheckboxGroup-module_checkboxGroupContainer__NTUWc","noBottomMargin":"CheckboxGroup-module_noBottomMargin__J7ADb"};
+
+module.exports = styles;
+//# sourceMappingURL=CheckboxGroup.module.scss.js.map

package/dist/cjs/packages/components/src/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.js.map

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

package/dist/cjs/packages/components/src/ClearButton/ClearButton.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.js');
+var ClearIcon = require('../Icon/ClearIcon.js');
+var ClearButton_module = require('./ClearButton.module.scss.js');
+
+var ClearButton = function(_a) {
+  var classNameOverride = _a.classNameOverride, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, restProps = tslib_es6.__rest(_a, ["classNameOverride", "isReversed"]);
+  return React.createElement(
+    "button",
+    tslib_es6.__assign({ type: "button", "aria-label": "clear", className: classnames(ClearButton_module.clearButton, isReversed ? ClearButton_module.reversed : ClearButton_module["default"], classNameOverride) }, restProps),
+    React.createElement(ClearIcon.ClearIcon, { role: "presentation" })
+  );
+};
+ClearButton.displayName = "ClearButton";
+
+exports.ClearButton = ClearButton;
+//# sourceMappingURL=ClearButton.js.map

package/dist/cjs/packages/components/src/ClearButton/ClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.js","sources":["../../../../../../src/ClearButton/ClearButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ClearButton.module.scss\"\n\nexport type ClearButtonProps = {\n  isReversed?: boolean\n} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\">>\n\nexport const ClearButton = ({\n  classNameOverride,\n  isReversed = false,\n  ...restProps\n}: ClearButtonProps): JSX.Element => (\n  <button\n    type=\"button\"\n    aria-label=\"clear\"\n    className={classnames(\n      styles.clearButton,\n      isReversed ? styles.reversed : styles.default,\n      classNameOverride\n    )}\n    {...restProps}\n  >\n    <ClearIcon role=\"presentation\" />\n  </button>\n)\n\nClearButton.displayName = \"ClearButton\"\n"],"names":["__rest","__assign","styles","ClearIcon"],"mappings":";;;;;;;;;;AAUa,IAAA,WAAA,GAAc,SAAC,EAIT,EAAA;AAHjB,EAAA,IAAA,oBAAiB,EAAA,CAAA,iBAAA,EACjB,EAAA,GAAA,EAAA,CAAA,YAAA,UAAa,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAK,IACf,SAAS,GAAAA,gBAAA,CAAA,IAHc,mCAI3B,CAAA,CAAA;AAAoC,EAAA,OACnC,KAAA,CAAA,aAAA;AAAA,IAAA,QAAA;AAAA,IAAAC,mBAAA,EACE,IAAA,EAAK,UACM,YAAA,EAAA,OAAA,EACX,WAAW,UACT,CAAAC,kBAAA,CAAO,aACP,UAAa,GAAAA,kBAAA,CAAO,WAAWA,kBAAO,CAAA,SAAO,GAC7C,iBAAiB,CAAA,IAEf,SAAS,CAAA;AAAA,IAEb,MAAC,aAAA,CAAAC,mBAAA,IAAU,IAAA,EAAK,gBAAiB,CAAA;AAAA,GAAA,CAAA;;AAIrC,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/dist/cjs/packages/components/src/ClearButton/ClearButton.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
+
+module.exports = styles;
+//# sourceMappingURL=ClearButton.module.scss.js.map

package/dist/cjs/packages/components/src/ClearButton/ClearButton.module.scss.js.map

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