Skip to content
This repository was archived by the owner on Jul 17, 2023. It is now read-only.

Releases: istreamlabs/pebble

v1.1.0

05 Aug 22:02
Compare
Choose a tag to compare

⭐️ New

  • feat: (Text) add a mono-space font appearance option
  • feat: (Tooltip/Icon) Icon can have Tooltip
  • feat: (Modal) added notDismissable prop so that you can display Modals that can not be dismissed (e.g. Downtime maintenance notification)

🐞 Corrections

  • Properly set the height of Tabs if they contain non text elements like Badges

v1.0.0

30 Jul 17:27
2ec30cf
Compare
Choose a tag to compare

⭐️ New

  • Reusable hooks
    • useMobileLayout
    • useKeyboardEvent
    • useLockBodyScroll
    • useToast
    • useWindowSize
  • Card: width can now be set

🐞 Corrections

  • Manually editing the time in a FieldDateTime now respects the UTC offset. Now we display the UTC offset for both local and UTC times.
  • Removed word break-all from TableCell component so that words don't break to new lines mid-word. Words no wrap normally within a TableCell
  • The itemSpacing prop now correctly handles responsive options in conjunction with responsive values for the direction prop in Blocks.

🔧 Breaking Changes

  • (Block) prop rename styles to style

  • useToast import path

    import { useToast } from '@istreamplanet/pebble/dist/Hooks/
    now becomes
    import { useToast } from '@istreamplanet/pebble
  • Card margin has been removed

    The bottom margin has been removed so that consumers can have more control over layout. This may impact your layouts if you were relying on the default bottom margin to exist. There are two solutions for this:
    a. Add margin to the Card via utility className.
    <Card className="mb-5" />
    
    b. Wrap your Cards within a Block component with itemSpacing="5" like so:
    <Block direction="column" itemSpacing="5">
      <Card />
      <Card />
    </Block>
    
  • Button iconAfterText

    Previously only a single icon can be placed adjacent to a Button's text label, and you could set whether it should be before or after by passing the boolean iconAfterText.
    The iconAfterText prop now accepts the name of an icon, and the icon prop always sets the Icon that will appear before a Button's text label. This means that Icons may appear on both sides of a Button's text label.
    <Button icon="add-circle" iconAfterText>add</Button>
    now becomes
    <Button iconAfterText="add-circle">add</Button>

v0.37.0

26 Jul 00:34
Compare
Choose a tag to compare

🐛 Correction

  • Fix "clear" button on FieldDateTime input

v0.36.0

24 Jul 23:37
Compare
Choose a tag to compare

⭐️ New

  • Added basic installation, contribution and development guides
  • (ToastContainer) In order to use useToast the page must have a ToastContainer on it.
    This is automatically included in the Frame component, but if your application is not using the Frame component and/or there is a need for multiple containers ToastContainer can be used.
  • (Block) added border prop so that you can add borders
  • (Icon) download, filter icons
  • (FieldDateTime)
    • allow for empty values or invalid iso strings
    • add "clear button" functionality
    • allow calendar placement to be set by consumer popperPlacement prop

🐞 Corrections

  • (Tooltip) don't break lines mid word (keep words whole)
  • (Tooltip) don't override tooltip styles with containing element styles
  • (ButtonGroup) match the border-radius of the ButtonGroup container with the Buttons it contains so that styles like shadows and background colors look correct

v0.35.0

24 Jul 20:04
07cab96
Compare
Choose a tag to compare
Release 0.35.0

v0.34.0

15 Jul 23:38
Compare
Choose a tag to compare

⭐️ New

  • Publish docs to new bucket
  • Add component installation and usage instructions to components page

🐞Fixes

  • Close DropdownMenu when user clicks on a DropdownItem
  • Package updates

v0.33.0

15 Jul 23:37
Compare
Choose a tag to compare

⭐️ New

  • Add Text color prop to Block component
  • Add Text color prop to Heading component
  • Add Text color prop to Text component
  • Add exact prop documentation to MainMenu docs

v0.32.0

03 Jul 22:23
Compare
Choose a tag to compare

⭐️ New

  • FieldNumber component: input field for numbers only
  • DateTime component: given an UTC ISO 8601 time, display the date/time in standardized UTC, local, or both format
  • text-decoration classes

🐞 Corrections

  • Increased click target area of FieldCheckbox checkboxes
  • input prefix/suffix respect specified input size
  • fix margin 0 css classes

v0.31.0

27 Jun 21:18
ee2ee75
Compare
Choose a tag to compare
  • FieldDateTime component
  • [Icon] calendar, date-time

Corrections

  • Makes disabled && selected radio buttons appear differently than selected radio buttons

v0.30.0

20 Jun 15:50
Compare
Choose a tag to compare
  • RadioGroup - Add the ability to disable a radio
  • Icon - phone, source