@m3-baseui/react-vanilla-extract 1.2.0 → 1.4.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/checkbox.css +4 -1
- package/dist/checkbox.css.map +1 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/chip.css +36 -2
- package/dist/chip.css.map +1 -1
- package/dist/chip.js +4 -2
- package/dist/chip.js.map +1 -1
- package/dist/dialog.css +68 -14
- package/dist/dialog.css.map +1 -1
- package/dist/dialog.d.ts +6 -1
- package/dist/dialog.js +20 -5
- package/dist/dialog.js.map +1 -1
- package/dist/index.css +280 -35
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +96 -58
- package/dist/index.js.map +1 -1
- package/dist/item.css +20 -1
- package/dist/item.css.map +1 -1
- package/dist/item.d.ts +1 -1
- package/dist/item.js +1 -2
- package/dist/item.js.map +1 -1
- package/dist/list.css +20 -1
- package/dist/list.css.map +1 -1
- package/dist/list.d.ts +1 -1
- package/dist/list.js +1 -2
- package/dist/list.js.map +1 -1
- package/dist/progress.css +26 -1
- package/dist/progress.css.map +1 -1
- package/dist/progress.js.map +1 -1
- package/dist/radio.css +7 -9
- package/dist/radio.css.map +1 -1
- package/dist/radio.js.map +1 -1
- package/dist/slider.css +40 -1
- package/dist/slider.css.map +1 -1
- package/dist/slider.d.ts +9 -6
- package/dist/slider.js +14 -1
- package/dist/slider.js.map +1 -1
- package/dist/snackbar.css +7 -2
- package/dist/snackbar.css.map +1 -1
- package/dist/snackbar.js.map +1 -1
- package/dist/switch.css +2 -2
- package/dist/switch.css.map +1 -1
- package/dist/switch.js.map +1 -1
- package/dist/tooltip.css +50 -1
- package/dist/tooltip.css.map +1 -1
- package/dist/tooltip.d.ts +13 -1
- package/dist/tooltip.js +14 -2
- package/dist/tooltip.js.map +1 -1
- package/package.json +1 -1
package/dist/tooltip.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source
|
|
1
|
+
/* vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WVzY7aMBDH7zyFjyCtVyEsW-p9lKqqJvEkWPgjsh0gVPvulZ0sJCnqJrSXXkAaz288Gf9n5vnHenfZfDldEvJzQUgG-aG0ptacEVtmyyPYJaWKU9c4mhtpLBX6iNYhdbUtIMfV6m1BSDz6FDF6SBVGe1qAErJhZMD5pkKXg0SaGd5Qp0BKGtxv3AlFufdTuNbzRjpxwSlc8IuUFBrpfvJ9PfcWR-_RUldBLnQ5JYK3kB-ELiOeGcvRUgtc1G5Euz1USPHsLbRoJCrgXOiSCh1SYWRXnfvmTJr8wMhLa1VwpifB_Z6RNO1stQv5osTcM6KNxmD0FrQrjFXUWFEK_ZHK2L66OgsvjGbEhA_3DVlvE-WG-SsTXCiCC4k5D5qD5aun22UzqLfF--L5qudvHDyEQ-tbr0bi9ycydkDNb8exB7p0GUkGX81IfKZl8vx1O7xqHbFpLdDTfy9CGiNw4SoJDSOFxPgM4Z9yYTFvC5kbWSsdTkqorg84oWe7W2lutAeh0U7p2nG3ZuYc9MbNaSRClHiE-CISjyjTiapVyEWt7gp2_XpXsev0N8lu0qS1mdq37P8p1_Qzuab_TK6bCXK9K5hejJcYQ4GNhU2mDnMvvMRHpnkfnDXO--Csed4HHxzo_RCDiT6n73pF3z5W9LhX2mZ7YIV24Pwd2oHzl2gH_s0W7UI8VHR6BCtA-1HxX_8wok82jOPwG0wgRamp8KgcIzlqj_Y6sncfAyy8IfWm6q3haJJYeEZo9Hv_BR6M_TWdCQAA */
|
|
2
2
|
._18z37wz0 {
|
|
3
3
|
background: rgb(var(--md-sys-color-inverse-surface));
|
|
4
4
|
color: rgb(var(--md-sys-color-inverse-on-surface));
|
|
@@ -23,4 +23,53 @@
|
|
|
23
23
|
._18z37wz1 {
|
|
24
24
|
color: rgb(var(--md-sys-color-inverse-surface));
|
|
25
25
|
}
|
|
26
|
+
._18z37wz2 {
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
gap: 4px;
|
|
30
|
+
background: rgb(var(--md-sys-color-surface-container));
|
|
31
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
32
|
+
box-shadow: var(--md-sys-elevation-level2);
|
|
33
|
+
border-radius: var(--md-sys-shape-medium);
|
|
34
|
+
padding-inline: 16px;
|
|
35
|
+
padding-block: 12px;
|
|
36
|
+
max-width: 320px;
|
|
37
|
+
outline: none;
|
|
38
|
+
transform-origin: var(--transform-origin);
|
|
39
|
+
transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
|
|
40
|
+
}
|
|
41
|
+
._18z37wz2[data-starting-style],
|
|
42
|
+
._18z37wz2[data-ending-style] {
|
|
43
|
+
opacity: 0;
|
|
44
|
+
transform: scale(0.95);
|
|
45
|
+
}
|
|
46
|
+
._18z37wz3 {
|
|
47
|
+
color: rgb(var(--md-sys-color-surface-container));
|
|
48
|
+
}
|
|
49
|
+
._18z37wz4 {
|
|
50
|
+
margin: 0;
|
|
51
|
+
font-family: var(--md-sys-typescale-title-small-font);
|
|
52
|
+
font-weight: var(--md-sys-typescale-title-small-weight);
|
|
53
|
+
font-size: var(--md-sys-typescale-title-small-size);
|
|
54
|
+
line-height: var(--md-sys-typescale-title-small-line-height);
|
|
55
|
+
letter-spacing: var(--md-sys-typescale-title-small-tracking);
|
|
56
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
57
|
+
}
|
|
58
|
+
._18z37wz5 {
|
|
59
|
+
margin: 0;
|
|
60
|
+
font-family: var(--md-sys-typescale-body-medium-font);
|
|
61
|
+
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
62
|
+
font-size: var(--md-sys-typescale-body-medium-size);
|
|
63
|
+
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
64
|
+
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
65
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
66
|
+
}
|
|
67
|
+
._18z37wz6 {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-wrap: wrap;
|
|
70
|
+
align-items: center;
|
|
71
|
+
gap: 8px;
|
|
72
|
+
margin-top: 4px;
|
|
73
|
+
margin-left: -8px;
|
|
74
|
+
}
|
|
26
75
|
/*# sourceMappingURL=tooltip.css.map */
|
package/dist/tooltip.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WVzY7aMBDH7zyFjyCtVyEsW-p9lKqqJvEkWPgjsh0gVPvulZ0sJCnqJrSXXkAaz288Gf9n5vnHenfZfDldEvJzQUgG-aG0ptacEVtmyyPYJaWKU9c4mhtpLBX6iNYhdbUtIMfV6m1BSDz6FDF6SBVGe1qAErJhZMD5pkKXg0SaGd5Qp0BKGtxv3AlFufdTuNbzRjpxwSlc8IuUFBrpfvJ9PfcWR-_RUldBLnQ5JYK3kB-ELiOeGcvRUgtc1G5Euz1USPHsLbRoJCrgXOiSCh1SYWRXnfvmTJr8wMhLa1VwpifB_Z6RNO1stQv5osTcM6KNxmD0FrQrjFXUWFEK_ZHK2L66OgsvjGbEhA_3DVlvE-WG-SsTXCiCC4k5D5qD5aun22UzqLfF--L5qudvHDyEQ-tbr0bi9ycydkDNb8exB7p0GUkGX81IfKZl8vx1O7xqHbFpLdDTfy9CGiNw4SoJDSOFxPgM4Z9yYTFvC5kbWSsdTkqorg84oWe7W2lutAeh0U7p2nG3ZuYc9MbNaSRClHiE-CISjyjTiapVyEWt7gp2_XpXsev0N8lu0qS1mdq37P8p1_Qzuab_TK6bCXK9K5hejJcYQ4GNhU2mDnMvvMRHpnkfnDXO--Csed4HHxzo_RCDiT6n73pF3z5W9LhX2mZ7YIV24Pwd2oHzl2gH_s0W7UI8VHR6BCtA-1HxX_8wok82jOPwG0wgRamp8KgcIzlqj_Y6sncfAyy8IfWm6q3haJJYeEZo9Hv_BR6M_TWdCQAA"],"sourcesContent":["._18z37wz0 {\n background: rgb(var(--md-sys-color-inverse-surface));\n color: rgb(var(--md-sys-color-inverse-on-surface));\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n border-radius: var(--md-sys-shape-extra-small);\n padding-inline: 8px;\n padding-block: 4px;\n max-width: 224px;\n user-select: none;\n transform-origin: var(--transform-origin);\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._18z37wz0[data-starting-style], ._18z37wz0[data-ending-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._18z37wz1 {\n color: rgb(var(--md-sys-color-inverse-surface));\n}\n._18z37wz2 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface));\n box-shadow: var(--md-sys-elevation-level2);\n border-radius: var(--md-sys-shape-medium);\n padding-inline: 16px;\n padding-block: 12px;\n max-width: 320px;\n outline: none;\n transform-origin: var(--transform-origin);\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._18z37wz2[data-starting-style], ._18z37wz2[data-ending-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._18z37wz3 {\n color: rgb(var(--md-sys-color-surface-container));\n}\n._18z37wz4 {\n margin: 0;\n font-family: var(--md-sys-typescale-title-small-font);\n font-weight: var(--md-sys-typescale-title-small-weight);\n font-size: var(--md-sys-typescale-title-small-size);\n line-height: var(--md-sys-typescale-title-small-line-height);\n letter-spacing: var(--md-sys-typescale-title-small-tracking);\n color: rgb(var(--md-sys-color-on-surface));\n}\n._18z37wz5 {\n margin: 0;\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._18z37wz6 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n margin-top: 4px;\n margin-left: -8px;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,iBAAe,IAAI;AACnB,kBAAgB;AAChB,iBAAe;AACf,aAAW;AACX,eAAa;AACb,oBAAkB,IAAI;AACtB,cAAY,QAAQ,MAAM,IAAI,gCAAgC,EAAE,UAAU,MAAM,IAAI;AACtF;AACA,CAhBC,SAgBS,CAAC;AAAsB,CAhBhC,SAgB0C,CAAC;AAC1C,WAAS;AACT,aAAW,MAAM;AACnB;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,kBAAgB;AAChB,iBAAe;AACf,aAAW;AACX,WAAS;AACT,oBAAkB,IAAI;AACtB,cAAY,QAAQ,MAAM,IAAI,gCAAgC,EAAE,UAAU,MAAM,IAAI;AACtF;AACA,CAfC,SAeS,CAAC;AAAsB,CAfhC,SAe0C,CAAC;AAC1C,WAAS;AACT,aAAW,MAAM;AACnB;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,aAAW;AACX,eAAa;AACb,OAAK;AACL,cAAY;AACZ,eAAa;AACf;","names":[]}
|
package/dist/tooltip.d.ts
CHANGED
|
@@ -10,5 +10,17 @@ declare const Tooltip: {
|
|
|
10
10
|
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
11
11
|
Arrow: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipArrowProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
12
12
|
};
|
|
13
|
+
declare const RichTooltip: {
|
|
14
|
+
Root: typeof _base_ui_react.PopoverRoot;
|
|
15
|
+
Trigger: _base_ui_react.PopoverTrigger;
|
|
16
|
+
Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
19
|
+
Arrow: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverArrowProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
20
|
+
Subhead: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverTitleProps, "ref"> & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
21
|
+
SupportingText: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverDescriptionProps, "ref"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
22
|
+
Actions: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Close: react.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
};
|
|
13
25
|
|
|
14
|
-
export { Tooltip };
|
|
26
|
+
export { RichTooltip, Tooltip };
|
package/dist/tooltip.js
CHANGED
|
@@ -1,16 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './tooltip.css';
|
|
3
|
-
import { createTooltip } from '@m3-baseui/core';
|
|
3
|
+
import { createTooltip, createRichTooltip } from '@m3-baseui/core';
|
|
4
4
|
|
|
5
5
|
// src/tooltip.ts
|
|
6
6
|
|
|
7
7
|
// src/tooltip.css.ts
|
|
8
|
+
var actions = "_18z37wz6";
|
|
8
9
|
var arrow = "_18z37wz1";
|
|
9
10
|
var popup = "_18z37wz0";
|
|
11
|
+
var richArrow = "_18z37wz3";
|
|
12
|
+
var richPopup = "_18z37wz2";
|
|
13
|
+
var subhead = "_18z37wz4";
|
|
14
|
+
var supportingText = "_18z37wz5";
|
|
10
15
|
|
|
11
16
|
// src/tooltip.ts
|
|
12
17
|
var Tooltip = createTooltip({ popup, arrow });
|
|
18
|
+
var RichTooltip = createRichTooltip({
|
|
19
|
+
popup: richPopup,
|
|
20
|
+
arrow: richArrow,
|
|
21
|
+
subhead,
|
|
22
|
+
supportingText,
|
|
23
|
+
actions
|
|
24
|
+
});
|
|
13
25
|
|
|
14
|
-
export { Tooltip };
|
|
26
|
+
export { RichTooltip, Tooltip };
|
|
15
27
|
//# sourceMappingURL=tooltip.js.map
|
|
16
28
|
//# sourceMappingURL=tooltip.js.map
|
package/dist/tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tooltip.css.ts","../src/tooltip.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,KAAA,GAAQ,WAAA;;;
|
|
1
|
+
{"version":3,"sources":["../src/tooltip.css.ts","../src/tooltip.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,cAAA,GAAiB,WAAA;;;ACOrB,IAAM,OAAA,GAAU,aAAA,CAAc,EAAE,KAAA,EAAO,OAAO;AAE9C,IAAM,cAAc,iBAAA,CAAkB;AAAA,EAC3C,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,OAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAC","file":"tooltip.js","sourcesContent":["import 'src/tooltip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WVzY7aMBDH7zyFjyCtVyEsW-p9lKqqJvEkWPgjsh0gVPvulZ0sJCnqJrSXXkAaz288Gf9n5vnHenfZfDldEvJzQUgG-aG0ptacEVtmyyPYJaWKU9c4mhtpLBX6iNYhdbUtIMfV6m1BSDz6FDF6SBVGe1qAErJhZMD5pkKXg0SaGd5Qp0BKGtxv3AlFufdTuNbzRjpxwSlc8IuUFBrpfvJ9PfcWR-_RUldBLnQ5JYK3kB-ELiOeGcvRUgtc1G5Euz1USPHsLbRoJCrgXOiSCh1SYWRXnfvmTJr8wMhLa1VwpifB_Z6RNO1stQv5osTcM6KNxmD0FrQrjFXUWFEK_ZHK2L66OgsvjGbEhA_3DVlvE-WG-SsTXCiCC4k5D5qD5aun22UzqLfF--L5qudvHDyEQ-tbr0bi9ycydkDNb8exB7p0GUkGX81IfKZl8vx1O7xqHbFpLdDTfy9CGiNw4SoJDSOFxPgM4Z9yYTFvC5kbWSsdTkqorg84oWe7W2lutAeh0U7p2nG3ZuYc9MbNaSRClHiE-CISjyjTiapVyEWt7gp2_XpXsev0N8lu0qS1mdq37P8p1_Qzuab_TK6bCXK9K5hejJcYQ4GNhU2mDnMvvMRHpnkfnDXO--Csed4HHxzo_RCDiT6n73pF3z5W9LhX2mZ7YIV24Pwd2oHzl2gH_s0W7UI8VHR6BCtA-1HxX_8wok82jOPwG0wgRamp8KgcIzlqj_Y6sncfAyy8IfWm6q3haJJYeEZo9Hv_BR6M_TWdCQAA';\nexport var actions = '_18z37wz6';\nexport var arrow = '_18z37wz1';\nexport var popup = '_18z37wz0';\nexport var richArrow = '_18z37wz3';\nexport var richPopup = '_18z37wz2';\nexport var subhead = '_18z37wz4';\nexport var supportingText = '_18z37wz5';","/**\n * tooltip.ts — wires the VE styles into the shared parts factories.\n */\nimport { createTooltip, createRichTooltip } from '@m3-baseui/core';\nimport {\n popup,\n arrow,\n richPopup,\n richArrow,\n subhead,\n supportingText,\n actions,\n} from './tooltip.css';\n\nexport const Tooltip = createTooltip({ popup, arrow });\n\nexport const RichTooltip = createRichTooltip({\n popup: richPopup,\n arrow: richArrow,\n subhead,\n supportingText,\n actions,\n});\n"]}
|
package/package.json
CHANGED