@stnd/styles 0.10.13 → 0.10.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stnd/styles
 
+## 0.10.15
+
+### Patch Changes
+
+- Auto-bumped @stnd/styles due to modified code.
+
+## 0.10.14
+
+### Patch Changes
+
+- Auto-bumped @stnd/styles due to modified code.
+
 ## 0.10.13
 
 ### Patch Changes

package/TOKENS.md

@@ -350,8 +350,8 @@ box-shadow: var(--shadow-inset), var(--shadow-ambient);
 | ---------------------- | --------------------------- | -------------- |
 | `--font-weight`        | `400`                       | Body weight    |
 | `--font-weight-bold`   | `600`                       | Bold weight    |
-| `--font-header-weight` | `700`                       | Heading weight |
-| `--font-weight-h1`     | `var(--font-header-weight)` | H1 weight      |
+| `--font-weight-header` | `700`                       | Heading weight |
+| `--font-weight-h1`     | `var(--font-weight-header)` | H1 weight      |
 | `--font-weight-h2`     | `max(header*0.85, body)`    | H2 weight      |
 | `--font-weight-h3`     | `max(header*0.85, body)`    | H3 weight      |
 | `--font-weight-h4`     | `var(--font-weight)`        | H4 weight      |
@@ -392,8 +392,8 @@ box-shadow: var(--shadow-inset), var(--shadow-ambient);
 | ---------------------- | -------------------------------------------- | --------------------------- |
 | `--prose-width`        | `42rem`                                      | Optimal reading line length |
 | `--prose-inset`        | `max(calc(var(--space-2) - var(--space)), var(--space))` | Narrow elements margin inset |
-| `--prose-breakout`     | `minmax(0, var(--space))`                    | Wide breakout column track  |
-| `--prose-track-full`   | `minmax(0, 1fr)`                             | Full page breakout track    |
+| `--prose-wide`     | `minmax(0, var(--space))`                    | Wide breakout column track  |
+| `--prose-full`   | `minmax(0, 1fr)`                             | Full page breakout track    |
 
 ## Analog (Noise Overlay)
 

package/_standard-01-token.scss

@@ -126,12 +126,12 @@
    * @description Grid breakout track sizes allowing wide content and full-width elements to extend past the reading measure, plus narrow element insets.
    *
    * @property {variable} --prose-inset Narrow layout inset margin (`max(calc(var(--space-2) - var(--space)), var(--space))`).
-   * @property {variable} --prose-breakout Wide column breakout track width (`minmax(0, var(--space))`).
-   * @property {variable} --prose-track-full Full-width page breakout track (`minmax(0, 1fr)`).
+   * @property {variable} --prose-wide Wide column breakout track width (`minmax(0, var(--space))`).
+   * @property {variable} --prose-full Full-width page breakout track (`minmax(0, 1fr)`).
    */
   --prose-inset: max(calc(var(--space-2) - var(--space)), var(--space));
-  --prose-breakout: minmax(0, var(--space));
-  --prose-track-full: minmax(0, 1fr);
+  --prose-wide: minmax(0, var(--space));
+  --prose-full: minmax(0, 1fr);
 
   /**
    * @name Stroke, Radius & Filters
@@ -148,8 +148,8 @@
   --filter-glass: blur(20px);
   --stroke-width: max(1px, 0.06rem);
   --stroke-width-lg: calc(var(--stroke-width) * 2);
-  --radius: var(--leading);
-  --radius-sm: var(--trim);
+  --radius: var(--trim);
+  --radius-sm: 4px;
 
   /**
    * @name Shadows & Elevation

package/_standard-03-typography.scss

@@ -17,7 +17,7 @@
  * @property --font-instrument-feature OpenType stylistic feature set for Instrument Sans.
  * @property --font-weight Normal text font weight (`400`).
  * @property --font-weight-bold Bold text font weight (`600`).
- * @property --font-header-weight Heading font weight anchor (`700`).
+ * @property --font-weight-header Heading font weight anchor (`700`).
  * @property --font-weight-h1 Level 1 heading weight.
  * @property --font-weight-h2 Level 2 heading weight.
  * @property --font-weight-h3 Level 3 heading weight.
@@ -64,7 +64,7 @@
      default. A theme or note can still override by setting this explicitly —
      but defining it here to a literal value would shadow every level's
      tightness with the same number, which is the bug this avoids. */
-  --font-header-weight: 700;
+  --font-weight-header: 700;
 
   /* Interface Tokens */
   --font-interface-feature: "dlig", "zero";
@@ -73,13 +73,13 @@
   --font-list-variation: "";
 
   /* Heading Weight Hierarchy */
-  --font-weight-h1: var(--font-header-weight);
+  --font-weight-h1: var(--font-weight-header);
   --font-weight-h2: max(
-    calc(var(--font-header-weight) * 0.85),
+    calc(var(--font-weight-header) * 0.85),
     var(--font-weight)
   );
   --font-weight-h3: max(
-    calc(var(--font-header-weight) * 0.85),
+    calc(var(--font-weight-header) * 0.85),
     var(--font-weight)
   );
   --font-weight-h4: var(--font-weight);

package/_standard-05-rhythm.scss

