diff --git a/README.md b/README.md index 6b0ab19f5fc..50653f3a99b 100644 --- a/README.md +++ b/README.md @@ -403,3 +403,7 @@ Occasionally, you may want to run a prerelease for an individual package and ski - You **must** run a build **before** continuing with the prerelease. An npm task for cleaning, building, and beta publishing is available, and it can be run via the following command: `yarn release:beta-from-package`. This command will perform a full `clean` (via the `clean` task), a full `build` (via the `build` task), and will attempt to publish the package (via `lerna publish --conventional-prerelease --preid beta --pre-dist-tag beta --no-private`). - Depending on the severity of your change(s), and before publishing to npm, Lerna should show a preview of the affected package version number that looks something like: `@spectrum-css/switch: 1.0.23 => 2.0.0-beta.0`. Additionally, at this time, Lerna will ask if you would like to continue with publishing the changes or cancel. - Selecting `y` to publish will publish the affected package(s) to npm. + +## Spectrum 2 + +More information coming soon! diff --git a/components/backgroundlayers/README.md b/components/backgroundlayers/README.md new file mode 100644 index 00000000000..042be78ad07 --- /dev/null +++ b/components/backgroundlayers/README.md @@ -0,0 +1,23 @@ +# @spectrum-css/backgroundlayers + +> > The Spectrum CSS background layers is a set of utility classes used to apply Spectrum 2 app framing. Consult design documentation for further usage and infomation. +Make note of the context when determing the correct class to use. + +Editing Context Classes: +- `spectrum-BackgroundLayers-edit-elevated` +- `spectrum-BackgroundLayers-edit-layer2` +- `spectrum-BackgroundLayers-edit-layer1` +- `spectrum-BackgroundLayers-edit-pasteboard` + +Browsing Context Classes: +- `spectrum-BackgroundLayers-browse-elevated` +- `spectrum-BackgroundLayers-browse-layer1` +- `spectrum-BackgroundLayers-browse-base` + +To used these classes: +- add background layers as a dependency +- Use appropraite class on the element which should display the background layer + +This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css). + +See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/backgroundlayers). diff --git a/components/backgroundlayers/gulpfile.js b/components/backgroundlayers/gulpfile.js new file mode 100644 index 00000000000..f13104999f1 --- /dev/null +++ b/components/backgroundlayers/gulpfile.js @@ -0,0 +1 @@ +module.exports = require('@spectrum-css/component-builder-simple'); diff --git a/components/backgroundlayers/index.css b/components/backgroundlayers/index.css new file mode 100644 index 00000000000..f10828d0252 --- /dev/null +++ b/components/backgroundlayers/index.css @@ -0,0 +1,68 @@ +/*! +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ +/* for use only in editing contexts */ +.spectrum-BackgroundLayers-edit-elevated { + --spectrum-backgroundlayers-shadow-horizontal: 0; + --spectrum-backgroundlayers-shadow-vertical: 0; + --spectrum-backgroundlayers-shadow-blur: 5px; + --spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-600); + + .spectrum--dark & { + --spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-100); + } + background-color: var(--spectrum-background-elevated-color); + box-shadow: + var(--spectrum-backgroundlayers-shadow-horizontal) + var(--spectrum-backgroundlayers-shadow-vertical) + var(--spectrum-backgroundlayers-shadow-blur) + var(--spectrum-backgroundlayers-shadow-color) +} + +.spectrum-BackgroundLayers-edit-layer2 { + background-color: var(--spectrum-background-layer-2-color); + border: 2px solid rgba(180, 180, 180, 25%); +} + +.spectrum-BackgroundLayers-edit-layer1 { + background-color: var(--spectrum-background-layer-1-color); +} + +.spectrum-BackgroundLayers-edit-pasteboard { + background-color: var(--spectrum-background-pasteboard-color); +} + +/* only used in browsing contexts */ +.spectrum-BackgroundLayers-browse-elevated { + --spectrum-backgroundlayers-shadow-horizontal: 0; + --spectrum-backgroundlayers-shadow-vertical: 0; + --spectrum-backgroundlayers-shadow-blur: 5px; + --spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-600); + + .spectrum--dark & { + --spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-100); + } + background-color: var(--spectrum-background-elevated-color); + box-shadow: + var(--spectrum-backgroundlayers-shadow-horizontal) + var(--spectrum-backgroundlayers-shadow-vertical) + var(--spectrum-backgroundlayers-shadow-blur) + var(--spectrum-backgroundlayers-shadow-color) +} + +.spectrum-BackgroundLayers-browse-layer1 { + background-color: var(--spectrum-background-layer-1-color); +} + +.spectrum-BackgroundLayers-browse-base { + border: 2px solid rgba(180, 180, 180, 25%); + background-color: var(--spectrum-background-base-color); +} \ No newline at end of file diff --git a/components/backgroundlayers/metadata/backgroundlayers.yml b/components/backgroundlayers/metadata/backgroundlayers.yml new file mode 100644 index 00000000000..7203cab70a7 --- /dev/null +++ b/components/backgroundlayers/metadata/backgroundlayers.yml @@ -0,0 +1,28 @@ +name: Background layers +status: Verified +SpectrumSiteSlug: https://spectrum.adobe.com/page/background-layers/ +examples: + - id: backgroundlayers-browsing + name: Editting Contexts + markup: | +
+
+
+
+
+
+
+
+
+
+ - id: backgroundlayers-editting + name: Browsing Contexts + markup: | +
+
+
+
+
+
+
+
diff --git a/components/backgroundlayers/metadata/mods.md b/components/backgroundlayers/metadata/mods.md new file mode 100644 index 00000000000..d6752c31cd9 --- /dev/null +++ b/components/backgroundlayers/metadata/mods.md @@ -0,0 +1,3 @@ +| Modifiable Custom Properties | +| ---------------------------------------------- | +| `--mod-backgroundlayers-content-color-default` | diff --git a/components/backgroundlayers/package.json b/components/backgroundlayers/package.json new file mode 100644 index 00000000000..e8545c584a0 --- /dev/null +++ b/components/backgroundlayers/package.json @@ -0,0 +1,35 @@ +{ + "name": "@spectrum-css/backgroundlayers", + "version": "1.0.0-alpha.0", + "description": "The Spectrum CSS backgroundlayers component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/backgroundlayers" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "main": "dist/index-vars.css", + "scripts": { + "build": "gulp", + "clean": "rimraf dist", + "test": "nx test:scope @spectrum-css/preview backgroundlayers" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=13" + }, + "devDependencies": { + "@spectrum-css/component-builder-simple": "^2.0.17", + "@spectrum-css/tokens": "^13.0.0-beta.8", + "gulp": "^4.0.0", + "nx": "^17.0.3", + "rimraf": "^5.0.1" + }, + "publishConfig": { + "access": "public" + } +} diff --git a/components/backgroundlayers/stories/backgroundlayers.stories.js b/components/backgroundlayers/stories/backgroundlayers.stories.js new file mode 100644 index 00000000000..503d03ca1ee --- /dev/null +++ b/components/backgroundlayers/stories/backgroundlayers.stories.js @@ -0,0 +1,69 @@ +import { Template } from "./template"; +import { html } from 'lit'; + +export default { + title: "UtilityClasses/Background layers", + description: "The background layers is a series of classes used to style background layers.", + component: "BackgroundLayers", + argTypes: {}, + args: { + rootClass: "spectrum-BackgroundLayers", + }, + parameters: { + actions: { + handles: [] + }, + status: { + type: process.env.MIGRATED_PACKAGES.includes('backgroundlayers') ? 'migrated' : undefined + } + } +}; + +const EditingContext = ({ +}) => { + return html` +
+ ${Template({ + style: "z-index: 4;", + layer: 'edit-elevated', + })} + ${Template({ + style: "z-index: 3; inset-inline-start: 15px; inset-block-start: 15px;", + layer: 'edit-layer2', + })} + ${Template({ + style: "z-index: 2; inset-inline-start: 25px; inset-block-start: 25px;", + layer: 'edit-layer1', + })} + ${Template({ + style: "z-index: 1; inset-inline-start: 35px; inset-block-start: 35px;", + layer: "edit-pasteboard", + })} +
+ `; +}; + +const BrowsingContext = ({ +}) => { + return html` +
+ ${Template({ + style: "z-index: 3;", + layer: 'browse-elevated', + })} + ${Template({ + style: "z-index: 2; inset-inline-start: 15px; inset-block-start: 15px;", + layer: 'browse-layer1', + })} + ${Template({ + style: "z-index: 1; inset-inline-start: 25px; inset-block-start: 25px;", + layer: "browse-base", + })} +
+ `; +}; +export const Editing = EditingContext.bind({}); +Editing.args = {}; + +export const Browsing = BrowsingContext.bind({}); +Browsing.args = {}; diff --git a/components/backgroundlayers/stories/template.js b/components/backgroundlayers/stories/template.js new file mode 100644 index 00000000000..b780c3d31ab --- /dev/null +++ b/components/backgroundlayers/stories/template.js @@ -0,0 +1,22 @@ +import { html } from 'lit'; +import { classMap } from 'lit/directives/class-map.js'; + +import "../index.css"; + +export const Template = ({ + rootClass = "spectrum-BackgroundLayers", + style, + layer, + id, + customClasses = [], +}) => { + return html` +
({ ...a, [c]: true }), {}), + })} + style="${style} inline-size: 100px; block-size: 100px; border-radius: 10px; position: absolute;"> +
+ `; +} diff --git a/components/backgroundlayers/themes/express.css b/components/backgroundlayers/themes/express.css new file mode 100644 index 00000000000..2899a53a733 --- /dev/null +++ b/components/backgroundlayers/themes/express.css @@ -0,0 +1,13 @@ +/*! +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +@container (--system: express) {} diff --git a/components/backgroundlayers/themes/spectrum.css b/components/backgroundlayers/themes/spectrum.css new file mode 100644 index 00000000000..d963d64ba60 --- /dev/null +++ b/components/backgroundlayers/themes/spectrum.css @@ -0,0 +1,13 @@ +/*! +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +@container (--system: spectrum) {} diff --git a/tokens/package.json b/tokens/package.json index 8b1d359f76b..6409f01f6a3 100644 --- a/tokens/package.json +++ b/tokens/package.json @@ -15,8 +15,10 @@ }, "main": "dist/index.css", "devDependencies": { - "@adobe/spectrum-tokens": "12.23.3", + "@adobe/spectrum-tokens": "13.0.0-beta.8", "@nxkit/style-dictionary": "^4.0.0", + "concat-cli": "^4.0.0", + "npm-run-all": "^4.1.5", "postcss": "^8.4.21", "postcss-cli": "^10.1.0", "postcss-combine-duplicated-selectors": "^10.0.3", diff --git a/yarn.lock b/yarn.lock index 72dd556382b..d40219b88a3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -66,10 +66,10 @@ resolved "https://registry.yarnpkg.com/@adobe/spectrum-css-workflow-icons/-/spectrum-css-workflow-icons-1.5.4.tgz#0e09ff519c36139176c3ba3ce617a995c9032f67" integrity sha512-sZ19YOLGw5xTZzCEkVXPjf53lXVzo063KmDTJjpSjy/XLVsF+RaX0b436SfSM4hsIUZ7n27+UsbOvzFaFjcYXw== -"@adobe/spectrum-tokens@12.23.3": - version "12.23.3" - resolved "https://registry.yarnpkg.com/@adobe/spectrum-tokens/-/spectrum-tokens-12.23.3.tgz#ae3810c347bc5a5215a2242f6a90541fe8c37bfc" - integrity sha512-MlrrypHWYl0NWwYpe1YhCGCi62lOz/4fgc7xZwlr6+5PXbsP8zTLyld9IIhfIdJck6gpc8Z/fSWiYfd65BHu6Q== +"@adobe/spectrum-tokens@13.0.0-beta.8": + version "13.0.0-beta.8" + resolved "https://registry.yarnpkg.com/@adobe/spectrum-tokens/-/spectrum-tokens-13.0.0-beta.8.tgz#65a730d775634ce255945618de0dc907de83a985" + integrity sha512-XM9mN5nx7TDtGamZ6ciglA8fPJ6vVK24lBKE8Nf2wrsjc7BP8hOjmAFLxh3ROHJ59tCW4s7dGOZyKERcwXillQ== "@ampproject/remapping@^2.2.0": version "2.2.1" @@ -2834,6 +2834,35 @@ resolved "https://registry.yarnpkg.com/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz#96116f2a912e0c02817345b3c10751069920d553" integrity sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg== +"@spectrum-css/component-builder-simple@^2.0.17": + version "2.0.18" + resolved "https://registry.yarnpkg.com/@spectrum-css/component-builder-simple/-/component-builder-simple-2.0.18.tgz#975ab1402f76b4d38fcd55005fef0ce83ddf884c" + integrity sha512-j3zi7x++COMoChWUFajbh6nD9fyNUEfh59JghcJ3WssaPp/dGlyjQ7DKb4KzzImdOlkXJYj04CHeeOiDufN8dA== + dependencies: + "@spectrum-css/tokens" "^13.0.3" + autoprefixer "^6.5.3" + colors "^1.4.0" + del "^5.0.0" + gulp "^4.0.0" + gulp-concat "^2.6.1" + gulp-postcss "^7.0.0" + gulp-rename "^1.4.0" + gulplog "^2.0.1" + postcss "^7.0.36" + postcss-calc "^6.0.0" + postcss-combininator "^1.0.2" + postcss-discard-comments "^4.0.0" + postcss-discard-empty "^4.0.1" + postcss-dropdupedvars "^1.1.2" + postcss-dropunusedvars "^1.2.1" + postcss-import "^10.0.0" + postcss-inherit "^4.0.3" + postcss-nested "^3.0.0" + postcss-selector-parser "^6.0.2" + postcss-splitinator "^1.0.2" + postcss-values-parser "^3.1.1" + through2 "^3.0.1" + "@spectrum-css/expressvars@^3.0.9": version "3.0.9" resolved "https://registry.yarnpkg.com/@spectrum-css/expressvars/-/expressvars-3.0.9.tgz#72678e0845c240bc9cb6b4d828f20806810f4cab" @@ -5856,6 +5885,11 @@ camelcase@^1.0.2: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39" integrity sha512-wzLkDa4K/mzI1OSITC+DUyjgIl/ETNHE9QvYgy6J6Jvqyyz4C0Xfd+lQhb19sX2jMpZV4IssUn0VDVmglV+s4g== +camelcase@^2.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f" + integrity sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw== + camelcase@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a" @@ -5939,7 +5973,7 @@ chalk@5.3.0, chalk@^5.0.0, chalk@^5.0.1, chalk@^5.3.0: resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385" integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w== -chalk@^1.1.3: +chalk@^1.1.1, chalk@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A== @@ -6247,7 +6281,7 @@ cliui@^2.1.0: right-align "^0.1.1" wordwrap "0.0.2" -cliui@^3.2.0: +cliui@^3.0.3, cliui@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d" integrity sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w== @@ -6443,7 +6477,7 @@ commander@^11.0.0: resolved "https://registry.yarnpkg.com/commander/-/commander-11.1.0.tgz#62fdce76006a68e5c1ab3314dc92e800eb83d906" integrity sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ== -commander@^2.2.0, commander@^2.20.0: +commander@^2.2.0, commander@^2.20.0, commander@^2.9.0: version "2.20.3" resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33" integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ== @@ -6521,6 +6555,15 @@ compression@^1.7.4: safe-buffer "5.1.2" vary "~1.1.2" +concat-cli@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/concat-cli/-/concat-cli-4.0.0.tgz#a73a0fb0d18b25804ebe703bcc35922324dbf74d" + integrity sha512-riOBaEKTe5nHUN4kvrJkzX4xLAjoXKF4sPnIm7x7MExH1qqAsp6Y8vyHEGDTTytKDtHBe1axXt86eQJDfqja2w== + dependencies: + chalk "^1.1.1" + concat "^1.0.0" + yargs "^3.30.0" + concat-map@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" @@ -6553,6 +6596,13 @@ concat-with-sourcemaps@^1.0.0: dependencies: source-map "^0.6.1" +concat@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/concat/-/concat-1.0.3.tgz#40f3353089d65467695cb1886b45edd637d8cca8" + integrity sha512-f/ZaH1aLe64qHgTILdldbvyfGiGF4uzeo9IuXUloIOLQzFmIPloy9QbZadNsuVv0j5qbKQvQb/H/UYf2UsKTpw== + dependencies: + commander "^2.9.0" + concordance@^5.0.1: version "5.0.4" resolved "https://registry.yarnpkg.com/concordance/-/concordance-5.0.4.tgz#9896073261adced72f88d60e4d56f8efc4bbbbd2" @@ -15460,7 +15510,7 @@ rimraf@^4.4.1: dependencies: glob "^9.2.0" -rimraf@^5.0.5: +rimraf@^5.0.1, rimraf@^5.0.5: version "5.0.5" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.5.tgz#9be65d2d6e683447d2e9013da2bf451139a61ccf" integrity sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A== @@ -17925,6 +17975,11 @@ window-size@0.1.0: resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d" integrity sha512-1pTPQDKTdd61ozlKGNCjhNRd+KPmgLSGa3mZTHoOliaGcESD8G1PXhh7c1fgiPjVbNVfgy2Faw4BI8/m0cC8Mg== +window-size@^0.1.4: + version "0.1.4" + resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.4.tgz#f8e1aa1ee5a53ec5bf151ffa09742a6ad7697876" + integrity sha512-2thx4pB0cV3h+Bw7QmMXcEbdmOzv9t0HFplJH/Lz6yu60hXYy5RT8rUu+wlIreVxWsGN20mo+MHeCSfUpQBwPw== + with@^5.0.0: version "5.1.1" resolved "https://registry.yarnpkg.com/with/-/with-5.1.1.tgz#fa4daa92daf32c4ea94ed453c81f04686b575dfe" @@ -18101,7 +18156,7 @@ xtend@^4.0.0, xtend@~4.0.0, xtend@~4.0.1: resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54" integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ== -y18n@^3.2.1: +y18n@^3.2.0, y18n@^3.2.1: version "3.2.2" resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.2.tgz#85c901bd6470ce71fc4bb723ad209b70f7f28696" integrity sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ== @@ -18198,6 +18253,19 @@ yargs@^17.0.0, yargs@^17.3.1, yargs@^17.6.2, yargs@^17.7.2: y18n "^5.0.5" yargs-parser "^21.1.1" +yargs@^3.30.0: + version "3.32.0" + resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995" + integrity sha512-ONJZiimStfZzhKamYvR/xvmgW3uEkAUFSP91y2caTEPhzF6uP2JfPiVZcq66b/YR0C3uitxSV7+T1x8p5bkmMg== + dependencies: + camelcase "^2.0.1" + cliui "^3.0.3" + decamelize "^1.1.1" + os-locale "^1.4.0" + string-width "^1.0.1" + window-size "^0.1.4" + y18n "^3.2.0" + yargs@^7.1.0: version "7.1.2" resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.2.tgz#63a0a5d42143879fdbb30370741374e0641d55db"