diff --git a/.vscode/settings.json b/.vscode/settings.json index 33601dc77f..1788b18f10 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -26,5 +26,7 @@ }, "eslint.options": { "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"] - } + }, + "editor.formatOnSave": true, + "editor.defaultFormatter": "esbenp.prettier-vscode" } diff --git a/packages/css-in-js/package.json b/packages/css-in-js/package.json index 38d41a62cf..c7b2205439 100644 --- a/packages/css-in-js/package.json +++ b/packages/css-in-js/package.json @@ -40,32 +40,32 @@ }, "devDependencies": { "@rocket.chat/eslint-config": "^0.4.0", - "@rollup/plugin-commonjs": "^16.0.0", + "@rollup/plugin-commonjs": "^17.0.0", "@rollup/plugin-json": "^4.1.0", - "@rollup/plugin-node-resolve": "^10.0.0", - "@rollup/plugin-typescript": "^6.1.0", - "@types/jest": "^26.0.0", + "@rollup/plugin-node-resolve": "^11.0.1", + "@rollup/plugin-typescript": "^8.1.0", + "@types/jest": "^26.0.19", "@types/stylis": "^4.0.0", - "@typescript-eslint/eslint-plugin": "^4.5.0", - "@typescript-eslint/parser": "^4.5.0", - "documentation": "^13.0.2", - "eslint": "^7.13.0", - "eslint-config-prettier": "^6.15.0", - "eslint-plugin-import": "^2.19.1", - "eslint-plugin-prettier": "^3.1.4", - "jest": "^26.1.0", - "lint-staged": "^10.0.8", - "prettier": "2.1.2", - "rollup": "^2.33.3", + "@typescript-eslint/eslint-plugin": "^4.11.0", + "@typescript-eslint/parser": "^4.11.0", + "documentation": "^13.1.0", + "eslint": "^7.16.0", + "eslint-config-prettier": "^7.1.0", + "eslint-plugin-import": "^2.22.1", + "eslint-plugin-prettier": "^3.3.0", + "jest": "^26.6.3", + "lint-staged": "^10.5.3", + "prettier": "^2.2.1", + "rollup": "^2.35.1", "rollup-plugin-terser": "^7.0.2", - "ts-jest": "^26.1.1", - "typescript": "^4.0.3" + "ts-jest": "^26.4.4", + "typescript": "^4.1.3" }, "publishConfig": { "access": "public" }, "dependencies": { "@emotion/hash": "^0.8.0", - "stylis": "^4.0.3" + "stylis": "^4.0.6" } } diff --git a/packages/emitter/README.md b/packages/emitter/README.md index b11946c4a1..0a128b6757 100644 --- a/packages/emitter/README.md +++ b/packages/emitter/README.md @@ -69,7 +69,7 @@ The event emitter class. Returns the whole EventType list -Returns **[Array](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)<[EventType](#eventtype)>** +Returns **[Array](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)<[EventType](#eventtype)>** #### has @@ -77,9 +77,9 @@ Returns `true` if this emmiter has a listener attached to the `key` event type ##### Parameters -- `key` **[EventType](#eventtype)** +- `key` **[EventType](#eventtype)** -Returns **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** +Returns **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** #### on @@ -87,8 +87,8 @@ Adds the `handler` function to listen events of the `type` type. ##### Parameters -- `type` **[EventType](#eventtype)** -- `handler` **[Handler](#handler)<T>** +- `type` **[EventType](#eventtype)** +- `handler` **[Handler](#handler)<T>** Returns **OffCallbackHandler** a function to unsubscribe the handler invoking `this.off(type, handler)` @@ -98,8 +98,8 @@ Adds a _one-time_ `handler` function for the event of the `type` type. ##### Parameters -- `type` **[EventType](#eventtype)** -- `handler` **[Handler](#handler)<T>** +- `type` **[EventType](#eventtype)** +- `handler` **[Handler](#handler)<T>** Returns **OffCallbackHandler** a function to unsubscribe the handler invoking `this.off(type, handler)` @@ -109,10 +109,10 @@ Removes the specified `handler` from the list of handlers of the event of the `t ##### Parameters -- `type` **[EventType](#eventtype)** -- `handler` **[Handler](#handler)<T>** +- `type` **[EventType](#eventtype)** +- `handler` **[Handler](#handler)<T>** -Returns **void** +Returns **void** #### emit @@ -121,7 +121,7 @@ order they were registered, passing the supplied argument `e` to each. ##### Parameters -- `type` **[EventType](#eventtype)** -- `e` **T?** +- `type` **[EventType](#eventtype)** +- `e` **T?** -Returns **void** +Returns **void** diff --git a/packages/emitter/package.json b/packages/emitter/package.json index 29d3104d31..b6ec5a6a29 100644 --- a/packages/emitter/package.json +++ b/packages/emitter/package.json @@ -44,31 +44,31 @@ "docs": "run-s build docs:api-extractor docs:api-documenter docs:readme docs:clean" }, "devDependencies": { - "@microsoft/api-documenter": "^7.8.21", - "@microsoft/api-extractor": "^7.9.2", + "@microsoft/api-documenter": "^7.12.1", + "@microsoft/api-extractor": "^7.12.1", "@rocket.chat/eslint-config": "^0.4.0", - "@rollup/plugin-commonjs": "^15.1.0", + "@rollup/plugin-commonjs": "^17.0.0", "@rollup/plugin-json": "^4.1.0", - "@rollup/plugin-node-resolve": "^9.0.0", - "@rollup/plugin-typescript": "^6.0.0", - "@types/jest": "^26.0.15", - "@typescript-eslint/eslint-plugin": "^4.5.0", - "@typescript-eslint/parser": "^4.5.0", - "documentation": "^13.0.2", - "eslint": "^7.13.0", - "eslint-config-prettier": "^6.15.0", - "eslint-plugin-import": "^2.19.1", - "eslint-plugin-prettier": "^3.1.4", - "eslint-plugin-react": "^7.16.0", - "eslint-plugin-react-hooks": "^4.0.4", - "jest": "^26.0.1", - "lint-staged": "^10.0.8", - "prettier": "^2.1.2", + "@rollup/plugin-node-resolve": "^11.0.1", + "@rollup/plugin-typescript": "^8.1.0", + "@types/jest": "^26.0.19", + "@typescript-eslint/eslint-plugin": "^4.11.1", + "@typescript-eslint/parser": "^4.11.1", + "documentation": "^13.1.0", + "eslint": "^7.16.0", + "eslint-config-prettier": "^7.1.0", + "eslint-plugin-import": "^2.22.1", + "eslint-plugin-prettier": "^3.3.0", + "eslint-plugin-react": "^7.21.5", + "eslint-plugin-react-hooks": "^4.2.0", + "jest": "^26.6.3", + "lint-staged": "^10.5.3", + "prettier": "^2.2.1", "rimraf": "^3.0.2", - "rollup": "^2.21.0", + "rollup": "^2.35.1", "rollup-plugin-terser": "^7.0.2", - "ts-jest": "^26.1.0", - "typescript": "^4.0.3" + "ts-jest": "^26.4.4", + "typescript": "^4.1.3" }, "publishConfig": { "access": "public" diff --git a/packages/fuselage-hooks/docs/fuselage-hooks.placements.md b/packages/fuselage-hooks/docs/fuselage-hooks.placements.md index 9f6082c466..f391db7b4d 100644 --- a/packages/fuselage-hooks/docs/fuselage-hooks.placements.md +++ b/packages/fuselage-hooks/docs/fuselage-hooks.placements.md @@ -9,3 +9,5 @@ ```typescript export declare type Placements = 'top-start' | 'top-middle' | 'top-end' | 'bottom-start' | 'bottom-middle' | 'bottom-end' | 'left-start' | 'left-middle' | 'left-end' | 'right-start' | 'right-middle' | 'right-end' | Positions; ``` +References: [Positions](./fuselage-hooks.positions.md) + diff --git a/packages/fuselage-hooks/docs/fuselage-hooks.positionoptions_2.md b/packages/fuselage-hooks/docs/fuselage-hooks.positionoptions_2.md index 8817098f57..5d586ed1be 100644 --- a/packages/fuselage-hooks/docs/fuselage-hooks.positionoptions_2.md +++ b/packages/fuselage-hooks/docs/fuselage-hooks.positionoptions_2.md @@ -14,3 +14,5 @@ export declare type PositionOptions = { watch?: boolean; }; ``` +References: [Placements](./fuselage-hooks.placements.md) + diff --git a/packages/fuselage-hooks/src/useClipboard.spec.ts b/packages/fuselage-hooks/src/useClipboard.spec.ts index 3016cd3391..1740e51f31 100644 --- a/packages/fuselage-hooks/src/useClipboard.spec.ts +++ b/packages/fuselage-hooks/src/useClipboard.spec.ts @@ -5,7 +5,7 @@ import { act } from 'react-dom/test-utils'; import { useClipboard, UseClipboardReturn } from './useClipboard'; describe('useClipboard hook', () => { - let container; + let container: Element; beforeEach(() => { container = document.createElement('div'); @@ -75,8 +75,8 @@ describe('useClipboard hook', () => { Object.assign(navigator, { clipboard: { writeText: () => - new Promise((resolve) => { - return resolve(); + new Promise((resolve) => { + resolve(); }), }, }); diff --git a/packages/fuselage-hooks/src/usePrefersColorScheme.ts b/packages/fuselage-hooks/src/usePrefersColorScheme.ts index b3d2318351..f0297b9ec0 100644 --- a/packages/fuselage-hooks/src/usePrefersColorScheme.ts +++ b/packages/fuselage-hooks/src/usePrefersColorScheme.ts @@ -1,4 +1,4 @@ -import { useMediaQuery } from '.'; +import { useMediaQuery } from './useMediaQuery'; /** * Hook to get the prefers-color-scheme value. @@ -6,6 +6,5 @@ import { useMediaQuery } from '.'; * @returns `true` if the prefers-color-scheme matches * @public */ - export const usePrefersColorScheme = (scheme?: string): boolean => useMediaQuery(`(prefers-color-scheme: ${!scheme ? 'light' : scheme})`); diff --git a/packages/fuselage-hooks/src/usePrefersReducedData.ts b/packages/fuselage-hooks/src/usePrefersReducedData.ts index 2c7d930b76..bf719602e7 100644 --- a/packages/fuselage-hooks/src/usePrefersReducedData.ts +++ b/packages/fuselage-hooks/src/usePrefersReducedData.ts @@ -1,4 +1,4 @@ -import { useMediaQuery } from '.'; +import { useMediaQuery } from './useMediaQuery'; /** * Hook to get the prefers-reduce-data value. @@ -6,6 +6,5 @@ import { useMediaQuery } from '.'; * @returns `true` if the prefers-reduce-data is set reduce in the media queries that matches * @public */ - export const usePrefersReducedData = (): boolean => useMediaQuery('(prefers-reduced-data: reduce)'); diff --git a/packages/fuselage-hooks/src/usePrefersReducedMotion.ts b/packages/fuselage-hooks/src/usePrefersReducedMotion.ts index 2b1ee79204..2377dbc30b 100644 --- a/packages/fuselage-hooks/src/usePrefersReducedMotion.ts +++ b/packages/fuselage-hooks/src/usePrefersReducedMotion.ts @@ -1,4 +1,4 @@ -import { useMediaQuery } from '.'; +import { useMediaQuery } from './useMediaQuery'; /** * Hook to get the prefers-reduce-motion value. @@ -6,6 +6,5 @@ import { useMediaQuery } from '.'; * @returns `true` if the prefers-reduce-motion is set reduce in the media queries that matches * @public */ - export const usePrefersReducedMotion = (): boolean => useMediaQuery('(prefers-reduced-motion: reduce)'); diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index 4a27b27cae..830f127159 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -16,10 +16,10 @@ }, "main": "index.js", "dependencies": { - "@juggle/resize-observer": "^3.1.2", + "@juggle/resize-observer": "^3.2.0", "clipboard-polyfill": "^3.0.1", "element-closest-polyfill": "^1.0.2", - "focus-visible": "^5.0.2", + "focus-visible": "^5.2.0", "focus-within-polyfill": "^5.1.0" } } diff --git a/packages/fuselage-tokens/.prettierrc b/packages/fuselage-tokens/.prettierrc index e93d7b8273..98824472ae 100644 --- a/packages/fuselage-tokens/.prettierrc +++ b/packages/fuselage-tokens/.prettierrc @@ -4,4 +4,4 @@ "quoteProps": "consistent", "jsxSingleQuote": true, "printWidth": 80 -} +} diff --git a/packages/fuselage-tokens/all.js b/packages/fuselage-tokens/all.js deleted file mode 100644 index 7c013170d7..0000000000 --- a/packages/fuselage-tokens/all.js +++ /dev/null @@ -1,3 +0,0 @@ -export { default as breakpoints } from './breakpoints'; -export { default as colors } from './colors'; -export { default as typography } from './typography'; diff --git a/packages/fuselage-tokens/all.scss b/packages/fuselage-tokens/all.scss deleted file mode 100644 index 0abf0041be..0000000000 --- a/packages/fuselage-tokens/all.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import './breakpoints.scss'; -@import './colors.scss'; -@import './typography.scss'; diff --git a/packages/fuselage-tokens/breakpoints.js b/packages/fuselage-tokens/breakpoints.js index c66cefd4ad..d8cc20ec3c 100644 --- a/packages/fuselage-tokens/breakpoints.js +++ b/packages/fuselage-tokens/breakpoints.js @@ -1,27 +1,10 @@ -export default { - xs: { - minViewportWidth: null, - columns: 4, - gutterWidth: 16, - }, - sm: { - minViewportWidth: 600, - columns: 8, - gutterWidth: 16, - }, - md: { - minViewportWidth: 768, - columns: 8, - gutterWidth: 24, - }, - lg: { - minViewportWidth: 1024, - columns: 12, - gutterWidth: 24, - }, - xl: { - minViewportWidth: 1440, - columns: 12, - gutterWidth: 24, - }, +'use strict'; +module.exports = { + xs: { name: 'xs', minViewportWidth: null, columns: 4, gutterWidth: 16 }, + sm: { name: 'sm', minViewportWidth: 600, columns: 8, gutterWidth: 16 }, + md: { name: 'md', minViewportWidth: 768, columns: 8, gutterWidth: 24 }, + lg: { name: 'lg', minViewportWidth: 1024, columns: 12, gutterWidth: 24 }, + xl: { name: 'xl', minViewportWidth: 1280, columns: 12, gutterWidth: 24 }, + xxl: { name: 'xxl', minViewportWidth: 1600, columns: 12, gutterWidth: 24 }, + xxxl: { name: 'xxxl', minViewportWidth: 1920, columns: 12, gutterWidth: 24 }, }; diff --git a/packages/fuselage-tokens/breakpoints.mjs b/packages/fuselage-tokens/breakpoints.mjs new file mode 100644 index 0000000000..674792fd08 --- /dev/null +++ b/packages/fuselage-tokens/breakpoints.mjs @@ -0,0 +1,9 @@ +export default { + xs: { name: 'xs', minViewportWidth: null, columns: 4, gutterWidth: 16 }, + sm: { name: 'sm', minViewportWidth: 600, columns: 8, gutterWidth: 16 }, + md: { name: 'md', minViewportWidth: 768, columns: 8, gutterWidth: 24 }, + lg: { name: 'lg', minViewportWidth: 1024, columns: 12, gutterWidth: 24 }, + xl: { name: 'xl', minViewportWidth: 1280, columns: 12, gutterWidth: 24 }, + xxl: { name: 'xxl', minViewportWidth: 1600, columns: 12, gutterWidth: 24 }, + xxxl: { name: 'xxxl', minViewportWidth: 1920, columns: 12, gutterWidth: 24 }, +}; diff --git a/packages/fuselage-tokens/breakpoints.scss b/packages/fuselage-tokens/breakpoints.scss index 1e7600366d..8f54bd53af 100644 --- a/packages/fuselage-tokens/breakpoints.scss +++ b/packages/fuselage-tokens/breakpoints.scss @@ -1,26 +1,43 @@ $breakpoints: ( xs: ( + name: xs, min-viewport-width: null, columns: 4, gutter-width: 16, ), sm: ( + name: sm, min-viewport-width: 600, columns: 8, gutter-width: 16, ), md: ( + name: md, min-viewport-width: 768, columns: 8, gutter-width: 24, ), lg: ( + name: lg, min-viewport-width: 1024, columns: 12, gutter-width: 24, ), xl: ( - min-viewport-width: 1440, + name: xl, + min-viewport-width: 1280, + columns: 12, + gutter-width: 24, + ), + xxl: ( + name: xxl, + min-viewport-width: 1600, + columns: 12, + gutter-width: 24, + ), + xxxl: ( + name: xxxl, + min-viewport-width: 1920, columns: 12, gutter-width: 24, ), diff --git a/packages/fuselage-tokens/colors.js b/packages/fuselage-tokens/colors.js index f0dc3390d6..9fd60dbea5 100644 --- a/packages/fuselage-tokens/colors.js +++ b/packages/fuselage-tokens/colors.js @@ -1,5 +1,5 @@ -export default { - // Neutral +'use strict'; +module.exports = { n100: '#f7f8fa', n200: '#f2f3f5', n300: '#eeeff1', @@ -9,8 +9,6 @@ export default { n700: '#6c727a', n800: '#2f343d', n900: '#1f2329', - - // Blues b100: '#e8f2ff', b200: '#d1ebfe', b300: '#76b7fc', @@ -20,8 +18,6 @@ export default { b700: '#10529e', b800: '#01336b', b900: '#012247', - - // Greens g100: '#e5fbf4', g200: '#c0f6e4', g300: '#96f0d2', @@ -31,8 +27,6 @@ export default { g700: '#19ac7c', g800: '#158d65', g900: '#106d4f', - - // Reds r100: '#fddade', r200: '#fbb5be', r300: '#f98f9d', @@ -42,8 +36,6 @@ export default { r700: '#b30a20', r800: '#8b0719', r900: '#630512', - - // Yellows y100: '#fff6d6', y200: '#ffecad', y300: '#ffe383', @@ -53,8 +45,6 @@ export default { y700: '#dfac00', y800: '#b68d00', y900: '#8e6d00', - - // Purples p100: '#f9effc', p200: '#edd0f7', p300: '#dca0ef', @@ -64,8 +54,6 @@ export default { p700: '#5f1477', p800: '#4a105d', p900: '#350b42', - - // Oranges o100: '#fde8d7', o200: '#fad1b0', o300: '#f7b27b', @@ -75,6 +63,5 @@ export default { o700: '#bd5a0b', o800: '#974809', o900: '#713607', - white: '#ffffff', }; diff --git a/packages/fuselage-tokens/colors.json b/packages/fuselage-tokens/colors.json new file mode 100644 index 0000000000..e180d13608 --- /dev/null +++ b/packages/fuselage-tokens/colors.json @@ -0,0 +1,66 @@ +{ + "n100": "#f7f8fa", + "n200": "#f2f3f5", + "n300": "#eeeff1", + "n400": "#e4e7ea", + "n500": "#cbced1", + "n600": "#9ea2a8", + "n700": "#6c727a", + "n800": "#2f343d", + "n900": "#1f2329", + "b100": "#e8f2ff", + "b200": "#d1ebfe", + "b300": "#76b7fc", + "b400": "#549df9", + "b500": "#1d74f5", + "b600": "#095ad2", + "b700": "#10529e", + "b800": "#01336b", + "b900": "#012247", + "g100": "#e5fbf4", + "g200": "#c0f6e4", + "g300": "#96f0d2", + "g400": "#6ce9c0", + "g500": "#2de0a5", + "g600": "#1ecb92", + "g700": "#19ac7c", + "g800": "#158d65", + "g900": "#106d4f", + "r100": "#fddade", + "r200": "#fbb5be", + "r300": "#f98f9d", + "r400": "#f76a7d", + "r500": "#f5455c", + "r600": "#db0c27", + "r700": "#b30a20", + "r800": "#8b0719", + "r900": "#630512", + "y100": "#fff6d6", + "y200": "#ffecad", + "y300": "#ffe383", + "y400": "#ffd95a", + "y500": "#ffd031", + "y600": "#f3be08", + "y700": "#dfac00", + "y800": "#b68d00", + "y900": "#8e6d00", + "p100": "#f9effc", + "p200": "#edd0f7", + "p300": "#dca0ef", + "p400": "#ca71e7", + "p500": "#9f22c7", + "p600": "#7f1b9f", + "p700": "#5f1477", + "p800": "#4a105d", + "p900": "#350b42", + "o100": "#fde8d7", + "o200": "#fad1b0", + "o300": "#f7b27b", + "o400": "#f59b53", + "o500": "#f38c39", + "o600": "#e26d0e", + "o700": "#bd5a0b", + "o800": "#974809", + "o900": "#713607", + "white": "#ffffff" +} diff --git a/packages/fuselage-tokens/colors.mjs b/packages/fuselage-tokens/colors.mjs new file mode 100644 index 0000000000..07897f5f28 --- /dev/null +++ b/packages/fuselage-tokens/colors.mjs @@ -0,0 +1,66 @@ +export default { + n100: '#f7f8fa', + n200: '#f2f3f5', + n300: '#eeeff1', + n400: '#e4e7ea', + n500: '#cbced1', + n600: '#9ea2a8', + n700: '#6c727a', + n800: '#2f343d', + n900: '#1f2329', + b100: '#e8f2ff', + b200: '#d1ebfe', + b300: '#76b7fc', + b400: '#549df9', + b500: '#1d74f5', + b600: '#095ad2', + b700: '#10529e', + b800: '#01336b', + b900: '#012247', + g100: '#e5fbf4', + g200: '#c0f6e4', + g300: '#96f0d2', + g400: '#6ce9c0', + g500: '#2de0a5', + g600: '#1ecb92', + g700: '#19ac7c', + g800: '#158d65', + g900: '#106d4f', + r100: '#fddade', + r200: '#fbb5be', + r300: '#f98f9d', + r400: '#f76a7d', + r500: '#f5455c', + r600: '#db0c27', + r700: '#b30a20', + r800: '#8b0719', + r900: '#630512', + y100: '#fff6d6', + y200: '#ffecad', + y300: '#ffe383', + y400: '#ffd95a', + y500: '#ffd031', + y600: '#f3be08', + y700: '#dfac00', + y800: '#b68d00', + y900: '#8e6d00', + p100: '#f9effc', + p200: '#edd0f7', + p300: '#dca0ef', + p400: '#ca71e7', + p500: '#9f22c7', + p600: '#7f1b9f', + p700: '#5f1477', + p800: '#4a105d', + p900: '#350b42', + o100: '#fde8d7', + o200: '#fad1b0', + o300: '#f7b27b', + o400: '#f59b53', + o500: '#f38c39', + o600: '#e26d0e', + o700: '#bd5a0b', + o800: '#974809', + o900: '#713607', + white: '#ffffff', +}; diff --git a/packages/fuselage-tokens/colors.scss b/packages/fuselage-tokens/colors.scss index fed4f8cdc0..c8903b5674 100644 --- a/packages/fuselage-tokens/colors.scss +++ b/packages/fuselage-tokens/colors.scss @@ -1,5 +1,4 @@ $colors: ( - // Neutral n100: #f7f8fa, n200: #f2f3f5, n300: #eeeff1, @@ -9,8 +8,6 @@ $colors: ( n700: #6c727a, n800: #2f343d, n900: #1f2329, - - // Blues b100: #e8f2ff, b200: #d1ebfe, b300: #76b7fc, @@ -20,8 +17,6 @@ $colors: ( b700: #10529e, b800: #01336b, b900: #012247, - - // Greens g100: #e5fbf4, g200: #c0f6e4, g300: #96f0d2, @@ -31,8 +26,6 @@ $colors: ( g700: #19ac7c, g800: #158d65, g900: #106d4f, - - // Reds r100: #fddade, r200: #fbb5be, r300: #f98f9d, @@ -42,8 +35,6 @@ $colors: ( r700: #b30a20, r800: #8b0719, r900: #630512, - - // Yellows y100: #fff6d6, y200: #ffecad, y300: #ffe383, @@ -53,8 +44,6 @@ $colors: ( y700: #dfac00, y800: #b68d00, y900: #8e6d00, - - // Purples p100: #f9effc, p200: #edd0f7, p300: #dca0ef, @@ -64,8 +53,6 @@ $colors: ( p700: #5f1477, p800: #4a105d, p900: #350b42, - - // Oranges o100: #fde8d7, o200: #fad1b0, o300: #f7b27b, @@ -75,6 +62,5 @@ $colors: ( o700: #bd5a0b, o800: #974809, o900: #713607, - - 'white': #ffffff, + white: #ffffff, ); diff --git a/packages/fuselage-tokens/package.json b/packages/fuselage-tokens/package.json index 578be1bc84..be343c6d76 100644 --- a/packages/fuselage-tokens/package.json +++ b/packages/fuselage-tokens/package.json @@ -7,7 +7,9 @@ "name": "Rocket.Chat", "url": "https://rocket.chat/" }, + "type": "module", "scripts": { + "build": "node --experimental-modules scripts/build.mjs", "prettier-format": "prettier --config .prettierrc '**/*.js' --write" }, "license": "MIT", diff --git a/packages/fuselage-tokens/scripts/build.mjs b/packages/fuselage-tokens/scripts/build.mjs new file mode 100644 index 0000000000..c5dff53b59 --- /dev/null +++ b/packages/fuselage-tokens/scripts/build.mjs @@ -0,0 +1,169 @@ +import { promises as fsPromises } from 'fs'; +import { basename, join } from 'path'; +import { fileURLToPath } from 'url'; +import { inspect } from 'util'; +import prettier from 'prettier'; + +const rootDir = join(fileURLToPath(import.meta.url), '../..'); + +let prettierOptions; +const getPrettierOptions = async () => { + if (!prettierOptions) { + const prettierRCPath = join(rootDir, '.prettierrc'); + prettierOptions = JSON.parse( + await fsPromises.readFile(prettierRCPath, { encoding: 'utf-8' }) + ); + } + + return prettierOptions; +}; + +const toCommonJS = async (data) => { + return prettier.format( + `'use strict';module.exports = ${JSON.stringify(data)};`, + { + parser: 'babel', + ...(await getPrettierOptions()), + } + ); +}; + +const toESModule = async (data) => { + return prettier.format(`export default ${JSON.stringify(data)};`, { + parser: 'babel', + ...(await getPrettierOptions()), + }); +}; + +const toScssVariables = async (data) => { + const fromCamelToKebab = (string) => + string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase(); + + const toValue = (chunk) => { + if (typeof chunk === 'boolean' || typeof chunk === 'number') { + return chunk; + } + + if (typeof chunk === 'string') { + return /\s/.test(chunk) ? JSON.stringify(chunk) : chunk; + } + + if (chunk === undefined || chunk === null) { + return 'null'; + } + + if (Array.isArray(chunk)) { + return `(${chunk.map(toValue).join(',')})`; + } + + return `(${Object.entries(chunk) + .map(([key, value]) => { + return fromCamelToKebab(key) + ':' + toValue(value); + }) + .join(',')})`; + }; + + return prettier.format( + Object.entries(data) + .map( + ([varName, value]) => + `\$${fromCamelToKebab(varName)}:${toValue(value)};` + ) + .join(''), + { + parser: 'scss', + ...(await getPrettierOptions()), + } + ); +}; + +const readSource = async (sourcePath) => { + console.log('📂', inspect(basename(sourcePath), { colors: true })); + + return JSON.parse( + await fsPromises.readFile(sourcePath, { encoding: 'utf-8' }) + ); +}; + +const writeSource = async (targetPath, data) => { + console.log('💾', inspect(basename(targetPath), { colors: true })); + await fsPromises.writeFile(targetPath, data, { encoding: 'utf-8' }); +}; + +const buildBreakpoints = async () => { + const sourcePath = join(rootDir, 'breakpoints.json'); + const commonjsPath = join(rootDir, 'breakpoints.js'); + const esmodulePath = join(rootDir, 'breakpoints.mjs'); + const scssPath = join(rootDir, 'breakpoints.scss'); + + const entries = await readSource(sourcePath); + + const indexedEntries = {}; + for (const entry of entries) { + indexedEntries[entry.name] = entry; + } + + const [commonjsSource, esmoduleSource, scssSource] = await Promise.all([ + toCommonJS(indexedEntries), + toESModule(indexedEntries), + toScssVariables({ breakpoints: indexedEntries }), + ]); + + await Promise.all([ + writeSource(commonjsPath, commonjsSource), + writeSource(esmodulePath, esmoduleSource), + writeSource(scssPath, scssSource), + ]); +}; + +const buildColors = async () => { + const sourcePath = join(rootDir, 'colors.json'); + const commonjsPath = join(rootDir, 'colors.js'); + const esmodulePath = join(rootDir, 'colors.mjs'); + const scssPath = join(rootDir, 'colors.scss'); + + const entries = await readSource(sourcePath); + + const [commonjsSource, esmoduleSource, scssSource] = await Promise.all([ + toCommonJS(entries), + toESModule(entries), + toScssVariables({ colors: entries }), + ]); + + await Promise.all([ + writeSource(commonjsPath, commonjsSource), + writeSource(esmodulePath, esmoduleSource), + writeSource(scssPath, scssSource), + ]); +}; + +const buildTypography = async () => { + const sourcePath = join(rootDir, 'typography.json'); + const commonjsPath = join(rootDir, 'typography.js'); + const esmodulePath = join(rootDir, 'typography.mjs'); + const scssPath = join(rootDir, 'typography.scss'); + + const entries = await readSource(sourcePath); + + const [commonjsSource, esmoduleSource, scssSource] = await Promise.all([ + toCommonJS(entries), + toESModule(entries), + toScssVariables(entries), + ]); + + await Promise.all([ + writeSource(commonjsPath, commonjsSource), + writeSource(esmodulePath, esmoduleSource), + writeSource(scssPath, scssSource), + ]); +}; + +process.on('unhandledRejection', (err) => { + console.error('unhandledRejection:', err.message); + console.error(err.stack); + process.exit(1); +}); + +buildBreakpoints(); +buildColors(); +buildTypography(); diff --git a/packages/fuselage-tokens/typography.js b/packages/fuselage-tokens/typography.js index 4269cbac9a..32156a7c62 100644 --- a/packages/fuselage-tokens/typography.js +++ b/packages/fuselage-tokens/typography.js @@ -1,78 +1,40 @@ -const fontSans = [ - 'Inter', - '-apple-system', - 'BlinkMacSystemFont', - 'Segoe UI', - 'Roboto', - 'Oxygen', - 'Ubuntu', - 'Cantarell', - 'Helvetica Neue', - 'Apple Color Emoji', - 'Segoe UI Emoji', - 'Segoe UI Symbol', - 'Meiryo UI', - 'Arial', - 'sans-serif', -]; - -const fontMono = [ - 'Menlo', - 'Monaco', - 'Consolas', - 'Liberation Mono', - 'Courier New', - 'monospace', -]; - -export default { +'use strict'; +module.exports = { fontFamilies: { - sans: fontSans, - mono: fontMono, + sans: [ + 'Inter', + '-apple-system', + 'BlinkMacSystemFont', + 'Segoe UI', + 'Roboto', + 'Oxygen', + 'Ubuntu', + 'Cantarell', + 'Helvetica Neue', + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol', + 'Meiryo UI', + 'Arial', + 'sans-serif', + ], + mono: [ + 'Menlo', + 'Monaco', + 'Consolas', + 'Liberation Mono', + 'Courier New', + 'monospace', + ], }, fontScales: { - h1: { - fontSize: 22, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 32, - }, - s1: { - fontSize: 16, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 22, - }, - s2: { - fontSize: 16, - fontWeight: 500, - letterSpacing: 0, - lineHeight: 22, - }, - p1: { - fontSize: 14, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 20, - }, - p2: { - fontSize: 14, - fontWeight: 500, - letterSpacing: 0, - lineHeight: 20, - }, - c1: { - fontSize: 12, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 16, - }, - c2: { - fontSize: 12, - fontWeight: 600, - letterSpacing: 0, - lineHeight: 16, - }, + h1: { fontSize: 22, fontWeight: 400, letterSpacing: 0, lineHeight: 32 }, + s1: { fontSize: 16, fontWeight: 400, letterSpacing: 0, lineHeight: 22 }, + s2: { fontSize: 16, fontWeight: 500, letterSpacing: 0, lineHeight: 22 }, + p1: { fontSize: 14, fontWeight: 400, letterSpacing: 0, lineHeight: 20 }, + p2: { fontSize: 14, fontWeight: 500, letterSpacing: 0, lineHeight: 20 }, + c1: { fontSize: 12, fontWeight: 400, letterSpacing: 0, lineHeight: 16 }, + c2: { fontSize: 12, fontWeight: 600, letterSpacing: 0, lineHeight: 16 }, micro: { fontSize: 10, fontWeight: 600, diff --git a/packages/fuselage-tokens/typography.json b/packages/fuselage-tokens/typography.json new file mode 100644 index 0000000000..9737ac51d0 --- /dev/null +++ b/packages/fuselage-tokens/typography.json @@ -0,0 +1,79 @@ +{ + "fontFamilies": { + "sans": [ + "Inter", + "-apple-system", + "BlinkMacSystemFont", + "Segoe UI", + "Roboto", + "Oxygen", + "Ubuntu", + "Cantarell", + "Helvetica Neue", + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol", + "Meiryo UI", + "Arial", + "sans-serif" + ], + "mono": [ + "Menlo", + "Monaco", + "Consolas", + "Liberation Mono", + "Courier New", + "monospace" + ] + }, + "fontScales": { + "h1": { + "fontSize": 22, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeight": 32 + }, + "s1": { + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeight": 22 + }, + "s2": { + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": 0, + "lineHeight": 22 + }, + "p1": { + "fontSize": 14, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeight": 20 + }, + "p2": { + "fontSize": 14, + "fontWeight": 500, + "letterSpacing": 0, + "lineHeight": 20 + }, + "c1": { + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeight": 16 + }, + "c2": { + "fontSize": 12, + "fontWeight": 600, + "letterSpacing": 0, + "lineHeight": 16 + }, + "micro": { + "fontSize": 10, + "fontWeight": 600, + "letterSpacing": 0.2, + "lineHeight": 12 + } + } +} diff --git a/packages/fuselage-tokens/typography.mjs b/packages/fuselage-tokens/typography.mjs new file mode 100644 index 0000000000..c5d212b7a8 --- /dev/null +++ b/packages/fuselage-tokens/typography.mjs @@ -0,0 +1,44 @@ +export default { + fontFamilies: { + sans: [ + 'Inter', + '-apple-system', + 'BlinkMacSystemFont', + 'Segoe UI', + 'Roboto', + 'Oxygen', + 'Ubuntu', + 'Cantarell', + 'Helvetica Neue', + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol', + 'Meiryo UI', + 'Arial', + 'sans-serif', + ], + mono: [ + 'Menlo', + 'Monaco', + 'Consolas', + 'Liberation Mono', + 'Courier New', + 'monospace', + ], + }, + fontScales: { + h1: { fontSize: 22, fontWeight: 400, letterSpacing: 0, lineHeight: 32 }, + s1: { fontSize: 16, fontWeight: 400, letterSpacing: 0, lineHeight: 22 }, + s2: { fontSize: 16, fontWeight: 500, letterSpacing: 0, lineHeight: 22 }, + p1: { fontSize: 14, fontWeight: 400, letterSpacing: 0, lineHeight: 20 }, + p2: { fontSize: 14, fontWeight: 500, letterSpacing: 0, lineHeight: 20 }, + c1: { fontSize: 12, fontWeight: 400, letterSpacing: 0, lineHeight: 16 }, + c2: { fontSize: 12, fontWeight: 600, letterSpacing: 0, lineHeight: 16 }, + micro: { + fontSize: 10, + fontWeight: 600, + letterSpacing: 0.2, + lineHeight: 12, + }, + }, +}; diff --git a/packages/fuselage-tokens/typography.scss b/packages/fuselage-tokens/typography.scss index 002f84f98e..6425f2635c 100644 --- a/packages/fuselage-tokens/typography.scss +++ b/packages/fuselage-tokens/typography.scss @@ -1,33 +1,30 @@ -$-font-sans: - Inter, - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - Oxygen, - Ubuntu, - Cantarell, - 'Helvetica Neue', - 'Apple Color Emoji', - 'Segoe UI Emoji', - 'Segoe UI Symbol', - 'Meiryo UI', - Arial, - sans-serif; - -$-font-mono: - Menlo, - Monaco, - Consolas, - 'Liberation Mono', - 'Courier New', - monospace; - $font-families: ( - sans: $-font-sans, - mono: $-font-mono, + sans: ( + Inter, + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + Roboto, + Oxygen, + Ubuntu, + Cantarell, + 'Helvetica Neue', + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol', + 'Meiryo UI', + Arial, + sans-serif, + ), + mono: ( + Menlo, + Monaco, + Consolas, + 'Liberation Mono', + 'Courier New', + monospace, + ), ); - $font-scales: ( h1: ( font-size: 22, diff --git a/packages/fuselage-ui-kit/.storybook/logo.svg b/packages/fuselage-ui-kit/.storybook/logo.svg index db01bc2087..6ae18fa4b9 100644 --- a/packages/fuselage-ui-kit/.storybook/logo.svg +++ b/packages/fuselage-ui-kit/.storybook/logo.svg @@ -1 +1,47 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + diff --git a/packages/fuselage-ui-kit/.storybook/main.js b/packages/fuselage-ui-kit/.storybook/main.js index 0fdf237e9e..c4bffd277b 100644 --- a/packages/fuselage-ui-kit/.storybook/main.js +++ b/packages/fuselage-ui-kit/.storybook/main.js @@ -1,16 +1,8 @@ const webpack = require('webpack'); module.exports = { - addons: [ - '@storybook/addon-actions', - '@storybook/addon-backgrounds', - '@storybook/addon-docs', - '@storybook/addon-knobs', - '@storybook/addon-viewport', - ], - stories: [ - '../src/**/*.stories.{mdx,js}', - ], + addons: ['@storybook/addon-essentials'], + stories: ['../src/**/*.stories.{mdx,js}'], webpackFinal: (config) => { config.plugins.push(new webpack.EnvironmentPlugin(['NODE_ENV'])); diff --git a/packages/fuselage-ui-kit/.storybook/manager.js b/packages/fuselage-ui-kit/.storybook/manager.js index bd8cbc43bf..7042b42b88 100644 --- a/packages/fuselage-ui-kit/.storybook/manager.js +++ b/packages/fuselage-ui-kit/.storybook/manager.js @@ -1,4 +1,4 @@ -import colors from '@rocket.chat/fuselage-tokens/colors'; +import colors from '@rocket.chat/fuselage-tokens/colors.json'; import { addons } from '@storybook/addons'; import { create } from '@storybook/theming/create'; diff --git a/packages/fuselage-ui-kit/.storybook/preview.js b/packages/fuselage-ui-kit/.storybook/preview.js index d44113bc01..27521bb41c 100644 --- a/packages/fuselage-ui-kit/.storybook/preview.js +++ b/packages/fuselage-ui-kit/.storybook/preview.js @@ -1,4 +1,4 @@ -import breakpointTokens from '@rocket.chat/fuselage-tokens/breakpoints'; +import breakpointTokens from '@rocket.chat/fuselage-tokens/breakpoints.json'; import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks'; import { addParameters } from '@storybook/react'; import 'normalize.css/normalize.css'; @@ -6,24 +6,31 @@ import '@rocket.chat/icons/dist/rocketchat.css'; import '@rocket.chat/fuselage-polyfills'; addParameters({ + backgrounds: { + grid: { + cellSize: 4, + cellAmount: 4, + opacity: 0.5, + }, + }, docs: { container: DocsContainer, page: DocsPage, }, - grid: { - cellSize: 4, - }, viewport: { - viewports: Object.entries(breakpointTokens).reduce((obj, [name, { minViewportWidth }]) => ({ - ...obj, - [name]: { - name, - styles: { - width: `${ minViewportWidth }px`, - height: '90%', + viewports: breakpointTokens.reduce( + (obj, { name, minViewportWidth }) => ({ + ...obj, + [name]: { + name, + styles: { + width: `${minViewportWidth}px`, + height: '90%', + }, + type: 'desktop', }, - type: 'desktop', - }, - }), {}), + }), + {} + ), }, }); diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json index 2f31bdeaa1..844aef1c5d 100644 --- a/packages/fuselage-ui-kit/package.json +++ b/packages/fuselage-ui-kit/package.json @@ -56,15 +56,11 @@ "@rocket.chat/fuselage-hooks": "^0.20.1", "@rocket.chat/icons": "^0.20.1", "@rocket.chat/ui-kit": "^0.20.1", - "@storybook/addon-actions": "^6.0.21", - "@storybook/addon-backgrounds": "^6.0.21", - "@storybook/addon-docs": "^6.0.21", - "@storybook/addon-knobs": "^6.0.21", - "@storybook/addon-viewport": "^6.0.21", - "@storybook/addons": "^6.0.21", - "@storybook/react": "^6.0.21", - "@storybook/source-loader": "^6.0.21", - "@storybook/theming": "^6.0.21", + "@storybook/addon-essentials": "^6.1.11", + "@storybook/addons": "^6.1.11", + "@storybook/react": "^6.1.11", + "@storybook/source-loader": "^6.1.11", + "@storybook/theming": "^6.1.11", "babel-loader": "^8.1.0", "eslint": "^7.13.0", "eslint-config-prettier": "^6.15.0", diff --git a/packages/fuselage-ui-kit/src/UIKitMessage.stories.mdx b/packages/fuselage-ui-kit/src/UIKitMessage.stories.mdx index 4c897d3fca..59055b7006 100644 --- a/packages/fuselage-ui-kit/src/UIKitMessage.stories.mdx +++ b/packages/fuselage-ui-kit/src/UIKitMessage.stories.mdx @@ -1,22 +1,39 @@ +import { action } from '@storybook/addon-actions'; import { Meta, Canvas, Story } from '@storybook/addon-docs/blocks'; -import { withKnobs, object } from '@storybook/addon-knobs'; -import { UiKitMessage } from '.'; +import { kitContext, UiKitMessage } from '.'; ( + + {storyFn()} + + ), + ]} /> # UI Kit Message - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} - - {UiKitMessage( - object('payload', [ + + {({ payload }) => UiKitMessage(payload)} diff --git a/packages/fuselage-ui-kit/src/UIKitModal.stories.mdx b/packages/fuselage-ui-kit/src/UIKitModal.stories.mdx index dcc63ac2c3..a8c7b2d311 100644 --- a/packages/fuselage-ui-kit/src/UIKitModal.stories.mdx +++ b/packages/fuselage-ui-kit/src/UIKitModal.stories.mdx @@ -1,7 +1,7 @@ +import { action } from '@storybook/addon-actions'; import { Meta, Canvas, Story } from '@storybook/addon-docs/blocks'; -import { withKnobs, text, boolean } from '@storybook/addon-knobs'; -import { UiKitModal, kitContext, defaultContext, UiKitComponent } from '.'; +import { UiKitModal, kitContext } from '.'; import { Demo } from './Demo'; ( + + {storyFn()} + + ), + ]} /> # UI Kit Modal - - - - - - + }, + label: { + type: 'plain_text', + text: 'Label', + emoji: true, + }, + }, + ], + errors: { 'input-test': 'asdas' }, + visible: true, + }} + > + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} - - - - - - + + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} - - - - - - + }, + label: { + type: 'plain_text', + text: 'Label', + emoji: true, + }, + }, + ], + errors: { 'input-test': 'asdas' }, + visible: true, + }} + > + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} - - - {UiKitModal([ + + ], + errors: {}, + visible: true, + }} + > + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} - - - {UiKitModal([ + + ], + errors: {}, + visible: true, + }} + > + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} - - - {UiKitModal([ + + ], + errors: {}, + visible: true, + }} + > + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} - - - {UiKitModal(JSON.parse(text('json', '[]')))} - + + {({ payload, errors, visible }) => ( + + + {UiKitModal(payload)} + + + )} diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_With_rich_content.png b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_With_rich_content.png index f3b284a57b..72bcc14b36 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_With_rich_content.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_With_rich_content.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_sup_and_sub.png b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_sup_and_sub.png index fe1648db5f..cf88848c93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_sup_and_sub.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_sup_and_sub.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Buttons_Button_States_Of_Ghost_Small_Variant.png b/packages/fuselage/.loki/reference/chrome_iphone7_Buttons_Button_States_Of_Ghost_Small_Variant.png index a326f8d269..b5304ac3c7 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Buttons_Button_States_Of_Ghost_Small_Variant.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Buttons_Button_States_Of_Ghost_Small_Variant.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Sidebar_TopBar_Default.png b/packages/fuselage/.loki/reference/chrome_iphone7_Sidebar_TopBar_Default.png index 5f4729b386..2ad3763475 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Sidebar_TopBar_Default.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Sidebar_TopBar_Default.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Box_Props_With_rich_content.png b/packages/fuselage/.loki/reference/chrome_laptop_Box_Props_With_rich_content.png index 712a4467ec..5c8b52d2a6 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Box_Props_With_rich_content.png and b/packages/fuselage/.loki/reference/chrome_laptop_Box_Props_With_rich_content.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_sup_and_sub.png b/packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_sup_and_sub.png index bd9405a0ac..6444cbf62a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_sup_and_sub.png and b/packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_sup_and_sub.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Small_Variant.png b/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Small_Variant.png index f9d54a5b37..a8e28d4cc7 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Small_Variant.png and b/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Small_Variant.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Variant.png b/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Variant.png index f51e578ea7..430745ca44 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Variant.png and b/packages/fuselage/.loki/reference/chrome_laptop_Buttons_Button_States_Of_Ghost_Variant.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Grid_xl_breakpoint.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Grid_xl_breakpoint.png index 273afdac78..8c942ec3f4 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Grid_xl_breakpoint.png and b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Grid_xl_breakpoint.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Sidebar_TopBar_Default.png b/packages/fuselage/.loki/reference/chrome_laptop_Sidebar_TopBar_Default.png index d043e0e54a..b85d4cb9b7 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Sidebar_TopBar_Default.png and b/packages/fuselage/.loki/reference/chrome_laptop_Sidebar_TopBar_Default.png differ diff --git a/packages/fuselage/.storybook/logo.svg b/packages/fuselage/.storybook/logo.svg index db01bc2087..6ae18fa4b9 100644 --- a/packages/fuselage/.storybook/logo.svg +++ b/packages/fuselage/.storybook/logo.svg @@ -1 +1,47 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + diff --git a/packages/fuselage/.storybook/main.js b/packages/fuselage/.storybook/main.js index d89030e4e6..851f73bca1 100644 --- a/packages/fuselage/.storybook/main.js +++ b/packages/fuselage/.storybook/main.js @@ -2,12 +2,7 @@ const webpack = require('webpack'); module.exports = { addons: [ - '@storybook/addon-actions', - '@storybook/addon-backgrounds', - '@storybook/addon-controls', - '@storybook/addon-docs', - '@storybook/addon-knobs', - '@storybook/addon-viewport', + '@storybook/addon-essentials', ...(process.env.NODE_ENV === 'production' ? ['@storybook/addon-jest'] : []), ], stories: ['../src/**/*.stories.{mdx,js}'], diff --git a/packages/fuselage/.storybook/manager.js b/packages/fuselage/.storybook/manager.js index f1f264d677..b50c27dd0f 100644 --- a/packages/fuselage/.storybook/manager.js +++ b/packages/fuselage/.storybook/manager.js @@ -1,4 +1,4 @@ -import colorTokens from '@rocket.chat/fuselage-tokens/colors'; +import colorTokens from '@rocket.chat/fuselage-tokens/colors.json'; import { addons } from '@storybook/addons'; import { create } from '@storybook/theming/create'; diff --git a/packages/fuselage/.storybook/preview.js b/packages/fuselage/.storybook/preview.js index 43da19a748..f60d121903 100644 --- a/packages/fuselage/.storybook/preview.js +++ b/packages/fuselage/.storybook/preview.js @@ -1,4 +1,4 @@ -import breakpointTokens from '@rocket.chat/fuselage-tokens/breakpoints'; +import breakpointTokens from '@rocket.chat/fuselage-tokens/breakpoints.json'; import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks'; import { addDecorator, addParameters } from '@storybook/react'; import 'loki/configure-react'; @@ -7,9 +7,11 @@ import '@rocket.chat/icons/dist/rocketchat.css'; import '@rocket.chat/fuselage-polyfills'; addParameters({ - background: { + backgrounds: { grid: { cellSize: 4, + cellAmount: 4, + opacity: 0.5, }, }, docs: { @@ -20,8 +22,8 @@ addParameters({ storySort: ([, a], [, b]) => a.kind.localeCompare(b.kind), }, viewport: { - viewports: Object.entries(breakpointTokens).reduce( - (obj, [name, { minViewportWidth }]) => ({ + viewports: breakpointTokens.reduce( + (obj, { name, minViewportWidth }) => ({ ...obj, [name]: { name, diff --git a/packages/fuselage/.stylelintrc b/packages/fuselage/.stylelintrc index 7ba1aa5143..e04c0fa84d 100644 --- a/packages/fuselage/.stylelintrc +++ b/packages/fuselage/.stylelintrc @@ -1,40 +1,16 @@ { "plugins": [ "stylelint-order", - "stylelint-scss" + "stylelint-scss", + "stylelint-prettier" ], "ignoreFiles": ["src/**/*.js"], "rules": { - "at-rule-name-case": "lower", - "at-rule-name-space-after": "always", - "at-rule-semicolon-newline-after": "always", - "block-closing-brace-empty-line-before": "never", - "block-closing-brace-newline-after": "always", - "block-closing-brace-newline-before": "always", - "block-closing-brace-space-before": "never-single-line", + "prettier/prettier": true, "block-no-empty": true, - "block-opening-brace-newline-after": "always", - "block-opening-brace-space-after": "never-single-line", - "block-opening-brace-space-before": "always", - "color-hex-case": "lower", "color-hex-length": "long", "color-no-invalid-hex": true, - "comment-empty-line-before": [ - "always", - { - "except": [ - "first-nested" - ], - "ignore": [ - "stylelint-commands" - ] - } - ], "comment-no-empty": true, - "comment-whitespace-inside": "always", - "custom-property-empty-line-before": "never", - "declaration-bang-space-after": "never", - "declaration-bang-space-before": "always", "declaration-block-no-duplicate-properties": [ true, { @@ -45,43 +21,20 @@ ], "declaration-block-no-redundant-longhand-properties": true, "declaration-block-no-shorthand-property-overrides": true, - "declaration-block-semicolon-newline-after": "always", - "declaration-block-semicolon-space-after": "always-single-line", - "declaration-block-semicolon-space-before": "never", "declaration-block-single-line-max-declarations": 1, "declaration-block-trailing-semicolon": "always", - "declaration-colon-newline-after": "always-multi-line", - "declaration-colon-space-after": "always-single-line", - "declaration-colon-space-before": "never", "font-family-no-duplicate-names": true, - "function-comma-newline-after": "always-multi-line", - "function-comma-space-after": "always-single-line", - "function-comma-space-before": "never", "function-linear-gradient-no-nonstandard-direction": true, "function-max-empty-lines": 0, "function-name-case": "lower", - "function-parentheses-newline-inside": "always-multi-line", - "function-parentheses-space-inside": "never-single-line", - "function-whitespace-after": "always", - "indentation": 2, "keyframe-declaration-no-important": true, "length-zero-no-unit": true, "max-empty-lines": 1, - "media-feature-colon-space-after": "always", - "media-feature-colon-space-before": "never", "media-feature-name-case": "lower", "media-feature-name-no-unknown": true, - "media-feature-parentheses-space-inside": "never", - "media-feature-range-operator-space-after": "always", - "media-feature-range-operator-space-before": "always", - "media-query-list-comma-newline-after": "always-multi-line", - "media-query-list-comma-space-after": "always-single-line", - "media-query-list-comma-space-before": "never", "no-duplicate-selectors": true, "no-empty-source": true, - "no-eol-whitespace": true, "no-extra-semicolons": true, - "no-missing-end-of-source-newline": true, "number-leading-zero": "always", "number-no-trailing-zeros": true, "property-case": "lower", @@ -98,17 +51,8 @@ } ], "scss/at-mixin-pattern": "^-?([a-z][a-z0-9]+-)*[a-z][a-z0-9]+$", - "scss/at-mixin-parentheses-space-before": "never", "scss/dollar-variable-pattern": "^-?([a-z][a-z0-9]+-)*[a-z][a-z0-9]+$", "scss/no-duplicate-mixins": true, - "selector-attribute-brackets-space-inside": "never", - "selector-attribute-operator-space-after": "never", - "selector-attribute-operator-space-before": "never", - "selector-combinator-space-after": "always", - "selector-combinator-space-before": "always", - "selector-descendant-combinator-no-non-space": true, - "selector-list-comma-newline-after": "always", - "selector-list-comma-space-before": "never", "selector-max-empty-lines": 0, "selector-pseudo-class-case": "lower", "selector-pseudo-class-no-unknown": [ @@ -119,19 +63,14 @@ ] } ], - "selector-pseudo-class-parentheses-space-inside": "never", "selector-pseudo-element-case": "lower", "selector-pseudo-element-colon-notation": "double", "selector-pseudo-element-no-unknown": true, "selector-type-case": "lower", "selector-type-no-unknown": true, "shorthand-property-no-redundant-values": true, - "string-no-newline": true, "unit-case": "lower", "unit-no-unknown": true, - "value-list-comma-newline-after": "always-multi-line", - "value-list-comma-space-after": "always-single-line", - "value-list-comma-space-before": "never", "value-list-max-empty-lines": 1, "order/properties-order": [ [ diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json index 4fe3bb0b69..6d88aec824 100644 --- a/packages/fuselage/package.json +++ b/packages/fuselage/package.json @@ -65,18 +65,13 @@ "@rocket.chat/eslint-config": "^0.4.0", "@rocket.chat/fuselage-hooks": "^0.20.1", "@rocket.chat/fuselage-polyfills": "^0.20.1", - "@storybook/addon-actions": "^6.0.21", - "@storybook/addon-backgrounds": "^6.0.21", - "@storybook/addon-controls": "^6.1.10", - "@storybook/addon-docs": "^6.0.21", - "@storybook/addon-jest": "^6.0.21", - "@storybook/addon-knobs": "^6.0.21", - "@storybook/addon-links": "^6.0.21", - "@storybook/addon-viewport": "^6.0.21", - "@storybook/addons": "^6.0.21", - "@storybook/react": "^6.0.21", - "@storybook/source-loader": "^6.0.21", - "@storybook/theming": "^6.0.21", + "@storybook/addon-essentials": "^6.1.11", + "@storybook/addon-jest": "^6.1.11", + "@storybook/addon-links": "^6.1.11", + "@storybook/addons": "^6.1.11", + "@storybook/react": "^6.1.11", + "@storybook/source-loader": "^6.1.11", + "@storybook/theming": "^6.1.11", "autoprefixer": "^10.0.1", "babel-loader": "^8.1.0", "caniuse-lite": "^1.0.30001151", @@ -111,6 +106,7 @@ "style-loader": "^2.0.0", "stylelint": "^13.7.0", "stylelint-order": "^4.1.0", + "stylelint-prettier": "^1.1.2", "stylelint-scss": "^3.18.0", "webpack": "^5.2.0", "webpack-bundle-analyzer": "^3.8.0", diff --git a/packages/fuselage/src/components/Accordion/styles.scss b/packages/fuselage/src/components/Accordion/styles.scss index 0b51dbc823..c4d5b26e9f 100644 --- a/packages/fuselage/src/components/Accordion/styles.scss +++ b/packages/fuselage/src/components/Accordion/styles.scss @@ -20,8 +20,7 @@ flex-flow: row nowrap; min-height: lengths.size(2 * 32 + 24); - padding: - (lengths.padding(32) - lengths.border-width(2)) + padding: (lengths.padding(32) - lengths.border-width(2)) (lengths.padding(8) - lengths.border-width(2)); text-align: start; @@ -68,9 +67,7 @@ align-items: center; flex: 0 0 auto; - margin: - lengths.margin(none) - lengths.margin(24); + margin: lengths.margin(none) lengths.margin(24); } .rcx-accordion-item__panel { @@ -79,16 +76,12 @@ overflow: hidden; height: lengths.size(none); - padding: - lengths.padding(none) - lengths.padding(8); + padding: lengths.padding(none) lengths.padding(8); &--expanded { visibility: visible; height: auto; - padding: - lengths.padding(32) - lengths.padding(8); + padding: lengths.padding(32) lengths.padding(8); } } diff --git a/packages/fuselage/src/components/Avatar/styles.scss b/packages/fuselage/src/components/Avatar/styles.scss index 15ddde69a1..8803529e70 100644 --- a/packages/fuselage/src/components/Avatar/styles.scss +++ b/packages/fuselage/src/components/Avatar/styles.scss @@ -2,7 +2,10 @@ @use '../../styles/lengths.scss'; @use '../../styles/functions.scss'; -$avatar-stack-background-color: theme('avatar-background-color', colors.surface()); +$avatar-stack-background-color: theme( + 'avatar-background-color', + colors.surface() +); $sizes: 16, 18, 20, 24, 28, 32, 36, 40, 48, 124, 200, 332; @@ -30,12 +33,10 @@ $sizes: 16, 18, 20, 24, 28, 32, 36, 40, 48, 124, 200, 332; flex-direction: row-reverse; justify-content: center; - color: #{ $avatar-stack-background-color }; + color: #{$avatar-stack-background-color}; & > .rcx-avatar { - margin: - auto - lengths.margin(-2); + margin: auto lengths.margin(-2); & > .rcx-avatar__element { border: lengths.border-width(2) solid currentColor; diff --git a/packages/fuselage/src/components/Badge/styles.scss b/packages/fuselage/src/components/Badge/styles.scss index 15a9dc45dc..cf364e064c 100644 --- a/packages/fuselage/src/components/Badge/styles.scss +++ b/packages/fuselage/src/components/Badge/styles.scss @@ -2,23 +2,59 @@ @use '../../styles/lengths.scss'; @use '../../styles/typography.scss'; -$badge-colors-secondary-color: theme('badge-colors-secondary-color', colors.foreground(primary)); -$badge-colors-secondary-background-color: theme('badge-colors-secondary-background-color', colors.primary(100)); - -$badge-colors-primary-color: theme('badge-colors-primary-color', colors.foreground(alternative)); -$badge-colors-primary-background-color: theme('badge-colors-primary-background-color', colors.primary(500)); - -$badge-colors-danger-color: theme('badge-colors-danger-color', colors.foreground(alternative)); -$badge-colors-danger-background-color: theme('badge-colors-danger-background-color', colors.danger(500)); - -$badge-colors-ghost-color: theme('badge-colors-ghost-color', colors.foreground(alternative)); -$badge-colors-ghost-background-color: theme('badge-colors-ghost-background-color', colors.neutral(700)); - -$badge-colors-warning-color: theme('badge-colors-warning-color', colors.foreground(alternative)); -$badge-colors-warning-background-color: theme('badge-colors-warning-background-color', colors.warning-alternative(500)); - -$badge-colors-disabled-color: theme('badge-colors-disabled-color', colors.foreground(hint)); -$badge-colors-disabled-background-color: theme('badge-colors-disabled-background-color', colors.neutral(400)); +$badge-colors-secondary-color: theme( + 'badge-colors-secondary-color', + colors.foreground(primary) +); +$badge-colors-secondary-background-color: theme( + 'badge-colors-secondary-background-color', + colors.primary(100) +); + +$badge-colors-primary-color: theme( + 'badge-colors-primary-color', + colors.foreground(alternative) +); +$badge-colors-primary-background-color: theme( + 'badge-colors-primary-background-color', + colors.primary(500) +); + +$badge-colors-danger-color: theme( + 'badge-colors-danger-color', + colors.foreground(alternative) +); +$badge-colors-danger-background-color: theme( + 'badge-colors-danger-background-color', + colors.danger(500) +); + +$badge-colors-ghost-color: theme( + 'badge-colors-ghost-color', + colors.foreground(alternative) +); +$badge-colors-ghost-background-color: theme( + 'badge-colors-ghost-background-color', + colors.neutral(700) +); + +$badge-colors-warning-color: theme( + 'badge-colors-warning-color', + colors.foreground(alternative) +); +$badge-colors-warning-background-color: theme( + 'badge-colors-warning-background-color', + colors.warning-alternative(500) +); + +$badge-colors-disabled-color: theme( + 'badge-colors-disabled-color', + colors.foreground(hint) +); +$badge-colors-disabled-background-color: theme( + 'badge-colors-disabled-background-color', + colors.neutral(400) +); .rcx-badge { display: flex; @@ -28,9 +64,7 @@ $badge-colors-disabled-background-color: theme('badge-colors-disabled-background width: fit-content; min-width: lengths.size(16); - padding: - lengths.padding(2) - lengths.padding(4); + padding: lengths.padding(2) lengths.padding(4); text-align: center; diff --git a/packages/fuselage/src/components/Box/index.js b/packages/fuselage/src/components/Box/index.js index 9aa762439e..cf6ed967c9 100644 --- a/packages/fuselage/src/components/Box/index.js +++ b/packages/fuselage/src/components/Box/index.js @@ -46,13 +46,30 @@ export const useBoxOnlyProps = (props) => { } }); + if (props.animated) { + props.className = prependClassName(props.className, 'rcx-box--animated'); + delete props.animated; + } + + if (props.withRichContent) { + props.className = prependClassName( + props.className, + 'rcx-box--with-inline-elements' + ); + props.className = prependClassName( + props.className, + 'rcx-box--with-block-elements' + ); + delete props.withRichContent; + } + props.className = prependClassName(props.className, 'rcx-box rcx-box--full'); return props; }; export const Box = memo( - forwardRef(function Box({ is = 'div', children, animated, ...props }, ref) { + forwardRef(function Box({ is = 'div', children, ...props }, ref) { useStyleSheet(); if (ref) { @@ -69,9 +86,6 @@ export const Box = memo( props = useBoxOnlyProps(props); props = useStylingProps(props); - if (animated) { - props.className = prependClassName(props.className, 'rcx-box--animated'); - } const element = createElement(is, props, children); if (transformFn) { diff --git a/packages/fuselage/src/components/Box/styles.scss b/packages/fuselage/src/components/Box/styles.scss index ce62de04e9..ae5837ec66 100644 --- a/packages/fuselage/src/components/Box/styles.scss +++ b/packages/fuselage/src/components/Box/styles.scss @@ -19,4 +19,12 @@ @extend %box--full; } } + + &--with-inline-elements { + @extend %--with-inline-elements; + } + + &--with-block-elements { + @extend %--with-block-elements; + } } diff --git a/packages/fuselage/src/components/Box/stylingProps/index.js b/packages/fuselage/src/components/Box/stylingProps.js similarity index 95% rename from packages/fuselage/src/components/Box/stylingProps/index.js rename to packages/fuselage/src/components/Box/stylingProps.js index 51a9af983b..d259fb43e1 100644 --- a/packages/fuselage/src/components/Box/stylingProps/index.js +++ b/packages/fuselage/src/components/Box/stylingProps.js @@ -1,10 +1,10 @@ import { css } from '@rocket.chat/css-in-js'; import PropTypes from 'prop-types'; -import { appendClassName } from '../../../helpers/appendClassName'; -import { createPropType } from '../../../helpers/createPropType'; -import { fromCamelToKebab } from '../../../helpers/fromCamelToKebab'; -import { useStyle } from '../../../hooks/useStyle'; +import { appendClassName } from '../../helpers/appendClassName'; +import { createPropType } from '../../helpers/createPropType'; +import { fromCamelToKebab } from '../../helpers/fromCamelToKebab'; +import { useStyle } from '../../hooks/useStyle'; import { borderWidth, borderRadius, @@ -15,8 +15,7 @@ import { padding, fontFamily, fontScale, -} from '../../../styleTokens'; -import richContentStyle from './richContentStyle'; +} from '../../styleTokens'; const stringProp = { toCSSValue: (value) => (typeof value === 'string' ? value : undefined), @@ -249,10 +248,6 @@ const propDefs = { : undefined, propType: PropTypes.bool, }, - withRichContent: { - toStyle: (value) => (value ? richContentStyle : undefined), - propType: PropTypes.bool, - }, withTruncatedText: { toStyle: (value) => value diff --git a/packages/fuselage/src/components/Box/stylingProps/richContentStyle.js b/packages/fuselage/src/components/Box/stylingProps/richContentStyle.js deleted file mode 100644 index fa0d7def08..0000000000 --- a/packages/fuselage/src/components/Box/stylingProps/richContentStyle.js +++ /dev/null @@ -1,253 +0,0 @@ -import { css } from '@rocket.chat/css-in-js'; - -import { - borderWidth, - borderRadius, - color, - margin, - padding, - fontFamily, - fontScale, -} from '../../../styleTokens'; - -export default css` - strong, - em, - b, - i, - a, - q, - cite, - code, - time, - dfn, - abbr, - del, - ins, - sup, - sub, - kbd, - var, - small, - h1, - h2, - h3, - h4, - h5, - h6, - p { - color: inherit; - font: inherit; - letter-spacing: inherit; - } - - strong, - b { - font-weight: bolder; - } - - em, - i { - font-style: italic; - } - - a { - &:link { - text-decoration: none; - color: ${color('link')}; - } - - &:visited, - &.is-visited { - color: ${color('visited-link')}; - } - - &:active, - &.is-active { - color: ${color('active-link')}; - } - - &:hover, - &.is-hovered { - text-decoration: underline; - } - } - - q { - &::before { - content: open-quote; - } - - &::after { - content: close-quote; - } - - cite { - font-style: italic; - } - } - - code { - padding: ${padding('x4')} ${padding('x8')}; - border-radius: ${borderRadius('x2')}; - background-color: ${color('neutral-300')}; - font-family: ${fontFamily('mono')}; - -webkit-font-smoothing: auto; - } - - time { - color: ${color('info')}; - } - - dfn { - color: ${color('info')}; - font-style: italic; - } - - abbr { - &[title] { - text-decoration: underline dashed; - border-block-end-width: ${borderWidth('none')}; - } - } - - del { - text-decoration: line-through solid; - } - - ins { - text-decoration: underline solid; - } - - sup, - sub { - position: relative; - vertical-align: baseline; - font-size: 75%; - line-height: 0; - } - - sup { - inset-block-start: -0.5em; - } - - sub { - inset-block-start: -0.25em; - } - - kbd { - padding: ${padding('x4')} ${padding('x8')}; - border-width: ${borderWidth('x1')}; - border-style: solid; - border-color: currentColor; - border-radius: ${borderRadius('x2')}; - font-family: ${fontFamily('mono')}; - -webkit-font-smoothing: auto; - } - - var { - font-style: italic; - } - - small { - font-size: 80%; - } - - h1, - h2, - h3, - h4, - h5, - h6, - p, - ul, - ol, - pre { - display: block; - margin: ${margin('x16')} ${margin('none')}; - } - - h1 { - font-size: ${fontScale('h1')?.fontSize}; - font-weight: ${fontScale('h1')?.fontWeight}; - line-height: ${fontScale('h1')?.lineHeight}; - letter-spacing: ${fontScale('h1')?.letterSpacing}; - } - - h2 { - font-size: ${fontScale('s2')?.fontSize}; - font-weight: ${fontScale('s2')?.fontWeight}; - line-height: ${fontScale('s2')?.lineHeight}; - letter-spacing: ${fontScale('s2')?.letterSpacing}; - } - - h3 { - font-size: ${fontScale('p2')?.fontSize}; - font-weight: ${fontScale('p2')?.fontWeight}; - line-height: ${fontScale('p2')?.lineHeight}; - letter-spacing: ${fontScale('p2')?.letterSpacing}; - } - - h4 { - font-size: ${fontScale('c2')?.fontSize}; - font-weight: ${fontScale('c2')?.fontWeight}; - line-height: ${fontScale('c2')?.lineHeight}; - letter-spacing: ${fontScale('c2')?.letterSpacing}; - } - - h5 { - font-size: ${fontScale('micro')?.fontSize}; - font-weight: ${fontScale('micro')?.fontWeight}; - line-height: ${fontScale('micro')?.lineHeight}; - letter-spacing: ${fontScale('micro')?.letterSpacing}; - } - - h6 { - font-size: ${fontScale('micro')?.fontSize}; - font-weight: ${fontScale('micro')?.fontWeight}; - line-height: ${fontScale('micro')?.lineHeight}; - letter-spacing: ${fontScale('micro')?.letterSpacing}; - } - - p { - font-size: ${fontScale('p1')?.fontSize}; - font-weight: ${fontScale('p1')?.fontWeight}; - line-height: ${fontScale('p1')?.lineHeight}; - letter-spacing: ${fontScale('p1')?.letterSpacing}; - } - - ul, - ol { - padding-inline-start: ${padding('x40')}; - } - - ul { - font-size: ${fontScale('p1')?.fontSize}; - font-weight: ${fontScale('p1')?.fontWeight}; - line-height: ${fontScale('p1')?.lineHeight}; - letter-spacing: ${fontScale('p1')?.letterSpacing}; - list-style-type: disc; - } - - ol { - font-size: ${fontScale('p1')?.fontSize}; - font-weight: ${fontScale('p1')?.fontWeight}; - line-height: ${fontScale('p1')?.lineHeight}; - letter-spacing: ${fontScale('p1')?.letterSpacing}; - list-style-type: decimal; - } - - li { - display: list-item; - text-align: inherit; - } - - pre { - font-family: ${fontFamily('mono')}; - - code { - display: block; - padding: ${padding('x16')}; - } - } -`; diff --git a/packages/fuselage/src/components/Button/styles.scss b/packages/fuselage/src/components/Button/styles.scss index 6847a122dc..4d4ff7b46f 100644 --- a/packages/fuselage/src/components/Button/styles.scss +++ b/packages/fuselage/src/components/Button/styles.scss @@ -1,32 +1,13 @@ -@use '../../styles/colors.scss'; -@use '../../styles/lengths.scss'; +@use 'sass:map'; @use '../../styles/typography.scss'; - -%button-secondary-color { // TODO: primitive atomic component - @include as-button ( - $background-color: $button-colors-secondary-background-color, - $border-color: $button-colors-secondary-border-color, - $color: $button-colors-secondary-color, - $hover-background-color: $button-colors-secondary-hover-background-color, - $hover-border-color: $button-colors-secondary-hover-border-color, - $active-background-color: $button-colors-secondary-active-background-color, - $active-border-color: $button-colors-secondary-active-border-color, - $focus-background-color: $button-colors-secondary-focus-background-color, - $focus-border-color: $button-colors-secondary-focus-border-color, - $focus-shadow-color: $button-colors-secondary-focus-shadow-color, - $disabled-background-color: $button-colors-secondary-disabled-background-color, - $disabled-border-color: $button-colors-secondary-disabled-border-color, - $disabled-color: $button-colors-secondary-disabled-color, - ); -} +@use '../../styles/variables/buttons.scss'; .rcx-button { @mixin with-rectangular-size($height, $padding-x, $line-height) { - padding: - calc((#{ $height } - #{ $line-height }) / 2 - #{ lengths.border-width(2) }) - calc(#{ $padding-x } - #{ lengths.border-width(2) }); - padding-block: calc((#{ $height } - #{ $line-height }) / 2 - #{ lengths.border-width(2) }); - padding-inline: calc(#{ $padding-x } - #{ lengths.border-width(2) }); + padding: calc((#{$height} - #{$line-height}) / 2 - 2px) + calc(#{$padding-x} - 2px); + padding-block: calc((#{$height} - #{$line-height}) / 2 - 2px); + padding-inline: calc(#{$padding-x} - 2px); } @mixin with-squared-size($size) { @@ -57,100 +38,234 @@ @include typography.use-text-ellipsis; @include with-rectangular-size( - $height: lengths.size(40), - $padding-x: lengths.padding(16), - $line-height: typography.line-height(p1), + $height: 40px, + $padding-x: 16px, + $line-height: typography.line-height(p1) ); - @extend %button--secondary; + @include as-button( + $background-color: map.get(buttons.$secondary, background-color), + $border-color: map.get(buttons.$secondary, border-color), + $color: map.get(buttons.$secondary, color), + $hover-background-color: map.get(buttons.$secondary, hover-background-color), + $hover-border-color: map.get(buttons.$secondary, hover-border-color), + $active-background-color: + map.get(buttons.$secondary, active-background-color), + $active-border-color: map.get(buttons.$secondary, active-border-color), + $focus-background-color: map.get(buttons.$secondary, focus-background-color), + $focus-border-color: map.get(buttons.$secondary, focus-border-color), + $focus-shadow-color: map.get(buttons.$secondary, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$secondary, disabled-background-color), + $disabled-border-color: map.get(buttons.$secondary, disabled-border-color), + $disabled-color: map.get(buttons.$secondary, disabled-color) + ); &--small { @include typography.use-font-scale(c2); @include with-rectangular-size( - $height: lengths.size(28), - $padding-x: lengths.padding(8), - $line-height: typography.line-height(c1), + $height: 28px, + $padding-x: 8px, + $line-height: typography.line-height(c1) ); } &--square { - @include with-squared-size( - $size: lengths.size(40), - ); + @include with-squared-size($size: 40px); display: flex; justify-content: center; align-items: center; } &--tiny-square { - @include with-squared-size( - $size: lengths.size(24), - ); + @include with-squared-size($size: 24px); } &--mini-square { - @include with-squared-size( - $size: lengths.size(20), - ); + @include with-squared-size($size: 20px); } &--small-square { - @include with-squared-size( - $size: lengths.size(28), - ); + @include with-squared-size($size: 28px); } &--success { - color: colors.success(500); - - &.disabled, - &:disabled { - color: colors.success(100); - } + @include as-button( + $background-color: map.get(buttons.$secondary-success, background-color), + $border-color: map.get(buttons.$secondary-success, border-color), + $color: map.get(buttons.$secondary-success, color), + $hover-background-color: + map.get(buttons.$secondary-success, hover-background-color), + $hover-border-color: + map.get(buttons.$secondary-success, hover-border-color), + $active-background-color: + map.get(buttons.$secondary-success, active-background-color), + $active-border-color: + map.get(buttons.$secondary-success, active-border-color), + $focus-background-color: + map.get(buttons.$secondary-success, focus-background-color), + $focus-border-color: + map.get(buttons.$secondary-success, focus-border-color), + $focus-shadow-color: + map.get(buttons.$secondary-success, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$secondary-success, disabled-background-color), + $disabled-border-color: + map.get(buttons.$secondary-success, disabled-border-color), + $disabled-color: map.get(buttons.$secondary-success, disabled-color) + ); } &--danger { - color: colors.danger(500); - - &.disabled, - &:disabled { - color: colors.danger(100); - } + @include as-button( + $background-color: map.get(buttons.$secondary-danger, background-color), + $border-color: map.get(buttons.$secondary-danger, border-color), + $color: map.get(buttons.$secondary-danger, color), + $hover-background-color: + map.get(buttons.$secondary-danger, hover-background-color), + $hover-border-color: + map.get(buttons.$secondary-danger, hover-border-color), + $active-background-color: + map.get(buttons.$secondary-danger, active-background-color), + $active-border-color: + map.get(buttons.$secondary-danger, active-border-color), + $focus-background-color: + map.get(buttons.$secondary-danger, focus-background-color), + $focus-border-color: + map.get(buttons.$secondary-danger, focus-border-color), + $focus-shadow-color: + map.get(buttons.$secondary-danger, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$secondary-danger, disabled-background-color), + $disabled-border-color: + map.get(buttons.$secondary-danger, disabled-border-color), + $disabled-color: map.get(buttons.$secondary-danger, disabled-color) + ); } &--primary { - @extend %button--primary; + @include as-button( + $background-color: map.get(buttons.$primary, background-color), + $border-color: map.get(buttons.$primary, border-color), + $color: map.get(buttons.$primary, color), + $hover-background-color: map.get(buttons.$primary, hover-background-color), + $hover-border-color: map.get(buttons.$primary, hover-border-color), + $active-background-color: + map.get(buttons.$primary, active-background-color), + $active-border-color: map.get(buttons.$primary, active-border-color), + $focus-background-color: map.get(buttons.$primary, focus-background-color), + $focus-border-color: map.get(buttons.$primary, focus-border-color), + $focus-shadow-color: map.get(buttons.$primary, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$primary, disabled-background-color), + $disabled-border-color: map.get(buttons.$primary, disabled-border-color), + $disabled-color: map.get(buttons.$primary, disabled-color) + ); } &--primary-danger { - @extend %button--danger; + @include as-button( + $background-color: map.get(buttons.$danger, background-color), + $border-color: map.get(buttons.$danger, border-color), + $color: map.get(buttons.$danger, color), + $hover-background-color: map.get(buttons.$danger, hover-background-color), + $hover-border-color: map.get(buttons.$danger, hover-border-color), + $active-background-color: + map.get(buttons.$danger, active-background-color), + $active-border-color: map.get(buttons.$danger, active-border-color), + $focus-background-color: map.get(buttons.$danger, focus-background-color), + $focus-border-color: map.get(buttons.$danger, focus-border-color), + $focus-shadow-color: map.get(buttons.$danger, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$danger, disabled-background-color), + $disabled-border-color: map.get(buttons.$danger, disabled-border-color), + $disabled-color: map.get(buttons.$danger, disabled-color) + ); } &--primary-success { - @extend %button--success; + @include as-button( + $background-color: map.get(buttons.$success, background-color), + $border-color: map.get(buttons.$success, border-color), + $color: map.get(buttons.$success, color), + $hover-background-color: map.get(buttons.$success, hover-background-color), + $hover-border-color: map.get(buttons.$success, hover-border-color), + $active-background-color: + map.get(buttons.$success, active-background-color), + $active-border-color: map.get(buttons.$success, active-border-color), + $focus-background-color: map.get(buttons.$success, focus-background-color), + $focus-border-color: map.get(buttons.$success, focus-border-color), + $focus-shadow-color: map.get(buttons.$success, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$success, disabled-background-color), + $disabled-border-color: map.get(buttons.$success, disabled-border-color), + $disabled-color: map.get(buttons.$success, disabled-color) + ); } &--ghost { - border-color: $button-colors-ghost-background-color; - background-color: $button-colors-ghost-border-color; - } - - &--ghost-danger { - color: colors.danger(500); - - &.disabled, - &:disabled { - color: colors.danger(100); - } + @include as-button( + $background-color: map.get(buttons.$ghost, background-color), + $border-color: map.get(buttons.$ghost, border-color), + $color: map.get(buttons.$ghost, color), + $hover-background-color: map.get(buttons.$ghost, hover-background-color), + $hover-border-color: map.get(buttons.$ghost, hover-border-color), + $active-background-color: map.get(buttons.$ghost, active-background-color), + $active-border-color: map.get(buttons.$ghost, active-border-color), + $focus-background-color: map.get(buttons.$ghost, focus-background-color), + $focus-border-color: map.get(buttons.$ghost, focus-border-color), + $focus-shadow-color: map.get(buttons.$ghost, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$ghost, disabled-background-color), + $disabled-border-color: map.get(buttons.$ghost, disabled-border-color), + $disabled-color: map.get(buttons.$ghost, disabled-color) + ); } &--ghost-success { - color: colors.success(500); + @include as-button( + $background-color: map.get(buttons.$ghost-success, background-color), + $border-color: map.get(buttons.$ghost-success, border-color), + $color: map.get(buttons.$ghost-success, color), + $hover-background-color: + map.get(buttons.$ghost-success, hover-background-color), + $hover-border-color: map.get(buttons.$ghost-success, hover-border-color), + $active-background-color: + map.get(buttons.$ghost-success, active-background-color), + $active-border-color: map.get(buttons.$ghost-success, active-border-color), + $focus-background-color: + map.get(buttons.$ghost-success, focus-background-color), + $focus-border-color: map.get(buttons.$ghost-success, focus-border-color), + $focus-shadow-color: map.get(buttons.$ghost-success, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$ghost-success, disabled-background-color), + $disabled-border-color: + map.get(buttons.$ghost-success, disabled-border-color), + $disabled-color: map.get(buttons.$ghost-success, disabled-color) + ); + } - &.disabled, - &:disabled { - color: colors.success(100); - } + &--ghost-danger { + @include as-button( + $background-color: map.get(buttons.$ghost-danger, background-color), + $border-color: map.get(buttons.$ghost-danger, border-color), + $color: map.get(buttons.$ghost-danger, color), + $hover-background-color: + map.get(buttons.$ghost-danger, hover-background-color), + $hover-border-color: map.get(buttons.$ghost-danger, hover-border-color), + $active-background-color: + map.get(buttons.$ghost-danger, active-background-color), + $active-border-color: map.get(buttons.$ghost-danger, active-border-color), + $focus-background-color: + map.get(buttons.$ghost-danger, focus-background-color), + $focus-border-color: map.get(buttons.$ghost-danger, focus-border-color), + $focus-shadow-color: map.get(buttons.$ghost-danger, focus-shadow-color), + $disabled-background-color: + map.get(buttons.$ghost-danger, disabled-background-color), + $disabled-border-color: + map.get(buttons.$ghost-danger, disabled-border-color), + $disabled-color: map.get(buttons.$ghost-danger, disabled-color) + ); } } diff --git a/packages/fuselage/src/components/CheckBox/styles.scss b/packages/fuselage/src/components/CheckBox/styles.scss index 95bd9816c4..102e35a8a7 100644 --- a/packages/fuselage/src/components/CheckBox/styles.scss +++ b/packages/fuselage/src/components/CheckBox/styles.scss @@ -1,7 +1,11 @@ @use '../../styles/lengths.scss'; .rcx-check-box { - @include is-selection-button($checked: 'primary', $unchecked: 'empty', $indeterminate: 'primary'); + @include is-selection-button( + $checked: 'primary', + $unchecked: 'empty', + $indeterminate: 'primary' + ); &__input { @extend %selection-button__input; @@ -59,18 +63,25 @@ width: $icon-size * lengths.size(20); height: $icon-thickness; - transform: - translate($icon-size * lengths.size(20) / -3, $icon-size * lengths.size(20) / 6) + transform: translate( + $icon-size * lengths.size(20) / -3, + $icon-size * lengths.size(20) / 6 + ) rotate(-45deg) - translate($icon-size * lengths.size(20) / 2, $icon-size * lengths.size(20) / 6); + translate( + $icon-size * lengths.size(20) / 2, + $icon-size * lengths.size(20) / 6 + ); } &::after { width: $icon-thickness; height: 0.5 * $icon-size * lengths.size(20); - transform: - translate($icon-size * lengths.size(20) / -3, $icon-size * lengths.size(20) / 6) + transform: translate( + $icon-size * lengths.size(20) / -3, + $icon-size * lengths.size(20) / 6 + ) rotate(-45deg); } } diff --git a/packages/fuselage/src/components/Grid/styles.scss b/packages/fuselage/src/components/Grid/styles.scss index 1acebfa073..2c913e6e0d 100644 --- a/packages/fuselage/src/components/Grid/styles.scss +++ b/packages/fuselage/src/components/Grid/styles.scss @@ -22,8 +22,22 @@ $breakpoint-names: map-keys(breakpoints.$breakpoints); @each $breakpoint-name in $breakpoint-names { @include when-item-is-on-breakpoint($breakpoint-name) { - margin-block: calc(#{ to-rem(map-get(map-get(breakpoints.$breakpoints, $breakpoint-name), gutter-width)) } / -2); - margin-inline: calc(#{ to-rem(map-get(map-get(breakpoints.$breakpoints, $breakpoint-name), gutter-width)) } / -2); + margin-block: calc( + #{to-rem( + map-get( + map-get(breakpoints.$breakpoints, $breakpoint-name), + gutter-width + ) + )} / -2 + ); + margin-inline: calc( + #{to-rem( + map-get( + map-get(breakpoints.$breakpoints, $breakpoint-name), + gutter-width + ) + )} / -2 + ); } } } @@ -33,10 +47,27 @@ $breakpoint-names: map-keys(breakpoints.$breakpoints); @each $breakpoint-name in $breakpoint-names { @include when-item-is-on-breakpoint($breakpoint-name) { - padding-block: calc(#{ to-rem(map-get(map-get(breakpoints.$breakpoints, $breakpoint-name), gutter-width)) } / 2); - padding-inline: calc(#{ to-rem(map-get(map-get(breakpoints.$breakpoints, $breakpoint-name), gutter-width)) } / 2); + padding-block: calc( + #{to-rem( + map-get( + map-get(breakpoints.$breakpoints, $breakpoint-name), + gutter-width + ) + )} / 2 + ); + padding-inline: calc( + #{to-rem( + map-get( + map-get(breakpoints.$breakpoints, $breakpoint-name), + gutter-width + ) + )} / 2 + ); - $total-columns: map-get(map-get(breakpoints.$breakpoints, $breakpoint-name), columns); + $total-columns: map-get( + map-get(breakpoints.$breakpoints, $breakpoint-name), + columns + ); @for $columns from 1 through $total-columns { &--#{$breakpoint-name}-#{$columns} { flex-grow: 0; diff --git a/packages/fuselage/src/components/InputBox/styles.scss b/packages/fuselage/src/components/InputBox/styles.scss index 500143b17c..ffe6cb542b 100644 --- a/packages/fuselage/src/components/InputBox/styles.scss +++ b/packages/fuselage/src/components/InputBox/styles.scss @@ -54,9 +54,9 @@ $placeholder-color, $focus-caret-color, $active-caret-color, - $disabled-color, + $disabled-color ) { - color: #{ $color }; + color: #{$color}; // TODO: fix placeholder performance issue // &::placeholder { @@ -64,23 +64,23 @@ // } &.rcx-input-box--placeholder-visible { - color: #{ $placeholder-color }; + color: #{$placeholder-color}; } &:focus, &.focus { - caret-color: #{ $focus-caret-color }; + caret-color: #{$focus-caret-color}; } &:active, &.active { - caret-color: #{ $active-caret-color }; + caret-color: #{$active-caret-color}; } *:disabled &, &:disabled, &.disabled { - color: #{ $disabled-color }; + color: #{$disabled-color}; } } @@ -88,31 +88,31 @@ $color, $focus-caret-color, $focus-icon-color, - $disabled-color, + $disabled-color ) { & + .rcx-input-box__addon { - color: #{ $color }; + color: #{$color}; } .rcx-input-box__wrapper.focus > & { - caret-color: #{ $focus-caret-color }; + caret-color: #{$focus-caret-color}; } &:focus + .rcx-input-box__addon, &.focus + .rcx-input-box__addon, .rcx-input-box__wrapper.focus > & + .rcx-input-box__addon { - color: #{ $focus-icon-color }; + color: #{$focus-icon-color}; } .rcx-input-box__wrapper.disabled > & { - color: #{ $disabled-color }; + color: #{$disabled-color}; } *:disabled & + .rcx-input-box__addon, &:disabled + .rcx-input-box__addon, &.disabled + .rcx-input-box__addon, .rcx-input-box__wrapper.disabled > & + .rcx-input-box__addon { - color: #{ $disabled-color }; + color: #{$disabled-color}; } } @@ -164,9 +164,7 @@ min-width: lengths.size(128); min-height: lengths.size(40); - padding: - lengths.padding(8) - (lengths.padding(16) - lengths.border-width(2)); + padding: lengths.padding(8) (lengths.padding(16) - lengths.border-width(2)); @extend %input; @@ -181,7 +179,7 @@ $placeholder-color: $input-colors-placeholder-color, $focus-caret-color: $input-colors-focus-caret-color, $active-caret-color: $input-colors-active-caret-color, - $disabled-color: $input-colors-disabled-color, + $disabled-color: $input-colors-disabled-color ); &:invalid, @@ -191,14 +189,14 @@ $placeholder-color: $input-colors-invalid-placeholder-color, $focus-caret-color: $input-colors-invalid-focus-caret-color, $active-caret-color: $input-colors-invalid-active-caret-color, - $disabled-color: $input-colors-invalid-disabled-color, + $disabled-color: $input-colors-invalid-disabled-color ); @include with-icon-addon-colors( $color: $input-colors-invalid-color, $focus-caret-color: $input-colors-invalid-focus-caret-color, $focus-icon-color: $input-colors-invalid-focus-icon-color, - $disabled-color: $input-colors-invalid-disabled-color, + $disabled-color: $input-colors-invalid-disabled-color ); } @@ -212,7 +210,7 @@ $color: $input-colors-color, $focus-caret-color: $input-colors-focus-caret-color, $focus-icon-color: $input-colors-focus-icon-color, - $disabled-color: $input-colors-disabled-color, + $disabled-color: $input-colors-disabled-color ); *:disabled & + .rcx-input-box__addon, @@ -232,7 +230,7 @@ white-space: nowrap; @include typography.use-font-scale(p1); - color: #{ $input-colors-placeholder-color }; + color: #{$input-colors-placeholder-color}; } .rcx-input-box__option { @@ -240,7 +238,7 @@ white-space: nowrap; @include typography.use-font-scale(p1); - color: #{ $input-colors-color }; + color: #{$input-colors-color}; } .rcx-skeleton__input { @@ -251,18 +249,17 @@ min-width: lengths.size(128); min-height: lengths.size(40); - padding: - (lengths.padding(12) - lengths.border-width(2)) + padding: (lengths.padding(12) - lengths.border-width(2)) (lengths.padding(16) - lengths.border-width(2)); vertical-align: baseline; - color: #{ $input-colors-color }; + color: #{$input-colors-color}; border-width: lengths.border-width(2); - border-color: #{ $input-colors-border-color }; + border-color: #{$input-colors-border-color}; border-radius: lengths.border-radius(2); - background-color: #{ $input-colors-background-color }; + background-color: #{$input-colors-background-color}; @include typography.use-font-scale(p1); @include typography.use-text-ellipsis; diff --git a/packages/fuselage/src/components/Pagination/styles.scss b/packages/fuselage/src/components/Pagination/styles.scss index 0bd5ee63de..a80346d112 100644 --- a/packages/fuselage/src/components/Pagination/styles.scss +++ b/packages/fuselage/src/components/Pagination/styles.scss @@ -8,9 +8,7 @@ align-items: center; - padding: - lengths.padding(12) - lengths.padding(24); + padding: lengths.padding(12) lengths.padding(24); @include on-breakpoint(sm) { flex-direction: column; diff --git a/packages/fuselage/src/components/ProgressBar/styles.scss b/packages/fuselage/src/components/ProgressBar/styles.scss index 38302a15b9..d6a9058872 100644 --- a/packages/fuselage/src/components/ProgressBar/styles.scss +++ b/packages/fuselage/src/components/ProgressBar/styles.scss @@ -2,11 +2,23 @@ @use '../../styles/lengths.scss'; @use '../../styles/typography.scss'; -$progress-bar-color-primary: theme('progress-bar-color-primary', colors.primary(200)); -$progress-bar-color-success: theme('progress-bar-color-success', colors.success(200)); -$progress-bar-color-error: theme('progress-bar-color-error', colors.danger(200)); +$progress-bar-color-primary: theme( + 'progress-bar-color-primary', + colors.primary(200) +); +$progress-bar-color-success: theme( + 'progress-bar-color-success', + colors.success(200) +); +$progress-bar-color-error: theme( + 'progress-bar-color-error', + colors.danger(200) +); $progress-bar-color-shine: theme('progress-bar-color-shine', colors.surface()); -$progress-bar-color-background: theme('progress-bar-color-background', colors.neutral(400, 1)); +$progress-bar-color-background: theme( + 'progress-bar-color-background', + colors.neutral(400, 1) +); .rcx-progress-bar { display: block; diff --git a/packages/fuselage/src/components/Select/styles.scss b/packages/fuselage/src/components/Select/styles.scss index 3b2c91012d..fd6c5568a7 100644 --- a/packages/fuselage/src/components/Select/styles.scss +++ b/packages/fuselage/src/components/Select/styles.scss @@ -69,14 +69,14 @@ $placeholder-color: $input-colors-invalid-placeholder-color, $focus-caret-color: $input-colors-invalid-focus-caret-color, $active-caret-color: $input-colors-invalid-active-caret-color, - $disabled-color: $input-colors-invalid-disabled-color, + $disabled-color: $input-colors-invalid-disabled-color ); @include with-icon-addon-colors( $color: $input-colors-invalid-color, $focus-caret-color: $input-colors-invalid-focus-caret-color, $focus-icon-color: $input-colors-invalid-focus-icon-color, - $disabled-color: $input-colors-invalid-disabled-color, + $disabled-color: $input-colors-invalid-disabled-color ); } } diff --git a/packages/fuselage/src/components/Sidebar/styles.scss b/packages/fuselage/src/components/Sidebar/styles.scss index 31e02735ea..e2d4dab12a 100644 --- a/packages/fuselage/src/components/Sidebar/styles.scss +++ b/packages/fuselage/src/components/Sidebar/styles.scss @@ -3,15 +3,39 @@ @use '../../styles/typography.scss'; @import '../../styles/mixins/all.scss'; -$sidebar-header-height: theme('sidebar-header-height', theme('header-height', lengths.size(64))); -$sidebar-item-background-color: theme('sidebar-item-background-color', colors.surface()); +$sidebar-header-height: theme( + 'sidebar-header-height', + theme('header-height', lengths.size(64)) +); +$sidebar-item-background-color: theme( + 'sidebar-item-background-color', + colors.surface() +); $sidebar-item-color: theme('sidebar-item-color', colors.foreground('hint')); -$sidebar-item-color-highlighted: theme('sidebar-item-color-highlighted', colors.foreground('alternative')); -$sidebar-item-background-color-hover: theme('sidebar-item-background-color-hover', colors.neutral(800)); -$sidebar-item-color-hover: theme('sidebar-item-color-hover', colors.foreground('hint')); -$sidebar-item-color-focus: theme('sidebar-item-color-focus', colors.neutral(900)); -$sidebar-item-background-color-selected: theme('sidebar-item-background-color-selected', colors.neutral(200)); -$sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foreground('hint')); +$sidebar-item-color-highlighted: theme( + 'sidebar-item-color-highlighted', + colors.foreground('alternative') +); +$sidebar-item-background-color-hover: theme( + 'sidebar-item-background-color-hover', + colors.neutral(800) +); +$sidebar-item-color-hover: theme( + 'sidebar-item-color-hover', + colors.foreground('hint') +); +$sidebar-item-color-focus: theme( + 'sidebar-item-color-focus', + colors.neutral(900) +); +$sidebar-item-background-color-selected: theme( + 'sidebar-item-background-color-selected', + colors.neutral(200) +); +$sidebar-item-color-selected: theme( + 'sidebar-item-color-selected', + colors.foreground('hint') +); %sidebar-base { display: flex; diff --git a/packages/fuselage/src/components/StatusBullet/styles.scss b/packages/fuselage/src/components/StatusBullet/styles.scss index b85e4bc09d..49720b4dc7 100644 --- a/packages/fuselage/src/components/StatusBullet/styles.scss +++ b/packages/fuselage/src/components/StatusBullet/styles.scss @@ -2,11 +2,28 @@ @use '../../styles/lengths.scss'; @use '../../styles/functions.scss'; -$status-bullet-online-background-color: theme('status-bullet-online-background-color', colors.foreground('success')); -$status-bullet-away-background: theme('status-bullet-away-background', url('./components/StatusBullet/icons/away.svg') top left / contain no-repeat); -$status-bullet-busy-background: theme('status-bullet-busy-background', url('./components/StatusBullet/icons/busy.svg') top left / contain no-repeat); -$status-bullet-offline-background: theme('status-bullet-offline-background', url('./components/StatusBullet/icons/offline.svg') top left / contain no-repeat); -$status-bullet-loading-background: theme('status-bullet-loading-background', url('./components/StatusBullet/icons/loading.svg') top left / contain no-repeat); +$status-bullet-online-background-color: theme( + 'status-bullet-online-background-color', + colors.foreground('success') +); +$status-bullet-away-background: theme( + 'status-bullet-away-background', + url('./components/StatusBullet/icons/away.svg') top left / contain no-repeat +); +$status-bullet-busy-background: theme( + 'status-bullet-busy-background', + url('./components/StatusBullet/icons/busy.svg') top left / contain no-repeat +); +$status-bullet-offline-background: theme( + 'status-bullet-offline-background', + url('./components/StatusBullet/icons/offline.svg') top left / contain + no-repeat +); +$status-bullet-loading-background: theme( + 'status-bullet-loading-background', + url('./components/StatusBullet/icons/loading.svg') top left / contain + no-repeat +); .rcx-status-bullet { display: inline-block; diff --git a/packages/fuselage/src/components/Table/styles.scss b/packages/fuselage/src/components/Table/styles.scss index 843a42c899..8472b299d1 100644 --- a/packages/fuselage/src/components/Table/styles.scss +++ b/packages/fuselage/src/components/Table/styles.scss @@ -7,9 +7,7 @@ width: 100%; - border-spacing: - lengths.padding(none) - lengths.padding(2); + border-spacing: lengths.padding(none) lengths.padding(2); border-collapse: collapse; diff --git a/packages/fuselage/src/components/Tabs/styles.scss b/packages/fuselage/src/components/Tabs/styles.scss index 6753572f73..be8098d931 100644 --- a/packages/fuselage/src/components/Tabs/styles.scss +++ b/packages/fuselage/src/components/Tabs/styles.scss @@ -7,7 +7,10 @@ $tabs-border-color: theme('tabs-border-color', transparent); $tabs-color: theme('tabs-color', colors.neutral(600)); $tabs-delimiter-color: theme('tabs-color', colors.neutral(400)); $tabs-selected-color: theme('tabs-selected-color', colors.primary(500)); -$tabs-selected-border-color: theme('tabs-selected-border-color', colors.primary(500)); +$tabs-selected-border-color: theme( + 'tabs-selected-border-color', + colors.primary(500) +); $tabs-hover-color: theme('tabs-hover-border-color', colors.neutral(700)); $tabs-active-color: theme('tabs-active-color', colors.neutral(800)); $tabs-focus-border-color: theme('tabs-focus-border-color', colors.primary(500)); @@ -62,9 +65,7 @@ $tabs-disabled-color: theme('tabs-disabled-color', colors.neutral(500)); min-height: lengths.size(40); - padding: - (lengths.padding(4) + lengths.border-width(2)) - lengths.padding(16); + padding: (lengths.padding(4) + lengths.border-width(2)) lengths.padding(16); color: $tabs-color; border-width: lengths.border-width(2); @@ -77,9 +78,7 @@ $tabs-disabled-color: theme('tabs-disabled-color', colors.neutral(500)); @include typography.use-font-scale(s2); &--selected { - padding: - lengths.padding(4) - (lengths.padding(16) + lengths.border-width(2)); + padding: lengths.padding(4) (lengths.padding(16) + lengths.border-width(2)); color: $tabs-selected-color; border-block-end-color: $tabs-selected-border-color; diff --git a/packages/fuselage/src/components/Tag/styles.scss b/packages/fuselage/src/components/Tag/styles.scss index f520e6043b..07c0b11e3c 100644 --- a/packages/fuselage/src/components/Tag/styles.scss +++ b/packages/fuselage/src/components/Tag/styles.scss @@ -2,23 +2,59 @@ @use '../../styles/lengths.scss'; @use '../../styles/typography.scss'; -$tag-colors-secondary-color: theme('tag-colors-secondary-color', colors.foreground(primary)); -$tag-colors-secondary-background-color: theme('tag-colors-secondary-background-color', colors.primary(100)); - -$tag-colors-primary-color: theme('tag-colors-primary-color', colors.foreground(alternative)); -$tag-colors-primary-background-color: theme('tag-colors-primary-background-color', colors.primary(500)); - -$tag-colors-danger-color: theme('tag-colors-danger-color', colors.foreground(alternative)); -$tag-colors-danger-background-color: theme('tag-colors-danger-background-color', colors.danger(500)); - -$tag-colors-ghost-color: theme('tag-colors-ghost-color', colors.foreground(alternative)); -$tag-colors-ghost-background-color: theme('tag-colors-ghost-background-color', colors.neutral(700)); - -$tag-colors-warning-color: theme('tag-colors-warning-color', colors.foreground(alternative)); -$tag-colors-warning-background-color: theme('tag-colors-warning-background-color', colors.warning-alternative(500)); - -$tag-colors-disabled-color: theme('tag-colors-disabled-color', colors.foreground(hint)); -$tag-colors-disabled-background-color: theme('tag-colors-disabled-background-color', colors.neutral(400)); +$tag-colors-secondary-color: theme( + 'tag-colors-secondary-color', + colors.foreground(primary) +); +$tag-colors-secondary-background-color: theme( + 'tag-colors-secondary-background-color', + colors.primary(100) +); + +$tag-colors-primary-color: theme( + 'tag-colors-primary-color', + colors.foreground(alternative) +); +$tag-colors-primary-background-color: theme( + 'tag-colors-primary-background-color', + colors.primary(500) +); + +$tag-colors-danger-color: theme( + 'tag-colors-danger-color', + colors.foreground(alternative) +); +$tag-colors-danger-background-color: theme( + 'tag-colors-danger-background-color', + colors.danger(500) +); + +$tag-colors-ghost-color: theme( + 'tag-colors-ghost-color', + colors.foreground(alternative) +); +$tag-colors-ghost-background-color: theme( + 'tag-colors-ghost-background-color', + colors.neutral(700) +); + +$tag-colors-warning-color: theme( + 'tag-colors-warning-color', + colors.foreground(alternative) +); +$tag-colors-warning-background-color: theme( + 'tag-colors-warning-background-color', + colors.warning-alternative(500) +); + +$tag-colors-disabled-color: theme( + 'tag-colors-disabled-color', + colors.foreground(hint) +); +$tag-colors-disabled-background-color: theme( + 'tag-colors-disabled-background-color', + colors.neutral(400) +); .rcx-tag { display: flex; @@ -27,9 +63,7 @@ $tag-colors-disabled-background-color: theme('tag-colors-disabled-background-col width: fit-content; - padding: - lengths.padding(2) - lengths.padding(4); + padding: lengths.padding(2) lengths.padding(4); white-space: nowrap; diff --git a/packages/fuselage/src/components/Tile/styles.scss b/packages/fuselage/src/components/Tile/styles.scss index 4e6dfa648f..6afa3e6484 100644 --- a/packages/fuselage/src/components/Tile/styles.scss +++ b/packages/fuselage/src/components/Tile/styles.scss @@ -20,8 +20,7 @@ } &--elevation-2 { - box-shadow: - 0 0 2px 0 colors.neutral(800, 0.08), + box-shadow: 0 0 2px 0 colors.neutral(800, 0.08), 0 0 12px 0 colors.neutral(800, 0.12); } } diff --git a/packages/fuselage/src/components/ToggleSwitch/styles.scss b/packages/fuselage/src/components/ToggleSwitch/styles.scss index 9405d7bfd9..d0d56e6d36 100644 --- a/packages/fuselage/src/components/ToggleSwitch/styles.scss +++ b/packages/fuselage/src/components/ToggleSwitch/styles.scss @@ -29,6 +29,8 @@ } &__input:checked + &__fake::before { - inset-inline-start: calc(100% - #{lengths.inset(20) - 2 * lengths.border-width(2)}); + inset-inline-start: calc( + 100% - #{lengths.inset(20) - 2 * lengths.border-width(2)} + ); } } diff --git a/packages/fuselage/src/components/Tooltip/styles.scss b/packages/fuselage/src/components/Tooltip/styles.scss index e0782ebaa2..64973afe05 100644 --- a/packages/fuselage/src/components/Tooltip/styles.scss +++ b/packages/fuselage/src/components/Tooltip/styles.scss @@ -2,7 +2,10 @@ @use '../../styles/lengths.scss'; @use '../../styles/typography.scss'; -$tooltip-background-color: theme('tooltip-background-color', colors.neutral(900)); +$tooltip-background-color: theme( + 'tooltip-background-color', + colors.neutral(900) +); $tooltip-text-color: theme('tooltip-text-color', colors.surface()); @mixin triangle-direction($direction) { @@ -14,12 +17,10 @@ $tooltip-text-color: theme('tooltip-text-color', colors.surface()); content: ' '; border-width: lengths.border-width(4) + lengths.border-width(1); - border-color: transparent transparent $tooltip-background-color $tooltip-background-color; - border-radius: - lengths.border-radius(none) - lengths.border-radius(none) - lengths.border-radius(none) - (lengths.border-radius(2) + to-rem(1)); + border-color: transparent transparent $tooltip-background-color + $tooltip-background-color; + border-radius: lengths.border-radius(none) lengths.border-radius(none) + lengths.border-radius(none) (lengths.border-radius(2) + to-rem(1)); @if $direction == 'bottom' { inset-block-start: lengths.inset(-4); @@ -57,9 +58,7 @@ $tooltip-text-color: theme('tooltip-text-color', colors.surface()); max-width: lengths.size(240); - padding: - lengths.padding(8) - lengths.padding(12); + padding: lengths.padding(8) lengths.padding(12); word-break: break-word; diff --git a/packages/fuselage/src/styleTokens.js b/packages/fuselage/src/styleTokens.js index e9897beba1..ecf9f4f03a 100644 --- a/packages/fuselage/src/styleTokens.js +++ b/packages/fuselage/src/styleTokens.js @@ -1,6 +1,6 @@ import { cssSupports } from '@rocket.chat/css-in-js'; -import tokenColors from '@rocket.chat/fuselage-tokens/colors'; -import tokenTypography from '@rocket.chat/fuselage-tokens/typography'; +import tokenColors from '@rocket.chat/fuselage-tokens/colors.json'; +import tokenTypography from '@rocket.chat/fuselage-tokens/typography.json'; import invariant from 'invariant'; import { memoize } from './helpers/memoize'; diff --git a/packages/fuselage/src/styles/colors.scss b/packages/fuselage/src/styles/colors.scss index 6f19e0cee6..9de15fed53 100644 --- a/packages/fuselage/src/styles/colors.scss +++ b/packages/fuselage/src/styles/colors.scss @@ -14,11 +14,11 @@ $-map-type-to-prefix: ( ); @function _get-palette-color($type, $grade, $alpha) { - @if not ($grade % 100 == 0 and $grade / 100 >= 1 and $grade / 100 <= 9) { + @if not($grade % 100 == 0 and $grade / 100 >= 1 and $grade / 100 <= 9) { @error 'invalid color grade'; } - @if not ($alpha == null or ($alpha >= 0 and $alpha <= 1)) { + @if not($alpha == null or ($alpha >= 0 and $alpha <= 1)) { @error 'invalid color alpha'; } @@ -27,7 +27,7 @@ $-map-type-to-prefix: ( @error 'invalid color type'; } - $base-color: map.get(token-colors.$colors, #{ $prefix }#{ $grade }); + $base-color: map.get(token-colors.$colors, #{$prefix}#{$grade}); @if not $base-color { @error 'invalid color reference'; @@ -35,12 +35,12 @@ $-map-type-to-prefix: ( @if ($alpha != null) { @return ( - --rcx-color-#{ $type }-#{ $grade }-#{ $alpha * 100 }, - color.change($base-color, $alpha: $alpha), + --rcx-color-#{$type}-#{$grade}-#{$alpha * 100}, + color.change($base-color, $alpha: $alpha) ); } - @return (--rcx-color-#{ $type }-#{ $grade }, $base-color); + @return (--rcx-color-#{$type}-#{$grade}, $base-color); } @function neutral($grade, $alpha: null) { @@ -105,7 +105,7 @@ $-foreground-colors: ( $color: map.get($-foreground-colors, $type); - @return (--rcx-color-foreground-#{ $type }, $color); + @return (--rcx-color-foreground-#{$type}, $color); } @function foreground($type) { diff --git a/packages/fuselage/src/styles/lengths.scss b/packages/fuselage/src/styles/lengths.scss index 28a414977c..e382edb79d 100644 --- a/packages/fuselage/src/styles/lengths.scss +++ b/packages/fuselage/src/styles/lengths.scss @@ -5,11 +5,9 @@ @function inset($value) { @if $value == 'none' { @return 0; - } - @else if math.abs($value) == 1 or math.abs($value) == 2 or $value % 4 == 0 { + } @else if math.abs($value) == 1 or math.abs($value) == 2 or $value % 4 == 0 { @return functions.to-rem($value); - } - @else { + } @else { @error 'value must be none, ±1, ±2, or a multiple of ±4'; } } @@ -17,11 +15,9 @@ @function margin($value) { @if $value == 'none' { @return 0; - } - @else if math.abs($value) == 1 or math.abs($value) == 2 or $value % 4 == 0 { + } @else if math.abs($value) == 1 or math.abs($value) == 2 or $value % 4 == 0 { @return functions.to-rem($value); - } - @else { + } @else { @error 'value must be none, ±1, ±2, or a multiple of ±4'; } } @@ -29,11 +25,15 @@ @function padding($value) { @if $value == 'none' { @return 0; - } - @else if $value == 1 or $value == 2 or (meta.type-of($value) == number and $value > 0 and $value % 4 == 0) { + } @else if + $value == + 1 or + $value == + 2 or + (meta.type-of($value) == number and $value > 0 and $value % 4 == 0) + { @return functions.to-rem($value); - } - @else { + } @else { @error 'value must be none, or a multiple of 4'; } } @@ -41,20 +41,21 @@ @function size($value) { @if $value == 'none' { @return 0; - } - @else if $value == 'full' { + } @else if $value == 'full' { @return 100%; - } - @else if $value == 'sw' { + } @else if $value == 'sw' { @return 100vw; - } - @else if $value == 'sh' { + } @else if $value == 'sh' { @return 100vh; - } - @else if $value == 1 or $value == 2 or (meta.type-of($value) == number and $value > 0 and $value % 4 == 0) { + } @else if + $value == + 1 or + $value == + 2 or + (meta.type-of($value) == number and $value > 0 and $value % 4 == 0) + { @return functions.to-rem($value); - } - @else { + } @else { @error 'value must be none, full, sw, sh, a percentage, or a multiple of 4'; } } @@ -62,11 +63,9 @@ @function border-width($value) { @if $value == 'none' { @return 0; - } - @else if $value == 1 or $value == 2 or $value == 4 { + } @else if $value == 1 or $value == 2 or $value == 4 { @return functions.to-rem($value); - } - @else { + } @else { @error 'value must be none, 1, 2, or 4'; } } @@ -74,14 +73,11 @@ @function border-radius($value) { @if $value == 'none' { @return 0; - } - @else if $value == 'full' { + } @else if $value == 'full' { @return 9999px; - } - @else if $value == 2 or $value == 4 { + } @else if $value == 2 or $value == 4 { @return functions.to-rem($value); - } - @else { + } @else { @error 'value must be none, full, 2, or 4'; } } diff --git a/packages/fuselage/src/styles/mixins/breakpoints.scss b/packages/fuselage/src/styles/mixins/breakpoints.scss index 2863c067d5..b39e48d755 100644 --- a/packages/fuselage/src/styles/mixins/breakpoints.scss +++ b/packages/fuselage/src/styles/mixins/breakpoints.scss @@ -1,12 +1,14 @@ @use '~@rocket.chat/fuselage-tokens/breakpoints.scss'; @mixin on-breakpoint($breakpoint-name) { - $min-viewport-width: map-get(map-get(breakpoints.$breakpoints, $breakpoint-name), min-viewport-width); + $min-viewport-width: map-get( + map-get(breakpoints.$breakpoints, $breakpoint-name), + min-viewport-width + ); @if not $min-viewport-width { @content; - } - @else { + } @else { @media screen and (min-width: #{ to-em($min-viewport-width) }) { @content; } diff --git a/packages/fuselage/src/styles/mixins/shadows.scss b/packages/fuselage/src/styles/mixins/shadows.scss index 55f56f0803..a1a2d466b6 100644 --- a/packages/fuselage/src/styles/mixins/shadows.scss +++ b/packages/fuselage/src/styles/mixins/shadows.scss @@ -3,9 +3,9 @@ } @mixin use-focus-shadow($outer-color) { - box-shadow: 0 0 0 #{ to-rem(4) } #{ $outer-color }; + box-shadow: 0 0 0 #{to-rem(4)} #{$outer-color}; } @mixin use-focus-shadow-inset($outer-color) { - box-shadow: 0 0 0 #{ to-rem(4) } #{ $outer-color } inset; + box-shadow: 0 0 0 #{to-rem(4)} #{$outer-color} inset; } diff --git a/packages/fuselage/src/styles/mixins/states.scss b/packages/fuselage/src/styles/mixins/states.scss index 6c53056cd3..555f8ef25c 100644 --- a/packages/fuselage/src/styles/mixins/states.scss +++ b/packages/fuselage/src/styles/mixins/states.scss @@ -29,7 +29,8 @@ // @content; // } - @at-root .js-focus-visible &:focus.focus-visible, .js-focus-visible &.focus.focus-visible { + @at-root .js-focus-visible &:focus.focus-visible, + .js-focus-visible &.focus.focus-visible { @content; } diff --git a/packages/fuselage/src/styles/primitives/button.scss b/packages/fuselage/src/styles/primitives/button.scss index cbaef88776..4dc5309df7 100644 --- a/packages/fuselage/src/styles/primitives/button.scss +++ b/packages/fuselage/src/styles/primitives/button.scss @@ -1,5 +1,3 @@ -@use '../lengths.scss'; - @mixin as-button( $color, $background-color, @@ -13,13 +11,13 @@ $focus-shadow-color, $disabled-color, $disabled-background-color, - $disabled-border-color, + $disabled-border-color ) { color: $color; - border-width: lengths.border-width(2); + border-width: 2px; border-style: solid; border-color: $border-color; - border-radius: lengths.border-radius(2); + border-radius: 2px; background-color: $background-color; appearance: none; @@ -64,62 +62,9 @@ $focus-background-color: $button-colors-secondary-focus-background-color, $focus-border-color: $button-colors-secondary-focus-border-color, $focus-shadow-color: $button-colors-secondary-focus-shadow-color, - $disabled-background-color: $button-colors-secondary-disabled-background-color, + $disabled-background-color: + $button-colors-secondary-disabled-background-color, $disabled-border-color: $button-colors-secondary-disabled-border-color, - $disabled-color: $button-colors-secondary-disabled-color, - ); -} - -%button--primary { - @include as-button( - $background-color: $button-colors-primary-background-color, - $border-color: $button-colors-primary-border-color, - $color: $button-colors-primary-color, - $hover-background-color: $button-colors-primary-hover-background-color, - $hover-border-color: $button-colors-primary-hover-border-color, - $active-background-color: $button-colors-primary-active-background-color, - $active-border-color: $button-colors-primary-active-border-color, - $focus-background-color: $button-colors-primary-focus-background-color, - $focus-border-color: $button-colors-primary-focus-border-color, - $focus-shadow-color: $button-colors-primary-focus-shadow-color, - $disabled-background-color: $button-colors-primary-disabled-background-color, - $disabled-border-color: $button-colors-primary-disabled-border-color, - $disabled-color: $button-colors-primary-disabled-color, - ); -} - -%button--success { - @include as-button( - $background-color: $button-colors-success-background-color, - $border-color: $button-colors-success-border-color, - $color: $button-colors-success-color, - $hover-background-color: $button-colors-success-hover-background-color, - $hover-border-color: $button-colors-success-hover-border-color, - $active-background-color: $button-colors-success-active-background-color, - $active-border-color: $button-colors-success-active-border-color, - $focus-background-color: $button-colors-success-focus-background-color, - $focus-border-color: $button-colors-success-focus-border-color, - $focus-shadow-color: $button-colors-success-focus-shadow-color, - $disabled-background-color: $button-colors-success-disabled-background-color, - $disabled-border-color: $button-colors-success-disabled-border-color, - $disabled-color: $button-colors-success-disabled-color, - ); -} - -%button--danger { - @include as-button( - $background-color: $button-colors-danger-background-color, - $border-color: $button-colors-danger-border-color, - $color: $button-colors-danger-color, - $hover-background-color: $button-colors-danger-hover-background-color, - $hover-border-color: $button-colors-danger-hover-border-color, - $active-background-color: $button-colors-danger-active-background-color, - $active-border-color: $button-colors-danger-active-border-color, - $focus-background-color: $button-colors-danger-focus-background-color, - $focus-border-color: $button-colors-danger-focus-border-color, - $focus-shadow-color: $button-colors-danger-focus-shadow-color, - $disabled-background-color: $button-colors-danger-disabled-background-color, - $disabled-border-color: $button-colors-danger-disabled-border-color, - $disabled-color: $button-colors-danger-disabled-color, + $disabled-color: $button-colors-secondary-disabled-color ); } diff --git a/packages/fuselage/src/styles/primitives/input.scss b/packages/fuselage/src/styles/primitives/input.scss index 4d166ecec7..cc151d602f 100644 --- a/packages/fuselage/src/styles/primitives/input.scss +++ b/packages/fuselage/src/styles/primitives/input.scss @@ -8,13 +8,13 @@ $focus-shadow-color, $active-border-color, $disabled-background-color, - $disabled-border-color, + $disabled-border-color ) { border-width: lengths.border-width(2); - border-color: #{ $border-color }; + border-color: #{$border-color}; border-radius: lengths.border-radius(2); - background-color: #{ $background-color }; + background-color: #{$background-color}; @include use-no-shadow; @include on-hover { @@ -27,13 +27,13 @@ } @include on-active { - border-color: #{ $active-border-color }; + border-color: #{$active-border-color}; @include use-no-shadow; } @include on-disabled { - border-color: #{ $disabled-border-color }; - background-color: #{ $disabled-background-color }; + border-color: #{$disabled-border-color}; + background-color: #{$disabled-background-color}; } } @@ -46,7 +46,7 @@ $focus-shadow-color: $input-colors-focus-shadow-color, $active-border-color: $input-colors-active-border-color, $disabled-background-color: $input-colors-disabled-background-color, - $disabled-border-color: $input-colors-disabled-border-color, + $disabled-border-color: $input-colors-disabled-border-color ); } @@ -59,6 +59,6 @@ $focus-shadow-color: $input-colors-invalid-focus-shadow-color, $active-border-color: $input-colors-invalid-active-border-color, $disabled-background-color: $input-colors-invalid-disabled-background-color, - $disabled-border-color: $input-colors-invalid-disabled-border-color, + $disabled-border-color: $input-colors-invalid-disabled-border-color ); } diff --git a/packages/fuselage/src/styles/primitives/selection-button.scss b/packages/fuselage/src/styles/primitives/selection-button.scss index e21d2c96ea..56f1133c77 100644 --- a/packages/fuselage/src/styles/primitives/selection-button.scss +++ b/packages/fuselage/src/styles/primitives/selection-button.scss @@ -102,7 +102,11 @@ background-color: $button-colors-primary-disabled-background-color; } -@mixin is-selection-button($unchecked: 'empty', $indeterminate: null, $checked: 'primary') { +@mixin is-selection-button( + $unchecked: 'empty', + $indeterminate: null, + $checked: 'primary' +) { position: relative; display: inline-flex; @@ -114,7 +118,7 @@ $styles: ( unchecked: $unchecked, indeterminate: $indeterminate, - checked: $checked + checked: $checked, ); $state-pseudo-classes: ( @@ -122,7 +126,7 @@ hovered: ':hover', focused: ':focus', active: ':active', - disabled: ':disabled' + disabled: ':disabled', ); $state-helper-classes: ( @@ -130,7 +134,7 @@ hovered: '.is-hovered', focused: '.is-focused', active: '.is-active', - disabled: '.is-disabled' + disabled: '.is-disabled', ); @each $value in unchecked, indeterminate, checked { @@ -149,7 +153,7 @@ $state-helper-class: map-get($state-helper-classes, $state); @at-root &__input#{$value-pseudo-class}#{$state-pseudo-class} + &__fake, - &#{$state-helper-class} &__input#{$value-pseudo-class} + &__fake { + &#{$state-helper-class} &__input#{$value-pseudo-class} + &__fake { @extend %selection-button__fake--#{$style}--#{$state} !optional; @if $state == disabled { diff --git a/packages/fuselage/src/styles/primitives/traits/rich-text.scss b/packages/fuselage/src/styles/primitives/traits/rich-text.scss index 0be8ce95b8..8f36131ab5 100644 --- a/packages/fuselage/src/styles/primitives/traits/rich-text.scss +++ b/packages/fuselage/src/styles/primitives/traits/rich-text.scss @@ -3,39 +3,33 @@ @use '../../typography.scss'; %--with-inline-elements { - strong { - letter-spacing: inherit; - - font: inherit; - font-weight: bolder; - } - - em { - letter-spacing: inherit; - - font: inherit; - font-style: italic; - } - - b { + a, + abbr, + b, + cite, + code, + del, + dfn, + em, + i, + ins, + kbd, + q, + samp, + small, + strong, + sub, + sup, + time, + var { letter-spacing: inherit; - font: inherit; - font-weight: bolder; - } - - i { - letter-spacing: inherit; + color: inherit; font: inherit; - font-style: italic; } a { - letter-spacing: inherit; - - font: inherit; - &:link { text-decoration: none; @@ -58,6 +52,34 @@ } } + strong { + letter-spacing: inherit; + + font: inherit; + font-weight: bolder; + } + + em { + letter-spacing: inherit; + + font: inherit; + font-style: italic; + } + + b { + letter-spacing: inherit; + + font: inherit; + font-weight: bolder; + } + + i { + letter-spacing: inherit; + + font: inherit; + font-style: italic; + } + q { letter-spacing: inherit; @@ -80,9 +102,7 @@ } code { - padding: - lengths.padding(4) - lengths.padding(8); + padding: lengths.padding(4) lengths.padding(8); letter-spacing: inherit; @@ -143,33 +163,21 @@ position: relative; vertical-align: baseline; - letter-spacing: inherit; - font: inherit; font-size: 75%; line-height: 0; } sup { inset-block-start: -0.5em; - - letter-spacing: inherit; - - font: inherit; } sub { inset-block-end: -0.25em; - - letter-spacing: inherit; - - font: inherit; } kbd { - padding: - lengths.padding(4) - lengths.padding(8); + padding: lengths.padding(4) lengths.padding(8); letter-spacing: inherit; @@ -233,9 +241,7 @@ h6 { display: block; - margin: - lengths.margin(16) - lengths.margin(none); + margin: lengths.margin(16) lengths.margin(none); } p { @@ -243,9 +249,7 @@ display: block; - margin: - lengths.margin(16) - lengths.margin(none); + margin: lengths.margin(16) lengths.margin(none); color: inherit; } @@ -254,9 +258,7 @@ ol { display: block; - margin: - lengths.margin(16) - lengths.margin(none); + margin: lengths.margin(16) lengths.margin(none); padding-inline-start: lengths.padding(40); } @@ -281,9 +283,7 @@ } pre { - margin: - lengths.margin(16) - lengths.margin(none); + margin: lengths.margin(16) lengths.margin(none); letter-spacing: inherit; diff --git a/packages/fuselage/src/styles/typography.scss b/packages/fuselage/src/styles/typography.scss index 889e1a8b9f..6ef7c701d7 100644 --- a/packages/fuselage/src/styles/typography.scss +++ b/packages/fuselage/src/styles/typography.scss @@ -7,7 +7,10 @@ @error 'invalid font family name'; } - @return var(--rcx-font-family-#{ $name }, map.get(typography.$font-families, $name)); + @return var( + --rcx-font-family-#{$name}, + map.get(typography.$font-families, $name) + ); } $font-scales: map.keys(typography.$font-scales); @@ -30,7 +33,9 @@ $font-scales: map.keys(typography.$font-scales); @error 'invalid font scale name'; } - @return functions.to-rem(map.get(map.get(typography.$font-scales, $name), letter-spacing)); + @return functions.to-rem( + map.get(map.get(typography.$font-scales, $name), letter-spacing) + ); } @function font-size($name) { @@ -38,7 +43,9 @@ $font-scales: map.keys(typography.$font-scales); @error 'invalid font scale name'; } - @return functions.to-rem(map.get(map.get(typography.$font-scales, $name), font-size)); + @return functions.to-rem( + map.get(map.get(typography.$font-scales, $name), font-size) + ); } @function font-weight($name) { @@ -54,7 +61,9 @@ $font-scales: map.keys(typography.$font-scales); @error 'invalid font scale name'; } - @return functions.to-rem(map.get(map.get(typography.$font-scales, $name), line-height)); + @return functions.to-rem( + map.get(map.get(typography.$font-scales, $name), line-height) + ); } @mixin use-text-ellipsis { diff --git a/packages/fuselage/src/styles/variables/breakpoints.scss b/packages/fuselage/src/styles/variables/breakpoints.scss index 9c03c7f553..146f2c43e1 100644 --- a/packages/fuselage/src/styles/variables/breakpoints.scss +++ b/packages/fuselage/src/styles/variables/breakpoints.scss @@ -1,21 +1,66 @@ @use '~@rocket.chat/fuselage-tokens/breakpoints.scss'; -$breakpoints-xs-min-viewport-width: map-get(map-get(breakpoints.$breakpoints, xs), min-viewport-width); -$breakpoints-xs-columns: map-get(map-get(breakpoints.$breakpoints, xs), columns); -$breakpoints-xs-gutter-width: map-get(map-get(breakpoints.$breakpoints, xs), gutter-width); +$breakpoints-xs-min-viewport-width: map-get( + map-get(breakpoints.$breakpoints, xs), + min-viewport-width +); +$breakpoints-xs-columns: map-get( + map-get(breakpoints.$breakpoints, xs), + columns +); +$breakpoints-xs-gutter-width: map-get( + map-get(breakpoints.$breakpoints, xs), + gutter-width +); -$breakpoints-sm-min-viewport-width: map-get(map-get(breakpoints.$breakpoints, sm), min-viewport-width); -$breakpoints-sm-columns: map-get(map-get(breakpoints.$breakpoints, sm), columns); -$breakpoints-sm-gutter-width: map-get(map-get(breakpoints.$breakpoints, sm), gutter-width); +$breakpoints-sm-min-viewport-width: map-get( + map-get(breakpoints.$breakpoints, sm), + min-viewport-width +); +$breakpoints-sm-columns: map-get( + map-get(breakpoints.$breakpoints, sm), + columns +); +$breakpoints-sm-gutter-width: map-get( + map-get(breakpoints.$breakpoints, sm), + gutter-width +); -$breakpoints-md-min-viewport-width: map-get(map-get(breakpoints.$breakpoints, md), min-viewport-width); -$breakpoints-md-columns: map-get(map-get(breakpoints.$breakpoints, md), columns); -$breakpoints-md-gutter-width: map-get(map-get(breakpoints.$breakpoints, md), gutter-width); +$breakpoints-md-min-viewport-width: map-get( + map-get(breakpoints.$breakpoints, md), + min-viewport-width +); +$breakpoints-md-columns: map-get( + map-get(breakpoints.$breakpoints, md), + columns +); +$breakpoints-md-gutter-width: map-get( + map-get(breakpoints.$breakpoints, md), + gutter-width +); -$breakpoints-lg-min-viewport-width: map-get(map-get(breakpoints.$breakpoints, lg), min-viewport-width); -$breakpoints-lg-columns: map-get(map-get(breakpoints.$breakpoints, lg), columns); -$breakpoints-lg-gutter-width: map-get(map-get(breakpoints.$breakpoints, lg), gutter-width); +$breakpoints-lg-min-viewport-width: map-get( + map-get(breakpoints.$breakpoints, lg), + min-viewport-width +); +$breakpoints-lg-columns: map-get( + map-get(breakpoints.$breakpoints, lg), + columns +); +$breakpoints-lg-gutter-width: map-get( + map-get(breakpoints.$breakpoints, lg), + gutter-width +); -$breakpoints-xl-min-viewport-width: map-get(map-get(breakpoints.$breakpoints, xl), min-viewport-width); -$breakpoints-xl-columns: map-get(map-get(breakpoints.$breakpoints, xl), columns); -$breakpoints-xl-gutter-width: map-get(map-get(breakpoints.$breakpoints, xl), gutter-width); +$breakpoints-xl-min-viewport-width: map-get( + map-get(breakpoints.$breakpoints, xl), + min-viewport-width +); +$breakpoints-xl-columns: map-get( + map-get(breakpoints.$breakpoints, xl), + columns +); +$breakpoints-xl-gutter-width: map-get( + map-get(breakpoints.$breakpoints, xl), + gutter-width +); diff --git a/packages/fuselage/src/styles/variables/button-colors.scss b/packages/fuselage/src/styles/variables/button-colors.scss index 0efae9d3ea..4b2b995c5c 100644 --- a/packages/fuselage/src/styles/variables/button-colors.scss +++ b/packages/fuselage/src/styles/variables/button-colors.scss @@ -1,88 +1,213 @@ @use '../colors.scss'; -$button-colors-ghost-background-color: theme('button-colors-ghost-background-color', transparent); -$button-colors-ghost-border-color: theme('button-colors-ghost-border-color', transparent); +$button-colors-primary-background-color: theme( + 'button-colors-primary-background-color', + colors.primary(500) +); +$button-colors-primary-border-color: theme( + 'button-colors-primary-border-color', + colors.primary(500) +); +$button-colors-primary-color: theme( + 'button-colors-primary-color', + colors.foreground(alternative) +); +$button-colors-primary-hover-background-color: theme( + 'button-colors-primary-hover-background-color', + colors.primary(600) +); +$button-colors-primary-hover-border-color: theme( + 'button-colors-primary-hover-border-color', + colors.primary(600) +); +$button-colors-primary-active-background-color: theme( + 'button-colors-primary-active-background-color', + colors.primary(700) +); +$button-colors-primary-active-border-color: theme( + 'button-colors-primary-active-border-color', + colors.primary(700) +); +$button-colors-primary-focus-background-color: theme( + 'button-colors-primary-focus-background-color', + colors.primary(500) +); +$button-colors-primary-focus-border-color: theme( + 'button-colors-primary-focus-border-color', + colors.primary(700) +); +$button-colors-primary-focus-shadow-color: theme( + 'button-colors-primary-focus-shadow-color', + colors.primary(100) +); +$button-colors-primary-disabled-background-color: theme( + 'button-colors-primary-disabled-background-color', + colors.primary(200) +); +$button-colors-primary-disabled-border-color: theme( + 'button-colors-primary-disabled-border-color', + colors.primary(200) +); +$button-colors-primary-disabled-color: theme( + 'button-colors-primary-disabled-color', + colors.foreground(alternative) +); -$button-colors-primary-background-color: theme('button-colors-primary-background-color', colors.primary(500)); -$button-colors-primary-border-color: theme('button-colors-primary-border-color', colors.primary(500)); -$button-colors-primary-color: theme('button-colors-primary-color', colors.foreground(alternative)); -$button-colors-primary-hover-background-color: theme('button-colors-primary-hover-background-color', colors.primary(600)); -$button-colors-primary-hover-border-color: theme('button-colors-primary-hover-border-color', colors.primary(600)); -$button-colors-primary-active-background-color: theme('button-colors-primary-active-background-color', colors.primary(700)); -$button-colors-primary-active-border-color: theme('button-colors-primary-active-border-color', colors.primary(700)); -$button-colors-primary-focus-background-color: theme('button-colors-primary-focus-background-color', colors.primary(500)); -$button-colors-primary-focus-border-color: theme('button-colors-primary-focus-border-color', colors.primary(700)); -$button-colors-primary-focus-shadow-color: theme('button-colors-primary-focus-shadow-color', colors.primary(100)); -$button-colors-primary-disabled-background-color: theme('button-colors-primary-disabled-background-color', colors.primary(200)); -$button-colors-primary-disabled-border-color: theme('button-colors-primary-disabled-border-color', colors.primary(200)); -$button-colors-primary-disabled-color: theme('button-colors-primary-disabled-color', colors.foreground(alternative)); +$button-colors-secondary-background-color: theme( + 'button-colors-secondary-background-color', + colors.neutral(300) +); +$button-colors-secondary-border-color: theme( + 'button-colors-secondary-border-color', + colors.neutral(300) +); +$button-colors-secondary-color: theme( + 'button-colors-secondary-color', + colors.neutral(800) +); +$button-colors-secondary-hover-background-color: theme( + 'button-colors-secondary-hover-background-color', + colors.neutral(400) +); +$button-colors-secondary-hover-border-color: theme( + 'button-colors-secondary-hover-border-color', + colors.neutral(400) +); +$button-colors-secondary-active-background-color: theme( + 'button-colors-secondary-active-background-color', + colors.neutral(500) +); +$button-colors-secondary-active-border-color: theme( + 'button-colors-secondary-active-border-color', + colors.neutral(500) +); +$button-colors-secondary-focus-background-color: theme( + 'button-colors-secondary-focus-background-color', + colors.neutral(300) +); +$button-colors-secondary-focus-border-color: theme( + 'button-colors-secondary-focus-border-color', + colors.neutral(500) +); +$button-colors-secondary-focus-shadow-color: theme( + 'button-colors-secondary-focus-shadow-color', + colors.neutral(100) +); +$button-colors-secondary-disabled-background-color: theme( + 'button-colors-secondary-disabled-background-color', + colors.neutral(100) +); +$button-colors-secondary-disabled-border-color: theme( + 'button-colors-secondary-disabled-border-color', + colors.neutral(100) +); +$button-colors-secondary-disabled-color: theme( + 'button-colors-secondary-disabled-color', + colors.neutral(400) +); -$button-colors-secondary-background-color: theme('button-colors-secondary-background-color', colors.neutral(300)); -$button-colors-secondary-border-color: theme('button-colors-secondary-border-color', colors.neutral(300)); -$button-colors-secondary-color: theme('button-colors-secondary-color', colors.neutral(800)); -$button-colors-secondary-hover-background-color: theme('button-colors-secondary-hover-background-color', colors.neutral(400)); -$button-colors-secondary-hover-border-color: theme('button-colors-secondary-hover-border-color', colors.neutral(400)); -$button-colors-secondary-active-background-color: theme('button-colors-secondary-active-background-color', colors.neutral(500)); -$button-colors-secondary-active-border-color: theme('button-colors-secondary-active-border-color', colors.neutral(500)); -$button-colors-secondary-focus-background-color: theme('button-colors-secondary-focus-background-color', colors.neutral(300)); -$button-colors-secondary-focus-border-color: theme('button-colors-secondary-focus-border-color', colors.neutral(500)); -$button-colors-secondary-focus-shadow-color: theme('button-colors-secondary-focus-shadow-color', colors.neutral(100)); -$button-colors-secondary-disabled-background-color: theme('button-colors-secondary-disabled-background-color', colors.neutral(100)); -$button-colors-secondary-disabled-border-color: theme('button-colors-secondary-disabled-border-color', colors.neutral(100)); -$button-colors-secondary-disabled-color: theme('button-colors-secondary-disabled-color', colors.neutral(400)); +$button-colors-empty-background-color: theme( + 'button-colors-empty-background-color', + colors.surface() +); +$button-colors-empty-border-color: theme( + 'button-colors-empty-border-color', + colors.neutral(400) +); +$button-colors-empty-color: theme( + 'button-colors-empty-color', + colors.foreground(alternative) +); +$button-colors-empty-hover-background-color: theme( + 'button-colors-empty-hover-background-color', + colors.surface() +); +$button-colors-empty-hover-border-color: theme( + 'button-colors-empty-hover-border-color', + colors.neutral(500) +); +$button-colors-empty-active-background-color: theme( + 'button-colors-empty-active-background-color', + colors.surface() +); +$button-colors-empty-active-border-color: theme( + 'button-colors-empty-active-border-color', + colors.neutral(600) +); +$button-colors-empty-focus-background-color: theme( + 'button-colors-empty-focus-background-color', + colors.surface() +); +$button-colors-empty-focus-border-color: theme( + 'button-colors-empty-focus-border-color', + colors.primary(500) +); +$button-colors-empty-focus-shadow-color: theme( + 'button-colors-empty-focus-shadow-color', + colors.primary(100) +); +$button-colors-empty-disabled-background-color: theme( + 'button-colors-empty-disabled-background-color', + colors.neutral(200) +); +$button-colors-empty-disabled-border-color: theme( + 'button-colors-empty-disabled-border-color', + colors.neutral(200) +); +$button-colors-empty-disabled-color: theme( + 'button-colors-empty-disabled-color', + colors.foreground(alternative) +); -$button-colors-success-background-color: theme('button-colors-success-background-color', colors.success(500)); -$button-colors-success-border-color: theme('button-colors-success-border-color', colors.success(500)); -$button-colors-success-color: theme('button-colors-success-color', colors.foreground(alternative)); -$button-colors-success-hover-background-color: theme('button-colors-success-hover-background-color', colors.success(600)); -$button-colors-success-hover-border-color: theme('button-colors-success-hover-border-color', colors.success(600)); -$button-colors-success-active-background-color: theme('button-colors-success-active-background-color', colors.success(700)); -$button-colors-success-active-border-color: theme('button-colors-success-active-border-color', colors.success(700)); -$button-colors-success-focus-background-color: theme('button-colors-success-focus-background-color', colors.success(500)); -$button-colors-success-focus-border-color: theme('button-colors-success-focus-border-color', colors.success(700)); -$button-colors-success-focus-shadow-color: theme('button-colors-success-focus-shadow-color', colors.success(100)); -$button-colors-success-disabled-background-color: theme('button-colors-success-disabled-background-color', colors.success(200)); -$button-colors-success-disabled-border-color: theme('button-colors-success-disabled-border-color', colors.success(200)); -$button-colors-success-disabled-color: theme('button-colors-success-disabled-color', colors.foreground(alternative)); - -$button-colors-danger-background-color: theme('button-colors-danger-background-color', colors.danger(500)); -$button-colors-danger-border-color: theme('button-colors-danger-border-color', colors.danger(500)); -$button-colors-danger-color: theme('button-colors-danger-color', colors.foreground(alternative)); -$button-colors-danger-hover-background-color: theme('button-colors-danger-hover-background-color', colors.danger(600)); -$button-colors-danger-hover-border-color: theme('button-colors-danger-hover-border-color', colors.danger(600)); -$button-colors-danger-active-background-color: theme('button-colors-danger-active-background-color', colors.danger(700)); -$button-colors-danger-active-border-color: theme('button-colors-danger-active-border-color', colors.danger(700)); -$button-colors-danger-focus-background-color: theme('button-colors-danger-focus-background-color', colors.danger(500)); -$button-colors-danger-focus-border-color: theme('button-colors-danger-focus-border-color', colors.danger(700)); -$button-colors-danger-focus-shadow-color: theme('button-colors-danger-focus-shadow-color', colors.danger(100)); -$button-colors-danger-disabled-background-color: theme('button-colors-danger-disabled-background-color', colors.danger(200)); -$button-colors-danger-disabled-border-color: theme('button-colors-danger-disabled-border-color', colors.danger(200)); -$button-colors-danger-disabled-color: theme('button-colors-danger-disabled-color', colors.foreground(alternative)); - -$button-colors-empty-background-color: theme('button-colors-empty-background-color', colors.surface()); -$button-colors-empty-border-color: theme('button-colors-empty-border-color', colors.neutral(400)); -$button-colors-empty-color: theme('button-colors-empty-color', colors.foreground(alternative)); -$button-colors-empty-hover-background-color: theme('button-colors-empty-hover-background-color', colors.surface()); -$button-colors-empty-hover-border-color: theme('button-colors-empty-hover-border-color', colors.neutral(500)); -$button-colors-empty-active-background-color: theme('button-colors-empty-active-background-color', colors.surface()); -$button-colors-empty-active-border-color: theme('button-colors-empty-active-border-color', colors.neutral(600)); -$button-colors-empty-focus-background-color: theme('button-colors-empty-focus-background-color', colors.surface()); -$button-colors-empty-focus-border-color: theme('button-colors-empty-focus-border-color', colors.primary(500)); -$button-colors-empty-focus-shadow-color: theme('button-colors-empty-focus-shadow-color', colors.primary(100)); -$button-colors-empty-disabled-background-color: theme('button-colors-empty-disabled-background-color', colors.neutral(200)); -$button-colors-empty-disabled-border-color: theme('button-colors-empty-disabled-border-color', colors.neutral(200)); -$button-colors-empty-disabled-color: theme('button-colors-empty-disabled-color', colors.foreground(alternative)); - -$button-colors-off-background-color: theme('button-colors-off-background-color', colors.neutral(400)); -$button-colors-off-border-color: theme('button-colors-off-border-color', colors.neutral(400)); -$button-colors-off-color: theme('button-colors-off-color', colors.foreground(alternative)); -$button-colors-off-hover-background-color: theme('button-colors-off-hover-background-color', colors.neutral(500)); -$button-colors-off-hover-border-color: theme('button-colors-off-hover-border-color', colors.neutral(500)); -$button-colors-off-active-background-color: theme('button-colors-off-active-background-color', colors.neutral(600)); -$button-colors-off-active-border-color: theme('button-colors-off-active-border-color', colors.neutral(600)); -$button-colors-off-focus-background-color: theme('button-colors-off-focus-background-color', colors.neutral(500)); -$button-colors-off-focus-border-color: theme('button-colors-off-focus-border-color', colors.primary(500)); -$button-colors-off-focus-shadow-color: theme('button-colors-off-focus-shadow-color', colors.primary(100)); -$button-colors-off-disabled-background-color: theme('button-colors-off-disabled-background-color', colors.neutral(400)); -$button-colors-off-disabled-border-color: theme('button-colors-off-disabled-border-color', colors.neutral(400)); -$button-colors-off-disabled-color: theme('button-colors-off-disabled-color', colors.neutral(200)); +$button-colors-off-background-color: theme( + 'button-colors-off-background-color', + colors.neutral(400) +); +$button-colors-off-border-color: theme( + 'button-colors-off-border-color', + colors.neutral(400) +); +$button-colors-off-color: theme( + 'button-colors-off-color', + colors.foreground(alternative) +); +$button-colors-off-hover-background-color: theme( + 'button-colors-off-hover-background-color', + colors.neutral(500) +); +$button-colors-off-hover-border-color: theme( + 'button-colors-off-hover-border-color', + colors.neutral(500) +); +$button-colors-off-active-background-color: theme( + 'button-colors-off-active-background-color', + colors.neutral(600) +); +$button-colors-off-active-border-color: theme( + 'button-colors-off-active-border-color', + colors.neutral(600) +); +$button-colors-off-focus-background-color: theme( + 'button-colors-off-focus-background-color', + colors.neutral(500) +); +$button-colors-off-focus-border-color: theme( + 'button-colors-off-focus-border-color', + colors.primary(500) +); +$button-colors-off-focus-shadow-color: theme( + 'button-colors-off-focus-shadow-color', + colors.primary(100) +); +$button-colors-off-disabled-background-color: theme( + 'button-colors-off-disabled-background-color', + colors.neutral(400) +); +$button-colors-off-disabled-border-color: theme( + 'button-colors-off-disabled-border-color', + colors.neutral(400) +); +$button-colors-off-disabled-color: theme( + 'button-colors-off-disabled-color', + colors.neutral(200) +); diff --git a/packages/fuselage/src/styles/variables/buttons.scss b/packages/fuselage/src/styles/variables/buttons.scss new file mode 100644 index 0000000000..436dbe5bb1 --- /dev/null +++ b/packages/fuselage/src/styles/variables/buttons.scss @@ -0,0 +1,149 @@ +@use '../colors.scss'; + +@function -color($type, $name, $value) { + @return var(--rcx-button-colors-#{$type}-#{$name}, $value); +} + +$primary: ( + background-color: -color('primary', 'background-color', colors.primary(500)), + border-color: -color('primary', 'border-color', colors.primary(500)), + color: -color('primary', 'color', colors.foreground(alternative)), + hover-background-color: -color('primary', 'hover-background-color', colors.primary(600)), + hover-border-color: -color('primary', 'hover-border-color', colors.primary(600)), + active-background-color: -color('primary', 'active-background-color', colors.primary(700)), + active-border-color: -color('primary', 'active-border-color', colors.primary(700)), + focus-background-color: -color('primary', 'focus-background-color', colors.primary(500)), + focus-border-color: -color('primary', 'focus-border-color', colors.primary(700)), + focus-shadow-color: -color('primary', 'focus-shadow-color', colors.primary(100)), + disabled-background-color: -color('primary', 'disabled-background-color', colors.primary(200)), + disabled-border-color: -color('primary', 'disabled-border-color', colors.primary(200)), + disabled-color: -color('primary', 'disabled-color', colors.foreground(alternative)), +); + +$secondary: ( + background-color: -color('secondary', 'background-color', colors.neutral(300)), + border-color: -color('secondary', 'border-color', colors.neutral(300)), + color: -color('secondary', 'color', colors.neutral(800)), + hover-background-color: -color('secondary', 'hover-background-color', colors.neutral(400)), + hover-border-color: -color('secondary', 'hover-border-color', colors.neutral(400)), + active-background-color: -color('secondary', 'active-background-color', colors.neutral(500)), + active-border-color: -color('secondary', 'active-border-color', colors.neutral(500)), + focus-background-color: -color('secondary', 'focus-background-color', colors.neutral(300)), + focus-border-color: -color('secondary', 'focus-border-color', colors.neutral(500)), + focus-shadow-color: -color('secondary', 'focus-shadow-color', colors.neutral(100)), + disabled-background-color: -color('secondary', 'disabled-background-color', colors.neutral(100)), + disabled-border-color: -color('secondary', 'disabled-border-color', colors.neutral(100)), + disabled-color: -color('secondary', 'disabled-color', colors.neutral(400)), +); + +$ghost: ( + background-color: -color('ghost', 'background-color', transparent), + border-color: -color('ghost', 'border-color', transparent), + color: -color('ghost', 'color', colors.neutral(800)), + hover-background-color: -color('ghost', 'hover-background-color', colors.neutral(400)), + hover-border-color: -color('ghost', 'hover-border-color', colors.neutral(400)), + active-background-color: -color('ghost', 'active-background-color', colors.neutral(500)), + active-border-color: -color('ghost', 'active-border-color', colors.neutral(500)), + focus-background-color: -color('ghost', 'focus-background-color', colors.neutral(300)), + focus-border-color: -color('ghost', 'focus-border-color', colors.neutral(500)), + focus-shadow-color: -color('ghost', 'focus-shadow-color', colors.neutral(100)), + disabled-background-color: -color('ghost', 'disabled-background-color', colors.neutral(100)), + disabled-border-color: -color('ghost', 'disabled-border-color', colors.neutral(100)), + disabled-color: -color('ghost', 'disabled-color', colors.neutral(400)), +); + +$success: ( + background-color: -color('success', 'background-color', colors.success(500)), + border-color: -color('success', 'border-color', colors.success(500)), + color: -color('success', 'color', colors.foreground(alternative)), + hover-background-color: -color('success', 'hover-background-color', colors.success(600)), + hover-border-color: -color('success', 'hover-border-color', colors.success(600)), + active-background-color: -color('success', 'active-background-color', colors.success(700)), + active-border-color: -color('success', 'active-border-color', colors.success(700)), + focus-background-color: -color('success', 'focus-background-color', colors.success(500)), + focus-border-color: -color('success', 'focus-border-color', colors.success(700)), + focus-shadow-color: -color('success', 'focus-shadow-color', colors.success(100)), + disabled-background-color: -color('success', 'disabled-background-color', colors.success(200)), + disabled-border-color: -color('success', 'disabled-border-color', colors.success(200)), + disabled-color: -color('success', 'disabled-color', colors.foreground(alternative)), +); + +$secondary-success: ( + background-color: -color('secondary-success', 'background-color', colors.neutral(300)), + border-color: -color('secondary-success', 'border-color', colors.neutral(300)), + color: -color('secondary-success', 'color', colors.success(500)), + hover-background-color: -color('secondary-success', 'hover-background-color', colors.neutral(400)), + hover-border-color: -color('secondary-success', 'hover-border-color', colors.neutral(400)), + active-background-color: -color('secondary-success', 'active-background-color', colors.neutral(500)), + active-border-color: -color('secondary-success', 'active-border-color', colors.neutral(500)), + focus-background-color: -color('secondary-success', 'focus-background-color', colors.neutral(300)), + focus-border-color: -color('secondary-success', 'focus-border-color', colors.neutral(500)), + focus-shadow-color: -color('secondary-success', 'focus-shadow-color', colors.neutral(100)), + disabled-background-color: -color('secondary-success', 'disabled-background-color', colors.neutral(100)), + disabled-border-color: -color('secondary-success', 'disabled-border-color', colors.neutral(100)), + disabled-color: -color('secondary-success', 'disabled-color', colors.success(100)), +); + +$ghost-success: ( + background-color: -color('ghost-success', 'background-color', transparent), + border-color: -color('ghost-success', 'border-color', transparent), + color: -color('ghost-success', 'color', colors.success(500)), + hover-background-color: -color('ghost-success', 'hover-background-color', colors.neutral(400)), + hover-border-color: -color('ghost-success', 'hover-border-color', colors.neutral(400)), + active-background-color: -color('ghost-success', 'active-background-color', colors.neutral(500)), + active-border-color: -color('ghost-success', 'active-border-color', colors.neutral(500)), + focus-background-color: -color('ghost-success', 'focus-background-color', colors.neutral(300)), + focus-border-color: -color('ghost-success', 'focus-border-color', colors.neutral(500)), + focus-shadow-color: -color('ghost-success', 'focus-shadow-color', colors.neutral(100)), + disabled-background-color: -color('ghost-success', 'disabled-background-color', colors.neutral(100)), + disabled-border-color: -color('ghost-success', 'disabled-border-color', colors.neutral(100)), + disabled-color: -color('ghost-success', 'disabled-color', colors.success(100)), +); + +$danger: ( + background-color: -color('danger', 'background-color', colors.danger(500)), + border-color: -color('danger', 'border-color', colors.danger(500)), + color: -color('danger', 'color', colors.foreground(alternative)), + hover-background-color: -color('danger', 'hover-background-color', colors.danger(600)), + hover-border-color: -color('danger', 'hover-border-color', colors.danger(600)), + active-background-color: -color('danger', 'active-background-color', colors.danger(700)), + active-border-color: -color('danger', 'active-border-color', colors.danger(700)), + focus-background-color: -color('danger', 'focus-background-color', colors.danger(500)), + focus-border-color: -color('danger', 'focus-border-color', colors.danger(700)), + focus-shadow-color: -color('danger', 'focus-shadow-color', colors.danger(100)), + disabled-background-color: -color('danger', 'disabled-background-color', colors.danger(200)), + disabled-border-color: -color('danger', 'disabled-border-color', colors.danger(200)), + disabled-color: -color('danger', 'disabled-color', colors.foreground(alternative)), +); + +$secondary-danger: ( + background-color: -color('secondary-danger', 'background-color', colors.neutral(300)), + border-color: -color('secondary-danger', 'border-color', colors.neutral(300)), + color: -color('secondary-danger', 'color', colors.danger(500)), + hover-background-color: -color('secondary-danger', 'hover-background-color', colors.neutral(400)), + hover-border-color: -color('secondary-danger', 'hover-border-color', colors.neutral(400)), + active-background-color: -color('secondary-danger', 'active-background-color', colors.neutral(500)), + active-border-color: -color('secondary-danger', 'active-border-color', colors.neutral(500)), + focus-background-color: -color('secondary-danger', 'focus-background-color', colors.neutral(300)), + focus-border-color: -color('secondary-danger', 'focus-border-color', colors.neutral(500)), + focus-shadow-color: -color('secondary-danger', 'focus-shadow-color', colors.neutral(100)), + disabled-background-color: -color('secondary-danger', 'disabled-background-color', colors.neutral(100)), + disabled-border-color: -color('secondary-danger', 'disabled-border-color', colors.neutral(100)), + disabled-color: -color('secondary-danger', 'disabled-color', colors.danger(100)), +); + +$ghost-danger: ( + background-color: -color('ghost-danger', 'background-color', transparent), + border-color: -color('ghost-danger', 'border-color', transparent), + color: -color('ghost-danger', 'color', colors.danger(500)), + hover-background-color: -color('ghost-danger', 'hover-background-color', colors.neutral(400)), + hover-border-color: -color('ghost-danger', 'hover-border-color', colors.neutral(400)), + active-background-color: -color('ghost-danger', 'active-background-color', colors.neutral(500)), + active-border-color: -color('ghost-danger', 'active-border-color', colors.neutral(500)), + focus-background-color: -color('ghost-danger', 'focus-background-color', colors.neutral(300)), + focus-border-color: -color('ghost-danger', 'focus-border-color', colors.neutral(500)), + focus-shadow-color: -color('ghost-danger', 'focus-shadow-color', colors.neutral(100)), + disabled-background-color: -color('ghost-danger', 'disabled-background-color', colors.neutral(100)), + disabled-border-color: -color('ghost-danger', 'disabled-border-color', colors.neutral(100)), + disabled-color: -color('ghost-danger', 'disabled-color', colors.danger(100)), +); diff --git a/packages/fuselage/src/styles/variables/input-colors.scss b/packages/fuselage/src/styles/variables/input-colors.scss index 3379849b7c..f2ae8d4951 100644 --- a/packages/fuselage/src/styles/variables/input-colors.scss +++ b/packages/fuselage/src/styles/variables/input-colors.scss @@ -1,31 +1,112 @@ @use '../colors.scss'; -$input-colors-background-color: theme('input-colors-background-color', colors.surface()); -$input-colors-border-color: theme('input-colors-border-color', colors.neutral(500)); +$input-colors-background-color: theme( + 'input-colors-background-color', + colors.surface() +); +$input-colors-border-color: theme( + 'input-colors-border-color', + colors.neutral(500) +); $input-colors-color: theme('input-colors-color', colors.neutral(800)); -$input-colors-placeholder-color: theme('input-colors-placeholder-color', colors.neutral(600)); -$input-colors-hover-border-color: theme('input-colors-hover-border-color', colors.neutral(600)); -$input-colors-focus-border-color: theme('input-colors-focus-border-color', colors.primary(500)); -$input-colors-focus-shadow-color: theme('input-colors-focus-shadow-color', colors.primary(100)); -$input-colors-focus-icon-color: theme('input-colors-focus-icon-color', colors.primary(500)); -$input-colors-focus-caret-color: theme('input-colors-focus-caret-color', colors.primary(500)); -$input-colors-active-border-color: theme('input-colors-active-border-color', colors.neutral(600)); -$input-colors-active-caret-color: theme('input-colors-active-caret-color', colors.neutral(600)); -$input-colors-disabled-background-color: theme('input-colors-disabled-background-color', colors.neutral(200)); -$input-colors-disabled-border-color: theme('input-colors-disabled-border-color', colors.neutral(500)); -$input-colors-disabled-color: theme('input-colors-disabled-color', colors.neutral(800)); +$input-colors-placeholder-color: theme( + 'input-colors-placeholder-color', + colors.neutral(600) +); +$input-colors-hover-border-color: theme( + 'input-colors-hover-border-color', + colors.neutral(600) +); +$input-colors-focus-border-color: theme( + 'input-colors-focus-border-color', + colors.primary(500) +); +$input-colors-focus-shadow-color: theme( + 'input-colors-focus-shadow-color', + colors.primary(100) +); +$input-colors-focus-icon-color: theme( + 'input-colors-focus-icon-color', + colors.primary(500) +); +$input-colors-focus-caret-color: theme( + 'input-colors-focus-caret-color', + colors.primary(500) +); +$input-colors-active-border-color: theme( + 'input-colors-active-border-color', + colors.neutral(600) +); +$input-colors-active-caret-color: theme( + 'input-colors-active-caret-color', + colors.neutral(600) +); +$input-colors-disabled-background-color: theme( + 'input-colors-disabled-background-color', + colors.neutral(200) +); +$input-colors-disabled-border-color: theme( + 'input-colors-disabled-border-color', + colors.neutral(500) +); +$input-colors-disabled-color: theme( + 'input-colors-disabled-color', + colors.neutral(800) +); -$input-colors-invalid-background-color: theme('input-colors-invalid-background-color', colors.surface()); -$input-colors-invalid-border-color: theme('input-colors-invalid-border-color', colors.danger(500)); -$input-colors-invalid-color: theme('input-colors-invalid-color', colors.danger(500)); -$input-colors-invalid-placeholder-color: theme('input-colors-invalid-placeholder-color', colors.neutral(600)); -$input-colors-invalid-hover-border-color: theme('input-colors-invalid-hover-border-color', colors.danger(500)); -$input-colors-invalid-focus-border-color: theme('input-colors-invalid-focus-border-color', colors.danger(500)); -$input-colors-invalid-focus-shadow-color: theme('input-colors-invalid-focus-shadow-color', colors.danger(100)); -$input-colors-invalid-focus-caret-color: theme('input-colors-invalid-focus-caret-color', colors.danger(500)); -$input-colors-invalid-focus-icon-color: theme('input-colors-invalid-focus-icon-color', colors.danger(500)); -$input-colors-invalid-active-border-color: theme('input-colors-invalid-active-border-color', colors.neutral(600)); -$input-colors-invalid-active-caret-color: theme('input-colors-invalid-active-caret-color', colors.neutral(600)); -$input-colors-invalid-disabled-background-color: theme('input-colors-invalid-disabled-background-color', colors.neutral(200)); -$input-colors-invalid-disabled-border-color: theme('input-colors-invalid-disabled-border-color', colors.neutral(500)); -$input-colors-invalid-disabled-color: theme('input-colors-invalid-disabled-color', colors.neutral(800)); +$input-colors-invalid-background-color: theme( + 'input-colors-invalid-background-color', + colors.surface() +); +$input-colors-invalid-border-color: theme( + 'input-colors-invalid-border-color', + colors.danger(500) +); +$input-colors-invalid-color: theme( + 'input-colors-invalid-color', + colors.danger(500) +); +$input-colors-invalid-placeholder-color: theme( + 'input-colors-invalid-placeholder-color', + colors.neutral(600) +); +$input-colors-invalid-hover-border-color: theme( + 'input-colors-invalid-hover-border-color', + colors.danger(500) +); +$input-colors-invalid-focus-border-color: theme( + 'input-colors-invalid-focus-border-color', + colors.danger(500) +); +$input-colors-invalid-focus-shadow-color: theme( + 'input-colors-invalid-focus-shadow-color', + colors.danger(100) +); +$input-colors-invalid-focus-caret-color: theme( + 'input-colors-invalid-focus-caret-color', + colors.danger(500) +); +$input-colors-invalid-focus-icon-color: theme( + 'input-colors-invalid-focus-icon-color', + colors.danger(500) +); +$input-colors-invalid-active-border-color: theme( + 'input-colors-invalid-active-border-color', + colors.neutral(600) +); +$input-colors-invalid-active-caret-color: theme( + 'input-colors-invalid-active-caret-color', + colors.neutral(600) +); +$input-colors-invalid-disabled-background-color: theme( + 'input-colors-invalid-disabled-background-color', + colors.neutral(200) +); +$input-colors-invalid-disabled-border-color: theme( + 'input-colors-invalid-disabled-border-color', + colors.neutral(500) +); +$input-colors-invalid-disabled-color: theme( + 'input-colors-invalid-disabled-color', + colors.neutral(800) +); diff --git a/packages/mp3-encoder/package.json b/packages/mp3-encoder/package.json index 5cdccb3c2d..14fdc58b14 100644 --- a/packages/mp3-encoder/package.json +++ b/packages/mp3-encoder/package.json @@ -43,27 +43,26 @@ "lamejs": "https://github.com/zhuker/lamejs" }, "devDependencies": { - "@babel/core": "^7.6.4", - "@babel/plugin-transform-runtime": "^7.7.6", - "@babel/preset-env": "^7.7.6", - "@babel/preset-typescript": "^7.9.0", + "@babel/core": "^7.12.10", + "@babel/plugin-transform-runtime": "^7.12.10", + "@babel/preset-env": "^7.12.11", + "@babel/preset-typescript": "^7.12.7", "@rocket.chat/eslint-config": "^0.4.0", - "@rollup/plugin-typescript": "^6.0.0", - "@types/jest": "^26.0.15", - "@typescript-eslint/eslint-plugin": "^4.5.0", - "@typescript-eslint/parser": "^4.5.0", - "documentation": "^13.0.2", - "eslint": "^7.13.0", - "eslint-config-prettier": "^6.15.0", - "eslint-plugin-import": "^2.19.1", - "eslint-plugin-prettier": "^3.1.4", - "jest": "^26.6.1", - "lint-staged": "^10.0.8", - "prettier": "^2.1.2", - "rollup": "^2.1.0", - "rollup-plugin-commonjs": "^10.1.0", - "rollup-plugin-node-resolve": "^5.2.0", - "rollup-plugin-peer-deps-external": "^2.2.2", - "typescript": "^4.0.3" + "@rollup/plugin-commonjs": "^17.0.0", + "@rollup/plugin-node-resolve": "^11.0.1", + "@rollup/plugin-typescript": "^8.1.0", + "@types/jest": "^26.0.19", + "@typescript-eslint/eslint-plugin": "^4.11.0", + "@typescript-eslint/parser": "^4.11.0", + "documentation": "^13.1.0", + "eslint": "^7.16.0", + "eslint-config-prettier": "^7.1.0", + "eslint-plugin-import": "^2.22.1", + "eslint-plugin-prettier": "^3.3.0", + "jest": "^26.6.3", + "lint-staged": "^10.5.3", + "prettier": "^2.2.1", + "rollup": "^2.35.1", + "typescript": "^4.1.3" } } diff --git a/packages/mp3-encoder/rollup.config.js b/packages/mp3-encoder/rollup.config.js index ab35c5d975..a7c6000f0c 100644 --- a/packages/mp3-encoder/rollup.config.js +++ b/packages/mp3-encoder/rollup.config.js @@ -1,8 +1,7 @@ import path from 'path'; -import commonjs from 'rollup-plugin-commonjs'; -import external from 'rollup-plugin-peer-deps-external'; -import resolve from 'rollup-plugin-node-resolve'; +import commonjs from '@rollup/plugin-commonjs'; +import resolve from '@rollup/plugin-node-resolve'; import typescript from '@rollup/plugin-typescript'; import pkg from './package.json'; @@ -18,7 +17,6 @@ export default [ strict: false, }, plugins: [ - external(), typescript({ declaration: true, declarationDir: 'dist/' }), resolve(), commonjs(), @@ -31,11 +29,6 @@ export default [ format: 'esm', sourcemap: true, }, - plugins: [ - external(), - typescript(), - resolve(), - commonjs(), - ], + plugins: [typescript(), resolve(), commonjs()], }, ]; diff --git a/packages/ui-kit/package.json b/packages/ui-kit/package.json index a63d65004e..88d67b167c 100644 --- a/packages/ui-kit/package.json +++ b/packages/ui-kit/package.json @@ -39,28 +39,28 @@ "docs": "run-s build docs:api-extractor docs:api-documenter docs:readme docs:clean" }, "devDependencies": { - "@babel/core": "^7.11.1", + "@babel/core": "^7.12.10", "@babel/eslint-parser": "^7.12.1", - "@babel/plugin-transform-runtime": "^7.11.0", - "@babel/preset-env": "^7.11.0", - "@microsoft/api-documenter": "^7.8.25", - "@microsoft/api-extractor": "^7.9.4", + "@babel/plugin-transform-runtime": "^7.12.10", + "@babel/preset-env": "^7.12.11", + "@microsoft/api-documenter": "^7.12.1", + "@microsoft/api-extractor": "^7.12.1", "@rocket.chat/eslint-config": "^0.4.0", - "@types/jest": "^26.0.10", - "@typescript-eslint/eslint-plugin": "^4.5.0", - "@typescript-eslint/parser": "^4.5.0", + "@types/jest": "^26.0.19", + "@typescript-eslint/eslint-plugin": "^4.11.1", + "@typescript-eslint/parser": "^4.11.1", "babel-loader": "^8.1.0", - "documentation": "^13.0.2", - "eslint": "^7.13.0", - "eslint-config-prettier": "^6.15.0", - "eslint-plugin-import": "^2.22.0", - "eslint-plugin-prettier": "^3.1.4", - "jest": "^26.4.0", - "lint-staged": "^10.2.11", - "prettier": "^2.1.2", + "documentation": "^13.1.0", + "eslint": "^7.16.0", + "eslint-config-prettier": "^7.1.0", + "eslint-plugin-import": "^2.22.1", + "eslint-plugin-prettier": "^3.3.0", + "jest": "^26.6.3", + "lint-staged": "^10.5.3", + "prettier": "^2.2.1", "rimraf": "^3.0.2", - "ts-jest": "^26.2.0", + "ts-jest": "^26.4.4", "ts-loader": "^8.0.2", - "typescript": "^4.0.3" + "typescript": "^4.1.3" } } diff --git a/yarn.lock b/yarn.lock index 5a8df71f84..fa6c4712c2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9,7 +9,14 @@ dependencies: "@babel/highlight" "^7.8.3" -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.5.5": +"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f" + integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw== + dependencies: + "@babel/highlight" "^7.10.4" + +"@babel/code-frame@^7.5.5": version "7.10.4" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a" integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg== @@ -43,7 +50,7 @@ semver "^5.4.1" source-map "^0.5.0" -"@babel/core@7.12.3", "@babel/core@>=7.9.0": +"@babel/core@7.12.3": version "7.12.3" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.3.tgz#1b436884e1e3bff6fb1328dc02b208759de92ad8" integrity sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g== @@ -87,7 +94,7 @@ semver "^5.4.1" source-map "^0.5.0" -"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.11.5", "@babel/core@^7.12.1", "@babel/core@^7.12.3", "@babel/core@^7.6.4", "@babel/core@^7.7.5": +"@babel/core@>=7.9.0", "@babel/core@^7.1.0", "@babel/core@^7.11.5", "@babel/core@^7.12.1", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.7.5": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.10.tgz#b79a2e1b9f70ed3d84bbfb6d8c4ef825f606bccd" integrity sha512-eTAlQKq65zHfkHZV0sIVODCPGVgoo1HdBlbSLi9CqOzuZanMv2ihzY+4paiKr1mH+XmYESMAmJ/dpZ68eN6d8w== @@ -148,7 +155,16 @@ jsesc "^2.5.1" source-map "^0.5.0" -"@babel/generator@^7.12.1", "@babel/generator@^7.12.10", "@babel/generator@^7.12.5": +"@babel/generator@^7.12.1", "@babel/generator@^7.12.10", "@babel/generator@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.11.tgz#98a7df7b8c358c9a37ab07a24056853016aba3af" + integrity sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA== + dependencies: + "@babel/types" "^7.12.11" + jsesc "^2.5.1" + source-map "^0.5.0" + +"@babel/generator@^7.12.5": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.10.tgz#2b188fc329fb8e4f762181703beffc0fe6df3460" integrity sha512-6mCdfhWgmqLdtTkhXjnIz0LcdVCd26wS2JXRtj2XY0u5klDsXBREA/pG5NVOuVnF2LUrBGNFtQkIqqTbblg0ww== @@ -234,16 +250,16 @@ dependencies: "@babel/types" "^7.12.1" -"@babel/helper-function-name@^7.10.4": - version "7.10.4" - resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a" - integrity sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ== +"@babel/helper-function-name@^7.10.4", "@babel/helper-function-name@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz#1fd7738aee5dcf53c3ecff24f1da9c511ec47b42" + integrity sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA== dependencies: - "@babel/helper-get-function-arity" "^7.10.4" - "@babel/template" "^7.10.4" - "@babel/types" "^7.10.4" + "@babel/helper-get-function-arity" "^7.12.10" + "@babel/template" "^7.12.7" + "@babel/types" "^7.12.11" -"@babel/helper-get-function-arity@^7.10.4": +"@babel/helper-get-function-arity@^7.12.10": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz#b158817a3165b5faa2047825dfa61970ddcc16cf" integrity sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag== @@ -257,7 +273,7 @@ dependencies: "@babel/types" "^7.10.4" -"@babel/helper-member-expression-to-functions@^7.12.1": +"@babel/helper-member-expression-to-functions@^7.12.1", "@babel/helper-member-expression-to-functions@^7.12.7": version "7.12.7" resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.7.tgz#aa77bd0396ec8114e5e30787efa78599d874a855" integrity sha512-DCsuPyeWxeHgh1Dus7APn7iza42i/qXqiFPWyBDdOFtvS581JQePsc1F/nD+fHrcswhLlRc2UpYS1NwERxZhHw== @@ -286,7 +302,7 @@ "@babel/types" "^7.12.1" lodash "^4.17.19" -"@babel/helper-optimise-call-expression@^7.10.4": +"@babel/helper-optimise-call-expression@^7.10.4", "@babel/helper-optimise-call-expression@^7.12.10": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.10.tgz#94ca4e306ee11a7dd6e9f42823e2ac6b49881e2d" integrity sha512-4tpbU0SrSTjjt65UMWSrUOPZTsgvPgGG4S8QSTNHacKzpS51IVWGDj0yCwyeZND/i+LSN2g/O63jEXEWm49sYQ== @@ -308,14 +324,14 @@ "@babel/types" "^7.12.1" "@babel/helper-replace-supers@^7.12.1": - version "7.12.5" - resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.5.tgz#f009a17543bbbbce16b06206ae73b63d3fca68d9" - integrity sha512-5YILoed0ZyIpF4gKcpZitEnXEJ9UoDRki1Ey6xz46rxOzfNMAhVIJMoune1hmPVxh40LRv1+oafz7UsWX+vyWA== + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.11.tgz#ea511658fc66c7908f923106dd88e08d1997d60d" + integrity sha512-q+w1cqmhL7R0FNzth/PLLp2N+scXEK/L2AHbXUyydxp828F4FEa5WcVoqui9vFRiHDQErj9Zof8azP32uGVTRA== dependencies: - "@babel/helper-member-expression-to-functions" "^7.12.1" - "@babel/helper-optimise-call-expression" "^7.10.4" - "@babel/traverse" "^7.12.5" - "@babel/types" "^7.12.5" + "@babel/helper-member-expression-to-functions" "^7.12.7" + "@babel/helper-optimise-call-expression" "^7.12.10" + "@babel/traverse" "^7.12.10" + "@babel/types" "^7.12.11" "@babel/helper-simple-access@^7.12.1": version "7.12.1" @@ -331,23 +347,35 @@ dependencies: "@babel/types" "^7.12.1" -"@babel/helper-split-export-declaration@^7.10.4", "@babel/helper-split-export-declaration@^7.11.0": +"@babel/helper-split-export-declaration@^7.10.4": version "7.11.0" resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.11.0.tgz#f8a491244acf6a676158ac42072911ba83ad099f" integrity sha512-74Vejvp6mHkGE+m+k5vHY93FX2cAtrw1zXrZXRlG4l410Nm9PxfEiVTn1PjDPV5SnmieiueY4AFg2xqhNFuuZg== dependencies: "@babel/types" "^7.11.0" -"@babel/helper-validator-identifier@^7.10.4": - version "7.10.4" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2" - integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw== +"@babel/helper-split-export-declaration@^7.11.0", "@babel/helper-split-export-declaration@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz#1b4cc424458643c47d37022223da33d76ea4603a" + integrity sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g== + dependencies: + "@babel/types" "^7.12.11" + +"@babel/helper-validator-identifier@^7.10.4", "@babel/helper-validator-identifier@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz#c9a1f021917dcb5ccf0d4e453e399022981fc9ed" + integrity sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw== "@babel/helper-validator-option@^7.12.1": version "7.12.1" resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.1.tgz#175567380c3e77d60ff98a54bb015fe78f2178d9" integrity sha512-YpJabsXlJVWP0USHjnC/AQDTLlZERbON577YUVO/wLpqyj6HAtVYnWaQaN0iUN+1/tWn3c+uKKXjRut5115Y2A== +"@babel/helper-validator-option@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.11.tgz#d66cb8b7a3e7fe4c6962b32020a131ecf0847f4f" + integrity sha512-TBFCyj939mFSdeX7U7DDj32WtzYY7fDcalgq8v3fBZMNOJQNn7nOYzMaUCiPxPYfCup69mtIpqlKgMZLvQ8Xhw== + "@babel/helper-wrap-function@^7.10.4": version "7.12.3" resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.12.3.tgz#3332339fc4d1fbbf1c27d7958c27d34708e990d9" @@ -386,11 +414,16 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.5.tgz#b4af32ddd473c0bfa643bd7ff0728b8e71b81ea0" integrity sha512-FVM6RZQ0mn2KCf1VUED7KepYeUWoVShczewOCfm3nzoBybaih51h+sYVVGthW9M6lPByEPTQf+xm27PBdlpwmQ== -"@babel/parser@^7.10.4", "@babel/parser@^7.11.5", "@babel/parser@^7.12.10", "@babel/parser@^7.12.3", "@babel/parser@^7.12.5", "@babel/parser@^7.12.7": +"@babel/parser@^7.10.4", "@babel/parser@^7.11.5", "@babel/parser@^7.12.5": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.10.tgz#824600d59e96aea26a5a2af5a9d812af05c3ae81" integrity sha512-PJdRPwyoOqFAWfLytxrWwGrAxghCgh/yTNCYciOz8QgjflA7aZhECPZAa2VUedKg2+QMWkI0L9lynh2SNmNEgA== +"@babel/parser@^7.12.10", "@babel/parser@^7.12.11", "@babel/parser@^7.12.3", "@babel/parser@^7.12.7": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.11.tgz#9ce3595bcd74bc5c466905e86c535b8b25011e79" + integrity sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg== + "@babel/plugin-proposal-async-generator-functions@^7.12.1": version "7.12.1" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.1.tgz#dc6c1170e27d8aca99ff65f4925bd06b1c90550e" @@ -779,6 +812,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.10.4" +"@babel/plugin-transform-block-scoping@^7.12.11": + version "7.12.12" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.12.tgz#d93a567a152c22aea3b1929bb118d1d0a175cdca" + integrity sha512-VOEPQ/ExOVqbukuP7BYJtI5ZxxsmegTwzZ04j1aF0dkSypGo9XpDHuOrABsJu+ie+penpSJheDJ11x1BEZNiyQ== + dependencies: + "@babel/helper-plugin-utils" "^7.10.4" + "@babel/plugin-transform-classes@^7.12.1": version "7.12.1" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.1.tgz#65e650fcaddd3d88ddce67c0f834a3d436a32db6" @@ -996,7 +1036,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.10.4" -"@babel/plugin-transform-runtime@^7.11.0", "@babel/plugin-transform-runtime@^7.11.5", "@babel/plugin-transform-runtime@^7.7.6": +"@babel/plugin-transform-runtime@^7.11.5", "@babel/plugin-transform-runtime@^7.12.10": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.10.tgz#af0fded4e846c4b37078e8e5d06deac6cd848562" integrity sha512-xOrUfzPxw7+WDm9igMgQCbO3cJKymX7dFdsgRr1eu9n3KjjyU4pptIXbXPseQDquw+W+RuJEJMHKHNsPNNm3CA== @@ -1065,7 +1105,7 @@ "@babel/helper-create-regexp-features-plugin" "^7.12.1" "@babel/helper-plugin-utils" "^7.10.4" -"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.11.5", "@babel/preset-env@^7.7.6": +"@babel/preset-env@^7.11.5": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.10.tgz#ca981b95f641f2610531bd71948656306905e6ab" integrity sha512-Gz9hnBT/tGeTE2DBNDkD7BiWRELZt+8lSysHuDwmYXUIvtwZl0zI+D6mZgXZX0u8YBlLS4tmai9ONNY9tjRgRA== @@ -1209,6 +1249,78 @@ core-js-compat "^3.6.2" semver "^5.5.0" +"@babel/preset-env@^7.12.11": + version "7.12.11" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.11.tgz#55d5f7981487365c93dbbc84507b1c7215e857f9" + integrity sha512-j8Tb+KKIXKYlDBQyIOy4BLxzv1NUOwlHfZ74rvW+Z0Gp4/cI2IMDPBWAgWceGcE7aep9oL/0K9mlzlMGxA8yNw== + dependencies: + "@babel/compat-data" "^7.12.7" + "@babel/helper-compilation-targets" "^7.12.5" + "@babel/helper-module-imports" "^7.12.5" + "@babel/helper-plugin-utils" "^7.10.4" + "@babel/helper-validator-option" "^7.12.11" + "@babel/plugin-proposal-async-generator-functions" "^7.12.1" + "@babel/plugin-proposal-class-properties" "^7.12.1" + "@babel/plugin-proposal-dynamic-import" "^7.12.1" + "@babel/plugin-proposal-export-namespace-from" "^7.12.1" + "@babel/plugin-proposal-json-strings" "^7.12.1" + "@babel/plugin-proposal-logical-assignment-operators" "^7.12.1" + "@babel/plugin-proposal-nullish-coalescing-operator" "^7.12.1" + "@babel/plugin-proposal-numeric-separator" "^7.12.7" + "@babel/plugin-proposal-object-rest-spread" "^7.12.1" + "@babel/plugin-proposal-optional-catch-binding" "^7.12.1" + "@babel/plugin-proposal-optional-chaining" "^7.12.7" + "@babel/plugin-proposal-private-methods" "^7.12.1" + "@babel/plugin-proposal-unicode-property-regex" "^7.12.1" + "@babel/plugin-syntax-async-generators" "^7.8.0" + "@babel/plugin-syntax-class-properties" "^7.12.1" + "@babel/plugin-syntax-dynamic-import" "^7.8.0" + "@babel/plugin-syntax-export-namespace-from" "^7.8.3" + "@babel/plugin-syntax-json-strings" "^7.8.0" + "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" + "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0" + "@babel/plugin-syntax-numeric-separator" "^7.10.4" + "@babel/plugin-syntax-object-rest-spread" "^7.8.0" + "@babel/plugin-syntax-optional-catch-binding" "^7.8.0" + "@babel/plugin-syntax-optional-chaining" "^7.8.0" + "@babel/plugin-syntax-top-level-await" "^7.12.1" + "@babel/plugin-transform-arrow-functions" "^7.12.1" + "@babel/plugin-transform-async-to-generator" "^7.12.1" + "@babel/plugin-transform-block-scoped-functions" "^7.12.1" + "@babel/plugin-transform-block-scoping" "^7.12.11" + "@babel/plugin-transform-classes" "^7.12.1" + "@babel/plugin-transform-computed-properties" "^7.12.1" + "@babel/plugin-transform-destructuring" "^7.12.1" + "@babel/plugin-transform-dotall-regex" "^7.12.1" + "@babel/plugin-transform-duplicate-keys" "^7.12.1" + "@babel/plugin-transform-exponentiation-operator" "^7.12.1" + "@babel/plugin-transform-for-of" "^7.12.1" + "@babel/plugin-transform-function-name" "^7.12.1" + "@babel/plugin-transform-literals" "^7.12.1" + "@babel/plugin-transform-member-expression-literals" "^7.12.1" + "@babel/plugin-transform-modules-amd" "^7.12.1" + "@babel/plugin-transform-modules-commonjs" "^7.12.1" + "@babel/plugin-transform-modules-systemjs" "^7.12.1" + "@babel/plugin-transform-modules-umd" "^7.12.1" + "@babel/plugin-transform-named-capturing-groups-regex" "^7.12.1" + "@babel/plugin-transform-new-target" "^7.12.1" + "@babel/plugin-transform-object-super" "^7.12.1" + "@babel/plugin-transform-parameters" "^7.12.1" + "@babel/plugin-transform-property-literals" "^7.12.1" + "@babel/plugin-transform-regenerator" "^7.12.1" + "@babel/plugin-transform-reserved-words" "^7.12.1" + "@babel/plugin-transform-shorthand-properties" "^7.12.1" + "@babel/plugin-transform-spread" "^7.12.1" + "@babel/plugin-transform-sticky-regex" "^7.12.7" + "@babel/plugin-transform-template-literals" "^7.12.1" + "@babel/plugin-transform-typeof-symbol" "^7.12.10" + "@babel/plugin-transform-unicode-escapes" "^7.12.1" + "@babel/plugin-transform-unicode-regex" "^7.12.1" + "@babel/preset-modules" "^0.1.3" + "@babel/types" "^7.12.11" + core-js-compat "^3.8.0" + semver "^5.5.0" + "@babel/preset-flow@^7.12.1", "@babel/preset-flow@^7.9.0": version "7.12.1" resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.12.1.tgz#1a81d376c5a9549e75352a3888f8c273455ae940" @@ -1244,7 +1356,7 @@ resolved "https://registry.yarnpkg.com/@babel/preset-stage-0/-/preset-stage-0-7.8.3.tgz#b6a0eca1a3b72e07f9caf58f998e97568028f6f5" integrity sha512-+l6FlG1j73t4wh78W41StbcCz0/9a1/y+vxfnjtHl060kSmcgMfGzK9MEkLvrCOXfhp9RCX+d88sm6rOqxEIEQ== -"@babel/preset-typescript@^7.12.1", "@babel/preset-typescript@^7.9.0": +"@babel/preset-typescript@^7.12.1", "@babel/preset-typescript@^7.12.7": version "7.12.7" resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.12.7.tgz#fc7df8199d6aae747896f1e6c61fc872056632a3" integrity sha512-nOoIqIqBmHBSEgBXWR4Dv/XBehtIFcw9PqZw6rFYuKrzsZmOQm3PR5siLBnKZFEsDb03IegG8nSjU/iXXXYRmw== @@ -1264,7 +1376,7 @@ pirates "^4.0.0" source-map-support "^0.5.16" -"@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2": +"@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2": version "7.12.5" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e" integrity sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg== @@ -1304,7 +1416,7 @@ globals "^11.1.0" lodash "^4.17.19" -"@babel/traverse@^7.10.4", "@babel/traverse@^7.11.5", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.10", "@babel/traverse@^7.12.5", "@babel/traverse@^7.12.9": +"@babel/traverse@^7.10.4", "@babel/traverse@^7.11.5", "@babel/traverse@^7.12.10", "@babel/traverse@^7.12.9": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.10.tgz#2d1f4041e8bf42ea099e5b2dc48d6a594c00017a" integrity sha512-6aEtf0IeRgbYWzta29lePeYSk+YAFIC3kyqESeft8o5CkFlYIMX+EQDDWEiAQ9LHOA3d0oHdgrSsID/CKqXJlg== @@ -1334,6 +1446,21 @@ globals "^11.1.0" lodash "^4.17.19" +"@babel/traverse@^7.12.1", "@babel/traverse@^7.12.5": + version "7.12.12" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.12.tgz#d0cd87892704edd8da002d674bc811ce64743376" + integrity sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w== + dependencies: + "@babel/code-frame" "^7.12.11" + "@babel/generator" "^7.12.11" + "@babel/helper-function-name" "^7.12.11" + "@babel/helper-split-export-declaration" "^7.12.11" + "@babel/parser" "^7.12.11" + "@babel/types" "^7.12.12" + debug "^4.1.0" + globals "^11.1.0" + lodash "^4.17.19" + "@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3": version "7.12.6" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.6.tgz#ae0e55ef1cce1fbc881cd26f8234eb3e657edc96" @@ -1343,7 +1470,16 @@ lodash "^4.17.19" to-fast-properties "^2.0.0" -"@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.11.5", "@babel/types@^7.12.1", "@babel/types@^7.12.10", "@babel/types@^7.12.5", "@babel/types@^7.12.7", "@babel/types@^7.4.4": +"@babel/types@^7.10.4", "@babel/types@^7.11.0", "@babel/types@^7.12.1", "@babel/types@^7.12.10", "@babel/types@^7.12.11", "@babel/types@^7.12.12", "@babel/types@^7.12.5", "@babel/types@^7.12.7": + version "7.12.12" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.12.tgz#4608a6ec313abbd87afa55004d373ad04a96c299" + integrity sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ== + dependencies: + "@babel/helper-validator-identifier" "^7.12.11" + lodash "^4.17.19" + to-fast-properties "^2.0.0" + +"@babel/types@^7.10.5", "@babel/types@^7.11.5", "@babel/types@^7.4.4": version "7.12.10" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.10.tgz#7965e4a7260b26f09c56bcfcb0498af1f6d9b260" integrity sha512-sf6wboJV5mGyip2hIpDSKsr80RszPinEFjsHTalMxZAZkoQ2/2yQzxlcFN52SJqsyPfLtPmenL4g2KB3KJXPDw== @@ -1370,7 +1506,7 @@ exec-sh "^0.3.2" minimist "^1.2.0" -"@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9": +"@emotion/cache@^10.0.27": version "10.0.29" resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0" integrity sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ== @@ -1392,7 +1528,7 @@ "@emotion/sheet" "0.9.4" "@emotion/utils" "0.11.3" -"@emotion/core@^10.0.9", "@emotion/core@^10.1.1": +"@emotion/core@^10.1.1": version "10.1.1" resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.1.1.tgz#c956c1365f2f2481960064bcb8c4732e5fb612c3" integrity sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA== @@ -1404,7 +1540,7 @@ "@emotion/sheet" "0.9.4" "@emotion/utils" "0.11.3" -"@emotion/css@^10.0.27", "@emotion/css@^10.0.9": +"@emotion/css@^10.0.27": version "10.0.27" resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.27.tgz#3a7458198fbbebb53b01b2b87f64e5e21241e14c" integrity sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw== @@ -1484,10 +1620,10 @@ resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46" integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA== -"@eslint/eslintrc@^0.2.1": - version "0.2.1" - resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.1.tgz#f72069c330461a06684d119384435e12a5d76e3c" - integrity sha512-XRUeBZ5zBWLYgSANMpThFddrZZkEbGHgUdt5UJjZfnlN9BGCiUBrf+nvbRupSjMvqzwnQN0qwCmOxITt1cfywA== +"@eslint/eslintrc@^0.2.2": + version "0.2.2" + resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.2.tgz#d01fc791e2fc33e88a29d6f3dc7e93d0cd784b76" + integrity sha512-EfB5OHNYp1F4px/LI/FEnGylop7nOqkQ1LRzCM0KccA2U8tvV8w01KBv37LbO7nW4H+YhKyo2LcJhRwjjV17QQ== dependencies: ajv "^6.12.4" debug "^4.1.1" @@ -1673,13 +1809,6 @@ slash "^3.0.0" strip-ansi "^6.0.0" -"@jest/create-cache-key-function@^26.5.0": - version "26.6.2" - resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-26.6.2.tgz#04cf439207a4fd12418d8aee551cddc86f9ac5f5" - integrity sha512-LgEuqU1f/7WEIPYqwLPIvvHuc1sB6gMVbT6zWhin3txYUNYK/kGQrC1F2WR4gR34YlI9bBtViTm5z98RqVZAaw== - dependencies: - "@jest/types" "^26.6.2" - "@jest/environment@^26.6.2": version "26.6.2" resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-26.6.2.tgz#ba364cc72e221e79cc8f0a99555bf5d7577cf92c" @@ -1805,7 +1934,7 @@ "@types/yargs" "^15.0.0" chalk "^4.0.0" -"@juggle/resize-observer@^3.1.2": +"@juggle/resize-observer@^3.2.0": version "3.2.0" resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.2.0.tgz#5e0b448d27fe3091bae6216456512c5904d05661" integrity sha512-fsLxt0CHx2HCV9EL8lDoVkwHffsA0snUpddYjdLyXcG5E41xaamn9ZyQqOE9TUJdrRlH8/hjIf+UdOdDeKCUgg== @@ -2698,10 +2827,10 @@ resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b" integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA== -"@microsoft/api-documenter@^7.8.21", "@microsoft/api-documenter@^7.8.25": - version "7.12.0" - resolved "https://registry.yarnpkg.com/@microsoft/api-documenter/-/api-documenter-7.12.0.tgz#d8aa23aebe4d486a9c030bb593c24be4d6a3de99" - integrity sha512-G3nqmmHd7hX0kSohfmq0ms/Yfq4zTGwMNxQtPmc2PuhqvFUIQBqIsRWynCKjfvPLyns2QSn333+NOnj/brReJA== +"@microsoft/api-documenter@^7.12.1", "@microsoft/api-documenter@^7.8.21": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@microsoft/api-documenter/-/api-documenter-7.12.1.tgz#97a4eee87cbe775f363f7a1f46c57c57ae0bf6fd" + integrity sha512-biX5s/UX6KbqBW5GHEykJ0LM3sfb177lH/2nMp4C1pytqRKz4mmPkqWrHpvx7gpzOyDGj2qvzipDH5xK6LIJVg== dependencies: "@microsoft/api-extractor-model" "7.12.1" "@microsoft/tsdoc" "0.12.24" @@ -2719,7 +2848,7 @@ "@microsoft/tsdoc" "0.12.24" "@rushstack/node-core-library" "3.35.2" -"@microsoft/api-extractor@^7.9.2", "@microsoft/api-extractor@^7.9.4": +"@microsoft/api-extractor@^7.12.1", "@microsoft/api-extractor@^7.9.2": version "7.12.1" resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.12.1.tgz#4204be6c9f845d7d1796b6d51c58bcb25e7267e9" integrity sha512-lleLrKkqiRvOQeoRMSHQY0wl/j9SxRVd9+Btyh/WWw0kHNy7nAKyzGmejvlz2XTn13H0elJWV6C3dxhaQy4mtA== @@ -2749,18 +2878,18 @@ call-me-maybe "^1.0.1" glob-to-regexp "^0.3.0" -"@nodelib/fs.scandir@2.1.3": - version "2.1.3" - resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b" - integrity sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw== +"@nodelib/fs.scandir@2.1.4": + version "2.1.4" + resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.4.tgz#d4b3549a5db5de2683e0c1071ab4f140904bbf69" + integrity sha512-33g3pMJk3bg5nXbL/+CY6I2eJDzZAni49PfJnL5fghPTggPvBd/pFNSgJsdAgWptuFu7qq/ERvOYFlhvsLTCKA== dependencies: - "@nodelib/fs.stat" "2.0.3" + "@nodelib/fs.stat" "2.0.4" run-parallel "^1.1.9" -"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2": - version "2.0.3" - resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3" - integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA== +"@nodelib/fs.stat@2.0.4", "@nodelib/fs.stat@^2.0.2": + version "2.0.4" + resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.4.tgz#a3f2dd61bab43b8db8fa108a121cfffe4c676655" + integrity sha512-IYlHJA0clt2+Vg7bccq+TzRdJvv19c2INqBSsoOLp1je7xjtr7J26+WXR72MCdvU9q1qTzIWDfhMf+DRvQJK4Q== "@nodelib/fs.stat@^1.1.2": version "1.1.3" @@ -2768,11 +2897,11 @@ integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw== "@nodelib/fs.walk@^1.2.3": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976" - integrity sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ== + version "1.2.6" + resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.6.tgz#cce9396b30aa5afe9e3756608f5831adcb53d063" + integrity sha512-8Broas6vTtW4GIXTAHDoE32hnN2M5ykgCpWGbuXHQ15vEMqr23pB76e/GZcYsZCHALv50ktd24qhEyKr6wBtow== dependencies: - "@nodelib/fs.scandir" "2.1.3" + "@nodelib/fs.scandir" "2.1.4" fastq "^1.6.0" "@npmcli/move-file@^1.0.1": @@ -2903,7 +3032,7 @@ schema-utils "^2.6.5" source-map "^0.7.3" -"@popperjs/core@^2.4.4", "@popperjs/core@^2.5.4": +"@popperjs/core@^2.5.4": version "2.5.4" resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.5.4.tgz#de25b5da9f727985a3757fd59b5d028aba75841a" integrity sha512-ZpKr+WTb8zsajqgDkvCEWgp6d5eJT6Q63Ng2neTbzBO76Lbe91vX/iVIW9dikq+Fs3yEo+ls4cxeXABD2LtcbQ== @@ -2919,16 +3048,15 @@ react-lifecycles-compat "^3.0.4" "@rocket.chat/apps-engine@^1.17.0": - version "1.18.0" - resolved "https://registry.yarnpkg.com/@rocket.chat/apps-engine/-/apps-engine-1.18.0.tgz#a002b9030fac335259c197f88415faaf43e040f9" - integrity sha512-Y9XgRnG8v4HtujaMXuzTd9hjycQX9+wDOE30HhHL1NQl7de4+9MzPdWDetdy+84cBrDtXCymVYF/TzmLf+69Mw== + version "1.20.0" + resolved "https://registry.yarnpkg.com/@rocket.chat/apps-engine/-/apps-engine-1.20.0.tgz#b1185ce388d5b716fea77c76bd0888c882fb4e50" + integrity sha512-ssdAAD/IZTe5zolkt/ujrvQvKOclJDswdLv8qgLLo53gOpu0MmWsXJ2Ohyn71I/KpXAomxt3W2KR4DeefkXvIw== dependencies: adm-zip "^0.4.9" cryptiles "^4.1.3" lodash.clonedeep "^4.5.0" semver "^5.5.0" stack-trace "0.0.10" - typescript "^2.9.2" uuid "^3.2.1" "@rocket.chat/eslint-config@^0.4.0": @@ -2951,10 +3079,10 @@ magic-string "^0.25.7" resolve "^1.17.0" -"@rollup/plugin-commonjs@^16.0.0": - version "16.0.0" - resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-16.0.0.tgz#169004d56cd0f0a1d0f35915d31a036b0efe281f" - integrity sha512-LuNyypCP3msCGVQJ7ki8PqYdpjfEkE/xtFa5DqlF+7IBD0JsfMZ87C58heSwIMint58sAUZbt3ITqOmdQv/dXw== +"@rollup/plugin-commonjs@^17.0.0": + version "17.0.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-17.0.0.tgz#2ae2228354cf0fbba6cf9f06f30b2c66a974324c" + integrity sha512-/omBIJG1nHQc+bgkYDuLpb/V08QyutP9amOrJRUSlYJZP+b/68gM//D8sxJe3Yry2QnYIr3QjR3x4AlxJEN3GA== dependencies: "@rollup/pluginutils" "^3.1.0" commondir "^1.0.1" @@ -2971,17 +3099,17 @@ dependencies: "@rollup/pluginutils" "^3.0.8" -"@rollup/plugin-node-resolve@^10.0.0": - version "10.0.0" - resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-10.0.0.tgz#44064a2b98df7530e66acf8941ff262fc9b4ead8" - integrity sha512-sNijGta8fqzwA1VwUEtTvWCx2E7qC70NMsDh4ZG13byAXYigBNZMxALhKUSycBks5gupJdq0lFrKumFrRZ8H3A== +"@rollup/plugin-node-resolve@^11.0.1": + version "11.0.1" + resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.0.1.tgz#d3765eec4bccf960801439a999382aed2dca959b" + integrity sha512-ltlsj/4Bhwwhb+Nb5xCz/6vieuEj2/BAkkqVIKmZwC7pIdl8srmgmglE4S0jFlZa32K4qvdQ6NHdmpRKD/LwoQ== dependencies: "@rollup/pluginutils" "^3.1.0" "@types/resolve" "1.17.1" builtin-modules "^3.1.0" deepmerge "^4.2.2" is-module "^1.0.0" - resolve "^1.17.0" + resolve "^1.19.0" "@rollup/plugin-node-resolve@^9.0.0": version "9.0.0" @@ -2995,7 +3123,7 @@ is-module "^1.0.0" resolve "^1.17.0" -"@rollup/plugin-typescript@^6.0.0", "@rollup/plugin-typescript@^6.1.0": +"@rollup/plugin-typescript@^6.0.0": version "6.1.0" resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-6.1.0.tgz#289e7f0ea12fd659bd13ad59dda73b9055538b83" integrity sha512-hJxaiE6WyNOsK+fZpbFh9CUijZYqPQuAOWO5khaGTUkM8DYNNyA2TDlgamecE+qLOG1G1+CwbWMAx3rbqpp6xQ== @@ -3003,6 +3131,14 @@ "@rollup/pluginutils" "^3.1.0" resolve "^1.17.0" +"@rollup/plugin-typescript@^8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.1.0.tgz#b7bbbbb4fd1324834f37844efd48b3844d912742" + integrity sha512-pyQlcGQYRsONUDwXK3ckGPHjPzmjlq4sinzr7emW8ZMb2oZjg9WLcdcP8wyHSvBjvHrLzMayyPy079RROqb4vw== + dependencies: + "@rollup/pluginutils" "^3.1.0" + resolve "^1.17.0" + "@rollup/pluginutils@^3.0.8", "@rollup/pluginutils@^3.1.0": version "3.1.0" resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b" @@ -3060,17 +3196,17 @@ dependencies: "@sinonjs/commons" "^1.7.0" -"@storybook/addon-actions@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.1.10.tgz#3742c316e914e2aef661a132e4d7e6c334e89997" - integrity sha512-fbt1v9Ms8g/gQC8cQ7p5qZdR5vrc3qv6el/x7M6xUhq4lBjw4NOHIhBBDhaPgS3tFY/sP/wEXR2q0iirfO9OEg== - dependencies: - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/client-api" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/theming" "6.1.10" +"@storybook/addon-actions@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.1.11.tgz#73e91cc95c45ea477cfd4f3603f6b95f5829eab6" + integrity sha512-J44XLx2G732OG7Az79Cpk5UlI5SyXHeQqdykwT/4IEQXSBXAYWSTIJJjpJdcjR/D+zpklab1QDSiWxCrKbe81A== + dependencies: + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/client-api" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core-events" "6.1.11" + "@storybook/theming" "6.1.11" core-js "^3.0.1" fast-deep-equal "^3.1.1" global "^4.3.2" @@ -3083,17 +3219,17 @@ util-deprecate "^1.0.2" uuid "^8.0.0" -"@storybook/addon-backgrounds@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.1.10.tgz#eba6faf23f7cb060664d05245b1b886b98edc604" - integrity sha512-RoFq/ijJLfJg7TwGfDLReqyBdmKOTfz+QVsYSPPDZdohL4k5mQhX05UKFzxAsXdYAtQdQcsIFOU6OioqAJPrsQ== - dependencies: - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/theming" "6.1.10" +"@storybook/addon-backgrounds@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.1.11.tgz#0fb2f9b30c86910eee85abcadf470e5ad3111a5d" + integrity sha512-Ft/9AGOid0VzOY+W318ljEP1JQt9yz4b24dLeQC65wMRYYdg0xC7oJ18PWoq/pJwOZjc6mkHqLHWTWFfOBDRUg== + dependencies: + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core-events" "6.1.11" + "@storybook/theming" "6.1.11" core-js "^3.0.1" global "^4.3.2" memoizerific "^1.11.3" @@ -3101,24 +3237,24 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-controls@^6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.1.10.tgz#c5fa6ea6266f43a952abe18754ae5de3135eab9e" - integrity sha512-m/EThT3xc1XNzZVS24Ic7+lBfWxD83M89R8BzGnqJzvxtdhRV/snSDMQlauX8Rwwdlh7A1MfZUCvERllH19M+g== - dependencies: - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/client-api" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/node-logger" "6.1.10" - "@storybook/theming" "6.1.10" +"@storybook/addon-controls@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.1.11.tgz#9a104ac58eefa3cf2b0fb6f4c762b8a39ed239cc" + integrity sha512-KGK1qk95E+j0yDBgA93ctMCf/z9VosPtldhP2oZDPD8kAKz6dVPXkz7LKgrZYDH4ZySk4fDOApBC8OLe3bxE1g== + dependencies: + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/client-api" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/node-logger" "6.1.11" + "@storybook/theming" "6.1.11" core-js "^3.0.1" ts-dedent "^2.0.0" -"@storybook/addon-docs@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.1.10.tgz#a118d1c9c0ff3158e95de59b752e367aadd6880b" - integrity sha512-AN8F/ZYiHHfylCy7Ztlgist3Na4x6ojcijd83h0INgLDB1T3nZQOALd8801KmKgtPIF2843lYIr4fB11llLFPw== +"@storybook/addon-docs@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.1.11.tgz#5c4c06a0e9d34bd41d993c682141c19fe4a6061a" + integrity sha512-dC6RpNWFvbEs68WDk30jrzmPncR0u7nn0SQl0Ao1wdLqCU81ptti/t6Yc7zanlo9hokMzGiom87ZMef0ad9nTQ== dependencies: "@babel/core" "^7.12.1" "@babel/generator" "^7.12.1" @@ -3129,18 +3265,18 @@ "@mdx-js/loader" "^1.6.19" "@mdx-js/mdx" "^1.6.19" "@mdx-js/react" "^1.6.19" - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/client-api" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core" "6.1.10" - "@storybook/core-events" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/client-api" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core" "6.1.11" + "@storybook/core-events" "6.1.11" "@storybook/csf" "0.0.1" - "@storybook/node-logger" "6.1.10" - "@storybook/postinstall" "6.1.10" - "@storybook/source-loader" "6.1.10" - "@storybook/theming" "6.1.10" + "@storybook/node-logger" "6.1.11" + "@storybook/postinstall" "6.1.11" + "@storybook/source-loader" "6.1.11" + "@storybook/theming" "6.1.11" acorn "^7.1.0" acorn-jsx "^5.1.0" acorn-walk "^7.0.0" @@ -3161,57 +3297,50 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-jest@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-jest/-/addon-jest-6.1.10.tgz#5a4d14481da7906278e83d2bc9c0b1aa6c5f0235" - integrity sha512-9Ie5NssuQBcOIebPhQJJB974wubQSSpxYjmpUpoDYGvM2Bl81g24zIuAlkZHjZyznPgMBEsmu+qlxrkLqMidvw== - dependencies: - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/theming" "6.1.10" +"@storybook/addon-essentials@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.1.11.tgz#0147d429b33581cc9d42398d73a8c6a5962d5796" + integrity sha512-p1AfzzR9qt6s0xxg/GclRqClbtV+67lWLUV0d37xmTNDnGbiE5guk7nKnga0yLrzhQawiOBjRUFMfAQj2t7Ycw== + dependencies: + "@storybook/addon-actions" "6.1.11" + "@storybook/addon-backgrounds" "6.1.11" + "@storybook/addon-controls" "6.1.11" + "@storybook/addon-docs" "6.1.11" + "@storybook/addon-toolbars" "6.1.11" + "@storybook/addon-viewport" "6.1.11" + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/node-logger" "6.1.11" core-js "^3.0.1" - global "^4.3.2" - react-sizeme "^2.5.2" regenerator-runtime "^0.13.7" - upath "^1.1.0" + ts-dedent "^2.0.0" -"@storybook/addon-knobs@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-knobs/-/addon-knobs-6.1.10.tgz#cac21ce6e73fbaaac95c648de3354b30c0cb9511" - integrity sha512-hk0eszusVi4/Lq4bL146ZwWemtS6OiBTi1CGn9Yluzopz6RWnzo0mgGPBKz9hSw1uC/3wHxmQQaolaHcl7A0Qw== - dependencies: - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/channels" "6.1.10" - "@storybook/client-api" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/theming" "6.1.10" - copy-to-clipboard "^3.0.8" +"@storybook/addon-jest@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-jest/-/addon-jest-6.1.11.tgz#8453fe277d8b504908437167d118b0268163aa8f" + integrity sha512-HjAaJfUe+eV/rCluWXFE74pc4V1fxt6oDbdmWUpmoI8lPdpYp2rDMZYnueA8kPzm3GPN1N0G7TbSLvvXyqVpEg== + dependencies: + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core-events" "6.1.11" + "@storybook/theming" "6.1.11" core-js "^3.0.1" - escape-html "^1.0.3" - fast-deep-equal "^3.1.1" global "^4.3.2" - lodash "^4.17.15" - prop-types "^15.7.2" - qs "^6.6.0" - react-color "^2.17.0" - react-lifecycles-compat "^3.0.4" - react-select "^3.0.8" + react-sizeme "^2.5.2" regenerator-runtime "^0.13.7" + upath "^1.1.0" -"@storybook/addon-links@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.1.10.tgz#7aeaa9467527e3ef294efc5b27f22bf3ff05a4bd" - integrity sha512-Pg+mgMBacvNbeqyhcPhmRKwsJ5qg3pW66HQbUCl6viqZD6eER9a4KV663MopH5hQoPhs4tFKO85oOhJJw/VVqQ== +"@storybook/addon-links@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.1.11.tgz#84b20b0c13bbfc8270cdf52389ce52f98c415b6a" + integrity sha512-OIBeOdTHNr/egIuyOUEtEBtZJXVp9PEPQ4MDxvKsCgpnXruPhjenPNW+mQKxm4SefpePW7zkx6k1ubpYVJUeag== dependencies: - "@storybook/addons" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/core-events" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/core-events" "6.1.11" "@storybook/csf" "0.0.1" - "@storybook/router" "6.1.10" + "@storybook/router" "6.1.11" "@types/qs" "^6.9.0" core-js "^3.0.1" global "^4.3.2" @@ -3220,51 +3349,62 @@ regenerator-runtime "^0.13.7" ts-dedent "^2.0.0" -"@storybook/addon-viewport@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.1.10.tgz#f253516d61945904cc18149d8efa8937e4cc06c7" - integrity sha512-KIVq4sOBP9gTGvbvbCJn3JW1O5V6NGLTGD+NaZhEbArSoa5rxNFzmqGSRbhOKmf/SC49/t4GUv57xv+bYZQxZg== - dependencies: - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/theming" "6.1.10" +"@storybook/addon-toolbars@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.1.11.tgz#47c9e5ae4ec182aec718ccb4be34881b9fdcb9af" + integrity sha512-qeIgM28cnzaAP03BMWwfA24IZh7SLveQr+G+z41ymNFUcL8PHVTpKJof/AqjYAZ4SXzkgE3bHZ7JvfVXnbDXug== + dependencies: + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/client-api" "6.1.11" + "@storybook/components" "6.1.11" + core-js "^3.0.1" + +"@storybook/addon-viewport@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.1.11.tgz#70c6c2e81a800e4cd217693a30448bb4e3cbc811" + integrity sha512-VgCRLpTu56WzSJ0piBu4nL99GtXeMcDxaLvEZKyVCoYjyQZxRcg4N9OFwxpnu6bYYF7O4pMbs2wITc4mW6YSEg== + dependencies: + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core-events" "6.1.11" + "@storybook/theming" "6.1.11" core-js "^3.0.1" global "^4.3.2" memoizerific "^1.11.3" prop-types "^15.7.2" regenerator-runtime "^0.13.7" -"@storybook/addons@6.1.10", "@storybook/addons@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.1.10.tgz#3219134bb57d26b97c1d36c0eca3649a7f952d82" - integrity sha512-hTyqBDujXnOsk63EiHDPtHqXl9ZJKHf2AGjnvYVe8hjHyYPFlHM5mb0LGoZ2QEe3hd99voe3oEk33phZ+XSbZA== - dependencies: - "@storybook/api" "6.1.10" - "@storybook/channels" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/router" "6.1.10" - "@storybook/theming" "6.1.10" +"@storybook/addons@6.1.11", "@storybook/addons@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.1.11.tgz#cb4578411ca00ccb206b484df5a171ccaca34719" + integrity sha512-OZXsdmn60dVe482l9zWxzOqqJApD2jggk/8QJKn3/Ub9posmqdqg712bW6v71BBe0UXXG/QfkZA7gcyiyEENbw== + dependencies: + "@storybook/api" "6.1.11" + "@storybook/channels" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/core-events" "6.1.11" + "@storybook/router" "6.1.11" + "@storybook/theming" "6.1.11" core-js "^3.0.1" global "^4.3.2" regenerator-runtime "^0.13.7" -"@storybook/api@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.1.10.tgz#7261c43ace576201945bbbc8289b7e0adc174a57" - integrity sha512-SjAhQ261KagU29jraNZo0hCn8XxuEl8i6WWwJiQyPzk1Grw3Rag/fl2FpQnNHj+3O87PfRrJLSVnGQZcfiW5zw== +"@storybook/api@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.1.11.tgz#1e0b798203df823ac21184386258cf8b5f17f440" + integrity sha512-/p4QW/p3uWO0AKVveNezX3I/CotyBKaJ5ui8PuvSPsl7yvqcsK41qI4evKOw7GMQn6oP+2enRbzHpGuCUgQSjA== dependencies: "@reach/router" "^1.3.3" - "@storybook/channels" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/core-events" "6.1.10" + "@storybook/channels" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/core-events" "6.1.11" "@storybook/csf" "0.0.1" - "@storybook/router" "6.1.10" + "@storybook/router" "6.1.11" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.1.10" + "@storybook/theming" "6.1.11" "@types/reach__router" "^1.3.5" core-js "^3.0.1" fast-deep-equal "^3.1.1" @@ -3277,38 +3417,38 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/channel-postmessage@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.1.10.tgz#570f70c6999ae8cb8957b9990e1a402ff11f74da" - integrity sha512-33Xs0gDxUNGxz03YlBjSyD9wFGRSIl+E/x1EqfErsm9CRb7PyHaeEuJ9wcYrPtMJnzAvndyQEEGfnzgXk5qbQg== +"@storybook/channel-postmessage@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.1.11.tgz#62c1079f04870dd27925bd538a2020e7380daa2e" + integrity sha512-voW4Z2SUacDOxwN2q1NEBL//8OpgvL2C5CeoG1VQyEllKM8Vg9t1Nxo2FFTJBzv5LeEX7VIJKeBoB25DYvKyng== dependencies: - "@storybook/channels" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/core-events" "6.1.10" + "@storybook/channels" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/core-events" "6.1.11" core-js "^3.0.1" global "^4.3.2" qs "^6.6.0" telejson "^5.0.2" -"@storybook/channels@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.1.10.tgz#31da5d78052532171846e3e0465832111b65f315" - integrity sha512-6WyK0OmIy0Gr58JvsmfupquTNsISkGSQX5zgUN2vMMB/rLl7HbddU7/yE/tv/F9fVJag3pXSo3pqlgtdfxXoyw== +"@storybook/channels@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.1.11.tgz#a93a83746ad78dd40e1c056029f6d93b17bb66bc" + integrity sha512-NvjWzQ95TSV1e18jaQBCOGoe+vptKH2NOKZ7QRQ7I0O5OoHKr47IXoh+MQ5C8CRD9FTdLE/xWdn1sVVEPRyHEw== dependencies: core-js "^3.0.1" ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-api@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.1.10.tgz#de243900d71c34b93a0714acd268ecba199d255a" - integrity sha512-qnKTL0EDEoFri7XwcmuZtcRB+AY8N72F4QFgAiLRBYVOQeEhbdZOpRJBmEA4PKjoDAU+EuIueb90hW91ZgtoBw== +"@storybook/client-api@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.1.11.tgz#d25aac484ca84a1acb01d450e756a62408f00c1a" + integrity sha512-DodJQzGCR+PYs26klvbquTjfBgkw5nvCZd3jpgWQtOrYaY/cMY1LLkVkKqrm2ENW8f7vf7tiw78RtxaXy7xeIQ== dependencies: - "@storybook/addons" "6.1.10" - "@storybook/channel-postmessage" "6.1.10" - "@storybook/channels" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/core-events" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/channel-postmessage" "6.1.11" + "@storybook/channels" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/core-events" "6.1.11" "@storybook/csf" "0.0.1" "@types/qs" "^6.9.0" "@types/webpack-env" "^1.15.3" @@ -3323,23 +3463,23 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-logger@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.1.10.tgz#491d960387ab336408f596c22f171c19247a1236" - integrity sha512-06EnESLaNCeHSzsZEEMiy9QtyucTy2BvQ2Z0yPnZLuXTXZNgI6aOtftpehwKSYXdudaIvLkb6xfNvix0BBgHhw== +"@storybook/client-logger@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.1.11.tgz#5dd092e4293e5f58f7e89ddbc6eb2511b7d60954" + integrity sha512-dSc+VKLW1UaiMPMhlZYRqhynrrHdHFiBEgU28+8LcmoZ1yhZBwLkcKdSD4YTT0CbMJAG1/+NUW5kRI8Geeg+rA== dependencies: core-js "^3.0.1" global "^4.3.2" -"@storybook/components@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.1.10.tgz#1c82504ebdb24c317168745600fb5264f572694e" - integrity sha512-n3+tlSFt+hapNxkASpAIEhyXDR7xmE/x+LW4xxuYfRRxvOy0zAgcrgY8BkDmxWzGH3M/Ev5uVVVdxaRIw7i2SA== +"@storybook/components@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.1.11.tgz#edd5db7fe43f47b5a7ab515840795a89d931512e" + integrity sha512-DGDl76uONTkg0rpsa36TpVuXv4K7rFYe8GnQ/Q8n4By5tvldC4s9YXwcDRYHVrfnYybKzuZ/+jv2ZAp4/8ZaeA== dependencies: - "@popperjs/core" "^2.4.4" - "@storybook/client-logger" "6.1.10" + "@popperjs/core" "^2.5.4" + "@storybook/client-logger" "6.1.11" "@storybook/csf" "0.0.1" - "@storybook/theming" "6.1.10" + "@storybook/theming" "6.1.11" "@types/overlayscrollbars" "^1.9.0" "@types/react-color" "^3.0.1" "@types/react-syntax-highlighter" "11.0.4" @@ -3352,22 +3492,22 @@ overlayscrollbars "^1.10.2" polished "^3.4.4" react-color "^2.17.0" - react-popper-tooltip "^3.1.0" + react-popper-tooltip "^3.1.1" react-syntax-highlighter "^13.5.0" react-textarea-autosize "^8.1.1" ts-dedent "^2.0.0" -"@storybook/core-events@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.1.10.tgz#e7eff165753c50c2f92adb8cd1576d3799d94e4c" - integrity sha512-Xv56iXXSf53xiBDW0XEKypfw+1HZw7BN38AISQdbEX5+0y+VLHdWe6vdXIeoXz6ja0lP0Dnrjn4g8usenJzgmA== +"@storybook/core-events@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.1.11.tgz#d50e8ec90490f9a7180a8c8a83afb6dcfe47ed66" + integrity sha512-hTib81W8PxepM7iXVvl3pBXSaGpChl5LTzaLCoIRO9sSB8dy0/x2DLAHzbQvShk/l1wqUc3TtOLIxq+eC9l3wg== dependencies: core-js "^3.0.1" -"@storybook/core@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.1.10.tgz#c86819dab3710fa52c3744aa4a8050eec6833ffe" - integrity sha512-AIsb35tmy9Y5LKsn9dJpHoVHn3pCbR+fOVNq75Sdm3hc5NfRAeNIM/qrCnp8BRRzAFIYDPU59kTFX3LHxIlIvg== +"@storybook/core@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.1.11.tgz#ed9d3b513794c604ab11180f6a014924b871179e" + integrity sha512-pYOOQwiNJ5myLRn6p6nnLUjjjISHK/N55vS4HFnETYSaRLA++h1coN1jk7Zwt89dOQTdF0EsTJn+6snYOC+lxQ== dependencies: "@babel/core" "^7.12.3" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -3391,20 +3531,20 @@ "@babel/preset-react" "^7.12.1" "@babel/preset-typescript" "^7.12.1" "@babel/register" "^7.12.1" - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/channel-postmessage" "6.1.10" - "@storybook/channels" "6.1.10" - "@storybook/client-api" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/channel-postmessage" "6.1.11" + "@storybook/channels" "6.1.11" + "@storybook/client-api" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core-events" "6.1.11" "@storybook/csf" "0.0.1" - "@storybook/node-logger" "6.1.10" - "@storybook/router" "6.1.10" + "@storybook/node-logger" "6.1.11" + "@storybook/router" "6.1.11" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.1.10" - "@storybook/ui" "6.1.10" + "@storybook/theming" "6.1.11" + "@storybook/ui" "6.1.11" "@types/glob-base" "^0.3.0" "@types/micromatch" "^4.0.1" "@types/node-fetch" "^2.5.4" @@ -3478,10 +3618,10 @@ dependencies: lodash "^4.17.15" -"@storybook/node-logger@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.1.10.tgz#0d69f30cf4c798919d2e467fad11d95273265ec7" - integrity sha512-ABmkDbqsEgP+Szzs0TSaAeaudCtA25Pbd9n5bhaMQBqka86VV0Engtm5FHtYBE58XzWjD8L3AoBkPOt0mtRDVg== +"@storybook/node-logger@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.1.11.tgz#8e0d058b4804f2fea03c9d7d331b8e2d02f3b7ff" + integrity sha512-MASonXDWpSMU9HF9mqbGOR1Ps/DTJ8AVmYD50+OnB9kXl4M42Dliobeq7JwKFMnZ42RelUCCSXdWW80hGrUKKA== dependencies: "@types/npmlog" "^4.1.2" chalk "^4.0.0" @@ -3489,24 +3629,24 @@ npmlog "^4.1.2" pretty-hrtime "^1.0.3" -"@storybook/postinstall@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.1.10.tgz#bd5fb91c704dbb2b6e3a65e1372781732aae1ed2" - integrity sha512-EhlDF5rc2aA2szkjaFrd3pvwa1zJkJLF1sYwJMlzaw6/5RoaNSu4ecccMJfTHJJdhaMjcchFK/8NImF0XjrP5w== +"@storybook/postinstall@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.1.11.tgz#4b13de88ee42bfa2d65f7d4cf4924884b9c0dc7e" + integrity sha512-ICW70RuOJOHD7PcKq62yr7hCmo04F7yRMuy5/MD/G+Neaw3YpfYTc6pQ228h5UrmXiKSKG1unPkjzuIAoIeN7w== dependencies: core-js "^3.0.1" -"@storybook/react@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.1.10.tgz#bd1883e4c82370dd7180e80f7e006ea1dda3a91d" - integrity sha512-m6A2JkybvSZEh/DQe7az7qRxvbM+yBh3z5ziJ1CLX6CkLtjUkQ+D5666b+/CUXqp297e/xDVFMNt3rSuqNHdpA== +"@storybook/react@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.1.11.tgz#e94403cd878c66b445df993bad9bec9023db3ebe" + integrity sha512-EmR7yvVW6z6AYhfzAgJMGR/5+igeBGa1EePaEIibn51r5uboSB72N12NaADyF2OaycIdV+0sW6vP9Zvlvexa/w== dependencies: "@babel/preset-flow" "^7.12.1" "@babel/preset-react" "^7.12.1" "@pmmmwh/react-refresh-webpack-plugin" "^0.4.2" - "@storybook/addons" "6.1.10" - "@storybook/core" "6.1.10" - "@storybook/node-logger" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/core" "6.1.11" + "@storybook/node-logger" "6.1.11" "@storybook/semver" "^7.3.2" "@types/webpack-env" "^1.15.3" babel-plugin-add-react-displayname "^0.0.5" @@ -3523,10 +3663,10 @@ ts-dedent "^2.0.0" webpack "^4.44.2" -"@storybook/router@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.1.10.tgz#c6d6fe8bc0e767bdbbd95750799de12f56603ff1" - integrity sha512-q9rQzkwz0Sz6lIfiEP4uydmZ3+ERSFhv/M8BZvZTiTKH3IXgYVbjoCFPRjtR3qyvIw6gHXh3ipy0JssUig/yYg== +"@storybook/router@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.1.11.tgz#d58e0c8324d8b16d71e09c017a4e3c844b1a4139" + integrity sha512-YEYOoKMo/WI13MZCkdqI9X3H1G0Oj5OUxi7So4qd3khX3zcCjSr3LjiMDBcmIVZpFo5VAvzjhIY4KqpgvzTG0A== dependencies: "@reach/router" "^1.3.3" "@types/reach__router" "^1.3.5" @@ -3543,13 +3683,13 @@ core-js "^3.6.5" find-up "^4.1.0" -"@storybook/source-loader@6.1.10", "@storybook/source-loader@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.1.10.tgz#984bfe77dfecb989dbba2c0bf0a40d0b90013489" - integrity sha512-ovQa5hoM/AdIblSlPXa5RokEy3DIq/H+JZAOA8zIN6gn4ZrdROEhbztK0MB1jcMsVARrORRVSEg8us/AiMTfwQ== +"@storybook/source-loader@6.1.11", "@storybook/source-loader@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.1.11.tgz#26e0ba30d5b9d1828ed10ccb76eb38bf48aad304" + integrity sha512-pEMWGn3XwZYAXwIrtmd7ziH5d1zN8NCpJM8vNJssntZFW45rDo69xgGM/PrTLPDca6f/Mhv+vqzR99tdfarJSw== dependencies: - "@storybook/addons" "6.1.10" - "@storybook/client-logger" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/client-logger" "6.1.11" "@storybook/csf" "0.0.1" core-js "^3.0.1" estraverse "^4.2.0" @@ -3560,15 +3700,15 @@ regenerator-runtime "^0.13.7" source-map "^0.7.3" -"@storybook/theming@6.1.10", "@storybook/theming@^6.0.21": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.1.10.tgz#f41f23c9ac8602eac48a62c69ad24137381d2247" - integrity sha512-6XDfDBQUxS2WzacPWa4qDc6z1HlbkIveFxhsXPn1O59CclnTJHqPI6bltcC3EKRSAYhgLBJmGbft4CedK6Ypzg== +"@storybook/theming@6.1.11", "@storybook/theming@^6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.1.11.tgz#0e757e0562aedefc96bd1d12714d4c8e92823467" + integrity sha512-zRChacVgKoU2BmpvwK1ntiF3KIpc8QblJT7IGiKfP/BNpy9gNeXbLPLk3g/tkHszOvVYtkaZhEXni4Od8tqy1A== dependencies: "@emotion/core" "^10.1.1" "@emotion/is-prop-valid" "^0.8.6" "@emotion/styled" "^10.0.23" - "@storybook/client-logger" "6.1.10" + "@storybook/client-logger" "6.1.11" core-js "^3.0.1" deep-object-diff "^1.1.0" emotion-theming "^10.0.19" @@ -3578,21 +3718,21 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/ui@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.1.10.tgz#7967765decb2d5816c61633712eb3f55d57249df" - integrity sha512-py3wkG3OxOrYsPG4Kq1c3JP88fZ28/k7dxpx85bH+9N0wzMbxAlEvbA9E01Phv64aR18yPiHjAgJNIw5DQw+gg== +"@storybook/ui@6.1.11": + version "6.1.11" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.1.11.tgz#2e5a5df010f2bb75a09a0fd0439fc8e62f8c89e5" + integrity sha512-Qth2dxS5+VbKHcqgkiKpeD+xr/hRUuUIDUA/2Ierh/BaA8Up/krlso/mCLaQOa5E8Og9WJAdDFO0cUbt939c2Q== dependencies: "@emotion/core" "^10.1.1" - "@storybook/addons" "6.1.10" - "@storybook/api" "6.1.10" - "@storybook/channels" "6.1.10" - "@storybook/client-logger" "6.1.10" - "@storybook/components" "6.1.10" - "@storybook/core-events" "6.1.10" - "@storybook/router" "6.1.10" + "@storybook/addons" "6.1.11" + "@storybook/api" "6.1.11" + "@storybook/channels" "6.1.11" + "@storybook/client-logger" "6.1.11" + "@storybook/components" "6.1.11" + "@storybook/core-events" "6.1.11" + "@storybook/router" "6.1.11" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.1.10" + "@storybook/theming" "6.1.11" "@types/markdown-to-jsx" "^6.11.0" copy-to-clipboard "^3.0.8" core-js "^3.0.1" @@ -3720,13 +3860,13 @@ dependencies: "@babel/core" ">=7.9.0" -"@stylelint/postcss-markdown@^0.36.1": - version "0.36.1" - resolved "https://registry.yarnpkg.com/@stylelint/postcss-markdown/-/postcss-markdown-0.36.1.tgz#829b87e6c0f108014533d9d7b987dc9efb6632e8" - integrity sha512-iDxMBWk9nB2BPi1VFQ+Dc5+XpvODBHw2n3tYpaBZuEAFQlbtF9If0Qh5LTTwSi/XwdbJ2jt+0dis3i8omyggpw== +"@stylelint/postcss-markdown@^0.36.2": + version "0.36.2" + resolved "https://registry.yarnpkg.com/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz#0a540c4692f8dcdfc13c8e352c17e7bfee2bb391" + integrity sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ== dependencies: - remark "^12.0.0" - unist-util-find-all-after "^3.0.1" + remark "^13.0.0" + unist-util-find-all-after "^3.0.2" "@types/anymatch@*": version "1.3.1" @@ -3863,7 +4003,7 @@ dependencies: "@types/istanbul-lib-report" "*" -"@types/jest@26.x", "@types/jest@^26.0.0", "@types/jest@^26.0.10", "@types/jest@^26.0.15": +"@types/jest@26.x": version "26.0.15" resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.15.tgz#12e02c0372ad0548e07b9f4e19132b834cb1effe" integrity sha512-s2VMReFXRg9XXxV+CW9e5Nz8fH2K1aEhwgjUqPPbQd7g95T0laAcvLv032EhFHIa5GHsZ8W7iJEQVaJq6k3Gog== @@ -3871,6 +4011,14 @@ jest-diff "^26.0.0" pretty-format "^26.0.0" +"@types/jest@^26.0.15", "@types/jest@^26.0.19": + version "26.0.19" + resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.19.tgz#e6fa1e3def5842ec85045bd5210e9bb8289de790" + integrity sha512-jqHoirTG61fee6v6rwbnEuKhpSKih0tuhqeFbCmMmErhtu3BYlOZaXWjffgOstMM4S/3iQD31lI5bGLTrs97yQ== + dependencies: + jest-diff "^26.0.0" + pretty-format "^26.0.0" + "@types/json-schema@*", "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6": version "7.0.6" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0" @@ -3908,9 +4056,9 @@ integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA== "@types/minimist@^1.2.0": - version "1.2.0" - resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.0.tgz#69a23a3ad29caf0097f06eda59b361ee2f0639f6" - integrity sha1-aaI6OtKcrwCX8G7aWbNh7i8GOfY= + version "1.2.1" + resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.1.tgz#283f669ff76d7b8260df8ab7a4262cc83d988256" + integrity sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg== "@types/node-fetch@^2.5.4": version "2.5.7" @@ -3997,11 +4145,11 @@ "@types/reactcss" "*" "@types/react-dom@^16.9.8": - version "16.9.9" - resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.9.tgz#d2d0a6f720a0206369ccbefff752ba37b9583136" - integrity sha512-jE16FNWO3Logq/Lf+yvEAjKzhpST/Eac8EMd1i4dgZdMczfgqC8EjpxwNgEe3SExHYLliabXDh9DEhhqnlXJhg== + version "16.9.10" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.10.tgz#4485b0bec3d41f856181b717f45fd7831101156f" + integrity sha512-ItatOrnXDMAYpv6G8UCk2VhbYVTjZT9aorLtA/OzDN9XJ2GKcfam68jutoAcILdRjsRUO8qb7AmyObF77Q8QFw== dependencies: - "@types/react" "*" + "@types/react" "^16" "@types/react-syntax-highlighter@11.0.4": version "11.0.4" @@ -4018,6 +4166,14 @@ "@types/prop-types" "*" csstype "^3.0.2" +"@types/react@^16": + version "16.14.2" + resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.2.tgz#85dcc0947d0645349923c04ccef6018a1ab7538c" + integrity sha512-BzzcAlyDxXl2nANlabtT4thtvbbnhee8hMmH/CcJrISDBVcJS1iOsP1f0OAgSdGE0MsY9tqcrb9YoZcOFv9dbQ== + dependencies: + "@types/prop-types" "*" + csstype "^3.0.2" + "@types/reactcss@*": version "1.2.3" resolved "https://registry.yarnpkg.com/@types/reactcss/-/reactcss-1.2.3.tgz#af28ae11bbb277978b99d04d1eedfd068ca71834" @@ -4030,13 +4186,6 @@ resolved "https://registry.yarnpkg.com/@types/resize-observer-browser/-/resize-observer-browser-0.1.4.tgz#84879a4d6d4aaefde53d4b29c91c0c4cbcffc26f" integrity sha512-rPvqs+1hL/5hbES/0HTdUu4lvNmneiwKwccbWe7HGLWbnsLdqKnQHyWLg4Pj0AMO7PLHCwBM1Cs8orChdkDONg== -"@types/resolve@0.0.8": - version "0.0.8" - resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194" - integrity sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ== - dependencies: - "@types/node" "*" - "@types/resolve@1.17.1": version "1.17.1" resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6" @@ -4124,61 +4273,61 @@ resolved "https://registry.yarnpkg.com/@types/yoga-layout/-/yoga-layout-1.9.1.tgz#6c00e4a151a9a529397d580e2cf6f3947a42a928" integrity sha512-OpfgQXWLZn5Dl7mOd8dBNcV8NywXbYYoHjUpa64vJ/RQABaxMzJ5bVicKLGIvIiMnQPtPgKNgXb5jkv9fkOQtw== -"@typescript-eslint/eslint-plugin@^4.5.0": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.6.1.tgz#99d77eb7a016fd5a5e749d2c44a7e4c317eb7da3" - integrity sha512-SNZyflefTMK2JyrPfFFzzoy2asLmZvZJ6+/L5cIqg4HfKGiW2Gr1Go1OyEVqne/U4QwmoasuMwppoBHWBWF2nA== +"@typescript-eslint/eslint-plugin@^4.11.0", "@typescript-eslint/eslint-plugin@^4.11.1", "@typescript-eslint/eslint-plugin@^4.5.0": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.11.1.tgz#7579c6d17ad862154c10bc14b40e5427b729e209" + integrity sha512-fABclAX2QIEDmTMk6Yd7Muv1CzFLwWM4505nETzRHpP3br6jfahD9UUJkhnJ/g2m7lwfz8IlswcwGGPGiq9exw== dependencies: - "@typescript-eslint/experimental-utils" "4.6.1" - "@typescript-eslint/scope-manager" "4.6.1" + "@typescript-eslint/experimental-utils" "4.11.1" + "@typescript-eslint/scope-manager" "4.11.1" debug "^4.1.1" functional-red-black-tree "^1.0.1" regexpp "^3.0.0" semver "^7.3.2" tsutils "^3.17.1" -"@typescript-eslint/experimental-utils@4.6.1": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.6.1.tgz#a9c691dfd530a9570274fe68907c24c07a06c4aa" - integrity sha512-qyPqCFWlHZXkEBoV56UxHSoXW2qnTr4JrWVXOh3soBP3q0o7p4pUEMfInDwIa0dB/ypdtm7gLOS0hg0a73ijfg== +"@typescript-eslint/experimental-utils@4.11.1": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.11.1.tgz#2dad3535b878c25c7424e40bfa79d899f3f485bc" + integrity sha512-mAlWowT4A6h0TC9F+J5pdbEhjNiEMO+kqPKQ4sc3fVieKL71dEqfkKgtcFVSX3cjSBwYwhImaQ/mXQF0oaI38g== dependencies: "@types/json-schema" "^7.0.3" - "@typescript-eslint/scope-manager" "4.6.1" - "@typescript-eslint/types" "4.6.1" - "@typescript-eslint/typescript-estree" "4.6.1" + "@typescript-eslint/scope-manager" "4.11.1" + "@typescript-eslint/types" "4.11.1" + "@typescript-eslint/typescript-estree" "4.11.1" eslint-scope "^5.0.0" eslint-utils "^2.0.0" -"@typescript-eslint/parser@^4.5.0": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.6.1.tgz#b801bff67b536ecc4a840ac9289ba2be57e02428" - integrity sha512-lScKRPt1wM9UwyKkGKyQDqf0bh6jm8DQ5iN37urRIXDm16GEv+HGEmum2Fc423xlk5NUOkOpfTnKZc/tqKZkDQ== +"@typescript-eslint/parser@^4.11.0", "@typescript-eslint/parser@^4.11.1", "@typescript-eslint/parser@^4.5.0": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.11.1.tgz#981e18de2e019d6ca312596615f92e8f6f6598ed" + integrity sha512-BJ3jwPQu1jeynJ5BrjLuGfK/UJu6uwHxJ/di7sanqmUmxzmyIcd3vz58PMR7wpi8k3iWq2Q11KMYgZbUpRoIPw== dependencies: - "@typescript-eslint/scope-manager" "4.6.1" - "@typescript-eslint/types" "4.6.1" - "@typescript-eslint/typescript-estree" "4.6.1" + "@typescript-eslint/scope-manager" "4.11.1" + "@typescript-eslint/types" "4.11.1" + "@typescript-eslint/typescript-estree" "4.11.1" debug "^4.1.1" -"@typescript-eslint/scope-manager@4.6.1": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.6.1.tgz#21872b91cbf7adfc7083f17b8041149148baf992" - integrity sha512-f95+80r6VdINYscJY1KDUEDcxZ3prAWHulL4qRDfNVD0I5QAVSGqFkwHERDoLYJJWmEAkUMdQVvx7/c2Hp+Bjg== +"@typescript-eslint/scope-manager@4.11.1": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.11.1.tgz#72dc2b60b0029ab0888479b12bf83034920b4b69" + integrity sha512-Al2P394dx+kXCl61fhrrZ1FTI7qsRDIUiVSuN6rTwss6lUn8uVO2+nnF4AvO0ug8vMsy3ShkbxLu/uWZdTtJMQ== dependencies: - "@typescript-eslint/types" "4.6.1" - "@typescript-eslint/visitor-keys" "4.6.1" + "@typescript-eslint/types" "4.11.1" + "@typescript-eslint/visitor-keys" "4.11.1" -"@typescript-eslint/types@4.6.1": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.6.1.tgz#d3ad7478f53f22e7339dc006ab61aac131231552" - integrity sha512-k2ZCHhJ96YZyPIsykickez+OMHkz06xppVLfJ+DY90i532/Cx2Z+HiRMH8YZQo7a4zVd/TwNBuRCdXlGK4yo8w== +"@typescript-eslint/types@4.11.1": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.11.1.tgz#3ba30c965963ef9f8ced5a29938dd0c465bd3e05" + integrity sha512-5kvd38wZpqGY4yP/6W3qhYX6Hz0NwUbijVsX2rxczpY6OXaMxh0+5E5uLJKVFwaBM7PJe1wnMym85NfKYIh6CA== -"@typescript-eslint/typescript-estree@4.6.1": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.6.1.tgz#6025cce724329413f57e4959b2d676fceeca246f" - integrity sha512-/J/kxiyjQQKqEr5kuKLNQ1Finpfb8gf/NpbwqFFYEBjxOsZ621r9AqwS9UDRA1Rrr/eneX/YsbPAIhU2rFLjXQ== +"@typescript-eslint/typescript-estree@4.11.1": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.11.1.tgz#a4416b4a65872a48773b9e47afabdf7519eb10bc" + integrity sha512-tC7MKZIMRTYxQhrVAFoJq/DlRwv1bnqA4/S2r3+HuHibqvbrPcyf858lNzU7bFmy4mLeIHFYr34ar/1KumwyRw== dependencies: - "@typescript-eslint/types" "4.6.1" - "@typescript-eslint/visitor-keys" "4.6.1" + "@typescript-eslint/types" "4.11.1" + "@typescript-eslint/visitor-keys" "4.11.1" debug "^4.1.1" globby "^11.0.1" is-glob "^4.0.1" @@ -4186,12 +4335,12 @@ semver "^7.3.2" tsutils "^3.17.1" -"@typescript-eslint/visitor-keys@4.6.1": - version "4.6.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.6.1.tgz#6b125883402d8939df7b54528d879e88f7ba3614" - integrity sha512-owABze4toX7QXwOLT3/D5a8NecZEjEWU1srqxENTfqsY3bwVnl3YYbOh6s1rp2wQKO9RTHFGjKes08FgE7SVMw== +"@typescript-eslint/visitor-keys@4.11.1": + version "4.11.1" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.11.1.tgz#4c050a4c1f7239786e2dd4e69691436143024e05" + integrity sha512-IrlBhD9bm4bdYcS8xpWarazkKXlE7iYb1HzRuyBP114mIaj5DJPo11Us1HgH60dTt41TCZXMaTCAW+OILIYPOg== dependencies: - "@typescript-eslint/types" "4.6.1" + "@typescript-eslint/types" "4.11.1" eslint-visitor-keys "^2.0.0" "@webassemblyjs/ast@1.9.0": @@ -4404,7 +4553,7 @@ acorn-globals@^6.0.0: acorn "^7.1.1" acorn-walk "^7.1.1" -acorn-jsx@^5.1.0, acorn-jsx@^5.2.0: +acorn-jsx@^5.1.0, acorn-jsx@^5.2.0, acorn-jsx@^5.3.1: version "5.3.1" resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b" integrity sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng== @@ -4708,7 +4857,7 @@ array-ify@^1.0.0: resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece" integrity sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4= -array-includes@^3.0.3: +array-includes@^3.0.3, array-includes@^3.1.1, array-includes@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.2.tgz#a8db03e0b88c8c6aeddc49cb132f9bcab4ebf9c8" integrity sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw== @@ -4719,15 +4868,6 @@ array-includes@^3.0.3: get-intrinsic "^1.0.1" is-string "^1.0.5" -array-includes@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348" - integrity sha512-c2VXaCHl7zPsvpkFsw4nxvFie4fh1ur9bpcgsVkIjqn0H/Xwdg+7fv3n2r/isyS8EBj5b06M9kHyZuIr4El6WQ== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0" - is-string "^1.0.5" - array-parallel@~0.1.3: version "0.1.3" resolved "https://registry.yarnpkg.com/array-parallel/-/array-parallel-0.1.3.tgz#8f785308926ed5aa478c47e64d1b334b6c0c947d" @@ -4777,7 +4917,7 @@ array.prototype.flat@^1.2.3: define-properties "^1.1.3" es-abstract "^1.17.0-next.1" -array.prototype.flatmap@^1.2.1: +array.prototype.flatmap@^1.2.1, array.prototype.flatmap@^1.2.3: version "1.2.4" resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.4.tgz#94cfd47cc1556ec0747d97f7c7738c58122004c9" integrity sha512-r9Z0zYoxqHz60vvQbWEdXIEtCwHF0yxaWfno9qzXeNHvfyl3BZqygmGzb84dsubyaXLH4husF+NFgMSdpZhk2Q== @@ -4787,15 +4927,6 @@ array.prototype.flatmap@^1.2.1: es-abstract "^1.18.0-next.1" function-bind "^1.1.1" -array.prototype.flatmap@^1.2.3: - version "1.2.3" - resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.3.tgz#1c13f84a178566042dd63de4414440db9222e443" - integrity sha512-OOEk+lkePcg+ODXIpvuU9PAryCikCJyo7GlDG1upleEpQRx6mzL9puEBkozQ5iAx20KV0l3DbyQwqciJtqe5Pg== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - function-bind "^1.1.1" - array.prototype.map@^1.0.1: version "1.0.3" resolved "https://registry.yarnpkg.com/array.prototype.map/-/array.prototype.map-1.0.3.tgz#1609623618d3d84134a37d4a220030c2bd18420b" @@ -4920,15 +5051,15 @@ auto-bind@^4.0.0: integrity sha512-Hdw8qdNiqdJ8LqT0iK0sVzkFbzg6fhnQqqfWhBDxcHZvU75+B+ayzTy8x+k5Ix0Y92XOhOUlx74ps+bA6BeYMQ== autoprefixer@^10.0.1: - version "10.0.1" - resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.0.1.tgz#e2d9000f84ebd98d77b7bc16f8adb2ff1f7bb946" - integrity sha512-aQo2BDIsoOdemXUAOBpFv4ZQa2DrOtEufarYhtFsK1088Ca0TUwu/aQWf0M3mrILXZ3mTIVn1lR3hPW8acacsw== + version "10.1.0" + resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.1.0.tgz#b19fd8524edef8c85c9db3bdb0c998de84e172fb" + integrity sha512-0/lBNwN+ZUnb5su18NZo5MBIjDaq6boQKZcxwy86Gip/CmXA2zZqUoFQLCNAGI5P25ZWSP2RWdhDJ8osfKEjoQ== dependencies: - browserslist "^4.14.5" - caniuse-lite "^1.0.30001137" + browserslist "^4.15.0" + caniuse-lite "^1.0.30001165" colorette "^1.2.1" + fraction.js "^4.0.12" normalize-range "^0.1.2" - num2fraction "^1.2.2" postcss-value-parser "^4.1.0" autoprefixer@^9.7.2, autoprefixer@^9.8.6: @@ -5912,21 +6043,21 @@ caniuse-lite@^1.0.0: resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001150.tgz#6d0d829da654b0b233576de00335586bc2004df1" integrity sha512-kiNKvihW0m36UhAFnl7bOAv0i1K1f6wpfVtTF5O5O82XzgtBnb05V0XeV3oZ968vfg2sRNChsHw8ASH2hDfoYQ== -caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001165: +caniuse-lite@^1.0.30001035: version "1.0.30001165" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001165.tgz#32955490d2f60290bb186bb754f2981917fa744f" integrity sha512-8cEsSMwXfx7lWSUMA2s08z9dIgsnR5NAqjXP23stdsU3AUWkCr/rr4s4OFtHXn5XXr6+7kam3QFVoYyXNPdJPA== -caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001151: +caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001151, caniuse-lite@^1.0.30001165: + version "1.0.30001171" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001171.tgz#3291e11e02699ad0a29e69b8d407666fc843eba7" + integrity sha512-5Alrh8TTYPG9IH4UkRqEBZoEToWRLvPbSQokvzSz0lii8/FOWKG4keO1HoYfPWs8IF/NH/dyNPg1cmJGvV3Zlg== + +caniuse-lite@^1.0.30001135: version "1.0.30001156" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001156.tgz#75c20937b6012fe2b02ab58b30d475bf0718de97" integrity sha512-z7qztybA2eFZTB6Z3yvaQBIoJpQtsewRD74adw2UbRWwsRq3jIPvgrQGawBMbfafekQaD21FWuXNcywtTDGGCw== -caniuse-lite@^1.0.30001137: - version "1.0.30001151" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001151.tgz#1ddfde5e6fff02aad7940b4edb7d3ac76b0cb00b" - integrity sha512-Zh3sHqskX6mHNrqUerh+fkf0N72cMxrmflzje/JyVImfpknscMnkeJrlFGJcqTmaa0iszdYptGpWMJCRQDkBVw== - capture-exit@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4" @@ -6422,9 +6553,9 @@ commander@^5.0.0: integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg== commander@^6.2.0: - version "6.2.0" - resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.0.tgz#b990bfb8ac030aedc6d11bc04d1488ffef56db75" - integrity sha512-zP4jEKbe8SHzKJYQmq8Y9gYjtO/POJLgIdKgV7B9qNmABVFVc+ctqSX6iXh4mCpJfRBOabiZ2YKPg8ciDw6C+Q== + version "6.2.1" + resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c" + integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA== commondir@^1.0.1: version "1.0.1" @@ -6962,9 +7093,9 @@ create-react-context@0.3.0: warning "^4.0.3" cross-env@^7.0.2: - version "7.0.2" - resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.2.tgz#bd5ed31339a93a3418ac4f3ca9ca3403082ae5f9" - integrity sha512-KZP/bMEOJEDCkDQAyRhu3RL2ZO/SUVrxQVI0G3YEQ+OLbRA3c6zgixe8Mq8a/z7+HKlNEjo8oiLUs8iRijY2Rw== + version "7.0.3" + resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf" + integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw== dependencies: cross-spawn "^7.0.1" @@ -7316,14 +7447,7 @@ debug@^3.1.0: dependencies: ms "^2.1.1" -debug@^4.0.1, debug@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/debug/-/debug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1" - integrity sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg== - dependencies: - ms "2.1.2" - -debug@^4.1.0, debug@^4.1.1: +debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0: version "4.3.1" resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee" integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ== @@ -7587,7 +7711,7 @@ doctrine@^3.0.0: dependencies: esutils "^2.0.2" -documentation@^13.0.2: +documentation@^13.0.2, documentation@^13.1.0: version "13.1.0" resolved "https://registry.yarnpkg.com/documentation/-/documentation-13.1.0.tgz#5d05c8625927c7302ba18c67f4fe88987af3e58a" integrity sha512-LZbbukLL2Wfnu6HpKrKRnARf9grsvCyHT4ijJncvYaiCDP6+qs0lnFAEpJbfY4yBrSBaCPDklwFkcrGrqMaLNQ== @@ -7666,14 +7790,6 @@ dom-converter@^0.2: dependencies: utila "~0.4" -dom-helpers@^5.0.1: - version "5.2.0" - resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.0.tgz#57fd054c5f8f34c52a3eeffdb7e7e93cd357d95b" - integrity sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ== - dependencies: - "@babel/runtime" "^7.8.7" - csstype "^3.0.2" - dom-iterator@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/dom-iterator/-/dom-iterator-1.0.0.tgz#9c09899846ec41c2d257adc4d6015e4759ef05ad" @@ -7856,7 +7972,7 @@ ejs@^3.1.2: dependencies: jake "^10.6.1" -electron-to-chromium@^1.3.378, electron-to-chromium@^1.3.621: +electron-to-chromium@^1.3.378: version "1.3.623" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.623.tgz#b61ba1d94b27031554ea2768bb9b823501a918a0" integrity sha512-CgbWTyPmJ4f9pqtqR+HPL3O0ay6BRhnpFD52TqBB2K8kTAcmAar2e93Vo1q651E4vnCHuTDuZDdbj0sTMP2QQw== @@ -7866,6 +7982,11 @@ electron-to-chromium@^1.3.571: resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.590.tgz#3b5c93b58cfa06a85e082df6715f362e17bf5315" integrity sha512-76/kAJffe8VUXvEVu677KZuQ92rD1HHn1WO7vjn5atJN/2n71jPgLJ2qs7jKg/00i1xmdR91ZNTg1VIQAxVOIw== +electron-to-chromium@^1.3.621: + version "1.3.633" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.633.tgz#16dd5aec9de03894e8d14a1db4cda8a369b9b7fe" + integrity sha512-bsVCsONiVX1abkWdH7KtpuDAhsQ3N3bjPYhROSAXE78roJKet0Y5wznA14JE9pzbwSZmSMAW6KiKYf1RvbTJkA== + element-closest-polyfill@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/element-closest-polyfill/-/element-closest-polyfill-1.0.2.tgz#272c217d60effe76a0509a911cde5fcdd78da5a6" @@ -8035,7 +8156,7 @@ error@^7.0.0: dependencies: string-template "~0.2.1" -es-abstract@^1.17.0, es-abstract@^1.17.0-next.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.5: +es-abstract@^1.17.0-next.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2: version "1.17.7" resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.7.tgz#a4de61b2f66989fc7421676c1cb9787573ace54c" integrity sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g== @@ -8125,7 +8246,7 @@ escalade@^3.1.0, escalade@^3.1.1: resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40" integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw== -escape-html@^1.0.3, escape-html@~1.0.3: +escape-html@~1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg= @@ -8159,6 +8280,11 @@ eslint-config-prettier@^6.15.0: dependencies: get-stdin "^6.0.0" +eslint-config-prettier@^7.1.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-7.1.0.tgz#5402eb559aa94b894effd6bddfa0b1ca051c858f" + integrity sha512-9sm5/PxaFG7qNJvJzTROMM1Bk1ozXVTKI0buKOyb0Bsr1hrwi0H/TzxF/COtf1uxikIK8SwhX7K6zg78jAzbeA== + eslint-import-resolver-node@^0.3.3, eslint-import-resolver-node@^0.3.4: version "0.3.4" resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717" @@ -8205,7 +8331,7 @@ eslint-plugin-import@^2.17.2: resolve "^1.17.0" tsconfig-paths "^3.9.0" -eslint-plugin-import@^2.19.1, eslint-plugin-import@^2.22.0: +eslint-plugin-import@^2.19.1, eslint-plugin-import@^2.22.0, eslint-plugin-import@^2.22.1: version "2.22.1" resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702" integrity sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw== @@ -8241,22 +8367,22 @@ eslint-plugin-mdx@^1.8.2: optionalDependencies: rebass "^4.0.7" -eslint-plugin-prettier@^3.1.4: - version "3.1.4" - resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.4.tgz#168ab43154e2ea57db992a2cd097c828171f75c2" - integrity sha512-jZDa8z76klRqo+TdGDTFJSavwbnWK2ZpqGKNZ+VvweMW516pDUMmQ2koXvxEE4JhzNvTv+radye/bWGBmA6jmg== +eslint-plugin-prettier@^3.1.4, eslint-plugin-prettier@^3.3.0: + version "3.3.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.3.0.tgz#61e295349a65688ffac0b7808ef0a8244bdd8d40" + integrity sha512-tMTwO8iUWlSRZIwS9k7/E4vrTsfvsrcM5p1eftyuqWH25nKsz/o6/54I7jwQ/3zobISyC7wMy9ZsFwgTxOcOpQ== dependencies: prettier-linter-helpers "^1.0.0" -eslint-plugin-react-hooks@^4.0.4, eslint-plugin-react-hooks@^4.1.0: +eslint-plugin-react-hooks@^4.0.4, eslint-plugin-react-hooks@^4.1.0, eslint-plugin-react-hooks@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz#8c229c268d468956334c943bb45fc860280f5556" integrity sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ== -eslint-plugin-react@^7.16.0, eslint-plugin-react@^7.20.6: - version "7.21.5" - resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.21.5.tgz#50b21a412b9574bfe05b21db176e8b7b3b15bff3" - integrity sha512-8MaEggC2et0wSF6bUeywF7qQ46ER81irOdWS4QWxnnlAEsnzeBevk1sWh7fhpCghPpXb+8Ks7hvaft6L/xsR6g== +eslint-plugin-react@^7.16.0, eslint-plugin-react@^7.20.6, eslint-plugin-react@^7.21.5: + version "7.22.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz#3d1c542d1d3169c45421c1215d9470e341707269" + integrity sha512-p30tuX3VS+NWv9nQot9xIGAHBXR0+xJVaZriEsHoJrASGCJZDJ8JLNM0YqKqI0AKm6Uxaa1VUHoNEibxRCMQHA== dependencies: array-includes "^3.1.1" array.prototype.flatmap "^1.2.3" @@ -8311,13 +8437,13 @@ eslint-visitor-keys@^2.0.0: resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8" integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ== -eslint@^7.13.0: - version "7.13.0" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.13.0.tgz#7f180126c0dcdef327bfb54b211d7802decc08da" - integrity sha512-uCORMuOO8tUzJmsdRtrvcGq5qposf7Rw0LwkTJkoDbOycVQtQjmnhZSuLQnozLE4TmAzlMVV45eCHmQ1OpDKUQ== +eslint@^7.13.0, eslint@^7.16.0: + version "7.16.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.16.0.tgz#a761605bf9a7b32d24bb7cde59aeb0fd76f06092" + integrity sha512-iVWPS785RuDA4dWuhhgXTNrGxHHK3a8HLSMBgbbU59ruJDubUraXN8N5rn7kb8tG6sjg74eE0RA3YWT51eusEw== dependencies: "@babel/code-frame" "^7.0.0" - "@eslint/eslintrc" "^0.2.1" + "@eslint/eslintrc" "^0.2.2" ajv "^6.10.0" chalk "^4.0.0" cross-spawn "^7.0.2" @@ -8327,10 +8453,10 @@ eslint@^7.13.0: eslint-scope "^5.1.1" eslint-utils "^2.1.0" eslint-visitor-keys "^2.0.0" - espree "^7.3.0" + espree "^7.3.1" esquery "^1.2.0" esutils "^2.0.2" - file-entry-cache "^5.0.1" + file-entry-cache "^6.0.0" functional-red-black-tree "^1.0.1" glob-parent "^5.0.0" globals "^12.1.0" @@ -8350,11 +8476,11 @@ eslint@^7.13.0: semver "^7.2.1" strip-ansi "^6.0.0" strip-json-comments "^3.1.0" - table "^5.2.3" + table "^6.0.4" text-table "^0.2.0" v8-compile-cache "^2.0.3" -espree@^7.2.0, espree@^7.3.0: +espree@^7.2.0: version "7.3.0" resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.0.tgz#dc30437cf67947cf576121ebd780f15eeac72348" integrity sha512-dksIWsvKCixn1yrEXO8UosNSxaDoSYpq9reEjZSbHLpT5hpaCAKTLBwq0RHtLrIr+c0ByiYzWT8KTMRzoRCNlw== @@ -8363,6 +8489,15 @@ espree@^7.2.0, espree@^7.3.0: acorn-jsx "^5.2.0" eslint-visitor-keys "^1.3.0" +espree@^7.3.0, espree@^7.3.1: + version "7.3.1" + resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6" + integrity sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g== + dependencies: + acorn "^7.4.0" + acorn-jsx "^5.3.1" + eslint-visitor-keys "^1.3.0" + esprima@^4.0.0, esprima@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71" @@ -8392,11 +8527,6 @@ estraverse@^5.1.0, estraverse@^5.2.0: resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880" integrity sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ== -estree-walker@^0.6.1: - version "0.6.1" - resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362" - integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w== - estree-walker@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700" @@ -8667,9 +8797,9 @@ fastest-levenshtein@^1.0.12: integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow== fastq@^1.6.0: - version "1.9.0" - resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.9.0.tgz#e16a72f338eaca48e91b5c23593bcc2ef66b7947" - integrity sha512-i7FVWL8HhVY+CTkwFxkN2mk3h+787ixS5S63eb78diVRc1MCssarHq3W5cj0av7YDSwmaV928RNag+U1etRQ7w== + version "1.10.0" + resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.10.0.tgz#74dbefccade964932cdf500473ef302719c652bb" + integrity sha512-NL2Qc5L3iQEsyYzweq7qfgy5OtXCmGzGvhElGEd/SoFWEMOEczNh5s5ocaF01HDetxz+p8ecjNPA6cZxxIHmzA== dependencies: reusify "^1.0.4" @@ -8713,12 +8843,12 @@ figures@^3.0.0, figures@^3.1.0, figures@^3.2.0: dependencies: escape-string-regexp "^1.0.5" -file-entry-cache@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c" - integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g== +file-entry-cache@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.0.tgz#7921a89c391c6d93efec2169ac6bf300c527ea0a" + integrity sha512-fqoO76jZ3ZnYrXLDRxBR1YvOvc0k844kcOg40bgsPrE25LAb/PDqTY+ho64Xh2c8ZXgIKldchCFHczG2UVRcWA== dependencies: - flat-cache "^2.0.1" + flat-cache "^3.0.4" file-loader@^6.0.0: version "6.2.0" @@ -8849,19 +8979,18 @@ find-versions@^3.2.0: dependencies: semver-regex "^2.0.0" -flat-cache@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0" - integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA== +flat-cache@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11" + integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg== dependencies: - flatted "^2.0.0" - rimraf "2.6.3" - write "1.0.3" + flatted "^3.1.0" + rimraf "^3.0.2" -flatted@^2.0.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138" - integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA== +flatted@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.0.tgz#a5d06b4a8b01e3a63771daa5cb7a1903e2e57067" + integrity sha512-tW+UkmtNg/jv9CSofAKvgVcO7c2URjhTdW1ZTkcAritblu8tajiYy7YisnIflEwtKssCtOxpnBRoCB7iap0/TA== flatten@^1.0.2: version "1.0.3" @@ -8876,7 +9005,7 @@ flush-write-stream@^1.0.0, flush-write-stream@^1.0.2: inherits "^2.0.3" readable-stream "^2.3.6" -focus-visible@^5.0.2: +focus-visible@^5.2.0: version "5.2.0" resolved "https://registry.yarnpkg.com/focus-visible/-/focus-visible-5.2.0.tgz#3a9e41fccf587bd25dcc2ef045508284f0a4d6b3" integrity sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ== @@ -8951,6 +9080,11 @@ forwarded@~0.1.2: resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84" integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ= +fraction.js@^4.0.12: + version "4.0.13" + resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.0.13.tgz#3c1c315fa16b35c85fffa95725a36fa729c69dfe" + integrity sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA== + fragment-cache@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19" @@ -9141,7 +9275,16 @@ get-caller-file@^2.0.1: resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== -get-intrinsic@^1.0.0, get-intrinsic@^1.0.1: +get-intrinsic@^1.0.0, get-intrinsic@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.0.2.tgz#6820da226e50b24894e08859469dc68361545d49" + integrity sha512-aeX0vrFm21ILl3+JpFFRNe9aUvp6VFZb2/CTbgLb8j75kOhvoNYjt9d8KA/tJG4gSo8nzEDedRl0h7vDmBYRVg== + dependencies: + function-bind "^1.1.1" + has "^1.0.3" + has-symbols "^1.0.1" + +get-intrinsic@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.0.1.tgz#94a9768fcbdd0595a1c9273aacf4c89d075631be" integrity sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg== @@ -9952,9 +10095,9 @@ humanize-ms@^1.2.1: ms "^2.0.0" husky@^4.2.3: - version "4.3.0" - resolved "https://registry.yarnpkg.com/husky/-/husky-4.3.0.tgz#0b2ec1d66424e9219d359e26a51c58ec5278f0de" - integrity sha512-tTMeLCLqSBqnflBZnlVDhpaIMucSGaYyX6855jM4AguGeWCeSzNdb1mfyWduTZ3pe3SJVvVWGL0jO1iKZVPfTA== + version "4.3.6" + resolved "https://registry.yarnpkg.com/husky/-/husky-4.3.6.tgz#ebd9dd8b9324aa851f1587318db4cccb7665a13c" + integrity sha512-o6UjVI8xtlWRL5395iWq9LKDyp/9TE7XMOTvIpEVzW638UcGxTmV5cfel6fsk/jbZSTlvfGVJf2svFtybcIZag== dependencies: chalk "^4.0.0" ci-info "^2.0.0" @@ -10052,7 +10195,15 @@ import-fresh@^2.0.0: caller-path "^2.0.0" resolve-from "^3.0.0" -import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1: +import-fresh@^3.0.0, import-fresh@^3.2.1: + version "3.3.0" + resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" + integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw== + dependencies: + parent-module "^1.0.0" + resolve-from "^4.0.0" + +import-fresh@^3.1.0: version "3.2.2" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.2.tgz#fc129c160c5d68235507f4331a6baad186bdbc3e" integrity sha512-cTPNrlvJT6twpYy+YmKUKrTSjWFs3bjYjAhCwm+z4EOCubZxAuO+hHpRN64TqjEaYSHs7tJAE0w1CKMGmsG/lw== @@ -10161,9 +10312,9 @@ ini@^1.3.2, ini@^1.3.4: integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw== ini@^1.3.5: - version "1.3.7" - resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.7.tgz#a09363e1911972ea16d7a8851005d84cf09a9a84" - integrity sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ== + version "1.3.8" + resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c" + integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew== init-package-json@^1.10.3: version "1.10.3" @@ -10652,7 +10803,7 @@ is-potential-custom-element-name@^1.0.0: resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397" integrity sha1-DFLlS8yjkbssSUsh6GJtczbG45c= -is-reference@^1.1.2, is-reference@^1.2.1: +is-reference@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7" integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ== @@ -11277,7 +11428,7 @@ jest-worker@^26.2.1, jest-worker@^26.6.1, jest-worker@^26.6.2: merge-stream "^2.0.0" supports-color "^7.0.0" -jest@^26.0.1, jest@^26.1.0, jest@^26.4.0, jest@^26.6.1: +jest@^26.0.1, jest@^26.6.1, jest@^26.6.3: version "26.6.3" resolved "https://registry.yarnpkg.com/jest/-/jest-26.6.3.tgz#40e8fdbe48f00dfa1f0ce8121ca74b88ac9148ef" integrity sha512-lGS5PXGAzR4RF7V5+XObhqz2KZIDUA1yD0DG6pBVmy10eh0ZIXQImRuzocsI/N2XZ1GrLFwTS27In2i2jlpq1Q== @@ -11465,12 +11616,12 @@ jsprim@^1.2.2: verror "1.10.0" "jsx-ast-utils@^2.4.1 || ^3.0.0": - version "3.1.0" - resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.1.0.tgz#642f1d7b88aa6d7eb9d8f2210e166478444fa891" - integrity sha512-d4/UOjg+mxAWxCiF0c5UTSwyqbchkbqCvK87aBovhnh8GtysTjWmgC63tY0cJx/HzGgm9qnA147jVBdpOiQ2RA== + version "3.2.0" + resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz#41108d2cec408c3453c1bbe8a4aae9e1e2bd8f82" + integrity sha512-EIsmt3O3ljsU6sot/J4E1zDRxfBNrhjyf/OKjlydwgEimQuznlM4Wv7U+ueONJMyEn1WRE0K8dhi3dVAXYT24Q== dependencies: - array-includes "^3.1.1" - object.assign "^4.1.1" + array-includes "^3.1.2" + object.assign "^4.1.2" junk@^3.1.0: version "3.1.0" @@ -11518,10 +11669,10 @@ klona@^2.0.4: resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0" integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA== -known-css-properties@^0.19.0: - version "0.19.0" - resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.19.0.tgz#5d92b7fa16c72d971bda9b7fe295bdf61836ee5b" - integrity sha512-eYboRV94Vco725nKMlpkn3nV2+96p9c3gKXRsYqAJSswSENvBhN7n5L+uDhY58xQa0UukWsDMTGELzmD8Q+wTA== +known-css-properties@^0.20.0: + version "0.20.0" + resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.20.0.tgz#0570831661b47dd835293218381166090ff60e96" + integrity sha512-URvsjaA9ypfreqJ2/ylDr5MUERhJZ+DhguoWRr2xgS5C7aGCalXo+ewL+GixgKBfhT2vuL02nbIgNGqVWgTOYw== "lamejs@https://github.com/zhuker/lamejs": version "1.2.0" @@ -11614,23 +11765,15 @@ lighthouse-logger@^1.0.0: debug "^2.6.8" marky "^1.2.0" -line-column@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/line-column/-/line-column-1.0.2.tgz#d25af2936b6f4849172b312e4792d1d987bc34a2" - integrity sha1-0lryk2tvSEkXKzEuR5LR2Ye8NKI= - dependencies: - isarray "^1.0.0" - isobject "^2.0.0" - lines-and-columns@^1.1.6: version "1.1.6" resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00" integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA= -lint-staged@^10.0.8, lint-staged@^10.2.11: - version "10.5.1" - resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.5.1.tgz#901e915c2360072dded0e7d752a0d9a49e079daa" - integrity sha512-fTkTGFtwFIJJzn/PbUO3RXyEBHIhbfYBE7+rJyLcOXabViaO/h6OslgeK6zpeUtzkDrzkgyAYDTLAwx6JzDTHw== +lint-staged@^10.0.8, lint-staged@^10.5.3: + version "10.5.3" + resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.5.3.tgz#c682838b3eadd4c864d1022da05daa0912fb1da5" + integrity sha512-TanwFfuqUBLufxCc3RUtFEkFraSPNR3WzWcGF39R3f2J7S9+iF9W0KTVLfSy09lYGmZS5NDCxjNvhGMSJyFCWg== dependencies: chalk "^4.1.0" cli-truncate "^2.1.0" @@ -11649,9 +11792,9 @@ lint-staged@^10.0.8, lint-staged@^10.2.11: stringify-object "^3.3.0" listr2@^3.2.2: - version "3.2.2" - resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.2.2.tgz#d20feb75015e506992b55af40722ba1af168b8f1" - integrity sha512-AajqcZEUikF2ioph6PfH3dIuxJclhr3i3kHgTOP0xeXdWQohrvJAAmqVcV43/GI987HFY/vzT73jYXoa4esDHg== + version "3.2.3" + resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.2.3.tgz#ef9e0d790862f038dde8a9837be552b1adfd1c07" + integrity sha512-vUb80S2dSUi8YxXahO8/I/s29GqnOL8ozgHVLjfWQXa03BNEeS1TpBLjh2ruaqq5ufx46BRGvfymdBSuoXET5w== dependencies: chalk "^4.1.0" cli-truncate "^2.1.0" @@ -11884,7 +12027,7 @@ loki@^0.25.1: "@loki/target-native-android-emulator" "^0.25.0" "@loki/target-native-ios-simulator" "^0.25.0" -longest-streak@^2.0.1: +longest-streak@^2.0.0, longest-streak@^2.0.1: version "2.0.4" resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4" integrity sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg== @@ -11957,7 +12100,7 @@ macos-release@^2.2.0: resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.4.1.tgz#64033d0ec6a5e6375155a74b1a1eba8e509820ac" integrity sha512-H/QHeBIN1fIGJX517pvK8IEK53yQOW7YcEI55oYtgjDdoCQQz7eJS94qt5kNrscReEyuD/JcdFCm2XBEcGOITg== -magic-string@^0.25.1, magic-string@^0.25.2, magic-string@^0.25.7: +magic-string@^0.25.1, magic-string@^0.25.7: version "0.25.7" resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051" integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA== @@ -12145,6 +12288,17 @@ mdast-util-definitions@^4.0.0: dependencies: unist-util-visit "^2.0.0" +mdast-util-from-markdown@^0.8.0: + version "0.8.4" + resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.4.tgz#2882100c1b9fc967d3f83806802f303666682d32" + integrity sha512-jj891B5pV2r63n2kBTFh8cRI2uR9LQHsXG1zSDqfhXkIlDzrTcIlbB5+5aaYEkl8vOPIOPLf8VT7Ere1wWTMdw== + dependencies: + "@types/mdast" "^3.0.0" + mdast-util-to-string "^2.0.0" + micromark "~2.11.0" + parse-entities "^2.0.0" + unist-util-stringify-position "^2.0.0" + mdast-util-inject@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/mdast-util-inject/-/mdast-util-inject-1.1.0.tgz#db06b8b585be959a2dcd2f87f472ba9b756f3675" @@ -12183,11 +12337,28 @@ mdast-util-to-hast@^3.0.0: unist-util-visit "^1.1.0" xtend "^4.0.1" +mdast-util-to-markdown@^0.6.0: + version "0.6.2" + resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.2.tgz#8fe6f42a2683c43c5609dfb40407c095409c85b4" + integrity sha512-iRczns6WMvu0hUw02LXsPDJshBIwtUPbvHBWo19IQeU0YqmzlA8Pd30U8V7uiI0VPkxzS7A/NXBXH6u+HS87Zg== + dependencies: + "@types/unist" "^2.0.0" + longest-streak "^2.0.0" + mdast-util-to-string "^2.0.0" + parse-entities "^2.0.0" + repeat-string "^1.0.0" + zwitch "^1.0.0" + mdast-util-to-string@^1.0.0, mdast-util-to-string@^1.0.5: version "1.1.0" resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz#27055500103f51637bd07d01da01eb1967a43527" integrity sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A== +mdast-util-to-string@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b" + integrity sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w== + mdast-util-toc@^3.0.0: version "3.1.0" resolved "https://registry.yarnpkg.com/mdast-util-toc/-/mdast-util-toc-3.1.0.tgz#395eeb877f067f9d2165d990d77c7eea6f740934" @@ -12227,11 +12398,6 @@ mem@^4.0.0: mimic-fn "^2.0.0" p-is-promise "^2.0.0" -memoize-one@^5.0.0: - version "5.1.1" - resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0" - integrity sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA== - memoizerific@^1.11.3: version "1.11.3" resolved "https://registry.yarnpkg.com/memoizerific/-/memoizerific-1.11.3.tgz#7c87a4646444c32d75438570905f2dbd1b1a805a" @@ -12291,7 +12457,7 @@ meow@^4.0.0: redent "^2.0.0" trim-newlines "^2.0.0" -meow@^7.0.0, meow@^7.1.1: +meow@^7.0.0: version "7.1.1" resolved "https://registry.yarnpkg.com/meow/-/meow-7.1.1.tgz#7c01595e3d337fcb0ec4e8eed1666ea95903d306" integrity sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA== @@ -12355,6 +12521,14 @@ microevent.ts@~0.1.1: resolved "https://registry.yarnpkg.com/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0" integrity sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g== +micromark@~2.11.0: + version "2.11.2" + resolved "https://registry.yarnpkg.com/micromark/-/micromark-2.11.2.tgz#e8b6a05f54697d2d3d27fc89600c6bc40dd05f35" + integrity sha512-IXuP76p2uj8uMg4FQc1cRE7lPCLsfAXuEfdjtdO55VRiFO1asrCSQ5g43NmPqFtRwzEnEhafRVzn2jg0UiKArQ== + dependencies: + debug "^4.0.0" + parse-entities "^2.0.0" + micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.5: version "3.1.10" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23" @@ -12664,10 +12838,10 @@ nan@^2.12.1: resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19" integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ== -nanoid@^3.1.16: - version "3.1.16" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.16.tgz#b21f0a7d031196faf75314d7c65d36352beeef64" - integrity sha512-+AK8MN0WHji40lj8AEuwLOvLSbWYApQpre/aFJZD71r43wVRLrOYS4FmJOPQYon1TqB462RzrrxlfA74XRES8w== +nanoid@^3.1.20: + version "3.1.20" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.20.tgz#badc263c6b1dcf14b71efaa85f6ab4c1d6cfc788" + integrity sha512-a1cQNyczgKbLX9jwbS/+d7W8fX/RfgYR7lVWwWOGIPNgK2m0MWvrGF6/m4kk6U3QcFMnZf3RIhL0v2Jgh/0Uxw== nanomatch@^1.2.9: version "1.2.13" @@ -13062,7 +13236,7 @@ object-copy@^0.1.0: define-property "^0.2.5" kind-of "^3.0.3" -object-inspect@^1.8.0: +object-inspect@^1.8.0, object-inspect@^1.9.0: version "1.9.0" resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.9.0.tgz#c90521d74e1127b67266ded3394ad6116986533a" integrity sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw== @@ -13079,7 +13253,7 @@ object-visit@^1.0.0: dependencies: isobject "^3.0.0" -object.assign@^4.0.4, object.assign@^4.1.0, object.assign@^4.1.1: +object.assign@^4.0.4, object.assign@^4.1.0, object.assign@^4.1.1, object.assign@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940" integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ== @@ -13089,7 +13263,7 @@ object.assign@^4.0.4, object.assign@^4.1.0, object.assign@^4.1.1: has-symbols "^1.0.1" object-keys "^1.1.1" -object.entries@^1.1.0: +object.entries@^1.1.0, object.entries@^1.1.2: version "1.1.3" resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.3.tgz#c601c7f168b62374541a07ddbd3e2d5e4f7711a6" integrity sha512-ym7h7OZebNS96hn5IJeyUmaWhaSM4SVtAPPfNLQEI2MYWCO2egsITb9nab2+i/Pwibx+R0mtn+ltKJXRSeTMGg== @@ -13099,16 +13273,7 @@ object.entries@^1.1.0: es-abstract "^1.18.0-next.1" has "^1.0.3" -object.entries@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add" - integrity sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.5" - has "^1.0.3" - -"object.fromentries@^2.0.0 || ^1.0.0": +"object.fromentries@^2.0.0 || ^1.0.0", object.fromentries@^2.0.2: version "2.0.3" resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.3.tgz#13cefcffa702dc67750314a3305e8cb3fad1d072" integrity sha512-IDUSMXs6LOSJBWE++L0lzIbSqHl9KDCfff2x/JSEIDtEUavUnyMYC2ZGay/04Zq4UT8lvd4xNhU4/YHKibAOlw== @@ -13118,16 +13283,6 @@ object.entries@^1.1.2: es-abstract "^1.18.0-next.1" has "^1.0.3" -object.fromentries@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.2.tgz#4a09c9b9bb3843dd0f89acdb517a794d4f355ac9" - integrity sha512-r3ZiBH7MQppDJVLx6fhD618GKNG40CZYH9wgwdhKxBDDbQgjeWGGd4AtkZad84d291YxvWe7bJGuE65Anh0dxQ== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - function-bind "^1.1.1" - has "^1.0.3" - object.getownpropertydescriptors@^2.0.3, object.getownpropertydescriptors@^2.1.0: version "2.1.1" resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.1.tgz#0dfda8d108074d9c563e80490c883b6661091544" @@ -13144,7 +13299,7 @@ object.pick@^1.3.0: dependencies: isobject "^3.0.1" -object.values@^1.1.0: +object.values@^1.1.0, object.values@^1.1.1: version "1.1.2" resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.2.tgz#7a2015e06fcb0f546bd652486ce8583a4731c731" integrity sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag== @@ -13154,16 +13309,6 @@ object.values@^1.1.0: es-abstract "^1.18.0-next.1" has "^1.0.3" -object.values@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e" - integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - function-bind "^1.1.1" - has "^1.0.3" - objectorarray@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.4.tgz#d69b2f0ff7dc2701903d308bb85882f4ddb49483" @@ -14213,7 +14358,7 @@ postcss-selector-parser@^5.0.0-rc.3: indexes-of "^1.0.1" uniq "^1.0.1" -postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2: +postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4: version "6.0.4" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3" integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw== @@ -14293,7 +14438,7 @@ postcss-values-parser@^4.0.0: is-url-superb "^4.0.0" postcss "^7.0.5" -postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6: +postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.35, postcss@^7.0.5, postcss@^7.0.6: version "7.0.35" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.35.tgz#d2be00b998f7f211d8a276974079f2e92b970e24" integrity sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg== @@ -14312,13 +14457,12 @@ postcss@^7.0.31: supports-color "^6.1.0" postcss@^8.1.4: - version "8.1.6" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.1.6.tgz#b022ba2cfb8701da234d073ed3128c5a384c35ff" - integrity sha512-JuifSl4h8dJ70SiMXKjzCxhalE6p2TnMHuq9G8ftyXj2jg6SXzqCsEuxMj9RkmJoO5D+Z9YrWunNkxqpRT02qg== + version "8.2.2" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.2.tgz#60613b62297005084fd21024a68637798864fe26" + integrity sha512-HM1NDNWLgglJPQQMNwvLxgH2KcrKZklKLi/xXYIOaqQB57p/pDWEJNS83PVICYsn1Dg/9C26TiejNr422/ePaQ== dependencies: colorette "^1.2.1" - line-column "^1.0.2" - nanoid "^3.1.16" + nanoid "^3.1.20" source-map "^0.6.1" prelude-ls@^1.2.1: @@ -14338,10 +14482,10 @@ prettier-linter-helpers@^1.0.0: dependencies: fast-diff "^1.1.2" -prettier@2.1.2, prettier@^2.1.2: - version "2.1.2" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.1.2.tgz#3050700dae2e4c8b67c4c3f666cdb8af405e1ce5" - integrity sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg== +prettier@^2.1.2, prettier@^2.2.1: + version "2.2.1" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5" + integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q== prettier@~2.0.5: version "2.0.5" @@ -14789,13 +14933,6 @@ react-hotkeys@2.0.0: dependencies: prop-types "^15.6.1" -react-input-autosize@^2.2.2: - version "2.2.2" - resolved "https://registry.yarnpkg.com/react-input-autosize/-/react-input-autosize-2.2.2.tgz#fcaa7020568ec206bc04be36f4eb68e647c4d8c2" - integrity sha512-jQJgYCA3S0j+cuOwzuCd1OjmBmnZLdqQdiLKRYrsMMzbjUrVDS5RvJUDwJqA7sKuksDuzFtm6hZGKFu7Mjk5aw== - dependencies: - prop-types "^15.5.8" - react-inspector@^5.0.1: version "5.1.0" resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-5.1.0.tgz#45a325e15f33e595be5356ca2d3ceffb7d6b8c3a" @@ -14840,7 +14977,7 @@ react-live@^2.2.2: react-simple-code-editor "^0.10.0" unescape "^1.0.1" -react-popper-tooltip@^3.1.0: +react-popper-tooltip@^3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/react-popper-tooltip/-/react-popper-tooltip-3.1.1.tgz#329569eb7b287008f04fcbddb6370452ad3f9eac" integrity sha512-EnERAnnKRptQBJyaee5GJScWNUKQPDD2ywvzZyUjst/wj5U64C8/CnSYLNEmP2hG0IJ3ZhtDxE8oDN+KOyavXQ== @@ -14872,20 +15009,6 @@ react-refresh@^0.8.3: resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f" integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg== -react-select@^3.0.8: - version "3.1.1" - resolved "https://registry.yarnpkg.com/react-select/-/react-select-3.1.1.tgz#156a5b4a6c22b1e3d62a919cb1fd827adb4060bc" - integrity sha512-HjC6jT2BhUxbIbxMZWqVcDibrEpdUJCfGicN0MMV+BQyKtCaPTgFekKWiOizSCy4jdsLMGjLqcFGJMhVGWB0Dg== - dependencies: - "@babel/runtime" "^7.4.4" - "@emotion/cache" "^10.0.9" - "@emotion/core" "^10.0.9" - "@emotion/css" "^10.0.9" - memoize-one "^5.0.0" - prop-types "^15.6.0" - react-input-autosize "^2.2.2" - react-transition-group "^4.3.0" - react-simple-code-editor@^0.10.0: version "0.10.0" resolved "https://registry.yarnpkg.com/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz#73e7ac550a928069715482aeb33ccba36efe2373" @@ -14921,16 +15044,6 @@ react-textarea-autosize@^8.1.1: use-composed-ref "^1.0.0" use-latest "^1.0.0" -react-transition-group@^4.3.0: - version "4.4.1" - resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.1.tgz#63868f9325a38ea5ee9535d828327f85773345c9" - integrity sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw== - dependencies: - "@babel/runtime" "^7.5.5" - dom-helpers "^5.0.1" - loose-envify "^1.4.0" - prop-types "^15.6.2" - react@^16.12.0, react@^16.13.1: version "16.14.0" resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d" @@ -15346,7 +15459,7 @@ remark-mdx@^1.6.16: remark-parse "8.0.3" unified "9.1.0" -remark-parse@8.0.3, remark-parse@^8.0.0, remark-parse@^8.0.3: +remark-parse@8.0.3, remark-parse@^8.0.3: version "8.0.3" resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-8.0.3.tgz#9c62aa3b35b79a486454c690472906075f40c7e1" integrity sha512-E1K9+QLGgggHxCQtLt++uXltxEprmWzNfg+MxpfHsZlrddKzZ/hZyWHDbK3/Ap8HJQqYJRXP+jHczdL6q6i85Q== @@ -15389,6 +15502,13 @@ remark-parse@^5.0.0: vfile-location "^2.0.0" xtend "^4.0.1" +remark-parse@^9.0.0: + version "9.0.0" + resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-9.0.0.tgz#4d20a299665880e4f4af5d90b7c7b8a935853640" + integrity sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw== + dependencies: + mdast-util-from-markdown "^0.8.0" + remark-reference-links@^4.0.1: version "4.0.4" resolved "https://registry.yarnpkg.com/remark-reference-links/-/remark-reference-links-4.0.4.tgz#190579a0d6b002859d6cdbdc5aeb8bbdae4e06ab" @@ -15441,7 +15561,7 @@ remark-stringify@^5.0.0: unherit "^1.0.4" xtend "^4.0.1" -remark-stringify@^8.0.0, remark-stringify@^8.1.1: +remark-stringify@^8.1.1: version "8.1.1" resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-8.1.1.tgz#e2a9dc7a7bf44e46a155ec78996db896780d8ce5" integrity sha512-q4EyPZT3PcA3Eq7vPpT6bIdokXzFGp9i85igjmhRyXWmPs0Y6/d2FYwUNotKAWyLch7g0ASZJn/KHHcHZQ163A== @@ -15461,6 +15581,13 @@ remark-stringify@^8.0.0, remark-stringify@^8.1.1: unherit "^1.0.4" xtend "^4.0.1" +remark-stringify@^9.0.0: + version "9.0.1" + resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-9.0.1.tgz#576d06e910548b0a7191a71f27b33f1218862894" + integrity sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg== + dependencies: + mdast-util-to-markdown "^0.6.0" + remark-toc@^5.0.0: version "5.1.1" resolved "https://registry.yarnpkg.com/remark-toc/-/remark-toc-5.1.1.tgz#8c229d6f834cdb43fde6685e2d43248d3fc82d78" @@ -15469,14 +15596,14 @@ remark-toc@^5.0.0: mdast-util-toc "^3.0.0" remark-slug "^5.0.0" -remark@^12.0.0: - version "12.0.1" - resolved "https://registry.yarnpkg.com/remark/-/remark-12.0.1.tgz#f1ddf68db7be71ca2bad0a33cd3678b86b9c709f" - integrity sha512-gS7HDonkdIaHmmP/+shCPejCEEW+liMp/t/QwmF0Xt47Rpuhl32lLtDV1uKWvGoq+kxr5jSgg5oAIpGuyULjUw== +remark@^13.0.0: + version "13.0.0" + resolved "https://registry.yarnpkg.com/remark/-/remark-13.0.0.tgz#d15d9bf71a402f40287ebe36067b66d54868e425" + integrity sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA== dependencies: - remark-parse "^8.0.0" - remark-stringify "^8.0.0" - unified "^9.0.0" + remark-parse "^9.0.0" + remark-stringify "^9.0.0" + unified "^9.1.0" remark@^9.0.0: version "9.0.0" @@ -15650,7 +15777,7 @@ resolve@1.1.7: resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b" integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs= -resolve@^1.1.3, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.9.0: +resolve@^1.1.3, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.9.0: version "1.18.1" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.18.1.tgz#018fcb2c5b207d2a6424aee361c5a266da8f4130" integrity sha512-lDfCPaMKfOJXjy0dPayzPdF1phampNWr3qFCjAu+rw/qbQmr5jWH5xN2hwh9QKfw9E5v4hwV7A+jrCmL8yjjqA== @@ -15658,7 +15785,7 @@ resolve@^1.1.3, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.13 is-core-module "^2.0.0" path-parse "^1.0.6" -resolve@^1.1.6, resolve@^1.12.0, resolve@^1.3.2, resolve@^1.8.1: +resolve@^1.1.6, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.3.2, resolve@^1.8.1: version "1.19.0" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c" integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg== @@ -15721,13 +15848,6 @@ rimraf@2, rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3: dependencies: glob "^7.1.3" -rimraf@2.6.3: - version "2.6.3" - resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab" - integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA== - dependencies: - glob "^7.1.3" - rimraf@^3.0.0, rimraf@^3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a" @@ -15743,33 +15863,6 @@ ripemd160@^2.0.0, ripemd160@^2.0.1: hash-base "^3.0.0" inherits "^2.0.1" -rollup-plugin-commonjs@^10.1.0: - version "10.1.0" - resolved "https://registry.yarnpkg.com/rollup-plugin-commonjs/-/rollup-plugin-commonjs-10.1.0.tgz#417af3b54503878e084d127adf4d1caf8beb86fb" - integrity sha512-jlXbjZSQg8EIeAAvepNwhJj++qJWNJw1Cl0YnOqKtP5Djx+fFGkp3WRh+W0ASCaFG5w1jhmzDxgu3SJuVxPF4Q== - dependencies: - estree-walker "^0.6.1" - is-reference "^1.1.2" - magic-string "^0.25.2" - resolve "^1.11.0" - rollup-pluginutils "^2.8.1" - -rollup-plugin-node-resolve@^5.2.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz#730f93d10ed202473b1fb54a5997a7db8c6d8523" - integrity sha512-jUlyaDXts7TW2CqQ4GaO5VJ4PwwaV8VUGA7+km3n6k6xtOEacf61u0VXwN80phY/evMcaS+9eIeJ9MOyDxt5Zw== - dependencies: - "@types/resolve" "0.0.8" - builtin-modules "^3.1.0" - is-module "^1.0.0" - resolve "^1.11.1" - rollup-pluginutils "^2.8.1" - -rollup-plugin-peer-deps-external@^2.2.2: - version "2.2.4" - resolved "https://registry.yarnpkg.com/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz#8a420bbfd6dccc30aeb68c9bf57011f2f109570d" - integrity sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g== - rollup-plugin-terser@^7.0.2: version "7.0.2" resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d" @@ -15780,24 +15873,10 @@ rollup-plugin-terser@^7.0.2: serialize-javascript "^4.0.0" terser "^5.0.0" -rollup-pluginutils@^2.8.1: - version "2.8.2" - resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e" - integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ== - dependencies: - estree-walker "^0.6.1" - -rollup@^2.1.0, rollup@^2.21.0: - version "2.33.1" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.33.1.tgz#802795164164ee63cd47769d8879c33ec8ae0c40" - integrity sha512-uY4O/IoL9oNW8MMcbA5hcOaz6tZTMIh7qJHx/tzIJm+n1wLoY38BLn6fuy7DhR57oNFLMbDQtDeJoFURt5933w== - optionalDependencies: - fsevents "~2.1.2" - -rollup@^2.33.3: - version "2.33.3" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.33.3.tgz#ae72ce31f992b09a580072951bfea76e9df17342" - integrity sha512-RpayhPTe4Gu/uFGCmk7Gp5Z9Qic2VsqZ040G+KZZvsZYdcuWaJg678JeDJJvJeEQXminu24a2au+y92CUWVd+w== +rollup@^2.21.0, rollup@^2.35.1: + version "2.35.1" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.35.1.tgz#e6bc8d10893556a638066f89e8c97f422d03968c" + integrity sha512-q5KxEyWpprAIcainhVy6HfRttD9kutQpHbeqDTWnqAFNJotiojetK6uqmcydNMymBEtC4I8bCYR+J3mTMqeaUA== optionalDependencies: fsevents "~2.1.2" @@ -15894,9 +15973,9 @@ sass-loader@^10.0.1: semver "^7.3.2" sass@^1.26.10: - version "1.29.0" - resolved "https://registry.yarnpkg.com/sass/-/sass-1.29.0.tgz#ec4e1842c146d8ea9258c28c141b8c2b7c6ab7f1" - integrity sha512-ZpwAUFgnvAUCdkjwPREny+17BpUj8nh5Yr6zKPGtLNTLrmtoRYIjm7njP24COhjJldjwW1dcv52Lpf4tNZVVRA== + version "1.32.0" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.0.tgz#10101a026c13080b14e2b374d4e15ee24400a4d3" + integrity sha512-fhyqEbMIycQA4blrz/C0pYhv2o4x2y6FYYAH0CshBw3DXh5D5wyERgxw0ptdau1orc/GhNrhF7DFN2etyOCEng== dependencies: chokidar ">=2.0.0 <4.0.0" @@ -15985,7 +16064,7 @@ semver@7.0.0: resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e" integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A== -semver@7.x, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2: +semver@7.x, semver@^7.1.1: version "7.3.2" resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938" integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ== @@ -15995,18 +16074,18 @@ semver@^6.0.0, semver@^6.2.0, semver@^6.3.0: resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw== -semver@~5.3.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f" - integrity sha1-myzl094C0XxgEq0yaqa00M9U+U8= - -semver@~7.3.0: +semver@^7.2.1, semver@^7.3.2, semver@~7.3.0: version "7.3.4" resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97" integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw== dependencies: lru-cache "^6.0.0" +semver@~5.3.0: + version "5.3.0" + resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f" + integrity sha1-myzl094C0XxgEq0yaqa00M9U+U8= + send@0.17.1: version "0.17.1" resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8" @@ -16149,7 +16228,16 @@ shellwords@^0.1.1: resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b" integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww== -side-channel@^1.0.2, side-channel@^1.0.3: +side-channel@^1.0.2: + version "1.0.4" + resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf" + integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw== + dependencies: + call-bind "^1.0.0" + get-intrinsic "^1.0.2" + object-inspect "^1.9.0" + +side-channel@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.3.tgz#cdc46b057550bbab63706210838df5d4c19519c3" integrity sha512-A6+ByhlLkksFoUepsGxfj5x1gTSrs+OydsRptUxeNCabQpCFUvcwIczgOigI8vhY/OJCnPnyE9rGiwgvr9cS1g== @@ -16189,15 +16277,6 @@ slash@^3.0.0: resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634" integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q== -slice-ansi@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636" - integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ== - dependencies: - ansi-styles "^3.2.0" - astral-regex "^1.0.0" - is-fullwidth-code-point "^2.0.0" - slice-ansi@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787" @@ -16355,9 +16434,9 @@ spdx-expression-parse@^3.0.0: spdx-license-ids "^3.0.0" spdx-license-ids@^3.0.0: - version "3.0.6" - resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.6.tgz#c80757383c28abf7296744998cbc106ae8b854ce" - integrity sha512-+orQK83kyMva3WyPf59k1+Y525csj5JejicWut55zeTWANuN17qSiSLUXWtzHeNWORSvT7GLDJ/E/XiIWoXBTw== + version "3.0.7" + resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.7.tgz#e9c18a410e5ed7e12442a549fbd8afa767038d65" + integrity sha512-U+MTEOO0AiDzxwFvoa4JVnMV6mZlJKk2sBLt90s7G0Gd0Mlknc7kxEn3nuDPNZRta7O2uy8oLcZLVT+4sqNZHQ== specificity@^0.4.1: version "0.4.1" @@ -16608,7 +16687,7 @@ string.prototype.codepointat@^0.2.0: resolved "https://registry.yarnpkg.com/string.prototype.codepointat/-/string.prototype.codepointat-0.2.1.tgz#004ad44c8afc727527b108cd462b4d971cd469bc" integrity sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg== -"string.prototype.matchall@^4.0.0 || ^3.0.1": +"string.prototype.matchall@^4.0.0 || ^3.0.1", string.prototype.matchall@^4.0.2: version "4.0.3" resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.3.tgz#24243399bc31b0a49d19e2b74171a15653ec996a" integrity sha512-OBxYDA2ifZQ2e13cP82dWFMaCV9CGF8GzmN4fljBVw5O5wep0lu4gacm1OL6MjROoUnB8VbkWRThqkV2YFLNxw== @@ -16621,18 +16700,6 @@ string.prototype.codepointat@^0.2.0: regexp.prototype.flags "^1.3.0" side-channel "^1.0.3" -string.prototype.matchall@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.2.tgz#48bb510326fb9fdeb6a33ceaa81a6ea04ef7648e" - integrity sha512-N/jp6O5fMf9os0JU3E72Qhf590RSRZU/ungsL/qJUYVTNv7hTG0P/dbPjxINVN9jpscu3nzYwKESU3P3RY5tOg== - dependencies: - define-properties "^1.1.3" - es-abstract "^1.17.0" - has-symbols "^1.0.1" - internal-slot "^1.0.2" - regexp.prototype.flags "^1.3.0" - side-channel "^1.0.2" - string.prototype.padend@^3.0.0: version "3.1.1" resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.1.1.tgz#824c84265dbac46cade2b957b38b6a5d8d1683c5" @@ -16877,6 +16944,13 @@ stylelint-order@^4.1.0: postcss "^7.0.31" postcss-sorting "^5.0.1" +stylelint-prettier@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/stylelint-prettier/-/stylelint-prettier-1.1.2.tgz#2b19abe40789c380bffee3d4267c413d981a86ea" + integrity sha512-8QZ+EtBpMCXYB6cY0hNE3aCDKMySIx4Q8/malLaqgU/KXXa6Cj2KK8ulG1AJvUMD5XSSP8rOotqaCzR/BW6qAA== + dependencies: + prettier-linter-helpers "^1.0.0" + stylelint-scss@^3.18.0: version "3.18.0" resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-3.18.0.tgz#8f06371c223909bf3f62e839548af1badeed31e9" @@ -16889,21 +16963,21 @@ stylelint-scss@^3.18.0: postcss-value-parser "^4.1.0" stylelint@^13.7.0: - version "13.7.2" - resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-13.7.2.tgz#6f3c58eea4077680ed0ceb0d064b22b100970486" - integrity sha512-mmieorkfmO+ZA6CNDu1ic9qpt4tFvH2QUB7vqXgrMVHe5ENU69q7YDq0YUg/UHLuCsZOWhUAvcMcLzLDIERzSg== + version "13.8.0" + resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-13.8.0.tgz#446765dbe25e3617f819a0165956faf2563ddc23" + integrity sha512-iHH3dv3UI23SLDrH4zMQDjLT9/dDIz/IpoFeuNxZmEx86KtfpjDOscxLTFioQyv+2vQjPlRZnK0UoJtfxLICXQ== dependencies: "@stylelint/postcss-css-in-js" "^0.37.2" - "@stylelint/postcss-markdown" "^0.36.1" + "@stylelint/postcss-markdown" "^0.36.2" autoprefixer "^9.8.6" balanced-match "^1.0.0" chalk "^4.1.0" cosmiconfig "^7.0.0" - debug "^4.1.1" + debug "^4.2.0" execall "^2.0.0" fast-glob "^3.2.4" fastest-levenshtein "^1.0.12" - file-entry-cache "^5.0.1" + file-entry-cache "^6.0.0" get-stdin "^8.0.0" global-modules "^2.0.0" globby "^11.0.1" @@ -16912,14 +16986,14 @@ stylelint@^13.7.0: ignore "^5.1.8" import-lazy "^4.0.0" imurmurhash "^0.1.4" - known-css-properties "^0.19.0" + known-css-properties "^0.20.0" lodash "^4.17.20" log-symbols "^4.0.0" mathml-tag-names "^2.1.3" - meow "^7.1.1" + meow "^8.0.0" micromatch "^4.0.2" normalize-selector "^0.2.0" - postcss "^7.0.32" + postcss "^7.0.35" postcss-html "^0.36.0" postcss-less "^3.1.4" postcss-media-query-parser "^0.2.3" @@ -16927,7 +17001,7 @@ stylelint@^13.7.0: postcss-safe-parser "^4.0.2" postcss-sass "^0.4.4" postcss-scss "^2.1.1" - postcss-selector-parser "^6.0.2" + postcss-selector-parser "^6.0.4" postcss-syntax "^0.36.2" postcss-value-parser "^4.1.0" resolve-from "^5.0.0" @@ -16938,11 +17012,11 @@ stylelint@^13.7.0: style-search "^0.1.0" sugarss "^2.0.0" svg-tags "^1.0.0" - table "^6.0.1" - v8-compile-cache "^2.1.1" + table "^6.0.3" + v8-compile-cache "^2.2.0" write-file-atomic "^3.0.3" -stylis@^4.0.3: +stylis@^4.0.6: version "4.0.6" resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.6.tgz#0d8b97b6bc4748bea46f68602b6df27641b3c548" integrity sha512-1igcUEmYFBEO14uQHAJhCUelTR5jPztfdVKrYxRnDa5D5Dn3w0NxXupJNPr/VV/yRfZYEAco8sTIRZzH3sRYKg== @@ -17082,20 +17156,10 @@ table-layout@^1.0.0: typical "^5.2.0" wordwrapjs "^4.0.0" -table@^5.2.3: - version "5.4.6" - resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e" - integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug== - dependencies: - ajv "^6.10.2" - lodash "^4.17.14" - slice-ansi "^2.1.0" - string-width "^3.0.0" - -table@^6.0.1: - version "6.0.3" - resolved "https://registry.yarnpkg.com/table/-/table-6.0.3.tgz#e5b8a834e37e27ad06de2e0fda42b55cfd8a0123" - integrity sha512-8321ZMcf1B9HvVX/btKv8mMZahCjn2aYrDlpqHaBFCfnox64edeH9kEid0vTLTRR8gWR2A20aDgeuTTea4sVtw== +table@^6.0.3, table@^6.0.4: + version "6.0.4" + resolved "https://registry.yarnpkg.com/table/-/table-6.0.4.tgz#c523dd182177e926c723eb20e1b341238188aa0d" + integrity sha512-sBT4xRLdALd+NFBvwOz8bw4b15htyythha+q+DVZqy2RS08PPC8O2sZFgJYEY7bJvbCFKccs+WIZ/cd+xxTWCw== dependencies: ajv "^6.12.4" lodash "^4.17.20" @@ -17548,12 +17612,11 @@ ts-essentials@^2.0.3: resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-2.0.12.tgz#c9303f3d74f75fa7528c3d49b80e089ab09d8745" integrity sha512-3IVX4nI6B5cc31/GFFE+i8ey/N2eA0CZDbo6n0yrz0zDX8ZJ8djmU1p+XRz7G3is0F3bB3pu2pAroFdAWQKU3w== -ts-jest@^26.1.0, ts-jest@^26.1.1, ts-jest@^26.2.0: - version "26.4.3" - resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-26.4.3.tgz#d153a616033e7ec8544b97ddbe2638cbe38d53db" - integrity sha512-pFDkOKFGY+nL9v5pkhm+BIFpoAuno96ff7GMnIYr/3L6slFOS365SI0fGEVYx2RKGji5M2elxhWjDMPVcOCdSw== +ts-jest@^26.1.0, ts-jest@^26.4.4: + version "26.4.4" + resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-26.4.4.tgz#61f13fb21ab400853c532270e52cc0ed7e502c49" + integrity sha512-3lFWKbLxJm34QxyVNNCgXX1u4o/RV0myvA2y2Bxm46iGIjKlaY0own9gIckbjZJPn+WaJEnfPPJ20HHGpoq4yg== dependencies: - "@jest/create-cache-key-function" "^26.5.0" "@types/jest" "26.x" bs-logger "0.x" buffer-from "1.x" @@ -17722,12 +17785,12 @@ typedarray@^0.0.6, typedarray@~0.0.5: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= -typescript@^2.9.2: - version "2.9.2" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.9.2.tgz#1cbf61d05d6b96269244eb6a3bce4bd914e0f00c" - integrity sha512-Gr4p6nFNaoufRIY4NMdpQRNmgxVIGMs4Fcu/ujdYk3nAZqk7supzBE9idmvfZIlH/Cuj//dvi+019qEue9lV0w== +typescript@^4.0.3, typescript@^4.1.3: + version "4.1.3" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.3.tgz#519d582bd94cba0cf8934c7d8e8467e473f53bb7" + integrity sha512-B3ZIOf1IKeH2ixgHhj6la6xdwR9QrLC5d1VKeCSY4tvkqhF2eqd9O7txNlS0PO3GrBAFIdr3L1ndNwteUbZLYg== -typescript@^4.0.3, typescript@~4.0.5: +typescript@~4.0.5: version "4.0.5" resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.0.5.tgz#ae9dddfd1069f1cb5beb3ef3b2170dd7c1332389" integrity sha512-ywmr/VrTVCmNTJ6iV2LwIrfG1P+lv6luD8sUJs+2eI9NLGigaN+nUQc13iHqisq7bra9lnmUSYqbJvegraBOPQ== @@ -17817,7 +17880,7 @@ unified@9.1.0: trough "^1.0.0" vfile "^4.0.0" -unified@9.2.0, unified@^9.0.0, unified@^9.1.0: +unified@9.2.0, unified@^9.1.0: version "9.2.0" resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.0.tgz#67a62c627c40589edebbf60f53edfd4d822027f8" integrity sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg== @@ -17902,10 +17965,10 @@ unist-builder@^1.0.1, unist-builder@^1.0.2: dependencies: object-assign "^4.1.0" -unist-util-find-all-after@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/unist-util-find-all-after/-/unist-util-find-all-after-3.0.1.tgz#95cc62f48812d879b4685a0512bf1b838da50e9a" - integrity sha512-0GICgc++sRJesLwEYDjFVJPJttBpVQaTNgc6Jw0Jhzvfs+jtKePEMu+uD+PqkRUrAvGQqwhpDwLGWo1PK8PDEw== +unist-util-find-all-after@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz#fdfecd14c5b7aea5e9ef38d5e0d5f774eeb561f6" + integrity sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ== dependencies: unist-util-is "^4.0.0" @@ -18195,11 +18258,6 @@ v8-compile-cache@^2.0.3, v8-compile-cache@^2.2.0: resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz#9471efa3ef9128d2f7c6a7ca39c4dd6b5055b132" integrity sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q== -v8-compile-cache@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745" - integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ== - v8-to-istanbul@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-7.0.0.tgz#b4fe00e35649ef7785a9b7fcebcea05f37c332fc" @@ -18860,13 +18918,6 @@ write-pkg@^3.1.0: sort-keys "^2.0.0" write-json-file "^2.2.0" -write@1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3" - integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig== - dependencies: - mkdirp "^0.5.1" - ws@^6.0.0: version "6.2.1" resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"