@heliux-org/design-system-core 0.0.319 → 0.0.321-Test

package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js

@@ -1,2 +1,2 @@
-var n={navbar:"navbar_6d3ba6113d",sticky:"sticky_665dd610bc",navContainer:"navContainer_e098bd6ccc",logo:"logo_44fcdec865",itemList:"itemList_f1a1aa6f77",active:"active_979113d40e",navButton:"navButton_40a4148801",profile:"profile_222178a33e",navbarAvatar:"navbarAvatar_b9818206fd",notifications:"notifications_ebdf845337",navbarCounter:"navbarCounter_5b32aba158",userInfo:"userInfo_4a85b437ba",username:"username_5c6b4b2f50",email:"email_47d7f502aa",logout:"logout_c917f9d0c6",dialog:"dialog_90c4b8bf23",hover:"hover_86974f76b8"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-c6256fe04a8a_0_0_318";if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar_6d3ba6113d {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky_665dd610bc {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer_e098bd6ccc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  max-width: fit-content;\n  margin: auto;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer_e098bd6ccc button {\n  margin-top: -2px;\n}\n\n.logo_44fcdec865 {\n  display: flex;\n  align-items: center;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 500;\n}\n\n.logo_44fcdec865 svg {\n  margin-right: 4px;\n}\n\nul.itemList_f1a1aa6f77 {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList_f1a1aa6f77 li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList_f1a1aa6f77 li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList_f1a1aa6f77 li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList_f1a1aa6f77 .active_979113d40e {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton_40a4148801 {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton_40a4148801 a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton_40a4148801 a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton_40a4148801 a svg {\n  margin-right: 2px;\n}\n\n.profile_222178a33e {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile_222178a33e .navbarAvatar_b9818206fd {\n  margin-left: 4px;\n}\n\n.notifications_ebdf845337 {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar_b9818206fd {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter_5b32aba158 {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo_4a85b437ba {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username_5c6b4b2f50 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email_47d7f502aa {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout_c917f9d0c6 {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog_90c4b8bf23 {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover_86974f76b8 {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer_e098bd6ccc {\n    display: none;\n  }\n}");export{n as default};
+var n={navbar:"navbar_61f5c41266",sticky:"sticky_b5c31b2927",navContainer:"navContainer_f50a7d875e",logo:"logo_dd27437c20",itemList:"itemList_2cbdfedcd6",active:"active_021fae6c89",navButton:"navButton_ea02b4fb1d",profile:"profile_13634e4dea",navbarAvatar:"navbarAvatar_ba90d5213c",notifications:"notifications_2692b72e52",navbarCounter:"navbarCounter_75f9048cab",userInfo:"userInfo_dc69be6665",username:"username_e693a50c47",email:"email_78251adf9a",logout:"logout_e0e36fa0c4",dialog:"dialog_590d7207b6",hover:"hover_ef760e7fc8"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-c6256fe04a8a_0_0_320";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar_61f5c41266 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky_b5c31b2927 {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer_f50a7d875e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  max-width: fit-content;\n  margin: auto;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer_f50a7d875e button {\n  margin-top: -2px;\n}\n\n.logo_dd27437c20 {\n  display: flex;\n  align-items: center;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 500;\n}\n\n.logo_dd27437c20 svg {\n  margin-right: 4px;\n}\n\nul.itemList_2cbdfedcd6 {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList_2cbdfedcd6 li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList_2cbdfedcd6 li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList_2cbdfedcd6 li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList_2cbdfedcd6 .active_021fae6c89 {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton_ea02b4fb1d {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton_ea02b4fb1d a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton_ea02b4fb1d a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton_ea02b4fb1d a svg {\n  margin-right: 2px;\n}\n\n.profile_13634e4dea {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile_13634e4dea .navbarAvatar_ba90d5213c {\n  margin-left: 4px;\n}\n\n.notifications_2692b72e52 {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar_ba90d5213c {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter_75f9048cab {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo_dc69be6665 {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username_e693a50c47 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email_78251adf9a {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout_e0e36fa0c4 {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog_590d7207b6 {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover_ef760e7fc8 {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer_f50a7d875e {\n    display: none;\n  }\n}");export{n as default};
 //# sourceMappingURL=TopNavigationBar.module.scss.js.map

package/dist/esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js

