2020-07-27

@orbit/icons [patch]

• Removed fill from PrinterIcon32 paths.
• Added privacy32Icon in the chromatic test.
• Removed problematic fill in IconVideo.
• Removed problematic fill in IconMusic.

2020-07-02

• @orbit-ui/react-components => 11.0.1
• @orbit-ui/react => 13.0.1

@orbit-ui/react-components [patch]

DatePickers [patch]

• Fixed icon that was not following our guidelines

2020-06-29

@orbit/icons [breaking]

#380

• Added a Dash Icon.
• Added a CheckCircle icon.
• Added a Slash icon.
• Added a Setting icon.
• Added an GuestAdd icon.
• Added a GuestRemove icon.
• Renamed Arrow to Chevron.
• Renamed Close to Cross.
• Renamed Reminder to EmailReminder.
• Renamed Communication to Email.
• Renamed AddUser to to UserAdd.
• Renamed RemoveUser to to UserRemove.
• Renamed Garbage to Trash.
• Renamed Variation to Carret.
• Deprecated Sorting use a rotated Arrow.
• Deprecated Compare use Sort.
• Added a bunch of 24px variation of icons, this should'nt affect you if you use the Icon component.

@orbit-ui/react-components [major]

• Updated @orbit/icons

@orbit-ui/semantic-ui-theme [patch]

Theme [patch]

• Refered to new icon names where needed in the theme.

2020-06-18

• @orbit-ui/react-components: 10.0.0 => 10.0.1
• @orbit-ui/semantic-ui-theme: 7.0.0 => 7.0.1
• @orbit-ui/react: 12.0.0 => 12.0.1

@orbit-ui/react-components [patch]

DatePickers [patch]

• Fix intermittent unwanted previous month transition when opening #382

@orbit-ui/semantic-ui-theme [patch]

Theme [patch]

• All texts defaults to marine 500, all texts now defaults to marine500. #364

Dropdown [patch]

• Inline loading loaders were off centered, especially at small sizes, this is resolved.

2020-06-17

• @orbit-ui/foundation: 3.0.2 => 4.0.0
• @orbit-ui/icons: 6.0.1 => 6.1.0
• @orbit-ui/react-components: 9.0.0 => 10.0.0
• @orbit-ui/semantic-ui-theme: 6.3.0 => 7.0.0
• @orbit-ui/tachyons: 4.0.0 => 4.1.0
• @orbit-ui/react: 11.0.0 => 12.0.0

@orbit-ui/react-components [breaking]

Popper [new]

• This component is a wrapper on top of PopperJs to make components that pop things. #110

Popup [deprecated]

• Use the <Popper /> component instead. #110

DatePickers [breaking]

• Now using the <Popper /> component instead of <Popup /> #110
• position and offset have been replaced by upward and direction
• zIndex prop is now a number instead of a string #110
• Handlers no longer provide the props as the last argument.

SearchInput [breaking]

• Renamed useDefaultResultsFetcher to withDefaultResultsFetcher to avoid confusion with React hooks naming convention.
• Handlers no longer provide the props as the last argument.
• Added an input prop for TextInput shorthand.
• Fix loading indicator issue when pressing backspace #378

MultiSelect [breaking]

• Renamed for TagsPicker
• Handlers no longer provide the props as the last argument.
• searchInput prop is now a TextInput shorthand.

TextInput & NumberInput [breaking]

• className now render on the actual input instead of the wrapper. To render a class on the wrapper, you should now use the new wrapperClassName prop.
• Added wrapperStyle prop.
• Fixed an issue where an input in error would apply a transparent background instead of a white one.

DropdownMenu [breaking] - Renamed to Dropdown (sorry)

• className now render on the actual select instead of the wrapper. To render a class on the wrapper, you should now use the new wrapperClassName prop.
• Added wrapperStyle prop.
• DropdownMenu.Item shouldn't be use anymore, use DropdownMenu.LinkItem or DropdownMenu.ButtonItem instead.

Select [breaking]

• className now render on the actual select instead of the wrapper. To render a class on the wrapper, you should now use the new wrapperClassName prop.
• Added wrapperStyle prop.
• Support for actions have been removed. As far as we know it wasn't used by any apps and the designers will not add them future designs.

@orbit-ui/semantic-ui-theme [breaking]

Foundations [minor]

• Cloud 50 was too light, it's now #F0F1F3. 377

Icons [minor]

• Updated both the close 24 and 32 icon in order to have them take more space. This might impact the look of some of your features. Keep an eye open.

Label [minor]

• When no text is present in a label the icon size is using a more sensitive sizing chart. tl;dr the icon is bigger.

