@dmsi/wedgekit-react 0.0.369 → 0.0.371

package/dist/components/index.css

@@ -52,6 +52,7 @@
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-xl: 0.75rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -673,6 +674,9 @@
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
+  .mb-20 {
+    margin-bottom: calc(var(--spacing) * 20);
+  }
   .mb-mobile-container-padding {
     margin-bottom: var(--spacing-mobile-container-padding);
   }
@@ -770,6 +774,9 @@
   .h-60 {
     height: calc(var(--spacing) * 60);
   }
+  .h-\[24px\] {
+    height: 24px;
+  }
   .h-\[166px\] {
     height: 166px;
   }
@@ -806,6 +813,9 @@
   .min-h-19 {
     min-height: calc(var(--spacing) * 19);
   }
+  .min-h-20 {
+    min-height: calc(var(--spacing) * 20);
+  }
   .min-h-\[34px\] {
     min-height: 34px;
   }
@@ -875,9 +885,6 @@
   .w-screen {
     width: 100vw;
   }
-  .\!max-w-fit {
-    max-width: fit-content !important;
-  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -890,9 +897,15 @@
   .max-w-\[400px\] {
     max-width: 400px;
   }
+  .max-w-fit {
+    max-width: fit-content;
+  }
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-none {
+    max-width: none;
+  }
   .max-w-screen {
     max-width: 100vw;
   }
@@ -905,6 +918,9 @@
   .min-w-20 {
     min-width: calc(var(--spacing) * 20);
   }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
@@ -917,6 +933,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
   .shrink {
     flex-shrink: 1;
   }
@@ -926,6 +945,9 @@
   .flex-grow {
     flex-grow: 1;
   }
+  .flex-grow-1 {
+    flex-grow: 1;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -958,6 +980,9 @@
   .cursor-col-resize {
     cursor: col-resize;
   }
+  .cursor-crosshair {
+    cursor: crosshair;
+  }
   .cursor-default {
     cursor: default;
   }
@@ -976,6 +1001,9 @@
   .list-disc {
     list-style-type: disc;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .\[appearance\:textfield\] {
     appearance: textfield;
   }
@@ -1003,9 +1031,15 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
   .place-content-center {
     place-content: center;
   }
+  .place-items-center {
+    place-items: center;
+  }
   .\!items-start {
     align-items: flex-start !important;
   }
@@ -1227,6 +1261,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
   .border-2 {
     border-style: var(--tw-border-style);
     border-width: 2px;
@@ -1322,6 +1360,12 @@
   .border-warning-400 {
     border-color: var(--color-warning-400);
   }
+  .border-white\/70 {
+    border-color: color-mix(in srgb, #ffffff 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    }
+  }
   .border-y-action-400 {
     border-block-color: var(--color-action-400);
   }
@@ -1775,6 +1819,12 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-white\/10 {
+    background-color: color-mix(in srgb, #ffffff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
   .bg-linear-270 {
     --tw-gradient-position: 270deg;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -1786,6 +1836,10 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .from-neutral-100 {
+    --tw-gradient-from: var(--color-neutral-100);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-neutral-300\/\[12\%\] {
     --tw-gradient-from: color-mix(in srgb, #c1c1c1 12%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1797,6 +1851,10 @@
     --tw-gradient-from: var(--color-white);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-\[\#f7f7f7\] {
+    --tw-gradient-to: #f7f7f7;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-neutral-300\/\[24\%\] {
     --tw-gradient-to: color-mix(in srgb, #c1c1c1 24%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1811,9 +1869,15 @@
   .object-contain {
     object-fit: contain;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .object-center {
     object-position: center;
   }
+  .\!p-0 {
+    padding: calc(var(--spacing) * 0) !important;
+  }
   .p-0\.5 {
     padding: calc(var(--spacing) * 0.5);
   }
@@ -2112,6 +2176,9 @@
   .text-action-400 {
     color: var(--color-action-400);
   }
+  .text-brand-text-action-primary-normal {
+    color: var(--color-brand-text-action-primary-normal);
+  }
   .text-icon-action-critical-secondary-normal {
     color: var(--color-icon-action-critical-secondary-normal);
   }
@@ -2247,6 +2314,9 @@
   .opacity-40 {
     opacity: 40%;
   }
+  .opacity-70 {
+    opacity: 70%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2277,6 +2347,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.15));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-nav-tab {
     --tw-shadow: 0px -4px 4px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.32)) inset;
     box-shadow:
@@ -2313,6 +2392,50 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .ring-\[3px\] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .ring-border-action-normal {
+    --tw-ring-color: var(--color-border-action-normal);
+  }
+  .ring-brand-400 {
+    --tw-ring-color: var(--color-brand-400);
+  }
+  .ring-brand-400\/0 {
+    --tw-ring-color: var(--color-brand-400);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-brand-400) 0%, transparent);
+    }
+  }
+  .ring-neutral-300 {
+    --tw-ring-color: var(--color-neutral-300);
+  }
+  .ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  .ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  .ring-offset-white {
+    --tw-ring-offset-color: var(--color-white);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -2341,6 +2464,11 @@
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .backdrop-blur-\[1px\] {
+    --tw-backdrop-blur: blur(1px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .transition {
     transition-property:
       color,
@@ -2417,6 +2545,9 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-discrete {
+    transition-behavior: allow-discrete;
+  }
   .duration-100 {
     --tw-duration: 100ms;
     transition-duration: 100ms;
@@ -2433,6 +2564,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .will-change-transform {
     will-change: transform;
   }
@@ -3139,6 +3274,11 @@
       outline-style: none;
     }
   }
+  .active\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .active\:border-background-action-critical-primary-active {
     &:active {
       border-color: var(--color-background-action-critical-primary-active);
@@ -3565,6 +3705,16 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .md\:block {
+    @media (width >= 768px) {
+      display: block;
+    }
+  }
+  .md\:hidden {
+    @media (width >= 768px) {
+      display: none;
+    }
+  }
   .md\:table-cell {
     @media (width >= 768px) {
       display: table-cell;
@@ -3976,6 +4126,16 @@
       gap: var(--spacing-desktop-layout-group-gap);
     }
   }
+  .desktop\:bg-background-grouped-primary-normal {
+    @container root (width >= 48rem) {
+      background-color: var(--color-background-grouped-primary-normal);
+    }
+  }
+  .desktop\:p-0 {
+    @container root (width >= 48rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
   .desktop\:p-4 {
     @container root (width >= 48rem) {
       padding: calc(var(--spacing) * 4);
@@ -4197,6 +4357,11 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
+  .desktop\:text-icon-primary-normal {
+    @container root (width >= 48rem) {
+      color: var(--color-icon-primary-normal);
+    }
+  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {
@@ -4790,6 +4955,15 @@ body {
 @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
 @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
 @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
+@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
+@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
+@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
+@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
+@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
+@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
+@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
+@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
+@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-ease { syntax: "*"; inherits: false; }
 @property --tw-contain-size { syntax: "*"; inherits: false; }
@@ -4855,6 +5029,15 @@ body {
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-contain-size: initial;

package/dist/components/index.js

@@ -1,52 +1,91 @@
 import {
-  DataGrid
-} from "../chunk-URCLLHO5.js";
+  DataGrid,
+  MobileDataGrid
+} from "../chunk-IBX6DVHU.js";
+import "../chunk-M7INAUAJ.js";
+import "../chunk-KEMCFN4U.js";
+import "../chunk-VVXPGI2P.js";
+import {
+  ProductImagePreview
+} from "../chunk-JGJUVJKD.js";
+import "../chunk-HPQWEZJL.js";
+import "../chunk-BQNPOGD5.js";
+import {
+  PDFViewer
+} from "../chunk-U6PUOGG4.js";
+import "../chunk-EJSPFQCY.js";
+import "../chunk-4UNWXB4A.js";
+import "../chunk-N6PNLLNS.js";
+import "../chunk-VJVY6NPF.js";
+import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
+import "../chunk-CQFPNZTN.js";
+import "../chunk-YYHQLQDQ.js";
+import "../chunk-P36QKH26.js";
+import "../chunk-5IFPG6TS.js";
+import "../chunk-AJ5M6MVX.js";
+import "../chunk-M6TSTDNZ.js";
 import {
   Tooltip
 } from "../chunk-QQ5G773N.js";
+import "../chunk-AT4AWD6B.js";
+import "../chunk-EWGHVZL5.js";
 import {
   Select
-} from "../chunk-I3WFZOFY.js";
+} from "../chunk-J5V2JRIK.js";
+import "../chunk-2H35FETR.js";
+import "../chunk-4RJKB7LC.js";
+import "../chunk-XM7IQHBU.js";
+import "../chunk-FRHPFACM.js";
+import "../chunk-T36HX6QY.js";
+import "../chunk-AG43RS4Q.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-ER6RCOH3.js";
+import "../chunk-EU73QPW7.js";
+import "../chunk-QVWYTQKL.js";
 import {
   Checkbox
 } from "../chunk-NO5BIKWS.js";
+import {
+  CompactImagesPreview
+} from "../chunk-PTRZHGHA.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ARQBSR3I.js";
+} from "../chunk-YCKRVNJ3.js";
 import {
   Menu
 } from "../chunk-W32JB47H.js";
 import "../chunk-WPEDVM56.js";
 import {
   MenuOption
-} from "../chunk-OXSBIBGT.js";
-import "../chunk-JUJBS4ZV.js";
-import "../chunk-VXWSAIB5.js";
-import "../chunk-TYTD4FLW.js";
+} from "../chunk-CKQNJNU3.js";
+import "../chunk-WVUIIBRR.js";
 import {
   Search
-} from "../chunk-6GAYJCFE.js";
+} from "../chunk-6DPFKSCT.js";
 import {
   Input
-} from "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-ZL5X7KP6.js";
 import {
   Label
 } from "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
+import "../chunk-JUJBS4ZV.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-TYTD4FLW.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Subheader
 } from "../chunk-FA7IFW66.js";
 import {
   Accordion
-} from "../chunk-4VER5OEU.js";
-import "../chunk-NQXZBWDZ.js";
+} from "../chunk-FBE2HGEF.js";
 import {
   Card
 } from "../chunk-4LXG6QNT.js";
+import "../chunk-V6U7LU6M.js";
 import {
   Paragraph
 } from "../chunk-OGIFIPKH.js";
@@ -63,6 +102,7 @@ export {
   Button,
   Card,
   Checkbox,
+  CompactImagesPreview,
   DataCellHeader,
   DataGrid,
   DataGridCell,
@@ -73,7 +113,10 @@ export {
   Label,
   Menu,
   MenuOption,
+  MobileDataGrid,
+  PDFViewer,
   Paragraph,
+  ProductImagePreview,
   Search,
   Select,
   Subheader,