@oneblink/apps-react 5.7.0-beta.9 → 5.8.0-beta.1

package/dist/styles/number.scss

@@ -8,10 +8,18 @@
   font-size: $size-7;
   display: inline-block;
   min-width: $size-3;
-  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
-  -moz-transition: background-color 0.2s ease, color 0.2s ease;
-  -o-transition: background-color 0.2s ease, color 0.2s ease;
-  transition: background-color 0.2s ease, color 0.2s ease;
+  -webkit-transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
+  -moz-transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
+  -o-transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
 
   &:after {
     content: '';
@@ -46,12 +54,12 @@
 // the css will not be applied.
 
 // Works for all other major browser except Firefox
-input[type="range"]:focus-visible::-webkit-slider-thumb {
+input[type='range']:focus-visible::-webkit-slider-thumb {
   outline-offset: $size-9;
   outline: $input-focus-border-color auto 3px;
 }
 // Works for Firefox
-input[type="range"]:focus-visible::-moz-range-thumb {
+input[type='range']:focus-visible::-moz-range-thumb {
   outline-offset: $size-9;
   outline: $input-focus-border-color auto 3px;
-}
+}

package/dist/styles/ob-files.scss

@@ -75,3 +75,10 @@
 .attachment__status-wrapper {
   display: inherit;
 }
+
+@container ob-form-container (min-width: $mobile) {
+  .column.is-one-quarter-ob {
+    flex: none;
+    width: 25%;
+  }
+}

package/dist/styles/ob-html.scss

@@ -316,10 +316,16 @@
   color: #93f;
 }
 .ql-editor .ql-font-serif {
-  font-family: Georgia, Times New Roman, serif;
+  font-family:
+    Georgia,
+    Times New Roman,
+    serif;
 }
 .ql-editor .ql-font-monospace {
-  font-family: Monaco, Courier New, monospace;
+  font-family:
+    Monaco,
+    Courier New,
+    monospace;
 }
 .ql-editor .ql-size-small {
   font-size: 0.75em;

package/dist/styles/renderer.scss

@@ -35,6 +35,8 @@
       margin-bottom: 0;
     }
   }
+  container-name: ob-form-container;
+  container-type: inline-size;
 }
 
 .ob-element:not(:last-child) {

package/dist/styles/steps.scss

@@ -200,10 +200,18 @@
     box-shadow: none;
     max-height: 0;
     overflow-y: auto;
-    -webkit-transition: box-shadow 0.2s ease, max-height 0.2s ease;
-    -moz-transition: box-shadow 0.2s ease, max-height 0.2s ease;
-    -o-transition: box-shadow 0.2s ease, max-height 0.2s ease;
-    transition: box-shadow 0.2s ease, max-height 0.2s ease;
+    -webkit-transition:
+      box-shadow 0.2s ease,
+      max-height 0.2s ease;
+    -moz-transition:
+      box-shadow 0.2s ease,
+      max-height 0.2s ease;
+    -o-transition:
+      box-shadow 0.2s ease,
+      max-height 0.2s ease;
+    transition:
+      box-shadow 0.2s ease,
+      max-height 0.2s ease;
 
     &.is-active {
       box-shadow: $elevation-3;