@kaizen/components 1.34.0 → 1.35.0

package/dist/cjs/Icon/UserIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserIcon.cjs","sources":["../../../src/Icon/UserIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M10 12c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,QAAQ,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACvC,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA6G,EAC/G,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UserIcon.cjs","sources":["../../../src/Icon/UserIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M10 12c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,QAAQ,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACvC,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA6G,EAC/G,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/UserSelectIcon.cjs

@@ -2,13 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var UserSelectIcon = function (props) {
-  var uniqueId = uuid.v4();
+  var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
     d: "M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044 1.102 1.103Zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333Z"

package/dist/cjs/Icon/UserSelectIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserSelectIcon.cjs","sources":["../../../src/Icon/UserSelectIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserSelectIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044 1.102 1.103Zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserSelectIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAoP,EACtP,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UserSelectIcon.cjs","sources":["../../../src/Icon/UserSelectIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserSelectIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044 1.102 1.103Zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserSelectIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAoP,EACtP,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/UserSettingsIcon.cjs

@@ -2,13 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var UserSettingsIcon = function (props) {
-  var uniqueId = uuid.v4();
+  var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
     d: "M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333Zm2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213l-.702-.55ZM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666Zm0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333Z"

package/dist/cjs/Icon/UserSettingsIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsIcon.cjs","sources":["../../../src/Icon/UserSettingsIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserSettingsIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333Zm2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213l-.702-.55ZM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666Zm0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserSettingsIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,gBAAgB,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC/C,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA65B,EAC/5B,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UserSettingsIcon.cjs","sources":["../../../src/Icon/UserSettingsIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserSettingsIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333Zm2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213l-.702-.55ZM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666Zm0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserSettingsIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,gBAAgB,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC/C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA65B,EAC/5B,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/UserUpdateIcon.cjs

@@ -2,16 +2,15 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var UserUpdateIcon = function (props) {
-  var uniqueId = uuid.v4();
+  var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
-    d: "m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.666.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z"
+    d: "m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z"
   })), React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/cjs/Icon/UserUpdateIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserUpdateIcon.cjs","sources":["../../../src/Icon/UserUpdateIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserUpdateIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.666.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserUpdateIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAwb,EAC1b,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UserUpdateIcon.cjs","sources":["../../../src/Icon/UserUpdateIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserUpdateIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserUpdateIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAwb,EAC1b,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/UsersIcon.cjs

