@fusion.dev/helix-styles 0.215.3 → 0.216.0

package/dist/base.css

@@ -779,9 +779,17 @@ helix-toast:not([data-color-mode]) {
 :where([data-prose] blockquote, [data-prose] helix-callout) {
   margin-block: var(--helix-space-none) var(--helix-space-sm);
 }
-:where([data-prose] > :last-child) {
+:where([data-prose] > :last-child),
+:where([data-prose] :is(blockquote, helix-callout, li, td, th) > :last-child) {
   margin-block-end: var(--helix-space-none);
 }
+:where(helix-markdown[data-prose], [data-prose] helix-markdown) > :where(h1, h2, h3, h4, h5, h6) {
+  margin-block: var(--helix-space-md) var(--helix-space-xs);
+}
+:where(helix-markdown[data-prose], [data-prose] helix-markdown)
+  > :where(h1, h2, h3, h4, h5, h6):where(:first-child) {
+  margin-block-start: var(--helix-space-none);
+}
 :where([data-prose] ul, [data-prose] ol) {
   padding-inline-start: var(--helix-space-lg);
 }
@@ -811,6 +819,56 @@ helix-toast:not([data-color-mode]) {
 :where([data-prose] tbody tr:last-child td) {
   border-block-end-color: transparent;
 }
+:where([data-prose] [data-table]) {
+  margin-block: var(--helix-space-none) var(--helix-space-sm);
+  max-inline-size: 100%;
+  overflow-x: auto;
+}
+:where([data-prose] [data-table] > table) {
+  display: table;
+  inline-size: 100%;
+  margin-block: var(--helix-space-none);
+  min-inline-size: 56rem;
+  table-layout: fixed;
+}
+:where([data-prose] [data-table] > table[data-columns="1"]) {
+  min-inline-size: 7rem;
+}
+:where([data-prose] [data-table] > table[data-columns="2"]) {
+  min-inline-size: 14rem;
+}
+:where([data-prose] [data-table] > table[data-columns="3"]) {
+  min-inline-size: 21rem;
+}
+:where([data-prose] [data-table] > table[data-columns="4"]) {
+  min-inline-size: 28rem;
+}
+:where([data-prose] [data-table] > table[data-columns="5"]) {
+  min-inline-size: 35rem;
+}
+:where([data-prose] [data-table] > table[data-columns="6"]) {
+  min-inline-size: 42rem;
+}
+:where([data-prose] [data-table] > table[data-columns="7"]) {
+  min-inline-size: 49rem;
+}
+:where([data-prose] [data-table] th, [data-prose] [data-table] td) {
+  overflow-wrap: anywhere;
+}
+:where([data-prose] [data-align="center"]) {
+  text-align: center;
+}
+:where([data-prose] [data-align="end"]) {
+  text-align: end;
+}
+:where([data-prose] li[data-task]) {
+  list-style: none;
+}
+:where([data-prose] li[data-task] > input[type="checkbox"]) {
+  margin-block: var(--helix-space-none);
+  margin-inline: calc(var(--helix-space-md) * -1) var(--helix-space-2xs);
+  vertical-align: middle;
+}
 :where([data-prose] pre) {
   background-color: var(--helix-color-surface-sunken);
   border-radius: var(--helix-radii-sm);

package/dist/elements.css

@@ -27,6 +27,8 @@ helix-checkbox:not(:defined),
 helix-checkbox-group:not(:defined),
 helix-code:not(:defined),
 helix-code-block:not(:defined),
+helix-code-editor:not(:defined),
+helix-code-input:not(:defined),
 helix-color-input:not(:defined),
 helix-color-picker:not(:defined),
 helix-combobox:not(:defined),
@@ -83,6 +85,7 @@ helix-map-position:not(:defined),
 helix-map-raster:not(:defined),
 helix-map-route:not(:defined),
 helix-map-terrain:not(:defined),
+helix-markdown:not(:defined),
 helix-megamenu:not(:defined),
 helix-menu:not(:defined),
 helix-menu-item:not(:defined),
@@ -120,6 +123,7 @@ helix-sandbox-toolbar:not(:defined),
 helix-scatter-chart:not(:defined),
 helix-scroll-area:not(:defined),
 helix-select:not(:defined),
+helix-shortcut-overlay:not(:defined),
 helix-skeleton:not(:defined),
 helix-skip-link:not(:defined),
 helix-slider:not(:defined),
@@ -205,6 +209,8 @@ helix-checkbox[align],
 helix-checkbox-group[align],
 helix-code[align],
 helix-code-block[align],
+helix-code-editor[align],
+helix-code-input[align],
 helix-color-input[align],
 helix-color-picker[align],
 helix-combobox[align],
@@ -261,6 +267,7 @@ helix-map-position[align],
 helix-map-raster[align],
 helix-map-route[align],
 helix-map-terrain[align],
+helix-markdown[align],
 helix-megamenu[align],
 helix-menu[align],
 helix-menu-item[align],
@@ -298,6 +305,7 @@ helix-sandbox-toolbar[align],
 helix-scatter-chart[align],
 helix-scroll-area[align],
 helix-select[align],
+helix-shortcut-overlay[align],
 helix-skeleton[align],
 helix-skip-link[align],
 helix-slider[align],
@@ -621,6 +629,12 @@ helix-data-table:not(:defined):has(> helix-table-row):is([page-size]:not([page-s
   align-content: center;
   min-block-size: var(--pagination-size, var(--helix-size-control-tight));
 }
+helix-data-table:not(:defined):has(> helix-table-row):not([mode="server"]):is([page-size="1"]:not(:has(> helix-table-row:nth-of-type(1))), [page-size="2"]:not(:has(> helix-table-row:nth-of-type(2))), [page-size="3"]:not(:has(> helix-table-row:nth-of-type(3))), [page-size="4"]:not(:has(> helix-table-row:nth-of-type(4))), [page-size="5"]:not(:has(> helix-table-row:nth-of-type(5))), [page-size="6"]:not(:has(> helix-table-row:nth-of-type(6))), [page-size="7"]:not(:has(> helix-table-row:nth-of-type(7))), [page-size="8"]:not(:has(> helix-table-row:nth-of-type(8))), [page-size="9"]:not(:has(> helix-table-row:nth-of-type(9))), [page-size="10"]:not(:has(> helix-table-row:nth-of-type(10))), [page-size="12"]:not(:has(> helix-table-row:nth-of-type(12))), [page-size="15"]:not(:has(> helix-table-row:nth-of-type(15))), [page-size="20"]:not(:has(> helix-table-row:nth-of-type(20))), [page-size="25"]:not(:has(> helix-table-row:nth-of-type(25))), [page-size="30"]:not(:has(> helix-table-row:nth-of-type(30))), [page-size="40"]:not(:has(> helix-table-row:nth-of-type(40))), [page-size="50"]:not(:has(> helix-table-row:nth-of-type(50))), [page-size="100"]:not(:has(> helix-table-row:nth-of-type(100))))::after {
+  block-size: 0;
+}
+helix-data-table:not(:defined):has(> helix-table-row):not([mode="server"]):is([page-size="1"]:not(:has(> helix-table-row:nth-of-type(1))), [page-size="2"]:not(:has(> helix-table-row:nth-of-type(2))), [page-size="3"]:not(:has(> helix-table-row:nth-of-type(3))), [page-size="4"]:not(:has(> helix-table-row:nth-of-type(4))), [page-size="5"]:not(:has(> helix-table-row:nth-of-type(5))), [page-size="6"]:not(:has(> helix-table-row:nth-of-type(6))), [page-size="7"]:not(:has(> helix-table-row:nth-of-type(7))), [page-size="8"]:not(:has(> helix-table-row:nth-of-type(8))), [page-size="9"]:not(:has(> helix-table-row:nth-of-type(9))), [page-size="10"]:not(:has(> helix-table-row:nth-of-type(10))), [page-size="12"]:not(:has(> helix-table-row:nth-of-type(12))), [page-size="15"]:not(:has(> helix-table-row:nth-of-type(15))), [page-size="20"]:not(:has(> helix-table-row:nth-of-type(20))), [page-size="25"]:not(:has(> helix-table-row:nth-of-type(25))), [page-size="30"]:not(:has(> helix-table-row:nth-of-type(30))), [page-size="40"]:not(:has(> helix-table-row:nth-of-type(40))), [page-size="50"]:not(:has(> helix-table-row:nth-of-type(50))), [page-size="100"]:not(:has(> helix-table-row:nth-of-type(100)))) > [slot="footer"] {
+  min-block-size: auto;
+}
 helix-data-table:not(:defined):has(> helix-table-row) > :is([slot="empty"], [slot="error"], [slot="loading"]) {
   display: none;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-styles",
   "description": "Design tokens and base layer. Pure CSS, no JavaScript.",
-  "version": "0.215.3",
+  "version": "0.216.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {