@24i/bigscreen-sdk 1.0.38 → 1.0.40-alpha.2687

package/packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/_sizes.1080.scss

@@ -1,7 +1,7 @@
-$normal-font-size: 30px;
-$normal-letter-spacing: -0.31px;
-$normal-line-height: normal;
-
-$small-font-size: 24px;
-$small-letter-spacing: -0.26px;
-$small-line-height: normal;
+$normal-font-size: 30px;
+$normal-letter-spacing: -0.31px;
+$normal-line-height: normal;
+
+$small-font-size: 24px;
+$small-letter-spacing: -0.26px;
+$small-line-height: normal;

package/packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/_sizes.scss

@@ -1,7 +1,7 @@
-$normal-font-size: 20px;
-$normal-letter-spacing: -0.21px;
-$normal-line-height: normal;
-
-$small-font-size: 16px;
-$small-letter-spacing: -0.17px;
-$small-line-height: normal;
+$normal-font-size: 20px;
+$normal-letter-spacing: -0.21px;
+$normal-line-height: normal;
+
+$small-font-size: 16px;
+$small-letter-spacing: -0.17px;
+$small-line-height: normal;

package/packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/index.ts

@@ -1 +1 @@
-import './whitelabel.styles';
+import './whitelabel.styles';

package/packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/whitelabel.scss

@@ -1,81 +1,81 @@
-// Colors
-$key-background: rgb(255, 255, 255);
-$focus-background: rgb(255, 255, 255, 0.1);
-$keyboard-background: rgba(31, 31, 31, 0.9);
-$keyboard-background-over: rgba(31, 31, 31, 0.9);
-$dark-background: rgba(97, 98, 100, 0.8);
-$medium-background: rgba(97, 98, 100, 0.6);
-$light-background: rgba(97, 98, 100, 0.3);
-
-.keyboard {
-    background-color: $keyboard-background;
-
-    .keyboard-wrapper {
-        background-color: $keyboard-background-over;
-    }
-
-    .key-layout,
-    .side-bar.controls {
-        .rounded-border-container {
-            background-color: $light-background;
-        }
-    }
-
-    .key {
-        &.key-abc,
-        &.key-special {
-            background-color: $medium-background;
-            
-            &.active {
-                background-color: $light-background;
-            }
-        }
-
-        &.key-language {
-            background-color: $light-background;
-        }
-
-        &.key-space {
-            background-color: $dark-background;
-        }
-
-        &:focus {
-            .key-background {
-                background-color: $focus-background;
-                border-color: $key-background;
-            }
-        }
-
-        .key-mask-icon {
-            background-color: $key-background;
-        }
-    }
-}
-
-// Typography
-.keyboard {
-    .keys-container {
-        &.key-layout {
-            font-size: $normal-font-size;
-            font-weight: 700;
-            letter-spacing: $normal-letter-spacing;
-            line-height: $normal-line-height;
-
-            .rounded-border-container {
-                .key-row:last-child {
-                    font-size: $small-font-size;
-                    font-weight: 600;
-                    letter-spacing: $small-letter-spacing;
-                    line-height: $small-line-height;
-                }
-            }
-        }
-
-        &.side-bar {
-            font-size: $small-font-size;
-            font-weight: 600;
-            letter-spacing: $small-letter-spacing;
-            line-height: $small-line-height;
-        }
-    }
-}
+// Colors
+$key-background: rgb(255, 255, 255);
+$focus-background: rgb(255, 255, 255, 0.1);
+$keyboard-background: rgba(31, 31, 31, 0.9);
+$keyboard-background-over: rgba(31, 31, 31, 0.9);
+$dark-background: rgba(97, 98, 100, 0.8);
+$medium-background: rgba(97, 98, 100, 0.6);
+$light-background: rgba(97, 98, 100, 0.3);
+
+.keyboard {
+    background-color: $keyboard-background;
+
+    .keyboard-wrapper {
+        background-color: $keyboard-background-over;
+    }
+
+    .key-layout,
+    .side-bar.controls {
+        .rounded-border-container {
+            background-color: $light-background;
+        }
+    }
+
+    .key {
+        &.key-abc,
+        &.key-special {
+            background-color: $medium-background;
+            
+            &.active {
+                background-color: $light-background;
+            }
+        }
+
+        &.key-language {
+            background-color: $light-background;
+        }
+
+        &.key-space {
+            background-color: $dark-background;
+        }
+
+        &:focus {
+            .key-background {
+                background-color: $focus-background;
+                border-color: $key-background;
+            }
+        }
+
+        .key-mask-icon {
+            background-color: $key-background;
+        }
+    }
+}
+
+// Typography
+.keyboard {
+    .keys-container {
+        &.key-layout {
+            font-size: $normal-font-size;
+            font-weight: 700;
+            letter-spacing: $normal-letter-spacing;
+            line-height: $normal-line-height;
+
+            .rounded-border-container {
+                .key-row:last-child {
+                    font-size: $small-font-size;
+                    font-weight: 600;
+                    letter-spacing: $small-letter-spacing;
+                    line-height: $small-line-height;
+                }
+            }
+        }
+
+        &.side-bar {
+            font-size: $small-font-size;
+            font-weight: 600;
+            letter-spacing: $small-letter-spacing;
+            line-height: $small-line-height;
+        }
+    }
+}

