sccoreui 3.3.5 → 3.3.7
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/{App.js → src/App.js} +4 -2
- package/dist/{index.js → src/index.js} +4 -3
- package/dist/src/pages/avatar/avatar.js +50 -0
- package/dist/src/pages/badges/badge.js +73 -0
- package/dist/src/pages/breadcrumb/breadcrumb.js +14 -0
- package/dist/src/pages/button/button.js +10 -0
- package/dist/src/pages/button-group/button-group.js +10 -0
- package/dist/src/pages/chart/chart.js +257 -0
- package/dist/src/pages/checkbox/checkbox.js +26 -0
- package/dist/src/pages/checkbox-group/checkbox-group-component.js +21 -0
- package/dist/src/pages/color-picker/color-picker.js +13 -0
- package/dist/src/pages/content-dividers/content-dividers.js +11 -0
- package/dist/src/pages/date-picker/date-picker.js +12 -0
- package/dist/src/pages/dropdown/dropdown-component.js +38 -0
- package/dist/src/pages/file-upload/file-upload.js +34 -0
- package/dist/src/pages/flex.js +15 -0
- package/dist/src/pages/home.js +40 -0
- package/dist/src/pages/input/input-text.js +112 -0
- package/dist/src/pages/loader-indicator/loader-indicator.js +10 -0
- package/dist/src/pages/mega-mennu/mega-menu.js +84 -0
- package/dist/src/pages/not-found/not-found.js +10 -0
- package/dist/src/pages/paginator/pagination.js +122 -0
- package/dist/src/pages/progress-bar/progress-bar.js +27 -0
- package/dist/src/pages/progress-steps/progress-steps.js +24 -0
- package/dist/src/pages/radio-button/radio-button-component.js +11 -0
- package/dist/src/pages/shadows/shadows.js +7 -0
- package/dist/src/pages/slideout-menus/slideout-menus.js +104 -0
- package/dist/src/pages/sliders/slider.js +39 -0
- package/dist/src/pages/tabels/table-data.js +2193 -0
- package/dist/src/pages/tabels/table.js +98 -0
- package/dist/src/pages/tabs/tabs.js +9 -0
- package/dist/src/pages/tags/tags.js +70 -0
- package/dist/src/pages/toast/toast.js +47 -0
- package/dist/src/pages/toggle/toggle.js +10 -0
- package/dist/src/pages/tooltip/tooltip.js +13 -0
- package/dist/src/pages/types/type.js +2 -0
- package/dist/types/customSlider.js +5 -0
- package/dist/types/{App.d.ts → src/App.d.ts} +1 -0
- package/dist/types/{index.d.ts → src/index.d.ts} +1 -0
- package/dist/types/src/pages/avatar/avatar.d.ts +3 -0
- package/dist/types/src/pages/badges/badge.d.ts +3 -0
- package/dist/types/src/pages/breadcrumb/breadcrumb.d.ts +2 -0
- package/dist/types/src/pages/button/button.d.ts +2 -0
- package/dist/types/src/pages/button-group/button-group.d.ts +2 -0
- package/dist/types/src/pages/chart/chart.d.ts +2 -0
- package/dist/types/src/pages/checkbox/checkbox.d.ts +2 -0
- package/dist/types/src/pages/checkbox-group/checkbox-group-component.d.ts +3 -0
- package/dist/types/src/pages/color-picker/color-picker.d.ts +2 -0
- package/dist/types/src/pages/content-dividers/content-dividers.d.ts +2 -0
- package/dist/types/src/pages/date-picker/date-picker.d.ts +2 -0
- package/dist/types/src/pages/dropdown/dropdown-component.d.ts +2 -0
- package/dist/types/src/pages/file-upload/file-upload.d.ts +3 -0
- package/dist/types/src/pages/flex.d.ts +2 -0
- package/dist/types/src/pages/home.d.ts +2 -0
- package/dist/types/src/pages/input/input-text.d.ts +3 -0
- package/dist/types/src/pages/loader-indicator/loader-indicator.d.ts +3 -0
- package/dist/types/src/pages/mega-mennu/mega-menu.d.ts +2 -0
- package/dist/types/src/pages/not-found/not-found.d.ts +2 -0
- package/dist/types/src/pages/paginator/pagination.d.ts +2 -0
- package/dist/types/src/pages/progress-bar/progress-bar.d.ts +3 -0
- package/dist/types/src/pages/progress-steps/progress-steps.d.ts +2 -0
- package/dist/types/src/pages/radio-button/radio-button-component.d.ts +2 -0
- package/dist/types/src/pages/shadows/shadows.d.ts +2 -0
- package/dist/types/src/pages/slideout-menus/slideout-menus.d.ts +2 -0
- package/dist/types/src/pages/sliders/slider.d.ts +1 -0
- package/dist/types/src/pages/tabels/table-data.d.ts +3 -0
- package/dist/types/src/pages/tabels/table.d.ts +2 -0
- package/dist/types/src/pages/tabs/tabs.d.ts +3 -0
- package/dist/types/src/pages/tags/tags.d.ts +3 -0
- package/dist/types/src/pages/toast/toast.d.ts +2 -0
- package/dist/types/src/pages/toggle/toggle.d.ts +2 -0
- package/dist/types/src/pages/tooltip/tooltip.d.ts +2 -0
- package/dist/types/src/pages/types/type.d.ts +64 -0
- package/dist/types/types/customSlider.d.ts +2 -0
- package/package.json +1 -1
- package/dist/App.css +0 -105
- package/dist/assets/flex.css +0 -21618
- package/dist/assets/fonts/Lato-Black.ttf +0 -0
- package/dist/assets/fonts/Lato-Bold.ttf +0 -0
- package/dist/assets/fonts/Lato-Light.ttf +0 -0
- package/dist/assets/fonts/Lato-Regular.ttf +0 -0
- package/dist/assets/fonts/Lato-Thin.ttf +0 -0
- package/dist/assets/fonts/primeicons.eot +0 -0
- package/dist/assets/fonts/primeicons.svg +0 -292
- package/dist/assets/fonts/primeicons.ttf +0 -0
- package/dist/assets/fonts/primeicons.woff +0 -0
- package/dist/assets/fonts/primeicons.woff2 +0 -0
- package/dist/assets/images/Payment-method-apple-card.png +0 -0
- package/dist/assets/images/Payment-method-card-white.png +0 -0
- package/dist/assets/images/Payment-method-master-card.png +0 -0
- package/dist/assets/images/avatar.png +0 -0
- package/dist/assets/images/avatar1.png +0 -0
- package/dist/assets/images/avatar2.png +0 -0
- package/dist/assets/images/avatar3.png +0 -0
- package/dist/assets/images/avatar4.png +0 -0
- package/dist/assets/images/avatar5.png +0 -0
- package/dist/assets/images/avatar6.png +0 -0
- package/dist/assets/images/avatar7.png +0 -0
- package/dist/assets/images/avatar8.png +0 -0
- package/dist/assets/images/avatar9.png +0 -0
- package/dist/assets/images/company.png +0 -0
- package/dist/assets/images/company1.png +0 -0
- package/dist/assets/images/company2.png +0 -0
- package/dist/assets/images/company3.png +0 -0
- package/dist/assets/images/company4.png +0 -0
- package/dist/assets/images/company5.png +0 -0
- package/dist/assets/images/company6.png +0 -0
- package/dist/assets/images/demoImage.png +0 -0
- package/dist/assets/images/label-image.png +0 -0
- package/dist/assets/images/profile-square-image.png +0 -0
- package/dist/assets/png/salseforce-img.png +0 -0
- package/dist/assets/sccoreicons.css +0 -1105
- package/dist/assets/sccoreui.css +0 -8871
- package/dist/assets/svg/add.svg +0 -3
- package/dist/assets/svg/back-button.svg +0 -3
- package/dist/assets/svg/check-white.svg +0 -3
- package/dist/assets/svg/check.svg +0 -3
- package/dist/assets/svg/check2.svg +0 -3
- package/dist/assets/svg/close.svg +0 -3
- package/dist/assets/svg/delete.svg +0 -3
- package/dist/assets/svg/done_all.svg +0 -3
- package/dist/assets/svg/down_arrow.svg +0 -3
- package/dist/assets/svg/edit.svg +0 -3
- package/dist/assets/svg/hyphen.svg +0 -3
- package/dist/assets/svg/info.svg +0 -3
- package/dist/assets/svg/input-info.svg +0 -0
- package/dist/assets/svg/message-info.svg +0 -3
- package/dist/assets/svg/payment_method.svg +0 -7
- package/dist/assets/svg/remove.svg +0 -3
- package/dist/assets/svg/sort-down-arrow.svg +0 -3
- package/dist/assets/svg/sort-up-arrow.svg +0 -8
- package/dist/assets/svg/user.svg +0 -3
- package/dist/assets/theme.css +0 -6459
- /package/dist/{assets → src/assets}/svg/svg.js +0 -0
- /package/dist/{components → src/components}/accordion/accordion.js +0 -0
- /package/dist/{components → src/components}/auto-complete/auto-complete.js +0 -0
- /package/dist/{components → src/components}/avatar/avatar-group.js +0 -0
- /package/dist/{components → src/components}/avatar/avatar.js +0 -0
- /package/dist/{components → src/components}/badge/badge.js +0 -0
- /package/dist/{components → src/components}/breadcrumb/breacrumb.js +0 -0
- /package/dist/{components → src/components}/button/button.js +0 -0
- /package/dist/{components → src/components}/button/menu-item.js +0 -0
- /package/dist/{components → src/components}/button/speed-dial.js +0 -0
- /package/dist/{components → src/components}/button/split-button.js +0 -0
- /package/dist/{components → src/components}/calendar/calendar.js +0 -0
- /package/dist/{components → src/components}/card/card.js +0 -0
- /package/dist/{components → src/components}/carousel/carousel.js +0 -0
- /package/dist/{components → src/components}/carousel/tag.js +0 -0
- /package/dist/{components → src/components}/chart/chart.js +0 -0
- /package/dist/{components → src/components}/checkbox/checkbox.js +0 -0
- /package/dist/{components → src/components}/chips/chip.js +0 -0
- /package/dist/{components → src/components}/chips/chips.js +0 -0
- /package/dist/{components → src/components}/color-picker/color-picker.js +0 -0
- /package/dist/{components → src/components}/custom-slider/custom-slider.js +0 -0
- /package/dist/{components → src/components}/data-table/column.js +0 -0
- /package/dist/{components → src/components}/data-table/data-table.js +0 -0
- /package/dist/{components → src/components}/data-table/paginator.js +0 -0
- /package/dist/{components → src/components}/data-view/data-view.js +0 -0
- /package/dist/{components → src/components}/dialogs/confirm-dialog.js +0 -0
- /package/dist/{components → src/components}/dialogs/confirm-popup.js +0 -0
- /package/dist/{components → src/components}/dialogs/dialog.js +0 -0
- /package/dist/{components → src/components}/divider/divider.js +0 -0
- /package/dist/{components → src/components}/dropdown/dropdown.js +0 -0
- /package/dist/{components → src/components}/file-upload/file-upload.js +0 -0
- /package/dist/{components → src/components}/galleria/galleria.js +0 -0
- /package/dist/{components → src/components}/image/image.js +0 -0
- /package/dist/{components → src/components}/input/input-mask.js +0 -0
- /package/dist/{components → src/components}/input/input-number.js +0 -0
- /package/dist/{components → src/components}/input/input-switch.js +0 -0
- /package/dist/{components → src/components}/input/input-textarea.js +0 -0
- /package/dist/{components → src/components}/input/input.js +0 -0
- /package/dist/{components → src/components}/loading-indicator/loading-indicator-custom.js +0 -0
- /package/dist/{components → src/components}/megamenu/mega-menu.js +0 -0
- /package/dist/{components → src/components}/multi-select/multi-select.js +0 -0
- /package/dist/{components → src/components}/overlays/overlay-panel.js +0 -0
- /package/dist/{components → src/components}/password/password.js +0 -0
- /package/dist/{components → src/components}/progress-bar/progress-bar.js +0 -0
- /package/dist/{components → src/components}/progress-steps/progress-steps.js +0 -0
- /package/dist/{components → src/components}/progress_bar_round/circle-progress-bar.js +0 -0
- /package/dist/{components → src/components}/progress_bar_round/half-circle-progres-bar.js +0 -0
- /package/dist/{components → src/components}/radio-button/radio-button.js +0 -0
- /package/dist/{components → src/components}/range-slider/slider.js +0 -0
- /package/dist/{components → src/components}/rating/rating.js +0 -0
- /package/dist/{components → src/components}/side-panel/side-panel.js +0 -0
- /package/dist/{components → src/components}/skeleton/skeleton.js +0 -0
- /package/dist/{components → src/components}/slider/slider.js +0 -0
- /package/dist/{components → src/components}/spinner/spinner.js +0 -0
- /package/dist/{components → src/components}/tab-menu/tab-menu.js +0 -0
- /package/dist/{components → src/components}/tabview/tabview.js +0 -0
- /package/dist/{components → src/components}/toast/toast.js +0 -0
- /package/dist/{components → src/components}/toggle/toggle-button.js +0 -0
- /package/dist/{components → src/components}/tooltip/tooltip.js +0 -0
- /package/dist/{components → src/components}/types/type.js +0 -0
- /package/dist/{components → src/components}/utils/classnames.js +0 -0
- /package/dist/{directives → src/directives}/svg-component.js +0 -0
- /package/dist/{directives → src/directives}/svg-icons.js +0 -0
- /package/dist/types/{assets → src/assets}/svg/svg.d.ts +0 -0
- /package/dist/types/{components → src/components}/accordion/accordion.d.ts +0 -0
- /package/dist/types/{components → src/components}/auto-complete/auto-complete.d.ts +0 -0
- /package/dist/types/{components → src/components}/avatar/avatar-group.d.ts +0 -0
- /package/dist/types/{components → src/components}/avatar/avatar.d.ts +0 -0
- /package/dist/types/{components → src/components}/badge/badge.d.ts +0 -0
- /package/dist/types/{components → src/components}/breadcrumb/breacrumb.d.ts +0 -0
- /package/dist/types/{components → src/components}/button/button.d.ts +0 -0
- /package/dist/types/{components → src/components}/button/menu-item.d.ts +0 -0
- /package/dist/types/{components → src/components}/button/speed-dial.d.ts +0 -0
- /package/dist/types/{components → src/components}/button/split-button.d.ts +0 -0
- /package/dist/types/{components → src/components}/calendar/calendar.d.ts +0 -0
- /package/dist/types/{components → src/components}/card/card.d.ts +0 -0
- /package/dist/types/{components → src/components}/carousel/carousel.d.ts +0 -0
- /package/dist/types/{components → src/components}/carousel/tag.d.ts +0 -0
- /package/dist/types/{components → src/components}/chart/chart.d.ts +0 -0
- /package/dist/types/{components → src/components}/checkbox/checkbox.d.ts +0 -0
- /package/dist/types/{components → src/components}/chips/chip.d.ts +0 -0
- /package/dist/types/{components → src/components}/chips/chips.d.ts +0 -0
- /package/dist/types/{components → src/components}/color-picker/color-picker.d.ts +0 -0
- /package/dist/types/{components → src/components}/custom-slider/custom-slider.d.ts +0 -0
- /package/dist/types/{components → src/components}/data-table/column.d.ts +0 -0
- /package/dist/types/{components → src/components}/data-table/data-table.d.ts +0 -0
- /package/dist/types/{components → src/components}/data-table/paginator.d.ts +0 -0
- /package/dist/types/{components → src/components}/data-view/data-view.d.ts +0 -0
- /package/dist/types/{components → src/components}/dialogs/confirm-dialog.d.ts +0 -0
- /package/dist/types/{components → src/components}/dialogs/confirm-popup.d.ts +0 -0
- /package/dist/types/{components → src/components}/dialogs/dialog.d.ts +0 -0
- /package/dist/types/{components → src/components}/divider/divider.d.ts +0 -0
- /package/dist/types/{components → src/components}/dropdown/dropdown.d.ts +0 -0
- /package/dist/types/{components → src/components}/file-upload/file-upload.d.ts +0 -0
- /package/dist/types/{components → src/components}/galleria/galleria.d.ts +0 -0
- /package/dist/types/{components → src/components}/image/image.d.ts +0 -0
- /package/dist/types/{components → src/components}/input/input-mask.d.ts +0 -0
- /package/dist/types/{components → src/components}/input/input-number.d.ts +0 -0
- /package/dist/types/{components → src/components}/input/input-switch.d.ts +0 -0
- /package/dist/types/{components → src/components}/input/input-textarea.d.ts +0 -0
- /package/dist/types/{components → src/components}/input/input.d.ts +0 -0
- /package/dist/types/{components → src/components}/loading-indicator/loading-indicator-custom.d.ts +0 -0
- /package/dist/types/{components → src/components}/megamenu/mega-menu.d.ts +0 -0
- /package/dist/types/{components → src/components}/multi-select/multi-select.d.ts +0 -0
- /package/dist/types/{components → src/components}/overlays/overlay-panel.d.ts +0 -0
- /package/dist/types/{components → src/components}/password/password.d.ts +0 -0
- /package/dist/types/{components → src/components}/progress-bar/progress-bar.d.ts +0 -0
- /package/dist/types/{components → src/components}/progress-steps/progress-steps.d.ts +0 -0
- /package/dist/types/{components → src/components}/progress_bar_round/circle-progress-bar.d.ts +0 -0
- /package/dist/types/{components → src/components}/progress_bar_round/half-circle-progres-bar.d.ts +0 -0
- /package/dist/types/{components → src/components}/radio-button/radio-button.d.ts +0 -0
- /package/dist/types/{components → src/components}/range-slider/slider.d.ts +0 -0
- /package/dist/types/{components → src/components}/rating/rating.d.ts +0 -0
- /package/dist/types/{components → src/components}/side-panel/side-panel.d.ts +0 -0
- /package/dist/types/{components → src/components}/skeleton/skeleton.d.ts +0 -0
- /package/dist/types/{components → src/components}/slider/slider.d.ts +0 -0
- /package/dist/types/{components → src/components}/spinner/spinner.d.ts +0 -0
- /package/dist/types/{components → src/components}/tab-menu/tab-menu.d.ts +0 -0
- /package/dist/types/{components → src/components}/tabview/tabview.d.ts +0 -0
- /package/dist/types/{components → src/components}/toast/toast.d.ts +0 -0
- /package/dist/types/{components → src/components}/toggle/toggle-button.d.ts +0 -0
- /package/dist/types/{components → src/components}/tooltip/tooltip.d.ts +0 -0
- /package/dist/types/{components → src/components}/types/type.d.ts +0 -0
- /package/dist/types/{components → src/components}/utils/classnames.d.ts +0 -0
- /package/dist/types/{directives → src/directives}/svg-component.d.ts +0 -0
- /package/dist/types/{directives → src/directives}/svg-icons.d.ts +0 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
export interface City {
|
|
2
|
+
name: string;
|
|
3
|
+
code: string;
|
|
4
|
+
}
|
|
5
|
+
export interface CustomActionEvent {
|
|
6
|
+
event: React.SyntheticEvent;
|
|
7
|
+
item: StepItem;
|
|
8
|
+
}
|
|
9
|
+
export interface StepItem {
|
|
10
|
+
id: string;
|
|
11
|
+
title?: string;
|
|
12
|
+
template?: JSX.Element;
|
|
13
|
+
action?(event?: CustomActionEvent): void;
|
|
14
|
+
style?: React.CSSProperties | undefined;
|
|
15
|
+
className?: string | undefined;
|
|
16
|
+
}
|
|
17
|
+
export interface StepIcons {
|
|
18
|
+
unvisited: React.HTMLAttributes<HTMLSpanElement | SVGSVGElement> | undefined;
|
|
19
|
+
visited: React.HTMLAttributes<HTMLSpanElement | SVGSVGElement> | undefined;
|
|
20
|
+
current: React.HTMLAttributes<HTMLSpanElement | SVGSVGElement> | undefined;
|
|
21
|
+
}
|
|
22
|
+
export interface StepsItemProps {
|
|
23
|
+
stepsItems: StepItem[];
|
|
24
|
+
orientation?: "horizontal" | "vertical";
|
|
25
|
+
withButtons?: boolean;
|
|
26
|
+
icons?: StepIcons;
|
|
27
|
+
activeIndex?: number;
|
|
28
|
+
style?: React.CSSProperties | undefined;
|
|
29
|
+
className?: string | undefined;
|
|
30
|
+
}
|
|
31
|
+
export interface TeamDataItem {
|
|
32
|
+
id: number;
|
|
33
|
+
name: string;
|
|
34
|
+
image: string;
|
|
35
|
+
company: string;
|
|
36
|
+
email: string;
|
|
37
|
+
role: string;
|
|
38
|
+
status: "Active" | "Inactive";
|
|
39
|
+
purchase: string;
|
|
40
|
+
teams: string[];
|
|
41
|
+
date: string;
|
|
42
|
+
}
|
|
43
|
+
export interface CustomerAbout {
|
|
44
|
+
title: string;
|
|
45
|
+
description: string;
|
|
46
|
+
}
|
|
47
|
+
export interface CustomerDataItem {
|
|
48
|
+
id: number;
|
|
49
|
+
name: string;
|
|
50
|
+
image: string;
|
|
51
|
+
website: string;
|
|
52
|
+
status: "Customer" | "Churned";
|
|
53
|
+
about: CustomerAbout;
|
|
54
|
+
users: string[];
|
|
55
|
+
licenseUse: number;
|
|
56
|
+
}
|
|
57
|
+
export interface RangeSliderProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, "value" | "ref"> {
|
|
58
|
+
value: number | [number, number] | undefined;
|
|
59
|
+
min?: number | undefined;
|
|
60
|
+
max?: number | undefined;
|
|
61
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
62
|
+
range?: boolean | undefined;
|
|
63
|
+
indicator?: boolean | undefined;
|
|
64
|
+
}
|
package/package.json
CHANGED
package/dist/App.css
DELETED
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
@import url("./assets/theme.css");
|
|
2
|
-
@import url("./assets/sccoreui.css");
|
|
3
|
-
@import url("./assets/sccoreicons.css");
|
|
4
|
-
@import url("./assets/flex.css");
|
|
5
|
-
:root {
|
|
6
|
-
--fw-600: 600;
|
|
7
|
-
--fw-400: 400;
|
|
8
|
-
--fs-24: 24px;
|
|
9
|
-
--fs-18: 18px;
|
|
10
|
-
--fs-16: 16px;
|
|
11
|
-
--lh: 24px;
|
|
12
|
-
--fs-14: 14px;
|
|
13
|
-
--grey-bg: #101828;
|
|
14
|
-
--border-none: border-none;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@font-face {
|
|
18
|
-
font-family: "Lato-400";
|
|
19
|
-
font-weight: 400;
|
|
20
|
-
src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
|
|
21
|
-
}
|
|
22
|
-
@font-face {
|
|
23
|
-
font-family: "Lato-600";
|
|
24
|
-
font-weight: 600;
|
|
25
|
-
src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
|
|
26
|
-
}
|
|
27
|
-
body {
|
|
28
|
-
font-family: "Lato-400", sans-serif;
|
|
29
|
-
-webkit-font-smoothing: antialiased;
|
|
30
|
-
-moz-osx-font-smoothing: grayscale;
|
|
31
|
-
line-height: var(--lh);
|
|
32
|
-
padding: 0;
|
|
33
|
-
margin: 0;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
code {
|
|
37
|
-
font-family: "Lato-400", monospace;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
h1 {
|
|
41
|
-
font-size: var(--fs-24);
|
|
42
|
-
font-weight: var(--fw-600);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
h2 {
|
|
46
|
-
font-size: var(--fs-18);
|
|
47
|
-
font-weight: var(--fw-600);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
h3 {
|
|
51
|
-
font-size: var(--fs-16);
|
|
52
|
-
font-weight: var(--fw-400);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.progress-container {
|
|
56
|
-
isolation: isolate;
|
|
57
|
-
}
|
|
58
|
-
.progress-container::before {
|
|
59
|
-
content: "";
|
|
60
|
-
background-color: var(--gray-200);
|
|
61
|
-
position: absolute;
|
|
62
|
-
z-index: -1;
|
|
63
|
-
}
|
|
64
|
-
.progress-container.horizontal::before {
|
|
65
|
-
height: 2px;
|
|
66
|
-
width: 100%;
|
|
67
|
-
top: 11%;
|
|
68
|
-
}
|
|
69
|
-
.progress-container.vertical::before {
|
|
70
|
-
height: 100%;
|
|
71
|
-
width: 2px;
|
|
72
|
-
left: 5%;
|
|
73
|
-
top: 0;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.progressbar {
|
|
77
|
-
z-index: -1;
|
|
78
|
-
transition: all 0.6s ease;
|
|
79
|
-
}
|
|
80
|
-
.progressbar.horizontal {
|
|
81
|
-
left: 0;
|
|
82
|
-
height: 2px;
|
|
83
|
-
top: 11%;
|
|
84
|
-
}
|
|
85
|
-
.progressbar.vertical {
|
|
86
|
-
width: 2px;
|
|
87
|
-
left: 5%;
|
|
88
|
-
top: 0;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.progress-step-item.horizontal:nth-of-type(1) {
|
|
92
|
-
transform: translateX(-50%);
|
|
93
|
-
}
|
|
94
|
-
.progress-step-item.horizontal:last-child {
|
|
95
|
-
transform: translateX(50%);
|
|
96
|
-
}
|
|
97
|
-
.progress-step-item.vertical {
|
|
98
|
-
transform: translateY(50%);
|
|
99
|
-
}
|
|
100
|
-
.progress-step-item.vertical:nth-of-type(1) {
|
|
101
|
-
transform: translateY(-5%);
|
|
102
|
-
}
|
|
103
|
-
.progress-step-item.vertical:last-child {
|
|
104
|
-
transform: translateY(100%);
|
|
105
|
-
}
|