@almadar/ui 6.53.1 → 6.55.0

package/themes/mudcloth.css

@@ -38,6 +38,21 @@
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #754630;
+    --color-series-2: #771a16;
+    --color-series-3: #ad6035;
+    --color-series-4: #455925;
+    --color-series-5: #2a5266;
+    --color-series-6: #5a3a62;
+    --color-series-7: #7a6a48;
+    --color-series-8: #4d3e3f;
+    --color-diagram-ink: #1f1710;
+    --color-diagram-label: #57462f;
+    --color-diagram-guide: #86724f;
+    --color-diagram-axis: #1f1710;
+    --color-diagram-grid: rgba(31,23,16,0.15);
+    --color-diagram-highlight: #a06a14;
+    --color-diagram-fill: #e6c98a;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 1px;
@@ -188,6 +203,32 @@
     --surface-card-image: none;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><g fill='none' stroke='%236b3f24' stroke-opacity='0.09' stroke-width='1.5'><polyline points='0,12 6,6 12,12 18,6 24,12 30,6 36,12 42,6 48,12'/><polyline points='0,40 6,34 12,40 18,34 24,40 30,34 36,40 42,34 48,40'/><path d='M24 18L30 24L24 30L18 24Z'/></g><g fill='%236b3f24' fill-opacity='0.09'><circle cx='6' cy='24' r='1.5'/><circle cx='42' cy='24' r='1.5'/></g></svg>");
     --surface-page-image-size: 48px 48px;
+    --diagram-stroke-thin: 1.5;
+    --diagram-stroke-normal: 3;
+    --diagram-stroke-bold: 5;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 6 6;
+    --diagram-dot: 2 6;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 3px 3px 0 rgba(31,23,16,0.35);
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.6;
+    --light-key: 0.9;
+    --light-key-color: #ffe2b0;
+    --scene-fog: 0.1;
 }
 
 [data-theme="mudcloth-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #f9a153;
+    --color-series-2: #d4835a;
+    --color-series-3: #8fb06a;
+    --color-series-4: #6fa8bb;
+    --color-series-5: #b78ac4;
+    --color-series-6: #b19576;
+    --color-series-7: #c6b458;
+    --color-series-8: #9a9a8a;
+    --color-diagram-ink: #f4f0d6;
+    --color-diagram-label: #c9bb9e;
+    --color-diagram-guide: #968872;
+    --color-diagram-axis: #c9bb9e;
+    --color-diagram-grid: rgba(239,228,204,0.15);
+    --color-diagram-highlight: #c7912e;
+    --color-diagram-fill: #3a2d22;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 1px;
@@ -374,4 +430,30 @@
     --surface-card-image: none;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><g fill='none' stroke='%23d19a3a' stroke-opacity='0.08' stroke-width='1.5'><polyline points='0,12 6,6 12,12 18,6 24,12 30,6 36,12 42,6 48,12'/><polyline points='0,40 6,34 12,40 18,34 24,40 30,34 36,40 42,34 48,40'/><path d='M24 18L30 24L24 30L18 24Z'/></g><g fill='%23d19a3a' fill-opacity='0.08'><circle cx='6' cy='24' r='1.5'/><circle cx='42' cy='24' r='1.5'/></g></svg>");
     --surface-page-image-size: 48px 48px;
+    --diagram-stroke-thin: 1.5;
+    --diagram-stroke-normal: 3;
+    --diagram-stroke-bold: 5;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 6 6;
+    --diagram-dot: 2 6;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 3px 3px 0 rgba(31,23,16,0.35);
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.6;
+    --light-key: 0.9;
+    --light-key-color: #ffe2b0;
+    --scene-fog: 0.1;
 }

package/themes/neon.css

@@ -32,6 +32,21 @@
     --color-info: #2563eb;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #0e7490;
