@elmethis/qwik 0.1.0-alpha.8 → 1.0.0-alpha.9

package/lib/index.qwik.cjs

@@ -2874,10 +2874,10 @@ const ElmTableCell = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), props.text != null ? props.text : /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "Vm_2"), 0, "Vm_3");
 }, "ElmTableCell_component_cdS0ELa7S1k"));
-const unsupported = "_unsupported_bm0nm_1";
-const message = "_message_bm0nm_18";
-const icon$2 = "_icon_bm0nm_25";
-const details = "_details_bm0nm_29";
+const unsupported = "_unsupported_1nmw6_1";
+const message = "_message_1nmw6_18";
+const icon$2 = "_icon_1nmw6_25";
+const details = "_details_1nmw6_29";
 const styles$t = {
   unsupported,
   message,
@@ -2907,15 +2907,11 @@ const ElmUnsupportedBlock = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       }, /* @__PURE__ */ core$1._jsxSorted("path", null, {
         d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
       }, null, 3, null), 3, null),
-      /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-        color: "var(--elmethis-color-mono-common-fg-weak)"
-      }, "UNSUPPORTED BLOCK", 3, "90_0")
+      /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, "UNSUPPORTED BLOCK", 3, "90_0")
     ], 1, null),
     _rawProps.details && /* @__PURE__ */ core$1._jsxSorted("div", null, {
       class: styles$t.details
-    }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-      color: "var(--elmethis-color-mono-common-fg-weak)"
-    }, core$1._wrapProp(_rawProps, "details"), 1, "90_1"), 1, "90_2")
+    }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(_rawProps, "details"), 1, "90_1"), 1, "90_2")
   ], 0, "90_3");
 }, "ElmUnsupportedBlock_component_yKqwfnlPSP4"));
 const _hf0$m = (p0) => p0.props.color;
@@ -5646,13 +5642,13 @@ const ElmBlockFallback = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ cor
     /* @__PURE__ */ core$1._jsxSorted(ElmRectangleWave, null, null, null, 3, "Jl_1")
   ], 0, "Jl_2");
 }, "ElmBlockFallback_component_R0mGF6D5fyk"));
-const button = "_button_1b4bf_1";
-const normal = "_normal_1b4bf_23";
-const primary = "_primary_1b4bf_28";
-const colored = "_colored_1b4bf_33";
-const enable = "_enable_1b4bf_37";
-const flex = "_flex_1b4bf_68";
-const ripple = "_ripple_1b4bf_92";
+const button = "_button_1739c_1";
+const normal = "_normal_1739c_23";
+const primary = "_primary_1739c_28";
+const colored = "_colored_1739c_33";
+const enable = "_enable_1739c_37";
+const flex = "_flex_1739c_68";
+const ripple = "_ripple_1739c_92";
 const styles$e = {
   button,
   normal,

package/lib/index.qwik.mjs

@@ -2852,10 +2852,10 @@ const ElmTableCell = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     ..._getVarProps(rest)
   }, _getConstProps(rest), props.text != null ? props.text : /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "Vm_2"), 0, "Vm_3");
 }, "ElmTableCell_component_cdS0ELa7S1k"));
-const unsupported = "_unsupported_bm0nm_1";
-const message = "_message_bm0nm_18";
-const icon$2 = "_icon_bm0nm_25";
-const details = "_details_bm0nm_29";
+const unsupported = "_unsupported_1nmw6_1";
+const message = "_message_1nmw6_18";
+const icon$2 = "_icon_1nmw6_25";
+const details = "_details_1nmw6_29";
 const styles$t = {
   unsupported,
   message,
@@ -2885,15 +2885,11 @@ const ElmUnsupportedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlined
       }, /* @__PURE__ */ _jsxSorted("path", null, {
         d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
       }, null, 3, null), 3, null),
