From fee0770e86f53b65ee7d230b8c41e4dcc18fba03 Mon Sep 17 00:00:00 2001 From: Dan Hollick Date: Mon, 18 Dec 2023 19:47:20 +0000 Subject: [PATCH 1/2] documents * modifier --- package-lock.json | 368 +++++++++--------- package.json | 2 +- .../docs/hover-focus-and-other-states.mdx | 45 +++ 3 files changed, 234 insertions(+), 181 deletions(-) diff --git a/package-lock.json b/package-lock.json index 190a99c12..9e2ab3476 100644 --- a/package-lock.json +++ b/package-lock.json @@ -72,7 +72,7 @@ "eslint-plugin-react-hooks": "2.x", "glyphhanger": "^5.0.0", "prettier": "^2.5.0", - "tailwindcss": "^0.0.0-insiders.8b2c6e7" + "tailwindcss": "^0.0.0-insiders.d884e9b" } }, "../../recma-import-images": { @@ -2562,28 +2562,28 @@ } }, "node_modules/@tailwindcss/oxide": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-7fbtBU8Q5VSyPjil6nC/rQYfAnPboKTgDz+G9FMVukRplU+0wqJHzxXucE6nzUDiVmIy0D5kEVWeDKw8kRIq5A==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-2maagQaVIblYLKdCA9675PmRYbz5MbHmDchQgaEQ7NCX5BGpxa5ZjfitmxPtgUdCq39quP/RoLnrfwsNrgMdzg==", "engines": { "node": ">= 10" }, "optionalDependencies": { - "@tailwindcss/oxide-darwin-arm64": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-darwin-x64": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-freebsd-x64": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-arm-gnueabihf": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-arm64-gnu": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-arm64-musl": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-x64-gnu": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-x64-musl": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-win32-x64-msvc": "0.0.0-insiders.8b2c6e7" + "@tailwindcss/oxide-darwin-arm64": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-darwin-x64": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-freebsd-x64": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-arm-gnueabihf": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-arm64-gnu": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-arm64-musl": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-x64-gnu": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-x64-musl": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-win32-x64-msvc": "0.0.0-insiders.d884e9b" } }, "node_modules/@tailwindcss/oxide-darwin-arm64": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-R0quV0zgxljcJTHi9PMweB8C3PNNcw9cec3Ye3CI1TAgDHyBIyXtHToEdBf/bs0k2M2a19sOSvzcmekBjjP8vg==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-8jiuTwI/qYFGP5yA3NIXgYrs6KJJcPmqk+hYs92OfRpDnve6oEOD7SCW73DgVJwmOP9aV3W+s3XJqxwOiTaLfA==", "cpu": [ "arm64" ], @@ -2596,9 +2596,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-x64": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-ZrLxKzabQcCJsfbfgAHGjNZha9mqWQ2NpV3WL6E5NXhfRK6Cf2vohVlKCcP+u19tBtjgzpqw3xuJbqCKx+6REw==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-0+VV65ZcZKS5ceh1e8iLQjT77gUL4e/xxptjHsLD6WUzivUXB2HGPeRytxeU5KltDThN0YVCnpgGOLeHvn8V1A==", "cpu": [ "x64" ], @@ -2611,9 +2611,9 @@ } }, "node_modules/@tailwindcss/oxide-freebsd-x64": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-GfNwMGOOQSOo9B6LP/2ecEWXB3Eye6uYua45Hr0k7YvER5otANPbp/IogRsNTP8pXBEE1zfgQhY6NwuFJnjW8g==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-OzRs8TjYu7n5fmLZGcMN3gGYbFNq6Op6P7kPwuGB3vdh5UynvPA8o6FmDJ0pkarv6RqoFpk3LVt9d5K63iZjYQ==", "cpu": [ "x64" ], @@ -2626,9 +2626,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-t7Q1uLq7f4fTJs1wifewdqV0pvc3hHlERrGj3EyPbnLagUisq1Hg9qlf4+GtdWRdAAF9UeM7YMp1WlkDZm9wmA==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-TbiMUEPy4POkswBweILhrXTsM6haGeH0ZHrCLquAQIu/z7Ad29ZHCEoldFkRVUBUsvXomWe0/Kq1HJJJxtabOA==", "cpu": [ "arm" ], @@ -2641,9 +2641,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-wH4+aEt/Wa/KHkGSZtM/LgxqM7gq5kJ0P69zukVLJSXP+XBGMxpt5t1Jl6epaLz1jEPZzRqQUMvuzum1Rxs6rw==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-v9xqvE3EK83sqLXYwv6wQ7LUdJpAOIXsMKyBjcCuLBurEscu1srz9zo6+6rdFgyuRAGulkKBSCQggPiJ3xJz3A==", "cpu": [ "arm64" ], @@ -2656,9 +2656,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-musl": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-Kyb6TuTmZGTTBLTtz3BbVjbwYJap/yIrKvCUuXwTm3chBb7vYkP1ERS53a3si0I6v32UGqMpq7GPLjtm+VgePA==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-IxAywQPkJuIRyj5EaV/dkogUJ5n/q02WPPzpK+h1LuLNUJNakgugdz2Es61URVnIX/IRW7OiRsPagTkm0g8jFA==", "cpu": [ "arm64" ], @@ -2671,9 +2671,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-gnu": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-wCLYfoNdfRqA3O2QAfJnICJ073ut+K8qretKu84/HSpQf8AhAtROjZ/fpOrb+X4OP+tNS6p/Am+Vjy1XCxkkEQ==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-BHnTX916eSO3qh9OUu95Y28RGpmmdkfh78CYxCqKMOh4Kg3xyQ4etOvtSL29m9UmyT7kmqThSe2ZL81r2yzMHQ==", "cpu": [ "x64" ], @@ -2686,9 +2686,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-musl": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-+tTMM7ChoU+bniDx06H6L4EHmmO/OBWMb0yrQbT1EsCjTieFr00shrhOzlogPcu2ek61sx0gX4lnbyqLfLqbmw==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-SUbTTQ1inQ+eZZiLia+jor1ZlVOsw4vauZSbs00blSrSjIAowNGX3ASHAjaZ6UdZQ6VYXvcvgjYiYDa+Ef3QDw==", "cpu": [ "x64" ], @@ -2701,9 +2701,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-x64-msvc": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-kDp+0wIFHigpJTV1o4emTX4C2KJDJsi05/6BSXrWNiEByhjHP2aFuRqWBsPRkJ9rHV4sdj+XFIvWe6A8Sw2LVQ==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-ukn2MWstmIAwVlW3tylKpoOh1cqA/2oV8kVEYpqpUCJPvSnbg5AR6O7uPRzPI4zau9kth8cX2Optiq8KYRBzsA==", "cpu": [ "x64" ], @@ -3788,9 +3788,9 @@ "dev": true }, "node_modules/browserslist": { - "version": "4.22.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz", - "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==", + "version": "4.22.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", + "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==", "funding": [ { "type": "opencollective", @@ -3806,9 +3806,9 @@ } ], "dependencies": { - "caniuse-lite": "^1.0.30001541", - "electron-to-chromium": "^1.4.535", - "node-releases": "^2.0.13", + "caniuse-lite": "^1.0.30001565", + "electron-to-chromium": "^1.4.601", + "node-releases": "^2.0.14", "update-browserslist-db": "^1.0.13" }, "bin": { @@ -3908,9 +3908,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001563", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001563.tgz", - "integrity": "sha512-na2WUmOxnwIZtwnFI2CZ/3er0wdNzU7hN+cPYz/z2ajHThnkWjNBOpEPP4n+4r2WPM847JaMotaJE3bnfzjyKw==", + "version": "1.0.30001570", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz", + "integrity": "sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==", "funding": [ { "type": "opencollective", @@ -4802,9 +4802,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.4.588", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.588.tgz", - "integrity": "sha512-soytjxwbgcCu7nh5Pf4S2/4wa6UIu+A3p03U2yVr53qGxi1/VTR3ENI+p50v+UxqqZAfl48j3z55ud7VHIOr9w==" + "version": "1.4.615", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.615.tgz", + "integrity": "sha512-/bKPPcgZVUziECqDc+0HkT87+0zhaWSZHNXqF8FLd2lQcptpmUFwoCSWjCdOng9Gdq+afKArPdEg/0ZW461Eng==" }, "node_modules/emoji-regex": { "version": "9.2.2", @@ -7500,11 +7500,11 @@ } }, "node_modules/lilconfig": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", - "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz", + "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==", "engines": { - "node": ">=10" + "node": ">=14" } }, "node_modules/lines-and-columns": { @@ -9040,9 +9040,9 @@ } }, "node_modules/node-releases": { - "version": "2.0.13", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", - "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==" + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==" }, "node_modules/normalize-path": { "version": "3.0.0", @@ -9669,6 +9669,48 @@ "postcss": "^8.4.21" } }, + "node_modules/postcss-load-config": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", + "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "lilconfig": "^3.0.0", + "yaml": "^2.3.4" + }, + "engines": { + "node": ">= 14" + }, + "peerDependencies": { + "postcss": ">=8.0.9", + "ts-node": ">=9.0.0" + }, + "peerDependenciesMeta": { + "postcss": { + "optional": true + }, + "ts-node": { + "optional": true + } + } + }, + "node_modules/postcss-load-config/node_modules/yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==", + "engines": { + "node": ">= 14" + } + }, "node_modules/postcss-nested": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", @@ -11252,14 +11294,14 @@ } }, "node_modules/tailwindcss": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-ybf80PWg1OH9r0OTSiSLjH0j718+5zm7qZ6uRgY23Uk583fiVVwdBzyXJDtLGtUPnmTK8O4Hd/RzZBTpFrk/SA==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-dN3lQsUzKteTi4zZc7eWZZIb6hdmD2+Z9yIhgZiy50wGhiO3POEuWRiYcQrMhFG/cn4w3sGQsaKBzhgz5/kefQ==", "dependencies": { "@alloc/quick-lru": "^5.2.0", - "@tailwindcss/oxide": "0.0.0-insiders.8b2c6e7", + "@tailwindcss/oxide": "0.0.0-insiders.d884e9b", "arg": "^5.0.2", - "browserslist": "^4.22.1", + "browserslist": "^4.22.2", "chokidar": "^3.5.3", "didyoumean": "^1.2.2", "dlv": "^1.1.3", @@ -11268,7 +11310,7 @@ "is-glob": "^4.0.3", "jiti": "^1.21.0", "lightningcss": "^1.22.1", - "lilconfig": "^2.1.0", + "lilconfig": "^3.0.0", "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", @@ -11276,7 +11318,7 @@ "postcss": "^8.4.31", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.1", + "postcss-load-config": "^4.0.2", "postcss-nested": "^6.0.1", "postcss-selector-parser": "^6.0.12", "postcss-value-parser": "^4.2.0", @@ -11318,34 +11360,6 @@ "postcss": "^8.0.0" } }, - "node_modules/tailwindcss/node_modules/postcss-load-config": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz", - "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==", - "dependencies": { - "lilconfig": "^2.0.5", - "yaml": "^2.1.1" - }, - "engines": { - "node": ">= 14" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": ">=8.0.9", - "ts-node": ">=9.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - }, - "ts-node": { - "optional": true - } - } - }, "node_modules/tailwindcss/node_modules/postcss-selector-parser": { "version": "6.0.13", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz", @@ -11358,14 +11372,6 @@ "node": ">=4" } }, - "node_modules/tailwindcss/node_modules/yaml": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz", - "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==", - "engines": { - "node": ">= 14" - } - }, "node_modules/tapable": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", @@ -14154,73 +14160,73 @@ } }, "@tailwindcss/oxide": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-7fbtBU8Q5VSyPjil6nC/rQYfAnPboKTgDz+G9FMVukRplU+0wqJHzxXucE6nzUDiVmIy0D5kEVWeDKw8kRIq5A==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-2maagQaVIblYLKdCA9675PmRYbz5MbHmDchQgaEQ7NCX5BGpxa5ZjfitmxPtgUdCq39quP/RoLnrfwsNrgMdzg==", "requires": { - "@tailwindcss/oxide-darwin-arm64": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-darwin-x64": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-freebsd-x64": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-arm-gnueabihf": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-arm64-gnu": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-arm64-musl": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-x64-gnu": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-linux-x64-musl": "0.0.0-insiders.8b2c6e7", - "@tailwindcss/oxide-win32-x64-msvc": "0.0.0-insiders.8b2c6e7" + "@tailwindcss/oxide-darwin-arm64": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-darwin-x64": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-freebsd-x64": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-arm-gnueabihf": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-arm64-gnu": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-arm64-musl": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-x64-gnu": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-linux-x64-musl": "0.0.0-insiders.d884e9b", + "@tailwindcss/oxide-win32-x64-msvc": "0.0.0-insiders.d884e9b" } }, "@tailwindcss/oxide-darwin-arm64": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-R0quV0zgxljcJTHi9PMweB8C3PNNcw9cec3Ye3CI1TAgDHyBIyXtHToEdBf/bs0k2M2a19sOSvzcmekBjjP8vg==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-8jiuTwI/qYFGP5yA3NIXgYrs6KJJcPmqk+hYs92OfRpDnve6oEOD7SCW73DgVJwmOP9aV3W+s3XJqxwOiTaLfA==", "optional": true }, "@tailwindcss/oxide-darwin-x64": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-ZrLxKzabQcCJsfbfgAHGjNZha9mqWQ2NpV3WL6E5NXhfRK6Cf2vohVlKCcP+u19tBtjgzpqw3xuJbqCKx+6REw==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-0+VV65ZcZKS5ceh1e8iLQjT77gUL4e/xxptjHsLD6WUzivUXB2HGPeRytxeU5KltDThN0YVCnpgGOLeHvn8V1A==", "optional": true }, "@tailwindcss/oxide-freebsd-x64": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-GfNwMGOOQSOo9B6LP/2ecEWXB3Eye6uYua45Hr0k7YvER5otANPbp/IogRsNTP8pXBEE1zfgQhY6NwuFJnjW8g==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-OzRs8TjYu7n5fmLZGcMN3gGYbFNq6Op6P7kPwuGB3vdh5UynvPA8o6FmDJ0pkarv6RqoFpk3LVt9d5K63iZjYQ==", "optional": true }, "@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-t7Q1uLq7f4fTJs1wifewdqV0pvc3hHlERrGj3EyPbnLagUisq1Hg9qlf4+GtdWRdAAF9UeM7YMp1WlkDZm9wmA==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-TbiMUEPy4POkswBweILhrXTsM6haGeH0ZHrCLquAQIu/z7Ad29ZHCEoldFkRVUBUsvXomWe0/Kq1HJJJxtabOA==", "optional": true }, "@tailwindcss/oxide-linux-arm64-gnu": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-wH4+aEt/Wa/KHkGSZtM/LgxqM7gq5kJ0P69zukVLJSXP+XBGMxpt5t1Jl6epaLz1jEPZzRqQUMvuzum1Rxs6rw==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-v9xqvE3EK83sqLXYwv6wQ7LUdJpAOIXsMKyBjcCuLBurEscu1srz9zo6+6rdFgyuRAGulkKBSCQggPiJ3xJz3A==", "optional": true }, "@tailwindcss/oxide-linux-arm64-musl": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-Kyb6TuTmZGTTBLTtz3BbVjbwYJap/yIrKvCUuXwTm3chBb7vYkP1ERS53a3si0I6v32UGqMpq7GPLjtm+VgePA==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-IxAywQPkJuIRyj5EaV/dkogUJ5n/q02WPPzpK+h1LuLNUJNakgugdz2Es61URVnIX/IRW7OiRsPagTkm0g8jFA==", "optional": true }, "@tailwindcss/oxide-linux-x64-gnu": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-wCLYfoNdfRqA3O2QAfJnICJ073ut+K8qretKu84/HSpQf8AhAtROjZ/fpOrb+X4OP+tNS6p/Am+Vjy1XCxkkEQ==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-BHnTX916eSO3qh9OUu95Y28RGpmmdkfh78CYxCqKMOh4Kg3xyQ4etOvtSL29m9UmyT7kmqThSe2ZL81r2yzMHQ==", "optional": true }, "@tailwindcss/oxide-linux-x64-musl": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-+tTMM7ChoU+bniDx06H6L4EHmmO/OBWMb0yrQbT1EsCjTieFr00shrhOzlogPcu2ek61sx0gX4lnbyqLfLqbmw==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-SUbTTQ1inQ+eZZiLia+jor1ZlVOsw4vauZSbs00blSrSjIAowNGX3ASHAjaZ6UdZQ6VYXvcvgjYiYDa+Ef3QDw==", "optional": true }, "@tailwindcss/oxide-win32-x64-msvc": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-kDp+0wIFHigpJTV1o4emTX4C2KJDJsi05/6BSXrWNiEByhjHP2aFuRqWBsPRkJ9rHV4sdj+XFIvWe6A8Sw2LVQ==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-ukn2MWstmIAwVlW3tylKpoOh1cqA/2oV8kVEYpqpUCJPvSnbg5AR6O7uPRzPI4zau9kth8cX2Optiq8KYRBzsA==", "optional": true }, "@tailwindcss/typography": { @@ -15067,13 +15073,13 @@ "dev": true }, "browserslist": { - "version": "4.22.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz", - "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==", + "version": "4.22.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", + "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==", "requires": { - "caniuse-lite": "^1.0.30001541", - "electron-to-chromium": "^1.4.535", - "node-releases": "^2.0.13", + "caniuse-lite": "^1.0.30001565", + "electron-to-chromium": "^1.4.601", + "node-releases": "^2.0.14", "update-browserslist-db": "^1.0.13" } }, @@ -15132,9 +15138,9 @@ "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==" }, "caniuse-lite": { - "version": "1.0.30001563", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001563.tgz", - "integrity": "sha512-na2WUmOxnwIZtwnFI2CZ/3er0wdNzU7hN+cPYz/z2ajHThnkWjNBOpEPP4n+4r2WPM847JaMotaJE3bnfzjyKw==" + "version": "1.0.30001570", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz", + "integrity": "sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==" }, "caseless": { "version": "0.12.0", @@ -15799,9 +15805,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.4.588", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.588.tgz", - "integrity": "sha512-soytjxwbgcCu7nh5Pf4S2/4wa6UIu+A3p03U2yVr53qGxi1/VTR3ENI+p50v+UxqqZAfl48j3z55ud7VHIOr9w==" + "version": "1.4.615", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.615.tgz", + "integrity": "sha512-/bKPPcgZVUziECqDc+0HkT87+0zhaWSZHNXqF8FLd2lQcptpmUFwoCSWjCdOng9Gdq+afKArPdEg/0ZW461Eng==" }, "emoji-regex": { "version": "9.2.2", @@ -17695,9 +17701,9 @@ "optional": true }, "lilconfig": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", - "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==" + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz", + "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==" }, "lines-and-columns": { "version": "1.2.4", @@ -18722,9 +18728,9 @@ } }, "node-releases": { - "version": "2.0.13", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", - "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==" + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==" }, "normalize-path": { "version": "3.0.0", @@ -19165,6 +19171,22 @@ "camelcase-css": "^2.0.1" } }, + "postcss-load-config": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", + "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", + "requires": { + "lilconfig": "^3.0.0", + "yaml": "^2.3.4" + }, + "dependencies": { + "yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==" + } + } + }, "postcss-nested": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", @@ -20338,14 +20360,14 @@ } }, "tailwindcss": { - "version": "0.0.0-insiders.8b2c6e7", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-0.0.0-insiders.8b2c6e7.tgz", - "integrity": "sha512-ybf80PWg1OH9r0OTSiSLjH0j718+5zm7qZ6uRgY23Uk583fiVVwdBzyXJDtLGtUPnmTK8O4Hd/RzZBTpFrk/SA==", + "version": "0.0.0-insiders.d884e9b", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-0.0.0-insiders.d884e9b.tgz", + "integrity": "sha512-dN3lQsUzKteTi4zZc7eWZZIb6hdmD2+Z9yIhgZiy50wGhiO3POEuWRiYcQrMhFG/cn4w3sGQsaKBzhgz5/kefQ==", "requires": { "@alloc/quick-lru": "^5.2.0", - "@tailwindcss/oxide": "0.0.0-insiders.8b2c6e7", + "@tailwindcss/oxide": "0.0.0-insiders.d884e9b", "arg": "^5.0.2", - "browserslist": "^4.22.1", + "browserslist": "^4.22.2", "chokidar": "^3.5.3", "didyoumean": "^1.2.2", "dlv": "^1.1.3", @@ -20354,7 +20376,7 @@ "is-glob": "^4.0.3", "jiti": "^1.21.0", "lightningcss": "^1.22.1", - "lilconfig": "^2.1.0", + "lilconfig": "^3.0.0", "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", @@ -20362,7 +20384,7 @@ "postcss": "^8.4.31", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.1", + "postcss-load-config": "^4.0.2", "postcss-nested": "^6.0.1", "postcss-selector-parser": "^6.0.12", "postcss-value-parser": "^4.2.0", @@ -20388,15 +20410,6 @@ "resolve": "^1.1.7" } }, - "postcss-load-config": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz", - "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==", - "requires": { - "lilconfig": "^2.0.5", - "yaml": "^2.1.1" - } - }, "postcss-selector-parser": { "version": "6.0.13", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz", @@ -20405,11 +20418,6 @@ "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } - }, - "yaml": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz", - "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==" } } }, diff --git a/package.json b/package.json index ee4cbc1e3..98ed712d1 100644 --- a/package.json +++ b/package.json @@ -78,6 +78,6 @@ "eslint-plugin-react-hooks": "2.x", "glyphhanger": "^5.0.0", "prettier": "^2.5.0", - "tailwindcss": "0.0.0-insiders.8b2c6e7" + "tailwindcss": "^0.0.0-insiders.d884e9b" } } diff --git a/src/pages/docs/hover-focus-and-other-states.mdx b/src/pages/docs/hover-focus-and-other-states.mdx index dc7ea6ff0..d63211dee 100644 --- a/src/pages/docs/hover-focus-and-other-states.mdx +++ b/src/pages/docs/hover-focus-and-other-states.mdx @@ -600,6 +600,51 @@ For more control, you can use the `&` character to mark where `.peer` should end +### Styling direct children (*-{'{modifier}'}) + +When you need to add the same style to every direct child of an element, you can use the `*` modifier. + +```html {{ example: { p: 'none' } }} +
+

