@pontive/pontkit-core 1.3.1 → 1.3.3

package/dist/styles.css

@@ -2825,6 +2825,7 @@
  */
 
 :root {
+  --pont-card-footer-color-bg: hsl(var(--pont-sem-color-bg-surface-quaternary));
   --pont-card-footer-width-border: var(--pont-sem-width-border);
   --pont-card-footer-color-border: hsl(var(--pont-sem-color-border));
   --pont-carousel-space-w: var(--pont-ref-space-full);
@@ -7254,7 +7255,7 @@ pont-card
 
 pont-card-footer > [data-slot='card-footer'][data-border] {
   padding-block: var(--pont-card-space-py);
-  background-color: hsl(var(--pont-sem-color-bg-surface-quaternary));
+  background-color: var(--pont-card-footer-color-bg);
   border-top: var(--pont-card-footer-width-border) solid
     var(--pont-card-footer-color-border);
 }
@@ -10185,6 +10186,10 @@ pont-scroll-area > [data-slot=scroll-area] {
   --pont-block-space-min-height: 100vh;
   --pont-block-space-gap: 16px;
   --pont-block-footer-space-py: var(--pont-ref-space-4);
+  /* A tinted band that reads as part of the card while the ring frames it. A
+     brand that drops the ring should set this to `transparent`, or the band
+     reads as a detached strip. */
+  --pont-block-footer-color-bg: hsl(var(--pont-sem-color-bg-surface-quaternary));
 }
 
 /*
@@ -10287,7 +10292,7 @@ pont-scroll-area > [data-slot=scroll-area] {
   --pont-watermark-muted-color-text: hsl(var(--pont-sem-color-text-secondary));
 
   /* The lockup's HEIGHT; its width follows the ~5:1 aspect ratio. */
-  --pont-watermark-logo-space-size: var(--pont-ref-space-4);
+  --pont-watermark-logo-space-size: var(--pont-ref-space-3-5);
 
   /*
    * The old tile/glyph pair (*-logo-rect-color / *-logo-path-color) is gone
@@ -11287,6 +11292,7 @@ pont-block > pont-card pont-card-content > [data-slot="card-content"] {
 
 pont-block > pont-card > [data-slot="card"] > pont-card-footer {
   --pont-card-space-py: var(--pont-block-footer-space-py);
+  --pont-card-footer-color-bg: var(--pont-block-footer-color-bg);
 }
 
 pont-block
@@ -11517,6 +11523,9 @@ pont-link {
 
 pont-link > [part="link"] {
   display: flex;
+  /* The button is taller than a line of text and centres its label, so the
+     default `stretch` left the prompt riding high beside it. */
+  align-items: baseline;
   gap: var(--pont-link-space-gap);
   color: var(--pont-link-color-text);
   font-size: var(--pont-link-font-size);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pontive/pontkit-core",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "license": "MIT",
   "description": "A collection of core components for Pontive",
   "main": "dist/index.js",
@@ -78,7 +78,7 @@
     "@lit/context": "^1.1.0",
     "@lit/reactive-element": "^2.1.0",
     "@open-wc/lit-helpers": "^0.7.0",
-    "@pontive/oidc-client": "^1.1.0",
+    "@pontive/oidc-client": "^1.2.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "jsoneditor": "^10.2.0",