@luizleon/sf.prefeiturasp.vuecomponents 0.0.36 → 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 +2093 -1980
  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 -23
  16. package/src/services/authService.ts +14 -5
  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 -169
package/src/style/tema.scss DELETED
@@ -1,169 +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: 100%;
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(var(--window-height) - var(--header-height));
16
- }
17
-
18
- html,
19
- body {
20
- background-color: var(--bg-color);
21
- color: var(--text-color);
22
- font-family: var(--font-family);
23
- font-size: var(--font-size);
24
- font-weight: var(--font-weight);
25
- line-height: var(--line-height);
26
- }
27
-
28
- html {
29
- user-select: none;
30
- @include colors($colors);
31
-
32
- &.light {
33
- color-scheme: light;
34
- --preloader-color: #334d5c;
35
- --preloader-background: rgb(241, 241, 241);
36
- @include colors(themeColors(), false);
37
- @include colors-hsl(themeColors());
38
- }
39
-
40
- &.dark {
41
- color-scheme: dark;
42
- --preloader-color: rgb(0, 65, 95);
43
- --preloader-background: #030d1b;
44
- @include colors(themeColors(true), false);
45
- @include colors-hsl(themeColors(true));
46
- }
47
- }
48
-
49
- body {
50
- margin: 0;
51
- padding: 0;
52
- overflow: hidden;
53
- height: var(--window-height);
54
- > div#app {
55
- height: var(--window-height);
56
- overflow: hidden;
57
- }
58
- }
59
-
60
- * {
61
- box-sizing: border-box;
62
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
63
- -webkit-tap-highlight-color: transparent;
64
- &.sf-component-disabled,
65
- &.sf-component-disabled * {
66
- cursor: default !important;
67
- pointer-events: none !important;
68
- user-select: none !important;
69
- color: var(--disabled-color) !important;
70
- }
71
- &:disabled,
72
- &:disabled *,
73
- &.sf-component-freeze,
74
- &.sf-component-freeze *,
75
- &.sf-component-loading,
76
- &.sf-component-loading * {
77
- cursor: default !important;
78
- pointer-events: none !important;
79
- user-select: none !important;
80
- }
81
- &:focus-visible {
82
- outline: 2px solid var(--surface-1300-color);
83
- outline-offset: 1px;
84
- }
85
- }
86
-
87
- a {
88
- text-decoration: none;
89
- color: var(--primary-color);
90
- &:hover {
91
- text-decoration: underline;
92
- }
93
- }
94
-
95
- input {
96
- color: var(--text-color);
97
- }
98
-
99
- input:-webkit-autofill,
100
- input:-webkit-autofill:focus {
101
- transition: background-color 600000s 0s !important;
102
- color: var(--text-color) !important;
103
- }
104
-
105
- input:disabled:-webkit-autofill {
106
- opacity: 0.5 !important;
107
- }
108
-
109
- .hidden--visually {
110
- border: 0;
111
- clip: rect(1px 1px 1px 1px);
112
- clip: rect(1px, 1px, 1px, 1px);
113
- height: 1px;
114
- margin: -1px;
115
- overflow: hidden;
116
- padding: 0;
117
- position: absolute;
118
- width: 1px;
119
- input,
120
- select {
121
- transform: scale(0);
122
- }
123
- }
124
-
125
- ::-webkit-scrollbar,
126
- ::-webkit-scrollbar-corner {
127
- background-color: var(--surface-200-color) !important;
128
- }
129
-
130
- ::-webkit-scrollbar-corner {
131
- background-color: var(--surface-400-color) !important;
132
- }
133
-
134
- ::-webkit-scrollbar-thumb {
135
- background: var(--surface-900-color) !important;
136
- border: 4px solid var(--surface-200-color) !important;
137
- border-radius: 6px !important;
138
- }
139
-
140
- .material-symbols-outlined {
141
- font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 200, "opsz" 48;
142
- }
143
-
144
- /*
145
- * Utilidades
146
- */
147
- .sf-select-none {
148
- user-select: none;
149
- }
150
- .sf-select-text {
151
- user-select: text;
152
- }
153
- .sf-select-all {
154
- user-select: all;
155
- }
156
- .sf-select-auto {
157
- user-select: auto;
158
- }
159
-
160
- @include theme-colors;
161
- @import "./src/ripple";
162
- @import "./src/display";
163
- @import "./src/spacing";
164
- @import "./src/size";
165
- @import "./src/flexbox";
166
- @import "./src/gap";
167
- @import "./src/animation";
168
- @import "./src/grid";
169
- @import "./src/typography";