@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/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-5qkkwb"));
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-5qkkwb"))) {
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-1y0402x");
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-1y0402x");
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-1y0402x");
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-1y0402x");
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-156c82q");
996
+ attr(input, "class", "svelte-167k2qc");
997
997
  /*$$binding_groups*/ ctx[9][0].push(input);
998
- attr(span, "class", "radio-button-color svelte-156c82q");
999
- attr(label_1, "class", "iroco-ui-radio svelte-156c82q");
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-v0jihd");
4215
- toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].isButton());
4216
- attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-v0jihd");
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].isButton());
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 & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-v0jihd")) {
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-v0jihd");
4293
- attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-v0jihd");
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-v0jihd");
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-v0jihd")) {
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-v0jihd")) {
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-v0jihd")) {
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-lqwgm1");
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-lqwgm1");
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-lqwgm1");
4837
- attr(button, "class", "navigation--mobile__button svelte-lqwgm1");
4838
- attr(div1, "class", "navigation--mobile svelte-lqwgm1");
4839
- attr(div2, "class", "navigation__title-container svelte-lqwgm1");
4840
- attr(div3, "class", "navigation svelte-lqwgm1");
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-1ju5y8t");
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-1ju5y8t");
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-1ju5y8t");
5375
+ attr(thead, "class", "data-table__header svelte-d69ajf");
5363
5376
  attr(tbody, "class", "data-table__body");
5364
- attr(table, "class", "data-table svelte-1ju5y8t");
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-itln7g"));
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-itln7g"))) {
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;