This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.
Tag component's close button element is now a HTML Button Element.
Accordion component is broken down into AccordionHeader and
AccordionPanel components internally (similar structure to Tabs), which
are composed in the main Accordion component. The visible Accordion
Headers are now HTML Buttons inside h4 tags.
Fixed an issue with Test runner not able to recognize storybook story types
for the Accordion, Stack, Tabs and Tags components.
Fixed minor issues with types for Tabs and BaseButton.
For Contributors: Changed prop content to children for TabPanel (Tabs
component internals not exposed outside).
Styling issue with Segmented Button Groups having Buttons with the url
prop.
Added missing tabIndex to Button component.
Removed React.FC as type from components.
Added **/*.mock.tsx to excludes in tsconfig.json.
ADDED:
Components:
Button: disclosure and connectedDisclosure prop added to the
Button component. Allows buttons to act like Popover triggers
efficiently.
Breadcrumbs: Breadcrumbs used in the Page component.
ActionList: A collection of Actions triggered by a click or
keypress that can be used as a Popover.
ResourceItem: An item that is part of a larger list of Resources,
such as Products, Contacts or Orders. Provides contextual information
and links to the specific Resource Item page.
ResourceList: A collection consisting of multiple
ResourceItem of the same type, e.g. Contacts, Products or Orders.
Popover: An element that takes in a trigger component which can be
triggered to show and hide a collection of actions, list items,
resources, etc.
Text: Single component that covers all Typography needs from
headings to paragraphs and their styling.
Tooltip: Tooltip that shows on hover over another component.
Pagination: A Pagination component has been built separately. This
replaces the DataGrid component's pagination. Also used by the
Page component's PageHeader sub-component internally.
Utility Functions & Hooks:
useOffsetPosition - React hook that takes in a htmlRef,
offsetX (optional) and offsetY (optional) arguments and returns the
htmlRef, top and left offsets that can then be re-used to set a
absolute positioned component accurately. For e.g. Portal elements
like a Popover, Tooltip or Toast.
useAnimation - React hook that returns a collection of Animation
presets that can be used. Currently supports: fadeIn, fillX, fillY
DOM-utils - A collection of utility functions that help get DOM
information to better shape user experience.
Prevented Storybook from being web crawled: Included a noindex meta
tag, to the manager-head.html file in config/.storybook.
Added Storybook publish to Github pages.
UPDATED:
Components:
Added Keyboard Accessibility for the Tabs component in accordance
to WAI-ARIA.
Page: The Page component which simply had a placeholder has
now been built into a reusable, extremely versatile component to
standardize Pages of apps built with Ursa.
Card: The Card component has been redone. The old card Component
is now renamed as the new ResourceItem component.
Started moving CSS styles in @emotion/styled components to
Object Styles for intellisense
and reusability.
DataGrid: The old ActionButtons sub-component has been redone as
ActionBar and takes in the controller in addition to the props that
ActionButtons used to take.
Tests:
Button, ButtonGroup, `
NEW PROJECT:
ursa-emotional is a new animation library project that has been
started. The aim is to create a convenient animation library using
Emotion.js for re-use.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.
Releases
@zenius-one/ursa@0.5.0
Minor Changes
#13
e1cb6f1Thanks @jayantasamaddar! - - FIXED:Tagcomponent's close button element is now a HTML Button Element.Accordioncomponent is broken down intoAccordionHeaderandAccordionPanelcomponents internally (similar structure to Tabs), which are composed in the mainAccordioncomponent. The visible Accordion Headers are now HTML Buttons insideh4tags.Fixed an issue with Test runner not able to recognize storybook story types for the
Accordion,Stack,TabsandTagscomponents.Fixed minor issues with types for
TabsandBaseButton.For Contributors: Changed prop
contenttochildrenforTabPanel(Tabs component internals not exposed outside).Styling issue with Segmented Button Groups having Buttons with the
urlprop.Added missing
tabIndextoButtoncomponent.Removed
React.FCas type from components.Added
**/*.mock.tsxto excludes intsconfig.json.ADDED:
Components:
Button:disclosureandconnectedDisclosureprop added to the Button component. Allows buttons to act likePopovertriggers efficiently.Breadcrumbs: Breadcrumbs used in thePagecomponent.ActionList: A collection of Actions triggered by a click or keypress that can be used as a Popover.ResourceItem: An item that is part of a larger list of Resources, such as Products, Contacts or Orders. Provides contextual information and links to the specific Resource Item page.ResourceList: A collection consisting of multipleResourceItemof the same type, e.g. Contacts, Products or Orders.Popover: An element that takes in a trigger component which can be triggered to show and hide a collection of actions, list items, resources, etc.Text: Single component that covers all Typography needs from headings to paragraphs and their styling.Tooltip: Tooltip that shows on hover over another component.Pagination: A Pagination component has been built separately. This replaces theDataGridcomponent's pagination. Also used by thePagecomponent'sPageHeadersub-component internally.Utility Functions & Hooks:
useOffsetPosition- React hook that takes in ahtmlRef,offsetX(optional) andoffsetY(optional) arguments and returns thehtmlRef,topandleftoffsets that can then be re-used to set a absolute positioned component accurately. For e.g.Portalelements like aPopover,TooltiporToast.useAnimation- React hook that returns a collection of Animation presets that can be used. Currently supports:fadeIn,fillX,fillYDOM-utils- A collection of utility functions that help get DOM information to better shape user experience.Theme:
--ursa-action-pressed,--ursa-text-success,--ursa-text-warning,--ursa-text-error,--ursa-text-subdued,'--ursa-neutral'.--ursa-font-size-14.Tests:
Accordion,Tabs,Tag,Text,TooltipConfig:
noindexmeta tag, to themanager-head.htmlfile inconfig/.storybook.UPDATED:
Components:
Tabscomponent in accordance to WAI-ARIA.Page: ThePagecomponent which simply had a placeholder has now been built into a reusable, extremely versatile component to standardize Pages of apps built with Ursa.Card: The Card component has been redone. The old card Component is now renamed as the newResourceItemcomponent.@emotion/styledcomponents to Object Styles for intellisense and reusability.DataGrid: The oldActionButtonssub-component has been redone asActionBarand takes in the controller in addition to the props that ActionButtons used to take.Tests:
Button,ButtonGroup, `NEW PROJECT:
ursa-emotionalis a new animation library project that has been started. The aim is to create a convenient animation library using Emotion.js for re-use.