@myunisoft/design-system 0.22.1 → 0.22.3-MYUN-25378

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/dist/index.css CHANGED
@@ -1,80 +1,3 @@
1
- .h8cnOq_autoCompleteContainer {
2
- height: 50px;
3
- width: 100%;
4
- min-width: 170px;
5
- flex-direction: column;
6
- display: flex;
7
- }
8
-
9
- .h8cnOq_autoCompleteContainer .h8cnOq_label {
10
- color: #9b9b9b;
11
- margin-bottom: 4px;
12
- font-size: 12px;
13
- }
14
-
15
- .h8cnOq_autoCompleteContainer .h8cnOq_label.h8cnOq_search {
16
- color: #0bd1d1;
17
- }
18
-
19
- .h8cnOq_autoCompleteContainer .h8cnOq_label.h8cnOq_isError {
20
- color: #fe3a5e;
21
- }
22
-
23
- .h8cnOq_autoCompleteContainer .h8cnOq_selector {
24
- height: 24px;
25
- display: flex;
26
- }
27
-
28
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons {
29
- flex-direction: row;
30
- margin-left: auto;
31
- display: flex;
32
- }
33
-
34
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_dropDownIcon {
35
- width: 12px;
36
- margin-left: 8px;
37
- }
38
-
39
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_dropDownIcon.h8cnOq_rotated {
40
- transform: rotate(180deg);
41
- }
42
-
43
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_clear {
44
- width: 12px;
45
- cursor: pointer;
46
- margin-left: auto;
47
- }
48
-
49
- .h8cnOq_autoCompleteContainer .h8cnOq_border {
50
- width: 100%;
51
- border-bottom: 2px solid #d7d7d7;
52
- margin-top: 5px;
53
- }
54
-
55
- .h8cnOq_autoCompleteContainer .h8cnOq_border.h8cnOq_isError {
56
- border-bottom: 2px solid #fe3a5e;
57
- }
58
-
59
- .h8cnOq_autoCompleteContainer .h8cnOq_border.h8cnOq_open {
60
- border-bottom: 2px solid #0bd1d1;
61
- }
62
-
63
- .SaImvG_resultsContainer {
64
- z-index: 9;
65
- background-color: #fff;
66
- padding: 4px;
67
- box-shadow: 0 2px 2px #0000001a;
68
- }
69
-
70
- .SaImvG_resultsContainer .SaImvG_noResult {
71
- text-align: center;
72
- color: #9b9b9b;
73
- margin-top: 15px;
74
- margin-bottom: 10px;
75
- font-size: 16px;
76
- }
77
-
78
1
  .t5EYra_inputContainer {
79
2
  height: 24px;
80
3
  background-color: #ebebeb;
@@ -116,153 +39,4 @@
116
39
  right: 3px;
117
40
  }
118
41
 