package/packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/whitelabel.styles.1080.scss

@@ -1,2 +1,2 @@
-@import './sizes.1080';
-@import './whitelabel';
+@import './sizes.1080';
+@import './whitelabel';

package/packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/whitelabel.styles.scss

@@ -1,2 +1,2 @@
-@import './sizes';
-@import './whitelabel';
+@import './sizes';
+@import './whitelabel';

package/packages/keyboard/src/WhitelabelKeyboard/_sizes.1080.scss

@@ -1,32 +1,32 @@
-$keyboard-padding-top: 24px;
-$keyboard-padding-bottom: 54px;
-
-$keys-container-margin: 0 12px;
-
-$side-bar-width: 176px;
-
-$key-row-height: 74px;
-
-$first-row-bottom-margin: 24px;
-
-$key-border-radius: 8px;
-$key-border-size: 2px;
-$key-padding: 18px;
-$key-height: 74px;
-$key-width: 88px;
-
-$rounded-border-container-shadow-1: 0 4px 6px 0;
-$rounded-border-container-shadow-2: 0 1px 1px 0;
-
-$key-wide-padding: 21px 18px;
-$key-wide-width: 176px;
-
-$icon-mask-size: 40px;
-
-$key-with-icon-padding: 17px 22px;
-
-$key-space-width: 528px;
-$key-space-wide-width: 609px;
-
-$focus-shadow-1: 0 1px 3px 0;
-$focus-shadow-2: 0 20px 32px 0;
+$keyboard-padding-top: 24px;
+$keyboard-padding-bottom: 54px;
+
+$keys-container-margin: 0 12px;
+
+$side-bar-width: 176px;
+
+$key-row-height: 74px;
+
+$first-row-bottom-margin: 24px;
+
+$key-border-radius: 8px;
+$key-border-size: 2px;
+$key-padding: 18px;
+$key-height: 74px;
+$key-width: 88px;
+
+$rounded-border-container-shadow-1: 0 4px 6px 0;
+$rounded-border-container-shadow-2: 0 1px 1px 0;
+
+$key-wide-padding: 21px 18px;
+$key-wide-width: 176px;
+
+$icon-mask-size: 40px;
+
+$key-with-icon-padding: 17px 22px;
+
+$key-space-width: 528px;
+$key-space-wide-width: 609px;
+
+$focus-shadow-1: 0 1px 3px 0;
+$focus-shadow-2: 0 20px 32px 0;

package/packages/keyboard/src/WhitelabelKeyboard/_sizes.scss