@@ -1,2 +1,2 @@
-var e={notificationContainer:"notificationContainer_99186da11c",header:"header_91a28197ba"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_318";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".notificationContainer_99186da11c {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header_91a28197ba {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
+var e={notificationContainer:"notificationContainer_ece4077dea",header:"header_db9cff34f1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_320";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".notificationContainer_ece4077dea {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header_db9cff34f1 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
 //# sourceMappingURL=Notification.module.scss.js.map

package/dist/esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js

@@ -1,2 +1,2 @@
-var t={item:"item_ae66f1af50",content:"content_a30b0873df",type:"type_20b2fe7286",title:"title_08e90f884a",date:"date_317d899d12",NotificationStatus:"NotificationStatus_0500b6c56b"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6f9538aabb_0_0_318";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(t))}(".item_ae66f1af50 {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item_ae66f1af50:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content_a30b0873df {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type_20b2fe7286 {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title_08e90f884a {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date_317d899d12 {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus_0500b6c56b {\n  margin: 8px -2px 12px;\n}");export{t as default};
+var t={item:"item_5ea7f9d6a9",content:"content_f9dc644102",type:"type_7fc2f317bd",title:"title_72bd223897",date:"date_29e6e0f196",NotificationStatus:"NotificationStatus_b09b31d3fa"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6f9538aabb_0_0_320";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".item_5ea7f9d6a9 {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item_5ea7f9d6a9:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content_f9dc644102 {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type_7fc2f317bd {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title_72bd223897 {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date_29e6e0f196 {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus_b09b31d3fa {\n  margin: 8px -2px 12px;\n}");export{t as default};
 //# sourceMappingURL=NotificationItem.module.scss.js.map

package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.scss.js

@@ -1,2 +1,2 @@
-var n=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-left: 23px;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_318";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-left: 23px;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_320";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFile.scss.js.map

package/dist/esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-file-icon {\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_318";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-file-icon {\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_320";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeFileIcon.scss.js.map

package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js

@@ -1,2 +1,2 @@
-var n=".folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_318";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_320";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFolder.scss.js.map

package/dist/esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-folder-icon {\n  stroke: currentColor;\n  stroke-width: 0;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_318";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-folder-icon {\n  stroke: currentColor;\n  stroke-width: 0;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_320";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeFolderIcon.scss.js.map

package/dist/esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_318";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_320";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeStatusIcon.scss.js.map

package/dist/esm/src/components/Tree/components/expand/expand.scss.js

@@ -1,2 +1,2 @@
-var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_318";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_320";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=expand.scss.js.map

package/dist/esm/src/components/Typography/Typography.module.scss.js

@@ -1,2 +1,2 @@
-var e={typography:"typography_96b61fb2c2","focus-visible":"focus-visible_ae87022ae2",primary:"primary_c441024de6",secondary:"secondary_90a4651e96",tertiary:"tertiary_1f1ca7be1e",warning:"warning_7b24887b25",alert:"alert_234ab8a5ef",success:"success_acaf18938e",onPrimary:"onPrimary_198c96be4d",onInverted:"onInverted_cc0c3b5500",fixedLight:"fixedLight_b74e031994",fixedDark:"fixedDark_a3d52d96f7",inherit:"inherit_5700aaf877",start:"start_2f5d28d703",center:"center_00b6fe8340",end:"end_7208cadf5f",singleLineEllipsis:"singleLineEllipsis_f0d8c1e2ba",multiLineEllipsis:"multiLineEllipsis_e011e1e979"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b7ae7a926ea1_0_0_318";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".typography_96b61fb2c2 a {\n  text-decoration: none;\n  color: var(--text-link);\n}\n.typography_96b61fb2c2 a:focus-visible, .typography_96b61fb2c2 a.focus-visible_ae87022ae2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_96b61fb2c2 a:focus:not(.focus-visible_ae87022ae2) {\n  outline: none;\n}\n.typography_96b61fb2c2 a:hover {\n  text-decoration: underline;\n}\n.typography_96b61fb2c2:disabled, .typography_96b61fb2c2[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_c441024de6 {\n  color: var(--text-primary);\n}\n.secondary_90a4651e96 {\n  color: var(--text-secondary);\n}\n.tertiary_1f1ca7be1e {\n  color: var(--text-tertiary);\n}\n.warning_7b24887b25 {\n  color: var(--text-warning);\n}\n.alert_234ab8a5ef {\n  color: var(--text-alert);\n}\n.success_acaf18938e {\n  color: var(--text-success);\n}\n.onPrimary_198c96be4d {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_198c96be4d a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_cc0c3b5500 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_cc0c3b5500 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_b74e031994 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_b74e031994 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_a3d52d96f7 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_a3d52d96f7 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_5700aaf877 {\n  color: inherit;\n}\n.inherit_5700aaf877 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_2f5d28d703 {\n  text-align: start;\n}\n.center_00b6fe8340 {\n  text-align: center;\n}\n.end_7208cadf5f {\n  text-align: end;\n}\n.singleLineEllipsis_f0d8c1e2ba {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_e011e1e979 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={typography:"typography_9586dfe02e","focus-visible":"focus-visible_44fa03593c",primary:"primary_17f9b95eaf",secondary:"secondary_d9ea17af70",tertiary:"tertiary_4b3f54a17f",warning:"warning_7665cfcb21",alert:"alert_e10a2e36eb",success:"success_723caac11f",onPrimary:"onPrimary_ffcc7f1cbd",onInverted:"onInverted_9555f4171b",fixedLight:"fixedLight_2d142e92ab",fixedDark:"fixedDark_21a5db296d",inherit:"inherit_6ee860b9eb",start:"start_9b2d12cabe",center:"center_19c9f64d92",end:"end_d4644e2ef6",singleLineEllipsis:"singleLineEllipsis_a95b2b3b47",multiLineEllipsis:"multiLineEllipsis_046985fe1e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b7ae7a926ea1_0_0_320";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".typography_9586dfe02e a {\n  text-decoration: none;\n  color: var(--text-link);\n}\n.typography_9586dfe02e a:focus-visible, .typography_9586dfe02e a.focus-visible_44fa03593c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_9586dfe02e a:focus:not(.focus-visible_44fa03593c) {\n  outline: none;\n}\n.typography_9586dfe02e a:hover {\n  text-decoration: underline;\n}\n.typography_9586dfe02e:disabled, .typography_9586dfe02e[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_17f9b95eaf {\n  color: var(--text-primary);\n}\n.secondary_d9ea17af70 {\n  color: var(--text-secondary);\n}\n.tertiary_4b3f54a17f {\n  color: var(--text-tertiary);\n}\n.warning_7665cfcb21 {\n  color: var(--text-warning);\n}\n.alert_e10a2e36eb {\n  color: var(--text-alert);\n}\n.success_723caac11f {\n  color: var(--text-success);\n}\n.onPrimary_ffcc7f1cbd {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_ffcc7f1cbd a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_9555f4171b {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_9555f4171b a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_2d142e92ab {\n  color: var(--fixed-light-color);\n}\n.fixedLight_2d142e92ab a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_21a5db296d {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_21a5db296d a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_6ee860b9eb {\n  color: inherit;\n}\n.inherit_6ee860b9eb a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_9b2d12cabe {\n  text-align: start;\n}\n.center_19c9f64d92 {\n  text-align: center;\n}\n.end_d4644e2ef6 {\n  text-align: end;\n}\n.singleLineEllipsis_a95b2b3b47 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_046985fe1e {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/esm/src/components/Uploader/Uploader.scss.js

@@ -1,2 +1,2 @@
-var n=".hds-uploader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 200px;\n  min-height: 200px;\n  transition: all 0.2s ease-in-out;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-level-100);\n}\n.hds-uploader:hover, .hds-uploader.file-drag-active {\n  border-color: var(--divider-selected);\n  cursor: pointer;\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n}\n.hds-uploader:hover .hds-uploader-base-icon, .hds-uploader.file-drag-active .hds-uploader-base-icon {\n  color: #2d70af;\n}\n.hds-uploader:active {\n  border-color: var(--primary-color);\n  transform: scale(0.98);\n}\n.hds-uploader:focus-within {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px var(--primary-color-light);\n}\n.hds-uploader.file-drag-active {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n  box-shadow: var(--box-shadow-small);\n}\n.hds-uploader-base {\n  width: 100%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-small);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-small);\n  transition: all 0.2s ease-in-out;\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.hds-uploader-file {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  margin: 0 8px;\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-base-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  height: 42px;\n  margin-bottom: var(--spacing-small);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1776c9d6731e_0_0_318";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".hds-uploader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 200px;\n  min-height: 200px;\n  transition: all 0.2s ease-in-out;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-level-100);\n}\n.hds-uploader:hover, .hds-uploader.file-drag-active {\n  border-color: var(--divider-selected);\n  cursor: pointer;\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n}\n.hds-uploader:hover .hds-uploader-base-icon, .hds-uploader.file-drag-active .hds-uploader-base-icon {\n  color: #2d70af;\n}\n.hds-uploader:active {\n  border-color: var(--primary-color);\n  transform: scale(0.98);\n}\n.hds-uploader:focus-within {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px var(--primary-color-light);\n}\n.hds-uploader.file-drag-active {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n  box-shadow: var(--box-shadow-small);\n}\n.hds-uploader-base {\n  width: 100%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-small);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-small);\n  transition: all 0.2s ease-in-out;\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.hds-uploader-file {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  margin: 0 8px;\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-base-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  height: 42px;\n  margin-bottom: var(--spacing-small);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1776c9d6731e_0_0_320";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=Uploader.scss.js.map

package/dist/esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_536fa9abf5"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_318";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper_536fa9abf5 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_044e2ee702"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_320";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper_044e2ee702 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/esm/src/components/VirtualizedList/VirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_536fa9abf5"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-9250e4cf6c59_0_0_318";if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".virtualizedListWrapper_536fa9abf5 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_044e2ee702"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-9250e4cf6c59_0_0_320";if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".virtualizedListWrapper_044e2ee702 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/esm/src/components/Workflow/workflow.scss.js

@@ -1,2 +1,2 @@
-var n=".workflow-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 0px;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  margin-bottom: var(--spacing-medium);\n}\n\n.workflow-bar-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.workflow-bar-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.workflow-bar-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-small);\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100);\n  border-radius: var(--border-radius-medium);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-index {\n  padding: 14px;\n  color: var(--text-primary);\n}\n\n.workflow-bar-step.workflow-bar-step-active .highlight-index {\n  border-color: var(--color-white);\n  color: var(--color-white);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete {\n  display: block;\n  align-content: center;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete .workflow-bar-step-index {\n  padding: 10px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete {\n  display: block;\n  align-content: center;\n  background: var(--positive-color-background);\n  color: var(--text-primary);\n  border-color: var(--divider-primary);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete .workflow-bar-step-index {\n  padding: 10px;\n  border-color: var(--divider-secondary);\n  color: var(--text-primary);\n}\n\n.workflow-bar-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 10px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.workflow-bar-step-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workflow-bar-step-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-title-active {\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.workflow-bar-step-completed {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--text-secondary);\n}\n\n.workflow-bar-step-failed {\n  background-color: var(--surface-alert) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-step-cancelled {\n  background-color: var(--surface-level-200) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-final-step-succeeded {\n  background-color: var(--positive-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-failed {\n  background-color: var(--negative-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-cancelled {\n  background-color: var(--surface-level-300) !important;\n  color: var(--text-primary) !important;\n}\n\n.icon-color {\n  color: var(--color-solar-flare-500);\n}";!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-31d734844b4a_0_0_318";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".workflow-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 0px;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  margin-bottom: var(--spacing-medium);\n}\n\n.workflow-bar-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.workflow-bar-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.workflow-bar-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-small);\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100);\n  border-radius: var(--border-radius-medium);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-index {\n  padding: 14px;\n  color: var(--text-primary);\n}\n\n.workflow-bar-step.workflow-bar-step-active .highlight-index {\n  border-color: var(--color-white);\n  color: var(--color-white);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete {\n  display: block;\n  align-content: center;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete .workflow-bar-step-index {\n  padding: 10px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete {\n  display: block;\n  align-content: center;\n  background: var(--positive-color-background);\n  color: var(--text-primary);\n  border-color: var(--divider-primary);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete .workflow-bar-step-index {\n  padding: 10px;\n  border-color: var(--divider-secondary);\n  color: var(--text-primary);\n}\n\n.workflow-bar-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 10px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.workflow-bar-step-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workflow-bar-step-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-title-active {\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.workflow-bar-step-completed {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--text-secondary);\n}\n\n.workflow-bar-step-failed {\n  background-color: var(--surface-alert) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-step-cancelled {\n  background-color: var(--surface-level-200) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-final-step-succeeded {\n  background-color: var(--positive-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-failed {\n  background-color: var(--negative-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-cancelled {\n  background-color: var(--surface-level-300) !important;\n  color: var(--text-primary) !important;\n}\n\n.icon-color {\n  color: var(--color-solar-flare-500);\n}";!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-31d734844b4a_0_0_320";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=workflow.scss.js.map

package/dist/esm/src/components/WorkflowCard/WorkflowCard.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as o,Fragment as e}from"@emotion/react/jsx-runtime";import n from"classnames";import r from"../Box/Box.js";import s from"../Icon/Icon.js";import{IconType as t}from"../Icon/IconConstants.js";import a from"../Heading/Heading.js";import c from"../Text/Text.js";import l from"../Button/Button.js";import d from"../Flex/Flex.js";import g from"../Tags/Tags.js";import m from"./WorkflowCard.module.scss.js";function p(p){var h=p.backgroundColor,u=void 0===h?r.backgroundColors.Primary:h,j=p.title,S=void 0===j?"Normal H5 title":j,T=p.titleColor,b=void 0===T?a.colors.PRIMARY:T,O=p.showIcon,f=void 0===O||O,y=p.iconType,v=void 0===y?t.PATH:y,C=p.iconPath,L=p.iconSize,E=void 0===L?16:L,w=p.useCurrentColor,A=void 0!==w&&w,I=p.showSubheader,N=void 0===I||I,R=p.subheaderText,x=void 0===R?"subhead could go here":R,B=p.actionButtons,M=void 0===B?null:B,k=p.currentStep,P=void 0===k?1:k,z=p.totalSteps,X=void 0===z?4:z,H=p.children,_=p.onStepClick,Y=p.showReviewers,W=void 0!==Y&&Y,D=p.reviewers,U=void 0===D?[]:D,F=p.hideStepIndicator,G=void 0!==F&&F,V=p.marginBottom,q=void 0===V?r.marginBottoms.AUTO:V,J=p.margin,K=p.marginTop,Q=p.marginEnd,Z=p.marginStart,$=p.padding,ii=void 0===$?r.paddings.SMALL:$;return i(r,Object.assign({className:n(m.workflowCard,p.className),shadow:r.shadows.XS,rounded:r.roundeds.BIG,padding:ii,marginBottom:q,margin:J,marginTop:K,marginEnd:Q,marginStart:Z,backgroundColor:u},{children:o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.SMALL,justify:d.justify.SPACE_BETWEEN,align:d.align.INITIAL},{children:[o(d,Object.assign({justify:d.justify.SPACE_BETWEEN,align:d.align.CENTER},{children:[o(d,Object.assign({gap:d.gaps.SMALL,align:d.align.CENTER},{children:[f?i(s,{icon:"",iconType:v,iconPath:C,iconLabel:"workflow icon",iconSize:E,useCurrentColor:A,clickable:!1,ignoreFocusStyle:!0}):null,i(a,Object.assign({type:a.types.H5,weight:a.weights.BOLD,color:b},{children:S}))]})),!G&&o(l,Object.assign({size:l.sizes.XS,kind:l.kinds.TERTIARY,onClick:_},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.PRIMARY},{children:P===X?"View workflow":"Step ".concat(P," of ").concat(X)})),P!==X&&i(s,{icon:"",iconType:t.PATH,iconPath:"ic_arrow_chevron_right_16",iconLabel:"next step",className:"icon-story-custom-icon",iconSize:16,useCurrentColor:!0})]}))]})),o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.XS,align:d.align.INITIAL,style:{margin:"0px 0px 8px"}},{children:[N&&i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:x})),i(d,Object.assign({gap:d.gaps.MEDIUM,className:m.content},{children:H})),W&&o(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS,className:m.reviewers},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:"Reviewed by"})),i(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS},{children:U.map((function(o,e){return i(g,{label:o.name,color:g.colors.GRAY_LIGHT,readOnly:!0,leftIcon:o.iconPath},e)}))}))]}))]})),i(d,Object.assign({gap:d.gaps.SMALL,className:m.actions},{children:M||o(e,{children:[i(l,Object.assign({size:l.sizes.SMALL},{children:"Primary Button"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Secondary"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Tertiary"}))]})}))]}))}))}export{p as default};
+import{jsx as i,jsxs as o,Fragment as e}from"@emotion/react/jsx-runtime";import n from"classnames";import r from"../Box/Box.js";import s from"../Icon/Icon.js";import{IconType as t}from"../Icon/IconConstants.js";import a from"../Heading/Heading.js";import c from"../Text/Text.js";import l from"../Button/Button.js";import d from"../Flex/Flex.js";import g from"../Tags/Tags.js";import m from"./WorkflowCard.module.scss.js";function p(p){var h=p.backgroundColor,u=void 0===h?r.backgroundColors.Primary:h,j=p.title,S=void 0===j?"Normal H5 title":j,T=p.titleColor,b=void 0===T?a.colors.PRIMARY:T,v=p.showIcon,O=void 0===v||v,f=p.iconType,y=void 0===f?t.PATH:f,C=p.iconPath,L=p.iconSize,w=void 0===L?16:L,A=p.useCurrentColor,E=void 0!==A&&A,I=p.showSubheader,N=void 0===I||I,R=p.subheaderText,x=void 0===R?"subhead could go here":R,B=p.actionButtons,M=void 0===B?null:B,k=p.currentStep,P=void 0===k?1:k,z=p.totalSteps,X=void 0===z?4:z,H=p.children,_=p.onStepClick,Y=p.showReviewers,W=void 0!==Y&&Y,D=p.reviewers,U=void 0===D?[]:D,F=p.hideStepIndicator,G=void 0!==F&&F,V=p.marginBottom,q=void 0===V?r.marginBottoms.AUTO:V,J=p.margin,K=p.marginTop,Q=p.marginEnd,Z=p.marginStart,$=p.padding,ii=void 0===$?r.paddings.SMALL:$,oi=p.isActive,ei=void 0!==oi&&oi;return i(r,Object.assign({className:n(m.workflowCard,p.className),shadow:r.shadows.XS,rounded:r.roundeds.BIG,padding:ii,marginBottom:q,margin:J,marginTop:K,marginEnd:Q,marginStart:Z,backgroundColor:u},{children:o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.SMALL,justify:d.justify.SPACE_BETWEEN,align:d.align.INITIAL},{children:[o(d,Object.assign({justify:d.justify.SPACE_BETWEEN,align:d.align.CENTER},{children:[o(d,Object.assign({gap:d.gaps.SMALL,align:d.align.CENTER},{children:[O?i(s,{icon:"",iconType:y,iconPath:C,iconLabel:"workflow icon",iconSize:w,useCurrentColor:E,clickable:!1,ignoreFocusStyle:!0}):null,i(a,Object.assign({type:a.types.H5,weight:a.weights.BOLD,color:b},{children:S}))]})),!G&&o(l,Object.assign({size:l.sizes.XS,kind:l.kinds.TERTIARY,onClick:_},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.PRIMARY},{children:P===X?"View workflow":"Step ".concat(P," of ").concat(X)})),P!==X&&i(s,{icon:"",iconType:t.PATH,iconPath:"ic_arrow_chevron_right_16",iconLabel:"next step",className:"icon-story-custom-icon",iconSize:16,useCurrentColor:!0})]}))]})),o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.XS,align:d.align.INITIAL,style:{margin:"0px 0px 8px"}},{children:[N&&i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:x})),i(d,Object.assign({gap:d.gaps.MEDIUM,className:m.content},{children:H})),W&&o(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS,className:m.reviewers},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:ei?"Reviewer":"Reviewed by"})),i(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS},{children:U.map((function(o,e){return i(g,{label:o.name,color:g.colors.GRAY_LIGHT,readOnly:!0,leftIcon:o.iconPath},e)}))}))]}))]})),i(d,Object.assign({gap:d.gaps.SMALL,className:m.actions},{children:M||o(e,{children:[i(l,Object.assign({size:l.sizes.SMALL},{children:"Primary Button"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Secondary"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Tertiary"}))]})}))]}))}))}export{p as default};
 //# sourceMappingURL=WorkflowCard.js.map