119
- .kMx4ia_line {
120
- height: 30px;
121
- align-items: center;
122
- margin-top: 2px;
123
- padding-left: 8px;
124
- display: flex;
125
- }
126
-
127
- .kMx4ia_line:hover {
128
- cursor: pointer;
129
- background-color: #ebebeb;
130
- transition-duration: .3s;
131
- }
132
-
133
- .kMx4ia_line.kMx4ia_disabled {
134
- color: #c3c3c3;
135
- }
136
-
137
- .kMx4ia_line.kMx4ia_disabled:hover {
138
- cursor: initial;
139
- }
140
-
141
- .kMx4ia_line .kMx4ia_checkboxContainer {
142
- height: 14px;
143
- width: 14px;
144
- }
145
-
146
- .kMx4ia_line .kMx4ia_label {
147
- text-align: left;
148
- white-space: nowrap;
149
- text-overflow: ellipsis;
150
- width: 100%;
151
- margin-left: 8px;
152
- font-size: 14px;
153
- overflow: hidden;
154
- }
155
-
156
- .pNP20W_checkbox {
157
- height: 100%;
158
- width: 100%;
159
- box-sizing: border-box;
160
- border: 2px solid #d7d7d7;
161
- border-radius: 2px;
162
- }
163
-
164
- .pNP20W_checkbox:hover {
165
- cursor: pointer;
166
- }
167
-
168
- .pNP20W_checkbox.pNP20W_checked {
169
- color: #0bd1d1;
170
- color: #fff;
171
- background-color: #0bd1d1;
172
- border: 2px solid #0bd1d1;
173
- }
174
-
175
- .pNP20W_checkbox.pNP20W_checked.pNP20W_disabled {
176
- background-color: #c3c3c3;
177
- border: 2px solid #c3c3c3;
178
- }
179
-
180
- .pNP20W_checkbox.pNP20W_checked.pNP20W_disabled:hover {
181
- cursor: initial;
182
- }
183
-
184
- .pNP20W_checkbox.pNP20W_disabled {
185
- border: 2px solid #c3c3c3;
186
- }
187
-
188
- .pNP20W_checkbox.pNP20W_disabled:hover {
189
- cursor: initial;
190
- }
191
-
192
- .vK5M_a_allOptions {
193
- margin-top: 2px;
194
- margin-bottom: 5px;
195
- font-weight: bold;
196
- }
197
-
198
- ._1WQQUG_selectorContainer {
199
- align-items: flex-end;
200
- display: flex;
201
- }
202
-
203
- ._1WQQUG_selectorContainer ._1WQQUG_description {
204
- color: #000;
205
- font-size: 14px;
206
- }
207
-
208
- ._1WQQUG_selectorContainer ._1WQQUG_description._1WQQUG_search {
209
- color: #9b9b9b;
210
- }
211
-
212
- ._1WQQUG_selectorContainer ._1WQQUG_chipsContainer {
213
- height: 100%;
214
- flex-direction: row;
215
- align-items: center;
216
- display: flex;
217
- }
218
-
219
- .hEY9kq_chips {
220
- color: #0bd1d1;
221
- height: 100%;
222
- background-color: #cef6f6;
223
- border-radius: 50px;
224
- flex-direction: row;
225
- align-items: center;
226
- padding-left: 10px;
227
- padding-right: 10px;
228
- font-size: 12px;
229
- display: inline-flex;
230
- }
231
-
232
- .hEY9kq_chips .hEY9kq_close {
233
- cursor: pointer;
234
- margin-left: 5px;
235
- padding: 3px 2px;
236
- }
237
-
238
- ._8FpR1a_listChips {
239
- height: 100%;
240
- flex-direction: row;
241
- align-items: center;
242
- display: flex;
243
- }
244
-
245
- ._8FpR1a_listChips ._8FpR1a_otherChips {
246
- height: 100%;
247
- display: flex;
248
- }
249
-
250
- ._8FpR1a_listChips ._8FpR1a_chips {
251
- height: 100%;
252
- margin-right: 4px;
253
- display: flex;
254
- }
255
-
256
- ._8FpR1a_toolTipsList {
257
- max-height: 118px;
258
- font-weight: normal;
259
- overflow: auto;
260
- }
261
-
262
- ._8FpR1a_toolTipsList ._8FpR1a_lineChips {
263
- text-overflow: ellipsis;
264
- white-space: nowrap;
265
- overflow: hidden;
266
- }
267
-
268
42
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;;;;;AAOE;;;;;;AAIE;;;;AAGA;;;;AAKF;;;;;AAIE;;;;;;AAKE;;;;;AAGE;;;;AAKF;;;;;;AAQJ;;;;;;AAIE;;;;AAIA;;;;ACpDJ;;;;;;;AAME;;;;;;;;ACNF;;;;;;;AAME;;;;;;;AAOA;;;;;;;;AAOE;;;;;;;;AAOE;;;;AAIF;;;;;;;AC/BJ;;;;;;;;AAQE;;;;;;AAKA;;;;AAEE;;;;AAKF;;;;;AAKA;;;;;;;;;;ACzBF;;;;;;;;AAME;;;;AAIA;;;;;;;AAME;;;;;AAGE;;;;AAMJ;;;;AAGE;;;;AC5BJ;;;;;;ACAA;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;;;;ACbF;;;;;;;;;;;;;AAYE;;;;;;ACZF;;;;;;;AAME;;;;;AAKA;;;;;;AAMF;;;;;;AAKE","sources":["src/components/Autocomplete/AutocompleteMultiple/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/SearchBar/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/SuggestItem/styles.module.scss","src/components/basics/Checkbox/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Selector/styles.module.scss","src/components/basics/Chips/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Selector/ListChips/styles.module.scss"],"sourcesContent":[".autoCompleteContainer {\r\n display: flex;\r\n flex-direction: column;\r\n height: 50px;\r\n width: 100%;\r\n min-width: 170px;\r\n\r\n & .label {\r\n font-size: 12px;\r\n color: #9b9b9b;\r\n margin-bottom: 4px;\r\n &.search {\r\n color: #0bd1d1;\r\n }\r\n &.isError {\r\n color: #fe3a5e;\r\n }\r\n }\r\n\r\n .selector {\r\n display: flex;\r\n height: 24px;\r\n\r\n .icons {\r\n margin-left: auto;\r\n display: flex;\r\n flex-direction: row;\r\n\r\n .dropDownIcon {\r\n width: 12px;\r\n margin-left: 8px;\r\n &.rotated {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n\r\n .clear {\r\n width: 12px;\r\n margin-left: auto;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .border {\r\n width: 100%;\r\n margin-top: 5px;\r\n border-bottom: 2px solid #d7d7d7;\r\n &.isError {\r\n border-bottom: 2px solid #fe3a5e;\r\n }\r\n\r\n &.open {\r\n border-bottom: 2px solid #0bd1d1;\r\n }\r\n }\r\n}\r\n",".resultsContainer {\r\n box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1);\r\n padding: 4px;\r\n background-color: #ffffff;\r\n z-index: 9;\r\n\r\n .noResult {\r\n text-align: center;\r\n margin-top: 15px;\r\n color: #9b9b9b;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n}\r\n",".inputContainer {\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n background-color: #ebebeb;\r\n\r\n .searchIcon {\r\n display: flex;\r\n align-items: center;\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n }\r\n\r\n .inputSearch {\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n height: 16px;\r\n margin-right: 8px;\r\n\r\n input {\r\n border: 0;\r\n outline: 0;\r\n font-size: 13px;\r\n width: 100%;\r\n padding-left: 5px;\r\n\r\n &:focus {\r\n outline: none !important;\r\n }\r\n }\r\n .closeIcon {\r\n height: 10px;\r\n position: absolute;\r\n right: 3px;\r\n top: 3px;\r\n }\r\n }\r\n}\r\n",".line {\r\n display: flex;\r\n height: 30px;\r\n margin-top: 0px;\r\n align-items: center;\r\n padding-left: 8px;\r\n margin-top: 2px;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n transition-duration: 300ms;\r\n background-color: #ebebeb;\r\n }\r\n &.disabled {\r\n color: #c3c3c3;\r\n &:hover {\r\n cursor: initial;\r\n }\r\n }\r\n\r\n & .checkboxContainer {\r\n height: 14px;\r\n width: 14px;\r\n }\r\n\r\n & .label {\r\n margin-left: 8px;\r\n overflow: hidden;\r\n text-align: left;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n font-size: 14px;\r\n }\r\n}\r\n",".checkbox {\r\n height: 100%;\r\n width: 100%;\r\n border-radius: 2px;\r\n border: 2px solid #d7d7d7;\r\n box-sizing: border-box;\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n &.checked {\r\n border: 2px solid #0bd1d1;\r\n color: #0bd1d1;\r\n background-color: #0bd1d1;\r\n color: white;\r\n\r\n &.disabled {\r\n border: 2px solid #c3c3c3;\r\n background-color: #c3c3c3;\r\n &:hover {\r\n cursor: initial;\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n border: 2px solid #c3c3c3;\r\n\r\n &:hover {\r\n cursor: initial;\r\n }\r\n }\r\n}\r\n",".allOptions {\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n margin-top: 2px;\r\n}\r\n\r\n",".selectorContainer {\r\n display: flex;\r\n align-items: flex-end;\r\n\r\n .description {\r\n font-size: 14px;\r\n color: #000;\r\n\r\n &.search {\r\n color: #9b9b9b;\r\n }\r\n }\r\n\r\n .chipsContainer {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 100%;\r\n }\r\n}\r\n",".chips {\r\n display: inline-flex;\r\n flex-direction: row;\r\n align-items: center;\r\n background-color: #cef6f6;\r\n color: #0bd1d1;\r\n border-radius: 50px;\r\n height: 100%;\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n font-size: 12px;\r\n\r\n .close {\r\n margin-left: 5px;\r\n cursor: pointer;\r\n padding-top: 3px;\r\n padding-bottom: 3px;\r\n padding-right: 2px;\r\n padding-left: 2px;\r\n }\r\n // &:global(.disabled) {\r\n // background-color: #e3e3e3;\r\n // color: #6e6e6e\r\n // }\r\n}\r\n",".listChips {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 100%;\r\n\r\n .otherChips {\r\n display: flex;\r\n height: 100%;\r\n }\r\n\r\n .chips {\r\n margin-right: 4px;\r\n display: flex;\r\n height: 100%;\r\n }\r\n}\r\n.toolTipsList {\r\n max-height: 118px;\r\n overflow: auto;\r\n font-weight: normal;\r\n\r\n .lineChips {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"AAAA;;;;;;;AAME;;;;;;;AAOA;;;;;;;;AAOE;;;;;;;;AAOE;;;;AAIF","sources":["src/components/Autocomplete/AutocompleteMultiple/Results/SearchBar/styles.module.scss"],"sourcesContent":[".inputContainer {\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n background-color: #ebebeb;\r\n\r\n .searchIcon {\r\n display: flex;\r\n align-items: center;\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n }\r\n\r\n .inputSearch {\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n height: 16px;\r\n margin-right: 8px;\r\n\r\n input {\r\n border: 0;\r\n outline: 0;\r\n font-size: 13px;\r\n width: 100%;\r\n padding-left: 5px;\r\n\r\n &:focus {\r\n outline: none !important;\r\n }\r\n }\r\n .closeIcon {\r\n height: 10px;\r\n position: absolute;\r\n right: 3px;\r\n top: 3px;\r\n }\r\n }\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}