@magicgol/polyjuice 0.34.1 → 0.34.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.34.1",
+  "version": "0.34.4",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/components/traffic-light/TrafficLight.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="d-inline-flex bg-white align-items-center px-3"
-    :class="[classes, {'py-1': stretched}]"
+    :class="[classes, {'py-2': stretched}]"
   >
     <div><slot></slot></div>
   </div>

package/src/components/modal/selection-box/SelectionBox.vue

@@ -3,14 +3,18 @@
     :class="classes"
   >
     <div
-      class="mg-selection-box-curtain h-50 w-100 position-fixed"
+      v-if="expanded"
+      class="mg-selection-box-curtain h-25 w-100 position-fixed"
       @click="onClickOutside"
     ></div>
     <div class="mg-selection-box-content fixed-bottom px-3 py-2">
       <div class="d-flex flex-column bg-white rounded w-100 h-100 px-3 py-2">
         <div class="mg-selection-box-title text-uppercase text-center"><slot></slot></div>
         <div><slot name="summary"></slot></div>
-        <div class="flex-fill" v-if="expanded"><slot name="detail"></slot></div>
+        <div
+          class="flex-fill"
+          v-if="expanded"
+        ><slot name="detail"></slot></div>
         <div class="d-flex align-items-center mt-2">
           <div class="w-50 text-center">
             <slot name="cancel"></slot>
@@ -97,7 +101,7 @@ export default {
       width: 100%;
 
       .mg-selection-box-content {
-        height: 50%;
+        height: 75%;
       }
     }
   }

package/src/components/typography/h1/HeadingOne.vue

@@ -24,5 +24,6 @@ export default {
     font-family: 'Ubuntu', sans-serif;
     font-size: 1.25rem;
     font-weight: 500;
+    line-height: 1.1;
   }
 </style>

package/src/components/typography/paragraph/Paragraph.vue

@@ -19,7 +19,7 @@ export default {
 <style lang="scss">
   .mg-paragraph {
     font-family: 'Ubuntu', sans-serif;
-    font-size: 0.75rem;
+    font-size: 0.8125rem;
     font-weight: 400;
   }
 </style>

package/src/documentation/Alert.stories.mdx

@@ -4,8 +4,13 @@ import {ColorItem, ColorPalette, Meta} from '@storybook/addon-docs';
 
 <ColorPalette>
     <ColorItem
-        title="Warning"
+        title="Error"
         subtitle="Used for error messages"
+        colors={{'Cinnabar': '#ed4949'}}
+    />
+    <ColorItem
+        title="Warning"
+        subtitle="Used for warning messages"
         colors={{'Persimmon': '#ff614c'}}
     />
     <ColorItem