@m3-baseui/react-vanilla-extract 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/badge.css +32 -0
- package/dist/badge.css.map +1 -0
- package/dist/badge.d.ts +7 -0
- package/dist/badge.js +16 -0
- package/dist/badge.js.map +1 -0
- package/dist/button.css +171 -0
- package/dist/button.css.map +1 -0
- package/dist/button.d.ts +10 -0
- package/dist/button.js +14 -0
- package/dist/button.js.map +1 -0
- package/dist/card.css +66 -0
- package/dist/card.css.map +1 -0
- package/dist/card.d.ts +7 -0
- package/dist/card.js +16 -0
- package/dist/card.js.map +1 -0
- package/dist/checkbox.css +122 -0
- package/dist/checkbox.css.map +1 -0
- package/dist/checkbox.d.ts +8 -0
- package/dist/checkbox.js +17 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chip.css +153 -0
- package/dist/chip.css.map +1 -0
- package/dist/chip.d.ts +7 -0
- package/dist/chip.js +22 -0
- package/dist/chip.js.map +1 -0
- package/dist/dialog.css +60 -0
- package/dist/dialog.css.map +1 -0
- package/dist/dialog.d.ts +15 -0
- package/dist/dialog.js +19 -0
- package/dist/dialog.js.map +1 -0
- package/dist/divider.css +28 -0
- package/dist/divider.css.map +1 -0
- package/dist/divider.d.ts +10 -0
- package/dist/divider.js +14 -0
- package/dist/divider.js.map +1 -0
- package/dist/fab.css +109 -0
- package/dist/fab.css.map +1 -0
- package/dist/fab.d.ts +10 -0
- package/dist/fab.js +14 -0
- package/dist/fab.js.map +1 -0
- package/dist/icon-button.css +209 -0
- package/dist/icon-button.css.map +1 -0
- package/dist/icon-button.d.ts +10 -0
- package/dist/icon-button.js +16 -0
- package/dist/icon-button.js.map +1 -0
- package/dist/index.css +2714 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +27 -0
- package/dist/index.js +318 -0
- package/dist/index.js.map +1 -0
- package/dist/item.css +72 -0
- package/dist/item.css.map +1 -0
- package/dist/item.d.ts +7 -0
- package/dist/item.js +29 -0
- package/dist/item.js.map +1 -0
- package/dist/list.css +128 -0
- package/dist/list.css.map +1 -0
- package/dist/list.d.ts +10 -0
- package/dist/list.js +31 -0
- package/dist/list.js.map +1 -0
- package/dist/menu.css +262 -0
- package/dist/menu.css.map +1 -0
- package/dist/menu.d.ts +24 -0
- package/dist/menu.js +31 -0
- package/dist/menu.js.map +1 -0
- package/dist/navigation-bar.css +92 -0
- package/dist/navigation-bar.css.map +1 -0
- package/dist/navigation-bar.d.ts +12 -0
- package/dist/navigation-bar.js +27 -0
- package/dist/navigation-bar.js.map +1 -0
- package/dist/navigation-drawer.css +112 -0
- package/dist/navigation-drawer.css.map +1 -0
- package/dist/navigation-drawer.d.ts +13 -0
- package/dist/navigation-drawer.js +26 -0
- package/dist/navigation-drawer.js.map +1 -0
- package/dist/progress.css +68 -0
- package/dist/progress.css.map +1 -0
- package/dist/progress.d.ts +10 -0
- package/dist/progress.js +23 -0
- package/dist/progress.js.map +1 -0
- package/dist/radio.css +98 -0
- package/dist/radio.css.map +1 -0
- package/dist/radio.d.ts +9 -0
- package/dist/radio.js +18 -0
- package/dist/radio.js.map +1 -0
- package/dist/segmented-button.css +101 -0
- package/dist/segmented-button.css.map +1 -0
- package/dist/segmented-button.d.ts +12 -0
- package/dist/segmented-button.js +25 -0
- package/dist/segmented-button.js.map +1 -0
- package/dist/select.css +181 -0
- package/dist/select.css.map +1 -0
- package/dist/select.d.ts +22 -0
- package/dist/select.js +33 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.css +78 -0
- package/dist/slider.css.map +1 -0
- package/dist/slider.d.ts +15 -0
- package/dist/slider.js +20 -0
- package/dist/slider.js.map +1 -0
- package/dist/snackbar.css +139 -0
- package/dist/snackbar.css.map +1 -0
- package/dist/snackbar.d.ts +21 -0
- package/dist/snackbar.js +28 -0
- package/dist/snackbar.js.map +1 -0
- package/dist/switch.css +139 -0
- package/dist/switch.css.map +1 -0
- package/dist/switch.d.ts +9 -0
- package/dist/switch.js +18 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.css +108 -0
- package/dist/tabs.css.map +1 -0
- package/dist/tabs.d.ts +20 -0
- package/dist/tabs.js +24 -0
- package/dist/tabs.js.map +1 -0
- package/dist/textfield.css +160 -0
- package/dist/textfield.css.map +1 -0
- package/dist/textfield.d.ts +7 -0
- package/dist/textfield.js +37 -0
- package/dist/textfield.js.map +1 -0
- package/dist/tooltip.css +26 -0
- package/dist/tooltip.css.map +1 -0
- package/dist/tooltip.d.ts +14 -0
- package/dist/tooltip.js +16 -0
- package/dist/tooltip.js.map +1 -0
- package/package.json +167 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
|
+
|
|
4
|
+
declare const Tooltip: {
|
|
5
|
+
Provider: react.FC<_base_ui_react.TooltipProviderProps>;
|
|
6
|
+
Root: <Payload>(props: _base_ui_react.TooltipRoot.Props<Payload>) => react.JSX.Element;
|
|
7
|
+
Trigger: _base_ui_react.TooltipTrigger;
|
|
8
|
+
Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
11
|
+
Arrow: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipArrowProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { Tooltip };
|
package/dist/tooltip.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './tooltip.css';
|
|
3
|
+
import { createTooltip } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/tooltip.ts
|
|
6
|
+
|
|
7
|
+
// src/tooltip.css.ts
|
|
8
|
+
var arrow = "_18z37wz1";
|
|
9
|
+
var popup = "_18z37wz0";
|
|
10
|
+
|
|
11
|
+
// src/tooltip.ts
|
|
12
|
+
var Tooltip = createTooltip({ popup, arrow });
|
|
13
|
+
|
|
14
|
+
export { Tooltip };
|
|
15
|
+
//# sourceMappingURL=tooltip.js.map
|
|
16
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tooltip.css.ts","../src/tooltip.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,KAAA,GAAQ,WAAA;;;ACIZ,IAAM,OAAA,GAAU,aAAA,CAAc,EAAE,KAAA,EAAO,OAAO","file":"tooltip.js","sourcesContent":["import 'src/tooltip.css.ts.vanilla.css?source=Ll8xOHozN3d6MCB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLW9uLXN1cmZhY2UpKTsKICBmb250LWZhbWlseTogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWZvbnQpOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS1tZC1zeXMtdHlwZXNjYWxlLWJvZHktc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtYm9keS1zbWFsbC1zaXplKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWxpbmUtaGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLXRyYWNraW5nKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtZXh0cmEtc21hbGwpOwogIHBhZGRpbmctaW5saW5lOiA4cHg7CiAgcGFkZGluZy1ibG9jazogNHB4OwogIG1heC13aWR0aDogMjI0cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgdHJhbnNmb3JtLW9yaWdpbjogdmFyKC0tdHJhbnNmb3JtLW9yaWdpbik7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCksIHRyYW5zZm9ybSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCk7Cn0KLl8xOHozN3d6MFtkYXRhLXN0YXJ0aW5nLXN0eWxlXSwgLl8xOHozN3d6MFtkYXRhLWVuZGluZy1zdHlsZV0gewogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTsKfQouXzE4ejM3d3oxIHsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKfQ';\nexport var arrow = '_18z37wz1';\nexport var popup = '_18z37wz0';","/**\n * tooltip.ts — wires the VE styles into the shared parts factory.\n */\nimport { createTooltip } from '@m3-baseui/core';\nimport { popup, arrow } from './tooltip.css';\n\nexport const Tooltip = createTooltip({ popup, arrow });\n"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@m3-baseui/react-vanilla-extract",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "M3 components implemented with vanilla-extract recipes over the shared @m3-baseui/core factories.",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/otomatty/m3-baseui.git",
|
|
10
|
+
"directory": "packages/react-vanilla-extract"
|
|
11
|
+
},
|
|
12
|
+
"homepage": "https://github.com/otomatty/m3-baseui#readme",
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/otomatty/m3-baseui/issues"
|
|
15
|
+
},
|
|
16
|
+
"publishConfig": {
|
|
17
|
+
"access": "public"
|
|
18
|
+
},
|
|
19
|
+
"exports": {
|
|
20
|
+
".": {
|
|
21
|
+
"@m3/source": "./src/index.ts",
|
|
22
|
+
"types": "./dist/index.d.ts",
|
|
23
|
+
"default": "./dist/index.js"
|
|
24
|
+
},
|
|
25
|
+
"./button": {
|
|
26
|
+
"@m3/source": "./src/button.ts",
|
|
27
|
+
"types": "./dist/button.d.ts",
|
|
28
|
+
"default": "./dist/button.js"
|
|
29
|
+
},
|
|
30
|
+
"./icon-button": {
|
|
31
|
+
"@m3/source": "./src/icon-button.ts",
|
|
32
|
+
"types": "./dist/icon-button.d.ts",
|
|
33
|
+
"default": "./dist/icon-button.js"
|
|
34
|
+
},
|
|
35
|
+
"./switch": {
|
|
36
|
+
"@m3/source": "./src/switch.ts",
|
|
37
|
+
"types": "./dist/switch.d.ts",
|
|
38
|
+
"default": "./dist/switch.js"
|
|
39
|
+
},
|
|
40
|
+
"./checkbox": {
|
|
41
|
+
"@m3/source": "./src/checkbox.ts",
|
|
42
|
+
"types": "./dist/checkbox.d.ts",
|
|
43
|
+
"default": "./dist/checkbox.js"
|
|
44
|
+
},
|
|
45
|
+
"./radio": {
|
|
46
|
+
"@m3/source": "./src/radio.ts",
|
|
47
|
+
"types": "./dist/radio.d.ts",
|
|
48
|
+
"default": "./dist/radio.js"
|
|
49
|
+
},
|
|
50
|
+
"./chip": {
|
|
51
|
+
"@m3/source": "./src/chip.ts",
|
|
52
|
+
"types": "./dist/chip.d.ts",
|
|
53
|
+
"default": "./dist/chip.js"
|
|
54
|
+
},
|
|
55
|
+
"./tooltip": {
|
|
56
|
+
"@m3/source": "./src/tooltip.ts",
|
|
57
|
+
"types": "./dist/tooltip.d.ts",
|
|
58
|
+
"default": "./dist/tooltip.js"
|
|
59
|
+
},
|
|
60
|
+
"./dialog": {
|
|
61
|
+
"@m3/source": "./src/dialog.ts",
|
|
62
|
+
"types": "./dist/dialog.d.ts",
|
|
63
|
+
"default": "./dist/dialog.js"
|
|
64
|
+
},
|
|
65
|
+
"./menu": {
|
|
66
|
+
"@m3/source": "./src/menu.ts",
|
|
67
|
+
"types": "./dist/menu.d.ts",
|
|
68
|
+
"default": "./dist/menu.js"
|
|
69
|
+
},
|
|
70
|
+
"./tabs": {
|
|
71
|
+
"@m3/source": "./src/tabs.ts",
|
|
72
|
+
"types": "./dist/tabs.d.ts",
|
|
73
|
+
"default": "./dist/tabs.js"
|
|
74
|
+
},
|
|
75
|
+
"./slider": {
|
|
76
|
+
"@m3/source": "./src/slider.ts",
|
|
77
|
+
"types": "./dist/slider.d.ts",
|
|
78
|
+
"default": "./dist/slider.js"
|
|
79
|
+
},
|
|
80
|
+
"./select": {
|
|
81
|
+
"@m3/source": "./src/select.ts",
|
|
82
|
+
"types": "./dist/select.d.ts",
|
|
83
|
+
"default": "./dist/select.js"
|
|
84
|
+
},
|
|
85
|
+
"./textfield": {
|
|
86
|
+
"@m3/source": "./src/textfield.ts",
|
|
87
|
+
"types": "./dist/textfield.d.ts",
|
|
88
|
+
"default": "./dist/textfield.js"
|
|
89
|
+
},
|
|
90
|
+
"./navigation-bar": {
|
|
91
|
+
"@m3/source": "./src/navigation-bar.ts",
|
|
92
|
+
"types": "./dist/navigation-bar.d.ts",
|
|
93
|
+
"default": "./dist/navigation-bar.js"
|
|
94
|
+
},
|
|
95
|
+
"./fab": {
|
|
96
|
+
"@m3/source": "./src/fab.ts",
|
|
97
|
+
"types": "./dist/fab.d.ts",
|
|
98
|
+
"default": "./dist/fab.js"
|
|
99
|
+
},
|
|
100
|
+
"./divider": {
|
|
101
|
+
"@m3/source": "./src/divider.ts",
|
|
102
|
+
"types": "./dist/divider.d.ts",
|
|
103
|
+
"default": "./dist/divider.js"
|
|
104
|
+
},
|
|
105
|
+
"./progress": {
|
|
106
|
+
"@m3/source": "./src/progress.ts",
|
|
107
|
+
"types": "./dist/progress.d.ts",
|
|
108
|
+
"default": "./dist/progress.js"
|
|
109
|
+
},
|
|
110
|
+
"./list": {
|
|
111
|
+
"@m3/source": "./src/list.ts",
|
|
112
|
+
"types": "./dist/list.d.ts",
|
|
113
|
+
"default": "./dist/list.js"
|
|
114
|
+
},
|
|
115
|
+
"./snackbar": {
|
|
116
|
+
"@m3/source": "./src/snackbar.ts",
|
|
117
|
+
"types": "./dist/snackbar.d.ts",
|
|
118
|
+
"default": "./dist/snackbar.js"
|
|
119
|
+
},
|
|
120
|
+
"./item": {
|
|
121
|
+
"@m3/source": "./src/item.ts",
|
|
122
|
+
"types": "./dist/item.d.ts",
|
|
123
|
+
"default": "./dist/item.js"
|
|
124
|
+
},
|
|
125
|
+
"./badge": {
|
|
126
|
+
"@m3/source": "./src/badge.ts",
|
|
127
|
+
"types": "./dist/badge.d.ts",
|
|
128
|
+
"default": "./dist/badge.js"
|
|
129
|
+
},
|
|
130
|
+
"./card": {
|
|
131
|
+
"@m3/source": "./src/card.ts",
|
|
132
|
+
"types": "./dist/card.d.ts",
|
|
133
|
+
"default": "./dist/card.js"
|
|
134
|
+
},
|
|
135
|
+
"./segmented-button": {
|
|
136
|
+
"@m3/source": "./src/segmented-button.ts",
|
|
137
|
+
"types": "./dist/segmented-button.d.ts",
|
|
138
|
+
"default": "./dist/segmented-button.js"
|
|
139
|
+
},
|
|
140
|
+
"./navigation-drawer": {
|
|
141
|
+
"@m3/source": "./src/navigation-drawer.ts",
|
|
142
|
+
"types": "./dist/navigation-drawer.d.ts",
|
|
143
|
+
"default": "./dist/navigation-drawer.js"
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
"files": [
|
|
147
|
+
"dist"
|
|
148
|
+
],
|
|
149
|
+
"scripts": {
|
|
150
|
+
"build": "tsup",
|
|
151
|
+
"typecheck": "tsc --noEmit"
|
|
152
|
+
},
|
|
153
|
+
"dependencies": {
|
|
154
|
+
"@m3-baseui/core": "0.1.0",
|
|
155
|
+
"@m3-baseui/tokens": "0.1.0"
|
|
156
|
+
},
|
|
157
|
+
"peerDependencies": {
|
|
158
|
+
"@base-ui/react": "^1.6.0",
|
|
159
|
+
"@vanilla-extract/css": "^1.15.0",
|
|
160
|
+
"@vanilla-extract/recipes": "^0.5.0",
|
|
161
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
162
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
163
|
+
},
|
|
164
|
+
"sideEffects": [
|
|
165
|
+
"**/*.css"
|
|
166
|
+
]
|
|
167
|
+
}
|