@mitcsutt/kiln-ui 0.6.0 → 0.7.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 (178) hide show
  1. package/dist/components/actions/CopyButton/CopyButton.d.ts +58 -0
  2. package/dist/components/actions/CopyButton/CopyButton.js +63 -0
  3. package/dist/components/actions/CopyButton/CopyButton.js.map +1 -0
  4. package/dist/components/actions/CopyButton/CopyButton.module.js +9 -0
  5. package/dist/components/actions/CopyButton/CopyButton.module.js.map +1 -0
  6. package/dist/components/actions/CopyButton/index.d.ts +4 -0
  7. package/dist/components/actions/CopyButton/useClipboard.d.ts +35 -0
  8. package/dist/components/actions/CopyButton/useClipboard.js +62 -0
  9. package/dist/components/actions/CopyButton/useClipboard.js.map +1 -0
  10. package/dist/components/actions/ToggleChip/ToggleChip.d.ts +6 -0
  11. package/dist/components/actions/ToggleChip/ToggleChip.js +26 -24
  12. package/dist/components/actions/ToggleChip/ToggleChip.js.map +1 -1
  13. package/dist/components/display/Badge/Badge.d.ts +6 -0
  14. package/dist/components/display/Badge/Badge.js +16 -15
  15. package/dist/components/display/Badge/Badge.js.map +1 -1
  16. package/dist/components/display/CodeBlock/CodeBlock.js +45 -58
  17. package/dist/components/display/CodeBlock/CodeBlock.js.map +1 -1
  18. package/dist/components/display/Swatch/Swatch.d.ts +52 -0
  19. package/dist/components/display/Swatch/Swatch.js +27 -0
  20. package/dist/components/display/Swatch/Swatch.js.map +1 -0
  21. package/dist/components/display/Swatch/Swatch.module.js +6 -0
  22. package/dist/components/display/Swatch/Swatch.module.js.map +1 -0
  23. package/dist/components/display/Swatch/index.d.ts +2 -0
  24. package/dist/components/display/Tag/Tag.d.ts +7 -0
  25. package/dist/components/display/Tag/Tag.js +31 -26
  26. package/dist/components/display/Tag/Tag.js.map +1 -1
  27. package/dist/components/feedback/Indicator/Indicator.d.ts +74 -0
  28. package/dist/components/feedback/Indicator/Indicator.js +50 -0
  29. package/dist/components/feedback/Indicator/Indicator.js.map +1 -0
  30. package/dist/components/feedback/Indicator/Indicator.module.js +12 -0
  31. package/dist/components/feedback/Indicator/Indicator.module.js.map +1 -0
  32. package/dist/components/feedback/Indicator/index.d.ts +2 -0
  33. package/dist/components/feedback/Toaster/Toaster.d.ts +71 -0
  34. package/dist/components/feedback/Toaster/Toaster.js +121 -0
  35. package/dist/components/feedback/Toaster/Toaster.js.map +1 -0
  36. package/dist/components/feedback/Toaster/Toaster.module.js +20 -0
  37. package/dist/components/feedback/Toaster/Toaster.module.js.map +1 -0
  38. package/dist/components/feedback/Toaster/index.d.ts +4 -0
  39. package/dist/components/feedback/Toaster/toast.d.ts +96 -0
  40. package/dist/components/feedback/Toaster/toast.js +131 -0
  41. package/dist/components/feedback/Toaster/toast.js.map +1 -0
  42. package/dist/components/inputs/Calendar/Calendar.d.ts +87 -0
  43. package/dist/components/inputs/Calendar/Calendar.js +217 -0
  44. package/dist/components/inputs/Calendar/Calendar.js.map +1 -0
  45. package/dist/components/inputs/Calendar/Calendar.module.js +18 -0
  46. package/dist/components/inputs/Calendar/Calendar.module.js.map +1 -0
  47. package/dist/components/inputs/Calendar/index.d.ts +2 -0
  48. package/dist/components/inputs/Combobox/Combobox.js +36 -44
  49. package/dist/components/inputs/Combobox/Combobox.js.map +1 -1
  50. package/dist/components/inputs/DateField/DateField.d.ts +17 -0
  51. package/dist/components/inputs/DateField/DateField.js +26 -0
  52. package/dist/components/inputs/DateField/DateField.js.map +1 -0
  53. package/dist/components/inputs/DateField/index.d.ts +2 -0
  54. package/dist/components/inputs/DateInput/DateInput.d.ts +75 -0
  55. package/dist/components/inputs/DateInput/DateInput.js +139 -0
  56. package/dist/components/inputs/DateInput/DateInput.js.map +1 -0
  57. package/dist/components/inputs/DateInput/index.d.ts +3 -0
  58. package/dist/components/inputs/DateRangeField/DateRangeField.d.ts +18 -3
  59. package/dist/components/inputs/DateRangeField/DateRangeField.js.map +1 -1
  60. package/dist/components/inputs/DateRangeField/DateRangeField.module.js +8 -3
  61. package/dist/components/inputs/DateRangeField/DateRangeField.module.js.map +1 -1
  62. package/dist/components/inputs/DateRangeField/DateRangePickerField.d.ts +48 -0
  63. package/dist/components/inputs/DateRangeField/DateRangePickerField.js +246 -0
  64. package/dist/components/inputs/DateRangeField/DateRangePickerField.js.map +1 -0
  65. package/dist/components/inputs/DateRangeField/index.d.ts +2 -0
  66. package/dist/components/inputs/DateTimeField/DateTimeField.d.ts +17 -0
  67. package/dist/components/inputs/DateTimeField/DateTimeField.js +26 -0
  68. package/dist/components/inputs/DateTimeField/DateTimeField.js.map +1 -0
  69. package/dist/components/inputs/DateTimeField/index.d.ts +2 -0
  70. package/dist/components/inputs/DateTimeInput/DateTimeInput.d.ts +83 -0
  71. package/dist/components/inputs/DateTimeInput/DateTimeInput.js +216 -0
  72. package/dist/components/inputs/DateTimeInput/DateTimeInput.js.map +1 -0
  73. package/dist/components/inputs/DateTimeInput/index.d.ts +2 -0
  74. package/dist/components/inputs/JsonField/JsonField.d.ts +23 -0
  75. package/dist/components/inputs/JsonField/JsonField.js +33 -0
  76. package/dist/components/inputs/JsonField/JsonField.js.map +1 -0
  77. package/dist/components/inputs/JsonField/index.d.ts +2 -0
  78. package/dist/components/inputs/JsonInput/JsonInput.d.ts +119 -0
  79. package/dist/components/inputs/JsonInput/JsonInput.js +282 -0
  80. package/dist/components/inputs/JsonInput/JsonInput.js.map +1 -0
  81. package/dist/components/inputs/JsonInput/JsonInput.module.js +16 -0
  82. package/dist/components/inputs/JsonInput/JsonInput.module.js.map +1 -0
  83. package/dist/components/inputs/JsonInput/index.d.ts +4 -0
  84. package/dist/components/inputs/JsonInput/json.d.ts +59 -0
  85. package/dist/components/inputs/JsonInput/json.js +231 -0
  86. package/dist/components/inputs/JsonInput/json.js.map +1 -0
  87. package/dist/components/inputs/TagsInput/TagsInput.js +5 -5
  88. package/dist/components/inputs/TimeField/TimeField.d.ts +17 -0
  89. package/dist/components/inputs/TimeField/TimeField.js +26 -0
  90. package/dist/components/inputs/TimeField/TimeField.js.map +1 -0
  91. package/dist/components/inputs/TimeField/index.d.ts +2 -0
  92. package/dist/components/inputs/TimeInput/TimeInput.d.ts +54 -0
  93. package/dist/components/inputs/TimeInput/TimeInput.js +107 -0
  94. package/dist/components/inputs/TimeInput/TimeInput.js.map +1 -0
  95. package/dist/components/inputs/TimeInput/index.d.ts +2 -0
  96. package/dist/components/inputs/internal/DateSegments.d.ts +80 -0
  97. package/dist/components/inputs/internal/DateSegments.js +345 -0
  98. package/dist/components/inputs/internal/DateSegments.js.map +1 -0
  99. package/dist/components/inputs/internal/dates.d.ts +101 -0
  100. package/dist/components/inputs/internal/dates.js +262 -0
  101. package/dist/components/inputs/internal/dates.js.map +1 -0
  102. package/dist/components/inputs/internal/filterOptions.d.ts +22 -1
  103. package/dist/components/inputs/internal/filterOptions.js +32 -1
  104. package/dist/components/inputs/internal/filterOptions.js.map +1 -1
  105. package/dist/components/inputs/internal/picker.d.ts +31 -0
  106. package/dist/components/inputs/internal/picker.js +29 -0
  107. package/dist/components/inputs/internal/picker.js.map +1 -0
  108. package/dist/components/inputs/internal/picker.module.js +15 -0
  109. package/dist/components/inputs/internal/picker.module.js.map +1 -0
  110. package/dist/components/inputs/internal/segments.module.js +10 -0
  111. package/dist/components/inputs/internal/segments.module.js.map +1 -0
  112. package/dist/components/layout/Collapse/Collapse.d.ts +39 -0
  113. package/dist/components/layout/Collapse/Collapse.js +24 -0
  114. package/dist/components/layout/Collapse/Collapse.js.map +1 -0
  115. package/dist/components/layout/Collapse/Collapse.module.js +6 -0
  116. package/dist/components/layout/Collapse/Collapse.module.js.map +1 -0
  117. package/dist/components/layout/Collapse/index.d.ts +2 -0
  118. package/dist/components/layout/Collapse/useHeightMotion.d.ts +16 -0
  119. package/dist/components/layout/Collapse/useHeightMotion.js +60 -0
  120. package/dist/components/layout/Collapse/useHeightMotion.js.map +1 -0
  121. package/dist/components/layout/ShowMore/ShowMore.d.ts +59 -0
  122. package/dist/components/layout/ShowMore/ShowMore.js +114 -0
  123. package/dist/components/layout/ShowMore/ShowMore.js.map +1 -0
  124. package/dist/components/layout/ShowMore/ShowMore.module.js +12 -0
  125. package/dist/components/layout/ShowMore/ShowMore.module.js.map +1 -0
  126. package/dist/components/layout/ShowMore/index.d.ts +2 -0
  127. package/dist/components/layout/Transition/Transition.d.ts +63 -0
  128. package/dist/components/layout/Transition/Transition.js +63 -0
  129. package/dist/components/layout/Transition/Transition.js.map +1 -0
  130. package/dist/components/layout/Transition/Transition.module.js +17 -0
  131. package/dist/components/layout/Transition/Transition.module.js.map +1 -0
  132. package/dist/components/layout/Transition/index.d.ts +2 -0
  133. package/dist/components/navigation/Collapsible/Collapsible.d.ts +49 -0
  134. package/dist/components/navigation/Collapsible/Collapsible.js +83 -0
  135. package/dist/components/navigation/Collapsible/Collapsible.js.map +1 -0
  136. package/dist/components/navigation/Collapsible/Collapsible.module.js +11 -0
  137. package/dist/components/navigation/Collapsible/Collapsible.module.js.map +1 -0
  138. package/dist/components/navigation/Collapsible/index.d.ts +2 -0
  139. package/dist/components/navigation/NavLinks/NavLinks.d.ts +32 -4
  140. package/dist/components/navigation/NavLinks/NavLinks.js +69 -39
  141. package/dist/components/navigation/NavLinks/NavLinks.js.map +1 -1
  142. package/dist/components/navigation/NavLinks/NavLinks.module.js +13 -3
  143. package/dist/components/navigation/NavLinks/NavLinks.module.js.map +1 -1
  144. package/dist/components/navigation/NavLinks/NavLinksGroup.d.ts +49 -0
  145. package/dist/components/navigation/NavLinks/NavLinksGroup.js +185 -0
  146. package/dist/components/navigation/NavLinks/NavLinksGroup.js.map +1 -0
  147. package/dist/components/navigation/NavLinks/context.d.ts +28 -0
  148. package/dist/components/navigation/NavLinks/context.js +13 -0
  149. package/dist/components/navigation/NavLinks/context.js.map +1 -0
  150. package/dist/components/navigation/NavLinks/index.d.ts +2 -0
  151. package/dist/components/navigation/NavLinks/treeKeys.d.ts +8 -0
  152. package/dist/components/navigation/NavLinks/treeKeys.js +57 -0
  153. package/dist/components/navigation/NavLinks/treeKeys.js.map +1 -0
  154. package/dist/components/overlays/CommandPalette/CommandPalette.d.ts +120 -0
  155. package/dist/components/overlays/CommandPalette/CommandPalette.js +386 -0
  156. package/dist/components/overlays/CommandPalette/CommandPalette.js.map +1 -0
  157. package/dist/components/overlays/CommandPalette/CommandPalette.module.js +31 -0
  158. package/dist/components/overlays/CommandPalette/CommandPalette.module.js.map +1 -0
  159. package/dist/components/overlays/CommandPalette/index.d.ts +2 -0
  160. package/dist/components/overlays/CommandPalette/shortcut.d.ts +28 -0
  161. package/dist/components/overlays/CommandPalette/shortcut.js +104 -0
  162. package/dist/components/overlays/CommandPalette/shortcut.js.map +1 -0
  163. package/dist/index.d.ts +40 -4
  164. package/dist/index.js +123 -100
  165. package/dist/styles.css +1 -1
  166. package/dist/themes/fiesta.css +1 -1
  167. package/dist/themes/flightdeck.css +1 -1
  168. package/dist/themes/ledger.css +1 -1
  169. package/dist/themes/monograph.css +1 -1
  170. package/dist/themes/riso.css +1 -1
  171. package/package.json +1 -1
  172. package/skills/custom-theme/SKILL.md +32 -0
  173. package/skills/custom-theme/references/colour.md +20 -0
  174. package/skills/custom-theme/references/motion.md +9 -0
  175. package/skills/custom-theme/references/tokens.md +35 -0
  176. package/skills/design-rules/SKILL.md +5 -2
  177. package/skills/setup-and-theming/SKILL.md +1 -1
  178. package/skills/setup-and-theming/references/paper.md +1 -1
