Skip to content

Latest commit

 

History

History
389 lines (257 loc) · 9.98 KB

CHANGELOG.md

File metadata and controls

389 lines (257 loc) · 9.98 KB

@hrc/input

1.2.2

Patch Changes

  • Set engines field of package.json correctly (4720d74)

  • Updated dependencies [6dc471b]:

    • @hrc/type-utils@1.1.4

1.2.1

Patch Changes

  • 9e05954: Set correct text color of <Input /> when disabled

    Bug introduced by 9415484

1.2.0

Minor Changes

  • 40e34c5: Add css variables to handle flexbox layout of <Label />:

    • --label-justify
    • --label-gap

Patch Changes

  • 785d25a: Update package description
  • Updated dependencies [785d25a]
    • @hrc/type-utils@1.1.3

1.1.0

Minor Changes

  • 8ef351d: Add css variable to set font family of <Input />
  • bb81bae: Allow font family inheritance of internal <Label /> by default
  • 556b68e: Add css variable to set font family of <Textarea />

Patch Changes

  • 4acc0c3: Use checked prop with controlled <Radio />

1.0.0

This release contains backwards-incompatible changes. To avoid picking up releases like this, you should set a exact version or use a version range syntax that only accepts patch upgrades, i.e. ^0.9.0 or ~0.9.0, in your package.json

Major Changes

  • dfaa1d1: First stable release.

    • Updated package keywords

Minor Changes

  • 3ec43d1: Renamed classname for error state of <Input />.

    Migrating

    • .input--error -> .input--with-error

    Why?

    This change will avoid conflicts with the future .input-error class that will be used in color variants.

  • a3c8b44: Add <Radio /> component

  • 490d90b: Add color variants for <Textarea />

  • cc0b01c: Rename css variables to set checked colors of <Checkbox />

    Migrating

    .my-checkbox {
- --checkbox-checked-color: var(--color-primary);
+ --checkbox-color-checked: var(--color-primary);
}

    Why?

    It's more consistent to use the same prefix for set colors.

  • ec7912f: Rename classname for error state of <Textarea />.

    Migrating

    • .textarea--error -> .textarea--with-error

    Why?

    This change will avoid conflicts with the future .textarea--error class that will be used in color variants.

  • b39638b: Use same padding for <Input /> and <Textarea />

  • 1f34b51: Add color variants for <Input />

  • c8e603b: Add cursor: pointer to <Checkbox />

  • 5b4b978: Add <RadioGroup /> component

  • badca28: Add color variants for internal <Label /> component

  • b3d7284: Set cursor: text to wrapper in <Input />

Patch Changes

  • 4b9d648: Disable pointer events of <Label /> when disabled

0.9.1

Patch Changes

  • cc824e0: Generate declaration files in the same folder of its js files

0.9.0

Minor Changes

  • e8348ed: Add @types/react to peer dependencies
  • 62693bf: Remove width and height css rules from <Checkbox />
  • b20f2fa: Set box-sizing to <Checkbox />

Patch Changes

  • Updated dependencies [043a4d4]
    • @hrc/type-utils@1.1.2

0.8.1

Patch Changes

  • f67ca70: Update repo url
  • Updated dependencies [f67ca70]
    • @hrc/type-utils@1.1.1

0.8.0

This release contains backwards-incompatible changes. To avoid picking up releases like this, you should set a exact version or use a version range syntax that only accepts patch upgrades, i.e. ^0.7.0 or ~0.7.0, in your package.json

Minor Changes

  • 91798d8: Add css variables for change text color when disabled:

    • --input-text-disabled
    • --textarea-text-disabled

  • 97e71b3: Spread rest of props before set necessary props

  • cbb5776: Rename css class selectors used by checkbox component

    Migrating

    If you were using css selectors, you should rename them as follows:

    • .chekbox-wrapper -> .checkbox
    • .checkbox-wrapper--disabled -> .checkbox--disabled
    • .checkbox-wrapper--primary -> .checkbox--primary
    • .checkbox-wrapper--secondary -> .checkbox--secondary
    • .checkbox-wrapper--error -> .checkbox--error
    • .checkbox-wrapper--info -> .checkbox--info
    • .checkbox-wrapper--warning -> .checkbox--warning
    • .checkbox-wrapper--success -> .checkbox--success
    • .checkbox-wrapper--small -> .checkbox--small
    • .checkbox-wrapper--large -> .checkbox--large
    • .checkbox-wrapper > input -> .checkbox__inner
    • .checkbox-wrapper > .checkbox -> .checkbox__icon

  • 3d6e243: Handle svg icons for input component

  • 8af444c: Set pointer events none for input and checkbox when disabled

  • e8c1feb: Set full width to inner input of input component

  • a8db43b: Rename class selector of input wrapper

    Migrating

    If you were using css selectors, you should rename them as follows:

    • .input-wapper -> .input
    • .input-wrapper--error -> .input--error
    • .input-wrapper--disabled -> .input--disabled
    • .input-wrapper--small -> .input--small
    • .input-wrapper--fullwidth -> .input--fullwidth
    • .input-wrapper > input -> .input__inner

  • fea264c: Handle svg icons color for <Input />

  • da1d234: Use Size and Color types from @hdoc-react/type-utils

  • 25021e1: Add prop autosize to <Textarea />

