@magicgol/polyjuice 0.42.1 → 0.42.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.42.1",
+  "version": "0.42.3",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -19,11 +19,11 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.9",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
-    "@storybook/addon-links": "^6.5.10",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/vue": "^6.5.10",
+    "@storybook/vue": "^6.5.13",
     "@vue/cli-plugin-babel": "~4.5.15",
     "@vue/cli-plugin-eslint": "~4.5.15",
     "@vue/cli-service": "~4.5.15",

package/src/components/content/list/head/ListHead.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="text-uppercase pb-2 px-2"
-    :class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter, 'justify-content-start text-left': !alignCenter}]"
+    :class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter, 'justify-content-end text-right': alignRight, 'justify-content-start text-left': !alignCenter && !alignRight}]"
   >
     <div><slot></slot></div>
     <svgicon
@@ -25,6 +25,10 @@ export default {
       type: Boolean,
       default: false
     },
+    alignRight: {
+      type: Boolean,
+      default: false
+    },
   },
 
   computed: {

package/src/components/form/input/textarea/Textarea.vue

@@ -30,6 +30,10 @@ export default {
     placeholder: {
       type: String,
       default: null
+    },
+    error: {
+      type: Boolean,
+      default: false,
     }
   },
   computed: {
@@ -76,5 +80,9 @@ export default {
   &--focused {
     border-color: #444444 !important;
   }
+
+  &--errored {
+    border-color: map-get($palette, 'warning') !important;
+  }
 }
 </style>

package/src/components/form/radio/Radio.vue

@@ -65,7 +65,9 @@ export default {
       width: 1.375rem;
 
       svg {
-        display: none;
+        fill: white;
+        height: 18px;
+        visibility: hidden;
       }
     }
 
@@ -75,9 +77,7 @@ export default {
         border-color: map-get($palette, 'brand');
 
         svg {
-          display: block;
-          fill: white;
-          height: 18px;
+          visibility: visible;
         }
       }
     }