+    --color-series-2: #d74291;
+    --color-series-3: #6d28d9;
+    --color-series-4: #b45309;
+    --color-series-5: #618305;
+    --color-series-6: #1d4ed8;
+    --color-series-7: #a914a4;
+    --color-series-8: #0f766e;
+    --color-diagram-ink: #134e4a;
+    --color-diagram-label: #475569;
+    --color-diagram-guide: #7a8aa0;
+    --color-diagram-axis: #134e4a;
+    --color-diagram-grid: rgba(34,211,238,0.3);
+    --color-diagram-highlight: #be185d;
+    --color-diagram-fill: #ccfbf1;
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 6px;
@@ -179,6 +194,32 @@
     --border-style: solid;
     --border-style-interactive: solid;
     --surface-page-image: radial-gradient(circle at 20% 10%, rgba(34,211,238,0.10), transparent 45%), radial-gradient(circle at 80% 90%, rgba(244,114,182,0.10), transparent 45%);
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 3;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 8 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 4;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 4px;
+    --material-roughness: 0.25;
+    --material-metalness: 0.4;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.45;
+    --light-key: 1.2;
+    --light-key-color: #c4f8ff;
+    --scene-fog: 0.2;
 }
 
 [data-theme="neon-dark"] {
@@ -209,6 +250,21 @@
     --color-info: #38bdf8;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #00cec2;
+    --color-series-2: #f472b6;
+    --color-series-3: #a78bfa;
+    --color-series-4: #fb9e21;
+    --color-series-5: #a8f470;
+    --color-series-6: #60a5fa;
+    --color-series-7: #e879f9;
+    --color-series-8: #6cf2c8;
+    --color-diagram-ink: #e2e8f0;
+    --color-diagram-label: #94a3b8;
+    --color-diagram-guide: #64748b;
+    --color-diagram-axis: #94a3b8;
+    --color-diagram-grid: rgba(34,211,238,0.18);
+    --color-diagram-highlight: #1abbe7;
+    --color-diagram-fill: #0c2a3a;
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 6px;
@@ -357,4 +413,31 @@
     --border-style-interactive: solid;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='30'><path d='M0 .5h60M0 15.5h60M30 .5v15M0 15.5v15M60 15.5v15' stroke='%23ffffff' stroke-opacity='.06' fill='none'/></svg>");
     --surface-page-image-size: 60px 30px;
+    --surface-diagram: #050a1a;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 3;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 8 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 10;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 4px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.5;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.3;
+    --light-key: 1.3;
+    --light-key-color: #9defff;
+    --scene-fog: 0.3;
 }

package/themes/neumorphic.css

@@ -38,6 +38,21 @@
     --color-border-hover: #4353b8;
     --color-placeholder: #5f6b7e;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #7d45bc;
+    --color-series-2: #a8325e;
+    --color-series-3: #1f7a8a;
+    --color-series-4: #8a5a1a;
+    --color-series-5: #3b2e8e;
+    --color-series-6: #5d884b;
+    --color-series-7: #ae4d1c;
+    --color-series-8: #3e5a5e;
+    --color-diagram-ink: #2d3748;
+    --color-diagram-label: #4a5568;
+    --color-diagram-guide: #718096;
+    --color-diagram-axis: #4a5568;
+    --color-diagram-grid: rgba(45,55,72,0.12);
+    --color-diagram-highlight: #4353b8;
+    --color-diagram-fill: #d3d9e3;
     --radius-none: 0px;
     --radius-sm: 12px;
     --radius-md: 16px;
@@ -184,6 +199,32 @@
     --corner-shape-pill: superellipse(1.3);
     --border-style: none;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 3;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 6;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 4px 4px 8px #b9c2d0, -4px -4px 8px #ffffff;
+    --diagram-marker: dot;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.75;
+    --light-key: 0.7;
+    --light-key-color: #ffffff;
+    --scene-fog: 0.1;
 }
 
 [data-theme="neumorphic-dark"] {
@@ -220,6 +261,21 @@
     --color-border-hover: #9aabff;
     --color-placeholder: #8f98b2;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #638bd7;
+    --color-series-2: #ff8fb4;
+    --color-series-3: #5fd0d8;
+    --color-series-4: #f8a367;
+    --color-series-5: #65ecd6;
+    --color-series-6: #c89dfa;
+    --color-series-7: #f66c3f;
+    --color-series-8: #8a99a4;
+    --color-diagram-ink: #e4e8f2;
+    --color-diagram-label: #b0b8cc;
+    --color-diagram-guide: #8089a0;
+    --color-diagram-axis: #b0b8cc;
+    --color-diagram-grid: rgba(228,232,242,0.12);
+    --color-diagram-highlight: #9aabff;
+    --color-diagram-fill: #353a4a;
     --radius-none: 0px;
     --radius-sm: 12px;
     --radius-md: 16px;
@@ -366,4 +422,30 @@
     --corner-shape-pill: superellipse(1.3);
     --border-style: none;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 3;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 6;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 4px 4px 8px #b9c2d0, -4px -4px 8px #ffffff;
+    --diagram-marker: dot;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.75;
+    --light-key: 0.7;
+    --light-key-color: #ffffff;
+    --scene-fog: 0.1;
 }

