@m3-baseui/react-vanilla-extract 1.0.3 → 1.1.0

package/dist/top-app-bar.css

@@ -0,0 +1,89 @@
+/* vanilla-extract-css-ns:src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA */
+.jnp3600 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  height: 64px;
+  background: rgb(var(--md-sys-color-surface));
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3603 {
+  height: 112px;
+}
+.jnp3604 {
+  height: 152px;
+}
+.jnp3605 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 64px;
+  padding-inline: 4px;
+}
+.jnp3606 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3606 svg {
+  width: 24px;
+  height: 24px;
+}
+.jnp3607 {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3608 {
+  flex: 1;
+  padding-inline: 12px;
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.jnp3609 {
+  flex: 1;
+  padding-inline: 12px;
+  text-align: center;
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.jnp360a {
+  padding-inline: 16px;
+  padding-bottom: 24px;
+  font-family: var(--md-sys-typescale-headline-small-font);
+  font-weight: var(--md-sys-typescale-headline-small-weight);
+  font-size: var(--md-sys-typescale-headline-small-size);
+  line-height: var(--md-sys-typescale-headline-small-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+}
+.jnp360b {
+  padding-inline: 16px;
+  padding-bottom: 28px;
+  font-family: var(--md-sys-typescale-headline-medium-font);
+  font-weight: var(--md-sys-typescale-headline-medium-weight);
+  font-size: var(--md-sys-typescale-headline-medium-size);
+  line-height: var(--md-sys-typescale-headline-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+}
+.jnp360c {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+.jnp360c svg {
+  width: 24px;
+  height: 24px;
+}
+/*# sourceMappingURL=top-app-bar.css.map */

package/dist/top-app-bar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA"],"sourcesContent":[".jnp3600 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-sizing: border-box;\n  height: 64px;\n  background: rgb(var(--md-sys-color-surface));\n  color: rgb(var(--md-sys-color-on-surface));\n}\n.jnp3603 {\n  height: 112px;\n}\n.jnp3604 {\n  height: 152px;\n}\n.jnp3605 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 64px;\n  padding-inline: 4px;\n}\n.jnp3606 {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface));\n}\n.jnp3606 svg {\n  width: 24px;\n  height: 24px;\n}\n.jnp3607 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: rgb(var(--md-sys-color-on-surface));\n}\n.jnp3608 {\n  flex: 1;\n  padding-inline: 12px;\n  font-family: var(--md-sys-typescale-title-large-font);\n  font-weight: var(--md-sys-typescale-title-large-weight);\n  font-size: var(--md-sys-typescale-title-large-size);\n  line-height: var(--md-sys-typescale-title-large-line-height);\n  letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n.jnp3609 {\n  flex: 1;\n  padding-inline: 12px;\n  text-align: center;\n  font-family: var(--md-sys-typescale-title-large-font);\n  font-weight: var(--md-sys-typescale-title-large-weight);\n  font-size: var(--md-sys-typescale-title-large-size);\n  line-height: var(--md-sys-typescale-title-large-line-height);\n  letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n.jnp360a {\n  padding-inline: 16px;\n  padding-bottom: 24px;\n  font-family: var(--md-sys-typescale-headline-small-font);\n  font-weight: var(--md-sys-typescale-headline-small-weight);\n  font-size: var(--md-sys-typescale-headline-small-size);\n  line-height: var(--md-sys-typescale-headline-small-line-height);\n  letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n.jnp360b {\n  padding-inline: 16px;\n  padding-bottom: 28px;\n  font-family: var(--md-sys-typescale-headline-medium-font);\n  font-weight: var(--md-sys-typescale-headline-medium-weight);\n  font-size: var(--md-sys-typescale-headline-medium-size);\n  line-height: var(--md-sys-typescale-headline-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);\n}\n.jnp360c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.jnp360c svg {\n  width: 24px;\n  height: 24px;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CANC,QAMQ;AACP,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,QAAM;AACN,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,QAAM;AACN,kBAAgB;AAChB,cAAY;AACZ,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,kBAAgB;AAChB,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,kBAAgB;AAChB,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CAPC,QAOQ;AACP,SAAO;AACP,UAAQ;AACV;","names":[]}

package/dist/top-app-bar.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { TopAppBarProps, TopAppBarVariant } from '@m3-baseui/core';
+
+declare const TopAppBar: react.ForwardRefExoticComponent<_m3_baseui_core.TopAppBarOwnProps & Omit<react.HTMLAttributes<HTMLElement>, "title"> & react.RefAttributes<HTMLElement>>;
+
+export { TopAppBar };

package/dist/top-app-bar.js

@@ -0,0 +1,24 @@
+"use client";
+import './top-app-bar.css';
+import { createTopAppBar } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/top-app-bar.ts
+var headline = createRuntimeFn({ defaultClassName: "jnp3607", variantClassNames: { variant: { small: "jnp3608", center: "jnp3609", medium: "jnp360a", large: "jnp360b" } }, defaultVariants: { variant: "small" }, compoundVariants: [] });
+var leading = "jnp3606";
+var root = createRuntimeFn({ defaultClassName: "jnp3600", variantClassNames: { variant: { small: "jnp3601", center: "jnp3602", medium: "jnp3603", large: "jnp3604" } }, defaultVariants: { variant: "small" }, compoundVariants: [] });
+var row = "jnp3605";
+var trailing = "jnp360c";
+
+// src/top-app-bar.ts
+var TopAppBar = createTopAppBar(({ variant }) => ({
+  root: root({ variant }),
+  row,
+  leading,
+  headline: headline({ variant }),
+  trailing
+}));
+
+export { TopAppBar };
+//# sourceMappingURL=top-app-bar.js.map
+//# sourceMappingURL=top-app-bar.js.map

package/dist/top-app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/top-app-bar.css.ts","../src/top-app-bar.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAWA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,KAAA,EAAM,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,OAAA,EAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACxM,IAAI,OAAA,GAAU,SAAA;AACd,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,KAAA,EAAM,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,OAAA,EAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACpM,IAAI,GAAA,GAAM,SAAA;AACV,IAAI,QAAA,GAAW,SAAA;;;ACAf,IAAM,SAAA,GAAY,eAAA,CAAgB,CAAC,EAAE,SAAQ,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,GAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,EAAU,QAAA,CAAS,EAAE,OAAA,EAAS,CAAA;AAAA,EAC9B;AACF,CAAA,CAAE","file":"top-app-bar.js","sourcesContent":["import 'src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headline = _7a468({defaultClassName:'jnp3607',variantClassNames:{variant:{small:'jnp3608',center:'jnp3609',medium:'jnp360a',large:'jnp360b'}},defaultVariants:{variant:'small'},compoundVariants:[]});\nexport var leading = 'jnp3606';\nexport var root = _7a468({defaultClassName:'jnp3600',variantClassNames:{variant:{small:'jnp3601',center:'jnp3602',medium:'jnp3603',large:'jnp3604'}},defaultVariants:{variant:'small'},compoundVariants:[]});\nexport var row = 'jnp3605';\nexport var trailing = 'jnp360c';","/**\n * top-app-bar.ts — wires the VE styles into the shared TopAppBar factory.\n */\nimport { createTopAppBar } from '@m3-baseui/core';\nimport { root, row, leading, headline, trailing } from './top-app-bar.css';\n\nexport const TopAppBar = createTopAppBar(({ variant }) => ({\n  root: root({ variant }),\n  row,\n  leading,\n  headline: headline({ variant }),\n  trailing,\n}));\nexport type { TopAppBarProps, TopAppBarVariant } from '@m3-baseui/core';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3-baseui/react-vanilla-extract",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "M3 components implemented with vanilla-extract recipes over the shared @m3-baseui/core factories.",
   "type": "module",
   "license": "MIT",
@@ -97,6 +97,11 @@
       "types": "./dist/fab.d.ts",
       "default": "./dist/fab.js"
     },
+    "./fab-menu": {
+      "@m3/source": "./src/fab-menu.ts",
+      "types": "./dist/fab-menu.d.ts",
+      "default": "./dist/fab-menu.js"
+    },
     "./divider": {
       "@m3/source": "./src/divider.ts",
       "types": "./dist/divider.d.ts",
@@ -141,6 +146,31 @@
       "@m3/source": "./src/navigation-drawer.ts",
       "types": "./dist/navigation-drawer.d.ts",
       "default": "./dist/navigation-drawer.js"
+    },
+    "./top-app-bar": {
+      "@m3/source": "./src/top-app-bar.ts",
+      "types": "./dist/top-app-bar.d.ts",
+      "default": "./dist/top-app-bar.js"
+    },
+    "./bottom-app-bar": {
+      "@m3/source": "./src/bottom-app-bar.ts",
+      "types": "./dist/bottom-app-bar.d.ts",
+      "default": "./dist/bottom-app-bar.js"
+    },
+    "./navigation-rail": {
+      "@m3/source": "./src/navigation-rail.ts",
+      "types": "./dist/navigation-rail.d.ts",
+      "default": "./dist/navigation-rail.js"
+    },
+    "./bottom-sheet": {
+      "@m3/source": "./src/bottom-sheet.ts",
+      "types": "./dist/bottom-sheet.d.ts",
+      "default": "./dist/bottom-sheet.js"
+    },
+    "./side-sheet": {
+      "@m3/source": "./src/side-sheet.ts",
+      "types": "./dist/side-sheet.d.ts",
+      "default": "./dist/side-sheet.js"
     }
   },
   "files": [