@youcan/celeste 0.7.3 → 0.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.
- package/dist/celeste.css +465 -0
- package/dist/cjs/calendar.cjs +2 -0
- package/dist/cjs/chunks/ComboboxContent.cjs +1 -1
- package/dist/cjs/chunks/DialogPortal.cjs +1 -1
- package/dist/cjs/chunks/DismissableLayer.cjs +0 -34
- package/dist/cjs/chunks/FocusScope.cjs +2 -2
- package/dist/cjs/chunks/MenuContentImpl.cjs +1 -1
- package/dist/cjs/chunks/SelectItemAlignedPosition.cjs +1 -1
- package/dist/cjs/chunks/calendar.cjs +923 -0
- package/dist/cjs/chunks/components.cjs +9 -1
- package/dist/cjs/chunks/counter-input.cjs +2 -13
- package/dist/cjs/chunks/date-picker.cjs +99 -0
- package/dist/cjs/chunks/defu.cjs +34 -0
- package/dist/cjs/chunks/popover-content.cjs +1 -1
- package/dist/cjs/chunks/range-calendar.cjs +1170 -0
- package/dist/cjs/chunks/range-picker.cjs +231 -0
- package/dist/cjs/chunks/tooltip-content.cjs +3 -2
- package/dist/cjs/chunks/useCalendar.cjs +2439 -0
- package/dist/cjs/chunks/useLocale.cjs +20 -0
- package/dist/cjs/date-picker.cjs +2 -0
- package/dist/cjs/index.cjs +9 -1
- package/dist/cjs/range-calendar.cjs +2 -0
- package/dist/cjs/range-picker.cjs +2 -0
- package/dist/components/calendar/calendar.d.ts +19 -0
- package/dist/components/calendar/index.d.ts +2 -0
- package/dist/components/date-picker/date-picker.d.ts +27 -0
- package/dist/components/date-picker/index.d.ts +2 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/range-calendar/index.d.ts +2 -0
- package/dist/components/range-calendar/range-calendar.d.ts +24 -0
- package/dist/components/range-picker/index.d.ts +2 -0
- package/dist/components/range-picker/range-picker.d.ts +38 -0
- package/dist/components/rich-editor/rich-editor.d.ts +1 -1
- package/dist/es/calendar.js +2 -0
- package/dist/es/chunks/ComboboxContent.js +1 -1
- package/dist/es/chunks/DialogPortal.js +1 -1
- package/dist/es/chunks/DismissableLayer.js +1 -29
- package/dist/es/chunks/FocusScope.js +1 -1
- package/dist/es/chunks/MenuContentImpl.js +1 -1
- package/dist/es/chunks/SelectItemAlignedPosition.js +1 -1
- package/dist/es/chunks/calendar.js +916 -0
- package/dist/es/chunks/components.js +9 -1
- package/dist/es/chunks/counter-input.js +1 -12
- package/dist/es/chunks/date-picker.js +92 -0
- package/dist/es/chunks/defu.js +29 -0
- package/dist/es/chunks/popover-content.js +1 -1
- package/dist/es/chunks/range-calendar.js +1163 -0
- package/dist/es/chunks/range-picker.js +224 -0
- package/dist/es/chunks/tooltip-content.js +2 -1
- package/dist/es/chunks/useCalendar.js +2331 -0
- package/dist/es/chunks/useLocale.js +14 -0
- package/dist/es/date-picker.js +2 -0
- package/dist/es/index.js +6 -2
- package/dist/es/range-calendar.js +2 -0
- package/dist/es/range-picker.js +2 -0
- package/package.json +4 -3
- package/src/components/calendar/calendar.vue +305 -0
- package/src/components/calendar/index.ts +2 -0
- package/src/components/calendar/stories/calendar.stories.ts +76 -0
- package/src/components/date-picker/date-picker.vue +91 -0
- package/src/components/date-picker/index.ts +2 -0
- package/src/components/date-picker/stories/date-picker.stories.ts +92 -0
- package/src/components/index.ts +4 -0
- package/src/components/range-calendar/index.ts +2 -0
- package/src/components/range-calendar/range-calendar.vue +363 -0
- package/src/components/range-calendar/stories/range-calendar.stories.ts +46 -0
- package/src/components/range-picker/index.ts +2 -0
- package/src/components/range-picker/range-picker.vue +237 -0
- package/src/components/range-picker/stories/range-picker.stories.ts +97 -0
package/dist/celeste.css
CHANGED
|
@@ -861,6 +861,172 @@
|
|
|
861
861
|
.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
|
|
862
862
|
outline: none;
|
|
863
863
|
box-shadow: var(--shadow-buttons-error-focus);
|
|
864
|
+
}.celeste-calendar[data-v-b0c6d2f8] {
|
|
865
|
+
display: flex;
|
|
866
|
+
box-sizing: border-box;
|
|
867
|
+
flex-direction: column;
|
|
868
|
+
color: var(--color-text-sub-600);
|
|
869
|
+
gap: var(--spacing-8);
|
|
870
|
+
}
|
|
871
|
+
.celeste-calendar-header[data-v-b0c6d2f8] {
|
|
872
|
+
display: flex;
|
|
873
|
+
align-items: center;
|
|
874
|
+
justify-content: center;
|
|
875
|
+
padding: var(--spacing-6);
|
|
876
|
+
gap: var(--spacing-6);
|
|
877
|
+
border-radius: var(--radius-8);
|
|
878
|
+
background-color: var(--color-bg-weak-50);
|
|
879
|
+
}
|
|
880
|
+
.celeste-calendar-heading[data-v-b0c6d2f8] {
|
|
881
|
+
flex: 1;
|
|
882
|
+
color: var(--color-text-sub-600);
|
|
883
|
+
font: var(--label-sm);
|
|
884
|
+
text-align: center;
|
|
885
|
+
}
|
|
886
|
+
.celeste-calendar-nav[data-v-b0c6d2f8] {
|
|
887
|
+
display: inline-flex;
|
|
888
|
+
box-sizing: border-box;
|
|
889
|
+
align-items: center;
|
|
890
|
+
justify-content: center;
|
|
891
|
+
width: 24px;
|
|
892
|
+
height: 24px;
|
|
893
|
+
padding: 2px;
|
|
894
|
+
transition-property: background-color, color, box-shadow;
|
|
895
|
+
transition-duration: var(--animation-fast);
|
|
896
|
+
transition-timing-function: ease-out;
|
|
897
|
+
border: none;
|
|
898
|
+
border-radius: var(--radius-6);
|
|
899
|
+
background-color: var(--color-bg-white-0);
|
|
900
|
+
box-shadow: var(--shadow-regular-xs);
|
|
901
|
+
color: var(--color-icon-sub-600);
|
|
902
|
+
cursor: pointer;
|
|
903
|
+
}
|
|
904
|
+
.celeste-calendar-nav i[data-v-b0c6d2f8] {
|
|
905
|
+
width: 20px;
|
|
906
|
+
height: 20px;
|
|
907
|
+
}
|
|
908
|
+
.celeste-calendar-nav:dir(rtl) i[data-v-b0c6d2f8] {
|
|
909
|
+
transform: scaleX(-1);
|
|
910
|
+
}
|
|
911
|
+
.celeste-calendar-nav[data-v-b0c6d2f8]:hover {
|
|
912
|
+
color: var(--color-icon-strong-950);
|
|
913
|
+
}
|
|
914
|
+
.celeste-calendar-nav[data-v-b0c6d2f8]:focus-visible {
|
|
915
|
+
outline: none;
|
|
916
|
+
box-shadow: var(--shadow-buttons-important-focus);
|
|
917
|
+
}
|
|
918
|
+
.celeste-calendar-nav[data-disabled][data-v-b0c6d2f8] {
|
|
919
|
+
background-color: transparent;
|
|
920
|
+
box-shadow: none;
|
|
921
|
+
color: var(--color-icon-disabled-300);
|
|
922
|
+
cursor: default;
|
|
923
|
+
pointer-events: none;
|
|
924
|
+
}
|
|
925
|
+
.celeste-calendar-months[data-v-b0c6d2f8] {
|
|
926
|
+
display: flex;
|
|
927
|
+
gap: var(--spacing-16);
|
|
928
|
+
}
|
|
929
|
+
.celeste-calendar-grid[data-v-b0c6d2f8] {
|
|
930
|
+
display: flex;
|
|
931
|
+
flex-direction: column;
|
|
932
|
+
gap: var(--spacing-8);
|
|
933
|
+
width: 100%;
|
|
934
|
+
border-collapse: collapse;
|
|
935
|
+
}
|
|
936
|
+
.celeste-calendar-body[data-v-b0c6d2f8] {
|
|
937
|
+
display: flex;
|
|
938
|
+
flex-direction: column;
|
|
939
|
+
gap: var(--spacing-8);
|
|
940
|
+
}
|
|
941
|
+
.celeste-calendar-week[data-v-b0c6d2f8] {
|
|
942
|
+
display: flex;
|
|
943
|
+
align-items: center;
|
|
944
|
+
gap: var(--spacing-8);
|
|
945
|
+
}
|
|
946
|
+
.celeste-calendar-weekday[data-v-b0c6d2f8] {
|
|
947
|
+
flex: 1;
|
|
948
|
+
padding-block: var(--spacing-10);
|
|
949
|
+
color: var(--color-text-soft-400);
|
|
950
|
+
font: var(--label-sm);
|
|
951
|
+
text-align: center;
|
|
952
|
+
text-transform: uppercase;
|
|
953
|
+
}
|
|
954
|
+
.celeste-calendar-cell[data-v-b0c6d2f8] {
|
|
955
|
+
position: relative;
|
|
956
|
+
flex: 1;
|
|
957
|
+
min-width: 0;
|
|
958
|
+
}
|
|
959
|
+
.celeste-calendar-day[data-v-b0c6d2f8] {
|
|
960
|
+
display: flex;
|
|
961
|
+
position: relative;
|
|
962
|
+
box-sizing: border-box;
|
|
963
|
+
align-items: center;
|
|
964
|
+
justify-content: center;
|
|
965
|
+
width: 100%;
|
|
966
|
+
padding-block: var(--spacing-10);
|
|
967
|
+
transition-property: background-color, color;
|
|
968
|
+
transition-duration: var(--animation-fast);
|
|
969
|
+
transition-timing-function: ease-out;
|
|
970
|
+
border-radius: var(--radius-8);
|
|
971
|
+
background-color: var(--color-bg-white-0);
|
|
972
|
+
color: var(--color-text-sub-600);
|
|
973
|
+
font: var(--label-sm);
|
|
974
|
+
cursor: pointer;
|
|
975
|
+
-webkit-user-select: none;
|
|
976
|
+
-moz-user-select: none;
|
|
977
|
+
user-select: none;
|
|
978
|
+
}
|
|
979
|
+
.celeste-calendar-day[data-v-b0c6d2f8]:hover {
|
|
980
|
+
background-color: var(--color-bg-weak-50);
|
|
981
|
+
color: var(--color-text-strong-950);
|
|
982
|
+
}
|
|
983
|
+
.celeste-calendar-day[data-v-b0c6d2f8]:focus-visible {
|
|
984
|
+
outline: none;
|
|
985
|
+
box-shadow: var(--shadow-buttons-important-focus);
|
|
986
|
+
}
|
|
987
|
+
.celeste-calendar-day[data-outside-view][data-v-b0c6d2f8], .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8] {
|
|
988
|
+
color: var(--color-text-disabled-300);
|
|
989
|
+
}
|
|
990
|
+
.celeste-calendar-day[data-outside-view][data-v-b0c6d2f8]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8]:hover {
|
|
991
|
+
background-color: var(--color-bg-white-0);
|
|
992
|
+
color: var(--color-text-disabled-300);
|
|
993
|
+
}
|
|
994
|
+
.celeste-calendar-day[data-disabled][data-v-b0c6d2f8] {
|
|
995
|
+
color: var(--color-text-disabled-300);
|
|
996
|
+
cursor: default;
|
|
997
|
+
pointer-events: none;
|
|
998
|
+
}
|
|
999
|
+
.celeste-calendar-day[data-unavailable][data-v-b0c6d2f8] {
|
|
1000
|
+
color: var(--color-text-disabled-300);
|
|
1001
|
+
text-decoration: line-through;
|
|
1002
|
+
pointer-events: none;
|
|
1003
|
+
}
|
|
1004
|
+
.celeste-calendar-day[data-selected][data-v-b0c6d2f8] {
|
|
1005
|
+
background-color: var(--color-primary-base);
|
|
1006
|
+
color: var(--color-text-white-0);
|
|
1007
|
+
}
|
|
1008
|
+
.celeste-calendar-day[data-selected][data-v-b0c6d2f8]:hover {
|
|
1009
|
+
background-color: var(--color-primary-base);
|
|
1010
|
+
color: var(--color-text-white-0);
|
|
1011
|
+
}
|
|
1012
|
+
.celeste-calendar-day-number[data-v-b0c6d2f8] {
|
|
1013
|
+
position: relative;
|
|
1014
|
+
}
|
|
1015
|
+
.celeste-calendar-day[data-today][data-v-b0c6d2f8]::after,
|
|
1016
|
+
.celeste-calendar-day[data-marked][data-v-b0c6d2f8]::after {
|
|
1017
|
+
content: "";
|
|
1018
|
+
position: absolute;
|
|
1019
|
+
bottom: 6px;
|
|
1020
|
+
left: 50%;
|
|
1021
|
+
width: 3px;
|
|
1022
|
+
height: 3px;
|
|
1023
|
+
transform: translateX(-50%);
|
|
1024
|
+
border-radius: var(--radius-full);
|
|
1025
|
+
background-color: var(--color-primary-base);
|
|
1026
|
+
}
|
|
1027
|
+
.celeste-calendar-day[data-selected][data-today][data-v-b0c6d2f8]::after,
|
|
1028
|
+
.celeste-calendar-day[data-selected][data-marked][data-v-b0c6d2f8]::after {
|
|
1029
|
+
background-color: var(--color-text-white-0);
|
|
864
1030
|
}[data-v-93ac8a54] {
|
|
865
1031
|
box-sizing: border-box;
|
|
866
1032
|
}
|
|
@@ -2720,6 +2886,31 @@ to {
|
|
|
2720
2886
|
.celeste-counter-input-wrapper:has(.celeste-counter-input:hover:not(:focus, :disabled)) {
|
|
2721
2887
|
--celeste-counter-input-border-color: transparent;
|
|
2722
2888
|
--celeste-counter-input-bg-color: var(--color-bg-weak-50);
|
|
2889
|
+
}.celeste-date-picker[data-v-ac6d198e] {
|
|
2890
|
+
display: flex;
|
|
2891
|
+
box-sizing: border-box;
|
|
2892
|
+
flex-direction: column;
|
|
2893
|
+
width: 368px;
|
|
2894
|
+
max-width: 100%;
|
|
2895
|
+
overflow: hidden;
|
|
2896
|
+
border: 1px solid var(--color-stroke-soft-200);
|
|
2897
|
+
border-radius: var(--radius-20);
|
|
2898
|
+
background-color: var(--color-bg-white-0);
|
|
2899
|
+
box-shadow: var(--shadow-regular-md);
|
|
2900
|
+
}
|
|
2901
|
+
.celeste-date-picker-body[data-v-ac6d198e] {
|
|
2902
|
+
padding: 20px;
|
|
2903
|
+
border-block-end: 1px solid var(--color-stroke-soft-200);
|
|
2904
|
+
}
|
|
2905
|
+
.celeste-date-picker-footer[data-v-ac6d198e] {
|
|
2906
|
+
display: flex;
|
|
2907
|
+
align-items: center;
|
|
2908
|
+
justify-content: center;
|
|
2909
|
+
padding: var(--spacing-16);
|
|
2910
|
+
gap: var(--spacing-16);
|
|
2911
|
+
}
|
|
2912
|
+
.celeste-date-picker-action[data-v-ac6d198e] {
|
|
2913
|
+
flex: 1;
|
|
2723
2914
|
}.celeste-digit-input-group[data-v-442c7563] {
|
|
2724
2915
|
display: flex;
|
|
2725
2916
|
align-items: center;
|
|
@@ -3667,6 +3858,208 @@ to {
|
|
|
3667
3858
|
height: 8px;
|
|
3668
3859
|
border-radius: var(--radius-full);
|
|
3669
3860
|
background-color: var(--color-static-white);
|
|
3861
|
+
}.celeste-range-calendar[data-v-dc79fc39] {
|
|
3862
|
+
display: flex;
|
|
3863
|
+
box-sizing: border-box;
|
|
3864
|
+
color: var(--color-text-sub-600);
|
|
3865
|
+
}
|
|
3866
|
+
.celeste-range-calendar-months[data-v-dc79fc39] {
|
|
3867
|
+
display: flex;
|
|
3868
|
+
align-items: stretch;
|
|
3869
|
+
}
|
|
3870
|
+
.celeste-range-calendar-month[data-v-dc79fc39] {
|
|
3871
|
+
display: flex;
|
|
3872
|
+
flex: 1;
|
|
3873
|
+
flex-direction: column;
|
|
3874
|
+
gap: var(--spacing-8);
|
|
3875
|
+
min-width: 0;
|
|
3876
|
+
padding: 20px;
|
|
3877
|
+
}
|
|
3878
|
+
.celeste-range-calendar-month[data-v-dc79fc39]:not(:last-child) {
|
|
3879
|
+
border-inline-end: 1px solid var(--color-stroke-soft-200);
|
|
3880
|
+
}
|
|
3881
|
+
.celeste-range-calendar-header[data-v-dc79fc39] {
|
|
3882
|
+
display: flex;
|
|
3883
|
+
align-items: center;
|
|
3884
|
+
justify-content: center;
|
|
3885
|
+
padding: var(--spacing-6);
|
|
3886
|
+
gap: var(--spacing-6);
|
|
3887
|
+
border-radius: var(--radius-8);
|
|
3888
|
+
background-color: var(--color-bg-weak-50);
|
|
3889
|
+
}
|
|
3890
|
+
.celeste-range-calendar-heading[data-v-dc79fc39] {
|
|
3891
|
+
flex: 1;
|
|
3892
|
+
color: var(--color-text-sub-600);
|
|
3893
|
+
font: var(--label-sm);
|
|
3894
|
+
text-align: center;
|
|
3895
|
+
}
|
|
3896
|
+
.celeste-range-calendar-nav[data-v-dc79fc39] {
|
|
3897
|
+
display: inline-flex;
|
|
3898
|
+
box-sizing: border-box;
|
|
3899
|
+
align-items: center;
|
|
3900
|
+
justify-content: center;
|
|
3901
|
+
width: 24px;
|
|
3902
|
+
height: 24px;
|
|
3903
|
+
padding: 2px;
|
|
3904
|
+
transition-property: background-color, color, box-shadow;
|
|
3905
|
+
transition-duration: var(--animation-fast);
|
|
3906
|
+
transition-timing-function: ease-out;
|
|
3907
|
+
border: none;
|
|
3908
|
+
border-radius: var(--radius-6);
|
|
3909
|
+
background-color: var(--color-bg-white-0);
|
|
3910
|
+
box-shadow: var(--shadow-regular-xs);
|
|
3911
|
+
color: var(--color-icon-sub-600);
|
|
3912
|
+
cursor: pointer;
|
|
3913
|
+
}
|
|
3914
|
+
.celeste-range-calendar-nav i[data-v-dc79fc39] {
|
|
3915
|
+
width: 20px;
|
|
3916
|
+
height: 20px;
|
|
3917
|
+
}
|
|
3918
|
+
.celeste-range-calendar-nav:dir(rtl) i[data-v-dc79fc39] {
|
|
3919
|
+
transform: scaleX(-1);
|
|
3920
|
+
}
|
|
3921
|
+
.celeste-range-calendar-nav[data-v-dc79fc39]:hover {
|
|
3922
|
+
color: var(--color-icon-strong-950);
|
|
3923
|
+
}
|
|
3924
|
+
.celeste-range-calendar-nav[data-v-dc79fc39]:focus-visible {
|
|
3925
|
+
outline: none;
|
|
3926
|
+
box-shadow: var(--shadow-buttons-important-focus);
|
|
3927
|
+
}
|
|
3928
|
+
.celeste-range-calendar-nav[data-disabled][data-v-dc79fc39] {
|
|
3929
|
+
background-color: transparent;
|
|
3930
|
+
box-shadow: none;
|
|
3931
|
+
color: var(--color-icon-disabled-300);
|
|
3932
|
+
cursor: default;
|
|
3933
|
+
pointer-events: none;
|
|
3934
|
+
}
|
|
3935
|
+
.celeste-range-calendar-grid[data-v-dc79fc39] {
|
|
3936
|
+
display: flex;
|
|
3937
|
+
flex-direction: column;
|
|
3938
|
+
gap: var(--spacing-8);
|
|
3939
|
+
width: 100%;
|
|
3940
|
+
border-collapse: collapse;
|
|
3941
|
+
}
|
|
3942
|
+
.celeste-range-calendar-body[data-v-dc79fc39] {
|
|
3943
|
+
display: flex;
|
|
3944
|
+
flex-direction: column;
|
|
3945
|
+
gap: var(--spacing-8);
|
|
3946
|
+
}
|
|
3947
|
+
.celeste-range-calendar-week[data-v-dc79fc39] {
|
|
3948
|
+
display: grid;
|
|
3949
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
3950
|
+
align-items: center;
|
|
3951
|
+
}
|
|
3952
|
+
.celeste-range-calendar-weekday[data-v-dc79fc39] {
|
|
3953
|
+
padding-block: var(--spacing-10);
|
|
3954
|
+
color: var(--color-text-soft-400);
|
|
3955
|
+
font: var(--label-sm);
|
|
3956
|
+
text-align: center;
|
|
3957
|
+
text-transform: uppercase;
|
|
3958
|
+
}
|
|
3959
|
+
.celeste-range-calendar-cell[data-v-dc79fc39] {
|
|
3960
|
+
position: relative;
|
|
3961
|
+
min-width: 0;
|
|
3962
|
+
}
|
|
3963
|
+
.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selected]),
|
|
3964
|
+
.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted]) {
|
|
3965
|
+
background-color: var(--color-primary-alpha-10);
|
|
3966
|
+
}
|
|
3967
|
+
.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-start]),
|
|
3968
|
+
.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-start]),
|
|
3969
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-selected]),
|
|
3970
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
|
|
3971
|
+
border-start-start-radius: var(--radius-8);
|
|
3972
|
+
border-end-start-radius: var(--radius-8);
|
|
3973
|
+
}
|
|
3974
|
+
.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-end]),
|
|
3975
|
+
.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-end]),
|
|
3976
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-selected]),
|
|
3977
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
|
|
3978
|
+
border-start-end-radius: var(--radius-8);
|
|
3979
|
+
border-end-end-radius: var(--radius-8);
|
|
3980
|
+
}
|
|
3981
|
+
.celeste-range-calendar-day[data-v-dc79fc39] {
|
|
3982
|
+
display: flex;
|
|
3983
|
+
position: relative;
|
|
3984
|
+
box-sizing: border-box;
|
|
3985
|
+
align-items: center;
|
|
3986
|
+
justify-content: center;
|
|
3987
|
+
width: 40px;
|
|
3988
|
+
max-width: 100%;
|
|
3989
|
+
margin-inline: auto;
|
|
3990
|
+
padding-block: var(--spacing-10);
|
|
3991
|
+
transition-property: background-color, color;
|
|
3992
|
+
transition-duration: var(--animation-fast);
|
|
3993
|
+
transition-timing-function: ease-out;
|
|
3994
|
+
border-radius: var(--radius-8);
|
|
3995
|
+
background-color: transparent;
|
|
3996
|
+
color: var(--color-text-sub-600);
|
|
3997
|
+
font: var(--label-sm);
|
|
3998
|
+
cursor: pointer;
|
|
3999
|
+
-webkit-user-select: none;
|
|
4000
|
+
-moz-user-select: none;
|
|
4001
|
+
user-select: none;
|
|
4002
|
+
}
|
|
4003
|
+
.celeste-range-calendar-day[data-v-dc79fc39]:hover {
|
|
4004
|
+
background-color: var(--color-bg-weak-50);
|
|
4005
|
+
color: var(--color-text-strong-950);
|
|
4006
|
+
}
|
|
4007
|
+
.celeste-range-calendar-day[data-v-dc79fc39]:focus-visible {
|
|
4008
|
+
outline: none;
|
|
4009
|
+
box-shadow: var(--shadow-buttons-important-focus);
|
|
4010
|
+
}
|
|
4011
|
+
.celeste-range-calendar-day[data-outside-view][data-v-dc79fc39], .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39] {
|
|
4012
|
+
color: var(--color-text-disabled-300);
|
|
4013
|
+
}
|
|
4014
|
+
.celeste-range-calendar-day[data-outside-view][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39]:hover {
|
|
4015
|
+
background-color: transparent;
|
|
4016
|
+
color: var(--color-text-disabled-300);
|
|
4017
|
+
}
|
|
4018
|
+
.celeste-range-calendar-day[data-disabled][data-v-dc79fc39] {
|
|
4019
|
+
color: var(--color-text-disabled-300);
|
|
4020
|
+
cursor: default;
|
|
4021
|
+
pointer-events: none;
|
|
4022
|
+
}
|
|
4023
|
+
.celeste-range-calendar-day[data-unavailable][data-v-dc79fc39] {
|
|
4024
|
+
color: var(--color-text-disabled-300);
|
|
4025
|
+
text-decoration: line-through;
|
|
4026
|
+
pointer-events: none;
|
|
4027
|
+
}
|
|
4028
|
+
.celeste-range-calendar-day[data-selected][data-v-dc79fc39], .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39] {
|
|
4029
|
+
color: var(--color-primary-base);
|
|
4030
|
+
}
|
|
4031
|
+
.celeste-range-calendar-day[data-selected][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39]:hover {
|
|
4032
|
+
background-color: transparent;
|
|
4033
|
+
color: var(--color-primary-base);
|
|
4034
|
+
}
|
|
4035
|
+
.celeste-range-calendar-day[data-selection-start][data-v-dc79fc39], .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39] {
|
|
4036
|
+
background-color: var(--color-primary-base);
|
|
4037
|
+
color: var(--color-text-white-0);
|
|
4038
|
+
}
|
|
4039
|
+
.celeste-range-calendar-day[data-selection-start][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39]:hover {
|
|
4040
|
+
background-color: var(--color-primary-base);
|
|
4041
|
+
color: var(--color-text-white-0);
|
|
4042
|
+
}
|
|
4043
|
+
.celeste-range-calendar-day-number[data-v-dc79fc39] {
|
|
4044
|
+
position: relative;
|
|
4045
|
+
}
|
|
4046
|
+
.celeste-range-calendar-day[data-today][data-v-dc79fc39]::after,
|
|
4047
|
+
.celeste-range-calendar-day[data-marked][data-v-dc79fc39]::after {
|
|
4048
|
+
content: "";
|
|
4049
|
+
position: absolute;
|
|
4050
|
+
bottom: 6px;
|
|
4051
|
+
left: 50%;
|
|
4052
|
+
width: 3px;
|
|
4053
|
+
height: 3px;
|
|
4054
|
+
transform: translateX(-50%);
|
|
4055
|
+
border-radius: var(--radius-full);
|
|
4056
|
+
background-color: var(--color-primary-base);
|
|
4057
|
+
}
|
|
4058
|
+
.celeste-range-calendar-day[data-selection-start][data-today][data-v-dc79fc39]::after,
|
|
4059
|
+
.celeste-range-calendar-day[data-selection-end][data-today][data-v-dc79fc39]::after,
|
|
4060
|
+
.celeste-range-calendar-day[data-selection-start][data-marked][data-v-dc79fc39]::after,
|
|
4061
|
+
.celeste-range-calendar-day[data-selection-end][data-marked][data-v-dc79fc39]::after {
|
|
4062
|
+
background-color: var(--color-text-white-0);
|
|
3670
4063
|
}.celeste-scroll-bar[data-v-4c845c7c] {
|
|
3671
4064
|
--bar-size: 8px;
|
|
3672
4065
|
display: flex;
|
|
@@ -4412,6 +4805,78 @@ to {
|
|
|
4412
4805
|
}.celeste-radio-wrapper[data-orientation=vertical] {
|
|
4413
4806
|
display: flex;
|
|
4414
4807
|
flex-direction: column;
|
|
4808
|
+
}.celeste-range-picker[data-v-4f5c8aa9] {
|
|
4809
|
+
display: flex;
|
|
4810
|
+
box-sizing: border-box;
|
|
4811
|
+
align-items: stretch;
|
|
4812
|
+
max-width: 100%;
|
|
4813
|
+
overflow: hidden;
|
|
4814
|
+
border: 1px solid var(--color-stroke-soft-200);
|
|
4815
|
+
border-radius: var(--radius-20);
|
|
4816
|
+
background-color: var(--color-bg-white-0);
|
|
4817
|
+
box-shadow: var(--shadow-regular-md);
|
|
4818
|
+
}
|
|
4819
|
+
.celeste-range-picker-presets[data-v-4f5c8aa9] {
|
|
4820
|
+
display: flex;
|
|
4821
|
+
box-sizing: border-box;
|
|
4822
|
+
flex-direction: column;
|
|
4823
|
+
width: 200px;
|
|
4824
|
+
padding: 20px var(--spacing-16) var(--spacing-2);
|
|
4825
|
+
gap: var(--spacing-8);
|
|
4826
|
+
border-inline-end: 1px solid var(--color-stroke-soft-200);
|
|
4827
|
+
}
|
|
4828
|
+
.celeste-range-picker-preset[data-v-4f5c8aa9] {
|
|
4829
|
+
display: flex;
|
|
4830
|
+
align-items: center;
|
|
4831
|
+
padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-12);
|
|
4832
|
+
transition-property: background-color, color;
|
|
4833
|
+
transition-duration: var(--animation-fast);
|
|
4834
|
+
transition-timing-function: ease-out;
|
|
4835
|
+
border: none;
|
|
4836
|
+
border-radius: var(--radius-8);
|
|
4837
|
+
background-color: var(--color-bg-white-0);
|
|
4838
|
+
color: var(--color-text-sub-600);
|
|
4839
|
+
font: var(--label-sm);
|
|
4840
|
+
text-align: start;
|
|
4841
|
+
cursor: pointer;
|
|
4842
|
+
}
|
|
4843
|
+
.celeste-range-picker-preset[data-v-4f5c8aa9]:hover {
|
|
4844
|
+
background-color: var(--color-bg-weak-50);
|
|
4845
|
+
color: var(--color-text-strong-950);
|
|
4846
|
+
}
|
|
4847
|
+
.celeste-range-picker-preset[data-v-4f5c8aa9]:focus-visible {
|
|
4848
|
+
outline: none;
|
|
4849
|
+
box-shadow: var(--shadow-buttons-important-focus);
|
|
4850
|
+
}
|
|
4851
|
+
.celeste-range-picker-preset[data-active][data-v-4f5c8aa9] {
|
|
4852
|
+
background-color: var(--color-bg-weak-50);
|
|
4853
|
+
color: var(--color-text-strong-950);
|
|
4854
|
+
}
|
|
4855
|
+
.celeste-range-picker-content[data-v-4f5c8aa9] {
|
|
4856
|
+
display: flex;
|
|
4857
|
+
flex: 1;
|
|
4858
|
+
flex-direction: column;
|
|
4859
|
+
min-width: 0;
|
|
4860
|
+
}
|
|
4861
|
+
.celeste-range-picker-calendar[data-v-4f5c8aa9] {
|
|
4862
|
+
border-block-end: 1px solid var(--color-stroke-soft-200);
|
|
4863
|
+
}
|
|
4864
|
+
.celeste-range-picker-footer[data-v-4f5c8aa9] {
|
|
4865
|
+
display: flex;
|
|
4866
|
+
align-items: center;
|
|
4867
|
+
padding: var(--spacing-16) var(--spacing-16) var(--spacing-16) 24px;
|
|
4868
|
+
gap: var(--spacing-16);
|
|
4869
|
+
}
|
|
4870
|
+
.celeste-range-picker-hint[data-v-4f5c8aa9] {
|
|
4871
|
+
flex: 1;
|
|
4872
|
+
min-width: 0;
|
|
4873
|
+
margin: 0;
|
|
4874
|
+
color: var(--color-text-sub-600);
|
|
4875
|
+
font: var(--paragraph-sm);
|
|
4876
|
+
}
|
|
4877
|
+
.celeste-range-picker-hint-value[data-v-4f5c8aa9] {
|
|
4878
|
+
color: var(--color-text-strong-950);
|
|
4879
|
+
font: var(--label-sm);
|
|
4415
4880
|
}
|
|
4416
4881
|
.celeste-segmented-control[data-v-fe40de14] {
|
|
4417
4882
|
display: flex;
|
|
@@ -4,7 +4,6 @@ const require_createContext = require("./createContext.cjs");
|
|
|
4
4
|
const require_getActiveElement = require("./getActiveElement.cjs");
|
|
5
5
|
const require_dist = require("./dist.cjs");
|
|
6
6
|
const require_Primitive = require("./Primitive.cjs");
|
|
7
|
-
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
8
7
|
const require_FocusScope = require("./FocusScope.cjs");
|
|
9
8
|
const require_useFocusGuards = require("./useFocusGuards.cjs");
|
|
10
9
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
@@ -13,6 +12,7 @@ const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
|
|
|
13
12
|
const require_useHideOthers = require("./useHideOthers.cjs");
|
|
14
13
|
const require_useId = require("./useId.cjs");
|
|
15
14
|
const require_Presence = require("./Presence.cjs");
|
|
15
|
+
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
16
16
|
const require_Collection = require("./Collection.cjs");
|
|
17
17
|
const require_PopperContent = require("./PopperContent.cjs");
|
|
18
18
|
let vue = require("vue");
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
require("./chunk.cjs");
|
|
2
2
|
const require_getActiveElement = require("./getActiveElement.cjs");
|
|
3
3
|
const require_Primitive = require("./Primitive.cjs");
|
|
4
|
-
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
5
4
|
const require_FocusScope = require("./FocusScope.cjs");
|
|
6
5
|
const require_useEmitAsProps = require("./useEmitAsProps.cjs");
|
|
7
6
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
@@ -9,6 +8,7 @@ const require_useHideOthers = require("./useHideOthers.cjs");
|
|
|
9
8
|
const require_useId = require("./useId.cjs");
|
|
10
9
|
const require_Presence = require("./Presence.cjs");
|
|
11
10
|
const require_DialogRoot = require("./DialogRoot.cjs");
|
|
11
|
+
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
12
12
|
const require_utils = require("./utils.cjs");
|
|
13
13
|
const require_Teleport = require("./Teleport.cjs");
|
|
14
14
|
let vue = require("vue");
|
|
@@ -5,34 +5,6 @@ const require_dist = require("./dist.cjs");
|
|
|
5
5
|
const require_Primitive = require("./Primitive.cjs");
|
|
6
6
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
7
7
|
let vue = require("vue");
|
|
8
|
-
//#region ../../node_modules/.pnpm/defu@6.1.7/node_modules/defu/dist/defu.mjs
|
|
9
|
-
function isPlainObject(value) {
|
|
10
|
-
if (value === null || typeof value !== "object") return false;
|
|
11
|
-
const prototype = Object.getPrototypeOf(value);
|
|
12
|
-
if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
|
|
13
|
-
if (Symbol.iterator in value) return false;
|
|
14
|
-
if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
|
|
15
|
-
return true;
|
|
16
|
-
}
|
|
17
|
-
function _defu(baseObject, defaults, namespace = ".", merger) {
|
|
18
|
-
if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace, merger);
|
|
19
|
-
const object = { ...defaults };
|
|
20
|
-
for (const key of Object.keys(baseObject)) {
|
|
21
|
-
if (key === "__proto__" || key === "constructor") continue;
|
|
22
|
-
const value = baseObject[key];
|
|
23
|
-
if (value === null || value === void 0) continue;
|
|
24
|
-
if (merger && merger(object, key, value, namespace)) continue;
|
|
25
|
-
if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
|
|
26
|
-
else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace ? `${namespace}.` : "") + key.toString(), merger);
|
|
27
|
-
else object[key] = value;
|
|
28
|
-
}
|
|
29
|
-
return object;
|
|
30
|
-
}
|
|
31
|
-
function createDefu(merger) {
|
|
32
|
-
return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
|
|
33
|
-
}
|
|
34
|
-
var defu = createDefu();
|
|
35
|
-
//#endregion
|
|
36
8
|
//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/DismissableLayer/utils.js
|
|
37
9
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
38
10
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
@@ -284,9 +256,3 @@ Object.defineProperty(exports, "DismissableLayer_default", {
|
|
|
284
256
|
return DismissableLayer_default;
|
|
285
257
|
}
|
|
286
258
|
});
|
|
287
|
-
Object.defineProperty(exports, "defu", {
|
|
288
|
-
enumerable: true,
|
|
289
|
-
get: function() {
|
|
290
|
-
return defu;
|
|
291
|
-
}
|
|
292
|
-
});
|
|
@@ -3,7 +3,7 @@ const require_getActiveElement = require("./getActiveElement.cjs");
|
|
|
3
3
|
const require_dist = require("./dist.cjs");
|
|
4
4
|
const require_Primitive = require("./Primitive.cjs");
|
|
5
5
|
const require_ConfigProvider = require("./ConfigProvider.cjs");
|
|
6
|
-
const
|
|
6
|
+
const require_defu = require("./defu.cjs");
|
|
7
7
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
8
8
|
let vue = require("vue");
|
|
9
9
|
//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useBodyScrollLock.js
|
|
@@ -37,7 +37,7 @@ var useBodyLockStackCount = require_dist.createSharedComposable(() => {
|
|
|
37
37
|
padding: verticalScrollbarWidth,
|
|
38
38
|
margin: 0
|
|
39
39
|
};
|
|
40
|
-
const config = context.scrollBody?.value ? typeof context.scrollBody.value === "object" ?
|
|
40
|
+
const config = context.scrollBody?.value ? typeof context.scrollBody.value === "object" ? require_defu.defu({
|
|
41
41
|
padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,
|
|
42
42
|
margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin
|
|
43
43
|
}, defaultConfig) : defaultConfig : {
|
|
@@ -2,11 +2,11 @@ require("./chunk.cjs");
|
|
|
2
2
|
const require_createContext = require("./createContext.cjs");
|
|
3
3
|
const require_getActiveElement = require("./getActiveElement.cjs");
|
|
4
4
|
const require_useArrowNavigation = require("./useArrowNavigation.cjs");
|
|
5
|
-
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
6
5
|
const require_FocusScope = require("./FocusScope.cjs");
|
|
7
6
|
const require_useFocusGuards = require("./useFocusGuards.cjs");
|
|
8
7
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
9
8
|
const require_useTypeahead = require("./useTypeahead.cjs");
|
|
9
|
+
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
10
10
|
const require_utils = require("./utils.cjs");
|
|
11
11
|
const require_PopperContent = require("./PopperContent.cjs");
|
|
12
12
|
const require_RovingFocusGroup = require("./RovingFocusGroup.cjs");
|
|
@@ -3,13 +3,13 @@ const require_clamp = require("./clamp.cjs");
|
|
|
3
3
|
const require_createContext = require("./createContext.cjs");
|
|
4
4
|
const require_dist = require("./dist.cjs");
|
|
5
5
|
const require_Primitive = require("./Primitive.cjs");
|
|
6
|
-
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
7
6
|
const require_FocusScope = require("./FocusScope.cjs");
|
|
8
7
|
const require_useFocusGuards = require("./useFocusGuards.cjs");
|
|
9
8
|
const require_useForwardExpose = require("./useForwardExpose.cjs");
|
|
10
9
|
const require_useForwardProps = require("./useForwardProps.cjs");
|
|
11
10
|
const require_useHideOthers = require("./useHideOthers.cjs");
|
|
12
11
|
const require_useTypeahead = require("./useTypeahead.cjs");
|
|
12
|
+
const require_DismissableLayer = require("./DismissableLayer.cjs");
|
|
13
13
|
const require_utils = require("./utils.cjs");
|
|
14
14
|
const require_Collection = require("./Collection.cjs");
|
|
15
15
|
const require_PopperContent = require("./PopperContent.cjs");
|