@m3-baseui/react-tailwind 1.0.0 → 1.0.1

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.
Files changed (3) hide show
  1. package/dist/progress.d.ts +2 -2
  2. package/package.json +1 -1
  3. package/styles/theme.css +50 -50
package/dist/progress.d.ts CHANGED
@@ -111,8 +111,8 @@ declare const circularTv: tailwind_variants.TVReturnType<{
111
111
  };
112
112
  } | {}>, unknown, unknown, undefined>>;
113
113
  declare const Progress: {
114
- Linear: react.ForwardRefExoticComponent<_m3_baseui_core.LinearProgressOwnProps & Omit<react.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
115
- Circular: react.ForwardRefExoticComponent<_m3_baseui_core.CircularProgressOwnProps & Omit<react.HTMLAttributes<HTMLSpanElement>, "value" | "defaultValue"> & react.RefAttributes<HTMLSpanElement>>;
114
+ Linear: react.ForwardRefExoticComponent<_m3_baseui_core.LinearProgressOwnProps & Omit<react.HTMLAttributes<HTMLDivElement>, "defaultValue" | "value"> & react.RefAttributes<HTMLDivElement>>;
115
+ Circular: react.ForwardRefExoticComponent<_m3_baseui_core.CircularProgressOwnProps & Omit<react.HTMLAttributes<HTMLSpanElement>, "defaultValue" | "value"> & react.RefAttributes<HTMLSpanElement>>;
116
116
  };
117
117
 
118
118
  export { Progress, circularTv, linearTv };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m3-baseui/react-tailwind",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "M3 components implemented with tailwind-variants over the shared @m3-baseui/core factories. Ships the Tailwind v4 @theme preset.",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/styles/theme.css CHANGED
@@ -7,56 +7,56 @@
7
7
  * @import '@m3-baseui/tokens/theme.css';
8
8
  */
