not-bulma 1.0.46 → 1.0.48

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 (11) hide show
  1. package/package.json +1 -1
  2. package/src/elements/layout/ui.column.svelte +4 -4
  3. package/src/elements/layout/ui.columns.svelte +3 -3
  4. package/src/elements/layout/ui.container.svelte +17 -16
  5. package/src/elements/layout/ui.section.svelte +5 -6
  6. package/src/frame/common.js +617 -553
  7. package/src/frame/components/form/index.js +6 -10
  8. package/src/frame/components/index.js +20 -19
  9. package/src/frame/components/navigation/side/index.js +16 -3
  10. package/src/frame/index.js +1 -0
  11. package/src/scss/_menu.scss +8 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "not-bulma",
3
- "version": "1.0.46",
3
+ "version": "1.0.48",
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/layout/ui.column.svelte CHANGED
@@ -1,8 +1,8 @@
1
1
  <script>
2
- export let classes = "";
3
- export let title = "";
2
+ export let classes = "";
3
+ export let title = "";
4
4
  </script>
5
5
 
6
- <div {title} class="column {classes}">
7
- <slot></slot>
6
+ <div {title} class="column {classes}" on:click>
7
+ <slot />
8
8
  </div>
package/src/elements/layout/ui.columns.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>
2
- export let classes = "";
2
+ export let classes = "";
3
3
  </script>
4
4
 
5
- <div class="columns {classes}">
6
- <slot></slot>
5
+ <div class="columns {classes}" on:click>
6
+ <slot />
7
7
  </div>
package/src/elements/layout/ui.container.svelte CHANGED
@@ -1,21 +1,22 @@
1
1
  <script>
2
- export let id = '';
3
- export let classes = '';
4
- export let widescreen = false;
5
- export let fullhd = false;
6
- export let maxDesktop = false;
7
- export let maxWidescreen = false;
8
- export let fluid = false;
2
+ export let id = "";
3
+ export let classes = "";
4
+ export let widescreen = false;
5
+ export let fullhd = false;
6
+ export let maxDesktop = false;
7
+ export let maxWidescreen = false;
8
+ export let fluid = false;
9
9
  </script>
10
10
 
11
11
  <div
12
- {id}
13
- class="container {classes}"
14
- class:is-widescreen={widescreen}
15
- class:is-fullhd={fullhd}
16
- class:is-max-desktop={maxDesktop}
17
- class:is-max-widescreen={maxWidescreen}
18
- class:is-fluid={fluid}
19
- >
20
- <slot></slot>
12
+ {id}
13
+ class="container {classes}"
14
+ class:is-widescreen={widescreen}
15
+ class:is-fullhd={fullhd}
16
+ class:is-max-desktop={maxDesktop}
17
+ class:is-max-widescreen={maxWidescreen}
18
+ class:is-fluid={fluid}
19
+ on:click
20
+ >
21
+ <slot />
21
22
  </div>
package/src/elements/layout/ui.section.svelte CHANGED
@@ -1,10 +1,9 @@
1
1
  <script>
2
- export let id='';
3
- export let size; //medium, large
4
- export let classes = '';
5
-
2
+ export let id = "";
3
+ export let size; //medium, large
4
+ export let classes = "";
6
5
  </script>
7
6
 
8
- <section {id} class="section {size?('is-'+size):''} {classes}">
9
- <slot></slot>
7
+ <section {id} class="section {size ? 'is-' + size : ''} {classes}" on:click>
8
+ <slot />
10
9
  </section>