@vesture/react 0.3.1 → 0.3.2

package/dist/theme-hooks.css

@@ -0,0 +1,82 @@
+/* vanilla-extract-css-ns:src/components/Button/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52UTXObMBCG7_4VHOOZKGM7_UjJqT10csmpuXuEtMA2oKXSYkw7-e8diREGl6SeXACtnnc_JW6-tcxk9tnw2nfbvv212yR_Vkmi0TWV7NMETYUGRF7B8X6VJLLCwghkqF2aKDAM1pt_to4x74Uiw2B4ulXIJk0O0l4J4RqpQBzdfr977uWuK9YeyMmwyGWNVR_BYMpI95Hcbk6ow98wA73hUY_ohxPaARYlz-DB9Aga23qU3AVJKLT8V-LtD8H85B-jSgZVRlaDFVZqbF3UDStRj1nRlO1QcxnRqS3S3ZR23FdwRgdbpPspragimyZspXGNtGDYbzZSazSFYDobhhubUK6nYEbMVF_GVpDznDzVjTPSTnu7jKrWOl9AQxhPUKgFGcmIxlIDlvs0yaR6Liy1Rg8lX88acJ2MxqNwpdTUnXnSrZX-I2ZT08z8XbrToNX6TMxY-3Ly1qgFHyAdmmJUQ1BTy_4cpYkhA_erl9XN8u1Lc1KtEwd0mFUQ7uKphrF1YSUCGuMc1m951ehkVoEODmOPDbGQVUUd6JBiIxX63m5uPk59HaRFaXjfWKyl7aPT7ZDc2RxiimEhRsmQ46dhxK9yT3Acu_5lfUkOaUkHsKkhvhprXF-e2INXx4ifL4soFeMB3h3ya5DHmHeLMR0oMnoSdXeBf9faXKrR83bhrzDFh51I69cmw5OR3F6Y7BtD-U86P9jS6erAYryiJH83h1i3rzTm7P_3rsLmgd570hbG8vIXi1T-enoHAAA */
+.Button_button__w1yuq20 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-xs__2kya2wg);
+  font-family: var(--font-body__2kya2w10);
+  font-size: var(--font-sizeMd__2kya2w14);
+  font-weight: var(--font-weightMedium__2kya2w18);
+  line-height: var(--font-lineHeightTight__2kya2w1a);
+  border-radius: var(--radius-md__2kya2wo);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: transparent;
+  padding-top: var(--space-sm__2kya2wh);
+  padding-bottom: var(--space-sm__2kya2wh);
+  padding-left: var(--space-md__2kya2wi);
+  padding-right: var(--space-md__2kya2wi);
+  cursor: pointer;
+  transition-property:
+    background-color,
+    border-color,
+    color,
+    box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+  outline: none;
+}
+.Button_button__w1yuq20:focus-visible {
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.Button_button__w1yuq20:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Button_variant_primary__w1yuq21 {
+  background-color: var(--color-primary__2kya2w6);
+  color: var(--color-primaryText__2kya2w9);
+}
+.Button_variant_primary__w1yuq21:hover:not(:disabled) {
+  background-color: var(--color-primaryHover__2kya2w7);
+}
+.Button_variant_primary__w1yuq21:active:not(:disabled) {
+  background-color: var(--color-primaryActive__2kya2w8);
+}
+.Button_variant_secondary__w1yuq22 {
+  background-color: var(--color-surface__2kya2w1);
+  border-color: var(--color-border__2kya2wd);
+  color: var(--color-text__2kya2w3);
+}
+.Button_variant_secondary__w1yuq22:hover:not(:disabled) {
+  border-color: var(--color-borderStrong__2kya2we);
+}
+.Button_variant_ghost__w1yuq23 {
+  background-color: transparent;
+  color: var(--color-text__2kya2w3);
+}
+.Button_variant_ghost__w1yuq23:hover:not(:disabled) {
+  background-color: var(--color-surface__2kya2w1);
+}
+
+/* vanilla-extract-css-ns:src/components/Card/Card.css.ts.vanilla.css?source=LkNhcmRfY2FyZF9fbXY3dTJnMCB7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itc3VyZmFjZV9fMmt5YTJ3MSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWxnX18ya3lhMndwKTsKICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci13aWR0aF9fMmt5YTJ3dyk7CiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1ib3JkZXItc3R5bGVfXzJreWEyd3kpOwogIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYm9yZGVyX18ya3lhMndkKTsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1sZ19fMmt5YTJ3aik7Cn0KLkNhcmRfZWxldmF0aW9uX2ZsYXRfX212N3UyZzEgewogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1ub25lX18ya3lhMndyKTsKfQouQ2FyZF9lbGV2YXRpb25fcmFpc2VkX19tdjd1MmcyIHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctc21fXzJreWEyd3MpOwogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXN1cmZhY2VSYWlzZWRfXzJreWEydzIpOwp9Ci5DYXJkX2VsZXZhdGlvbl9vdmVybGF5X19tdjd1MmczIHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfXzJreWEyd3UpOwogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXN1cmZhY2VSYWlzZWRfXzJreWEydzIpOwp9 */
+.Card_card__mv7u2g0 {
+  background: var(--color-surface__2kya2w1);
+  border-radius: var(--radius-lg__2kya2wp);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  padding: var(--space-lg__2kya2wj);
+}
+.Card_elevation_flat__mv7u2g1 {
+  box-shadow: var(--shadow-none__2kya2wr);
+}
+.Card_elevation_raised__mv7u2g2 {
+  box-shadow: var(--shadow-sm__2kya2ws);
+  background: var(--color-surfaceRaised__2kya2w2);
+}
+.Card_elevation_overlay__mv7u2g3 {
+  box-shadow: var(--shadow-lg__2kya2wu);
+  background: var(--color-surfaceRaised__2kya2w2);
+}
+/*# sourceMappingURL=theme-hooks.css.map */

package/dist/theme-hooks.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/Button/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52UTXObMBCG7_4VHOOZKGM7_UjJqT10csmpuXuEtMA2oKXSYkw7-e8diREGl6SeXACtnnc_JW6-tcxk9tnw2nfbvv212yR_Vkmi0TWV7NMETYUGRF7B8X6VJLLCwghkqF2aKDAM1pt_to4x74Uiw2B4ulXIJk0O0l4J4RqpQBzdfr977uWuK9YeyMmwyGWNVR_BYMpI95Hcbk6ow98wA73hUY_ohxPaARYlz-DB9Aga23qU3AVJKLT8V-LtD8H85B-jSgZVRlaDFVZqbF3UDStRj1nRlO1QcxnRqS3S3ZR23FdwRgdbpPspragimyZspXGNtGDYbzZSazSFYDobhhubUK6nYEbMVF_GVpDznDzVjTPSTnu7jKrWOl9AQxhPUKgFGcmIxlIDlvs0yaR6Liy1Rg8lX88acJ2MxqNwpdTUnXnSrZX-I2ZT08z8XbrToNX6TMxY-3Ly1qgFHyAdmmJUQ1BTy_4cpYkhA_erl9XN8u1Lc1KtEwd0mFUQ7uKphrF1YSUCGuMc1m951ehkVoEODmOPDbGQVUUd6JBiIxX63m5uPk59HaRFaXjfWKyl7aPT7ZDc2RxiimEhRsmQ46dhxK9yT3Acu_5lfUkOaUkHsKkhvhprXF-e2INXx4ifL4soFeMB3h3ya5DHmHeLMR0oMnoSdXeBf9faXKrR83bhrzDFh51I69cmw5OR3F6Y7BtD-U86P9jS6erAYryiJH83h1i3rzTm7P_3rsLmgd570hbG8vIXi1T-enoHAAA","vanilla-extract-css-ns:src/components/Card/Card.css.ts.vanilla.css?source=LkNhcmRfY2FyZF9fbXY3dTJnMCB7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itc3VyZmFjZV9fMmt5YTJ3MSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWxnX18ya3lhMndwKTsKICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci13aWR0aF9fMmt5YTJ3dyk7CiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1ib3JkZXItc3R5bGVfXzJreWEyd3kpOwogIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYm9yZGVyX18ya3lhMndkKTsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1sZ19fMmt5YTJ3aik7Cn0KLkNhcmRfZWxldmF0aW9uX2ZsYXRfX212N3UyZzEgewogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1ub25lX18ya3lhMndyKTsKfQouQ2FyZF9lbGV2YXRpb25fcmFpc2VkX19tdjd1MmcyIHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctc21fXzJreWEyd3MpOwogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXN1cmZhY2VSYWlzZWRfXzJreWEydzIpOwp9Ci5DYXJkX2VsZXZhdGlvbl9vdmVybGF5X19tdjd1MmczIHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfXzJreWEyd3UpOwogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXN1cmZhY2VSYWlzZWRfXzJreWEydzIpOwp9"],"sourcesContent":[".Button_button__w1yuq20 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-xs__2kya2wg);\n  font-family: var(--font-body__2kya2w10);\n  font-size: var(--font-sizeMd__2kya2w14);\n  font-weight: var(--font-weightMedium__2kya2w18);\n  line-height: var(--font-lineHeightTight__2kya2w1a);\n  border-radius: var(--radius-md__2kya2wo);\n  border-width: var(--border-width__2kya2ww);\n  border-style: var(--border-style__2kya2wy);\n  border-color: transparent;\n  padding-top: var(--space-sm__2kya2wh);\n  padding-bottom: var(--space-sm__2kya2wh);\n  padding-left: var(--space-md__2kya2wi);\n  padding-right: var(--space-md__2kya2wi);\n  cursor: pointer;\n  transition-property: background-color, border-color, color, box-shadow;\n  transition-duration: var(--motion-durationFast__2kya2w1c);\n  transition-timing-function: var(--motion-easing__2kya2w1e);\n  outline: none;\n}\n.Button_button__w1yuq20:focus-visible {\n  box-shadow: var(--shadow-focus__2kya2wv);\n}\n.Button_button__w1yuq20:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.Button_variant_primary__w1yuq21 {\n  background-color: var(--color-primary__2kya2w6);\n  color: var(--color-primaryText__2kya2w9);\n}\n.Button_variant_primary__w1yuq21:hover:not(:disabled) {\n  background-color: var(--color-primaryHover__2kya2w7);\n}\n.Button_variant_primary__w1yuq21:active:not(:disabled) {\n  background-color: var(--color-primaryActive__2kya2w8);\n}\n.Button_variant_secondary__w1yuq22 {\n  background-color: var(--color-surface__2kya2w1);\n  border-color: var(--color-border__2kya2wd);\n  color: var(--color-text__2kya2w3);\n}\n.Button_variant_secondary__w1yuq22:hover:not(:disabled) {\n  border-color: var(--color-borderStrong__2kya2we);\n}\n.Button_variant_ghost__w1yuq23 {\n  background-color: transparent;\n  color: var(--color-text__2kya2w3);\n}\n.Button_variant_ghost__w1yuq23:hover:not(:disabled) {\n  background-color: var(--color-surface__2kya2w1);\n}",".Card_card__mv7u2g0 {\n  background: var(--color-surface__2kya2w1);\n  border-radius: var(--radius-lg__2kya2wp);\n  border-width: var(--border-width__2kya2ww);\n  border-style: var(--border-style__2kya2wy);\n  border-color: var(--color-border__2kya2wd);\n  padding: var(--space-lg__2kya2wj);\n}\n.Card_elevation_flat__mv7u2g1 {\n  box-shadow: var(--shadow-none__2kya2wr);\n}\n.Card_elevation_raised__mv7u2g2 {\n  box-shadow: var(--shadow-sm__2kya2ws);\n  background: var(--color-surfaceRaised__2kya2w2);\n}\n.Card_elevation_overlay__mv7u2g3 {\n  box-shadow: var(--shadow-lg__2kya2wu);\n  background: var(--color-surfaceRaised__2kya2w2);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,iBAAe,IAAI;AACnB,gBAAc,IAAI;AAClB,gBAAc,IAAI;AAClB,gBAAc;AACd,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,UAAQ;AACR;AAAA,IAAqB,gBAAgB;AAAA,IAAE,YAAY;AAAA,IAAE,KAAK;AAAA,IAAE;AAC5D,uBAAqB,IAAI;AACzB,8BAA4B,IAAI;AAChC,WAAS;AACX;AACA,CAvBC,sBAuBsB;AACrB,cAAY,IAAI;AAClB;AACA,CA1BC,sBA0BsB;AACrB,UAAQ;AACR,WAAS;AACX;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAJC,+BAI+B,MAAM,KAAK;AACzC,oBAAkB,IAAI;AACxB;AACA,CAPC,+BAO+B,OAAO,KAAK;AAC1C,oBAAkB,IAAI;AACxB;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AACA,CALC,iCAKiC,MAAM,KAAK;AAC3C,gBAAc,IAAI;AACpB;AACA,CAAC;AACC,oBAAkB;AAClB,SAAO,IAAI;AACb;AACA,CAJC,6BAI6B,MAAM,KAAK;AACvC,oBAAkB,IAAI;AACxB;;;ACtDA,CAAC;AACC,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,gBAAc,IAAI;AAClB,gBAAc,IAAI;AAClB,gBAAc,IAAI;AAClB,WAAS,IAAI;AACf;AACA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAAC;AACC,cAAY,IAAI;AAChB,cAAY,IAAI;AAClB;AACA,CAAC;AACC,cAAY,IAAI;AAChB,cAAY,IAAI;AAClB;","names":[]}

package/dist/theme-hooks.d.ts

@@ -0,0 +1,7 @@
+declare const button: string;
+declare const variant: Record<"primary" | "secondary" | "ghost", string>;
+
+declare const card: string;
+declare const elevation: Record<"overlay" | "flat" | "raised", string>;
+
+export { button, card, elevation, variant };

package/dist/theme-hooks.js

@@ -0,0 +1,13 @@
+import {
+  button,
+  card,
+  elevation,
+  variant
+} from "./chunk-QKEAWZP5.js";
+export {
+  button,
+  card,
+  elevation,
+  variant
+};
+//# sourceMappingURL=theme-hooks.js.map

package/dist/theme-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesture/react",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "React component library for Vesture, themed via @vesture/tokens.",
   "type": "module",
   "license": "MIT",
@@ -36,6 +36,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./theme-hooks": {
+      "types": "./dist/theme-hooks.d.ts",
+      "default": "./dist/theme-hooks.js"
+    },
     "./styles.css": "./dist/index.css",
     "./package.json": "./package.json"
   },
@@ -76,7 +80,6 @@
     "@types/react-dom": "^18.3.1",
     "@vanilla-extract/esbuild-plugin": "^2.3.9",
     "@vanilla-extract/vite-plugin": "^4.0.19",
-    "@vesture/theme-retro": "^0.1.1",
     "jsdom": "^25.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",