@luizleon/sf.prefeiturasp.vuecomponents 4.0.2 → 4.0.4

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 (92) hide show
  1. package/dist/{src/components → components}/navmenu/NavMenu.d.ts +4 -3
  2. package/dist/sf.prefeiturasp.vuecomponents.cjs +1 -1
  3. package/dist/sf.prefeiturasp.vuecomponents.cjs.map +1 -1
  4. package/dist/sf.prefeiturasp.vuecomponents.js +2 -2
  5. package/dist/sf.prefeiturasp.vuecomponents.js.map +1 -1
  6. package/dist/sf.prefeiturasp.vuecomponents.umd.cjs +1 -1
  7. package/dist/sf.prefeiturasp.vuecomponents.umd.cjs.map +1 -1
  8. package/dist/style.css +1 -1
  9. package/package.json +5 -2
  10. package/src/axios/axiosClient.ts +0 -207
  11. package/src/common/appResult.ts +0 -34
  12. package/src/components/button/Button.vue +0 -104
  13. package/src/components/content/Content.vue +0 -49
  14. package/src/components/drawer/Drawer.vue +0 -146
  15. package/src/components/icon/Icon.vue +0 -96
  16. package/src/components/internal/HeaderAvatar.vue +0 -73
  17. package/src/components/internal/LoadingCircle.vue +0 -16
  18. package/src/components/internal/MenuIcon.vue +0 -13
  19. package/src/components/internal/ScrollToTop.vue +0 -26
  20. package/src/components/internal/ThemeToggle.ts +0 -41
  21. package/src/components/internal/ThemeToggle.vue +0 -23
  22. package/src/components/internal/cssClassBuilder.ts +0 -44
  23. package/src/components/internal/getMaxZindex.ts +0 -15
  24. package/src/components/layout/Layout.d.ts +0 -38
  25. package/src/components/layout/Layout.vue +0 -58
  26. package/src/components/message/Message.vue +0 -65
  27. package/src/components/navmenu/NavMenu.vue +0 -109
  28. package/src/components/tabnavigation/TabNavigation.vue +0 -125
  29. package/src/components/tooltip/Tooltip.vue +0 -91
  30. package/src/index.ts +0 -53
  31. package/src/keycloak.d.ts +0 -671
  32. package/src/keycloak.js +0 -1731
  33. package/src/services/authService.ts +0 -118
  34. package/src/services/dialogService.ts +0 -109
  35. package/src/services/navMenuService.ts +0 -21
  36. package/src/style/componentes.scss +0 -20
  37. package/src/style/src/_functions.scss +0 -19
  38. package/src/style/src/_mixins.scss +0 -193
  39. package/src/style/src/_variables.scss +0 -12
  40. package/src/style/src/components/_button.scss +0 -104
  41. package/src/style/src/components/_content.scss +0 -57
  42. package/src/style/src/components/_drawer.scss +0 -89
  43. package/src/style/src/components/_headerAvatar.scss +0 -22
  44. package/src/style/src/components/_icon.scss +0 -119
  45. package/src/style/src/components/_layout.scss +0 -160
  46. package/src/style/src/components/_loading-circle.scss +0 -24
  47. package/src/style/src/components/_mask.scss +0 -35
  48. package/src/style/src/components/_message.scss +0 -47
  49. package/src/style/src/components/_navmenulink.scss +0 -31
  50. package/src/style/src/components/_scrollToTop.scss +0 -28
  51. package/src/style/src/components/_svg_icon.scss +0 -5
  52. package/src/style/src/components/_tab-navigation.scss +0 -93
  53. package/src/style/src/components/_themetoggle.scss +0 -52
  54. package/src/style/src/components/_tooltip.scss +0 -53
  55. package/src/style/src/sweetalert/_sweetalert.scss +0 -9
  56. package/src/style/src/sweetalert/scss/_animations.scss +0 -197
  57. package/src/style/src/sweetalert/scss/_body.scss +0 -45
  58. package/src/style/src/sweetalert/scss/_core.scss +0 -862
  59. package/src/style/src/sweetalert/scss/_mixins.scss +0 -16
  60. package/src/style/src/sweetalert/scss/_theming.scss +0 -8
  61. package/src/style/src/sweetalert/scss/_toasts-animations.scss +0 -83
  62. package/src/style/src/sweetalert/scss/_toasts-body.scss +0 -85
  63. package/src/style/src/sweetalert/scss/_toasts.scss +0 -203
  64. package/src/style/src/sweetalert/scss/_variables.scss +0 -271
  65. package/src/ts-helpers.d.ts +0 -44
  66. package/src/types/index.ts +0 -59
  67. package/src/vite-env.d.ts +0 -1
  68. package/tsconfig.json +0 -22
  69. package/vite.config.js +0 -29
  70. /package/dist/{src/axios → axios}/axiosClient.d.ts +0 -0
  71. /package/dist/{src/common → common}/appResult.d.ts +0 -0
  72. /package/dist/{src/components → components}/button/Button.d.ts +0 -0
  73. /package/dist/{src/components → components}/content/Content.d.ts +0 -0
  74. /package/dist/{src/components → components}/drawer/Drawer.d.ts +0 -0
  75. /package/dist/{src/components → components}/icon/Icon.d.ts +0 -0
  76. /package/dist/{src/components → components}/internal/HeaderAvatar.d.ts +0 -0
  77. /package/dist/{src/components → components}/internal/LoadingCircle.d.ts +0 -0
  78. /package/dist/{src/components → components}/internal/MenuIcon.d.ts +0 -0
  79. /package/dist/{src/components → components}/internal/ScrollToTop.d.ts +0 -0
  80. /package/dist/{src/components → components}/internal/ThemeToggle.d.ts +0 -0
  81. /package/dist/{src/components → components}/internal/cssClassBuilder.d.ts +0 -0
  82. /package/dist/{src/components → components}/internal/getMaxZindex.d.ts +0 -0
  83. /package/dist/{src/components → components}/layout/Layout.d.ts +0 -0
  84. /package/dist/{src/components → components}/message/Message.d.ts +0 -0
  85. /package/dist/{src/components → components}/tabnavigation/TabNavigation.d.ts +0 -0
  86. /package/dist/{src/components → components}/tooltip/Tooltip.d.ts +0 -0
  87. /package/dist/{src/index.d.ts → index.d.ts} +0 -0
  88. /package/dist/{src/keycloak.d.ts → keycloak.d.ts} +0 -0
  89. /package/dist/{src/services → services}/authService.d.ts +0 -0
  90. /package/dist/{src/services → services}/dialogService.d.ts +0 -0
  91. /package/dist/{src/services → services}/navMenuService.d.ts +0 -0
  92. /package/dist/{src/types → types}/index.d.ts +0 -0
