@bspk/ui 1.1.33 → 1.1.34

package/dist/utils/colorVariants.d.ts

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export declare const COLOR_VARIANTS: readonly ["grey", "white", "primary", "secondary", "blue", "green", "lime", "magenta", "orange", "pink", "purple", "red", "teal", "yellow"];

package/dist/utils/colorVariants.js

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export const COLOR_VARIANTS = [

package/dist/utils/txtVariants.d.ts

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export declare const TXT_VARIANTS: readonly ["body-base", "body-large", "body-small", "body-x-small", "labels-base", "labels-large", "labels-small", "labels-x-small", "display-regular-large", "display-regular-medium", "display-regular-small", "display-semibold-large", "display-semibold-medium", "display-semibold-small", "heading-h1", "heading-h2", "heading-h3", "heading-h4", "heading-h5", "heading-h6", "subheader-large", "subheader-medium", "subheader-x-large", "subheader-xx-large", "subheader-xxx-large"];

package/dist/utils/txtVariants.js

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export const TXT_VARIANTS = [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bspk/ui",
-    "version": "1.1.33",
+    "version": "1.1.34",
     "license": "CC-BY-4.0",
     "type": "module",
     "files": [
@@ -198,7 +198,7 @@
         "node": ">=20"
     },
     "dependencies": {
-        "@bspk/styles": "^1.0.0",
+        "@bspk/styles": "^1.0.1",
         "@floating-ui/dom": "^1.6.13",
         "focus-trap-react": "^11.0.1",
         "libphonenumber-js": "^1.12.9"

package/src/base.scss

@@ -220,7 +220,7 @@ body[data-bspk] {
     [data-line] {
         width: 100%;
         background: var(--foreground-neutral-skeleton-element);
-        border-radius: var(--radius-small);
+        border-radius: var(--radius-sm);
         height: var(--text-height);
     }
 
@@ -247,11 +247,11 @@ body[data-bspk] {
         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-variant='photo'] {
-        border-radius: var(--radius-medium);
+        border-radius: var(--radius-md);
     }
 
     &[data-variant='circular'] {
@@ -269,7 +269,7 @@ body[data-bspk] {
     &[data-variant='thumbnail'] {
         width: var(--spacing-sizing-12);
         height: var(--spacing-sizing-12);
-        border-radius: var(--radius-small);
+        border-radius: var(--radius-sm);
     }
 }
 

package/src/colors.scss

@@ -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. */
 

package/src/components/BannerAlert/banner-alert.scss

@@ -5,7 +5,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/src/components/Button/button.scss

@@ -111,7 +111,7 @@
 
         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);
 
         &[disabled] {
             color: var(--foreground-neutral-disabled-on-surface);
@@ -148,7 +148,7 @@
 
     &[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);
 
         &[disabled] {

package/src/components/Card/card.scss

@@ -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-hide-padding] {

package/src/components/Chip/chip.scss

@@ -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);
 
     &:not([data-flat]) {
         box-shadow: var(--drop-shadow-raise);

package/src/components/ChipUtility/chip-utility.scss

@@ -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-touch-target] {

package/src/components/Fab/fab.scss

@@ -11,7 +11,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);
 
     &[data-container='page'] {
         position: fixed;

package/src/components/NumberInput/number-input.scss

@@ -11,7 +11,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/src/components/ProgressBar/progress-bar.scss

@@ -15,14 +15,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);
 
         &::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/src/components/ProgressionStepperBar/progression-stepper-bar.scss

@@ -22,7 +22,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-complete] {

package/src/components/SegmentedControl/segmented-control.scss

@@ -65,22 +65,22 @@
             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);
         }
 
         &: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);
             }
         }
 
         &: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);
             }
         }

package/src/components/Select/select.scss

@@ -24,7 +24,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/src/components/Table/table.scss

@@ -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-cell] {
@@ -36,11 +36,11 @@
         font: var(--labels-base);
 
         &[data-head='first'] {
-            border-top-left-radius: var(--radius-medium);
+            border-top-left-radius: var(--radius-md);
         }
 
         &[data-head='last'] {
-            border-top-right-radius: var(--radius-medium);
+            border-top-right-radius: var(--radius-md);
         }
     }
 }

package/src/components/Tag/tag.scss

@@ -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/src/components/TextInput/text-input.scss

@@ -6,7 +6,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/src/components/Textarea/textarea.scss

@@ -7,7 +7,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);

package/src/components/Tooltip/tooltip.scss

@@ -9,7 +9,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/src/utils/colorVariants.ts

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export const COLOR_VARIANTS = [

package/src/utils/txtVariants.ts

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export const TXT_VARIANTS = [