@infonomic/uikit 3.7.0 → 3.9.0

package/dist/components/button/button-group_module.css

@@ -8,7 +8,7 @@
     display: flex;
   }
 
-  @media screen and (min-width: 640px) {
+  @media screen and (min-width: 40rem) {
     .button-group-uqvOi8 {
       flex-direction: row;
     }

package/dist/components/container/container_module.css

@@ -3,26 +3,26 @@
 @layer infonomic-components {
   .container-tSpizY {
     width: 100%;
-    max-width: 960px;
+    max-width: 60rem;
     margin: 0 auto;
-    padding: 0 16px;
+    padding: 0 1rem;
   }
 
-  @media (min-width: 1050px) {
+  @media (min-width: 66rem) {
     .container-tSpizY {
-      max-width: 1024px;
+      max-width: 64rem;
     }
   }
 
-  @media (min-width: 1230px) {
+  @media (min-width: 77rem) {
     .container-tSpizY {
-      max-width: 1190px;
+      max-width: 74.375rem;
     }
   }
 
-  @media (min-width: 1500px) {
+  @media (min-width: 94rem) {
     .container-tSpizY {
-      max-width: 1400px;
+      max-width: 87.5rem;
     }
   }
 }

package/dist/components/dropdown/dropdown.js

@@ -64,7 +64,7 @@ function Sub({ children, ...rest }) {
 }
 const SubContent = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.SubContent, {
         ref: ref,
-        className: classnames('dropdown-menu-subcontent', className),
+        className: classnames('dropdown-menu-subcontent', dropdown_module["dropdown-subcontent"], className),
         ...rest,
         children: children
     });

package/dist/components/dropdown/dropdown_module.css

@@ -55,7 +55,7 @@
     background-color: var(--surface-panel-border);
     width: 90%;
     margin: 0 auto;
-    margin: var(--spacing-1) 0;
+    margin: var(--spacing-4) 0;
     border-top-width: var(--border-width-thin);
     border-top-color: var(--surface-panel-border);
     border-top-style: var(--border-style-solid);

package/dist/components/forms/calendar_module.css

@@ -2,11 +2,11 @@
 
 @layer infonomic-components {
   .day-picker-y7Hl7p {
-    padding: var(--spacing-3);
+    padding: var(--spacing-12);
   }
 
   .months-b87F7E {
-    gap: var(--spacing-4);
+    gap: var(--spacing-16);
     flex-direction: column;
     display: flex;
     position: relative;
@@ -23,7 +23,7 @@
   .dropdowns-erBLYh {
     justify-content: center;
     align-items: center;
-    gap: var(--spacing-2);
+    gap: var(--spacing-8);
     width: 100%;
     display: flex;
   }
@@ -90,7 +90,7 @@
   }
 
   .footer-QtfvNg {
-    padding-top: var(--spacing-3);
+    padding-top: var(--spacing-12);
     font-size: .875rem;
   }
 
@@ -116,11 +116,11 @@
   .month-grid-o9jb0q {
     margin-left: auto;
     margin-right: auto;
-    margin-top: var(--spacing-4);
+    margin-top: var(--spacing-16);
   }
 
   .week-kpm7YL {
-    margin-top: var(--spacing-2);
+    margin-top: var(--spacing-8);
     align-items: flex-start;
     width: max-content;
     display: flex;
@@ -142,12 +142,12 @@
   }
 
   .today-vDw_Vq > button {
-    border: solid 1px var(--primary-300);
+    border: solid 1px var(--stroke-primary);
     color: var(--foreground);
   }
 
   .day-iMPvhj > button:hover, .day-selected-zpU4nM > button {
-    background-color: var(--primary-400);
+    background-color: var(--fill-primary-strong);
     color: #fff;
   }
 
@@ -165,17 +165,17 @@
   }
 
   .button-range-ut02cG {
-    background-color: var(--gray-100);
+    background-color: var(--fill-primary-weak);
     color: var(--foreground);
   }
 
   .button-range-ut02cG > button {
-    background-color: var(--primary-400);
+    background-color: var(--fill-primary-strong);
     color: #fff;
   }
 
   .button-range-ut02cG > button:hover {
-    background-color: var(--primary-400);
+    background-color: var(--fill-primary-strong);
     color: var(--foreground);
   }
 
@@ -190,7 +190,7 @@
   }
 
   .range-middle-ZVXPRk {
-    background-color: var(--gray-50);
+    background-color: var(--fill-primary-weak);
     color: var(--foreground);
   }
 
@@ -199,7 +199,7 @@
     background-color: #0000;
   }
 
-  @media (min-width: 640px) {
+  @media (min-width: 40rem) {
     .months-b87F7E {
       flex-direction: row;
     }
@@ -219,38 +219,5 @@
     stroke: var(--primary-200);
     opacity: .7;
   }
-
-  .dark .footer-QtfvNg {
-    color: var(--muted);
-  }
-
-  .dark .day-iMPvhj > button {
-    color: var(--foreground);
-  }
-
-  .dark .day-iMPvhj > button:hover, .dark .day-selected-zpU4nM > button {
-    background-color: var(--primary-400);
-    color: var(--foreground);
-  }
-
-  .dark .today-vDw_Vq > button {
-    border: solid 1px var(--primary-300);
-    color: var(--foreground);
-  }
-
-  .dark .button-range-ut02cG {
-    background-color: var(--canvas-700);
-    color: var(--foreground);
-  }
-
-  .dark .button-range-ut02cG > button, .dark .button-range-ut02cG > button:hover {
-    background-color: var(--primary-400);
-    color: var(--foreground);
-  }
-
-  .dark .range-middle-ZVXPRk, .dark .range-middle-ZVXPRk > button {
-    background-color: var(--canvas-700);
-    color: var(--foreground);
-  }
 }
 

package/dist/components/forms/radio-group_module.css

@@ -71,14 +71,14 @@
 
   .label-ZlWPop {
     color: var(--foreground);
-    padding-left: var(--spacing-2);
+    padding-left: var(--spacing-8);
     font-size: 15px;
     line-height: 1;
   }
 
   .row-zmaQmt .label-ZlWPop {
     padding-left: 0;
-    padding-right: var(--spacing-4);
+    padding-right: var(--spacing-16);
   }
 
   .primary-NHWfNk {

package/dist/components/notifications/alert_module.css

@@ -49,7 +49,7 @@
 
   .header-y_AKgG {
     width: 100%;
-    margin-bottom: var(--spacing-2);
+    margin-bottom: var(--spacing-8);
     align-items: start;
     gap: var(--gap-2);
     display: flex;
@@ -73,38 +73,38 @@
   }
 
   .primary-Y1uhvt {
-    --alert-border: var(--primary-300);
-    --alert-background: oklch(from var(--primary-500) l c h / .1);
+    --alert-border: var(--stroke-primary);
+    --alert-background: var(--fill-primary-weak);
   }
 
   .secondary-A_6wDq {
-    --alert-border: var(--secondary-300);
-    --alert-background: oklch(from var(--secondary-500) l c h / .1);
+    --alert-border: var(--stroke-secondary);
+    --alert-background: var(--fill-secondary-weak);
   }
 
   .noeffect-4mzRDQ {
-    --alert-border: var(--gray-300);
-    --alert-background: oklch(from var(--gray-500) l c h / .1);
+    --alert-border: var(--stroke-noeffect);
+    --alert-background: var(--fill-noeffect-weak);
   }
 
   .success-FCgDMo {
-    --alert-border: var(--green-300);
-    --alert-background: oklch(from var(--green-500) l c h / .1);
+    --alert-border: var(--stroke-success);
+    --alert-background: var(--fill-success-weak);
   }
 
   .info-KZnWBW {
-    --alert-border: var(--blue-300);
-    --alert-background: oklch(from var(--blue-500) l c h / .1);
+    --alert-border: var(--stroke-info);
+    --alert-background: var(--fill-info-weak);
   }
 
   .warning-UtouDH {
-    --alert-border: var(--yellow-300);
-    --alert-background: oklch(from var(--yellow-500) l c h / .1);
+    --alert-border: var(--stroke-warning);
+    --alert-background: var(--fill-warning-weak);
   }
 
   .danger-QFtDqI {
-    --alert-border: var(--red-300);
-    --alert-background: oklch(from var(--red-500) l c h / .1);
+    --alert-border: var(--stroke-danger);
+    --alert-background: var(--fill-danger-weak);
   }
 }
 

package/dist/components/notifications/toast_module.css

@@ -106,7 +106,7 @@
     right: 16px;
   }
 
-  @media (min-width: 768px) {
+  @media (min-width: 48rem) {
     .root-dWN7jD.top-right-OsKbVb[data-state="open"], .root-dWN7jD.bottom-right-Nzuhur[data-state="open"] {
       animation: .15s cubic-bezier(.16, 1, .3, 1) slideInFromRight-G4Hu_M;
     }

package/dist/components/pager/pagination_module.css

@@ -74,7 +74,7 @@
     display: none;
   }
 
-  @media (min-width: 640px) {
+  @media (min-width: 40rem) {
     .mobile-toggle-iw4kkx {
       display: flex;
     }

package/dist/components/table/table_module.css

@@ -40,13 +40,13 @@
 
   .table-heading-cell-gB6ryy {
     white-space: nowrap;
-    padding: var(--spacing-2) var(--spacing-2);
+    padding: var(--spacing-8) var(--spacing-8);
     background-color: var(--canvas-50);
     font-size: .975rem;
   }
 
   .table-cell-VRgkzQ {
-    padding: var(--spacing-2);
+    padding: var(--spacing-8);
     font-size: var(--font-size-sm);
   }
 

package/dist/components/tabs/tabs_module.css

@@ -2,8 +2,8 @@
 
 @layer infonomic-components {
   .tabs-root-H5dXfK {
-    padding: var(--spacing-2);
-    gap: var(--spacing-1);
+    padding: var(--spacing-8);
+    gap: var(--spacing-4);
     border-radius: var(--border-radius-md);
     border: 1px solid var(--border-color);
     flex-direction: column;
@@ -14,7 +14,7 @@
     gap: var(--gap-2);
     border-radius: var(--border-radius-md);
     width: 100%;
-    padding: var(--spacing-1);
+    padding: var(--spacing-4);
     border: 1px solid var(--border-color);
     align-items: center;
     display: flex;
@@ -33,11 +33,10 @@
 
   .tabs-trigger-l7pFgX:focus {
     position: relative;
-    box-shadow: 0 0 0 2px #000;
   }
 
   .tabs-content-d2NTGs {
-    margin-top: var(--spacing-2);
+    margin-top: var(--spacing-8);
     outline: none;
     padding: 6px;
   }

package/dist/icons/icon-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-element.d.ts","sourceRoot":"","sources":["../../src/icons/icon-element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAkB/D,CAAA"}
+{"version":3,"file":"icon-element.d.ts","sourceRoot":"","sources":["../../src/icons/icon-element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAkB/D,CAAA"}

package/dist/icons/icon-element.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import icons_module from "./icons.module.js";
 import classnames from "classnames";
 const IconElement = (props)=>{
     const { className, children, width = '22px', height = '22px', menuItem = false, ...rest } = props;
@@ -11,7 +12,7 @@ const IconElement = (props)=>{
             justifyContent: 'center',
             marginRight: null != menuItem && menuItem ? '1.2rem' : '0'
         },
-        className: classnames('component--icon-element-root', className),
+        className: classnames(icons_module["element-root"], className),
         ...rest,
         children: children
     });

package/dist/icons/icons.module.js

@@ -1,5 +1,7 @@
 import "./icons_module.css";
 const icons_module = {
+    "element-root": "element-root-UxROLs",
+    elementRoot: "element-root-UxROLs",
     "stroke-none": "stroke-none-xQ3ypG",
     strokeNone: "stroke-none-xQ3ypG",
     "stroke-current": "stroke-current-BBkZuD",

package/dist/icons/icons_module.css

@@ -1,6 +1,13 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme;
 
 @layer infonomic-components {
+  .element-root-UxROLs svg {
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+    display: block;
+  }
+
   .stroke-none-xQ3ypG {
     stroke: none;
   }