@box/blueprint-web 8.2.0 → 8.2.1
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"datePicker":"bp_date_picker_module_datePicker--
|
|
2
|
+
var styles = {"datePicker":"bp_date_picker_module_datePicker--bde5d","disabled":"bp_date_picker_module_disabled--bde5d","label":"bp_date_picker_module_label--bde5d","group":"bp_date_picker_module_group--bde5d","groupContainer":"bp_date_picker_module_groupContainer--bde5d","error":"bp_date_picker_module_error--bde5d","groupContainerInput":"bp_date_picker_module_groupContainerInput--bde5d","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--bde5d","button":"bp_date_picker_module_button--bde5d","clear":"bp_date_picker_module_clear--bde5d","inlineError":"bp_date_picker_module_inlineError--bde5d","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--bde5d","slide":"bp_date_picker_module_slide--bde5d"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/lib-esm/index.css
CHANGED
|
@@ -2773,16 +2773,16 @@
|
|
|
2773
2773
|
text-decoration:line-through;
|
|
2774
2774
|
}
|
|
2775
2775
|
|
|
2776
|
-
.bp_date_picker_module_datePicker--
|
|
2776
|
+
.bp_date_picker_module_datePicker--bde5d{
|
|
2777
2777
|
width:100%;
|
|
2778
2778
|
}
|
|
2779
|
-
.bp_date_picker_module_datePicker--
|
|
2779
|
+
.bp_date_picker_module_datePicker--bde5d.bp_date_picker_module_disabled--bde5d{
|
|
2780
2780
|
opacity:60%;
|
|
2781
2781
|
pointer-events:none;
|
|
2782
2782
|
-webkit-user-select:none;
|
|
2783
2783
|
user-select:none;
|
|
2784
2784
|
}
|
|
2785
|
-
.bp_date_picker_module_datePicker--
|
|
2785
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_label--bde5d{
|
|
2786
2786
|
cursor:default;
|
|
2787
2787
|
display:block;
|
|
2788
2788
|
font-weight:700;
|
|
@@ -2790,7 +2790,7 @@
|
|
|
2790
2790
|
width:-moz-fit-content;
|
|
2791
2791
|
width:fit-content;
|
|
2792
2792
|
}
|
|
2793
|
-
.bp_date_picker_module_datePicker--
|
|
2793
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d,.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_label--bde5d{
|
|
2794
2794
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2795
2795
|
font-size:.875rem;
|
|
2796
2796
|
letter-spacing:.01875rem;
|
|
@@ -2798,7 +2798,7 @@
|
|
|
2798
2798
|
text-decoration:none;
|
|
2799
2799
|
text-transform:none;
|
|
2800
2800
|
}
|
|
2801
|
-
.bp_date_picker_module_datePicker--
|
|
2801
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d{
|
|
2802
2802
|
align-items:center;
|
|
2803
2803
|
box-shadow:var(--innershadow-1);
|
|
2804
2804
|
display:inline-flex;
|
|
@@ -2806,7 +2806,7 @@
|
|
|
2806
2806
|
position:relative;
|
|
2807
2807
|
width:100%;
|
|
2808
2808
|
}
|
|
2809
|
-
.bp_date_picker_module_datePicker--
|
|
2809
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d{
|
|
2810
2810
|
align-items:center;
|
|
2811
2811
|
border-radius:var(--radius-2);
|
|
2812
2812
|
display:inline-flex;
|
|
@@ -2815,23 +2815,23 @@
|
|
|
2815
2815
|
position:relative;
|
|
2816
2816
|
width:100%;
|
|
2817
2817
|
}
|
|
2818
|
-
.bp_date_picker_module_datePicker--
|
|
2818
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d:focus-within{
|
|
2819
2819
|
outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
2820
2820
|
}
|
|
2821
|
-
.bp_date_picker_module_datePicker--
|
|
2821
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d.bp_date_picker_module_error--bde5d:not(:focus-within){
|
|
2822
2822
|
outline:var(--border-2) solid var(--text-text-error-on-light);
|
|
2823
2823
|
}
|
|
2824
|
-
.bp_date_picker_module_datePicker--
|
|
2824
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d.bp_date_picker_module_error--bde5d:focus-within{
|
|
2825
2825
|
outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
2826
2826
|
}
|
|
2827
|
-
.bp_date_picker_module_datePicker--
|
|
2827
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d .bp_date_picker_module_groupContainerInput--bde5d{
|
|
2828
2828
|
align-items:center;
|
|
2829
2829
|
display:inline-flex;
|
|
2830
2830
|
height:var(--size-10);
|
|
2831
2831
|
text-transform:uppercase;
|
|
2832
2832
|
white-space:nowrap;
|
|
2833
2833
|
}
|
|
2834
|
-
.bp_date_picker_module_datePicker--
|
|
2834
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d .bp_date_picker_module_groupContainerInput--bde5d .bp_date_picker_module_groupContainerInputSegment--bde5d{
|
|
2835
2835
|
border:unset;
|
|
2836
2836
|
border-radius:unset;
|
|
2837
2837
|
box-shadow:unset;
|
|
@@ -2842,18 +2842,18 @@
|
|
|
2842
2842
|
transition:unset;
|
|
2843
2843
|
width:unset;
|
|
2844
2844
|
}
|
|
2845
|
-
.bp_date_picker_module_datePicker--
|
|
2845
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d .bp_date_picker_module_groupContainerInput--bde5d .bp_date_picker_module_groupContainerInputSegment--bde5d[data-placeholder]{
|
|
2846
2846
|
color:var(--text-text-on-light-secondary);
|
|
2847
2847
|
}
|
|
2848
|
-
.bp_date_picker_module_datePicker--
|
|
2848
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d .bp_date_picker_module_groupContainerInput--bde5d .bp_date_picker_module_groupContainerInputSegment--bde5d:focus{
|
|
2849
2849
|
background:var(--light-blue-20);
|
|
2850
2850
|
caret-color:#0000;
|
|
2851
2851
|
outline:none;
|
|
2852
2852
|
}
|
|
2853
|
-
.bp_date_picker_module_datePicker--
|
|
2853
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_groupContainer--bde5d .bp_date_picker_module_groupContainerInput--bde5d .bp_date_picker_module_groupContainerInputSegment--bde5d:focus[data-placeholder]{
|
|
2854
2854
|
color:var(--text-text-on-light);
|
|
2855
2855
|
}
|
|
2856
|
-
.bp_date_picker_module_datePicker--
|
|
2856
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d{
|
|
2857
2857
|
align-items:center;
|
|
2858
2858
|
background-color:initial;
|
|
2859
2859
|
border:none;
|
|
@@ -2868,52 +2868,33 @@
|
|
|
2868
2868
|
right:var(--space-2);
|
|
2869
2869
|
width:var(--size-6);
|
|
2870
2870
|
}
|
|
2871
|
-
.bp_date_picker_module_datePicker--
|
|
2871
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d.bp_date_picker_module_clear--bde5d{
|
|
2872
2872
|
right:var(--size-9);
|
|
2873
2873
|
}
|
|
2874
|
-
.bp_date_picker_module_datePicker--
|
|
2874
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d:focus-visible,.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d[data-focus-visible]{
|
|
2875
2875
|
background-color:var(--surface-cta-surface-icon-pressed);
|
|
2876
2876
|
outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
2877
2877
|
}
|
|
2878
|
-
.bp_date_picker_module_datePicker--
|
|
2878
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d:hover{
|
|
2879
2879
|
background:var(--surface-cta-surface-icon-hover);
|
|
2880
2880
|
}
|
|
2881
|
-
.bp_date_picker_module_datePicker--
|
|
2881
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d:hover *{
|
|
2882
2882
|
fill:var(--icon-cta-icon-hover);
|
|
2883
2883
|
}
|
|
2884
|
-
.bp_date_picker_module_datePicker--
|
|
2884
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d:active{
|
|
2885
2885
|
background:var(--surface-cta-surface-icon-pressed);
|
|
2886
2886
|
}
|
|
2887
|
-
.bp_date_picker_module_datePicker--
|
|
2887
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d:active *{
|
|
2888
2888
|
fill:var(--icon-cta-icon-pressed);
|
|
2889
2889
|
}
|
|
2890
|
-
.bp_date_picker_module_datePicker--
|
|
2890
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_group--bde5d .bp_date_picker_module_button--bde5d:disabled{
|
|
2891
2891
|
opacity:1;
|
|
2892
2892
|
}
|
|
2893
|
-
.bp_date_picker_module_datePicker--
|
|
2894
|
-
box-shadow:var(--dropshadow-3);
|
|
2895
|
-
overflow:auto;
|
|
2896
|
-
}
|
|
2897
|
-
.bp_date_picker_module_datePicker--c2977 .bp_date_picker_module_popover--c2977[data-placement=top]{
|
|
2898
|
-
--popover-slide-translation:translateY($animationTranslateDistance);
|
|
2899
|
-
}
|
|
2900
|
-
.bp_date_picker_module_datePicker--c2977 .bp_date_picker_module_popover--c2977[data-placement=bottom]{
|
|
2901
|
-
--popover-slide-translation:translateY(-8px);
|
|
2902
|
-
}
|
|
2903
|
-
.bp_date_picker_module_datePicker--c2977 .bp_date_picker_module_popover--c2977[data-entering]{
|
|
2904
|
-
animation:bp_date_picker_module_slide--c2977 var(--animation-duration-2);
|
|
2905
|
-
}
|
|
2906
|
-
.bp_date_picker_module_datePicker--c2977 .bp_date_picker_module_popover--c2977[data-exiting]{
|
|
2907
|
-
animation:bp_date_picker_module_slide--c2977 var(--animation-duration-2) reverse var(--animation-easing-ease-base);
|
|
2908
|
-
}
|
|
2909
|
-
.bp_date_picker_module_datePicker--c2977 .bp_date_picker_module_popoverContent--c2977{
|
|
2910
|
-
z-index:380;
|
|
2911
|
-
}
|
|
2912
|
-
.bp_date_picker_module_datePicker--c2977 .bp_date_picker_module_inlineError--c2977{
|
|
2893
|
+
.bp_date_picker_module_datePicker--bde5d .bp_date_picker_module_inlineError--bde5d{
|
|
2913
2894
|
margin-block-start:var(--space-2);
|
|
2914
2895
|
}
|
|
2915
2896
|
|
|
2916
|
-
@keyframes bp_date_picker_module_slide--
|
|
2897
|
+
@keyframes bp_date_picker_module_slide--bde5d{
|
|
2917
2898
|
from{
|
|
2918
2899
|
opacity:0;
|
|
2919
2900
|
transform:var(--popover-slide-translation);
|
|
@@ -2923,6 +2904,9 @@
|
|
|
2923
2904
|
transform:translateY(0);
|
|
2924
2905
|
}
|
|
2925
2906
|
}
|
|
2907
|
+
.bp_date_picker_module_datePickerPopoverContent--bde5d{
|
|
2908
|
+
z-index:380;
|
|
2909
|
+
}
|
|
2926
2910
|
|
|
2927
2911
|
.bp_divider_module_divider--7d37b{
|
|
2928
2912
|
background-color:var(--border-divider-border);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"react-stately": "^3.31.1",
|
|
64
64
|
"tsx": "^4.16.5"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "c610c508865c55ba584032236e9f052efb12b4e4",
|
|
67
67
|
"module": "lib-esm/index.js",
|
|
68
68
|
"main": "lib-esm/index.js",
|
|
69
69
|
"exports": {
|