@iroco/ui 0.18.1 → 0.19.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.
- package/lib/colors.scss +12 -0
- package/lib/index.js +34 -31
- package/lib/index.min.js +2 -2
- package/lib/index.mjs +34 -31
- package/lib/index.mjs.css +458 -262
- package/lib/iroco.css +44 -0
- package/lib/iroco.css.map +1 -1
- package/package.json +2 -2
- package/scss/colors.scss +12 -0
- package/src/Navigation.svelte +0 -1
package/lib/index.mjs
CHANGED
|
@@ -511,7 +511,7 @@ function create_fragment$i(ctx) {
|
|
|
511
511
|
button = element("button");
|
|
512
512
|
if (default_slot) default_slot.c();
|
|
513
513
|
attr(button, "id", /*id*/ ctx[5]);
|
|
514
|
-
attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-
|
|
514
|
+
attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-nd22lv"));
|
|
515
515
|
attr(button, "type", /*type*/ ctx[1]);
|
|
516
516
|
button.disabled = /*disabled*/ ctx[2];
|
|
517
517
|
toggle_class(button, "disabled", /*disabled*/ ctx[2]);
|
|
@@ -542,7 +542,7 @@ function create_fragment$i(ctx) {
|
|
|
542
542
|
attr(button, "id", /*id*/ ctx[5]);
|
|
543
543
|
}
|
|
544
544
|
|
|
545
|
-
if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-
|
|
545
|
+
if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-nd22lv"))) {
|
|
546
546
|
attr(button, "class", button_class_value);
|
|
547
547
|
}
|
|
548
548
|
|
|
@@ -646,7 +646,7 @@ function create_if_block_2$1(ctx) {
|
|
|
646
646
|
c() {
|
|
647
647
|
label_1 = element("label");
|
|
648
648
|
t = text(/*label*/ ctx[2]);
|
|
649
|
-
attr(label_1, "class", "iroco-ui-label svelte-
|
|
649
|
+
attr(label_1, "class", "iroco-ui-label svelte-1r94s7");
|
|
650
650
|
attr(label_1, "for", /*id*/ ctx[1]);
|
|
651
651
|
},
|
|
652
652
|
m(target, anchor) {
|
|
@@ -683,7 +683,7 @@ function create_if_block$4(ctx) {
|
|
|
683
683
|
p = element("p");
|
|
684
684
|
if_block.c();
|
|
685
685
|
attr(p, "data-testid", "error");
|
|
686
|
-
attr(p, "class", "error svelte-
|
|
686
|
+
attr(p, "class", "error svelte-1r94s7");
|
|
687
687
|
},
|
|
688
688
|
m(target, anchor) {
|
|
689
689
|
insert(target, p, anchor);
|
|
@@ -777,11 +777,11 @@ function create_fragment$h(ctx) {
|
|
|
777
777
|
attr(input, "type", "text");
|
|
778
778
|
attr(input, "placeholder", /*placeholder*/ ctx[3]);
|
|
779
779
|
input.readOnly = /*readonly*/ ctx[8];
|
|
780
|
-
attr(input, "class", "svelte-
|
|
780
|
+
attr(input, "class", "svelte-1r94s7");
|
|
781
781
|
toggle_class(input, "border", /*border*/ ctx[9]);
|
|
782
782
|
toggle_class(input, "error", /*error*/ ctx[4] !== null);
|
|
783
783
|
toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
|
|
784
|
-
attr(div, "class", "iroco-ui-input svelte-
|
|
784
|
+
attr(div, "class", "iroco-ui-input svelte-1r94s7");
|
|
785
785
|
},
|
|
786
786
|
m(target, anchor) {
|
|
787
787
|
insert(target, div, anchor);
|
|
@@ -993,10 +993,10 @@ function create_fragment$g(ctx) {
|
|
|
993
993
|
input.value = input.__value;
|
|
994
994
|
attr(input, "name", /*name*/ ctx[3]);
|
|
995
995
|
input.checked = /*checked*/ ctx[1];
|
|
996
|
-
attr(input, "class", "svelte-
|
|
996
|
+
attr(input, "class", "svelte-167k2qc");
|
|
997
997
|
/*$$binding_groups*/ ctx[9][0].push(input);
|
|
998
|
-
attr(span, "class", "radio-button-color svelte-
|
|
999
|
-
attr(label_1, "class", "iroco-ui-radio svelte-
|
|
998
|
+
attr(span, "class", "radio-button-color svelte-167k2qc");
|
|
999
|
+
attr(label_1, "class", "iroco-ui-radio svelte-167k2qc");
|
|
1000
1000
|
},
|
|
1001
1001
|
m(target, anchor) {
|
|
1002
1002
|
insert(target, label_1, anchor);
|
|
@@ -1219,6 +1219,7 @@ function create_fragment$f(ctx) {
|
|
|
1219
1219
|
t1 = space();
|
|
1220
1220
|
if (if_block1) if_block1.c();
|
|
1221
1221
|
set_attributes(input, input_data);
|
|
1222
|
+
toggle_class(input, "svelte-7ix6l6", true);
|
|
1222
1223
|
attr(div, "class", "iroco-ui-input");
|
|
1223
1224
|
},
|
|
1224
1225
|
m(target, anchor) {
|
|
@@ -1266,6 +1267,8 @@ function create_fragment$f(ctx) {
|
|
|
1266
1267
|
set_input_value(input, /*value*/ ctx[0]);
|
|
1267
1268
|
}
|
|
1268
1269
|
|
|
1270
|
+
toggle_class(input, "svelte-7ix6l6", true);
|
|
1271
|
+
|
|
1269
1272
|
if (/*error*/ ctx[4]) {
|
|
1270
1273
|
if (if_block1) {
|
|
1271
1274
|
if_block1.p(ctx, dirty);
|
|
@@ -4211,11 +4214,11 @@ function create_each_block$1(ctx) {
|
|
|
4211
4214
|
? /*item*/ ctx[7].hrefOrCallback
|
|
4212
4215
|
: "#");
|
|
4213
4216
|
|
|
4214
|
-
attr(a, "class", "svelte-
|
|
4217
|
+
attr(a, "class", "svelte-mn7z70");
|
|
4215
4218
|
toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].button);
|
|
4216
4219
|
toggle_class(a, "iroco-ui-button--small", /*item*/ ctx[7].button);
|
|
4217
4220
|
toggle_class(a, "iroco-ui-button--success", /*item*/ ctx[7].button);
|
|
4218
|
-
attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-
|
|
4221
|
+
attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-mn7z70");
|
|
4219
4222
|
toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
|
|
4220
4223
|
},
|
|
4221
4224
|
m(target, anchor) {
|
|
@@ -4251,7 +4254,7 @@ function create_each_block$1(ctx) {
|
|
|
4251
4254
|
toggle_class(a, "iroco-ui-button--success", /*item*/ ctx[7].button);
|
|
4252
4255
|
}
|
|
4253
4256
|
|
|
4254
|
-
if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-
|
|
4257
|
+
if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-mn7z70")) {
|
|
4255
4258
|
attr(li, "class", li_class_value);
|
|
4256
4259
|
}
|
|
4257
4260
|
|
|
@@ -4299,10 +4302,10 @@ function create_fragment$8(ctx) {
|
|
|
4299
4302
|
each_blocks[i].c();
|
|
4300
4303
|
}
|
|
4301
4304
|
|
|
4302
|
-
attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-
|
|
4303
|
-
attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-
|
|
4305
|
+
attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-mn7z70");
|
|
4306
|
+
attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-mn7z70");
|
|
4304
4307
|
attr(nav, "data-testid", /*type*/ ctx[1]);
|
|
4305
|
-
attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-
|
|
4308
|
+
attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-mn7z70");
|
|
4306
4309
|
},
|
|
4307
4310
|
m(target, anchor) {
|
|
4308
4311
|
insert(target, nav, anchor);
|
|
@@ -4323,7 +4326,7 @@ function create_fragment$8(ctx) {
|
|
|
4323
4326
|
}
|
|
4324
4327
|
},
|
|
4325
4328
|
p(ctx, [dirty]) {
|
|
4326
|
-
if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-
|
|
4329
|
+
if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-mn7z70")) {
|
|
4327
4330
|
attr(button, "class", button_class_value);
|
|
4328
4331
|
}
|
|
4329
4332
|
|
|
@@ -4350,7 +4353,7 @@ function create_fragment$8(ctx) {
|
|
|
4350
4353
|
each_blocks.length = each_value.length;
|
|
4351
4354
|
}
|
|
4352
4355
|
|
|
4353
|
-
if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-
|
|
4356
|
+
if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-mn7z70")) {
|
|
4354
4357
|
attr(ul, "class", ul_class_value);
|
|
4355
4358
|
}
|
|
4356
4359
|
|
|
@@ -4358,7 +4361,7 @@ function create_fragment$8(ctx) {
|
|
|
4358
4361
|
attr(nav, "data-testid", /*type*/ ctx[1]);
|
|
4359
4362
|
}
|
|
4360
4363
|
|
|
4361
|
-
if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-
|
|
4364
|
+
if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-mn7z70")) {
|
|
4362
4365
|
attr(nav, "class", nav_class_value);
|
|
4363
4366
|
}
|
|
4364
4367
|
},
|
|
@@ -4601,7 +4604,7 @@ function create_else_block_1(ctx) {
|
|
|
4601
4604
|
t0 = space();
|
|
4602
4605
|
h1 = element("h1");
|
|
4603
4606
|
t1 = text(/*title*/ ctx[2]);
|
|
4604
|
-
attr(h1, "class", "svelte-
|
|
4607
|
+
attr(h1, "class", "svelte-z8zucs");
|
|
4605
4608
|
},
|
|
4606
4609
|
m(target, anchor) {
|
|
4607
4610
|
mount_component(iconirocologo, target, anchor);
|
|
@@ -4719,7 +4722,7 @@ function create_else_block$1(ctx) {
|
|
|
4719
4722
|
t0 = space();
|
|
4720
4723
|
h1 = element("h1");
|
|
4721
4724
|
t1 = text(/*title*/ ctx[2]);
|
|
4722
|
-
attr(h1, "class", "svelte-
|
|
4725
|
+
attr(h1, "class", "svelte-z8zucs");
|
|
4723
4726
|
},
|
|
4724
4727
|
m(target, anchor) {
|
|
4725
4728
|
mount_component(iconirocologo, target, anchor);
|
|
@@ -4843,11 +4846,11 @@ function create_fragment$5(ctx) {
|
|
|
4843
4846
|
if_block2.c();
|
|
4844
4847
|
t3 = space();
|
|
4845
4848
|
create_component(navbar.$$.fragment);
|
|
4846
|
-
attr(div0, "class", "navigation--mobile__title-container svelte-
|
|
4847
|
-
attr(button, "class", "navigation--mobile__button svelte-
|
|
4848
|
-
attr(div1, "class", "navigation--mobile svelte-
|
|
4849
|
-
attr(div2, "class", "navigation__title-container svelte-
|
|
4850
|
-
attr(div3, "class", "navigation svelte-
|
|
4849
|
+
attr(div0, "class", "navigation--mobile__title-container svelte-z8zucs");
|
|
4850
|
+
attr(button, "class", "navigation--mobile__button svelte-z8zucs");
|
|
4851
|
+
attr(div1, "class", "navigation--mobile svelte-z8zucs");
|
|
4852
|
+
attr(div2, "class", "navigation__title-container svelte-z8zucs");
|
|
4853
|
+
attr(div3, "class", "navigation svelte-z8zucs");
|
|
4851
4854
|
},
|
|
4852
4855
|
m(target, anchor) {
|
|
4853
4856
|
insert(target, div1, anchor);
|
|
@@ -5051,7 +5054,7 @@ function create_each_block_2(ctx) {
|
|
|
5051
5054
|
th = element("th");
|
|
5052
5055
|
t0 = text(t0_value);
|
|
5053
5056
|
t1 = space();
|
|
5054
|
-
attr(th, "class", "data-table__header__cell svelte-
|
|
5057
|
+
attr(th, "class", "data-table__header__cell svelte-d69ajf");
|
|
5055
5058
|
},
|
|
5056
5059
|
m(target, anchor) {
|
|
5057
5060
|
insert(target, th, anchor);
|
|
@@ -5187,7 +5190,7 @@ function create_each_block_1(ctx) {
|
|
|
5187
5190
|
c() {
|
|
5188
5191
|
td = element("td");
|
|
5189
5192
|
if_block.c();
|
|
5190
|
-
attr(td, "class", "data-table__body__cell svelte-
|
|
5193
|
+
attr(td, "class", "data-table__body__cell svelte-d69ajf");
|
|
5191
5194
|
},
|
|
5192
5195
|
m(target, anchor) {
|
|
5193
5196
|
insert(target, td, anchor);
|
|
@@ -5369,9 +5372,9 @@ function create_fragment$4(ctx) {
|
|
|
5369
5372
|
each_blocks[i].c();
|
|
5370
5373
|
}
|
|
5371
5374
|
|
|
5372
|
-
attr(thead, "class", "data-table__header svelte-
|
|
5375
|
+
attr(thead, "class", "data-table__header svelte-d69ajf");
|
|
5373
5376
|
attr(tbody, "class", "data-table__body");
|
|
5374
|
-
attr(table, "class", "data-table svelte-
|
|
5377
|
+
attr(table, "class", "data-table svelte-d69ajf");
|
|
5375
5378
|
},
|
|
5376
5379
|
m(target, anchor) {
|
|
5377
5380
|
insert(target, table, anchor);
|
|
@@ -5694,7 +5697,7 @@ function create_fragment(ctx) {
|
|
|
5694
5697
|
c() {
|
|
5695
5698
|
div = element("div");
|
|
5696
5699
|
t = text(/*content*/ ctx[1]);
|
|
5697
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-
|
|
5700
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-xrcxsu"));
|
|
5698
5701
|
},
|
|
5699
5702
|
m(target, anchor) {
|
|
5700
5703
|
insert(target, div, anchor);
|
|
@@ -5712,7 +5715,7 @@ function create_fragment(ctx) {
|
|
|
5712
5715
|
ctx = new_ctx;
|
|
5713
5716
|
if (dirty & /*content*/ 2) set_data(t, /*content*/ ctx[1]);
|
|
5714
5717
|
|
|
5715
|
-
if (dirty & /*type*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-
|
|
5718
|
+
if (dirty & /*type*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-xrcxsu"))) {
|
|
5716
5719
|
attr(div, "class", div_class_value);
|
|
5717
5720
|
}
|
|
5718
5721
|
},
|