diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 5ed6df0e8..5836cf6b2 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -56,13 +56,12 @@ jobs: - name: Install dependencies run: npm install - name: Publish to Chromatic - uses: chromaui/action@v10 + uses: chromaui/action@v11 continue-on-error: true with: token: ${{ secrets.GITHUB_TOKEN }} projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} buildScriptName: 'storybook:build' exitOnceUploaded: true - onlyChanged: '!(v*/contrib)' - externals: 'packages/uui-css/lib/**/*.css' + onlyChanged: true, untraced: '.storybook/images/**/*,storyhelpers/**/*' diff --git a/.storybook/main.js b/.storybook/main.js index 69ef93645..56ed095a6 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -1,4 +1,6 @@ import { dirname, join } from 'path'; +import turbosnap from 'vite-plugin-turbosnap'; +import { mergeConfig } from 'vite'; const remarkGfm = require('remark-gfm').default; const tsconfigPaths = require('vite-tsconfig-paths').default; @@ -44,12 +46,21 @@ module.exports = { const processLitCSSPlugin = ( await import('../scripts/processLitCSSPlugin.mjs') ).default; - config.plugins.push(processLitCSSPlugin()); - if (configType === 'DEVELOPMENT') { - // add plugins - config.plugins.push(tsconfigPaths()); - } - return config; + + return mergeConfig(config, { + plugins: [ + processLitCSSPlugin(), + configType === 'PRODUCTION' + ? [ + turbosnap({ + // This should be the base path of your storybook. In monorepos, you may only need process.cwd(). + rootDir: process.cwd(), + }), + ] + : [], + configType === 'DEVELOPMENT' ? [tsconfigPaths()] : [], + ], + }); }, docs: { autodocs: true, diff --git a/CHANGELOG.md b/CHANGELOG.md index 0e5dbafa8..910d2ab51 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +### Bug Fixes + +- **uui-css:** do not import the lato font here as it means you cannot import only the custom properties without getting the font ([ed8659c](https://github.com/umbraco/Umbraco.UI/commit/ed8659c707ecdce0507a3c22bec1af95e7523950)) +- **uui-tab-group:** Unable to remove tab ([#753](https://github.com/umbraco/Umbraco.UI/issues/753)) ([07c0045](https://github.com/umbraco/Umbraco.UI/commit/07c00452ed9668799a9b4edef01103959e6c7d90)) +- **uui-textarea:** Don't hide placeholder text on focus ([#751](https://github.com/umbraco/Umbraco.UI/issues/751)) ([a90a510](https://github.com/umbraco/Umbraco.UI/commit/a90a510a01ce8a752167e5f455571e010c9cb9ed)) + ## [1.7.1](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0...v1.7.1) (2024-02-13) ### Bug Fixes diff --git a/lerna.json b/lerna.json index 49872b8db..39fa68781 100644 --- a/lerna.json +++ b/lerna.json @@ -1,7 +1,7 @@ { "$schema": "node_modules/@lerna-lite/cli/schemas/lerna-schema.json", "packages": ["packages/*"], - "version": "1.7.1", + "version": "1.7.2", "preid": "rc", "exact": true, "noPush": true, diff --git a/package-lock.json b/package-lock.json index 5c2d2616c..bae48847c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31,15 +31,15 @@ "@storybook/blocks": "^7.6.14", "@storybook/web-components": "^7.6.14", "@storybook/web-components-vite": "^7.6.14", - "@types/chai": "4.3.5", + "@types/chai": "4.3.12", "@typescript-eslint/eslint-plugin": "6.21.0", - "@typescript-eslint/parser": "6.21.0", + "@typescript-eslint/parser": "7.2.0", "@web/dev-server-esbuild": "0.4.3", "@web/test-runner": "0.17.0", "@web/test-runner-playwright": "0.11.0", "autoprefixer": "10.4.17", "babel-loader": "9.1.3", - "chromatic": "10.7.1", + "chromatic": "11.0.0", "element-internals-polyfill": "1.3.10", "esbuild": "0.20.0", "eslint": "8.56.0", @@ -58,7 +58,7 @@ "lint-staged": "15.2.2", "npm-check-updates": "16.10.16", "plop": "3.1.2", - "postcss": "8.4.34", + "postcss": "8.4.36", "postcss-advanced-variables": "3.0.1", "postcss-cli": "11.0.0", "postcss-color-function": "4.1.0", @@ -86,6 +86,7 @@ "turbo": "1.12.2", "typescript": "5.2.2", "vite": "5.0.12", + "vite-plugin-turbosnap": "^1.0.3", "vite-tsconfig-paths": "4.3.1", "web-component-analyzer": "2.0.0" }, @@ -9834,9 +9835,10 @@ } }, "node_modules/@types/chai": { - "version": "4.3.5", - "dev": true, - "license": "MIT" + "version": "4.3.12", + "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.12.tgz", + "integrity": "sha512-zNKDHG/1yxm8Il6uCCVsm+dRdEsJlFoDu73X17y09bId6UwoYww+vFBsAcRzl8knM1sab3Dp1VRikFQwDOtDDw==", + "dev": true }, "node_modules/@types/chai-dom": { "version": "1.11.1", @@ -10411,15 +10413,15 @@ "license": "ISC" }, "node_modules/@typescript-eslint/parser": { - "version": "6.21.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz", - "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.2.0.tgz", + "integrity": "sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==", "dev": true, "dependencies": { - "@typescript-eslint/scope-manager": "6.21.0", - "@typescript-eslint/types": "6.21.0", - "@typescript-eslint/typescript-estree": "6.21.0", - "@typescript-eslint/visitor-keys": "6.21.0", + "@typescript-eslint/scope-manager": "7.2.0", + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/typescript-estree": "7.2.0", + "@typescript-eslint/visitor-keys": "7.2.0", "debug": "^4.3.4" }, "engines": { @@ -10430,7 +10432,65 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "eslint": "^7.0.0 || ^8.0.0" + "eslint": "^8.56.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz", + "integrity": "sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/visitor-keys": "7.2.0" + }, + "engines": { + "node": "^16.0.0 || >=18.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.2.0.tgz", + "integrity": "sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==", + "dev": true, + "engines": { + "node": "^16.0.0 || >=18.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz", + "integrity": "sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/visitor-keys": "7.2.0", + "debug": "^4.3.4", + "globby": "^11.1.0", + "is-glob": "^4.0.3", + "minimatch": "9.0.3", + "semver": "^7.5.4", + "ts-api-utils": "^1.0.1" + }, + "engines": { + "node": "^16.0.0 || >=18.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" }, "peerDependenciesMeta": { "typescript": { @@ -10438,6 +10498,94 @@ } } }, + "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz", + "integrity": "sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "7.2.0", + "eslint-visitor-keys": "^3.4.1" + }, + "engines": { + "node": "^16.0.0 || >=18.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/globby": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", + "dev": true, + "dependencies": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", + "slash": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@typescript-eslint/parser/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, "node_modules/@typescript-eslint/scope-manager": { "version": "6.21.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz", @@ -11695,9 +11843,10 @@ } }, "node_modules/@web/dev-server/node_modules/ip": { - "version": "1.1.8", - "dev": true, - "license": "MIT" + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", + "dev": true }, "node_modules/@web/parse5-utils": { "version": "2.1.0", @@ -11838,9 +11987,10 @@ } }, "node_modules/@web/test-runner-core/node_modules/ip": { - "version": "1.1.8", - "dev": true, - "license": "MIT" + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", + "dev": true }, "node_modules/@web/test-runner-core/node_modules/slash": { "version": "3.0.0", @@ -12047,9 +12197,9 @@ } }, "node_modules/@web/test-runner-playwright/node_modules/ip": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz", - "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==", + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", "dev": true }, "node_modules/@web/test-runner-playwright/node_modules/is-stream": { @@ -13910,9 +14060,9 @@ } }, "node_modules/chromatic": { - "version": "10.7.1", - "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-10.7.1.tgz", - "integrity": "sha512-ERxfVxTm8gnbv3bdWeNyUVQ4msbtYc/dZIpt+3TVxqEq4tMlzVCnTFl1rDfJ7Jj1enGFoxvZ+Q2xon7Jfi+cZw==", + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.0.0.tgz", + "integrity": "sha512-utzRVqdMrpzYwZNf7dHWU0z0/rx6SH/FUVNozQxYHDtQfYUdEj+Ro4OSch5+Wsk2FoUmznJyLkaC2J839z1N7A==", "dev": true, "bin": { "chroma": "dist/bin.js", @@ -19560,9 +19710,10 @@ } }, "node_modules/ip": { - "version": "2.0.0", - "dev": true, - "license": "MIT" + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz", + "integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==", + "dev": true }, "node_modules/ipaddr.js": { "version": "1.9.1", @@ -25255,9 +25406,10 @@ } }, "node_modules/pac-resolver/node_modules/ip": { - "version": "1.1.8", - "dev": true, - "license": "MIT" + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", + "dev": true }, "node_modules/package-json": { "version": "8.1.1", @@ -25934,9 +26086,9 @@ } }, "node_modules/postcss": { - "version": "8.4.34", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.34.tgz", - "integrity": "sha512-4eLTO36woPSocqZ1zIrFD2K1v6wH7pY1uBh0JIM2KKfrVtGvPFiAku6aNOP0W1Wr9qwnaCsF0Z+CrVnryB2A8Q==", + "version": "8.4.36", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.36.tgz", + "integrity": "sha512-/n7eumA6ZjFHAsbX30yhHup/IMkOmlmvtEi7P+6RMYf+bGJSUHc3geH4a0NSZxAz/RJfiS9tooCTs9LAVYUZKw==", "dev": true, "funding": [ { @@ -25955,7 +26107,7 @@ "dependencies": { "nanoid": "^3.3.7", "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "source-map-js": "^1.1.0" }, "engines": { "node": "^10 || ^12 || >=14" @@ -29204,9 +29356,10 @@ } }, "node_modules/source-map-js": { - "version": "1.0.2", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.1.0.tgz", + "integrity": "sha512-9vC2SfsJzlej6MAaMPLu8HiBSHGdRAJ9hVFYN1ibZoNkeanmDmLUcIrj6G9DGL7XMJ54AKg/G75akXl1/izTOw==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } @@ -31219,6 +31372,12 @@ } } }, + "node_modules/vite-plugin-turbosnap": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/vite-plugin-turbosnap/-/vite-plugin-turbosnap-1.0.3.tgz", + "integrity": "sha512-p4D8CFVhZS412SyQX125qxyzOgIFouwOcvjZWk6bQbNPR1wtaEzFT6jZxAjf1dejlGqa6fqHcuCvQea6EWUkUA==", + "dev": true + }, "node_modules/vite-tsconfig-paths": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.3.1.tgz", @@ -32144,7 +32303,7 @@ }, "packages/uui": { "name": "@umbraco-ui/uui", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-action-bar": "1.7.0", @@ -32153,7 +32312,7 @@ "@umbraco-ui/uui-badge": "1.7.0", "@umbraco-ui/uui-base": "1.7.0", "@umbraco-ui/uui-boolean-input": "1.7.0", - "@umbraco-ui/uui-box": "1.7.0", + "@umbraco-ui/uui-box": "1.7.2", "@umbraco-ui/uui-breadcrumbs": "1.7.0", "@umbraco-ui/uui-button": "1.7.1", "@umbraco-ui/uui-button-group": "1.7.0", @@ -32172,8 +32331,8 @@ "@umbraco-ui/uui-color-swatches": "1.7.0", "@umbraco-ui/uui-combobox": "1.7.1", "@umbraco-ui/uui-combobox-list": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0", - "@umbraco-ui/uui-dialog": "1.7.0", + "@umbraco-ui/uui-css": "1.7.2", + "@umbraco-ui/uui-dialog": "1.7.2", "@umbraco-ui/uui-dialog-layout": "1.7.0", "@umbraco-ui/uui-file-dropzone": "1.7.0", "@umbraco-ui/uui-file-preview": "1.7.0", @@ -32221,12 +32380,12 @@ "@umbraco-ui/uui-symbol-more": "1.7.0", "@umbraco-ui/uui-symbol-sort": "1.7.0", "@umbraco-ui/uui-table": "1.7.0", - "@umbraco-ui/uui-tabs": "1.7.1", + "@umbraco-ui/uui-tabs": "1.7.2", "@umbraco-ui/uui-tag": "1.7.0", - "@umbraco-ui/uui-textarea": "1.7.0", - "@umbraco-ui/uui-toast-notification": "1.7.1", - "@umbraco-ui/uui-toast-notification-container": "1.7.1", - "@umbraco-ui/uui-toast-notification-layout": "1.7.0", + "@umbraco-ui/uui-textarea": "1.7.2", + "@umbraco-ui/uui-toast-notification": "1.7.2", + "@umbraco-ui/uui-toast-notification-container": "1.7.2", + "@umbraco-ui/uui-toast-notification-layout": "1.7.2", "@umbraco-ui/uui-toggle": "1.7.0", "@umbraco-ui/uui-visually-hidden": "1.7.0" } @@ -32283,11 +32442,11 @@ }, "packages/uui-box": { "name": "@umbraco-ui/uui-box", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0" + "@umbraco-ui/uui-css": "1.7.2" } }, "packages/uui-breadcrumbs": { @@ -32459,7 +32618,7 @@ }, "packages/uui-css": { "name": "@umbraco-ui/uui-css", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "peerDependencies": { "lit": ">=2.8.0" @@ -32467,11 +32626,11 @@ }, "packages/uui-dialog": { "name": "@umbraco-ui/uui-dialog", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0" + "@umbraco-ui/uui-css": "1.7.2" } }, "packages/uui-dialog-layout": { @@ -32881,7 +33040,7 @@ }, "packages/uui-tabs": { "name": "@umbraco-ui/uui-tabs", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0", @@ -32900,7 +33059,7 @@ }, "packages/uui-textarea": { "name": "@umbraco-ui/uui-textarea", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0" @@ -32908,32 +33067,32 @@ }, "packages/uui-toast-notification": { "name": "@umbraco-ui/uui-toast-notification", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0", "@umbraco-ui/uui-button": "1.7.1", - "@umbraco-ui/uui-css": "1.7.0", + "@umbraco-ui/uui-css": "1.7.2", "@umbraco-ui/uui-icon": "1.7.0", "@umbraco-ui/uui-icon-registry-essential": "1.7.0" } }, "packages/uui-toast-notification-container": { "name": "@umbraco-ui/uui-toast-notification-container", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-toast-notification": "1.7.1" + "@umbraco-ui/uui-toast-notification": "1.7.2" } }, "packages/uui-toast-notification-layout": { "name": "@umbraco-ui/uui-toast-notification-layout", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0" + "@umbraco-ui/uui-css": "1.7.2" } }, "packages/uui-toggle": { diff --git a/package.json b/package.json index 2863790ed..463425ffc 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,7 @@ "pack": "node ./scripts/pack-package.js", "chromatic": "npx chromatic --build-script-name storybook:build", "storybook": "npm run bootstrap && npm run storybook:analyze && storybook dev -p 6006", - "storybook:build": "npm run bootstrap && npm run storybook:analyze && storybook build --webpack-stats-json", + "storybook:build": "npm run bootstrap && npm run storybook:analyze && storybook build", "storybook:analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json", "postinstall": "npm run bootstrap" }, @@ -74,15 +74,15 @@ "@storybook/blocks": "^7.6.14", "@storybook/web-components": "^7.6.14", "@storybook/web-components-vite": "^7.6.14", - "@types/chai": "4.3.5", + "@types/chai": "4.3.12", "@typescript-eslint/eslint-plugin": "6.21.0", - "@typescript-eslint/parser": "6.21.0", + "@typescript-eslint/parser": "7.2.0", "@web/dev-server-esbuild": "0.4.3", "@web/test-runner": "0.17.0", "@web/test-runner-playwright": "0.11.0", "autoprefixer": "10.4.17", "babel-loader": "9.1.3", - "chromatic": "10.7.1", + "chromatic": "11.0.0", "element-internals-polyfill": "1.3.10", "esbuild": "0.20.0", "eslint": "8.56.0", @@ -101,7 +101,7 @@ "lint-staged": "15.2.2", "npm-check-updates": "16.10.16", "plop": "3.1.2", - "postcss": "8.4.34", + "postcss": "8.4.36", "postcss-advanced-variables": "3.0.1", "postcss-cli": "11.0.0", "postcss-color-function": "4.1.0", @@ -129,6 +129,7 @@ "turbo": "1.12.2", "typescript": "5.2.2", "vite": "5.0.12", + "vite-plugin-turbosnap": "^1.0.3", "vite-tsconfig-paths": "4.3.1", "web-component-analyzer": "2.0.0" }, diff --git a/packages/uui-box/CHANGELOG.md b/packages/uui-box/CHANGELOG.md index 6fd1fdad5..294a18d38 100644 --- a/packages/uui-box/CHANGELOG.md +++ b/packages/uui-box/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +**Note:** Version bump only for package @umbraco-ui/uui-box + # [1.7.0](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0-rc.0...v1.7.0) (2024-02-13) ### Bug Fixes diff --git a/packages/uui-box/package.json b/packages/uui-box/package.json index bcc7f5608..2e76299f3 100644 --- a/packages/uui-box/package.json +++ b/packages/uui-box/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-box", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "description": "A box web component for grouping elements", "keywords": [ @@ -30,7 +30,7 @@ ], "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0" + "@umbraco-ui/uui-css": "1.7.2" }, "scripts": { "build": "npm run analyze && tsc --build && rollup -c rollup.config.js", diff --git a/packages/uui-css/CHANGELOG.md b/packages/uui-css/CHANGELOG.md index ffa140667..9c45da1fd 100644 --- a/packages/uui-css/CHANGELOG.md +++ b/packages/uui-css/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +### Bug Fixes + +- **uui-css:** do not import the lato font here as it means you cannot import only the custom properties without getting the font ([ed8659c](https://github.com/umbraco/Umbraco.UI/commit/ed8659c707ecdce0507a3c22bec1af95e7523950)) + # [1.7.0](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0-rc.0...v1.7.0) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-css diff --git a/packages/uui-css/lib/custom-properties/fonts.css b/packages/uui-css/lib/custom-properties/fonts.css index e5d428d48..f4f028e6a 100644 --- a/packages/uui-css/lib/custom-properties/fonts.css +++ b/packages/uui-css/lib/custom-properties/fonts.css @@ -1,5 +1,3 @@ -@import 'https://github.com/typography/lato.css'; - :root { --uui-font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } diff --git a/packages/uui-css/package.json b/packages/uui-css/package.json index 8bd8880ae..4fec4eb47 100644 --- a/packages/uui-css/package.json +++ b/packages/uui-css/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-css", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", diff --git a/packages/uui-dialog/CHANGELOG.md b/packages/uui-dialog/CHANGELOG.md index 1f229d134..472f2b7c9 100644 --- a/packages/uui-dialog/CHANGELOG.md +++ b/packages/uui-dialog/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +**Note:** Version bump only for package @umbraco-ui/uui-dialog + # [1.7.0](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0-rc.0...v1.7.0) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-dialog diff --git a/packages/uui-dialog/package.json b/packages/uui-dialog/package.json index 146d74168..ed8b5261e 100644 --- a/packages/uui-dialog/package.json +++ b/packages/uui-dialog/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-dialog", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", @@ -31,7 +31,7 @@ ], "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0" + "@umbraco-ui/uui-css": "1.7.2" }, "scripts": { "build": "npm run analyze && tsc --build && rollup -c rollup.config.js", diff --git a/packages/uui-tabs/CHANGELOG.md b/packages/uui-tabs/CHANGELOG.md index 6e615ff4a..2025da889 100644 --- a/packages/uui-tabs/CHANGELOG.md +++ b/packages/uui-tabs/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +### Bug Fixes + +- **uui-tab-group:** Unable to remove tab ([#753](https://github.com/umbraco/Umbraco.UI/issues/753)) ([07c0045](https://github.com/umbraco/Umbraco.UI/commit/07c00452ed9668799a9b4edef01103959e6c7d90)) + ## [1.7.1](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0...v1.7.1) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-tabs diff --git a/packages/uui-tabs/lib/uui-tab-group.element.ts b/packages/uui-tabs/lib/uui-tab-group.element.ts index c01fc56c6..96458b05b 100644 --- a/packages/uui-tabs/lib/uui-tab-group.element.ts +++ b/packages/uui-tabs/lib/uui-tab-group.element.ts @@ -102,6 +102,7 @@ export class UUITabGroupElement extends LitElement { this.#tabResizeObservers.forEach(observer => observer.disconnect()); }); this.#tabResizeObservers.length = 0; + this.#visibilityBreakpoints.length = 0; } #onSlotChange() { diff --git a/packages/uui-tabs/lib/uui-tabs.story.ts b/packages/uui-tabs/lib/uui-tabs.story.ts index 9ec645056..b97290696 100644 --- a/packages/uui-tabs/lib/uui-tabs.story.ts +++ b/packages/uui-tabs/lib/uui-tabs.story.ts @@ -291,6 +291,68 @@ Async.parameters = { }, }; +export const Dynamic: Story = props => { + const addTab = () => { + const tabGroup = document.querySelector('uui-tab-group'); + if (!tabGroup) return; + + const tab = document.createElement('uui-tab'); + const nameWithRandomLength = Math.random().toString(36).substring(7); + tab.label = nameWithRandomLength; + tab.innerHTML = nameWithRandomLength; + tabGroup.appendChild(tab); + }; + + const removeRandomTab = () => { + const tabGroup = document.querySelector('uui-tab-group'); + if (!tabGroup) return; + + const tabs = tabGroup.querySelectorAll('uui-tab'); + if (tabs.length > 0) { + const randomIndex = Math.floor(Math.random() * tabs.length); + tabGroup.removeChild(tabs[randomIndex]); + } + }; + + return html` + +
+ + +
+ Add tab + Remove tab + + `; +}; +Dynamic.parameters = { + docs: { + source: { + code: ` + + + + Content + + + + Packages + + + + Media + + `, + }, + }, +}; + export const FlexLayout: Story = props => html`
diff --git a/packages/uui-tabs/package.json b/packages/uui-tabs/package.json index 7cbe4b089..a36256aa7 100644 --- a/packages/uui-tabs/package.json +++ b/packages/uui-tabs/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-tabs", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", diff --git a/packages/uui-textarea/CHANGELOG.md b/packages/uui-textarea/CHANGELOG.md index 30c5f8ee7..801ee278b 100644 --- a/packages/uui-textarea/CHANGELOG.md +++ b/packages/uui-textarea/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +### Bug Fixes + +- **uui-textarea:** Don't hide placeholder text on focus ([#751](https://github.com/umbraco/Umbraco.UI/issues/751)) ([a90a510](https://github.com/umbraco/Umbraco.UI/commit/a90a510a01ce8a752167e5f455571e010c9cb9ed)) + # [1.7.0](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0-rc.0...v1.7.0) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-textarea diff --git a/packages/uui-textarea/lib/uui-textarea.element.ts b/packages/uui-textarea/lib/uui-textarea.element.ts index 742d97221..96d6c66fd 100644 --- a/packages/uui-textarea/lib/uui-textarea.element.ts +++ b/packages/uui-textarea/lib/uui-textarea.element.ts @@ -332,14 +332,6 @@ export class UUITextareaElement extends FormControlMixin(LitElement) { var(--uui-color-border-emphasis) ); } - - textarea::placeholder { - transition: opacity 120ms; - } - :host(:not([readonly])) textarea:focus::placeholder { - opacity: 0; - } - textarea:focus { outline: calc(2px * var(--uui-show-focus-outline, 1)) solid var(--uui-color-focus); diff --git a/packages/uui-textarea/package.json b/packages/uui-textarea/package.json index d2a04eb03..b7c76fd99 100644 --- a/packages/uui-textarea/package.json +++ b/packages/uui-textarea/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-textarea", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", diff --git a/packages/uui-toast-notification-container/CHANGELOG.md b/packages/uui-toast-notification-container/CHANGELOG.md index 0cfb33ea0..9b2fb1261 100644 --- a/packages/uui-toast-notification-container/CHANGELOG.md +++ b/packages/uui-toast-notification-container/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +**Note:** Version bump only for package @umbraco-ui/uui-toast-notification-container + ## [1.7.1](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0...v1.7.1) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-toast-notification-container diff --git a/packages/uui-toast-notification-container/package.json b/packages/uui-toast-notification-container/package.json index 622391040..e62db9011 100644 --- a/packages/uui-toast-notification-container/package.json +++ b/packages/uui-toast-notification-container/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-toast-notification-container", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", @@ -31,7 +31,7 @@ ], "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-toast-notification": "1.7.1" + "@umbraco-ui/uui-toast-notification": "1.7.2" }, "scripts": { "build": "npm run analyze && tsc --build && rollup -c rollup.config.js", diff --git a/packages/uui-toast-notification-layout/CHANGELOG.md b/packages/uui-toast-notification-layout/CHANGELOG.md index 0b281f687..fe3bfa041 100644 --- a/packages/uui-toast-notification-layout/CHANGELOG.md +++ b/packages/uui-toast-notification-layout/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +**Note:** Version bump only for package @umbraco-ui/uui-toast-notification-layout + # [1.7.0](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0-rc.0...v1.7.0) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-toast-notification-layout diff --git a/packages/uui-toast-notification-layout/package.json b/packages/uui-toast-notification-layout/package.json index 4df665d37..6339774b6 100644 --- a/packages/uui-toast-notification-layout/package.json +++ b/packages/uui-toast-notification-layout/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-toast-notification-layout", - "version": "1.7.0", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", @@ -31,7 +31,7 @@ ], "dependencies": { "@umbraco-ui/uui-base": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0" + "@umbraco-ui/uui-css": "1.7.2" }, "scripts": { "build": "npm run analyze && tsc --build && rollup -c rollup.config.js", diff --git a/packages/uui-toast-notification/CHANGELOG.md b/packages/uui-toast-notification/CHANGELOG.md index 00ba97197..f0a1ad488 100644 --- a/packages/uui-toast-notification/CHANGELOG.md +++ b/packages/uui-toast-notification/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +**Note:** Version bump only for package @umbraco-ui/uui-toast-notification + ## [1.7.1](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0...v1.7.1) (2024-02-13) **Note:** Version bump only for package @umbraco-ui/uui-toast-notification diff --git a/packages/uui-toast-notification/package.json b/packages/uui-toast-notification/package.json index c2a1f8dd6..1b4241d21 100644 --- a/packages/uui-toast-notification/package.json +++ b/packages/uui-toast-notification/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui-toast-notification", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "keywords": [ "Umbraco", @@ -32,7 +32,7 @@ "dependencies": { "@umbraco-ui/uui-base": "1.7.0", "@umbraco-ui/uui-button": "1.7.1", - "@umbraco-ui/uui-css": "1.7.0", + "@umbraco-ui/uui-css": "1.7.2", "@umbraco-ui/uui-icon": "1.7.0", "@umbraco-ui/uui-icon-registry-essential": "1.7.0" }, diff --git a/packages/uui/CHANGELOG.md b/packages/uui/CHANGELOG.md index c0e13426b..08f1ae367 100644 --- a/packages/uui/CHANGELOG.md +++ b/packages/uui/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.7.2](https://github.com/umbraco/Umbraco.UI/compare/v1.7.1...v1.7.2) (2024-03-18) + +**Note:** Version bump only for package @umbraco-ui/uui + ## [1.7.1](https://github.com/umbraco/Umbraco.UI/compare/v1.7.0...v1.7.1) (2024-02-13) ### Bug Fixes diff --git a/packages/uui/package.json b/packages/uui/package.json index 478aa71ee..147ff7958 100644 --- a/packages/uui/package.json +++ b/packages/uui/package.json @@ -1,6 +1,6 @@ { "name": "@umbraco-ui/uui", - "version": "1.7.1", + "version": "1.7.2", "license": "MIT", "description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.", "keywords": [ @@ -43,7 +43,7 @@ "@umbraco-ui/uui-badge": "1.7.0", "@umbraco-ui/uui-base": "1.7.0", "@umbraco-ui/uui-boolean-input": "1.7.0", - "@umbraco-ui/uui-box": "1.7.0", + "@umbraco-ui/uui-box": "1.7.2", "@umbraco-ui/uui-breadcrumbs": "1.7.0", "@umbraco-ui/uui-button": "1.7.1", "@umbraco-ui/uui-button-group": "1.7.0", @@ -62,8 +62,8 @@ "@umbraco-ui/uui-color-swatches": "1.7.0", "@umbraco-ui/uui-combobox": "1.7.1", "@umbraco-ui/uui-combobox-list": "1.7.0", - "@umbraco-ui/uui-css": "1.7.0", - "@umbraco-ui/uui-dialog": "1.7.0", + "@umbraco-ui/uui-css": "1.7.2", + "@umbraco-ui/uui-dialog": "1.7.2", "@umbraco-ui/uui-dialog-layout": "1.7.0", "@umbraco-ui/uui-file-dropzone": "1.7.0", "@umbraco-ui/uui-file-preview": "1.7.0", @@ -111,12 +111,12 @@ "@umbraco-ui/uui-symbol-more": "1.7.0", "@umbraco-ui/uui-symbol-sort": "1.7.0", "@umbraco-ui/uui-table": "1.7.0", - "@umbraco-ui/uui-tabs": "1.7.1", + "@umbraco-ui/uui-tabs": "1.7.2", "@umbraco-ui/uui-tag": "1.7.0", - "@umbraco-ui/uui-textarea": "1.7.0", - "@umbraco-ui/uui-toast-notification": "1.7.1", - "@umbraco-ui/uui-toast-notification-container": "1.7.1", - "@umbraco-ui/uui-toast-notification-layout": "1.7.0", + "@umbraco-ui/uui-textarea": "1.7.2", + "@umbraco-ui/uui-toast-notification": "1.7.2", + "@umbraco-ui/uui-toast-notification-container": "1.7.2", + "@umbraco-ui/uui-toast-notification-layout": "1.7.2", "@umbraco-ui/uui-toggle": "1.7.0", "@umbraco-ui/uui-visually-hidden": "1.7.0" },