@sunggang/ui-lib 0.1.69 → 0.1.70

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/index.esm.css CHANGED
@@ -2551,3 +2551,674 @@ video {
2551
2551
  color: #849095;
2552
2552
  padding: 0.833em;
2553
2553
  }
2554
+
2555
+ @charset "UTF-8";
2556
+ .rbc-btn {
2557
+ color: inherit;
2558
+ font: inherit;
2559
+ margin: 0;
2560
+ }
2561
+
2562
+ button.rbc-btn {
2563
+ overflow: visible;
2564
+ text-transform: none;
2565
+ -webkit-appearance: button;
2566
+ cursor: pointer;
2567
+ }
2568
+
2569
+ button[disabled].rbc-btn {
2570
+ cursor: not-allowed;
2571
+ }
2572
+
2573
+ button.rbc-input::-moz-focus-inner {
2574
+ border: 0;
2575
+ padding: 0;
2576
+ }
2577
+
2578
+ .rbc-calendar {
2579
+ box-sizing: border-box;
2580
+ height: 100%;
2581
+ display: flex;
2582
+ flex-direction: column;
2583
+ align-items: stretch;
2584
+ }
2585
+
2586
+ .rbc-calendar *,
2587
+ .rbc-calendar *:before,
2588
+ .rbc-calendar *:after {
2589
+ box-sizing: inherit;
2590
+ }
2591
+
2592
+ .rbc-abs-full, .rbc-row-bg {
2593
+ overflow: hidden;
2594
+ position: absolute;
2595
+ top: 0;
2596
+ left: 0;
2597
+ right: 0;
2598
+ bottom: 0;
2599
+ }
2600
+
2601
+ .rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
2602
+ display: block;
2603
+ overflow: hidden;
2604
+ text-overflow: ellipsis;
2605
+ white-space: nowrap;
2606
+ }
2607
+
2608
+ .rbc-rtl {
2609
+ direction: rtl;
2610
+ }
2611
+
2612
+ .rbc-off-range {
2613
+ color: #999999;
2614
+ }
2615
+
2616
+ .rbc-off-range-bg {
2617
+ background: #e6e6e6;
2618
+ }
2619
+
2620
+ .rbc-header {
2621
+ overflow: hidden;
2622
+ flex: 1 0 0%;
2623
+ text-overflow: ellipsis;
2624
+ white-space: nowrap;
2625
+ padding: 0 3px;
2626
+ text-align: center;
2627
+ vertical-align: middle;
2628
+ font-weight: bold;
2629
+ font-size: 90%;
2630
+ min-height: 0;
2631
+ border-bottom: 1px solid #ddd;
2632
+ }
2633
+ .rbc-header + .rbc-header {
2634
+ border-left: 1px solid #ddd;
2635
+ }
2636
+ .rbc-rtl .rbc-header + .rbc-header {
2637
+ border-left-width: 0;
2638
+ border-right: 1px solid #ddd;
2639
+ }
2640
+ .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
2641
+ color: inherit;
2642
+ text-decoration: none;
2643
+ }
2644
+
2645
+ .rbc-button-link {
2646
+ color: inherit;
2647
+ background: none;
2648
+ margin: 0;
2649
+ padding: 0;
2650
+ border: none;
2651
+ cursor: pointer;
2652
+ -webkit-user-select: text;
2653
+ -moz-user-select: text;
2654
+ user-select: text;
2655
+ }
2656
+
2657
+ .rbc-row-content {
2658
+ position: relative;
2659
+ -moz-user-select: none;
2660
+ user-select: none;
2661
+ -webkit-user-select: none;
2662
+ z-index: 4;
2663
+ }
2664
+
2665
+ .rbc-row-content-scrollable {
2666
+ display: flex;
2667
+ flex-direction: column;
2668
+ height: 100%;
2669
+ }
2670
+ .rbc-row-content-scrollable .rbc-row-content-scroll-container {
2671
+ height: 100%;
2672
+ overflow-y: scroll;
2673
+ /* Hide scrollbar for Chrome, Safari and Opera */
2674
+ -ms-overflow-style: none; /* IE and Edge */
2675
+ scrollbar-width: none; /* Firefox */
2676
+ }
2677
+ .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
2678
+ display: none;
2679
+ }
2680
+
2681
+ .rbc-today {
2682
+ background-color: #eaf6ff;
2683
+ }
2684
+
2685
+ .rbc-toolbar {
2686
+ display: flex;
2687
+ flex-wrap: wrap;
2688
+ justify-content: center;
2689
+ align-items: center;
2690
+ margin-bottom: 10px;
2691
+ font-size: 16px;
2692
+ }
2693
+ .rbc-toolbar .rbc-toolbar-label {
2694
+ flex-grow: 1;
2695
+ padding: 0 10px;
2696
+ text-align: center;
2697
+ }
2698
+ .rbc-toolbar button {
2699
+ color: #373a3c;
2700
+ display: inline-block;
2701
+ margin: 0;
2702
+ text-align: center;
2703
+ vertical-align: middle;
2704
+ background: none;
2705
+ background-image: none;
2706
+ border: 1px solid #ccc;
2707
+ padding: 0.375rem 1rem;
2708
+ border-radius: 4px;
2709
+ line-height: normal;
2710
+ white-space: nowrap;
2711
+ }
2712
+ .rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
2713
+ background-image: none;
2714
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2715
+ background-color: #e6e6e6;
2716
+ border-color: #adadad;
2717
+ }
2718
+ .rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
2719
+ color: #373a3c;
2720
+ background-color: #d4d4d4;
2721
+ border-color: #8c8c8c;
2722
+ }
2723
+ .rbc-toolbar button:focus {
2724
+ color: #373a3c;
2725
+ background-color: #e6e6e6;
2726
+ border-color: #adadad;
2727
+ }
2728
+ .rbc-toolbar button:hover {
2729
+ color: #373a3c;
2730
+ background-color: #e6e6e6;
2731
+ border-color: #adadad;
2732
+ }
2733
+
2734
+ .rbc-btn-group {
2735
+ display: inline-block;
2736
+ white-space: nowrap;
2737
+ }
2738
+ .rbc-btn-group > button:first-child:not(:last-child) {
2739
+ border-top-right-radius: 0;
2740
+ border-bottom-right-radius: 0;
2741
+ }
2742
+ .rbc-btn-group > button:last-child:not(:first-child) {
2743
+ border-top-left-radius: 0;
2744
+ border-bottom-left-radius: 0;
2745
+ }
2746
+ .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
2747
+ border-radius: 4px;
2748
+ border-top-left-radius: 0;
2749
+ border-bottom-left-radius: 0;
2750
+ }
2751
+ .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
2752
+ border-radius: 4px;
2753
+ border-top-right-radius: 0;
2754
+ border-bottom-right-radius: 0;
2755
+ }
2756
+ .rbc-btn-group > button:not(:first-child):not(:last-child) {
2757
+ border-radius: 0;
2758
+ }
2759
+ .rbc-btn-group button + button {
2760
+ margin-left: -1px;
2761
+ }
2762
+ .rbc-rtl .rbc-btn-group button + button {
2763
+ margin-left: 0;
2764
+ margin-right: -1px;
2765
+ }
2766
+ .rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
2767
+ margin-left: 10px;
2768
+ }
2769
+
2770
+ @media (max-width: 767px) {
2771
+ .rbc-toolbar {
2772
+ flex-direction: column;
2773
+ }
2774
+ }
2775
+ .rbc-event, .rbc-day-slot .rbc-background-event {
2776
+ border: none;
2777
+ box-sizing: border-box;
2778
+ box-shadow: none;
2779
+ margin: 0;
2780
+ padding: 2px 5px;
2781
+ background-color: #3174ad;
2782
+ border-radius: 5px;
2783
+ color: #fff;
2784
+ cursor: pointer;
2785
+ width: 100%;
2786
+ text-align: left;
2787
+ }
2788
+ .rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
2789
+ cursor: inherit;
2790
+ pointer-events: none;
2791
+ }
2792
+ .rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
2793
+ background-color: #265985;
2794
+ }
2795
+ .rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
2796
+ outline: 5px auto #3b99fc;
2797
+ }
2798
+
2799
+ .rbc-event-label {
2800
+ font-size: 80%;
2801
+ }
2802
+
2803
+ .rbc-event-overlaps {
2804
+ box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
2805
+ }
2806
+
2807
+ .rbc-event-continues-prior {
2808
+ border-top-left-radius: 0;
2809
+ border-bottom-left-radius: 0;
2810
+ }
2811
+
2812
+ .rbc-event-continues-after {
2813
+ border-top-right-radius: 0;
2814
+ border-bottom-right-radius: 0;
2815
+ }
2816
+
2817
+ .rbc-event-continues-earlier {
2818
+ border-top-left-radius: 0;
2819
+ border-top-right-radius: 0;
2820
+ }
2821
+
2822
+ .rbc-event-continues-later {
2823
+ border-bottom-left-radius: 0;
2824
+ border-bottom-right-radius: 0;
2825
+ }
2826
+
2827
+ .rbc-row {
2828
+ display: flex;
2829
+ flex-direction: row;
2830
+ }
2831
+
2832
+ .rbc-row-segment {
2833
+ padding: 0 1px 1px 1px;
2834
+ }
2835
+ .rbc-selected-cell {
2836
+ background-color: rgba(0, 0, 0, 0.1);
2837
+ }
2838
+
2839
+ .rbc-show-more {
2840
+ background-color: rgba(255, 255, 255, 0.3);
2841
+ z-index: 4;
2842
+ font-weight: bold;
2843
+ font-size: 85%;
2844
+ height: auto;
2845
+ line-height: normal;
2846
+ color: #3174ad;
2847
+ }
2848
+ .rbc-show-more:hover, .rbc-show-more:focus {
2849
+ color: #265985;
2850
+ }
2851
+
2852
+ .rbc-month-view {
2853
+ position: relative;
2854
+ border: 1px solid #ddd;
2855
+ display: flex;
2856
+ flex-direction: column;
2857
+ flex: 1 0 0;
2858
+ width: 100%;
2859
+ -moz-user-select: none;
2860
+ user-select: none;
2861
+ -webkit-user-select: none;
2862
+ height: 100%;
2863
+ }
2864
+
2865
+ .rbc-month-header {
2866
+ display: flex;
2867
+ flex-direction: row;
2868
+ }
2869
+
2870
+ .rbc-month-row {
2871
+ display: flex;
2872
+ position: relative;
2873
+ flex-direction: column;
2874
+ flex: 1 0 0;
2875
+ flex-basis: 0px;
2876
+ overflow: hidden;
2877
+ height: 100%;
2878
+ }
2879
+ .rbc-month-row + .rbc-month-row {
2880
+ border-top: 1px solid #ddd;
2881
+ }
2882
+
2883
+ .rbc-date-cell {
2884
+ flex: 1 1 0;
2885
+ min-width: 0;
2886
+ padding-right: 5px;
2887
+ text-align: right;
2888
+ }
2889
+ .rbc-date-cell.rbc-now {
2890
+ font-weight: bold;
2891
+ }
2892
+ .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
2893
+ color: inherit;
2894
+ text-decoration: none;
2895
+ }
2896
+
2897
+ .rbc-row-bg {
2898
+ display: flex;
2899
+ flex-direction: row;
2900
+ flex: 1 0 0;
2901
+ overflow: hidden;
2902
+ }
2903
+
2904
+ .rbc-day-bg {
2905
+ flex: 1 0 0%;
2906
+ }
2907
+ .rbc-day-bg + .rbc-day-bg {
2908
+ border-left: 1px solid #ddd;
2909
+ }
2910
+ .rbc-rtl .rbc-day-bg + .rbc-day-bg {
2911
+ border-left-width: 0;
2912
+ border-right: 1px solid #ddd;
2913
+ }
2914
+
2915
+ .rbc-overlay {
2916
+ position: absolute;
2917
+ z-index: 5;
2918
+ border: 1px solid #e5e5e5;
2919
+ background-color: #fff;
2920
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
2921
+ padding: 10px;
2922
+ }
2923
+ .rbc-overlay > * + * {
2924
+ margin-top: 1px;
2925
+ }
2926
+
2927
+ .rbc-overlay-header {
2928
+ border-bottom: 1px solid #e5e5e5;
2929
+ margin: -10px -10px 5px -10px;
2930
+ padding: 2px 10px;
2931
+ }
2932
+
2933
+ .rbc-agenda-view {
2934
+ display: flex;
2935
+ flex-direction: column;
2936
+ flex: 1 0 0;
2937
+ overflow: auto;
2938
+ }
2939
+ .rbc-agenda-view table.rbc-agenda-table {
2940
+ width: 100%;
2941
+ border: 1px solid #ddd;
2942
+ border-spacing: 0;
2943
+ border-collapse: collapse;
2944
+ }
2945
+ .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
2946
+ padding: 5px 10px;
2947
+ vertical-align: top;
2948
+ }
2949
+ .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
2950
+ padding-left: 15px;
2951
+ padding-right: 15px;
2952
+ text-transform: lowercase;
2953
+ }
2954
+ .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
2955
+ border-left: 1px solid #ddd;
2956
+ }
2957
+ .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
2958
+ border-left-width: 0;
2959
+ border-right: 1px solid #ddd;
2960
+ }
2961
+ .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
2962
+ border-top: 1px solid #ddd;
2963
+ }
2964
+ .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
2965
+ padding: 3px 5px;
2966
+ text-align: left;
2967
+ border-bottom: 1px solid #ddd;
2968
+ }
2969
+ .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
2970
+ text-align: right;
2971
+ }
2972
+
2973
+ .rbc-agenda-time-cell {
2974
+ text-transform: lowercase;
2975
+ }
2976
+ .rbc-agenda-time-cell .rbc-continues-after:after {
2977
+ content: " »";
2978
+ }
2979
+ .rbc-agenda-time-cell .rbc-continues-prior:before {
2980
+ content: "« ";
2981
+ }
2982
+
2983
+ .rbc-agenda-date-cell,
2984
+ .rbc-agenda-time-cell {
2985
+ white-space: nowrap;
2986
+ }
2987
+
2988
+ .rbc-agenda-event-cell {
2989
+ width: 100%;
2990
+ }
2991
+
2992
+ .rbc-time-column {
2993
+ display: flex;
2994
+ flex-direction: column;
2995
+ min-height: 100%;
2996
+ }
2997
+ .rbc-time-column .rbc-timeslot-group {
2998
+ flex: 1;
2999
+ }
3000
+
3001
+ .rbc-timeslot-group {
3002
+ border-bottom: 1px solid #ddd;
3003
+ min-height: 40px;
3004
+ display: flex;
3005
+ flex-flow: column nowrap;
3006
+ }
3007
+
3008
+ .rbc-time-gutter,
3009
+ .rbc-header-gutter {
3010
+ flex: none;
3011
+ }
3012
+
3013
+ .rbc-label {
3014
+ padding: 0 5px;
3015
+ }
3016
+
3017
+ .rbc-day-slot {
3018
+ position: relative;
3019
+ }
3020
+ .rbc-day-slot .rbc-events-container {
3021
+ bottom: 0;
3022
+ left: 0;
3023
+ position: absolute;
3024
+ right: 0;
3025
+ margin-right: 10px;
3026
+ top: 0;
3027
+ }
3028
+ .rbc-day-slot .rbc-events-container.rbc-rtl {
3029
+ left: 10px;
3030
+ right: 0;
3031
+ }
3032
+ .rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
3033
+ border: 1px solid #265985;
3034
+ display: flex;
3035
+ max-height: 100%;
3036
+ min-height: 20px;
3037
+ flex-flow: column wrap;
3038
+ align-items: flex-start;
3039
+ overflow: hidden;
3040
+ position: absolute;
3041
+ }
3042
+ .rbc-day-slot .rbc-background-event {
3043
+ opacity: 0.75;
3044
+ }
3045
+ .rbc-day-slot .rbc-event-label {
3046
+ flex: none;
3047
+ padding-right: 5px;
3048
+ width: auto;
3049
+ }
3050
+ .rbc-day-slot .rbc-event-content {
3051
+ width: 100%;
3052
+ flex: 1 1 0;
3053
+ word-wrap: break-word;
3054
+ line-height: 1;
3055
+ height: 100%;
3056
+ min-height: 1em;
3057
+ }
3058
+ .rbc-day-slot .rbc-time-slot {
3059
+ border-top: 1px solid #f7f7f7;
3060
+ }
3061
+
3062
+ .rbc-time-view-resources .rbc-time-gutter,
3063
+ .rbc-time-view-resources .rbc-time-header-gutter {
3064
+ position: sticky;
3065
+ left: 0;
3066
+ background-color: white;
3067
+ border-right: 1px solid #ddd;
3068
+ z-index: 10;
3069
+ margin-right: -1px;
3070
+ }
3071
+ .rbc-time-view-resources .rbc-time-header {
3072
+ overflow: hidden;
3073
+ }
3074
+ .rbc-time-view-resources .rbc-time-header-content {
3075
+ min-width: auto;
3076
+ flex: 1 0 0;
3077
+ flex-basis: 0px;
3078
+ }
3079
+ .rbc-time-view-resources .rbc-time-header-cell-single-day {
3080
+ display: none;
3081
+ }
3082
+ .rbc-time-view-resources .rbc-day-slot {
3083
+ min-width: 140px;
3084
+ }
3085
+ .rbc-time-view-resources .rbc-header,
3086
+ .rbc-time-view-resources .rbc-day-bg {
3087
+ width: 140px;
3088
+ flex: 1 1 0;
3089
+ flex-basis: 0 px;
3090
+ }
3091
+
3092
+ .rbc-time-header-content + .rbc-time-header-content {
3093
+ margin-left: -1px;
3094
+ }
3095
+
3096
+ .rbc-time-slot {
3097
+ flex: 1 0 0;
3098
+ }
3099
+ .rbc-time-slot.rbc-now {
3100
+ font-weight: bold;
3101
+ }
3102
+
3103
+ .rbc-day-header {
3104
+ text-align: center;
3105
+ }
3106
+
3107
+ .rbc-slot-selection {
3108
+ z-index: 10;
3109
+ position: absolute;
3110
+ background-color: rgba(0, 0, 0, 0.5);
3111
+ color: white;
3112
+ font-size: 75%;
3113
+ width: 100%;
3114
+ padding: 3px;
3115
+ }
3116
+
3117
+ .rbc-slot-selecting {
3118
+ cursor: move;
3119
+ }
3120
+
3121
+ .rbc-time-view {
3122
+ display: flex;
3123
+ flex-direction: column;
3124
+ flex: 1;
3125
+ width: 100%;
3126
+ border: 1px solid #ddd;
3127
+ min-height: 0;
3128
+ }
3129
+ .rbc-time-view .rbc-time-gutter {
3130
+ white-space: nowrap;
3131
+ text-align: right;
3132
+ }
3133
+ .rbc-time-view .rbc-allday-cell {
3134
+ box-sizing: content-box;
3135
+ width: 100%;
3136
+ height: 100%;
3137
+ position: relative;
3138
+ }
3139
+ .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
3140
+ border-left: 1px solid #ddd;
3141
+ }
3142
+ .rbc-time-view .rbc-allday-events {
3143
+ position: relative;
3144
+ z-index: 4;
3145
+ }
3146
+ .rbc-time-view .rbc-row {
3147
+ box-sizing: border-box;
3148
+ min-height: 20px;
3149
+ }
3150
+
3151
+ .rbc-time-header {
3152
+ display: flex;
3153
+ flex: 0 0 auto;
3154
+ flex-direction: row;
3155
+ }
3156
+ .rbc-time-header.rbc-overflowing {
3157
+ border-right: 1px solid #ddd;
3158
+ }
3159
+ .rbc-rtl .rbc-time-header.rbc-overflowing {
3160
+ border-right-width: 0;
3161
+ border-left: 1px solid #ddd;
3162
+ }
3163
+ .rbc-time-header > .rbc-row:first-child {
3164
+ border-bottom: 1px solid #ddd;
3165
+ }
3166
+ .rbc-time-header > .rbc-row.rbc-row-resource {
3167
+ border-bottom: 1px solid #ddd;
3168
+ }
3169
+
3170
+ .rbc-time-header-cell-single-day {
3171
+ display: none;
3172
+ }
3173
+
3174
+ .rbc-time-header-content {
3175
+ flex: 1;
3176
+ display: flex;
3177
+ min-width: 0;
3178
+ flex-direction: column;
3179
+ border-left: 1px solid #ddd;
3180
+ }
3181
+ .rbc-rtl .rbc-time-header-content {
3182
+ border-left-width: 0;
3183
+ border-right: 1px solid #ddd;
3184
+ }
3185
+ .rbc-time-header-content > .rbc-row.rbc-row-resource {
3186
+ border-bottom: 1px solid #ddd;
3187
+ flex-shrink: 0;
3188
+ }
3189
+
3190
+ .rbc-time-content {
3191
+ display: flex;
3192
+ flex: 1 0 0%;
3193
+ align-items: flex-start;
3194
+ width: 100%;
3195
+ border-top: 2px solid #ddd;
3196
+ overflow-y: auto;
3197
+ position: relative;
3198
+ }
3199
+ .rbc-time-content > .rbc-time-gutter {
3200
+ flex: none;
3201
+ }
3202
+ .rbc-time-content > * + * > * {
3203
+ border-left: 1px solid #ddd;
3204
+ }
3205
+ .rbc-rtl .rbc-time-content > * + * > * {
3206
+ border-left-width: 0;
3207
+ border-right: 1px solid #ddd;
3208
+ }
3209
+ .rbc-time-content > .rbc-day-slot {
3210
+ width: 100%;
3211
+ -moz-user-select: none;
3212
+ user-select: none;
3213
+ -webkit-user-select: none;
3214
+ }
3215
+
3216
+ .rbc-current-time-indicator {
3217
+ position: absolute;
3218
+ z-index: 3;
3219
+ left: 0;
3220
+ right: 0;
3221
+ height: 1px;
3222
+ background-color: #74ad31;
3223
+ pointer-events: none;
3224
+ }