@jobber/components 9.10.2-JOB-176144-fb868a8.2 → 9.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/Combobox/Combobox.d.ts +1 -1
  2. package/dist/Combobox/Combobox.types.d.ts +0 -1
  3. package/dist/Combobox-cjs.js +5 -9
  4. package/dist/Combobox-es.js +5 -9
  5. package/dist/styles.css +56 -38
  6. package/package.json +2 -2
package/dist/Combobox/Combobox.d.ts CHANGED
@@ -16,7 +16,7 @@ declare function ComboboxInput({ className, ...inputProps }: ComboboxInputProps)
16
16
  declare function ComboboxTrigger({ className, render, ...triggerProps }: ComboboxTriggerProps): React.JSX.Element;
17
17
  declare function ComboboxClear({ className, ...clearProps }: ComboboxClearProps): React.JSX.Element;
18
18
  declare function ComboboxTriggerInput({ className, clearLabel, showOptionsLabel, ...inputProps }: ComboboxTriggerInputProps): React.JSX.Element;
19
- declare function ComboboxTriggerValue({ children, className, clearLabel, placeholder, ...triggerProps }: ComboboxTriggerValueProps): React.JSX.Element;
19
+ declare function ComboboxTriggerValue({ children, className, placeholder, ...triggerProps }: ComboboxTriggerValueProps): React.JSX.Element;
20
20
  declare function ComboboxTriggerMultipleWithInput<Value = unknown>({ className, getItemLabel, getRemoveLabel, renderItem, showOptionsLabel, ...inputProps }: ComboboxTriggerMultipleWithInputProps<Value>): React.JSX.Element;
21
21
  declare function ComboboxTriggerMultipleValue<Value = unknown>({ getItemLabel, getRemoveLabel, placeholder, renderItem, showOptionsLabel, ...chipsProps }: ComboboxTriggerMultipleValueProps<Value>): React.JSX.Element;
22
22
  declare function ComboboxContent({ ariaLabel, children, className, empty, style, }: ComboboxContentProps): React.JSX.Element;
package/dist/Combobox/Combobox.types.d.ts CHANGED
@@ -132,7 +132,6 @@ export interface ComboboxTriggerInputProps extends Omit<ComboboxInputProps, "chi
132
132
  }
133
133
  export interface ComboboxTriggerValueProps extends Omit<ComboboxTriggerProps, "children"> {
134
134
  readonly children?: ComboboxValueProps["children"];
135
- readonly clearLabel?: string;
136
135
  readonly placeholder?: ComboboxValueProps["placeholder"];
137
136
  }
