@hitsoft/e-donusum 1.0.9 → 1.0.10

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 (15) hide show
  1. package/assets/sass/core/components/stepper/_base.scss +110 -105
  2. package/assets/sass/core/components/stepper/_links.scss +60 -56
  3. package/assets/sass/core/components/stepper/_pills.scss +204 -200
  4. package/assets/sass/core/components/stepper/_variables.scss +3 -0
  5. package/esm2020/lib/e-donusum.module.mjs +4 -2
  6. package/esm2020/lib/styles.mjs +49 -0
  7. package/esm2020/public-api.mjs +5 -2
  8. package/fesm2015/hitsoft-e-donusum.mjs +56 -3
  9. package/fesm2015/hitsoft-e-donusum.mjs.map +1 -1
  10. package/fesm2020/hitsoft-e-donusum.mjs +56 -3
  11. package/fesm2020/hitsoft-e-donusum.mjs.map +1 -1
  12. package/lib/styles.d.ts +27 -0
  13. package/package.json +3 -3
  14. package/public-api.d.ts +1 -0
  15. package/src/lib/compatibility/styles-import.scss +30 -0
package/assets/sass/core/components/stepper/_base.scss CHANGED
@@ -1,106 +1,111 @@
1
- //
2
- // Stepper
3
- //
4
-
5
- // Base
6
- .stepper {
7
- // Content
8
- [data-kt-stepper-element="info"],
9
- [data-kt-stepper-element="content"] {
10
- display: none;
11
-
12
- &.current {
13
- display: flex;
14
- }
15
- }
16
-
17
- // Enable cursor pointer on clickable steppers
18
- .stepper-item[data-kt-stepper-action="step"] {
19
- cursor: pointer;
20
- }
21
-
22
- // States
23
- & {
24
- [data-kt-stepper-action="final"] {
25
- display: none;
26
- }
27
-
28
- [data-kt-stepper-action="previous"] {
29
- display: none;
30
- }
31
-
32
- [data-kt-stepper-action="next"] {
33
- display: inline-block;
34
- }
35
-
36
- [data-kt-stepper-action="submit"] {
37
- display: none;
38
- }
39
- }
40
-
41
- &.first {
42
- [data-kt-stepper-action="previous"] {
43
- display: none;
44
- }
45
-
46
- [data-kt-stepper-action="next"] {
47
- display: inline-block;
48
- }
49
-
50
- [data-kt-stepper-action="submit"] {
51
- display: none;
52
- }
53
- }
54
-
55
- &.between {
56
- [data-kt-stepper-action="previous"] {
57
- display: inline-block;
58
- }
59
-
60
- [data-kt-stepper-action="next"] {
61
- display: inline-block;
62
- }
63
-
64
- [data-kt-stepper-action="submit"] {
65
- display: none;
66
- }
67
- }
68
-
69
- &.last {
70
- [data-kt-stepper-action="final"] {
71
- display: inline-block;
72
- }
73
-
74
- [data-kt-stepper-action="final"].btn-flex {
75
- display: flex;
76
- }
77
-
78
- [data-kt-stepper-action="previous"] {
79
- display: inline-block;
80
- }
81
-
82
- [data-kt-stepper-action="previous"].btn-flex {
83
- display: flex;
84
- }
85
-
86
- [data-kt-stepper-action="previous"][data-kt-stepper-state="hide-on-last-step"] {
87
- display: none !important;
88
- }
89
-
90
- [data-kt-stepper-action="next"] {
91
- display: none;
92
- }
93
-
94
- [data-kt-stepper-action="next"].btn-flex {
95
- display: flex;
96
- }
97
-
98
- [data-kt-stepper-action="submit"] {
99
- display: inline-block;
100
- }
101
-
102
- [data-kt-stepper-action="submit"].btn-flex {
103
- display: flex;
104
- }
105
- }
1
+ //
2
+ // Stepper Base
3
+ //
4
+
5
+ // Variable definitions
6
+ $prefix: bs- !default;
7
+ $transition-link: all 0.2s ease !default;
8
+ $font-weight-bold: 700 !default;
9
+
10
+ // Base
11
+ .stepper {
12
+ // Content
13
+ [data-kt-stepper-element="info"],
14
+ [data-kt-stepper-element="content"] {
15
+ display: none;
16
+
17
+ &.current {
18
+ display: flex;
19
+ }
20
+ }
21
+
22
+ // Enable cursor pointer on clickable steppers
23
+ .stepper-item[data-kt-stepper-action="step"] {
24
+ cursor: pointer;
25
+ }
26
+
27
+ // States
28
+ & {
29
+ [data-kt-stepper-action="final"] {
30
+ display: none;
31
+ }
32
+
33
+ [data-kt-stepper-action="previous"] {
34
+ display: none;
35
+ }
36
+
37
+ [data-kt-stepper-action="next"] {
38
+ display: inline-block;
39
+ }
40
+
41
+ [data-kt-stepper-action="submit"] {
42
+ display: none;
43
+ }
44
+ }
45
+
46
+ &.first {
47
+ [data-kt-stepper-action="previous"] {
48
+ display: none;
49
+ }
50
+
51
+ [data-kt-stepper-action="next"] {
52
+ display: inline-block;
53
+ }
54
+
55
+ [data-kt-stepper-action="submit"] {
56
+ display: none;
57
+ }
58
+ }
59
+
60
+ &.between {
61
+ [data-kt-stepper-action="previous"] {
62
+ display: inline-block;
63
+ }
64
+
65
+ [data-kt-stepper-action="next"] {
66
+ display: inline-block;
67
+ }
68
+
69
+ [data-kt-stepper-action="submit"] {
70
+ display: none;
71
+ }
72
+ }
73
+
74
+ &.last {
75
+ [data-kt-stepper-action="final"] {
76
+ display: inline-block;
77
+ }
78
+
79
+ [data-kt-stepper-action="final"].btn-flex {
80
+ display: flex;
81
+ }
82
+
83
+ [data-kt-stepper-action="previous"] {
84
+ display: inline-block;
85
+ }
86
+
87
+ [data-kt-stepper-action="previous"].btn-flex {
88
+ display: flex;
89
+ }
90
+
91
+ [data-kt-stepper-action="previous"][data-kt-stepper-state="hide-on-last-step"] {
92
+ display: none !important;
93
+ }
94
+
95
+ [data-kt-stepper-action="next"] {
96
+ display: none;
97
+ }
98
+
99
+ [data-kt-stepper-action="next"].btn-flex {
100
+ display: flex;
101
+ }
102
+
103
+ [data-kt-stepper-action="submit"] {
104
+ display: inline-block;
105
+ }
106
+
107
+ [data-kt-stepper-action="submit"].btn-flex {
108
+ display: flex;
109
+ }
110
+ }
106
111
  }
package/assets/sass/core/components/stepper/_links.scss CHANGED
@@ -1,57 +1,61 @@
1
- //
2
- // Stepper Links
3
- //
4
-
5
- // Base
6
- .stepper.stepper-links {
7
- .stepper-nav {
8
- display: flex;
9
- margin: 0 auto;
10
- justify-content: center;
11
- align-items: center;
12
- flex-wrap: wrap;
13
-
14
- .stepper-item {
15
- position: relative;
16
- flex-shrink: 0;
17
- margin: 1rem 1.5rem;
18
-
19
- &:after {
20
- content: " ";
21
- position: absolute;
22
- top: 2.3rem;
23
- left: 0;
24
- height: 2px;
25
- width: 100%;
26
- background-color: transparent;
27
- transition: $transition-link;
28
- }
29
-
30
- .stepper-title {
31
- color: var(--#{$prefix}gray-900);
32
- font-weight: 600;
33
- font-size: 0.8rem;
34
- }
35
-
36
- // Current
37
- &.current {
38
- transition: $transition-link;
39
-
40
- .stepper-title {
41
- color: var(--#{$prefix}primary);
42
- }
43
-
44
- &:after {
45
- background-color: var(--#{$prefix}primary);
46
- }
47
- }
48
-
49
- &.current.mark-completed:last-child,
50
- &.completed {
51
- .stepper-title {
52
- color: var(--#{$prefix}gray-500);
53
- }
54
- }
55
- }
56
- }
1
+ //
2
+ // Stepper Links
3
+ //
4
+
5
+ // Variable definitions
6
+ $transition-link: all 0.2s ease !default;
7
+ $prefix: bs- !default;
8
+
9
+ // Base
10
+ .stepper.stepper-links {
11
+ .stepper-nav {
12
+ display: flex;
13
+ margin: 0 auto;
14
+ justify-content: center;
15
+ align-items: center;
16
+ flex-wrap: wrap;
17
+
18
+ .stepper-item {
19
+ position: relative;
20
+ flex-shrink: 0;
21
+ margin: 1rem 1.5rem;
22
+
23
+ &:after {
24
+ content: " ";
25
+ position: absolute;
26
+ top: 2.3rem;
27
+ left: 0;
28
+ height: 2px;
29
+ width: 100%;
30
+ background-color: transparent;
31
+ transition: $transition-link;
32
+ }
33
+
34
+ .stepper-title {
35
+ color: var(--#{$prefix}gray-900);
36
+ font-weight: 600;
37
+ font-size: 0.8rem;
38
+ }
39
+
40
+ // Current
41
+ &.current {
42
+ transition: $transition-link;
43
+
44
+ .stepper-title {
45
+ color: var(--#{$prefix}primary);
46
+ }
47
+
48
+ &:after {
49
+ background-color: var(--#{$prefix}primary);
50
+ }
51
+ }
52
+
53
+ &.current.mark-completed:last-child,
54
+ &.completed {
55
+ .stepper-title {
56
+ color: var(--#{$prefix}gray-500);
57
+ }
58
+ }
59
+ }
60
+ }
57
61
  }