@luizleon/sf.prefeiturasp.vuecomponents 0.0.18 → 0.0.20

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 (77) hide show
  1. package/dist/lib.es.js +2003 -1509
  2. package/dist/lib.es.js.map +1 -1
  3. package/dist/lib.umd.js +36 -35
  4. package/dist/lib.umd.js.map +1 -1
  5. package/dist/services/dialogService.d.ts +2 -2
  6. package/package.json +17 -5
  7. package/src/common/appResult.ts +0 -22
  8. package/src/components/button/Button.d.ts +0 -42
  9. package/src/components/button/Button.vue +0 -61
  10. package/src/components/content/Content.d.ts +0 -35
  11. package/src/components/content/Content.vue +0 -41
  12. package/src/components/icon/Icon.d.ts +0 -38
  13. package/src/components/icon/Icon.vue +0 -43
  14. package/src/components/internal/HeaderAvatar.vue +0 -49
  15. package/src/components/internal/LoadingCircle.vue +0 -16
  16. package/src/components/internal/MenuIcon.vue +0 -13
  17. package/src/components/internal/ScrollToTop.vue +0 -26
  18. package/src/components/internal/ThemeToggle.ts +0 -41
  19. package/src/components/internal/ThemeToggle.vue +0 -23
  20. package/src/components/internal/cssClassBuilder.ts +0 -44
  21. package/src/components/layout/Layout.d.ts +0 -44
  22. package/src/components/layout/Layout.vue +0 -51
  23. package/src/components/navmenulink/NavMenuLink.d.ts +0 -35
  24. package/src/components/navmenulink/NavMenuLink.vue +0 -41
  25. package/src/components/tabnavigation/TabNavigation.d.ts +0 -42
  26. package/src/components/tabnavigation/TabNavigation.vue +0 -117
  27. package/src/enum/cor.ts +0 -9
  28. package/src/enum/index.ts +0 -2
  29. package/src/enum/tamanho.ts +0 -5
  30. package/src/index.ts +0 -62
  31. package/src/keycloak.d.ts +0 -671
  32. package/src/keycloak.js +0 -1731
  33. package/src/services/authService.ts +0 -68
  34. package/src/services/dialogService.ts +0 -64
  35. package/src/services/navMenuService.ts +0 -21
  36. package/src/style/componentes.scss +0 -15
  37. package/src/style/src/_animation.scss +0 -441
  38. package/src/style/src/_display.scss +0 -10
  39. package/src/style/src/_flexbox.scss +0 -85
  40. package/src/style/src/_functions.scss +0 -171
  41. package/src/style/src/_gap.scss +0 -8
  42. package/src/style/src/_grid.scss +0 -100
  43. package/src/style/src/_mixins.scss +0 -633
  44. package/src/style/src/_normalize.scss +0 -351
  45. package/src/style/src/_ripple.scss +0 -30
  46. package/src/style/src/_size.scss +0 -98
  47. package/src/style/src/_spacing.scss +0 -42
  48. package/src/style/src/_typography.scss +0 -43
  49. package/src/style/src/_variables.scss +0 -87
  50. package/src/style/src/components/_button.scss +0 -107
  51. package/src/style/src/components/_content.scss +0 -57
  52. package/src/style/src/components/_drawer.scss +0 -99
  53. package/src/style/src/components/_headerAvatar.scss +0 -22
  54. package/src/style/src/components/_icon.scss +0 -120
  55. package/src/style/src/components/_internal-icon-button.scss +0 -5
  56. package/src/style/src/components/_layout.scss +0 -183
  57. package/src/style/src/components/_loading-circle.scss +0 -24
  58. package/src/style/src/components/_navmenulink.scss +0 -31
  59. package/src/style/src/components/_scrollToTop.scss +0 -28
  60. package/src/style/src/components/_svg_icon.scss +0 -5
  61. package/src/style/src/components/_tab-navigation.scss +0 -93
  62. package/src/style/src/components/_themetoggle.scss +0 -25
  63. package/src/style/src/components/_tooltip.scss +0 -55
  64. package/src/style/src/sweetalert/_sweetalert.scss +0 -9
  65. package/src/style/src/sweetalert/scss/_animations.scss +0 -197
  66. package/src/style/src/sweetalert/scss/_body.scss +0 -45
  67. package/src/style/src/sweetalert/scss/_core.scss +0 -863
  68. package/src/style/src/sweetalert/scss/_mixins.scss +0 -16
  69. package/src/style/src/sweetalert/scss/_theming.scss +0 -8
  70. package/src/style/src/sweetalert/scss/_toasts-animations.scss +0 -83
  71. package/src/style/src/sweetalert/scss/_toasts-body.scss +0 -85
  72. package/src/style/src/sweetalert/scss/_toasts.scss +0 -203
  73. package/src/style/src/sweetalert/scss/_variables.scss +0 -265
  74. package/src/style/tema.scss +0 -169
  75. package/src/ts-helpers.d.ts +0 -57
  76. package/tsconfig.json +0 -19
  77. package/vite.config.js +0 -26
