@starci/grammar 0.12.14 → 0.14.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.
Files changed (214) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +34 -31
  3. package/dist/.build-stamp.json +4 -4
  4. package/dist/common/components-forms.css +28 -44
  5. package/dist/common/components-list-panel.css +8 -0
  6. package/dist/common/components-navigation.css +163 -6
  7. package/dist/common/components-overlays.css +41 -2
  8. package/dist/common/conformance.d.ts +3 -8
  9. package/dist/common/conformance.d.ts.map +1 -1
  10. package/dist/common/conformance.js +4 -9
  11. package/dist/common/conformance.js.map +1 -1
  12. package/dist/common/registry.d.ts +24 -21
  13. package/dist/common/registry.d.ts.map +1 -1
  14. package/dist/common/registry.js +4 -4
  15. package/dist/common/registry.js.map +1 -1
  16. package/dist/common/renderers-forms.d.ts +11 -11
  17. package/dist/common/renderers-navigation.d.ts +5 -5
  18. package/dist/common/renderers-navigation.d.ts.map +1 -1
  19. package/dist/common/renderers-navigation.js +1 -1
  20. package/dist/common/renderers-navigation.js.map +1 -1
  21. package/dist/common/renderers-overlays.d.ts +2 -2
  22. package/dist/common/renderers-overlays.d.ts.map +1 -1
  23. package/dist/common/renderers-overlays.js.map +1 -1
  24. package/dist/common/renderers.d.ts +4 -1
  25. package/dist/common/renderers.d.ts.map +1 -1
  26. package/dist/common/renderers.js +3 -0
  27. package/dist/common/renderers.js.map +1 -1
  28. package/dist/common/{rule-catalog.generated.d.ts → rule-catalog.d.ts} +1 -1
  29. package/dist/common/rule-catalog.d.ts.map +1 -0
  30. package/dist/common/{rule-catalog.generated.js → rule-catalog.js} +2 -4
  31. package/dist/common/rule-catalog.js.map +1 -0
  32. package/dist/common/styles.css +236 -48
  33. package/dist/core/branch/ComboBox/index.d.ts +5 -5
  34. package/dist/core/branch/ComboBox/index.d.ts.map +1 -1
  35. package/dist/core/branch/ComboBox/index.js +9 -2
  36. package/dist/core/branch/ComboBox/index.js.map +1 -1
  37. package/dist/core/branch/DataTable/index.d.ts +20 -3
  38. package/dist/core/branch/DataTable/index.d.ts.map +1 -1
  39. package/dist/core/branch/DataTable/index.js +45 -8
  40. package/dist/core/branch/DataTable/index.js.map +1 -1
  41. package/dist/core/branch/FlowGraph/index.d.ts +26 -7
  42. package/dist/core/branch/FlowGraph/index.d.ts.map +1 -1
  43. package/dist/core/branch/FlowGraph/index.js +132 -30
  44. package/dist/core/branch/FlowGraph/index.js.map +1 -1
  45. package/dist/core/branch/FlowGraph/layout.d.ts +34 -1
  46. package/dist/core/branch/FlowGraph/layout.d.ts.map +1 -1
  47. package/dist/core/branch/FlowGraph/layout.js +82 -0
  48. package/dist/core/branch/FlowGraph/layout.js.map +1 -1
  49. package/dist/core/branch/FlowGraph/types.d.ts +13 -1
  50. package/dist/core/branch/FlowGraph/types.d.ts.map +1 -1
  51. package/dist/core/branch/ListBox/index.d.ts +4 -2
  52. package/dist/core/branch/ListBox/index.d.ts.map +1 -1
  53. package/dist/core/branch/ListBox/index.js +2 -2
  54. package/dist/core/branch/ListBox/index.js.map +1 -1
  55. package/dist/core/branch/MarkdownArticle/index.d.ts +7 -1
  56. package/dist/core/branch/MarkdownArticle/index.d.ts.map +1 -1
  57. package/dist/core/branch/MarkdownArticle/index.js +5 -2
  58. package/dist/core/branch/MarkdownArticle/index.js.map +1 -1
  59. package/dist/core/branch/Select/index.d.ts +6 -8
  60. package/dist/core/branch/Select/index.d.ts.map +1 -1
  61. package/dist/core/branch/Select/index.js +9 -5
  62. package/dist/core/branch/Select/index.js.map +1 -1
  63. package/dist/core/branch/SurfaceCard/index.d.ts +9 -0
  64. package/dist/core/branch/SurfaceCard/index.d.ts.map +1 -1
  65. package/dist/core/branch/SurfaceCard/index.js +3 -2
  66. package/dist/core/branch/SurfaceCard/index.js.map +1 -1
  67. package/dist/core/branch/Tabs/index.d.ts.map +1 -1
  68. package/dist/core/branch/Tabs/index.js +17 -0
  69. package/dist/core/branch/Tabs/index.js.map +1 -1
  70. package/dist/core/branch/Tooltip/index.d.ts +9 -1
  71. package/dist/core/branch/Tooltip/index.d.ts.map +1 -1
  72. package/dist/core/branch/Tooltip/index.js +2 -2
  73. package/dist/core/branch/Tooltip/index.js.map +1 -1
  74. package/dist/core/buttonIntent.d.ts.map +1 -1
  75. package/dist/core/buttonIntent.js +1 -2
  76. package/dist/core/buttonIntent.js.map +1 -1
  77. package/dist/core/collectionItem.d.ts +3 -3
  78. package/dist/core/collectionItem.d.ts.map +1 -1
  79. package/dist/core/collectionItem.js +1 -2
  80. package/dist/core/collectionItem.js.map +1 -1
  81. package/dist/core/composite/Alert/index.d.ts +5 -0
  82. package/dist/core/composite/Alert/index.d.ts.map +1 -1
  83. package/dist/core/composite/Alert/index.js +7 -2
  84. package/dist/core/composite/Alert/index.js.map +1 -1
  85. package/dist/core/composite/CheckboxGroup/index.d.ts +6 -5
  86. package/dist/core/composite/CheckboxGroup/index.d.ts.map +1 -1
  87. package/dist/core/composite/CheckboxGroup/index.js +10 -3
  88. package/dist/core/composite/CheckboxGroup/index.js.map +1 -1
  89. package/dist/core/composite/DescriptionList/index.d.ts +3 -2
  90. package/dist/core/composite/DescriptionList/index.d.ts.map +1 -1
  91. package/dist/core/composite/DescriptionList/index.js +5 -4
  92. package/dist/core/composite/DescriptionList/index.js.map +1 -1
  93. package/dist/core/composite/RadioGroup/index.d.ts +5 -3
  94. package/dist/core/composite/RadioGroup/index.d.ts.map +1 -1
  95. package/dist/core/composite/RadioGroup/index.js +9 -2
  96. package/dist/core/composite/RadioGroup/index.js.map +1 -1
  97. package/dist/core/composite/SegmentedControl/index.d.ts +6 -6
  98. package/dist/core/composite/SegmentedControl/index.d.ts.map +1 -1
  99. package/dist/core/composite/SegmentedControl/index.js +9 -5
  100. package/dist/core/composite/SegmentedControl/index.js.map +1 -1
  101. package/dist/core/composite/TagGroup/index.d.ts +27 -4
  102. package/dist/core/composite/TagGroup/index.d.ts.map +1 -1
  103. package/dist/core/composite/TagGroup/index.js +132 -2
  104. package/dist/core/composite/TagGroup/index.js.map +1 -1
  105. package/dist/core/composite/Timeline/index.d.ts +5 -0
  106. package/dist/core/composite/Timeline/index.d.ts.map +1 -1
  107. package/dist/core/composite/Timeline/index.js +1 -1
  108. package/dist/core/composite/Timeline/index.js.map +1 -1
  109. package/dist/core/composition/Sidebar/index.d.ts +4 -0
  110. package/dist/core/composition/Sidebar/index.d.ts.map +1 -1
  111. package/dist/core/composition/Sidebar/index.js +4 -2
  112. package/dist/core/composition/Sidebar/index.js.map +1 -1
  113. package/dist/core/dna.d.ts +1 -1
  114. package/dist/core/dna.js +1 -1
  115. package/dist/core/dna.js.map +1 -1
  116. package/dist/core/index.d.ts +1 -1
  117. package/dist/core/index.d.ts.map +1 -1
  118. package/dist/core/primitive/Avatar/index.d.ts +1 -1
  119. package/dist/core/primitive/Badge/index.d.ts +8 -5
  120. package/dist/core/primitive/Badge/index.d.ts.map +1 -1
  121. package/dist/core/primitive/Badge/index.js +14 -5
  122. package/dist/core/primitive/Badge/index.js.map +1 -1
  123. package/dist/core/primitive/Button/index.d.ts +10 -2
  124. package/dist/core/primitive/Button/index.d.ts.map +1 -1
  125. package/dist/core/primitive/Button/index.js +15 -4
  126. package/dist/core/primitive/Button/index.js.map +1 -1
  127. package/dist/core/primitive/Checkbox/index.d.ts +5 -3
  128. package/dist/core/primitive/Checkbox/index.d.ts.map +1 -1
  129. package/dist/core/primitive/Checkbox/index.js +9 -2
  130. package/dist/core/primitive/Checkbox/index.js.map +1 -1
  131. package/dist/core/primitive/Code/index.d.ts +10 -0
  132. package/dist/core/primitive/Code/index.d.ts.map +1 -0
  133. package/dist/core/primitive/Code/index.js +5 -0
  134. package/dist/core/primitive/Code/index.js.map +1 -0
  135. package/dist/core/primitive/Field/index.d.ts +12 -25
  136. package/dist/core/primitive/Field/index.d.ts.map +1 -1
  137. package/dist/core/primitive/Field/index.js +13 -14
  138. package/dist/core/primitive/Field/index.js.map +1 -1
  139. package/dist/core/primitive/GrammarRoot/index.d.ts +8 -1
  140. package/dist/core/primitive/GrammarRoot/index.d.ts.map +1 -1
  141. package/dist/core/primitive/GrammarRoot/index.js +5 -1
  142. package/dist/core/primitive/GrammarRoot/index.js.map +1 -1
  143. package/dist/core/primitive/Icon/index.d.ts.map +1 -1
  144. package/dist/core/primitive/Icon/index.js +3 -2
  145. package/dist/core/primitive/Icon/index.js.map +1 -1
  146. package/dist/core/primitive/Input/index.d.ts +9 -4
  147. package/dist/core/primitive/Input/index.d.ts.map +1 -1
  148. package/dist/core/primitive/Input/index.js +13 -8
  149. package/dist/core/primitive/Input/index.js.map +1 -1
  150. package/dist/core/primitive/Meter/index.d.ts +4 -1
  151. package/dist/core/primitive/Meter/index.d.ts.map +1 -1
  152. package/dist/core/primitive/Meter/index.js +3 -3
  153. package/dist/core/primitive/Meter/index.js.map +1 -1
  154. package/dist/core/primitive/NumberField/index.d.ts +6 -5
  155. package/dist/core/primitive/NumberField/index.d.ts.map +1 -1
  156. package/dist/core/primitive/NumberField/index.js +10 -3
  157. package/dist/core/primitive/NumberField/index.js.map +1 -1
  158. package/dist/core/primitive/PinnedActionBar/index.d.ts +25 -6
  159. package/dist/core/primitive/PinnedActionBar/index.d.ts.map +1 -1
  160. package/dist/core/primitive/PinnedActionBar/index.js +9 -4
  161. package/dist/core/primitive/PinnedActionBar/index.js.map +1 -1
  162. package/dist/core/primitive/SearchField/index.d.ts +6 -5
  163. package/dist/core/primitive/SearchField/index.d.ts.map +1 -1
  164. package/dist/core/primitive/SearchField/index.js +10 -3
  165. package/dist/core/primitive/SearchField/index.js.map +1 -1
  166. package/dist/core/primitive/SectionHeader/index.d.ts +3 -3
  167. package/dist/core/primitive/SectionHeader/index.js +2 -2
  168. package/dist/core/primitive/SectionHeader/index.js.map +1 -1
  169. package/dist/core/primitive/Skeleton/index.d.ts +11 -0
  170. package/dist/core/primitive/Skeleton/index.d.ts.map +1 -1
  171. package/dist/core/primitive/Skeleton/index.js +12 -1
  172. package/dist/core/primitive/Skeleton/index.js.map +1 -1
  173. package/dist/core/primitive/StatusDot/index.d.ts +61 -0
  174. package/dist/core/primitive/StatusDot/index.d.ts.map +1 -0
  175. package/dist/core/primitive/StatusDot/index.js +55 -0
  176. package/dist/core/primitive/StatusDot/index.js.map +1 -0
  177. package/dist/core/primitive/Switch/index.d.ts +4 -3
  178. package/dist/core/primitive/Switch/index.d.ts.map +1 -1
  179. package/dist/core/primitive/Switch/index.js +5 -2
  180. package/dist/core/primitive/Switch/index.js.map +1 -1
  181. package/dist/core/primitive/Terminal/index.d.ts +20 -0
  182. package/dist/core/primitive/Terminal/index.d.ts.map +1 -0
  183. package/dist/core/primitive/Terminal/index.js +29 -0
  184. package/dist/core/primitive/Terminal/index.js.map +1 -0
  185. package/dist/core/primitive/Text/index.d.ts +5 -1
  186. package/dist/core/primitive/Text/index.d.ts.map +1 -1
  187. package/dist/core/primitive/Text/index.js +12 -7
  188. package/dist/core/primitive/Text/index.js.map +1 -1
  189. package/dist/core/primitive/TextAction/index.d.ts.map +1 -1
  190. package/dist/core/primitive/TextAction/index.js +9 -4
  191. package/dist/core/primitive/TextAction/index.js.map +1 -1
  192. package/dist/core/primitive/Textarea/index.d.ts +8 -4
  193. package/dist/core/primitive/Textarea/index.d.ts.map +1 -1
  194. package/dist/core/primitive/Textarea/index.js +9 -5
  195. package/dist/core/primitive/Textarea/index.js.map +1 -1
  196. package/dist/core/styles.css +18 -6
  197. package/dist/offset-pop/components-forms.css +0 -17
  198. package/dist/offset-pop/components-navigation.css +30 -4
  199. package/dist/offset-pop/components-overlays.css +5 -0
  200. package/dist/offset-pop/index.d.ts +1 -1
  201. package/dist/offset-pop/index.d.ts.map +1 -1
  202. package/dist/offset-pop/styles.css +44 -0
  203. package/package.json +7 -12
  204. package/dist/common/rule-catalog.generated.d.ts.map +0 -1
  205. package/dist/common/rule-catalog.generated.js.map +0 -1
  206. package/dist/heritage/dna.d.ts +0 -63
  207. package/dist/heritage/dna.d.ts.map +0 -1
  208. package/dist/heritage/dna.js +0 -37
  209. package/dist/heritage/dna.js.map +0 -1
  210. package/dist/heritage/index.d.ts +0 -27
  211. package/dist/heritage/index.d.ts.map +0 -1
  212. package/dist/heritage/index.js +0 -46
  213. package/dist/heritage/index.js.map +0 -1
  214. package/dist/heritage/styles.css +0 -187