@@ -1,32 +1,32 @@
-$keyboard-padding-top: 16px;
-$keyboard-padding-bottom: 37px;
-
-$keys-container-margin: 0 8px;
-
-$side-bar-width: 118px;
-
-$key-row-height: 49px;
-
-$first-row-bottom-margin: 16px;
-
-$key-border-radius: 5px;
-$key-border-size: 1px;
-$key-padding: 12px;
-$key-height: 49px;
-$key-width: 58px;
-
-$rounded-border-container-shadow-1: 0 3px 4px 0;
-$rounded-border-container-shadow-2: 0 1px 1px 0;
-
-$key-wide-padding: 14px 12px;
-$key-wide-width: 116px;
-
-$icon-mask-size: 27px;
-
-$key-with-icon-padding: 11px 15px;
-
-$key-space-width: 348px;
-$key-space-wide-width: 406px;
-
-$focus-shadow-1: 0 1px 2px 0;
-$focus-shadow-2: 0 13px 21px 0;
+$keyboard-padding-top: 16px;
+$keyboard-padding-bottom: 37px;
+
+$keys-container-margin: 0 8px;
+
+$side-bar-width: 118px;
+
+$key-row-height: 49px;
+
+$first-row-bottom-margin: 16px;
+
+$key-border-radius: 5px;
+$key-border-size: 1px;
+$key-padding: 12px;
+$key-height: 49px;
+$key-width: 58px;
+
+$rounded-border-container-shadow-1: 0 3px 4px 0;
+$rounded-border-container-shadow-2: 0 1px 1px 0;
+
+$key-wide-padding: 14px 12px;
+$key-wide-width: 116px;
+
+$icon-mask-size: 27px;
+
+$key-with-icon-padding: 11px 15px;
+
+$key-space-width: 348px;
+$key-space-wide-width: 406px;
+
+$focus-shadow-1: 0 1px 2px 0;
+$focus-shadow-2: 0 13px 21px 0;

package/packages/keyboard/src/WhitelabelKeyboard/icons/arrow_left.svg

@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>System icons/onPrimary-back</title>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="arrow_back_ios-24px" transform="translate(0.000000, 0.000000)">
-            <polygon id="Path" opacity="0.87" points="0 0 40 0 40 40 0 40"></polygon>
-            <path d="M27.7,4.98333333 C26.8833333,4.16666667 25.5666667,4.16666667 24.75,4.98333333 L10.9,18.8333333 C10.25,19.4833333 10.25,20.5333333 10.9,21.1833333 L24.75,35.0333333 C25.5666667,35.85 26.8833333,35.85 27.7,35.0333333 C28.5166667,34.2166667 28.5166667,32.9 27.7,32.0833333 L15.6333333,20 L27.7166667,7.91666667 C28.5166667,7.11666667 28.5166667,5.78333333 27.7,4.98333333 Z" id="Path" fill="#FFFFFF"></path>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>System icons/onPrimary-back</title>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="arrow_back_ios-24px" transform="translate(0.000000, 0.000000)">
+            <polygon id="Path" opacity="0.87" points="0 0 40 0 40 40 0 40"></polygon>
+            <path d="M27.7,4.98333333 C26.8833333,4.16666667 25.5666667,4.16666667 24.75,4.98333333 L10.9,18.8333333 C10.25,19.4833333 10.25,20.5333333 10.9,21.1833333 L24.75,35.0333333 C25.5666667,35.85 26.8833333,35.85 27.7,35.0333333 C28.5166667,34.2166667 28.5166667,32.9 27.7,32.0833333 L15.6333333,20 L27.7166667,7.91666667 C28.5166667,7.11666667 28.5166667,5.78333333 27.7,4.98333333 Z" id="Path" fill="#FFFFFF"></path>
+        </g>
+    </g>
 </svg>

package/packages/keyboard/src/WhitelabelKeyboard/icons/arrow_right.svg

@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>System icons/onPrimary-back_rtl</title>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="arrow_forward_ios-24px" transform="translate(0.000000, 0.000000)">
-            <polygon id="Path" opacity="0.87" points="40 40 0 40 0 0 40 0"></polygon>
-            <path d="M12.3,35.0166667 C13.1166667,35.8333333 14.4333333,35.8333333 15.25,35.0166667 L29.1,21.1666667 C29.75,20.5166667 29.75,19.4666667 29.1,18.8166667 L15.25,4.96666667 C14.4333333,4.15 13.1166667,4.15 12.3,4.96666667 C11.4833333,5.78333333 11.4833333,7.1 12.3,7.91666667 L24.3666667,20 L12.2833333,32.0833333 C11.4833333,32.8833333 11.4833333,34.2166667 12.3,35.0166667 Z" id="Path" fill="#FFFFFF"></path>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>System icons/onPrimary-back_rtl</title>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="arrow_forward_ios-24px" transform="translate(0.000000, 0.000000)">
+            <polygon id="Path" opacity="0.87" points="40 40 0 40 0 0 40 0"></polygon>
+            <path d="M12.3,35.0166667 C13.1166667,35.8333333 14.4333333,35.8333333 15.25,35.0166667 L29.1,21.1666667 C29.75,20.5166667 29.75,19.4666667 29.1,18.8166667 L15.25,4.96666667 C14.4333333,4.15 13.1166667,4.15 12.3,4.96666667 C11.4833333,5.78333333 11.4833333,7.1 12.3,7.91666667 L24.3666667,20 L12.2833333,32.0833333 C11.4833333,32.8833333 11.4833333,34.2166667 12.3,35.0166667 Z" id="Path" fill="#FFFFFF"></path>
+        </g>
+    </g>
 </svg>

package/packages/keyboard/src/WhitelabelKeyboard/icons/key_backspace.svg

@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>System icons/onPrimary-Backspace</title>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="backspace-white-18dp-2" transform="translate(5.000000, 5.000000)">
-            <polygon id="Path" points="0 0 30 0 30 30 0 30"></polygon>
-            <path d="M27.5,3.75 L8.75,3.75 C7.8875,3.75 7.2125,4.1875 6.7625,4.85 L0.4625,14.3125 C0.1875,14.7375 0.1875,15.275 0.4625,15.7 L6.7625,25.15 C7.2125,25.8 7.8875,26.25 8.75,26.25 L27.5,26.25 C28.875,26.25 30,25.125 30,23.75 L30,6.25 C30,4.875 28.875,3.75 27.5,3.75 Z M22.875,20.375 C22.3875,20.8625 21.6,20.8625 21.1125,20.375 L17.5,16.7625 L13.8875,20.375 C13.4,20.8625 12.6125,20.8625 12.125,20.375 C11.6375,19.8875 11.6375,19.1 12.125,18.6125 L15.7375,15 L12.125,11.3875 C11.6375,10.9 11.6375,10.1125 12.125,9.625 C12.6125,9.1375 13.4,9.1375 13.8875,9.625 L17.5,13.2375 L21.1125,9.625 C21.6,9.1375 22.3875,9.1375 22.875,9.625 C23.3625,10.1125 23.3625,10.9 22.875,11.3875 L19.2625,15 L22.875,18.6125 C23.35,19.0875 23.35,19.8875 22.875,20.375 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>System icons/onPrimary-Backspace</title>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="backspace-white-18dp-2" transform="translate(5.000000, 5.000000)">
+            <polygon id="Path" points="0 0 30 0 30 30 0 30"></polygon>
+            <path d="M27.5,3.75 L8.75,3.75 C7.8875,3.75 7.2125,4.1875 6.7625,4.85 L0.4625,14.3125 C0.1875,14.7375 0.1875,15.275 0.4625,15.7 L6.7625,25.15 C7.2125,25.8 7.8875,26.25 8.75,26.25 L27.5,26.25 C28.875,26.25 30,25.125 30,23.75 L30,6.25 C30,4.875 28.875,3.75 27.5,3.75 Z M22.875,20.375 C22.3875,20.8625 21.6,20.8625 21.1125,20.375 L17.5,16.7625 L13.8875,20.375 C13.4,20.8625 12.6125,20.8625 12.125,20.375 C11.6375,19.8875 11.6375,19.1 12.125,18.6125 L15.7375,15 L12.125,11.3875 C11.6375,10.9 11.6375,10.1125 12.125,9.625 C12.6125,9.1375 13.4,9.1375 13.8875,9.625 L17.5,13.2375 L21.1125,9.625 C21.6,9.1375 22.3875,9.1375 22.875,9.625 C23.3625,10.1125 23.3625,10.9 22.875,11.3875 L19.2625,15 L22.875,18.6125 C23.35,19.0875 23.35,19.8875 22.875,20.375 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+        </g>
+    </g>
 </svg>

