@myunisoft/design-system 0.21.0-beta.1 → 0.21.1

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 (5) hide show
  1. package/dist/index.css +45 -45
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +893 -485
  4. package/dist/index.js.map +1 -1
  5. package/package.json +99 -100
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .h8cnOq_autoCompleteContainer {
1
+ ._9vMRGa_autoCompleteContainer {
2
2
  height: 50px;
3
3
  width: 100%;
4
4
  min-width: 170px;
@@ -6,68 +6,68 @@
6
6
  display: flex;
7
7
  }
8
8
 
9
- .h8cnOq_autoCompleteContainer .h8cnOq_label {
9
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_label {
10
10
  color: #9b9b9b;
11
11
  margin-bottom: 4px;
12
12
  font-size: 12px;
13
13
  }
14
14
 
15
- .h8cnOq_autoCompleteContainer .h8cnOq_label.h8cnOq_search {
15
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_label._9vMRGa_search {
16
16
  color: #0bd1d1;
17
17
  }
18
18
 
19
- .h8cnOq_autoCompleteContainer .h8cnOq_label.h8cnOq_isError {
19
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_label._9vMRGa_isError {
20
20
  color: #fe3a5e;
21
21
  }
22
22
 
23
- .h8cnOq_autoCompleteContainer .h8cnOq_selector {
23
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_selector {
24
24
  height: 24px;
25
25
  display: flex;
26
26
  }
27
27
 
28
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons {
28
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_selector ._9vMRGa_icons {
29
29
  flex-direction: row;
30
30
  margin-left: auto;
31
31
  display: flex;
32
32
  }
33
33
 
34
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_dropDownIcon {
34
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_selector ._9vMRGa_icons ._9vMRGa_dropDownIcon {
35
35
  width: 12px;
36
36
  margin-left: 8px;
37
37
  }
38
38
 
39
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_dropDownIcon.h8cnOq_rotated {
39
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_selector ._9vMRGa_icons ._9vMRGa_dropDownIcon._9vMRGa_rotated {
40
40
  transform: rotate(180deg);
41
41
  }
42
42
 
43
- .h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_clear {
43
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_selector ._9vMRGa_icons ._9vMRGa_clear {
44
44
  width: 12px;
45
45
  cursor: pointer;
46
46
  margin-left: auto;
47
47
  }
48
48
 
49
- .h8cnOq_autoCompleteContainer .h8cnOq_border {
49
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_border {
50
50
  width: 100%;
51
51
  border-bottom: 2px solid #d7d7d7;
52
52
  margin-top: 5px;
53
53
  }
54
54
 
55
- .h8cnOq_autoCompleteContainer .h8cnOq_border.h8cnOq_isError {
55
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_border._9vMRGa_isError {
56
56
  border-bottom: 2px solid #fe3a5e;
57
57
  }
58
58
 
59
- .h8cnOq_autoCompleteContainer .h8cnOq_border.h8cnOq_open {
59
+ ._9vMRGa_autoCompleteContainer ._9vMRGa_border._9vMRGa_open {
60
60
  border-bottom: 2px solid #0bd1d1;
61
61
  }
62
62
 
63
- .SaImvG_resultsContainer {
63
+ ._5FNP-W_resultsContainer {
64
64
  z-index: 9;
65
65
  background-color: #fff;
66
66
  padding: 4px;
67
67
  box-shadow: 0 2px 2px #0000001a;
68
68
  }
69
69
 
70
- .SaImvG_resultsContainer .SaImvG_noResult {
70
+ ._5FNP-W_resultsContainer ._5FNP-W_noResult {
71
71
  text-align: center;
72
72
  color: #9b9b9b;
73
73
  margin-top: 15px;
@@ -75,21 +75,21 @@
75
75
  font-size: 16px;
76
76
  }
77
77
 
78
- .t5EYra_inputContainer {
78
+ .dktHRW_inputContainer {
79
79
  height: 24px;
80
80
  background-color: #ebebeb;
81
81
  align-items: center;
82
82
  display: flex;
83
83
  }
84
84
 
85
- .t5EYra_inputContainer .t5EYra_searchIcon {
85
+ .dktHRW_inputContainer .dktHRW_searchIcon {
86
86
  align-items: center;
87
87
  margin-left: 8px;
88
88
  margin-right: 8px;
89
89
  display: flex;
90
90
  }
91
91
 
92
- .t5EYra_inputContainer .t5EYra_inputSearch {
92
+ .dktHRW_inputContainer .dktHRW_inputSearch {
93
93
  width: 100%;
94
94
  height: 16px;
95
95
  margin-right: 8px;
@@ -97,7 +97,7 @@
97
97
  position: relative;
98
98
  }
99
99
 
100
- .t5EYra_inputContainer .t5EYra_inputSearch input {
100
+ .dktHRW_inputContainer .dktHRW_inputSearch input {
101
101
  width: 100%;
102
102
  border: 0;
103
103
  outline: 0;
@@ -105,18 +105,18 @@
105
105
  font-size: 13px;
106
106
  }
107
107
 
108
- .t5EYra_inputContainer .t5EYra_inputSearch input:focus {
108
+ .dktHRW_inputContainer .dktHRW_inputSearch input:focus {
109
109
  outline: none !important;
110
110
  }
111
111
 
112
- .t5EYra_inputContainer .t5EYra_inputSearch .t5EYra_closeIcon {
112
+ .dktHRW_inputContainer .dktHRW_inputSearch .dktHRW_closeIcon {
113
113
  height: 10px;
114
114
  position: absolute;
115
115
  top: 3px;
116
116
  right: 3px;
117
117
  }
118
118
 
119
- .kMx4ia_line {
119
+ .eFgM-a_line {
120
120
  height: 30px;
121
121
  align-items: center;
122
122
  margin-top: 2px;
@@ -124,26 +124,26 @@
124
124
  display: flex;
125
125
  }
126
126
 
127
- .kMx4ia_line:hover {
127
+ .eFgM-a_line:hover {
128
128
  cursor: pointer;
129
129
  background-color: #ebebeb;
130
130
  transition-duration: .3s;
131
131
  }
132
132
 
133
- .kMx4ia_line.kMx4ia_disabled {
133
+ .eFgM-a_line.eFgM-a_disabled {
134
134
  color: #c3c3c3;
135
135
  }
136
136
 
137
- .kMx4ia_line.kMx4ia_disabled:hover {
137
+ .eFgM-a_line.eFgM-a_disabled:hover {
138
138
  cursor: initial;
139
139
  }
140
140
 
141
- .kMx4ia_line .kMx4ia_checkboxContainer {
141
+ .eFgM-a_line .eFgM-a_checkboxContainer {
142
142
  height: 14px;
143
143
  width: 14px;
144
144
  }
145
145
 
146
- .kMx4ia_line .kMx4ia_label {
146
+ .eFgM-a_line .eFgM-a_label {
147
147
  text-align: left;
148
148
  white-space: nowrap;
149
149
  text-overflow: ellipsis;
@@ -153,7 +153,7 @@
153
153
  overflow: hidden;
154
154
  }
155
155
 
156
- .pNP20W_checkbox {
156
+ .yq4B6W_checkbox {
157
157
  height: 100%;
158
158
  width: 100%;
159
159
  box-sizing: border-box;
@@ -161,62 +161,62 @@
161
161
  border-radius: 2px;
162
162
  }
163
163
 
164
- .pNP20W_checkbox:hover {
164
+ .yq4B6W_checkbox:hover {
165
165
  cursor: pointer;
166
166
  }
167
167
 
168
- .pNP20W_checkbox.pNP20W_checked {
168
+ .yq4B6W_checkbox.yq4B6W_checked {
169
169
  color: #0bd1d1;
170
170
  color: #fff;
171
171
  background-color: #0bd1d1;
172
172
  border: 2px solid #0bd1d1;
173
173
  }
174
174
 
175
- .pNP20W_checkbox.pNP20W_checked.pNP20W_disabled {
175
+ .yq4B6W_checkbox.yq4B6W_checked.yq4B6W_disabled {
176
176
  background-color: #c3c3c3;
177
177
  border: 2px solid #c3c3c3;
178
178
  }
179
179
 
180
- .pNP20W_checkbox.pNP20W_checked.pNP20W_disabled:hover {
180
+ .yq4B6W_checkbox.yq4B6W_checked.yq4B6W_disabled:hover {
181
181
  cursor: initial;
182
182
  }
183
183
 
184
- .pNP20W_checkbox.pNP20W_disabled {
184
+ .yq4B6W_checkbox.yq4B6W_disabled {
185
185
  border: 2px solid #c3c3c3;
186
186
  }
187
187
 
188
- .pNP20W_checkbox.pNP20W_disabled:hover {
188
+ .yq4B6W_checkbox.yq4B6W_disabled:hover {
189
189
  cursor: initial;
190
190
  }
191
191
 
192
- .vK5M_a_allOptions {
192
+ ._6WUXiq_allOptions {
193
193
  margin-top: 2px;
194
194
  margin-bottom: 5px;
195
195
  font-weight: bold;
196
196
  }
197
197
 
198
- ._1WQQUG_selectorContainer {
198
+ .NqPl9G_selectorContainer {
199
199
  align-items: flex-end;
200
200
  display: flex;
201
201
  }
202
202
 
203
- ._1WQQUG_selectorContainer ._1WQQUG_description {
203
+ .NqPl9G_selectorContainer .NqPl9G_description {
204
204
  color: #000;
205
205
  font-size: 14px;
206
206
  }
207
207
 
208
- ._1WQQUG_selectorContainer ._1WQQUG_description._1WQQUG_search {
208
+ .NqPl9G_selectorContainer .NqPl9G_description.NqPl9G_search {
209
209
  color: #9b9b9b;
210
210
  }
211
211
 
212
- ._1WQQUG_selectorContainer ._1WQQUG_chipsContainer {
212
+ .NqPl9G_selectorContainer .NqPl9G_chipsContainer {
213
213
  height: 100%;
214
214
  flex-direction: row;
215
215
  align-items: center;
216
216
  display: flex;
217
217
  }
218
218
 
219
- .hEY9kq_chips {
219
+ .Gu-QBa_chips {
220
220
  color: #0bd1d1;
221
221
  height: 100%;
222
222
  background-color: #cef6f6;
@@ -229,37 +229,37 @@
229
229
  display: inline-flex;
230
230
  }
231
231
 
232
- .hEY9kq_chips .hEY9kq_close {
232
+ .Gu-QBa_chips .Gu-QBa_close {
233
233
  cursor: pointer;
234
234
  margin-left: 5px;
235
235
  padding: 3px 2px;
236
236
  }
237
237
 
238
- ._8FpR1a_listChips {
238
+ .WqO7xG_listChips {
239
239
  height: 100%;
240
240
  flex-direction: row;
241
241
  align-items: center;
242
242
  display: flex;
243
243
  }
244
244
 
245
- ._8FpR1a_listChips ._8FpR1a_otherChips {
245
+ .WqO7xG_listChips .WqO7xG_otherChips {
246
246
  height: 100%;
247
247
  display: flex;
248
248
  }
249
249
 
250
- ._8FpR1a_listChips ._8FpR1a_chips {
250
+ .WqO7xG_listChips .WqO7xG_chips {
251
251
  height: 100%;
252
252
  margin-right: 4px;
253
253
  display: flex;
254
254
  }
255
255
 
256
- ._8FpR1a_toolTipsList {
256
+ .WqO7xG_toolTipsList {
257
257
  max-height: 118px;
258
258
  font-weight: normal;
259
259
  overflow: auto;
260
260
  }
261
261
 
262
- ._8FpR1a_toolTipsList ._8FpR1a_lineChips {
262
+ .WqO7xG_toolTipsList .WqO7xG_lineChips {
263
263
  text-overflow: ellipsis;
264
264
  white-space: nowrap;
265
265
  overflow: hidden;
package/dist/index.css.map CHANGED
@@ -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;;;;;;;;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 {\n display: flex;\n flex-direction: column;\n height: 50px;\n width: 100%;\n min-width: 170px;\n\n & .label {\n font-size: 12px;\n color: #9b9b9b;\n margin-bottom: 4px;\n &.search {\n color: #0bd1d1;\n }\n &.isError {\n color: #fe3a5e;\n }\n }\n\n .selector {\n display: flex;\n height: 24px;\n\n .icons {\n margin-left: auto;\n display: flex;\n flex-direction: row;\n\n .dropDownIcon {\n width: 12px;\n margin-left: 8px;\n &.rotated {\n transform: rotate(180deg);\n }\n }\n\n .clear {\n width: 12px;\n margin-left: auto;\n cursor: pointer;\n }\n }\n }\n\n .border {\n width: 100%;\n margin-top: 5px;\n border-bottom: 2px solid #d7d7d7;\n &.isError {\n border-bottom: 2px solid #fe3a5e;\n }\n\n &.open {\n border-bottom: 2px solid #0bd1d1;\n }\n }\n}\n",".resultsContainer {\n box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1);\n padding: 4px;\n background-color: #ffffff;\n z-index: 9;\n\n .noResult {\n text-align: center;\n margin-top: 15px;\n color: #9b9b9b;\n font-size: 16px;\n margin-bottom: 10px;\n }\n\n}\n",".inputContainer {\n display: flex;\n align-items: center;\n height: 24px;\n background-color: #ebebeb;\n\n .searchIcon {\n display: flex;\n align-items: center;\n margin-left: 8px;\n margin-right: 8px;\n }\n\n .inputSearch {\n position: relative;\n display: flex;\n width: 100%;\n height: 16px;\n margin-right: 8px;\n\n input {\n border: 0;\n outline: 0;\n font-size: 13px;\n width: 100%;\n padding-left: 5px;\n\n &:focus {\n outline: none !important;\n }\n }\n .closeIcon {\n height: 10px;\n position: absolute;\n right: 3px;\n top: 3px;\n }\n }\n}\n",".line {\n display: flex;\n height: 30px;\n margin-top: 0px;\n align-items: center;\n padding-left: 8px;\n margin-top: 2px;\n\n &:hover {\n cursor: pointer;\n transition-duration: 300ms;\n background-color: #ebebeb;\n }\n &.disabled {\n color: #c3c3c3;\n &:hover {\n cursor: initial;\n }\n }\n\n & .checkboxContainer {\n height: 14px;\n width: 14px;\n }\n\n & .label {\n margin-left: 8px;\n overflow: hidden;\n text-align: left;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n font-size: 14px;\n }\n}\n",".checkbox {\n height: 100%;\n width: 100%;\n border-radius: 2px;\n border: 2px solid #d7d7d7;\n box-sizing: border-box;\n &:hover {\n cursor: pointer;\n }\n\n &.checked {\n border: 2px solid #0bd1d1;\n color: #0bd1d1;\n background-color: #0bd1d1;\n color: white;\n\n &.disabled {\n border: 2px solid #c3c3c3;\n background-color: #c3c3c3;\n &:hover {\n cursor: initial;\n }\n }\n }\n\n &.disabled {\n border: 2px solid #c3c3c3;\n\n &:hover {\n cursor: initial;\n }\n }\n}\n",".allOptions {\n font-weight: bold;\n margin-bottom: 5px;\n margin-top: 2px;\n}\n\n",".selectorContainer {\n display: flex;\n align-items: flex-end;\n\n .description {\n font-size: 14px;\n color: #000;\n\n &.search {\n color: #9b9b9b;\n }\n }\n\n .chipsContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 100%;\n }\n}\n",".chips {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n background-color: #cef6f6;\n color: #0bd1d1;\n border-radius: 50px;\n height: 100%;\n padding-left: 10px;\n padding-right: 10px;\n font-size: 12px;\n\n .close {\n margin-left: 5px;\n cursor: pointer;\n padding-top: 3px;\n padding-bottom: 3px;\n padding-right: 2px;\n padding-left: 2px;\n }\n // &:global(.disabled) {\n // background-color: #e3e3e3;\n // color: #6e6e6e\n // }\n}\n",".listChips {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 100%;\n\n .otherChips {\n display: flex;\n height: 100%;\n }\n\n .chips {\n margin-right: 4px;\n display: flex;\n height: 100%;\n }\n}\n.toolTipsList {\n max-height: 118px;\n overflow: auto;\n font-weight: normal;\n\n .lineChips {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n}\n"],"names":[],"version":3,"file":"index.css.map"}