@sdata/web-vue 3.12.0 → 3.14.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/sd.css +288 -126
- package/dist/sd.min.css +43 -1
- package/es/_components/input-label/input-label.d.ts +2 -0
- package/es/_components/input-label/input-label.js +4 -2
- package/es/_components/input-label/style/index.css +2 -2
- package/es/_components/picker/input-range.vue.d.ts +6 -7
- package/es/_components/picker/input-range.vue_vue_type_script_setup_true_lang.js +63 -46
- package/es/_components/picker/input.vue.d.ts +5 -6
- package/es/_components/picker/input.vue_vue_type_script_setup_true_lang.js +52 -35
- package/es/_components/picker/style/index.scss +8 -2
- package/es/_components/resize-observer.js +1 -1
- package/es/_components/resize-trigger.vue_vue_type_script_setup_true_lang.js +9 -2
- package/es/_components/select-view/select-view.d.ts +2 -0
- package/es/_components/select-view/select-view.js +5 -1
- package/es/_components/select-view/style/index.css +5 -5
- package/es/_hooks/use-focus-trap.d.ts +10 -0
- package/es/_hooks/use-focus-trap.js +115 -0
- package/es/_hooks/use-readonly-tip.d.ts +11 -0
- package/es/_hooks/use-readonly-tip.js +66 -0
- package/es/_utils/dom.js +1 -10
- package/es/_utils/keyboard.d.ts +4 -0
- package/es/_utils/keyboard.js +21 -2
- package/es/alert/alert.vue.d.ts +2 -2
- package/es/alert/alert.vue_vue_type_script_setup_true_lang.js +12 -3
- package/es/alert/index.d.ts +5 -5
- package/es/alert/style/index.css +1 -1
- package/es/alert/style/index.scss +1 -1
- package/es/anchor/anchor-link.vue_vue_type_script_setup_true_lang.js +3 -1
- package/es/anchor/anchor.vue_vue_type_script_setup_true_lang.js +2 -0
- package/es/anchor/style/index.css +1 -1
- package/es/anchor/style/index.scss +3 -1
- package/es/auto-complete/auto-complete.d.ts +9 -0
- package/es/auto-complete/auto-complete.js +19 -1
- package/es/auto-complete/index.d.ts +15 -0
- package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js +8 -2
- package/es/avatar/style/index.css +2 -2
- package/es/avatar/style/index.scss +2 -2
- package/es/back-top/back-top.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/back-top/style/index.css +1 -1
- package/es/back-top/style/index.scss +2 -1
- package/es/badge/badge.js +4 -1
- package/es/badge/style/index.css +3 -3
- package/es/badge/style/index.scss +3 -3
- package/es/breadcrumb/breadcrumb.js +1 -0
- package/es/button/button.vue.d.ts +16 -7
- package/es/button/button.vue_vue_type_script_setup_true_lang.js +62 -31
- package/es/button/index.d.ts +11 -0
- package/es/button/interface.d.ts +2 -0
- package/es/button/style/index.css +15 -6
- package/es/button/style/index.scss +25 -7
- package/es/calendar/style/event.scss +2 -2
- package/es/calendar/style/index.css +2 -2
- package/es/card/card.d.ts +312 -0
- package/es/card/card.js +39 -7
- package/es/card/index.d.ts +616 -0
- package/es/card/style/index.css +26 -3
- package/es/card/style/index.scss +34 -3
- package/es/carousel/carousel-arrow.vue.d.ts +4 -4
- package/es/carousel/carousel-arrow.vue_vue_type_script_setup_true_lang.js +20 -4
- package/es/carousel/carousel-indicator.vue_vue_type_script_setup_true_lang.js +23 -4
- package/es/carousel/carousel-item.vue_vue_type_script_setup_true_lang.js +8 -1
- package/es/carousel/carousel.js +18 -1
- package/es/carousel/style/index.css +1 -1
- package/es/carousel/style/index.scss +1 -1
- package/es/cascader/cascader.vue.d.ts +9 -8
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +158 -128
- package/es/cascader/style/index.css +2 -2
- package/es/cascader/style/index.scss +3 -1
- package/es/cascader/types.d.ts +1 -0
- package/es/checkbox/checkbox-group.js +4 -1
- package/es/checkbox/checkbox.d.ts +9 -0
- package/es/checkbox/checkbox.js +14 -0
- package/es/checkbox/index.d.ts +15 -0
- package/es/checkbox/style/index.css +1 -1
- package/es/checkbox/style/index.scss +1 -1
- package/es/collapse/collapse-item.js +21 -3
- package/es/collapse/context.d.ts +1 -1
- package/es/color-picker/color-picker.d.ts +9 -0
- package/es/color-picker/color-picker.js +39 -11
- package/es/color-picker/index.d.ts +15 -0
- package/es/config-provider/context.d.ts +9 -9
- package/es/copy/copy.vue_vue_type_script_setup_true_lang.js +11 -3
- package/es/date-picker/index.d.ts +3 -6
- package/es/date-picker/panels/body.vue_vue_type_script_setup_true_lang.js +14 -1
- package/es/date-picker/picker.vue.d.ts +2 -3
- package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js +6 -5
- package/es/date-picker/range-picker.vue.d.ts +2 -3
- package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js +4 -4
- package/es/date-picker/style/index.css +5 -5
- package/es/date-picker/style/index.scss +4 -3
- package/es/drawer/drawer.vue.d.ts +1 -1
- package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js +30 -9
- package/es/drawer/index.d.ts +3 -3
- package/es/dropdown/dropdown-option.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/dropdown/dropdown-panel.vue.d.ts +9 -0
- package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js +75 -2
- package/es/dropdown/dropdown-submenu.vue_vue_type_script_setup_true_lang.js +5 -2
- package/es/dropdown/dropdown.vue_vue_type_script_setup_true_lang.js +4 -2
- package/es/dropdown/style/index.css +1 -1
- package/es/dropdown/style/index.scss +3 -1
- package/es/empty/empty.js +1 -1
- package/es/file-previewer/file-previewer.vue.d.ts +1 -1
- package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js +7 -3
- package/es/file-previewer/index.d.ts +3 -3
- package/es/form/context.d.ts +1 -0
- package/es/form/form-item.vue_vue_type_script_setup_true_lang.js +6 -2
- package/es/form/style/index.css +2 -2
- package/es/form/style/index.scss +2 -2
- package/es/image/image.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/preview-action.d.ts +7 -127
- package/es/image/preview.vue.d.ts +1 -1
- package/es/image/preview.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/index.css +288 -126
- package/es/index.js +3 -3
- package/es/input/index.d.ts +6 -6
- package/es/input/input.d.ts +3 -3
- package/es/input/input.js +34 -8
- package/es/input/style/index.css +2 -2
- package/es/input/style/input.scss +4 -4
- package/es/input-number/index.d.ts +9 -9
- package/es/input-number/input-number.d.ts +5 -5
- package/es/input-number/input-number.js +13 -9
- package/es/input-number/style/index.css +3 -3
- package/es/input-number/style/index.scss +5 -1
- package/es/input-tag/index.d.ts +9 -6
- package/es/input-tag/input-tag.d.ts +5 -3
- package/es/input-tag/input-tag.js +49 -36
- package/es/input-tag/style/index.css +8 -8
- package/es/input-tag/style/index.scss +11 -5
- package/es/layout/sider.vue_vue_type_script_setup_true_lang.js +31 -6
- package/es/layout/style/index.css +2 -2
- package/es/layout/style/index.scss +4 -2
- package/es/link/style/index.css +1 -1
- package/es/link/style/index.scss +3 -1
- package/es/locale/interface.d.ts +1 -0
- package/es/locale/lang/en-us.js +1 -0
- package/es/locale/lang/zh-cn.js +1 -0
- package/es/locale/lang/zh-tw.js +1 -0
- package/es/mention/index.d.ts +15 -0
- package/es/mention/mention.d.ts +9 -0
- package/es/mention/mention.js +20 -1
- package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js +30 -4
- package/es/menu/item.js +14 -1
- package/es/menu/style/index.css +6 -6
- package/es/menu/style/index.scss +5 -3
- package/es/message/style/index.css +3 -3
- package/es/message/style/index.scss +5 -3
- package/es/modal/index.d.ts +3 -3
- package/es/modal/modal.vue.d.ts +1 -1
- package/es/modal/modal.vue_vue_type_script_setup_true_lang.js +30 -15
- package/es/modal/style/index.css +2 -2
- package/es/modal/style/index.scss +3 -2
- package/es/notification/style/index.css +3 -3
- package/es/notification/style/index.scss +11 -3
- package/es/page-header/page-header.vue.d.ts +6 -6
- package/es/page-header/page-header.vue_vue_type_script_setup_true_lang.js +12 -1
- package/es/pagination/page-item-ellipsis.vue_vue_type_script_setup_true_lang.js +12 -2
- package/es/pagination/page-item-step.vue.d.ts +2 -2
- package/es/pagination/page-item-step.vue_vue_type_script_setup_true_lang.js +19 -2
- package/es/pagination/page-item.vue.d.ts +2 -2
- package/es/pagination/page-item.vue_vue_type_script_setup_true_lang.js +21 -3
- package/es/pagination/pagination.js +6 -2
- package/es/pagination/style/index.css +6 -1
- package/es/pagination/style/index.scss +9 -3
- package/es/popconfirm/popconfirm.vue_vue_type_script_setup_true_lang.js +4 -2
- package/es/popover/popover.vue_vue_type_script_setup_true_lang.js +3 -1
- package/es/progress/style/index.css +2 -2
- package/es/progress/style/index.scss +5 -3
- package/es/qr-code/qr-code-status.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js +11 -6
- package/es/radio/context.d.ts +1 -0
- package/es/radio/radio-group.js +6 -2
- package/es/radio/radio.js +1 -0
- package/es/radio/style/index.css +2 -2
- package/es/radio/style/index.scss +4 -2
- package/es/rate/index.d.ts +6 -6
- package/es/rate/rate.d.ts +3 -3
- package/es/rate/rate.js +42 -8
- package/es/resize-box/resize-box.vue.d.ts +4 -4
- package/es/resize-box/resize-box.vue_vue_type_script_setup_true_lang.js +30 -1
- package/es/result/result.vue_vue_type_script_setup_true_lang.js +7 -4
- package/es/scrollbar/style/index.css +57 -15
- package/es/scrollbar/style/index.scss +63 -15
- package/es/sd-vue.js +3 -3
- package/es/secret/secret.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/select/index.d.ts +139 -0
- package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js +4 -1
- package/es/select/select.d.ts +71 -0
- package/es/select/select.js +45 -6
- package/es/select/style/index.css +1 -1
- package/es/select/style/index.scss +3 -1
- package/es/selectable-card/style/index.css +2 -2
- package/es/selectable-card/style/index.scss +5 -5
- package/es/skeleton/skeleton.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/slider/slider-button.vue.d.ts +2 -0
- package/es/slider/slider-button.vue_vue_type_script_setup_true_lang.js +7 -2
- package/es/slider/slider.vue_vue_type_script_setup_true_lang.js +23 -2
- package/es/slider/style/index.css +1 -1
- package/es/slider/style/index.scss +3 -1
- package/es/spin/spin.js +7 -2
- package/es/spin/style/index.css +1 -1
- package/es/spin/style/index.scss +1 -1
- package/es/split/split.vue.d.ts +4 -4
- package/es/split/split.vue_vue_type_script_setup_true_lang.js +27 -3
- package/es/steps/context.d.ts +1 -0
- package/es/steps/step.vue_vue_type_script_setup_true_lang.js +15 -2
- package/es/steps/steps.vue_vue_type_script_setup_true_lang.js +6 -1
- package/es/steps/style/index.css +1 -1
- package/es/steps/style/index.scss +1 -1
- package/es/style/animation/index.scss +1 -0
- package/es/style/animation/reduced-motion.scss +22 -0
- package/es/style/animation/zoom.scss +7 -6
- package/es/style/icon.scss +9 -1
- package/es/style/normalize.scss +68 -0
- package/es/switch/style/index.css +1 -1
- package/es/switch/style/index.scss +4 -1
- package/es/switch/switch.vue_vue_type_script_setup_true_lang.js +6 -1
- package/es/table/style/index.css +8 -8
- package/es/table/style/index.scss +11 -8
- package/es/table/table-operation-td.d.ts +15 -0
- package/es/table/table-tbody.js +4 -1
- package/es/table/table-td.js +2 -1
- package/es/table/table-th.js +6 -4
- package/es/table/table-thead.js +4 -1
- package/es/table/table-tr.js +4 -1
- package/es/table/table.js +6 -2
- package/es/tabs/context.d.ts +3 -0
- package/es/tabs/index.d.ts +32 -0
- package/es/tabs/style/index.css +34 -5
- package/es/tabs/style/index.scss +45 -7
- package/es/tabs/tab-pane.vue.d.ts +4 -2
- package/es/tabs/tab-pane.vue_vue_type_script_setup_true_lang.js +39 -4
- package/es/tabs/tabs-nav.js +34 -1
- package/es/tabs/tabs-tab.vue_vue_type_script_setup_true_lang.js +27 -4
- package/es/tabs/tabs.d.ts +19 -0
- package/es/tabs/tabs.js +25 -2
- package/es/tag/index.d.ts +5 -5
- package/es/tag/style/index.css +1 -1
- package/es/tag/style/index.scss +3 -1
- package/es/tag/tag.vue.d.ts +2 -2
- package/es/tag/tag.vue_vue_type_script_setup_true_lang.js +19 -2
- package/es/textarea/index.d.ts +15 -0
- package/es/textarea/style/index.css +2 -2
- package/es/textarea/textarea.vue.d.ts +11 -2
- package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js +84 -47
- package/es/time-picker/index.d.ts +3 -6
- package/es/time-picker/panel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/time-picker/time-column.vue_vue_type_script_setup_true_lang.js +11 -3
- package/es/time-picker/time-picker.vue.d.ts +2 -3
- package/es/time-picker/time-picker.vue_vue_type_script_setup_true_lang.js +12 -6
- package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tooltip/index.d.ts +8 -127
- package/es/tooltip/interface.d.ts +17 -0
- package/es/tooltip/tooltip.vue.d.ts +5 -88
- package/es/tooltip/tooltip.vue_vue_type_script_setup_true_lang.js +9 -69
- package/es/tour/tour.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/transfer/style/index.css +1 -1
- package/es/transfer/style/index.scss +1 -1
- package/es/transfer/transfer-list-item.js +16 -2
- package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js +27 -7
- package/es/tree/context.d.ts +2 -0
- package/es/tree/style/index.css +1 -1
- package/es/tree/style/index.scss +1 -1
- package/es/tree/tree.vue_vue_type_script_setup_true_lang.js +82 -3
- package/es/tree-select/tree-select.vue.d.ts +16 -10
- package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +165 -133
- package/es/trigger/index.d.ts +45 -0
- package/es/trigger/trigger.d.ts +27 -0
- package/es/trigger/trigger.js +47 -5
- package/es/typography/base.js +1 -1
- package/es/typography/edit-content.vue_vue_type_script_setup_true_lang.js +11 -8
- package/es/typography/operations.vue_vue_type_script_setup_true_lang.js +38 -6
- package/es/typography/style/index.css +2 -2
- package/es/typography/style/index.scss +2 -2
- package/es/upload/style/index.css +9 -9
- package/es/upload/style/index.scss +15 -9
- package/es/upload/upload-button.js +1 -1
- package/es/upload/upload-list-item.js +18 -5
- package/es/upload/upload-picture-item.js +25 -3
- package/es/verification-code/index.d.ts +15 -6
- package/es/verification-code/verification-code.d.ts +9 -3
- package/es/verification-code/verification-code.js +10 -2
- package/json/vetur-attributes.json +63 -7
- package/json/vetur-tags.json +23 -7
- package/json/web-types.json +131 -10
- package/package.json +1 -1
- package/es/style/base.scss +0 -18
package/es/index.css
CHANGED
|
@@ -687,6 +687,9 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
687
687
|
/******** link *******/
|
|
688
688
|
/******** radius *******/
|
|
689
689
|
/********* icon hover *********/
|
|
690
|
+
/*! Tailwind CSS v4 preflight baseline scoped to SD Design layer */
|
|
691
|
+
/*! Tailwind CSS v4 preflight baseline scoped to SD Design layer */
|
|
692
|
+
/*! Tailwind CSS v4 preflight baseline scoped to SD Design layer */
|
|
690
693
|
/* stylelint-disable-next-line layer-name-pattern */
|
|
691
694
|
@layer sd-design {
|
|
692
695
|
*,
|
|
@@ -871,6 +874,41 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
871
874
|
[hidden]:where(:not([hidden=until-found])) {
|
|
872
875
|
display: none !important;
|
|
873
876
|
}
|
|
877
|
+
/* Native scrollbar baseline — mirrors the <Scrollbar> embed theme
|
|
878
|
+
(transparent track, neutral thumb; shares --sd-scrollbar-* with the <Scrollbar> component).
|
|
879
|
+
Opt-in: only applies within an element carrying the design-system
|
|
880
|
+
class (`.sd-design` by default; follows $prefix), e.g.
|
|
881
|
+
<html class="sd-design-system-scrollbar">. Standard scrollbar-* properties are
|
|
882
|
+
primary; ::-webkit-scrollbar*
|
|
883
|
+
is the fallback for browsers without standard support. Where the
|
|
884
|
+
standard properties apply they override the webkit rules, so the
|
|
885
|
+
rounded corners and hover/active states only render in webkit-only
|
|
886
|
+
browsers. */
|
|
887
|
+
@supports (scrollbar-color: auto) {
|
|
888
|
+
.sd-design-system-scrollbar, .sd-design-system-scrollbar * {
|
|
889
|
+
scrollbar-width: thin;
|
|
890
|
+
scrollbar-color: var(--sd-scrollbar-thumb-color, var(--sd-color-neutral-4)) transparent;
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
@supports selector(::-webkit-scrollbar) {
|
|
894
|
+
.sd-design-system-scrollbar::-webkit-scrollbar, .sd-design-system-scrollbar *::-webkit-scrollbar {
|
|
895
|
+
width: var(--sd-scrollbar-size, 6px);
|
|
896
|
+
height: var(--sd-scrollbar-size, 6px);
|
|
897
|
+
}
|
|
898
|
+
.sd-design-system-scrollbar::-webkit-scrollbar-track, .sd-design-system-scrollbar *::-webkit-scrollbar-track {
|
|
899
|
+
background: transparent;
|
|
900
|
+
}
|
|
901
|
+
.sd-design-system-scrollbar::-webkit-scrollbar-thumb, .sd-design-system-scrollbar *::-webkit-scrollbar-thumb {
|
|
902
|
+
background: var(--sd-scrollbar-thumb-color, var(--sd-color-neutral-4));
|
|
903
|
+
border-radius: var(--sd-scrollbar-thumb-radius, 6px);
|
|
904
|
+
}
|
|
905
|
+
.sd-design-system-scrollbar::-webkit-scrollbar-thumb:hover, .sd-design-system-scrollbar *::-webkit-scrollbar-thumb:hover {
|
|
906
|
+
background: var(--sd-scrollbar-thumb-color-hover, var(--sd-color-neutral-5));
|
|
907
|
+
}
|
|
908
|
+
.sd-design-system-scrollbar::-webkit-scrollbar-thumb:active, .sd-design-system-scrollbar *::-webkit-scrollbar-thumb:active {
|
|
909
|
+
background: var(--sd-scrollbar-thumb-color-active, var(--sd-color-neutral-6));
|
|
910
|
+
}
|
|
911
|
+
}
|
|
874
912
|
}
|
|
875
913
|
.sd-icon {
|
|
876
914
|
display: inline-block;
|
|
@@ -896,6 +934,12 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
896
934
|
transform: rotate(360deg);
|
|
897
935
|
}
|
|
898
936
|
}
|
|
937
|
+
@media (prefers-reduced-motion: reduce) {
|
|
938
|
+
.sd-icon-loading,
|
|
939
|
+
.sd-icon-spin {
|
|
940
|
+
animation-duration: 3s;
|
|
941
|
+
}
|
|
942
|
+
}
|
|
899
943
|
.sd-icon-hover {
|
|
900
944
|
position: relative;
|
|
901
945
|
display: block;
|
|
@@ -910,7 +954,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
910
954
|
box-sizing: border-box;
|
|
911
955
|
background-color: transparent;
|
|
912
956
|
border-radius: var(--sd-border-radius-circle);
|
|
913
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
957
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
914
958
|
content: "";
|
|
915
959
|
}
|
|
916
960
|
.sd-icon-hover:hover::before {
|
|
@@ -1026,7 +1070,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
1026
1070
|
|
|
1027
1071
|
.zoom-in-enter-from,
|
|
1028
1072
|
.zoom-in-appear-from {
|
|
1029
|
-
transform: scale(0.
|
|
1073
|
+
transform: scale(0.94, 0.94);
|
|
1030
1074
|
opacity: 0;
|
|
1031
1075
|
}
|
|
1032
1076
|
|
|
@@ -1047,7 +1091,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
1047
1091
|
}
|
|
1048
1092
|
|
|
1049
1093
|
.zoom-in-leave-to {
|
|
1050
|
-
transform: scale(0.
|
|
1094
|
+
transform: scale(0.94, 0.94);
|
|
1051
1095
|
opacity: 0;
|
|
1052
1096
|
}
|
|
1053
1097
|
|
|
@@ -1057,7 +1101,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
1057
1101
|
|
|
1058
1102
|
.zoom-in-fade-out-enter-from,
|
|
1059
1103
|
.zoom-in-fade-out-appear-from {
|
|
1060
|
-
transform: scale(0.
|
|
1104
|
+
transform: scale(0.96, 0.96);
|
|
1061
1105
|
opacity: 0;
|
|
1062
1106
|
}
|
|
1063
1107
|
|
|
@@ -1078,7 +1122,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
1078
1122
|
}
|
|
1079
1123
|
|
|
1080
1124
|
.zoom-in-fade-out-leave-to {
|
|
1081
|
-
transform: scale(0.5, 0.5);
|
|
1082
1125
|
opacity: 0;
|
|
1083
1126
|
}
|
|
1084
1127
|
|
|
@@ -1359,6 +1402,18 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
1359
1402
|
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
1360
1403
|
}
|
|
1361
1404
|
|
|
1405
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1406
|
+
[class*=-enter-from],
|
|
1407
|
+
[class*=-appear-from],
|
|
1408
|
+
[class*=-leave-to] {
|
|
1409
|
+
transform: none !important;
|
|
1410
|
+
}
|
|
1411
|
+
[class*=-enter-active],
|
|
1412
|
+
[class*=-appear-active],
|
|
1413
|
+
[class*=-leave-active] {
|
|
1414
|
+
transition-duration: 0.1s !important;
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1362
1417
|
:where(body, [sd-theme]) {
|
|
1363
1418
|
--sd-color-white: #fff;
|
|
1364
1419
|
--sd-color-black: #000;
|
|
@@ -1936,7 +1991,7 @@ body {
|
|
|
1936
1991
|
}
|
|
1937
1992
|
.sd-tag-checkable {
|
|
1938
1993
|
cursor: pointer;
|
|
1939
|
-
transition:
|
|
1994
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
1940
1995
|
}
|
|
1941
1996
|
.sd-tag-checkable:hover {
|
|
1942
1997
|
background-color: var(--sd-color-fill-2);
|
|
@@ -2387,7 +2442,7 @@ body {
|
|
|
2387
2442
|
border: 1px solid transparent;
|
|
2388
2443
|
border-radius: var(--sd-border-radius-small);
|
|
2389
2444
|
cursor: text;
|
|
2390
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
2445
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
2391
2446
|
}
|
|
2392
2447
|
.sd-select-view-single:hover {
|
|
2393
2448
|
background-color: var(--sd-color-fill-3);
|
|
@@ -2472,7 +2527,7 @@ body {
|
|
|
2472
2527
|
}
|
|
2473
2528
|
.sd-select-view-single .sd-select-view-clear-btn > svg {
|
|
2474
2529
|
position: relative;
|
|
2475
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
2530
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
2476
2531
|
}
|
|
2477
2532
|
.sd-select-view-single:hover .sd-select-view-clear-btn {
|
|
2478
2533
|
visibility: visible;
|
|
@@ -2584,7 +2639,7 @@ body {
|
|
|
2584
2639
|
border: 1px solid transparent;
|
|
2585
2640
|
border-radius: var(--sd-border-radius-small);
|
|
2586
2641
|
cursor: text;
|
|
2587
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
2642
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
2588
2643
|
}
|
|
2589
2644
|
.sd-select-view-multiple:hover {
|
|
2590
2645
|
background-color: var(--sd-color-fill-3);
|
|
@@ -2669,7 +2724,7 @@ body {
|
|
|
2669
2724
|
}
|
|
2670
2725
|
.sd-select-view-multiple .sd-select-view-clear-btn > svg {
|
|
2671
2726
|
position: relative;
|
|
2672
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
2727
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
2673
2728
|
}
|
|
2674
2729
|
.sd-select-view-multiple:hover .sd-select-view-clear-btn {
|
|
2675
2730
|
visibility: visible;
|
|
@@ -2943,7 +2998,7 @@ body {
|
|
|
2943
2998
|
background-color: var(--sd-color-fill-2);
|
|
2944
2999
|
border: 1px solid transparent;
|
|
2945
3000
|
border-radius: var(--sd-border-radius-small);
|
|
2946
|
-
transition:
|
|
3001
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
2947
3002
|
}
|
|
2948
3003
|
.sd-picker-input {
|
|
2949
3004
|
display: inline-flex;
|
|
@@ -2959,7 +3014,7 @@ body {
|
|
|
2959
3014
|
background-color: transparent;
|
|
2960
3015
|
border: none;
|
|
2961
3016
|
outline: none;
|
|
2962
|
-
transition:
|
|
3017
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
2963
3018
|
}
|
|
2964
3019
|
.sd-picker input::placeholder {
|
|
2965
3020
|
color: var(--sd-color-text-3);
|
|
@@ -3112,7 +3167,7 @@ body {
|
|
|
3112
3167
|
border: 1px solid transparent;
|
|
3113
3168
|
border-radius: var(--sd-border-radius-small);
|
|
3114
3169
|
cursor: text;
|
|
3115
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
3170
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3116
3171
|
}
|
|
3117
3172
|
.sd-input-label:hover {
|
|
3118
3173
|
background-color: var(--sd-color-fill-3);
|
|
@@ -3197,7 +3252,7 @@ body {
|
|
|
3197
3252
|
}
|
|
3198
3253
|
.sd-input-label .sd-input-label-clear-btn > svg {
|
|
3199
3254
|
position: relative;
|
|
3200
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
3255
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3201
3256
|
}
|
|
3202
3257
|
.sd-input-label:hover .sd-input-label-clear-btn {
|
|
3203
3258
|
visibility: visible;
|
|
@@ -3357,7 +3412,7 @@ body {
|
|
|
3357
3412
|
background: var(--sd-color-fill-2);
|
|
3358
3413
|
border: 1px dashed var(--sd-color-neutral-3);
|
|
3359
3414
|
border-radius: var(--sd-border-radius-small);
|
|
3360
|
-
transition:
|
|
3415
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3361
3416
|
}
|
|
3362
3417
|
.sd-upload-picture-card:hover {
|
|
3363
3418
|
color: var(--sd-color-text-2);
|
|
@@ -3372,7 +3427,7 @@ body {
|
|
|
3372
3427
|
background-color: var(--sd-color-fill-1);
|
|
3373
3428
|
border: 1px dashed var(--sd-color-neutral-3);
|
|
3374
3429
|
border-radius: var(--sd-border-radius-small);
|
|
3375
|
-
transition:
|
|
3430
|
+
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
|
|
3376
3431
|
}
|
|
3377
3432
|
.sd-upload-drag .sd-icon-plus {
|
|
3378
3433
|
margin-bottom: 24px;
|
|
@@ -3472,7 +3527,7 @@ body {
|
|
|
3472
3527
|
color: rgb(var(--sd-primary-6));
|
|
3473
3528
|
font-size: 14px;
|
|
3474
3529
|
cursor: pointer;
|
|
3475
|
-
transition:
|
|
3530
|
+
transition: color 0.2s ease;
|
|
3476
3531
|
}
|
|
3477
3532
|
.sd-upload-icon-upload:active, .sd-upload-icon-upload:hover {
|
|
3478
3533
|
color: rgb(var(--sd-primary-7));
|
|
@@ -3518,7 +3573,7 @@ body {
|
|
|
3518
3573
|
font-size: 14px;
|
|
3519
3574
|
background-color: var(--sd-color-fill-1);
|
|
3520
3575
|
border-radius: var(--sd-border-radius-small);
|
|
3521
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
3576
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3522
3577
|
}
|
|
3523
3578
|
.sd-upload-list-item-file-icon {
|
|
3524
3579
|
margin-right: 12px;
|
|
@@ -3607,7 +3662,7 @@ body {
|
|
|
3607
3662
|
padding-right: 0;
|
|
3608
3663
|
overflow: hidden;
|
|
3609
3664
|
vertical-align: top;
|
|
3610
|
-
transition:
|
|
3665
|
+
transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3611
3666
|
}
|
|
3612
3667
|
.sd-upload-list-picture-status-error .sd-upload-list-picture-mask {
|
|
3613
3668
|
opacity: 1;
|
|
@@ -3637,7 +3692,7 @@ body {
|
|
|
3637
3692
|
background: rgba(0, 0, 0, 0.5);
|
|
3638
3693
|
cursor: pointer;
|
|
3639
3694
|
opacity: 0;
|
|
3640
|
-
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
|
|
3695
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3641
3696
|
}
|
|
3642
3697
|
.sd-upload-list-picture-operation {
|
|
3643
3698
|
display: none;
|
|
@@ -3693,7 +3748,7 @@ body {
|
|
|
3693
3748
|
margin: 0;
|
|
3694
3749
|
overflow: hidden;
|
|
3695
3750
|
opacity: 0;
|
|
3696
|
-
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
|
|
3751
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
|
|
3697
3752
|
}
|
|
3698
3753
|
|
|
3699
3754
|
.sd-upload-list-item.sd-upload-slide-inline-enter {
|
|
@@ -3701,7 +3756,7 @@ body {
|
|
|
3701
3756
|
}
|
|
3702
3757
|
.sd-upload-list-item.sd-upload-slide-inline-enter-active {
|
|
3703
3758
|
opacity: 1;
|
|
3704
|
-
transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
|
|
3759
|
+
transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3705
3760
|
}
|
|
3706
3761
|
.sd-upload-list-item.sd-upload-slide-inline-exit {
|
|
3707
3762
|
opacity: 1;
|
|
@@ -3710,7 +3765,7 @@ body {
|
|
|
3710
3765
|
margin: 0;
|
|
3711
3766
|
overflow: hidden;
|
|
3712
3767
|
opacity: 0;
|
|
3713
|
-
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
|
|
3768
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
|
|
3714
3769
|
}
|
|
3715
3770
|
|
|
3716
3771
|
.sd-typography {
|
|
@@ -3827,7 +3882,7 @@ body {
|
|
|
3827
3882
|
background-color: transparent;
|
|
3828
3883
|
border-radius: 2px;
|
|
3829
3884
|
cursor: pointer;
|
|
3830
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
3885
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3831
3886
|
}
|
|
3832
3887
|
.sd-typography-operation-copy:hover {
|
|
3833
3888
|
color: var(--sd-color-text-2);
|
|
@@ -3843,7 +3898,7 @@ body {
|
|
|
3843
3898
|
background-color: transparent;
|
|
3844
3899
|
border-radius: 2px;
|
|
3845
3900
|
cursor: pointer;
|
|
3846
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
3901
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
3847
3902
|
}
|
|
3848
3903
|
.sd-typography-operation-edit:hover {
|
|
3849
3904
|
color: var(--sd-color-text-2);
|
|
@@ -4021,7 +4076,7 @@ body {
|
|
|
4021
4076
|
}
|
|
4022
4077
|
.sd-tree-node-selected .sd-tree-node-title, .sd-tree-node-selected .sd-tree-node-title:hover {
|
|
4023
4078
|
color: rgb(var(--sd-primary-6));
|
|
4024
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
4079
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
4025
4080
|
}
|
|
4026
4081
|
.sd-tree-node-disabled-selectable .sd-tree-node-title,
|
|
4027
4082
|
.sd-tree-node-disabled-selectable .sd-tree-node-title:hover, .sd-tree-node-disabled .sd-tree-node-title,
|
|
@@ -4432,7 +4487,7 @@ body {
|
|
|
4432
4487
|
}
|
|
4433
4488
|
.sd-transfer-list-item-dragged {
|
|
4434
4489
|
animation: sd-transfer-drag-item-blink 0.4s;
|
|
4435
|
-
animation-timing-function: cubic-bezier(0, 0, 1, 1);
|
|
4490
|
+
animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
4436
4491
|
}
|
|
4437
4492
|
.sd-transfer-operations {
|
|
4438
4493
|
padding: 0 20px;
|
|
@@ -5101,7 +5156,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5101
5156
|
border: 1px solid transparent;
|
|
5102
5157
|
border-radius: var(--sd-border-radius-small);
|
|
5103
5158
|
cursor: text;
|
|
5104
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
5159
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5105
5160
|
}
|
|
5106
5161
|
.sd-textarea-wrapper:hover {
|
|
5107
5162
|
background-color: var(--sd-color-fill-3);
|
|
@@ -5186,7 +5241,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5186
5241
|
}
|
|
5187
5242
|
.sd-textarea-wrapper .sd-textarea-clear-btn > svg {
|
|
5188
5243
|
position: relative;
|
|
5189
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
5244
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5190
5245
|
}
|
|
5191
5246
|
.sd-textarea-wrapper:hover .sd-textarea-clear-btn {
|
|
5192
5247
|
visibility: visible;
|
|
@@ -5507,7 +5562,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5507
5562
|
line-height: 1.5715;
|
|
5508
5563
|
outline: none;
|
|
5509
5564
|
cursor: pointer;
|
|
5510
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
5565
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5511
5566
|
}
|
|
5512
5567
|
.sd-tabs-tab-title {
|
|
5513
5568
|
display: inline-block;
|
|
@@ -5563,7 +5618,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5563
5618
|
background-color: transparent;
|
|
5564
5619
|
border-radius: var(--sd-border-radius-small);
|
|
5565
5620
|
opacity: 1;
|
|
5566
|
-
transition: background-color 0.2s cubic-bezier(0, 0, 1, 1), opacity 0.2s cubic-bezier(0, 0, 1, 1);
|
|
5621
|
+
transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5567
5622
|
content: "";
|
|
5568
5623
|
}
|
|
5569
5624
|
.sd-tabs-nav-type-line .sd-tabs-tab:hover .sd-tabs-tab-title::before {
|
|
@@ -5589,7 +5644,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5589
5644
|
padding: 4px 16px;
|
|
5590
5645
|
font-size: 14px;
|
|
5591
5646
|
border: 1px solid var(--sd-color-neutral-3);
|
|
5592
|
-
transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
5647
|
+
transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5593
5648
|
}
|
|
5594
5649
|
.sd-tabs-nav-type-card .sd-tabs-tab-closable, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable {
|
|
5595
5650
|
padding-right: 12px;
|
|
@@ -5764,7 +5819,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5764
5819
|
height: 14px;
|
|
5765
5820
|
background-color: var(--sd-color-fill-3);
|
|
5766
5821
|
transform: translateY(-50%);
|
|
5767
|
-
transition:
|
|
5822
|
+
transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5768
5823
|
content: "";
|
|
5769
5824
|
}
|
|
5770
5825
|
|
|
@@ -5801,7 +5856,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5801
5856
|
border-top: none;
|
|
5802
5857
|
}
|
|
5803
5858
|
.sd-tabs-content-animation {
|
|
5804
|
-
transition:
|
|
5859
|
+
transition: margin 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
5805
5860
|
}
|
|
5806
5861
|
.sd-tabs-horizontal.sd-tabs-justify {
|
|
5807
5862
|
display: flex;
|
|
@@ -5814,6 +5869,35 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5814
5869
|
height: 100%;
|
|
5815
5870
|
}
|
|
5816
5871
|
|
|
5872
|
+
.sd-tabs-horizontal.sd-tabs-full-height {
|
|
5873
|
+
display: flex;
|
|
5874
|
+
flex-direction: column;
|
|
5875
|
+
height: 100%;
|
|
5876
|
+
}
|
|
5877
|
+
.sd-tabs-horizontal.sd-tabs-full-height > .sd-tabs-nav {
|
|
5878
|
+
flex-shrink: 0;
|
|
5879
|
+
}
|
|
5880
|
+
.sd-tabs-horizontal.sd-tabs-full-height .sd-tabs-content {
|
|
5881
|
+
flex: 1;
|
|
5882
|
+
min-height: 0;
|
|
5883
|
+
}
|
|
5884
|
+
.sd-tabs-horizontal.sd-tabs-full-height .sd-tabs-content-list {
|
|
5885
|
+
height: 100%;
|
|
5886
|
+
}
|
|
5887
|
+
.sd-tabs-horizontal.sd-tabs-full-height .sd-tabs-content-item-active {
|
|
5888
|
+
height: 100%;
|
|
5889
|
+
}
|
|
5890
|
+
.sd-tabs-horizontal.sd-tabs-full-height .sd-tabs-pane {
|
|
5891
|
+
height: 100%;
|
|
5892
|
+
overflow: auto;
|
|
5893
|
+
}
|
|
5894
|
+
.sd-tabs-horizontal.sd-tabs-full-height .sd-tabs-pane-scroll {
|
|
5895
|
+
overflow: hidden;
|
|
5896
|
+
}
|
|
5897
|
+
.sd-tabs-horizontal.sd-tabs-full-height .sd-tabs-pane-scrollbar {
|
|
5898
|
+
height: 100%;
|
|
5899
|
+
}
|
|
5900
|
+
|
|
5817
5901
|
.sd-tabs-nav-size-mini.sd-tabs-nav-type-line .sd-tabs-nav-extra {
|
|
5818
5902
|
font-size: 12px;
|
|
5819
5903
|
line-height: 32px;
|
|
@@ -6415,7 +6499,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6415
6499
|
width: 10px;
|
|
6416
6500
|
box-shadow: none;
|
|
6417
6501
|
transform: translateX(-100%);
|
|
6418
|
-
transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
|
|
6502
|
+
transition: box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6419
6503
|
content: "";
|
|
6420
6504
|
pointer-events: none;
|
|
6421
6505
|
}
|
|
@@ -6433,7 +6517,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6433
6517
|
border: 1px solid var(--sd-color-white);
|
|
6434
6518
|
border-radius: var(--sd-border-radius-medium);
|
|
6435
6519
|
cursor: pointer;
|
|
6436
|
-
transition:
|
|
6520
|
+
transition: border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6437
6521
|
}
|
|
6438
6522
|
.sd-table-editable-row:hover .sd-table-cell-wrap-value {
|
|
6439
6523
|
border: 1px solid var(--sd-color-neutral-3);
|
|
@@ -6453,7 +6537,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6453
6537
|
border-radius: 2px;
|
|
6454
6538
|
outline: none;
|
|
6455
6539
|
cursor: pointer;
|
|
6456
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
6540
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6457
6541
|
}
|
|
6458
6542
|
.sd-table .sd-table-expand-btn:hover {
|
|
6459
6543
|
color: var(--sd-color-text-1);
|
|
@@ -6530,7 +6614,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6530
6614
|
max-width: 40px;
|
|
6531
6615
|
}
|
|
6532
6616
|
.sd-table-th {
|
|
6533
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
6617
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6534
6618
|
}
|
|
6535
6619
|
.sd-table-cell-with-sorter {
|
|
6536
6620
|
display: flex;
|
|
@@ -6577,7 +6661,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6577
6661
|
top: 50%;
|
|
6578
6662
|
color: var(--sd-color-neutral-5);
|
|
6579
6663
|
font-size: 12px;
|
|
6580
|
-
transition:
|
|
6664
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6581
6665
|
}
|
|
6582
6666
|
.sd-table-sorter-icon .sd-icon-caret-up {
|
|
6583
6667
|
top: -2px;
|
|
@@ -6603,7 +6687,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6603
6687
|
vertical-align: 0;
|
|
6604
6688
|
background-color: transparent;
|
|
6605
6689
|
cursor: pointer;
|
|
6606
|
-
transition:
|
|
6690
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6607
6691
|
}
|
|
6608
6692
|
.sd-table-filters:hover, .sd-table-filters-open {
|
|
6609
6693
|
background-color: var(--sd-color-neutral-4);
|
|
@@ -6611,7 +6695,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6611
6695
|
.sd-table-filters svg {
|
|
6612
6696
|
color: var(--sd-color-text-2);
|
|
6613
6697
|
font-size: 16px;
|
|
6614
|
-
transition:
|
|
6698
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6615
6699
|
}
|
|
6616
6700
|
.sd-table-filters-active svg {
|
|
6617
6701
|
color: rgb(var(--sd-primary-6));
|
|
@@ -6665,7 +6749,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
6665
6749
|
width: 10px;
|
|
6666
6750
|
height: 100%;
|
|
6667
6751
|
box-shadow: none;
|
|
6668
|
-
transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
|
|
6752
|
+
transition: box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
6669
6753
|
content: "";
|
|
6670
6754
|
pointer-events: none;
|
|
6671
6755
|
}
|
|
@@ -7008,7 +7092,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
7008
7092
|
font-size: 12px;
|
|
7009
7093
|
background-color: var(--sd-color-bg-white);
|
|
7010
7094
|
border-radius: 50%;
|
|
7011
|
-
transition:
|
|
7095
|
+
transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
7012
7096
|
}
|
|
7013
7097
|
.sd-switch-checked {
|
|
7014
7098
|
background-color: rgb(var(--sd-primary-6));
|
|
@@ -7763,7 +7847,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
7763
7847
|
}
|
|
7764
7848
|
.sd-steps-changeable .sd-steps-item-title,
|
|
7765
7849
|
.sd-steps-changeable .sd-steps-item-description {
|
|
7766
|
-
transition:
|
|
7850
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
7767
7851
|
}
|
|
7768
7852
|
.sd-steps-changeable .sd-steps-item:not(.sd-steps-item-active, .sd-steps-item-disabled) {
|
|
7769
7853
|
cursor: pointer;
|
|
@@ -8038,7 +8122,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8038
8122
|
z-index: 11;
|
|
8039
8123
|
text-align: center;
|
|
8040
8124
|
background-color: var(--sd-color-spin-layer-bg);
|
|
8041
|
-
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
|
|
8125
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
8042
8126
|
user-select: none;
|
|
8043
8127
|
}
|
|
8044
8128
|
.sd-spin-loading {
|
|
@@ -8207,7 +8291,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8207
8291
|
background: var(--sd-color-bg-2);
|
|
8208
8292
|
border: 2px solid rgb(var(--sd-primary-6));
|
|
8209
8293
|
border-radius: 50%;
|
|
8210
|
-
transition:
|
|
8294
|
+
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), box-shadow 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
8211
8295
|
content: "";
|
|
8212
8296
|
}
|
|
8213
8297
|
.sd-slider-btn.sd-slider-btn-active::after, .sd-slider-btn:hover::after {
|
|
@@ -8418,7 +8502,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8418
8502
|
.sd-select-dropdown .sd-select-option-active, .sd-select-dropdown .sd-select-option:not(.sd-select-dropdown .sd-select-option-disabled):hover {
|
|
8419
8503
|
color: var(--sd-color-text-1);
|
|
8420
8504
|
background-color: var(--sd-color-fill-2);
|
|
8421
|
-
transition:
|
|
8505
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
8422
8506
|
}
|
|
8423
8507
|
.sd-select-dropdown .sd-select-option-disabled {
|
|
8424
8508
|
color: var(--sd-color-text-4);
|
|
@@ -8509,24 +8593,45 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8509
8593
|
height: 100%;
|
|
8510
8594
|
}
|
|
8511
8595
|
.sd-scrollbar .os-scrollbar {
|
|
8512
|
-
--os-size: 6px;
|
|
8513
|
-
--os-handle-bg: var(
|
|
8514
|
-
|
|
8515
|
-
|
|
8596
|
+
--os-size: var(--sd-scrollbar-size, 6px);
|
|
8597
|
+
--os-handle-bg: var(
|
|
8598
|
+
--sd-scrollbar-thumb-color,
|
|
8599
|
+
var(--sd-color-neutral-4)
|
|
8600
|
+
);
|
|
8601
|
+
--os-handle-bg-hover: var(
|
|
8602
|
+
--sd-scrollbar-thumb-color-hover,
|
|
8603
|
+
var(--sd-color-neutral-5)
|
|
8604
|
+
);
|
|
8605
|
+
--os-handle-bg-active: var(
|
|
8606
|
+
--sd-scrollbar-thumb-color-active,
|
|
8607
|
+
var(--sd-color-neutral-6)
|
|
8608
|
+
);
|
|
8516
8609
|
--os-track-bg: transparent;
|
|
8517
8610
|
--os-track-bg-hover: transparent;
|
|
8518
8611
|
--os-track-bg-active: transparent;
|
|
8519
8612
|
--os-padding-axis: 0;
|
|
8520
8613
|
--os-padding-perpendicular: 0;
|
|
8521
|
-
--os-handle-border-radius:
|
|
8614
|
+
--os-handle-border-radius: var(
|
|
8615
|
+
--sd-scrollbar-thumb-radius,
|
|
8616
|
+
6px
|
|
8617
|
+
);
|
|
8522
8618
|
}
|
|
8523
8619
|
.sd-scrollbar .os-scrollbar-handle {
|
|
8524
8620
|
transition: background-color 0.16s ease, opacity 0.16s ease;
|
|
8525
8621
|
}
|
|
8526
8622
|
.sd-scrollbar .sd-scrollbar-theme-embed {
|
|
8527
|
-
--os-handle-perpendicular-size:
|
|
8528
|
-
|
|
8529
|
-
|
|
8623
|
+
--os-handle-perpendicular-size: var(
|
|
8624
|
+
--sd-scrollbar-size,
|
|
8625
|
+
6px
|
|
8626
|
+
);
|
|
8627
|
+
--os-handle-perpendicular-size-hover: var(
|
|
8628
|
+
--sd-scrollbar-size,
|
|
8629
|
+
6px
|
|
8630
|
+
);
|
|
8631
|
+
--os-handle-perpendicular-size-active: var(
|
|
8632
|
+
--sd-scrollbar-size,
|
|
8633
|
+
6px
|
|
8634
|
+
);
|
|
8530
8635
|
--os-handle-interactive-area-offset: 0;
|
|
8531
8636
|
}
|
|
8532
8637
|
.sd-scrollbar .sd-scrollbar-theme-track {
|
|
@@ -8535,18 +8640,39 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8535
8640
|
--os-track-bg-hover: var(--sd-color-neutral-1);
|
|
8536
8641
|
--os-track-bg-active: var(--sd-color-neutral-1);
|
|
8537
8642
|
--os-track-border: 1px solid var(--sd-color-neutral-3);
|
|
8538
|
-
--os-handle-perpendicular-size:
|
|
8643
|
+
--os-handle-perpendicular-size: var(
|
|
8644
|
+
--sd-scrollbar-size,
|
|
8645
|
+
6px
|
|
8646
|
+
);
|
|
8539
8647
|
--os-padding-axis: -1px;
|
|
8540
8648
|
}
|
|
8541
8649
|
.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-theme-embed {
|
|
8542
|
-
--os-handle-bg: var(
|
|
8543
|
-
|
|
8544
|
-
|
|
8650
|
+
--os-handle-bg: var(
|
|
8651
|
+
--sd-scrollbar-thumb-color,
|
|
8652
|
+
var(--sd-color-neutral-4)
|
|
8653
|
+
);
|
|
8654
|
+
--os-handle-bg-hover: var(
|
|
8655
|
+
--sd-scrollbar-thumb-color-hover,
|
|
8656
|
+
var(--sd-color-neutral-5)
|
|
8657
|
+
);
|
|
8658
|
+
--os-handle-bg-active: var(
|
|
8659
|
+
--sd-scrollbar-thumb-color-active,
|
|
8660
|
+
var(--sd-color-neutral-6)
|
|
8661
|
+
);
|
|
8545
8662
|
}
|
|
8546
8663
|
.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-theme-track {
|
|
8547
|
-
--os-handle-bg: var(
|
|
8548
|
-
|
|
8549
|
-
|
|
8664
|
+
--os-handle-bg: var(
|
|
8665
|
+
--sd-scrollbar-thumb-color,
|
|
8666
|
+
var(--sd-color-neutral-4)
|
|
8667
|
+
);
|
|
8668
|
+
--os-handle-bg-hover: var(
|
|
8669
|
+
--sd-scrollbar-thumb-color-hover,
|
|
8670
|
+
var(--sd-color-neutral-5)
|
|
8671
|
+
);
|
|
8672
|
+
--os-handle-bg-active: var(
|
|
8673
|
+
--sd-scrollbar-thumb-color-active,
|
|
8674
|
+
var(--sd-color-neutral-6)
|
|
8675
|
+
);
|
|
8550
8676
|
}
|
|
8551
8677
|
|
|
8552
8678
|
.sd-result {
|
|
@@ -8789,7 +8915,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8789
8915
|
height: 100%;
|
|
8790
8916
|
background-color: var(--sd-color-primary-light-3);
|
|
8791
8917
|
border-radius: 0 100px 100px 0;
|
|
8792
|
-
transition:
|
|
8918
|
+
transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
8793
8919
|
}
|
|
8794
8920
|
.sd-progress-line-bar-animate::after {
|
|
8795
8921
|
position: absolute;
|
|
@@ -8923,7 +9049,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
8923
9049
|
stroke: var(--sd-color-fill-3);
|
|
8924
9050
|
}
|
|
8925
9051
|
.sd-progress-circle-bar {
|
|
8926
|
-
transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
|
|
9052
|
+
transition: stroke-dashoffset 0.6s cubic-bezier(0.34, 0.69, 0.1, 1) 0s, stroke 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
8927
9053
|
stroke: rgb(var(--sd-primary-6));
|
|
8928
9054
|
}
|
|
8929
9055
|
.sd-progress-size-mini .sd-progress-circle-bg {
|
|
@@ -9209,7 +9335,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9209
9335
|
background-color: transparent;
|
|
9210
9336
|
border-radius: var(--sd-border-radius-small);
|
|
9211
9337
|
cursor: pointer;
|
|
9212
|
-
transition:
|
|
9338
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
9213
9339
|
}
|
|
9214
9340
|
.sd-radio-button-content {
|
|
9215
9341
|
position: relative;
|
|
@@ -9225,7 +9351,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9225
9351
|
height: 14px;
|
|
9226
9352
|
background-color: var(--sd-color-neutral-3);
|
|
9227
9353
|
transform: translateY(-50%);
|
|
9228
|
-
transition:
|
|
9354
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
9229
9355
|
content: "";
|
|
9230
9356
|
}
|
|
9231
9357
|
.sd-radio-button:hover::before, .sd-radio-button:hover + .sd-radio-button::before, .sd-radio-button.sd-radio-checked::before, .sd-radio-button.sd-radio-checked + .sd-radio-button::before {
|
|
@@ -9396,7 +9522,13 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9396
9522
|
border-radius: var(--sd-border-radius-small);
|
|
9397
9523
|
outline: 0;
|
|
9398
9524
|
cursor: pointer;
|
|
9525
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
9399
9526
|
user-select: none;
|
|
9527
|
+
}
|
|
9528
|
+
.sd-pagination-item:active:not(.sd-pagination-item-disabled) {
|
|
9529
|
+
transform: scale(0.97);
|
|
9530
|
+
}
|
|
9531
|
+
.sd-pagination-item {
|
|
9400
9532
|
min-width: 32px;
|
|
9401
9533
|
height: 32px;
|
|
9402
9534
|
font-size: 14px;
|
|
@@ -9414,7 +9546,6 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9414
9546
|
color: rgb(var(--sd-primary-6));
|
|
9415
9547
|
background-color: var(--sd-color-primary-light-1);
|
|
9416
9548
|
border-color: transparent;
|
|
9417
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
9418
9549
|
}
|
|
9419
9550
|
.sd-pagination-item-disabled, .sd-pagination-item-disabled:hover {
|
|
9420
9551
|
color: var(--sd-color-text-4);
|
|
@@ -9767,7 +9898,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9767
9898
|
border-radius: var(--sd-border-radius-medium);
|
|
9768
9899
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
9769
9900
|
opacity: 1;
|
|
9770
|
-
transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
|
|
9901
|
+
transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
9771
9902
|
}
|
|
9772
9903
|
.sd-notification:not(:last-child) {
|
|
9773
9904
|
margin-bottom: 20px;
|
|
@@ -9897,7 +10028,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9897
10028
|
}
|
|
9898
10029
|
|
|
9899
10030
|
.slide-left-notification-leave-active {
|
|
9900
|
-
transition:
|
|
10031
|
+
transition: height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), padding 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
9901
10032
|
}
|
|
9902
10033
|
|
|
9903
10034
|
.slide-right-notification-enter-from,
|
|
@@ -9929,7 +10060,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9929
10060
|
}
|
|
9930
10061
|
|
|
9931
10062
|
.slide-right-notification-leave-active {
|
|
9932
|
-
transition:
|
|
10063
|
+
transition: height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), padding 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
9933
10064
|
}
|
|
9934
10065
|
|
|
9935
10066
|
.sd-modal-container {
|
|
@@ -10115,7 +10246,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10115
10246
|
|
|
10116
10247
|
.zoom-modal-enter-from,
|
|
10117
10248
|
.zoom-modal-appear-from {
|
|
10118
|
-
transform: scale(0.
|
|
10249
|
+
transform: scale(0.94, 0.94);
|
|
10119
10250
|
opacity: 0;
|
|
10120
10251
|
}
|
|
10121
10252
|
|
|
@@ -10136,7 +10267,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10136
10267
|
}
|
|
10137
10268
|
|
|
10138
10269
|
.zoom-modal-leave-to {
|
|
10139
|
-
transform: scale(0.
|
|
10270
|
+
transform: scale(0.94, 0.94);
|
|
10140
10271
|
opacity: 0;
|
|
10141
10272
|
}
|
|
10142
10273
|
|
|
@@ -10206,7 +10337,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10206
10337
|
border: 1px solid var(--sd-color-neutral-3);
|
|
10207
10338
|
border-radius: var(--sd-border-radius-small);
|
|
10208
10339
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
|
10209
|
-
transition:
|
|
10340
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10210
10341
|
pointer-events: auto;
|
|
10211
10342
|
}
|
|
10212
10343
|
.sd-message-icon {
|
|
@@ -10215,7 +10346,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10215
10346
|
color: var(--sd-color-text-1);
|
|
10216
10347
|
font-size: 20px;
|
|
10217
10348
|
vertical-align: middle;
|
|
10218
|
-
animation: sd-msg-fade 0.1s cubic-bezier(0, 0, 1, 1), sd-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
10349
|
+
animation: sd-msg-fade 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), sd-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
10219
10350
|
}
|
|
10220
10351
|
.sd-message-content {
|
|
10221
10352
|
color: var(--sd-color-text-1);
|
|
@@ -10294,7 +10425,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10294
10425
|
|
|
10295
10426
|
.fade-message-enter-active,
|
|
10296
10427
|
.fade-message-appear-active {
|
|
10297
|
-
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
|
|
10428
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10298
10429
|
}
|
|
10299
10430
|
|
|
10300
10431
|
.fade-message-leave-from {
|
|
@@ -10404,13 +10535,13 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10404
10535
|
.sd-menu .sd-menu-pop-header.sd-menu-selected,
|
|
10405
10536
|
.sd-menu .sd-menu-inline-header.sd-menu-selected {
|
|
10406
10537
|
font-weight: 500;
|
|
10407
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
10538
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10408
10539
|
}
|
|
10409
10540
|
.sd-menu .sd-menu-item.sd-menu-selected svg,
|
|
10410
10541
|
.sd-menu .sd-menu-group-title.sd-menu-selected svg,
|
|
10411
10542
|
.sd-menu .sd-menu-pop-header.sd-menu-selected svg,
|
|
10412
10543
|
.sd-menu .sd-menu-inline-header.sd-menu-selected svg {
|
|
10413
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
10544
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10414
10545
|
}
|
|
10415
10546
|
.sd-menu .sd-menu-item .sd-icon,
|
|
10416
10547
|
.sd-menu .sd-menu-item .sd-menu-icon,
|
|
@@ -10516,7 +10647,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10516
10647
|
.sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
|
|
10517
10648
|
.sd-menu-light.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected {
|
|
10518
10649
|
background: none;
|
|
10519
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
10650
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10520
10651
|
}
|
|
10521
10652
|
.sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
|
|
10522
10653
|
.sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
|
|
@@ -10623,7 +10754,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10623
10754
|
.sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
|
|
10624
10755
|
.sd-menu-dark.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected {
|
|
10625
10756
|
background: none;
|
|
10626
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
10757
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10627
10758
|
}
|
|
10628
10759
|
.sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
|
|
10629
10760
|
.sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
|
|
@@ -10828,7 +10959,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10828
10959
|
left: 12px;
|
|
10829
10960
|
height: 3px;
|
|
10830
10961
|
background-color: rgb(var(--sd-primary-6));
|
|
10831
|
-
animation: sd-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1);
|
|
10962
|
+
animation: sd-menu-selected-item-label-enter 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10832
10963
|
}
|
|
10833
10964
|
.sd-menu-pop-button {
|
|
10834
10965
|
width: auto;
|
|
@@ -10961,7 +11092,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10961
11092
|
color: var(--sd-color-text-1);
|
|
10962
11093
|
font-weight: 500;
|
|
10963
11094
|
background-color: transparent;
|
|
10964
|
-
transition:
|
|
11095
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10965
11096
|
}
|
|
10966
11097
|
.sd-trigger-menu-item:hover, .sd-trigger-menu-pop-header:hover {
|
|
10967
11098
|
color: var(--sd-color-text-1);
|
|
@@ -11223,7 +11354,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11223
11354
|
background-color: transparent;
|
|
11224
11355
|
border-radius: var(--sd-border-radius-small);
|
|
11225
11356
|
cursor: pointer;
|
|
11226
|
-
transition:
|
|
11357
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11227
11358
|
}
|
|
11228
11359
|
.sd-link:hover {
|
|
11229
11360
|
color: rgb(var(--sd-link-6));
|
|
@@ -11417,7 +11548,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11417
11548
|
line-height: 44px;
|
|
11418
11549
|
text-align: center;
|
|
11419
11550
|
cursor: pointer;
|
|
11420
|
-
transition:
|
|
11551
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11421
11552
|
}
|
|
11422
11553
|
.sd-layout-sider-zero-width-trigger {
|
|
11423
11554
|
position: absolute;
|
|
@@ -11440,7 +11571,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11440
11571
|
position: absolute;
|
|
11441
11572
|
inset: 0;
|
|
11442
11573
|
background: transparent;
|
|
11443
|
-
transition:
|
|
11574
|
+
transition: background-color 0.3s ease;
|
|
11444
11575
|
content: "";
|
|
11445
11576
|
}
|
|
11446
11577
|
.sd-layout-sider-zero-width-trigger:hover::after {
|
|
@@ -11511,7 +11642,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11511
11642
|
border: 1px solid transparent;
|
|
11512
11643
|
border-radius: var(--sd-border-radius-small);
|
|
11513
11644
|
cursor: text;
|
|
11514
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
11645
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11515
11646
|
}
|
|
11516
11647
|
.sd-input-tag:hover {
|
|
11517
11648
|
background-color: var(--sd-color-fill-3);
|
|
@@ -11596,7 +11727,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11596
11727
|
}
|
|
11597
11728
|
.sd-input-tag .sd-input-tag-clear-btn > svg {
|
|
11598
11729
|
position: relative;
|
|
11599
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
11730
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11600
11731
|
}
|
|
11601
11732
|
.sd-input-tag:hover .sd-input-tag-clear-btn {
|
|
11602
11733
|
visibility: visible;
|
|
@@ -11830,7 +11961,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11830
11961
|
}
|
|
11831
11962
|
|
|
11832
11963
|
.input-tag-zoom-enter-from {
|
|
11833
|
-
transform: scale(0.
|
|
11964
|
+
transform: scale(0.94, 0.94);
|
|
11834
11965
|
opacity: 0;
|
|
11835
11966
|
}
|
|
11836
11967
|
|
|
@@ -11840,7 +11971,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11840
11971
|
}
|
|
11841
11972
|
|
|
11842
11973
|
.input-tag-zoom-enter-active {
|
|
11843
|
-
transition:
|
|
11974
|
+
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11844
11975
|
}
|
|
11845
11976
|
|
|
11846
11977
|
.input-tag-zoom-leave-from {
|
|
@@ -11849,17 +11980,17 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11849
11980
|
}
|
|
11850
11981
|
|
|
11851
11982
|
.input-tag-zoom-leave-to {
|
|
11852
|
-
transform: scale(0.
|
|
11983
|
+
transform: scale(0.94, 0.94);
|
|
11853
11984
|
opacity: 0;
|
|
11854
11985
|
}
|
|
11855
11986
|
|
|
11856
11987
|
.input-tag-zoom-leave-active {
|
|
11857
11988
|
position: absolute;
|
|
11858
|
-
transition:
|
|
11989
|
+
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11859
11990
|
}
|
|
11860
11991
|
|
|
11861
11992
|
.input-tag-zoom-move {
|
|
11862
|
-
transition:
|
|
11993
|
+
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
11863
11994
|
}
|
|
11864
11995
|
|
|
11865
11996
|
.sd-input-number {
|
|
@@ -11878,7 +12009,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11878
12009
|
background-color: var(--sd-color-fill-2);
|
|
11879
12010
|
cursor: pointer;
|
|
11880
12011
|
user-select: none;
|
|
11881
|
-
transition:
|
|
12012
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11882
12013
|
}
|
|
11883
12014
|
.sd-input-number-step-button:hover {
|
|
11884
12015
|
background-color: var(--sd-color-fill-3);
|
|
@@ -11901,7 +12032,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11901
12032
|
position: relative;
|
|
11902
12033
|
}
|
|
11903
12034
|
.sd-input-number-prefix, .sd-input-number-suffix {
|
|
11904
|
-
transition:
|
|
12035
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11905
12036
|
}
|
|
11906
12037
|
.sd-input-number-mode-embed .sd-input-number-step {
|
|
11907
12038
|
position: absolute;
|
|
@@ -11912,7 +12043,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11912
12043
|
overflow: hidden;
|
|
11913
12044
|
border-radius: 1px;
|
|
11914
12045
|
opacity: 0;
|
|
11915
|
-
transition:
|
|
12046
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
11916
12047
|
}
|
|
11917
12048
|
.sd-input-number-mode-embed .sd-input-number-step .sd-input-number-step-button {
|
|
11918
12049
|
width: 100%;
|
|
@@ -12004,7 +12135,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
12004
12135
|
border: 1px solid transparent;
|
|
12005
12136
|
border-radius: var(--sd-border-radius-small);
|
|
12006
12137
|
cursor: text;
|
|
12007
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
12138
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
12008
12139
|
}
|
|
12009
12140
|
.sd-input-wrapper:hover {
|
|
12010
12141
|
background-color: var(--sd-color-fill-3);
|
|
@@ -12089,7 +12220,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
12089
12220
|
}
|
|
12090
12221
|
.sd-input-wrapper .sd-input-clear-btn > svg {
|
|
12091
12222
|
position: relative;
|
|
12092
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
12223
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
12093
12224
|
}
|
|
12094
12225
|
.sd-input-wrapper:hover .sd-input-clear-btn {
|
|
12095
12226
|
visibility: visible;
|
|
@@ -14901,8 +15032,8 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
14901
15032
|
|
|
14902
15033
|
.form-blink-enter-active,
|
|
14903
15034
|
.form-blink-appear-active {
|
|
14904
|
-
transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
|
|
14905
|
-
animation: sd-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
|
|
15035
|
+
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
15036
|
+
animation: sd-form-blink 0.5s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
14906
15037
|
}
|
|
14907
15038
|
|
|
14908
15039
|
@keyframes sd-form-blink {
|
|
@@ -15226,7 +15357,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
15226
15357
|
.sd-dropdown-option-active, .sd-dropdown-option:not(.sd-dropdown-option-disabled):hover {
|
|
15227
15358
|
color: var(--sd-color-text-1);
|
|
15228
15359
|
background-color: var(--sd-color-fill-2);
|
|
15229
|
-
transition:
|
|
15360
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
15230
15361
|
}
|
|
15231
15362
|
.sd-dropdown-option-disabled {
|
|
15232
15363
|
color: var(--sd-color-text-4);
|
|
@@ -15753,7 +15884,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
15753
15884
|
text-align: center;
|
|
15754
15885
|
background-color: var(--sd-color-bg-popup);
|
|
15755
15886
|
border-radius: 50%;
|
|
15756
|
-
transition:
|
|
15887
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
15757
15888
|
user-select: none;
|
|
15758
15889
|
}
|
|
15759
15890
|
.sd-picker-header-icon:not(.sd-picker-header-icon-hidden) {
|
|
@@ -15766,7 +15897,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
15766
15897
|
padding: 2px;
|
|
15767
15898
|
border-radius: 2px;
|
|
15768
15899
|
cursor: pointer;
|
|
15769
|
-
transition:
|
|
15900
|
+
transition: background-color 0.1s;
|
|
15770
15901
|
}
|
|
15771
15902
|
.sd-picker-header-label:hover {
|
|
15772
15903
|
background-color: var(--sd-color-fill-3);
|
|
@@ -15822,7 +15953,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
15822
15953
|
.sd-picker-cell-selected .sd-picker-date-value {
|
|
15823
15954
|
color: var(--sd-color-white);
|
|
15824
15955
|
background-color: rgb(var(--sd-primary-6));
|
|
15825
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
15956
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
15826
15957
|
}
|
|
15827
15958
|
.sd-picker-cell-in-view:not(.sd-picker-cell-selected, .sd-picker-cell-range-start, .sd-picker-cell-range-end, .sd-picker-cell-disabled, .sd-picker-cell-week) .sd-picker-date-value:hover {
|
|
15828
15959
|
color: var(--sd-color-text-1);
|
|
@@ -16924,7 +17055,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
16924
17055
|
}
|
|
16925
17056
|
.sd-checkbox:hover .sd-checkbox-icon {
|
|
16926
17057
|
border-color: var(--sd-color-fill-4);
|
|
16927
|
-
transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
17058
|
+
transition: border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
16928
17059
|
}
|
|
16929
17060
|
.sd-checkbox-checked:hover .sd-checkbox-icon, .sd-checkbox-indeterminate:hover .sd-checkbox-icon {
|
|
16930
17061
|
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
@@ -17155,7 +17286,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17155
17286
|
.sd-cascader-option-active {
|
|
17156
17287
|
color: var(--sd-color-text-1);
|
|
17157
17288
|
background-color: var(--sd-color-fill-2);
|
|
17158
|
-
transition:
|
|
17289
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
17159
17290
|
}
|
|
17160
17291
|
.sd-cascader-option-active:hover {
|
|
17161
17292
|
color: var(--sd-color-text-1);
|
|
@@ -17590,7 +17721,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17590
17721
|
}
|
|
17591
17722
|
.sd-carousel-arrow-hover div {
|
|
17592
17723
|
opacity: 0;
|
|
17593
|
-
transition:
|
|
17724
|
+
transition: opacity 0.3s;
|
|
17594
17725
|
}
|
|
17595
17726
|
.sd-carousel:hover .sd-carousel-arrow-hover div {
|
|
17596
17727
|
opacity: 1;
|
|
@@ -17622,7 +17753,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17622
17753
|
position: relative;
|
|
17623
17754
|
background: var(--sd-color-bg-2);
|
|
17624
17755
|
border-radius: var(--sd-border-radius-none);
|
|
17625
|
-
transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
|
|
17756
|
+
transition: box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
17626
17757
|
}
|
|
17627
17758
|
.sd-card-header {
|
|
17628
17759
|
position: relative;
|
|
@@ -17682,7 +17813,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17682
17813
|
justify-content: center;
|
|
17683
17814
|
color: var(--sd-color-text-2);
|
|
17684
17815
|
cursor: pointer;
|
|
17685
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
|
|
17816
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
17686
17817
|
overflow: hidden;
|
|
17687
17818
|
white-space: nowrap;
|
|
17688
17819
|
text-overflow: ellipsis;
|
|
@@ -17727,7 +17858,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17727
17858
|
.sd-card-grid::before {
|
|
17728
17859
|
position: absolute;
|
|
17729
17860
|
inset: 0;
|
|
17730
|
-
transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
|
|
17861
|
+
transition: box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
17731
17862
|
content: "";
|
|
17732
17863
|
pointer-events: none;
|
|
17733
17864
|
}
|
|
@@ -17796,6 +17927,29 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17796
17927
|
padding: 12px 16px;
|
|
17797
17928
|
}
|
|
17798
17929
|
|
|
17930
|
+
.sd-card-full-height {
|
|
17931
|
+
display: flex;
|
|
17932
|
+
flex-direction: column;
|
|
17933
|
+
height: 100%;
|
|
17934
|
+
overflow: hidden;
|
|
17935
|
+
}
|
|
17936
|
+
.sd-card-full-height .sd-card-header {
|
|
17937
|
+
flex-shrink: 0;
|
|
17938
|
+
}
|
|
17939
|
+
.sd-card-full-height .sd-card-body {
|
|
17940
|
+
flex: 1;
|
|
17941
|
+
min-height: 0;
|
|
17942
|
+
}
|
|
17943
|
+
.sd-card-full-height .sd-card-body-native {
|
|
17944
|
+
overflow: auto;
|
|
17945
|
+
}
|
|
17946
|
+
.sd-card-full-height .sd-card-body-scroll {
|
|
17947
|
+
overflow: hidden;
|
|
17948
|
+
}
|
|
17949
|
+
.sd-card-full-height .sd-card-body-scroll .sd-card-body-scrollbar {
|
|
17950
|
+
height: 100%;
|
|
17951
|
+
}
|
|
17952
|
+
|
|
17799
17953
|
:where(body, [sd-theme])[sd-theme=dark] .sd-card-grid-hoverable:hover::before,
|
|
17800
17954
|
:where(body, [sd-theme])[sd-theme=dark] .sd-card-hoverable:hover {
|
|
17801
17955
|
box-shadow: 0 4px 10px rgb(var(--sd-gray-1), 40%);
|
|
@@ -17809,13 +17963,13 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
17809
17963
|
border: 1px solid var(--sd-color-neutral-3);
|
|
17810
17964
|
border-radius: var(--sd-border-radius-large);
|
|
17811
17965
|
cursor: pointer;
|
|
17812
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1), border-color 0.2s cubic-bezier(0, 0, 1, 1), box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
|
|
17966
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
17813
17967
|
}
|
|
17814
17968
|
.sd-selectable-card::after {
|
|
17815
17969
|
position: absolute;
|
|
17816
17970
|
background: transparent;
|
|
17817
17971
|
border-radius: inherit;
|
|
17818
|
-
transition: background 0.2s cubic-bezier(0, 0, 1, 1);
|
|
17972
|
+
transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
17819
17973
|
content: "";
|
|
17820
17974
|
pointer-events: none;
|
|
17821
17975
|
inset: 0;
|
|
@@ -19616,7 +19770,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
19616
19770
|
}
|
|
19617
19771
|
|
|
19618
19772
|
[class*=-calendar-delete-btn-enter-from] {
|
|
19619
|
-
transform: scale(0) rotate(-90deg);
|
|
19773
|
+
transform: scale(0.5) rotate(-90deg);
|
|
19620
19774
|
}
|
|
19621
19775
|
|
|
19622
19776
|
[class*=-calendar-delete-btn-enter-to] {
|
|
@@ -19624,7 +19778,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
19624
19778
|
}
|
|
19625
19779
|
|
|
19626
19780
|
[class*=-calendar-delete-btn-leave-active] {
|
|
19627
|
-
transform: scale(0);
|
|
19781
|
+
transform: scale(0.5);
|
|
19628
19782
|
transition: 0.3s ease-in-out;
|
|
19629
19783
|
}
|
|
19630
19784
|
|
|
@@ -19645,7 +19799,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
19645
19799
|
white-space: nowrap;
|
|
19646
19800
|
outline: none;
|
|
19647
19801
|
cursor: pointer;
|
|
19648
|
-
transition:
|
|
19802
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
19649
19803
|
appearance: none;
|
|
19650
19804
|
user-select: none;
|
|
19651
19805
|
}
|
|
@@ -19653,7 +19807,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
19653
19807
|
color: currentcolor;
|
|
19654
19808
|
}
|
|
19655
19809
|
.sd-btn:active {
|
|
19656
|
-
|
|
19810
|
+
transform: scale(0.97);
|
|
19657
19811
|
}
|
|
19658
19812
|
.sd-btn-long {
|
|
19659
19813
|
display: flex;
|
|
@@ -19693,13 +19847,10 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
19693
19847
|
background: #fff;
|
|
19694
19848
|
border-radius: inherit;
|
|
19695
19849
|
opacity: 0.4;
|
|
19696
|
-
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
|
|
19850
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
19697
19851
|
content: "";
|
|
19698
19852
|
pointer-events: none;
|
|
19699
19853
|
}
|
|
19700
|
-
.sd-btn-loading-fixed-width {
|
|
19701
|
-
transition: none;
|
|
19702
|
-
}
|
|
19703
19854
|
.sd-btn-two-chinese-chars > *:not(svg) {
|
|
19704
19855
|
margin-right: -0.3em;
|
|
19705
19856
|
letter-spacing: 0.3em;
|
|
@@ -20522,6 +20673,9 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20522
20673
|
.sd-btn-group .sd-btn-dashed:active {
|
|
20523
20674
|
z-index: 2;
|
|
20524
20675
|
}
|
|
20676
|
+
.sd-btn-group .sd-btn:active {
|
|
20677
|
+
transform: none;
|
|
20678
|
+
}
|
|
20525
20679
|
.sd-btn-group .sd-btn:first-child {
|
|
20526
20680
|
border-top-right-radius: 0;
|
|
20527
20681
|
border-bottom-right-radius: 0;
|
|
@@ -20538,6 +20692,14 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20538
20692
|
color: rgba(255, 255, 255, 0.3);
|
|
20539
20693
|
}
|
|
20540
20694
|
|
|
20695
|
+
@media (prefers-reduced-motion: reduce) {
|
|
20696
|
+
.sd-btn:active {
|
|
20697
|
+
transform: none;
|
|
20698
|
+
}
|
|
20699
|
+
.sd-btn .sd-icon-loading {
|
|
20700
|
+
animation-duration: 3s;
|
|
20701
|
+
}
|
|
20702
|
+
}
|
|
20541
20703
|
.sd-breadcrumb {
|
|
20542
20704
|
display: inline-flex;
|
|
20543
20705
|
align-items: center;
|
|
@@ -20729,7 +20891,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20729
20891
|
|
|
20730
20892
|
@keyframes sd-badge-scale {
|
|
20731
20893
|
from {
|
|
20732
|
-
transform: scale(0, 0);
|
|
20894
|
+
transform: scale(0.5, 0.5);
|
|
20733
20895
|
}
|
|
20734
20896
|
to {
|
|
20735
20897
|
transform: scale(1, 1);
|
|
@@ -20737,7 +20899,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20737
20899
|
}
|
|
20738
20900
|
.badge-zoom-enter,
|
|
20739
20901
|
.badge-zoom-appear {
|
|
20740
|
-
transform: translate(50%, -50%) scale(0.
|
|
20902
|
+
transform: translate(50%, -50%) scale(0.5, 0.5);
|
|
20741
20903
|
transform-origin: center;
|
|
20742
20904
|
}
|
|
20743
20905
|
|
|
@@ -20756,7 +20918,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20756
20918
|
}
|
|
20757
20919
|
|
|
20758
20920
|
.badge-zoom-exit-active {
|
|
20759
|
-
transform: translate(50%, -50%) scale(0.
|
|
20921
|
+
transform: translate(50%, -50%) scale(0.5, 0.5);
|
|
20760
20922
|
transform-origin: center;
|
|
20761
20923
|
opacity: 0;
|
|
20762
20924
|
transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
@@ -20779,7 +20941,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20779
20941
|
border-radius: var(--sd-border-radius-circle);
|
|
20780
20942
|
outline: none;
|
|
20781
20943
|
cursor: pointer;
|
|
20782
|
-
transition:
|
|
20944
|
+
transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
20783
20945
|
}
|
|
20784
20946
|
.sd-back-top-btn:hover {
|
|
20785
20947
|
background-color: rgb(var(--sd-primary-5));
|
|
@@ -20858,7 +21020,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20858
21020
|
text-align: center;
|
|
20859
21021
|
background-color: var(--sd-color-neutral-2);
|
|
20860
21022
|
border-radius: var(--sd-border-radius-circle);
|
|
20861
|
-
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
21023
|
+
transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
20862
21024
|
}
|
|
20863
21025
|
.sd-avatar-trigger-icon-mask {
|
|
20864
21026
|
position: absolute;
|
|
@@ -20875,7 +21037,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20875
21037
|
background-color: color-mix(in srgb, #1d2129 60%, transparent);
|
|
20876
21038
|
border-radius: var(--sd-border-radius-medium);
|
|
20877
21039
|
opacity: 0;
|
|
20878
|
-
transition:
|
|
21040
|
+
transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
20879
21041
|
}
|
|
20880
21042
|
.sd-avatar-circle .sd-avatar-trigger-icon-mask {
|
|
20881
21043
|
border-radius: var(--sd-border-radius-circle);
|
|
@@ -21025,7 +21187,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
21025
21187
|
.sd-anchor-link-active > .sd-anchor-link {
|
|
21026
21188
|
color: var(--sd-color-text-1);
|
|
21027
21189
|
font-weight: 500;
|
|
21028
|
-
transition:
|
|
21190
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
21029
21191
|
}
|
|
21030
21192
|
.sd-anchor-link-item .sd-anchor-link-item {
|
|
21031
21193
|
margin-left: 16px;
|
|
@@ -21184,7 +21346,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
21184
21346
|
border: none;
|
|
21185
21347
|
outline: none;
|
|
21186
21348
|
cursor: pointer;
|
|
21187
|
-
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
|
|
21349
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
21188
21350
|
}
|
|
21189
21351
|
.sd-alert-close-btn:hover {
|
|
21190
21352
|
color: var(--sd-color-text-1);
|