@box/blueprint-web 17.7.1 → 17.8.0
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.
|
@@ -400,6 +400,7 @@ const RootInner = ({
|
|
|
400
400
|
}),
|
|
401
401
|
onClick: handleFocusInputOnEvent,
|
|
402
402
|
"data-bp-animated": isAnimationEnabled ? 'true' : 'false',
|
|
403
|
+
"data-border-wrapper": true,
|
|
403
404
|
"data-testid": "combobox-container",
|
|
404
405
|
children: jsxs("div", {
|
|
405
406
|
className: styles.comboboxContainerInner,
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
+
import '../blueprint-configuration-context/blueprint-configuration-context.js';
|
|
5
|
+
import '../blueprint-configuration-context/consts.js';
|
|
6
|
+
import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
|
|
4
7
|
import { InlineError } from '../primitives/inline-error/inline-error.js';
|
|
5
8
|
import { useLabelable } from '../util-components/labelable/useLabelable.js';
|
|
6
9
|
import { ComboboxGroupCombobox, ComboboxGroupComboboxSingleSelect } from './combobox-group-combobox.js';
|
|
@@ -21,6 +24,10 @@ const Root = /*#__PURE__*/forwardRef(({
|
|
|
21
24
|
isDisabled,
|
|
22
25
|
subcomponentId
|
|
23
26
|
} = useComboboxGroupContext();
|
|
27
|
+
const {
|
|
28
|
+
componentsWithAnimationEnabled
|
|
29
|
+
} = useBlueprintConfiguration();
|
|
30
|
+
const isAnimationEnabled = componentsWithAnimationEnabled.includes('ComboboxGroup');
|
|
24
31
|
const selectHasError = !!errors.select;
|
|
25
32
|
const comboboxHasError = !!errors.combobox;
|
|
26
33
|
const Label = useLabelable(label, subcomponentId);
|
|
@@ -30,6 +37,7 @@ const Root = /*#__PURE__*/forwardRef(({
|
|
|
30
37
|
className: clsx(styles.container, {
|
|
31
38
|
[styles.disabled]: isDisabled
|
|
32
39
|
}),
|
|
40
|
+
"data-bp-animated": isAnimationEnabled ? 'true' : 'false',
|
|
33
41
|
"data-modern": 'true' ,
|
|
34
42
|
children: [jsx(Label, {
|
|
35
43
|
className: styles.label,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_group_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_group_module_container--75866","trailing":"bp_combobox_group_module_trailing--75866","leading":"bp_combobox_group_module_leading--75866","label":"bp_combobox_group_module_label--75866","comboboxContainer":"bp_combobox_group_module_comboboxContainer--75866","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--75866","disabled":"bp_combobox_group_module_disabled--75866","errorCombobox":"bp_combobox_group_module_errorCombobox--75866","errorSelect":"bp_combobox_group_module_errorSelect--75866","selectHasFocus":"bp_combobox_group_module_selectHasFocus--75866","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--75866"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -5844,22 +5844,22 @@
|
|
|
5844
5844
|
.bp_combobox_module_popover--51090[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--51090:active,.bp_combobox_module_popover--51090[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--51090:hover,.bp_combobox_module_popover--51090[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--51090[data-active-item]:not([aria-disabled]){
|
|
5845
5845
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5846
5846
|
}
|
|
5847
|
-
.bp_combobox_group_module_container--
|
|
5847
|
+
.bp_combobox_group_module_container--75866[data-modern=false]{
|
|
5848
5848
|
--combobox-group-container-gap:var(--space-2);
|
|
5849
5849
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5850
5850
|
--combobox-group-label-color:var(--text-text-on-light);
|
|
5851
5851
|
}
|
|
5852
|
-
.bp_combobox_group_module_container--
|
|
5852
|
+
.bp_combobox_group_module_container--75866[data-modern=false] .bp_combobox_group_module_trailing--75866{
|
|
5853
5853
|
--blueprint-combobox-input-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5854
5854
|
--blueprint-select-trigger-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5855
|
-
--blueprint-combobox-border-left-width:
|
|
5856
|
-
--blueprint-select-border-left-width:
|
|
5855
|
+
--blueprint-combobox-border-left-width:0;
|
|
5856
|
+
--blueprint-select-border-left-width:0;
|
|
5857
5857
|
}
|
|
5858
|
-
.bp_combobox_group_module_container--
|
|
5858
|
+
.bp_combobox_group_module_container--75866[data-modern=false] .bp_combobox_group_module_leading--75866{
|
|
5859
5859
|
--blueprint-combobox-input-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5860
5860
|
--blueprint-select-trigger-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5861
5861
|
}
|
|
5862
|
-
.bp_combobox_group_module_container--
|
|
5862
|
+
.bp_combobox_group_module_container--75866[data-modern=false] .bp_combobox_group_module_label--75866{
|
|
5863
5863
|
font-family:var(--body-default-bold-font-family);
|
|
5864
5864
|
font-size:var(--body-default-bold-font-size);
|
|
5865
5865
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5869,22 +5869,22 @@
|
|
|
5869
5869
|
text-transform:var(--body-default-bold-text-case);
|
|
5870
5870
|
}
|
|
5871
5871
|
|
|
5872
|
-
.bp_combobox_group_module_container--
|
|
5872
|
+
.bp_combobox_group_module_container--75866[data-modern=true]{
|
|
5873
5873
|
--combobox-group-container-gap:var(--bp-space-020);
|
|
5874
5874
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5875
5875
|
--combobox-group-label-color:var(--bp-text-text-on-light);
|
|
5876
5876
|
}
|
|
5877
|
-
.bp_combobox_group_module_container--
|
|
5877
|
+
.bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_trailing--75866{
|
|
5878
5878
|
--blueprint-combobox-input-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5879
5879
|
--blueprint-select-trigger-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5880
|
-
--blueprint-combobox-border-left-width:
|
|
5881
|
-
--blueprint-select-border-left-width:
|
|
5880
|
+
--blueprint-combobox-border-left-width:0;
|
|
5881
|
+
--blueprint-select-border-left-width:0;
|
|
5882
5882
|
}
|
|
5883
|
-
.bp_combobox_group_module_container--
|
|
5883
|
+
.bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_leading--75866{
|
|
5884
5884
|
--blueprint-combobox-input-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5885
5885
|
--blueprint-select-trigger-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5886
5886
|
}
|
|
5887
|
-
.bp_combobox_group_module_container--
|
|
5887
|
+
.bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_label--75866{
|
|
5888
5888
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5889
5889
|
font-size:var(--bp-font-size-05);
|
|
5890
5890
|
font-style:normal;
|
|
@@ -5892,7 +5892,7 @@
|
|
|
5892
5892
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5893
5893
|
line-height:var(--bp-font-line-height-04);
|
|
5894
5894
|
}
|
|
5895
|
-
:where(body.is-inter-font) .bp_combobox_group_module_container--
|
|
5895
|
+
:where(body.is-inter-font) .bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_label--75866{
|
|
5896
5896
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5897
5897
|
font-size:.875rem;
|
|
5898
5898
|
font-style:normal;
|
|
@@ -5903,7 +5903,7 @@
|
|
|
5903
5903
|
text-transform:none;
|
|
5904
5904
|
}
|
|
5905
5905
|
|
|
5906
|
-
.bp_combobox_group_module_container--
|
|
5906
|
+
.bp_combobox_group_module_container--75866{
|
|
5907
5907
|
align-items:flex-start;
|
|
5908
5908
|
display:flex;
|
|
5909
5909
|
flex-direction:column;
|
|
@@ -5911,65 +5911,79 @@
|
|
|
5911
5911
|
width:100%;
|
|
5912
5912
|
}
|
|
5913
5913
|
|
|
5914
|
-
.bp_combobox_group_module_comboboxContainer--
|
|
5914
|
+
.bp_combobox_group_module_comboboxContainer--75866{
|
|
5915
5915
|
flex:1;
|
|
5916
5916
|
}
|
|
5917
5917
|
|
|
5918
|
-
.bp_combobox_group_module_comboboxGroupcontainer--
|
|
5918
|
+
.bp_combobox_group_module_comboboxGroupcontainer--75866{
|
|
5919
5919
|
display:flex;
|
|
5920
5920
|
flex-direction:row;
|
|
5921
5921
|
width:100%;
|
|
5922
5922
|
}
|
|
5923
5923
|
|
|
5924
|
-
.bp_combobox_group_module_disabled--
|
|
5924
|
+
.bp_combobox_group_module_disabled--75866{
|
|
5925
5925
|
opacity:var(--combobox-group-disabled-opacity);
|
|
5926
5926
|
pointer-events:none;
|
|
5927
5927
|
}
|
|
5928
5928
|
|
|
5929
|
-
.bp_combobox_group_module_label--
|
|
5929
|
+
.bp_combobox_group_module_label--75866{
|
|
5930
5930
|
color:var(--combobox-group-label-color);
|
|
5931
5931
|
flex:0 0 fit-content;
|
|
5932
5932
|
overflow-wrap:break-word;
|
|
5933
5933
|
}
|
|
5934
5934
|
|
|
5935
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5936
|
-
--blueprint-select-border-right-width:
|
|
5935
|
+
.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_leading--75866{
|
|
5936
|
+
--blueprint-select-border-right-width:0;
|
|
5937
5937
|
}
|
|
5938
5938
|
|
|
5939
|
-
.bp_combobox_group_module_errorSelect--
|
|
5940
|
-
--blueprint-combobox-border-right-width:
|
|
5939
|
+
.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_leading--75866{
|
|
5940
|
+
--blueprint-combobox-border-right-width:0;
|
|
5941
5941
|
}
|
|
5942
5942
|
|
|
5943
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5944
|
-
--blueprint-select-border-error-left-width:
|
|
5943
|
+
.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_trailing--75866{
|
|
5944
|
+
--blueprint-select-border-error-left-width:0;
|
|
5945
5945
|
}
|
|
5946
5946
|
|
|
5947
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5948
|
-
--blueprint-select-border-error-right-width:
|
|
5947
|
+
.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_leading--75866{
|
|
5948
|
+
--blueprint-select-border-error-right-width:0;
|
|
5949
5949
|
}
|
|
5950
5950
|
|
|
5951
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5952
|
-
--blueprint-combobox-border-right-width:
|
|
5951
|
+
.bp_combobox_group_module_selectHasFocus--75866.bp_combobox_group_module_leading--75866{
|
|
5952
|
+
--blueprint-combobox-border-right-width:0;
|
|
5953
5953
|
}
|
|
5954
5954
|
|
|
5955
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5956
|
-
--blueprint-combobox-border-error-right-width:
|
|
5955
|
+
.bp_combobox_group_module_selectHasFocus--75866.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_leading--75866{
|
|
5956
|
+
--blueprint-combobox-border-error-right-width:0;
|
|
5957
5957
|
}
|
|
5958
5958
|
|
|
5959
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5960
|
-
--blueprint-combobox-border-error-left-width:
|
|
5959
|
+
.bp_combobox_group_module_selectHasFocus--75866.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_trailing--75866{
|
|
5960
|
+
--blueprint-combobox-border-error-left-width:0;
|
|
5961
5961
|
}
|
|
5962
5962
|
|
|
5963
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5964
|
-
--blueprint-select-border-right-width:
|
|
5963
|
+
.bp_combobox_group_module_comboboxHasFocus--75866.bp_combobox_group_module_leading--75866{
|
|
5964
|
+
--blueprint-select-border-right-width:0;
|
|
5965
5965
|
}
|
|
5966
5966
|
|
|
5967
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5968
|
-
--blueprint-select-border-error-right-width:
|
|
5967
|
+
.bp_combobox_group_module_comboboxHasFocus--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_leading--75866{
|
|
5968
|
+
--blueprint-select-border-error-right-width:0;
|
|
5969
5969
|
}
|
|
5970
5970
|
|
|
5971
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5972
|
-
--blueprint-select-border-error-left-width:
|
|
5971
|
+
.bp_combobox_group_module_comboboxHasFocus--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_trailing--75866{
|
|
5972
|
+
--blueprint-select-border-error-left-width:0;
|
|
5973
|
+
}
|
|
5974
|
+
|
|
5975
|
+
.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_leading--75866 [data-border-wrapper],.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_leading--75866 [role=combobox],.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_trailing--75866 [data-border-wrapper],.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_trailing--75866 [role=combobox]{
|
|
5976
|
+
transition-duration:var(--bp-duration-short);
|
|
5977
|
+
transition-property:border-color, background-color;
|
|
5978
|
+
transition-timing-function:var(--bp-curve-small-off);
|
|
5979
|
+
}
|
|
5980
|
+
.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866:has(> .bp_combobox_group_module_trailing--75866 [role=combobox]:hover:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true])) > .bp_combobox_group_module_leading--75866 [data-border-wrapper]:not(:has([aria-invalid=true]), :has(input:focus), :has(input:hover)){
|
|
5981
|
+
border-right-color:var(--bp-border-select-border-hover);
|
|
5982
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
5983
|
+
}
|
|
5984
|
+
.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866:has(> .bp_combobox_group_module_trailing--75866 [data-border-wrapper]:has(input:hover)) > .bp_combobox_group_module_leading--75866 [role=combobox]:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true], :hover){
|
|
5985
|
+
border-right-color:var(--bp-border-combobox-border-hover);
|
|
5986
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
5973
5987
|
}
|
|
5974
5988
|
.bp_select_module_container--80625[data-modern=false]{
|
|
5975
5989
|
--select-gap:var(--space-2);
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -5844,22 +5844,22 @@
|
|
|
5844
5844
|
.bp_combobox_module_popover--51090[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--51090:active,.bp_combobox_module_popover--51090[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--51090:hover,.bp_combobox_module_popover--51090[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--51090[data-active-item]:not([aria-disabled]){
|
|
5845
5845
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5846
5846
|
}
|
|
5847
|
-
.bp_combobox_group_module_container--
|
|
5847
|
+
.bp_combobox_group_module_container--75866[data-modern=false]{
|
|
5848
5848
|
--combobox-group-container-gap:var(--space-2);
|
|
5849
5849
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5850
5850
|
--combobox-group-label-color:var(--text-text-on-light);
|
|
5851
5851
|
}
|
|
5852
|
-
.bp_combobox_group_module_container--
|
|
5852
|
+
.bp_combobox_group_module_container--75866[data-modern=false] .bp_combobox_group_module_trailing--75866{
|
|
5853
5853
|
--blueprint-combobox-input-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5854
5854
|
--blueprint-select-trigger-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5855
|
-
--blueprint-combobox-border-left-width:
|
|
5856
|
-
--blueprint-select-border-left-width:
|
|
5855
|
+
--blueprint-combobox-border-left-width:0;
|
|
5856
|
+
--blueprint-select-border-left-width:0;
|
|
5857
5857
|
}
|
|
5858
|
-
.bp_combobox_group_module_container--
|
|
5858
|
+
.bp_combobox_group_module_container--75866[data-modern=false] .bp_combobox_group_module_leading--75866{
|
|
5859
5859
|
--blueprint-combobox-input-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5860
5860
|
--blueprint-select-trigger-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5861
5861
|
}
|
|
5862
|
-
.bp_combobox_group_module_container--
|
|
5862
|
+
.bp_combobox_group_module_container--75866[data-modern=false] .bp_combobox_group_module_label--75866{
|
|
5863
5863
|
font-family:var(--body-default-bold-font-family);
|
|
5864
5864
|
font-size:var(--body-default-bold-font-size);
|
|
5865
5865
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5869,22 +5869,22 @@
|
|
|
5869
5869
|
text-transform:var(--body-default-bold-text-case);
|
|
5870
5870
|
}
|
|
5871
5871
|
|
|
5872
|
-
.bp_combobox_group_module_container--
|
|
5872
|
+
.bp_combobox_group_module_container--75866[data-modern=true]{
|
|
5873
5873
|
--combobox-group-container-gap:var(--bp-space-020);
|
|
5874
5874
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5875
5875
|
--combobox-group-label-color:var(--bp-text-text-on-light);
|
|
5876
5876
|
}
|
|
5877
|
-
.bp_combobox_group_module_container--
|
|
5877
|
+
.bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_trailing--75866{
|
|
5878
5878
|
--blueprint-combobox-input-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5879
5879
|
--blueprint-select-trigger-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5880
|
-
--blueprint-combobox-border-left-width:
|
|
5881
|
-
--blueprint-select-border-left-width:
|
|
5880
|
+
--blueprint-combobox-border-left-width:0;
|
|
5881
|
+
--blueprint-select-border-left-width:0;
|
|
5882
5882
|
}
|
|
5883
|
-
.bp_combobox_group_module_container--
|
|
5883
|
+
.bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_leading--75866{
|
|
5884
5884
|
--blueprint-combobox-input-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5885
5885
|
--blueprint-select-trigger-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5886
5886
|
}
|
|
5887
|
-
.bp_combobox_group_module_container--
|
|
5887
|
+
.bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_label--75866{
|
|
5888
5888
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5889
5889
|
font-size:var(--bp-font-size-05);
|
|
5890
5890
|
font-style:normal;
|
|
@@ -5892,7 +5892,7 @@
|
|
|
5892
5892
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5893
5893
|
line-height:var(--bp-font-line-height-04);
|
|
5894
5894
|
}
|
|
5895
|
-
:where(body.is-inter-font) .bp_combobox_group_module_container--
|
|
5895
|
+
:where(body.is-inter-font) .bp_combobox_group_module_container--75866[data-modern=true] .bp_combobox_group_module_label--75866{
|
|
5896
5896
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5897
5897
|
font-size:.875rem;
|
|
5898
5898
|
font-style:normal;
|
|
@@ -5903,7 +5903,7 @@
|
|
|
5903
5903
|
text-transform:none;
|
|
5904
5904
|
}
|
|
5905
5905
|
|
|
5906
|
-
.bp_combobox_group_module_container--
|
|
5906
|
+
.bp_combobox_group_module_container--75866{
|
|
5907
5907
|
align-items:flex-start;
|
|
5908
5908
|
display:flex;
|
|
5909
5909
|
flex-direction:column;
|
|
@@ -5911,65 +5911,79 @@
|
|
|
5911
5911
|
width:100%;
|
|
5912
5912
|
}
|
|
5913
5913
|
|
|
5914
|
-
.bp_combobox_group_module_comboboxContainer--
|
|
5914
|
+
.bp_combobox_group_module_comboboxContainer--75866{
|
|
5915
5915
|
flex:1;
|
|
5916
5916
|
}
|
|
5917
5917
|
|
|
5918
|
-
.bp_combobox_group_module_comboboxGroupcontainer--
|
|
5918
|
+
.bp_combobox_group_module_comboboxGroupcontainer--75866{
|
|
5919
5919
|
display:flex;
|
|
5920
5920
|
flex-direction:row;
|
|
5921
5921
|
width:100%;
|
|
5922
5922
|
}
|
|
5923
5923
|
|
|
5924
|
-
.bp_combobox_group_module_disabled--
|
|
5924
|
+
.bp_combobox_group_module_disabled--75866{
|
|
5925
5925
|
opacity:var(--combobox-group-disabled-opacity);
|
|
5926
5926
|
pointer-events:none;
|
|
5927
5927
|
}
|
|
5928
5928
|
|
|
5929
|
-
.bp_combobox_group_module_label--
|
|
5929
|
+
.bp_combobox_group_module_label--75866{
|
|
5930
5930
|
color:var(--combobox-group-label-color);
|
|
5931
5931
|
flex:0 0 fit-content;
|
|
5932
5932
|
overflow-wrap:break-word;
|
|
5933
5933
|
}
|
|
5934
5934
|
|
|
5935
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5936
|
-
--blueprint-select-border-right-width:
|
|
5935
|
+
.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_leading--75866{
|
|
5936
|
+
--blueprint-select-border-right-width:0;
|
|
5937
5937
|
}
|
|
5938
5938
|
|
|
5939
|
-
.bp_combobox_group_module_errorSelect--
|
|
5940
|
-
--blueprint-combobox-border-right-width:
|
|
5939
|
+
.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_leading--75866{
|
|
5940
|
+
--blueprint-combobox-border-right-width:0;
|
|
5941
5941
|
}
|
|
5942
5942
|
|
|
5943
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5944
|
-
--blueprint-select-border-error-left-width:
|
|
5943
|
+
.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_trailing--75866{
|
|
5944
|
+
--blueprint-select-border-error-left-width:0;
|
|
5945
5945
|
}
|
|
5946
5946
|
|
|
5947
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5948
|
-
--blueprint-select-border-error-right-width:
|
|
5947
|
+
.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_leading--75866{
|
|
5948
|
+
--blueprint-select-border-error-right-width:0;
|
|
5949
5949
|
}
|
|
5950
5950
|
|
|
5951
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5952
|
-
--blueprint-combobox-border-right-width:
|
|
5951
|
+
.bp_combobox_group_module_selectHasFocus--75866.bp_combobox_group_module_leading--75866{
|
|
5952
|
+
--blueprint-combobox-border-right-width:0;
|
|
5953
5953
|
}
|
|
5954
5954
|
|
|
5955
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5956
|
-
--blueprint-combobox-border-error-right-width:
|
|
5955
|
+
.bp_combobox_group_module_selectHasFocus--75866.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_leading--75866{
|
|
5956
|
+
--blueprint-combobox-border-error-right-width:0;
|
|
5957
5957
|
}
|
|
5958
5958
|
|
|
5959
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5960
|
-
--blueprint-combobox-border-error-left-width:
|
|
5959
|
+
.bp_combobox_group_module_selectHasFocus--75866.bp_combobox_group_module_errorCombobox--75866.bp_combobox_group_module_trailing--75866{
|
|
5960
|
+
--blueprint-combobox-border-error-left-width:0;
|
|
5961
5961
|
}
|
|
5962
5962
|
|
|
5963
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5964
|
-
--blueprint-select-border-right-width:
|
|
5963
|
+
.bp_combobox_group_module_comboboxHasFocus--75866.bp_combobox_group_module_leading--75866{
|
|
5964
|
+
--blueprint-select-border-right-width:0;
|
|
5965
5965
|
}
|
|
5966
5966
|
|
|
5967
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5968
|
-
--blueprint-select-border-error-right-width:
|
|
5967
|
+
.bp_combobox_group_module_comboboxHasFocus--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_leading--75866{
|
|
5968
|
+
--blueprint-select-border-error-right-width:0;
|
|
5969
5969
|
}
|
|
5970
5970
|
|
|
5971
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5972
|
-
--blueprint-select-border-error-left-width:
|
|
5971
|
+
.bp_combobox_group_module_comboboxHasFocus--75866.bp_combobox_group_module_errorSelect--75866.bp_combobox_group_module_trailing--75866{
|
|
5972
|
+
--blueprint-select-border-error-left-width:0;
|
|
5973
|
+
}
|
|
5974
|
+
|
|
5975
|
+
.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_leading--75866 [data-border-wrapper],.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_leading--75866 [role=combobox],.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_trailing--75866 [data-border-wrapper],.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866 > .bp_combobox_group_module_trailing--75866 [role=combobox]{
|
|
5976
|
+
transition-duration:var(--bp-duration-short);
|
|
5977
|
+
transition-property:border-color, background-color;
|
|
5978
|
+
transition-timing-function:var(--bp-curve-small-off);
|
|
5979
|
+
}
|
|
5980
|
+
.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866:has(> .bp_combobox_group_module_trailing--75866 [role=combobox]:hover:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true])) > .bp_combobox_group_module_leading--75866 [data-border-wrapper]:not(:has([aria-invalid=true]), :has(input:focus), :has(input:hover)){
|
|
5981
|
+
border-right-color:var(--bp-border-select-border-hover);
|
|
5982
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
5983
|
+
}
|
|
5984
|
+
.bp_combobox_group_module_container--75866[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--75866:has(> .bp_combobox_group_module_trailing--75866 [data-border-wrapper]:has(input:hover)) > .bp_combobox_group_module_leading--75866 [role=combobox]:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true], :hover){
|
|
5985
|
+
border-right-color:var(--bp-border-combobox-border-hover);
|
|
5986
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
5973
5987
|
}
|
|
5974
5988
|
.bp_select_module_container--80625[data-modern=false]{
|
|
5975
5989
|
--select-gap:var(--space-2);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.8.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@ariakit/react": "0.4.21",
|
|
57
57
|
"@ariakit/react-core": "0.4.21",
|
|
58
|
-
"@box/blueprint-web-assets": "^5.
|
|
58
|
+
"@box/blueprint-web-assets": "^5.10.1",
|
|
59
59
|
"@internationalized/date": "^3.12.0",
|
|
60
60
|
"@radix-ui/react-accordion": "1.1.2",
|
|
61
61
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"devDependencies": {
|
|
87
87
|
"@box/box-test-client": "^3.2.7",
|
|
88
88
|
"@box/playwright-utils": "^2.8.5",
|
|
89
|
-
"@box/storybook-utils": "^1.2.
|
|
89
|
+
"@box/storybook-utils": "^1.2.45",
|
|
90
90
|
"@figma/code-connect": "1.4.4",
|
|
91
91
|
"@playwright/test": "1.46.1",
|
|
92
92
|
"@types/js-yaml": "^4.0.9",
|