9
9
  @theme {
10
- /* ---- Color (channel-triple → rgb with alpha) ---- */
11
- --color-primary: rgb(var(--md-sys-color-primary) / <alpha-value>);
12
- --color-on-primary: rgb(var(--md-sys-color-on-primary) / <alpha-value>);
13
- --color-primary-container: rgb(var(--md-sys-color-primary-container) / <alpha-value>);
14
- --color-on-primary-container: rgb(var(--md-sys-color-on-primary-container) / <alpha-value>);
15
- --color-secondary: rgb(var(--md-sys-color-secondary) / <alpha-value>);
16
- --color-on-secondary: rgb(var(--md-sys-color-on-secondary) / <alpha-value>);
17
- --color-secondary-container: rgb(var(--md-sys-color-secondary-container) / <alpha-value>);
18
- --color-on-secondary-container: rgb(var(--md-sys-color-on-secondary-container) / <alpha-value>);
19
- --color-tertiary: rgb(var(--md-sys-color-tertiary) / <alpha-value>);
20
- --color-on-tertiary: rgb(var(--md-sys-color-on-tertiary) / <alpha-value>);
21
- --color-tertiary-container: rgb(var(--md-sys-color-tertiary-container) / <alpha-value>);
22
- --color-on-tertiary-container: rgb(var(--md-sys-color-on-tertiary-container) / <alpha-value>);
23
- --color-error: rgb(var(--md-sys-color-error) / <alpha-value>);
24
- --color-on-error: rgb(var(--md-sys-color-on-error) / <alpha-value>);
25
- --color-error-container: rgb(var(--md-sys-color-error-container) / <alpha-value>);
26
- --color-on-error-container: rgb(var(--md-sys-color-on-error-container) / <alpha-value>);
27
- --color-background: rgb(var(--md-sys-color-background) / <alpha-value>);
28
- --color-on-background: rgb(var(--md-sys-color-on-background) / <alpha-value>);
29
- --color-surface: rgb(var(--md-sys-color-surface) / <alpha-value>);
30
- --color-on-surface: rgb(var(--md-sys-color-on-surface) / <alpha-value>);
31
- --color-surface-variant: rgb(var(--md-sys-color-surface-variant) / <alpha-value>);
32
- --color-on-surface-variant: rgb(var(--md-sys-color-on-surface-variant) / <alpha-value>);
33
- --color-surface-dim: rgb(var(--md-sys-color-surface-dim) / <alpha-value>);
34
- --color-surface-bright: rgb(var(--md-sys-color-surface-bright) / <alpha-value>);
35
- --color-surface-container-lowest: rgb(var(--md-sys-color-surface-container-lowest) / <alpha-value>);
36
- --color-surface-container-low: rgb(var(--md-sys-color-surface-container-low) / <alpha-value>);
37
- --color-surface-container: rgb(var(--md-sys-color-surface-container) / <alpha-value>);
38
- --color-surface-container-high: rgb(var(--md-sys-color-surface-container-high) / <alpha-value>);
39
- --color-surface-container-highest: rgb(var(--md-sys-color-surface-container-highest) / <alpha-value>);
40
- --color-outline: rgb(var(--md-sys-color-outline) / <alpha-value>);
41
- --color-outline-variant: rgb(var(--md-sys-color-outline-variant) / <alpha-value>);
42
- --color-shadow: rgb(var(--md-sys-color-shadow) / <alpha-value>);
43
- --color-scrim: rgb(var(--md-sys-color-scrim) / <alpha-value>);
44
- --color-surface-tint: rgb(var(--md-sys-color-surface-tint) / <alpha-value>);
45
- --color-inverse-surface: rgb(var(--md-sys-color-inverse-surface) / <alpha-value>);
46
- --color-inverse-on-surface: rgb(var(--md-sys-color-inverse-on-surface) / <alpha-value>);
47
- --color-inverse-primary: rgb(var(--md-sys-color-inverse-primary) / <alpha-value>);
48
- --color-primary-fixed: rgb(var(--md-sys-color-primary-fixed) / <alpha-value>);
49
- --color-primary-fixed-dim: rgb(var(--md-sys-color-primary-fixed-dim) / <alpha-value>);
50
- --color-on-primary-fixed: rgb(var(--md-sys-color-on-primary-fixed) / <alpha-value>);
51
- --color-on-primary-fixed-variant: rgb(var(--md-sys-color-on-primary-fixed-variant) / <alpha-value>);
52
- --color-secondary-fixed: rgb(var(--md-sys-color-secondary-fixed) / <alpha-value>);
53
- --color-secondary-fixed-dim: rgb(var(--md-sys-color-secondary-fixed-dim) / <alpha-value>);
54
- --color-on-secondary-fixed: rgb(var(--md-sys-color-on-secondary-fixed) / <alpha-value>);
55
- --color-on-secondary-fixed-variant: rgb(var(--md-sys-color-on-secondary-fixed-variant) / <alpha-value>);
56
- --color-tertiary-fixed: rgb(var(--md-sys-color-tertiary-fixed) / <alpha-value>);
57
- --color-tertiary-fixed-dim: rgb(var(--md-sys-color-tertiary-fixed-dim) / <alpha-value>);
58
- --color-on-tertiary-fixed: rgb(var(--md-sys-color-on-tertiary-fixed) / <alpha-value>);
59
- --color-on-tertiary-fixed-variant: rgb(var(--md-sys-color-on-tertiary-fixed-variant) / <alpha-value>);
10
+ /* ---- Color (channel-triple → rgb; opacity via color-mix in v4) ---- */
11
+ --color-primary: rgb(var(--md-sys-color-primary));
12
+ --color-on-primary: rgb(var(--md-sys-color-on-primary));
13
+ --color-primary-container: rgb(var(--md-sys-color-primary-container));
14
+ --color-on-primary-container: rgb(var(--md-sys-color-on-primary-container));
15
+ --color-secondary: rgb(var(--md-sys-color-secondary));
16
+ --color-on-secondary: rgb(var(--md-sys-color-on-secondary));
17
+ --color-secondary-container: rgb(var(--md-sys-color-secondary-container));
18
+ --color-on-secondary-container: rgb(var(--md-sys-color-on-secondary-container));
19
+ --color-tertiary: rgb(var(--md-sys-color-tertiary));
20
+ --color-on-tertiary: rgb(var(--md-sys-color-on-tertiary));
21
+ --color-tertiary-container: rgb(var(--md-sys-color-tertiary-container));
22
+ --color-on-tertiary-container: rgb(var(--md-sys-color-on-tertiary-container));
23
+ --color-error: rgb(var(--md-sys-color-error));
24
+ --color-on-error: rgb(var(--md-sys-color-on-error));
25
+ --color-error-container: rgb(var(--md-sys-color-error-container));
26
+ --color-on-error-container: rgb(var(--md-sys-color-on-error-container));
27
+ --color-background: rgb(var(--md-sys-color-background));
28
+ --color-on-background: rgb(var(--md-sys-color-on-background));
29
+ --color-surface: rgb(var(--md-sys-color-surface));
30
+ --color-on-surface: rgb(var(--md-sys-color-on-surface));
31
+ --color-surface-variant: rgb(var(--md-sys-color-surface-variant));
32
+ --color-on-surface-variant: rgb(var(--md-sys-color-on-surface-variant));
33
+ --color-surface-dim: rgb(var(--md-sys-color-surface-dim));
34
+ --color-surface-bright: rgb(var(--md-sys-color-surface-bright));
35
+ --color-surface-container-lowest: rgb(var(--md-sys-color-surface-container-lowest));
36
+ --color-surface-container-low: rgb(var(--md-sys-color-surface-container-low));
37
+ --color-surface-container: rgb(var(--md-sys-color-surface-container));
38
+ --color-surface-container-high: rgb(var(--md-sys-color-surface-container-high));
39
+ --color-surface-container-highest: rgb(var(--md-sys-color-surface-container-highest));
40
+ --color-outline: rgb(var(--md-sys-color-outline));
41
+ --color-outline-variant: rgb(var(--md-sys-color-outline-variant));
42
+ --color-shadow: rgb(var(--md-sys-color-shadow));
43
+ --color-scrim: rgb(var(--md-sys-color-scrim));
44
+ --color-surface-tint: rgb(var(--md-sys-color-surface-tint));
45
+ --color-inverse-surface: rgb(var(--md-sys-color-inverse-surface));
46
+ --color-inverse-on-surface: rgb(var(--md-sys-color-inverse-on-surface));
47
+ --color-inverse-primary: rgb(var(--md-sys-color-inverse-primary));
48
+ --color-primary-fixed: rgb(var(--md-sys-color-primary-fixed));
49
+ --color-primary-fixed-dim: rgb(var(--md-sys-color-primary-fixed-dim));
50
+ --color-on-primary-fixed: rgb(var(--md-sys-color-on-primary-fixed));
51
+ --color-on-primary-fixed-variant: rgb(var(--md-sys-color-on-primary-fixed-variant));
52
+ --color-secondary-fixed: rgb(var(--md-sys-color-secondary-fixed));
53
+ --color-secondary-fixed-dim: rgb(var(--md-sys-color-secondary-fixed-dim));
54
+ --color-on-secondary-fixed: rgb(var(--md-sys-color-on-secondary-fixed));
55
+ --color-on-secondary-fixed-variant: rgb(var(--md-sys-color-on-secondary-fixed-variant));
56
+ --color-tertiary-fixed: rgb(var(--md-sys-color-tertiary-fixed));
57
+ --color-tertiary-fixed-dim: rgb(var(--md-sys-color-tertiary-fixed-dim));
58
+ --color-on-tertiary-fixed: rgb(var(--md-sys-color-on-tertiary-fixed));
59
+ --color-on-tertiary-fixed-variant: rgb(var(--md-sys-color-on-tertiary-fixed-variant));
60
60
 
61
61
  /* ---- Shape / radius ---- */
62
62
  --radius-none: var(--md-sys-shape-none);