@marigold/theme-docs 2.0.3 → 2.0.5

package/dist/styles.css

@@ -691,6 +691,10 @@ video {
   isolation: auto;
 }
 
+.z-10 {
+  z-index: 10;
+}
+
 .z-40 {
   z-index: 40;
 }
@@ -699,6 +703,14 @@ video {
   grid-column: span 2 / span 2;
 }
 
+.col-span-full {
+  grid-column: 1 / -1;
+}
+
+.col-start-1 {
+  grid-column-start: 1;
+}
+
 .col-start-\[1_\!important\] {
   grid-column-start: 1 !important;
 }
@@ -707,10 +719,24 @@ video {
   grid-column-end: -1 !important;
 }
 
+.row-start-1 {
+  grid-row-start: 1;
+}
+
 .-m-px {
   margin: -1px;
 }
 
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -727,14 +753,6 @@ video {
   margin-inline-start: auto;
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-4 {
-  margin-top: 1rem;
-}
-
 .mt-8 {
   margin-top: 2rem;
 }
@@ -861,6 +879,11 @@ video {
   height: 2.5rem;
 }
 
+.size-3 {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -1662,6 +1685,10 @@ video {
   grid-template-columns: min-content auto;
 }
 
+.grid-cols-\[min-content_auto\] {
+  grid-template-columns: min-content auto;
+}
+
 .grid-cols-\[minmax\(0\2c _var\(--maxWidth\)\)_1fr_1fr\] {
   grid-template-columns: minmax(0, var(--maxWidth)) 1fr 1fr;
 }
@@ -1670,6 +1697,18 @@ video {
   grid-template-columns: repeat(auto-fit,var(--column));
 }
 
+.grid-cols-subgrid {
+  grid-template-columns: subgrid;
+}
+
+.grid-rows-\[auto_auto\] {
+  grid-template-rows: auto auto;
+}
+
+.grid-rows-subgrid {
+  grid-template-rows: subgrid;
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -1886,6 +1925,10 @@ video {
   gap: 1ch;
 }
 
+.gap-\[inherit\] {
+  gap: inherit;
+}
+
 .gap-x-0 {
   -moz-column-gap: 0px;
        column-gap: 0px;
@@ -1896,6 +1939,19 @@ video {
        column-gap: 0.5rem;
 }
 
+.gap-x-3 {
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.gap-y-0 {
+  row-gap: 0px;
+}
+
+.gap-y-0\.5 {
+  row-gap: 0.125rem;
+}
+
 .gap-y-1 {
   row-gap: 0.25rem;
 }
@@ -1944,6 +2000,10 @@ video {
   align-self: center;
 }
 
+.justify-self-end {
+  justify-self: end;
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -1978,19 +2038,14 @@ video {
   text-overflow: clip;
 }
 
-.hyphens-auto {
-  -webkit-hyphens: auto;
-          hyphens: auto;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
 .text-wrap {
   text-wrap: wrap;
 }
 
+.text-nowrap {
+  text-wrap: nowrap;
+}
+
 .rounded {
   border-radius: 0.25rem;
 }
@@ -2153,13 +2208,18 @@ video {
   border-color: rgb(203 213 225 / var(--tw-border-opacity));
 }
 
+.border-secondary-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
+}
+
 .border-transparent {
   border-color: transparent;
 }
 
 .bg-bg-info {
   --tw-bg-opacity: 1;
-  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
 }
 
 .bg-bg-surface {
@@ -2172,6 +2232,11 @@ video {
   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 }
 
+.bg-bg-surface-overlay {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .bg-bg-underlay\/50 {
   background-color: rgb(100 116 139 / 0.5);
 }
@@ -3514,6 +3579,11 @@ video {
   color: var(--color);
 }
 
+.text-secondary-400 {
+  --tw-text-opacity: 1;
+  color: rgb(148 163 184 / var(--tw-text-opacity));
+}
+
 .text-secondary-500 {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
@@ -3534,6 +3604,11 @@ video {
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
 
+.text-text-primary {
+  --tw-text-opacity: 1;
+  color: rgb(2 6 23 / var(--tw-text-opacity));
+}
+
 .text-text-primary-muted {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
@@ -3634,6 +3709,11 @@ video {
   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);
 }
 
+.drop-shadow-lg {
+  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
+  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);
+}
+
 .grayscale {
   --tw-grayscale: grayscale(100%);
   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);
@@ -3762,6 +3842,10 @@ video {
   min-inline-size: var(--wrap);
 }
 
+.\*\:col-start-2 > * {
+  grid-column-start: 2;
+}
+
 .\*\:max-h-none > * {
   max-height: none;
 }
@@ -3774,6 +3858,15 @@ video {
   min-width: 75vw;
 }
 
+.\*\:text-left > * {
+  text-align: left;
+}
+
+.after\:content-\[\"\:\"\]::after {
+  --tw-content: ":";
+  content: var(--tw-content);
+}
+
 .first\:mt-0:first-child {
   margin-top: 0px;
 }
@@ -3824,10 +3917,6 @@ video {
   cursor: not-allowed;
 }
 
-.peer\/error:first-child ~ .peer-first\/error\:hidden {
-  display: none;
-}
-
 .aria-disabled\:cursor-default[aria-disabled="true"] {
   cursor: default;
 }
@@ -3872,6 +3961,16 @@ video {
   display: none;
 }
 
+.rac-hover\:bg-bg-hover[data-hovered] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
+
+.rac-focus\:bg-bg-hover[data-focused] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
+
 .group\/switch[data-selected] .group-selected\/switch\:translate-x-\[calc\(47px_-_100\%\)\] {
   --tw-translate-x: calc(47px - 100%);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3881,6 +3980,26 @@ video {
   cursor: not-allowed;
 }
 
+.placement-t\:-translate-y-1[data-placement=top] {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.placement-r\:-translate-x-1[data-placement=right] {
+  --tw-translate-x: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.placement-b\:translate-y-1[data-placement=bottom] {
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.placement-l\:translate-x-1[data-placement=left] {
+  --tw-translate-x: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @media (min-width: 640px) {
   .sm\:max-h-\[45vh\] {
     max-height: 45vh;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-docs",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Marigold Docs Theme",
   "license": "MIT",
   "keywords": [
@@ -50,9 +50,9 @@
     "@marigold/tsconfig": "0.4.0"
   },
   "dependencies": {
-    "@marigold/components": "8.0.1",
-    "@marigold/system": "8.0.1",
-    "@marigold/theme-preset": "1.3.18"
+    "@marigold/components": "9.0.0",
+    "@marigold/system": "9.0.0",
+    "@marigold/theme-preset": "1.3.20"
   },
   "scripts": {
     "build": "NODE_ENV=production tsup && tailwindcss -o dist/styles.css"

package/dist/chunk-Y2U3HXIY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n  50: '#fffbeb',\n  100: '#fef3c7',\n  200: '#fde68a',\n  300: '#fcd34d',\n  400: '#fbbf24',\n  500: '#f59e0b',\n  600: '#d97706',\n  700: '#b45309',\n  800: '#92400e',\n  900: '#78350f',\n  950: '#451a03',\n};\n\nconst blue = {\n  50: '#eff6ff',\n  100: '#dbeafe',\n  200: '#bfdbfe',\n  300: '#93c5fd',\n  400: '#60a5fa',\n  500: '#3b82f6',\n  600: '#2563eb',\n  700: '#1d4ed8',\n  800: '#1e40af',\n  900: '#1e3a8a',\n  950: '#172554',\n};\n\nconst neutral = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#e5e5e5',\n  300: '#d4d4d4',\n  400: '#a3a3a3',\n  500: '#737373',\n  600: '#525252',\n  700: '#404040',\n  800: '#262626',\n  900: '#171717',\n  950: '#0a0a0a',\n};\n\nconst slate = {\n  50: '#f8fafc',\n  100: '#f1f5f9',\n  200: '#e2e8f0',\n  300: '#cbd5e1',\n  400: '#94a3b8',\n  500: '#64748b',\n  600: '#475569',\n  700: '#334155',\n  800: '#1e293b',\n  900: '#0f172a',\n  950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n  primary: {\n    50: '#fff2e6',\n    100: '#fee6cd',\n    200: '#fdcc9b',\n    300: '#fcb369',\n    400: '#fb9937',\n    500: '#fa8005',\n    600: '#c86604',\n    700: '#964d03',\n    800: '#643302',\n    900: '#321a01',\n    950: '#190d00',\n  },\n};\n\n// material palenight theme\nconst code = {\n  '50': '#f6f7f9',\n  '100': '#ebecf3',\n  '200': '#d3d6e4',\n  '300': '#acb3cd',\n  '400': '#808cb0',\n  '500': '#606e97',\n  '600': '#4b557e',\n  '700': '#3e4666',\n  '800': '#363d56',\n  '900': '#292d3e',\n  '950': '#202231',\n};\n\nexport const colors = {\n  // Brand\n  // ---------------\n  ...brand,\n  secondary: slate,\n  code,\n\n  // Text\n  // ---------------\n  text: {\n    primary: {\n      DEFAULT: slate[950],\n      muted: slate[500],\n    },\n\n    // State\n    info: blue[800],\n    warning: amber[800],\n  },\n\n  // Background\n  // ---------------\n  bg: {\n    body: slate[50],\n    hover: neutral[100],\n    muted: slate[100],\n\n    underlay: slate[500],\n\n    surface: {\n      DEFAULT: white,\n      raised: slate[200],\n      lowered: slate[700],\n      overlay: white,\n    },\n\n    // Status\n    info: blue[100],\n    warning: amber[50],\n  },\n\n  // Border\n  // ---------------\n  border: {\n    DEFAULT: slate[300],\n    primary: slate[950],\n  },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,QAAQ;AAEd,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,OAAO;AAAA,EACX,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,UAAU;AAAA,EACd,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAIA,IAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AACF;AAGA,IAAM,OAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,SAAS;AAAA;AAAA;AAAA,EAGpB,GAAG;AAAA,EACH,WAAW;AAAA,EACX;AAAA;AAAA;AAAA,EAIA,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,SAAS,MAAM,GAAG;AAAA,MAClB,OAAO,MAAM,GAAG;AAAA,IAClB;AAAA;AAAA,IAGA,MAAM,KAAK,GAAG;AAAA,IACd,SAAS,MAAM,GAAG;AAAA,EACpB;AAAA;AAAA;AAAA,EAIA,IAAI;AAAA,IACF,MAAM,MAAM,EAAE;AAAA,IACd,OAAO,QAAQ,GAAG;AAAA,IAClB,OAAO,MAAM,GAAG;AAAA,IAEhB,UAAU,MAAM,GAAG;AAAA,IAEnB,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ,MAAM,GAAG;AAAA,MACjB,SAAS,MAAM,GAAG;AAAA,MAClB,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,MAAM,KAAK,GAAG;AAAA,IACd,SAAS,MAAM,EAAE;AAAA,EACnB;AAAA;AAAA;AAAA,EAIA,QAAQ;AAAA,IACN,SAAS,MAAM,GAAG;AAAA,IAClB,SAAS,MAAM,GAAG;AAAA,EACpB;AACF;","names":[]}