From 22f880b39e8bb7ff244b20829e7cefafe590e454 Mon Sep 17 00:00:00 2001 From: anubra266 Date: Wed, 13 Nov 2024 18:27:07 -0800 Subject: [PATCH] chore: add changelog v0.48.0 --- CHANGELOG.md | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 102 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1068d4169..653101fa2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,108 @@ See the [Changesets](./.changeset) for the latest changes. ## [Unreleased] +## [0.48.0] - 2024-11-13 + +### Fixed + +Fix multi-theme issue where calling the `getTheme` function throws a Vite error due to invalid dynamic import format. + +```js +import { getTheme } from 'styled-system/themes' + +getTheme('default') +// -> The above dynamic import cannot be analyzed by Vite. +``` + +### Changed + +[Breaking] Remove default utility values for `gridTemplateColumns`, `gridTemplateRows`, `gridColumn` and `gridRow` to +prevent interference with native css values. + +For example `1` or `2` is a valid native value for `gridColumn` or `gridRow`, and should not be overridden by the +utility. + +Find the previous default values below, you can add them back to your config if you need them. + +```ts +const utilities = { + gridTemplateColumns: { + className: 'grid-tc', + group: 'Grid Layout', + values: { + '1': 'repeat(1, minmax(0, 1fr))', + '2': 'repeat(2, minmax(0, 1fr))', + '3': 'repeat(3, minmax(0, 1fr))', + '4': 'repeat(4, minmax(0, 1fr))', + '5': 'repeat(5, minmax(0, 1fr))', + '6': 'repeat(6, minmax(0, 1fr))', + '7': 'repeat(7, minmax(0, 1fr))', + '8': 'repeat(8, minmax(0, 1fr))', + '9': 'repeat(9, minmax(0, 1fr))', + '10': 'repeat(10, minmax(0, 1fr))', + '11': 'repeat(11, minmax(0, 1fr))', + '12': 'repeat(12, minmax(0, 1fr))', + }, + }, + gridTemplateRows: { + className: 'grid-tr', + group: 'Grid Layout', + values: { + '1': 'repeat(1, minmax(0, 1fr))', + '2': 'repeat(2, minmax(0, 1fr))', + '3': 'repeat(3, minmax(0, 1fr))', + '4': 'repeat(4, minmax(0, 1fr))', + '5': 'repeat(5, minmax(0, 1fr))', + '6': 'repeat(6, minmax(0, 1fr))', + '7': 'repeat(7, minmax(0, 1fr))', + '8': 'repeat(8, minmax(0, 1fr))', + '9': 'repeat(9, minmax(0, 1fr))', + '10': 'repeat(10, minmax(0, 1fr))', + '11': 'repeat(11, minmax(0, 1fr))', + '12': 'repeat(12, minmax(0, 1fr))', + }, + }, + gridColumn: { + className: 'grid-c', + group: 'Grid Layout', + values: { + full: '1 / -1', + '1': 'span 1 / span 1', + '2': 'span 2 / span 2', + '3': 'span 3 / span 3', + '4': 'span 4 / span 4', + '5': 'span 5 / span 5', + '6': 'span 6 / span 6', + '7': 'span 7 / span 7', + '8': 'span 8 / span 8', + '9': 'span 9 / span 9', + '10': 'span 10 / span 10', + '11': 'span 11 / span 11', + '12': 'span 12 / span 12', + }, + }, + gridRow: { + className: 'grid-r', + group: 'Grid Layout', + values: { + full: '1 / -1', + '1': 'span 1 / span 1', + '2': 'span 2 / span 2', + '3': 'span 3 / span 3', + '4': 'span 4 / span 4', + '5': 'span 5 / span 5', + '6': 'span 6 / span 6', + '7': 'span 7 / span 7', + '8': 'span 8 / span 8', + '9': 'span 9 / span 9', + '10': 'span 10 / span 10', + '11': 'span 11 / span 11', + '12': 'span 12 / span 12', + }, + }, +} +``` + ## [0.47.1] - 2024-11-06 ### Fixed