@kaizen/components 1.40.5 → 1.41.0

package/dist/cjs/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepper.cjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":"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"}
+{"version":3,"file":"ProgressStepper.cjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <VisuallyHidden>\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </VisuallyHidden>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","VisuallyHidden","Text","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":"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"}

package/dist/cjs/__future__/Workflow/subcomponents/Header/components/Titles/Titles.cjs

@@ -4,6 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var Heading = require('../../../../../../Heading/Heading.cjs');
 var Tag = require('../../../../../../Tag/Tag.cjs');
+var VisuallyHidden = require('../../../../../../VisuallyHidden/VisuallyHidden.cjs');
 var Titles_module = require('./Titles.module.scss.cjs');
 const Titles = /*#__PURE__*/function () {
   const Titles = function (_a) {
@@ -23,9 +24,7 @@ const Titles = /*#__PURE__*/function () {
       variant: "heading-6",
       tag: "span",
       color: "dark-reduced-opacity"
-    }, workflowName, React.createElement("span", {
-      className: "sr-only"
-    }, ":")), React.createElement("span", null, stepName)), status &&
+    }, workflowName, React.createElement(VisuallyHidden.VisuallyHidden, null, ":")), React.createElement("span", null, stepName)), status &&
     // status may need to be update by a fetch
     React.createElement("div", {
       className: Titles_module.status

package/dist/cjs/__future__/Workflow/subcomponents/Header/components/Titles/Titles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Titles.cjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,OACtCM;MAAKC,SAAS,EAAEC,aAAM,CAACC;OAAYL,SAAS,CAAA,EAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAAA,CAAAA,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,aAAM,CAACQ;IAAS,CAAA,EAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAAA,CAAAA,OAAO,EACN;MAAAI,iBAAiB,EAAEP,aAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,EACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,EACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,aAAM,CAACL;IAAM,CAAA,EAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAAA,CAAAA,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CAET,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}
+{"version":3,"file":"Titles.cjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <VisuallyHidden>:</VisuallyHidden>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","VisuallyHidden","Tag","inline","content","displayName"],"mappings":";;;;;;;;MAmBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,OACtCM;MAAKC,SAAS,EAAEC,aAAM,CAACC;OAAYL,SAAS,CAAA,EAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAAA,CAAAA,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,aAAM,CAACQ;IAAS,CAAA,EAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAAA,CAAAA,OAAO,EACN;MAAAI,iBAAiB,EAAEP,aAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,EACbK,KAAC,CAAAI,aAAA,CAAAQ,cAAAA,CAAAA,cAAc,YAAmB,CAC1B,EACVZ,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,aAAM,CAACL;IAAM,CAAA,EAC3BG,KAAA,CAAAI,aAAA,CAACS,GAAAA,CAAAA,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACR,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEkB,OAAO,CACZ,CAET,CACG;GACP;EAEDtB,MAAM,CAACuB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBvB,MAAM;AAAA;"}

package/dist/cjs/dts/Icon/ThumbsDownIcon.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from "./types";
+/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */
 export declare const ThumbsDownIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsDownOffIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "./types";
+export declare const ThumbsDownOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsDownOnIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "./types";
+export declare const ThumbsDownOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsUpIcon.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from "./types";
+/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */
 export declare const ThumbsUpIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsUpOffIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "./types";
+export declare const ThumbsUpOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsUpOnIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "./types";
+export declare const ThumbsUpOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/index.d.ts

@@ -214,7 +214,11 @@ export * from "./TemplateWhiteIcon";
 export * from "./TextAnalyticsIcon";
 export * from "./TextAnalyticsWhiteIcon";
 export * from "./ThumbsDownIcon";
+export * from "./ThumbsDownOffIcon";
+export * from "./ThumbsDownOnIcon";
 export * from "./ThumbsUpIcon";
+export * from "./ThumbsUpOffIcon";
+export * from "./ThumbsUpOnIcon";
 export * from "./TimeIcon";
 export * from "./TimeWhiteIcon";
 export * from "./TranslationIcon";

