@rcarls/rc-theme-material 0.0.0-next-20260921045401

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 (48) hide show
  1. package/CHANGELOG.md +423 -0
  2. package/README.md +164 -0
  3. package/bridge.css +678 -0
  4. package/components/accordion.css +20 -0
  5. package/components/adaptive-menu.css +162 -0
  6. package/components/app-bar.css +100 -0
  7. package/components/bottom-sheet.css +135 -0
  8. package/components/button.css +270 -0
  9. package/components/card.css +61 -0
  10. package/components/carousel.css +23 -0
  11. package/components/chip-group.css +15 -0
  12. package/components/chip.css +39 -0
  13. package/components/combobox.css +155 -0
  14. package/components/dialog.css +86 -0
  15. package/components/disclosure.css +104 -0
  16. package/components/fab-menu.css +85 -0
  17. package/components/fab.css +51 -0
  18. package/components/field.css +378 -0
  19. package/components/icons.css +52 -0
  20. package/components/list-item.css +146 -0
  21. package/components/listbox.css +47 -0
  22. package/components/markdown-editor.css +72 -0
  23. package/components/menu-button.css +126 -0
  24. package/components/menu.css +147 -0
  25. package/components/menubar.css +27 -0
  26. package/components/modes.css +50 -0
  27. package/components/navigation-bar.css +76 -0
  28. package/components/navigation-rail.css +132 -0
  29. package/components/progress.css +15 -0
  30. package/components/range-slider.css +29 -0
  31. package/components/scroller.css +7 -0
  32. package/components/search-bar.css +58 -0
  33. package/components/segmented-button.css +19 -0
  34. package/components/select.css +197 -0
  35. package/components/slider.css +19 -0
  36. package/components/snackbar.css +23 -0
  37. package/components/splitter.css +35 -0
  38. package/components/switch.css +41 -0
  39. package/components/textarea.css +31 -0
  40. package/components/toolbar.css +32 -0
  41. package/components/transfer-list.css +70 -0
  42. package/components/virtual-canvas.css +16 -0
  43. package/components.css +42 -0
  44. package/constraints/material.json +99 -0
  45. package/defaults.css +1081 -0
  46. package/package.json +53 -0
  47. package/state-layer.css +35 -0
  48. package/theme.css +3 -0
package/constraints/material.json ADDED
@@ -0,0 +1,99 @@
1
+ {
2
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
3
+ "name": "rc-theme-material rendered constraints",
4
+ "version": 1,
5
+ "sources": {
6
+ "material3": "https://m3.material.io/",
7
+ "lists": "https://m3.material.io/components/lists/specs",
8
+ "buttons": "https://m3.material.io/components/buttons/specs",
9
+ "iconButtons": "https://m3.material.io/components/icon-buttons/specs",
10
+ "iconButtonsExpressive": "https://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/button/res/values/styles.xml",
11
+ "menus": "https://m3.material.io/components/menus/specs"
12
+ },
13
+ "constraints": [
14
+ {
15
+ "id": "list.inline-content-padding",
16
+ "selector": "rc-list > rc-list-item",
17
+ "variants": ["standard", "segmented"],
18
+ "geometry": {
19
+ "contentInlineStart": "16px",
20
+ "contentInlineEnd": "16px"
21
+ },
22
+ "source": "lists"
23
+ },
24
+ {
25
+ "id": "list.leading-icon",
26
+ "selector": "rc-list-item > [slot='leading'][data-rc-list-leading]",
27
+ "geometry": {
28
+ "inlineSize": "24px",
29
+ "blockSize": "24px",
30
+ "iconSize": "24px"
31
+ },
32
+ "source": "lists"
33
+ },
34
+ {
35
+ "id": "button.small-container",
36
+ "selector": "rc-button:not([icon-only])",
37
+ "geometry": {
38
+ "minBlockSize": "40px"
39
+ },
40
+ "typography": {
41
+ "role": "label-large"
42
+ },
43
+ "source": "buttons"
44
+ },
45
+ {
46
+ "id": "icon-button.small",
47
+ "selector": "rc-button[icon-only]",
48
+ "geometry": {
49
+ "containerInlineSize": "40px",
50
+ "containerBlockSize": "40px",
51
+ "iconSize": "24px",
52
+ "minTouchTarget": "48px"
53
+ },
54
+ "source": "iconButtons"
55
+ },
56
+ {
57
+ "id": "adaptive-menu.overflow-trigger",
58
+ "selector": "rc-adaptive-menu::part(overflow-trigger)",
59
+ "variants": ["small", "narrow"],
60
+ "geometry": {
61
+ "containerInlineSize": "32px",
62
+ "containerBlockSize": "40px",
63
+ "iconSize": "24px",
64
+ "minTouchTarget": "48px"
65
+ },
66
+ "source": "iconButtonsExpressive"
67
+ },
68
+ {
69
+ "id": "menu.item",
70
+ "selector": "rc-menu [role^='menuitem'], rc-adaptive-menu > [data-rc-action-overflowed]",
71
+ "geometry": {
72
+ "minBlockSize": "48px",
73
+ "paddingInlineStart": "12px",
74
+ "paddingInlineEnd": "12px",
75
+ "contentGap": "12px",
76
+ "leadingIconSize": "24px"
77
+ },
78
+ "typography": {
79
+ "role": "body-large",
80
+ "fontSize": "16px",
81
+ "fontWeight": "400",
82
+ "lineHeight": "24px",
83
+ "tracking": "0.5px"
84
+ },
85
+ "source": "menus"
86
+ },
87
+ {
88
+ "id": "adaptive-menu.viewport-containment",
89
+ "selector": "rc-adaptive-menu::part(popup)",
90
+ "behavior": {
91
+ "maxInlineSize": "viewport - 8px",
92
+ "maxBlockSize": "viewport - 8px",
93
+ "overflow": "auto",
94
+ "overscrollBehavior": "contain"
95
+ },
96
+ "source": "menus"
97
+ }
98
+ ]
99
+ }