package/packages/keyboard/src/WhitelabelKeyboard/icons/key_language.svg

@@ -1,20 +1,20 @@
-<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <clipPath id="kio1mowqva">
-            <path d="M1920 0v1080H0V0h1920z"/>
-        </clipPath>
-        <clipPath id="b7gbx9lplb">
-            <path d="M168 0a8 8 0 0 1 8 8v58a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h160z"/>
-        </clipPath>
-        <clipPath id="jjict19bjc">
-            <path d="M16.65 0c9.217 0 16.683 7.467 16.683 16.667 0 9.2-7.466 16.666-16.683 16.666C7.45 33.333 0 25.867 0 16.667S7.45 0 16.65 0zm3.2 23.333h-6.367c.717 2.384 1.8 4.6 3.184 6.6 1.383-2 2.466-4.216 3.183-6.6zm-9.8 0H5.133a13.311 13.311 0 0 0 7.217 5.934c-1-1.85-1.767-3.85-2.3-5.934zm18.15 0h-4.917a26.082 26.082 0 0 1-2.3 5.934 13.383 13.383 0 0 0 7.217-5.934zm-18.8-10H3.767a13.736 13.736 0 0 0-.434 3.334c0 1.15.167 2.266.434 3.333H9.4c-.133-1.1-.233-2.2-.233-3.333 0-1.134.1-2.234.233-3.334zm11.167 0h-7.8c-.15 1.084-.267 2.2-.267 3.334 0 1.133.117 2.233.267 3.333h7.8c.15-1.1.266-2.2.266-3.333 0-1.134-.116-2.25-.266-3.334zm9 0h-5.634c.134 1.1.234 2.2.234 3.334 0 1.133-.1 2.233-.234 3.333h5.634c.266-1.067.433-2.183.433-3.333 0-1.15-.167-2.267-.433-3.334zm-8.584-9.266c1 1.85 1.767 3.85 2.3 5.933H28.2a13.383 13.383 0 0 0-7.217-5.933zm-8.633 0A13.311 13.311 0 0 0 5.133 10h4.917a26.082 26.082 0 0 1 2.3-5.933zm4.317-.667a23.478 23.478 0 0 0-3.184 6.6h6.367c-.717-2.383-1.8-4.6-3.183-6.6z"/>
-        </clipPath>
-    </defs>
-    <g clip-path="url(#kio1mowqva)" transform="translate(-388 -969)">
-        <g clip-path="url(#b7gbx9lplb)" transform="translate(320 952)">
-            <g clip-path="url(#jjict19bjc)" transform="translate(71.333 20.333)">
-                <path fill="#FFF" d="M0 0h33.333v33.333H0V0z"/>
-            </g>
-        </g>
-    </g>
-</svg>
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <clipPath id="kio1mowqva">
+            <path d="M1920 0v1080H0V0h1920z"/>
+        </clipPath>
+        <clipPath id="b7gbx9lplb">
+            <path d="M168 0a8 8 0 0 1 8 8v58a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h160z"/>
+        </clipPath>
+        <clipPath id="jjict19bjc">
+            <path d="M16.65 0c9.217 0 16.683 7.467 16.683 16.667 0 9.2-7.466 16.666-16.683 16.666C7.45 33.333 0 25.867 0 16.667S7.45 0 16.65 0zm3.2 23.333h-6.367c.717 2.384 1.8 4.6 3.184 6.6 1.383-2 2.466-4.216 3.183-6.6zm-9.8 0H5.133a13.311 13.311 0 0 0 7.217 5.934c-1-1.85-1.767-3.85-2.3-5.934zm18.15 0h-4.917a26.082 26.082 0 0 1-2.3 5.934 13.383 13.383 0 0 0 7.217-5.934zm-18.8-10H3.767a13.736 13.736 0 0 0-.434 3.334c0 1.15.167 2.266.434 3.333H9.4c-.133-1.1-.233-2.2-.233-3.333 0-1.134.1-2.234.233-3.334zm11.167 0h-7.8c-.15 1.084-.267 2.2-.267 3.334 0 1.133.117 2.233.267 3.333h7.8c.15-1.1.266-2.2.266-3.333 0-1.134-.116-2.25-.266-3.334zm9 0h-5.634c.134 1.1.234 2.2.234 3.334 0 1.133-.1 2.233-.234 3.333h5.634c.266-1.067.433-2.183.433-3.333 0-1.15-.167-2.267-.433-3.334zm-8.584-9.266c1 1.85 1.767 3.85 2.3 5.933H28.2a13.383 13.383 0 0 0-7.217-5.933zm-8.633 0A13.311 13.311 0 0 0 5.133 10h4.917a26.082 26.082 0 0 1 2.3-5.933zm4.317-.667a23.478 23.478 0 0 0-3.184 6.6h6.367c-.717-2.383-1.8-4.6-3.183-6.6z"/>
+        </clipPath>
+    </defs>
+    <g clip-path="url(#kio1mowqva)" transform="translate(-388 -969)">
+        <g clip-path="url(#b7gbx9lplb)" transform="translate(320 952)">
+            <g clip-path="url(#jjict19bjc)" transform="translate(71.333 20.333)">
+                <path fill="#FFF" d="M0 0h33.333v33.333H0V0z"/>
+            </g>
+        </g>
+    </g>
+</svg>

