@jobber/components 6.93.0 → 6.94.0

package/dist/RecurringSelect/index.cjs

@@ -32,8 +32,8 @@ require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
 require('react-hook-form');
 require('../InputNumber/index.cjs');
-require('../clsx-cjs.js');
 require('react-dom');
+require('../clsx-cjs.js');
 require('../InputGroup-cjs.js');
 require('../Content-cjs.js');
 require('../RadioGroup-cjs.js');

package/dist/RecurringSelect/index.mjs

@@ -30,8 +30,8 @@ import '../InputValidation-es.js';
 import '../Spinner-es.js';
 import 'react-hook-form';
 import '../InputNumber/index.mjs';
-import '../clsx-es.js';
 import 'react-dom';
+import '../clsx-es.js';
 import '../InputGroup-es.js';
 import '../Content-es.js';
 import '../RadioGroup-es.js';

package/dist/styles.css

@@ -442,7 +442,7 @@
 }
 
 .W4Fsewoz1sg- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -1336,14 +1336,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-,
 a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-color: hsl(0, 0%, 93%);
   border-color: var(--color-disabled--secondary);
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-color: hsl(0, 0%, 93%);
   background-color: var(--color-disabled--secondary);
-  fill: hsl(0, 0%, 72%);
+  fill: hsl(0, 0%, 58%);
   fill: var(--color-disabled);
   pointer-events: none;
   cursor: not-allowed;
