@infonomic/uikit 3.0.0 → 3.2.0

package/dist/components/{input → forms}/select_module.css

@@ -1,48 +1,41 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .content-Xi_QTu {
+  .content-Dr272c {
     z-index: 50;
   }
 
-  .viewport-EJrpcl {
+  .viewport-avysx0 {
     z-index: 50;
-    border: 1px solid var(--border-color);
+    border: 1px solid var(--surface-panel-border);
     box-shadow: var(--shadow-md);
     border-radius: var(--border-radius-md);
-    background-color: var(--background);
+    background-color: var(--surface-panel-elevated);
     margin-top: 2px;
     padding: 6px;
   }
 
-  .viewport-EJrpcl:is(.dark *) {
-    background: var(--canvas-800);
-  }
-
-  .group-gZB9XW {
+  .group-MyzEdB {
     z-index: 50;
   }
 
-  .scroll-button-ugUv7N {
-    color: var(--text);
-    border: 1px solid var(--border-color);
+  .scroll-button-JaxK2W {
+    color: var(--surface-item-text);
+    border: 1px solid var(--surface-panel-border);
     box-shadow: var(--shadow-md);
     border-radius: var(--border-radius-md);
-    background-color: var(--background);
+    background-color: var(--surface-panel-elevated);
     justify-content: center;
     align-items: center;
     padding: 2px;
     display: flex;
   }
 
-  .scroll-button-ugUv7N:is(.dark *) {
-    background: var(--canvas-800);
-  }
-
-  .select-item-PN2sc4 {
+  .select-item-HiANA0 {
     -webkit-user-select: none;
     user-select: none;
-    color: var(--text);
+    color: var(--surface-item-text);
+    background-color: var(--surface-item);
     border-radius: 6px;
     align-items: center;
     height: 32px;
@@ -54,18 +47,18 @@
     position: relative;
   }
 
-  .select-item-PN2sc4[data-disabled] {
-    color: var(--disabled-text-color, #e0e0e0);
+  .select-item-HiANA0[data-disabled] {
+    color: var(--surface-item-text-disabled);
     pointer-events: none;
   }
 
-  .select-item-PN2sc4[data-highlighted] {
-    background-color: var(--highlight-bg-color, #e0e0e0);
-    color: var(--highlight-text-color, #000);
+  .select-item-HiANA0[data-highlighted] {
+    background-color: var(--surface-item-hover);
+    color: var(--surface-item-text-hover);
     outline: none;
   }
 
-  .select-item-indicator-k_g4AD {
+  .select-item-indicator-nXFGV7 {
     justify-content: center;
     align-items: center;
     width: 25px;

package/dist/components/{input → forms}/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/input/text-area.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAOxD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CAClG;AAED,eAAO,MAAM,QAAQ,GAAqB,sIAgBvC,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAqC5B,CAAA"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/forms/text-area.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAOxD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CAClG;AAED,eAAO,MAAM,QAAQ,GAAqB,sIAgBvC,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAqC5B,CAAA"}

package/dist/components/{input → forms}/text-area.module.js

@@ -1,6 +1,6 @@
 import "./text-area_module.css";
 const text_area_module = {
-    "text-area": "text-area-Pcz8N8",
-    textArea: "text-area-Pcz8N8"
+    "text-area": "text-area-P_aQjC",
+    textArea: "text-area-P_aQjC"
 };
 export { text_area_module as default };

package/dist/components/{input → forms}/text-area_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .text-area-Pcz8N8 {
+  .text-area-P_aQjC {
     width: 100%;
     padding: .5rem;
     font-size: 1.1rem;

package/dist/components/{input → forms}/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/input/utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,GAAG,OAAO,CAErF;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,GAChB,MAAM,GAAG,SAAS,CAQpB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/forms/utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,GAAG,OAAO,CAErF;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,GAChB,MAAM,GAAG,SAAS,CAQpB"}

package/dist/components/pager/pagination_module.css

@@ -36,12 +36,12 @@
   }
 
   .ellipses-D_NPD7, .last-button-Brbqt2, .next-button-WN4Cb5, .previous-button-XaiuAP, .first-button-wfGrPE, .number-button-bFXP3X {
-    border: 1px solid var(--primary-500);
+    border: 1px solid var(--stroke-primary);
+    background-color: var(--background);
     height: 32px;
-    color: var(--gray-900);
+    color: var(--foreground);
     line-height: 1;
     font-size: var(--font-size-sm);
-    background-color: #fff;
     justify-content: center;
     align-items: center;
     margin-left: 0;
@@ -57,8 +57,8 @@
   }
 
   .last-button-Brbqt2:hover, .next-button-WN4Cb5:hover, .number-button-bFXP3X:hover, .previous-button-XaiuAP:hover, .first-button-wfGrPE:hover {
-    color: #fff;
-    background-color: var(--primary-600);
+    color: var(--text-on-primary);
+    background-color: var(--fill-primary-strong);
   }
 
   .last-button-Brbqt2:disabled, .last-button-Brbqt2[disabled], .next-button-WN4Cb5:disabled, .next-button-WN4Cb5[disabled], .number-button-bFXP3X:disabled, .number-button-bFXP3X[disabled], .previous-button-XaiuAP:disabled, .previous-button-XaiuAP[disabled], .first-button-wfGrPE:disabled, .first-button-wfGrPE[disabled] {
@@ -66,8 +66,8 @@
   }
 
   .number-button-bFXP3X.active-SfvR_g {
-    background-color: var(--primary-600);
-    color: #fff;
+    color: var(--text-on-primary);
+    background-color: var(--fill-primary-strong);
   }
 
   .mobile-toggle-iw4kkx {
@@ -82,17 +82,6 @@
 
   .dark .ellipses-D_NPD7, .dark .number-button-bFXP3X, .dark .next-button-WN4Cb5, .dark .last-button-Brbqt2, .dark .previous-button-XaiuAP, .dark .first-button-wfGrPE {
     border-color: var(--canvas-700);
-    background-color: var(--canvas-800);
-    color: var(--gray-200);
-  }
-
-  .dark .number-button-bFXP3X:hover, .dark .next-button-WN4Cb5:hover, .dark .last-button-Brbqt2:hover, .dark .previous-button-XaiuAP:hover, .dark .first-button-wfGrPE:hover {
-    background-color: var(--canvas-700);
-  }
-
-  .dark .number-button-bFXP3X.active-SfvR_g {
-    background-color: var(--primary-500);
-    color: #fff;
   }
 }
 

package/dist/components/scroll-area/scroll-area_module.css

@@ -18,14 +18,14 @@
     -webkit-user-select: none;
     user-select: none;
     touch-action: none;
-    background: var(--gray-50);
+    background: var(--surface-panel-scrollbar);
     padding: 2px;
     transition: background .16s ease-out;
     display: flex;
   }
 
   .scrollbar-Y2nCxA:hover {
-    background: var(--gray-50);
+    background: var(--surface-panel-scrollbar);
   }
 
   .scrollbar-Y2nCxA[data-orientation="vertical"] {
@@ -37,16 +37,8 @@
     flex-direction: column;
   }
 
-  .scrollbar-Y2nCxA:is(.dark *) {
-    background: var(--canvas-700);
-  }
-
-  .scrollbar-Y2nCxA:is(.dark *):hover {
-    background: var(--canvas-700);
-  }
-
   .thumb-G2gkhj {
-    background: var(--primary-100);
+    background: var(--surface-panel-scrollbar-thumb);
     border-radius: var(--border-radius-sm);
     flex: 1;
     position: relative;
@@ -64,16 +56,8 @@
     transform: translate(-50%, -50%);
   }
 
-  .thumb-G2gkhj:is(.dark *) {
-    background: var(--primary-400);
-  }
-
   .corner-kCiYUz {
-    background: var(--gray-50);
-  }
-
-  .corner-kCiYUz:is(.dark *) {
-    background: var(--canvas-700);
+    background: var(--surface-panel-scrollbar);
   }
 }
 

package/dist/components/tooltip/tooltip_module.css

@@ -2,14 +2,14 @@
 
 @layer infonomic-components {
   .tooltip-Oc7lRI {
-    color: var(--canvas-900);
+    color: var(--surface-item-text);
     -webkit-user-select: none;
     user-select: none;
     border-radius: var(--border-radius-sm);
     border-width: var(--border-width-thin);
     border-style: var(--border-style-solid);
-    background-color: var(--gray-25);
-    border-color: var(--gray-100);
+    background-color: var(--surface-panel-elevated);
+    border-color: var(--surface-panel-border);
     box-shadow: var(--shadow-xs);
     will-change: transform, opacity;
     animation: var(--transition-normal);
@@ -18,12 +18,6 @@
     line-height: 1;
   }
 
-  .dark .tooltip-Oc7lRI {
-    color: var(--gray-50);
-    border-color: var(--canvas-700);
-    background-color: var(--canvas-800);
-  }
-
   .tooltip-Oc7lRI[data-state="delayed-open"][data-side="top"] {
     animation-name: slideDownAndFade;
   }
@@ -41,11 +35,7 @@
   }
 
   .tooltip-arrow-a77zEa {
-    fill: var(--gray-100);
-  }
-
-  .dark .tooltip-arrow-a77zEa {
-    fill: var(--canvas-700);
+    fill: var(--surface-panel-border);
   }
 }
 

package/dist/icons/activity-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ActivityIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('activity-icon', className),
         ...rest,

package/dist/icons/calendar-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const CalendarIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('calendar-icon', className),
         ...rest,

package/dist/icons/check-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const CheckIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('check-icon', className),
         ...rest,

package/dist/icons/chevron-down-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ChevronDownIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('chevron-down-icon', className),
         ...rest,

package/dist/icons/chevron-left-double-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ChevronLeftDoubleIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('chevron-left-double-icon', className),
         ...rest,

package/dist/icons/chevron-left-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ChevronLeftIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('chevron-left-icon', className),
         ...rest,

package/dist/icons/chevron-right-double-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ChevronRightDoubleIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('chevron-right-double-icon', className),
         ...rest,

package/dist/icons/chevron-right-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ChevronRightIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('chevron-right-icon', className),
         ...rest,

package/dist/icons/chevrons-up-down.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ChevronsUpDown = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('chevrons-up-down', className),
         ...rest,

package/dist/icons/dashboard-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const DashboardIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('dashboard-icon', className),
         ...rest,

package/dist/icons/document-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const DocumentIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('document-icon', className),
         ...rest,

package/dist/icons/download-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const DownloadIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('download-icon', className),
         ...rest,

package/dist/icons/edit-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EditIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('edit-icon', className),
         ...rest,

package/dist/icons/ellipsis-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EllipsisIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('ellipsis-icon', className),
         ...rest,

package/dist/icons/email-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EmailIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('email-icon', className),
         ...rest,

package/dist/icons/github-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const GithubIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('github-icon', className),
         ...rest,

package/dist/icons/globe-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const GlobeIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], icons_module["stroke-none"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('globe-icon flex items-center justify-center', className),
         ...rest,

package/dist/icons/gripper-vertical-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const GripperVerticalIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('gripper-vertical-icon', className),
         ...rest,

package/dist/icons/history-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const HistoryIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('history-icon', className),
         ...rest,

package/dist/icons/home-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const HomeIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('home-icon', className),
         ...rest,

package/dist/icons/light-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const LightIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], icons_module["stroke-none"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('light-icon', className),
         ...rest,

package/dist/icons/moon-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const MoonIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('moon-icon', className),
         ...rest,

package/dist/icons/plus-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const PlusIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('plus-icon', className),
         ...rest,

package/dist/icons/refresh-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const RefreshIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('refresh-icon', className),
         ...rest,

package/dist/icons/return-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ReturnIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('return-icon', className),
         ...rest,

package/dist/icons/roles-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const RolesIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('roles-icon', className),
         ...rest,

package/dist/icons/search-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SearchIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], icons_module["stroke-none"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('search-icon', className),
         ...rest,

package/dist/icons/settings-gear-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SettingsGearIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('settings-gear-icon', className),
         ...rest,

package/dist/icons/settings-sliders-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SettingsSlidersIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('settings-sliders-icon', className),
         ...rest,

package/dist/icons/sign-out-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SignOutIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('sign-out-icon', className),
         ...rest,

package/dist/icons/stopwatch-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const StopwatchIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], icons_module["stroke-none"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('stopwatch-icon', className),
         ...rest,

package/dist/icons/user-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const UserIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('user-icon', className),
         ...rest,

package/dist/icons/users-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const UsersIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('users-icon', className),
         ...rest,

package/dist/icons/wallet-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const WalletIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('wallet-icon', className),
         ...rest,