package/dist/themes/fiesta.css CHANGED
@@ -1 +1 @@
1
- @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=fiesta]{--font-display:"Big Shoulders", "Arial Narrow", ui-sans-serif, sans-serif;--font-text:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-prose:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-mono:"Martian Mono", ui-monospace, Menlo, monospace;--font-numeric:"Big Shoulders", "Arial Narrow", ui-sans-serif, sans-serif;--type-base:1rem;--display-scale:1;--type-ratio:1.28;--display-weight:850;--display-style:normal;--display-stretch:100%;--display-transform:uppercase;--display-tracking:.005em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:800;--heading-tracking:.01em;--heading-transform:uppercase;--label-weight:650;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--numeral-weight:600;--numeral-scale:1.12;--mono-stretch:75%;--table-head-font:var(--font-display);--leading-tight:.9;--leading-snug:1.1;--leading-body:1.5;--prose-size:1.0625rem;--prose-leading:1.55;--density:.92;--motion-scale:.9;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--icon-stroke:2.25;--border-width:2px;--border-width-strong:3px;--radius-action:999px;--radius-field:.75rem;--radius-surface:1.125rem;--radius-media:.75rem;--radius-chip:999px;--radius-avatar:50%;--color-canvas:light-dark(oklch(85% .105 62),oklch(20% .055 305));--color-surface:light-dark(oklch(98.5% .012 90),oklch(26.5% .065 305));--color-surface-sunken:light-dark(oklch(94.5% .03 80),oklch(22.5% .055 305));--color-surface-raised:light-dark(oklch(99% .01 90),oklch(30% .07 305));--color-surface-inverse:light-dark(oklch(25% .065 300),oklch(96% .02 90));--color-ink:light-dark(oklch(25% .065 300),oklch(97% .015 90));--color-ink-muted:light-dark(oklch(40% .055 300),oklch(84% .03 90));--color-ink-subtle:light-dark(oklch(45% .045 300),oklch(70% .04 300));--color-ink-inverse:light-dark(oklch(97% .015 90),oklch(25% .065 300));--color-line:light-dark(oklch(86% .03 70),oklch(36% .06 305));--color-line-strong:var(--color-ink);--section-divider-color:var(--color-ink);--control-checked-border:var(--color-ink);--marquee-edge:var(--color-ink);--color-accent:light-dark(oklch(66% .215 12),oklch(70% .2 12));--color-accent-hover:light-dark(oklch(70% .2 14),oklch(75% .19 14));--color-accent-ink:oklch(22% .065 300);--color-accent-text:light-dark(oklch(46.5% .19 12),oklch(78% .16 14));--color-accent-soft:light-dark(oklch(92% .06 15),oklch(36% .1 10));--color-highlight:light-dark(oklch(88% .165 92),oklch(86% .16 92));--color-highlight-ink:oklch(22% .065 300);--highlight-tone-positive-text:oklch(42% .09 190);--highlight-tone-caution-text:oklch(44% .1 75);--highlight-tone-critical-text:oklch(40% .15 28);--highlight-tone-info-text:oklch(43% .12 245);--highlight-accent-text:oklch(45% .19 12);--color-focus:var(--color-ink);--color-selection:light-dark(oklch(88% .165 92),oklch(55% .15 12));--color-scrim:light-dark(oklch(25% .065 300/.5),oklch(8% .04 305/.7));--tone-positive:light-dark(oklch(72% .12 185),oklch(76% .12 185));--tone-positive-soft:light-dark(oklch(92% .05 185),oklch(34% .06 190));--tone-positive-text:light-dark(oklch(43% .09 190),oklch(82% .1 185));--tone-positive-ink:oklch(22% .065 300);--tone-caution:light-dark(oklch(79% .155 68),oklch(78% .15 68));--tone-caution-soft:light-dark(oklch(93% .06 72),oklch(36% .07 70));--tone-caution-text:light-dark(oklch(45% .1 75),oklch(85% .13 75));--tone-caution-ink:oklch(22% .065 300);--tone-critical:light-dark(oklch(50% .19 28),oklch(62% .2 30));--tone-critical-soft:light-dark(oklch(92% .05 28),oklch(34% .09 28));--tone-critical-text:light-dark(oklch(40% .15 28),oklch(80% .13 32));--tone-critical-ink:light-dark(oklch(98.5% .01 25),oklch(18% .04 25));--tone-info:light-dark(oklch(62% .12 240),oklch(74% .11 238));--tone-info-soft:light-dark(oklch(92% .04 240),oklch(34% .07 245));--tone-info-text:light-dark(oklch(44.5% .12 245),oklch(82% .09 238));--tone-info-ink:oklch(22% .065 300);--color-cat-1:oklch(72% .19 12);--color-cat-2:oklch(80% .1 300);--color-cat-3:oklch(76% .12 185);--color-cat-4:oklch(72% .16 42);--color-cat-5:oklch(78% .11 240);--color-cat-6:oklch(80% .15 135);--color-cat-7:oklch(76% .12 330);--color-cat-8:oklch(82% .06 70);--color-cat-ink:oklch(22% .065 300);--shadow-surface:4px 4px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--active-shift:2px;--shadow-active:2px 2px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--shadow-float:5px 5px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--shadow-overlay:8px 8px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--canvas-image:radial-gradient(circle at 1px 1px, light-dark(oklch(25% .065 300/.07),oklch(97% .015 90/.05)) 1px, transparent 1.4px);--canvas-image-size:7px 7px}}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:100 900;src:url(../assets/fonts/big-shoulders-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:100 900;src:url(../assets/fonts/big-shoulders-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../assets/fonts/bricolage-grotesque-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../assets/fonts/bricolage-grotesque-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
1
+ @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=fiesta]{--font-display:"Big Shoulders", "Arial Narrow", ui-sans-serif, sans-serif;--font-text:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-prose:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-mono:"Martian Mono", ui-monospace, Menlo, monospace;--font-numeric:"Big Shoulders", "Arial Narrow", ui-sans-serif, sans-serif;--type-base:1rem;--display-scale:1;--type-ratio:1.28;--display-weight:850;--display-style:normal;--display-stretch:100%;--display-transform:uppercase;--display-tracking:.005em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:800;--heading-tracking:.01em;--heading-transform:uppercase;--label-weight:650;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--numeral-weight:600;--numeral-scale:1.12;--mono-stretch:75%;--table-head-font:var(--font-display);--leading-tight:.9;--leading-snug:1.1;--leading-body:1.5;--prose-size:1.0625rem;--prose-leading:1.55;--density:.92;--motion-scale:.9;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--icon-stroke:2.25;--border-width:2px;--border-width-strong:3px;--radius-action:999px;--radius-field:.75rem;--radius-surface:1.125rem;--radius-media:.75rem;--radius-chip:999px;--radius-avatar:50%;--color-canvas:light-dark(oklch(85% .105 62),oklch(20% .055 305));--color-surface:light-dark(oklch(98.5% .012 90),oklch(26.5% .065 305));--color-surface-sunken:light-dark(oklch(94.5% .03 80),oklch(22.5% .055 305));--color-surface-raised:light-dark(oklch(99% .01 90),oklch(30% .07 305));--color-surface-inverse:light-dark(oklch(25% .065 300),oklch(96% .02 90));--color-ink:light-dark(oklch(25% .065 300),oklch(97% .015 90));--color-ink-muted:light-dark(oklch(40% .055 300),oklch(84% .03 90));--color-ink-subtle:light-dark(oklch(45% .045 300),oklch(70% .04 300));--color-ink-inverse:light-dark(oklch(97% .015 90),oklch(25% .065 300));--color-line:light-dark(oklch(86% .03 70),oklch(36% .06 305));--color-line-strong:var(--color-ink);--section-divider-color:var(--color-ink);--control-checked-border:var(--color-ink);--marquee-edge:var(--color-ink);--color-accent:light-dark(oklch(66% .215 12),oklch(70% .2 12));--color-accent-hover:light-dark(oklch(70% .2 14),oklch(75% .19 14));--color-accent-ink:oklch(22% .065 300);--color-accent-text:light-dark(oklch(46.5% .19 12),oklch(78% .16 14));--color-accent-soft:light-dark(oklch(92% .06 15),oklch(36% .1 10));--color-highlight:light-dark(oklch(88% .165 92),oklch(86% .16 92));--color-highlight-ink:oklch(22% .065 300);--highlight-tone-positive-text:oklch(42% .09 190);--highlight-tone-caution-text:oklch(44% .1 75);--highlight-tone-critical-text:oklch(40% .15 28);--highlight-tone-info-text:oklch(43% .12 245);--highlight-accent-text:oklch(45% .19 12);--color-focus:var(--color-ink);--color-selection:light-dark(oklch(88% .165 92),oklch(55% .15 12));--color-scrim:light-dark(oklch(25% .065 300/.5),oklch(8% .04 305/.7));--tone-positive:light-dark(oklch(72% .12 185),oklch(76% .12 185));--tone-positive-soft:light-dark(oklch(92% .05 185),oklch(34% .06 190));--tone-positive-text:light-dark(oklch(43% .09 190),oklch(82% .1 185));--tone-positive-ink:oklch(22% .065 300);--tone-caution:light-dark(oklch(79% .155 68),oklch(78% .15 68));--tone-caution-soft:light-dark(oklch(93% .06 72),oklch(36% .07 70));--tone-caution-text:light-dark(oklch(45% .1 75),oklch(85% .13 75));--tone-caution-ink:oklch(22% .065 300);--tone-critical:light-dark(oklch(50% .19 28),oklch(62% .2 30));--tone-critical-soft:light-dark(oklch(92% .05 28),oklch(34% .09 28));--tone-critical-text:light-dark(oklch(40% .15 28),oklch(80% .13 32));--tone-critical-ink:light-dark(oklch(98.5% .01 25),oklch(18% .04 25));--tone-info:light-dark(oklch(62% .12 240),oklch(74% .11 238));--tone-info-soft:light-dark(oklch(92% .04 240),oklch(34% .07 245));--tone-info-text:light-dark(oklch(44.5% .12 245),oklch(82% .09 238));--tone-info-ink:oklch(22% .065 300);--color-cat-1:oklch(72% .19 12);--color-cat-2:oklch(80% .1 300);--color-cat-3:oklch(76% .12 185);--color-cat-4:oklch(72% .16 42);--color-cat-5:oklch(78% .11 240);--color-cat-6:oklch(80% .15 135);--color-cat-7:oklch(76% .12 330);--color-cat-8:oklch(82% .06 70);--color-cat-ink:oklch(22% .065 300);--color-seq-1:light-dark(oklch(94% .05 92),oklch(34% .08 310));--color-seq-2:light-dark(oklch(86% .1 80),oklch(43% .12 345));--color-seq-3:light-dark(oklch(78% .13 60),oklch(52% .16 10));--color-seq-4:light-dark(oklch(69% .16 38),oklch(62% .17 25));--color-seq-5:light-dark(oklch(60% .17 18),oklch(71% .16 45));--color-seq-6:light-dark(oklch(48% .13 350),oklch(80% .14 70));--color-seq-7:light-dark(oklch(36% .09 310),oklch(89% .1 90));--color-div-neg-3:light-dark(oklch(50% .15 38),oklch(80% .13 50));--color-div-neg-2:light-dark(oklch(64% .14 45),oklch(66% .14 45));--color-div-neg-1:light-dark(oklch(79% .08 55),oklch(50% .1 40));--color-div-mid:light-dark(oklch(94% .012 85),oklch(36% .02 305));--color-div-pos-1:light-dark(oklch(79% .06 190),oklch(50% .07 192));--color-div-pos-2:light-dark(oklch(64% .09 190),oklch(66% .1 190));--color-div-pos-3:light-dark(oklch(50% .09 192),oklch(80% .1 188));--color-cat-1-stroke:light-dark(oklch(48% .17 12),oklch(80% .14 12));--color-cat-2-stroke:light-dark(oklch(46% .1 300),oklch(84% .08 300));--color-cat-3-stroke:light-dark(oklch(46% .08 188),oklch(82% .1 185));--color-cat-4-stroke:light-dark(oklch(48% .13 40),oklch(80% .13 45));--color-cat-5-stroke:light-dark(oklch(46% .11 245),oklch(82% .09 240));--color-cat-6-stroke:light-dark(oklch(46% .11 138),oklch(84% .13 135));--color-cat-7-stroke:light-dark(oklch(46% .12 330),oklch(82% .1 330));--color-cat-8-stroke:light-dark(oklch(46% .04 70),oklch(84% .05 70));--chart-grid:light-dark(oklch(76% .05 60),oklch(40% .06 305));--chart-axis:var(--color-ink);--chart-label:var(--color-ink-muted);--chart-tooltip-surface:var(--color-surface-raised);--chart-tooltip-border:var(--color-ink);--chart-tooltip-ink:var(--color-ink);--chart-focus:var(--color-focus);--shadow-surface:4px 4px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--active-shift:2px;--shadow-active:2px 2px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--shadow-float:5px 5px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--shadow-overlay:8px 8px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--shadow-lift:6px 6px 0 0 light-dark(oklch(25% .065 300),oklch(8% .04 305));--canvas-image:radial-gradient(circle at 1px 1px, light-dark(oklch(25% .065 300/.07),oklch(97% .015 90/.05)) 1px, transparent 1.4px);--canvas-image-size:7px 7px}}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:100 900;src:url(../assets/fonts/big-shoulders-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:100 900;src:url(../assets/fonts/big-shoulders-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../assets/fonts/bricolage-grotesque-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../assets/fonts/bricolage-grotesque-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
package/dist/themes/flightdeck.css CHANGED
@@ -1 +1 @@
1
- @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=flightdeck]{--font-display:"B612", ui-sans-serif, system-ui, sans-serif;--font-text:"B612", ui-sans-serif, system-ui, sans-serif;--font-prose:"B612", ui-sans-serif, system-ui, sans-serif;--font-mono:"B612 Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"B612", ui-sans-serif, system-ui, sans-serif;--type-base:.9375rem;--display-scale:1;--type-ratio:1.25;--display-weight:700;--display-style:normal;--display-stretch:100%;--display-transform:none;--display-tracking:-.01em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:700;--heading-tracking:0;--heading-transform:none;--label-weight:400;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--mono-stretch:100%;--leading-tight:1;--leading-snug:1.2;--leading-body:1.5;--prose-size:1.0625rem;--prose-leading:1.6;--density:.94;--motion-scale:.8;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:var(--ease-out);--icon-stroke:1.5;--border-width:1px;--border-width-strong:1px;--radius-action:.125rem;--radius-field:.125rem;--radius-surface:.25rem;--radius-media:0;--radius-chip:999px;--radius-avatar:.125rem;--color-canvas:light-dark(oklch(95% .008 235),oklch(21.5% .022 235));--color-surface:light-dark(oklch(98.5% .004 235),oklch(25% .023 235));--color-surface-sunken:light-dark(oklch(92.5% .01 235),oklch(19% .02 235));--color-surface-raised:light-dark(oklch(99.5% .003 235),oklch(28.5% .024 235));--color-surface-inverse:light-dark(oklch(23% .02 235),oklch(93% .008 235));--color-ink:light-dark(oklch(24% .02 235),oklch(95% .005 235));--color-ink-muted:light-dark(oklch(42% .02 235),oklch(78% .012 235));--color-ink-subtle:light-dark(oklch(50% .018 235),oklch(69% .014 235));--color-ink-inverse:light-dark(oklch(96% .006 235),oklch(20% .02 235));--color-line:light-dark(oklch(87% .012 235),oklch(37% .022 235));--color-line-strong:light-dark(oklch(68% .02 235),oklch(53% .024 235));--color-accent:light-dark(oklch(50% .1 220),oklch(80% .12 210));--color-accent-hover:light-dark(oklch(45% .1 220),oklch(85% .11 210));--color-accent-ink:light-dark(oklch(99% .005 220),oklch(20% .03 235));--color-accent-text:light-dark(oklch(44% .1 220),oklch(82% .11 210));--color-accent-soft:light-dark(oklch(94% .025 215),oklch(30% .045 220));--color-highlight:light-dark(oklch(88% .015 235),oklch(36% .02 235));--color-highlight-ink:light-dark(oklch(22% .02 235),oklch(96% .005 235));--color-focus:var(--color-ink);--color-selection:light-dark(oklch(82% .02 235),oklch(45% .025 235));--color-scrim:light-dark(oklch(25% .02 235/.42),oklch(8% .015 235/.66));--tone-positive:light-dark(oklch(50% .14 148),oklch(78% .17 145));--tone-positive-soft:light-dark(oklch(94% .04 148),oklch(29% .06 148));--tone-positive-text:light-dark(oklch(42% .12 148),oklch(82% .15 145));--tone-positive-ink:light-dark(oklch(99% .01 148),oklch(18% .05 148));--tone-caution:light-dark(oklch(78% .15 75),oklch(80% .15 75));--tone-caution-soft:light-dark(oklch(95% .05 85),oklch(31% .06 75));--tone-caution-text:light-dark(oklch(48% .1 65),oklch(85% .13 80));--tone-caution-ink:light-dark(oklch(22% .04 70),oklch(20% .04 70));--tone-critical:light-dark(oklch(54% .2 27),oklch(66% .21 27));--tone-critical-soft:light-dark(oklch(94% .035 25),oklch(29% .07 27));--tone-critical-text:light-dark(oklch(50% .19 27),oklch(77% .14 27));--tone-critical-ink:light-dark(oklch(99% .008 25),oklch(17% .04 27));--tone-info:light-dark(oklch(50% .1 255),oklch(76% .08 255));--tone-info-soft:light-dark(oklch(94% .02 255),oklch(29% .04 255));--tone-info-text:light-dark(oklch(44% .1 255),oklch(82% .07 255));--tone-info-ink:light-dark(oklch(99% .006 255),oklch(18% .03 255));--color-cat-1:light-dark(oklch(80% .09 300),oklch(72% .11 300));--color-cat-2:light-dark(oklch(82% .08 210),oklch(72% .09 210));--color-cat-3:light-dark(oklch(82% .1 145),oklch(72% .11 145));--color-cat-4:light-dark(oklch(86% .1 85),oklch(76% .11 85));--color-cat-5:light-dark(oklch(80% .09 27),oklch(70% .11 27));--color-cat-6:light-dark(oklch(82% .07 250),oklch(72% .08 250));--color-cat-7:light-dark(oklch(84% .09 115),oklch(74% .1 115));--color-cat-8:light-dark(oklch(80% .015 235),oklch(70% .02 235));--color-cat-ink:oklch(20% .02 235);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:0 1px 2px oklch(10% .02 235/.2), 0 8px 20px -8px oklch(10% .02 235/.35);--shadow-overlay:0 2px 4px oklch(10% .02 235/.2), 0 20px 48px -12px oklch(10% .02 235/.45);--canvas-image:none}}@font-face{font-family:B612;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612;font-style:italic;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-latin-400-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612;font-style:normal;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612;font-style:italic;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-latin-700-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:italic;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-mono-latin-400-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-mono-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:italic;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-mono-latin-700-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
1
+ @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=flightdeck]{--font-display:"B612", ui-sans-serif, system-ui, sans-serif;--font-text:"B612", ui-sans-serif, system-ui, sans-serif;--font-prose:"B612", ui-sans-serif, system-ui, sans-serif;--font-mono:"B612 Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"B612", ui-sans-serif, system-ui, sans-serif;--type-base:.9375rem;--display-scale:1;--type-ratio:1.25;--display-weight:700;--display-style:normal;--display-stretch:100%;--display-transform:none;--display-tracking:-.01em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:700;--heading-tracking:0;--heading-transform:none;--label-weight:400;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--mono-stretch:100%;--leading-tight:1;--leading-snug:1.2;--leading-body:1.5;--prose-size:1.0625rem;--prose-leading:1.6;--density:.94;--motion-scale:.8;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:var(--ease-out);--icon-stroke:1.5;--border-width:1px;--border-width-strong:1px;--radius-action:.125rem;--radius-field:.125rem;--radius-surface:.25rem;--radius-media:0;--radius-chip:999px;--radius-avatar:.125rem;--color-canvas:light-dark(oklch(95% .008 235),oklch(21.5% .022 235));--color-surface:light-dark(oklch(98.5% .004 235),oklch(25% .023 235));--color-surface-sunken:light-dark(oklch(92.5% .01 235),oklch(19% .02 235));--color-surface-raised:light-dark(oklch(99.5% .003 235),oklch(28.5% .024 235));--color-surface-inverse:light-dark(oklch(23% .02 235),oklch(93% .008 235));--color-ink:light-dark(oklch(24% .02 235),oklch(95% .005 235));--color-ink-muted:light-dark(oklch(42% .02 235),oklch(78% .012 235));--color-ink-subtle:light-dark(oklch(50% .018 235),oklch(69% .014 235));--color-ink-inverse:light-dark(oklch(96% .006 235),oklch(20% .02 235));--color-line:light-dark(oklch(87% .012 235),oklch(37% .022 235));--color-line-strong:light-dark(oklch(68% .02 235),oklch(53% .024 235));--color-accent:light-dark(oklch(50% .1 220),oklch(80% .12 210));--color-accent-hover:light-dark(oklch(45% .1 220),oklch(85% .11 210));--color-accent-ink:light-dark(oklch(99% .005 220),oklch(20% .03 235));--color-accent-text:light-dark(oklch(44% .1 220),oklch(82% .11 210));--color-accent-soft:light-dark(oklch(94% .025 215),oklch(30% .045 220));--color-highlight:light-dark(oklch(88% .015 235),oklch(36% .02 235));--color-highlight-ink:light-dark(oklch(22% .02 235),oklch(96% .005 235));--color-focus:var(--color-ink);--color-selection:light-dark(oklch(82% .02 235),oklch(45% .025 235));--color-scrim:light-dark(oklch(25% .02 235/.42),oklch(8% .015 235/.66));--tone-positive:light-dark(oklch(50% .14 148),oklch(78% .17 145));--tone-positive-soft:light-dark(oklch(94% .04 148),oklch(29% .06 148));--tone-positive-text:light-dark(oklch(42% .12 148),oklch(82% .15 145));--tone-positive-ink:light-dark(oklch(99% .01 148),oklch(18% .05 148));--tone-caution:light-dark(oklch(78% .15 75),oklch(80% .15 75));--tone-caution-soft:light-dark(oklch(95% .05 85),oklch(31% .06 75));--tone-caution-text:light-dark(oklch(48% .1 65),oklch(85% .13 80));--tone-caution-ink:light-dark(oklch(22% .04 70),oklch(20% .04 70));--tone-critical:light-dark(oklch(54% .2 27),oklch(66% .21 27));--tone-critical-soft:light-dark(oklch(94% .035 25),oklch(29% .07 27));--tone-critical-text:light-dark(oklch(50% .19 27),oklch(77% .14 27));--tone-critical-ink:light-dark(oklch(99% .008 25),oklch(17% .04 27));--tone-info:light-dark(oklch(50% .1 255),oklch(76% .08 255));--tone-info-soft:light-dark(oklch(94% .02 255),oklch(29% .04 255));--tone-info-text:light-dark(oklch(44% .1 255),oklch(82% .07 255));--tone-info-ink:light-dark(oklch(99% .006 255),oklch(18% .03 255));--color-cat-1:light-dark(oklch(80% .09 300),oklch(72% .11 300));--color-cat-2:light-dark(oklch(82% .08 210),oklch(72% .09 210));--color-cat-3:light-dark(oklch(82% .1 145),oklch(72% .11 145));--color-cat-4:light-dark(oklch(86% .1 85),oklch(76% .11 85));--color-cat-5:light-dark(oklch(80% .09 27),oklch(70% .11 27));--color-cat-6:light-dark(oklch(82% .07 250),oklch(72% .08 250));--color-cat-7:light-dark(oklch(84% .09 115),oklch(74% .1 115));--color-cat-8:light-dark(oklch(80% .015 235),oklch(70% .02 235));--color-cat-ink:oklch(20% .02 235);--color-seq-1:light-dark(oklch(93% .025 250),oklch(33% .04 245));--color-seq-2:light-dark(oklch(85% .045 250),oklch(42% .06 248));--color-seq-3:light-dark(oklch(76% .065 251),oklch(51% .075 250));--color-seq-4:light-dark(oklch(66% .08 252),oklch(60% .085 251));--color-seq-5:light-dark(oklch(56% .09 254),oklch(69% .085 252));--color-seq-6:light-dark(oklch(46% .09 256),oklch(78% .075 253));--color-seq-7:light-dark(oklch(36% .08 258),oklch(87% .055 254));--color-div-neg-3:light-dark(oklch(50% .17 335),oklch(78% .14 335));--color-div-neg-2:light-dark(oklch(64% .13 335),oklch(64% .14 335));--color-div-neg-1:light-dark(oklch(79% .07 335),oklch(50% .1 335));--color-div-mid:light-dark(oklch(93% .006 235),oklch(36% .015 235));--color-div-pos-1:light-dark(oklch(79% .06 240),oklch(50% .07 240));--color-div-pos-2:oklch(64% .1 242);--color-div-pos-3:light-dark(oklch(50% .12 245),oklch(78% .1 242));--color-cat-1-stroke:light-dark(oklch(50% .13 300),oklch(82% .1 300));--color-cat-2-stroke:light-dark(oklch(50% .09 215),oklch(82% .09 210));--color-cat-3-stroke:light-dark(oklch(50% .12 145),oklch(82% .13 145));--color-cat-4-stroke:light-dark(oklch(52% .1 75),oklch(86% .11 85));--color-cat-5-stroke:light-dark(oklch(50% .15 27),oklch(80% .1 27));--color-cat-6-stroke:light-dark(oklch(50% .1 250),oklch(82% .08 250));--color-cat-7-stroke:light-dark(oklch(50% .1 115),oklch(85% .1 115));--color-cat-8-stroke:light-dark(oklch(50% .02 235),oklch(80% .02 235));--chart-grid:light-dark(oklch(87% .012 235),oklch(33% .022 235));--chart-axis:light-dark(oklch(56% .02 235),oklch(64% .02 235));--chart-label:var(--color-ink-muted);--chart-tooltip-surface:var(--color-surface-raised);--chart-tooltip-border:var(--color-line-strong);--chart-tooltip-ink:var(--color-ink);--chart-focus:var(--color-focus);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:0 1px 2px oklch(10% .02 235/.2), 0 8px 20px -8px oklch(10% .02 235/.35);--shadow-overlay:0 2px 4px oklch(10% .02 235/.2), 0 20px 48px -12px oklch(10% .02 235/.45);--shadow-lift:0 2px 4px oklch(10% .02 235/.22), 0 14px 32px -8px oklch(10% .02 235/.42);--canvas-image:none}}@font-face{font-family:B612;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612;font-style:italic;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-latin-400-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612;font-style:normal;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612;font-style:italic;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-latin-700-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:italic;font-display:swap;font-weight:400;src:url(../assets/fonts/b612-mono-latin-400-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-mono-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:B612 Mono;font-style:italic;font-display:swap;font-weight:700;src:url(../assets/fonts/b612-mono-latin-700-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
package/dist/themes/ledger.css CHANGED
@@ -1 +1 @@
1
- @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=ledger]{--font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-text:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-prose:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"Archivo", ui-sans-serif, system-ui, sans-serif;--type-base:.9375rem;--type-ratio:1.2;--display-scale:1.25;--display-weight:750;--display-style:normal;--display-stretch:87.5%;--display-transform:none;--display-tracking:-.03em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:650;--heading-tracking:-.012em;--heading-transform:none;--label-weight:550;--label-tracking:0;--label-transform:none;--numeric-stretch:78%;--mono-stretch:100%;--leading-tight:1.05;--leading-snug:1.2;--leading-body:1.5;--prose-size:1rem;--prose-leading:1.55;--density:.86;--motion-scale:.8;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:var(--ease-out);--icon-stroke:1.5;--border-width:1px;--border-width-strong:2px;--radius-action:.1875rem;--radius-field:.1875rem;--radius-surface:.1875rem;--radius-media:.125rem;--radius-chip:.125rem;--radius-avatar:.25rem;--color-canvas:light-dark(oklch(98.5% .003 150),oklch(24% .018 185));--color-surface:light-dark(oklch(99.8% .001 150),oklch(27.5% .019 185));--color-surface-sunken:light-dark(oklch(96.3% .006 150),oklch(21.5% .017 185));--color-surface-raised:light-dark(oklch(100% 0 0),oklch(31% .02 185));--color-surface-inverse:light-dark(oklch(24% .02 160),oklch(95% .01 170));--color-ink:light-dark(oklch(22% .02 160),oklch(93% .01 160));--color-ink-muted:light-dark(oklch(44% .02 160),oklch(83% .015 175));--color-ink-subtle:light-dark(oklch(50% .02 160),oklch(75% .015 175));--color-ink-inverse:light-dark(oklch(97% .006 150),oklch(22% .02 170));--color-line:light-dark(oklch(86% .05 155),oklch(39% .035 165));--color-line-strong:light-dark(oklch(70% .08 155),oklch(50% .05 160));--table-foot-rule:3px double var(--color-ink);--stat-fit:6;--color-accent:light-dark(oklch(44% .1 160),oklch(76% .085 155));--color-accent-hover:light-dark(oklch(39% .095 160),oklch(81% .085 155));--color-accent-ink:light-dark(oklch(98.5% .01 150),oklch(20% .03 160));--color-accent-text:light-dark(oklch(42% .1 160),oklch(85% .08 155));--color-accent-soft:light-dark(oklch(93% .04 158),oklch(34% .035 158));--color-highlight:light-dark(oklch(95% .09 102),oklch(42% .06 100));--color-highlight-ink:var(--color-ink);--color-focus:var(--color-ink);--color-selection:light-dark(oklch(93% .1 102),oklch(46% .07 100));--color-scrim:light-dark(oklch(24% .02 170/.4),oklch(8% .01 170/.66));--tone-positive:light-dark(oklch(50% .1 155),oklch(76% .1 155));--tone-positive-soft:light-dark(oklch(94% .035 155),oklch(33% .04 155));--tone-positive-text:light-dark(oklch(44% .1 155),oklch(83% .09 155));--tone-positive-ink:light-dark(oklch(98.5% .01 155),oklch(18% .03 158));--tone-caution:light-dark(oklch(74% .14 78),oklch(80% .13 85));--tone-caution-soft:light-dark(oklch(95% .05 88),oklch(35% .05 80));--tone-caution-text:light-dark(oklch(50% .1 70),oklch(87% .1 88));--tone-caution-ink:light-dark(oklch(22% .04 70),oklch(20% .04 80));--tone-critical:light-dark(oklch(52% .18 25),oklch(68% .16 24));--tone-critical-soft:light-dark(oklch(94.5% .03 22),oklch(34% .055 24));--tone-critical-text:light-dark(oklch(49% .17 25),oklch(82% .11 24));--tone-critical-ink:light-dark(oklch(98.5% .01 22),oklch(18% .03 24));--tone-info:light-dark(oklch(50% .07 230),oklch(72% .07 230));--tone-info-soft:light-dark(oklch(94% .02 230),oklch(33% .03 230));--tone-info-text:light-dark(oklch(45% .07 230),oklch(83% .06 230));--tone-info-ink:light-dark(oklch(98.5% .01 230),oklch(18% .03 230));--color-cat-1:light-dark(oklch(62% .09 165),oklch(68% .09 165));--color-cat-2:light-dark(oklch(72% .11 75),oklch(76% .11 75));--color-cat-3:light-dark(oklch(60% .08 235),oklch(68% .08 235));--color-cat-4:light-dark(oklch(62% .12 30),oklch(68% .12 30));--color-cat-5:light-dark(oklch(70% .06 120),oklch(74% .07 120));--color-cat-6:light-dark(oklch(62% .07 300),oklch(68% .07 300));--color-cat-7:light-dark(oklch(72% .05 195),oklch(76% .05 195));--color-cat-8:light-dark(oklch(65% .02 170),oklch(70% .02 170));--color-cat-ink:oklch(20% .02 170);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:0 1px 2px oklch(24% .02 170/.1), 0 8px 20px -6px oklch(24% .02 170/.18);--shadow-overlay:0 2px 4px oklch(20% .02 170/.12), 0 20px 48px -12px oklch(20% .02 170/.3);--canvas-image:none}}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-ext-wdth-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-wdth-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-ext-wdth-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-wdth-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
1
+ @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=ledger]{--font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-text:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-prose:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"Archivo", ui-sans-serif, system-ui, sans-serif;--type-base:.9375rem;--type-ratio:1.2;--display-scale:1.25;--display-weight:750;--display-style:normal;--display-stretch:87.5%;--display-transform:none;--display-tracking:-.03em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:650;--heading-tracking:-.012em;--heading-transform:none;--label-weight:550;--label-tracking:0;--label-transform:none;--numeric-stretch:78%;--mono-stretch:100%;--leading-tight:1.05;--leading-snug:1.2;--leading-body:1.5;--prose-size:1rem;--prose-leading:1.55;--density:.86;--motion-scale:.8;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:var(--ease-out);--icon-stroke:1.5;--border-width:1px;--border-width-strong:2px;--radius-action:.1875rem;--radius-field:.1875rem;--radius-surface:.1875rem;--radius-media:.125rem;--radius-chip:.125rem;--radius-avatar:.25rem;--color-canvas:light-dark(oklch(98.5% .003 150),oklch(24% .018 185));--color-surface:light-dark(oklch(99.8% .001 150),oklch(27.5% .019 185));--color-surface-sunken:light-dark(oklch(96.3% .006 150),oklch(21.5% .017 185));--color-surface-raised:light-dark(oklch(100% 0 0),oklch(31% .02 185));--color-surface-inverse:light-dark(oklch(24% .02 160),oklch(95% .01 170));--color-ink:light-dark(oklch(22% .02 160),oklch(93% .01 160));--color-ink-muted:light-dark(oklch(44% .02 160),oklch(83% .015 175));--color-ink-subtle:light-dark(oklch(50% .02 160),oklch(75% .015 175));--color-ink-inverse:light-dark(oklch(97% .006 150),oklch(22% .02 170));--color-line:light-dark(oklch(86% .05 155),oklch(39% .035 165));--color-line-strong:light-dark(oklch(70% .08 155),oklch(50% .05 160));--table-foot-rule:3px double var(--color-ink);--stat-fit:6;--color-accent:light-dark(oklch(44% .1 160),oklch(76% .085 155));--color-accent-hover:light-dark(oklch(39% .095 160),oklch(81% .085 155));--color-accent-ink:light-dark(oklch(98.5% .01 150),oklch(20% .03 160));--color-accent-text:light-dark(oklch(42% .1 160),oklch(85% .08 155));--color-accent-soft:light-dark(oklch(93% .04 158),oklch(34% .035 158));--color-highlight:light-dark(oklch(95% .09 102),oklch(42% .06 100));--color-highlight-ink:var(--color-ink);--color-focus:var(--color-ink);--color-selection:light-dark(oklch(93% .1 102),oklch(46% .07 100));--color-scrim:light-dark(oklch(24% .02 170/.4),oklch(8% .01 170/.66));--tone-positive:light-dark(oklch(50% .1 155),oklch(76% .1 155));--tone-positive-soft:light-dark(oklch(94% .035 155),oklch(33% .04 155));--tone-positive-text:light-dark(oklch(44% .1 155),oklch(83% .09 155));--tone-positive-ink:light-dark(oklch(98.5% .01 155),oklch(18% .03 158));--tone-caution:light-dark(oklch(74% .14 78),oklch(80% .13 85));--tone-caution-soft:light-dark(oklch(95% .05 88),oklch(35% .05 80));--tone-caution-text:light-dark(oklch(50% .1 70),oklch(87% .1 88));--tone-caution-ink:light-dark(oklch(22% .04 70),oklch(20% .04 80));--tone-critical:light-dark(oklch(52% .18 25),oklch(68% .16 24));--tone-critical-soft:light-dark(oklch(94.5% .03 22),oklch(34% .055 24));--tone-critical-text:light-dark(oklch(49% .17 25),oklch(82% .11 24));--tone-critical-ink:light-dark(oklch(98.5% .01 22),oklch(18% .03 24));--tone-info:light-dark(oklch(50% .07 230),oklch(72% .07 230));--tone-info-soft:light-dark(oklch(94% .02 230),oklch(33% .03 230));--tone-info-text:light-dark(oklch(45% .07 230),oklch(83% .06 230));--tone-info-ink:light-dark(oklch(98.5% .01 230),oklch(18% .03 230));--color-cat-1:light-dark(oklch(62% .09 165),oklch(68% .09 165));--color-cat-2:light-dark(oklch(72% .11 75),oklch(76% .11 75));--color-cat-3:light-dark(oklch(60% .08 235),oklch(68% .08 235));--color-cat-4:light-dark(oklch(62% .12 30),oklch(68% .12 30));--color-cat-5:light-dark(oklch(70% .06 120),oklch(74% .07 120));--color-cat-6:light-dark(oklch(62% .07 300),oklch(68% .07 300));--color-cat-7:light-dark(oklch(72% .05 195),oklch(76% .05 195));--color-cat-8:light-dark(oklch(65% .02 170),oklch(70% .02 170));--color-cat-ink:oklch(20% .02 170);--color-seq-1:light-dark(oklch(94% .03 155),oklch(33% .035 175));--color-seq-2:light-dark(oklch(86% .055 157),oklch(42% .05 170));--color-seq-3:light-dark(oklch(77% .075 159),oklch(51% .065 166));--color-seq-4:light-dark(oklch(67% .09 161),oklch(60% .075 162));--color-seq-5:light-dark(oklch(57% .095 163),oklch(69% .08 159));--color-seq-6:light-dark(oklch(47% .09 165),oklch(78% .075 157));--color-seq-7:light-dark(oklch(37% .075 168),oklch(87% .06 155));--color-div-neg-3:light-dark(oklch(50% .16 25),oklch(78% .11 25));--color-div-neg-2:light-dark(oklch(64% .12 25),oklch(65% .11 25));--color-div-neg-1:light-dark(oklch(79% .065 25),oklch(52% .08 25));--color-div-mid:light-dark(oklch(94% .004 150),oklch(38% .012 185));--color-div-pos-1:light-dark(oklch(79% .05 235),oklch(52% .06 235));--color-div-pos-2:light-dark(oklch(64% .08 235),oklch(65% .08 235));--color-div-pos-3:light-dark(oklch(50% .1 235),oklch(78% .08 235));--color-cat-1-stroke:light-dark(oklch(48% .08 165),oklch(82% .08 165));--color-cat-2-stroke:light-dark(oklch(50% .1 70),oklch(84% .1 75));--color-cat-3-stroke:light-dark(oklch(48% .08 235),oklch(82% .07 235));--color-cat-4-stroke:light-dark(oklch(50% .13 30),oklch(82% .09 30));--color-cat-5-stroke:light-dark(oklch(50% .08 120),oklch(84% .08 120));--color-cat-6-stroke:light-dark(oklch(48% .08 300),oklch(82% .06 300));--color-cat-7-stroke:light-dark(oklch(50% .06 195),oklch(84% .05 195));--color-cat-8-stroke:light-dark(oklch(50% .02 170),oklch(82% .02 170));--chart-grid:light-dark(oklch(89% .04 155),oklch(35% .03 170));--chart-axis:light-dark(oklch(56% .08 158),oklch(62% .05 160));--chart-label:var(--color-ink-muted);--chart-tooltip-surface:var(--color-surface-raised);--chart-tooltip-border:var(--color-line-strong);--chart-tooltip-ink:var(--color-ink);--chart-focus:var(--color-focus);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:0 1px 2px oklch(24% .02 170/.1), 0 8px 20px -6px oklch(24% .02 170/.18);--shadow-overlay:0 2px 4px oklch(20% .02 170/.12), 0 20px 48px -12px oklch(20% .02 170/.3);--shadow-lift:0 2px 4px oklch(24% .02 170/.12), 0 14px 32px -8px oklch(24% .02 170/.26);--canvas-image:none}}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-ext-wdth-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-wdth-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-ext-wdth-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../assets/fonts/archivo-latin-wdth-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
package/dist/themes/monograph.css CHANGED
@@ -1 +1 @@
1
- @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=monograph]{--font-display:"Newsreader", "Iowan Old Style", Georgia, serif;--font-text:"Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--font-prose:"Newsreader", "Iowan Old Style", Georgia, serif;--font-mono:"Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"Newsreader", "Iowan Old Style", Georgia, serif;--type-base:1.0625rem;--display-scale:1;--type-ratio:1.25;--display-weight:430;--display-style:normal;--display-stretch:100%;--display-transform:none;--display-tracking:-.035em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:480;--heading-tracking:-.018em;--heading-transform:none;--label-weight:560;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--mono-stretch:87.5%;--leading-tight:1.02;--leading-snug:1.2;--leading-body:1.55;--prose-size:1.1875rem;--prose-leading:1.62;--density:1.05;--motion-scale:1.1;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:var(--ease-out);--icon-stroke:1.5;--border-width:1px;--border-width-strong:1px;--radius-action:999px;--radius-field:.5rem;--radius-surface:.75rem;--radius-media:.5rem;--radius-chip:999px;--radius-avatar:28%;--color-canvas:light-dark(oklch(97.2% .005 250),oklch(17.8% .013 257));--color-surface:light-dark(oklch(99.3% .003 250),oklch(20.8% .015 257));--color-surface-sunken:light-dark(oklch(95.2% .007 250),oklch(15.8% .012 257));--color-surface-raised:light-dark(oklch(99.7% .002 250),oklch(23.8% .016 257));--color-surface-inverse:light-dark(oklch(22% .018 257),oklch(93% .008 250));--color-ink:light-dark(oklch(22.5% .02 257),oklch(94% .008 250));--color-ink-muted:light-dark(oklch(44% .018 257),oklch(75% .013 250));--color-ink-subtle:light-dark(oklch(52.5% .014 257),oklch(62.5% .013 252));--color-ink-inverse:light-dark(oklch(96% .006 250),oklch(20% .018 257));--color-line:light-dark(oklch(89.5% .008 250),oklch(29% .015 257));--color-line-strong:light-dark(oklch(79% .012 250),oklch(39% .016 257));--color-accent:light-dark(oklch(56.5% .158 44),oklch(72% .15 52));--color-accent-hover:light-dark(oklch(52% .15 42),oklch(77% .14 55));--color-accent-ink:light-dark(oklch(98.5% .01 60),oklch(19% .03 45));--color-accent-text:light-dark(oklch(53% .15 42),oklch(78% .13 56));--color-accent-soft:light-dark(oklch(94% .035 60),oklch(29% .055 48));--color-highlight:light-dark(oklch(93% .02 230),oklch(30% .03 240));--color-highlight-ink:var(--color-ink);--color-focus:var(--color-ink);--color-selection:light-dark(oklch(88% .07 58),oklch(42% .09 50));--color-scrim:light-dark(oklch(25% .02 257/.42),oklch(8% .01 257/.66));--tone-positive:light-dark(oklch(52% .11 155),oklch(72% .12 158));--tone-positive-soft:light-dark(oklch(94% .035 155),oklch(28% .045 158));--tone-positive-text:light-dark(oklch(45% .1 155),oklch(78% .11 158));--tone-positive-ink:light-dark(oklch(98.5% .01 155),oklch(18% .03 158));--tone-caution:light-dark(oklch(72% .14 80),oklch(80% .13 85));--tone-caution-soft:light-dark(oklch(95% .05 88),oklch(30% .05 80));--tone-caution-text:light-dark(oklch(50% .1 70),oklch(84% .11 88));--tone-caution-ink:light-dark(oklch(22% .04 70),oklch(20% .04 80));--tone-critical:light-dark(oklch(54% .19 22),oklch(68% .17 22));--tone-critical-soft:light-dark(oklch(94% .035 20),oklch(29% .06 22));--tone-critical-text:light-dark(oklch(50% .18 22),oklch(76% .14 22));--tone-critical-ink:light-dark(oklch(98.5% .01 20),oklch(18% .03 22));--tone-info:light-dark(oklch(52% .08 235),oklch(72% .08 232));--tone-info-soft:light-dark(oklch(94% .02 235),oklch(28% .035 235));--tone-info-text:light-dark(oklch(46% .08 235),oklch(78% .07 232));--tone-info-ink:light-dark(oklch(98.5% .01 235),oklch(18% .03 235));--color-cat-1:light-dark(oklch(78% .09 50),oklch(70% .1 50));--color-cat-2:light-dark(oklch(80% .07 160),oklch(70% .08 160));--color-cat-3:light-dark(oklch(80% .06 235),oklch(70% .07 235));--color-cat-4:light-dark(oklch(84% .09 95),oklch(74% .1 95));--color-cat-5:light-dark(oklch(79% .07 15),oklch(69% .08 15));--color-cat-6:light-dark(oklch(80% .05 195),oklch(70% .06 195));--color-cat-7:light-dark(oklch(82% .06 125),oklch(72% .07 125));--color-cat-8:light-dark(oklch(78% .03 257),oklch(68% .03 257));--color-cat-ink:oklch(22% .02 257);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:0 1px 2px oklch(20% .02 257/.12), 0 10px 28px -6px oklch(20% .03 257/.22);--shadow-overlay:0 2px 4px oklch(15% .02 257/.14), 0 24px 64px -12px oklch(15% .03 257/.36);--canvas-image:none}}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-ext-standard-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-standard-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-ext-wght-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-wght-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
1
+ @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=monograph]{--font-display:"Newsreader", "Iowan Old Style", Georgia, serif;--font-text:"Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--font-prose:"Newsreader", "Iowan Old Style", Georgia, serif;--font-mono:"Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"Newsreader", "Iowan Old Style", Georgia, serif;--type-base:1.0625rem;--display-scale:1;--type-ratio:1.25;--display-weight:430;--display-style:normal;--display-stretch:100%;--display-transform:none;--display-tracking:-.035em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:480;--heading-tracking:-.018em;--heading-transform:none;--label-weight:560;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--mono-stretch:87.5%;--leading-tight:1.02;--leading-snug:1.2;--leading-body:1.55;--prose-size:1.1875rem;--prose-leading:1.62;--density:1.05;--motion-scale:1.1;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:var(--ease-out);--icon-stroke:1.5;--border-width:1px;--border-width-strong:1px;--radius-action:999px;--radius-field:.5rem;--radius-surface:.75rem;--radius-media:.5rem;--radius-chip:999px;--radius-avatar:28%;--color-canvas:light-dark(oklch(97.2% .005 250),oklch(17.8% .013 257));--color-surface:light-dark(oklch(99.3% .003 250),oklch(20.8% .015 257));--color-surface-sunken:light-dark(oklch(95.2% .007 250),oklch(15.8% .012 257));--color-surface-raised:light-dark(oklch(99.7% .002 250),oklch(23.8% .016 257));--color-surface-inverse:light-dark(oklch(22% .018 257),oklch(93% .008 250));--color-ink:light-dark(oklch(22.5% .02 257),oklch(94% .008 250));--color-ink-muted:light-dark(oklch(44% .018 257),oklch(75% .013 250));--color-ink-subtle:light-dark(oklch(52.5% .014 257),oklch(62.5% .013 252));--color-ink-inverse:light-dark(oklch(96% .006 250),oklch(20% .018 257));--color-line:light-dark(oklch(89.5% .008 250),oklch(29% .015 257));--color-line-strong:light-dark(oklch(79% .012 250),oklch(39% .016 257));--color-accent:light-dark(oklch(56.5% .158 44),oklch(72% .15 52));--color-accent-hover:light-dark(oklch(52% .15 42),oklch(77% .14 55));--color-accent-ink:light-dark(oklch(98.5% .01 60),oklch(19% .03 45));--color-accent-text:light-dark(oklch(53% .15 42),oklch(78% .13 56));--color-accent-soft:light-dark(oklch(94% .035 60),oklch(29% .055 48));--color-highlight:light-dark(oklch(93% .02 230),oklch(30% .03 240));--color-highlight-ink:var(--color-ink);--color-focus:var(--color-ink);--color-selection:light-dark(oklch(88% .07 58),oklch(42% .09 50));--color-scrim:light-dark(oklch(25% .02 257/.42),oklch(8% .01 257/.66));--tone-positive:light-dark(oklch(52% .11 155),oklch(72% .12 158));--tone-positive-soft:light-dark(oklch(94% .035 155),oklch(28% .045 158));--tone-positive-text:light-dark(oklch(45% .1 155),oklch(78% .11 158));--tone-positive-ink:light-dark(oklch(98.5% .01 155),oklch(18% .03 158));--tone-caution:light-dark(oklch(72% .14 80),oklch(80% .13 85));--tone-caution-soft:light-dark(oklch(95% .05 88),oklch(30% .05 80));--tone-caution-text:light-dark(oklch(50% .1 70),oklch(84% .11 88));--tone-caution-ink:light-dark(oklch(22% .04 70),oklch(20% .04 80));--tone-critical:light-dark(oklch(54% .19 22),oklch(68% .17 22));--tone-critical-soft:light-dark(oklch(94% .035 20),oklch(29% .06 22));--tone-critical-text:light-dark(oklch(50% .18 22),oklch(76% .14 22));--tone-critical-ink:light-dark(oklch(98.5% .01 20),oklch(18% .03 22));--tone-info:light-dark(oklch(52% .08 235),oklch(72% .08 232));--tone-info-soft:light-dark(oklch(94% .02 235),oklch(28% .035 235));--tone-info-text:light-dark(oklch(46% .08 235),oklch(78% .07 232));--tone-info-ink:light-dark(oklch(98.5% .01 235),oklch(18% .03 235));--color-cat-1:light-dark(oklch(78% .09 50),oklch(70% .1 50));--color-cat-2:light-dark(oklch(80% .07 160),oklch(70% .08 160));--color-cat-3:light-dark(oklch(80% .06 235),oklch(70% .07 235));--color-cat-4:light-dark(oklch(84% .09 95),oklch(74% .1 95));--color-cat-5:light-dark(oklch(79% .07 15),oklch(69% .08 15));--color-cat-6:light-dark(oklch(80% .05 195),oklch(70% .06 195));--color-cat-7:light-dark(oklch(82% .06 125),oklch(72% .07 125));--color-cat-8:light-dark(oklch(78% .03 257),oklch(68% .03 257));--color-cat-ink:oklch(22% .02 257);--color-seq-1:light-dark(oklch(94% .02 240),oklch(29% .035 255));--color-seq-2:light-dark(oklch(86% .04 242),oklch(38% .05 252));--color-seq-3:light-dark(oklch(77% .055 245),oklch(47% .06 249));--color-seq-4:light-dark(oklch(67% .065 248),oklch(56% .065 246));--color-seq-5:light-dark(oklch(57% .07 251),oklch(65% .065 243));--color-seq-6:light-dark(oklch(47% .065 254),oklch(75% .055 240));--color-seq-7:light-dark(oklch(37% .055 257),oklch(85% .04 238));--color-div-neg-3:light-dark(oklch(50% .13 35),oklch(73% .12 40));--color-div-neg-2:light-dark(oklch(64% .1 38),oklch(59% .1 38));--color-div-neg-1:light-dark(oklch(79% .055 42),oklch(45% .065 36));--color-div-mid:light-dark(oklch(93% .005 250),oklch(30% .012 257));--color-div-pos-1:light-dark(oklch(79% .04 240),oklch(45% .05 245));--color-div-pos-2:light-dark(oklch(64% .07 242),oklch(59% .07 242));--color-div-pos-3:light-dark(oklch(50% .09 245),oklch(73% .08 240));--color-cat-1-stroke:light-dark(oklch(52% .12 45),oklch(82% .09 50));--color-cat-2-stroke:light-dark(oklch(50% .09 160),oklch(82% .08 160));--color-cat-3-stroke:light-dark(oklch(50% .08 238),oklch(82% .07 235));--color-cat-4-stroke:light-dark(oklch(52% .09 90),oklch(85% .1 95));--color-cat-5-stroke:light-dark(oklch(50% .12 15),oklch(81% .08 15));--color-cat-6-stroke:light-dark(oklch(50% .07 195),oklch(82% .06 195));--color-cat-7-stroke:light-dark(oklch(50% .08 125),oklch(84% .07 125));--color-cat-8-stroke:light-dark(oklch(50% .03 257),oklch(80% .025 257));--chart-grid:light-dark(oklch(89% .008 250),oklch(30% .015 257));--chart-axis:light-dark(oklch(58% .02 257),oklch(60% .016 257));--chart-label:var(--color-ink-muted);--chart-tooltip-surface:var(--color-surface-raised);--chart-tooltip-border:var(--color-line-strong);--chart-tooltip-ink:var(--color-ink);--chart-focus:var(--color-focus);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:0 1px 2px oklch(20% .02 257/.12), 0 10px 28px -6px oklch(20% .03 257/.22);--shadow-overlay:0 2px 4px oklch(15% .02 257/.14), 0 24px 64px -12px oklch(15% .03 257/.36);--shadow-lift:0 2px 4px oklch(20% .02 257/.14), 0 18px 40px -8px oklch(20% .03 257/.3);--canvas-image:none}}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-ext-standard-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:200 800;src:url(../assets/fonts/newsreader-latin-standard-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-ext-wght-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-display:swap;font-weight:400 900;src:url(../assets/fonts/schibsted-grotesk-latin-wght-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(../assets/fonts/martian-mono-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
package/dist/themes/riso.css CHANGED
@@ -1 +1 @@
1
- @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=riso]{--font-display:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--font-text:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--font-prose:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--type-base:1rem;--display-scale:1.2;--type-ratio:1.25;--display-weight:800;--display-style:normal;--display-stretch:100%;--display-transform:none;--display-tracking:-.02em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:700;--heading-tracking:-.01em;--heading-transform:none;--label-weight:600;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--numeral-weight:700;--numeral-scale:1;--mono-stretch:100%;--table-head-font:var(--font-text);--leading-tight:.95;--leading-snug:1.15;--leading-body:1.55;--prose-size:1.0625rem;--prose-leading:1.6;--density:1;--motion-scale:1;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--icon-stroke:2;--border-width:1px;--border-width-strong:2px;--radius-action:.625rem;--radius-field:.375rem;--radius-surface:.75rem;--radius-media:.25rem;--radius-chip:999px;--radius-avatar:50%;--color-canvas:light-dark(oklch(98.5% .003 250),oklch(25% .06 258));--color-surface:light-dark(oklch(95.5% .02 255),oklch(29% .07 258));--color-surface-sunken:light-dark(oklch(95.5% .025 355),oklch(22% .055 258));--color-surface-raised:light-dark(oklch(99.8% .002 250),oklch(33% .075 258));--color-surface-inverse:light-dark(oklch(39% .14 258),oklch(95% .025 350));--color-ink:light-dark(oklch(39% .14 258),oklch(96% .015 350));--color-ink-muted:light-dark(oklch(47% .12 258),oklch(84% .05 255));--color-ink-subtle:light-dark(oklch(46% .11 258),oklch(74% .07 255));--color-ink-inverse:light-dark(oklch(98.5% .003 250),oklch(22% .06 258));--color-line:light-dark(oklch(86% .06 258),oklch(42% .08 258));--color-line-strong:light-dark(oklch(56% .13 258),oklch(64% .1 258));--section-divider-color:var(--color-line-strong);--control-checked-border:var(--color-ink);--marquee-edge:var(--color-line);--color-accent:light-dark(oklch(68% .24 355),oklch(70% .24 355));--color-accent-hover:light-dark(oklch(72% .22 355),oklch(76% .2 355));--color-accent-ink:oklch(20% .07 258);--color-accent-text:light-dark(oklch(52% .22 0),oklch(78% .17 355));--color-accent-soft:light-dark(oklch(93% .055 355),oklch(32% .09 355));--color-highlight:light-dark(oklch(90% .07 355),oklch(37% .12 355));--color-highlight-ink:light-dark(oklch(33% .13 258),oklch(97% .015 350));--highlight-tone-positive-text:light-dark(oklch(38% .09 175),oklch(86% .12 170));--highlight-tone-caution-text:light-dark(oklch(40% .09 80),oklch(90% .13 95));--highlight-tone-critical-text:light-dark(oklch(42% .18 27),oklch(86% .12 25));--highlight-tone-info-text:light-dark(oklch(36% .14 258),oklch(86% .07 250));--highlight-accent-text:light-dark(oklch(42% .2 0),oklch(88% .1 355));--color-focus:light-dark(oklch(39% .14 258),oklch(96% .015 350));--color-selection:light-dark(oklch(88% .09 355),oklch(50% .17 355));--color-scrim:light-dark(oklch(25% .1 258/.5),oklch(8% .03 258/.7));--tone-positive:light-dark(oklch(70% .12 175),oklch(76% .13 172));--tone-positive-soft:light-dark(oklch(94% .04 175),oklch(32% .06 175));--tone-positive-text:light-dark(oklch(42% .09 175),oklch(82% .12 172));--tone-positive-ink:oklch(20% .05 200);--tone-caution:light-dark(oklch(88% .16 95),oklch(86% .15 95));--tone-caution-soft:light-dark(oklch(95% .07 98),oklch(34% .06 90));--tone-caution-text:light-dark(oklch(44% .1 80),oklch(88% .14 95));--tone-caution-ink:oklch(22% .05 258);--tone-critical:light-dark(oklch(56% .21 27),oklch(66% .21 27));--tone-critical-soft:light-dark(oklch(94% .04 27),oklch(34% .1 27));--tone-critical-text:light-dark(oklch(46% .19 27),oklch(80% .14 25));--tone-critical-ink:light-dark(oklch(98.5% .01 27),oklch(18% .04 27));--tone-info:light-dark(oklch(76% .1 245),oklch(74% .11 245));--tone-info-soft:light-dark(oklch(94% .03 250),oklch(32% .07 255));--tone-info-text:light-dark(oklch(44% .14 258),oklch(82% .09 245));--tone-info-ink:oklch(22% .06 258);--color-cat-1:oklch(72% .2 355);--color-cat-2:oklch(76% .1 245);--color-cat-3:oklch(88% .16 95);--color-cat-4:oklch(78% .11 178);--color-cat-5:oklch(79% .14 58);--color-cat-6:oklch(80% .15 140);--color-cat-7:oklch(78% .09 315);--color-cat-8:oklch(85% .03 250);--color-cat-ink:oklch(22% .06 258);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:3px 3px 0 0 light-dark(oklch(68% .24 355),oklch(70% .24 355));--shadow-overlay:3px 3px 0 0 light-dark(oklch(68% .24 355),oklch(70% .24 355));--canvas-image:none;--canvas-image-size:auto}}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-ext-full-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-full-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans;font-style:italic;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-ext-full-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:italic;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-full-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
1
+ @layer kiln.reset,kiln.tokens;@layer kiln.themes{[data-theme=riso]{--font-display:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--font-text:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--font-prose:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-numeric:"Shantell Sans", ui-sans-serif, system-ui, sans-serif;--type-base:1rem;--display-scale:1.2;--type-ratio:1.25;--display-weight:800;--display-style:normal;--display-stretch:100%;--display-transform:none;--display-tracking:-.02em;--display-opsz:72;--heading-font:var(--font-display);--heading-weight:700;--heading-tracking:-.01em;--heading-transform:none;--label-weight:600;--label-tracking:0;--label-transform:none;--numeric-stretch:100%;--numeral-weight:700;--numeral-scale:1;--mono-stretch:100%;--table-head-font:var(--font-text);--leading-tight:.95;--leading-snug:1.15;--leading-body:1.55;--prose-size:1.0625rem;--prose-leading:1.6;--density:1;--motion-scale:1;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--icon-stroke:2;--border-width:1px;--border-width-strong:2px;--radius-action:.625rem;--radius-field:.375rem;--radius-surface:.75rem;--radius-media:.25rem;--radius-chip:999px;--radius-avatar:50%;--color-canvas:light-dark(oklch(98.5% .003 250),oklch(25% .06 258));--color-surface:light-dark(oklch(95.5% .02 255),oklch(29% .07 258));--color-surface-sunken:light-dark(oklch(95.5% .025 355),oklch(22% .055 258));--color-surface-raised:light-dark(oklch(99.8% .002 250),oklch(33% .075 258));--color-surface-inverse:light-dark(oklch(39% .14 258),oklch(95% .025 350));--color-ink:light-dark(oklch(39% .14 258),oklch(96% .015 350));--color-ink-muted:light-dark(oklch(47% .12 258),oklch(84% .05 255));--color-ink-subtle:light-dark(oklch(46% .11 258),oklch(74% .07 255));--color-ink-inverse:light-dark(oklch(98.5% .003 250),oklch(22% .06 258));--color-line:light-dark(oklch(86% .06 258),oklch(42% .08 258));--color-line-strong:light-dark(oklch(56% .13 258),oklch(64% .1 258));--section-divider-color:var(--color-line-strong);--control-checked-border:var(--color-ink);--marquee-edge:var(--color-line);--color-accent:light-dark(oklch(68% .24 355),oklch(70% .24 355));--color-accent-hover:light-dark(oklch(72% .22 355),oklch(76% .2 355));--color-accent-ink:oklch(20% .07 258);--color-accent-text:light-dark(oklch(52% .22 0),oklch(78% .17 355));--color-accent-soft:light-dark(oklch(93% .055 355),oklch(32% .09 355));--color-highlight:light-dark(oklch(90% .07 355),oklch(37% .12 355));--color-highlight-ink:light-dark(oklch(33% .13 258),oklch(97% .015 350));--highlight-tone-positive-text:light-dark(oklch(38% .09 175),oklch(86% .12 170));--highlight-tone-caution-text:light-dark(oklch(40% .09 80),oklch(90% .13 95));--highlight-tone-critical-text:light-dark(oklch(42% .18 27),oklch(86% .12 25));--highlight-tone-info-text:light-dark(oklch(36% .14 258),oklch(86% .07 250));--highlight-accent-text:light-dark(oklch(42% .2 0),oklch(88% .1 355));--color-focus:light-dark(oklch(39% .14 258),oklch(96% .015 350));--color-selection:light-dark(oklch(88% .09 355),oklch(50% .17 355));--color-scrim:light-dark(oklch(25% .1 258/.5),oklch(8% .03 258/.7));--tone-positive:light-dark(oklch(70% .12 175),oklch(76% .13 172));--tone-positive-soft:light-dark(oklch(94% .04 175),oklch(32% .06 175));--tone-positive-text:light-dark(oklch(42% .09 175),oklch(82% .12 172));--tone-positive-ink:oklch(20% .05 200);--tone-caution:light-dark(oklch(88% .16 95),oklch(86% .15 95));--tone-caution-soft:light-dark(oklch(95% .07 98),oklch(34% .06 90));--tone-caution-text:light-dark(oklch(44% .1 80),oklch(88% .14 95));--tone-caution-ink:oklch(22% .05 258);--tone-critical:light-dark(oklch(56% .21 27),oklch(66% .21 27));--tone-critical-soft:light-dark(oklch(94% .04 27),oklch(34% .1 27));--tone-critical-text:light-dark(oklch(46% .19 27),oklch(80% .14 25));--tone-critical-ink:light-dark(oklch(98.5% .01 27),oklch(18% .04 27));--tone-info:light-dark(oklch(76% .1 245),oklch(74% .11 245));--tone-info-soft:light-dark(oklch(94% .03 250),oklch(32% .07 255));--tone-info-text:light-dark(oklch(44% .14 258),oklch(82% .09 245));--tone-info-ink:oklch(22% .06 258);--color-cat-1:oklch(72% .2 355);--color-cat-2:oklch(76% .1 245);--color-cat-3:oklch(88% .16 95);--color-cat-4:oklch(78% .11 178);--color-cat-5:oklch(79% .14 58);--color-cat-6:oklch(80% .15 140);--color-cat-7:oklch(78% .09 315);--color-cat-8:oklch(85% .03 250);--color-cat-ink:oklch(22% .06 258);--color-seq-1:light-dark(oklch(92% .035 258),oklch(36% .08 258));--color-seq-2:light-dark(oklch(84% .06 258),oklch(45% .09 258));--color-seq-3:light-dark(oklch(76% .085 258),oklch(54% .095 257));--color-seq-4:light-dark(oklch(67% .105 258),oklch(63% .09 256));--color-seq-5:light-dark(oklch(58% .12 258),oklch(72% .08 255));--color-seq-6:light-dark(oklch(49% .135 258),oklch(81% .06 254));--color-seq-7:light-dark(oklch(39% .14 258),oklch(90% .04 252));--color-div-neg-3:light-dark(oklch(50% .2 0),oklch(80% .14 355));--color-div-neg-2:light-dark(oklch(65% .18 355),oklch(66% .17 355));--color-div-neg-1:light-dark(oklch(80% .1 355),oklch(52% .15 355));--color-div-mid:light-dark(oklch(95% .006 250),oklch(38% .02 258));--color-div-pos-1:light-dark(oklch(80% .06 258),oklch(52% .1 258));--color-div-pos-2:light-dark(oklch(65% .11 258),oklch(66% .09 256));--color-div-pos-3:light-dark(oklch(50% .14 258),oklch(80% .07 254));--color-cat-1-stroke:light-dark(oklch(52% .2 0),oklch(80% .15 355));--color-cat-2-stroke:light-dark(oklch(50% .12 250),oklch(82% .08 245));--color-cat-3-stroke:light-dark(oklch(50% .1 85),oklch(88% .15 95));--color-cat-4-stroke:light-dark(oklch(50% .09 180),oklch(84% .1 178));--color-cat-5-stroke:light-dark(oklch(52% .14 50),oklch(84% .11 58));--color-cat-6-stroke:light-dark(oklch(50% .12 140),oklch(86% .13 140));--color-cat-7-stroke:light-dark(oklch(50% .12 315),oklch(84% .08 315));--color-cat-8-stroke:light-dark(oklch(52% .04 250),oklch(82% .03 250));--chart-grid:light-dark(oklch(89% .04 258),oklch(38% .07 258));--chart-axis:var(--color-line-strong);--chart-label:var(--color-ink-muted);--chart-tooltip-surface:var(--color-surface-raised);--chart-tooltip-border:var(--color-line-strong);--chart-tooltip-ink:var(--color-ink);--chart-focus:var(--color-focus);--shadow-surface:none;--active-shift:0px;--shadow-active:none;--shadow-float:3px 3px 0 0 light-dark(oklch(68% .24 355),oklch(70% .24 355));--shadow-overlay:3px 3px 0 0 light-dark(oklch(68% .24 355),oklch(70% .24 355));--shadow-lift:5px 5px 0 0 light-dark(oklch(68% .24 355),oklch(70% .24 355));--canvas-image:none;--canvas-image-size:auto}}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-ext-full-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-full-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans;font-style:italic;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-ext-full-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:italic;font-display:swap;font-weight:300 800;src:url(../assets/fonts/shantell-sans-latin-full-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mitcsutt/kiln-ui",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "Kiln: a themeable React design system on Radix primitives, plain CSS and design tokens",
5
5
  "keywords": [
6
6
  "kiln",
package/skills/custom-theme/SKILL.md CHANGED
@@ -163,12 +163,44 @@ This is every token in the contract, set to Paper's values, under your theme's n
163
163
  --color-cat-8: light-dark(oklch(0.8 0.01 250), oklch(0.7 0.01 250));
164
164
  --color-cat-ink: oklch(0.21 0.03 258);
165
165
 
166
+ /* Data */
167
+ --color-seq-1: light-dark(oklch(0.93 0.03 230), oklch(0.3 0.04 252));
168
+ --color-seq-2: light-dark(oklch(0.85 0.055 233), oklch(0.39 0.06 250));
169
+ --color-seq-3: light-dark(oklch(0.76 0.075 237), oklch(0.48 0.075 246));
170
+ --color-seq-4: light-dark(oklch(0.66 0.09 242), oklch(0.57 0.085 242));
171
+ --color-seq-5: light-dark(oklch(0.56 0.1 247), oklch(0.66 0.085 237));
172
+ --color-seq-6: light-dark(oklch(0.46 0.1 251), oklch(0.76 0.075 232));
173
+ --color-seq-7: light-dark(oklch(0.36 0.09 256), oklch(0.86 0.055 228));
174
+ --color-div-neg-3: light-dark(oklch(0.5 0.15 25), oklch(0.72 0.13 25));
175
+ --color-div-neg-2: light-dark(oklch(0.64 0.11 25), oklch(0.58 0.11 25));
176
+ --color-div-neg-1: light-dark(oklch(0.79 0.06 25), oklch(0.44 0.07 25));
177
+ --color-div-mid: light-dark(oklch(0.93 0.004 250), oklch(0.3 0.008 250));
178
+ --color-div-pos-1: light-dark(oklch(0.79 0.045 245), oklch(0.44 0.05 245));
179
+ --color-div-pos-2: light-dark(oklch(0.64 0.08 248), oklch(0.58 0.075 245));
180
+ --color-div-pos-3: light-dark(oklch(0.5 0.1 252), oklch(0.72 0.085 245));
181
+ --color-cat-1-stroke: light-dark(oklch(0.5 0.09 232), oklch(0.82 0.07 228));
182
+ --color-cat-2-stroke: light-dark(oklch(0.5 0.09 160), oklch(0.82 0.08 160));
183
+ --color-cat-3-stroke: light-dark(oklch(0.52 0.1 70), oklch(0.84 0.09 75));
184
+ --color-cat-4-stroke: light-dark(oklch(0.5 0.12 22), oklch(0.81 0.08 20));
185
+ --color-cat-5-stroke: light-dark(oklch(0.5 0.09 300), oklch(0.82 0.06 300));
186
+ --color-cat-6-stroke: light-dark(oklch(0.5 0.09 125), oklch(0.84 0.08 125));
187
+ --color-cat-7-stroke: light-dark(oklch(0.5 0.07 195), oklch(0.82 0.06 195));
188
+ --color-cat-8-stroke: light-dark(oklch(0.5 0.015 250), oklch(0.8 0.012 250));
189
+ --chart-grid: light-dark(oklch(0.89 0.008 250), oklch(0.31 0.01 250));
190
+ --chart-axis: light-dark(oklch(0.58 0.03 256), oklch(0.6 0.015 250));
191
+ --chart-label: var(--color-ink-muted);
192
+ --chart-tooltip-surface: var(--color-surface-raised);
193
+ --chart-tooltip-border: var(--color-line-strong);
194
+ --chart-tooltip-ink: var(--color-ink);
195
+ --chart-focus: var(--color-focus);
196
+
166
197
  /* Edges & depth */
167
198
  --shadow-surface: none;
168
199
  --active-shift: 0px;
169
200
  --shadow-active: none;
170
201
  --shadow-float: 0 1px 2px oklch(0.2 0.04 258 / 0.1), 0 8px 24px -6px oklch(0.2 0.04 258 / 0.18);
171
202
  --shadow-overlay: 0 2px 4px oklch(0.15 0.04 258 / 0.12), 0 20px 56px -12px oklch(0.15 0.04 258 / 0.32);
203
+ --shadow-lift: 0 2px 4px oklch(0.2 0.04 258 / 0.12), 0 16px 36px -8px oklch(0.2 0.04 258 / 0.28);
172
204
  --canvas-image: none;
173
205
  }
174
206
  }
package/skills/custom-theme/references/colour.md CHANGED
@@ -35,6 +35,26 @@ Components take a `tone` prop and pick the right token for the job: `<Badge tone
35
35
  Eight muted inks at even lightness for things that need telling apart but have no order: people, series in a chart, tags. `--color-cat-ink` is readable on all eight. `Avatar` and `Tag` use them.
36
36
 
37
37
 
38
+ ## Ramps
39
+
40
+ Categorical colour marks who; ramps mark how much. An amount, like a heatmap cell or a bar shaded by its value, takes the sequential ramp: seven steps from least to most, each one further from the page, so more is darker in light mode and lighter in dark mode.
41
+
42
+
43
+ A value either side of a reference, like change against last month or distance from a target, takes the diverging ramp. Its two arms are different hues at matching lightness, so neither side looks bigger, and they step out from `--color-div-mid`, a neutral that stands for the reference itself.
44
+
45
+
46
+ Status still belongs to the tones: a ramp says how much, never whether it's good.
47
+
48
+ ## Charts
49
+
50
+ Each categorical colour has a stroke variant, `--color-cat-N-stroke`, for lines and the outlines of filled marks. The fills are pale, and a 1px line in one would disappear, so the stroke reaches 3:1 on the canvas and the surface. Strokes are for lines, never text.
51
+
52
+
53
+ The chart chrome tokens are the grid, the axis, tick and legend labels, the tooltip and the focus ring on a data point. Labels and tooltip text are ink-coloured and meet AA, and the axis and focus meet 3:1. A legend or tick never takes its series colour.
54
+
55
+
56
+ kiln-ui's tests check all of this in every built-in theme and both modes: the ramp order, the neutral midpoint and every contrast pair.
57
+
38
58
  ## Light and dark
39
59
 
40
60
  Every colour token is a `light-dark(<light>, <dark>)` pair. The page's `color-scheme`, set by `data-mode`, chooses between them, so dark mode needs no second stylesheet and no class juggling, and a nested scope can be dark inside a light page:
package/skills/custom-theme/references/motion.md CHANGED
@@ -37,3 +37,12 @@ Use the same tokens, and you get the theme's temperament and the reduced-motion
37
37
  translate var(--dur-3) var(--ease-out);
38
38
  }
39
39
  ```
40
+
41
+ ## Showing and hiding
42
+
43
+ Two primitives carry these tokens for you, so nothing that opens or appears needs its own animation:
44
+
45
+ - [`Collapse`](https://kiln.mitchellsutton.com/docs/ui/layout/collapse) animates content open and closed by height. [`Collapsible`](https://kiln.mitchellsutton.com/docs/ui/navigation/collapsible), [`ShowMore`](https://kiln.mitchellsutton.com/docs/ui/layout/show-more) and `NavLinks` groups are built on it.
46
+ - [`Transition`](https://kiln.mitchellsutton.com/docs/ui/layout/transition) mounts an element with an enter animation and unmounts it after an exit, with presets for fading, sliding a short way, scaling and popping.
47
+
48
+ Both follow the theme's durations and easings, and both change instantly under reduced motion.
package/skills/custom-theme/references/tokens.md CHANGED
@@ -144,6 +144,40 @@ Colour:
144
144
  | `--color-cat-8` | `light-dark(oklch(0.8 0.01 250), oklch(0.7 0.01 250))` |
145
145
  | `--color-cat-ink` | `oklch(0.21 0.03 258)` |
146
146
 
147
+ Data:
148
+
149
+ | Token | Paper |
150
+ | --- | --- |
151
+ | `--color-seq-1` | `light-dark(oklch(0.93 0.03 230), oklch(0.3 0.04 252))` |
152
+ | `--color-seq-2` | `light-dark(oklch(0.85 0.055 233), oklch(0.39 0.06 250))` |
153
+ | `--color-seq-3` | `light-dark(oklch(0.76 0.075 237), oklch(0.48 0.075 246))` |
154
+ | `--color-seq-4` | `light-dark(oklch(0.66 0.09 242), oklch(0.57 0.085 242))` |
155
+ | `--color-seq-5` | `light-dark(oklch(0.56 0.1 247), oklch(0.66 0.085 237))` |
156
+ | `--color-seq-6` | `light-dark(oklch(0.46 0.1 251), oklch(0.76 0.075 232))` |
157
+ | `--color-seq-7` | `light-dark(oklch(0.36 0.09 256), oklch(0.86 0.055 228))` |
158
+ | `--color-div-neg-3` | `light-dark(oklch(0.5 0.15 25), oklch(0.72 0.13 25))` |
159
+ | `--color-div-neg-2` | `light-dark(oklch(0.64 0.11 25), oklch(0.58 0.11 25))` |
160
+ | `--color-div-neg-1` | `light-dark(oklch(0.79 0.06 25), oklch(0.44 0.07 25))` |
161
+ | `--color-div-mid` | `light-dark(oklch(0.93 0.004 250), oklch(0.3 0.008 250))` |
162
+ | `--color-div-pos-1` | `light-dark(oklch(0.79 0.045 245), oklch(0.44 0.05 245))` |
163
+ | `--color-div-pos-2` | `light-dark(oklch(0.64 0.08 248), oklch(0.58 0.075 245))` |
164
+ | `--color-div-pos-3` | `light-dark(oklch(0.5 0.1 252), oklch(0.72 0.085 245))` |
165
+ | `--color-cat-1-stroke` | `light-dark(oklch(0.5 0.09 232), oklch(0.82 0.07 228))` |
166
+ | `--color-cat-2-stroke` | `light-dark(oklch(0.5 0.09 160), oklch(0.82 0.08 160))` |
167
+ | `--color-cat-3-stroke` | `light-dark(oklch(0.52 0.1 70), oklch(0.84 0.09 75))` |
168
+ | `--color-cat-4-stroke` | `light-dark(oklch(0.5 0.12 22), oklch(0.81 0.08 20))` |
169
+ | `--color-cat-5-stroke` | `light-dark(oklch(0.5 0.09 300), oklch(0.82 0.06 300))` |
170
+ | `--color-cat-6-stroke` | `light-dark(oklch(0.5 0.09 125), oklch(0.84 0.08 125))` |
171
+ | `--color-cat-7-stroke` | `light-dark(oklch(0.5 0.07 195), oklch(0.82 0.06 195))` |
172
+ | `--color-cat-8-stroke` | `light-dark(oklch(0.5 0.015 250), oklch(0.8 0.012 250))` |
173
+ | `--chart-grid` | `light-dark(oklch(0.89 0.008 250), oklch(0.31 0.01 250))` |
174
+ | `--chart-axis` | `light-dark(oklch(0.58 0.03 256), oklch(0.6 0.015 250))` |
175
+ | `--chart-label` | `var(--color-ink-muted)` |
176
+ | `--chart-tooltip-surface` | `var(--color-surface-raised)` |
177
+ | `--chart-tooltip-border` | `var(--color-line-strong)` |
178
+ | `--chart-tooltip-ink` | `var(--color-ink)` |
179
+ | `--chart-focus` | `var(--color-focus)` |
180
+
147
181
  Edges & depth:
148
182
 
149
183
  | Token | Paper |
@@ -153,6 +187,7 @@ Edges & depth:
153
187
  | `--shadow-active` | `none` |
154
188
  | `--shadow-float` | `0 1px 2px oklch(0.2 0.04 258 / 0.1), 0 8px 24px -6px oklch(0.2 0.04 258 / 0.18)` |
155
189
  | `--shadow-overlay` | `0 2px 4px oklch(0.15 0.04 258 / 0.12), 0 20px 56px -12px oklch(0.15 0.04 258 / 0.32)` |
190
+ | `--shadow-lift` | `0 2px 4px oklch(0.2 0.04 258 / 0.12), 0 16px 36px -8px oklch(0.2 0.04 258 / 0.28)` |
156
191
  | `--canvas-image` | `none` |
157
192
 
158
193
  ## Optional theme tokens
package/skills/design-rules/SKILL.md CHANGED
@@ -34,6 +34,7 @@ Generated UI converges on the statistical median: indigo buttons, Inter, gradien
34
34
  - Authored in **OKLCH**. Neutrals are **tinted** (chroma 0.004–0.02 toward the theme's hue). Never `#000`/`#fff` surfaces, never stock slate/zinc.
35
35
  - **One accent, ~5–10% of pixels**: the primary action, the current item, live state, key data. A second hue only when it carries meaning (`--color-highlight` = "you" / selected; tones = status).
36
36
  - **No gradients** unless they encode data. No gradient text. No glow halos in dark mode.
37
+ - **Categorical colour marks who; ramps mark how much.** `--color-cat-N` tells series, people and teams apart and carries no order, so never use it for an amount. An amount (a heatmap cell, a choropleth, a bar shaded by value) takes the sequential ramp `--color-seq-1` to `--color-seq-7`, where more data sits further from the page. A value either side of a reference (change against last month, above or below target) takes the diverging ramp, whose neutral midpoint `--color-div-mid` is the reference itself. Status stays with the tones, and a chart's text and axes stay in ink.
37
38
  - No indigo/violet as a primary. No warm cream canvas (such as `#F4F1EA`) and no terracotta or ember accent (such as `#D97757`). See _Second-order tells_ below.
38
39
 
39
40
  ### Type
@@ -85,10 +86,10 @@ Beyond the checks, a theme has a subject, and each colour, face, radius and easi
85
86
  ### Components & depth
86
87
 
87
88
  - **Radii are roles**, not a global roundness: `--radius-action`, `--radius-field`, `--radius-surface`, `--radius-media`, `--radius-chip`, `--radius-avatar`. Nested radii shrink (inner = outer − padding).
88
- - **One edge treatment per element**: a border _or_ a shadow _or_ a fill change. Static structure uses hairlines; soft shadows are only for things that float (popover, menu, dialog). Hard-offset shadows never go on static surfaces in a new theme. Fiesta keeps its hard offset as a legacy preset: it is the print misregistration, and it _is_ the edge. Riso's misregistered offset (the second ink drum slightly off) is floating-only.
89
+ - **One edge treatment per element**: a border _or_ a shadow _or_ a fill change. Static structure uses hairlines; soft shadows are only for things that float (popover, menu, dialog, an item lifted to be dragged). Hard-offset shadows never go on static surfaces in a new theme. Fiesta keeps its hard offset as a legacy preset: it is the print misregistration, and it _is_ the edge. Riso's misregistered offset (the second ink drum slightly off) is floating-only.
89
90
  - **Icons**: the library ships ~40 glyphs on a 20px grid with a themed stroke: the ones its components need, plus common navigation and page-furniture glyphs so apps don't mix in a second set. At most one icon per row; never an icon in a tinted chip; never emoji as UI.
90
91
  - **No left-border-accent callouts.** Alerts are a neutral hairline frame; the tone lives only in the glyph and a short tab on the top edge (`variant="soft"` for a tinted box when it must shout).
91
- - **Categorical colour marks who, never how.** A row or card with `color` draws a thin rail or a top keyline in `--color-cat-N`, matching that person's or team's `Tag` and `Avatar`. It's identity, not status or emphasis, so it's not the accent callout above; tones stay in badges and figures.
92
+ - **Categorical colour marks who, never how.** A row or card with `color` draws a thin rail or a top keyline in `--color-cat-N`, matching that person's or team's `Tag` and `Avatar`. It's identity, not status or emphasis, so it's not the accent callout above; tones stay in badges and figures. A small colour beside a label is one shared `Swatch`, drawn by the `swatch` prop on `Badge`, `Tag`, `ToggleChip` and `Indicator` (and standalone where there's no host), so a team or a series looks the same in a chip, a tag and a legend.
92
93
  - **Empty states** mark their frame with printer's crop marks, not a dashed box. So does a placeholder `Card`, a slot not yet decided.
93
94
  - **Focus is neutral** (`--color-focus` = ink) and always visible on `:focus-visible`. Focus must never look like validation; only error/warning/success tint a field.
94
95
 
@@ -97,6 +98,8 @@ Beyond the checks, a theme has a subject, and each colour, face, radius and easi
97
98
  - Motion answers an action or shows a state change (count updated, row expanded, panel opened). **No fade-up-on-scroll, no hover-scale on static cards, no parallax.**
98
99
  - To point at something that just changed or that a link just opened on, wrap it in `Flash`: one primitive for any element, not a flash prop on each component. It's an outline that fades, so it never moves layout, and under reduced motion it holds and goes instead of fading.
99
100
  - Durations and easings are tokens (`--dur-1/2/3`, `--ease-out`, `--ease-spring`) and collapse to ~0 under `prefers-reduced-motion`.
101
+ - Showing and hiding goes through the shared primitives, not a component's own animation: `Collapse` for height (behind `Collapsible`, `ShowMore` and `NavLinksGroup`), `Transition` for mounting and unmounting with an enter and an exit.
102
+ - **Clamping is a wrapper, never a prop.** Long content gets a `ShowMore` around it; `Text`, `Prose`, `List`, `Table` and `CodeBlock` never take `maxLines` or a clamp of their own.
100
103
 
101
104
  ### Copy (for stories, docs and examples)
102
105
 
package/skills/setup-and-theming/SKILL.md CHANGED
@@ -63,7 +63,7 @@ import '@mitcsutt/kiln-ui/themes/flightdeck.css'
63
63
  </ThemeProvider>
64
64
  ```
65
65
 
66
- Presets are separate files, so an app pays only for the ones it imports. [Themes](references/paper.md) shows all six, and [Theming](https://kiln.mitchellsutton.com/docs/ui/foundations/theming) shows how to write your own.
66
+ Presets are separate files, so an app pays only for the ones it imports. [Themes](references/paper.md) shows every built-in theme, and [Theming](https://kiln.mitchellsutton.com/docs/ui/foundations/theming) shows how to write your own.
67
67
 
68
68
  ## Compose a screen
69
69
 
package/skills/setup-and-theming/references/paper.md CHANGED
@@ -30,6 +30,6 @@ Paper is also declared on the document root at zero specificity, so a preset or
30
30
  - **Depth.** A fill change rather than a border: a sheet on stock needs no edge. Soft blue-black shadows for floating layers.
31
31
  - **Motion.** A quart ease-out, brisk, with no bounce.
32
32
 
33
- ## All six themes
33
+ ## All the themes
34
34
 
35
35
  The same screen in each built-in theme, in the page's current mode: