feat: add new keyboard layouts, fix KeyboardInput sizing bug (#36)

* feat: extract keyboard logic to KeyboardBase component * chore: add keyboard formats file * feat: update Keyboard simple to import KeyboardBase and pass the simple format * feat: add discrete KeyboardEmail and KeyboardQwerty components * feat: update KeyboardInput to leverage KeyboardQwerty component * fix(Input): remove flex rules to fix sizing Co-authored-by: Carolyn Moneymaker <[email protected]>
rdkcentral · Aug 21, 2024 · 2aff0f6 · 2aff0f6
1 parent 42dfbf1
commit 2aff0f6
Show file tree

Hide file tree

Showing 20 changed files with 1,554 additions and 1,204 deletions.
diff --git a/packages/solid/components/Input/Input.styles.ts b/packages/solid/components/Input/Input.styles.ts
@@ -34,8 +34,6 @@ const container: InputConfig = {
     // TODO clew uses strokeWidth, but we currently don't account for nested properties (border.width)
     width: getWidthByUpCount(4),
     height: 100,
-    display: 'flex',
-    flexDirection: 'column',
     padding: [theme.spacer.xxxl, theme.spacer.xl],
     color: theme.color.interactiveNeutral,
     contentColor: theme.color.fillInverse,

diff --git a/packages/solid/components/Input/Input.types.ts b/packages/solid/components/Input/Input.types.ts
@@ -12,7 +12,7 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- * 
+ *
  * SPDX-License-Identifier: Apache-2.0
  */