package/themes/newsprint.css

@@ -38,6 +38,21 @@
     --color-info: #1f4e8c;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #1f3a5f;
+    --color-series-2: #883c0d;
+    --color-series-3: #0f4a34;
+    --color-series-4: #7a5a1a;
+    --color-series-5: #6a3a5a;
+    --color-series-6: #3a6a7a;
+    --color-series-7: #5b6460;
+    --color-series-8: #525393;
+    --color-diagram-ink: #111111;
+    --color-diagram-label: #4a463d;
+    --color-diagram-guide: #77726a;
+    --color-diagram-axis: #111111;
+    --color-diagram-grid: rgba(17,17,17,0.15);
+    --color-diagram-highlight: #de5042;
+    --color-diagram-fill: #e6e1d3;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -186,6 +201,32 @@
     --border-style-interactive: double;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.25 0 0 0 0 0.25 0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
     --surface-page-image-size: 200px 200px;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 3;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 5 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 600;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.65;
+    --light-key: 0.8;
+    --light-key-color: #fff8e8;
+    --scene-fog: 0;
 }
 
 [data-theme="newsprint-dark"] {
@@ -222,6 +263,21 @@
     --color-info: #8fb4f0;
     --color-info-foreground: #1a1915;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #7fa0d0;
+    --color-series-2: #d08a6a;
+    --color-series-3: #76a781;
+    --color-series-4: #c1a157;
+    --color-series-5: #b58ab0;
+    --color-series-6: #6fb0c0;
+    --color-series-7: #8f9489;
+    --color-series-8: #af9de2;
+    --color-diagram-ink: #ece7da;
+    --color-diagram-label: #bdb8a8;
+    --color-diagram-guide: #8a8678;
+    --color-diagram-axis: #ece7da;
+    --color-diagram-grid: rgba(236,231,218,0.15);
+    --color-diagram-highlight: #d66157;
+    --color-diagram-fill: #2e2b24;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -370,4 +426,30 @@
     --border-style-interactive: double;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
     --surface-page-image-size: 200px 200px;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 3;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 5 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 600;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.65;
+    --light-key: 0.8;
+    --light-key-color: #fff8e8;
+    --scene-fog: 0;
 }

package/themes/notion-editorial.css

@@ -38,6 +38,21 @@
     --color-info: #1849a9;
     --color-info-foreground: #fefdf9;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #6366de;
+    --color-series-2: #ca5749;
+    --color-series-3: #017b72;
+    --color-series-4: #9a6700;
+    --color-series-5: #6940a5;
+    --color-series-6: #ad1a72;
+    --color-series-7: #64473a;
+    --color-series-8: #464a4c;
+    --color-diagram-ink: #191919;
+    --color-diagram-label: #6b6660;
+    --color-diagram-guide: #8f8a82;
+    --color-diagram-axis: #6b6660;
+    --color-diagram-grid: #e8e3d6;
+    --color-diagram-highlight: #1f6fc5;
+    --color-diagram-fill: #f4f1ea;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -185,6 +200,32 @@
     --corner-shape-pill: round;
     --border-style: none;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 2.5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.14;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 400;
+    --diagram-label-case: none;
+    --diagram-corner: 3px;
+    --material-roughness: 0.75;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.85;
+    --light-key-color: #fffaf0;
+    --scene-fog: 0;
 }
 
 [data-theme="notion-editorial-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #84caff;
     --color-info-foreground: #1a1a17;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #7088c8;
+    --color-series-2: #de8251;
+    --color-series-3: #44b69f;
+    --color-series-4: #cdb34b;
+    --color-series-5: #a58ad6;
+    --color-series-6: #e07ab0;
+    --color-series-7: #c0a199;
+    --color-series-8: #b5beba;
+    --color-diagram-ink: #f5f1e6;
+    --color-diagram-label: #b5b0a4;
+    --color-diagram-guide: #878278;
+    --color-diagram-axis: #b5b0a4;
+    --color-diagram-grid: #3a3832;
+    --color-diagram-highlight: #529cca;
+    --color-diagram-fill: #2e2d28;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -368,4 +424,30 @@
     --corner-shape-pill: round;
     --border-style: none;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 2.5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.14;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 400;
+    --diagram-label-case: none;
+    --diagram-corner: 3px;
+    --material-roughness: 0.75;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.85;
+    --light-key-color: #fffaf0;
+    --scene-fog: 0;
 }