otimus-library 0.0.49 → 0.0.50
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.
- package/README.md +26 -26
- package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +6 -3
- package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +3 -3
- package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +3 -3
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +3 -3
- package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +3 -3
- package/esm2022/lib/components/oc-table/oc-table.component.mjs +3 -3
- package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +3 -3
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +1 -1
- package/esm2022/lib/interfaces/oc-autocomplete.mjs +1 -1
- package/esm2022/lib/interfaces/oc-menu.mjs +1 -1
- package/esm2022/lib/interfaces/oc-toast.mjs +1 -1
- package/esm2022/lib/otimus-library.component.mjs +9 -9
- package/esm2022/lib/otimus-library.service.mjs +1 -1
- package/esm2022/lib/services/oc-toast.service.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/otimus-library.mjs +25 -22
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-autocomplete/oc-autocomplete.component.d.ts +1 -0
- package/package.json +1 -1
- package/styles/components/buttons.scss +226 -226
- package/styles/components/inputs.scss +114 -114
- package/styles/styles.scss +41 -41
- package/styles/variables.scss +46 -46
package/styles/styles.scss
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
@import './components/index.scss';
|
|
2
|
-
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
|
|
3
|
-
|
|
4
|
-
*{
|
|
5
|
-
font-family: 'Ubuntu', sans-serif;
|
|
6
|
-
box-sizing: border-box;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
::-webkit-scrollbar {
|
|
10
|
-
width: 6px;
|
|
11
|
-
height: 6px;
|
|
12
|
-
}
|
|
13
|
-
::-webkit-scrollbar-button {
|
|
14
|
-
width: 0px;
|
|
15
|
-
height: 0px;
|
|
16
|
-
}
|
|
17
|
-
::-webkit-scrollbar-thumb {
|
|
18
|
-
background: #5505a2;
|
|
19
|
-
border: 0px none #ffffff;
|
|
20
|
-
border-radius: 52px;
|
|
21
|
-
}
|
|
22
|
-
::-webkit-scrollbar-thumb:hover {
|
|
23
|
-
background: #5505a2;
|
|
24
|
-
}
|
|
25
|
-
::-webkit-scrollbar-thumb:active {
|
|
26
|
-
background: #5505a2;
|
|
27
|
-
}
|
|
28
|
-
::-webkit-scrollbar-track {
|
|
29
|
-
background: #f8f9ff;
|
|
30
|
-
border: 0px none #ffffff;
|
|
31
|
-
border-radius: 50px;
|
|
32
|
-
}
|
|
33
|
-
::-webkit-scrollbar-track:hover {
|
|
34
|
-
background: #d1d5db;
|
|
35
|
-
}
|
|
36
|
-
::-webkit-scrollbar-track:active {
|
|
37
|
-
background: #d1d5db;
|
|
38
|
-
}
|
|
39
|
-
::-webkit-scrollbar-corner {
|
|
40
|
-
background: transparent;
|
|
41
|
-
}
|
|
1
|
+
@import './components/index.scss';
|
|
2
|
+
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
|
|
3
|
+
|
|
4
|
+
*{
|
|
5
|
+
font-family: 'Ubuntu', sans-serif;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
::-webkit-scrollbar {
|
|
10
|
+
width: 6px;
|
|
11
|
+
height: 6px;
|
|
12
|
+
}
|
|
13
|
+
::-webkit-scrollbar-button {
|
|
14
|
+
width: 0px;
|
|
15
|
+
height: 0px;
|
|
16
|
+
}
|
|
17
|
+
::-webkit-scrollbar-thumb {
|
|
18
|
+
background: #5505a2;
|
|
19
|
+
border: 0px none #ffffff;
|
|
20
|
+
border-radius: 52px;
|
|
21
|
+
}
|
|
22
|
+
::-webkit-scrollbar-thumb:hover {
|
|
23
|
+
background: #5505a2;
|
|
24
|
+
}
|
|
25
|
+
::-webkit-scrollbar-thumb:active {
|
|
26
|
+
background: #5505a2;
|
|
27
|
+
}
|
|
28
|
+
::-webkit-scrollbar-track {
|
|
29
|
+
background: #f8f9ff;
|
|
30
|
+
border: 0px none #ffffff;
|
|
31
|
+
border-radius: 50px;
|
|
32
|
+
}
|
|
33
|
+
::-webkit-scrollbar-track:hover {
|
|
34
|
+
background: #d1d5db;
|
|
35
|
+
}
|
|
36
|
+
::-webkit-scrollbar-track:active {
|
|
37
|
+
background: #d1d5db;
|
|
38
|
+
}
|
|
39
|
+
::-webkit-scrollbar-corner {
|
|
40
|
+
background: transparent;
|
|
41
|
+
}
|
package/styles/variables.scss
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
// Cor Primária (Roxo)
|
|
2
|
-
$color-brand-p-1: #5505a2;
|
|
3
|
-
$color-brand-p-2: #1e0832;
|
|
4
|
-
$color-brand-p-3: #661eab;
|
|
5
|
-
$color-brand-p-4: #7737b5;
|
|
6
|
-
$color-brand-p-5: #8850be;
|
|
7
|
-
$color-brand-p-6: #9969c7;
|
|
8
|
-
$color-brand-p-7: #bb9cd9;
|
|
9
|
-
|
|
10
|
-
// Variações escuras da cor Primária
|
|
11
|
-
$color-brand-dp-1: #1e0832;
|
|
12
|
-
$color-brand-dp-2: #352147;
|
|
13
|
-
$color-brand-dp-3: #4b395b;
|
|
14
|
-
$color-brand-dp-4: #625270;
|
|
15
|
-
$color-brand-dp-5: #786b84;
|
|
16
|
-
|
|
17
|
-
// Cor secundária (Verde)
|
|
18
|
-
$color-brand-g-1: #00dda3;
|
|
19
|
-
$color-brand-g-2: #1ae0ac;
|
|
20
|
-
$color-brand-g-3: #33e4b5;
|
|
21
|
-
$color-brand-g-4: #4de7bf;
|
|
22
|
-
$color-brand-g-5: #66ebc8;
|
|
23
|
-
$color-brand-g-6: #94ffe3;
|
|
24
|
-
|
|
25
|
-
// Cores de estado/feedback
|
|
26
|
-
$color-success: #4ab858;
|
|
27
|
-
$color-warning: #ebbc2e;
|
|
28
|
-
$color-error: #ed3a3a;
|
|
29
|
-
|
|
30
|
-
// Tons de Cinza
|
|
31
|
-
$color-gray-1: #353535;
|
|
32
|
-
$color-gray-2: #7e8485;
|
|
33
|
-
$color-gray-3: #8f9596;
|
|
34
|
-
$color-gray-4: #d1d5db;
|
|
35
|
-
$color-gray-5: #f7f7f7;
|
|
36
|
-
$color-gray-6: #f8f9ff;
|
|
37
|
-
$color-white: #ffffff;
|
|
38
|
-
|
|
39
|
-
// Cores para Background
|
|
40
|
-
$color-bg-1: $color-gray-5;
|
|
41
|
-
|
|
42
|
-
// Cores para texto
|
|
43
|
-
$color-text-1: $color-gray-1;
|
|
44
|
-
$color-text-2: $color-gray-2;
|
|
45
|
-
$color-text-3: $color-brand-p-1;
|
|
46
|
-
$color-text-4: $color-brand-g-1;
|
|
1
|
+
// Cor Primária (Roxo)
|
|
2
|
+
$color-brand-p-1: #5505a2;
|
|
3
|
+
$color-brand-p-2: #1e0832;
|
|
4
|
+
$color-brand-p-3: #661eab;
|
|
5
|
+
$color-brand-p-4: #7737b5;
|
|
6
|
+
$color-brand-p-5: #8850be;
|
|
7
|
+
$color-brand-p-6: #9969c7;
|
|
8
|
+
$color-brand-p-7: #bb9cd9;
|
|
9
|
+
|
|
10
|
+
// Variações escuras da cor Primária
|
|
11
|
+
$color-brand-dp-1: #1e0832;
|
|
12
|
+
$color-brand-dp-2: #352147;
|
|
13
|
+
$color-brand-dp-3: #4b395b;
|
|
14
|
+
$color-brand-dp-4: #625270;
|
|
15
|
+
$color-brand-dp-5: #786b84;
|
|
16
|
+
|
|
17
|
+
// Cor secundária (Verde)
|
|
18
|
+
$color-brand-g-1: #00dda3;
|
|
19
|
+
$color-brand-g-2: #1ae0ac;
|
|
20
|
+
$color-brand-g-3: #33e4b5;
|
|
21
|
+
$color-brand-g-4: #4de7bf;
|
|
22
|
+
$color-brand-g-5: #66ebc8;
|
|
23
|
+
$color-brand-g-6: #94ffe3;
|
|
24
|
+
|
|
25
|
+
// Cores de estado/feedback
|
|
26
|
+
$color-success: #4ab858;
|
|
27
|
+
$color-warning: #ebbc2e;
|
|
28
|
+
$color-error: #ed3a3a;
|
|
29
|
+
|
|
30
|
+
// Tons de Cinza
|
|
31
|
+
$color-gray-1: #353535;
|
|
32
|
+
$color-gray-2: #7e8485;
|
|
33
|
+
$color-gray-3: #8f9596;
|
|
34
|
+
$color-gray-4: #d1d5db;
|
|
35
|
+
$color-gray-5: #f7f7f7;
|
|
36
|
+
$color-gray-6: #f8f9ff;
|
|
37
|
+
$color-white: #ffffff;
|
|
38
|
+
|
|
39
|
+
// Cores para Background
|
|
40
|
+
$color-bg-1: $color-gray-5;
|
|
41
|
+
|
|
42
|
+
// Cores para texto
|
|
43
|
+
$color-text-1: $color-gray-1;
|
|
44
|
+
$color-text-2: $color-gray-2;
|
|
45
|
+
$color-text-3: $color-brand-p-1;
|
|
46
|
+
$color-text-4: $color-brand-g-1;
|