@@ -58,6 +58,10 @@
58
58
  --offset-pop-surface-shadow: var(--offset-pop-shadow-x) var(--offset-pop-shadow-y) 0 var(--offset-pop-shadow-ink);
59
59
  --offset-pop-motion-duration: 140ms;
60
60
  --offset-pop-motion-easing: cubic-bezier(.2, .8, .2, 1);
61
+ /* The Terminal console: an ink panel with canvas text and a yellow title. */
62
+ --offset-pop-terminal-background: var(--offset-pop-ink);
63
+ --offset-pop-terminal-foreground: var(--offset-pop-canvas);
64
+ --offset-pop-terminal-title-foreground: var(--offset-pop-yellow);
61
65
 
62
66
  /* The composite motion value every family transition reads; reduced motion replaces it. */
63
67
  --offset-pop-transition: var(--offset-pop-motion-duration) var(--offset-pop-motion-easing);
@@ -72,6 +76,9 @@
72
76
  --surface-foreground: var(--offset-pop-foreground);
73
77
  --surface-secondary: var(--offset-pop-surface-secondary);
74
78
  --surface-secondary-foreground: var(--offset-pop-foreground);
79
+ --terminal-background: var(--offset-pop-terminal-background);
80
+ --terminal-foreground: var(--offset-pop-terminal-foreground);
81
+ --terminal-title-foreground: var(--offset-pop-terminal-title-foreground);
75
82
  --muted: var(--offset-pop-muted);
