@jobber/components 6.20.7 → 6.21.0

package/dist/styles.css

@@ -562,7 +562,7 @@
 }
 
 ._3RdwgIvvnZo- {
-  color: hsl(207, 87%, 94%);
+  color: hsl(206, 61%, 23%);
   color: var(--color-payments--onSurface);
 }
 
@@ -1143,6 +1143,8 @@
       align-items: center;
   -ms-flex-pack: center;
       justify-content: center;
+  gap: 4px;
+  gap: var(--space-smaller);
 }
 
 ._7BLGtYNuJOU- * {
@@ -1345,34 +1347,25 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       flex-shrink: 0;
 }
 
-.tZGQ0DACs7g- {
+.H8uYM7Udc4o-:has(> svg:only-child) {
   width: var(--button--size);
   padding: 0;
 }
 
-._27LqTbyLaOM- {
-  width: auto;
-  gap: 4px;
-  gap: var(--space-smaller);
-}
+/** Icon on Right */
 
-._27LqTbyLaOM- > * {
-  text-align: left;
+.H8uYM7Udc4o- > span ~ svg {
+  margin-right: calc(4px * -1);
+  margin-right: calc(var(--space-smaller) * -1);
 }
 
-._27LqTbyLaOM- > *:first-child {
+/** Icon on Left */
+
+.H8uYM7Udc4o- > svg:has(+ span:nth-child(2)) {
   margin-left: calc(4px * -1);
   margin-left: calc(var(--space-smaller) * -1);
 }
 
-._3Mqs2Gu3Z2M- > *:first-child {
-  -ms-flex-order: 1;
-      order: 1;
-  margin-left: 0;
-  margin-right: calc(4px * -1);
-  margin-right: calc(var(--space-smaller) * -1);
-}
-
 .yBId-F-geAA- {
   width: 100%;
 }
@@ -7464,6 +7457,7 @@ html.atlantisLightBoxActive {
   background-color: rgba(3, 43, 58, 0.25);
 }
 ._3TfQLQEE3GQ- {
+  --lightbox--box-sizing: content-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
@@ -7471,6 +7465,8 @@ html.atlantisLightBoxActive {
   z-index: var(--elevation-base);
   width: 100%;
   min-height: 92px;
+  box-sizing: content-box;
+  box-sizing: var(--lightbox--box-sizing);
   margin-bottom: 8px;
   margin-bottom: var(--space-small);
   padding-bottom: 8px;
@@ -7508,6 +7504,9 @@ html.atlantisLightBoxActive {
       background: var(--color-interactive--subtle);
     }
   }
+._3TfQLQEE3GQ- * {
+  box-sizing: var(--lightbox--box-sizing);
+}
 .eBMzUOlcfQ4- {
   width: 100%;
   height: 100%;

package/dist/utils/meta/meta.json

@@ -14,6 +14,8 @@
     "Body",
     "Box",
     "Button",
+    "Button.Icon",
+    "Button.Label",
     "ButtonDismiss",
     "Card",
     "Cell",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.20.7",
+  "version": "6.21.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -489,5 +489,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "802e3d976a30349c459a432d32a9a2a346bfbbd0"
+  "gitHead": "28e267f721a53c3aa458cdc30ea15b9aaf11c66e"
 }