@infonomic/uikit 5.24.0 → 5.26.0

package/dist/components/accordion/accordion.module.css

@@ -56,4 +56,4 @@
       height: 0;
     }
   }
-}
+}

package/dist/components/card/card.module.css

@@ -23,9 +23,8 @@ infonomic-components;
     box-shadow: var(--shadow-sm);
   }
 
-  .dark,
-  [data-theme="dark"],
-  [data-theme="dark"] ::backdrop {
+  :global(.dark),
+  :global([data-theme="dark"]) {
 
     .card,
     :global(.card) {
@@ -33,6 +32,7 @@ infonomic-components;
     }
   }
 
+
   .card-hover,
   :global(.card-hover) {
     transition: background 0.2s ease-in-out;
@@ -43,9 +43,8 @@ infonomic-components;
     background: oklch(from var(--theme-50) 1 0.03 h);
   }
 
-  .dark,
-  [data-theme="dark"],
-  [data-theme="dark"] ::backdrop {
+  :global(.dark),
+  :global([data-theme="dark"]) {
 
     .card-hover:hover,
     :global(.card-hover):hover {

package/dist/components/card/card.module.js

@@ -1,7 +1,6 @@
 import "./card_module.css";
 const card_module = {
     card: "card-mqJaiW",
-    dark: "dark-NdJxB9",
     "card-hover": "card-hover-hvT4d6",
     cardHover: "card-hover-hvT4d6",
     "card-header": "card-header-XnoBkP",

package/dist/components/card/card_module.css

@@ -16,11 +16,7 @@
     display: flex;
   }
 
-  :is([data-theme="dark"] ::backdrop .card-mqJaiW, [data-theme="dark"] ::backdrop .card) {
-    background: var(--canvas-800);
-  }
-
-  :is(:is(.dark-NdJxB9, [data-theme="dark"]) .card-mqJaiW, :is(.dark-NdJxB9, [data-theme="dark"]) .card) {
+  :is(:is(.dark, [data-theme="dark"]) .card-mqJaiW, :is(.dark, [data-theme="dark"]) .card) {
     background: var(--canvas-800);
   }
 
@@ -32,11 +28,7 @@
     background: oklch(from var(--theme-50) 1 .03 h);
   }
 
-  :is([data-theme="dark"] ::backdrop .card-hover-hvT4d6:hover, [data-theme="dark"] ::backdrop .card-hover:hover) {
-    background: oklch(from var(--canvas-800) .2 c h);
-  }
-
-  :is(:is(.dark-NdJxB9, [data-theme="dark"]) .card-hover-hvT4d6:hover, :is(.dark-NdJxB9, [data-theme="dark"]) .card-hover:hover) {
+  :is(:is(.dark, [data-theme="dark"]) .card-hover-hvT4d6:hover, :is(.dark, [data-theme="dark"]) .card-hover:hover) {
     background: oklch(from var(--canvas-800) .2 c h);
   }
 

package/dist/components/forms/calendar.module.css

@@ -1,9 +1,9 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
   .day-picker {
@@ -167,19 +167,19 @@
   }
 
   /* '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground', */
-  .day > button {
+  .day>button {
     color: var(--foreground);
   }
 
   /* '[&>button]:bg-accent [&>button]:text-accent-foreground', */
-  .today > button {
+  .today>button {
     /* background-color: var(--gray-50); */
     border: solid 1px var(--stroke-primary);
     color: var(--foreground);
   }
 
-  .day > button:hover,
-  .day-selected > button {
+  .day>button:hover,
+  .day-selected>button {
     background-color: var(--fill-primary-strong);
     color: white;
   }
@@ -206,12 +206,12 @@
     color: var(--foreground);
   }
 
-  .button-range > button {
+  .button-range>button {
     background-color: var(--fill-primary-strong);
     color: white;
   }
 
-  .button-range > button:hover {
+  .button-range>button:hover {
     background-color: var(--fill-primary-strong);
     color: var(--foreground);
   }
@@ -232,8 +232,8 @@
     color: var(--foreground);
   }
 
-  .range-middle > button,
-  .range-middle > button:hover {
+  .range-middle>button,
+  .range-middle>button:hover {
     background-color: transparent;
     color: var(--foreground);
   }
@@ -249,7 +249,8 @@
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .select-content {
       background-color: var(--canvas-800);
       color: var(--foreground);
@@ -270,4 +271,4 @@
       opacity: 0.7;
     }
   }
-}
+}

package/dist/components/forms/calendar_module.css

@@ -205,17 +205,17 @@
     }
   }
 
-  .dark .select-content-_eFzfR, .dark .scroll-area-epmyLI {
+  :is(.dark, [data-theme="dark"]) .select-content-_eFzfR, :is(.dark, [data-theme="dark"]) .scroll-area-epmyLI {
     background-color: var(--canvas-800);
     color: var(--foreground);
   }
 
-  .dark .select-item-V5Rg6u:hover {
+  :is(.dark, [data-theme="dark"]) .select-item-V5Rg6u:hover {
     background-color: var(--primary-400);
     color: var(--foreground);
   }
 
-  .dark .select-chevrons-kPRdHE {
+  :is(.dark, [data-theme="dark"]) .select-chevrons-kPRdHE {
     stroke: var(--primary-200);
     opacity: .7;
   }

package/dist/components/notifications/toast.module.css

@@ -24,9 +24,8 @@ infonomic-components;
     box-shadow: var(--shadow-sm);
   }
 
-  .dark,
-  [data-theme="dark"],
-  [data-theme="dark"] ::backdrop {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .root {
       background: var(--canvas-800);
     }

package/dist/components/notifications/toast.module.js

@@ -1,7 +1,6 @@
 import "./toast_module.css";
 const toast_module = {
     root: "root-dWN7jD",
-    dark: "dark-HRIC6o",
     slideInFromBottom: "slideInFromBottom-O94u9U",
     hide: "hide-vlOoW0",
     "top-right": "top-right-OsKbVb",

package/dist/components/notifications/toast_module.css

@@ -16,11 +16,7 @@
     position: absolute;
   }
 
-  [data-theme="dark"] ::backdrop .root-dWN7jD {
-    background: var(--canvas-800);
-  }
-
-  :is(.dark-HRIC6o, [data-theme="dark"]) .root-dWN7jD {
+  :is(.dark, [data-theme="dark"]) .root-dWN7jD {
     background: var(--canvas-800);
   }
 

package/dist/components/overlay/overlay.module.css

@@ -1,46 +1,46 @@
-.overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(245, 245, 245, 0.35);
-  z-index: 20;
-}
-
-
-.dark,
-[data-theme="dark"],
-[data-theme="dark"] ::backdrop {
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
+
+@layer infonomic-components {
   .overlay {
-    background-color: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(245, 245, 245, 0.35);
+    z-index: 20;
   }
-}
 
-.animate-fade-in {
-  animation: fade-in 0.3s ease-in-out;
-}
-
-.animate-fade-out {
-  animation: fade-out 0.3s ease-in-out;
-}
+  :global(.dark) .overlay,
+  :global([data-theme="dark"]) .overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
 
-@keyframes fade-in {
-  from {
-    opacity: 0;
+  .animate-fade-in {
+    animation: fade-in 0.3s ease-in-out;
   }
 
-  to {
-    opacity: 1;
+  .animate-fade-out {
+    animation: fade-out 0.3s ease-in-out;
   }
-}
 
-@keyframes fade-out {
-  from {
-    opacity: 1;
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
-  to {
-    opacity: 0;
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
   }
 }

package/dist/components/overlay/overlay.module.js

@@ -1,7 +1,6 @@
 import "./overlay_module.css";
 const overlay_module = {
     overlay: "overlay-hax8h5",
-    dark: "dark-uhJ1zL",
     "animate-fade-in": "animate-fade-in-oC0Zd7",
     animateFadeIn: "animate-fade-in-oC0Zd7",
     "fade-in": "fade-in-ODU8WG",

package/dist/components/overlay/overlay_module.css

@@ -1,46 +1,46 @@
-.overlay-hax8h5 {
-  z-index: 20;
-  background-color: #f5f5f559;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-}
-
-[data-theme="dark"] ::backdrop .overlay-hax8h5 {
-  background-color: #00000080;
-}
-
-:is(.dark-uhJ1zL, [data-theme="dark"]) .overlay-hax8h5 {
-  background-color: #00000080;
-}
-
-.animate-fade-in-oC0Zd7 {
-  animation: .3s ease-in-out fade-in-ODU8WG;
-}
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .overlay-hax8h5 {
+    z-index: 20;
+    background-color: #f5f5f559;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
 
-.animate-fade-out-kWVP8l {
-  animation: .3s ease-in-out fade-out-i2NoTL;
-}
+  :is(.dark .overlay-hax8h5, [data-theme="dark"] .overlay-hax8h5) {
+    background-color: #00000080;
+  }
 
-@keyframes fade-in-ODU8WG {
-  from {
-    opacity: 0;
+  .animate-fade-in-oC0Zd7 {
+    animation: .3s ease-in-out fade-in-ODU8WG;
   }
 
-  to {
-    opacity: 1;
+  .animate-fade-out-kWVP8l {
+    animation: .3s ease-in-out fade-out-i2NoTL;
   }
-}
 
-@keyframes fade-out-i2NoTL {
-  from {
-    opacity: 1;
+  @keyframes fade-in-ODU8WG {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
-  to {
-    opacity: 0;
+  @keyframes fade-out-i2NoTL {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
   }
 }
 

package/dist/components/pager/pagination.module.css

@@ -138,7 +138,8 @@ infonomic-components;
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
 
     .ellipses,
     .number-button,

package/dist/components/pager/pagination_module.css

@@ -80,7 +80,7 @@
     }
   }
 
-  .dark .ellipses-D_NPD7, .dark .number-button-bFXP3X, .dark .next-button-WN4Cb5, .dark .last-button-Brbqt2, .dark .previous-button-XaiuAP, .dark .first-button-wfGrPE {
+  :is(.dark, [data-theme="dark"]) .ellipses-D_NPD7, :is(.dark, [data-theme="dark"]) .number-button-bFXP3X, :is(.dark, [data-theme="dark"]) .next-button-WN4Cb5, :is(.dark, [data-theme="dark"]) .last-button-Brbqt2, :is(.dark, [data-theme="dark"]) .previous-button-XaiuAP, :is(.dark, [data-theme="dark"]) .first-button-wfGrPE {
     border-color: var(--canvas-700);
   }
 }

package/dist/components/shimmer/shimmer.module.css

@@ -16,9 +16,8 @@ infonomic-components;
     animation: shimmer 1.5s infinite;
   }
 
-  .dark,
-  [data-theme="dark"],
-  [data-theme="dark"] ::backdrop {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .shimmer {
       background-color: #141414;
       background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);

package/dist/components/shimmer/shimmer.module.js

@@ -1,7 +1,6 @@
 import "./shimmer_module.css";
 const shimmer_module = {
     shimmer: "shimmer-hQj5gn",
-    dark: "dark-JA57ru",
     shimmerContainer: "shimmerContainer-YqBAXa",
     rectangular: "rectangular-qx6oTl",
     text: "text-syTLNh",

package/dist/components/shimmer/shimmer_module.css

@@ -10,12 +10,7 @@
     overflow: hidden;
   }
 
-  [data-theme="dark"] ::backdrop .shimmer-hQj5gn {
-    background-color: #141414;
-    background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
-  }
-
-  :is(.dark-JA57ru, [data-theme="dark"]) .shimmer-hQj5gn {
+  :is(.dark, [data-theme="dark"]) .shimmer-hQj5gn {
     background-color: #141414;
     background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
   }

package/dist/components/table/table.module.css

@@ -1,12 +1,13 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
+
   /* 'table--container break-normal overflow-hidden relative shadow-md rounded-md my-[16px] dark:border dark:border-canvas-700', */
   .table-container {
     display: block;
@@ -52,7 +53,8 @@
   .table-heading-cell {
     white-space: nowrap;
     padding: var(--spacing-8) var(--spacing-8);
-    font-size: 0.975rem; /* 15.6px */
+    font-size: 0.975rem;
+    /* 15.6px */
     /* text-transform: uppercase; */
     background-color: var(--canvas-50);
   }
@@ -79,7 +81,8 @@
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .table-header {
       background-color: var(--canvas-700);
     }
@@ -101,4 +104,4 @@
       background-color: var(--canvas-800);
     }
   }
-}
+}

package/dist/components/table/table_module.css

@@ -59,20 +59,20 @@
     background-color: var(--canvas-100);
   }
 
-  .dark .table-header-D1lP7m {
+  :is(.dark, [data-theme="dark"]) .table-header-D1lP7m {
     background-color: var(--canvas-700);
   }
 
-  .dark .table-row-ufTNsI:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+  :is(.dark, [data-theme="dark"]) .table-row-ufTNsI:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
     border-bottom: 1px solid var(--canvas-700);
     background-color: var(--canvas-800);
   }
 
-  .dark .table-row-ufTNsI:hover:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .table-heading-cell-gB6ryy:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+  :is(.dark, [data-theme="dark"]) .table-row-ufTNsI:hover:not(:where([class~="not-dark"], [class~="not-dark"] *)), :is(.dark, [data-theme="dark"]) .table-heading-cell-gB6ryy:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
     background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
   }
 
-  .dark .table-footer-JabMFD:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+  :is(.dark, [data-theme="dark"]) .table-footer-JabMFD:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
     background-color: var(--canvas-800);
   }
 }

package/dist/icons/icons.module.css

@@ -96,9 +96,8 @@
     fill: var(--red-500);
   }
 
-  .dark,
-  [data-theme="dark"],
-  [data-theme="dark"] ::backdrop {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .stroke-gray {
       stroke: var(--gray-300);
     }

package/dist/icons/icons.module.js

@@ -41,7 +41,6 @@ const icons_module = {
     "fill-warning": "fill-warning-MhDHOi",
     fillWarning: "fill-warning-MhDHOi",
     "fill-danger": "fill-danger-ON0cOW",
-    fillDanger: "fill-danger-ON0cOW",
-    dark: "dark-H6f40i"
+    fillDanger: "fill-danger-ON0cOW"
 };
 export { icons_module as default };