76
83
  --border: var(--offset-pop-border);
77
84
  --separator: var(--offset-pop-separator);
@@ -181,6 +188,11 @@
181
188
  font-weight: 800;
182
189
  }
183
190
 
191
+ /* A disabled Button's tooltip wrapper carries its focus ring in the family's button radius. */
192
+ .grammar-common-root[data-grammar-family="offset-pop"] .starci-core-tooltip-disabled-trigger:has(> [data-component="Button"]) {
193
+ border-radius: var(--radius);
194
+ }
195
+
184
196
  .grammar-common-root[data-grammar-family="offset-pop"] [data-component="Badge"] {
185
197
  border: var(--offset-pop-outline-width) solid var(--border);
186
198
  border-radius: var(--offset-pop-pill-radius);
@@ -188,6 +200,38 @@
188
200
  font-weight: 800;
189
201
  }
190
202
 
203
+ /* StatusDot with text: a pill in ink. No outline, so its padding and height stay the HeroUI Chip's. */
204
+ .grammar-common-root[data-grammar-family="offset-pop"] [data-component="StatusDot"][data-variant="text"] {
205
+ border-radius: var(--offset-pop-pill-radius);
206
+ font-weight: 800;
207
+ }
208
+
209
+ /* The status dot takes an ink ring so it reads on the cream canvas. */
210
+ .grammar-common-root[data-grammar-family="offset-pop"] .starci-core-status-dot-mark {
211
+ box-shadow: 0 0 0 1px var(--offset-pop-ink);
212
+ }
213
+
214
+ .grammar-common-root[data-grammar-family="offset-pop"] [data-component="Badge"][data-tone="muted"] {
215
+ border-style: dashed;
216
+ }
217
+
218
+ .grammar-common-root[data-grammar-family="offset-pop"] [data-component="Code"] {
219
+ border: 1px solid var(--offset-pop-ink);
220
+ border-radius: 0.5rem;
221
+ background: var(--offset-pop-blush);
222
+ color: var(--offset-pop-ink);
223
+ }
224
+
225
+ /*
226
+ * Terminal: ink panel with the family's offset shadow. An ink shadow would vanish into an ink panel (it only
227
+ * notched the corners), so the shadow takes the family's pink.
228
+ */
229
+ .grammar-common-root[data-grammar-family="offset-pop"] [data-component="Terminal"] {
230
+ border: var(--offset-pop-outline-width) solid var(--offset-pop-ink);
231
+ border-radius: var(--offset-pop-control-radius);
232
+ box-shadow: var(--offset-pop-shadow-x) var(--offset-pop-shadow-x) 0 var(--offset-pop-pink);
233
+ }
234
+
191
235
  .grammar-common-root[data-grammar-family="offset-pop"] [data-grammar-surface-card][data-slot="card"] {
192
236
  border: 0;
193
237
  background: transparent;
package/package.json CHANGED
@@ -1,22 +1,24 @@
1
1
  {
2
2
  "name": "@starci/grammar",
3
- "version": "0.12.14",
3
+ "version": "0.14.0",
4
4
  "description": "Reusable StarCi React components, compositions, and packaged visual DNA.",
5
5
  "keywords": [
6
6
  "starci",
7
7
  "design-system",
8
8
  "grammar"
9
9
  ],
10
+ "type": "module",
11
+ "license": "MIT",
12
+ "author": "starci183",
13
+ "homepage": "https://github.com/starci183/starci-harness/tree/main/packages/grammar#readme",
10
14
  "repository": {
11
15
  "type": "git",
12
- "url": "git+https://github.com/starci183/starci-skills.git",
16
+ "url": "git+https://github.com/starci183/starci-harness.git",
13
17
  "directory": "packages/grammar"
14
18
  },
15
19
  "bugs": {
16
- "url": "https://github.com/starci183/starci-skills/issues"
20
+ "url": "https://github.com/starci183/starci-harness/issues"
17
21
  },
18
- "homepage": "https://github.com/starci183/starci-skills/tree/main/packages/grammar#readme",
19
- "type": "module",
20
22
  "sideEffects": [
21
23
  "./dist/**/*.css"
22
24
  ],
@@ -40,12 +42,6 @@
40
42
  },
41
43
  "./core.css": "./dist/core/styles.css",
42
44
  "./core/styles.css": "./dist/core/styles.css",
43
- "./heritage": {
44
- "types": "./dist/heritage/index.d.ts",
45
- "import": "./dist/heritage/index.js"
46
- },
47
- "./heritage.css": "./dist/heritage/styles.css",
48
- "./heritage/styles.css": "./dist/heritage/styles.css",
49
45
  "./offset-pop": {
50
46
  "types": "./dist/offset-pop/index.d.ts",
51
47
  "import": "./dist/offset-pop/index.js"
@@ -97,7 +93,6 @@
97
93
  "@starci/tsconfig": "2.0.7",
98
94
  "aria-query": "5.3.0"
99
95
  },
100
- "license": "MIT",
101
96
  "publishConfig": {
102
97
  "access": "public"
103
98
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"rule-catalog.generated.d.ts","sourceRoot":"","sources":["../../src/common/rule-catalog.generated.ts"],"names":[],"mappings":"AAQA,qFAAqF;AACrF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCpB,CAAA;AAEX,gFAAgF;AAChF,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,MAAM,CAoNnD,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"rule-catalog.generated.js","sourceRoot":"","sources":["../../src/common/rule-catalog.generated.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,qFAAqF;AACrF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5C,MAAM,EAAE,CAAC,EAAE,8BAA8B;IACzC,QAAQ,EAAE,CAAC,EAAE,6BAA6B;IAC1C,QAAQ,EAAE,CAAC,EAAE,6BAA6B;IAC1C,SAAS,EAAE,CAAC,EAAE,+BAA+B;IAC7C,UAAU,EAAE,CAAC,EAAE,gCAAgC;IAC/C,OAAO,EAAE,CAAC,EAAE,sBAAsB;IAClC,YAAY,EAAE,CAAC,EAAE,iCAAiC;IAClD,OAAO,EAAE,CAAC,EAAE,yBAAyB;IACrC,UAAU,EAAE,CAAC,EAAE,yBAAyB;IACxC,UAAU,EAAE,CAAC,EAAE,+BAA+B;IAC9C,KAAK,EAAE,CAAC,EAAE,0BAA0B;IACpC,YAAY,EAAE,CAAC,EAAE,4BAA4B;IAC7C,cAAc,EAAE,CAAC,EAAE,gCAAgC;IACnD,UAAU,EAAE,CAAC,EAAE,+BAA+B;IAC9C,MAAM,EAAE,CAAC,EAAE,iCAAiC;IAC5C,OAAO,EAAE,CAAC,EAAE,sBAAsB;IAClC,MAAM,EAAE,CAAC,EAAE,4BAA4B;IACvC,KAAK,EAAE,CAAC,EAAE,2BAA2B;IACrC,WAAW,EAAE,CAAC,EAAE,gCAAgC;IAChD,QAAQ,EAAE,CAAC,EAAE,6BAA6B;IAC1C,QAAQ,EAAE,CAAC,EAAE,8BAA8B;IAC3C,SAAS,EAAE,CAAC,EAAE,+BAA+B;IAC7C,QAAQ,EAAE,CAAC,EAAE,uBAAuB;IACpC,UAAU,EAAE,CAAC,EAAE,gCAAgC;IAC/C,SAAS,EAAE,EAAE,EAAE,+BAA+B;IAC9C,QAAQ,EAAE,CAAC,EAAE,8BAA8B;IAC3C,YAAY,EAAE,CAAC,EAAE,iCAAiC;IAClD,OAAO,EAAE,CAAC,EAAE,4BAA4B;IACxC,SAAS,EAAE,CAAC,EAAE,+BAA+B;IAC7C,OAAO,EAAE,EAAE,EAAE,sBAAsB;IACnC,MAAM,EAAE,CAAC,EAAE,4BAA4B;IACvC,OAAO,EAAE,CAAC,EAAE,6BAA6B;IACzC,IAAI,EAAE,EAAE,EAAE,mBAAmB;CACvB,CAAC,CAAA;AAEX,gFAAgF;AAChF,MAAM,CAAC,MAAM,kBAAkB,GAA0B,MAAM,CAAC,MAAM,CAAC;IACnE,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,aAAa;IACb,cAAc;IACd,cAAc;IACd,cAAc;IACd,QAAQ;IACR,SAAS;IACT,SAAS;IACT,WAAW;IACX,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,aAAa;IACb,cAAc;IACd,cAAc;IACd,cAAc;IACd,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,YAAY;IACZ,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,aAAa;IACb,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,aAAa;IACb,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;CACV,CAAC,CAAA"}
@@ -1,63 +0,0 @@
1
- /** HeroUI parity and the Common arrangement retained by the Heritage family skin. */
2
- export declare const HERITAGE_DNA: Readonly<{
3
- readonly id: "heritage";
4
- readonly version: 1;
5
- readonly paths: readonly string[];
6
- readonly vendor: Readonly<{
7
- name: "heroui";
8
- parity: "custom";
9
- }>;
10
- readonly arrangement: Readonly<{
11
- indicatorSide: Readonly<{
12
- default: "vendor";
13
- "Dropdown.ItemIndicator": Readonly<{
14
- default: "start";
15
- submenu: "end";
16
- }>;
17
- "ListBox.ItemIndicator": "end";
18
- "Select.Indicator": "end";
19
- }>;
20
- separators: "between-sections";
21
- iconSize: Readonly<{
22
- default: "vendor";
23
- "Dropdown.Item:leading-glyph-size": "20px";
24
- "Switch.Icon:glyph-size": Readonly<{
25
- md: "16px";
26
- lg: "20px";
27
- control: "20px";
28
- }>;
29
- }>;
30
- density: "vendor";
31
- }>;
32
- readonly collectionItem: Readonly<{
33
- descriptionLines: 1;
34
- unreadWeight: 600;
35
- }>;
36
- readonly intent: Readonly<{
37
- commit: Readonly<{
38
- decision: "primary";
39
- item: "secondary";
40
- chrome: "primary";
41
- }>;
42
- alternative: "secondary";
43
- dismiss: "tertiary";
44
- neutral: Readonly<{
45
- button: Readonly<{
46
- decision: "outline";
47
- item: "ghost";
48
- chrome: "ghost";
49
- }>;
50
- iconButton: Readonly<{
51
- decision: "outline";
52
- item: "ghost";
53
- chrome: "ghost";
54
- navbar: "tertiary";
55
- }>;
56
- }>;
57
- destructive: Readonly<{
58
- entry: "danger-soft";
59
- confirm: "danger";
60
- }>;
61
- }>;
62
- }>;
63
- //# sourceMappingURL=dna.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dna.d.ts","sourceRoot":"","sources":["../../src/heritage/dna.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCd,CAAA"}
@@ -1,37 +0,0 @@
1
- /** HeroUI parity and the Common arrangement retained by the Heritage family skin. */
2
- export const HERITAGE_DNA = Object.freeze({
3
- id: "heritage",
4
- version: 1,
5
- paths: Object.freeze(["heritage/"]),
6
- vendor: Object.freeze({ name: "heroui", parity: "custom" }),
7
- arrangement: Object.freeze({
8
- indicatorSide: Object.freeze({
9
- default: "vendor",
10
- "Dropdown.ItemIndicator": Object.freeze({ default: "start", submenu: "end" }),
11
- "ListBox.ItemIndicator": "end",
12
- "Select.Indicator": "end",
13
- }),
14
- separators: "between-sections",
15
- iconSize: Object.freeze({
16
- default: "vendor",
17
- "Dropdown.Item:leading-glyph-size": "20px",
18
- "Switch.Icon:glyph-size": Object.freeze({ md: "16px", lg: "20px", control: "20px" }),
19
- }),
20
- density: "vendor",
21
- }),
22
- collectionItem: Object.freeze({
23
- descriptionLines: 1,
24
- unreadWeight: 600,
25
- }),
26
- intent: Object.freeze({
27
- commit: Object.freeze({ decision: "primary", item: "secondary", chrome: "primary" }),
28
- alternative: "secondary",
29
- dismiss: "tertiary",
30
- neutral: Object.freeze({
31
- button: Object.freeze({ decision: "outline", item: "ghost", chrome: "ghost" }),
32
- iconButton: Object.freeze({ decision: "outline", item: "ghost", chrome: "ghost", navbar: "tertiary" }),
33
- }),
34
- destructive: Object.freeze({ entry: "danger-soft", confirm: "danger" }),
35
- }),
36
- });
37
- //# sourceMappingURL=dna.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dna.js","sourceRoot":"","sources":["../../src/heritage/dna.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;IACtC,EAAE,EAAE,UAAU;IACd,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;IAC3D,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC;YACzB,OAAO,EAAE,QAAQ;YACjB,wBAAwB,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;YAC7E,uBAAuB,EAAE,KAAK;YAC9B,kBAAkB,EAAE,KAAK;SAC5B,CAAC;QACF,UAAU,EAAE,kBAAkB;QAC9B,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC;YACpB,OAAO,EAAE,QAAQ;YACjB,kCAAkC,EAAE,MAAM;YAC1C,wBAAwB,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;SACvF,CAAC;QACF,OAAO,EAAE,QAAQ;KACpB,CAAC;IACF,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC;QAC1B,gBAAgB,EAAE,CAAC;QACnB,YAAY,EAAE,GAAG;KACpB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QACpF,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;YAC9E,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;SACzG,CAAC;QACF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;KAC1E,CAAC;CACI,CAAC,CAAA"}
@@ -1,27 +0,0 @@
1
- import { type GrammarRootProps } from "../common/index.js";
2
- /** Resolved institutional identity; destination behavior remains with the consumer. */
3
- export type HeritageBrandProps = {
4
- readonly name: string;
5
- readonly descriptor: string;
6
- readonly logo: {
7
- readonly src: string;
8
- readonly width: number;
9
- readonly height: number;
10
- };
11
- };
12
- /** Official product-neutral Heritage family contract. */
13
- export declare const heritageGrammar: import("../common/registry.js").GrammarFamilyContract<"heritage", {
14
- readonly Brand: import("react").FunctionComponent<HeritageBrandProps>;
15
- }>;
16
- export declare const heritageRuleConformance: Readonly<{
17
- familyId: string;
18
- inheritedCommonRules: readonly string[];
19
- familyEvidence: Readonly<{
20
- [x: string]: readonly string[];
21
- }>;
22
- }>;
23
- export declare const HeritageGrammarRoot: ({ className, theme, ...props }: GrammarRootProps) => import("react").JSX.Element;
24
- export declare const HeritageButton: (props: import("../common/renderers.js").ButtonProps) => import("react").JSX.Element;
25
- export declare const HeritageHeading: ({ children, level, scale, isSkeleton, isVisuallyHidden, }: import("../common/renderers.js").HeadingProps) => import("react").JSX.Element;
26
- export declare const HeritageBrand: import("react").FunctionComponent<HeritageBrandProps>;
27
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/heritage/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAG3B,uFAAuF;AACvF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE;QACX,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;QACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAC1B,CAAA;CACJ,CAAA;AAuBD,yDAAyD;AACzD,eAAO,MAAM,eAAe;;EAc1B,CAAA;AAUF,eAAO,MAAM,uBAAuB;;;;;;EAIlC,CAAA;AAEF,eAAO,MAAM,mBAAmB,mFAAyC,CAAA;AACzE,eAAO,MAAM,cAAc,sFAAoC,CAAA;AAC/D,eAAO,MAAM,eAAe,2IAAqC,CAAA;AACjE,eAAO,MAAM,aAAa,uDAAmC,CAAA"}
@@ -1,46 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { COMMON_GRAMMAR_COMPONENTS, COMMON_UI_RULE_IDS, defineGrammarFamily, defineGrammarRuleConformance, } from "../common/index.js";
4
- import { createElement } from "react";
5
- const HeritageGrammarRootRenderer = (props) => {
6
- const CommonGrammarRoot = COMMON_GRAMMAR_COMPONENTS.GrammarRoot;
7
- return createElement(CommonGrammarRoot, { ...props, "data-grammar-family": "heritage" });
8
- };
9
- /**
10
- * Family extension for non-interactive brand content inside a consumer-owned destination.
11
- * Brand receives approved logo identity; asset generation remains outside Grammar.
12
- */
13
- const HeritageBrandRenderer = ({ name, descriptor, logo }) => (_jsxs("span", { "data-family-component": "Brand", children: [_jsx("span", { "data-family-part": "brand-mark", "aria-hidden": "true", children: _jsx("img", { src: logo.src, alt: "", width: logo.width, height: logo.height }) }), _jsxs("span", { "data-family-part": "brand-copy", children: [_jsx("strong", { children: name }), _jsx("span", { children: descriptor })] })] }));
14
- /** Official product-neutral Heritage family contract. */
15
- export const heritageGrammar = defineGrammarFamily({
16
- id: "heritage",
17
- styles: {
18
- entrypoint: "@starci/grammar/heritage/styles.css",
19
- scope: { attribute: "data-grammar-family", value: "heritage" },
20
- },
21
- components: {
22
- replacements: {
23
- GrammarRoot: HeritageGrammarRootRenderer,
24
- },
25
- extensions: {
26
- Brand: HeritageBrandRenderer,
27
- },
28
- },
29
- });
30
- const HERITAGE_FAMILY_EVIDENCE = {
31
- "A11Y-4": ["Brand is non-interactive and its supplied image is decorative."],
32
- "BOUNDARY-1": ["Heritage surfaces bind material only through emitted Common surface hooks."],
33
- "COLOR-5": ["Heritage owns scoped light, dark, system, and forced-color variables."],
34
- "FOCUS-1": ["Heritage binds the shared visible focus variable without replacing focus ownership."],
35
- "GAP-2": ["Brand anatomy uses the invariant Common spacing tokens."],
36
- };
37
- export const heritageRuleConformance = defineGrammarRuleConformance({
38
- familyId: "heritage",
39
- inheritedCommonRules: COMMON_UI_RULE_IDS.filter((rule) => !(rule in HERITAGE_FAMILY_EVIDENCE)),
40
- familyEvidence: HERITAGE_FAMILY_EVIDENCE,
41
- });
42
- export const HeritageGrammarRoot = heritageGrammar.components.GrammarRoot;
43
- export const HeritageButton = heritageGrammar.components.Button;
44
- export const HeritageHeading = heritageGrammar.components.Heading;
45
- export const HeritageBrand = heritageGrammar.components.Brand;
46
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/heritage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,4BAA4B,GAG/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAarC,MAAM,2BAA2B,GAA+C,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,WAAW,CAAA;IAC/D,OAAO,aAAa,CAAC,iBAAiB,EAAE,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC,CAAA;AAC5F,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,qBAAqB,GAAiD,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxG,yCAA4B,OAAO,aAC/B,mCAAuB,YAAY,iBAAa,MAAM,YAClD,cAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,GAClE,EACP,oCAAuB,YAAY,aAC/B,2BAAS,IAAI,GAAU,EACvB,yBAAO,UAAU,GAAQ,IACtB,IACJ,CACV,CAAA;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAAC;IAC/C,EAAE,EAAE,UAAU;IACd,MAAM,EAAE;QACJ,UAAU,EAAE,qCAAqC;QACjD,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;KACjE;IACD,UAAU,EAAE;QACR,YAAY,EAAE;YACV,WAAW,EAAE,2BAA2B;SAC3C;QACD,UAAU,EAAE;YACR,KAAK,EAAE,qBAAqB;SAC/B;KACJ;CACJ,CAAC,CAAA;AAEF,MAAM,wBAAwB,GAAG;IAC7B,QAAQ,EAAE,CAAC,gEAAgE,CAAC;IAC5E,YAAY,EAAE,CAAC,4EAA4E,CAAC;IAC5F,SAAS,EAAE,CAAC,uEAAuE,CAAC;IACpF,SAAS,EAAE,CAAC,qFAAqF,CAAC;IAClG,OAAO,EAAE,CAAC,yDAAyD,CAAC;CAC9D,CAAA;AAEV,MAAM,CAAC,MAAM,uBAAuB,GAAG,4BAA4B,CAAC;IAChE,QAAQ,EAAE,UAAU;IACpB,oBAAoB,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,wBAAwB,CAAC,CAAC;IAC9F,cAAc,EAAE,wBAAwB;CAC3C,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC,UAAU,CAAC,WAAW,CAAA;AACzE,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,UAAU,CAAC,MAAM,CAAA;AAC/D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAA;AACjE,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAA"}
@@ -1,187 +0,0 @@
1
- @import "../common/styles.css";
2
-
3
- @layer starci-grammar-heritage {
4
- .grammar-common-root[data-grammar-family="heritage"] {
5
- color-scheme: light;
6
-
7
- --heritage-green-900: oklch(29% 0.085 147);
8
- --heritage-green-700: oklch(42% 0.12 147);
9
- --heritage-ink: oklch(18% 0.018 145);
10
- --heritage-muted: oklch(49% 0.018 145);
11
- --heritage-ivory: oklch(97.5% 0.014 96);
12
- --heritage-paper: oklch(99.3% 0.005 96);
13
- --heritage-line: oklch(88% 0.012 110);
14
- --heritage-danger: oklch(53% 0.18 28);
15
- /* Text on a fill: white on the deep light-theme fills, the night ink on the pale dark-theme ones. */
16
- --heritage-on-accent: white;
17
- --heritage-on-danger: white;
18
- --heritage-on-pale: oklch(18% 0.018 145);
19
- --heritage-display: Georgia, "Times New Roman", serif;
20
- --heritage-sans: "Segoe UI", Arial, ui-sans-serif, system-ui, sans-serif;
21
-
22
- --accent: var(--heritage-green-700);
23
- --accent-foreground: var(--heritage-on-accent);
24
- --focus: var(--heritage-green-700);
25
- --background: var(--heritage-ivory);
26
- --foreground: var(--heritage-ink);
27
- --surface: var(--heritage-paper);
28
- --surface-foreground: var(--heritage-ink);
29
- --surface-secondary: var(--heritage-ivory);
30
- --surface-secondary-foreground: var(--heritage-ink);
31
- --muted: var(--heritage-muted);
32
- --border: var(--heritage-line);
33
- --separator: var(--heritage-line);
34
- --success: var(--heritage-green-700);
35
- --success-foreground: var(--heritage-on-accent);
36
- --warning: oklch(76% 0.13 82);
37
- --warning-foreground: var(--heritage-on-pale);
38
- --danger: var(--heritage-danger);
39
- --danger-foreground: var(--heritage-on-danger);
40
- --info: oklch(70% 0.09 235);
41
- --info-foreground: var(--heritage-on-pale);
42
- --field-background: var(--heritage-paper);
43
- --field-border: var(--heritage-line);
44
- --field-foreground: var(--heritage-ink);
45
- --field-placeholder: var(--heritage-muted);
46
- --radius: 0;
47
- --field-radius: 0;
48
- --shadow-surface: 0 1.5rem 4rem rgb(16 68 37 / 12%);
49
-
50
- color: var(--foreground);
51
- background: var(--background);
52
- font-family: var(--heritage-sans);
53
- }
54
-
55
- .grammar-common-root[data-grammar-family="heritage"][data-grammar-theme="dark"] {
56
- color-scheme: dark;
57
-
58
- --heritage-green-900: oklch(88% 0.08 147);
59
- --heritage-green-700: oklch(74% 0.12 147);
60
- --heritage-ink: oklch(96% 0.01 96);
61
- --heritage-muted: oklch(75% 0.018 110);
62
- --heritage-ivory: oklch(16% 0.018 145);
63
- --heritage-paper: oklch(21% 0.018 145);
64
- --heritage-line: oklch(38% 0.025 145);
65
- --heritage-danger: oklch(72% 0.15 28);
66
- --heritage-on-accent: oklch(16% 0.018 145);
67
- --heritage-on-danger: oklch(16% 0.018 145);
68
- }
69
-
70
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface-card][data-slot="card"] {
71
- border: 0;
72
- background: transparent;
73
- box-shadow: none;
74
- }
75
-
76
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface-card][data-slot="card"] [data-grammar-frame="bounded"][data-slot="card-content"],
77
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface] {
78
- border: 1px solid var(--border);
79
- border-radius: var(--radius);
80
- background: var(--surface);
81
- box-shadow: var(--shadow-surface);
82
- color: var(--surface-foreground);
83
- }
84
-
85
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface-card][data-slot="card"] [data-grammar-frame="bounded"][data-slot="card-content"][data-grammar-surface-depth="nested"],
86
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface][data-grammar-surface-depth="nested"] {
87
- background: var(--surface-secondary);
88
- box-shadow: none;
89
- }
90
-
91
- /* The ink band (SurfaceCard treatment="ink", 0.6.0) keeps its ink ground over the family's paper surface. */
92
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface-card][data-slot="card"] [data-grammar-frame="bounded"][data-slot="card-content"][data-grammar-surface-treatment="ink"] {
93
- border-color: var(--grammar-ink-band);
94
- background: var(--grammar-ink-band);
95
- color: var(--grammar-ink-band-foreground);
96
- }
97
-
98
- .grammar-common-root[data-grammar-family="heritage"] [data-grammar-surface-label] {
99
- color: var(--heritage-green-900);
100
- font-family: var(--heritage-display);
101
- }
102
-
103
- .grammar-common-root[data-grammar-family="heritage"] [data-family-component="Brand"] {
104
- display: inline-flex;
105
- min-height: 3.5rem;
106
- align-items: center;
107
- gap: var(--grammar-row-gap);
108
- text-align: start;
109
- }
110
-
111
- .grammar-common-root[data-grammar-family="heritage"] [data-family-part="brand-mark"] {
112
- display: grid;
113
- inline-size: 3.5rem;
114
- block-size: 3.5rem;
115
- overflow: hidden;
116
- flex: 0 0 auto;
117
- place-items: center;
118
- border-radius: 50%;
119
- background: white;
120
- }
121
-
122
- .grammar-common-root[data-grammar-family="heritage"] [data-family-part="brand-mark"] img {
123
- inline-size: 100%;
124
- block-size: 100%;
125
- object-fit: cover;
126
- }
127
-
128
- .grammar-common-root[data-grammar-family="heritage"] [data-family-part="brand-copy"] {
129
- display: grid;
130
- gap: 0.125rem;
131
- }
132
-
133
- .grammar-common-root[data-grammar-family="heritage"] [data-family-part="brand-copy"] strong {
134
- color: var(--heritage-green-900);
135
- font-family: var(--heritage-display);
136
- font-size: 1rem;
137
- font-weight: 800;
138
- letter-spacing: .125em;
139
- }
140
-
141
- .grammar-common-root[data-grammar-family="heritage"] [data-family-part="brand-copy"] span {
142
- color: var(--heritage-muted);
143
- font-size: .75rem;
144
- font-weight: 650;
145
- letter-spacing: .0625em;
146
- text-transform: uppercase;
147
- }
148
-
149
- @media (prefers-color-scheme: dark) {
150
- .grammar-common-root[data-grammar-family="heritage"][data-grammar-theme="system"] {
151
- color-scheme: dark;
152
-
153
- --heritage-green-900: oklch(88% 0.08 147);
154
- --heritage-green-700: oklch(74% 0.12 147);
155
- --heritage-ink: oklch(96% 0.01 96);
156
- --heritage-muted: oklch(75% 0.018 110);
157
- --heritage-ivory: oklch(16% 0.018 145);
158
- --heritage-paper: oklch(21% 0.018 145);
159
- --heritage-line: oklch(38% 0.025 145);
160
- --heritage-danger: oklch(72% 0.15 28);
161
- --heritage-on-accent: oklch(16% 0.018 145);
162
- --heritage-on-danger: oklch(16% 0.018 145);
163
- }
164
- }
165
-
166
- @media (forced-colors: active) {
167
- .grammar-common-root[data-grammar-family="heritage"] {
168
- --heritage-green-900: CanvasText;
169
- --heritage-green-700: Highlight;
170
- --heritage-ink: CanvasText;
171
- --heritage-muted: GrayText;
172
- --heritage-ivory: Canvas;
173
- --heritage-paper: Canvas;
174
- --heritage-line: CanvasText;
175
- --heritage-danger: CanvasText;
176
- --heritage-on-accent: HighlightText;
177
- --heritage-on-danger: Canvas;
178
- --heritage-on-pale: Canvas;
179
- --shadow-surface: none;
180
- }
181
-
182
- .grammar-common-root[data-grammar-family="heritage"] [data-family-part="brand-mark"] {
183
- border: 1px solid CanvasText;
184
- background: Canvas;
185
- }
186
- }
187
- }