@marigold/theme-rui 2.1.0 → 2.3.0

package/dist/styles.css

@@ -163,10 +163,10 @@
     --color-info-muted-accent: var(--color-blue-600);
     --color-info-muted: var(--color-blue-100);
     --color-info-muted-foreground: var(--color-blue-950);
-    --color-access-admin: var(--color-orange-100);
-    --color-access-admin-foreground: var(--color-orange-500);
-    --color-access-master: var(--color-purple-100);
-    --color-access-master-foreground: var(--color-purple-800);
+    --color-access-master: var(--color-orange-100);
+    --color-access-master-foreground: var(--color-orange-500);
+    --color-access-admin: var(--color-purple-100);
+    --color-access-admin-foreground: var(--color-purple-800);
     --color-muted: var(--color-stone-100);
     --color-muted-foreground: var(--color-stone-500);
     --color-disabled: var(--color-stone-200);
@@ -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,11 +1978,17 @@
   [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-orange-500);
+    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-purple-800);
+    border-color: var(--color-orange-500);
   }
   [data-theme="rui"] .border-black {
     border-color: var(--color-black);
@@ -2042,10 +2054,22 @@
     background-color: #e9ecef;
   }
   [data-theme="rui"] .bg-access-admin {
-    background-color: var(--color-orange-100);
+    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-purple-100);
+    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;
   }
@@ -3114,10 +3150,10 @@
     color: #ffffff;
   }
   [data-theme="rui"] .text-access-admin-foreground {
-    color: var(--color-orange-500);
+    color: var(--color-purple-800);
   }
   [data-theme="rui"] .text-access-master-foreground {
-    color: var(--color-purple-800);
+    color: var(--color-orange-500);
   }
   [data-theme="rui"] .text-black {
     color: var(--color-black);
@@ -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;
@@ -5393,12 +5475,12 @@
   }
   [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bg-access-admin-foreground {
     [data-theme="rui"] & td:first-child:before {
-      background-color: var(--color-orange-500);
+      background-color: var(--color-purple-800);
     }
   }
   [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bg-access-master-foreground {
     [data-theme="rui"] & td:first-child:before {
-      background-color: var(--color-purple-800);
+      background-color: var(--color-orange-500);
     }
   }
   [data-theme="rui"] .\[\&_td\:first-child\:before\]\:content-\[\"\"\] {
@@ -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/dist/theme.css

@@ -91,11 +91,11 @@
   --color-info-muted-foreground: var(--color-blue-950);
 
   /* visible hints for access control (master- and admin-mark) */
-  --color-access-admin: var(--color-orange-100);
-  --color-access-admin-foreground: var(--color-orange-500);
+  --color-access-master: var(--color-orange-100);
+  --color-access-master-foreground: var(--color-orange-500);
 
-  --color-access-master: var(--color-purple-100);
-  --color-access-master-foreground: var(--color-purple-800);
+  --color-access-admin: var(--color-purple-100);
+  --color-access-admin-foreground: var(--color-purple-800);
 
   /* 
     muted colors are desaturated colors of the brand color,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-rui",
-  "version": "2.1.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.1.0",
-    "@marigold/system": "15.1.0",
+    "@marigold/components": "15.3.0",
+    "@marigold/system": "15.3.0",
     "@marigold/theme-plugins": "1.0.2"
   },
   "scripts": {