Categories:

+
+
Sales
+
Marketing
+
SEO
+
Analytics
+
Design
+
Strategy
+
Security
+
Growth
+
Mobile
+
UX/UI
+
+

+``` + +```html +
+

Categories:

+
+
Sales
+
Marketing
+ +
+

+``` + +It's important to note that overriding a style with a utility directly on the child itself won't work due to the specificity of the generated selector. + +Won't work, children can't override their own styling. + +```html +
+
Sales
+
Marketing
+ +
+``` + --- ## Pseudo-elements From e19271fa8c09af13b82babf4451e86d7054d2c56 Mon Sep 17 00:00:00 2001 From: Dan Hollick Date: Mon, 18 Dec 2023 19:52:03 +0000 Subject: [PATCH 2/2] Updates appendix --- src/pages/docs/hover-focus-and-other-states.mdx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/docs/hover-focus-and-other-states.mdx b/src/pages/docs/hover-focus-and-other-states.mdx index d63211dee..1567da974 100644 --- a/src/pages/docs/hover-focus-and-other-states.mdx +++ b/src/pages/docs/hover-focus-and-other-states.mdx @@ -1643,6 +1643,7 @@ A quick reference table of every single modifier included in Tailwind by default | active | &:active | | visited | &:visited | | target | &:target | +| * | & > * | | first | &:first-child | | last | &:last-child | | only | &:only-child |