From 1fa84db4042e00514182488d3a9cdb4cd03efd5f Mon Sep 17 00:00:00 2001 From: Andrew Noblet Date: Thu, 8 Aug 2024 14:49:35 +0000 Subject: [PATCH] feat(cxl-lumo-styles): add block editor styles Styles from `lumo-styles` JS files manually copy-pasted into respective SCSS files and compiled into `wp-block-editor.scss` https://app.clickup.com/t/86b1kbmjv --- package.json | 1 + packages/cxl-lumo-styles/package.json | 3 +- .../scss/block-editor/color.scss | 185 ++++++++++++++++++ .../scss/block-editor/sizing.scss | 18 ++ .../scss/block-editor/spacing.scss | 26 +++ .../scss/block-editor/style.scss | 27 +++ .../scss/block-editor/typography.scss | 127 ++++++++++++ .../cxl-lumo-styles/scss/wp-block-editor.scss | 11 ++ .../src/styles/block-editor/.gitignore | 1 + yarn.lock | 134 ++++++++++++- 10 files changed, 530 insertions(+), 3 deletions(-) create mode 100644 packages/cxl-lumo-styles/scss/block-editor/color.scss create mode 100644 packages/cxl-lumo-styles/scss/block-editor/sizing.scss create mode 100644 packages/cxl-lumo-styles/scss/block-editor/spacing.scss create mode 100644 packages/cxl-lumo-styles/scss/block-editor/style.scss create mode 100644 packages/cxl-lumo-styles/scss/block-editor/typography.scss create mode 100644 packages/cxl-lumo-styles/scss/wp-block-editor.scss create mode 100644 packages/cxl-lumo-styles/src/styles/block-editor/.gitignore diff --git a/package.json b/package.json index ab490d5b2..3dda8be58 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "build-styling": "node packages/sass-render/bin/sass-render.js -s \"packages/*/scss/**/*.scss\"", "deploy-storybook": "yarn --cwd packages/storybook storybook-to-ghpages", "dist": "yarn build && lerna run dist", + "dist:wp-block-editor": "yarn --cwd packages/cxl-lumo-styles sass scss/wp-block-editor.scss dist/wp-block-editor.min.css --style compressed", "lint": "npm-run-all --parallel lint:*", "lint:js": "eslint *.js packages --ignore-path .gitignore", "lint:scss": "stylelint packages/**/*.scss", diff --git a/packages/cxl-lumo-styles/package.json b/packages/cxl-lumo-styles/package.json index 3768be8c2..8bb50f526 100644 --- a/packages/cxl-lumo-styles/package.json +++ b/packages/cxl-lumo-styles/package.json @@ -13,6 +13,7 @@ "@vaadin/icon": "^23.3.7", "@vaadin/polymer-legacy-adapter": "^23.3.7", "@vaadin/vaadin-lumo-styles": "^23.3.7", - "@vaadin/vaadin-themable-mixin": "^23.3.7" + "@vaadin/vaadin-themable-mixin": "^23.3.7", + "sass-embedded": "^1.77.8" } } diff --git a/packages/cxl-lumo-styles/scss/block-editor/color.scss b/packages/cxl-lumo-styles/scss/block-editor/color.scss new file mode 100644 index 000000000..ef556cbbd --- /dev/null +++ b/packages/cxl-lumo-styles/scss/block-editor/color.scss @@ -0,0 +1,185 @@ +/* node_modules/@vaadin/vaadin-lumo-styles/color.js */ + +// const colorBase +html, +:host { + /* Base (background) */ + --lumo-base-color: #fff; + + /* Tint */ + --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3); + --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37); + --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44); + --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5); + --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57); + --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64); + --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7); + --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77); + --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84); + --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9); + --lumo-tint: #fff; + + /* Shade */ + --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05); + --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1); + --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16); + --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26); + --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38); + --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52); + --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6); + --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69); + --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83); + --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94); + --lumo-shade: hsl(214, 35%, 15%); + + /* Contrast */ + --lumo-contrast-5pct: var(--lumo-shade-5pct); + --lumo-contrast-10pct: var(--lumo-shade-10pct); + --lumo-contrast-20pct: var(--lumo-shade-20pct); + --lumo-contrast-30pct: var(--lumo-shade-30pct); + --lumo-contrast-40pct: var(--lumo-shade-40pct); + --lumo-contrast-50pct: var(--lumo-shade-50pct); + --lumo-contrast-60pct: var(--lumo-shade-60pct); + --lumo-contrast-70pct: var(--lumo-shade-70pct); + --lumo-contrast-80pct: var(--lumo-shade-80pct); + --lumo-contrast-90pct: var(--lumo-shade-90pct); + --lumo-contrast: var(--lumo-shade); + + /* Text */ + --lumo-header-text-color: var(--lumo-contrast); + --lumo-body-text-color: var(--lumo-contrast-90pct); + --lumo-secondary-text-color: var(--lumo-contrast-70pct); + --lumo-tertiary-text-color: var(--lumo-contrast-50pct); + --lumo-disabled-text-color: var(--lumo-contrast-30pct); + + /* Primary */ + --lumo-primary-color: hsl(214, 100%, 48%); + --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76); + --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13); + --lumo-primary-text-color: hsl(214, 100%, 43%); + --lumo-primary-contrast-color: #fff; + + /* Error */ + --lumo-error-color: hsl(3, 85%, 48%); + --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5); + --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1); + --lumo-error-text-color: hsl(3, 89%, 42%); + --lumo-error-contrast-color: #fff; + + /* Success */ + --lumo-success-color: hsl(145, 72%, 30%); + --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5); + --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1); + --lumo-success-text-color: hsl(145, 85%, 25%); + --lumo-success-contrast-color: #fff; +} + +// const color +[theme~='dark'] { + /* Base (background) */ + --lumo-base-color: hsl(214, 35%, 21%); + + /* Tint */ + --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06); + --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14); + --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23); + --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32); + --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41); + --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5); + --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58); + --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69); + --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8); + --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9); + --lumo-tint: hsl(214, 100%, 98%); + + /* Shade */ + --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07); + --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15); + --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23); + --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32); + --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41); + --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5); + --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6); + --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7); + --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8); + --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9); + --lumo-shade: hsl(214, 33%, 13%); + + /* Contrast */ + --lumo-contrast-5pct: var(--lumo-tint-5pct); + --lumo-contrast-10pct: var(--lumo-tint-10pct); + --lumo-contrast-20pct: var(--lumo-tint-20pct); + --lumo-contrast-30pct: var(--lumo-tint-30pct); + --lumo-contrast-40pct: var(--lumo-tint-40pct); + --lumo-contrast-50pct: var(--lumo-tint-50pct); + --lumo-contrast-60pct: var(--lumo-tint-60pct); + --lumo-contrast-70pct: var(--lumo-tint-70pct); + --lumo-contrast-80pct: var(--lumo-tint-80pct); + --lumo-contrast-90pct: var(--lumo-tint-90pct); + --lumo-contrast: var(--lumo-tint); + + /* Text */ + --lumo-header-text-color: var(--lumo-contrast); + --lumo-body-text-color: var(--lumo-contrast-90pct); + --lumo-secondary-text-color: var(--lumo-contrast-70pct); + --lumo-tertiary-text-color: var(--lumo-contrast-50pct); + --lumo-disabled-text-color: var(--lumo-contrast-30pct); + + /* Primary */ + --lumo-primary-color: hsl(214, 90%, 48%); + --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69); + --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13); + --lumo-primary-text-color: hsl(214, 90%, 77%); + --lumo-primary-contrast-color: #fff; + + /* Error */ + --lumo-error-color: hsl(3, 79%, 49%); + --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5); + --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14); + --lumo-error-text-color: hsl(3, 100%, 80%); + + /* Success */ + --lumo-success-color: hsl(145, 72%, 30%); + --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5); + --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1); + --lumo-success-text-color: hsl(145, 85%, 46%); +} + +html { + color: var(--lumo-body-text-color); + background-color: var(--lumo-base-color); + color-scheme: light; +} + +[theme~='dark'] { + color: var(--lumo-body-text-color); + background-color: var(--lumo-base-color); + color-scheme: dark; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--lumo-header-text-color); +} + +a:where(:any-link) { + color: var(--lumo-primary-text-color); +} + +a:not(:any-link) { + color: var(--lumo-disabled-text-color); +} + +blockquote { + color: var(--lumo-secondary-text-color); +} + +code, +pre { + background-color: var(--lumo-contrast-10pct); + border-radius: var(--lumo-border-radius-m); +} diff --git a/packages/cxl-lumo-styles/scss/block-editor/sizing.scss b/packages/cxl-lumo-styles/scss/block-editor/sizing.scss new file mode 100644 index 000000000..a8be9299b --- /dev/null +++ b/packages/cxl-lumo-styles/scss/block-editor/sizing.scss @@ -0,0 +1,18 @@ +/* node_modules/@vaadin/vaadin-lumo-styles/sizing.js */ + +// const sizing +html, +:host { + --lumo-size-xs: 1.625rem; + --lumo-size-s: 1.875rem; + --lumo-size-m: 2.25rem; + --lumo-size-l: 2.75rem; + --lumo-size-xl: 3.5rem; + + /* Icons */ + --lumo-icon-size-s: 1.25em; + --lumo-icon-size-m: 1.5em; + --lumo-icon-size-l: 2.25em; + /* For backwards compatibility */ + --lumo-icon-size: var(--lumo-icon-size-m); +} diff --git a/packages/cxl-lumo-styles/scss/block-editor/spacing.scss b/packages/cxl-lumo-styles/scss/block-editor/spacing.scss new file mode 100644 index 000000000..c68bc8da1 --- /dev/null +++ b/packages/cxl-lumo-styles/scss/block-editor/spacing.scss @@ -0,0 +1,26 @@ +/* node_modules/@vaadin/vaadin-lumo-styles/spacing.js */ + +// const spacing +html, +:host { + /* Square */ + --lumo-space-xs: 0.25rem; + --lumo-space-s: 0.5rem; + --lumo-space-m: 1rem; + --lumo-space-l: 1.5rem; + --lumo-space-xl: 2.5rem; + + /* Wide */ + --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs); + --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s); + --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m); + --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l); + --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl); + + /* Tall */ + --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2); + --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2); + --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2); + --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2); + --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2); +} diff --git a/packages/cxl-lumo-styles/scss/block-editor/style.scss b/packages/cxl-lumo-styles/scss/block-editor/style.scss new file mode 100644 index 000000000..4487d0d8b --- /dev/null +++ b/packages/cxl-lumo-styles/scss/block-editor/style.scss @@ -0,0 +1,27 @@ +/* node_modules/@vaadin/vaadin-lumo-styles/style.js */ + +// const style +html, +:host { + /* Border radius */ + --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */ + --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */ + --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */ + --lumo-border-radius: 0.25em; /* Deprecated */ + + /* Shadow */ + --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct); + --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct); + --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct); + --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct); + --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct); + + /* Clickable element cursor */ + --lumo-clickable-cursor: default; +} + +// const globals +html { + --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2); + --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2); +} diff --git a/packages/cxl-lumo-styles/scss/block-editor/typography.scss b/packages/cxl-lumo-styles/scss/block-editor/typography.scss new file mode 100644 index 000000000..54d972e7c --- /dev/null +++ b/packages/cxl-lumo-styles/scss/block-editor/typography.scss @@ -0,0 +1,127 @@ +/* node_modules/@vaadin/vaadin-lumo-styles/typography.js */ + +// const font +html, +:host { + /* prettier-ignore */ + --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + + /* Font sizes */ + --lumo-font-size-xxs: 0.75rem; + --lumo-font-size-xs: 0.8125rem; + --lumo-font-size-s: 0.875rem; + --lumo-font-size-m: 1rem; + --lumo-font-size-l: 1.125rem; + --lumo-font-size-xl: 1.375rem; + --lumo-font-size-xxl: 1.75rem; + --lumo-font-size-xxxl: 2.5rem; + + /* Line heights */ + --lumo-line-height-xs: 1.25; + --lumo-line-height-s: 1.375; + --lumo-line-height-m: 1.625; +} + +// const typography +html, +:host { + font-family: var(--lumo-font-family); + font-size: var(--lumo-font-size, var(--lumo-font-size-m)); + line-height: var(--lumo-line-height-m); + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +small, +[theme~='font-size-s'] { + font-size: var(--lumo-font-size-s); + line-height: var(--lumo-line-height-s); +} + +[theme~='font-size-xs'] { + font-size: var(--lumo-font-size-xs); + line-height: var(--lumo-line-height-xs); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 600; + line-height: var(--lumo-line-height-xs); + margin-top: 1.25em; +} + +h1 { + font-size: var(--lumo-font-size-xxxl); + margin-bottom: 0.75em; +} + +h2 { + font-size: var(--lumo-font-size-xxl); + margin-bottom: 0.5em; +} + +h3 { + font-size: var(--lumo-font-size-xl); + margin-bottom: 0.5em; +} + +h4 { + font-size: var(--lumo-font-size-l); + margin-bottom: 0.5em; +} + +h5 { + font-size: var(--lumo-font-size-m); + margin-bottom: 0.25em; +} + +h6 { + font-size: var(--lumo-font-size-xs); + margin-bottom: 0; + text-transform: uppercase; + letter-spacing: 0.03em; +} + +p, +blockquote { + margin-top: 0.5em; + margin-bottom: 0.75em; +} + +a { + text-decoration: none; +} + +a:where(:any-link):hover { + text-decoration: underline; +} + +hr { + display: block; + align-self: stretch; + height: 1px; + border: 0; + padding: 0; + margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2); + background-color: var(--lumo-contrast-10pct); +} + +blockquote { + border-left: 2px solid var(--lumo-contrast-30pct); +} + +b, +strong { + font-weight: 600; +} + +/* RTL specific styles */ +blockquote[dir='rtl'] { + border-left: none; + border-right: 2px solid var(--lumo-contrast-30pct); +} diff --git a/packages/cxl-lumo-styles/scss/wp-block-editor.scss b/packages/cxl-lumo-styles/scss/wp-block-editor.scss new file mode 100644 index 000000000..746c1bd56 --- /dev/null +++ b/packages/cxl-lumo-styles/scss/wp-block-editor.scss @@ -0,0 +1,11 @@ +@import "block-editor/color"; +@import "block-editor/sizing"; +@import "block-editor/spacing"; +@import "block-editor/style"; +@import "block-editor/typography"; +@import "color"; +@import "typography"; + +.has-cxl-red-color { + color: var(--lumo-primary-color); +} diff --git a/packages/cxl-lumo-styles/src/styles/block-editor/.gitignore b/packages/cxl-lumo-styles/src/styles/block-editor/.gitignore new file mode 100644 index 000000000..f935021a8 --- /dev/null +++ b/packages/cxl-lumo-styles/src/styles/block-editor/.gitignore @@ -0,0 +1 @@ +!.gitignore diff --git a/yarn.lock b/yarn.lock index 08b0f8282..78a00188e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1210,6 +1210,11 @@ "@babel/helper-validator-identifier" "^7.22.5" to-fast-properties "^2.0.0" +"@bufbuild/protobuf@^1.0.0": + version "1.10.0" + resolved "https://registry.yarnpkg.com/@bufbuild/protobuf/-/protobuf-1.10.0.tgz#1a67ac889c2d464a3492b3e54c38f80517963b16" + integrity sha512-QDdVFLoN93Zjg36NoQPZfsVH9tZew7wKDKyV5qRdj8ntT4wQCOradQjRaTdwMhWUYsgKsvCINKKm87FdEk96Ag== + "@cnakazawa/watch@^1.0.3": version "1.0.4" resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a" @@ -5881,6 +5886,11 @@ buffer-alloc@^1.2.0: buffer-alloc-unsafe "^1.1.0" buffer-fill "^1.0.0" +buffer-builder@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/buffer-builder/-/buffer-builder-0.2.0.tgz#3322cd307d8296dab1f604618593b261a3fade8f" + integrity sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg== + buffer-fill@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c" @@ -15929,7 +15939,7 @@ rxjs@^6.4.0: dependencies: tslib "^1.9.0" -rxjs@^7.5.1: +rxjs@^7.4.0, rxjs@^7.5.1: version "7.8.1" resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543" integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg== @@ -15997,6 +16007,121 @@ sane@^4.0.3: minimist "^1.1.1" walker "~1.0.5" +sass-embedded-android-arm64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.77.8.tgz#29dd70d04a13142b62a09bec35a6abe9244d58cf" + integrity sha512-EmWHLbEx0Zo/f/lTFzMeH2Du+/I4RmSRlEnERSUKQWVp3aBSO04QDvdxfFezgQ+2Yt/ub9WMqBpma9P/8MPsLg== + +sass-embedded-android-arm@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-android-arm/-/sass-embedded-android-arm-1.77.8.tgz#7de0641036f1f32e0aec4c250561a3fb9907171e" + integrity sha512-GpGL7xZ7V1XpFbnflib/NWbM0euRzineK0iwoo31/ntWKAXGj03iHhGzkSiOwWSFcXgsJJi3eRA5BTmBvK5Q+w== + +sass-embedded-android-ia32@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.77.8.tgz#24603c38361c916d181d30af79a23016fd110b37" + integrity sha512-+GjfJ3lDezPi4dUUyjQBxlNKXNa+XVWsExtGvVNkv1uKyaOxULJhubVo2G6QTJJU0esJdfeXf5Ca5/J0ph7+7w== + +sass-embedded-android-x64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-android-x64/-/sass-embedded-android-x64-1.77.8.tgz#f53d538f57f109d8a8b8bc64d69a2b1f849c13d2" + integrity sha512-YZbFDzGe5NhaMCygShqkeCWtzjhkWxGVunc7ULR97wmxYPQLPeVyx7XFQZc84Aj0lKAJBJS4qRZeqphMqZEJsQ== + +sass-embedded-darwin-arm64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.77.8.tgz#beb4f56677b9310c21ee1be48080cb70bbd1f145" + integrity sha512-aifgeVRNE+i43toIkDFFJc/aPLMo0PJ5s5hKb52U+oNdiJE36n65n2L8F/8z3zZRvCa6eYtFY2b7f1QXR3B0LA== + +sass-embedded-darwin-x64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.77.8.tgz#fc8a06d98e0d67cdad2e018fbc087fe19a124948" + integrity sha512-/VWZQtcWIOek60Zj6Sxk6HebXA1Qyyt3sD8o5qwbTgZnKitB1iEBuNunyGoAgMNeUz2PRd6rVki6hvbas9hQ6w== + +sass-embedded-linux-arm64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.77.8.tgz#0d771159659d5b2e5742fb9fc7f62c0bf5b5d7f0" + integrity sha512-6iIOIZtBFa2YfMsHqOb3qake3C9d/zlKxjooKKnTSo+6g6z+CLTzMXe1bOfayb7yxeenElmFoK1k54kWD/40+g== + +sass-embedded-linux-arm@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.77.8.tgz#67d73e6726df6d96a4223e1032fe452df3d307ba" + integrity sha512-2edZMB6jf0whx3T0zlgH+p131kOEmWp+I4wnKj7ZMUeokiY4Up05d10hSvb0Q63lOrSjFAWu6P5/pcYUUx8arQ== + +sass-embedded-linux-ia32@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.77.8.tgz#63294592cba393ba852590ed586897340d32caca" + integrity sha512-63GsFFHWN5yRLTWiSef32TM/XmjhCBx1DFhoqxmj+Yc6L9Z1h0lDHjjwdG6Sp5XTz5EmsaFKjpDgnQTP9hJX3Q== + +sass-embedded-linux-musl-arm64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.77.8.tgz#c31b3535e2c027d45155a423f3bebad8a7ed12a6" + integrity sha512-j8cgQxNWecYK+aH8ESFsyam/Q6G+9gg8eJegiRVpA9x8yk3ykfHC7UdQWwUcF22ZcuY4zegrjJx8k+thsgsOVA== + +sass-embedded-linux-musl-arm@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.77.8.tgz#3ed067de1a4c94d3c9462d26842e7f34e1282d6a" + integrity sha512-nFkhSl3uu9btubm+JBW7uRglNVJ8W8dGfzVqh3fyQJKS1oyBC3vT3VOtfbT9YivXk28wXscSHpqXZwY7bUuopA== + +sass-embedded-linux-musl-ia32@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.77.8.tgz#b594999e7fd44df31cf231af3b5dc9707081b64c" + integrity sha512-oWveMe+8TFlP8WBWPna/+Ec5TV0CE+PxEutyi0ltSruBds2zxRq9dPVOqrpPcDN9QUx50vNZC0Afgch0aQEd0g== + +sass-embedded-linux-musl-x64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.77.8.tgz#fb25d36f4640ddff94c9111733b9ce9ecad25a24" + integrity sha512-2NtRpMXHeFo9kaYxuZ+Ewwo39CE7BTS2JDfXkTjZTZqd8H+8KC53eBh516YQnn2oiqxSiKxm7a6pxbxGZGwXOQ== + +sass-embedded-linux-x64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.77.8.tgz#66344634aab8e38f0a8d7a5712a744430bef29d4" + integrity sha512-ND5qZLWUCpOn7LJfOf0gLSZUWhNIysY+7NZK1Ctq+pM6tpJky3JM5I1jSMplNxv5H3o8p80n0gSm+fcjsEFfjQ== + +sass-embedded-win32-arm64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.77.8.tgz#b34b9e637ee82fcf84e7af12fa85ddb1e59c2e62" + integrity sha512-7L8zT6xzEvTYj86MvUWnbkWYCNQP+74HvruLILmiPPE+TCgOjgdi750709BtppVJGGZSs40ZuN6mi/YQyGtwXg== + +sass-embedded-win32-ia32@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.77.8.tgz#284b5d4629c2ca3f406497b9cbb0a9f9a6a85dda" + integrity sha512-7Buh+4bP0WyYn6XPbthkIa3M2vtcR8QIsFVg3JElVlr+8Ng19jqe0t0SwggDgbMX6AdQZC+Wj4F1BprZSok42A== + +sass-embedded-win32-x64@1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.77.8.tgz#01d32c063bbd5c3fe6b04a4ec2cdf690e61bbae7" + integrity sha512-rZmLIx4/LLQm+4GW39sRJW0MIlDqmyV0fkRzTmhFP5i/wVC7cuj8TUubPHw18rv2rkHFfBZKZJTCkPjCS5Z+SA== + +sass-embedded@^1.77.8: + version "1.77.8" + resolved "https://registry.yarnpkg.com/sass-embedded/-/sass-embedded-1.77.8.tgz#d8d885ccd59c6040fcccd345299a115187d65726" + integrity sha512-WGXA6jcaoBo5Uhw0HX/s6z/sl3zyYQ7ZOnLOJzqwpctFcFmU4L07zn51e2VSkXXFpQZFAdMZNqOGz/7h/fvcRA== + dependencies: + "@bufbuild/protobuf" "^1.0.0" + buffer-builder "^0.2.0" + immutable "^4.0.0" + rxjs "^7.4.0" + supports-color "^8.1.1" + varint "^6.0.0" + optionalDependencies: + sass-embedded-android-arm "1.77.8" + sass-embedded-android-arm64 "1.77.8" + sass-embedded-android-ia32 "1.77.8" + sass-embedded-android-x64 "1.77.8" + sass-embedded-darwin-arm64 "1.77.8" + sass-embedded-darwin-x64 "1.77.8" + sass-embedded-linux-arm "1.77.8" + sass-embedded-linux-arm64 "1.77.8" + sass-embedded-linux-ia32 "1.77.8" + sass-embedded-linux-musl-arm "1.77.8" + sass-embedded-linux-musl-arm64 "1.77.8" + sass-embedded-linux-musl-ia32 "1.77.8" + sass-embedded-linux-musl-x64 "1.77.8" + sass-embedded-linux-x64 "1.77.8" + sass-embedded-win32-arm64 "1.77.8" + sass-embedded-win32-ia32 "1.77.8" + sass-embedded-win32-x64 "1.77.8" + sass@^1.24.0: version "1.63.6" resolved "https://registry.yarnpkg.com/sass/-/sass-1.63.6.tgz#481610e612902e0c31c46b46cf2dad66943283ea" @@ -17220,7 +17345,7 @@ supports-color@^7.0.0, supports-color@^7.1.0: dependencies: has-flag "^4.0.0" -supports-color@^8.0.0: +supports-color@^8.0.0, supports-color@^8.1.1: version "8.1.1" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c" integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q== @@ -18181,6 +18306,11 @@ validator@11.1.0: resolved "https://registry.yarnpkg.com/validator/-/validator-11.1.0.tgz#ac18cac42e0aa5902b603d7a5d9b7827e2346ac4" integrity sha512-qiQ5ktdO7CD6C/5/mYV4jku/7qnqzjrxb3C/Q5wR3vGGinHTgJZN/TdFT3ZX4vXhX2R1PXx42fB1cn5W+uJ4lg== +varint@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/varint/-/varint-6.0.0.tgz#9881eb0ce8feaea6512439d19ddf84bf551661d0" + integrity sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg== + vary@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"