Patch Changes

  • 9d99787: Show required symbol only when the label is set

    This will prevent from showing undefined * when required is set but no label is set

  • Updated dependencies [f431f53]

  • Updated dependencies [5aac604]

    • @hdoc-react/type-utils@1.1.0

0.7.1

Patch Changes

  • Updated dependencies [7e2bf19]
    • @hdoc-react/type-utils@1.0.1

0.7.0

Minor Changes

  • cd02bc3: Replace dependency type-fest by @hdoc-react/type-utils

Patch Changes

  • fa6906b: Prevent input from take wrong hover styles when it is error variant
  • Updated dependencies [fcaf74b]
    • @hdoc-react/type-utils@1.0.0

0.6.0

This release contains backwards-incompatible changes. To avoid picking up releases like this, you should set a exact version or use a version range syntax that only accepts patch upgrades, i.e. ^0.5.0 or ~0.5.0, in your package.json

Minor Changes

  • 9def6d9: Add <Checkbox /> component

  • 9b487bc: Use independent classes for <Textarea /> component

    Migrating

    • If you were using css selectors, you should rename them as follows:
      • .input--textarea -> .textarea
      • .input-wrapper--error -> .textarea--error
      • .input-wrapper--fullwidth -> .textarea--fullwidth
    • The following selectors were removed:
      • .input--textarea
      • .input-wrapper--textarea
      • .input-wrapper--textarea--error
      • .input-wrapper--textarea--fullwidth
    • The following css custom properties were added:
      • --textarea-bg
      • --textarea-bg-disabled
      • --textarea-radius
      • --textarea-padding
      • --textarea-border-color
      • --textarea-border-color-hover
      • --textarea-border-color-focus
      • --textarea-border-color-disabled
      • --textarea-font-size
      • --textarea-font-weight
      • --textarea-text

  • b12cf3e: Use independent classes for <Input /> component

    Migrating

    • If you were using css selectors, you should rename them as follows:
      • .input to .input-wrapper > input
      • .input-label to .label
      • .input-helper to .helper-text
    • The following css custom properties were removed:
      • --label-text-hover
    • The following css custom properties were renamed:
      • --input-helper-text to --helper-text-color

Patch Changes

  • 323fc85: Prevent input to take hover styles when focus
  • adb088d: Use correct classname for disabled variant of input component

0.5.1

Patch Changes

  • de9c24b: Add missing package keywords

0.5.0

This release contains backwards-incompatible changes. To avoid picking up releases like this, you should set a exact version or use a version range syntax that only accepts patch upgrades, i.e. ^0.4.0 or ~0.4.0, in your package.json

Minor Changes

  • 49d9902: Changed way of handling icons

    • <Input /> affected props:
      • iconStart -> type: ReactNode
      • iconEnd -> type: ReactNode
      • removed iconVariant

    Migrating

    1. Change values of iconStart and iconEnd from string to ReactNode.
    2. Remove every iconVariant
    + import { LockIcon } from `third-party-package`;

function App() {
  return (
    <>
-     <Input placeholder="Password" iconStart="lock" />
+     <Input placeholder="Password" iconStart={<LockIcon />} />
    </>
  );
}

  • bade734: Add more css custom properties for input, label and textarea:

    • --input-gap
    • --input-radius
    • --input-padding
    • --input-font-size
    • --label-font-size
    • --textarea-padding

0.4.0

Minor Changes

  • 24fb0a9: Add css custom properties for change font family and font weight:

    • --input-font-weight
    • --label-font-family
    • --label-font-weight

  • 57a7f1b: Auto resize <Textarea /> component to fit its content

  • 0c98cbe: Use colors from @mono/ui

  • 09dab8b: Add an asterisk char to label when input is required

  • 2fb6172: Add <Textarea /> component

  • 8a4b8f9: Remove css rules for handle colors of icons

Patch Changes

  • Updated dependencies [eb576d8]
  • Updated dependencies [baa67cc]
    • @hdoc/react-material-icons@1.6.0

0.3.2

Patch Changes

  • e6436e0: Remove optional use of some peer dependencies:

    • @hdoc/react-material-icons
    • @material-design-icons/font

    These will be used as normal peer dependencies.

0.3.1

Patch Changes

  • Updated dependencies [44d7bff]
    • @hdoc/react-material-icons@1.5.0

0.3.0

Minor Changes

  • 666bf69: Use exact version of @hdoc/react-material-icons

0.2.0

Minor Changes

  • a94c70e: Use clsx as dependency

  • 58c6a5d: Set some peer dependencies as optional:

    • @hdoc/react-material-icons
    • @material-design-icons/font

Patch Changes

  • 06358ff: Correct package directory

0.1.0

Minor Changes

  • 4da2898: Initial beta release