@marigold/theme-rui 1.2.0 → 1.3.0

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -51,6 +51,8 @@
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
     --color-pink-600: oklch(59.2% 0.249 0.584);
     --color-slate-100: oklch(96.8% 0.007 247.896);
     --color-slate-200: oklch(92.9% 0.013 255.508);
@@ -163,6 +165,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-muted: var(--color-stone-100);
     --color-muted-foreground: var(--color-stone-500);
     --color-disabled: var(--color-stone-200);
@@ -468,6 +474,9 @@
   [data-theme="rui"] .z-50 {
     z-index: 50;
   }
+  [data-theme="rui"] .order-last {
+    order: 9999;
+  }
   [data-theme="rui"] .\!\[grid-column\:1\/-1\] {
     grid-column: 1/-1 !important;
   }
@@ -549,9 +558,6 @@
   [data-theme="rui"] .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
-  [data-theme="rui"] .ml-auto {
-    margin-left: auto;
-  }
   [data-theme="rui"] .box-border {
     box-sizing: border-box;
   }
@@ -666,6 +672,14 @@
     width: 2.25rem;
     height: 2.25rem;
   }
+  [data-theme="rui"] .size-button-large {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+  [data-theme="rui"] .size-button-small {
+    width: 2rem;
+    height: 2rem;
+  }
   [data-theme="rui"] .size-full {
     width: 100%;
     height: 100%;
@@ -1372,6 +1386,9 @@
   [data-theme="rui"] .max-w-max {
     max-width: max-content;
   }
+  [data-theme="rui"] .max-w-md {
+    max-width: var(--container-md);
+  }
   [data-theme="rui"] .max-w-min {
     max-width: min-content;
   }
@@ -1545,8 +1562,8 @@
   [data-theme="rui"] .resize {
     resize: both;
   }
-  [data-theme="rui"] .list-inside {
-    list-style-position: inside;
+  [data-theme="rui"] .list-outside {
+    list-style-position: outside;
   }
   [data-theme="rui"] .list-decimal {
     list-style-type: decimal;
@@ -1554,12 +1571,18 @@
   [data-theme="rui"] .list-disc {
     list-style-type: disc;
   }
+  [data-theme="rui"] .grid-flow-col {
+    grid-auto-flow: column;
+  }
   [data-theme="rui"] .auto-rows-\[1fr\] {
     grid-auto-rows: 1fr;
   }
   [data-theme="rui"] .auto-rows-min {
     grid-auto-rows: min-content;
   }
+  [data-theme="rui"] .\[grid-template-columns\:min-content_1fr\] {
+    grid-template-columns: min-content 1fr;
+  }
   [data-theme="rui"] .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -1794,6 +1817,9 @@
   [data-theme="rui"] .gap-y-10 {
     row-gap: calc(var(--spacing) * 10);
   }
+  [data-theme="rui"] .justify-self-center {
+    justify-self: center;
+  }
   [data-theme="rui"] .overflow-auto {
     overflow: auto;
   }
@@ -1898,6 +1924,12 @@
   [data-theme="rui"] .border-\[\#ced4da\] {
     border-color: #ced4da;
   }
+  [data-theme="rui"] .border-access-admin-foreground {
+    border-color: var(--color-orange-500);
+  }
+  [data-theme="rui"] .border-access-master-foreground {
+    border-color: var(--color-purple-800);
+  }
   [data-theme="rui"] .border-black {
     border-color: var(--color-black);
   }
@@ -1964,6 +1996,12 @@
   [data-theme="rui"] .bg-\[\#e9ecef\] {
     background-color: #e9ecef;
   }
+  [data-theme="rui"] .bg-access-admin {
+    background-color: var(--color-orange-100);
+  }
+  [data-theme="rui"] .bg-access-master {
+    background-color: var(--color-purple-100);
+  }
   [data-theme="rui"] .bg-background {
     background-color: var(--color-white);
   }
@@ -3067,6 +3105,12 @@
   [data-theme="rui"] .text-\[\#ffffff\] {
     color: #ffffff;
   }
+  [data-theme="rui"] .text-access-admin-foreground {
+    color: var(--color-orange-500);
+  }
+  [data-theme="rui"] .text-access-master-foreground {
+    color: var(--color-purple-800);
+  }
   [data-theme="rui"] .text-black {
     color: var(--color-black);
   }
@@ -3462,6 +3506,11 @@
       grid-column: 3;
     }
   }
+  [data-theme="rui"] .not-first\:pt-3 {
+    [data-theme="rui"] &:not(*:first-child) {
+      padding-top: calc(var(--spacing) * 3);
+    }
+  }
   [data-theme="rui"] .group-required\/field\:block {
     [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
       display: block;
@@ -3798,11 +3847,6 @@
       color: var(--color-stone-50);
     }
   }
-  [data-theme="rui"] .group-\[layout\=grid\]\/list\:flex-row {
-    [data-theme="rui"] &:is(:where(.group\/list):is(layout=grid) *) {
-      flex-direction: row;
-    }
-  }
   [data-theme="rui"] .file\:me-3 {
     [data-theme="rui"] &::file-selector-button {
       margin-inline-end: calc(var(--spacing) * 3);
@@ -4045,16 +4089,6 @@
       }
     }
   }
-  [data-theme="rui"] .hover\:bg-gray-200 {
-    [data-theme="rui"] &:where([data-rac])[data-hovered] {
-      background-color: var(--color-gray-200);
-    }
-    @media (hover: hover) {
-      [data-theme="rui"] &:where(:not([data-rac])):hover {
-        background-color: var(--color-gray-200);
-      }
-    }
-  }
   [data-theme="rui"] .hover\:bg-hover {
     [data-theme="rui"] &:where([data-rac])[data-hovered] {
       background-color: var(--color-stone-100);
@@ -4065,16 +4099,6 @@
       }
     }
   }