@@ -2,13 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var UsersIcon = function (props) {
-  var uniqueId = uuid.v4();
+  var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
     d: "M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4"

package/dist/cjs/Icon/UsersIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UsersIcon.cjs","sources":["../../../src/Icon/UsersIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UsersIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UsersIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAyU,EAC3U,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UsersIcon.cjs","sources":["../../../src/Icon/UsersIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UsersIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UsersIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAyU,EAC3U,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/VisibleIcon.cjs

@@ -2,13 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var VisibleIcon = function (props) {
-  var uniqueId = uuid.v4();
+  var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
     d: "M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z"

package/dist/cjs/Icon/VisibleIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisibleIcon.cjs","sources":["../../../src/Icon/VisibleIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const VisibleIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["VisibleIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAwY,EAC1Y,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"VisibleIcon.cjs","sources":["../../../src/Icon/VisibleIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const VisibleIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["VisibleIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAwY,EAC1Y,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/WritingIcon.cjs

@@ -2,13 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var WritingIcon = function (props) {
-  var uniqueId = uuid.v4();
+  var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
     d: "M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z"

package/dist/cjs/Icon/WritingIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WritingIcon.cjs","sources":["../../../src/Icon/WritingIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const WritingIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["WritingIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAkM,EACpM,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"WritingIcon.cjs","sources":["../../../src/Icon/WritingIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const WritingIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["WritingIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAkM,EACpM,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ZoomInIcon.cjs

@@ -9,7 +9,7 @@ var SVG = require('./subcomponents/SVG/SVG.cjs');
 var ZoomInIcon = function (props) {
   var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
     fill: "currentColor",
-    d: "M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z"
+    d: "M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z"
   }));
   return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
 };

package/dist/cjs/Icon/ZoomInIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomInIcon.cjs","sources":["../../../src/Icon/ZoomInIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\n\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomInIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomInIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,UAAU,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACzC,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAgX,CAClX,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ZoomInIcon.cjs","sources":["../../../src/Icon/ZoomInIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomInIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomInIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,UAAU,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACzC,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAgX,CAClX,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ZoomOutIcon.cjs

@@ -9,7 +9,7 @@ var SVG = require('./subcomponents/SVG/SVG.cjs');
 var ZoomOutIcon = function (props) {
   var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
     fill: "currentColor",
-    d: "M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z"
+    d: "M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z"
   }));
   return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
 };

package/dist/cjs/Icon/ZoomOutIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomOutIcon.cjs","sources":["../../../src/Icon/ZoomOutIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\n\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomOutIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomOutIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAkU,CACpU,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ZoomOutIcon.cjs","sources":["../../../src/Icon/ZoomOutIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomOutIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomOutIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAKO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAkU,CACpU,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Base = require('../../subcomponents/Base/Base.cjs');
+var VideoPlayer = require('../../subcomponents/VideoPlayer/VideoPlayer.cjs');
+
+/**
+ * This component is a snowflake. It plays two assets one after the other:
+ *  - An "initial" animation that is only ever played once, never looping
+ *  - An "ambient" animation that can be looped, depending on the props passed into it
+ */
+const BrandMomentCaptureIntro = /*#__PURE__*/function () {
+  const BrandMomentCaptureIntro = function (_a) {
+    var isAnimated = _a.isAnimated,
+      alt = _a.alt,
+      enableAspectRatio = _a.enableAspectRatio,
+      otherProps = tslib.__rest(_a, ["isAnimated", "alt", "enableAspectRatio"]);
+    var _b = React.useState(false),
+      firstAnimationComplete = _b[0],
+      setFirstAnimationComplete = _b[1];
+    var aspectRatio = enableAspectRatio ? "landscape" : undefined;
+    if (!isAnimated) {
+      return React.createElement(Base.Base, tslib.__assign({
+        aspectRatio: aspectRatio,
+        alt: alt || ""
+      }, otherProps, {
+        name: "illustrations/heart/scene/brand-moments-capture-intro-loop.png"
+      }));
+    }
+    if (firstAnimationComplete) {
+      return React.createElement(VideoPlayer.VideoPlayer, tslib.__assign({}, otherProps, {
+        aspectRatio: aspectRatio,
+        fallback: "illustrations/heart/scene/brand-moments-capture-intro-loop",
+        source: "illustrations/heart/scene/brand-moments-capture-intro-loop",
+        autoplay: firstAnimationComplete ? otherProps.autoplay : false
+      }));
+    }
+    return React.createElement(VideoPlayer.VideoPlayer, tslib.__assign({}, otherProps, {
+      aspectRatio: aspectRatio,
+      fallback: "illustrations/heart/scene/brand-moments-capture-intro",
+      source: "illustrations/heart/scene/brand-moments-capture-intro",
+      onEnded: function () {
+        return setFirstAnimationComplete(true);
+      },
+      loop: false
+    }));
+  };
+  BrandMomentCaptureIntro.displayName = "BrandMomentCaptureIntro";
+  return BrandMomentCaptureIntro;
+}();
+exports.BrandMomentCaptureIntro = BrandMomentCaptureIntro;
+//# sourceMappingURL=BrandMomentCaptureIntro.cjs.map

package/dist/cjs/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandMomentCaptureIntro.cjs","sources":["../../../../../src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { AnimatedSceneProps } from \"~components/Illustration/Scene/Scene\"\nimport { Base } from \"~components/Illustration/subcomponents/Base/Base\"\nimport { VideoPlayer } from \"~components/Illustration/subcomponents/VideoPlayer\"\n\n/**\n * This component is a snowflake. It plays two assets one after the other:\n *  - An \"initial\" animation that is only ever played once, never looping\n *  - An \"ambient\" animation that can be looped, depending on the props passed into it\n */\nexport const BrandMomentCaptureIntro = ({\n  isAnimated,\n  alt,\n  enableAspectRatio,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  const [firstAnimationComplete, setFirstAnimationComplete] =\n    useState<boolean>(false)\n  const aspectRatio = enableAspectRatio ? \"landscape\" : undefined\n\n  if (!isAnimated) {\n    return (\n      <Base\n        aspectRatio={aspectRatio}\n        alt={alt || \"\"}\n        {...otherProps}\n        name=\"illustrations/heart/scene/brand-moments-capture-intro-loop.png\"\n      />\n    )\n  }\n\n  if (firstAnimationComplete) {\n    return (\n      <VideoPlayer\n        {...otherProps}\n        aspectRatio={aspectRatio}\n        fallback=\"illustrations/heart/scene/brand-moments-capture-intro-loop\"\n        source=\"illustrations/heart/scene/brand-moments-capture-intro-loop\"\n        autoplay={firstAnimationComplete ? otherProps.autoplay : false}\n      />\n    )\n  }\n\n  return (\n    <VideoPlayer\n      {...otherProps}\n      aspectRatio={aspectRatio}\n      fallback=\"illustrations/heart/scene/brand-moments-capture-intro\"\n      source=\"illustrations/heart/scene/brand-moments-capture-intro\"\n      onEnded={(): void => setFirstAnimationComplete(true)}\n      loop={false}\n    />\n  )\n}\n\nBrandMomentCaptureIntro.displayName = \"BrandMomentCaptureIntro\"\n"],"names":["BrandMomentCaptureIntro","_a","isAnimated","alt","enableAspectRatio","otherProps","__rest","_b","useState","firstAnimationComplete","setFirstAnimationComplete","aspectRatio","undefined","React","Base","__assign","name","createElement","VideoPlayer","fallback","source","autoplay","onEnded","loop","displayName"],"mappings":";;;;;;;AAKA;;;;AAIG;AAJH,MAKaA,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CAACC,EAKnB,EAAA;IAJnB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACVC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;MACdC,UAAU,GAJyBC,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EAAA,CAAA,YAAA,EAAA,KAAA,EAAA,mBAAA,CAKvC,CADc;IAEP,IAAAM,EAAA,GACJC,KAAAA,CAAAA,QAAQ,CAAU,KAAK,CAAC;MADnBC,sBAAsB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,yBAAyB,GAAAH,EAAA,CAAA,CAAA,CAC9B;IAC1B,IAAMI,WAAW,GAAGP,iBAAiB,GAAG,WAAW,GAAGQ,SAAS;IAE/D,IAAI,CAACV,UAAU,EAAE;MACf,OACEW,oBAACC,IAAAA,CAAAA,IAAI,EAAAC,KAAAA,CAAAA,QAAA,CAAA;QACHJ,WAAW,EAAEA,WAAW;QACxBR,GAAG,EAAEA,GAAG,IAAI;SACRE,UAAU,EAAA;QACdW,IAAI,EAAC;MACL,CAAA,CAAA,CAAA;IAEL;IAED,IAAIP,sBAAsB,EAAE;MAC1B,OACEI,KAAA,CAAAI,aAAA,CAACC,uBAAW,EAAAH,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACNV,UAAU,EACd;QAAAM,WAAW,EAAEA,WAAW;QACxBQ,QAAQ,EAAC,4DAA4D;QACrEC,MAAM,EAAC,4DAA4D;QACnEC,QAAQ,EAAEZ,sBAAsB,GAAGJ,UAAU,CAACgB,QAAQ,GAAG;MAAK,CAAA,CAAA,CAC9D;IAEL;IAED,OACER,KAAA,CAAAI,aAAA,CAACC,WAAW,CAAAA,WAAA,EAAAH,cAAA,CAAA,CAAA,CAAA,EACNV,UAAU,EACd;MAAAM,WAAW,EAAEA,WAAW;MACxBQ,QAAQ,EAAC,uDAAuD;MAChEC,MAAM,EAAC,uDAAuD;MAC9DE,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAAZ,yBAAyB,CAAC,IAAI,CAAC;MAA/B,CAA+B;MACpDa,IAAI,EAAE;IAAK,CAAA,CAAA,CACX;EAEN,CAAC;EAEDvB,uBAAuB,CAACwB,WAAW,GAAG,yBAAyB;EAAA,OA7ClDxB,uBAAuB;AAAA;"}

