Merge pull request #108 from chakra-ui/feat/input

chore: create form control and input chanegset

Author: codebender828

.changeset/bright-geese-tickle.md

@@ -0,0 +1,37 @@
+---
+"@chakra-ui/c-accordion": minor
+"@chakra-ui/c-alert": minor
+"@chakra-ui/c-breadcrumb": minor
+"@chakra-ui/c-button": minor
+"@chakra-ui/c-close-button": minor
+"@chakra-ui/c-code": minor
+"@chakra-ui/c-color-mode": minor
+"@chakra-ui/c-flex": minor
+"@chakra-ui/c-focus-lock": minor
+"@chakra-ui/c-form-control": minor
+"@chakra-ui/c-icon": minor
+"@chakra-ui/c-input": minor
+"@chakra-ui/c-modal": minor
+"@chakra-ui/c-motion": minor
+"@chakra-ui/c-popper": minor
+"@chakra-ui/c-portal": minor
+"@chakra-ui/c-reset": minor
+"@chakra-ui/c-scroll-lock": minor
+"@chakra-ui/c-spinner": minor
+"@chakra-ui/c-theme-provider": minor
+"@chakra-ui/c-visually-hidden": minor
+"@chakra-ui/vue-next": minor
+"@chakra-ui/vue-layout": minor
+"@chakra-ui/nuxt-next": minor
+"@chakra-ui/vue-system": minor
+"@chakra-ui/vue-test-utils": minor
+"@chakra-ui/vue-theme": minor
+"@chakra-ui/vue-theme-tools": minor
+"@chakra-ui/vue-utils": minor
+"@chakra-ui/vue-a11y": minor
+"@chakra-ui/vue-composables": minor
+"@chakra-ui/vue-auto-import": minor
+"@chakra-ui/vue-docs": minor
+---
+
+Create form control and input components

packages/system/src/chakra.ts

@@ -19,8 +19,8 @@ import {
   SystemStyleObject,
 } from "@chakra-ui/styled-system"
 
-import { cx, isFunction, isObject, memoizedGet as get } from "@chakra-ui/utils"
-import { css as _css, CSSObject } from "@emotion/css"
+import { isFunction, isObject, memoizedGet as get } from "@chakra-ui/utils"
+import { cx, css as _css, CSSObject } from "@emotion/css"
 import { extractStyleAttrs } from "./system.attrs"
 import { domElements, DOMElements } from "./system.utils"
 import { useTheme } from "./composables/use-chakra"
@@ -237,7 +237,7 @@ export const chakra: IChakraFactory = (tag, options = {}): DefineComponent => {
         return h(
           (componentOrTag as any) || props.as,
           {
-            class: cx(inheritedClass, _componentName, className),
+            class: cx(inheritedClass as string, _componentName, className),
             ...elementAttributes,
             ...(!props.__chakraIsRaw &&
               handleValueChange &&

yarn.lock

@@ -6185,20 +6185,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0:
-  version "1.0.30001230"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz"
-  integrity sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==
-
-caniuse-lite@^1.0.30001219:
-  version "1.0.30001221"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001221.tgz"
-  integrity sha512-b9TOZfND3uGSLjMOrLh8XxSQ41x8mX+9MLJYDM4AAHLfaZHttrLNPrScWjVnBITRZbY5sPpCt7X85n7VSLZ+/g==
-
-caniuse-lite@^1.0.30001251:
-  version "1.0.30001252"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001252.tgz#cb16e4e3dafe948fc4a9bb3307aea054b912019a"
-  integrity sha512-I56jhWDGMtdILQORdusxBOH+Nl/KgQSdDmpJezYddnAkVOmnoU8zwjTV9xAjMIYxr0iPreEAVylCGcmHCjfaOw==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001219, caniuse-lite@^1.0.30001251:
+  version "1.0.30001291"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001291.tgz"
+  integrity sha512-roMV5V0HNGgJ88s42eE70sstqGW/gwFndosYrikHthw98N5tLnOTxFqMLQjZVRxTWFlJ4rn+MsgXrR7MDPY4jA==
 
 capital-case@^1.0.4:
   version "1.0.4"