138
137
  export interface ComboboxTriggerMultipleWithInputProps<Value> extends Omit<ComboboxInputProps, "children"> {
package/dist/Combobox-cjs.js CHANGED
@@ -166,7 +166,7 @@ const comboboxContentSlotSystem = createComboboxSlotSystem("comboboxContentSlot"
166
166
  const assignComboboxContentSlot = comboboxContentSlotSystem.assignSlot;
167
167
  const isComboboxContentSlotElement = comboboxContentSlotSystem.isSlotElement;
168
168
 
169
- var styles = {"root":"B0QmBtwlnHs-","sizeBase":"RViH4KcR7S4-","sizeSmall":"PhTQQLSQRfU-","sizeLarge":"_2GAP0lCM9iU-","hasLabel":"dCxC3YMhuE8-","label":"_0Ro-CPw-pBk-","innerLabel":"DZ76oTE8arw-","screenReaderOnly":"g6OcEs38-W4-","labelNote":"glfCUzOoqRs-","description":"hJLDca6C4mg-","error":"Otz3vBkHwV4-","itemContent":"CU-nnrvSp74-","itemPrefix":"YSCJxqQHVik-","itemSuffix":"N-6lDLwoViE-","itemIndicator":"UBwTOYJSaBc-","itemText":"TysU0fU7VI0-","itemLabel":"oV92tIYbjmQ-","itemDescription":"xN4obreiDIQ-","clear":"wOdZIAytarU-","triggerValueActions":"_8AEote8Zs9E-","triggerIconRotate":"_0jDShCnQjxc-","trigger":"mKKJ60Qxxmw-","triggerValueControl":"v6DatDYO-gk-","triggerValue":"LyrziI4LY5w-","triggerValueText":"ayWSHF3Mwfc-","triggerValueIcon":"Glijnn9-fUw-","mobileBackdrop":"_-0af5xRGjJ8-","input":"-io5LRdyoKw-","actions":"QW4rICN6z4c-","action":"_5BO0h44F148-","actionPrefix":"Anagh40JJn8-","actionLabel":"h7YEFty4FKU-","footer":"_9lX7ptB9-fA-","selectedCount":"OrcuITnCXZk-","empty":"ba6Qla9fx-g-","loading":"_5zl8TjDQSnQ-","loadingRow":"eir2NHzbDEQ-","loadingGlimmer":"eCs-SVKfAYc-","multipleChips":"eGxgqB0y1PA-","multiplePlaceholder":"Z07vGalCLy0-","multipleChip":"d3M1dXi1qlU-","multipleInput":"_-3jWBOtOWpY-","content":"m417c1Vd--E-","list":"zKAmeSlRRN4-","spinning":"mqMvu8yxz2w-"};
169
+ var styles = {"root":"B0QmBtwlnHs-","sizeBase":"RViH4KcR7S4-","sizeSmall":"PhTQQLSQRfU-","sizeLarge":"_2GAP0lCM9iU-","hasLabel":"dCxC3YMhuE8-","label":"_0Ro-CPw-pBk-","innerLabel":"DZ76oTE8arw-","screenReaderOnly":"g6OcEs38-W4-","labelNote":"glfCUzOoqRs-","description":"hJLDca6C4mg-","error":"Otz3vBkHwV4-","itemContent":"CU-nnrvSp74-","itemPrefix":"YSCJxqQHVik-","itemSuffix":"N-6lDLwoViE-","itemIndicator":"UBwTOYJSaBc-","itemText":"TysU0fU7VI0-","itemLabel":"oV92tIYbjmQ-","itemDescription":"xN4obreiDIQ-","clear":"wOdZIAytarU-","triggerIconRotate":"_0jDShCnQjxc-","trigger":"mKKJ60Qxxmw-","triggerValueControl":"v6DatDYO-gk-","triggerValue":"LyrziI4LY5w-","triggerValueText":"ayWSHF3Mwfc-","triggerValueIcon":"Glijnn9-fUw-","mobileBackdrop":"_-0af5xRGjJ8-","input":"-io5LRdyoKw-","actions":"QW4rICN6z4c-","action":"_5BO0h44F148-","actionPrefix":"Anagh40JJn8-","actionLabel":"h7YEFty4FKU-","footer":"_9lX7ptB9-fA-","selectedCount":"OrcuITnCXZk-","empty":"ba6Qla9fx-g-","loading":"_5zl8TjDQSnQ-","loadingRow":"eir2NHzbDEQ-","loadingGlimmer":"eCs-SVKfAYc-","multipleChips":"eGxgqB0y1PA-","multiplePlaceholder":"Z07vGalCLy0-","multipleChip":"d3M1dXi1qlU-","multipleInput":"_-3jWBOtOWpY-","content":"m417c1Vd--E-","list":"zKAmeSlRRN4-","spinning":"mqMvu8yxz2w-"};
170
170
 
171
171
  const comboboxMessages = useAtlantisI18n.defineMessages({
172
172
  noResults: {
@@ -606,21 +606,17 @@ function ComboboxTriggerInput(_a) {
606
606
  React.createElement(DefaultTriggerIcon, { size: context === null || context === void 0 ? void 0 : context.size }))));
607
607
  }
608
608
  function ComboboxTriggerValue(_a) {
609
- var { children, className, clearLabel, placeholder } = _a, triggerProps = tslib_es6.__rest(_a, ["children", "className", "clearLabel", "placeholder"]);
610
- const { t } = useAtlantisI18n.useAtlantisI18n(comboboxMessages);
609
+ var { children, className, placeholder } = _a, triggerProps = tslib_es6.__rest(_a, ["children", "className", "placeholder"]);
611
610
  const context = useOptionalComboboxContext();
612
611
  const showLabel = shouldRenderInnerLabel(context);
613
612
  const renderLabel = shouldRenderRecipeLabel(context);
614
- return (React.createElement("div", { className: classnames(styles.triggerValueControl, getSizeClass(context === null || context === void 0 ? void 0 : context.size), showLabel && styles.hasLabel) },
613
+ return (React.createElement("div", { className: classnames(styles.triggerValueControl, getSizeClass(context === null || context === void 0 ? void 0 : context.size)) },
615
614
  renderLabel && (React.createElement(ComboboxRecipeLabel, { visuallyHidden: !showLabel }, context === null || context === void 0 ? void 0 : context.label)),
616
615
  React.createElement(ComboboxTrigger, Object.assign({}, triggerProps, { className: mergeClassName.mergeClassName(classnames(styles.triggerValue, getSizeClass(context === null || context === void 0 ? void 0 : context.size), showLabel && styles.hasLabel), className) }),
617
616
  React.createElement("span", { className: styles.triggerValueText },
618
617
  React.createElement(ComboboxPrimitive.ComboboxValue, { placeholder: placeholder }, children)),
619
- React.createElement("span", { className: styles.triggerValueActions },
620
- !(context === null || context === void 0 ? void 0 : context.disabled) && !(context === null || context === void 0 ? void 0 : context.readOnly) && clearLabel && (React.createElement(ComboboxClear, { "aria-label": clearLabel !== null && clearLabel !== void 0 ? clearLabel : t("clearSelection") },
621
- React.createElement(DefaultClearIcon, null))),
622
- React.createElement("span", { className: styles.triggerValueIcon },
623
- React.createElement(DefaultTriggerIcon, { size: context === null || context === void 0 ? void 0 : context.size }))))));
618
+ React.createElement("span", { className: styles.triggerValueIcon },
619
+ React.createElement(DefaultTriggerIcon, { size: context === null || context === void 0 ? void 0 : context.size })))));
624
620
  }
625
621
  function getDefaultItemLabel(value) {
626
622
  return String(value);
package/dist/Combobox-es.js CHANGED
@@ -164,7 +164,7 @@ const comboboxContentSlotSystem = createComboboxSlotSystem("comboboxContentSlot"
164
164
  const assignComboboxContentSlot = comboboxContentSlotSystem.assignSlot;
165
165
  const isComboboxContentSlotElement = comboboxContentSlotSystem.isSlotElement;
166
166
 
167
- var styles = {"root":"B0QmBtwlnHs-","sizeBase":"RViH4KcR7S4-","sizeSmall":"PhTQQLSQRfU-","sizeLarge":"_2GAP0lCM9iU-","hasLabel":"dCxC3YMhuE8-","label":"_0Ro-CPw-pBk-","innerLabel":"DZ76oTE8arw-","screenReaderOnly":"g6OcEs38-W4-","labelNote":"glfCUzOoqRs-","description":"hJLDca6C4mg-","error":"Otz3vBkHwV4-","itemContent":"CU-nnrvSp74-","itemPrefix":"YSCJxqQHVik-","itemSuffix":"N-6lDLwoViE-","itemIndicator":"UBwTOYJSaBc-","itemText":"TysU0fU7VI0-","itemLabel":"oV92tIYbjmQ-","itemDescription":"xN4obreiDIQ-","clear":"wOdZIAytarU-","triggerValueActions":"_8AEote8Zs9E-","triggerIconRotate":"_0jDShCnQjxc-","trigger":"mKKJ60Qxxmw-","triggerValueControl":"v6DatDYO-gk-","triggerValue":"LyrziI4LY5w-","triggerValueText":"ayWSHF3Mwfc-","triggerValueIcon":"Glijnn9-fUw-","mobileBackdrop":"_-0af5xRGjJ8-","input":"-io5LRdyoKw-","actions":"QW4rICN6z4c-","action":"_5BO0h44F148-","actionPrefix":"Anagh40JJn8-","actionLabel":"h7YEFty4FKU-","footer":"_9lX7ptB9-fA-","selectedCount":"OrcuITnCXZk-","empty":"ba6Qla9fx-g-","loading":"_5zl8TjDQSnQ-","loadingRow":"eir2NHzbDEQ-","loadingGlimmer":"eCs-SVKfAYc-","multipleChips":"eGxgqB0y1PA-","multiplePlaceholder":"Z07vGalCLy0-","multipleChip":"d3M1dXi1qlU-","multipleInput":"_-3jWBOtOWpY-","content":"m417c1Vd--E-","list":"zKAmeSlRRN4-","spinning":"mqMvu8yxz2w-"};
167
+ var styles = {"root":"B0QmBtwlnHs-","sizeBase":"RViH4KcR7S4-","sizeSmall":"PhTQQLSQRfU-","sizeLarge":"_2GAP0lCM9iU-","hasLabel":"dCxC3YMhuE8-","label":"_0Ro-CPw-pBk-","innerLabel":"DZ76oTE8arw-","screenReaderOnly":"g6OcEs38-W4-","labelNote":"glfCUzOoqRs-","description":"hJLDca6C4mg-","error":"Otz3vBkHwV4-","itemContent":"CU-nnrvSp74-","itemPrefix":"YSCJxqQHVik-","itemSuffix":"N-6lDLwoViE-","itemIndicator":"UBwTOYJSaBc-","itemText":"TysU0fU7VI0-","itemLabel":"oV92tIYbjmQ-","itemDescription":"xN4obreiDIQ-","clear":"wOdZIAytarU-","triggerIconRotate":"_0jDShCnQjxc-","trigger":"mKKJ60Qxxmw-","triggerValueControl":"v6DatDYO-gk-","triggerValue":"LyrziI4LY5w-","triggerValueText":"ayWSHF3Mwfc-","triggerValueIcon":"Glijnn9-fUw-","mobileBackdrop":"_-0af5xRGjJ8-","input":"-io5LRdyoKw-","actions":"QW4rICN6z4c-","action":"_5BO0h44F148-","actionPrefix":"Anagh40JJn8-","actionLabel":"h7YEFty4FKU-","footer":"_9lX7ptB9-fA-","selectedCount":"OrcuITnCXZk-","empty":"ba6Qla9fx-g-","loading":"_5zl8TjDQSnQ-","loadingRow":"eir2NHzbDEQ-","loadingGlimmer":"eCs-SVKfAYc-","multipleChips":"eGxgqB0y1PA-","multiplePlaceholder":"Z07vGalCLy0-","multipleChip":"d3M1dXi1qlU-","multipleInput":"_-3jWBOtOWpY-","content":"m417c1Vd--E-","list":"zKAmeSlRRN4-","spinning":"mqMvu8yxz2w-"};
168
168
 
169
169
  const comboboxMessages = defineMessages({
170
170
  noResults: {
@@ -604,21 +604,17 @@ function ComboboxTriggerInput(_a) {
604
604
  React__default.createElement(DefaultTriggerIcon, { size: context === null || context === void 0 ? void 0 : context.size }))));
605
605
  }
606
606
  function ComboboxTriggerValue(_a) {
607
- var { children, className, clearLabel, placeholder } = _a, triggerProps = __rest(_a, ["children", "className", "clearLabel", "placeholder"]);
608
- const { t } = useAtlantisI18n(comboboxMessages);
607
+ var { children, className, placeholder } = _a, triggerProps = __rest(_a, ["children", "className", "placeholder"]);
609
608
  const context = useOptionalComboboxContext();
610
609
  const showLabel = shouldRenderInnerLabel(context);
611
610
  const renderLabel = shouldRenderRecipeLabel(context);
612
- return (React__default.createElement("div", { className: classnames(styles.triggerValueControl, getSizeClass(context === null || context === void 0 ? void 0 : context.size), showLabel && styles.hasLabel) },
611
+ return (React__default.createElement("div", { className: classnames(styles.triggerValueControl, getSizeClass(context === null || context === void 0 ? void 0 : context.size)) },
613
612
  renderLabel && (React__default.createElement(ComboboxRecipeLabel, { visuallyHidden: !showLabel }, context === null || context === void 0 ? void 0 : context.label)),
614
613
  React__default.createElement(ComboboxTrigger, Object.assign({}, triggerProps, { className: mergeClassName(classnames(styles.triggerValue, getSizeClass(context === null || context === void 0 ? void 0 : context.size), showLabel && styles.hasLabel), className) }),
615
614
  React__default.createElement("span", { className: styles.triggerValueText },
616
615
  React__default.createElement(ComboboxValue, { placeholder: placeholder }, children)),
617
- React__default.createElement("span", { className: styles.triggerValueActions },
618
- !(context === null || context === void 0 ? void 0 : context.disabled) && !(context === null || context === void 0 ? void 0 : context.readOnly) && clearLabel && (React__default.createElement(ComboboxClear, { "aria-label": clearLabel !== null && clearLabel !== void 0 ? clearLabel : t("clearSelection") },
619
- React__default.createElement(DefaultClearIcon, null))),
620
- React__default.createElement("span", { className: styles.triggerValueIcon },
621
- React__default.createElement(DefaultTriggerIcon, { size: context === null || context === void 0 ? void 0 : context.size }))))));
616
+ React__default.createElement("span", { className: styles.triggerValueIcon },
617
+ React__default.createElement(DefaultTriggerIcon, { size: context === null || context === void 0 ? void 0 : context.size })))));
622
618
  }
623
619
  function getDefaultItemLabel(value) {
624
620
  return String(value);
package/dist/styles.css CHANGED
@@ -4210,7 +4210,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4210
4210
  }
4211
4211
 
4212
4212
  .EySvIEsW9Q4-,
4213
- .F94vaco3HkM-,
4213
+ :where(.F94vaco3HkM-),
4214
4214
  :where(.IYgNfHHPVFY-) {
4215
4215
  --comboboxPrimitive-field-height: calc(var(--base-unit) * 2.5);
4216
4216
  --comboboxPrimitive-control-height: calc(
@@ -4251,8 +4251,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4251
4251
  box-sizing: border-box;
4252
4252
  }
4253
4253
 
4254
- .EySvIEsW9Q4-:has(.L-KgsoDZ360-:focus-visible, > .F94vaco3HkM-:focus-visible),
4255
- .EySvIEsW9Q4-[data-popup-open] {
4254
+ .EySvIEsW9Q4-:has(.L-KgsoDZ360-:focus-visible, > .F94vaco3HkM-:focus-visible):not(
4255
+ [data-popup-open]
4256
+ ) {
4256
4257
  z-index: 1;
4257
4258
  z-index: var(--elevation-base);
4258
4259
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
@@ -4265,10 +4266,26 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4265
4266
  border-color: var(--color-critical);
4266
4267
  }
4267
4268
 
4269
+ .EySvIEsW9Q4-:not([data-disabled]):not(
4270
+ :has(.L-KgsoDZ360-:focus-visible, > .F94vaco3HkM-:focus-visible)
4271
+ ):hover {
4272
+ box-shadow: inset 0 0 0 1px hsl(200, 13%, 87%);
4273
+ box-shadow: inset 0 0 0 var(--border-base) var(--color-border--interactive);
4274
+ }
4275
+
4276
+ .EySvIEsW9Q4-:not([data-disabled])[data-popup-open] {
4277
+ box-shadow: inset 0 0 0 1px hsl(198, 35%, 21%);
4278
+ box-shadow: inset 0 0 0 var(--border-base) var(--color-interactive--subtle);
4279
+ border-color: hsl(198, 35%, 21%);
4280
+ border-color: var(--color-interactive--subtle);
4281
+ }
4282
+
4268
4283
  .EySvIEsW9Q4-[data-invalid]:not([data-disabled]):not(
4269
4284
  :has(.L-KgsoDZ360-:focus-visible, > .F94vaco3HkM-:focus-visible)
4270
4285
  ):hover,
4271
4286
  .EySvIEsW9Q4-[data-invalid]:not([data-disabled])[data-popup-open] {
4287
+ box-shadow: inset 0 0 0 1px hsl(6, 64%, 51%);
4288
+ box-shadow: inset 0 0 0 var(--border-base) var(--color-critical);
4272
4289
  border-color: hsl(6, 64%, 51%);
4273
4290
  border-color: var(--color-critical);
4274
4291
  }
@@ -4385,7 +4402,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4385
4402
  color: var(--color-disabled);
4386
4403
  }
4387
4404
 
4388
- .F94vaco3HkM- {
4405
+ :where(.F94vaco3HkM-) {
4389
4406
  display: -ms-inline-flexbox;
4390
4407
  display: inline-flex;
4391
4408
  -ms-flex-align: center;
@@ -4451,7 +4468,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4451
4468
  cursor: pointer;
4452
4469
  }
4453
4470
 
4454
- .EySvIEsW9Q4- > .F94vaco3HkM- {
4471
+ .EySvIEsW9Q4- > :where(.F94vaco3HkM-) {
4455
4472
  -ms-flex: 0 0 auto;
4456
4473
  flex: 0 0 auto;
4457
4474
  -ms-flex-pack: center;
@@ -4476,6 +4493,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4476
4493
  color: var(--color-heading);
4477
4494
  }
4478
4495
 
4496
+ .F94vaco3HkM-:not(:where(.EySvIEsW9Q4- > .F94vaco3HkM-)):focus-visible:not(
4497
+ [data-popup-open]
4498
+ ) {
4499
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4500
+ box-shadow: var(--shadow-focus);
4501
+ outline: none;
4502
+ }
4503
+
4479
4504
  :where(.IYgNfHHPVFY-:focus-visible) {
4480
4505
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4481
4506
  box-shadow: var(--shadow-focus);
@@ -4484,6 +4509,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4484
4509
  outline: none;
4485
4510
  }
4486
4511
 
4512
+ :where(.EySvIEsW9Q4- > .F94vaco3HkM-:focus-visible) {
4513
+ outline: none;
4514
+ }
4515
+
4487
4516
  :where(.IYgNfHHPVFY-:has(+ .F94vaco3HkM-)) {
4488
4517
  min-width: 24px;
4489
4518
  min-width: var(--space-large);
@@ -4494,17 +4523,20 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4494
4523
  color: var(--color-icon--secondary);
4495
4524
  }
4496
4525
 
4497
- /* Standalone triggers own field focus states; InputGroup owns them when the trigger is embedded. */
4526
+ /* Standalone triggers own field border/shadow states; InputGroup owns them when the trigger is embedded. */
4498
4527
 
4499
- .F94vaco3HkM-:not(:where(.EySvIEsW9Q4- > .F94vaco3HkM-)):focus-visible,
4500
4528
  .F94vaco3HkM-:not(:where(.EySvIEsW9Q4- > .F94vaco3HkM-))[data-popup-open] {
4501
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4502
- box-shadow: var(--shadow-focus);
4503
- outline: none;
4529
+ box-shadow: inset 0 0 0 1px hsl(198, 35%, 21%);
4530
+ box-shadow: inset 0 0 0 var(--border-base) var(--color-interactive--subtle);
4531
+ border-color: hsl(198, 35%, 21%);
4532
+ border-color: var(--color-interactive--subtle);
4504
4533
  }
4505
4534
 
4506
- .EySvIEsW9Q4- > .F94vaco3HkM-:focus-visible {
4507
- outline: none;
4535
+ .F94vaco3HkM-:not(:where(.EySvIEsW9Q4- > .F94vaco3HkM-)):not([data-disabled]):not(
4536
+ :focus-visible
4537
+ ):hover {
4538
+ box-shadow: inset 0 0 0 1px hsl(200, 13%, 87%);
4539
+ box-shadow: inset 0 0 0 var(--border-base) var(--color-border--interactive);
4508
4540
  }
4509
4541
 
4510
4542
  .F94vaco3HkM-[data-invalid]:not(:where(.EySvIEsW9Q4- > .F94vaco3HkM-)):not(
@@ -4513,12 +4545,17 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4513
4545
  .F94vaco3HkM-[data-invalid]:not(:where(.EySvIEsW9Q4- > .F94vaco3HkM-)):not(
4514
4546
  [data-disabled]
4515
4547
  )[data-popup-open] {
4548
+ box-shadow: inset 0 0 0 1px hsl(6, 64%, 51%);
4549
+ box-shadow: inset 0 0 0 var(--border-base) var(--color-critical);
4516
4550
  border-color: hsl(6, 64%, 51%);
4517
4551
  border-color: var(--color-critical);
4518
4552
  }
4519
4553
 
4520
4554
  .F94vaco3HkM-[data-disabled] {
4555
+ --comboboxPrimitive-field-border-width: var(--border-base);
4556
+
4521
4557
  border-color: hsl(200, 13%, 87%);
4558
+
4522
4559
  border-color: var(--color-border);
4523
4560
  color: hsl(0, 0%, 58%);
4524
4561
  color: var(--color-disabled);
@@ -5689,11 +5726,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5689
5726
  background-color: transparent;
5690
5727
  }
5691
5728
 
5692
- ._8AEote8Zs9E- .wOdZIAytarU- {
5693
- margin-right: 4px;
5694
- margin-right: var(--space-smaller);
5695
- }
5696
-
5697
5729
  .wOdZIAytarU-:not([data-disabled]):hover,
5698
5730
  .wOdZIAytarU-:not([data-disabled]):focus-visible {
5699
5731
  color: hsl(198, 35%, 21%);
@@ -5729,36 +5761,24 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5729
5761
  width: 100%;
5730
5762
  }
5731
5763
 
5732
- .mKKJ60Qxxmw-.LyrziI4LY5w- {
5764
+ .LyrziI4LY5w- {
5733
5765
  padding: 0;
5734
5766
  }
5735
5767
 
5736
5768
  .ayWSHF3Mwfc- {
5737
- display: block;
5769
+ display: -ms-inline-flexbox;
5770
+ display: inline-flex;
5738
5771
  -ms-flex: 1 1 auto;
5739
5772
  flex: 1 1 auto;
5740
- -ms-flex-item-align: stretch;
5741
- align-self: stretch;
5773
+ -ms-flex-align: center;
5774
+ align-items: center;
5742
5775
  min-width: 0;
5743
- box-sizing: border-box;
5744
5776
  padding: var(--comboboxPrimitive-field-padding-block) 8px
5745
5777
  var(--comboboxPrimitive-field-padding-block)
5746
- calc(var(--comboboxPrimitive-field-padding-inline) + 1px);
5778
+ var(--comboboxPrimitive-field-padding-inline);
5747
5779
  padding: var(--comboboxPrimitive-field-padding-block) var(--space-small)
5748
5780
  var(--comboboxPrimitive-field-padding-block)
5749
- calc(var(--comboboxPrimitive-field-padding-inline) + var(--border-base));
5750
- line-height: var(--comboboxPrimitive-field-line-height);
5751
- }
5752
-
5753
- ._8AEote8Zs9E- {
5754
- display: -ms-inline-flexbox;
5755
- display: inline-flex;
5756
- -ms-flex: 0 0 auto;
5757
- flex: 0 0 auto;
5758
- -ms-flex-item-align: stretch;
5759
- align-self: stretch;
5760
- -ms-flex-align: center;
5761
- align-items: center;
5781
+ var(--comboboxPrimitive-field-padding-inline);
5762
5782
  }
5763
5783
 
5764
5784
  .Glijnn9-fUw- {
@@ -9454,8 +9474,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
9454
9474
  display: flex;
9455
9475
  -ms-flex-align: center;
9456
9476
  align-items: center;
9457
- padding-right: 8px;
9458
- padding-right: var(--space-small);
9459
9477
  }
9460
9478
  .NrRExUGE6GY- path {
9461
9479
  fill: hsl(198, 35%, 21%);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "9.10.2-JOB-176144-fb868a8.2+fb868a84",
3
+ "version": "9.10.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -549,5 +549,5 @@
549
549
  "> 1%",
550
550
  "IE 10"
551
551
  ],
552
- "gitHead": "fb868a8468b6ce191722b2292c60fe60001b9351"
552
+ "gitHead": "cc580a945a14cacff76a9c57ca25905ef5c4cf9b"
553
553
  }