@bspk/ui 1.1.33 → 1.1.34

package/dist/base.css

@@ -8,7 +8,7 @@
   * This file will NOT contain any classes
 */
 /**
- * This file is generated by the build-css script.
+ * This file is generated by the update-css script.
  * Do not edit this file directly.
  * Instead, edit the script and run it again. */
 [data-color=grey] {
@@ -256,7 +256,7 @@ body[data-bspk] a[data-subtle-inverse][disabled] {
 [data-bspk=skeleton-text] [data-line] {
   width: 100%;
   background: var(--foreground-neutral-skeleton-element);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   height: var(--text-height);
 }
 [data-bspk=skeleton-text]:has([data-line]:nth-child(2)) [data-line]:last-child {
@@ -276,10 +276,10 @@ body[data-bspk] a[data-subtle-inverse][disabled] {
   min-height: var(--spacing-sizing-08);
   height: var(--height, var(--width));
   width: var(--width, var(--height));
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=skeleton][data-variant=photo] {
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
 }
 [data-bspk=skeleton][data-variant=circular] {
   border-radius: 100%;
@@ -294,7 +294,7 @@ body[data-bspk] a[data-subtle-inverse][disabled] {
 [data-bspk=skeleton][data-variant=thumbnail] {
   width: var(--spacing-sizing-12);
   height: var(--spacing-sizing-12);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/base.css.js

@@ -11,7 +11,7 @@ style.appendChild(document.createTextNode(`/**
   * This file will NOT contain any classes
 */
 /**
- * This file is generated by the build-css script.
+ * This file is generated by the update-css script.
  * Do not edit this file directly.
  * Instead, edit the script and run it again. */
 [data-color=grey] {
@@ -259,7 +259,7 @@ body[data-bspk] a[data-subtle-inverse][disabled] {
 [data-bspk=skeleton-text] [data-line] {
   width: 100%;
   background: var(--foreground-neutral-skeleton-element);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   height: var(--text-height);
 }
 [data-bspk=skeleton-text]:has([data-line]:nth-child(2)) [data-line]:last-child {
@@ -279,10 +279,10 @@ body[data-bspk] a[data-subtle-inverse][disabled] {
   min-height: var(--spacing-sizing-08);
   height: var(--height, var(--width));
   width: var(--width, var(--height));
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=skeleton][data-variant=photo] {
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
 }
 [data-bspk=skeleton][data-variant=circular] {
   border-radius: 100%;
@@ -297,7 +297,7 @@ body[data-bspk] a[data-subtle-inverse][disabled] {
 [data-bspk=skeleton][data-variant=thumbnail] {
   width: var(--spacing-sizing-12);
   height: var(--spacing-sizing-12);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/colors.css

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script.
+ * This file is generated by the update-css script.
  * Do not edit this file directly.
  * Instead, edit the script and run it again. */
 [data-color=grey] {

package/dist/colors.css.js

@@ -2,7 +2,7 @@
 * Do not edit this file directly. */
 const style = document.createElement('style');
 style.appendChild(document.createTextNode(`/**
- * This file is generated by the build-css script.
+ * This file is generated by the update-css script.
  * Do not edit this file directly.
  * Instead, edit the script and run it again. */
 [data-color=grey] {

package/dist/components/BannerAlert/banner-alert.css

@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: row;
   border: 2px solid var(--color);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
   background-color: var(--surface-neutral-t1-base);
   width: 100%;
 }

package/dist/components/BannerAlert/banner-alert.css.js

@@ -7,7 +7,7 @@ style.appendChild(document.createTextNode(`[data-bspk=banner-alert] {
   display: flex;
   flex-direction: row;
   border: 2px solid var(--color);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
   background-color: var(--surface-neutral-t1-base);
   width: 100%;
 }

package/dist/components/Button/button.css

@@ -88,7 +88,7 @@
   --primary-background: var(--surface-brand-primary);
   background: linear-gradient(var(--primary-background), var(--primary-background));
   color: var(--foreground-brand-on-primary);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=button][data-variant=primary][disabled] {
   color: var(--foreground-neutral-disabled-on-surface);
@@ -109,7 +109,7 @@
 }
 [data-bspk=button][data-variant=secondary] {
   border: solid 1px var(--stroke-neutral-base);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
 [data-bspk=button][data-variant=secondary][disabled] {

package/dist/components/Button/button.css.js

@@ -91,7 +91,7 @@ style.appendChild(document.createTextNode(`[data-bspk=button] {
   --primary-background: var(--surface-brand-primary);
   background: linear-gradient(var(--primary-background), var(--primary-background));
   color: var(--foreground-brand-on-primary);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=button][data-variant=primary][disabled] {
   color: var(--foreground-neutral-disabled-on-surface);
@@ -112,7 +112,7 @@ style.appendChild(document.createTextNode(`[data-bspk=button] {
 }
 [data-bspk=button][data-variant=secondary] {
   border: solid 1px var(--stroke-neutral-base);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
 [data-bspk=button][data-variant=secondary][disabled] {

package/dist/components/Card/card.css

@@ -2,7 +2,7 @@
   display: block;
   background: var(--surface-neutral-t1-base);
   padding: var(--spacing-sizing-03);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
   overflow: hidden;
 }
 [data-bspk=card][data-hide-padding] {

package/dist/components/Card/card.css.js

@@ -5,7 +5,7 @@ style.appendChild(document.createTextNode(`[data-bspk=card] {
   display: block;
   background: var(--surface-neutral-t1-base);
   padding: var(--spacing-sizing-03);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
   overflow: hidden;
 }
 [data-bspk=card][data-hide-padding] {

package/dist/components/Chip/chip.css

@@ -9,7 +9,7 @@
   color: var(--foreground-neutral-on-surface-variant-01);
   background-color: var(--surface-neutral-t1-base);
   border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=chip]:not([data-flat]) {
   box-shadow: var(--drop-shadow-raise);

package/dist/components/Chip/chip.css.js

@@ -12,7 +12,7 @@ style.appendChild(document.createTextNode(`[data-bspk=chip] {
   color: var(--foreground-neutral-on-surface-variant-01);
   background-color: var(--surface-neutral-t1-base);
   border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=chip]:not([data-flat]) {
   box-shadow: var(--drop-shadow-raise);

package/dist/components/ChipUtility/chip-utility.css

@@ -7,7 +7,7 @@
   color: var(--foreground-neutral-on-surface-variant-01);
   background-color: var(--surface-neutral-t1-base);
   border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   padding: 0 var(--spacing-sizing-03);
 }
 [data-bspk=chip-utility] [data-touch-target] {

package/dist/components/ChipUtility/chip-utility.css.js

@@ -10,7 +10,7 @@ style.appendChild(document.createTextNode(`[data-bspk=chip-utility] {
   color: var(--foreground-neutral-on-surface-variant-01);
   background-color: var(--surface-neutral-t1-base);
   border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   padding: 0 var(--spacing-sizing-03);
 }
 [data-bspk=chip-utility] [data-touch-target] {

package/dist/components/Fab/fab.css

@@ -10,7 +10,7 @@
   text-decoration: none;
   z-index: var(--z-index-fab);
   box-shadow: var(--drop-shadow-float);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--variant-background);
   color: var(--variant-foreground);
   --variant-gradient: linear-gradient(var(--variant-background), var(--variant-background));

package/dist/components/Fab/fab.css.js

@@ -13,7 +13,7 @@ style.appendChild(document.createTextNode(`[data-bspk=fab] {
   text-decoration: none;
   z-index: var(--z-index-fab);
   box-shadow: var(--drop-shadow-float);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--variant-background);
   color: var(--variant-foreground);
   --variant-gradient: linear-gradient(var(--variant-background), var(--variant-background));

package/dist/components/NumberInput/number-input.css

@@ -9,7 +9,7 @@
   font: var(--font);
   height: var(--height);
   border: 1px solid var(--stroke-neutral-base);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--surface-neutral-t1-base);
   max-width: 280px;
 }

package/dist/components/NumberInput/number-input.css.js

@@ -12,7 +12,7 @@ style.appendChild(document.createTextNode(`[data-bspk=number-input] {
   font: var(--font);
   height: var(--height);
   border: 1px solid var(--stroke-neutral-base);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--surface-neutral-t1-base);
   max-width: 280px;
 }

package/dist/components/ProgressBar/progress-bar.css

@@ -13,14 +13,14 @@
   width: 100%;
   height: var(--spacing-sizing-02);
   background-color: var(--surface-neutral-t3-low);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=progress-bar] [data-bar]::after {
   content: "";
   display: block;
   height: 100%;
   background-color: var(--foreground-brand-primary);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   width: var(--width);
   transition: width 0.3s;
 }

package/dist/components/ProgressBar/progress-bar.css.js

@@ -16,14 +16,14 @@ style.appendChild(document.createTextNode(`[data-bspk=progress-bar] {
   width: 100%;
   height: var(--spacing-sizing-02);
   background-color: var(--surface-neutral-t3-low);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
 }
 [data-bspk=progress-bar] [data-bar]::after {
   content: "";
   display: block;
   height: 100%;
   background-color: var(--foreground-brand-primary);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   width: var(--width);
   transition: width 0.3s;
 }

package/dist/components/ProgressionStepperBar/progression-stepper-bar.css

@@ -20,7 +20,7 @@
   width: 100%;
   height: var(--height);
   min-width: var(--spacing-sizing-02);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--surface-neutral-t3-low);
 }
 [data-bspk=progression-stepper-bar] [data-steps] [data-step][data-complete] {

package/dist/components/ProgressionStepperBar/progression-stepper-bar.css.js

@@ -23,7 +23,7 @@ style.appendChild(document.createTextNode(`[data-bspk=progression-stepper-bar] {
   width: 100%;
   height: var(--height);
   min-width: var(--spacing-sizing-02);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--surface-neutral-t3-low);
 }
 [data-bspk=progression-stepper-bar] [data-steps] [data-step][data-complete] {

package/dist/components/SegmentedControl/segmented-control.css

@@ -55,17 +55,17 @@
   border-bottom: 1px solid transparent;
   justify-content: center;
   gap: var(--spacing-sizing-01);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   padding: var(--spacing-sizing-02) var(--spacing-sizing-03);
 }
 [data-bspk=segmented-control] button:first-of-type [data-outer] {
-  border-top-left-radius: var(--radius-medium);
-  border-bottom-left-radius: var(--radius-medium);
+  border-top-left-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
   padding-left: var(--spacing-sizing-01);
 }
 [data-bspk=segmented-control] button:last-of-type [data-outer] {
-  border-top-right-radius: var(--radius-medium);
-  border-bottom-right-radius: var(--radius-medium);
+  border-top-right-radius: var(--radius-md);
+  border-bottom-right-radius: var(--radius-md);
   padding-right: var(--spacing-sizing-01);
 }
 [data-bspk=segmented-control] button:not(:disabled):hover [data-inner] {

package/dist/components/SegmentedControl/segmented-control.css.js

@@ -58,17 +58,17 @@ style.appendChild(document.createTextNode(`[data-bspk=segmented-control] {
   border-bottom: 1px solid transparent;
   justify-content: center;
   gap: var(--spacing-sizing-01);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   padding: var(--spacing-sizing-02) var(--spacing-sizing-03);
 }
 [data-bspk=segmented-control] button:first-of-type [data-outer] {
-  border-top-left-radius: var(--radius-medium);
-  border-bottom-left-radius: var(--radius-medium);
+  border-top-left-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
   padding-left: var(--spacing-sizing-01);
 }
 [data-bspk=segmented-control] button:last-of-type [data-outer] {
-  border-top-right-radius: var(--radius-medium);
-  border-bottom-right-radius: var(--radius-medium);
+  border-top-right-radius: var(--radius-md);
+  border-bottom-right-radius: var(--radius-md);
   padding-right: var(--spacing-sizing-01);
 }
 [data-bspk=segmented-control] button:not(:disabled):hover [data-inner] {

package/dist/components/Select/select.css

@@ -21,7 +21,7 @@
   text-align: left;
   font: var(--select-font);
   border: 1px solid var(--select-border-color);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--select-background);
   padding: 0 var(--select-padding);
 }

package/dist/components/Select/select.css.js

@@ -24,7 +24,7 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
   text-align: left;
   font: var(--select-font);
   border: 1px solid var(--select-border-color);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   background: var(--select-background);
   padding: 0 var(--select-padding);
 }

package/dist/components/Table/table.css

@@ -6,7 +6,7 @@
   display: grid;
   color: var(--foreground-neutral-on-surface);
   font: var(--labels-base);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
   border: 1px solid var(--stroke-neutral-low);
 }
 [data-bspk=table] [data-cell] {
@@ -34,10 +34,10 @@
   font: var(--labels-base);
 }
 [data-bspk=table] [data-head][data-head=first] {
-  border-top-left-radius: var(--radius-medium);
+  border-top-left-radius: var(--radius-md);
 }
 [data-bspk=table] [data-head][data-head=last] {
-  border-top-right-radius: var(--radius-medium);
+  border-top-right-radius: var(--radius-md);
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Table/table.css.js

@@ -9,7 +9,7 @@ style.appendChild(document.createTextNode(`[data-bspk=table] {
   display: grid;
   color: var(--foreground-neutral-on-surface);
   font: var(--labels-base);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-md);
   border: 1px solid var(--stroke-neutral-low);
 }
 [data-bspk=table] [data-cell] {
@@ -37,10 +37,10 @@ style.appendChild(document.createTextNode(`[data-bspk=table] {
   font: var(--labels-base);
 }
 [data-bspk=table] [data-head][data-head=first] {
-  border-top-left-radius: var(--radius-medium);
+  border-top-left-radius: var(--radius-md);
 }
 [data-bspk=table] [data-head][data-head=last] {
-  border-top-right-radius: var(--radius-medium);
+  border-top-right-radius: var(--radius-md);
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Tag/tag.css

@@ -5,7 +5,7 @@
   width: fit-content;
   position: relative;
   padding: 0 var(--spacing-sizing-03);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground) !important;
   background: var(--background);
   font: unset;

package/dist/components/Tag/tag.css.js

@@ -8,7 +8,7 @@ style.appendChild(document.createTextNode(`[data-bspk=tag] {
   width: fit-content;
   position: relative;
   padding: 0 var(--spacing-sizing-03);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground) !important;
   background: var(--background);
   font: unset;

package/dist/components/TextInput/text-input.css

@@ -5,7 +5,7 @@
   background-color: var(--surface-neutral-t1-base);
   border: solid 1px var(--border-color);
   height: var(--field-height);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   padding: 0 0 0 var(--field-padding);
   gap: var(--spacing-sizing-01);
   width: 100%;

package/dist/components/TextInput/text-input.css.js

@@ -8,7 +8,7 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   background-color: var(--surface-neutral-t1-base);
   border: solid 1px var(--border-color);
   height: var(--field-height);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   padding: 0 0 0 var(--field-padding);
   gap: var(--spacing-sizing-01);
   width: 100%;

package/dist/components/Textarea/textarea.css

@@ -6,7 +6,7 @@
   display: grid;
   width: 100%;
   border: 1px solid var(--border-color);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   overflow: hidden;
   --border-color: var(--stroke-neutral-base);
   --font: var(--body-base);

package/dist/components/Textarea/textarea.css.js

@@ -9,7 +9,7 @@ style.appendChild(document.createTextNode(`[data-bspk=textarea] {
   display: grid;
   width: 100%;
   border: 1px solid var(--border-color);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   overflow: hidden;
   --border-color: var(--stroke-neutral-base);
   --font: var(--body-base);

package/dist/components/Tooltip/tooltip.css

@@ -12,7 +12,7 @@
   z-index: 2;
   position: relative;
   background-color: var(--surface-neutral-inverse);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground-neutral-on-inverse-surface);
   box-shadow: var(--drop-shadow-float);
   font: var(--labels-small);

package/dist/components/Tooltip/tooltip.css.js

@@ -15,7 +15,7 @@ style.appendChild(document.createTextNode(`[data-bspk=tooltip] {
   z-index: 2;
   position: relative;
   background-color: var(--surface-neutral-inverse);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground-neutral-on-inverse-surface);
   box-shadow: var(--drop-shadow-float);
   font: var(--labels-small);