package/dist/esm/src/components/WorkflowCard/WorkflowCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowCard.js","sources":["../../../../../src/components/WorkflowCard/WorkflowCard.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Icon from \"../Icon/Icon\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport Button from \"../Button/Button\";\nimport Flex from \"../Flex/Flex\";\nimport Tags from \"../Tags/Tags\";\nimport styles from \"./WorkflowCard.module.scss\";\nimport { TypographyColor } from \"../Typography/TypographyConstants\";\nimport { ValueOf } from \"type-fest\";\n\nimport {\n  SubIcon,\n  ElementContent,\n} from \"../../types\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { MARGIN_BOTTOM } from \"../Box\";\n\nexport interface Reviewer {\n  name: string;\n  iconPath?: PathName;\n}\n\nexport interface WorkflowCardProps {\n  className?: string;\n  backgroundColor?: string;\n  title?: string;\n  titleColor?: string;\n  showIcon?: boolean;\n  iconType?: IconType;\n  iconPath?: PathName | string;\n  iconSize?: number;\n  useCurrentColor?: boolean;\n  showSubheader?: boolean;\n  subheaderText?: string;\n  actionButtons?: React.ReactNode;\n  currentStep?: number;\n  totalSteps?: number;\n  children?: ElementContent;\n  onStepClick?: () => void;\n  showReviewers?: boolean;\n  reviewers?: Reviewer[];\n  hideStepIndicator?: boolean;\n  marginBottom?: ValueOf<typeof Box.marginBottoms>;\n  margin?: ValueOf<typeof Box.margins>;\n  marginTop?: ValueOf<typeof Box.marginTops>;\n  marginEnd?: ValueOf<typeof Box.marginEnds>;\n  marginStart?: ValueOf<typeof Box.marginStarts>;\n  padding?: ValueOf<typeof Box.paddings>;\n}\n\nfunction WorkflowCard({\n  className,\n  backgroundColor = Box.backgroundColors.Primary,\n  title = \"Normal H5 title\",\n  titleColor = Heading.colors.PRIMARY,\n  showIcon = true,\n  iconType = IconType.PATH,\n  iconPath,\n  iconSize = 16,\n  useCurrentColor = false,\n  showSubheader = true,\n  subheaderText = \"subhead could go here\",\n  actionButtons = null,\n  currentStep = 1,\n  totalSteps = 4,\n  children,\n  onStepClick,\n  showReviewers = false,\n  reviewers = [],\n  hideStepIndicator = false,\n  marginBottom = Box.marginBottoms.AUTO,\n  margin,\n  marginTop,\n  marginEnd,\n  marginStart,\n  padding = Box.paddings.SMALL,\n}: WorkflowCardProps) {\n  const renderIcon = () => {\n    if (!showIcon) return null;\n\n    return (\n      <Icon\n        icon=\"\"\n        iconType={iconType}\n        iconPath={iconPath as PathName}\n        iconLabel=\"workflow icon\"\n        iconSize={iconSize}\n        useCurrentColor={useCurrentColor}\n        clickable={false}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  return (\n    <Box\n      className={cx(styles.workflowCard, className)}\n      shadow={Box.shadows.XS}\n      rounded={Box.roundeds.BIG}\n      padding={padding}\n      marginBottom={marginBottom}\n      margin={margin}\n      marginTop={marginTop}\n      marginEnd={marginEnd}\n      marginStart={marginStart}\n      backgroundColor={backgroundColor}>\n      <Flex\n        direction={Flex.directions.COLUMN}\n        gap={Flex.gaps.SMALL}\n        justify={Flex.justify.SPACE_BETWEEN}\n        align={Flex.align.INITIAL}>\n        <Flex\n          justify={Flex.justify.SPACE_BETWEEN}\n          align={Flex.align.CENTER}>\n          <Flex gap={Flex.gaps.SMALL} align={Flex.align.CENTER}>\n            {renderIcon()}\n            <Heading\n              type={Heading.types.H5}\n              weight={Heading.weights.BOLD}\n              color={titleColor as TypographyColor}\n            >\n              {title}\n            </Heading>\n          </Flex>\n          {!hideStepIndicator && (\n            <Button size={Button.sizes.XS} kind={Button.kinds.TERTIARY} onClick={onStepClick}>\n              <Text type={Text.types.TEXT2} color={Text.colors.PRIMARY}>\n                {currentStep === totalSteps ? 'View workflow' : `Step ${currentStep} of ${totalSteps}`}\n              </Text>\n              {currentStep !== totalSteps && (\n                <Icon\n                  icon=\"\"\n                  iconType={IconType.PATH}\n                  iconPath=\"ic_arrow_chevron_right_16\"\n                  iconLabel=\"next step\"\n                  className=\"icon-story-custom-icon\"\n                  iconSize={16}\n                  useCurrentColor\n                />\n              )}\n            </Button>\n          )}\n\n        </Flex>\n        <Flex direction={Flex.directions.COLUMN} gap={Flex.gaps.XS} align={Flex.align.INITIAL} style={{ margin: \"0px 0px 8px\" }}>\n          {showSubheader && (\n            <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>\n              {subheaderText}\n            </Text>\n          )}\n          <Flex gap={Flex.gaps.MEDIUM} className={styles.content}>\n            {children}\n          </Flex>\n          {showReviewers && (\n            <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS} className={styles.reviewers}>\n              <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>Reviewed by</Text>\n              <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS}>\n                {reviewers.map((reviewer, index) => (\n                  <Tags\n                    key={index}\n                    label={reviewer.name}\n                    color={Tags.colors.GRAY_LIGHT}\n                    readOnly\n                    leftIcon={reviewer.iconPath}\n                  />\n                ))}\n              </Flex>\n            </Flex>\n          )}\n        </Flex>\n        <Flex gap={Flex.gaps.SMALL} className={styles.actions}>\n          {actionButtons || (\n            <>\n              <Button size={Button.sizes.SMALL}>\n                Primary Button\n              </Button>\n              <Button size={Button.sizes.SMALL}>\n                Secondary\n              </Button>\n              <Button size={Button.sizes.SMALL}>Tertiary</Button>\n            </>\n          )}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n\nexport default WorkflowCard;\n"],"names":["WorkflowCard","_ref","_ref$backgroundColor","backgroundColor","Box","backgroundColors","Primary","_ref$title","title","_ref$titleColor","titleColor","Heading","colors","PRIMARY","_ref$showIcon","showIcon","_ref$iconType","iconType","IconType","PATH","iconPath","_ref$iconSize","iconSize","_ref$useCurrentColor","useCurrentColor","_ref$showSubheader","showSubheader","_ref$subheaderText","subheaderText","_ref$actionButtons","actionButtons","_ref$currentStep","currentStep","_ref$totalSteps","totalSteps","children","onStepClick","_ref$showReviewers","showReviewers","_ref$reviewers","reviewers","_ref$hideStepIndicato","hideStepIndicator","_ref$marginBottom","marginBottom","marginBottoms","AUTO","margin","marginTop","marginEnd","marginStart","_ref$padding","padding","paddings","SMALL","_jsx","Object","assign","className","cx","styles","workflowCard","shadow","shadows","XS","rounded","roundeds","BIG","_jsxs","Flex","direction","directions","COLUMN","gap","gaps","justify","SPACE_BETWEEN","align","INITIAL","CENTER","Icon","icon","iconLabel","clickable","ignoreFocusStyle","type","types","H5","weight","weights","BOLD","color","Button","size","sizes","kind","kinds","TERTIARY","onClick","Text","TEXT2","concat","style","SECONDARY","MEDIUM","content","ROW","map","reviewer","index","Tags","label","name","GRAY_LIGHT","readOnly","leftIcon","actions","_Fragment"],"mappings":"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"}
+{"version":3,"file":"WorkflowCard.js","sources":["../../../../../src/components/WorkflowCard/WorkflowCard.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Icon from \"../Icon/Icon\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport Button from \"../Button/Button\";\nimport Flex from \"../Flex/Flex\";\nimport Tags from \"../Tags/Tags\";\nimport styles from \"./WorkflowCard.module.scss\";\nimport { TypographyColor } from \"../Typography/TypographyConstants\";\nimport { ValueOf } from \"type-fest\";\n\nimport {\n  SubIcon,\n  ElementContent,\n} from \"../../types\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { MARGIN_BOTTOM } from \"../Box\";\n\nexport interface Reviewer {\n  name: string;\n  iconPath?: PathName;\n}\n\nexport interface WorkflowCardProps {\n  className?: string;\n  backgroundColor?: string;\n  title?: string;\n  titleColor?: string;\n  showIcon?: boolean;\n  iconType?: IconType;\n  iconPath?: PathName | string;\n  iconSize?: number;\n  useCurrentColor?: boolean;\n  showSubheader?: boolean;\n  subheaderText?: string;\n  actionButtons?: React.ReactNode;\n  currentStep?: number;\n  totalSteps?: number;\n  children?: ElementContent;\n  onStepClick?: () => void;\n  showReviewers?: boolean;\n  reviewers?: Reviewer[];\n  hideStepIndicator?: boolean;\n  marginBottom?: ValueOf<typeof Box.marginBottoms>;\n  margin?: ValueOf<typeof Box.margins>;\n  marginTop?: ValueOf<typeof Box.marginTops>;\n  marginEnd?: ValueOf<typeof Box.marginEnds>;\n  marginStart?: ValueOf<typeof Box.marginStarts>;\n  padding?: ValueOf<typeof Box.paddings>;\n  isActive?: boolean;\n}\n\nfunction WorkflowCard({\n  className,\n  backgroundColor = Box.backgroundColors.Primary,\n  title = \"Normal H5 title\",\n  titleColor = Heading.colors.PRIMARY,\n  showIcon = true,\n  iconType = IconType.PATH,\n  iconPath,\n  iconSize = 16,\n  useCurrentColor = false,\n  showSubheader = true,\n  subheaderText = \"subhead could go here\",\n  actionButtons = null,\n  currentStep = 1,\n  totalSteps = 4,\n  children,\n  onStepClick,\n  showReviewers = false,\n  reviewers = [],\n  hideStepIndicator = false,\n  marginBottom = Box.marginBottoms.AUTO,\n  margin,\n  marginTop,\n  marginEnd,\n  marginStart,\n  padding = Box.paddings.SMALL,\n  isActive=false,\n}: WorkflowCardProps) {\n  const renderIcon = () => {\n    if (!showIcon) return null;\n\n    return (\n      <Icon\n        icon=\"\"\n        iconType={iconType}\n        iconPath={iconPath as PathName}\n        iconLabel=\"workflow icon\"\n        iconSize={iconSize}\n        useCurrentColor={useCurrentColor}\n        clickable={false}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  return (\n    <Box\n      className={cx(styles.workflowCard, className)}\n      shadow={Box.shadows.XS}\n      rounded={Box.roundeds.BIG}\n      padding={padding}\n      marginBottom={marginBottom}\n      margin={margin}\n      marginTop={marginTop}\n      marginEnd={marginEnd}\n      marginStart={marginStart}\n      backgroundColor={backgroundColor}>\n      <Flex\n        direction={Flex.directions.COLUMN}\n        gap={Flex.gaps.SMALL}\n        justify={Flex.justify.SPACE_BETWEEN}\n        align={Flex.align.INITIAL}>\n        <Flex\n          justify={Flex.justify.SPACE_BETWEEN}\n          align={Flex.align.CENTER}>\n          <Flex gap={Flex.gaps.SMALL} align={Flex.align.CENTER}>\n            {renderIcon()}\n            <Heading\n              type={Heading.types.H5}\n              weight={Heading.weights.BOLD}\n              color={titleColor as TypographyColor}\n            >\n              {title}\n            </Heading>\n          </Flex>\n          {!hideStepIndicator && (\n            <Button size={Button.sizes.XS} kind={Button.kinds.TERTIARY} onClick={onStepClick}>\n              <Text type={Text.types.TEXT2} color={Text.colors.PRIMARY}>\n                {currentStep === totalSteps ? 'View workflow' : `Step ${currentStep} of ${totalSteps}`}\n              </Text>\n              {currentStep !== totalSteps && (\n                <Icon\n                  icon=\"\"\n                  iconType={IconType.PATH}\n                  iconPath=\"ic_arrow_chevron_right_16\"\n                  iconLabel=\"next step\"\n                  className=\"icon-story-custom-icon\"\n                  iconSize={16}\n                  useCurrentColor\n                />\n              )}\n            </Button>\n          )}\n\n        </Flex>\n        <Flex direction={Flex.directions.COLUMN} gap={Flex.gaps.XS} align={Flex.align.INITIAL} style={{ margin: \"0px 0px 8px\" }}>\n          {showSubheader && (\n            <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>\n              {subheaderText}\n            </Text>\n          )}\n          <Flex gap={Flex.gaps.MEDIUM} className={styles.content}>\n            {children}\n          </Flex>\n          {showReviewers && (\n            <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS} className={styles.reviewers}>\n              <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>{isActive ? \"Reviewer\" : \"Reviewed by\"}</Text>\n              <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS}>\n                {reviewers.map((reviewer, index) => (\n                  <Tags\n                    key={index}\n                    label={reviewer.name}\n                    color={Tags.colors.GRAY_LIGHT}\n                    readOnly\n                    leftIcon={reviewer.iconPath}\n                  />\n                ))}\n              </Flex>\n            </Flex>\n          )}\n        </Flex>\n        <Flex gap={Flex.gaps.SMALL} className={styles.actions}>\n          {actionButtons || (\n            <>\n              <Button size={Button.sizes.SMALL}>\n                Primary Button\n              </Button>\n              <Button size={Button.sizes.SMALL}>\n                Secondary\n              </Button>\n              <Button size={Button.sizes.SMALL}>Tertiary</Button>\n            </>\n          )}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n\nexport default WorkflowCard;\n"],"names":["WorkflowCard","_ref","_ref$backgroundColor","backgroundColor","Box","backgroundColors","Primary","_ref$title","title","_ref$titleColor","titleColor","Heading","colors","PRIMARY","_ref$showIcon","showIcon","_ref$iconType","iconType","IconType","PATH","iconPath","_ref$iconSize","iconSize","_ref$useCurrentColor","useCurrentColor","_ref$showSubheader","showSubheader","_ref$subheaderText","subheaderText","_ref$actionButtons","actionButtons","_ref$currentStep","currentStep","_ref$totalSteps","totalSteps","children","onStepClick","_ref$showReviewers","showReviewers","_ref$reviewers","reviewers","_ref$hideStepIndicato","hideStepIndicator","_ref$marginBottom","marginBottom","marginBottoms","AUTO","margin","marginTop","marginEnd","marginStart","_ref$padding","padding","paddings","SMALL","_ref$isActive","isActive","_jsx","Object","assign","className","cx","styles","workflowCard","shadow","shadows","XS","rounded","roundeds","BIG","_jsxs","Flex","direction","directions","COLUMN","gap","gaps","justify","SPACE_BETWEEN","align","INITIAL","CENTER","Icon","icon","iconLabel","clickable","ignoreFocusStyle","type","types","H5","weight","weights","BOLD","color","Button","size","sizes","kind","kinds","TERTIARY","onClick","Text","TEXT2","concat","style","SECONDARY","MEDIUM","content","ROW","map","reviewer","index","Tags","label","name","GRAY_LIGHT","readOnly","leftIcon","actions","_Fragment"],"mappings":"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"}