Checkbox [minor]

• Added focus and active states to all of the checkbox 189

Select [minor]

• Added focus and active states to all of the selects. 189
• Added a differentiation between an hovered item and selected via keyboard style.
• Transparent Select is now following it's own sizing scale, making it similar to a dropdown menu.

Button [Breaking]

• Added focus and active states to all of the buttons. 189
• Added a new button size in order to accommodate cases where buttons were the same size of their parent. This is for internal use only.
• When no text is present in a button the icon size is using a more sensitive sizing chart. tl;dr the icon is bigger.
• There was inconsistencies between a Button and a Link Button, Link Button now follows the Button color logic. Default is marine, Primary is colored(from default), secondary is lighter. Basic is no more, use default instead.

Foundations [Breaking]

• Pseudo hover class was not following the philosophy of Atomic CSS. We fixed it by splitting the pseudo hover and focus class. Giving more granular control to the user. e.g. hover-white is now only modifying the hover state of an element, if you need, and should, a focus state please use focus-white. Focus and hover should be different as they are a different state. Please refer to the guidelines provided when in doubt.

2020-04-22

Changes:

• @orbit-ui/react-components: 8.2.0 => 9.0.0
• @orbit-ui/semantic-ui-theme: 6.2.0 => 6.3.0
• @orbit-ui/react: 10.0.0 => 11.0.0

@orbit-ui/react-components [breaking]

Input [deprecated]

• Use <TextInput /> instead for all your existing <Input /> components.

TextInput [new]

• New input component that support text, password and email types.

NumberInput [new]

• New input component for numbers. Use this component instead of <Input type="number />.

MultiSelect [patch]

• Fixed Multi-Select items padding between the remove button and the right corner of the label.

DropdownMenu [new]

• New menu component. Use this component instead of Dropdown />.

@orbit-ui/semantic-ui-theme [minor]

Date Picker [minor]

• Fixed a bug where large date picker text was too long in some date choice. #308

Checkbox [minor]

• Fixed a bug where the spacing between a medium checkbox was bigger than on a large. They all have a 8px margin now. #308.

Label [minor]

• Fixed a bug where a label containing an avatar or icon was not following our padding scale #306.
• Fixed a bug where a label text was wrapping when too long. #307

Select [minor]

• Fixed a bug where loading state was not rendering correctly in inline selects. #325.
• Added a transparent property which removes a Select border and left padding, this is similar to a transparent input. #323

Button [minor]

• Fixed a bug where a button rendered as a link was not showing correctly in Safari. #327

2020-04-06

Changes:

• @orbit-ui/react-components: 8.1.0 => 8.2.0
• @orbit-ui/semantic-ui-theme: 6.1.0 => 6.2.0
• @orbit-ui/react: 9.0.0 => 10.0.0

Dependencies

• Removed react-spring dependency.

Styling

• All Orbit UI custom CSS classes now starts with the prefix .o-ui

@orbit-ui/react-components [minor]

Select [minor]

• Select was not closing when selecting an item with the enter key. This is fixed.
• When selecting an item having an avatar or icons, the item avatar or icons will be displayed in the selected value instead of displaying only the item text. #277

Date Picker [minor]

• When opened, the calendar now has a border. #207

Count [new]

• New component to associate a quantity with a text or a component. #280

Checkbox [minor]

• Added the prop count to provide a <Count /> component. #280

@orbit-ui/semantic-ui-theme [minor]

Button [minor]

• When a tag is inside a disabled button it is now loosing some of it's opacity (40%). #289
• Horizontal padding is now following input and dropdown's logic. #293 While non breaking this could shorter some buttons and requiring to remove the compact property to follow your design

Label [minor]

• Button in Labels are now following a logical scale. #256
• Horizontal padding is now following input and dropdown's logic. #293
• Some labels were not using an approved font-size, looking at you big label, this is now fixed. #191

Select [minor]

• In certain situations when a dropdown was open near a select containing an icon that icon was showing over the opened select, this is now fixed. #284
• When opened, the dropdown now keeps a border. #207

Input [minor]

• Removed Microsoft Edge "x" button suppport since we support clearable inputs anyway. 302

2020-03-31

Changes:

• @orbit-ui/react-components: 8.0.0 => 8.1.0
• @orbit-ui/semantic-ui-theme: 6.0.0 => 6.1.0
• @orbit-ui/tachyons: 3.0.4 => 4.0.0
• @orbit-ui/react: 8.0.0 => 9.0.0

Dependencies

