@marigold/theme-rui 2.2.0 → 2.3.0

package/dist/styles.css

@@ -983,12 +983,12 @@
   [data-theme="rui"] .max-h-fit\! {
     max-height: fit-content !important;
   }
+  [data-theme="rui"] .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
   [data-theme="rui"] .min-h-\[350px\] {
     min-height: 350px;
   }
-  [data-theme="rui"] .min-h-button-small {
-    min-height: 2rem;
-  }
   [data-theme="rui"] .min-h-input {
     min-height: 2.25rem;
   }
@@ -1709,6 +1709,9 @@
   [data-theme="rui"] .items-stretch {
     align-items: stretch;
   }
+  [data-theme="rui"] .justify-around {
+    justify-content: space-around;
+  }
   [data-theme="rui"] .justify-between {
     justify-content: space-between;
   }
@@ -1718,6 +1721,9 @@
   [data-theme="rui"] .justify-end {
     justify-content: flex-end;
   }
+  [data-theme="rui"] .justify-evenly {
+    justify-content: space-evenly;
+  }
   [data-theme="rui"] .justify-start {
     justify-content: flex-start;
   }
@@ -1972,9 +1978,15 @@
   [data-theme="rui"] .border-\[\#ced4da\] {
     border-color: #ced4da;
   }
+  [data-theme="rui"] .border-access-admin {
+    border-color: var(--color-purple-100);
+  }
   [data-theme="rui"] .border-access-admin-foreground {
     border-color: var(--color-purple-800);
   }
+  [data-theme="rui"] .border-access-master {
+    border-color: var(--color-orange-100);
+  }
   [data-theme="rui"] .border-access-master-foreground {
     border-color: var(--color-orange-500);
   }
@@ -2044,9 +2056,21 @@
   [data-theme="rui"] .bg-access-admin {
     background-color: var(--color-purple-100);
   }
+  [data-theme="rui"] .bg-access-admin\/30 {
+    background-color: color-mix(in srgb, oklch(94.6% 0.033 307.174) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-100) 30%, transparent);
+    }
+  }
   [data-theme="rui"] .bg-access-master {
     background-color: var(--color-orange-100);
   }
+  [data-theme="rui"] .bg-access-master\/30 {
+    background-color: color-mix(in srgb, #fff1d5 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-100) 30%, transparent);
+    }
+  }
   [data-theme="rui"] .bg-background {
     background-color: var(--color-white);
   }
@@ -3101,12 +3125,24 @@
   [data-theme="rui"] .text-wrap {
     text-wrap: wrap;
   }
+  [data-theme="rui"] .whitespace-break-spaces {
+    white-space: break-spaces;
+  }
+  [data-theme="rui"] .whitespace-normal {
+    white-space: normal;
+  }
   [data-theme="rui"] .whitespace-nowrap {
     white-space: nowrap;
   }
   [data-theme="rui"] .whitespace-pre {
     white-space: pre;
   }
+  [data-theme="rui"] .whitespace-pre-line {
+    white-space: pre-line;
+  }
+  [data-theme="rui"] .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
   [data-theme="rui"] .text-\[\#edf2ff\] {
     color: #edf2ff;
   }
@@ -3525,9 +3561,10 @@
       flex: 1;
     }
   }
-  [data-theme="rui"] .not-first\:pt-3 {
-    [data-theme="rui"] &:not(*:first-child) {
-      padding-top: calc(var(--spacing) * 3);
+  [data-theme="rui"] .\*\:text-sm {
+    [data-theme="rui"] :is(& > *) {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
   [data-theme="rui"] .group-required\/field\:block {
@@ -3855,6 +3892,32 @@
       color: var(--color-stone-50);
     }
   }
+  [data-theme="rui"] .marker\:text-foreground\/50 {
+    [data-theme="rui"] & *::marker {
+      color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-stone-950) 50%, transparent);
+      }
+    }
+    [data-theme="rui"] &::marker {
+      color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-stone-950) 50%, transparent);
+      }
+    }
+    [data-theme="rui"] & *::-webkit-details-marker {
+      color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-stone-950) 50%, transparent);
+      }
+    }
+    [data-theme="rui"] &::-webkit-details-marker {
+      color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-stone-950) 50%, transparent);
+      }
+    }
+  }
   [data-theme="rui"] .file\:me-3 {
     [data-theme="rui"] &::file-selector-button {
       margin-inline-end: calc(var(--spacing) * 3);
@@ -4177,6 +4240,20 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  [data-theme="rui"] .focus\:bg-destructive\/10 {
+    [data-theme="rui"] &:where([data-rac])[data-focused] {
+      background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
+      }
+    }
+    [data-theme="rui"] &:where(:not([data-rac])):focus {
+      background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
+      }
+    }
+  }
   [data-theme="rui"] .focus\:bg-focus {
     [data-theme="rui"] &:where([data-rac])[data-focused] {
       background-color: var(--color-stone-100);
@@ -4502,6 +4579,11 @@
       }
     }
   }
+  [data-theme="rui"] .has-\[\+_\[aria-hidden\=\"true\"\]\]\:mb-0 {
+    [data-theme="rui"] &:has(+ [aria-hidden="true"]) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   [data-theme="rui"] .aria-disabled\:cursor-default {
     [data-theme="rui"] &[aria-disabled="true"] {
       cursor: default;
@@ -5486,11 +5568,6 @@
       padding-right: calc(var(--spacing) * 0);
     }
   }
-  [data-theme="rui"] .\[\&\>\*\:not\(\:last-child\)\]\:mb-4 {
-    [data-theme="rui"] &>*:not(:last-child) {
-      margin-bottom: calc(var(--spacing) * 4);
-    }
-  }
   [data-theme="rui"] .\[\&\>\:not\(\:last-child\)\]\:border-r {
     [data-theme="rui"] &>:not(:last-child) {
       border-right-style: var(--tw-border-style);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-rui",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Marigold RUI Theme",
   "license": "MIT",
   "keywords": [
@@ -53,8 +53,8 @@
   "dependencies": {
     "tailwindcss-animate": "1.0.7",
     "tailwindcss-react-aria-components": "^2.0.1",
-    "@marigold/components": "15.2.0",
-    "@marigold/system": "15.2.0",
+    "@marigold/components": "15.3.0",
+    "@marigold/system": "15.3.0",
     "@marigold/theme-plugins": "1.0.2"
   },
   "scripts": {