not-bulma 1.2.33 → 1.2.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.2.33",
+  "version": "1.2.35",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/elements/layout/ui.column.svelte

@@ -1,11 +1,12 @@
 <script>
     export let classes = "";
     export let title = "";
+    export let narrow = false;
 </script>
 
 <div
     {title}
-    class="column {classes}"
+    class="column {classes} {narrow ? 'is-narrow' : ''}"
     on:click
     on:keyup
     role="button"

package/src/elements/various/ui.boolean.svelte

@@ -9,18 +9,16 @@
 
     const FALSE_VALUE = {
         title: LC_FALSE,
-        color: "danger",
+        color: inverted ? "success" : "danger",
     };
+
     const TRUE_VALUE = {
         title: LC_TRUE,
-        color: "success",
+        color: inverted ? "danger" : "success",
     };
 
-    const variants = [FALSE_VALUE, TRUE_VALUE];
-
-    $: tagValue = value
-        ? variants.at(1 + (inverted ? 1 : 0))
-        : variants.at(0 + (inverted ? 1 : 0));
+    //if inverted === true, inverts value
+    $: tagValue = value ? TRUE_VALUE : FALSE_VALUE;
 </script>
 
 <UITag {...tagValue} />

package/src/elements/various/ui.booleans.svelte

@@ -3,12 +3,12 @@
 
     export let values = [];
     export let inverted = false;
-    export let componentContructor = UIBoolean;
+    export let componentConstructor = UIBoolean;
 </script>
 
 {#each values as item}
     <svelte:component
-        this={componentContructor}
+        this={componentConstructor}
         {...item}
         inverted={inverted || item.inverted}
     />