@j2-health/design-system 0.5.3 → 0.5.4

package/dist/src/components/select/SummarizedSelect.module.css.cjs

@@ -1,12 +1,12 @@
 //#region src/components/select/SummarizedSelect.module.css
-var hemisphericSelect = "_hemisphericSelect_m00n1_1";
-var summarizedSelect = "_summarizedSelect_m00n1_9";
-var isActive = "_isActive_m00n1_35";
-var menuContainer = "_menuContainer_m00n1_47";
-var menuContainerMultiple = "_menuContainerMultiple_m00n1_57";
-var headlinedSelect = "_headlinedSelect_m00n1_72";
-var headlinedMenuContainer = "_headlinedMenuContainer_m00n1_124";
-var clearAllButton = "_clearAllButton_m00n1_135";
+var hemisphericSelect = "_hemisphericSelect_1ueaq_1";
+var summarizedSelect = "_summarizedSelect_1ueaq_9";
+var isActive = "_isActive_1ueaq_46";
+var menuContainer = "_menuContainer_1ueaq_58";
+var menuContainerMultiple = "_menuContainerMultiple_1ueaq_68";
+var headlinedSelect = "_headlinedSelect_1ueaq_83";
+var headlinedMenuContainer = "_headlinedMenuContainer_1ueaq_135";
+var clearAllButton = "_clearAllButton_1ueaq_146";
 var SummarizedSelect_module_default = {
 	hemisphericSelect,
 	summarizedSelect,

package/dist/src/components/select/SummarizedSelect.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SummarizedSelect.module.css.cjs","names":[],"sources":["../../../../src/components/select/SummarizedSelect.module.css"],"sourcesContent":[".hemisphericSelect {\n  border-radius: 9999px !important;\n\n  :global(.ant-select-placeholder) {\n    color: var(--j2-color-primary) !important;\n  }\n}\n\n.summarizedSelect {\n  :global(.ant-select-suffix) {\n    color: var(--j2-color-primary);\n  }\n\n  :global(.ant-select-selection-item) {\n    background: none !important;\n    border: none !important;\n    padding-inline-end: 0 !important;\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-selection-item-content) {\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-content-item-rest) {\n    max-width: 100%;\n  }\n\n  :global(.ant-select-content-item-suffix) {\n    position: absolute;\n    width: 1px;\n  }\n}\n\n.isActive {\n  background: var(--j2-color-primary) !important;\n\n  :global(.ant-select-selection-item-content) {\n    color: white !important;\n  }\n\n  :global(.ant-select-suffix) {\n    color: white !important;\n  }\n}\n\n.menuContainer :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.menuContainerMultiple :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary-bg-hover) !important;\n}\n\n.menuContainerMultiple\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: inherit;\n}\n\n/*\n * Headlined variant styles\n * The select root owns its border and background in Ant Design 6.\n */\n\n.headlinedSelect:global(.ant-select):global(.ant-select-single) {\n  font-size: var(--j2-font-size-heading-2);\n  height: 40px;\n  width: fit-content !important;\n}\n\n.headlinedSelect:global(.ant-select) {\n  background: transparent;\n  padding-left: 0;\n  padding-right: 4px;\n  font-size: var(--j2-font-size-heading-2);\n  border-bottom: 1px solid transparent;\n  border-radius: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-suffix) {\n  height: 16px;\n  width: 16px;\n  right: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-content) {\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n/* antd 6 outlines a focused borderless select through\n   `:has(input:focus-visible)`, which a text input matches on a mouse click\n   too, so every click boxed the headline. The underline below already marks\n   focus. `!important` because antd's status variants of that rule reach\n   (0,5,1) specificity. */\n.headlinedSelect:global(.ant-select) {\n  outline: none !important;\n}\n\n/* Hover state - show underline */\n.headlinedSelect:global(.ant-select):hover {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n/* Open/focused state - keep underline and text color */\n.headlinedSelect:global(.ant-select-open),\n.headlinedSelect:global(.ant-select-focused) {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n.headlinedSelect:global(.ant-select-open) :global(.ant-select-content),\n.headlinedSelect:global(.ant-select-focused) :global(.ant-select-content) {\n  color: inherit;\n}\n\n/* Headline dropdown styles - needs !important to override .menuContainer */\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.clearAllButton {\n  color: var(--j2-color-primary);\n}\n\n.clearAllButton:hover {\n  background-color: var(--j2-color-primary-bg-hover);\n}\n"],"mappings":""}
+{"version":3,"file":"SummarizedSelect.module.css.cjs","names":[],"sources":["../../../../src/components/select/SummarizedSelect.module.css"],"sourcesContent":[".hemisphericSelect {\n  border-radius: 9999px !important;\n\n  :global(.ant-select-placeholder) {\n    color: var(--j2-color-primary) !important;\n  }\n}\n\n.summarizedSelect {\n  :global(.ant-select-suffix) {\n    color: var(--j2-color-primary);\n  }\n\n  :global(.ant-select-selection-item) {\n    background: none !important;\n    border: none !important;\n    padding-inline-end: 0 !important;\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-selection-item-content) {\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-content-item-rest) {\n    max-width: 100%;\n  }\n\n  :global(.ant-select-content-item-suffix) {\n    position: absolute;\n    width: 1px;\n  }\n\n  /* antd 6 sizes a multiple select from its in-flow items. With the suffix\n     (search input) and the placeholder both absolute, an empty select\n     collapses to the font size (18px tall). Hold the row at one item's\n     height, which the search input supplied before it was taken out of flow. */\n  &:global(.ant-select-multiple) :global(.ant-select-content) {\n    min-height: calc(\n      var(--ant-select-multi-item-height, 24px) +\n        var(--ant-select-internal_fixed_item_margin, 2px) * 2\n    );\n  }\n}\n\n.isActive {\n  background: var(--j2-color-primary) !important;\n\n  :global(.ant-select-selection-item-content) {\n    color: white !important;\n  }\n\n  :global(.ant-select-suffix) {\n    color: white !important;\n  }\n}\n\n.menuContainer :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.menuContainerMultiple :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary-bg-hover) !important;\n}\n\n.menuContainerMultiple\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: inherit;\n}\n\n/*\n * Headlined variant styles\n * The select root owns its border and background in Ant Design 6.\n */\n\n.headlinedSelect:global(.ant-select):global(.ant-select-single) {\n  font-size: var(--j2-font-size-heading-2);\n  height: 40px;\n  width: fit-content !important;\n}\n\n.headlinedSelect:global(.ant-select) {\n  background: transparent;\n  padding-left: 0;\n  padding-right: 4px;\n  font-size: var(--j2-font-size-heading-2);\n  border-bottom: 1px solid transparent;\n  border-radius: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-suffix) {\n  height: 16px;\n  width: 16px;\n  right: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-content) {\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n/* antd 6 outlines a focused borderless select through\n   `:has(input:focus-visible)`, which a text input matches on a mouse click\n   too, so every click boxed the headline. The underline below already marks\n   focus. `!important` because antd's status variants of that rule reach\n   (0,5,1) specificity. */\n.headlinedSelect:global(.ant-select) {\n  outline: none !important;\n}\n\n/* Hover state - show underline */\n.headlinedSelect:global(.ant-select):hover {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n/* Open/focused state - keep underline and text color */\n.headlinedSelect:global(.ant-select-open),\n.headlinedSelect:global(.ant-select-focused) {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n.headlinedSelect:global(.ant-select-open) :global(.ant-select-content),\n.headlinedSelect:global(.ant-select-focused) :global(.ant-select-content) {\n  color: inherit;\n}\n\n/* Headline dropdown styles - needs !important to override .menuContainer */\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.clearAllButton {\n  color: var(--j2-color-primary);\n}\n\n.clearAllButton:hover {\n  background-color: var(--j2-color-primary-bg-hover);\n}\n"],"mappings":""}

package/dist/src/components/select/SummarizedSelect.module.css.js

@@ -1,12 +1,12 @@
 //#region src/components/select/SummarizedSelect.module.css
-var hemisphericSelect = "_hemisphericSelect_m00n1_1";
-var summarizedSelect = "_summarizedSelect_m00n1_9";
-var isActive = "_isActive_m00n1_35";
-var menuContainer = "_menuContainer_m00n1_47";
-var menuContainerMultiple = "_menuContainerMultiple_m00n1_57";
-var headlinedSelect = "_headlinedSelect_m00n1_72";
-var headlinedMenuContainer = "_headlinedMenuContainer_m00n1_124";
-var clearAllButton = "_clearAllButton_m00n1_135";
+var hemisphericSelect = "_hemisphericSelect_1ueaq_1";
+var summarizedSelect = "_summarizedSelect_1ueaq_9";
+var isActive = "_isActive_1ueaq_46";
+var menuContainer = "_menuContainer_1ueaq_58";
+var menuContainerMultiple = "_menuContainerMultiple_1ueaq_68";
+var headlinedSelect = "_headlinedSelect_1ueaq_83";
+var headlinedMenuContainer = "_headlinedMenuContainer_1ueaq_135";
+var clearAllButton = "_clearAllButton_1ueaq_146";
 var SummarizedSelect_module_default = {
 	hemisphericSelect,
 	summarizedSelect,

package/dist/src/components/select/SummarizedSelect.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummarizedSelect.module.css.js","names":[],"sources":["../../../../src/components/select/SummarizedSelect.module.css"],"sourcesContent":[".hemisphericSelect {\n  border-radius: 9999px !important;\n\n  :global(.ant-select-placeholder) {\n    color: var(--j2-color-primary) !important;\n  }\n}\n\n.summarizedSelect {\n  :global(.ant-select-suffix) {\n    color: var(--j2-color-primary);\n  }\n\n  :global(.ant-select-selection-item) {\n    background: none !important;\n    border: none !important;\n    padding-inline-end: 0 !important;\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-selection-item-content) {\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-content-item-rest) {\n    max-width: 100%;\n  }\n\n  :global(.ant-select-content-item-suffix) {\n    position: absolute;\n    width: 1px;\n  }\n}\n\n.isActive {\n  background: var(--j2-color-primary) !important;\n\n  :global(.ant-select-selection-item-content) {\n    color: white !important;\n  }\n\n  :global(.ant-select-suffix) {\n    color: white !important;\n  }\n}\n\n.menuContainer :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.menuContainerMultiple :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary-bg-hover) !important;\n}\n\n.menuContainerMultiple\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: inherit;\n}\n\n/*\n * Headlined variant styles\n * The select root owns its border and background in Ant Design 6.\n */\n\n.headlinedSelect:global(.ant-select):global(.ant-select-single) {\n  font-size: var(--j2-font-size-heading-2);\n  height: 40px;\n  width: fit-content !important;\n}\n\n.headlinedSelect:global(.ant-select) {\n  background: transparent;\n  padding-left: 0;\n  padding-right: 4px;\n  font-size: var(--j2-font-size-heading-2);\n  border-bottom: 1px solid transparent;\n  border-radius: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-suffix) {\n  height: 16px;\n  width: 16px;\n  right: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-content) {\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n/* antd 6 outlines a focused borderless select through\n   `:has(input:focus-visible)`, which a text input matches on a mouse click\n   too, so every click boxed the headline. The underline below already marks\n   focus. `!important` because antd's status variants of that rule reach\n   (0,5,1) specificity. */\n.headlinedSelect:global(.ant-select) {\n  outline: none !important;\n}\n\n/* Hover state - show underline */\n.headlinedSelect:global(.ant-select):hover {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n/* Open/focused state - keep underline and text color */\n.headlinedSelect:global(.ant-select-open),\n.headlinedSelect:global(.ant-select-focused) {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n.headlinedSelect:global(.ant-select-open) :global(.ant-select-content),\n.headlinedSelect:global(.ant-select-focused) :global(.ant-select-content) {\n  color: inherit;\n}\n\n/* Headline dropdown styles - needs !important to override .menuContainer */\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.clearAllButton {\n  color: var(--j2-color-primary);\n}\n\n.clearAllButton:hover {\n  background-color: var(--j2-color-primary-bg-hover);\n}\n"],"mappings":""}
+{"version":3,"file":"SummarizedSelect.module.css.js","names":[],"sources":["../../../../src/components/select/SummarizedSelect.module.css"],"sourcesContent":[".hemisphericSelect {\n  border-radius: 9999px !important;\n\n  :global(.ant-select-placeholder) {\n    color: var(--j2-color-primary) !important;\n  }\n}\n\n.summarizedSelect {\n  :global(.ant-select-suffix) {\n    color: var(--j2-color-primary);\n  }\n\n  :global(.ant-select-selection-item) {\n    background: none !important;\n    border: none !important;\n    padding-inline-end: 0 !important;\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-selection-item-content) {\n    margin-inline-end: 0 !important;\n  }\n\n  :global(.ant-select-content-item-rest) {\n    max-width: 100%;\n  }\n\n  :global(.ant-select-content-item-suffix) {\n    position: absolute;\n    width: 1px;\n  }\n\n  /* antd 6 sizes a multiple select from its in-flow items. With the suffix\n     (search input) and the placeholder both absolute, an empty select\n     collapses to the font size (18px tall). Hold the row at one item's\n     height, which the search input supplied before it was taken out of flow. */\n  &:global(.ant-select-multiple) :global(.ant-select-content) {\n    min-height: calc(\n      var(--ant-select-multi-item-height, 24px) +\n        var(--ant-select-internal_fixed_item_margin, 2px) * 2\n    );\n  }\n}\n\n.isActive {\n  background: var(--j2-color-primary) !important;\n\n  :global(.ant-select-selection-item-content) {\n    color: white !important;\n  }\n\n  :global(.ant-select-suffix) {\n    color: white !important;\n  }\n}\n\n.menuContainer :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.menuContainerMultiple :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary-bg-hover) !important;\n}\n\n.menuContainerMultiple\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: inherit;\n}\n\n/*\n * Headlined variant styles\n * The select root owns its border and background in Ant Design 6.\n */\n\n.headlinedSelect:global(.ant-select):global(.ant-select-single) {\n  font-size: var(--j2-font-size-heading-2);\n  height: 40px;\n  width: fit-content !important;\n}\n\n.headlinedSelect:global(.ant-select) {\n  background: transparent;\n  padding-left: 0;\n  padding-right: 4px;\n  font-size: var(--j2-font-size-heading-2);\n  border-bottom: 1px solid transparent;\n  border-radius: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-suffix) {\n  height: 16px;\n  width: 16px;\n  right: 0;\n}\n\n.headlinedSelect:global(.ant-select) :global(.ant-select-content) {\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n/* antd 6 outlines a focused borderless select through\n   `:has(input:focus-visible)`, which a text input matches on a mouse click\n   too, so every click boxed the headline. The underline below already marks\n   focus. `!important` because antd's status variants of that rule reach\n   (0,5,1) specificity. */\n.headlinedSelect:global(.ant-select) {\n  outline: none !important;\n}\n\n/* Hover state - show underline */\n.headlinedSelect:global(.ant-select):hover {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n/* Open/focused state - keep underline and text color */\n.headlinedSelect:global(.ant-select-open),\n.headlinedSelect:global(.ant-select-focused) {\n  border-bottom-color: var(--j2-color-primary);\n}\n\n.headlinedSelect:global(.ant-select-open) :global(.ant-select-content),\n.headlinedSelect:global(.ant-select-focused) :global(.ant-select-content) {\n  color: inherit;\n}\n\n/* Headline dropdown styles - needs !important to override .menuContainer */\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected) {\n  background: var(--j2-color-primary) !important;\n}\n\n.menuContainer.headlinedMenuContainer\n  :global(.ant-select-item-option-selected)\n  :global(.ant-select-item-option-content) {\n  color: white;\n}\n\n.clearAllButton {\n  color: var(--j2-color-primary);\n}\n\n.clearAllButton:hover {\n  background-color: var(--j2-color-primary-bg-hover);\n}\n"],"mappings":""}

package/dist/style.css

@@ -686,7 +686,7 @@
 .ant-tag .anticon + span {
   margin-inline-start: var(--j2-margin-xxs);
 }
-._hemisphericSelect_m00n1_1 {
+._hemisphericSelect_1ueaq_1 {
   border-radius: 9999px !important;
 
   .ant-select-placeholder {
@@ -694,7 +694,7 @@
   }
 }
 
-._summarizedSelect_m00n1_9 {
+._summarizedSelect_1ueaq_9 {
   .ant-select-suffix {
     color: var(--j2-color-primary);
   }
@@ -718,9 +718,20 @@
     position: absolute;
     width: 1px;
   }
+
+  /* antd 6 sizes a multiple select from its in-flow items. With the suffix
+     (search input) and the placeholder both absolute, an empty select
+     collapses to the font size (18px tall). Hold the row at one item's
+     height, which the search input supplied before it was taken out of flow. */
+  &.ant-select-multiple .ant-select-content {
+    min-height: calc(
+      var(--ant-select-multi-item-height, 24px) +
+        var(--ant-select-internal_fixed_item_margin, 2px) * 2
+    );
+  }
 }
 
-._isActive_m00n1_35 {
+._isActive_1ueaq_46 {
   background: var(--j2-color-primary) !important;
 
   .ant-select-selection-item-content {
@@ -732,21 +743,21 @@
   }
 }
 
-._menuContainer_m00n1_47 .ant-select-item-option-selected {
+._menuContainer_1ueaq_58 .ant-select-item-option-selected {
   background: var(--j2-color-primary) !important;
 }
 
-._menuContainer_m00n1_47
+._menuContainer_1ueaq_58
   .ant-select-item-option-selected
   .ant-select-item-option-content {
   color: white;
 }
 
-._menuContainerMultiple_m00n1_57 .ant-select-item-option-selected {
+._menuContainerMultiple_1ueaq_68 .ant-select-item-option-selected {
   background: var(--j2-color-primary-bg-hover) !important;
 }
 
-._menuContainerMultiple_m00n1_57
+._menuContainerMultiple_1ueaq_68
   .ant-select-item-option-selected
   .ant-select-item-option-content {
   color: inherit;
@@ -757,14 +768,14 @@
  * The select root owns its border and background in Ant Design 6.
  */
 
-._headlinedSelect_m00n1_72.ant-select.ant-select-single {
+._headlinedSelect_1ueaq_83.ant-select.ant-select-single {
   font-size: var(--j2-font-size-heading-2);
   height: 40px;
   width: -moz-fit-content !important;
   width: fit-content !important;
 }
 
-._headlinedSelect_m00n1_72.ant-select {
+._headlinedSelect_1ueaq_83.ant-select {
   background: transparent;
   padding-left: 0;
   padding-right: 4px;
@@ -773,13 +784,13 @@
   border-radius: 0;
 }
 
-._headlinedSelect_m00n1_72.ant-select .ant-select-suffix {
+._headlinedSelect_1ueaq_83.ant-select .ant-select-suffix {
   height: 16px;
   width: 16px;
   right: 0;
 }
 
-._headlinedSelect_m00n1_72.ant-select .ant-select-content {
+._headlinedSelect_1ueaq_83.ant-select .ant-select-content {
   font-weight: 600;
   line-height: 1.3;
 }
@@ -789,43 +800,43 @@
    too, so every click boxed the headline. The underline below already marks
    focus. `!important` because antd's status variants of that rule reach
    (0,5,1) specificity. */
-._headlinedSelect_m00n1_72.ant-select {
+._headlinedSelect_1ueaq_83.ant-select {
   outline: none !important;
 }
 
 /* Hover state - show underline */
-._headlinedSelect_m00n1_72.ant-select:hover {
+._headlinedSelect_1ueaq_83.ant-select:hover {
   border-bottom-color: var(--j2-color-primary);
 }
 
 /* Open/focused state - keep underline and text color */
-._headlinedSelect_m00n1_72.ant-select-open,
-._headlinedSelect_m00n1_72.ant-select-focused {
+._headlinedSelect_1ueaq_83.ant-select-open,
+._headlinedSelect_1ueaq_83.ant-select-focused {
   border-bottom-color: var(--j2-color-primary);
 }
 
-._headlinedSelect_m00n1_72.ant-select-open .ant-select-content,
-._headlinedSelect_m00n1_72.ant-select-focused .ant-select-content {
+._headlinedSelect_1ueaq_83.ant-select-open .ant-select-content,
+._headlinedSelect_1ueaq_83.ant-select-focused .ant-select-content {
   color: inherit;
 }
 
 /* Headline dropdown styles - needs !important to override .menuContainer */
-._menuContainer_m00n1_47._headlinedMenuContainer_m00n1_124
+._menuContainer_1ueaq_58._headlinedMenuContainer_1ueaq_135
   .ant-select-item-option-selected {
   background: var(--j2-color-primary) !important;
 }
 
-._menuContainer_m00n1_47._headlinedMenuContainer_m00n1_124
+._menuContainer_1ueaq_58._headlinedMenuContainer_1ueaq_135
   .ant-select-item-option-selected
   .ant-select-item-option-content {
   color: white;
 }
 
-._clearAllButton_m00n1_135 {
+._clearAllButton_1ueaq_146 {
   color: var(--j2-color-primary);
 }
 
-._clearAllButton_m00n1_135:hover {
+._clearAllButton_1ueaq_146:hover {
   background-color: var(--j2-color-primary-bg-hover);
 }
 .j2Steps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@j2-health/design-system",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "type": "module",
   "description": "J2 Health shared React component library",
   "repository": {
@@ -63,7 +63,7 @@
     "antd": "^6.6.5",
     "classnames": "^2.5.1",
     "formik": "^2.4.6",
-    "highcharts": "^13.0.1",
+    "highcharts": "^13.1.1",
     "lodash": "^4.17.0",
     "react": "^18.3.1 || ^19.0.0",
     "react-dom": "^18.3.1 || ^19.0.0",
@@ -102,10 +102,10 @@
     "formik": "^2.4.6",
     "globals": "^17.12.0",
     "happy-dom": "^20.14.5",
-    "highcharts": "^13.0.1",
+    "highcharts": "^13.1.1",
     "lodash": "^4.18.1",
     "postcss": "^8.5.28",
-    "prettier": "^3.9.8",
+    "prettier": "^3.9.9",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "semver": "^7.8.5",
@@ -117,11 +117,11 @@
     "vite": "^8.3.0",
     "vite-plugin-dts": "^5.1.1",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^5.0.1",
+    "vitest": "^5.0.2",
     "yup": "^1.4.0"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.63.4"
+    "@rollup/rollup-linux-x64-gnu": "^4.63.5"
   },
   "eslintConfig": {
     "extends": [