-      /* @__PURE__ */ _jsxSorted(ElmInlineText, null, {
-        color: "var(--elmethis-color-mono-common-fg-weak)"
-      }, "UNSUPPORTED BLOCK", 3, "90_0")
+      /* @__PURE__ */ _jsxSorted(ElmInlineText, null, null, "UNSUPPORTED BLOCK", 3, "90_0")
     ], 1, null),
     _rawProps.details && /* @__PURE__ */ _jsxSorted("div", null, {
       class: styles$t.details
-    }, /* @__PURE__ */ _jsxSorted(ElmInlineText, null, {
-      color: "var(--elmethis-color-mono-common-fg-weak)"
-    }, _wrapProp(_rawProps, "details"), 1, "90_1"), 1, "90_2")
+    }, /* @__PURE__ */ _jsxSorted(ElmInlineText, null, null, _wrapProp(_rawProps, "details"), 1, "90_1"), 1, "90_2")
   ], 0, "90_3");
 }, "ElmUnsupportedBlock_component_yKqwfnlPSP4"));
 const _hf0$m = (p0) => p0.props.color;
@@ -5624,13 +5620,13 @@ const ElmBlockFallback = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     /* @__PURE__ */ _jsxSorted(ElmRectangleWave, null, null, null, 3, "Jl_1")
   ], 0, "Jl_2");
 }, "ElmBlockFallback_component_R0mGF6D5fyk"));