@@ -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,271 +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: var(--success-hover-color) !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 var(--text-hover-color) 0 0 0
83
- 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: var(--primary-hover-color) !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: var(
144
- --text-hover-color
145
- ) !default;
146
-
147
- // CLOSE BUTTON
148
- $swal2-close-button-justify-self: end !default;
149
- $swal2-close-button-align-items: center !default;
150
- $swal2-close-button-justify-content: center !default;
151
- $swal2-close-button-width: 1.2em !default;
152
- $swal2-close-button-height: 1.2em !default;
153
- $swal2-close-button-position: null !default;
154
- $swal2-close-button-gap: 0 !default;
155
- $swal2-close-button-padding: 0 !default;
156
- $swal2-close-button-transition: color 0.1s, box-shadow 0.1s !default;
157
- $swal2-close-button-border: none !default;
158
- $swal2-close-button-border-radius: $swal2-border-radius !default;
159
- $swal2-close-button-outline: null !default;
160
- $swal2-close-button-background: transparent !default;
161
- $swal2-close-button-color: var(--surface-600) !default;
162
- $swal2-close-button-font-family: serif !default;
163
- $swal2-close-button-font-size: 2.5em !default;
164
- $swal2-close-button-box-shadow: inset 0 0 0 3px transparent !default;
165
-
166
- // CLOSE BUTTON:HOVER
167
- $swal2-close-button-hover-transform: none !default;
168
- $swal2-close-button-hover-color: $swal2-error !default;
169
- $swal2-close-button-hover-background: transparent !default;
170
-
171
- // CLOSE BUTTON:FOCUS
172
- $swal2-close-button-focus-outline: none !default;
173
- $swal2-close-button-focus-box-shadow: inset 0 0 0 3px
174
- $swal2-outline-color !default;
175
-
176
- // ACTIONS
177
- $swal2-actions-flex-wrap: wrap !default;
178
- $swal2-actions-align-items: center !default;
179
- $swal2-actions-justify-content: center !default;
180
- $swal2-actions-width: auto !default;
181
- $swal2-actions-margin: 1.25em auto 0 !default;
182
- $swal2-actions-padding: 0 !default;
183
-
184
- // COMMON VARIABLES FOR ALL ACTION BUTTONS
185
- $swal2-button-margin: 0.3125em !default;
186
- $swal2-button-padding: 0.625em 1.1em !default;
187
- $swal2-button-transition: box-shadow 0.1s !default;
188
- $swal2-button-box-shadow: 0 0 0 3px transparent !default;
189
- $swal2-button-font-weight: 500 !default;
190
- $swal2-button-darken-hover: var(--text-hover-color) !default;
191
- $swal2-button-darken-active: var(--text-hover-color) !default;
192
- $swal2-button-focus-outline: none !default;
193
- $swal2-button-focus-box-shadow: 0 0 0 3px $swal2-outline-color !default;
194
-
195
- // CONFIRM BUTTON
196
- $swal2-confirm-button-order: null !default;
197
- $swal2-confirm-button-border: 0 !default;
198
- $swal2-confirm-button-border-radius: 0.25em !default;
199
- $swal2-confirm-button-background-color: var(--primary-color) !default;
200
- $swal2-confirm-button-color: $swal2-white !default;
201
- $swal2-confirm-button-font-size: 1em !default;
202
- $swal2-confirm-button-focus-box-shadow: 0 0 0 3px
203
- var(--primary-hover-color) !default;
204
-
205
- // DENY BUTTON
206
- $swal2-deny-button-order: null !default;
207
- $swal2-deny-button-border: 0 !default;
208
- $swal2-deny-button-border-radius: 0.25em !default;
209
- $swal2-deny-button-background-color: var(--error-color) !default;
210
- $swal2-deny-button-color: $swal2-white !default;
211
- $swal2-deny-button-font-size: 1em !default;
212
- $swal2-deny-button-focus-box-shadow: 0 0 0 3px
213
- var(--error-hover-color) !default;
214
-
215
- // CANCEL BUTTON
216
- $swal2-cancel-button-order: null !default;
217
- $swal2-cancel-button-border: 0 !default;
218
- $swal2-cancel-button-border-radius: 0.25em !default;
219
- $swal2-cancel-button-background-color: var(
220
- --secondary-color
221
- ) !default;
222
- $swal2-cancel-button-color: $swal2-white !default;
223
- $swal2-cancel-button-font-size: 1em !default;
224
- $swal2-cancel-button-focus-box-shadow: 0 0 0 3px
225
- var(--text-hover-color) !default;
226
-
227
- // LOADER
228
- $swal2-loader-align-items: center !default;
229
- $swal2-loader-justify-content: center !default;
230
- $swal2-loader-width: 2.2em !default;
231
- $swal2-loader-height: 2.2em !default;
232
- $swal2-loader-margin: 0 1.875em !default;
233
- $swal2-loader-animation: swal2-rotate-loading 1.5s linear 0s infinite
234
- normal !default;
235
- $swal2-loader-border-width: 0.25em !default;
236
- $swal2-loader-border-style: solid !default;
237
- $swal2-loader-border-radius: 100% !default;
238
- $swal2-loader-border-color: var(--primary-color) transparent
239
- var(--primary-color) transparent !default;
240
-
241
- // TOASTS
242
- $swal2-toast-show-animation: swal2-toast-show 0.5s !default;
243
- $swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards !default;
244
- $swal2-toast-border: none !default;
245
- $swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075),
246
- 0 1px 2px hsl(0deg 0% 0% / 0.075),
247
- 1px 2px 4px hsl(0deg 0% 0% / 0.075),
248
- 1px 3px 8px hsl(0deg 0% 0% / 0.075),
249
- 2px 4px 16px hsl(0deg 0% 0% / 0.075) !default;
250
- $swal2-toast-background: $swal2-white !default;
251
- $swal2-toast-close-button-width: 0.8em !default;
252
- $swal2-toast-close-button-height: 0.8em !default;
253
- $swal2-toast-close-button-margin: 0 !default;
254
- $swal2-toast-close-button-font-size: 2em !default;
255
- $swal2-toast-width: 360px !default;
256
- $swal2-toast-padding: 1em !default;
257
- $swal2-toast-title-margin: 0.5em 1em !default;
258
- $swal2-toast-title-padding: 0 !default;
259
- $swal2-toast-title-font-size: 1em !default;
260
- $swal2-toast-icon-font-size: 1.8em !default;
261
- $swal2-toast-html-container-margin: 0.5em 1em !default;
262
- $swal2-toast-html-container-padding: 0 !default;
263
- $swal2-toast-html-container-font-size: 1em !default;
264
- $swal2-toast-input-height: 2em !default;
265
- $swal2-toast-input-margin: 0.5em !default;
266
- $swal2-toast-input-font-size: 1em !default;
267
- $swal2-toast-validation-font-size: 1em !default;
268
- $swal2-toast-buttons-font-size: 1em !default;
269
- $swal2-toast-footer-margin: 0.5em 0 0 !default;
270
- $swal2-toast-footer-padding: 0.5em 0 0 !default;
271
- $swal2-toast-footer-font-size: 0.8em !default;
@@ -1,44 +0,0 @@
1
- import {
2
- AllowedComponentProps,
3
- ComponentCustomProps,
4
- ObjectEmitsOptions,
5
- VNode,
6
- VNodeProps,
7
- } from "vue";
8
-
9
- declare type PublicProps = VNodeProps &
10
- AllowedComponentProps &
11
- ComponentCustomProps;
12
-
13
- declare type UnionToIntersection<U> = (
14
- U extends any ? (k: U) => void : never
15
- ) extends (k: infer I) => void
16
- ? I
17
- : never;
18
-
19
- declare type EmitFn<
20
- Options = ObjectEmitsOptions,
21
- Event extends keyof Options = keyof Options
22
- > = Options extends Array<infer V>
23
- ? (event: V, ...args: any[]) => void
24
- : {} extends Options
25
- ? (event: string, ...args: any[]) => void
26
- : UnionToIntersection<
27
- {
28
- [key in Event]: Options[key] extends (
29
- ...args: infer Args
30
- ) => any
31
- ? (event: key, ...args: Args) => void
32
- : (event: key, ...args: any[]) => void;
33
- }[Event]
34
- >;
35
-
36
- export class ClassComponent<Props, Slots, Emits> {
37
- $props: Props & PublicProps;
38
- $slots: Slots;
39
- $emit: EmitFn<Emits>;
40
- }
41
-
42
- export type GlobalComponentConstructor<T> = {
43
- new (): T;
44
- };