package/dist/esm/src/components/WorkflowCard/WorkflowCard.module.scss.js

@@ -1,2 +1,2 @@
-var e={workflowCard:"workflowCard_8a4135fb90",content:"content_a09bc90aca"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d70afda3b83c_0_0_318";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".workflowCard_8a4135fb90 {\n  display: block;\n  flex: none;\n  width: 100%;\n  min-width: 100%;\n  height: auto;\n  min-height: fit-content;\n  padding: 16px;\n}\n.workflowCard_8a4135fb90 .content_a09bc90aca {\n  color: var(--text-secondary);\n  font-size: 14px;\n}");export{e as default};
+var e={workflowCard:"workflowCard_f3cb932c19",content:"content_42ed2c5f84"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d70afda3b83c_0_0_320";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".workflowCard_f3cb932c19 {\n  display: block;\n  flex: none;\n  width: 100%;\n  min-width: 100%;\n  height: auto;\n  min-height: fit-content;\n  padding: 16px;\n}\n.workflowCard_f3cb932c19 .content_42ed2c5f84 {\n  color: var(--text-secondary);\n  font-size: 14px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowCard.module.scss.js.map

package/dist/esm/src/components/WorkflowList/WorkflowList.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import t from"../WorkflowCard/WorkflowCard.js";import r from"../WorkflowStep/WorkflowStep.js";import i from"../Box/Box.js";import s from"../Heading/Heading.js";import{IconType as n}from"../Icon/IconConstants.js";import c from"./WorkflowList.module.scss.js";var a=function(a){var l=a.workflowItems,w=a.onStepClick;return o("div",Object.assign({className:c.workflowListContainer},{children:[e("div",{className:c.verticalLine}),l.map((function(o){return e("div",Object.assign({className:c.workflowItem},{children:o.isActive?e(t,{backgroundColor:o.backgroundColor||i.backgroundColors.Success,title:o.title,titleColor:o.titleColor||s.colors.SUCCESS,showIcon:o.showIcon,iconType:n.PATH,iconPath:o.iconPath||"ic_view_double_16",showSubheader:!0,subheaderText:o.subText,actionButtons:o.actionButtons,currentStep:o.currentStep||1,totalSteps:o.totalSteps||1,showReviewers:o.showReviewers,reviewers:o.reviewers,hideStepIndicator:!0,onStepClick:function(){return w&&w(o.id)},padding:i.paddings.MEDIUM}):e(r,{count:o.count,title:o.title,iconPath:o.iconPath,subText:o.subText,showReviewers:o.showReviewers,reviewers:o.reviewers})}),o.id)}))]}))};export{a as default};
+import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import t from"../WorkflowCard/WorkflowCard.js";import r from"../WorkflowStep/WorkflowStep.js";import i from"../Box/Box.js";import s from"../Heading/Heading.js";import{IconType as n}from"../Icon/IconConstants.js";import c from"./WorkflowList.module.scss.js";var a=function(a){var l=a.workflowItems,w=a.onStepClick;return o("div",Object.assign({className:c.workflowListContainer},{children:[e("div",{className:c.verticalLine}),l.map((function(o){return e("div",Object.assign({className:c.workflowItem},{children:o.isActive?e(t,{backgroundColor:o.backgroundColor||i.backgroundColors.Success,title:o.title,titleColor:o.titleColor||s.colors.SUCCESS,showIcon:o.showIcon,iconType:n.PATH,iconPath:o.iconPath||"ic_view_double_16",showSubheader:!0,subheaderText:o.subText,actionButtons:o.actionButtons,currentStep:o.currentStep||1,totalSteps:o.totalSteps||1,showReviewers:o.showReviewers,reviewers:o.reviewers,hideStepIndicator:!0,onStepClick:function(){return w&&w(o.id)},padding:i.paddings.MEDIUM,isActive:o.isActive}):e(r,{count:o.count,title:o.title,iconPath:o.iconPath,subText:o.subText,showReviewers:o.showReviewers,reviewers:o.reviewers})}),o.id)}))]}))};export{a as default};
 //# sourceMappingURL=WorkflowList.js.map

package/dist/esm/src/components/WorkflowList/WorkflowList.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowList.js","sources":["../../../../../src/components/WorkflowList/WorkflowList.tsx"],"sourcesContent":["import React from 'react';\nimport WorkflowCard from '../WorkflowCard/WorkflowCard';\nimport WorkflowStep from '../WorkflowStep/WorkflowStep';\nimport Box from '../Box/Box';\nimport Heading from '../Heading/Heading';\nimport { IconType } from '../Icon/IconConstants';\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport styles from './WorkflowList.module.scss';\nimport { Reviewer as CardReviewer } from '../WorkflowCard/WorkflowCard';\n\nexport interface WorkflowItem {\n  id: string;\n  isActive: boolean;\n  count: number;\n  title: string;\n  iconPath?: PathName | string;\n  subText: string;\n  showReviewers: boolean;\n  reviewers: CardReviewer[];\n  backgroundColor?: string;\n  titleColor?: string;\n  currentStep?: number;\n  totalSteps?: number;\n  actionButtons?: React.ReactNode;\n  showIcon: boolean;\n}\n\ninterface WorkflowListProps {\n  workflowItems: WorkflowItem[];\n  onStepClick?: (id: string | number) => void;\n}\n\nconst WorkflowList: React.FC<WorkflowListProps> = ({ workflowItems, onStepClick }) => {\n  return (\n    <div className={styles.workflowListContainer}>\n      <div className={styles.verticalLine}></div>\n      {workflowItems.map((item) => (\n        <div key={item.id} className={styles.workflowItem}>\n          {item.isActive ? (\n            <WorkflowCard\n              backgroundColor={item.backgroundColor || Box.backgroundColors.Success}\n              title={item.title}\n              titleColor={item.titleColor || Heading.colors.SUCCESS}\n              showIcon={item.showIcon}\n              iconType={IconType.PATH}\n              iconPath={item.iconPath || \"ic_view_double_16\"}\n              showSubheader={true}\n              subheaderText={item.subText}\n              actionButtons={item.actionButtons}\n              currentStep={item.currentStep || 1}\n              totalSteps={item.totalSteps || 1}\n              showReviewers={item.showReviewers}\n              reviewers={item.reviewers}\n              hideStepIndicator\n              onStepClick={() => onStepClick && onStepClick(item.id)}\n              padding={Box.paddings.MEDIUM}\n            >\n              {/* Add any children content here if needed */}\n            </WorkflowCard>\n          ) : (\n            <WorkflowStep\n              count={item.count}\n              title={item.title}\n              iconPath={item.iconPath as PathName}\n              subText={item.subText}\n              showReviewers={item.showReviewers}\n              reviewers={item.reviewers}\n            />\n          )}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default WorkflowList;"],"names":["WorkflowList","_ref","workflowItems","onStepClick","_jsxs","className","styles","workflowListContainer","children","_jsx","verticalLine","map","item","Object","assign","workflowItem","isActive","WorkflowCard","backgroundColor","Box","backgroundColors","Success","title","titleColor","Heading","colors","SUCCESS","showIcon","iconType","IconType","PATH","iconPath","showSubheader","subheaderText","subText","actionButtons","currentStep","totalSteps","showReviewers","reviewers","hideStepIndicator","id","padding","paddings","MEDIUM","WorkflowStep","count"],"mappings":"4TAgCA,IAAMA,EAA4C,SAAhCC,GAAmE,IAAhCC,EAAaD,EAAbC,cAAeC,EAAWF,EAAXE,YAClE,OACEC,uBAAKC,UAAWC,EAAOC,uBACrB,CAAAC,SAAA,CAAAC,EAAA,MAAA,CAAKJ,UAAWC,EAAOI,eACtBR,EAAcS,KAAI,SAACC,GAAI,OACtBH,EAAmB,MAAAI,OAAAC,OAAA,CAAAT,UAAWC,EAAOS,cAClC,CAAAP,SAAAI,EAAKI,SACJP,EAACQ,EAAY,CACXC,gBAAiBN,EAAKM,iBAAmBC,EAAIC,iBAAiBC,QAC9DC,MAAOV,EAAKU,MACZC,WAAYX,EAAKW,YAAcC,EAAQC,OAAOC,QAC9CC,SAAUf,EAAKe,SACfC,SAAUC,EAASC,KACnBC,SAAUnB,EAAKmB,UAAY,oBAC3BC,eAAe,EACfC,cAAerB,EAAKsB,QACpBC,cAAevB,EAAKuB,cACpBC,YAAaxB,EAAKwB,aAAe,EACjCC,WAAYzB,EAAKyB,YAAc,EAC/BC,cAAe1B,EAAK0B,cACpBC,UAAW3B,EAAK2B,UAChBC,mBAAiB,EACjBrC,YAAa,WAAA,OAAMA,GAAeA,EAAYS,EAAK6B,GAAG,EACtDC,QAASvB,EAAIwB,SAASC,SAKxBnC,EAACoC,GACCC,MAAOlC,EAAKkC,MACZxB,MAAOV,EAAKU,MACZS,SAAUnB,EAAKmB,SACfG,QAAStB,EAAKsB,QACdI,cAAe1B,EAAK0B,cACpBC,UAAW3B,EAAK2B,cA7BZ3B,EAAK6B,GAgCT,OAId"}
+{"version":3,"file":"WorkflowList.js","sources":["../../../../../src/components/WorkflowList/WorkflowList.tsx"],"sourcesContent":["import React from 'react';\nimport WorkflowCard from '../WorkflowCard/WorkflowCard';\nimport WorkflowStep from '../WorkflowStep/WorkflowStep';\nimport Box from '../Box/Box';\nimport Heading from '../Heading/Heading';\nimport { IconType } from '../Icon/IconConstants';\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport styles from './WorkflowList.module.scss';\nimport { Reviewer as CardReviewer } from '../WorkflowCard/WorkflowCard';\n\nexport interface WorkflowItem {\n  id: string;\n  isActive: boolean;\n  count: number;\n  title: string;\n  iconPath?: PathName | string;\n  subText: string;\n  showReviewers: boolean;\n  reviewers: CardReviewer[];\n  backgroundColor?: string;\n  titleColor?: string;\n  currentStep?: number;\n  totalSteps?: number;\n  actionButtons?: React.ReactNode;\n  showIcon: boolean;\n}\n\ninterface WorkflowListProps {\n  workflowItems: WorkflowItem[];\n  onStepClick?: (id: string | number) => void;\n}\n\nconst WorkflowList: React.FC<WorkflowListProps> = ({ workflowItems, onStepClick }) => {\n  return (\n    <div className={styles.workflowListContainer}>\n      <div className={styles.verticalLine}></div>\n      {workflowItems.map((item) => (\n        <div key={item.id} className={styles.workflowItem}>\n          {item.isActive ? (\n            <WorkflowCard\n              backgroundColor={item.backgroundColor || Box.backgroundColors.Success}\n              title={item.title}\n              titleColor={item.titleColor || Heading.colors.SUCCESS}\n              showIcon={item.showIcon}\n              iconType={IconType.PATH}\n              iconPath={item.iconPath || \"ic_view_double_16\"}\n              showSubheader={true}\n              subheaderText={item.subText}\n              actionButtons={item.actionButtons}\n              currentStep={item.currentStep || 1}\n              totalSteps={item.totalSteps || 1}\n              showReviewers={item.showReviewers}\n              reviewers={item.reviewers}\n              hideStepIndicator\n              onStepClick={() => onStepClick && onStepClick(item.id)}\n              padding={Box.paddings.MEDIUM}\n              isActive={item.isActive}\n            >\n              {/* Add any children content here if needed */}\n            </WorkflowCard>\n          ) : (\n            <WorkflowStep\n              count={item.count}\n              title={item.title}\n              iconPath={item.iconPath as PathName}\n              subText={item.subText}\n              showReviewers={item.showReviewers}\n              reviewers={item.reviewers}\n            />\n          )}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default WorkflowList;"],"names":["WorkflowList","_ref","workflowItems","onStepClick","_jsxs","Object","assign","className","styles","workflowListContainer","children","_jsx","verticalLine","map","item","workflowItem","isActive","WorkflowCard","backgroundColor","Box","backgroundColors","Success","title","titleColor","Heading","colors","SUCCESS","showIcon","iconType","IconType","PATH","iconPath","showSubheader","subheaderText","subText","actionButtons","currentStep","totalSteps","showReviewers","reviewers","hideStepIndicator","id","padding","paddings","MEDIUM","WorkflowStep","count"],"mappings":"4TAgCA,IAAMA,EAA4C,SAAhCC,GAAmE,IAAhCC,EAAaD,EAAbC,cAAeC,EAAWF,EAAXE,YAClE,OACEC,EAAK,MAAAC,OAAAC,OAAA,CAAAC,UAAWC,EAAOC,uBAAqB,CAAAC,SAAA,CAC1CC,EAAK,MAAA,CAAAJ,UAAWC,EAAOI,eACtBV,EAAcW,KAAI,SAACC,GAAI,OACtBH,uBAAmBJ,UAAWC,EAAOO,cAAY,CAAAL,SAC9CI,EAAKE,SACJL,EAACM,EAAY,CACXC,gBAAiBJ,EAAKI,iBAAmBC,EAAIC,iBAAiBC,QAC9DC,MAAOR,EAAKQ,MACZC,WAAYT,EAAKS,YAAcC,EAAQC,OAAOC,QAC9CC,SAAUb,EAAKa,SACfC,SAAUC,EAASC,KACnBC,SAAUjB,EAAKiB,UAAY,oBAC3BC,eAAe,EACfC,cAAenB,EAAKoB,QACpBC,cAAerB,EAAKqB,cACpBC,YAAatB,EAAKsB,aAAe,EACjCC,WAAYvB,EAAKuB,YAAc,EAC/BC,cAAexB,EAAKwB,cACpBC,UAAWzB,EAAKyB,UAChBC,qBACArC,YAAa,WAAA,OAAMA,GAAeA,EAAYW,EAAK2B,GAAG,EACtDC,QAASvB,EAAIwB,SAASC,OACtB5B,SAAUF,EAAKE,WAKjBL,EAACkC,EACC,CAAAC,MAAOhC,EAAKgC,MACZxB,MAAOR,EAAKQ,MACZS,SAAUjB,EAAKiB,SACfG,QAASpB,EAAKoB,QACdI,cAAexB,EAAKwB,cACpBC,UAAWzB,EAAKyB,cA9BZzB,EAAK2B,GAiCT,OAId"}

package/dist/esm/src/components/WorkflowList/WorkflowList.module.scss.js

@@ -1,2 +1,2 @@
-var e={workflowListContainer:"workflowListContainer_754f5bdee1",verticalLine:"verticalLine_fec72698b9",workflowItem:"workflowItem_835facaa65"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-998228985673_0_0_318";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".workflowListContainer_754f5bdee1 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  margin: 8px 0;\n}\n\n.verticalLine_fec72698b9 {\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--divider-primary);\n  z-index: 0;\n}\n\n.workflowItem_835facaa65 {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 16px;\n}");export{e as default};
+var e={workflowListContainer:"workflowListContainer_ec220e2c73",verticalLine:"verticalLine_049db6c954",workflowItem:"workflowItem_d4a7000c86"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-998228985673_0_0_320";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".workflowListContainer_ec220e2c73 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  margin: 8px 0;\n}\n\n.verticalLine_049db6c954 {\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--divider-primary);\n  z-index: 0;\n}\n\n.workflowItem_d4a7000c86 {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 16px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowList.module.scss.js.map

package/dist/esm/src/components/WorkflowStep/WorkflowStep.module.scss.js

@@ -1,2 +1,2 @@
-var e={workflowStep:"workflowStep_697c1e3a9b",count:"count_de10b05f70",content:"content_903563b344",icon:"icon_040e102e4f",title:"title_ce67604186",subText:"subText_1711f659da",reviewers:"reviewers_2e866d7952",reviewersLabel:"reviewersLabel_af00769d04"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-28dc6e17ba18_0_0_318";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".workflowStep_697c1e3a9b {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  background-color: var(--surface-level-200);\n  border-radius: 12px;\n  width: 100%;\n}\n\n.count_de10b05f70 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 800;\n  margin-right: 12px;\n  flex-shrink: 0;\n  border: 1px solid var(--divider-primary);\n}\n\n.content_903563b344 {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.icon_040e102e4f {\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n}\n\n.title_ce67604186 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text-color);\n}\n\n.subText_1711f659da {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin: 8px 0 0;\n}\n\n.reviewers_2e866d7952 {\n  margin-top: 8px;\n}\n\n.reviewersLabel_af00769d04 {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-right: 0px;\n}");export{e as default};
+var e={workflowStep:"workflowStep_03c77e6453",count:"count_528ac4cfcb",content:"content_515af81b20",icon:"icon_249db458e5",title:"title_36a3b7e2e3",subText:"subText_70019b5a66",reviewers:"reviewers_628318dfe5",reviewersLabel:"reviewersLabel_c3738efd02"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-28dc6e17ba18_0_0_320";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".workflowStep_03c77e6453 {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  background-color: var(--surface-level-200);\n  border-radius: 12px;\n  width: 100%;\n}\n\n.count_528ac4cfcb {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 800;\n  margin-right: 12px;\n  flex-shrink: 0;\n  border: 1px solid var(--divider-primary);\n}\n\n.content_515af81b20 {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.icon_249db458e5 {\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n}\n\n.title_36a3b7e2e3 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text-color);\n}\n\n.subText_70019b5a66 {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin: 8px 0 0;\n}\n\n.reviewers_628318dfe5 {\n  margin-top: 8px;\n}\n\n.reviewersLabel_c3738efd02 {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-right: 0px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowStep.module.scss.js.map