@@ -3305,7 +3305,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .TKr3J-6ARFo- p {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -3536,7 +3536,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 ._3uJEejbZvig-:hover,
 ._3uJEejbZvig-:focus-visible {
   --chip-border-color: var(--color-disabled--secondary);
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   --chip-base-bg-color: var(--color-disabled--secondary);
   --chip-base-hover-bg-color: var(--color-disabled--secondary);
@@ -3544,7 +3544,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 ._3uJEejbZvig- .oV7kqacWv-U- {
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
@@ -3554,7 +3554,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- path {
-  fill: hsl(0, 0%, 72%);
+  fill: hsl(0, 0%, 58%);
   fill: var(--color-disabled);
 }
 
@@ -6339,12 +6339,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
     /* Disabled groups and their options */
     optgroup[disabled] {
-      color: hsl(0, 0%, 72%);
+      color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
     }
     optgroup[disabled] option,
     option[disabled] {
-      color: hsl(0, 0%, 72%);
+      color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
       cursor: default;
     }
@@ -7236,7 +7236,7 @@ h2.react-datepicker__current-month {
   background: var(--color-interactive--background);
 }
 .Ma55F5Y-XhE- .react-datepicker__day--disabled {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: default;
 }
@@ -7806,12 +7806,12 @@ h2.react-datepicker__current-month {
 .e-cSZjkHGw8- .PiwOCJz7Zto- {
   border-color: hsl(0, 0%, 93%);
   border-color: var(--color-disabled--secondary);
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
 .e-cSZjkHGw8- {
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -7819,7 +7819,7 @@ h2.react-datepicker__current-month {
 }
 
 ._40c6OIH33p8-.e-cSZjkHGw8- {
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
@@ -7829,7 +7829,7 @@ h2.react-datepicker__current-month {
 }
 
 .e-cSZjkHGw8-:hover {
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
 }
 
@@ -8754,7 +8754,7 @@ html.atlantisLightBoxActive {
   margin-right: -1px;
 }
 
-/* Border corners are rounded on the outside edges of the group  */
+/* Reset radii inside a group; specific rules will re-add outer rounding */
 
 .l87dJm2JnlA- {
   --public-field--top-left-radius: 0;
@@ -8763,6 +8763,8 @@ html.atlantisLightBoxActive {
   --public-field--bottom-right-radius: 0;
 }
 
+/* Vertical: restore outer rounding on first/last items */
+
 .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
   --public-field--top-left-radius: var(--radius-base);
   --public-field--top-right-radius: var(--radius-base);
@@ -8773,26 +8775,72 @@ html.atlantisLightBoxActive {
   --public-field--bottom-right-radius: var(--radius-base);
 }
 
-/* First Horizontal Input Group */
+/* Horizontal: restore outer rounding on left/right items */
 
-.xxMbKnv30VQ-:first-child > :first-child {
+.xxMbKnv30VQ- > :first-child:not(.xxMbKnv30VQ-) {
   --public-field--top-left-radius: var(--radius-base);
+  --public-field--bottom-left-radius: var(--radius-base);
 }
 
-.xxMbKnv30VQ-:first-child > :last-child {
+.xxMbKnv30VQ- > :last-child:not(.xxMbKnv30VQ-) {
   --public-field--top-right-radius: var(--radius-base);
+  --public-field--bottom-right-radius: var(--radius-base);
 }
 
-/* Last Horizontal Input Group */
+/* Nested horizontal groups inside a horizontal parent */
+
+/* If the nested group is the first child, round its first field's left corners */
+
+/* If the nested group is not at the left edge, flatten its first field's left corners */
+
+.xxMbKnv30VQ- > .xxMbKnv30VQ-:not(:first-child) > :first-child {
+  --public-field--top-left-radius: 0;
+  --public-field--bottom-left-radius: 0;
+}
+
+/* If the nested group is not at the right edge, flatten its last field's right corners */
+
+.xxMbKnv30VQ- > .xxMbKnv30VQ-:not(:last-child) > :last-child {
+  --public-field--top-right-radius: 0;
+  --public-field--bottom-right-radius: 0;
+}
 
-.xxMbKnv30VQ-:last-child > :first-child {
+/* Vertical group containing horizontal rows: control top/bottom rounding */
+
+/* First row: round only the outer top corners */
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:first-child > :first-child {
+  --public-field--top-left-radius: var(--radius-base);
+}
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:first-child > :last-child {
+  --public-field--top-right-radius: var(--radius-base);
+}
+
+/* Last row: round only the outer bottom corners */
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:last-child > :first-child {
   --public-field--bottom-left-radius: var(--radius-base);
 }
 
-.xxMbKnv30VQ-:last-child > :last-child {
+.RwhScbXCXw0- > .xxMbKnv30VQ-:last-child > :last-child {
   --public-field--bottom-right-radius: var(--radius-base);
 }
 
+/* Middle rows: flatten top/bottom on both row edges */
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:first-child) > :first-child,
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:first-child) > :last-child {
+  --public-field--top-left-radius: 0;
+  --public-field--top-right-radius: 0;
+}
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:last-child) > :first-child,
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:last-child) > :last-child {
+  --public-field--bottom-left-radius: 0;
+  --public-field--bottom-right-radius: 0;
+}
+
 /*****************************************************************************
    * In Atlantis, these `--public-field` properties are used in other components such
    * as InputGroup, therefore they must stay on :root
@@ -9697,7 +9745,7 @@ input.oOrjwubmsVA- {
 }
 
 .w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: not-allowed;
 }
@@ -9710,7 +9758,7 @@ input.oOrjwubmsVA- {
 .w1Rr3bk2t5g-[disabled]:checked + .gN41T07x0l0-::before {
   --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)
     var(--color-disabled);
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
 }
 
@@ -9725,7 +9773,7 @@ input.oOrjwubmsVA- {
 }
 
 .w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- + .Ke2WKKuvmRo- > p {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -9823,7 +9871,7 @@ input.oOrjwubmsVA- {
 }
 
 .XGjk9DHJAmw-:disabled + .zulupkPyEs8- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   background: hsl(0, 0%, 93%);
   background: var(--color-disabled--secondary);
@@ -9847,7 +9895,7 @@ input.oOrjwubmsVA- {
 .XGjk9DHJAmw-:disabled:checked + .zulupkPyEs8- {
   color: hsl(0, 0%, 93%);
   color: var(--color-disabled--secondary);
-  background: hsl(0, 0%, 72%);
+  background: hsl(0, 0%, 58%);
   background: var(--color-disabled);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.93.0",
+  "version": "6.94.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -485,7 +485,7 @@
     "filesize": "^6.1.0",
     "framer-motion": "^11.0.3",
     "lodash": "^4.17.21",
-    "react-aria-components": "^1.7.1",
+    "react-aria-components": "^1.11.0",
     "react-countdown": "^2.3.2",
     "react-datepicker": "^8.7.0",
     "react-dropzone": "^11.0.2",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d480a80ad2846af668deb353e70c9604b1343e0b"
+  "gitHead": "984558732e670b00c502dca7145c3e9e8b729a92"
 }