matcha-theme 20.149.0 → 20.152.0
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.
|
@@ -1,20 +1,9 @@
|
|
|
1
1
|
@mixin matcha-autocomplete-theme($theme) {
|
|
2
|
-
$accent: map-get($theme, accent);
|
|
3
|
-
$warn: map-get($theme, warn);
|
|
4
|
-
$primary: map-get($theme, primary);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$foreground: map-get($theme, foreground);
|
|
7
2
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
background: map-get($background, surface);
|
|
14
|
-
max-height: 280px;
|
|
15
|
-
overflow: auto;
|
|
16
|
-
min-width: 160px;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
3
|
+
matcha-autocomplete {
|
|
4
|
+
.matcha-autocomplete-container {
|
|
5
|
+
padding: 0 12px;
|
|
6
|
+
margin-top: -12px;
|
|
7
|
+
}
|
|
19
8
|
}
|
|
20
9
|
}
|
|
@@ -101,6 +101,25 @@
|
|
|
101
101
|
textarea:disabled {
|
|
102
102
|
color: getDisabled($theme);
|
|
103
103
|
}
|
|
104
|
+
|
|
105
|
+
// Estado disabled do form-field (quando qualquer input filho está disabled)
|
|
106
|
+
&.matcha-form-field-disabled {
|
|
107
|
+
opacity: 0.6;
|
|
108
|
+
pointer-events: none;
|
|
109
|
+
cursor: not-allowed;
|
|
110
|
+
|
|
111
|
+
// Aplicar estilo disabled nas bordas
|
|
112
|
+
.matcha-form-field-border-start,
|
|
113
|
+
.matcha-form-field-border-middle,
|
|
114
|
+
.matcha-form-field-border-end {
|
|
115
|
+
opacity: 0.5;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
// Aplicar estilo disabled no label
|
|
119
|
+
matcha-label {
|
|
120
|
+
opacity: 0.6;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
104
123
|
}
|
|
105
124
|
|
|
106
125
|
matcha-form-field{
|
|
@@ -46,16 +46,7 @@
|
|
|
46
46
|
// box-shadow: 0 0 0 2px rgba(map-get($primary, 500), 0.2);
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
&.matcha-select-disabled {
|
|
50
|
-
background-color: #f5f5f5;
|
|
51
|
-
color: #9e9e9e;
|
|
52
|
-
cursor: not-allowed;
|
|
53
|
-
border-color: #e0e0e0;
|
|
54
49
|
|
|
55
|
-
&:hover {
|
|
56
|
-
border-color: #e0e0e0;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
50
|
}
|
|
60
51
|
|
|
61
52
|
.matcha-select-value {
|
|
@@ -81,21 +72,4 @@
|
|
|
81
72
|
transform: rotate(180deg);
|
|
82
73
|
}
|
|
83
74
|
}
|
|
84
|
-
|
|
85
|
-
.matcha-select-disabled {
|
|
86
|
-
.matcha-select-trigger {
|
|
87
|
-
background-color: #f5f5f5;
|
|
88
|
-
color: #9e9e9e;
|
|
89
|
-
cursor: not-allowed;
|
|
90
|
-
border-color: #e0e0e0;
|
|
91
|
-
|
|
92
|
-
&:hover {
|
|
93
|
-
border-color: #e0e0e0;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.matcha-select-arrow {
|
|
98
|
-
color: #9e9e9e;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
75
|
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
@mixin matcha-table-cell-theme($theme) {
|
|
2
|
+
.matcha-table{
|
|
3
|
+
.td-with-image,
|
|
4
|
+
.td-with-checkbox,
|
|
5
|
+
.td-with-icon,
|
|
6
|
+
.td-duble-line {
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
|
|
10
|
+
.td-text-aside {
|
|
11
|
+
display: inline-block;
|
|
12
|
+
width: calc(100% - 48px);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.avatar {
|
|
16
|
+
width: 48px;
|
|
17
|
+
min-width: 48px;
|
|
18
|
+
height: 48px;
|
|
19
|
+
line-height: 48px;
|
|
20
|
+
border-width: 0;
|
|
21
|
+
margin-right: 24px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.thumbnail {
|
|
25
|
+
width: 72px;
|
|
26
|
+
min-width: 72px;
|
|
27
|
+
height: 48px;
|
|
28
|
+
border-radius: 8px;
|
|
29
|
+
margin: 0 8px 0 0;
|
|
30
|
+
|
|
31
|
+
&-portrait {
|
|
32
|
+
width: 56px;
|
|
33
|
+
min-width: 56px;
|
|
34
|
+
height: 72px;
|
|
35
|
+
border-radius: 8px;
|
|
36
|
+
margin: 0 8px 0 0;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
package/main.scss
CHANGED
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
@import "./components/matcha-scrollbox-shadow.scss"; // matcha-scrollbox-shadow-theme($theme)
|
|
41
41
|
@import "./components/matcha-skeleton.scss"; // matcha-skeleton-theme($theme)
|
|
42
42
|
@import "./components/matcha-table.scss"; // matcha-table-theme($theme)
|
|
43
|
+
@import "./components/matcha-table-cell.scss"; // matcha-table-cell-theme($theme)
|
|
43
44
|
@import "./components/matcha-tooltip.scss"; // matcha-tooltip-theme($theme)
|
|
44
45
|
@import "./components/matcha-form-field.scss";
|
|
45
46
|
@import "./components/matcha-checkbox.scss";
|
|
@@ -151,7 +152,7 @@
|
|
|
151
152
|
@include matcha-scrollbar-theme($theme);
|
|
152
153
|
|
|
153
154
|
@include matcha-table-theme($theme);
|
|
154
|
-
|
|
155
|
+
@include matcha-table-cell-theme($theme);
|
|
155
156
|
@include matcha-button-toggle($theme);
|
|
156
157
|
@include matcha-button-theme($theme);
|
|
157
158
|
@include matcha-ripple-theme($theme);
|