package/dist/cjs/Illustration/utils/usePausePlay.cjs

@@ -2,7 +2,6 @@
 
 var React = require('react');
 require('tslib');
-require('uuid');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var LaunchIcon = require('../../Icon/LaunchIcon.cjs');
 var PauseIcon = require('../../Icon/PauseIcon.cjs');

package/dist/cjs/Illustration/utils/usePausePlay.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePausePlay.cjs","sources":["../../../../src/Illustration/utils/usePausePlay.tsx"],"sourcesContent":["import React, { useState, RefObject } from \"react\"\nimport { LaunchIcon, PauseIcon } from \"~components/Icon\"\n\nexport type usePausePlayHook = {\n  toggle: () => void\n  icon: JSX.Element\n  label: string\n}\n\nexport const usePausePlay = (\n  videoRef: RefObject<HTMLVideoElement>\n): usePausePlayHook => {\n  const [isPaused, setPaused] = useState(false)\n\n  return {\n    toggle: (): void => {\n      if (!videoRef.current) return\n\n      if (videoRef.current.paused) {\n        setPaused(false)\n        videoRef.current.play()\n      } else {\n        setPaused(true)\n        videoRef.current.pause()\n      }\n    },\n    icon: isPaused ? (\n      <LaunchIcon role=\"presentation\" />\n    ) : (\n      <PauseIcon role=\"presentation\" />\n    ),\n    label: isPaused ? \"Play animation\" : \"Pause animation\",\n  }\n}\n"],"names":["usePausePlay","videoRef","_a","useState","isPaused","setPaused","toggle","current","paused","play","pause","icon","React","createElement","LaunchIcon","role","PauseIcon","label"],"mappings":";;;;;;;;AASO,IAAMA,YAAY,GAAG,SAAAA,CAC1BC,QAAqC,EAAA;EAE/B,IAAAC,EAAA,GAAwBC,KAAAA,CAAAA,QAAQ,CAAC,KAAK,CAAC;IAAtCC,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAmB;EAE7C,OAAO;IACLI,MAAM,EAAE,SAAAA,CAAA,EAAA;MACN,IAAI,CAACL,QAAQ,CAACM,OAAO,EAAE;MAEvB,IAAIN,QAAQ,CAACM,OAAO,CAACC,MAAM,EAAE;QAC3BH,SAAS,CAAC,KAAK,CAAC;QAChBJ,QAAQ,CAACM,OAAO,CAACE,IAAI,EAAE;MACxB,CAAA,MAAM;QACLJ,SAAS,CAAC,IAAI,CAAC;QACfJ,QAAQ,CAACM,OAAO,CAACG,KAAK,EAAE;MACzB;IACF,CAAA;IACDC,IAAI,EAAEP,QAAQ,GACZQ,KAAC,CAAAC,aAAA,CAAAC,UAAU,CAAAA,UAAA,EAAC;MAAAC,IAAI,EAAC;MAAiB,GAElCH,KAAA,CAAAC,aAAA,CAACG,SAAAA,CAAAA,SAAS,EAAA;MAACD,IAAI,EAAC;IAAc,CAAA,CAC/B;IACDE,KAAK,EAAEb,QAAQ,GAAG,gBAAgB,GAAG;GACtC;AACH,CAAA;"}
+{"version":3,"file":"usePausePlay.cjs","sources":["../../../../src/Illustration/utils/usePausePlay.tsx"],"sourcesContent":["import React, { useState, RefObject } from \"react\"\nimport { LaunchIcon, PauseIcon } from \"~components/Icon\"\n\nexport type usePausePlayHook = {\n  toggle: () => void\n  icon: JSX.Element\n  label: string\n}\n\nexport const usePausePlay = (\n  videoRef: RefObject<HTMLVideoElement>\n): usePausePlayHook => {\n  const [isPaused, setPaused] = useState(false)\n\n  return {\n    toggle: (): void => {\n      if (!videoRef.current) return\n\n      if (videoRef.current.paused) {\n        setPaused(false)\n        videoRef.current.play()\n      } else {\n        setPaused(true)\n        videoRef.current.pause()\n      }\n    },\n    icon: isPaused ? (\n      <LaunchIcon role=\"presentation\" />\n    ) : (\n      <PauseIcon role=\"presentation\" />\n    ),\n    label: isPaused ? \"Play animation\" : \"Pause animation\",\n  }\n}\n"],"names":["usePausePlay","videoRef","_a","useState","isPaused","setPaused","toggle","current","paused","play","pause","icon","React","createElement","LaunchIcon","role","PauseIcon","label"],"mappings":";;;;;;;AASO,IAAMA,YAAY,GAAG,SAAAA,CAC1BC,QAAqC,EAAA;EAE/B,IAAAC,EAAA,GAAwBC,KAAAA,CAAAA,QAAQ,CAAC,KAAK,CAAC;IAAtCC,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAmB;EAE7C,OAAO;IACLI,MAAM,EAAE,SAAAA,CAAA,EAAA;MACN,IAAI,CAACL,QAAQ,CAACM,OAAO,EAAE;MAEvB,IAAIN,QAAQ,CAACM,OAAO,CAACC,MAAM,EAAE;QAC3BH,SAAS,CAAC,KAAK,CAAC;QAChBJ,QAAQ,CAACM,OAAO,CAACE,IAAI,EAAE;MACxB,CAAA,MAAM;QACLJ,SAAS,CAAC,IAAI,CAAC;QACfJ,QAAQ,CAACM,OAAO,CAACG,KAAK,EAAE;MACzB;IACF,CAAA;IACDC,IAAI,EAAEP,QAAQ,GACZQ,KAAC,CAAAC,aAAA,CAAAC,UAAU,CAAAA,UAAA,EAAC;MAAAC,IAAI,EAAC;MAAiB,GAElCH,KAAA,CAAAC,aAAA,CAACG,SAAAA,CAAAA,SAAS,EAAA;MAACD,IAAI,EAAC;IAAc,CAAA,CAC/B;IACDE,KAAK,EAAEb,QAAQ,GAAG,gBAAgB,GAAG;GACtC;AACH,CAAA;"}

