not-bulma 1.2.17 → 1.2.19

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/elements/button/ui.button.svelte +2 -0
  3. package/src/elements/image/ui.image.svelte +5 -2
  4. package/src/elements/link/ui.link.svelte +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "not-bulma",
3
- "version": "1.2.17",
3
+ "version": "1.2.19",
4
4
  "description": "not-* family UI components on Bulma CSS Framework",
5
5
  "main": "src/index.js",
6
6
  "svelte": "src/index.js",
package/src/elements/button/ui.button.svelte CHANGED
@@ -18,9 +18,11 @@
18
18
  export let classes = "";
19
19
  export let icon = false;
20
20
  export let iconSide = "right";
21
+
21
22
  export let action = () => {
22
23
  return true;
23
24
  };
25
+
24
26
  export let value;
25
27
 
26
28
  function onClick(event) {
package/src/elements/image/ui.image.svelte CHANGED
@@ -6,6 +6,7 @@
6
6
  export let size = 64;
7
7
  export let contained = true;
8
8
  export let covered = true;
9
+ export let classes = "";
9
10
 
10
11
  $: sizeStyle = isNaN(size) ? `is-${size}` : `is-${size}x${size}`;
11
12
  $: containedStyle = contained ? "is-contained" : "";
@@ -14,13 +15,15 @@
14
15
 
15
16
  {#if urlFull}
16
17
  <a href={urlFull} alt={title} on:click>
17
- <figure class="image {sizeStyle} {containedStyle} {coveredStyle}">
18
+ <figure
19
+ class="image {sizeStyle} {containedStyle} {coveredStyle} {classes}"
20
+ >
18
21
  <img class="" alt={title} src={url} crossOrigin={cors} />
19
22
  </figure>
20
23
  </a>
21
24
  {:else}
22
25
  <figure
23
- class="image {sizeStyle} {containedStyle} {coveredStyle}"
26
+ class="image {sizeStyle} {containedStyle} {coveredStyle} {classes}"
24
27
  on:click
25
28
  on:keyup
26
29
  role="button"
package/src/elements/link/ui.link.svelte CHANGED
@@ -1,20 +1,25 @@
1
1
  <script>
2
2
  import { LOCALE } from "../../locale";
3
+ //attributes
3
4
  export let title = "";
4
5
  export let url = "";
5
6
  export let download;
6
7
  export let target = "_blank";
8
+ //visual
7
9
  export let light = false;
8
10
  export let loading = false;
9
11
  export let raised = false;
10
12
  export let outlined = false;
11
13
  export let inverted = false;
12
14
  export let rounded = false;
15
+ export let button = true;
13
16
  export let state = "";
14
17
  export let type = "";
15
18
  export let color = "";
16
19
  export let size = "";
17
- export let classes = "button ";
20
+ export let classes = "";
21
+
22
+ //icons
18
23
  export let icon = false;
19
24
  export let iconSide = "right";
20
25
 
@@ -24,6 +29,7 @@
24
29
 
25
30
  $: {
26
31
  classes =
32
+ (button ? "button " : "") +
27
33
  (state && state.length > 0 ? ` is-${state} ` : "") +
28
34
  (light ? ` is-light ` : "") +
29
35
  (type && type.length > 0 ? ` is-${type} ` : "") +