• We moved from styled-jsx to basic CSS stylesheet for custom styling. The dependency to styled-jsx have been removed. #146
• Removed classnames dependency.

@orbit-ui/semantic-ui-theme [minor]

Button

• A button now render as inline-flex instead of flex.
• Added theming for link button. #239

Input

• Input element follows a new padding scale (small : 16, medium: 20, large: 24). #196
• Input element containing an icon or button follows a new padding scale based on the icon/button size. #196
• Input font size is now incremental s: 14, m: 16, l: 18. #196

Select

• Select element follows a new padding scale (small : 16, medium: 20, large: 24). #271
• Select font size is now incremental s: 14, m: 16, l: 18. #271
• Indeterminate square size is now proportional to it's parent. #285
• Fixed an alignment issue with Indeterminate checkbox when not default size. #285
• Fixed an alignment issue with radio button. #286
• Fixed a bug where Multiple values select expand to infinite instead of wrapping #286

@orbit-ui/react-components [minor]

Button [minor]

• Added support for link button. #239

@orbit-ui/tachyons [breaking]

• Removed links.css module since it's conflicting with Semantic UI theme. #239
• Added auto selectors for paddings and margins #146
• Added shadows on hover and focus #295

2020-03-26

This release is special since all the standalone React components packages are not available anymore. The React components are now only distributed through a single packages @orbit-ui/react-components.

@orbit-ui/react [breaking]

• Added form.css to css bundle #235

@orbit-ui/semantic-ui-theme [breaking]

• Fix selection dropdown input left padding to be aligned with the items content.
• Reset dropdown item image margin-right to 0.5rem.

@orbit-ui/react-components [breaking]

Dropdown [breaking]

• Extracted the selection variants to the new react-select component.
• Added support for description in a dropdown item (https://react.semantic-ui.com/modules/dropdown/).
• Dropdown now open on enter keypress #237.
• Added support for basic Dropdown menu. #241

Select [new]

• Use <Select /> instead of <Dropdown selection /> and <Dropdown inline />.
• Select actions are now a possibility.
• Select error state was broken, a border has been added to the whole box.
• A select item doesn't support the image prop anymore use avatar instead (not flag as breaking since it was not used). #199
• A select item doesn't support the icon prop anymore, use icons instead (not flag as breaking since it was not used).
• A select item doesn't support content prop anymore (not flag as breaking since it was not used).
• Added a focus state to inline select.
• Inline select font size is relative to its parent.
• Added support for loading (standard select only).
• Icon in a select item are now vertically aligned.
• Clearable select X icon was too big, this is now a thing of the past.
• Added support for multiple values select

Date-picker [minor]

• Non fluid date pickers container are now inline-block instead of inline-flex.
• Fluid date pickers container now have a width of 100%.
• <DateRangePicker and SingleDatePicker now render a readonly "@orbit-ui/react-input" component instead of rendering is own custom readonly input. #175
• Added support for style prop.

Search-input [minor]

• Non fluid search-inputs container are now inline-block instead of inline-flex.
• Fluid search-inputs container now have a width of 100%.
• Input clear button is using the new button prop instead of rendering a custom clear button.
• Added support for style prop.

Tooltip [new]

• Added <Tooltip /> HOC. Use this component instead of <Popup /> from "semantic-ui-react".

Popup [minor]

• Added support for style prop.

Input [minor]

• Added a button prop to the input component. #175

Checkbox, Toggle and Radio [new]

• Added the <Checkbox />, <Toggle /> and <Radio /> components. Use these components instead of SUI <Checkbox /> component. #267 #270 #251 #252 #250 #273 #249
• To set the text associated to a checkbox, toggle or radio, use the property text instead of label,
• The text property now only support string content. For rich content, use the managed properties icon and label instead.

Button [patch]

• Button in loading now hide label or tag #262

Multi-select [minor]

• Added support for style prop.

2020-03-13

Patch release to remove the icons wrapper check which breaks when Apricot JavaScript code is optimized for production.

• @orbit-ui/react-components: 7.0.1 => 7.0.2
• @orbit-ui/react: 7.0.1 => 7.0.2
• @orbit-ui/react-button: 2.2.2 => 2.2.3
• @orbit-ui/react-date-picker: 5.2.2 => 5.2.3
• @orbit-ui/react-icons: 2.0.1 => 2.0.2
• @orbit-ui/react-input: 1.2.2 => 1.2.3
• @orbit-ui/react-label: 2.2.2 => 2.2.3
• @orbit-ui/react-multi-select: 3.2.2 => 3.2.3
• @orbit-ui/react-search-input: 3.2.2 => 3.2.3