-  [data-theme="rui"] .hover\:bg-transparent {
-    [data-theme="rui"] &:where([data-rac])[data-hovered] {
-      background-color: transparent;
-    }
-    @media (hover: hover) {
-      [data-theme="rui"] &:where(:not([data-rac])):hover {
-        background-color: transparent;
-      }
-    }
-  }
   [data-theme="rui"] .hover\:text-brand {
     [data-theme="rui"] &:where([data-rac])[data-hovered] {
       color: var(--color-stone-950);
@@ -4143,14 +4167,6 @@
       background-color: var(--color-stone-100);
     }
   }
-  [data-theme="rui"] .focus\:bg-gray-200 {
-    [data-theme="rui"] &:where([data-rac])[data-focused] {
-      background-color: var(--color-gray-200);
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):focus {
-      background-color: var(--color-gray-200);
-    }
-  }
   [data-theme="rui"] .focus\:text-foreground {
     [data-theme="rui"] &:where([data-rac])[data-focused] {
       color: var(--color-stone-950);
@@ -5155,6 +5171,57 @@
       padding: calc(var(--spacing) * 2);
     }
   }
+  [data-theme="rui"] .\[\&_td\:first-child\]\:relative {
+    [data-theme="rui"] & td:first-child {
+      position: relative;
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\]\:pl-4 {
+    [data-theme="rui"] & td:first-child {
+      padding-left: calc(var(--spacing) * 4);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:absolute {
+    [data-theme="rui"] & td:first-child:before {
+      position: absolute;
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:top-0 {
+    [data-theme="rui"] & td:first-child:before {
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bottom-0 {
+    [data-theme="rui"] & td:first-child:before {
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:left-0 {
+    [data-theme="rui"] & td:first-child:before {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:w-1 {
+    [data-theme="rui"] & td:first-child:before {
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bg-access-admin-foreground {
+    [data-theme="rui"] & td:first-child:before {
+      background-color: var(--color-orange-500);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bg-access-master-foreground {
+    [data-theme="rui"] & td:first-child:before {
+      background-color: var(--color-purple-800);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:content-\[\"\"\] {
+    [data-theme="rui"] & td:first-child:before {
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
   [data-theme="rui"] .\[\&_th\]\:sticky {
     [data-theme="rui"] & th {
       position: sticky;

package/dist/theme.css

@@ -90,6 +90,13 @@
   --color-info-muted: var(--color-blue-100);
   --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-purple-100);
+  --color-access-master-foreground: var(--color-purple-800);
+
   /* 
     muted colors are desaturated colors of the brand color,
     they help create hierarchy for secondary text. 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-rui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Marigold RUI Theme",
   "license": "MIT",
   "keywords": [
@@ -43,18 +43,18 @@
     "directory": "themes/theme-rui"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "4.1.8",
+    "@tailwindcss/postcss": "4.1.11",
     "cssnano": "7.0.7",
     "postcss-cli": "11.0.1",
-    "tailwindcss": "4.1.8",
+    "tailwindcss": "4.1.11",
     "tsup": "8.4.0",
     "@marigold/tsconfig": "0.4.0"
   },
   "dependencies": {
     "tailwindcss-animate": "1.0.7",
     "tailwindcss-react-aria-components": "2.0.0",
-    "@marigold/components": "13.0.0",
-    "@marigold/system": "13.0.0",
+    "@marigold/components": "14.0.0",
+    "@marigold/system": "14.0.0",
     "@marigold/theme-plugins": "1.0.1"
   },
   "scripts": {