- Added a NavigationItemContainer component to allow organizing sections with headers on the global navbar
- Updated the global nav icon to be the hamburger icon and always have it aligned to the left.
- Fix DatePicker + DateTimeField to return empty string and set value to empty when the value is removed
- Fix alignment of items inside action trigger button and buttons.
- Fix styling on action trigger button right icon.
- Fix styling on icon alignment for buttons.
- Add the option to get a ContextPanel with or without the portal
- Reduce padding between panel title and body
- BUG 4640169: White Accent setting causing problem in all the checkbox
- Fix hover styles for toggle input
- Specified InlinePopup button type='button'
- Add the far side container of the form field label only if a far side item is present.
- Update styles of far side container of form field label.
- Added ability to include an extra node to the far side of the label in form fields.
- BUG 4445327: Masthead: hover color regression on action buttons
- Refactor component styling logic using ThemeProvider in styled component library.
- Enable styling on Toggle, Checkbox, Pivot & Masthead.
- Add logo to Masthead
- Update Masthead, ActionTriggerButton to support customized styles
- Updated ActionTrigger to have correct sizes so outline is not cutted when the element is focused and hover.
- Updated the user type in masthead to JSX.Element
- BUG 3858806: remove role for text input in DatePicker.
- BUG 3870819: [Select Input] Text in select field should not be cut off with browser zoom.
- Handling the error during the download of the thumbnail. Instead to show the broken images symbol, fallback to the default user-icon.
- Masthead user display name and email are now centered vertically.
- Shell now allows Masthead to use a different NavigationProperties than the one passed to the main navbar.
- Changed Checkbox and RadioInputs to be controlled components: pass the
checkedparameter instead ofdefaultCheckedto fix issue when the checkbox state change did not reflect the new value. Also change the onChange handlers to return the new values from the incoming props instead of relying on the html element. - Block search input onClick from propagating upwards - this fixes issue for mobile devices when clicking on the search input dismissed the element.
- The onchange handlers for Checkbox and RadioInputs stopped working in IoT Central; adding a dummy event handler to their parent
labelfixes the issue.
- Masthead and Navigation are now part of Shell to ensure good responsive behavior. Pass the MastheadProperties and NavigationProperties to Shell instead of creating the components yourself. For an example of how to initialize Shell correctly, check the baseline app.tsx.
- BUG 3217787: [Form Field] If the user tabs out of a field when the tooltip button is open (Alt+F1), close the tooltip.
- BUG 2383275: [Management List] Narrator should not read non-interactive column headers as Buttons.
- Update font url
- Fixed postinstall script. npm i was looking for it.
- Changed input background color on dark-theme to be transparent
- Removed unused icons
- Removed GalleryCard Component
- Remove font files and point to files on the server
- Add icons.scss
- Update to 5.0.0 of "@microsoft/azure-iot-ux-fluent-css
- Rename all component
.scssfiles to.module.scssto align with Create React App's convention for CSS modules. This is a purely internal change and does not affect public consumption of the controls.
-
Dependency on a
_colors.scssexisting at the global scope (resolved via webpackincludePath).The controls library now requires the file to exist at
<project root>/src/styles/_colors.scss. This convention allows the library to be used with an out-of-the-box create-react-app install without ejecting. See the Azure IoT UX Baseline for an example.For ease of use, this file will be automatically created on postinstall if it doesn't already exist.
- Calendar component would choose current time first time you are selecting a date. Now defaults to 12:00 AM local
- fix off by one issue with date picker
- unit tests were not running
- removed unused dependencies
- updated max-width on buttons to be 100% of the parent width
- DateTimeField accepts empty string and renders placeholder.
- InlinePopup should be disableable
- remove cancel button when input is readonly
- hover background for alert close button was incorrect on all browsers except firefox
- add padding to fix select dropdown component where selected text overlaps with the icon
- fix crawling ant color for light and dark theme
- update documentation backgrounds for loaders
- remove publish restriction
- fix bugs url
- move to @microsoft npm scope
- toggle controls need switch role for screen readers
- prevent default and stop propagation for tooltip keyboard shortcut in form field
- screen reader support for calendar
- take in props to override browser locale for calendar
- expose callback for clicking calendar icon in date picker. includes next visible state.
- blur handler for form field tooltip so it will close when focus leaves the field
- blur listener for datepicker was too greedy.
- shrink calendar
- move date picker window listers to component mounting events
- calendar api changed. no longer extends drop down
- calendar in datepicker is now reachable via keyboard
- date picker should not open when input receives focus
- add outline for danger button
- upgrade fluent css version
- add outline for primary button
- upgrade fluent css version
migrating to private package registry and changing package scope. update references to fluent css
- alert close button hover colors didn't work across themes. updated to newer version of fluent-colors
- update git ignore to include static folder
- Alert close button changed from Icon to ActionTriggerButton
- Alert.attr.closeIcon
- Alert.attr.closeButtonTitle