package/dist/cjs/Input/InputSearch/InputSearch.cjs

@@ -3,9 +3,13 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var loadingSpinner = require('@kaizen/loading-spinner');
 var ClearButton = require('../../ClearButton/ClearButton.cjs');
 var SearchIcon = require('../../Icon/SearchIcon.cjs');
+require('../../Loading/LoadingGraphic/LoadingGraphic.cjs');
+require('../../Loading/LoadingHeading/LoadingHeading.cjs');
+require('../../Loading/LoadingInput/LoadingInput.cjs');
+require('../../Loading/LoadingParagraph/LoadingParagraph.cjs');
+var LoadingSpinner = require('../../Loading/LoadingSpinner/LoadingSpinner.cjs');
 var InputSearch_module = require('./InputSearch.module.scss.cjs');
 const InputSearch = /*#__PURE__*/function () {
   const InputSearch = function (props) {
@@ -31,7 +35,7 @@ const InputSearch = /*#__PURE__*/function () {
       className: classnames(InputSearch_module.wrapper, secondary ? InputSearch_module.secondary : InputSearch_module["default"], reversed && InputSearch_module.reversed, disabled && InputSearch_module.disabled, value && InputSearch_module.hasEndIconAdornment, classNameOverride)
     }, React.createElement("div", {
       className: InputSearch_module.startIconAdornment
-    }, loading ? React.createElement(loadingSpinner.LoadingSpinner, {
+    }, loading ? React.createElement(LoadingSpinner.LoadingSpinner, {
       accessibilityLabel: "",
       size: "sm",
       classNameOverride: InputSearch_module.loadingSpinner

package/dist/cjs/Input/InputSearch/InputSearch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.cjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}
+{"version":3,"file":"InputSearch.cjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs

@@ -4,7 +4,6 @@ var React = require('react');
 var classnames = require('classnames');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
 require('tslib');
-require('uuid');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var CheckIcon = require('../Icon/CheckIcon.cjs');
 var Text = require('../Text/Text.cjs');

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LikertScaleLegacy.cjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":";;;;;;;;;;;;AA6BA,IAAMA,gBAAgB,GAAG,SAAAA,CAAA,EAAmB;EAAA,OAC1CC,KAAC,CAAAC,aAAA,CAAAC,SAAAA,CAAAA,SAAS;IAACC,IAAI,EAAC,cAAc;IAACC,iBAAiB,EAAEC,wBAAM,CAACC;EAAS,CAAA,CAAA;AADxB,CAE3C;AAED;;;AAGG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAACC,EASf,EAAA;MARjBC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACOC,UAAU,GAAAJ,EAAA,CAAA,aAAA,CAAA;IACzBK,QAAQ,GAAAL,EAAA,CAAAK,QAAA;IACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;IACjBC,MAAM,GAAAP,EAAA,CAAAO,MAAA;IACNC,OAAO,GAAAR,EAAA,CAAAQ,OAAA;EAED,IAAAC,EAAA,GAAgCC,KAAAA,CAAAA,QAAQ,CAAmB,IAAI,CAAC;IAA/DC,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,cAAc,GAAAH,EAAA,CAAA,CAAA,CAAoC;EACtE,IAAMI,QAAQ,GAAaZ,KAAK,CAACa,GAAG,CAAC,UAAAC,CAAC,EAAI;IAAA,OAAC;MACzCC,KAAK,EAAED,CAAC,CAACC,KAAK;MACdC,GAAG,EAAEC,KAAAA,CAAAA,SAAS,CAAkB;IACjC,CAAA;EAAC,CAAA,CAAC;EAEH,IAAMC,gBAAgB,GAAG,SAAAA,CAACC,IAAe,EAAA;;IAEvC,IAAMC,qBAAqB,GAAG,CAAAnB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,MAAKI,IAAI,CAACJ,KAAK;;IAGhE,IAAMM,WAAW,GAAGrB,KAAK,CAACsB,IAAI,CAAC,UAAAR,CAAC,EAAI;MAAA,OAAAA,CAAC,CAACC,KAAK,KAAK,CAAC,CAAC;IAAA,CAAA,CAAC,IAAI,IAAI;;IAG3D,IAAMQ,OAAO,GAAGH,qBAAqB,GAAGC,WAAW,GAAGF,IAAI;IAE1Df,QAAQ,CAACmB,OAAO,CAAC;IACjBZ,cAAc,CAAC,IAAI,CAAC;EACtB,CAAC;EAED;;AAEG;EACH,IAAMa,aAAa,GAAG,SAAAA,CACpBC,KAA0C,EAC1CC,WAAsB,EAAA;IAEtB,IAAMC,WAAW,GAAGC,8BAA8B,CAChDH,KAAK,CAACI,OAAO,EACb5B,YAAY,EACZyB,WAAW,CACZ;IACD,IAAIC,WAAW,EAAE;MACfF,KAAK,CAACK,cAAc,CAAA,CAAE;MAEtB1B,QAAQ,CAACJ,KAAK,CAACsB,IAAI,CAAC,UAAAR,CAAC;QAAI,OAAAA,CAAC,CAACC,KAAK,KAAKY,WAAW;OAAA,CAAC,IAAI,IAAI,CAAC;;MAG1D,IAAMI,OAAO,GAAGnB,QAAQ,CAACU,IAAI,CAAC,UAAAH,IAAI,EAAA;QAAI,OAAAA,IAAI,CAACJ,KAAK,KAAKY,WAAW;MAA1B,CAA0B,CAAC;MACjEI,OAAO,IAAIA,OAAO,CAACf,GAAG,CAACgB,OAAO,IAAID,OAAO,CAACf,GAAG,CAACgB,OAAO,CAACC,KAAK,EAAE;IAC9D;EACH,CAAC;EAED,IAAMC,MAAM,GAAG,CAAAxB,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEyB,KAAK,MAAIlC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEkC,KAAK,CAAA,IAAI,WAAW;EAEvE,IAAMC,8BAA8B,GAClC9B,MAAM,KAAK,SAAS,IAAID,iBAAiB,KAAKgC,SAAS;EAEzD,IAAMC,mBAAmB,GAAGF,8BAA8B,GACtD,EAAG,CAAAG,MAAA,CAAAhC,OAAO,EAA2B,2BAAA,CAAA,GACrC8B,SAAS;EAEb,IAAMG,OAAO,GAAGvC,YAAY,IAAIA,YAAY,CAACc,KAAK,GAAG,CAAC;EAEtD,OACExB;IACEkD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAAC+C,SAAS,EAChBH,OAAO,IAAI5C,wBAAM,CAACgD,KAAK,EACvB1C,QAAQ,IAAI,CAACN,wBAAM,CAACM,QAAQ,CAAC,EAC7BQ,WAAW,KAAK,IAAI,IAAId,wBAAM,CAACiD,OAAO,CACvC;uBACgBtC,OAAO;IACxBb,IAAI,EAAC,YAAY;IACjBoD,QAAQ,EAAE,CAAC,CAAC;IAAA,kBAAA,EACMR,mBAAmB;IAAA,aAAA,EACxBnC;EAAU,CAAA,EAEvBZ,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAiD,SAAS,EAAE7C,wBAAM,CAACsC,MAAM;mBACX/B,UAAU,IAAI,EAAG,CAAAoC,MAAA,CAAApC,UAAU,EAAS,SAAA;EAAA,CAAA,EAEjDZ,KAAC,CAAAC,aAAA,CAAAuD,SAAI;IAACC,OAAO,EAAC,OAAO;IAACC,KAAK,EAAE/C,QAAQ,GAAG,OAAO,GAAG;EAC/C,CAAA,EAAAgC,MAAM,CACF,CACH,EACN3C,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAiD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAACsD,aAAa,EACpBV,OAAO,IAAI5C,wBAAM,CAACgD,KAAK,EACvB1C,QAAQ,IAAIN,wBAAM,CAACM,QAAQ;EAG5B,CAAA,EAAAF,KAAK,CAACa,GAAG,CAAC,UAACM,IAAe,EAAA;IACzB,IAAIA,IAAI,CAACJ,KAAK,IAAI,CAAC,EAAE;MACnB;IACD;IAED,IAAMoC,cAAc,GAAG,CAAAlD,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,MAAKI,IAAI,CAACJ,KAAK;IACzD,IAAMgB,OAAO,GAAGnB,QAAQ,CAACU,IAAI,CAAC,UAAA8B,CAAC,EAAI;MAAA,OAAAjC,IAAI,CAACJ,KAAK,KAAKqC,CAAC,CAACrC,KAAK;IAAA,CAAA,CAAC;;IAG1D,IAAI+B,QAAQ,GAAG,CAAC;;IAEhB,IACE7C,YAAY,IACZA,YAAY,CAACc,KAAK,GAAG,CAAC,IACtBd,YAAY,CAACc,KAAK,KAAKI,IAAI,CAACJ,KAAK,EACjC;MACA+B,QAAQ,GAAG,CAAC,CAAC;IACd;IAED,IAAMO,UAAU,GACdpD,YAAY,IAAIkB,IAAI,CAACJ,KAAK,KAAId,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,CAAA,IAAI,CAACL,WAAW;IACnE,IAAM4C,WAAW,GAAG5C,WAAW,IAAIA,WAAW,CAACK,KAAK,IAAII,IAAI,CAACJ,KAAK;IAClE,IAAMwC,YAAY,GAAGtD,YAAY,IAAIA,YAAY,CAACc,KAAK,GAAGI,IAAI,CAACJ,KAAK;IAEpE,OACExB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEiD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAAC4D,UAAU,EACjB5D,wBAAM,CAAC,YAAa,CAAA2C,MAAA,CAAApB,IAAI,CAACJ,KAAK,CAAE,CAAC,EACjCsC,UAAU,IAAIzD,wBAAM,CAAC6D,QAAQ,EAC7BH,WAAW,IAAI1D,wBAAM,CAAC8D,SAAS,EAC/BH,YAAY,IAAI3D,wBAAM,CAAC+D,UAAU,CAClC;MACDC,GAAG,EAAEzC,IAAI,CAACJ,KAAK;MACF,aAAA,EAAAZ,UAAU,IAAI,EAAA,CAAAoC,MAAA,CAAGpC,UAAU,EAAS,QAAA,CAAA,CAAAoC,MAAA,CAAApB,IAAI,CAACJ,KAAK,CAAE;MAC7D8C,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAA3C,gBAAgB,CAACC,IAAI,CAAC;OAAA;MAC3C2C,YAAY,EAAE,SAAAA,CAAA;QAAY,OAAAnD,cAAc,CAACQ,IAAI,CAAC;MAAA,CAAA;MAC9C4C,YAAY,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAApD,cAAc,CAAC,IAAI,CAAC;MAAA,CAAA;MAC9CqD,SAAS,EAAE,SAAAA,CAACvC,KAAK;QAAW,OAAAD,aAAa,CAACC,KAAK,EAAEN,IAAI,CAAC;MAAA,CAAA;MACtD8C,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAAtD,cAAc,CAACQ,IAAI,CAAC;OAAA;MACzC+C,MAAM,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAAvD,cAAc,CAAC,IAAI,CAAC;OAAA;MACxCjB,IAAI,EAAC,OAAO;MACA,YAAA,EAAAyB,IAAI,CAACgB,KAAK;MAAA,cAAA,EACRgB,cAAc;MAAA,eAAA,EACbhC,IAAI,CAACJ,KAAK;MACX,cAAA,EAAA,CAAC;MACf+B,QAAQ,EAAEA,QAAQ;MAClB9B,GAAG,EAAEe,OAAO,IAAIA,OAAO,CAACf;IAAG,CAAA,EAE3BzB,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAiD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAACuE,cAAc,EACrBvE,wBAAM,CAAC,OAAA,CAAA2C,MAAA,CAAQpB,IAAI,CAACJ,KAAK,CAAE,CAAC,EAC5BoC,cAAc,IAAIvD,wBAAM,CAACwE,GAAG;KAE9B,CAAA,EACDjB,cAAc,GAAG5D,KAAA,CAAAC,aAAA,CAACF,gBAAgB,EAAA,IAAA,CAAG,GAAG,IAAI,CACzC;EAEV,CAAC,CAAC,CACE,EACL8C,8BAA8B,IAC7B7C,KAAA,CAAAC,aAAA,CAAC6E,YAAY,CAAAA,YAAA,EAAA;IACXC,EAAE,EAAEhC,mBAAmB;IACvBiC,OAAO,EAAElE,iBAAiB;IAC1BC,MAAM,EAAEA,MAAM;IACdJ,QAAQ,EAAEA;EACV,CAAA,CACH,CACG;AAEV,CAAA;"}
+{"version":3,"file":"LikertScaleLegacy.cjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":"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"}

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs

@@ -3,14 +3,15 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var draftIllustration = require('@kaizen/draft-illustration');
 var Heading = require('../../Heading/Heading.cjs');
-require('uuid');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var CautionWhiteIcon = require('../../Icon/CautionWhiteIcon.cjs');
 var ExclamationWhiteIcon = require('../../Icon/ExclamationWhiteIcon.cjs');
 var InformationWhiteIcon = require('../../Icon/InformationWhiteIcon.cjs');
 var SuccessWhiteIcon = require('../../Icon/SuccessWhiteIcon.cjs');
+var Spot = require('../../Illustration/Spot/Spot.cjs');
+require('../../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs');
+require('../../Illustration/Scene/Scene.cjs');
 var GenericModal = require('../GenericModal/GenericModal.cjs');
 require('../GenericModal/context/ModalContext.cjs');
 var ModalAccessibleDescription = require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
@@ -22,27 +23,27 @@ var ConfirmationModal_module = require('./ConfirmationModal.module.scss.cjs');
 var getIcon = function (mood, isProminent) {
   switch (mood) {
     case "cautionary":
-      return isProminent ? React.createElement(draftIllustration.Cautionary, null) : React.createElement(CautionWhiteIcon.CautionWhiteIcon, {
+      return isProminent ? React.createElement(Spot.Cautionary, null) : React.createElement(CautionWhiteIcon.CautionWhiteIcon, {
         inheritSize: true,
         role: "presentation"
       });
     case "informative":
-      return isProminent ? React.createElement(draftIllustration.Informative, null) : React.createElement(InformationWhiteIcon.InformationWhiteIcon, {
+      return isProminent ? React.createElement(Spot.Informative, null) : React.createElement(InformationWhiteIcon.InformationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
       });
     case "negative":
-      return isProminent ? React.createElement(draftIllustration.Negative, null) : React.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
+      return isProminent ? React.createElement(Spot.Negative, null) : React.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
       });
     case "positive":
-      return isProminent ? React.createElement(draftIllustration.Positive, null) : React.createElement(SuccessWhiteIcon.SuccessWhiteIcon, {
+      return isProminent ? React.createElement(Spot.Positive, null) : React.createElement(SuccessWhiteIcon.SuccessWhiteIcon, {
         inheritSize: true,
         role: "presentation"
       });
     case "assertive":
-      return isProminent ? React.createElement(draftIllustration.Assertive, null) : React.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
+      return isProminent ? React.createElement(Spot.Assertive, null) : React.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
       });

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.cjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"@kaizen/draft-illustration\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}
+{"version":3,"file":"ConfirmationModal.cjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"~components/Illustration\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}