This repository was archived by the owner on Jul 17, 2023. It is now read-only.
Releases: istreamlabs/pebble
Releases · istreamlabs/pebble
v1.1.0
⭐️ 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
⭐️ 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 thedirection
prop in Blocks.
🔧 Breaking Changes
-
(Block) prop rename
styles
tostyle
-
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.b. Wrap your Cards within a Block component with<Card className="mb-5" />
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 booleaniconAfterText
.
TheiconAfterText
prop now accepts the name of an icon, and theicon
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
🐛 Correction
- Fix "clear" button on FieldDateTime input
v0.36.0
⭐️ 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 theFrame
component, but if your application is not using theFrame
component and/or there is a need for multiple containersToastContainer
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
Release 0.35.0
v0.34.0
⭐️ 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
⭐️ 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
⭐️ 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
- FieldDateTime component
- [Icon] calendar, date-time
Corrections
- Makes disabled && selected radio buttons appear differently than selected radio buttons
v0.30.0
- RadioGroup - Add the ability to disable a radio
- Icon - phone, source