zeus-css 1.0.11 → 1.0.13

package/scss/foundation/views/render/reset.scss

@@ -32,11 +32,19 @@
     padding: 0;
   }
 
-  // Universal box-sizing
+  // Universal box-sizing. border-width: 0 keeps every element invisible by
+  // default (the browser's own default border-width, ~3px "medium", would
+  // otherwise render on every element the moment border-style is forced to
+  // solid below) — border-style: solid then means a later border-width/
+  // color pair is visible immediately, without it, elements reset with
+  // border: 0 (button, input, textarea, select below) stay invisible even
+  // after a consumer adds width/color, since style defaults to none.
   *,
   *::before,
   *::after {
     box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
   }
 
   // Remove default margins
@@ -98,9 +106,11 @@
     text-decoration-skip-ink: auto;
   }
 
-  // Hidden elements
-  :where([hidden]) {
-    display: none !important;
+  // Hidden elements. :not([hidden="until-found"]) keeps beforematch content
+  // out of display:none so in-page find (ctrl+F) can still reveal it, per
+  // the HTML spec's own recommended selector for this rule.
+  :where([hidden]):not([hidden="until-found"]) {
+    display: none;
   }
 
   // Focus visible

package/scss/foundation/views/render/root-generator.scss

@@ -120,13 +120,15 @@
 @function _zeus-sorted-breakpoint-keys($breakpoints-map) {
   $keys: map.keys($breakpoints-map);
   $n: list.length($keys);
-  @for $i from 1 through $n - 1 {
-    @for $j from 1 through $n - $i {
-      $a: list.nth($keys, $j);
-      $b: list.nth($keys, $j + 1);
-      @if map.get($breakpoints-map, $a) > map.get($breakpoints-map, $b) {
-        $keys: list.set-nth($keys, $j, $b);
-        $keys: list.set-nth($keys, $j + 1, $a);
+  @if $n > 1 {
+    @for $i from 1 through $n - 1 {
+      @for $j from 1 through $n - $i {
+        $a: list.nth($keys, $j);
+        $b: list.nth($keys, $j + 1);
+        @if map.get($breakpoints-map, $a) > map.get($breakpoints-map, $b) {
+          $keys: list.set-nth($keys, $j, $b);
+          $keys: list.set-nth($keys, $j + 1, $a);
+        }
       }
     }
   }

package/scss/zeus.config.scss

@@ -35,7 +35,7 @@ $zeus-enable-property-registration: true  !default;
 // ────────────────────────────────────────────────────────────────
 $zeus-use-prefix:          false          !default;
 $zeus-class-prefix:        "z-"          !default; // Used only if $zeus-use-prefix is true
-$zeus-version:             "1.0.0"        !default;
+$zeus-version:             "1.0.12"       !default;
 
 // ────────────────────────────────────────────────────────────────
 // 3. FLUID ENGINE BOUNDS

package/scss/zeus.customize.scss

@@ -55,8 +55,7 @@ $zeus-colors: (
 // Available Keys:
 // • Headings: display-xl, display-lg, display-md, h1, h1-light, h2, h2-light, 
 //             h3, h3-light, h4, h4-light, h5, h5-light, h6, h6-light
-// • Body:     body-xl, body-lg, body, body-md, body-bold, body-md-bold, 
-//             body-semibold, body-md-semibold, body-medium, body-md-medium, 
+// • Body:     body-xl, body-lg, body, body-bold, body-semibold, body-medium,
 //             body-sm, body-sm-bold, body-sm-semibold, body-xs
 // • UI/Other: label, label-bold, caption, caption-bold, overline, 
 //             link, link-bold, button, button-lg, button-sm, code, code-sm

package/scss/zeus.token.sets.example.scss

@@ -40,13 +40,9 @@ $zeus-typography: (
   "body-xl":          ( family: "primary", size: (floor: 20, ceil: 24), lh: 1.6, ls: 0, weight: 400, role: "body" ),
   "body-lg":          ( family: "primary", size: (floor: 18, ceil: 20), lh: 1.6, ls: 0, weight: 400, role: "body" ),
   "body":             ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 400, role: "body" ),
-  "body-md":          ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 400, role: "body" ),
   "body-bold":        ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 700, role: "body" ),
-  "body-md-bold":     ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 700, role: "body" ),
   "body-semibold":    ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 600, role: "body" ),
-  "body-md-semibold": ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 600, role: "body" ),
   "body-medium":      ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 500, role: "body" ),
-  "body-md-medium":   ( family: "primary", size: (floor: 16, ceil: 18), lh: 1.6, ls: 0, weight: 500, role: "body" ),
   "body-sm":          ( family: "primary", size: (floor: 14, ceil: 16), lh: 1.5, ls: 0, weight: 400, role: "body" ),
   "body-sm-bold":     ( family: "primary", size: (floor: 14, ceil: 16), lh: 1.5, ls: 0, weight: 700, role: "body" ),
   "body-sm-semibold": ( family: "primary", size: (floor: 14, ceil: 16), lh: 1.5, ls: 0, weight: 600, role: "body" ),