package/packages/keyboard/src/WhitelabelKeyboard/icons/key_shift.svg

@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>System icons/onPrimary-capslockOff</title>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Combined-Shape-2" transform="translate(-0.833333, -0.833333)">
-            <polygon id="Path" opacity="0.87" points="0.833333333 0.833333333 40.8333333 0.833333333 40.8333333 40.8333333 0.833333333 40.8333333"></polygon>
-            <path d="M19.0618475,5.70528281 L5.73838295,18.497703 C4.75642143,19.4405256 4.75350554,20.9719532 5.73187014,21.9182421 L5.91611588,22.0795991 C6.36320056,22.4337663 6.92602103,22.6298011 7.50986876,22.6298011 L14.0208325,22.6290569 L14.0208325,29.2479762 C14.0208325,30.5837821 15.144539,31.6666667 16.5307012,31.6666667 L25.1359655,31.6666667 L25.3418137,31.6586488 C26.6316891,31.5577459 27.6458342,30.5169918 27.6458342,29.2479762 L27.6458342,22.6290569 L34.1567979,22.6298011 C35.5429602,22.6298011 36.6666667,21.5469165 36.6666667,20.2111107 C36.6666667,19.5680961 36.4009689,18.9515479 35.9282837,18.497703 L22.6048192,5.70528281 C21.6254047,4.76490573 20.041262,4.76490573 19.0618475,5.70528281 Z M20.8333333,8.88260234 L31.5526242,19.1737848 L24.0603074,19.174529 L24.0603074,28.2113946 L17.6063593,28.2113946 L17.6063593,19.174529 L10.1126083,19.1737848 L20.8333333,8.88260234 Z" id="Combined-Shape" fill="#FFFFFF"></path>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>System icons/onPrimary-capslockOff</title>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Combined-Shape-2" transform="translate(-0.833333, -0.833333)">
+            <polygon id="Path" opacity="0.87" points="0.833333333 0.833333333 40.8333333 0.833333333 40.8333333 40.8333333 0.833333333 40.8333333"></polygon>
+            <path d="M19.0618475,5.70528281 L5.73838295,18.497703 C4.75642143,19.4405256 4.75350554,20.9719532 5.73187014,21.9182421 L5.91611588,22.0795991 C6.36320056,22.4337663 6.92602103,22.6298011 7.50986876,22.6298011 L14.0208325,22.6290569 L14.0208325,29.2479762 C14.0208325,30.5837821 15.144539,31.6666667 16.5307012,31.6666667 L25.1359655,31.6666667 L25.3418137,31.6586488 C26.6316891,31.5577459 27.6458342,30.5169918 27.6458342,29.2479762 L27.6458342,22.6290569 L34.1567979,22.6298011 C35.5429602,22.6298011 36.6666667,21.5469165 36.6666667,20.2111107 C36.6666667,19.5680961 36.4009689,18.9515479 35.9282837,18.497703 L22.6048192,5.70528281 C21.6254047,4.76490573 20.041262,4.76490573 19.0618475,5.70528281 Z M20.8333333,8.88260234 L31.5526242,19.1737848 L24.0603074,19.174529 L24.0603074,28.2113946 L17.6063593,28.2113946 L17.6063593,19.174529 L10.1126083,19.1737848 L20.8333333,8.88260234 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+        </g>
+    </g>
 </svg>

