@iroco/ui 0.17.1 → 0.19.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/button.scss +1 -0
- package/lib/colors.scss +12 -0
- package/lib/index.js +48 -37
- package/lib/index.min.js +3 -3
- package/lib/index.mjs +48 -37
- package/lib/index.mjs.css +543 -184
- package/lib/iroco.css +45 -0
- package/lib/iroco.css.map +1 -1
- package/lib/iroco.scss +1 -0
- package/package.json +2 -2
- package/scss/button.scss +1 -0
- package/scss/colors.scss +12 -0
- package/scss/iroco.scss +1 -0
- package/src/NavBar.svelte +9 -6
- package/src/definition.ts +4 -6
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,9 +4214,11 @@ function create_each_block$1(ctx) {
|
|
|
4211
4214
|
? /*item*/ ctx[7].hrefOrCallback
|
|
4212
4215
|
: "#");
|
|
4213
4216
|
|
|
4214
|
-
attr(a, "class", "svelte-
|
|
4215
|
-
toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].
|
|
4216
|
-
|
|
4217
|
+
attr(a, "class", "svelte-mn7z70");
|
|
4218
|
+
toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].button);
|
|
4219
|
+
toggle_class(a, "iroco-ui-button--small", /*item*/ ctx[7].button);
|
|
4220
|
+
toggle_class(a, "iroco-ui-button--success", /*item*/ ctx[7].button);
|
|
4221
|
+
attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-mn7z70");
|
|
4217
4222
|
toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
|
|
4218
4223
|
},
|
|
4219
4224
|
m(target, anchor) {
|
|
@@ -4238,10 +4243,18 @@ function create_each_block$1(ctx) {
|
|
|
4238
4243
|
}
|
|
4239
4244
|
|
|
4240
4245
|
if (dirty & /*navigationItems*/ 1) {
|
|
4241
|
-
toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].
|
|
4246
|
+
toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].button);
|
|
4247
|
+
}
|
|
4248
|
+
|
|
4249
|
+
if (dirty & /*navigationItems*/ 1) {
|
|
4250
|
+
toggle_class(a, "iroco-ui-button--small", /*item*/ ctx[7].button);
|
|
4242
4251
|
}
|
|
4243
4252
|
|
|
4244
|
-
if (dirty & /*
|
|
4253
|
+
if (dirty & /*navigationItems*/ 1) {
|
|
4254
|
+
toggle_class(a, "iroco-ui-button--success", /*item*/ ctx[7].button);
|
|
4255
|
+
}
|
|
4256
|
+
|
|
4257
|
+
if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-mn7z70")) {
|
|
4245
4258
|
attr(li, "class", li_class_value);
|
|
4246
4259
|
}
|
|
4247
4260
|
|
|
@@ -4289,10 +4302,10 @@ function create_fragment$8(ctx) {
|
|
|
4289
4302
|
each_blocks[i].c();
|
|
4290
4303
|
}
|
|
4291
4304
|
|
|
4292
|
-
attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-
|
|
4293
|
-
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");
|
|
4294
4307
|
attr(nav, "data-testid", /*type*/ ctx[1]);
|
|
4295
|
-
attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-
|
|
4308
|
+
attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-mn7z70");
|
|
4296
4309
|
},
|
|
4297
4310
|
m(target, anchor) {
|
|
4298
4311
|
insert(target, nav, anchor);
|
|
@@ -4313,7 +4326,7 @@ function create_fragment$8(ctx) {
|
|
|
4313
4326
|
}
|
|
4314
4327
|
},
|
|
4315
4328
|
p(ctx, [dirty]) {
|
|
4316
|
-
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")) {
|
|
4317
4330
|
attr(button, "class", button_class_value);
|
|
4318
4331
|
}
|
|
4319
4332
|
|
|
@@ -4340,7 +4353,7 @@ function create_fragment$8(ctx) {
|
|
|
4340
4353
|
each_blocks.length = each_value.length;
|
|
4341
4354
|
}
|
|
4342
4355
|
|
|
4343
|
-
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")) {
|
|
4344
4357
|
attr(ul, "class", ul_class_value);
|
|
4345
4358
|
}
|
|
4346
4359
|
|
|
@@ -4348,7 +4361,7 @@ function create_fragment$8(ctx) {
|
|
|
4348
4361
|
attr(nav, "data-testid", /*type*/ ctx[1]);
|
|
4349
4362
|
}
|
|
4350
4363
|
|
|
4351
|
-
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")) {
|
|
4352
4365
|
attr(nav, "class", nav_class_value);
|
|
4353
4366
|
}
|
|
4354
4367
|
},
|
|
@@ -4591,7 +4604,7 @@ function create_else_block_1(ctx) {
|
|
|
4591
4604
|
t0 = space();
|
|
4592
4605
|
h1 = element("h1");
|
|
4593
4606
|
t1 = text(/*title*/ ctx[2]);
|
|
4594
|
-
attr(h1, "class", "svelte-
|
|
4607
|
+
attr(h1, "class", "svelte-3ks45j");
|
|
4595
4608
|
},
|
|
4596
4609
|
m(target, anchor) {
|
|
4597
4610
|
mount_component(iconirocologo, target, anchor);
|
|
@@ -4709,7 +4722,7 @@ function create_else_block$1(ctx) {
|
|
|
4709
4722
|
t0 = space();
|
|
4710
4723
|
h1 = element("h1");
|
|
4711
4724
|
t1 = text(/*title*/ ctx[2]);
|
|
4712
|
-
attr(h1, "class", "svelte-
|
|
4725
|
+
attr(h1, "class", "svelte-3ks45j");
|
|
4713
4726
|
},
|
|
4714
4727
|
m(target, anchor) {
|
|
4715
4728
|
mount_component(iconirocologo, target, anchor);
|
|
@@ -4833,11 +4846,11 @@ function create_fragment$5(ctx) {
|
|
|
4833
4846
|
if_block2.c();
|
|
4834
4847
|
t3 = space();
|
|
4835
4848
|
create_component(navbar.$$.fragment);
|
|
4836
|
-
attr(div0, "class", "navigation--mobile__title-container svelte-
|
|
4837
|
-
attr(button, "class", "navigation--mobile__button svelte-
|
|
4838
|
-
attr(div1, "class", "navigation--mobile svelte-
|
|
4839
|
-
attr(div2, "class", "navigation__title-container svelte-
|
|
4840
|
-
attr(div3, "class", "navigation svelte-
|
|
4849
|
+
attr(div0, "class", "navigation--mobile__title-container svelte-3ks45j");
|
|
4850
|
+
attr(button, "class", "navigation--mobile__button svelte-3ks45j");
|
|
4851
|
+
attr(div1, "class", "navigation--mobile svelte-3ks45j");
|
|
4852
|
+
attr(div2, "class", "navigation__title-container svelte-3ks45j");
|
|
4853
|
+
attr(div3, "class", "navigation svelte-3ks45j");
|
|
4841
4854
|
},
|
|
4842
4855
|
m(target, anchor) {
|
|
4843
4856
|
insert(target, div1, anchor);
|
|
@@ -5041,7 +5054,7 @@ function create_each_block_2(ctx) {
|
|
|
5041
5054
|
th = element("th");
|
|
5042
5055
|
t0 = text(t0_value);
|
|
5043
5056
|
t1 = space();
|
|
5044
|
-
attr(th, "class", "data-table__header__cell svelte-
|
|
5057
|
+
attr(th, "class", "data-table__header__cell svelte-d69ajf");
|
|
5045
5058
|
},
|
|
5046
5059
|
m(target, anchor) {
|
|
5047
5060
|
insert(target, th, anchor);
|
|
@@ -5177,7 +5190,7 @@ function create_each_block_1(ctx) {
|
|
|
5177
5190
|
c() {
|
|
5178
5191
|
td = element("td");
|
|
5179
5192
|
if_block.c();
|
|
5180
|
-
attr(td, "class", "data-table__body__cell svelte-
|
|
5193
|
+
attr(td, "class", "data-table__body__cell svelte-d69ajf");
|
|
5181
5194
|
},
|
|
5182
5195
|
m(target, anchor) {
|
|
5183
5196
|
insert(target, td, anchor);
|
|
@@ -5359,9 +5372,9 @@ function create_fragment$4(ctx) {
|
|
|
5359
5372
|
each_blocks[i].c();
|
|
5360
5373
|
}
|
|
5361
5374
|
|
|
5362
|
-
attr(thead, "class", "data-table__header svelte-
|
|
5375
|
+
attr(thead, "class", "data-table__header svelte-d69ajf");
|
|
5363
5376
|
attr(tbody, "class", "data-table__body");
|
|
5364
|
-
attr(table, "class", "data-table svelte-
|
|
5377
|
+
attr(table, "class", "data-table svelte-d69ajf");
|
|
5365
5378
|
},
|
|
5366
5379
|
m(target, anchor) {
|
|
5367
5380
|
insert(target, table, anchor);
|
|
@@ -5684,7 +5697,7 @@ function create_fragment(ctx) {
|
|
|
5684
5697
|
c() {
|
|
5685
5698
|
div = element("div");
|
|
5686
5699
|
t = text(/*content*/ ctx[1]);
|
|
5687
|
-
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"));
|
|
5688
5701
|
},
|
|
5689
5702
|
m(target, anchor) {
|
|
5690
5703
|
insert(target, div, anchor);
|
|
@@ -5702,7 +5715,7 @@ function create_fragment(ctx) {
|
|
|
5702
5715
|
ctx = new_ctx;
|
|
5703
5716
|
if (dirty & /*content*/ 2) set_data(t, /*content*/ ctx[1]);
|
|
5704
5717
|
|
|
5705
|
-
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"))) {
|
|
5706
5719
|
attr(div, "class", div_class_value);
|
|
5707
5720
|
}
|
|
5708
5721
|
},
|
|
@@ -5738,12 +5751,10 @@ class Alert extends SvelteComponent {
|
|
|
5738
5751
|
}
|
|
5739
5752
|
|
|
5740
5753
|
class NavigationItem {
|
|
5741
|
-
constructor(name, hrefOrCallback) {
|
|
5754
|
+
constructor(name, hrefOrCallback, button = false) {
|
|
5742
5755
|
this.hrefOrCallback = hrefOrCallback;
|
|
5743
5756
|
this.name = name;
|
|
5744
|
-
|
|
5745
|
-
isButton() {
|
|
5746
|
-
return typeof this.hrefOrCallback === 'function';
|
|
5757
|
+
this.button = button;
|
|
5747
5758
|
}
|
|
5748
5759
|
}
|
|
5749
5760
|
var ButtonKind;
|