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.
Files changed (259) hide show
  1. package/dist/{App.js → src/App.js} +4 -2
  2. package/dist/{index.js → src/index.js} +4 -3
  3. package/dist/src/pages/avatar/avatar.js +50 -0
  4. package/dist/src/pages/badges/badge.js +73 -0
  5. package/dist/src/pages/breadcrumb/breadcrumb.js +14 -0
  6. package/dist/src/pages/button/button.js +10 -0
  7. package/dist/src/pages/button-group/button-group.js +10 -0
  8. package/dist/src/pages/chart/chart.js +257 -0
  9. package/dist/src/pages/checkbox/checkbox.js +26 -0
  10. package/dist/src/pages/checkbox-group/checkbox-group-component.js +21 -0
  11. package/dist/src/pages/color-picker/color-picker.js +13 -0
  12. package/dist/src/pages/content-dividers/content-dividers.js +11 -0
  13. package/dist/src/pages/date-picker/date-picker.js +12 -0
  14. package/dist/src/pages/dropdown/dropdown-component.js +38 -0
  15. package/dist/src/pages/file-upload/file-upload.js +34 -0
  16. package/dist/src/pages/flex.js +15 -0
  17. package/dist/src/pages/home.js +40 -0
  18. package/dist/src/pages/input/input-text.js +112 -0
  19. package/dist/src/pages/loader-indicator/loader-indicator.js +10 -0
  20. package/dist/src/pages/mega-mennu/mega-menu.js +84 -0
  21. package/dist/src/pages/not-found/not-found.js +10 -0
  22. package/dist/src/pages/paginator/pagination.js +122 -0
  23. package/dist/src/pages/progress-bar/progress-bar.js +27 -0
  24. package/dist/src/pages/progress-steps/progress-steps.js +24 -0
  25. package/dist/src/pages/radio-button/radio-button-component.js +11 -0
  26. package/dist/src/pages/shadows/shadows.js +7 -0
  27. package/dist/src/pages/slideout-menus/slideout-menus.js +104 -0
  28. package/dist/src/pages/sliders/slider.js +39 -0
  29. package/dist/src/pages/tabels/table-data.js +2193 -0
  30. package/dist/src/pages/tabels/table.js +98 -0
  31. package/dist/src/pages/tabs/tabs.js +9 -0
  32. package/dist/src/pages/tags/tags.js +70 -0
  33. package/dist/src/pages/toast/toast.js +47 -0
  34. package/dist/src/pages/toggle/toggle.js +10 -0
  35. package/dist/src/pages/tooltip/tooltip.js +13 -0
  36. package/dist/src/pages/types/type.js +2 -0
  37. package/dist/types/customSlider.js +5 -0
  38. package/dist/types/{App.d.ts → src/App.d.ts} +1 -0
  39. package/dist/types/{index.d.ts → src/index.d.ts} +1 -0
  40. package/dist/types/src/pages/avatar/avatar.d.ts +3 -0
  41. package/dist/types/src/pages/badges/badge.d.ts +3 -0
  42. package/dist/types/src/pages/breadcrumb/breadcrumb.d.ts +2 -0
  43. package/dist/types/src/pages/button/button.d.ts +2 -0
  44. package/dist/types/src/pages/button-group/button-group.d.ts +2 -0
  45. package/dist/types/src/pages/chart/chart.d.ts +2 -0
  46. package/dist/types/src/pages/checkbox/checkbox.d.ts +2 -0
  47. package/dist/types/src/pages/checkbox-group/checkbox-group-component.d.ts +3 -0
  48. package/dist/types/src/pages/color-picker/color-picker.d.ts +2 -0
  49. package/dist/types/src/pages/content-dividers/content-dividers.d.ts +2 -0
  50. package/dist/types/src/pages/date-picker/date-picker.d.ts +2 -0
  51. package/dist/types/src/pages/dropdown/dropdown-component.d.ts +2 -0
  52. package/dist/types/src/pages/file-upload/file-upload.d.ts +3 -0
  53. package/dist/types/src/pages/flex.d.ts +2 -0
  54. package/dist/types/src/pages/home.d.ts +2 -0
  55. package/dist/types/src/pages/input/input-text.d.ts +3 -0
  56. package/dist/types/src/pages/loader-indicator/loader-indicator.d.ts +3 -0
  57. package/dist/types/src/pages/mega-mennu/mega-menu.d.ts +2 -0
  58. package/dist/types/src/pages/not-found/not-found.d.ts +2 -0
  59. package/dist/types/src/pages/paginator/pagination.d.ts +2 -0
  60. package/dist/types/src/pages/progress-bar/progress-bar.d.ts +3 -0
  61. package/dist/types/src/pages/progress-steps/progress-steps.d.ts +2 -0
  62. package/dist/types/src/pages/radio-button/radio-button-component.d.ts +2 -0
  63. package/dist/types/src/pages/shadows/shadows.d.ts +2 -0
  64. package/dist/types/src/pages/slideout-menus/slideout-menus.d.ts +2 -0
  65. package/dist/types/src/pages/sliders/slider.d.ts +1 -0
  66. package/dist/types/src/pages/tabels/table-data.d.ts +3 -0
  67. package/dist/types/src/pages/tabels/table.d.ts +2 -0
  68. package/dist/types/src/pages/tabs/tabs.d.ts +3 -0
  69. package/dist/types/src/pages/tags/tags.d.ts +3 -0
  70. package/dist/types/src/pages/toast/toast.d.ts +2 -0
  71. package/dist/types/src/pages/toggle/toggle.d.ts +2 -0
  72. package/dist/types/src/pages/tooltip/tooltip.d.ts +2 -0
  73. package/dist/types/src/pages/types/type.d.ts +64 -0
  74. package/dist/types/types/customSlider.d.ts +2 -0
  75. package/package.json +1 -1
  76. package/dist/App.css +0 -105
  77. package/dist/assets/flex.css +0 -21618
  78. package/dist/assets/fonts/Lato-Black.ttf +0 -0
  79. package/dist/assets/fonts/Lato-Bold.ttf +0 -0
  80. package/dist/assets/fonts/Lato-Light.ttf +0 -0
  81. package/dist/assets/fonts/Lato-Regular.ttf +0 -0
  82. package/dist/assets/fonts/Lato-Thin.ttf +0 -0
  83. package/dist/assets/fonts/primeicons.eot +0 -0
  84. package/dist/assets/fonts/primeicons.svg +0 -292
  85. package/dist/assets/fonts/primeicons.ttf +0 -0
  86. package/dist/assets/fonts/primeicons.woff +0 -0
  87. package/dist/assets/fonts/primeicons.woff2 +0 -0
  88. package/dist/assets/images/Payment-method-apple-card.png +0 -0
  89. package/dist/assets/images/Payment-method-card-white.png +0 -0
  90. package/dist/assets/images/Payment-method-master-card.png +0 -0
  91. package/dist/assets/images/avatar.png +0 -0
  92. package/dist/assets/images/avatar1.png +0 -0
  93. package/dist/assets/images/avatar2.png +0 -0
  94. package/dist/assets/images/avatar3.png +0 -0
  95. package/dist/assets/images/avatar4.png +0 -0
  96. package/dist/assets/images/avatar5.png +0 -0
  97. package/dist/assets/images/avatar6.png +0 -0
  98. package/dist/assets/images/avatar7.png +0 -0
  99. package/dist/assets/images/avatar8.png +0 -0
  100. package/dist/assets/images/avatar9.png +0 -0
  101. package/dist/assets/images/company.png +0 -0
  102. package/dist/assets/images/company1.png +0 -0
  103. package/dist/assets/images/company2.png +0 -0
  104. package/dist/assets/images/company3.png +0 -0
  105. package/dist/assets/images/company4.png +0 -0
  106. package/dist/assets/images/company5.png +0 -0
  107. package/dist/assets/images/company6.png +0 -0
  108. package/dist/assets/images/demoImage.png +0 -0
  109. package/dist/assets/images/label-image.png +0 -0
  110. package/dist/assets/images/profile-square-image.png +0 -0
  111. package/dist/assets/png/salseforce-img.png +0 -0
  112. package/dist/assets/sccoreicons.css +0 -1105
  113. package/dist/assets/sccoreui.css +0 -8871
  114. package/dist/assets/svg/add.svg +0 -3
  115. package/dist/assets/svg/back-button.svg +0 -3
  116. package/dist/assets/svg/check-white.svg +0 -3
  117. package/dist/assets/svg/check.svg +0 -3
  118. package/dist/assets/svg/check2.svg +0 -3
  119. package/dist/assets/svg/close.svg +0 -3
  120. package/dist/assets/svg/delete.svg +0 -3
  121. package/dist/assets/svg/done_all.svg +0 -3
  122. package/dist/assets/svg/down_arrow.svg +0 -3
  123. package/dist/assets/svg/edit.svg +0 -3
  124. package/dist/assets/svg/hyphen.svg +0 -3
  125. package/dist/assets/svg/info.svg +0 -3
  126. package/dist/assets/svg/input-info.svg +0 -0
  127. package/dist/assets/svg/message-info.svg +0 -3
  128. package/dist/assets/svg/payment_method.svg +0 -7
  129. package/dist/assets/svg/remove.svg +0 -3
  130. package/dist/assets/svg/sort-down-arrow.svg +0 -3
  131. package/dist/assets/svg/sort-up-arrow.svg +0 -8
  132. package/dist/assets/svg/user.svg +0 -3
  133. package/dist/assets/theme.css +0 -6459
  134. /package/dist/{assets → src/assets}/svg/svg.js +0 -0
  135. /package/dist/{components → src/components}/accordion/accordion.js +0 -0
  136. /package/dist/{components → src/components}/auto-complete/auto-complete.js +0 -0
  137. /package/dist/{components → src/components}/avatar/avatar-group.js +0 -0
  138. /package/dist/{components → src/components}/avatar/avatar.js +0 -0
  139. /package/dist/{components → src/components}/badge/badge.js +0 -0
  140. /package/dist/{components → src/components}/breadcrumb/breacrumb.js +0 -0
  141. /package/dist/{components → src/components}/button/button.js +0 -0
  142. /package/dist/{components → src/components}/button/menu-item.js +0 -0
  143. /package/dist/{components → src/components}/button/speed-dial.js +0 -0
  144. /package/dist/{components → src/components}/button/split-button.js +0 -0
  145. /package/dist/{components → src/components}/calendar/calendar.js +0 -0
  146. /package/dist/{components → src/components}/card/card.js +0 -0
  147. /package/dist/{components → src/components}/carousel/carousel.js +0 -0
  148. /package/dist/{components → src/components}/carousel/tag.js +0 -0
  149. /package/dist/{components → src/components}/chart/chart.js +0 -0
  150. /package/dist/{components → src/components}/checkbox/checkbox.js +0 -0
  151. /package/dist/{components → src/components}/chips/chip.js +0 -0
  152. /package/dist/{components → src/components}/chips/chips.js +0 -0
  153. /package/dist/{components → src/components}/color-picker/color-picker.js +0 -0
  154. /package/dist/{components → src/components}/custom-slider/custom-slider.js +0 -0
  155. /package/dist/{components → src/components}/data-table/column.js +0 -0
  156. /package/dist/{components → src/components}/data-table/data-table.js +0 -0
  157. /package/dist/{components → src/components}/data-table/paginator.js +0 -0
  158. /package/dist/{components → src/components}/data-view/data-view.js +0 -0
  159. /package/dist/{components → src/components}/dialogs/confirm-dialog.js +0 -0
  160. /package/dist/{components → src/components}/dialogs/confirm-popup.js +0 -0
  161. /package/dist/{components → src/components}/dialogs/dialog.js +0 -0
  162. /package/dist/{components → src/components}/divider/divider.js +0 -0
  163. /package/dist/{components → src/components}/dropdown/dropdown.js +0 -0
  164. /package/dist/{components → src/components}/file-upload/file-upload.js +0 -0
  165. /package/dist/{components → src/components}/galleria/galleria.js +0 -0
  166. /package/dist/{components → src/components}/image/image.js +0 -0
  167. /package/dist/{components → src/components}/input/input-mask.js +0 -0
  168. /package/dist/{components → src/components}/input/input-number.js +0 -0
  169. /package/dist/{components → src/components}/input/input-switch.js +0 -0
  170. /package/dist/{components → src/components}/input/input-textarea.js +0 -0
  171. /package/dist/{components → src/components}/input/input.js +0 -0
  172. /package/dist/{components → src/components}/loading-indicator/loading-indicator-custom.js +0 -0
  173. /package/dist/{components → src/components}/megamenu/mega-menu.js +0 -0
  174. /package/dist/{components → src/components}/multi-select/multi-select.js +0 -0
  175. /package/dist/{components → src/components}/overlays/overlay-panel.js +0 -0
  176. /package/dist/{components → src/components}/password/password.js +0 -0
  177. /package/dist/{components → src/components}/progress-bar/progress-bar.js +0 -0
  178. /package/dist/{components → src/components}/progress-steps/progress-steps.js +0 -0
  179. /package/dist/{components → src/components}/progress_bar_round/circle-progress-bar.js +0 -0
  180. /package/dist/{components → src/components}/progress_bar_round/half-circle-progres-bar.js +0 -0
  181. /package/dist/{components → src/components}/radio-button/radio-button.js +0 -0
  182. /package/dist/{components → src/components}/range-slider/slider.js +0 -0
  183. /package/dist/{components → src/components}/rating/rating.js +0 -0
  184. /package/dist/{components → src/components}/side-panel/side-panel.js +0 -0
  185. /package/dist/{components → src/components}/skeleton/skeleton.js +0 -0
  186. /package/dist/{components → src/components}/slider/slider.js +0 -0
  187. /package/dist/{components → src/components}/spinner/spinner.js +0 -0
  188. /package/dist/{components → src/components}/tab-menu/tab-menu.js +0 -0
  189. /package/dist/{components → src/components}/tabview/tabview.js +0 -0
  190. /package/dist/{components → src/components}/toast/toast.js +0 -0
  191. /package/dist/{components → src/components}/toggle/toggle-button.js +0 -0
  192. /package/dist/{components → src/components}/tooltip/tooltip.js +0 -0
  193. /package/dist/{components → src/components}/types/type.js +0 -0
  194. /package/dist/{components → src/components}/utils/classnames.js +0 -0
  195. /package/dist/{directives → src/directives}/svg-component.js +0 -0
  196. /package/dist/{directives → src/directives}/svg-icons.js +0 -0
  197. /package/dist/types/{assets → src/assets}/svg/svg.d.ts +0 -0
  198. /package/dist/types/{components → src/components}/accordion/accordion.d.ts +0 -0
  199. /package/dist/types/{components → src/components}/auto-complete/auto-complete.d.ts +0 -0
  200. /package/dist/types/{components → src/components}/avatar/avatar-group.d.ts +0 -0
  201. /package/dist/types/{components → src/components}/avatar/avatar.d.ts +0 -0
  202. /package/dist/types/{components → src/components}/badge/badge.d.ts +0 -0
  203. /package/dist/types/{components → src/components}/breadcrumb/breacrumb.d.ts +0 -0
  204. /package/dist/types/{components → src/components}/button/button.d.ts +0 -0
  205. /package/dist/types/{components → src/components}/button/menu-item.d.ts +0 -0
  206. /package/dist/types/{components → src/components}/button/speed-dial.d.ts +0 -0
  207. /package/dist/types/{components → src/components}/button/split-button.d.ts +0 -0
  208. /package/dist/types/{components → src/components}/calendar/calendar.d.ts +0 -0
  209. /package/dist/types/{components → src/components}/card/card.d.ts +0 -0
  210. /package/dist/types/{components → src/components}/carousel/carousel.d.ts +0 -0
  211. /package/dist/types/{components → src/components}/carousel/tag.d.ts +0 -0
  212. /package/dist/types/{components → src/components}/chart/chart.d.ts +0 -0
  213. /package/dist/types/{components → src/components}/checkbox/checkbox.d.ts +0 -0
  214. /package/dist/types/{components → src/components}/chips/chip.d.ts +0 -0
  215. /package/dist/types/{components → src/components}/chips/chips.d.ts +0 -0
  216. /package/dist/types/{components → src/components}/color-picker/color-picker.d.ts +0 -0
  217. /package/dist/types/{components → src/components}/custom-slider/custom-slider.d.ts +0 -0
  218. /package/dist/types/{components → src/components}/data-table/column.d.ts +0 -0
  219. /package/dist/types/{components → src/components}/data-table/data-table.d.ts +0 -0
  220. /package/dist/types/{components → src/components}/data-table/paginator.d.ts +0 -0
  221. /package/dist/types/{components → src/components}/data-view/data-view.d.ts +0 -0
  222. /package/dist/types/{components → src/components}/dialogs/confirm-dialog.d.ts +0 -0
  223. /package/dist/types/{components → src/components}/dialogs/confirm-popup.d.ts +0 -0
  224. /package/dist/types/{components → src/components}/dialogs/dialog.d.ts +0 -0
  225. /package/dist/types/{components → src/components}/divider/divider.d.ts +0 -0
  226. /package/dist/types/{components → src/components}/dropdown/dropdown.d.ts +0 -0
  227. /package/dist/types/{components → src/components}/file-upload/file-upload.d.ts +0 -0
  228. /package/dist/types/{components → src/components}/galleria/galleria.d.ts +0 -0
  229. /package/dist/types/{components → src/components}/image/image.d.ts +0 -0
  230. /package/dist/types/{components → src/components}/input/input-mask.d.ts +0 -0
  231. /package/dist/types/{components → src/components}/input/input-number.d.ts +0 -0
  232. /package/dist/types/{components → src/components}/input/input-switch.d.ts +0 -0
  233. /package/dist/types/{components → src/components}/input/input-textarea.d.ts +0 -0
  234. /package/dist/types/{components → src/components}/input/input.d.ts +0 -0
  235. /package/dist/types/{components → src/components}/loading-indicator/loading-indicator-custom.d.ts +0 -0
  236. /package/dist/types/{components → src/components}/megamenu/mega-menu.d.ts +0 -0
  237. /package/dist/types/{components → src/components}/multi-select/multi-select.d.ts +0 -0
  238. /package/dist/types/{components → src/components}/overlays/overlay-panel.d.ts +0 -0
  239. /package/dist/types/{components → src/components}/password/password.d.ts +0 -0
  240. /package/dist/types/{components → src/components}/progress-bar/progress-bar.d.ts +0 -0
  241. /package/dist/types/{components → src/components}/progress-steps/progress-steps.d.ts +0 -0
  242. /package/dist/types/{components → src/components}/progress_bar_round/circle-progress-bar.d.ts +0 -0
  243. /package/dist/types/{components → src/components}/progress_bar_round/half-circle-progres-bar.d.ts +0 -0
  244. /package/dist/types/{components → src/components}/radio-button/radio-button.d.ts +0 -0
  245. /package/dist/types/{components → src/components}/range-slider/slider.d.ts +0 -0
  246. /package/dist/types/{components → src/components}/rating/rating.d.ts +0 -0
  247. /package/dist/types/{components → src/components}/side-panel/side-panel.d.ts +0 -0
  248. /package/dist/types/{components → src/components}/skeleton/skeleton.d.ts +0 -0
  249. /package/dist/types/{components → src/components}/slider/slider.d.ts +0 -0
  250. /package/dist/types/{components → src/components}/spinner/spinner.d.ts +0 -0
  251. /package/dist/types/{components → src/components}/tab-menu/tab-menu.d.ts +0 -0
  252. /package/dist/types/{components → src/components}/tabview/tabview.d.ts +0 -0
  253. /package/dist/types/{components → src/components}/toast/toast.d.ts +0 -0
  254. /package/dist/types/{components → src/components}/toggle/toggle-button.d.ts +0 -0
  255. /package/dist/types/{components → src/components}/tooltip/tooltip.d.ts +0 -0
  256. /package/dist/types/{components → src/components}/types/type.d.ts +0 -0
  257. /package/dist/types/{components → src/components}/utils/classnames.d.ts +0 -0
  258. /package/dist/types/{directives → src/directives}/svg-component.d.ts +0 -0
  259. /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
+ }
@@ -0,0 +1,2 @@
1
+ import CustomSlider from '../src/components/custom-slider/custom-slider';
2
+ export default CustomSlider;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "3.3.5",
3
+ "version": "3.3.7",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
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
- }