package/packages/keyboard/src/WhitelabelKeyboard/icons/key_shift_active.svg

@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>System icons/onPrimary-capslockOnce</title>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Combined-Shape-2" transform="translate(-0.833333, -0.833333)">
-            <polygon id="Path" opacity="0.87" points="0.833333333 0.833333333 40.8333333 0.833333333 40.8333333 40.8333333 0.833333333 40.8333333"></polygon>
-            <path d="M19.0618475,5.70528281 L5.73838295,18.497703 C4.75642143,19.4405256 4.75350554,20.9719532 5.73187014,21.9182421 L5.91611588,22.0795991 C6.36320056,22.4337663 6.92602103,22.6298011 7.50986876,22.6298011 L14.0208325,22.6290569 L14.0208325,29.2479762 C14.0208325,30.5837821 15.144539,31.6666667 16.5307012,31.6666667 L25.1359655,31.6666667 L25.3418137,31.6586488 C26.6316891,31.5577459 27.6458342,30.5169918 27.6458342,29.2479762 L27.6458342,22.6290569 L34.1567979,22.6298011 C35.5429602,22.6298011 36.6666667,21.5469165 36.6666667,20.2111107 C36.6666667,19.5680961 36.4009689,18.9515479 35.9282837,18.497703 L22.6048192,5.70528281 C21.6254047,4.76490573 20.041262,4.76490573 19.0618475,5.70528281 Z" id="Combined-Shape" fill="#FFFFFF"></path>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>System icons/onPrimary-capslockOnce</title>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Combined-Shape-2" transform="translate(-0.833333, -0.833333)">
+            <polygon id="Path" opacity="0.87" points="0.833333333 0.833333333 40.8333333 0.833333333 40.8333333 40.8333333 0.833333333 40.8333333"></polygon>
+            <path d="M19.0618475,5.70528281 L5.73838295,18.497703 C4.75642143,19.4405256 4.75350554,20.9719532 5.73187014,21.9182421 L5.91611588,22.0795991 C6.36320056,22.4337663 6.92602103,22.6298011 7.50986876,22.6298011 L14.0208325,22.6290569 L14.0208325,29.2479762 C14.0208325,30.5837821 15.144539,31.6666667 16.5307012,31.6666667 L25.1359655,31.6666667 L25.3418137,31.6586488 C26.6316891,31.5577459 27.6458342,30.5169918 27.6458342,29.2479762 L27.6458342,22.6290569 L34.1567979,22.6298011 C35.5429602,22.6298011 36.6666667,21.5469165 36.6666667,20.2111107 C36.6666667,19.5680961 36.4009689,18.9515479 35.9282837,18.497703 L22.6048192,5.70528281 C21.6254047,4.76490573 20.041262,4.76490573 19.0618475,5.70528281 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+        </g>
+    </g>
 </svg>

