@iroco/ui 0.11.1 → 0.12.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.
- package/lib/containers.scss +2 -2
- package/lib/index.js +324 -119
- package/lib/index.min.js +3 -3
- package/lib/index.mjs +324 -120
- package/lib/index.mjs.css +195 -189
- package/package.json +1 -1
- package/src/IconMastodon.svelte +13 -0
- package/src/index.ts +1 -0
package/lib/index.mjs.css
CHANGED
|
@@ -1,129 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
overflow: visible; }
|
|
3
|
-
|
|
4
|
-
.rotate.svelte-1dns1yx {
|
|
5
|
-
animation: svelte-1dns1yx-rotation 2s; }
|
|
6
|
-
|
|
7
|
-
.linear.svelte-1dns1yx {
|
|
8
|
-
animation-timing-function: linear; }
|
|
9
|
-
|
|
10
|
-
.infinite.svelte-1dns1yx {
|
|
11
|
-
animation-iteration-count: infinite; }
|
|
12
|
-
|
|
13
|
-
@keyframes svelte-1dns1yx-rotation {
|
|
14
|
-
from {
|
|
15
|
-
transform: rotate(0deg); }
|
|
16
|
-
to {
|
|
17
|
-
transform: rotate(359deg); } }
|
|
18
|
-
|
|
19
|
-
.data-table.svelte-1ju5y8t {
|
|
20
|
-
border: 1px solid #464452;
|
|
21
|
-
width: 100%; }
|
|
22
|
-
|
|
23
|
-
.data-table__header.svelte-1ju5y8t {
|
|
24
|
-
font-size: 1.5em;
|
|
25
|
-
height: 4rem; }
|
|
26
|
-
|
|
27
|
-
.data-table__header__cell.svelte-1ju5y8t {
|
|
28
|
-
border-bottom: 1px solid #464452; }
|
|
29
|
-
|
|
30
|
-
.data-table__body__cell.svelte-1ju5y8t {
|
|
31
|
-
text-align: center;
|
|
32
|
-
vertical-align: middle; }
|
|
33
|
-
|
|
34
|
-
.alert.svelte-1oun6o6 {
|
|
35
|
-
min-height: 2em;
|
|
36
|
-
display: inline-flex;
|
|
37
|
-
align-items: center;
|
|
38
|
-
border-radius: 0.5em;
|
|
39
|
-
padding: 0 1em 0 1em;
|
|
40
|
-
font-size: 1.2em;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
margin-bottom: 1em;
|
|
43
|
-
cursor: pointer; }
|
|
44
|
-
|
|
45
|
-
.alert--danger.svelte-1oun6o6 {
|
|
46
|
-
background-color: rgba(255, 80, 77, 0.5);
|
|
47
|
-
border: 1px solid #ff504d; }
|
|
48
|
-
|
|
49
|
-
.alert--success.svelte-1oun6o6 {
|
|
50
|
-
background-color: rgba(0, 214, 146, 0.5);
|
|
51
|
-
border: 1px solid #00D692; }
|
|
52
|
-
|
|
53
|
-
.iroco-ui-radio.svelte-156c82q.svelte-156c82q.svelte-156c82q {
|
|
54
|
-
color: #f2ebe3;
|
|
55
|
-
position: relative;
|
|
56
|
-
margin-top: 0.5em;
|
|
57
|
-
padding-left: 1.5em;
|
|
58
|
-
cursor: pointer;
|
|
59
|
-
-webkit-user-select: none;
|
|
60
|
-
-moz-user-select: none;
|
|
61
|
-
-ms-user-select: none;
|
|
62
|
-
user-select: none; }
|
|
63
|
-
|
|
64
|
-
.iroco-ui-radio.svelte-156c82q input.svelte-156c82q.svelte-156c82q {
|
|
65
|
-
position: absolute;
|
|
66
|
-
opacity: 0;
|
|
67
|
-
cursor: pointer; }
|
|
68
|
-
|
|
69
|
-
.radio-button-color.svelte-156c82q.svelte-156c82q.svelte-156c82q {
|
|
70
|
-
position: absolute;
|
|
71
|
-
top: 0;
|
|
72
|
-
left: 0;
|
|
73
|
-
height: 1em;
|
|
74
|
-
width: 1em;
|
|
75
|
-
background-color: #f2ebe3;
|
|
76
|
-
border-radius: 50%; }
|
|
77
|
-
|
|
78
|
-
.iroco-ui-radio.svelte-156c82q input.svelte-156c82q:checked ~ .radio-button-color.svelte-156c82q {
|
|
79
|
-
background-color: #00D692; }
|
|
80
|
-
|
|
81
|
-
input.svelte-11iawkb.svelte-11iawkb {
|
|
82
|
-
outline: none;
|
|
83
|
-
text-decoration: none;
|
|
84
|
-
font-size: 14px; }
|
|
85
|
-
|
|
86
|
-
input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
87
|
-
outline: none;
|
|
88
|
-
text-decoration: none;
|
|
89
|
-
font-size: 14px; }
|
|
90
|
-
|
|
91
|
-
.iroco-ui-input.svelte-11iawkb.svelte-11iawkb {
|
|
92
|
-
display: flex;
|
|
93
|
-
flex-direction: column; }
|
|
94
|
-
|
|
95
|
-
.iroco-ui-input.svelte-11iawkb > input.svelte-11iawkb {
|
|
96
|
-
color: #f2ebe3;
|
|
97
|
-
background: #211D28;
|
|
98
|
-
border: 1px solid #211D28;
|
|
99
|
-
padding: 1em 1.5em;
|
|
100
|
-
text-overflow: ellipsis;
|
|
101
|
-
white-space: nowrap;
|
|
102
|
-
overflow: hidden;
|
|
103
|
-
border-radius: 0.5em; }
|
|
104
|
-
|
|
105
|
-
.iroco-ui-input.svelte-11iawkb > input.border.svelte-11iawkb {
|
|
106
|
-
border: 1px solid #f2ebe3; }
|
|
107
|
-
|
|
108
|
-
.iroco-ui-input.svelte-11iawkb > input.svelte-11iawkb::placeholder {
|
|
109
|
-
color: rgba(242, 235, 227, 0.5); }
|
|
110
|
-
|
|
111
|
-
.iroco-ui-input.svelte-11iawkb > input.error.svelte-11iawkb {
|
|
112
|
-
border-color: #ff504d; }
|
|
113
|
-
|
|
114
|
-
.iroco-ui-input.svelte-11iawkb > input.readonlyInput.svelte-11iawkb {
|
|
115
|
-
cursor: not-allowed; }
|
|
116
|
-
|
|
117
|
-
.iroco-ui-input.svelte-11iawkb .error.svelte-11iawkb {
|
|
118
|
-
color: #ff504d; }
|
|
119
|
-
|
|
120
|
-
.iroco-ui-label.svelte-11iawkb.svelte-11iawkb {
|
|
121
|
-
color: rgba(242, 235, 227, 0.6);
|
|
122
|
-
font-weight: bold;
|
|
123
|
-
padding-bottom: 10px;
|
|
124
|
-
display: inline-block; }
|
|
125
|
-
|
|
126
|
-
.container-wide.svelte-hp8sdi {
|
|
1
|
+
.container-wide.svelte-cdmkz4 {
|
|
127
2
|
width: calc(100% - 20px);
|
|
128
3
|
max-width: 2360px;
|
|
129
4
|
margin-left: auto;
|
|
@@ -131,42 +6,42 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
131
6
|
transition: max-width ease-out 200ms; }
|
|
132
7
|
|
|
133
8
|
@media all and (max-width: 2560px) {
|
|
134
|
-
.container-wide.svelte-
|
|
9
|
+
.container-wide.svelte-cdmkz4 {
|
|
135
10
|
max-width: 1620px; } }
|
|
136
11
|
|
|
137
12
|
@media all and (max-width: 1800px) {
|
|
138
|
-
.container-wide.svelte-
|
|
13
|
+
.container-wide.svelte-cdmkz4 {
|
|
139
14
|
max-width: 1280px; } }
|
|
140
15
|
|
|
141
16
|
@media all and (max-width: 1440px) {
|
|
142
|
-
.container-wide.svelte-
|
|
17
|
+
.container-wide.svelte-cdmkz4 {
|
|
143
18
|
max-width: 884px; } }
|
|
144
19
|
|
|
145
20
|
@media all and (max-width: 1024px) {
|
|
146
|
-
.container-wide.svelte-
|
|
21
|
+
.container-wide.svelte-cdmkz4 {
|
|
147
22
|
max-width: 648px; } }
|
|
148
23
|
|
|
149
24
|
@media all and (max-width: 768px) {
|
|
150
|
-
.container-wide.svelte-
|
|
25
|
+
.container-wide.svelte-cdmkz4 {
|
|
151
26
|
max-width: 496px; } }
|
|
152
27
|
|
|
153
28
|
@media all and (max-width: 596px) {
|
|
154
|
-
.container-wide.svelte-
|
|
29
|
+
.container-wide.svelte-cdmkz4 {
|
|
155
30
|
max-width: 365px; } }
|
|
156
31
|
|
|
157
32
|
@media all and (max-width: 425px) {
|
|
158
|
-
.container-wide.svelte-
|
|
33
|
+
.container-wide.svelte-cdmkz4 {
|
|
159
34
|
max-width: calc(100% - 60px); } }
|
|
160
35
|
|
|
161
36
|
@media all and (max-width: 375px) {
|
|
162
|
-
.container-wide.svelte-
|
|
37
|
+
.container-wide.svelte-cdmkz4 {
|
|
163
38
|
max-width: calc(100% - 40px); } }
|
|
164
39
|
|
|
165
40
|
@media all and (max-width: 320px) {
|
|
166
|
-
.container-wide.svelte-
|
|
41
|
+
.container-wide.svelte-cdmkz4 {
|
|
167
42
|
max-width: calc(100% - 20px); } }
|
|
168
43
|
|
|
169
|
-
.container-large.svelte-
|
|
44
|
+
.container-large.svelte-cdmkz4 {
|
|
170
45
|
width: calc(100% - 20px);
|
|
171
46
|
max-width: 1280px;
|
|
172
47
|
margin-left: auto;
|
|
@@ -174,34 +49,34 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
174
49
|
transition: max-width ease-out 200ms; }
|
|
175
50
|
|
|
176
51
|
@media all and (max-width: 1440px) {
|
|
177
|
-
.container-large.svelte-
|
|
52
|
+
.container-large.svelte-cdmkz4 {
|
|
178
53
|
max-width: 884px; } }
|
|
179
54
|
|
|
180
55
|
@media all and (max-width: 1024px) {
|
|
181
|
-
.container-large.svelte-
|
|
56
|
+
.container-large.svelte-cdmkz4 {
|
|
182
57
|
max-width: 648px; } }
|
|
183
58
|
|
|
184
59
|
@media all and (max-width: 768px) {
|
|
185
|
-
.container-large.svelte-
|
|
60
|
+
.container-large.svelte-cdmkz4 {
|
|
186
61
|
max-width: 496px; } }
|
|
187
62
|
|
|
188
63
|
@media all and (max-width: 596px) {
|
|
189
|
-
.container-large.svelte-
|
|
64
|
+
.container-large.svelte-cdmkz4 {
|
|
190
65
|
max-width: 365px; } }
|
|
191
66
|
|
|
192
67
|
@media all and (max-width: 425px) {
|
|
193
|
-
.container-large.svelte-
|
|
68
|
+
.container-large.svelte-cdmkz4 {
|
|
194
69
|
max-width: calc(100% - 60px); } }
|
|
195
70
|
|
|
196
71
|
@media all and (max-width: 375px) {
|
|
197
|
-
.container-large.svelte-
|
|
72
|
+
.container-large.svelte-cdmkz4 {
|
|
198
73
|
max-width: calc(100% - 40px); } }
|
|
199
74
|
|
|
200
75
|
@media all and (max-width: 320px) {
|
|
201
|
-
.container-large.svelte-
|
|
76
|
+
.container-large.svelte-cdmkz4 {
|
|
202
77
|
max-width: calc(100% - 20px); } }
|
|
203
78
|
|
|
204
|
-
.container-medium.svelte-
|
|
79
|
+
.container-medium.svelte-cdmkz4 {
|
|
205
80
|
width: calc(100% - 20px);
|
|
206
81
|
max-width: 884px;
|
|
207
82
|
margin-left: auto;
|
|
@@ -209,30 +84,30 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
209
84
|
transition: max-width ease-out 200ms; }
|
|
210
85
|
|
|
211
86
|
@media all and (max-width: 1024px) {
|
|
212
|
-
.container-medium.svelte-
|
|
87
|
+
.container-medium.svelte-cdmkz4 {
|
|
213
88
|
max-width: 648px; } }
|
|
214
89
|
|
|
215
90
|
@media all and (max-width: 768px) {
|
|
216
|
-
.container-medium.svelte-
|
|
91
|
+
.container-medium.svelte-cdmkz4 {
|
|
217
92
|
max-width: 496px; } }
|
|
218
93
|
|
|
219
94
|
@media all and (max-width: 596px) {
|
|
220
|
-
.container-medium.svelte-
|
|
95
|
+
.container-medium.svelte-cdmkz4 {
|
|
221
96
|
max-width: 365px; } }
|
|
222
97
|
|
|
223
98
|
@media all and (max-width: 425px) {
|
|
224
|
-
.container-medium.svelte-
|
|
99
|
+
.container-medium.svelte-cdmkz4 {
|
|
225
100
|
max-width: calc(100% - 60px); } }
|
|
226
101
|
|
|
227
102
|
@media all and (max-width: 375px) {
|
|
228
|
-
.container-medium.svelte-
|
|
103
|
+
.container-medium.svelte-cdmkz4 {
|
|
229
104
|
max-width: calc(100% - 40px); } }
|
|
230
105
|
|
|
231
106
|
@media all and (max-width: 320px) {
|
|
232
|
-
.container-medium.svelte-
|
|
107
|
+
.container-medium.svelte-cdmkz4 {
|
|
233
108
|
max-width: calc(100% - 20px); } }
|
|
234
109
|
|
|
235
|
-
.container-small.svelte-
|
|
110
|
+
.container-small.svelte-cdmkz4 {
|
|
236
111
|
width: calc(100% - 20px);
|
|
237
112
|
max-width: 496px;
|
|
238
113
|
margin-left: auto;
|
|
@@ -240,18 +115,18 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
240
115
|
transition: max-width ease-out 200ms; }
|
|
241
116
|
|
|
242
117
|
@media all and (max-width: 425px) {
|
|
243
|
-
.container-small.svelte-
|
|
118
|
+
.container-small.svelte-cdmkz4 {
|
|
244
119
|
max-width: calc(100% - 60px); } }
|
|
245
120
|
|
|
246
121
|
@media all and (max-width: 375px) {
|
|
247
|
-
.container-small.svelte-
|
|
122
|
+
.container-small.svelte-cdmkz4 {
|
|
248
123
|
max-width: calc(100% - 40px); } }
|
|
249
124
|
|
|
250
125
|
@media all and (max-width: 320px) {
|
|
251
|
-
.container-small.svelte-
|
|
126
|
+
.container-small.svelte-cdmkz4 {
|
|
252
127
|
max-width: calc(100% - 20px); } }
|
|
253
128
|
|
|
254
|
-
.iroco-ui-button.svelte-
|
|
129
|
+
.iroco-ui-button.svelte-cdmkz4 {
|
|
255
130
|
cursor: pointer;
|
|
256
131
|
-webkit-touch-callout: none;
|
|
257
132
|
-webkit-user-select: none;
|
|
@@ -265,86 +140,223 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
265
140
|
margin: 1em 0em;
|
|
266
141
|
position: relative; }
|
|
267
142
|
|
|
268
|
-
.iroco-ui-button--basic.svelte-
|
|
143
|
+
.iroco-ui-button--basic.svelte-cdmkz4 {
|
|
144
|
+
background: #f2ebe3;
|
|
145
|
+
color: #a9a29e;
|
|
146
|
+
border: 1px solid #18151E; }
|
|
147
|
+
|
|
148
|
+
.iroco-ui-button--dark.svelte-cdmkz4 {
|
|
149
|
+
background: #18151E; }
|
|
150
|
+
|
|
151
|
+
.iroco-ui-button--success.svelte-cdmkz4 {
|
|
269
152
|
background: #00D692; }
|
|
270
153
|
|
|
271
|
-
.iroco-ui-button--danger.svelte-
|
|
154
|
+
.iroco-ui-button--danger.svelte-cdmkz4 {
|
|
272
155
|
background: #ff504d;
|
|
273
156
|
color: #f2ebe3; }
|
|
274
157
|
|
|
275
|
-
.iroco-ui-button--regular.svelte-
|
|
158
|
+
.iroco-ui-button--regular.svelte-cdmkz4 {
|
|
276
159
|
padding: 1em; }
|
|
277
160
|
|
|
278
|
-
.iroco-ui-button--small.svelte-
|
|
161
|
+
.iroco-ui-button--small.svelte-cdmkz4 {
|
|
279
162
|
padding: 0.5em; }
|
|
280
163
|
|
|
281
|
-
.iroco-ui-button.svelte-
|
|
164
|
+
.iroco-ui-button.svelte-cdmkz4:active {
|
|
282
165
|
background: #f5f5f5; }
|
|
283
166
|
|
|
284
|
-
.iroco-ui-button.disabled.svelte-
|
|
167
|
+
.iroco-ui-button.disabled.svelte-cdmkz4 {
|
|
285
168
|
background-color: #f5f5f5;
|
|
286
169
|
cursor: default; }
|
|
287
170
|
|
|
288
|
-
.iroco-ui-button.rounded.svelte-
|
|
171
|
+
.iroco-ui-button.rounded.svelte-cdmkz4 {
|
|
289
172
|
border-radius: 10px; }
|
|
290
173
|
|
|
291
|
-
.
|
|
174
|
+
svg.svelte-1cuxg7m {
|
|
175
|
+
overflow: visible; }
|
|
176
|
+
|
|
177
|
+
.rotate.svelte-1dns1yx {
|
|
178
|
+
animation: svelte-1dns1yx-rotation 2s; }
|
|
179
|
+
|
|
180
|
+
.linear.svelte-1dns1yx {
|
|
181
|
+
animation-timing-function: linear; }
|
|
182
|
+
|
|
183
|
+
.infinite.svelte-1dns1yx {
|
|
184
|
+
animation-iteration-count: infinite; }
|
|
185
|
+
|
|
186
|
+
@keyframes svelte-1dns1yx-rotation {
|
|
187
|
+
from {
|
|
188
|
+
transform: rotate(0deg); }
|
|
189
|
+
to {
|
|
190
|
+
transform: rotate(359deg); } }
|
|
191
|
+
|
|
192
|
+
@use "colors";
|
|
193
|
+
@use "containers";
|
|
194
|
+
@use "fonts";
|
|
195
|
+
@use "forms";
|
|
196
|
+
@use "layouts";
|
|
197
|
+
.data-table.svelte-1ju5y8t {
|
|
198
|
+
border: 1px solid #464452;
|
|
199
|
+
width: 100%; }
|
|
200
|
+
|
|
201
|
+
.data-table__header.svelte-1ju5y8t {
|
|
202
|
+
font-size: 1.5em;
|
|
203
|
+
height: 4rem; }
|
|
204
|
+
|
|
205
|
+
.data-table__header__cell.svelte-1ju5y8t {
|
|
206
|
+
border-bottom: 1px solid #464452; }
|
|
207
|
+
|
|
208
|
+
.data-table__body__cell.svelte-1ju5y8t {
|
|
209
|
+
text-align: center;
|
|
210
|
+
vertical-align: middle; }
|
|
211
|
+
|
|
212
|
+
.alert.svelte-1oun6o6 {
|
|
213
|
+
min-height: 2em;
|
|
214
|
+
display: inline-flex;
|
|
215
|
+
align-items: center;
|
|
216
|
+
border-radius: 0.5em;
|
|
217
|
+
padding: 0 1em 0 1em;
|
|
218
|
+
font-size: 1.2em;
|
|
219
|
+
justify-content: center;
|
|
220
|
+
margin-bottom: 1em;
|
|
221
|
+
cursor: pointer; }
|
|
222
|
+
|
|
223
|
+
.alert--danger.svelte-1oun6o6 {
|
|
224
|
+
background-color: rgba(255, 80, 77, 0.5);
|
|
225
|
+
border: 1px solid #ff504d; }
|
|
226
|
+
|
|
227
|
+
.alert--success.svelte-1oun6o6 {
|
|
228
|
+
background-color: rgba(0, 214, 146, 0.5);
|
|
229
|
+
border: 1px solid #00D692; }
|
|
230
|
+
|
|
231
|
+
.iroco-ui-radio.svelte-156c82q.svelte-156c82q.svelte-156c82q {
|
|
232
|
+
color: #f2ebe3;
|
|
233
|
+
position: relative;
|
|
234
|
+
margin-top: 0.5em;
|
|
235
|
+
padding-left: 1.5em;
|
|
236
|
+
cursor: pointer;
|
|
237
|
+
-webkit-user-select: none;
|
|
238
|
+
-moz-user-select: none;
|
|
239
|
+
-ms-user-select: none;
|
|
240
|
+
user-select: none; }
|
|
241
|
+
|
|
242
|
+
.iroco-ui-radio.svelte-156c82q input.svelte-156c82q.svelte-156c82q {
|
|
243
|
+
position: absolute;
|
|
244
|
+
opacity: 0;
|
|
245
|
+
cursor: pointer; }
|
|
246
|
+
|
|
247
|
+
.radio-button-color.svelte-156c82q.svelte-156c82q.svelte-156c82q {
|
|
248
|
+
position: absolute;
|
|
249
|
+
top: 0;
|
|
250
|
+
left: 0;
|
|
251
|
+
height: 1em;
|
|
252
|
+
width: 1em;
|
|
253
|
+
background-color: #f2ebe3;
|
|
254
|
+
border-radius: 50%; }
|
|
255
|
+
|
|
256
|
+
.iroco-ui-radio.svelte-156c82q input.svelte-156c82q:checked ~ .radio-button-color.svelte-156c82q {
|
|
257
|
+
background-color: #00D692; }
|
|
258
|
+
|
|
259
|
+
input.svelte-11iawkb.svelte-11iawkb {
|
|
260
|
+
outline: none;
|
|
261
|
+
text-decoration: none;
|
|
262
|
+
font-size: 14px; }
|
|
263
|
+
|
|
264
|
+
input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
265
|
+
outline: none;
|
|
266
|
+
text-decoration: none;
|
|
267
|
+
font-size: 14px; }
|
|
268
|
+
|
|
269
|
+
.iroco-ui-input.svelte-11iawkb.svelte-11iawkb {
|
|
270
|
+
display: flex;
|
|
271
|
+
flex-direction: column; }
|
|
272
|
+
|
|
273
|
+
.iroco-ui-input.svelte-11iawkb > input.svelte-11iawkb {
|
|
274
|
+
color: #f2ebe3;
|
|
275
|
+
background: #211D28;
|
|
276
|
+
border: 1px solid #211D28;
|
|
277
|
+
padding: 1em 1.5em;
|
|
278
|
+
text-overflow: ellipsis;
|
|
279
|
+
white-space: nowrap;
|
|
280
|
+
overflow: hidden;
|
|
281
|
+
border-radius: 0.5em; }
|
|
282
|
+
|
|
283
|
+
.iroco-ui-input.svelte-11iawkb > input.border.svelte-11iawkb {
|
|
284
|
+
border: 1px solid #f2ebe3; }
|
|
285
|
+
|
|
286
|
+
.iroco-ui-input.svelte-11iawkb > input.svelte-11iawkb::placeholder {
|
|
287
|
+
color: rgba(242, 235, 227, 0.5); }
|
|
288
|
+
|
|
289
|
+
.iroco-ui-input.svelte-11iawkb > input.error.svelte-11iawkb {
|
|
290
|
+
border-color: #ff504d; }
|
|
291
|
+
|
|
292
|
+
.iroco-ui-input.svelte-11iawkb > input.readonlyInput.svelte-11iawkb {
|
|
293
|
+
cursor: not-allowed; }
|
|
294
|
+
|
|
295
|
+
.iroco-ui-input.svelte-11iawkb .error.svelte-11iawkb {
|
|
296
|
+
color: #ff504d; }
|
|
297
|
+
|
|
298
|
+
.iroco-ui-label.svelte-11iawkb.svelte-11iawkb {
|
|
299
|
+
color: rgba(242, 235, 227, 0.6);
|
|
300
|
+
font-weight: bold;
|
|
301
|
+
padding-bottom: 10px;
|
|
302
|
+
display: inline-block; }
|
|
303
|
+
|
|
304
|
+
.account__navigation.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
292
305
|
display: block;
|
|
293
306
|
width: 100%;
|
|
294
307
|
border-bottom: 1px solid #464452; }
|
|
295
308
|
|
|
296
|
-
.account__navigation--mobile.svelte-
|
|
309
|
+
.account__navigation--mobile.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
297
310
|
display: none; }
|
|
298
311
|
|
|
299
|
-
.account__navigation__title-container.svelte-
|
|
312
|
+
.account__navigation__title-container.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
300
313
|
display: flex;
|
|
301
314
|
align-items: center;
|
|
302
315
|
padding-left: 1em; }
|
|
303
316
|
|
|
304
|
-
.account__navigation__title-container.svelte-
|
|
317
|
+
.account__navigation__title-container.svelte-1uu9ytm h1.svelte-1uu9ytm {
|
|
305
318
|
padding-left: 1em; }
|
|
306
319
|
|
|
307
320
|
@media all and (max-width: 768px) {
|
|
308
|
-
.account__navigation.svelte-
|
|
321
|
+
.account__navigation.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
309
322
|
display: none;
|
|
310
323
|
color: #f2ebe3; }
|
|
311
|
-
.account__navigation--mobile.svelte-
|
|
324
|
+
.account__navigation--mobile.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
312
325
|
display: flex;
|
|
313
326
|
padding: 0 1em;
|
|
314
327
|
justify-content: space-between;
|
|
315
328
|
position: fixed;
|
|
316
329
|
top: 0;
|
|
330
|
+
z-index: 1;
|
|
317
331
|
width: 100%;
|
|
318
332
|
border-bottom: 1px solid #464452; }
|
|
319
|
-
.account__navigation--mobile.svelte-
|
|
333
|
+
.account__navigation--mobile.svelte-1uu9ytm h1.svelte-1uu9ytm {
|
|
320
334
|
font: bold;
|
|
321
335
|
font-size: 2em; }
|
|
322
|
-
.account__navigation--mobile__button.svelte-
|
|
336
|
+
.account__navigation--mobile__button.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
323
337
|
background-color: transparent;
|
|
324
338
|
border: none;
|
|
325
339
|
color: #464452; }
|
|
326
|
-
.account__navigation--mobile__title-container.svelte-
|
|
340
|
+
.account__navigation--mobile__title-container.svelte-1uu9ytm.svelte-1uu9ytm {
|
|
327
341
|
display: flex;
|
|
328
342
|
align-items: center; }
|
|
329
|
-
.account__navigation--mobile__title-container.svelte-
|
|
343
|
+
.account__navigation--mobile__title-container.svelte-1uu9ytm h1.svelte-1uu9ytm {
|
|
330
344
|
padding-left: 0.5em; } }
|
|
331
345
|
|
|
332
|
-
.account__sidebar.svelte-
|
|
346
|
+
.account__sidebar.svelte-12quws1.svelte-12quws1 {
|
|
333
347
|
height: 100%;
|
|
334
348
|
width: 300px;
|
|
335
349
|
position: absolute;
|
|
336
|
-
top: 70px;
|
|
337
|
-
z-index: 1;
|
|
338
350
|
overflow-x: hidden;
|
|
339
351
|
border-right: 1px solid #464452; }
|
|
340
352
|
|
|
341
|
-
.account__sidebar__item_container.svelte-
|
|
353
|
+
.account__sidebar__item_container.svelte-12quws1.svelte-12quws1 {
|
|
342
354
|
margin: 0;
|
|
343
355
|
padding: 0;
|
|
344
356
|
width: 100%;
|
|
345
357
|
height: 100%; }
|
|
346
358
|
|
|
347
|
-
.account__sidebar__item.svelte-
|
|
359
|
+
.account__sidebar__item.svelte-12quws1.svelte-12quws1 {
|
|
348
360
|
padding: 2em 2em;
|
|
349
361
|
text-decoration: none;
|
|
350
362
|
font-size: 0.75em;
|
|
@@ -353,19 +365,19 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
353
365
|
border-bottom: 1px solid #464452 a;
|
|
354
366
|
border-bottom-padding-left: 1em; }
|
|
355
367
|
|
|
356
|
-
.account__sidebar__item.svelte-
|
|
368
|
+
.account__sidebar__item.svelte-12quws1 a.svelte-12quws1 {
|
|
357
369
|
color: #f2ebe3;
|
|
358
370
|
font-size: 2em; }
|
|
359
371
|
|
|
360
|
-
.account__sidebar__close.svelte-
|
|
372
|
+
.account__sidebar__close.svelte-12quws1.svelte-12quws1 {
|
|
361
373
|
display: none; }
|
|
362
374
|
|
|
363
|
-
.account__sidebar.svelte-
|
|
375
|
+
.account__sidebar.svelte-12quws1 .active.svelte-12quws1 {
|
|
364
376
|
border-top: 1px solid #00D692;
|
|
365
377
|
border-bottom: 1px solid #00D692; }
|
|
366
378
|
|
|
367
379
|
@media all and (max-width: 768px) {
|
|
368
|
-
.account__sidebar.svelte-
|
|
380
|
+
.account__sidebar.svelte-12quws1.svelte-12quws1 {
|
|
369
381
|
position: fixed;
|
|
370
382
|
background-color: #211D28;
|
|
371
383
|
top: 0;
|
|
@@ -375,10 +387,10 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
375
387
|
padding-top: 2em;
|
|
376
388
|
margin: 0;
|
|
377
389
|
border-right: none; }
|
|
378
|
-
.account__sidebar__item_container.svelte-
|
|
390
|
+
.account__sidebar__item_container.svelte-12quws1.svelte-12quws1 {
|
|
379
391
|
padding: 0em;
|
|
380
392
|
margin-top: 2rem; }
|
|
381
|
-
.account__sidebar__close.svelte-
|
|
393
|
+
.account__sidebar__close.svelte-12quws1.svelte-12quws1 {
|
|
382
394
|
display: block;
|
|
383
395
|
position: absolute;
|
|
384
396
|
right: 0;
|
|
@@ -386,9 +398,3 @@ input.svelte-11iawkb.svelte-11iawkb:focus {
|
|
|
386
398
|
background-color: transparent;
|
|
387
399
|
border: none;
|
|
388
400
|
color: #a9a29e; } }
|
|
389
|
-
|
|
390
|
-
@use "colors";
|
|
391
|
-
@use "containers";
|
|
392
|
-
@use "fonts";
|
|
393
|
-
@use "forms";
|
|
394
|
-
@use "layouts";
|
package/package.json
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
export let width = '5em'
|
|
3
|
+
export let height = '5em'
|
|
4
|
+
export let fill = 'currentColor'
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<svg {width} {height} role="img" viewBox="0 0 24 24" class="icon-mastodon" xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<title>Mastodon</title>
|
|
9
|
+
<path
|
|
10
|
+
d="M23.193 7.88c0-5.207-3.411-6.733-3.411-6.733C18.062.357 15.108.025 12.041 0h-.076c-3.069.025-6.02.357-7.74 1.147 0 0-3.412 1.526-3.412 6.732 0 1.193-.023 2.619.015 4.13.124 5.092.934 10.11 5.641 11.355 2.17.574 4.034.695 5.536.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.13.54c-2.165-.075-4.449-.234-4.799-2.892a5.5 5.5 0 0 1-.048-.745s2.125.52 4.818.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.508.475-6.508zm-4.024 6.709h-2.497v-6.12c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.313v3.349h-2.484v-3.35c0-1.537-.602-2.313-1.802-2.313-1.085 0-1.628.655-1.628 1.945v6.119H4.831V8.285c0-1.29.328-2.314.987-3.07.68-.759 1.57-1.147 2.674-1.147 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.305z"
|
|
11
|
+
{ fill }
|
|
12
|
+
/>
|
|
13
|
+
</svg>
|
package/src/index.ts
CHANGED
|
@@ -6,6 +6,7 @@ export { default as NumberInput } from './NumberInput.svelte'
|
|
|
6
6
|
export { default as Icon } from './Icon.svelte'
|
|
7
7
|
export { default as Loader } from './Loader.svelte'
|
|
8
8
|
export { default as IconInfo } from './IconInfo.svelte'
|
|
9
|
+
export { default as IconMastodon } from './IconMastodon.svelte'
|
|
9
10
|
export { default as SideBar } from './SideBar.svelte'
|
|
10
11
|
export { default as Navigation } from './Navigation.svelte'
|
|
11
12
|
export { default as DataTable } from './DataTable.svelte'
|