@luizleon/sf.prefeiturasp.vuecomponents 0.0.37 → 0.0.38

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 (40) hide show
  1. package/dist/components/drawer/Drawer.d.ts +55 -0
  2. package/dist/components/internal/ThemeToggle.d.ts +11 -8
  3. package/dist/components/internal/getMaxZindex.d.ts +2 -0
  4. package/dist/lib.es.js +2030 -1907
  5. package/dist/lib.es.js.map +1 -1
  6. package/dist/lib.umd.js +16 -16
  7. package/dist/lib.umd.js.map +1 -1
  8. package/dist/style.css +1 -1
  9. package/package.json +3 -2
  10. package/src/components/drawer/Drawer.d.ts +55 -0
  11. package/src/components/drawer/Drawer.vue +131 -0
  12. package/src/components/internal/HeaderAvatar.vue +18 -1
  13. package/src/components/internal/getMaxZindex.ts +14 -0
  14. package/src/components/layout/Layout.vue +1 -14
  15. package/src/index.ts +0 -1
  16. package/src/services/authService.ts +3 -4
  17. package/src/style/componentes.scss +1 -1
  18. package/src/style/src/_functions.scss +3 -170
  19. package/src/style/src/_mixins.scss +70 -553
  20. package/src/style/src/_variables.scss +1 -87
  21. package/src/style/src/components/_button.scss +22 -22
  22. package/src/style/src/components/_drawer.scss +29 -39
  23. package/src/style/src/components/_icon.scss +17 -20
  24. package/src/style/src/components/_layout.scss +5 -47
  25. package/src/style/src/components/_mask.scss +35 -0
  26. package/src/style/src/components/_themetoggle.scss +30 -3
  27. package/src/style/src/sweetalert/scss/_core.scss +13 -14
  28. package/src/style/src/sweetalert/scss/_variables.scss +17 -11
  29. package/src/style/src/_animation.scss +0 -441
  30. package/src/style/src/_display.scss +0 -10
  31. package/src/style/src/_flexbox.scss +0 -85
  32. package/src/style/src/_gap.scss +0 -8
  33. package/src/style/src/_grid.scss +0 -100
  34. package/src/style/src/_normalize.scss +0 -351
  35. package/src/style/src/_ripple.scss +0 -30
  36. package/src/style/src/_size.scss +0 -98
  37. package/src/style/src/_spacing.scss +0 -42
  38. package/src/style/src/_typography.scss +0 -43
  39. package/src/style/src/components/_internal-icon-button.scss +0 -5
  40. package/src/style/tema.scss +0 -171
package/src/style/tema.scss DELETED
@@ -1,171 +0,0 @@
1
- @use "sass:color";
2
- @import "./src/mixins";
3
- @import "./src/functions";
4
- @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,300,0,200&display=block");
5
- @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
6
- @import "./src/normalize";
7
-
8
- :root {
9
- --window-height: 100svh;
10
- --font-family: "Roboto", "Helvetica", "Arial", sans-serif;
11
- --font-size: 1rem;
12
- --font-weight: 400;
13
- --line-height: 1.15;
14
- --header-height: 60px;
15
- --main-height: calc(
16
- var(--window-height, 100vh) - var(--header-height)
17
- );
18
- }
19
-
20
- html,
21
- body {
22
- background-color: var(--bg-color);
23
- color: var(--text-color);
24
- font-family: var(--font-family);
25
- font-size: var(--font-size);
26
- font-weight: var(--font-weight);
27
- line-height: var(--line-height);
28
- }
29
-
30
- html {
31
- user-select: none;
32
- @include colors($colors);
33
-
34
- &.light {
35
- color-scheme: light;
36
- --preloader-color: #334d5c;
37
- --preloader-background: rgb(241, 241, 241);
38
- @include colors(themeColors(), false);
39
- @include colors-hsl(themeColors());
40
- }
41
-
42
- &.dark {
43
- color-scheme: dark;
44
- --preloader-color: rgb(0, 65, 95);
45
- --preloader-background: #030d1b;
46
- @include colors(themeColors(true), false);
47
- @include colors-hsl(themeColors(true));
48
- }
49
- }
50
-
51
- body {
52
- margin: 0;
53
- padding: 0;
54
- overflow: hidden;
55
- height: var(--window-height);
56
- > div#app {
57
- height: var(--window-height);
58
- overflow: hidden;
59
- }
60
- }
61
-
62
- * {
63
- box-sizing: border-box;
64
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
65
- -webkit-tap-highlight-color: transparent;
66
- &.sf-component-disabled,
67
- &.sf-component-disabled * {
68
- cursor: default !important;
69
- pointer-events: none !important;
70
- user-select: none !important;
71
- color: var(--disabled-color) !important;
72
- }
73
- &:disabled,
74
- &:disabled *,
75
- &.sf-component-freeze,
76
- &.sf-component-freeze *,
77
- &.sf-component-loading,
78
- &.sf-component-loading * {
79
- cursor: default !important;
80
- pointer-events: none !important;
81
- user-select: none !important;
82
- }
83
- &:focus-visible {
84
- outline: 2px solid var(--surface-1300-color);
85
- outline-offset: 1px;
86
- }
87
- }
88
-
89
- a {
90
- text-decoration: none;
91
- color: var(--primary-color);
92
- &:hover {
93
- text-decoration: underline;
94
- }
95
- }
96
-
97
- input {
98
- color: var(--text-color);
99
- }
100
-
101
- input:-webkit-autofill,
102
- input:-webkit-autofill:focus {
103
- transition: background-color 600000s 0s !important;
104
- color: var(--text-color) !important;
105
- }
106
-
107
- input:disabled:-webkit-autofill {
108
- opacity: 0.5 !important;
109
- }
110
-
111
- .hidden--visually {
112
- border: 0;
113
- clip: rect(1px 1px 1px 1px);
114
- clip: rect(1px, 1px, 1px, 1px);
115
- height: 1px;
116
- margin: -1px;
117
- overflow: hidden;
118
- padding: 0;
119
- position: absolute;
120
- width: 1px;
121
- input,
122
- select {
123
- transform: scale(0);
124
- }
125
- }
126
-
127
- ::-webkit-scrollbar,
128
- ::-webkit-scrollbar-corner {
129
- background-color: var(--surface-200-color) !important;
130
- }
131
-
132
- ::-webkit-scrollbar-corner {
133
- background-color: var(--surface-400-color) !important;
134
- }
135
-
136
- ::-webkit-scrollbar-thumb {
137
- background: var(--surface-900-color) !important;
138
- border: 4px solid var(--surface-200-color) !important;
139
- border-radius: 6px !important;
140
- }
141
-
142
- .material-symbols-outlined {
143
- font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 200, "opsz" 48;
144
- }
145
-
146
- /*
147
- * Utilidades
148
- */
149
- .sf-select-none {
150
- user-select: none;
151
- }
152
- .sf-select-text {
153
- user-select: text;
154
- }
155
- .sf-select-all {
156
- user-select: all;
157
- }
158
- .sf-select-auto {
159
- user-select: auto;
160
- }
161
-
162
- @include theme-colors;
163
- @import "./src/ripple";
164
- @import "./src/display";
165
- @import "./src/spacing";
166
- @import "./src/size";
167
- @import "./src/flexbox";
168
- @import "./src/gap";
169
- @import "./src/animation";
170
- @import "./src/grid";
171
- @import "./src/typography";