@@ -62,13 +62,13 @@
   //*
   > :where(:is(#{$rhythm-tags})) ~ :where(:is(h1, h2)) {
     margin-block-start: calc(
-      var(--space) * calc(var(--rhythm-block-scale, 2) + 2)
+      var(--space) * calc(var(--rhythm-block-scale, 2) + 3)
     );
   }
 
   > :where(:is(#{$rhythm-tags})) ~ :where(:is(h3, h4, h5, h6)) {
     margin-block-start: calc(
-      var(--space) * calc(var(--rhythm-block-scale, 2) + 1)
+      var(--space) * calc(var(--rhythm-block-scale, 2) + 2)
     );
   }
 

package/_standard-06-prose.scss

@@ -11,7 +11,7 @@
  * @property .prose Main article/content grid container for readable prose with named tracks.
  * @property .prose.left Left-aligned prose variant hugging the left edge.
  * @property .narrow Inset element narrower than prose reading column (`var(--prose-inset)`).
- * @property .wide Breakout column extending past prose reading column (`var(--prose-breakout)`).
+ * @property .wide Breakout column extending past prose reading column (`var(--prose-wide)`).
  * @property .full Full container width breakout track spanning to `--page-max-width`.
  * @property .full-bleed Full viewport width breakout track (`100vw`).
  * @property --prose-width Active reading column measure.
@@ -56,11 +56,11 @@
   }
 
   grid-template-columns:
-    [full-start hero-start] var(--prose-track-full, minmax(0, 1fr))
-    [wide-start] var(--prose-breakout, minmax(0, var(--space)))
+    [full-start hero-start] var(--prose-full, minmax(0, 1fr))
+    [wide-start] var(--prose-wide, minmax(0, var(--space)))
     [content-start] min(100%, var(--prose-width)) [content-end]
-    var(--prose-breakout, minmax(0, var(--space))) [wide-end]
-    var(--prose-track-full, minmax(0, 1fr)) [hero-end full-end];
+    var(--prose-wide, minmax(0, var(--space))) [wide-end]
+    var(--prose-full, minmax(0, 1fr)) [hero-end full-end];
 
   transition: grid-template-columns var(--transition);
 

package/_standard-07-base.scss

@@ -204,10 +204,12 @@ dt {
 /* Safe default containment for direct body children:
    every element placed directly in body is centered and padded
    unless explicitly marked full-bleed, a header, or a footer. */
-body > :not(.full-bleed, .stnd-header, .stnd-footer, [data-full-bleed], script, style, template, astro-island) {
+/*
+   body > :not(.full-bleed, .stnd-header, .stnd-footer, [data-full-bleed], script, style, template, astro-island) {
   width: 100%;
   max-width: var(--page-max-width);
   margin-inline: auto;
   padding-inline: var(--page-padding);
   box-sizing: border-box;
 }
+*/

package/_standard-09-lists.scss

@@ -146,13 +146,13 @@ ol:where(.flex, [style*="display: flex"], [style*="display:flex"]) li {
 
 /* Dataview-style `[key:: value]` inline fields, tagged by the same plugin. */
 .task-field {
-  display: inline-block;
+  display: inline-flex;
   font-family: var(--font-monospace);
   font-size: var(--scale-d5);
   color: var(--color-subtle);
   background: var(--color-surface-dark-1);
   border: var(--border);
   border-radius: var(--radius-sm);
-  padding: 0 var(--space-d4);
+  padding: 0 var(--trim);
   margin-inline-end: var(--space-d6);
 }

package/_standard-11-forms.scss

@@ -103,6 +103,8 @@ select {
   @extend %padding-text;
   font-size: 1em;
 
+
+
   border-radius: var(--radius-sm);
   color: var(--color-muted);
   background-color: var(--color-surface-dark-1);
@@ -113,7 +115,9 @@ select {
   cursor: pointer;
   text-align: left;
   text-shadow: none !important;
-  text-box-trim: none;
+  text-box-trim: trim;
+
+  padding: 0 var(--trim);
 
   appearance: none;
   /* Match Combobox double-chevron */

package/_standard-12-code.scss

@@ -36,7 +36,7 @@
   transition: all var(--transition);
 
   pre {
-    padding: var(--space);
+    padding: var(--leading);
     background: transparent;
     box-shadow: none;
     border: none;

package/_standard-13-components.scss

@@ -648,11 +648,10 @@ card.inset {
  */
 .callout {
   /* Raised effect for callout cards */
-  box-shadow: var(--shadow-raised), var(--shadow-ring);
+  box-shadow: var(--shadow);
 
   border-radius: var(--radius);
-  padding: var(--space-d8);
-  padding-top: 0;
+  padding: calc(var(--trim)/2);
   --color-callout: var(--color-surface-light-1);
   --color-border: oklch(from var(--color-callout) l c h / 0.15);
   background: color-mix(
@@ -675,7 +674,7 @@ card.inset {
     font-weight: var(--font-weight-bold, bold);
 
     user-select: none;
-    padding: var(--space-d2);
+    padding: var(--leading);
     margin: 0 !important;
 
     .callout-title-inner {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/styles",
-  "version": "0.10.13",
+  "version": "0.10.15",
   "type": "module",
   "author": "Francis Fontaine",
   "license": "MIT",