-const button = "_button_1b4bf_1";
-const normal = "_normal_1b4bf_23";
-const primary = "_primary_1b4bf_28";
-const colored = "_colored_1b4bf_33";
-const enable = "_enable_1b4bf_37";
-const flex = "_flex_1b4bf_68";
-const ripple = "_ripple_1b4bf_92";
+const button = "_button_1739c_1";
+const normal = "_normal_1739c_23";
+const primary = "_primary_1739c_28";
+const colored = "_colored_1739c_33";
+const enable = "_enable_1739c_37";
+const flex = "_flex_1739c_68";
+const ripple = "_ripple_1739c_92";
 const styles$e = {
   button,
   normal,

package/lib/q-manifest.json

@@ -1,6 +1,6 @@
 {
 	"version": "1",
-	"manifestHash": "tk2na0",
+	"manifestHash": "6169jk",
 	"options": {
 		"target": "lib",
 		"buildMode": "development",
@@ -30,8 +30,8 @@
 	"mapping": {},
 	"bundles": {
 		"../index.qwik.cjs": {
-			"size": 510113,
-			"total": 510113,
+			"size": 509989,
+			"total": 509989,
 			"origins": [
 				"src/components/a2ui/catalog/basic-catalog.tsx",
 				"src/components/a2ui/catalog/block-catalog.tsx",
@@ -208,7 +208,7 @@
 	"assets": {
 		"style.css": {
 			"name": "style.css.css",
-			"size": 71976
+			"size": 72100
 		},
 		"assets/bundle-graph.BqrDAOEV.json": {
 			"name": "bundle-graph.json",

package/lib/style.css

@@ -73,38 +73,44 @@
 
   /* COMMON */
 
-  --elmethis-color-mono-common-bg-weak: #d7d9e1;
+  /* --elmethis-color-mono-common-bg-weak: #d7d9e1;
   --elmethis-color-mono-common-bg: #b0b5be;
   --elmethis-color-mono-common-bg-strong: #949ba7;
 
   --elmethis-color-mono-common-fg-weak: #6c7483;
   --elmethis-color-mono-common-fg: #555b67;
-  --elmethis-color-mono-common-fg-strong: #3e434b;
+  --elmethis-color-mono-common-fg-strong: #3e434b; */
 
-  --elmethis-color-primary-common-bg-weak: #d9cec7;
-  --elmethis-color-primary-common-bg: #cec1b6;
+  /* --elmethis-color-primary-common-bg-weak: #b3a090;
+  --elmethis-color-primary-common-bg: #bbada1;
+  --elmethis-color-primary-common-bg-strong: #d4c6ba; */
 
-  --elmethis-color-primary-common-fg-weak: #c1a882;
+  /* --elmethis-color-primary-common-fg-weak: #c1a882;
   --elmethis-color-primary-common-fg: #ac936d;
+  --elmethis-color-primary-common-fg-strong: #967e5b; */
 
   --elmethis-margin-block-start: 2rem;
 
   /* LIGHT */
 
-  --elmethis-color-primary-hover: oklch(
-    from var(--elmethis-color-primary-common-fg-weak) l c h / 25%
-  );
+  --elmethis-color-primary-hover: oklch(from #c1a882 l c h / 25%);
   --elmethis-color-mono-container-default: #f7f5f5;
   --elmethis-color-mono-container-enabled: oklch(from white l c h / 75%);
   --elmethis-color-mono-container-disabled: oklch(from gray l c h / 12.5%);
 
   --elmethis-color-mono-bg: var(--elmethis-color-mono-common-bg);
 
-  --elmethis-color-mono-fg-weak: var(--elmethis-color-mono-common-fg-weak);
-  --elmethis-color-mono-fg: var(--elmethis-color-mono-common-fg);
-  --elmethis-color-mono-fg-strong: var(--elmethis-color-mono-common-fg-strong);
+  --elmethis-color-mono-fg-weak: #6c7483;
+  --elmethis-color-mono-fg: #555b67;
+  --elmethis-color-mono-fg-strong: #3e434b;
+
+  --elmethis-color-primary-fg-weak: #bca88a;
+  --elmethis-color-primary-fg: #ac936d;
+  --elmethis-color-primary-fg-strong: #8b7554;
 
-  --elmethis-color-primary-fg: var(--elmethis-color-primary-common-fg);
+  --elmethis-color-bg-strong: #d9d3cc;
+  --elmethis-color-bg: #ebe6e2;
+  --elmethis-color-bg-weak: #efecea;
 
   --elmethis-box-shadow-color: oklch(from #3e434b l c h / 0.25);
 }
@@ -112,20 +118,24 @@
 [data-theme="dark"] {
   /* DARK */
 
-  --elmethis-color-primary-hover: oklch(
-    from var(--elmethis-color-primary-common-fg-weak) l c h / 20%
-  );
+  --elmethis-color-primary-hover: oklch(from #c1a882 l c h / 20%);
   --elmethis-color-mono-container-default: #2b2f35;
   --elmethis-color-mono-container-enabled: oklch(from white l c h / 12.5%);
   --elmethis-color-mono-container-disabled: oklch(from black l c h / 25%);
 
   --elmethis-color-mono-bg: var(--elmethis-color-mono-common-fg);
 
-  --elmethis-color-mono-fg-weak: var(--elmethis-color-mono-common-bg-weak);
-  --elmethis-color-mono-fg: var(--elmethis-color-mono-common-bg);
-  --elmethis-color-mono-fg-strong: var(--elmethis-color-mono-common-bg-strong);
+  --elmethis-color-mono-fg-weak: #949ba7;
+  --elmethis-color-mono-fg: #b0b5be;
+  --elmethis-color-mono-fg-strong: #d7d9e1;
 
-  --elmethis-color-primary-fg: var(--elmethis-color-primary-common-bg);
+  --elmethis-color-primary-fg-weak: #b3a090;
+  --elmethis-color-primary-fg: #bbada1;
+  --elmethis-color-primary-fg-strong: #d4c6ba;
+
+  --elmethis-color-bg-strong: #242629;
+  --elmethis-color-bg: #31353a;
+  --elmethis-color-bg-weak: #393e46;
 
   --elmethis-box-shadow-color: #242629;
 }
@@ -1510,7 +1520,7 @@
 ._th_n2t7b_34 {
   background-color: rgb(128 128 128 / 15%);
 }
-._unsupported_bm0nm_1 {
+._unsupported_1nmw6_1 {
   box-sizing: border-box;
   padding: 4rem;
   margin-block-start: var(--elmethis-margin-block-start);
@@ -1522,23 +1532,23 @@
   border: 1px dashed
     color-mix(
       in srgb,
-      var(--elmethis-color-mono-common-fg-weak) 50%,
+      var(--elmethis-color-mono-fg-weak) 50%,
       transparent
     );
 }
 
-._message_bm0nm_18 {
+._message_1nmw6_18 {
   display: flex;
   gap: 0.5rem;
   justify-content: center;
   align-items: center;
 }
 
-._icon_bm0nm_25 {
-  fill: var(--elmethis-color-mono-common-fg-weak);
+._icon_1nmw6_25 {
+  fill: var(--elmethis-color-mono-fg-weak);
 }
 
-._details_bm0nm_29 {
+._details_1nmw6_29 {
   opacity: 0.75;
 }
 ._message-content-assistant-wrapper_80z92_1 {
@@ -2296,7 +2306,7 @@ select._field-input_8yo2s_157 {
     animation-delay: 100ms;
   }
 }
-._button_1b4bf_1 {
+._button_1739c_1 {
   all: unset;
   position: relative;
   overflow: hidden;
@@ -2318,21 +2328,21 @@ select._field-input_8yo2s_157 {
   box-shadow: 0 0 0.125rem var(--elmethis-box-shadow-color);
 }
 
-._normal_1b4bf_23 {
-  color: var(--elmethis-color-primary-common-bg-weak);
-  background-color: var(--elmethis-color-mono-common-fg);
+._normal_1739c_23 {
+  color: oklch(from white l c h / 75%);
+  background-color: var(--elmethis-color-mono-fg-weak);
 }
 
-._primary_1b4bf_28 {
-  color: var(--elmethis-color-mono-common-fg-strong);
-  background-color: var(--elmethis-color-primary-common-fg-weak);
+._primary_1739c_28 {
+  color: oklch(from white l c h / 75%);
+  background-color: var(--elmethis-color-primary-fg-weak);
 }
 
-._colored_1b4bf_33 {
+._colored_1739c_33 {
   background-color: var(--elmethis-scoped-color);
 }
 
-._enable_1b4bf_37 {
+._enable_1739c_37 {
   transition:
     opacity 200ms,
     transform 100ms,
@@ -2363,14 +2373,14 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._flex_1b4bf_68 {
+._flex_1739c_68 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
 
-@keyframes _button-ripple_1b4bf_1 {
+@keyframes _button-ripple_1739c_1 {
   0% {
     transform: scale(0);
     opacity: 1;
@@ -2387,7 +2397,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._ripple_1b4bf_92 {
+._ripple_1739c_92 {
   position: absolute;
   pointer-events: none;
   border-radius: 50%;
@@ -2396,7 +2406,7 @@ select._field-input_8yo2s_157 {
   aspect-ratio: 1 / 1;
   transition: none;
   opacity: 0;
-  animation-name: _button-ripple_1b4bf_1;
+  animation-name: _button-ripple_1739c_1;
   animation-duration: 300ms;
   animation-fill-mode: both;
   animation-timing-function: ease-out;

package/lib-types/components/others/elm-color-token-sample.d.ts

@@ -0,0 +1,6 @@
+import { type CSSProperties } from "@qwik.dev/core";
+export interface ElmColorTokenSampleProps {
+    class?: string;
+    style?: CSSProperties;
+}
+export declare const ElmColorTokenSample: import("@qwik.dev/core").Component<ElmColorTokenSampleProps>;

package/lib-types/components/others/elm-color-token-sample.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "storybook-framework-qwik";
+import { type ElmColorTokenSampleProps } from "./elm-color-token-sample";
+declare const meta: Meta<ElmColorTokenSampleProps>;
+export default meta;
+type Story = StoryObj<ElmColorTokenSampleProps>;
+export declare const Primary: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.1.0-alpha.8",
+  "version": "1.0.0-alpha.9",
   "publishConfig": {
     "access": "public"
   },