@@ -1,16 +0,0 @@
1
- // https://stackoverflow.com/a/30250161
2
- @mixin not($ignor-list...) {
3
- @if (length($ignor-list) == 1) {
4
- $ignor-list: nth($ignor-list, 1);
5
- }
6
-
7
- $not-output: '';
8
-
9
- @each $not in $ignor-list {
10
- $not-output: $not-output + ':not(#{$not})'; // stylelint-disable-line scss/no-duplicate-dollar-variables
11
- }
12
-
13
- &#{$not-output} {
14
- @content;
15
- }
16
- }
@@ -1,8 +0,0 @@
1
- // base file for including when performing theming
2
- // doesn't include at-rules or root selectors (like body) which allows for more comprehensive extending
3
-
4
- @import "./variables";
5
- @import "./mixins";
6
- //@import "./toasts";
7
- @import "./body";
8
- @import "./core";
@@ -1,83 +0,0 @@
1
- // Animations
2
- @keyframes swal2-toast-show {
3
- 0% {
4
- transform: translateY(-0.625em) rotateZ(2deg);
5
- }
6
-
7
- 33% {
8
- transform: translateY(0) rotateZ(-2deg);
9
- }
10
-
11
- 66% {
12
- transform: translateY(0.3125em) rotateZ(2deg);
13
- }
14
-
15
- 100% {
16
- transform: translateY(0) rotateZ(0deg);
17
- }
18
- }
19
-
20
- @keyframes swal2-toast-hide {
21
- 100% {
22
- transform: rotateZ(1deg);
23
- opacity: 0;
24
- }
25
- }
26
-
27
- @keyframes swal2-toast-animate-success-line-tip {
28
- 0% {
29
- top: 0.5625em;
30
- left: 0.0625em;
31
- width: 0;
32
- }
33
-
34
- 54% {
35
- top: 0.125em;
36
- left: 0.125em;
37
- width: 0;
38
- }
39
-
40
- 70% {
41
- top: 0.625em;
42
- left: -0.25em;
43
- width: 1.625em;
44
- }
45
-
46
- 84% {
47
- top: 1.0625em;
48
- left: 0.75em;
49
- width: 0.5em;
50
- }
51
-
52
- 100% {
53
- top: 1.125em;
54
- left: 0.1875em;
55
- width: 0.75em;
56
- }
57
- }
58
-
59
- @keyframes swal2-toast-animate-success-line-long {
60
- 0% {
61
- top: 1.625em;
62
- right: 1.375em;
63
- width: 0;
64
- }
65
-
66
- 65% {
67
- top: 1.25em;
68
- right: 0.9375em;
69
- width: 0;
70
- }
71
-
72
- 84% {
73
- top: 0.9375em;
74
- right: 0;
75
- width: 1.125em;
76
- }
77
-
78
- 100% {
79
- top: 0.9375em;
80
- right: 0.1875em;
81
- width: 1.375em;
82
- }
83
- }
@@ -1,85 +0,0 @@
1
- @mixin sweetalert2-toasts-body() {
2
- &.swal2-toast-shown {
3
- .swal2-container {
4
- box-sizing: border-box;
5
- width: $swal2-toast-width;
6
- max-width: 100%;
7
- background-color: transparent;
8
- pointer-events: none;
9
-
10
- &.swal2-top {
11
- top: 0;
12
- right: auto;
13
- bottom: auto;
14
- left: 50%;
15
- transform: translateX(-50%);
16
- }
17
-
18
- &.swal2-top-end,
19
- &.swal2-top-right {
20
- top: 0;
21
- right: 0;
22
- bottom: auto;
23
- left: auto;
24
- }
25
-
26
- &.swal2-top-start,
27
- &.swal2-top-left {
28
- top: 0;
29
- right: auto;
30
- bottom: auto;
31
- left: 0;
32
- }
33
-
34
- &.swal2-center-start,
35
- &.swal2-center-left {
36
- top: 50%;
37
- right: auto;
38
- bottom: auto;
39
- left: 0;
40
- transform: translateY(-50%);
41
- }
42
-
43
- &.swal2-center {
44
- top: 50%;
45
- right: auto;
46
- bottom: auto;
47
- left: 50%;
48
- transform: translate(-50%, -50%);
49
- }
50
-
51
- &.swal2-center-end,
52
- &.swal2-center-right {
53
- top: 50%;
54
- right: 0;
55
- bottom: auto;
56
- left: auto;
57
- transform: translateY(-50%);
58
- }
59
-
60
- &.swal2-bottom-start,
61
- &.swal2-bottom-left {
62
- top: auto;
63
- right: auto;
64
- bottom: 0;
65
- left: 0;
66
- }
67
-
68
- &.swal2-bottom {
69
- top: auto;
70
- right: auto;
71
- bottom: 0;
72
- left: 50%;
73
- transform: translateX(-50%);
74
- }
75
-
76
- &.swal2-bottom-end,
77
- &.swal2-bottom-right {
78
- top: auto;
79
- right: 0;
80
- bottom: 0;
81
- left: auto;
82
- }
83
- }
84
- }
85
- }
@@ -1,203 +0,0 @@
1
- .swal2-popup {
2
- &.swal2-toast {
3
- box-sizing: border-box;
4
- grid-column: 1/4 !important;
5
- grid-row: 1/4 !important;
6
- grid-template-columns: 1fr 99fr 1fr;
7
- padding: $swal2-toast-padding;
8
- overflow-y: hidden;
9
- background: $swal2-toast-background;
10
- box-shadow: $swal2-toast-box-shadow;
11
- pointer-events: all;
12
-
13
- > * {
14
- grid-column: 2;
15
- }
16
-
17
- .swal2-title {
18
- margin: $swal2-toast-title-margin;
19
- padding: $swal2-toast-title-padding;
20
- font-size: $swal2-toast-title-font-size;
21
- text-align: initial;
22
- }
23
-
24
- .swal2-loading {
25
- justify-content: center;
26
- }
27
-
28
- .swal2-input {
29
- height: $swal2-toast-input-height;
30
- margin: $swal2-toast-input-margin;
31
- font-size: $swal2-toast-input-font-size;
32
- }
33
-
34
- .swal2-validation-message {
35
- font-size: $swal2-toast-validation-font-size;
36
- }
37
-
38
- .swal2-footer {
39
- margin: $swal2-toast-footer-margin;
40
- padding: $swal2-toast-footer-margin;
41
- font-size: $swal2-toast-footer-font-size;
42
- }
43
-
44
- .swal2-close {
45
- grid-column: 3/3;
46
- grid-row: 1/99;
47
- align-self: center;
48
- width: $swal2-toast-close-button-width;
49
- height: $swal2-toast-close-button-height;
50
- margin: $swal2-toast-close-button-margin;
51
- font-size: $swal2-toast-close-button-font-size;
52
- }
53
-
54
- .swal2-html-container {
55
- margin: $swal2-toast-html-container-margin;
56
- padding: $swal2-toast-html-container-padding;
57
- font-size: $swal2-toast-html-container-font-size;
58
- text-align: initial;
59
-
60
- &:empty {
61
- padding: 0;
62
- }
63
- }
64
-
65
- .swal2-loader {
66
- grid-column: 1;
67
- grid-row: 1/99;
68
- align-self: center;
69
- width: 2em;
70
- height: 2em;
71
- margin: 0.25em;
72
- }
73
-
74
- .swal2-icon {
75
- grid-column: 1;
76
- grid-row: 1/99;
77
- align-self: center;
78
- width: 2em;
79
- min-width: 2em;
80
- height: 2em;
81
- margin: 0 0.5em 0 0;
82
-
83
- .swal2-icon-content {
84
- display: flex;
85
- align-items: center;
86
- font-size: $swal2-toast-icon-font-size;
87
- font-weight: bold;
88
- }
89
-
90
- &.swal2-success {
91
- .swal2-success-ring {
92
- width: 2em;
93
- height: 2em;
94
- }
95
- }
96
-
97
- &.swal2-error {
98
- [class^='swal2-x-mark-line'] {
99
- top: 0.875em;
100
- width: 1.375em;
101
-
102
- &[class$='left'] {
103
- left: 0.3125em;
104
- }
105
-
106
- &[class$='right'] {
107
- right: 0.3125em;
108
- }
109
- }
110
- }
111
- }
112
-
113
- .swal2-actions {
114
- justify-content: flex-start;
115
- height: auto;
116
- margin: 0;
117
- margin-top: 0.5em;
118
- padding: 0 0.5em;
119
- }
120
-
121
- .swal2-styled {
122
- margin: 0.25em 0.5em;
123
- padding: 0.4em 0.6em;
124
- font-size: $swal2-toast-buttons-font-size;
125
- }
126
-
127
- .swal2-success {
128
- border-color: $swal2-success;
129
-
130
- [class^='swal2-success-circular-line'] {
131
- // Emulate moving circular line
132
- position: absolute;
133
- width: 1.6em;
134
- height: 3em;
135
- transform: rotate(45deg);
136
- border-radius: 50%;
137
-
138
- &[class$='left'] {
139
- top: -0.8em;
140
- left: -0.5em;
141
- transform: rotate(-45deg);
142
- transform-origin: 2em 2em;
143
- border-radius: 4em 0 0 4em;
144
- }
145
-
146
- &[class$='right'] {
147
- top: -0.25em;
148
- left: 0.9375em;
149
- transform-origin: 0 1.5em;
150
- border-radius: 0 4em 4em 0;
151
- }
152
- }
153
-
154
- .swal2-success-ring {
155
- width: 2em;
156
- height: 2em;
157
- }
158
-
159
- .swal2-success-fix {
160
- top: 0;
161
- left: 0.4375em;
162
- width: 0.4375em;
163
- height: 2.6875em;
164
- }
165
-
166
- [class^='swal2-success-line'] {
167
- height: 0.3125em;
168
-
169
- &[class$='tip'] {
170
- top: 1.125em;
171
- left: 0.1875em;
172
- width: 0.75em;
173
- }
174
-
175
- &[class$='long'] {
176
- top: 0.9375em;
177
- right: 0.1875em;
178
- width: 1.375em;
179
- }
180
- }
181
-
182
- &.swal2-icon-show {
183
- @if $swal2-icon-animations {
184
- .swal2-success-line-tip {
185
- animation: swal2-toast-animate-success-line-tip 0.75s;
186
- }
187
-
188
- .swal2-success-line-long {
189
- animation: swal2-toast-animate-success-line-long 0.75s;
190
- }
191
- }
192
- }
193
- }
194
-
195
- &.swal2-show {
196
- animation: $swal2-toast-show-animation;
197
- }
198
-
199
- &.swal2-hide {
200
- animation: $swal2-toast-hide-animation;
201
- }
202
- }
203
- }
@@ -1,265 +0,0 @@
1
- @import "../../functions";
2
-
3
- $swal2-white: var(--bg-color) !default;
4
- $swal2-black: var(--text-color) !default;
5
- $swal2-outline-color: var(--surface-200-color) !default;
6
-
7
- // CONTAINER
8
- $swal2-container-padding: 0.625em !default;
9
-
10
- // POPUP
11
- $swal2-width: 32em !default;
12
- $swal2-padding: 0 0 1.25em !default;
13
- $swal2-border: none !default;
14
- $swal2-color: var(--text-color) !default;
15
- $swal2-border-radius: 5px !default;
16
- $swal2-box-shadow: var(--surface-200-color) !default;
17
-
18
- // ANIMATIONS
19
- $swal2-show-animation: swal2-show 0.3s !default;
20
- $swal2-hide-animation: swal2-hide 0.15s forwards !default;
21
-
22
- // BACKGROUND
23
- $swal2-background: $swal2-white !default;
24
-
25
- // TYPOGRAPHY
26
- $swal2-font: inherit !default;
27
- $swal2-font-size: 1rem !default;
28
-
29
- // BACKDROP
30
- $swal2-backdrop: var(--maskbg-color) !default;
31
- $swal2-backdrop-transition: background-color 0.1s !default;
32
-
33
- // ICONS
34
- $swal2-icon-size: 5em !default;
35
- $swal2-icon-animations: true !default;
36
- $swal2-icon-margin: 2.5em auto 0.6em !default;
37
- $swal2-icon-font-family: inherit !default;
38
- $swal2-icon-font-size: 3.75em !default;
39
- $swal2-icon-border-color: #000 !default;
40
- $swal2-icon-zoom: null !default;
41
- $swal2-success: var(--success-color) !default;
42
- // $swal2-success-border: rgba($swal2-success, 0.3) !default;
43
- $swal2-success-border: alpha(--success, 0.3) !default;
44
- $swal2-error: var(--error-color) !default;
45
- $swal2-warning: var(--warn-color) !default;
46
- $swal2-info: var(--info-color) !default;
47
- $swal2-question: var(--help-color) !default;
48
-
49
- // IMAGE
50
- $swal2-image-margin: 2em auto 1em !default;
51
-
52
- // TITLE
53
- $swal2-title-position: relative !default;
54
- $swal2-title-max-width: 100% !default;
55
- $swal2-title-margin: 0 !default;
56
- $swal2-title-padding: 0.8em 1em 0 !default;
57
- $swal2-title-color: inherit !default;
58
- $swal2-title-font-size: 1.5em !default;
59
- $swal2-title-font-weight: 700 !default;
60
- $swal2-title-text-align: center !default;
61
-
62
- // HTML CONTAINER
63
- $swal2-html-container-justify-content: center !default;
64
- $swal2-html-container-margin: 1em 1.6em 0.3em !default;
65
- $swal2-html-container-padding: 0 !default;
66
- $swal2-html-container-overflow: auto !default;
67
- $swal2-html-container-color: inherit !default;
68
- $swal2-html-container-font-size: 1.125em !default;
69
- $swal2-html-container-font-weight: normal !default;
70
- $swal2-html-container-line-height: normal !default;
71
- $swal2-html-container-text-align: center !default;
72
- $swal2-html-container-word-wrap: break-word !default;
73
- $swal2-html-container-word-break: break-word !default;
74
-
75
- // INPUT
76
- $swal2-input-margin: 1em 2em 3px !default;
77
- $swal2-input-width: auto !default;
78
- $swal2-input-height: 2.625em !default;
79
- $swal2-input-padding: 0 0.75em !default;
80
- $swal2-input-border: 1px solid var(--surface-border-color) !default;
81
- $swal2-input-border-radius: 0.1875em !default;
82
- $swal2-input-box-shadow: inset 0 1px 1px alpha(--text, 0.06),
83
- 0 0 0 3px transparent !default;
84
- $swal2-input-font-size: 1.125em !default;
85
- $swal2-input-background: var(--surface-100-color) !default;
86
- $swal2-input-color: inherit !default;
87
- $swal2-input-transition: border-color 0.1s, box-shadow 0.1s !default;
88
-
89
- // INPUT:FOCUS
90
- $swal2-input-focus-border: 1px solid var(--primary-color) !default;
91
- $swal2-input-focus-outline: none !default;
92
- $swal2-input-focus-box-shadow: none !default;
93
-
94
- // TEXTAREA SPECIFIC VARIABLES
95
- $swal2-textarea-height: 6.75em !default;
96
- $swal2-textarea-padding: 0.75em !default;
97
-
98
- // INPUT LABEL
99
- $swal2-input-label-margin: 1em auto 0 !default;
100
- $swal2-input-label-justify-content: center !default;
101
-
102
- // VALIDATION MESSAGE
103
- $swal2-validation-message-align-items: center !default;
104
- $swal2-validation-message-justify-content: center !default;
105
- $swal2-validation-message-margin: 1em 0 0 !default;
106
- $swal2-validation-message-padding: 0.625em !default;
107
- $swal2-validation-message-background: var(
108
- --surface-200-color
109
- ) !default;
110
- $swal2-validation-message-color: var(--text--color) !default;
111
- $swal2-validation-message-font-size: 1em !default;
112
- $swal2-validation-message-font-weight: 300 !default;
113
- $swal2-validation-message-icon-background: $swal2-error !default;
114
- $swal2-validation-message-icon-color: $swal2-white !default;
115
- $swal2-validation-message-icon-zoom: null !default;
116
-
117
- // PROGRESS STEPS
118
- $swal2-progress-steps-flex-wrap: wrap !default;
119
- $swal2-progress-steps-align-items: center !default;
120
- $swal2-progress-steps-max-width: 100% !default;
121
- $swal2-progress-steps-background: transparent !default;
122
- $swal2-progress-steps-margin: 1.25em auto !default;
123
- $swal2-progress-steps-padding: 0 !default;
124
- $swal2-progress-steps-font-weight: 600 !default;
125
- $swal2-progress-steps-distance: 2.5em !default;
126
- $swal2-progress-step-width: 2em;
127
- $swal2-progress-step-height: 2em;
128
- $swal2-progress-step-border-radius: 2em;
129
- $swal2-progress-step-background: alpha(--primary, 0.4) !default;
130
- $swal2-progress-step-color: $swal2-white !default;
131
- $swal2-active-step-background: var(--primary-color) !default;
132
- $swal2-active-step-color: $swal2-white !default;
133
-
134
- // FOOTER
135
- $swal2-footer-margin: 1em 0 0 !default;
136
- $swal2-footer-padding: 1em 1em 0 !default;
137
- $swal2-footer-border-color: var(--surface-border-color) !default;
138
- $swal2-footer-color: inherit !default;
139
- $swal2-footer-font-size: 1em !default;
140
-
141
- // TIMER POGRESS BAR
142
- $swal2-timer-progress-bar-height: 0.25em;
143
- $swal2-timer-progress-bar-background: alpha(--text, 0.2) !default;
144
-
145
- // CLOSE BUTTON
146
- $swal2-close-button-justify-self: end !default;
147
- $swal2-close-button-align-items: center !default;
148
- $swal2-close-button-justify-content: center !default;
149
- $swal2-close-button-width: 1.2em !default;
150
- $swal2-close-button-height: 1.2em !default;
151
- $swal2-close-button-position: null !default;
152
- $swal2-close-button-gap: 0 !default;
153
- $swal2-close-button-padding: 0 !default;
154
- $swal2-close-button-transition: color 0.1s, box-shadow 0.1s !default;
155
- $swal2-close-button-border: none !default;
156
- $swal2-close-button-border-radius: $swal2-border-radius !default;
157
- $swal2-close-button-outline: null !default;
158
- $swal2-close-button-background: transparent !default;
159
- $swal2-close-button-color: var(--surface-600) !default;
160
- $swal2-close-button-font-family: serif !default;
161
- $swal2-close-button-font-size: 2.5em !default;
162
- $swal2-close-button-box-shadow: inset 0 0 0 3px transparent !default;
163
-
164
- // CLOSE BUTTON:HOVER
165
- $swal2-close-button-hover-transform: none !default;
166
- $swal2-close-button-hover-color: $swal2-error !default;
167
- $swal2-close-button-hover-background: transparent !default;
168
-
169
- // CLOSE BUTTON:FOCUS
170
- $swal2-close-button-focus-outline: none !default;
171
- $swal2-close-button-focus-box-shadow: inset 0 0 0 3px
172
- $swal2-outline-color !default;
173
-
174
- // ACTIONS
175
- $swal2-actions-flex-wrap: wrap !default;
176
- $swal2-actions-align-items: center !default;
177
- $swal2-actions-justify-content: center !default;
178
- $swal2-actions-width: auto !default;
179
- $swal2-actions-margin: 1.25em auto 0 !default;
180
- $swal2-actions-padding: 0 !default;
181
-
182
- // COMMON VARIABLES FOR ALL ACTION BUTTONS
183
- $swal2-button-margin: 0.3125em !default;
184
- $swal2-button-padding: 0.625em 1.1em !default;
185
- $swal2-button-transition: box-shadow 0.1s !default;
186
- $swal2-button-box-shadow: 0 0 0 3px transparent !default;
187
- $swal2-button-font-weight: 500 !default;
188
- $swal2-button-darken-hover: alpha(--text, 0.1) !default;
189
- $swal2-button-darken-active: alpha(--text, 0.2) !default;
190
- $swal2-button-focus-outline: none !default;
191
- $swal2-button-focus-box-shadow: 0 0 0 3px $swal2-outline-color !default;
192
-
193
- // CONFIRM BUTTON
194
- $swal2-confirm-button-order: null !default;
195
- $swal2-confirm-button-border: 0 !default;
196
- $swal2-confirm-button-border-radius: 0.25em !default;
197
- $swal2-confirm-button-background-color: var(--primary-color) !default;
198
- $swal2-confirm-button-color: $swal2-white !default;
199
- $swal2-confirm-button-font-size: 1em !default;
200
- $swal2-confirm-button-focus-box-shadow: 0 0 0 3px
201
- alpha(--primary, 0.5) !default;
202
-
203
- // DENY BUTTON
204
- $swal2-deny-button-order: null !default;
205
- $swal2-deny-button-border: 0 !default;
206
- $swal2-deny-button-border-radius: 0.25em !default;
207
- $swal2-deny-button-background-color: var(--error-color) !default;
208
- $swal2-deny-button-color: $swal2-white !default;
209
- $swal2-deny-button-font-size: 1em !default;
210
- $swal2-deny-button-focus-box-shadow: 0 0 0 3px alpha(--error, 0.5) !default;
211
-
212
- // CANCEL BUTTON
213
- $swal2-cancel-button-order: null !default;
214
- $swal2-cancel-button-border: 0 !default;
215
- $swal2-cancel-button-border-radius: 0.25em !default;
216
- $swal2-cancel-button-background-color: var(--blueGray-color) !default;
217
- $swal2-cancel-button-color: $swal2-white !default;
218
- $swal2-cancel-button-font-size: 1em !default;
219
- $swal2-cancel-button-focus-box-shadow: 0 0 0 3px alpha(--text, 0.5) !default;
220
-
221
- // LOADER
222
- $swal2-loader-align-items: center !default;
223
- $swal2-loader-justify-content: center !default;
224
- $swal2-loader-width: 2.2em !default;
225
- $swal2-loader-height: 2.2em !default;
226
- $swal2-loader-margin: 0 1.875em !default;
227
- $swal2-loader-animation: swal2-rotate-loading 1.5s linear 0s infinite
228
- normal !default;
229
- $swal2-loader-border-width: 0.25em !default;
230
- $swal2-loader-border-style: solid !default;
231
- $swal2-loader-border-radius: 100% !default;
232
- $swal2-loader-border-color: var(--primary-color) transparent
233
- var(--primary-color) transparent !default;
234
-
235
- // TOASTS
236
- $swal2-toast-show-animation: swal2-toast-show 0.5s !default;
237
- $swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards !default;
238
- $swal2-toast-border: none !default;
239
- $swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075),
240
- 0 1px 2px hsl(0deg 0% 0% / 0.075),
241
- 1px 2px 4px hsl(0deg 0% 0% / 0.075),
242
- 1px 3px 8px hsl(0deg 0% 0% / 0.075),
243
- 2px 4px 16px hsl(0deg 0% 0% / 0.075) !default;
244
- $swal2-toast-background: $swal2-white !default;
245
- $swal2-toast-close-button-width: 0.8em !default;
246
- $swal2-toast-close-button-height: 0.8em !default;
247
- $swal2-toast-close-button-margin: 0 !default;
248
- $swal2-toast-close-button-font-size: 2em !default;
249
- $swal2-toast-width: 360px !default;
250
- $swal2-toast-padding: 1em !default;
251
- $swal2-toast-title-margin: 0.5em 1em !default;
252
- $swal2-toast-title-padding: 0 !default;
253
- $swal2-toast-title-font-size: 1em !default;
254
- $swal2-toast-icon-font-size: 1.8em !default;
255
- $swal2-toast-html-container-margin: 0.5em 1em !default;
256
- $swal2-toast-html-container-padding: 0 !default;
257
- $swal2-toast-html-container-font-size: 1em !default;
258
- $swal2-toast-input-height: 2em !default;
259
- $swal2-toast-input-margin: 0.5em !default;
260
- $swal2-toast-input-font-size: 1em !default;
261
- $swal2-toast-validation-font-size: 1em !default;
262
- $swal2-toast-buttons-font-size: 1em !default;
263
- $swal2-toast-footer-margin: 0.5em 0 0 !default;
264
- $swal2-toast-footer-padding: 0.5em 0 0 !default;
265
- $swal2-toast-footer-font-size: 0.8em !default;