package/dist/cjs/dts/index.d.ts

@@ -57,6 +57,7 @@ export * from "./TimeField";
 export * from "./TitleBlockZen";
 export * from "./ToggleSwitch";
 export * from "./Tooltip";
+export * from "./utils";
 export * from "./VisuallyHidden";
 export * from "./Well";
 export * from "./Workflow";

package/dist/cjs/dts/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./useMediaQueries";

package/dist/cjs/index.cjs

@@ -280,7 +280,11 @@ var TemplateWhiteIcon = require('./Icon/TemplateWhiteIcon.cjs');
 var TextAnalyticsIcon = require('./Icon/TextAnalyticsIcon.cjs');
 var TextAnalyticsWhiteIcon = require('./Icon/TextAnalyticsWhiteIcon.cjs');
 var ThumbsDownIcon = require('./Icon/ThumbsDownIcon.cjs');
+var ThumbsDownOffIcon = require('./Icon/ThumbsDownOffIcon.cjs');
+var ThumbsDownOnIcon = require('./Icon/ThumbsDownOnIcon.cjs');
 var ThumbsUpIcon = require('./Icon/ThumbsUpIcon.cjs');
+var ThumbsUpOffIcon = require('./Icon/ThumbsUpOffIcon.cjs');
+var ThumbsUpOnIcon = require('./Icon/ThumbsUpOnIcon.cjs');
 var TimeIcon = require('./Icon/TimeIcon.cjs');
 var TimeWhiteIcon = require('./Icon/TimeWhiteIcon.cjs');
 var TranslationIcon = require('./Icon/TranslationIcon.cjs');
@@ -405,6 +409,7 @@ var constants = require('./TitleBlockZen/constants.cjs');
 var ToggleSwitch = require('./ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs');
 var ToggleSwitchField = require('./ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs');
 var Tooltip = require('./Tooltip/Tooltip.cjs');
+var useMediaQueries = require('./utils/useMediaQueries.cjs');
 var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
 var Workflow = require('./Workflow/Workflow.cjs');
@@ -720,7 +725,11 @@ exports.TemplateWhiteIcon = TemplateWhiteIcon.TemplateWhiteIcon;
 exports.TextAnalyticsIcon = TextAnalyticsIcon.TextAnalyticsIcon;
 exports.TextAnalyticsWhiteIcon = TextAnalyticsWhiteIcon.TextAnalyticsWhiteIcon;
 exports.ThumbsDownIcon = ThumbsDownIcon.ThumbsDownIcon;
+exports.ThumbsDownOffIcon = ThumbsDownOffIcon.ThumbsDownOffIcon;
+exports.ThumbsDownOnIcon = ThumbsDownOnIcon.ThumbsDownOnIcon;
 exports.ThumbsUpIcon = ThumbsUpIcon.ThumbsUpIcon;
+exports.ThumbsUpOffIcon = ThumbsUpOffIcon.ThumbsUpOffIcon;
+exports.ThumbsUpOnIcon = ThumbsUpOnIcon.ThumbsUpOnIcon;
 exports.TimeIcon = TimeIcon.TimeIcon;
 exports.TimeWhiteIcon = TimeWhiteIcon.TimeWhiteIcon;
 exports.TranslationIcon = TranslationIcon.TranslationIcon;
@@ -1031,6 +1040,8 @@ exports.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = constants.TITLE_BLOCK_ZEN_SECON
 exports.ToggleSwitch = ToggleSwitch.ToggleSwitch;
 exports.ToggleSwitchField = ToggleSwitchField.ToggleSwitchField;
 exports.Tooltip = Tooltip.Tooltip;
+exports.subtractOnePixel = useMediaQueries.subtractOnePixel;
+exports.useMediaQueries = useMediaQueries.useMediaQueries;
 exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
 exports.Well = Well.Well;
 exports.Workflow = Workflow.Workflow;

package/dist/cjs/index.cjs.map

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