Releases: Telefonica/mistica-web
Releases · Telefonica/mistica-web
v16.4.0
16.4.0 (2024-11-04)
Bug Fixes
- TextField: adjust position of maxLength's screen reader label (#1283) (fda424e)
- TextField: avoid right helper text from wrapping, fix spacing and aria label for maxCount text when multiline is true (#1272) (85fcb31)
- useDisableBodyScroll: avoid affecting body's height (#1279) (b68f317)
Features
- PhoneNumberFieldLite: Phone number field with simple formatting to reduce bundle size (#1276) (a141b97)
- Row: allow aria-label in informative rows (#1269) (65b5d42)
- Rows, Cards, FeedbackScreen, FormFields, Buttons: add test ids for components and their internal elements (#1270) (fc63201)
- Spinner: improve a11y (#1274) (5267ad5)
- Switch, RadioButton, Checkbox, ProgressBar, ProgressBarStepped, Slider: create inverse variant (#1277) (3129fb9)
v16.3.1
v16.3.0
v16.2.0
v16.1.1
v16.1.0
16.1.0 (2024-09-27)
Features
- BrandLoadingScreen: improve lottie animations (#1235) (e7dc87f), closes /github.com/airbnb/lottie-web/issues/1184#issuecomment-411586909
- Form fields: allow blocking copy/cut (#1251) (8fd2838)
- Form fields: improve accesibility of errors (#1246) (e35a99e)
- PhoneNumberField: Custom formatter support + lazy load libphonenumber on demand (#1244) (2ee88e9)
- PosterCard, DisplayMediaCard: allow using srcSet for backgroundImage (#1253) (3b3d85f)
- Rating, InfoRating: new components (#1196) (02c91f6)
- SearchField, TextField: support inputMode prop (#1249) (fe31eca)
- Sheet: lazy load sheet implementations (#1250) (40fecdd)
v16.0.0
16.0.0 (2024-09-13)
Features
- ButtonLink: add default variant (#1211) (97aa4ad)
- Callout, Cards, Dialog, EmptyState, EmptyStateCard, FeedbackScreen, Tabs: remove icon prop and use only Icon/asset (#1206) (eb06fa3)
- Feedback, FixedFooterLayout, Dialog, Accordion, Touchable, Header, IconButton, NavigationBar, OverscrollColor: remove deprecated props (#1205) (e1c84ec)
- Header, MainSectionHeader: use "default" as component's default variant (#1207) (29e0ef4)
- i18n: refactor texts to improve bundle size (#1228) (088a290)
- Icons: add new icons and rename others (#1197) (4cfffa5)
- React: require react18 and replace useAriaId with React.useId (#1213) (b29f778)
- skin: rename some design tokens (#1203) (d0a1452)
- Snackbar: update snackbar duration logic (#1208) (2ef5804)
- ThemeVariant: add media theme variant and update components in order to adapt to it (#1236) (eada194)
- Titles: add new Title2, replace Title2 and Title3 with Title3 and Title4 respectively (#1202) (bed8fdf)
BREAKING CHANGES
- ThemeVariant:
media
theme variant has been added and it may require changes in any logic that depends on variants - ButtonLink: ButtonLink now behaves like other buttons by default (it won't be small unless you specify this by setting
small
prop totrue
) - i18n: texts from useTheme are now empty by default. If a mistica defined text is required, it should be imported from text-tokens and must be translated using the t function from useTheme
- Callout, Cards, Dialog, EmptyState, EmptyStateCard, FeedbackScreen, Tabs:
icon
prop was replaced byIcon
/asset
- skin: some mistica internal tokens are renamed
- Snackbar: snackbar duration prop type now allows only
"PERSISTENT"
as value. Numeric values are not valid anymore. - React: react17 is no longer supported by Mistica and useAriaId hook is removed
- Header, MainSectionHeader: Header's variant changes from inverse to default if
variant
prop is not used - Feedback, FixedFooterLayout, Dialog, Accordion, Touchable, Header, IconButton, NavigationBar, OverscrollColor: deprecated props are removed in several components
- Accordion: removed
onToggle
callback fromAccordionItem
. UseonChange
fromAccordion
instead - FixedFooterLayout: alignment of buttons in desktop is not configurable anymore (
desktopButtonAlign
prop has been removed) - ButtonLayout:
children
is not allowed. UseprimaryButton
/secondaryButton
/link
props - Cards: prop
ariaLabel
is removed. Usearia-label
instead - HighlightedValueBlock: use
headings
props only (mainHeading
/secondHeading
/secondaryValue
/valueColor
have been removed) - Dialog: if you want to use
alert
/dialog
/confirm
functions, import them by usinguseDialog
hook - Feedback: use
extra
instead ofchildren
- Header:
preamount
,amount
,button
,secondaryButton
,subtitle
andisErrorAmount
are removed. Useextra
prop for this. - IconButton: The deprecated version that allows any content or size has been removed. Use
Touchable
component if you need to style your content in a specific way - NavigationBar: use
variant
instead ofisInverse
prop - OverscrollColor: removed the
OverscrollColor
component. UseuseSetOverscrollColor
hook to configure the top/bottom overscroll colors.
- Accordion: removed
- Titles: renamed
Title2
toTitle3
andTitle3
toTitle4
- Icons: renamed some icons
- autentication-failure → authentication-failure
- autentication-success → authentication-success
- adn → dna
- hamburguer → hamburger
- garaje → garage
- millenials → millennials
- not-photo-camera → no-photo-camera
- not-conexion-file → no-conexion-file
- smiley-happy → face-happy
- smiley-sad → face-sad
- like → thumb-up
v15.20.1
v15.20.0
v15.19.0
15.19.0 (2024-09-03)
Bug Fixes
- Buttons: avoid warnings related to change in order of react hooks (#1229) (2dbc411)
- i18n): Revert "feat(i18n: improve texts sizes" because it is breaking (#1226) (79eb4a4)
- Logo: fix webpackChunkName magic comments (#1214) (3d1f098)
- Vivinho char: vivinho char in headings being read as a separated heading (#1209) (f0f5fb0)
Features
- Buttons: refactor code and fix spacing bug in loading buttonLink (#1212) (640e429)
- i18n: improve texts sizes (#1204) (0345e7c)
- Logo: Refactor logo to improve bundle size and loading times (#1210) (15b77cb)
- NavigationBar, FunnelNavigationBar, MainNavigationBar: add alternative variant (#1200) (eef87ec)