@iroco/ui 0.17.0 → 0.18.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 (13) hide show
  1. package/lib/button.scss +1 -0
  2. package/lib/index.js +25 -17
  3. package/lib/index.min.js +3 -3
  4. package/lib/index.mjs +25 -17
  5. package/lib/index.mjs.css +304 -143
  6. package/lib/iroco.css +1 -0
  7. package/lib/iroco.css.map +1 -1
  8. package/lib/iroco.scss +1 -0
  9. package/package.json +1 -1
  10. package/scss/button.scss +1 -0
  11. package/scss/iroco.scss +1 -0
  12. package/src/NavBar.svelte +9 -6
  13. package/src/definition.ts +4 -6
package/lib/iroco.css CHANGED
@@ -222,6 +222,7 @@ button {
222
222
  outline: none;
223
223
  text-decoration: none;
224
224
  font-size: 14px;
225
+ color: #f2ebe3;
225
226
  }
226
227
 
227
228
  html {
package/lib/iroco.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/containers.scss","../scss/forms.scss","../scss/colors.scss","../scss/iroco.scss","../scss/fonts.scss"],"names":[],"mappings":"AAmNA;EAvIE,OAzDe;EA0Df,WAnEM;EAoEN;EACA;EACA;;AA1DA;EA6LF;IAhII,WAxEO;;;AAiBT;EAuLF;IA5HI,WA3EY;;;AAsBd;EAiLF;IAxHI,WA9Ea;;;AA2Bf;EA2KF;IApHI,WAjFW;;;AAgCb;EAqKF;IAhHI,WApFW;;;AAqCb;EA+JF;IA5GI,WAvFa;;;AA0Cf;EAyJF;IAxGI,WA1Fa;;;AA+Cf;EAmJF;IApGI,WA7Fa;;;AAoDf;EA6IF;IAhGI,WAhGa;;;;AAoMjB;EA9FE,OAtGe;EAuGf,WA9Gc;EA+Gd;EACA;EACA;;AA3FA;EAqLF;IAvFI,WAnHa;;;AA2Bf;EA+KF;IAnFI,WAtHW;;;AAgCb;EAyKF;IA/EI,WAzHW;;;AAqCb;EAmKF;IA3EI,WA5Ha;;;AA0Cf;EA6JF;IAvEI,WA/Ha;;;AA+Cf;EAuJF;IAnEI,WAlIa;;;AAoDf;EAiJF;IA/DI,WArIa;;;;AAwMjB;EA7DE,OA3Ie;EA4If,WAlJe;EAmJf;EACA;EACA;;AA1HA;EAmLF;IAtDI,WAvJW;;;AAgCb;EA6KF;IAlDI,WA1JW;;;AAqCb;EAuKF;IA9CI,WA7Ja;;;AA0Cf;EAiKF;IA1CI,WAhKa;;;AA+Cf;EA2JF;IAtCI,WAnKa;;;AAoDf;EAqJF;IAlCI,WAtKa;;;;AA4MjB;EAhCE,OA5Ke;EA6Kf,WAjLa;EAkLb;EACA;EACA;;AAzIA;EAqKF;IAzBI,WArLa;;;AA+Cf;EA+JF;IArBI,WAxLa;;;AAoDf;EAyJF;IAjBI,WA3La;;;;AChBf;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AACA;EACE,OCbE;EDcF,YCnBK;EDoBL;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE,cC5BF;;AD8BA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA,OCzDE;;;ACAN;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;ECrBA;EACA,WDqBuB;ECpBvB,aAH+C;EAI/C,ODmB6B;EClB7B;EACA;EACA;EDiBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YDhCO","file":"iroco.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/containers.scss","../scss/forms.scss","../scss/colors.scss","../scss/iroco.scss","../scss/fonts.scss"],"names":[],"mappings":"AAmNA;EAvIE,OAzDe;EA0Df,WAnEM;EAoEN;EACA;EACA;;AA1DA;EA6LF;IAhII,WAxEO;;;AAiBT;EAuLF;IA5HI,WA3EY;;;AAsBd;EAiLF;IAxHI,WA9Ea;;;AA2Bf;EA2KF;IApHI,WAjFW;;;AAgCb;EAqKF;IAhHI,WApFW;;;AAqCb;EA+JF;IA5GI,WAvFa;;;AA0Cf;EAyJF;IAxGI,WA1Fa;;;AA+Cf;EAmJF;IApGI,WA7Fa;;;AAoDf;EA6IF;IAhGI,WAhGa;;;;AAoMjB;EA9FE,OAtGe;EAuGf,WA9Gc;EA+Gd;EACA;EACA;;AA3FA;EAqLF;IAvFI,WAnHa;;;AA2Bf;EA+KF;IAnFI,WAtHW;;;AAgCb;EAyKF;IA/EI,WAzHW;;;AAqCb;EAmKF;IA3EI,WA5Ha;;;AA0Cf;EA6JF;IAvEI,WA/Ha;;;AA+Cf;EAuJF;IAnEI,WAlIa;;;AAoDf;EAiJF;IA/DI,WArIa;;;;AAwMjB;EA7DE,OA3Ie;EA4If,WAlJe;EAmJf;EACA;EACA;;AA1HA;EAmLF;IAtDI,WAvJW;;;AAgCb;EA6KF;IAlDI,WA1JW;;;AAqCb;EAuKF;IA9CI,WA7Ja;;;AA0Cf;EAiKF;IA1CI,WAhKa;;;AA+Cf;EA2JF;IAtCI,WAnKa;;;AAoDf;EAqJF;IAlCI,WAtKa;;;;AA4MjB;EAhCE,OA5Ke;EA6Kf,WAjLa;EAkLb;EACA;EACA;;AAzIA;EAqKF;IAzBI,WArLa;;;AA+Cf;EA+JF;IArBI,WAxLa;;;AAoDf;EAyJF;IAjBI,WA3La;;;;AChBf;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AACA;EACE,OCbE;EDcF,YCnBK;EDoBL;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE,cC5BF;;AD8BA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA,OCzDE;;;ACAN;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA,ODZM;;;ACeR;EACE;EACA;;AAEA;ECtBA;EACA,WDsBuB;ECrBvB,aAH+C;EAI/C,ODoB6B;ECnB7B;EACA;EACA;EDkBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YDjCO","file":"iroco.css"}
package/lib/iroco.scss CHANGED
@@ -16,6 +16,7 @@ button {
16
16
  outline: none;
17
17
  text-decoration: none;
18
18
  font-size: 14px;
19
+ color: colors.$beige;
19
20
  }
20
21
 
21
22
  html {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iroco/ui",
3
- "version": "0.17.0",
3
+ "version": "0.18.1",
4
4
  "description": "Iroco design system based on Svelte",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.mjs",
package/scss/button.scss CHANGED
@@ -28,6 +28,7 @@
28
28
  }
29
29
  &--success {
30
30
  background: colors.$green;
31
+ color: colors.$nightBlue;
31
32
  }
32
33
  &--danger {
33
34
  background: colors.$red;
package/scss/iroco.scss CHANGED
@@ -16,6 +16,7 @@ button {
16
16
  outline: none;
17
17
  text-decoration: none;
18
18
  font-size: 14px;
19
+ color: colors.$beige;
19
20
  }
20
21
 
21
22
  html {
package/src/NavBar.svelte CHANGED
@@ -26,14 +26,16 @@
26
26
 
27
27
  <ul class="nav__{type}__item-container">
28
28
  {#each navigationItems as item}
29
- <li class="nav__{type}__item" class:active={active === item.name} >
29
+ <li class="nav__{type}__item" class:active={active === item.name}>
30
30
  <a
31
31
  on:click={() => handleClickLink(item)}
32
32
  href={typeof item.hrefOrCallback === 'string' ? item.hrefOrCallback : '#'}
33
- class:iroco-ui-button= { item.isButton() }
34
- >
35
- {item.name}</a
33
+ class:iroco-ui-button={item.button}
34
+ class:iroco-ui-button--small={item.button}
35
+ class:iroco-ui-button--success={item.button}
36
36
  >
37
+ {item.name}
38
+ </a>
37
39
  </li>
38
40
  {/each}
39
41
  </ul>
@@ -44,6 +46,7 @@
44
46
  @use '../scss/constants';
45
47
  @import '../scss/containers';
46
48
  @import '../scss/button';
49
+ @import '../scss/iroco';
47
50
 
48
51
  .nav {
49
52
  &__sidebar,
@@ -54,9 +57,8 @@
54
57
  display: block;
55
58
  }
56
59
  &__item a {
57
- color: colors.$beige;
58
60
  font-size: 2em;
59
-
61
+ text-transform: uppercase;
60
62
  }
61
63
  &__close {
62
64
  display: none;
@@ -93,6 +95,7 @@
93
95
  flex-grow: 1;
94
96
  display: flex;
95
97
  justify-content: flex-end;
98
+ transform: translateY(0.3em);
96
99
  ul,
97
100
  li {
98
101
  display: inline;
package/src/definition.ts CHANGED
@@ -1,16 +1,14 @@
1
1
  export class NavigationItem {
2
2
  hrefOrCallback: string|(() => void);
3
3
  name: string;
4
+ button: boolean;
4
5
 
5
- constructor (name: string, hrefOrCallback: string|(() => void)) {
6
+ constructor (name: string, hrefOrCallback: string|(() => void), button= false) {
6
7
  this.hrefOrCallback = hrefOrCallback;
7
8
  this.name = name;
9
+ this.button = button
8
10
  }
9
-
10
- isButton(): boolean {
11
- return typeof this.hrefOrCallback === 'function'
12
- }
13
- };
11
+ }
14
12
 
15
13
  export enum ButtonKind {
16
14
  REGULAR = "regular",