package/packages/keyboard/src/WhitelabelKeyboard/index.ts

@@ -1,2 +1,2 @@
-export { Keyboard } from './Keyboard';
-export type { Props } from './types';
+export { Keyboard } from './Keyboard';
+export type { Props } from './types';

package/packages/keyboard/src/WhitelabelKeyboard/layouts/arabic.ts

@@ -1,27 +1,27 @@
-/* eslint-disable no-magic-numbers */
-import { KeyMatrixCell } from '../../types';
-
-const keyboardLayout = [
-    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', ',', '.'],
-    ['ا', 'ب', 'ت', 'ث', 'ج', 'ح', 'خ', 'د', 'ذ', 'ر', 'ز', 'س'],
-    ['ش', 'ص', 'ض', 'ط', 'ظ', 'ع', 'غ', 'ف', 'ق', 'ك', 'ل', 'م'],
-    ['ن', 'ه', 'و', 'ي', 'ء', 'آ', 'إ', 'ة', 'ؤ', 'ئ', 'ى', 'أ'],
-];
-
-/* eslint-disable max-len */
-const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
-    ['', '', ...layout[0], 'backspace', 'backspace'],
-    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
-    ['special', 'special', ...layout[2], 'left', 'right'],
-    ['', '', ...layout[3], '', ''],
-    [
-        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
-        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
-];
-
-export const arabic = {
-    className: 'wide',
-    keyText: 'ابت',
-    layout: keyboardLayout,
-    makeFocusStrings,
-};
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', ',', '.'],
+    ['ا', 'ب', 'ت', 'ث', 'ج', 'ح', 'خ', 'د', 'ذ', 'ر', 'ز', 'س'],
+    ['ش', 'ص', 'ض', 'ط', 'ظ', 'ع', 'غ', 'ف', 'ق', 'ك', 'ل', 'م'],
+    ['ن', 'ه', 'و', 'ي', 'ء', 'آ', 'إ', 'ة', 'ؤ', 'ئ', 'ى', 'أ'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const arabic = {
+    className: 'wide',
+    keyText: 'ابت',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

package/packages/keyboard/src/WhitelabelKeyboard/layouts/burmese.ts

@@ -1,27 +1,27 @@
-/* eslint-disable no-magic-numbers */
-import { KeyMatrixCell } from '../../types';
-
-const keyboardLayout = [
-    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '.'],
-    ['က', 'ခ', 'ဂ', 'ဃ', 'င', 'စ', 'ဆ', 'ဇ', 'စ်', 'ည', 'ဋ'],
-    ['႒', 'ဍ', 'ဏ', 'တ', 'ထ', 'ဒ', 'ဓ', 'န', 'ပ', 'ဖ', 'ဗ'],
-    ['ဘ', 'မ', 'ယ', 'ရ', 'လ', 'ဝ', 'သ', 'ဟ', 'ဠ', 'အ', '-'],
-];
-
-/* eslint-disable max-len */
-const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
-    ['', '', ...layout[0], 'backspace', 'backspace'],
-    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
-    ['special', 'special', ...layout[2], 'left', 'right'],
-    ['', '', ...layout[3], '', ''],
-    [
-        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
-        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
-];
-
-export const burmese = {
-    className: 'wide',
-    keyText: 'ကခဂ',
-    layout: keyboardLayout,
-    makeFocusStrings,
-};
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '.'],
+    ['က', 'ခ', 'ဂ', 'ဃ', 'င', 'စ', 'ဆ', 'ဇ', 'စ်', 'ည', 'ဋ'],
+    ['႒', 'ဍ', 'ဏ', 'တ', 'ထ', 'ဒ', 'ဓ', 'န', 'ပ', 'ဖ', 'ဗ'],
+    ['ဘ', 'မ', 'ယ', 'ရ', 'လ', 'ဝ', 'သ', 'ဟ', 'ဠ', 'အ', '-'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const burmese = {
+    className: 'wide',
+    keyText: 'ကခဂ',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};