From 34ad8672311079be32184880c1568eb69e5fae54 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Wed, 27 Sep 2023 09:36:33 +1000
Subject: [PATCH 01/24] rm eslint from workflows
---
.github/workflows/tests_ci.yml | 3 ---
examples/graphql-ts-gql/package.json | 6 +++---
package.json | 10 +---------
3 files changed, 4 insertions(+), 15 deletions(-)
diff --git a/.github/workflows/tests_ci.yml b/.github/workflows/tests_ci.yml
index 0f72a698a23..9934169c014 100644
--- a/.github/workflows/tests_ci.yml
+++ b/.github/workflows/tests_ci.yml
@@ -25,9 +25,6 @@ jobs:
- name: TypeScript
run: pnpm lint:types
- - name: ESLint
- run: pnpm lint:eslint
-
- name: Preconstruct
run: pnpm build
diff --git a/examples/graphql-ts-gql/package.json b/examples/graphql-ts-gql/package.json
index 1b0356a8634..bd9a83d7efe 100644
--- a/examples/graphql-ts-gql/package.json
+++ b/examples/graphql-ts-gql/package.json
@@ -14,13 +14,13 @@
"dependencies": {
"@keystone-6/core": "^5.7.0",
"@prisma/client": "^4.16.2",
+ "graphql": "^16.8.1"
+ },
+ "devDependencies": {
"@ts-gql/compiler": "^0.15.3",
"@ts-gql/eslint-plugin": "^0.9.0",
"@ts-gql/tag": "^0.7.0",
"eslint": "^8.0.0",
- "graphql": "^16.8.1"
- },
- "devDependencies": {
"prisma": "^4.16.2",
"typescript": "~5.0.0"
},
diff --git a/package.json b/package.json
index 567dd3a247b..2341e2c7144 100644
--- a/package.json
+++ b/package.json
@@ -13,10 +13,9 @@
"format:file": "prettier --write",
"format": "prettier --write \"**/*.{js,json,ts,tsx,md,mdx}\"",
"ci:version-packages": "pnpm changeset version && cd docs && pnpm remove-conditionals",
- "lint:eslint": "eslint . --ext ts,tsx,js",
"lint:prettier": "prettier --check \"**/*.{js,json,ts,tsx,md,mdx}\"",
"lint:types": "tsc",
- "lint": "pnpm lint:prettier && pnpm lint:eslint && pnpm lint:types && pnpm lint:filters",
+ "lint": "pnpm lint:prettier && pnpm lint:types && pnpm lint:filters",
"test": "jest",
"test:debug": "node --inspect-brk ./node_modules/.bin/jest --runInBand",
"test:admin-ui": "jest tests/admin-ui-tests",
@@ -43,15 +42,8 @@
"@types/node-fetch": "^2.5.12",
"@types/react": "^18.0.9",
"@types/react-dom": "^18.0.4",
- "@typescript-eslint/eslint-plugin": "^6.0.0",
- "@typescript-eslint/parser": "^6.0.0",
"esbuild": "^0.19.0",
"esbuild-jest": "^0.5.0",
- "eslint": "^8.0.0",
- "eslint-plugin-import": "2.25.3",
- "eslint-plugin-jest": "^26.0.0",
- "eslint-plugin-react": "^7.27.0",
- "eslint-plugin-react-hooks": "^4.3.0",
"jest": "^29.0.0",
"jest-environment-jsdom": "^29.0.0",
"prettier": "^2.5.0",
From 21461f0c11f51ce2f0d4d3218bf94a1301f47fb1 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Wed, 27 Sep 2023 09:39:00 +1000
Subject: [PATCH 02/24] drop .eslint files
---
.eslintignore | 10 -----
.eslintrc.js | 115 --------------------------------------------------
2 files changed, 125 deletions(-)
delete mode 100644 .eslintignore
delete mode 100644 .eslintrc.js
diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 5f9da3887be..00000000000
--- a/.eslintignore
+++ /dev/null
@@ -1,10 +0,0 @@
-node_modules
-coverage
-dist
-reports
-docs/public/assets/
-examples/extend-graphql-schema-nexus/nexus-types.ts
-examples/framework-remix/build/index.js
-tests/test-projects/live-reloading/schemas/syntax-error.js
-__generated__
-
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 168b40e5923..00000000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,115 +0,0 @@
-const reactComponentTypeMessage = {
- message:
- 'This type includes the children prop which is generally wrong, instead of using this type, type the props of the component',
-};
-
-module.exports = {
- parser: '@typescript-eslint/parser',
- env: {
- browser: true,
- es6: true,
- node: true,
- jest: true,
- },
- plugins: ['react', 'react-hooks', 'jest', 'import', '@typescript-eslint'],
- settings: {
- react: {
- version: 'detect',
- },
- },
- rules: {
- curly: ['error', 'multi-line'],
- 'jsx-quotes': 'error',
- 'no-trailing-spaces': 'error',
- 'no-undef': 'error',
- 'no-unused-expressions': 'error',
- 'react-hooks/rules-of-hooks': 'error',
- 'react-hooks/exhaustive-deps': 'error',
- '@typescript-eslint/no-unused-vars': 'off',
- 'import/no-extraneous-dependencies': [
- 'error',
- {
- devDependencies: [
- '**/__tests__/**/*',
- '**/*test.*',
- '**/tests/**/*',
- '**/build/**/*',
- `packages/fields/src/**/filterTests.*`,
- '**/test-fixtures.*',
- ],
- },
- ],
- 'import/no-unresolved': 'error',
- 'import/order': 'error',
- 'jest/valid-describe': 'off',
- 'jest/valid-expect': 'off',
- 'jest/no-conditional-expect': 'off',
- 'jest/no-standalone-expect': 'off',
- 'jest/expect-expect': 'off',
- 'jest/no-export': 'off',
- 'jest/valid-title': 'off',
- 'jest/no-try-expect': 'off',
- 'jest/no-disabled-tests': 'error',
- 'object-curly-spacing': ['error', 'always'],
- quotes: ['error', 'single', { avoidEscape: true, allowTemplateLiterals: true }],
- 'react/jsx-boolean-value': 'error',
- 'react/jsx-no-undef': 'error',
- 'react/jsx-uses-react': 'error',
- 'react/jsx-uses-vars': 'error',
- 'react/jsx-wrap-multilines': 'error',
- 'react/react-in-jsx-scope': 'error',
- 'react/self-closing-comp': 'error',
- semi: 'off',
- strict: 'off',
- 'no-restricted-syntax': [
- 'error',
- {
- // Curious why we have this rule?
- // - Enums only work for a subset of use cases that unions of string literals + objects work for and learning one language feature is easier than learning two language features
- // - Enums are a new language feature which have runtime semantics which means they change TypeScript from JS + types to JS + types + extra language features which is harder to teach without clear advantages for this specific feature
- selector: 'TSEnumDeclaration',
- message: 'Use a union of string literals instead of an enum',
- },
- ],
- '@typescript-eslint/ban-types': [
- 'error',
- {
- extendDefaults: false,
- types: {
- Function:
- '`Function` types are unsafe. Use more specific function types instead. e.g. (arg: number) => string',
- String: {
- message:
- 'The `String` type refers to the String object which is probably not what you want, you probably want `string` instead which refers to the string primitive type.',
- fixWith: 'string',
- },
- ComponentType: reactComponentTypeMessage,
- FC: reactComponentTypeMessage,
- SFC: reactComponentTypeMessage,
- 'React.ComponentType': reactComponentTypeMessage,
- 'React.FC': reactComponentTypeMessage,
- 'React.SFC': reactComponentTypeMessage,
- },
- },
- ],
- },
- extends: ['plugin:jest/recommended'],
-
- // Disable some rules for (code blocks within) Markdown docs
- overrides: [
- {
- files: ['**/*.{ts,tsx}'],
- rules: {
- // TypeScript already checks for the following things and they conflict with TypeScript
- 'import/no-unresolved': 'off',
- 'no-undef': 'off',
- },
- },
- {
- files: ['packages/core/src/scripts/tests/fixtures/**/*.{ts,tsx}'],
- rules: {
- 'import/no-extraneous-dependencies': 'off',
- },
- },
- ],
-};
From 150ad95d60da907be44e29fbca7cac0a64120dc0 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 15:41:54 +1100
Subject: [PATCH 03/24] drop prettier
---
design-system/packages/icons/build-icons.js | 1 -
design-system/packages/icons/package.json | 1 -
docs/STYLE_GUIDE.md | 174 ----
docs/package.json | 1 -
package.json | 20 -
packages/core/src/lib/schema-type-printer.tsx | 2 -
pnpm-lock.yaml | 837 ++++--------------
prisma-utils/package.json | 3 +-
tests/api-tests/access-control/utils.ts | 1 -
tests/api-tests/db-enable-logging.test.ts | 1 -
.../api-tests/default-value/defaults.test.ts | 1 -
tests/api-tests/extend-express-app.test.ts | 1 -
tests/api-tests/extend-http-server.test.ts | 1 -
tests/api-tests/healthcheck.test.ts | 1 -
14 files changed, 169 insertions(+), 876 deletions(-)
delete mode 100644 docs/STYLE_GUIDE.md
diff --git a/design-system/packages/icons/build-icons.js b/design-system/packages/icons/build-icons.js
index f63c59e31a1..79ee2751220 100644
--- a/design-system/packages/icons/build-icons.js
+++ b/design-system/packages/icons/build-icons.js
@@ -51,7 +51,6 @@ async function writeIcons() {
plugins: [
// '@svgr/plugin-svgo',
'@svgr/plugin-jsx',
- '@svgr/plugin-prettier',
],
},
{ componentName: name }
diff --git a/design-system/packages/icons/package.json b/design-system/packages/icons/package.json
index 721a5d25bed..cb0274e2f5b 100644
--- a/design-system/packages/icons/package.json
+++ b/design-system/packages/icons/package.json
@@ -1161,7 +1161,6 @@
"devDependencies": {
"@svgr/core": "^8.0.0",
"@svgr/plugin-jsx": "^8.0.0",
- "@svgr/plugin-prettier": "^8.0.0",
"@svgr/plugin-svgo": "^8.0.0",
"@types/react": "^18.0.9",
"chalk": "^4.1.2",
diff --git a/docs/STYLE_GUIDE.md b/docs/STYLE_GUIDE.md
deleted file mode 100644
index 5ce6742496d..00000000000
--- a/docs/STYLE_GUIDE.md
+++ /dev/null
@@ -1,174 +0,0 @@
-# Documentation Style
-
-This document describes the conventions for formatting and style used throughout Keystone 6 docs.
-
-Many of these rules are enforced by the Prettier Markdown parser,
-[Remark](https://github.com/remarkjs/remark/tree/master/packages/remark-parse),
-which runs on `yarn format`.
-Generally they also align with those suggested in Ciro Santilli's
-[Markdown Style Guide](http://www.cirosantilli.com/markdown-style-guide), the de facto standard.
-If Prettier doesn't have an opinion on something, and it's not covered here, go with Ciro's suggestion.
-
-The aim of these conventions is to ensure:
-
-- Consistency across project docs
-- Readability when published as HTML (see especially the [URL Formulation Rules](#url-formulation-rules))
-- Readability as plain text
-- Readability when being updated (ie. in diffs)
-
-## General
-
-- All docs should include an intro that describes their purpose and context within the project
-- Write clearly and keep it factual
-- If you must assume knowledge on the part of the reader, link to related docs on the topic
-- Emoji can be used, sparingly please ✨
-- Ampersands should be avoided outside of headings
-
-Also, it should go without saying:
-
-- Ensure correct spelling; spell-check documents before committing.
- (We _favour_ UK/Australian spelling.)
-- Ensure correct capitalisation, inc. product names and acronyms (eg: JavaScript, URL, Node.js).
- Note, _abbreviations_ like "etc.", "ie." and "eg." are not acronyms;
- they should only be capitalised if at the start of a sentence.
-- Ensure correct English grammar (or Miss Willings will come for you 👩🏼🏫).
- This includes periods after abbreviations such as "etc.".
-
-If in doubt, Google it.
-
-## Tools
-
-We run our Markdown through Prettier which applies many of these rule for us.
-The `yarn format` command will check and update all Markdown files (and all JS).
-You can use `yarn format:file MyNewDoc.md` to "pretty" a specific document.
-
-If you're using Sublime Text, the following plugins may be of use:
-
-- [Markdown Extended](https://packagecontrol.io/packages/Markdown%20Extended) --
- Better syntax highlighting of Markdown documents
-- [MarkdownPreview](https://packagecontrol.io/packages/MarkdownPreview) --
- Allows Markdown documents to be previewed by running them through the GitHub renderer
-
-_JM: Any tips for other editors? VS Code anyone?_
-
-## Headings
-
-- We prefer the ["atx" style of headings](http://www.cirosantilli.com/markdown-style-guide/#option-header-atx).
- Ie. `#`, `##`, `###`, etc.
-- Each document should contain a single level 1 heading
-- Headings at all levels use [Title Case](https://en.wikipedia.org/wiki/Letter_case#Stylistic_or_specialised_usage)
-- Try to keep all headings unique so they can be [linked to](#headings) reliably
-- Emphasis (eg. **bold**) should not be used in place of headings
-- Try to limit `code` use within headings
-
-## Text Blocks
-
-The sentences that form a paragraph should generally be separated with newlines.
-Longer sentences, such as this one, constructed with multiple clauses,
-will often require newline characters at punctuation boundaries.
-Likewise, sentences will often require newlines characters when they include
-[Markdown formatted links](https://www.markdownguide.org/basic-syntax#links).
-
-There's no hard limit on line length; Prettier does not enforce one by default.
-As a rule of thumb, over 120 characters is too long.
-
-## Lists
-
-We'd _like_ to use different bullets styles for items at different levels but Prettier forces hyphens by default.
-Let's just go with that.
-
-- Lists levels are indented with 2 spaces
- - Like this
- - And this
-- Items should end in punctuation only if they contains multiple sentences.
- In other cases they should not.
-
-Ordered lists have their own set of concerns.
-It's worth noting that GitHub Markdown only cares which numbers you use for the _first item_;
-it takes that as the initial value and counts up from there.
-As such, there are two methods that work:
-
-1. Usually it's preferable to number all items with `1`.
- This keeps diffs clean since inserting or removing an item doesn't re-number all subsequent items.
-2. However, if the doc refers to the items _by number_ it makes sense to number them ordinarily within the Markdown.
- The Prettier will _correct the order of items_ numbered in this way which is nice (but does cause more noise in the diffs).
-
-## Links
-
-Links should be used generously to reference related material both inside and outside the current document.
-You can link to any section in a markdown document by lower-casing its heading,
-replacing spaces with hyphens and prefixing with a hash, eg: the [Text Blocks section](#text-blocks).
-
-### URL Formulation Rules
-
-It's important to remember that the Markdown files within this project are used in several places:
-
-- As raw Markdown in a local dev environment (eg. in editor, search/grep'ing, etc.)
-- Published on the [Keystone 6 website](https://keystonejs.com/)
-- Published on the [GitHub repo](https://github.com/keystonejs/keystone)
-- Published on NPM (only effects package `README.md` docs)
-
-For links to work across these mediums, certain rules for URLs formulation must be followed:
-
-- Links _within a file_ (ie. to headings) must not include the file name or path
- - Eg. `See the secion on [Foo Config](#foo-config).`
-- Links to _other files in the monorepo_ must use..
- - An absolute file path from the monorepo root
- - Eg. `/docs/pages/guides/cli.mdx` (**not** `https://keystonejs.com/guides/cli` or `https://github.com/keystonejs/keystone/blob/main/docs/pages/guides/cli.mdx`, etc.)
- - The full filename, include the extension
- - Eg. `/docs/pages/guides/cli.mdx` (**not** `/docs/guides/cli`)
-- Links to `README.md` files must be explicit; they cannot rely on the GitHub behaviour that uses `README.md` at a sort of "index" for a directory
- - Eg. `/packages/core/README.md#CLI` (**not** `/packages/core#CLI`)
-- Links to directories end in a slash (eg. `/packages/core/`)
- - This as is convention for URLs (so as not to be confused with a files)
-
-## Code and Code Blocks
-
-Use `single backticks` only when referring to a specific tool or a single commands within a sentence.
-Where possible, code blocks (using the triple backtick) should be used instead.
-For example, even a small single shell commands should be given a block:
-
-```sh
-node --version
-```
-
-All code blocks should specify the language they contain;
-this produces syntax highlighting when published on GitHub.
-A complete list of languages recognised by GitHub can be found in the
-[`linguist` languages file](https://github.com/github/linguist/blob/master/lib/linguist/languages.yml).
-
-## Emphasis
-
-Emphasis should be used inline, to highlight specific points,
-or to indicate notes and comments that aren't part of the document flow.
-
-- **Bold sections** are delineated with 2 asterisk (`**text**`)
-- _Italics_ can be added with a pair of underscores (`_text_`)
-
-This differs slightly from Ciro's guide (which suggests `**` and `*`).
-We believe our version is clearer to read in plain text.
-It also aligns more closely with tools like Slack, which is handy.
-
-Remember, you can also ~~strikeout~~ text using tildes (`~~text~~`).
-
-## Tables
-
-Use tables if it helps with clarity. Prettier will re-space the values for you
-so the information will remain readable as text. Avoid using code blocks as a
-pre-formatted pseudo-table. For example:
-
-```
-Name Age
---------- -------
-Jimmy 41
-Janet 42
-```
-
-Just use a table:
-
-| Name | Age |
-| ----- | --: |
-| Jimmy | 41 |
-| Janet | 42 |
-
-Remember you can control the horizontal alignment of text within a column using the `:` char, as above.
diff --git a/docs/package.json b/docs/package.json
index f39ed7c5e85..dca847e3ac3 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -48,7 +48,6 @@
"markdown-it": "^13.0.1",
"next": "^13.3.0",
"next-compose-plugins": "^2.2.1",
- "prettier": "^2.5.0",
"prism-react-renderer": "^2.0.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/package.json b/package.json
index 2341e2c7144..95996e826a0 100644
--- a/package.json
+++ b/package.json
@@ -10,12 +10,8 @@
"packageManager": "pnpm@8.10.4",
"scripts": {
"coverage": "jest --coverage",
- "format:file": "prettier --write",
- "format": "prettier --write \"**/*.{js,json,ts,tsx,md,mdx}\"",
"ci:version-packages": "pnpm changeset version && cd docs && pnpm remove-conditionals",
- "lint:prettier": "prettier --check \"**/*.{js,json,ts,tsx,md,mdx}\"",
"lint:types": "tsc",
- "lint": "pnpm lint:prettier && pnpm lint:types && pnpm lint:filters",
"test": "jest",
"test:debug": "node --inspect-brk ./node_modules/.bin/jest --runInBand",
"test:admin-ui": "jest tests/admin-ui-tests",
@@ -46,24 +42,8 @@
"esbuild-jest": "^0.5.0",
"jest": "^29.0.0",
"jest-environment-jsdom": "^29.0.0",
- "prettier": "^2.5.0",
"typescript": "~5.2.0"
},
- "prettier": {
- "proseWrap": "preserve",
- "singleQuote": true,
- "trailingComma": "es5",
- "printWidth": 100,
- "arrowParens": "avoid",
- "overrides": [
- {
- "files": "docs/**",
- "options": {
- "embeddedLanguageFormatting": "off"
- }
- }
- ]
- },
"preconstruct": {
"packages": [
"packages/*",
diff --git a/packages/core/src/lib/schema-type-printer.tsx b/packages/core/src/lib/schema-type-printer.tsx
index 77788fdfcc7..e4f5f72a321 100644
--- a/packages/core/src/lib/schema-type-printer.tsx
+++ b/packages/core/src/lib/schema-type-printer.tsx
@@ -144,7 +144,6 @@ function printListTypeInfo(
listKey: string,
list: L
) {
- // prettier-ignore
const {
whereInputName,
whereUniqueInputName,
@@ -154,7 +153,6 @@ function printListTypeInfo(
} = list.graphql.names;
const listTypeInfoName = `Lists.${listKey}.TypeInfo`;
- // prettier-ignore
return [
`export type ${listKey} = import('@keystone-6/core').ListConfig<${listTypeInfoName}>;`,
`namespace ${listKey} {`,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2867e3ab781..c3301971c9c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,42 +56,18 @@ importers:
'@types/react-dom':
specifier: ^18.0.4
version: 18.2.15
- '@typescript-eslint/eslint-plugin':
- specifier: ^6.0.0
- version: 6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
- '@typescript-eslint/parser':
- specifier: ^6.0.0
- version: 6.10.0(eslint@8.53.0)(typescript@5.2.2)
esbuild:
specifier: ^0.19.0
version: 0.19.5
esbuild-jest:
specifier: ^0.5.0
version: 0.5.0(esbuild@0.19.5)
- eslint:
- specifier: ^8.0.0
- version: 8.53.0
- eslint-plugin-import:
- specifier: 2.25.3
- version: 2.25.3(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)
- eslint-plugin-jest:
- specifier: ^26.0.0
- version: 26.9.0(@typescript-eslint/eslint-plugin@6.10.0)(eslint@8.53.0)(jest@29.7.0)(typescript@5.2.2)
- eslint-plugin-react:
- specifier: ^7.27.0
- version: 7.33.2(eslint@8.53.0)
- eslint-plugin-react-hooks:
- specifier: ^4.3.0
- version: 4.6.0(eslint@8.53.0)
jest:
specifier: ^29.0.0
version: 29.7.0(@types/node@20.9.0)
jest-environment-jsdom:
specifier: ^29.0.0
version: 29.7.0
- prettier:
- specifier: ^2.5.0
- version: 2.8.8
typescript:
specifier: ~5.2.0
version: 5.2.2
@@ -195,9 +171,6 @@ importers:
'@svgr/plugin-jsx':
specifier: ^8.0.0
version: 8.1.0(@svgr/core@8.1.0)
- '@svgr/plugin-prettier':
- specifier: ^8.0.0
- version: 8.1.0(@svgr/core@8.1.0)
'@svgr/plugin-svgo':
specifier: ^8.0.0
version: 8.1.0(@svgr/core@8.1.0)(typescript@5.2.2)
@@ -592,9 +565,6 @@ importers:
next-compose-plugins:
specifier: ^2.2.1
version: 2.2.1
- prettier:
- specifier: ^2.5.0
- version: 2.8.8
prism-react-renderer:
specifier: ^2.0.0
version: 2.2.0(react@18.2.0)
@@ -1541,6 +1511,10 @@ importers:
'@prisma/client':
specifier: ^4.16.2
version: 4.16.2(prisma@4.16.2)
+ graphql:
+ specifier: ^16.8.1
+ version: 16.8.1
+ devDependencies:
'@ts-gql/compiler':
specifier: ^0.15.3
version: 0.15.3(graphql@16.8.1)
@@ -1553,10 +1527,6 @@ importers:
eslint:
specifier: ^8.0.0
version: 8.53.0
- graphql:
- specifier: ^16.8.1
- version: 16.8.1
- devDependencies:
prisma:
specifier: ^4.16.2
version: 4.16.2
@@ -2277,9 +2247,6 @@ importers:
fs-extra:
specifier: ^11.0.0
version: 11.1.1
- prettier:
- specifier: ^2.5.0
- version: 2.8.8
tsx:
specifier: ^4.0.0
version: 4.1.1
@@ -2597,6 +2564,7 @@ packages:
/@aashutoshrathi/word-wrap@1.2.6:
resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
engines: {node: '>=0.10.0'}
+ dev: true
/@ampproject/remapping@2.2.1:
resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
@@ -2886,7 +2854,7 @@ packages:
transitivePeerDependencies:
- encoding
- supports-color
- dev: false
+ dev: true
/@astrojs/compiler@1.8.2:
resolution: {integrity: sha512-o/ObKgtMzl8SlpIdzaxFnt7SATKPxu4oIP/1NL+HDJRzxfJcAkOTAb/ZKMRyULbz4q+1t2/DAebs2Z1QairkZw==}
@@ -3946,6 +3914,7 @@ packages:
'@babel/helper-skip-transparent-expression-wrappers': 7.22.5
'@babel/helper-split-export-declaration': 7.22.6
semver: 6.3.1
+ dev: true
/@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.23.3):
resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==}
@@ -3996,6 +3965,7 @@ packages:
engines: {node: '>=6.9.0'}
dependencies:
'@babel/types': 7.23.3
+ dev: true
/@babel/helper-module-imports@7.22.15:
resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
@@ -4021,6 +3991,7 @@ packages:
engines: {node: '>=6.9.0'}
dependencies:
'@babel/types': 7.23.3
+ dev: true
/@babel/helper-plugin-utils@7.22.5:
resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
@@ -4048,6 +4019,7 @@ packages:
'@babel/helper-environment-visitor': 7.22.20
'@babel/helper-member-expression-to-functions': 7.23.0
'@babel/helper-optimise-call-expression': 7.22.5
+ dev: true
/@babel/helper-simple-access@7.22.5:
resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
@@ -4060,6 +4032,7 @@ packages:
engines: {node: '>=6.9.0'}
dependencies:
'@babel/types': 7.23.3
+ dev: true
/@babel/helper-split-export-declaration@7.22.6:
resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
@@ -4156,7 +4129,7 @@ packages:
'@babel/core': 7.23.3
'@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.3)
'@babel/helper-plugin-utils': 7.22.5
- dev: false
+ dev: true
/@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.23.3):
resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
@@ -4171,7 +4144,7 @@ packages:
'@babel/helper-plugin-utils': 7.22.5
'@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.3)
'@babel/plugin-transform-parameters': 7.23.3(@babel/core@7.23.3)
- dev: false
+ dev: true
/@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.3):
resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
@@ -4207,6 +4180,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.23.3):
resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
@@ -4244,7 +4218,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
- dev: false
+ dev: true
/@babel/plugin-syntax-import-assertions@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==}
@@ -4327,6 +4301,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.23.3):
resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
@@ -4374,6 +4349,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.23.3):
resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
@@ -4394,6 +4370,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-async-generator-functions@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-59GsVNavGxAXCDDbakWSMJhajASb4kBCqDjqJsv+p5nKdbz7istmZ3HrX3L2LuiI80+zsOADCvooqQH3qGCucQ==}
@@ -4428,6 +4405,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-block-scoping@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-QPZxHrThbQia7UdvfpaRRlq/J9ciz1J4go0k+lPBXbgaNeY7IQrBj/9ceWjvMMI07/ZBzHl/F0R/2K0qH7jCVw==}
@@ -4437,6 +4415,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-class-properties@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==}
@@ -4477,6 +4456,7 @@ packages:
'@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.3)
'@babel/helper-split-export-declaration': 7.22.6
globals: 11.12.0
+ dev: true
/@babel/plugin-transform-computed-properties@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==}
@@ -4487,6 +4467,7 @@ packages:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
'@babel/template': 7.22.15
+ dev: true
/@babel/plugin-transform-destructuring@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==}
@@ -4496,6 +4477,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-dotall-regex@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==}
@@ -4560,7 +4542,7 @@ packages:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
'@babel/plugin-syntax-flow': 7.23.3(@babel/core@7.23.3)
- dev: false
+ dev: true
/@babel/plugin-transform-for-of@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==}
@@ -4570,6 +4552,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-function-name@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==}
@@ -4581,6 +4564,7 @@ packages:
'@babel/helper-compilation-targets': 7.22.15
'@babel/helper-function-name': 7.23.0
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-json-strings@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-H9Ej2OiISIZowZHaBwF0tsJOih1PftXJtE8EWqlEIwpc7LMTGq0rPOrywKLQ4nefzx8/HMR0D3JGXoMHYvhi0A==}
@@ -4601,6 +4585,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-logical-assignment-operators@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-+pD5ZbxofyOygEp+zZAfujY2ShNCXRpDRIPOiBmTO693hhyOEteZgl876Xs9SAHPQpcV0vz8LvA/T+w8AzyX8A==}
@@ -4621,6 +4606,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-modules-amd@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==}
@@ -4643,6 +4629,7 @@ packages:
'@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.3)
'@babel/helper-plugin-utils': 7.22.5
'@babel/helper-simple-access': 7.22.5
+ dev: true
/@babel/plugin-transform-modules-systemjs@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==}
@@ -4734,6 +4721,7 @@ packages:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
'@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.3)
+ dev: true
/@babel/plugin-transform-optional-catch-binding@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-LxYSb0iLjUamfm7f1D7GpiS4j0UAC8AOiehnsGAP8BEsIX8EOi3qV6bbctw8M7ZvLtcoZfZX5Z7rN9PlWk0m5A==}
@@ -4766,6 +4754,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-private-methods@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==}
@@ -4799,6 +4788,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-react-display-name@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-GnvhtVfA2OAtzdX58FJxU19rhoGeQzyVndw3GgtdECQvQFXPEZIOVULHVZGAYmOgmqjXpVpfocAbSjh99V/Fqw==}
@@ -4808,6 +4798,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-react-jsx-development@7.22.5(@babel/core@7.23.3):
resolution: {integrity: sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==}
@@ -4889,6 +4880,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-spread@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==}
@@ -4899,6 +4891,7 @@ packages:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
'@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+ dev: true
/@babel/plugin-transform-sticky-regex@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==}
@@ -4918,6 +4911,7 @@ packages:
dependencies:
'@babel/core': 7.23.3
'@babel/helper-plugin-utils': 7.22.5
+ dev: true
/@babel/plugin-transform-typeof-symbol@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==}
@@ -4940,6 +4934,7 @@ packages:
'@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.3)
'@babel/helper-plugin-utils': 7.22.5
'@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.3)
+ dev: true
/@babel/plugin-transform-unicode-escapes@7.23.3(@babel/core@7.23.3):
resolution: {integrity: sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==}
@@ -5113,6 +5108,7 @@ packages:
'@babel/plugin-syntax-jsx': 7.23.3(@babel/core@7.23.3)
'@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.23.3)
'@babel/plugin-transform-typescript': 7.23.3(@babel/core@7.23.3)
+ dev: true
/@babel/regjsgen@0.8.0:
resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
@@ -6366,10 +6362,12 @@ packages:
dependencies:
eslint: 8.53.0
eslint-visitor-keys: 3.4.3
+ dev: true
/@eslint-community/regexpp@4.10.0:
resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+ dev: true
/@eslint/eslintrc@2.1.3:
resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
@@ -6386,10 +6384,12 @@ packages:
strip-json-comments: 3.1.1
transitivePeerDependencies:
- supports-color
+ dev: true
/@eslint/js@8.53.0:
resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+ dev: true
/@fastify/busboy@2.1.0:
resolution: {integrity: sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA==}
@@ -6429,7 +6429,7 @@ packages:
import-from: 4.0.0
lodash: 4.17.21
tslib: 2.4.1
- dev: false
+ dev: true
/@graphql-codegen/plugin-helpers@3.1.2(graphql@16.8.1):
resolution: {integrity: sha512-emOQiHyIliVOIjKVKdsI5MXj312zmRDwmHpyUTZMjfpvxq/UVAHUJIVdVf+lnjjrI+LXBTgMlTWTgHQfmICxjg==}
@@ -6443,7 +6443,7 @@ packages:
import-from: 4.0.0
lodash: 4.17.21
tslib: 2.4.1
- dev: false
+ dev: true
/@graphql-codegen/schema-ast@2.6.1(graphql@16.8.1):
resolution: {integrity: sha512-5TNW3b1IHJjCh07D2yQNGDQzUpUl2AD+GVe1Dzjqyx/d2Fn0TPMxLsHsKPS4Plg4saO8FK/QO70wLsP7fdbQ1w==}
@@ -6454,7 +6454,7 @@ packages:
'@graphql-tools/utils': 9.2.1(graphql@16.8.1)
graphql: 16.8.1
tslib: 2.4.1
- dev: false
+ dev: true
/@graphql-codegen/typescript-operations@2.5.13(graphql@16.8.1):
resolution: {integrity: sha512-3vfR6Rx6iZU0JRt29GBkFlrSNTM6t+MSLF86ChvL4d/Jfo/JYAGuB3zNzPhirHYzJPCvLOAx2gy9ID1ltrpYiw==}
@@ -6470,7 +6470,7 @@ packages:
transitivePeerDependencies:
- encoding
- supports-color
- dev: false
+ dev: true
/@graphql-codegen/typescript@2.8.8(graphql@16.8.1):
resolution: {integrity: sha512-A0oUi3Oy6+DormOlrTC4orxT9OBZkIglhbJBcDmk34jAKKUgesukXRd4yOhmTrnbchpXz2T8IAOFB3FWIaK4Rw==}
@@ -6486,7 +6486,7 @@ packages:
transitivePeerDependencies:
- encoding
- supports-color
- dev: false
+ dev: true
/@graphql-codegen/visitor-plugin-common@2.13.8(graphql@16.8.1):
resolution: {integrity: sha512-IQWu99YV4wt8hGxIbBQPtqRuaWZhkQRG2IZKbMoSvh0vGeWb3dB0n0hSgKaOOxDY+tljtOf9MTcUYvJslQucMQ==}
@@ -6507,7 +6507,7 @@ packages:
transitivePeerDependencies:
- encoding
- supports-color
- dev: false
+ dev: true
/@graphql-tools/executor@0.0.18(graphql@16.8.1):
resolution: {integrity: sha512-xZC0C+/npXoSHBB5bsJdwxDLgtl1Gu4fL9J2TPQmXoZC3L2N506KJoppf9LgWdHU/xK04luJrhP6WjhfkIN0pQ==}
@@ -6539,7 +6539,7 @@ packages:
dependencies:
graphql: 16.8.1
tslib: 2.4.1
- dev: false
+ dev: true
/@graphql-tools/relay-operation-optimizer@6.5.18(graphql@16.8.1):
resolution: {integrity: sha512-mc5VPyTeV+LwiM+DNvoDQfPqwQYhPV/cl5jOBjTgSniyaq8/86aODfMkrE2OduhQ5E00hqrkuL2Fdrgk0w1QJg==}
@@ -6553,7 +6553,7 @@ packages:
transitivePeerDependencies:
- encoding
- supports-color
- dev: false
+ dev: true
/@graphql-tools/schema@9.0.19(graphql@16.8.1):
resolution: {integrity: sha512-oBRPoNBtCkk0zbUsyP4GaIzCt8C0aCI4ycIRUL67KK5pOHljKLBBtGT+Jr6hkzA74C8Gco8bpZPe7aWFjiaK2w==}
@@ -6574,7 +6574,7 @@ packages:
dependencies:
graphql: 16.8.1
tslib: 2.4.1
- dev: false
+ dev: true
/@graphql-tools/utils@9.2.1(graphql@16.8.1):
resolution: {integrity: sha512-WUw506Ql6xzmOORlriNrD6Ugx+HjVgYxt9KCXD9mHAak+eaXSwuGGPyE60hy9xaDEoXKBsG7SkG69ybitaVl6A==}
@@ -6584,7 +6584,6 @@ packages:
'@graphql-typed-document-node/core': 3.2.0(graphql@16.8.1)
graphql: 16.8.1
tslib: 2.6.2
- dev: false
/@graphql-ts/extend@1.0.0(@graphql-ts/schema@0.6.0)(graphql@16.8.1):
resolution: {integrity: sha512-KdBgOEcTp08h86IVNZR6+DRrmqX8uRplB6qpcB3Jq9cC6tzjtGifIrkQOSx/GivuiWeE0kt8r+uxA+U86nERjw==}
@@ -6685,13 +6684,16 @@ packages:
minimatch: 3.1.2
transitivePeerDependencies:
- supports-color
+ dev: true
/@humanwhocodes/module-importer@1.0.1:
resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
engines: {node: '>=12.22'}
+ dev: true
/@humanwhocodes/object-schema@2.0.1:
resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
+ dev: true
/@istanbuljs/load-nyc-config@1.1.0:
resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
@@ -8473,17 +8475,6 @@ packages:
- supports-color
dev: true
- /@svgr/plugin-prettier@8.1.0(@svgr/core@8.1.0):
- resolution: {integrity: sha512-o4/uFI8G64tAjBZ4E7gJfH+VP7Qi3T0+M4WnIsP91iFnGPqs5WvPDkpZALXPiyWEtzfYs1Rmwy1Zdfu8qoZuKw==}
- engines: {node: '>=14'}
- peerDependencies:
- '@svgr/core': '*'
- dependencies:
- '@svgr/core': 8.1.0(typescript@5.2.2)
- deepmerge: 4.3.1
- prettier: 2.8.8
- dev: true
-
/@svgr/plugin-svgo@8.1.0(@svgr/core@8.1.0)(typescript@5.2.2):
resolution: {integrity: sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==}
engines: {node: '>=14'}
@@ -8595,7 +8586,7 @@ packages:
transitivePeerDependencies:
- encoding
- supports-color
- dev: false
+ dev: true
/@ts-gql/config@0.9.1(graphql@16.8.1):
resolution: {integrity: sha512-u0Sj+nmwRHpj208b4gWwa1avBizHy8yxE8CZOH1iYlGQPNRE0Onx5ZRzjwZMvNV7Ki5A7J9INaQc6wQa3avbeg==}
@@ -8609,7 +8600,7 @@ packages:
superstruct: 0.10.13
transitivePeerDependencies:
- supports-color
- dev: false
+ dev: true
/@ts-gql/eslint-plugin@0.9.0(eslint@8.53.0)(graphql@16.8.1)(typescript@5.0.4):
resolution: {integrity: sha512-VHhxNhrgXbCVbg6+0eXggwfV3+ahLi4yGevOROH0SJ7ZyBK3ak9ijBl76Vci4WLX7PimBYMOT7zLqm2nJKivQw==}
@@ -8626,7 +8617,7 @@ packages:
- eslint
- supports-color
- typescript
- dev: false
+ dev: true
/@ts-gql/tag@0.7.0(graphql@16.8.1):
resolution: {integrity: sha512-DofrBf01J9ZX6L8KhpTL1JrFGOuVkwFfACDNzdqrH855KYCANOGcvQTZn5LK0rY22DWISnuQrOF8ytBTVIahrw==}
@@ -8636,7 +8627,7 @@ packages:
'@graphql-typed-document-node/core': 3.2.0(graphql@16.8.1)
graphql: 16.8.1
graphql-tag: 2.12.6(graphql@16.8.1)
- dev: false
+ dev: true
/@types/acorn@4.0.6:
resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
@@ -8669,7 +8660,7 @@ packages:
/@types/babel__code-frame@7.0.6:
resolution: {integrity: sha512-Anitqkl3+KrzcW2k77lRlg/GfLZLWXBuNgbEcIOU6M92yw42vsd3xV/Z/yAHEj8m+KUjL6bWOVOFqX8PFPJ4LA==}
- dev: false
+ dev: true
/@types/babel__core@7.20.4:
resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
@@ -8830,6 +8821,7 @@ packages:
resolution: {integrity: sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==}
dependencies:
'@types/node': 20.9.0
+ dev: true
/@types/gtag.js@0.0.18:
resolution: {integrity: sha512-GJxnIvuXuVhKaHfsOdzGipoOoXq72y3mdcncc9h6i6E7nlz89zBEj2wrLM7bqO5Xk9Lm2B94MwdQsSwRlaPSWw==}
@@ -8849,7 +8841,7 @@ packages:
/@types/invariant@2.2.37:
resolution: {integrity: sha512-IwpIMieE55oGWiXkQPSBY1nw1nFs6bsKXTFskNY8sdS17K24vyEBRQZEwlRS7ZmXCWnJcQtbxWzly+cODWGs2A==}
- dev: false
+ dev: true
/@types/is-ci@3.0.4:
resolution: {integrity: sha512-AkCYCmwlXeuH89DagDCzvCAyltI2v9lh3U3DqSg/GrBYoReAaWwxfXCqMx9UV5MajLZ4ZFwZzV4cABGIxk2XRw==}
@@ -8897,9 +8889,6 @@ packages:
/@types/json-schema@7.0.15:
resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
- /@types/json5@0.0.29:
- resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
dev: true
/@types/json5@0.0.30:
@@ -9017,7 +9006,6 @@ packages:
/@types/parse-json@4.0.2:
resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
- dev: false
/@types/parse5@6.0.3:
resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
@@ -9106,6 +9094,7 @@ packages:
/@types/semver@7.5.5:
resolution: {integrity: sha512-+d+WYC1BxJ6yVOgUgzK8gWvp5qF8ssV5r4nsDcZWKRWcDQLQ619tvWAxJQYGgBrO1MnLJC7a5GtiYsAoQ47dJg==}
+ dev: true
/@types/send@0.17.4:
resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
@@ -9187,119 +9176,17 @@ packages:
'@types/yargs-parser': 21.0.3
dev: true
- /@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
- resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
- engines: {node: ^16.0.0 || >=18.0.0}
- peerDependencies:
- '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
- eslint: ^7.0.0 || ^8.0.0
- typescript: '*'
- peerDependenciesMeta:
- typescript:
- optional: true
- dependencies:
- '@eslint-community/regexpp': 4.10.0
- '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
- '@typescript-eslint/scope-manager': 6.10.0
- '@typescript-eslint/type-utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
- '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
- '@typescript-eslint/visitor-keys': 6.10.0
- debug: 4.3.4
- eslint: 8.53.0
- graphemer: 1.4.0
- ignore: 5.2.4
- natural-compare: 1.4.0
- semver: 7.5.4
- ts-api-utils: 1.0.3(typescript@5.2.2)
- typescript: 5.2.2
- transitivePeerDependencies:
- - supports-color
- dev: true
-
- /@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
- resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
- engines: {node: ^16.0.0 || >=18.0.0}
- peerDependencies:
- eslint: ^7.0.0 || ^8.0.0
- typescript: '*'
- peerDependenciesMeta:
- typescript:
- optional: true
- dependencies:
- '@typescript-eslint/scope-manager': 6.10.0
- '@typescript-eslint/types': 6.10.0
- '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
- '@typescript-eslint/visitor-keys': 6.10.0
- debug: 4.3.4
- eslint: 8.53.0
- typescript: 5.2.2
- transitivePeerDependencies:
- - supports-color
- dev: true
-
- /@typescript-eslint/scope-manager@5.62.0:
- resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
- engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
- dependencies:
- '@typescript-eslint/types': 5.62.0
- '@typescript-eslint/visitor-keys': 5.62.0
- dev: true
-
/@typescript-eslint/scope-manager@6.10.0:
resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
engines: {node: ^16.0.0 || >=18.0.0}
dependencies:
'@typescript-eslint/types': 6.10.0
'@typescript-eslint/visitor-keys': 6.10.0
-
- /@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
- resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
- engines: {node: ^16.0.0 || >=18.0.0}
- peerDependencies:
- eslint: ^7.0.0 || ^8.0.0
- typescript: '*'
- peerDependenciesMeta:
- typescript:
- optional: true
- dependencies:
- '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
- '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
- debug: 4.3.4
- eslint: 8.53.0
- ts-api-utils: 1.0.3(typescript@5.2.2)
- typescript: 5.2.2
- transitivePeerDependencies:
- - supports-color
- dev: true
-
- /@typescript-eslint/types@5.62.0:
- resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
- engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true
/@typescript-eslint/types@6.10.0:
resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
engines: {node: ^16.0.0 || >=18.0.0}
-
- /@typescript-eslint/typescript-estree@5.62.0(typescript@5.2.2):
- resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
- engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
- peerDependencies:
- typescript: '*'
- peerDependenciesMeta:
- typescript:
- optional: true
- dependencies:
- '@typescript-eslint/types': 5.62.0
- '@typescript-eslint/visitor-keys': 5.62.0
- debug: 4.3.4
- globby: 11.1.0
- is-glob: 4.0.3
- semver: 7.5.4
- tsutils: 3.21.0(typescript@5.2.2)
- typescript: 5.2.2
- transitivePeerDependencies:
- - supports-color
dev: true
/@typescript-eslint/typescript-estree@6.10.0(typescript@5.0.4):
@@ -9321,47 +9208,6 @@ packages:
typescript: 5.0.4
transitivePeerDependencies:
- supports-color
- dev: false
-
- /@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
- resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
- engines: {node: ^16.0.0 || >=18.0.0}
- peerDependencies:
- typescript: '*'
- peerDependenciesMeta:
- typescript:
- optional: true
- dependencies:
- '@typescript-eslint/types': 6.10.0
- '@typescript-eslint/visitor-keys': 6.10.0
- debug: 4.3.4
- globby: 11.1.0
- is-glob: 4.0.3
- semver: 7.5.4
- ts-api-utils: 1.0.3(typescript@5.2.2)
- typescript: 5.2.2
- transitivePeerDependencies:
- - supports-color
- dev: true
-
- /@typescript-eslint/utils@5.62.0(eslint@8.53.0)(typescript@5.2.2):
- resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
- engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
- peerDependencies:
- eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
- dependencies:
- '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
- '@types/json-schema': 7.0.15
- '@types/semver': 7.5.5
- '@typescript-eslint/scope-manager': 5.62.0
- '@typescript-eslint/types': 5.62.0
- '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
- eslint: 8.53.0
- eslint-scope: 5.1.1
- semver: 7.5.4
- transitivePeerDependencies:
- - supports-color
- - typescript
dev: true
/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.0.4):
@@ -9381,33 +9227,6 @@ packages:
transitivePeerDependencies:
- supports-color
- typescript
- dev: false
-
- /@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
- resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
- engines: {node: ^16.0.0 || >=18.0.0}
- peerDependencies:
- eslint: ^7.0.0 || ^8.0.0
- dependencies:
- '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
- '@types/json-schema': 7.0.15
- '@types/semver': 7.5.5
- '@typescript-eslint/scope-manager': 6.10.0
- '@typescript-eslint/types': 6.10.0
- '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
- eslint: 8.53.0
- semver: 7.5.4
- transitivePeerDependencies:
- - supports-color
- - typescript
- dev: true
-
- /@typescript-eslint/visitor-keys@5.62.0:
- resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
- engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
- dependencies:
- '@typescript-eslint/types': 5.62.0
- eslint-visitor-keys: 3.4.3
dev: true
/@typescript-eslint/visitor-keys@6.10.0:
@@ -9416,9 +9235,11 @@ packages:
dependencies:
'@typescript-eslint/types': 6.10.0
eslint-visitor-keys: 3.4.3
+ dev: true
/@ungap/structured-clone@1.2.0:
resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+ dev: true
/@vanilla-extract/babel-plugin-debug-ids@1.0.3:
resolution: {integrity: sha512-vm4jYu1xhSa6ofQ9AhIpR3DkAp4c+eoR1Rpm8/TQI4DmWbmGbOjYRcqV0aWsfaIlNhN4kFuxFMKBNN9oG6iRzA==}
@@ -9589,6 +9410,7 @@ packages:
acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
dependencies:
acorn: 8.11.2
+ dev: true
/acorn-walk@8.3.0:
resolution: {integrity: sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==}
@@ -9641,6 +9463,7 @@ packages:
fast-json-stable-stringify: 2.1.0
json-schema-traverse: 0.4.1
uri-js: 4.4.1
+ dev: true
/ajv@8.12.0:
resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
@@ -9818,17 +9641,6 @@ packages:
/array-flatten@1.1.1:
resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
- /array-includes@3.1.7:
- resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
- engines: {node: '>= 0.4'}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- get-intrinsic: 1.2.2
- is-string: 1.0.7
- dev: true
-
/array-iterate@2.0.1:
resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
dev: false
@@ -9852,37 +9664,17 @@ packages:
es-shim-unscopables: 1.0.2
dev: true
- /array.prototype.flatmap@1.3.2:
- resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+ /arraybuffer.prototype.slice@1.0.2:
+ resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
engines: {node: '>= 0.4'}
dependencies:
+ array-buffer-byte-length: 1.0.0
call-bind: 1.0.5
define-properties: 1.2.1
es-abstract: 1.22.3
- es-shim-unscopables: 1.0.2
- dev: true
-
- /array.prototype.tosorted@1.1.2:
- resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- es-shim-unscopables: 1.0.2
- get-intrinsic: 1.2.2
- dev: true
-
- /arraybuffer.prototype.slice@1.0.2:
- resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
- engines: {node: '>= 0.4'}
- dependencies:
- array-buffer-byte-length: 1.0.0
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- get-intrinsic: 1.2.2
- is-array-buffer: 3.0.2
- is-shared-array-buffer: 1.0.2
+ get-intrinsic: 1.2.2
+ is-array-buffer: 3.0.2
+ is-shared-array-buffer: 1.0.2
/arrify@1.0.1:
resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
@@ -9890,6 +9682,7 @@ packages:
/asap@2.0.6:
resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
+ dev: true
/asn1js@3.0.5:
resolution: {integrity: sha512-FVnvrKJwpt9LP2lAMl8qZswRNm3T4q9CON+bxldk2iwk3FFpuwhx2FfinyitizWHsVYyaY+y5JzDR0rCMV5yTQ==}
@@ -10021,12 +9814,6 @@ packages:
/async@3.2.5:
resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
- /asynciterator.prototype@1.0.0:
- resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
- dependencies:
- has-symbols: 1.0.3
- dev: true
-
/asynckit@0.4.0:
resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
@@ -10049,7 +9836,7 @@ packages:
/auto-bind@4.0.0:
resolution: {integrity: sha512-Hdw8qdNiqdJ8LqT0iK0sVzkFbzg6fhnQqqfWhBDxcHZvU75+B+ayzTy8x+k5Ix0Y92XOhOUlx74ps+bA6BeYMQ==}
engines: {node: '>=8'}
- dev: false
+ dev: true
/available-typed-arrays@1.0.5:
resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
@@ -10140,7 +9927,7 @@ packages:
'@babel/runtime': 7.23.2
cosmiconfig: 6.0.0
resolve: 1.22.8
- dev: false
+ dev: true
/babel-plugin-macros@3.1.0:
resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
@@ -10189,7 +9976,7 @@ packages:
/babel-plugin-syntax-trailing-function-commas@7.0.0-beta.0:
resolution: {integrity: sha512-Xj9XuRuz3nTSbaTXWv3itLOcxyF4oPD8douBBmj7U9BBC6nEBYfyOJYQMf/8PJAFotC62UY5dFfIGEPr7WswzQ==}
- dev: false
+ dev: true
/babel-preset-current-node-syntax@1.0.1(@babel/core@7.23.3):
resolution: {integrity: sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==}
@@ -10244,7 +10031,7 @@ packages:
'@babel/plugin-transform-spread': 7.23.3(@babel/core@7.23.3)
'@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.3)
babel-plugin-syntax-trailing-function-commas: 7.0.0-beta.0
- dev: false
+ dev: true
/babel-preset-jest@26.6.2(@babel/core@7.23.3):
resolution: {integrity: sha512-YvdtlVm9t3k777c5NPQIv6cxFFFapys25HiUmuSgHwIZhfifweR5c5Sf5nwE3MAbfu327CYSvps8Yx6ANLyleQ==}
@@ -10486,6 +10273,7 @@ packages:
resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
dependencies:
node-int64: 0.4.0
+ dev: true
/bson@4.7.2:
resolution: {integrity: sha512-Ry9wCtIZ5kGqkJoi6aD8KjxFZEx78guTQDnpXWiNthsxzrxAK/i8E6pCHAIZTbaEFWcOCvbecMukfK7XUvyLpQ==}
@@ -10656,7 +10444,7 @@ packages:
dependencies:
pascal-case: 3.1.2
tslib: 2.4.1
- dev: false
+ dev: true
/camelcase-keys@6.2.2:
resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
@@ -10687,7 +10475,7 @@ packages:
no-case: 3.0.4
tslib: 2.4.1
upper-case-first: 2.0.2
- dev: false
+ dev: true
/capture-exit@2.0.0:
resolution: {integrity: sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==}
@@ -10737,7 +10525,7 @@ packages:
title-case: 3.0.3
upper-case: 2.0.2
upper-case-first: 2.0.2
- dev: false
+ dev: true
/change-case-all@1.0.15:
resolution: {integrity: sha512-3+GIFhk3sNuvFAJKU46o26OdzudQlPNBCu1ZQi3cMeMHhty1bhDxu2WrEilVNYaGvqUtR1VSigFcJOiS13dRhQ==}
@@ -10752,7 +10540,7 @@ packages:
title-case: 3.0.3
upper-case: 2.0.2
upper-case-first: 2.0.2
- dev: false
+ dev: true
/change-case@4.1.2:
resolution: {integrity: sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==}
@@ -10769,7 +10557,7 @@ packages:
sentence-case: 3.0.4
snake-case: 3.0.4
tslib: 2.4.1
- dev: false
+ dev: true
/char-regex@1.0.2:
resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
@@ -10930,6 +10718,7 @@ packages:
string-width: 4.2.3
strip-ansi: 6.0.1
wrap-ansi: 6.2.0
+ dev: true
/cliui@8.0.1:
resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
@@ -11042,7 +10831,7 @@ packages:
/common-tags@1.8.2:
resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
engines: {node: '>=4.0.0'}
- dev: false
+ dev: true
/commondir@1.0.1:
resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
@@ -11129,7 +10918,7 @@ packages:
no-case: 3.0.4
tslib: 2.4.1
upper-case: 2.0.2
- dev: false
+ dev: true
/content-disposition@0.5.4:
resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
@@ -11206,7 +10995,7 @@ packages:
parse-json: 5.2.0
path-type: 4.0.0
yaml: 1.10.2
- dev: false
+ dev: true
/cosmiconfig@7.1.0:
resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
@@ -11272,7 +11061,6 @@ packages:
node-fetch: 2.7.0
transitivePeerDependencies:
- encoding
- dev: false
/cross-fetch@4.0.0:
resolution: {integrity: sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==}
@@ -11476,17 +11264,6 @@ packages:
dependencies:
ms: 2.0.0
- /debug@3.2.7:
- resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
- peerDependencies:
- supports-color: '*'
- peerDependenciesMeta:
- supports-color:
- optional: true
- dependencies:
- ms: 2.1.3
- dev: true
-
/debug@4.3.4:
resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
engines: {node: '>=6.0'}
@@ -11575,6 +11352,7 @@ packages:
/deep-is@0.1.4:
resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+ dev: true
/deep-object-diff@1.1.9:
resolution: {integrity: sha512-Rn+RuwkmkDwCi2/oXOFS9Gsr5lJZu/yTGpK7wAaAIE75CC+LCGEZHpY6VQJa/RoJcrmaA/docWJZvYohlNkWPA==}
@@ -11703,7 +11481,7 @@ packages:
/dependency-graph@0.11.0:
resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
engines: {node: '>= 0.6.0'}
- dev: false
+ dev: true
/dequal@2.0.3:
resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
@@ -11762,18 +11540,12 @@ packages:
resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
dev: false
- /doctrine@2.1.0:
- resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
- engines: {node: '>=0.10.0'}
- dependencies:
- esutils: 2.0.3
- dev: true
-
/doctrine@3.0.0:
resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
engines: {node: '>=6.0.0'}
dependencies:
esutils: 2.0.3
+ dev: true
/dom-accessibility-api@0.5.16:
resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
@@ -11825,6 +11597,7 @@ packages:
dependencies:
no-case: 3.0.4
tslib: 2.6.2
+ dev: true
/dot-prop@6.0.1:
resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==}
@@ -12034,25 +11807,6 @@ packages:
stop-iteration-iterator: 1.0.0
dev: true
- /es-iterator-helpers@1.0.15:
- resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
- dependencies:
- asynciterator.prototype: 1.0.0
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- es-set-tostringtag: 2.0.2
- function-bind: 1.1.2
- get-intrinsic: 1.2.2
- globalthis: 1.0.3
- has-property-descriptors: 1.0.1
- has-proto: 1.0.1
- has-symbols: 1.0.3
- internal-slot: 1.0.6
- iterator.prototype: 1.1.2
- safe-array-concat: 1.0.1
- dev: true
-
/es-module-lexer@1.4.1:
resolution: {integrity: sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==}
dev: false
@@ -12258,150 +12012,18 @@ packages:
source-map: 0.6.1
dev: true
- /eslint-import-resolver-node@0.3.9:
- resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
- dependencies:
- debug: 3.2.7
- is-core-module: 2.13.1
- resolve: 1.22.8
- transitivePeerDependencies:
- - supports-color
- dev: true
-
- /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.10.0)(eslint-import-resolver-node@0.3.9)(eslint@8.53.0):
- resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
- engines: {node: '>=4'}
- peerDependencies:
- '@typescript-eslint/parser': '*'
- eslint: '*'
- eslint-import-resolver-node: '*'
- eslint-import-resolver-typescript: '*'
- eslint-import-resolver-webpack: '*'
- peerDependenciesMeta:
- '@typescript-eslint/parser':
- optional: true
- eslint:
- optional: true
- eslint-import-resolver-node:
- optional: true
- eslint-import-resolver-typescript:
- optional: true
- eslint-import-resolver-webpack:
- optional: true
- dependencies:
- '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
- debug: 3.2.7
- eslint: 8.53.0
- eslint-import-resolver-node: 0.3.9
- transitivePeerDependencies:
- - supports-color
- dev: true
-
- /eslint-plugin-import@2.25.3(@typescript-eslint/parser@6.10.0)(eslint@8.53.0):
- resolution: {integrity: sha512-RzAVbby+72IB3iOEL8clzPLzL3wpDrlwjsTBAQXgyp5SeTqqY+0bFubwuo+y/HLhNZcXV4XqTBO4LGsfyHIDXg==}
- engines: {node: '>=4'}
- peerDependencies:
- '@typescript-eslint/parser': '*'
- eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
- peerDependenciesMeta:
- '@typescript-eslint/parser':
- optional: true
- dependencies:
- '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
- array-includes: 3.1.7
- array.prototype.flat: 1.3.2
- debug: 2.6.9
- doctrine: 2.1.0
- eslint: 8.53.0
- eslint-import-resolver-node: 0.3.9
- eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.10.0)(eslint-import-resolver-node@0.3.9)(eslint@8.53.0)
- has: 1.0.4
- is-core-module: 2.13.1
- is-glob: 4.0.3
- minimatch: 3.1.2
- object.values: 1.1.7
- resolve: 1.22.8
- tsconfig-paths: 3.14.2
- transitivePeerDependencies:
- - eslint-import-resolver-typescript
- - eslint-import-resolver-webpack
- - supports-color
- dev: true
-
- /eslint-plugin-jest@26.9.0(@typescript-eslint/eslint-plugin@6.10.0)(eslint@8.53.0)(jest@29.7.0)(typescript@5.2.2):
- resolution: {integrity: sha512-TWJxWGp1J628gxh2KhaH1H1paEdgE2J61BBF1I59c6xWeL5+D1BzMxGDN/nXAfX+aSkR5u80K+XhskK6Gwq9ng==}
- engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
- peerDependencies:
- '@typescript-eslint/eslint-plugin': ^5.0.0
- eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
- jest: '*'
- peerDependenciesMeta:
- '@typescript-eslint/eslint-plugin':
- optional: true
- jest:
- optional: true
- dependencies:
- '@typescript-eslint/eslint-plugin': 6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
- '@typescript-eslint/utils': 5.62.0(eslint@8.53.0)(typescript@5.2.2)
- eslint: 8.53.0
- jest: 29.7.0(@types/node@20.9.0)
- transitivePeerDependencies:
- - supports-color
- - typescript
- dev: true
-
- /eslint-plugin-react-hooks@4.6.0(eslint@8.53.0):
- resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
- engines: {node: '>=10'}
- peerDependencies:
- eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
- dependencies:
- eslint: 8.53.0
- dev: true
-
- /eslint-plugin-react@7.33.2(eslint@8.53.0):
- resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
- engines: {node: '>=4'}
- peerDependencies:
- eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
- dependencies:
- array-includes: 3.1.7
- array.prototype.flatmap: 1.3.2
- array.prototype.tosorted: 1.1.2
- doctrine: 2.1.0
- es-iterator-helpers: 1.0.15
- eslint: 8.53.0
- estraverse: 5.3.0
- jsx-ast-utils: 3.3.5
- minimatch: 3.1.2
- object.entries: 1.1.7
- object.fromentries: 2.0.7
- object.hasown: 1.1.3
- object.values: 1.1.7
- prop-types: 15.8.1
- resolve: 2.0.0-next.5
- semver: 6.3.1
- string.prototype.matchall: 4.0.10
- dev: true
-
- /eslint-scope@5.1.1:
- resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
- engines: {node: '>=8.0.0'}
- dependencies:
- esrecurse: 4.3.0
- estraverse: 4.3.0
- dev: true
-
/eslint-scope@7.2.2:
resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies:
esrecurse: 4.3.0
estraverse: 5.3.0
+ dev: true
/eslint-visitor-keys@3.4.3:
resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+ dev: true
/eslint@8.53.0:
resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
@@ -12448,6 +12070,7 @@ packages:
text-table: 0.2.0
transitivePeerDependencies:
- supports-color
+ dev: true
/espree@9.6.1:
resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
@@ -12456,6 +12079,7 @@ packages:
acorn: 8.11.2
acorn-jsx: 5.3.2(acorn@8.11.2)
eslint-visitor-keys: 3.4.3
+ dev: true
/esprima@4.0.1:
resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
@@ -12467,21 +12091,19 @@ packages:
engines: {node: '>=0.10'}
dependencies:
estraverse: 5.3.0
+ dev: true
/esrecurse@4.3.0:
resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
engines: {node: '>=4.0'}
dependencies:
estraverse: 5.3.0
-
- /estraverse@4.3.0:
- resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
- engines: {node: '>=4.0'}
dev: true
/estraverse@5.3.0:
resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
engines: {node: '>=4.0'}
+ dev: true
/estree-util-attach-comments@2.1.1:
resolution: {integrity: sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==}
@@ -12540,6 +12162,7 @@ packages:
/esutils@2.0.3:
resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
engines: {node: '>=0.10.0'}
+ dev: true
/etag@1.8.1:
resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
@@ -12803,9 +12426,11 @@ packages:
/fast-json-stable-stringify@2.1.0:
resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+ dev: true
/fast-levenshtein@2.0.6:
resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+ dev: true
/fast-querystring@1.1.2:
resolution: {integrity: sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==}
@@ -12848,10 +12473,11 @@ packages:
resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
dependencies:
bser: 2.1.1
+ dev: true
/fbjs-css-vars@1.0.2:
resolution: {integrity: sha512-b2XGFAFdWZWg0phtAWLHCk836A1Xann+I+Dgd3Gk64MHKZO44FfoD1KxyvbSh0qZsIoXQGGlVztIY+oitJPpRQ==}
- dev: false
+ dev: true
/fbjs@3.0.5:
resolution: {integrity: sha512-ztsSx77JBtkuMrEypfhgc3cI0+0h+svqeie7xHbh1k/IKdcydnvadp/mUaGgjAOXQmQSxsqgaRhS3q9fy+1kxg==}
@@ -12865,7 +12491,7 @@ packages:
ua-parser-js: 1.0.37
transitivePeerDependencies:
- encoding
- dev: false
+ dev: true
/feather-icons@4.29.1:
resolution: {integrity: sha512-P1we61haGTds6lKWe6CCVPsNULb8tHr1y6S9gXEpU+lNR1Ja7GdV0A1l2hTNmzXv+0Stix/3YMWMAn7n1Qtd6A==}
@@ -12890,6 +12516,7 @@ packages:
engines: {node: ^10.12.0 || >=12.0.0}
dependencies:
flat-cache: 3.1.1
+ dev: true
/file-type@18.7.0:
resolution: {integrity: sha512-ihHtXRzXEziMrQ56VSgU7wkxh55iNchFkosu7Y9/S+tXHdKyrGjVK0ujbqNnsxzea+78MaLhN6PGmfYSAv1ACw==}
@@ -12952,7 +12579,7 @@ packages:
find-up: 4.1.0
transitivePeerDependencies:
- supports-color
- dev: false
+ dev: true
/find-root@1.1.0:
resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
@@ -12992,9 +12619,11 @@ packages:
flatted: 3.2.9
keyv: 4.5.4
rimraf: 3.0.2
+ dev: true
/flatted@3.2.9:
resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+ dev: true
/focus-lock@1.0.0:
resolution: {integrity: sha512-a8Ge6cdKh9za/GZR/qtigTAk7SrGore56EFcoMshClsh7FLk1zwszc/ltuMfKhx56qeuyL/jWQ4J4axou0iJ9w==}
@@ -13201,6 +12830,7 @@ packages:
/get-caller-file@2.0.5:
resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
engines: {node: 6.* || 8.* || >= 10.*}
+ dev: true
/get-intrinsic@1.2.2:
resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
@@ -13314,6 +12944,7 @@ packages:
engines: {node: '>=10.13.0'}
dependencies:
is-glob: 4.0.3
+ dev: true
/glob-to-regexp@0.4.1:
resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
@@ -13353,6 +12984,7 @@ packages:
engines: {node: '>=8'}
dependencies:
type-fest: 0.20.2
+ dev: true
/globalthis@1.0.3:
resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
@@ -13446,6 +13078,7 @@ packages:
/graphemer@1.4.0:
resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+ dev: true
/graphql-request@5.2.0(graphql@16.8.1):
resolution: {integrity: sha512-pLhKIvnMyBERL0dtFI3medKqWOz/RhHdcgbZ+hMMIb32mEPa5MJSzS4AuXxfI4sRAu6JVVk5tvXuGfCWl9JYWQ==}
@@ -13627,11 +13260,6 @@ packages:
engines: {node: '>=8'}
dev: false
- /has@1.0.4:
- resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==}
- engines: {node: '>= 0.4.0'}
- dev: true
-
/hash-it@6.0.0:
resolution: {integrity: sha512-KHzmSFx1KwyMPw0kXeeUD752q/Kfbzhy6dAZrjXV9kAIXGqzGvv8vhkUqj+2MGZldTo0IBpw6v7iWE7uxsvH0w==}
dev: false
@@ -13750,7 +13378,7 @@ packages:
dependencies:
capital-case: 1.0.4
tslib: 2.4.1
- dev: false
+ dev: true
/hex-rgb@4.3.0:
resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
@@ -13947,7 +13575,7 @@ packages:
/immutable@3.7.6:
resolution: {integrity: sha512-AizQPcaofEtO11RZhPPHBOJRdo/20MKQF9mBLnVkBoyHi1/zXK8fzVdnEpSV9gxqtnh6Qomfp3F0xT5qP/vThw==}
engines: {node: '>=0.8.0'}
- dev: false
+ dev: true
/import-fresh@3.3.0:
resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
@@ -13959,7 +13587,7 @@ packages:
/import-from@4.0.0:
resolution: {integrity: sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ==}
engines: {node: '>=12.2'}
- dev: false
+ dev: true
/import-local@3.1.0:
resolution: {integrity: sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==}
@@ -13977,6 +13605,7 @@ packages:
/imurmurhash@0.1.4:
resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
engines: {node: '>=0.8.19'}
+ dev: true
/indent-string@4.0.0:
resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
@@ -14049,7 +13678,6 @@ packages:
resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
dependencies:
loose-envify: 1.4.0
- dev: false
/io-ts-excess@1.0.1(fp-ts@2.16.1):
resolution: {integrity: sha512-yJQ+pGztBMIQmfsKfSAeQ1w7UJywvj37NIFriMAZ2tMLTpp1IngUvtxqI+QlW+RlXDn7cthMxrpJ0CnOx6Dn+w==}
@@ -14085,7 +13713,7 @@ packages:
dependencies:
is-relative: 1.0.0
is-windows: 1.0.2
- dev: false
+ dev: true
/is-accessor-descriptor@1.0.1:
resolution: {integrity: sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==}
@@ -14133,13 +13761,6 @@ packages:
/is-arrayish@0.2.1:
resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
- /is-async-function@2.0.0:
- resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
- engines: {node: '>= 0.4'}
- dependencies:
- has-tostringtag: 1.0.0
- dev: true
-
/is-bigint@1.0.4:
resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
dependencies:
@@ -14274,12 +13895,6 @@ packages:
resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
engines: {node: '>=0.10.0'}
- /is-finalizationregistry@1.0.2:
- resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
- dependencies:
- call-bind: 1.0.5
- dev: true
-
/is-fullwidth-code-point@3.0.0:
resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
engines: {node: '>=8'}
@@ -14350,7 +13965,7 @@ packages:
resolution: {integrity: sha512-bVcMJy4X5Og6VZfdOZstSexlEy20Sr0k/p/b2IlQJlfdKAQuMpiv5w2Ccxb8sKdRUNAG1PnHVHjFSdRDVS6NlQ==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/is-map@2.0.2:
resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
@@ -14451,7 +14066,7 @@ packages:
engines: {node: '>=0.10.0'}
dependencies:
is-unc-path: 1.0.0
- dev: false
+ dev: true
/is-set@2.0.2:
resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
@@ -14510,7 +14125,7 @@ packages:
engines: {node: '>=0.10.0'}
dependencies:
unc-path-regex: 0.1.2
- dev: false
+ dev: true
/is-unicode-supported@0.1.0:
resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
@@ -14525,7 +14140,7 @@ packages:
resolution: {integrity: sha512-44pxmxAvnnAOwBg4tHPnkfvgjPwbc5QIsSstNU+YcJ1ovxVzCWpSGosPJOZh/a1tdl81fbgnLc9LLv+x2ywbPQ==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/is-weakmap@2.0.1:
resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
@@ -14646,16 +14261,6 @@ packages:
resolution: {integrity: sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg==}
dev: false
- /iterator.prototype@1.1.2:
- resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
- dependencies:
- define-properties: 1.2.1
- get-intrinsic: 1.2.2
- has-symbols: 1.0.3
- reflect.getprototypeof: 1.0.4
- set-function-name: 2.0.1
- dev: true
-
/javascript-stringify@2.1.0:
resolution: {integrity: sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==}
dev: true
@@ -15255,12 +14860,14 @@ packages:
/json-buffer@3.0.1:
resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+ dev: true
/json-parse-even-better-errors@2.3.1:
resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
/json-schema-traverse@0.4.1:
resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+ dev: true
/json-schema-traverse@1.0.0:
resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
@@ -15272,12 +14879,6 @@ packages:
/json-stable-stringify-without-jsonify@1.0.1:
resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-
- /json5@1.0.2:
- resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
- hasBin: true
- dependencies:
- minimist: 1.2.8
dev: true
/json5@2.2.3:
@@ -15320,16 +14921,6 @@ packages:
semver: 7.5.4
dev: false
- /jsx-ast-utils@3.3.5:
- resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
- engines: {node: '>=4.0'}
- dependencies:
- array-includes: 3.1.7
- array.prototype.flat: 1.3.2
- object.assign: 4.1.4
- object.values: 1.1.7
- dev: true
-
/jwa@1.4.1:
resolution: {integrity: sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==}
dependencies:
@@ -15375,6 +14966,7 @@ packages:
resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
dependencies:
json-buffer: 3.0.1
+ dev: true
/kind-of@3.2.2:
resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
@@ -15411,7 +15003,7 @@ packages:
resolution: {integrity: sha512-MSksx43fU15VGBNhyWtgCITiMVCkzy4Z59KFTUxsf3vLTxm6RlldTV3/Mud7yi6aIZd6LU/w3xCuIK4o2ClvUg==}
dependencies:
babel-plugin-macros: 2.8.0
- dev: false
+ dev: true
/lazystream@1.0.1:
resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
@@ -15430,6 +15022,7 @@ packages:
dependencies:
prelude-ls: 1.2.1
type-check: 0.4.0
+ dev: true
/lilconfig@2.1.0:
resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
@@ -15545,6 +15138,7 @@ packages:
/lodash.merge@4.6.2:
resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+ dev: true
/lodash.once@4.1.1:
resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
@@ -15615,12 +15209,13 @@ packages:
resolution: {integrity: sha512-EVm/rR94FJTZi3zefZ82fLWab+GX14LJN4HrWBcuo6Evmsl9hEfnqxgcHCKb9q+mNf6EVdsjx/qucYFIIB84pg==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/lower-case@2.0.2:
resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
dependencies:
tslib: 2.4.1
+ dev: true
/lowercase-keys@1.0.1:
resolution: {integrity: sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==}
@@ -15693,6 +15288,7 @@ packages:
/map-cache@0.2.2:
resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
engines: {node: '>=0.10.0'}
+ dev: true
/map-obj@1.0.1:
resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
@@ -16777,6 +16373,7 @@ packages:
/natural-compare@1.4.0:
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+ dev: true
/negotiator@0.6.3:
resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
@@ -16905,6 +16502,7 @@ packages:
dependencies:
lower-case: 2.0.2
tslib: 2.6.2
+ dev: true
/node-abort-controller@3.1.1:
resolution: {integrity: sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==}
@@ -16940,6 +16538,7 @@ packages:
/node-int64@0.4.0:
resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
+ dev: true
/node-releases@2.0.13:
resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
@@ -17052,7 +16651,7 @@ packages:
/nullthrows@1.1.1:
resolution: {integrity: sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==}
- dev: false
+ dev: true
/nwsapi@2.2.7:
resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
@@ -17119,31 +16718,6 @@ packages:
has-symbols: 1.0.3
object-keys: 1.1.1
- /object.entries@1.1.7:
- resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
- engines: {node: '>= 0.4'}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- dev: true
-
- /object.fromentries@2.0.7:
- resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
- engines: {node: '>= 0.4'}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- dev: true
-
- /object.hasown@1.1.3:
- resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
- dependencies:
- define-properties: 1.2.1
- es-abstract: 1.22.3
- dev: true
-
/object.pick@1.3.0:
resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
engines: {node: '>=0.10.0'}
@@ -17151,15 +16725,6 @@ packages:
isobject: 3.0.1
dev: true
- /object.values@1.1.7:
- resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
- engines: {node: '>= 0.4'}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- dev: true
-
/oidc-token-hash@5.0.3:
resolution: {integrity: sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==}
engines: {node: ^10.13.0 || >=12.0.0}
@@ -17251,6 +16816,7 @@ packages:
levn: 0.4.1
prelude-ls: 1.2.1
type-check: 0.4.0
+ dev: true
/ora@5.4.1:
resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
@@ -17421,7 +16987,7 @@ packages:
dependencies:
dot-case: 3.0.4
tslib: 2.4.1
- dev: false
+ dev: true
/parent-module@1.0.1:
resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
@@ -17467,7 +17033,7 @@ packages:
is-absolute: 1.0.0
map-cache: 0.2.2
path-root: 0.1.1
- dev: false
+ dev: true
/parse-github-url@1.0.2:
resolution: {integrity: sha512-kgBf6avCbO3Cn6+RnzRGLkUsv4ZVqv/VfAYkRsyBcgkshNvVBkRn1FEZcW0Jb+npXQWm2vHPnnOqFteZxRRGNw==}
@@ -17526,7 +17092,7 @@ packages:
dependencies:
no-case: 3.0.4
tslib: 2.4.1
- dev: false
+ dev: true
/pascalcase@0.1.1:
resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
@@ -17538,7 +17104,7 @@ packages:
dependencies:
dot-case: 3.0.4
tslib: 2.4.1
- dev: false
+ dev: true
/path-exists@3.0.0:
resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
@@ -17573,14 +17139,14 @@ packages:
/path-root-regex@0.1.2:
resolution: {integrity: sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==}
engines: {node: '>=0.10.0'}
- dev: false
+ dev: true
/path-root@0.1.1:
resolution: {integrity: sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==}
engines: {node: '>=0.10.0'}
dependencies:
path-root-regex: 0.1.2
- dev: false
+ dev: true
/path-to-regexp@0.1.7:
resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
@@ -17900,6 +17466,7 @@ packages:
/prelude-ls@1.2.1:
resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
engines: {node: '>= 0.8.0'}
+ dev: true
/prepend-http@2.0.0:
resolution: {integrity: sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==}
@@ -17998,7 +17565,7 @@ packages:
resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
dependencies:
asap: 2.0.6
- dev: false
+ dev: true
/prompts@2.4.2:
resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
@@ -18475,18 +18042,6 @@ packages:
indent-string: 4.0.0
strip-indent: 3.0.0
- /reflect.getprototypeof@1.0.4:
- resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
- engines: {node: '>= 0.4'}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- get-intrinsic: 1.2.2
- globalthis: 1.0.3
- which-builtin-type: 1.1.3
- dev: true
-
/regenerate-unicode-properties@10.1.1:
resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
engines: {node: '>=4'}
@@ -18598,7 +18153,7 @@ packages:
invariant: 2.2.4
transitivePeerDependencies:
- encoding
- dev: false
+ dev: true
/remark-frontmatter@4.0.1:
resolution: {integrity: sha512-38fJrB0KnmD3E33a5jZC/5+gGAC2WKNiPw1/fdXJvijBlhA7RCsvJklrYJakS0HedninvaCYW8lQGf9C918GfA==}
@@ -18690,6 +18245,7 @@ packages:
/require-directory@2.1.1:
resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
engines: {node: '>=0.10.0'}
+ dev: true
/require-from-string@2.0.2:
resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
@@ -18702,6 +18258,7 @@ packages:
/require-main-filename@2.0.0:
resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+ dev: true
/requires-port@1.0.0:
resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
@@ -18756,15 +18313,6 @@ packages:
path-parse: 1.0.7
supports-preserve-symlinks-flag: 1.0.0
- /resolve@2.0.0-next.5:
- resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
- hasBin: true
- dependencies:
- is-core-module: 2.13.1
- path-parse: 1.0.7
- supports-preserve-symlinks-flag: 1.0.0
- dev: true
-
/response-iterator@0.2.6:
resolution: {integrity: sha512-pVzEEzrsg23Sh053rmDUvLSkGXluZio0qu8VT6ukrYuvtjVfCbDZH9d6PGXb8HZfzdNZt8feXv/jvUzlhRgLnw==}
engines: {node: '>=0.8'}
@@ -19075,7 +18623,7 @@ packages:
no-case: 3.0.4
tslib: 2.4.1
upper-case-first: 2.0.2
- dev: false
+ dev: true
/serve-static@1.15.0:
resolution: {integrity: sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==}
@@ -19094,6 +18642,7 @@ packages:
/set-blocking@2.0.0:
resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+ dev: true
/set-cookie-parser@2.6.0:
resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
@@ -19127,7 +18676,7 @@ packages:
/setimmediate@1.0.5:
resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
- dev: false
+ dev: true
/setprototypeof@1.2.0:
resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
@@ -19191,7 +18740,7 @@ packages:
/signedsource@1.0.0:
resolution: {integrity: sha512-6+eerH9fEnNmi/hyM1DXcRK3pWdoMQtlkQ+ns0ntzunjKqp5i3sKCc80ym8Fib3iaYhdJUOPdhlJWj1tvge2Ww==}
- dev: false
+ dev: true
/sisteransi@1.0.5:
resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
@@ -19289,6 +18838,7 @@ packages:
dependencies:
dot-case: 3.0.4
tslib: 2.6.2
+ dev: true
/snapdragon-node@2.1.1:
resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
@@ -19468,7 +19018,7 @@ packages:
resolution: {integrity: sha512-dblb9Et4DAtiZ5YSUZHLl4XhH4uK80GhAZrVXdN4O2P4gQ40Wa5UIOPUHlA/nFd2PLblBZWUioLMMAVrgpoYcA==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/sprintf-js@1.0.3:
resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
@@ -19602,20 +19152,6 @@ packages:
resolution: {integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==}
dev: false
- /string.prototype.matchall@4.0.10:
- resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
- dependencies:
- call-bind: 1.0.5
- define-properties: 1.2.1
- es-abstract: 1.22.3
- get-intrinsic: 1.2.2
- has-symbols: 1.0.3
- internal-slot: 1.0.6
- regexp.prototype.flags: 1.5.1
- set-function-name: 2.0.1
- side-channel: 1.0.4
- dev: true
-
/string.prototype.trim@1.2.8:
resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
engines: {node: '>= 0.4'}
@@ -19712,6 +19248,7 @@ packages:
/strip-json-comments@3.1.1:
resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
engines: {node: '>=8'}
+ dev: true
/strnum@1.0.5:
resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==}
@@ -19778,7 +19315,7 @@ packages:
/superstruct@0.10.13:
resolution: {integrity: sha512-W4SitSZ9MOyMPbHreoZVEneSZyPEeNGbdfJo/7FkJyRs/M3wQRFzq+t3S/NBwlrFSWdx1ONLjLb9pB+UKe4IqQ==}
- dev: false
+ dev: true
/supertest@6.3.3:
resolution: {integrity: sha512-EMCG6G8gDu5qEqRQ3JjjPs6+FYT1a7Hv5ApHvtSghmOFJYtsU5S+pSb6Y2EUeCEY3CmEL3mmQ8YWlPOzQomabA==}
@@ -19841,7 +19378,7 @@ packages:
resolution: {integrity: sha512-kc6S2YS/2yXbtkSMunBtKdah4VFETZ8Oh6ONSmSd9bRxhqTrtARUCBUiWXH3xVPpvR7tz2CSnkuXVE42EcGnMw==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/symbol-observable@4.0.0:
resolution: {integrity: sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==}
@@ -19984,6 +19521,7 @@ packages:
/text-table@0.2.0:
resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+ dev: true
/through2@0.4.2:
resolution: {integrity: sha512-45Llu+EwHKtAZYTPPVn3XZHBgakWMN3rokhEv5hu596XP+cNgplMg+Gj+1nmAvj+L0K7+N49zBKx5rah5u0QIQ==}
@@ -20021,7 +19559,7 @@ packages:
resolution: {integrity: sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/titleize@3.0.0:
resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
@@ -20164,15 +19702,6 @@ packages:
typescript: '>=4.2.0'
dependencies:
typescript: 5.0.4
- dev: false
-
- /ts-api-utils@1.0.3(typescript@5.2.2):
- resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
- engines: {node: '>=16.13.0'}
- peerDependencies:
- typescript: '>=4.2.0'
- dependencies:
- typescript: 5.2.2
dev: true
/ts-invariant@0.10.3:
@@ -20184,15 +19713,6 @@ packages:
/ts-pattern@4.3.0:
resolution: {integrity: sha512-pefrkcd4lmIVR0LA49Imjf9DYLK8vtWhqBPA3Ya1ir8xCW0O2yjL9dsCVvI7pCodLC5q7smNpEtDR2yVulQxOg==}
- /tsconfig-paths@3.14.2:
- resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==}
- dependencies:
- '@types/json5': 0.0.29
- json5: 1.0.2
- minimist: 1.2.8
- strip-bom: 3.0.0
- dev: true
-
/tsconfig-paths@4.2.0:
resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
engines: {node: '>=6'}
@@ -20215,23 +19735,15 @@ packages:
/tslib@1.14.1:
resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+ dev: false
/tslib@2.4.1:
resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==}
+ dev: true
/tslib@2.6.2:
resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
- /tsutils@3.21.0(typescript@5.2.2):
- resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
- engines: {node: '>= 6'}
- peerDependencies:
- typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
- dependencies:
- tslib: 1.14.1
- typescript: 5.2.2
- dev: true
-
/tsx@3.14.0:
resolution: {integrity: sha512-xHtFaKtHxM9LOklMmJdI3BEnQq/D5F73Of2E1GDrITi9sgoVkvIsrQUTY1G8FlmGtA+awCI4EBlTRRYxkL2sRg==}
hasBin: true
@@ -20274,6 +19786,7 @@ packages:
engines: {node: '>= 0.8.0'}
dependencies:
prelude-ls: 1.2.1
+ dev: true
/type-detect@4.0.8:
resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
@@ -20296,6 +19809,7 @@ packages:
/type-fest@0.20.2:
resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
engines: {node: '>=10'}
+ dev: true
/type-fest@0.21.3:
resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
@@ -20374,7 +19888,7 @@ packages:
/ua-parser-js@1.0.37:
resolution: {integrity: sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==}
- dev: false
+ dev: true
/uc.micro@1.0.6:
resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
@@ -20395,7 +19909,7 @@ packages:
/unc-path-regex@0.1.2:
resolution: {integrity: sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==}
engines: {node: '>=0.10.0'}
- dev: false
+ dev: true
/undici-types@5.26.5:
resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
@@ -20608,13 +20122,13 @@ packages:
resolution: {integrity: sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/upper-case@2.0.2:
resolution: {integrity: sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==}
dependencies:
tslib: 2.4.1
- dev: false
+ dev: true
/uri-js@4.4.1:
resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
@@ -21086,24 +20600,6 @@ packages:
is-string: 1.0.7
is-symbol: 1.0.4
- /which-builtin-type@1.1.3:
- resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
- engines: {node: '>= 0.4'}
- dependencies:
- function.prototype.name: 1.1.6
- has-tostringtag: 1.0.0
- is-async-function: 2.0.0
- is-date-object: 1.0.5
- is-finalizationregistry: 1.0.2
- is-generator-function: 1.0.10
- is-regex: 1.1.4
- is-weakref: 1.0.2
- isarray: 2.0.5
- which-boxed-primitive: 1.0.2
- which-collection: 1.0.1
- which-typed-array: 1.1.13
- dev: true
-
/which-collection@1.0.1:
resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
dependencies:
@@ -21115,6 +20611,7 @@ packages:
/which-module@2.0.1:
resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+ dev: true
/which-pm-runs@1.1.0:
resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
@@ -21294,6 +20791,7 @@ packages:
/y18n@4.0.3:
resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+ dev: true
/y18n@5.0.8:
resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
@@ -21313,7 +20811,6 @@ packages:
/yaml@1.10.2:
resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
engines: {node: '>= 6'}
- dev: false
/yaml@2.3.4:
resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
@@ -21326,6 +20823,7 @@ packages:
dependencies:
camelcase: 5.3.1
decamelize: 1.2.0
+ dev: true
/yargs-parser@20.2.9:
resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
@@ -21351,6 +20849,7 @@ packages:
which-module: 2.0.1
y18n: 4.0.3
yargs-parser: 18.1.3
+ dev: true
/yargs@17.7.2:
resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
diff --git a/prisma-utils/package.json b/prisma-utils/package.json
index bc79b3ed888..3ecd1e90c18 100644
--- a/prisma-utils/package.json
+++ b/prisma-utils/package.json
@@ -6,8 +6,7 @@
"@prisma/generator-helper": "^4.16.2",
"@prisma/internals": "^4.16.2",
"fs-extra": "^11.0.0",
- "tsx": "^4.0.0",
- "prettier": "^2.5.0"
+ "tsx": "^4.0.0"
},
"scripts": {
"generate": "tsx main.ts",
diff --git a/tests/api-tests/access-control/utils.ts b/tests/api-tests/access-control/utils.ts
index 6f7035047e5..35bf7104232 100644
--- a/tests/api-tests/access-control/utils.ts
+++ b/tests/api-tests/access-control/utils.ts
@@ -14,7 +14,6 @@ const yesNo = (truthy: boolean | undefined) => (truthy ? 'Yes' : 'No');
type BooleanAccess = { create: boolean; query: boolean; update: boolean; delete?: boolean };
const getPrefix = (access: BooleanAccess) => {
- // prettier-ignore
let prefix = `${yesNo(access.create)}Create${yesNo(access.query)}Query${yesNo(access.update)}Update`;
if (Object.prototype.hasOwnProperty.call(access, 'delete')) {
prefix = `${prefix}${yesNo(access.delete)}Delete`;
diff --git a/tests/api-tests/db-enable-logging.test.ts b/tests/api-tests/db-enable-logging.test.ts
index 7e6f9c4f00d..593ff849da2 100644
--- a/tests/api-tests/db-enable-logging.test.ts
+++ b/tests/api-tests/db-enable-logging.test.ts
@@ -9,7 +9,6 @@ const runner = (enableLogging: boolean) =>
config: testConfig({
db: { enableLogging },
lists: {
- // prettier-ignore
User: list({
access: allowAll,
fields: {
diff --git a/tests/api-tests/default-value/defaults.test.ts b/tests/api-tests/default-value/defaults.test.ts
index 9c583d21c74..7b9eb3917f5 100644
--- a/tests/api-tests/default-value/defaults.test.ts
+++ b/tests/api-tests/default-value/defaults.test.ts
@@ -9,7 +9,6 @@ const setupList = (fields: BaseFields) =>
setupTestRunner({
config: testConfig({
lists: {
- // prettier-ignore
User: list({
access: allowAll,
fields,
diff --git a/tests/api-tests/extend-express-app.test.ts b/tests/api-tests/extend-express-app.test.ts
index da1b9592293..f7f13cb0d1d 100644
--- a/tests/api-tests/extend-express-app.test.ts
+++ b/tests/api-tests/extend-express-app.test.ts
@@ -10,7 +10,6 @@ const runner = withServer(
setupTestRunner({
config: testConfig({
lists: {
- // prettier-ignore
User: list({
access: allowAll,
fields: {
diff --git a/tests/api-tests/extend-http-server.test.ts b/tests/api-tests/extend-http-server.test.ts
index 8211c2a7121..882ec77561f 100644
--- a/tests/api-tests/extend-http-server.test.ts
+++ b/tests/api-tests/extend-http-server.test.ts
@@ -11,7 +11,6 @@ const runner = withServer(
setupTestRunner({
config: testConfig({
lists: {
- // prettier-ignore
User: list({
access: allowAll,
fields: {
diff --git a/tests/api-tests/healthcheck.test.ts b/tests/api-tests/healthcheck.test.ts
index a9227e51a3c..b1e6db8bbe3 100644
--- a/tests/api-tests/healthcheck.test.ts
+++ b/tests/api-tests/healthcheck.test.ts
@@ -11,7 +11,6 @@ const makeRunner = (healthCheck: any) =>
setupTestRunner({
config: testConfig({
lists: {
- // prettier-ignore
User: list({
access: allowAll,
fields: {
From b257b7af951756bdd41f3a6664f7cbe68bbf73be Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:03:46 +1100
Subject: [PATCH 04/24] rm .remarkignore
---
.remarkignore | 1 -
1 file changed, 1 deletion(-)
delete mode 100644 .remarkignore
diff --git a/.remarkignore b/.remarkignore
deleted file mode 100644
index 83b694704ba..00000000000
--- a/.remarkignore
+++ /dev/null
@@ -1 +0,0 @@
-CHANGELOG.md
\ No newline at end of file
From 7de4225559f44a289042e7f7bf3c561181f56bec Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:03:17 +1100
Subject: [PATCH 05/24] rm .prettierignore
---
.prettierignore | 18 ------------------
1 file changed, 18 deletions(-)
delete mode 100644 .prettierignore
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index e80b48597de..00000000000
--- a/.prettierignore
+++ /dev/null
@@ -1,18 +0,0 @@
-**/.keystone
-**/.next
-**/__generated__
-**/dist
-**/*.graphql
-*.vscode
-.changeset/**/*
-.keystone/tests
-docs/**/*.md
-docs/public/assets/*.js
-examples/custom-output-paths/my-types.ts
-examples/extend-graphql-schema-nexus/keystone-types.ts
-examples/extend-graphql-schema-nexus/nexus-types.ts
-nexus-typegen.ts
-packages/icons/icons/*
-pnpm-lock.yaml
-prisma-utils/src/generated
-tests/test-projects/live-reloading/schemas/syntax-error.js
From be619aa935880382ea04e5d87ebc598176c6575d Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:03:58 +1100
Subject: [PATCH 06/24] rm packageRules from renovate.json
---
renovate.json | 6 ------
1 file changed, 6 deletions(-)
diff --git a/renovate.json b/renovate.json
index e7977e03a47..af43e091c6f 100644
--- a/renovate.json
+++ b/renovate.json
@@ -6,12 +6,6 @@
"prConcurrentLimit": 0,
"prHourlyLimit": 3,
"baseBranches": ["main"],
- "packageRules": [
- {
- "packagePatterns": ["remark", "react-day-picker", "^slate"],
- "enabled": false
- }
- ],
"rangeStrategy": "replace",
"schedule": ["before 7am on Tuesday", "before 7am on Wednesday"],
"timezone": "Australia/Sydney",
From 9596afa52ba94e15b4a1686537426f1707f7af47 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:07:51 +1100
Subject: [PATCH 07/24] update Contributor Covenant Code of Conduct to version
2.1
---
CODE-OF-CONDUCT.md | 150 +++++++++++++++++++++++++++++++--------------
1 file changed, 104 insertions(+), 46 deletions(-)
diff --git a/CODE-OF-CONDUCT.md b/CODE-OF-CONDUCT.md
index a976a5d4269..26db7e00297 100644
--- a/CODE-OF-CONDUCT.md
+++ b/CODE-OF-CONDUCT.md
@@ -2,75 +2,133 @@
## Our Pledge
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, caste, color, religion, or sexual
+identity and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
## Our Standards
-Examples of behavior that contributes to creating a positive environment
-include:
+Examples of behavior that contributes to a positive environment for our
+community include:
-- Using welcoming and inclusive language
-- Being respectful of other people
-- Gracefully accepting constructive criticism
-- Focusing on what is best for the community
-- Showing empathy towards other community members
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
+ and learning from the experience
+- Focusing on what is best not just for us as individuals, but for the overall
+ community
-Examples of unacceptable behavior by participants include:
+Examples of unacceptable behavior include:
-- The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-- Trolling, insulting/derogatory comments, and personal or political attacks
+- The use of sexualized language or imagery, and sexual attention or advances of
+ any kind
+- Trolling, insulting or derogatory comments, and personal or political attacks
- Public or private harassment
-- Publishing others' private information, such as a physical or electronic
- address, without explicit permission
+- Publishing others' private information, such as a physical or email address,
+ without their explicit permission
- Other conduct which could reasonably be considered inappropriate in a
professional setting
-## Our Responsibilities
+## Enforcement Responsibilities
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior and are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
## Scope
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at `codeofconduct@keystonejs.com`. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
+reported to the community leaders responsible for enforcement at
+[community@keystonejs.com](mailto:community@keystonejs.com).
+
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
+**Community Impact**: A violation through a single incident or series of
+actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or permanent
+ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within the
+community.
## Attribution
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations
-For answers to common questions about this code of conduct, see
-
From 5d82ff6d5fa61ef1c4f34157c27aafcfa4e5200e Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:13:18 +1100
Subject: [PATCH 08/24] .nvmrc
---
.nvmrc | 1 -
1 file changed, 1 deletion(-)
delete mode 100644 .nvmrc
diff --git a/.nvmrc b/.nvmrc
deleted file mode 100644
index 209e3ef4b62..00000000000
--- a/.nvmrc
+++ /dev/null
@@ -1 +0,0 @@
-20
From 4f952f5757fa93ddd302328d15fad8e137315cf5 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:14:33 +1100
Subject: [PATCH 09/24] rm comments from tsconfig
---
tsconfig.json | 20 ++++++++++----------
1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/tsconfig.json b/tsconfig.json
index e297ec1b6ec..2f075eca13c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,19 +1,19 @@
{
"compilerOptions": {
"declaration": true,
- "declarationMap": true, // Enables 'Go to Definition'
- "esModuleInterop": true, // Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'
- "forceConsistentCasingInFileNames": true, // Disallow inconsistently-cased references to the same file
- "isolatedModules": true, // Transpile each file as a separate module (similar to 'ts.transpileModule')
- "jsx": "react", // Specify JSX code generation: 'preserve', 'react-native', or 'react'
- "module": "esnext", // Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'
- "moduleResolution": "node", // Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6)
- "noEmit": true, // Do not emit outputs
+ "declarationMap": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "isolatedModules": true,
+ "jsx": "react",
+ "module": "esnext",
+ "moduleResolution": "node",
+ "noEmit": true,
"noUnusedLocals": true,
"resolveJsonModule": true,
"skipLibCheck": true,
- "strict": true, // Enable all strict type-checking options.
- "target": "esnext" // Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'
+ "strict": true,
+ "target": "esnext"
},
"include": ["**/*"],
"exclude": ["**/node_modules/**/*"]
From 7200d74d4eea775252fc69398d6c26315e962e23 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:15:22 +1100
Subject: [PATCH 10/24] tidy up .gitignore
---
.gitignore | 8 ++------
1 file changed, 2 insertions(+), 6 deletions(-)
diff --git a/.gitignore b/.gitignore
index c8e97b28dbe..2041cee6710 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,15 +1,11 @@
-.env
-.next
-.keystone
+.keystone/
dist/
node_modules/
-
-# sqlite databases
*.db
# ts-gql
__generated__
-# OS
+# system
.DS_Store
*.vscode
From 1ca37e102019d4a5542b7afeea87edf6bd739fbd Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:18:59 +1100
Subject: [PATCH 11/24] rm prettier from workflows
---
.github/workflows/tests_ci.yml | 5 +----
.github/workflows/tests_ci_windows.yml | 10 ----------
2 files changed, 1 insertion(+), 14 deletions(-)
diff --git a/.github/workflows/tests_ci.yml b/.github/workflows/tests_ci.yml
index 9934169c014..bf03b346736 100644
--- a/.github/workflows/tests_ci.yml
+++ b/.github/workflows/tests_ci.yml
@@ -19,11 +19,8 @@ jobs:
- uses: actions/checkout@main
- uses: ./.github/actions/ci-setup
- - name: Prettier
- run: pnpm lint:prettier
-
- name: TypeScript
- run: pnpm lint:types
+ run: pnpm test:types
- name: Preconstruct
run: pnpm build
diff --git a/.github/workflows/tests_ci_windows.yml b/.github/workflows/tests_ci_windows.yml
index bd162778fa7..07b932dc82b 100644
--- a/.github/workflows/tests_ci_windows.yml
+++ b/.github/workflows/tests_ci_windows.yml
@@ -8,16 +8,6 @@ concurrency:
cancel-in-progress: true
jobs:
- linting:
- name: Linting
- runs-on: windows-latest
- steps:
- - uses: actions/checkout@main
- - uses: ./.github/actions/ci-setup
-
- - name: TypeScript
- run: pnpm lint:types
-
unit_tests:
name: Package Unit Tests
runs-on: windows-latest
From 8fbfbdbfd331183c3249391da8fc38c2486a3075 Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:19:09 +1100
Subject: [PATCH 12/24] rm unused workspace scripts
---
.github/workflows/tests_ci.yml | 2 +-
package.json | 9 +++------
2 files changed, 4 insertions(+), 7 deletions(-)
diff --git a/.github/workflows/tests_ci.yml b/.github/workflows/tests_ci.yml
index bf03b346736..f6ae1ff633c 100644
--- a/.github/workflows/tests_ci.yml
+++ b/.github/workflows/tests_ci.yml
@@ -26,7 +26,7 @@ jobs:
run: pnpm build
- name: Prisma Filters
- run: pnpm lint:filters
+ run: pnpm test:filters
unit_tests:
name: Package Unit Tests
diff --git a/package.json b/package.json
index 95996e826a0..918e5ca6a0a 100644
--- a/package.json
+++ b/package.json
@@ -10,16 +10,13 @@
"packageManager": "pnpm@8.10.4",
"scripts": {
"coverage": "jest --coverage",
- "ci:version-packages": "pnpm changeset version && cd docs && pnpm remove-conditionals",
- "lint:types": "tsc",
"test": "jest",
+ "test:filters": "cd prisma-utils && pnpm verify",
+ "test:types": "tsc",
"test:debug": "node --inspect-brk ./node_modules/.bin/jest --runInBand",
"test:admin-ui": "jest tests/admin-ui-tests",
"build": "preconstruct build",
- "prepare": "preconstruct dev",
- "update-schemas": "pnpm --filter @keystone-6/example-* --filter @keystone-6/test-project* exec keystone build --no-ui",
- "generate-filters": "cd prisma-utils && pnpm generate",
- "lint:filters": "cd prisma-utils && pnpm verify"
+ "prepare": "preconstruct dev"
},
"devDependencies": {
"@babel/core": "^7.21.0",
From d55921b641ecceba9bffebb4ab9ebf284ca9922b Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 16:59:47 +1100
Subject: [PATCH 13/24] add eslint
---
.eslintignore | 3 +
package.json | 5 +-
pnpm-lock.yaml | 151 ++++++++++++++++++++++++++++++++++++++++++++++++-
3 files changed, 157 insertions(+), 2 deletions(-)
create mode 100644 .eslintignore
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 00000000000..3871e24b96c
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,3 @@
+dist/
+node_modules/
+syntax-error.js
diff --git a/package.json b/package.json
index 918e5ca6a0a..551a624ded2 100644
--- a/package.json
+++ b/package.json
@@ -35,11 +35,14 @@
"@types/node-fetch": "^2.5.12",
"@types/react": "^18.0.9",
"@types/react-dom": "^18.0.4",
+ "@typescript-eslint/eslint-plugin": "^6.11.0",
+ "@typescript-eslint/parser": "^6.11.0",
"esbuild": "^0.19.0",
"esbuild-jest": "^0.5.0",
+ "eslint": "^8.53.0",
"jest": "^29.0.0",
"jest-environment-jsdom": "^29.0.0",
- "typescript": "~5.2.0"
+ "typescript": "~5.2.2"
},
"preconstruct": {
"packages": [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c3301971c9c..3e05a468641 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,12 +56,21 @@ importers:
'@types/react-dom':
specifier: ^18.0.4
version: 18.2.15
+ '@typescript-eslint/eslint-plugin':
+ specifier: ^6.11.0
+ version: 6.11.0(@typescript-eslint/parser@6.11.0)(eslint@8.53.0)(typescript@5.2.2)
+ '@typescript-eslint/parser':
+ specifier: ^6.11.0
+ version: 6.11.0(eslint@8.53.0)(typescript@5.2.2)
esbuild:
specifier: ^0.19.0
version: 0.19.5
esbuild-jest:
specifier: ^0.5.0
version: 0.5.0(esbuild@0.19.5)
+ eslint:
+ specifier: ^8.53.0
+ version: 8.53.0
jest:
specifier: ^29.0.0
version: 29.7.0(@types/node@20.9.0)
@@ -69,7 +78,7 @@ importers:
specifier: ^29.0.0
version: 29.7.0
typescript:
- specifier: ~5.2.0
+ specifier: ~5.2.2
version: 5.2.2
design-system/packages/button:
@@ -9176,6 +9185,56 @@ packages:
'@types/yargs-parser': 21.0.3
dev: true
+ /@typescript-eslint/eslint-plugin@6.11.0(@typescript-eslint/parser@6.11.0)(eslint@8.53.0)(typescript@5.2.2):
+ resolution: {integrity: sha512-uXnpZDc4VRjY4iuypDBKzW1rz9T5YBBK0snMn8MaTSNd2kMlj50LnLBABELjJiOL5YHk7ZD8hbSpI9ubzqYI0w==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ peerDependencies:
+ '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+ eslint: ^7.0.0 || ^8.0.0
+ typescript: '*'
+ peerDependenciesMeta:
+ typescript:
+ optional: true
+ dependencies:
+ '@eslint-community/regexpp': 4.10.0
+ '@typescript-eslint/parser': 6.11.0(eslint@8.53.0)(typescript@5.2.2)
+ '@typescript-eslint/scope-manager': 6.11.0
+ '@typescript-eslint/type-utils': 6.11.0(eslint@8.53.0)(typescript@5.2.2)
+ '@typescript-eslint/utils': 6.11.0(eslint@8.53.0)(typescript@5.2.2)
+ '@typescript-eslint/visitor-keys': 6.11.0
+ debug: 4.3.4
+ eslint: 8.53.0
+ graphemer: 1.4.0
+ ignore: 5.2.4
+ natural-compare: 1.4.0
+ semver: 7.5.4
+ ts-api-utils: 1.0.3(typescript@5.2.2)
+ typescript: 5.2.2
+ transitivePeerDependencies:
+ - supports-color
+ dev: true
+
+ /@typescript-eslint/parser@6.11.0(eslint@8.53.0)(typescript@5.2.2):
+ resolution: {integrity: sha512-+whEdjk+d5do5nxfxx73oanLL9ghKO3EwM9kBCkUtWMRwWuPaFv9ScuqlYfQ6pAD6ZiJhky7TZ2ZYhrMsfMxVQ==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ peerDependencies:
+ eslint: ^7.0.0 || ^8.0.0
+ typescript: '*'
+ peerDependenciesMeta:
+ typescript:
+ optional: true
+ dependencies:
+ '@typescript-eslint/scope-manager': 6.11.0
+ '@typescript-eslint/types': 6.11.0
+ '@typescript-eslint/typescript-estree': 6.11.0(typescript@5.2.2)
+ '@typescript-eslint/visitor-keys': 6.11.0
+ debug: 4.3.4
+ eslint: 8.53.0
+ typescript: 5.2.2
+ transitivePeerDependencies:
+ - supports-color
+ dev: true
+
/@typescript-eslint/scope-manager@6.10.0:
resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
engines: {node: ^16.0.0 || >=18.0.0}
@@ -9184,11 +9243,44 @@ packages:
'@typescript-eslint/visitor-keys': 6.10.0
dev: true
+ /@typescript-eslint/scope-manager@6.11.0:
+ resolution: {integrity: sha512-0A8KoVvIURG4uhxAdjSaxy8RdRE//HztaZdG8KiHLP8WOXSk0vlF7Pvogv+vlJA5Rnjj/wDcFENvDaHb+gKd1A==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ dependencies:
+ '@typescript-eslint/types': 6.11.0
+ '@typescript-eslint/visitor-keys': 6.11.0
+ dev: true
+
+ /@typescript-eslint/type-utils@6.11.0(eslint@8.53.0)(typescript@5.2.2):
+ resolution: {integrity: sha512-nA4IOXwZtqBjIoYrJcYxLRO+F9ri+leVGoJcMW1uqr4r1Hq7vW5cyWrA43lFbpRvQ9XgNrnfLpIkO3i1emDBIA==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ peerDependencies:
+ eslint: ^7.0.0 || ^8.0.0
+ typescript: '*'
+ peerDependenciesMeta:
+ typescript:
+ optional: true
+ dependencies:
+ '@typescript-eslint/typescript-estree': 6.11.0(typescript@5.2.2)
+ '@typescript-eslint/utils': 6.11.0(eslint@8.53.0)(typescript@5.2.2)
+ debug: 4.3.4
+ eslint: 8.53.0
+ ts-api-utils: 1.0.3(typescript@5.2.2)
+ typescript: 5.2.2
+ transitivePeerDependencies:
+ - supports-color
+ dev: true
+
/@typescript-eslint/types@6.10.0:
resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
engines: {node: ^16.0.0 || >=18.0.0}
dev: true
+ /@typescript-eslint/types@6.11.0:
+ resolution: {integrity: sha512-ZbEzuD4DwEJxwPqhv3QULlRj8KYTAnNsXxmfuUXFCxZmO6CF2gM/y+ugBSAQhrqaJL3M+oe4owdWunaHM6beqA==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ dev: true
+
/@typescript-eslint/typescript-estree@6.10.0(typescript@5.0.4):
resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
engines: {node: ^16.0.0 || >=18.0.0}
@@ -9210,6 +9302,27 @@ packages:
- supports-color
dev: true
+ /@typescript-eslint/typescript-estree@6.11.0(typescript@5.2.2):
+ resolution: {integrity: sha512-Aezzv1o2tWJwvZhedzvD5Yv7+Lpu1by/U1LZ5gLc4tCx8jUmuSCMioPFRjliN/6SJIvY6HpTtJIWubKuYYYesQ==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ peerDependencies:
+ typescript: '*'
+ peerDependenciesMeta:
+ typescript:
+ optional: true
+ dependencies:
+ '@typescript-eslint/types': 6.11.0
+ '@typescript-eslint/visitor-keys': 6.11.0
+ debug: 4.3.4
+ globby: 11.1.0
+ is-glob: 4.0.3
+ semver: 7.5.4
+ ts-api-utils: 1.0.3(typescript@5.2.2)
+ typescript: 5.2.2
+ transitivePeerDependencies:
+ - supports-color
+ dev: true
+
/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.0.4):
resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
engines: {node: ^16.0.0 || >=18.0.0}
@@ -9229,6 +9342,25 @@ packages:
- typescript
dev: true
+ /@typescript-eslint/utils@6.11.0(eslint@8.53.0)(typescript@5.2.2):
+ resolution: {integrity: sha512-p23ibf68fxoZy605dc0dQAEoUsoiNoP3MD9WQGiHLDuTSOuqoTsa4oAy+h3KDkTcxbbfOtUjb9h3Ta0gT4ug2g==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ peerDependencies:
+ eslint: ^7.0.0 || ^8.0.0
+ dependencies:
+ '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
+ '@types/json-schema': 7.0.15
+ '@types/semver': 7.5.5
+ '@typescript-eslint/scope-manager': 6.11.0
+ '@typescript-eslint/types': 6.11.0
+ '@typescript-eslint/typescript-estree': 6.11.0(typescript@5.2.2)
+ eslint: 8.53.0
+ semver: 7.5.4
+ transitivePeerDependencies:
+ - supports-color
+ - typescript
+ dev: true
+
/@typescript-eslint/visitor-keys@6.10.0:
resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
engines: {node: ^16.0.0 || >=18.0.0}
@@ -9237,6 +9369,14 @@ packages:
eslint-visitor-keys: 3.4.3
dev: true
+ /@typescript-eslint/visitor-keys@6.11.0:
+ resolution: {integrity: sha512-+SUN/W7WjBr05uRxPggJPSzyB8zUpaYo2hByKasWbqr3PM8AXfZt8UHdNpBS1v9SA62qnSSMF3380SwDqqprgQ==}
+ engines: {node: ^16.0.0 || >=18.0.0}
+ dependencies:
+ '@typescript-eslint/types': 6.11.0
+ eslint-visitor-keys: 3.4.3
+ dev: true
+
/@ungap/structured-clone@1.2.0:
resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
dev: true
@@ -19704,6 +19844,15 @@ packages:
typescript: 5.0.4
dev: true
+ /ts-api-utils@1.0.3(typescript@5.2.2):
+ resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+ engines: {node: '>=16.13.0'}
+ peerDependencies:
+ typescript: '>=4.2.0'
+ dependencies:
+ typescript: 5.2.2
+ dev: true
+
/ts-invariant@0.10.3:
resolution: {integrity: sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==}
engines: {node: '>=8'}
From fc7f167cc85a1f9f8062ff96589e830ea37ae83c Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 17:09:36 +1100
Subject: [PATCH 14/24] add eslintrc (empty)
---
.eslintrc.js | 11 +++++++++++
1 file changed, 11 insertions(+)
create mode 100644 .eslintrc.js
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 00000000000..ef18a41879b
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,11 @@
+/* eslint-env node */
+module.exports = {
+ parser: '@typescript-eslint/parser',
+ plugins: ['@typescript-eslint'],
+ root: true,
+ overrides: [{
+ files: ['*.js', '*.jsx', '*.ts', '*.tsx'],
+ }],
+ rules: {
+ }
+}
From 552a340dc535257a69324951a491aaada456ec1d Mon Sep 17 00:00:00 2001
From: Daniel Cousens <413395+dcousens@users.noreply.github.com>
Date: Tue, 14 Nov 2023 17:41:51 +1100
Subject: [PATCH 15/24] apply semi: never
---
.eslintrc.js | 2 +
design-system/packages/button/src/Button.tsx | 24 +-
design-system/packages/button/src/context.tsx | 18 +-
.../packages/button/src/hooks/button.ts | 48 +-
design-system/packages/button/src/index.ts | 6 +-
.../packages/core/src/a11y/VisuallyHidden.tsx | 12 +-
.../packages/core/src/components/Box.tsx | 90 +--
.../packages/core/src/components/Center.tsx | 12 +-
.../packages/core/src/components/Core.tsx | 22 +-
.../packages/core/src/components/Divider.tsx | 24 +-
.../packages/core/src/components/Heading.tsx | 48 +-
.../packages/core/src/components/Inline.tsx | 28 +-
.../packages/core/src/components/Link.tsx | 14 +-
.../packages/core/src/components/Stack.tsx | 38 +-
.../packages/core/src/components/Text.tsx | 24 +-
design-system/packages/core/src/emotion.ts | 2 +-
.../core/src/hooks/useManagedState.ts | 24 +-
.../packages/core/src/hooks/useMediaQuery.ts | 30 +-
design-system/packages/core/src/index.ts | 34 +-
design-system/packages/core/src/normalize.ts | 4 +-
design-system/packages/core/src/theme.tsx | 18 +-
.../packages/core/src/themes/colors.ts | 2 +-
.../packages/core/src/themes/colors_old.ts | 2 +-
.../packages/core/src/themes/default.ts | 60 +-
design-system/packages/core/src/types.ts | 6 +-
design-system/packages/core/src/utils.ts | 68 +-
.../packages/fields/src/Checkbox.tsx | 30 +-
.../fields/src/DatePicker/Calendar.tsx | 30 +-
.../src/DatePicker/components/Adornments.tsx | 34 +-
.../src/DatePicker/components/InputButton.tsx | 34 +-
.../packages/fields/src/DatePicker/index.tsx | 68 +-
.../src/DatePicker/utils/getContrastText.ts | 8 +-
.../fields/src/DatePicker/utils/hexToRgb.ts | 26 +-
.../packages/fields/src/FieldContainer.tsx | 6 +-
.../packages/fields/src/FieldDescription.tsx | 12 +-
.../packages/fields/src/FieldLabel.tsx | 12 +-
.../packages/fields/src/FieldLegend.tsx | 12 +-
design-system/packages/fields/src/Radio.tsx | 30 +-
design-system/packages/fields/src/Select.tsx | 58 +-
design-system/packages/fields/src/Switch.tsx | 38 +-
.../packages/fields/src/TextArea.tsx | 20 +-
.../packages/fields/src/TextInput.tsx | 22 +-
.../fields/src/components/ControlLabel.tsx | 16 +-
.../packages/fields/src/components/Icons.tsx | 20 +-
.../packages/fields/src/hooks/indicators.ts | 24 +-
.../packages/fields/src/hooks/inputs.ts | 26 +-
design-system/packages/fields/src/index.ts | 28 +-
design-system/packages/fields/src/types.ts | 8 +-
.../fields/src/utils/dateFormatters.ts | 26 +-
.../packages/fields/src/utils/isDate.ts | 8 +-
design-system/packages/icons/build-icons.js | 78 +--
design-system/packages/icons/src/Icon.tsx | 20 +-
.../packages/icons/src/icons/ActivityIcon.tsx | 6 +-
.../packages/icons/src/icons/AirplayIcon.tsx | 6 +-
.../icons/src/icons/AlertCircleIcon.tsx | 6 +-
.../icons/src/icons/AlertOctagonIcon.tsx | 6 +-
.../icons/src/icons/AlertTriangleIcon.tsx | 6 +-
.../icons/src/icons/AlignCenterIcon.tsx | 6 +-
.../icons/src/icons/AlignJustifyIcon.tsx | 6 +-
.../icons/src/icons/AlignLeftIcon.tsx | 6 +-
.../icons/src/icons/AlignRightIcon.tsx | 6 +-
.../packages/icons/src/icons/AnchorIcon.tsx | 6 +-
.../packages/icons/src/icons/ApertureIcon.tsx | 6 +-
.../packages/icons/src/icons/ArchiveIcon.tsx | 6 +-
.../icons/src/icons/ArrowDownCircleIcon.tsx | 6 +-
.../icons/src/icons/ArrowDownIcon.tsx | 6 +-
.../icons/src/icons/ArrowDownLeftIcon.tsx | 6 +-
.../icons/src/icons/ArrowDownRightIcon.tsx | 6 +-
.../icons/src/icons/ArrowLeftCircleIcon.tsx | 6 +-
.../icons/src/icons/ArrowLeftIcon.tsx | 6 +-
.../icons/src/icons/ArrowRightCircleIcon.tsx | 6 +-
.../icons/src/icons/ArrowRightIcon.tsx | 6 +-
.../icons/src/icons/ArrowUpCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/ArrowUpIcon.tsx | 6 +-
.../icons/src/icons/ArrowUpLeftIcon.tsx | 6 +-
.../icons/src/icons/ArrowUpRightIcon.tsx | 6 +-
.../packages/icons/src/icons/AtSignIcon.tsx | 6 +-
.../packages/icons/src/icons/AwardIcon.tsx | 6 +-
.../icons/src/icons/BarChart2Icon.tsx | 6 +-
.../packages/icons/src/icons/BarChartIcon.tsx | 6 +-
.../icons/src/icons/BatteryChargingIcon.tsx | 6 +-
.../packages/icons/src/icons/BatteryIcon.tsx | 6 +-
.../packages/icons/src/icons/BellIcon.tsx | 6 +-
.../packages/icons/src/icons/BellOffIcon.tsx | 6 +-
.../icons/src/icons/BluetoothIcon.tsx | 6 +-
.../packages/icons/src/icons/BoldIcon.tsx | 6 +-
.../packages/icons/src/icons/BookIcon.tsx | 6 +-
.../packages/icons/src/icons/BookOpenIcon.tsx | 6 +-
.../packages/icons/src/icons/BookmarkIcon.tsx | 6 +-
.../packages/icons/src/icons/BoxIcon.tsx | 6 +-
.../icons/src/icons/BriefcaseIcon.tsx | 6 +-
.../packages/icons/src/icons/CalendarIcon.tsx | 6 +-
.../packages/icons/src/icons/CameraIcon.tsx | 6 +-
.../icons/src/icons/CameraOffIcon.tsx | 6 +-
.../packages/icons/src/icons/CastIcon.tsx | 6 +-
.../icons/src/icons/CheckCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/CheckIcon.tsx | 6 +-
.../icons/src/icons/CheckSquareIcon.tsx | 6 +-
.../icons/src/icons/ChevronDownIcon.tsx | 6 +-
.../icons/src/icons/ChevronLeftIcon.tsx | 6 +-
.../icons/src/icons/ChevronRightIcon.tsx | 6 +-
.../icons/src/icons/ChevronUpIcon.tsx | 6 +-
.../icons/src/icons/ChevronsDownIcon.tsx | 6 +-
.../icons/src/icons/ChevronsLeftIcon.tsx | 6 +-
.../icons/src/icons/ChevronsRightIcon.tsx | 6 +-
.../icons/src/icons/ChevronsUpIcon.tsx | 6 +-
.../packages/icons/src/icons/ChromeIcon.tsx | 6 +-
.../packages/icons/src/icons/CircleIcon.tsx | 6 +-
.../icons/src/icons/ClipboardIcon.tsx | 6 +-
.../packages/icons/src/icons/ClockIcon.tsx | 6 +-
.../icons/src/icons/CloudDrizzleIcon.tsx | 6 +-
.../packages/icons/src/icons/CloudIcon.tsx | 6 +-
.../icons/src/icons/CloudLightningIcon.tsx | 6 +-
.../packages/icons/src/icons/CloudOffIcon.tsx | 6 +-
.../icons/src/icons/CloudRainIcon.tsx | 6 +-
.../icons/src/icons/CloudSnowIcon.tsx | 6 +-
.../packages/icons/src/icons/CodeIcon.tsx | 6 +-
.../packages/icons/src/icons/CodepenIcon.tsx | 6 +-
.../icons/src/icons/CodesandboxIcon.tsx | 6 +-
.../packages/icons/src/icons/CoffeeIcon.tsx | 6 +-
.../packages/icons/src/icons/ColumnsIcon.tsx | 6 +-
.../packages/icons/src/icons/CommandIcon.tsx | 6 +-
.../packages/icons/src/icons/CompassIcon.tsx | 6 +-
.../packages/icons/src/icons/CopyIcon.tsx | 6 +-
.../icons/src/icons/CornerDownLeftIcon.tsx | 6 +-
.../icons/src/icons/CornerDownRightIcon.tsx | 6 +-
.../icons/src/icons/CornerLeftDownIcon.tsx | 6 +-
.../icons/src/icons/CornerLeftUpIcon.tsx | 6 +-
.../icons/src/icons/CornerRightDownIcon.tsx | 6 +-
.../icons/src/icons/CornerRightUpIcon.tsx | 6 +-
.../icons/src/icons/CornerUpLeftIcon.tsx | 6 +-
.../icons/src/icons/CornerUpRightIcon.tsx | 6 +-
.../packages/icons/src/icons/CpuIcon.tsx | 6 +-
.../icons/src/icons/CreditCardIcon.tsx | 6 +-
.../packages/icons/src/icons/CropIcon.tsx | 6 +-
.../icons/src/icons/CrosshairIcon.tsx | 6 +-
.../packages/icons/src/icons/DatabaseIcon.tsx | 6 +-
.../packages/icons/src/icons/DeleteIcon.tsx | 6 +-
.../packages/icons/src/icons/DiscIcon.tsx | 6 +-
.../icons/src/icons/DivideCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/DivideIcon.tsx | 6 +-
.../icons/src/icons/DivideSquareIcon.tsx | 6 +-
.../icons/src/icons/DollarSignIcon.tsx | 6 +-
.../icons/src/icons/DownloadCloudIcon.tsx | 6 +-
.../packages/icons/src/icons/DownloadIcon.tsx | 6 +-
.../packages/icons/src/icons/DribbbleIcon.tsx | 6 +-
.../packages/icons/src/icons/DropletIcon.tsx | 6 +-
.../packages/icons/src/icons/Edit2Icon.tsx | 6 +-
.../packages/icons/src/icons/Edit3Icon.tsx | 6 +-
.../packages/icons/src/icons/EditIcon.tsx | 6 +-
.../icons/src/icons/ExternalLinkIcon.tsx | 6 +-
.../packages/icons/src/icons/EyeIcon.tsx | 6 +-
.../packages/icons/src/icons/EyeOffIcon.tsx | 6 +-
.../packages/icons/src/icons/FacebookIcon.tsx | 6 +-
.../icons/src/icons/FastForwardIcon.tsx | 6 +-
.../packages/icons/src/icons/FeatherIcon.tsx | 6 +-
.../packages/icons/src/icons/FigmaIcon.tsx | 6 +-
.../packages/icons/src/icons/FileIcon.tsx | 6 +-
.../icons/src/icons/FileMinusIcon.tsx | 6 +-
.../packages/icons/src/icons/FilePlusIcon.tsx | 6 +-
.../packages/icons/src/icons/FileTextIcon.tsx | 6 +-
.../packages/icons/src/icons/FilmIcon.tsx | 6 +-
.../packages/icons/src/icons/FilterIcon.tsx | 6 +-
.../packages/icons/src/icons/FlagIcon.tsx | 6 +-
.../packages/icons/src/icons/FolderIcon.tsx | 6 +-
.../icons/src/icons/FolderMinusIcon.tsx | 6 +-
.../icons/src/icons/FolderPlusIcon.tsx | 6 +-
.../packages/icons/src/icons/FramerIcon.tsx | 6 +-
.../packages/icons/src/icons/FrownIcon.tsx | 6 +-
.../packages/icons/src/icons/GiftIcon.tsx | 6 +-
.../icons/src/icons/GitBranchIcon.tsx | 6 +-
.../icons/src/icons/GitCommitIcon.tsx | 6 +-
.../packages/icons/src/icons/GitMergeIcon.tsx | 6 +-
.../icons/src/icons/GitPullRequestIcon.tsx | 6 +-
.../packages/icons/src/icons/GithubIcon.tsx | 6 +-
.../packages/icons/src/icons/GitlabIcon.tsx | 6 +-
.../packages/icons/src/icons/GlobeIcon.tsx | 6 +-
.../packages/icons/src/icons/GridIcon.tsx | 6 +-
.../icons/src/icons/HardDriveIcon.tsx | 6 +-
.../packages/icons/src/icons/HashIcon.tsx | 6 +-
.../icons/src/icons/HeadphonesIcon.tsx | 6 +-
.../packages/icons/src/icons/HeartIcon.tsx | 6 +-
.../icons/src/icons/HelpCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/HexagonIcon.tsx | 6 +-
.../packages/icons/src/icons/HomeIcon.tsx | 6 +-
.../packages/icons/src/icons/ImageIcon.tsx | 6 +-
.../packages/icons/src/icons/InboxIcon.tsx | 6 +-
.../packages/icons/src/icons/InfoIcon.tsx | 6 +-
.../icons/src/icons/InstagramIcon.tsx | 6 +-
.../packages/icons/src/icons/ItalicIcon.tsx | 6 +-
.../packages/icons/src/icons/KeyIcon.tsx | 6 +-
.../packages/icons/src/icons/LayersIcon.tsx | 6 +-
.../packages/icons/src/icons/LayoutIcon.tsx | 6 +-
.../packages/icons/src/icons/LifeBuoyIcon.tsx | 6 +-
.../packages/icons/src/icons/Link2Icon.tsx | 6 +-
.../packages/icons/src/icons/LinkIcon.tsx | 6 +-
.../packages/icons/src/icons/LinkedinIcon.tsx | 6 +-
.../packages/icons/src/icons/ListIcon.tsx | 6 +-
.../packages/icons/src/icons/LoaderIcon.tsx | 6 +-
.../packages/icons/src/icons/LockIcon.tsx | 6 +-
.../packages/icons/src/icons/LogInIcon.tsx | 6 +-
.../packages/icons/src/icons/LogOutIcon.tsx | 6 +-
.../packages/icons/src/icons/MailIcon.tsx | 6 +-
.../packages/icons/src/icons/MapIcon.tsx | 6 +-
.../packages/icons/src/icons/MapPinIcon.tsx | 6 +-
.../icons/src/icons/Maximize2Icon.tsx | 6 +-
.../packages/icons/src/icons/MaximizeIcon.tsx | 6 +-
.../packages/icons/src/icons/MehIcon.tsx | 6 +-
.../packages/icons/src/icons/MenuIcon.tsx | 6 +-
.../icons/src/icons/MessageCircleIcon.tsx | 6 +-
.../icons/src/icons/MessageSquareIcon.tsx | 6 +-
.../packages/icons/src/icons/MicIcon.tsx | 6 +-
.../packages/icons/src/icons/MicOffIcon.tsx | 6 +-
.../icons/src/icons/Minimize2Icon.tsx | 6 +-
.../packages/icons/src/icons/MinimizeIcon.tsx | 6 +-
.../icons/src/icons/MinusCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/MinusIcon.tsx | 6 +-
.../icons/src/icons/MinusSquareIcon.tsx | 6 +-
.../packages/icons/src/icons/MonitorIcon.tsx | 6 +-
.../packages/icons/src/icons/MoonIcon.tsx | 6 +-
.../icons/src/icons/MoreHorizontalIcon.tsx | 6 +-
.../icons/src/icons/MoreVerticalIcon.tsx | 6 +-
.../icons/src/icons/MousePointerIcon.tsx | 6 +-
.../packages/icons/src/icons/MoveIcon.tsx | 6 +-
.../packages/icons/src/icons/MusicIcon.tsx | 6 +-
.../icons/src/icons/Navigation2Icon.tsx | 6 +-
.../icons/src/icons/NavigationIcon.tsx | 6 +-
.../packages/icons/src/icons/OctagonIcon.tsx | 6 +-
.../packages/icons/src/icons/PackageIcon.tsx | 6 +-
.../icons/src/icons/PaperclipIcon.tsx | 6 +-
.../icons/src/icons/PauseCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/PauseIcon.tsx | 6 +-
.../packages/icons/src/icons/PenToolIcon.tsx | 6 +-
.../packages/icons/src/icons/PercentIcon.tsx | 6 +-
.../icons/src/icons/PhoneCallIcon.tsx | 6 +-
.../icons/src/icons/PhoneForwardedIcon.tsx | 6 +-
.../packages/icons/src/icons/PhoneIcon.tsx | 6 +-
.../icons/src/icons/PhoneIncomingIcon.tsx | 6 +-
.../icons/src/icons/PhoneMissedIcon.tsx | 6 +-
.../packages/icons/src/icons/PhoneOffIcon.tsx | 6 +-
.../icons/src/icons/PhoneOutgoingIcon.tsx | 6 +-
.../packages/icons/src/icons/PieChartIcon.tsx | 6 +-
.../icons/src/icons/PlayCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/PlayIcon.tsx | 6 +-
.../icons/src/icons/PlusCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/PlusIcon.tsx | 6 +-
.../icons/src/icons/PlusSquareIcon.tsx | 6 +-
.../packages/icons/src/icons/PocketIcon.tsx | 6 +-
.../packages/icons/src/icons/PowerIcon.tsx | 6 +-
.../packages/icons/src/icons/PrinterIcon.tsx | 6 +-
.../packages/icons/src/icons/RadioIcon.tsx | 6 +-
.../icons/src/icons/RefreshCcwIcon.tsx | 6 +-
.../icons/src/icons/RefreshCwIcon.tsx | 6 +-
.../packages/icons/src/icons/RepeatIcon.tsx | 6 +-
.../packages/icons/src/icons/RewindIcon.tsx | 6 +-
.../icons/src/icons/RotateCcwIcon.tsx | 6 +-
.../packages/icons/src/icons/RotateCwIcon.tsx | 6 +-
.../packages/icons/src/icons/RssIcon.tsx | 6 +-
.../packages/icons/src/icons/SaveIcon.tsx | 6 +-
.../packages/icons/src/icons/ScissorsIcon.tsx | 6 +-
.../packages/icons/src/icons/SearchIcon.tsx | 6 +-
.../packages/icons/src/icons/SendIcon.tsx | 6 +-
.../packages/icons/src/icons/ServerIcon.tsx | 6 +-
.../packages/icons/src/icons/SettingsIcon.tsx | 6 +-
.../packages/icons/src/icons/Share2Icon.tsx | 6 +-
.../packages/icons/src/icons/ShareIcon.tsx | 6 +-
.../packages/icons/src/icons/ShieldIcon.tsx | 6 +-
.../icons/src/icons/ShieldOffIcon.tsx | 6 +-
.../icons/src/icons/ShoppingBagIcon.tsx | 6 +-
.../icons/src/icons/ShoppingCartIcon.tsx | 6 +-
.../packages/icons/src/icons/ShuffleIcon.tsx | 6 +-
.../packages/icons/src/icons/SidebarIcon.tsx | 6 +-
.../packages/icons/src/icons/SkipBackIcon.tsx | 6 +-
.../icons/src/icons/SkipForwardIcon.tsx | 6 +-
.../packages/icons/src/icons/SlackIcon.tsx | 6 +-
.../packages/icons/src/icons/SlashIcon.tsx | 6 +-
.../packages/icons/src/icons/SlidersIcon.tsx | 6 +-
.../icons/src/icons/SmartphoneIcon.tsx | 6 +-
.../packages/icons/src/icons/SmileIcon.tsx | 6 +-
.../packages/icons/src/icons/SpeakerIcon.tsx | 6 +-
.../packages/icons/src/icons/SquareIcon.tsx | 6 +-
.../packages/icons/src/icons/StarIcon.tsx | 6 +-
.../icons/src/icons/StopCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/SunIcon.tsx | 6 +-
.../packages/icons/src/icons/SunriseIcon.tsx | 6 +-
.../packages/icons/src/icons/SunsetIcon.tsx | 6 +-
.../packages/icons/src/icons/TabletIcon.tsx | 6 +-
.../packages/icons/src/icons/TagIcon.tsx | 6 +-
.../packages/icons/src/icons/TargetIcon.tsx | 6 +-
.../packages/icons/src/icons/TerminalIcon.tsx | 6 +-
.../icons/src/icons/ThermometerIcon.tsx | 6 +-
.../icons/src/icons/ThumbsDownIcon.tsx | 6 +-
.../packages/icons/src/icons/ThumbsUpIcon.tsx | 6 +-
.../icons/src/icons/ToggleLeftIcon.tsx | 6 +-
.../icons/src/icons/ToggleRightIcon.tsx | 6 +-
.../packages/icons/src/icons/ToolIcon.tsx | 6 +-
.../packages/icons/src/icons/Trash2Icon.tsx | 6 +-
.../packages/icons/src/icons/TrashIcon.tsx | 6 +-
.../packages/icons/src/icons/TrelloIcon.tsx | 6 +-
.../icons/src/icons/TrendingDownIcon.tsx | 6 +-
.../icons/src/icons/TrendingUpIcon.tsx | 6 +-
.../packages/icons/src/icons/TriangleIcon.tsx | 6 +-
.../packages/icons/src/icons/TruckIcon.tsx | 6 +-
.../packages/icons/src/icons/TvIcon.tsx | 6 +-
.../packages/icons/src/icons/TwitchIcon.tsx | 6 +-
.../packages/icons/src/icons/TwitterIcon.tsx | 6 +-
.../packages/icons/src/icons/TypeIcon.tsx | 6 +-
.../packages/icons/src/icons/UmbrellaIcon.tsx | 6 +-
.../icons/src/icons/UnderlineIcon.tsx | 6 +-
.../packages/icons/src/icons/UnlockIcon.tsx | 6 +-
.../icons/src/icons/UploadCloudIcon.tsx | 6 +-
.../packages/icons/src/icons/UploadIcon.tsx | 6 +-
.../icons/src/icons/UserCheckIcon.tsx | 6 +-
.../packages/icons/src/icons/UserIcon.tsx | 6 +-
.../icons/src/icons/UserMinusIcon.tsx | 6 +-
.../packages/icons/src/icons/UserPlusIcon.tsx | 6 +-
.../packages/icons/src/icons/UserXIcon.tsx | 6 +-
.../packages/icons/src/icons/UsersIcon.tsx | 6 +-
.../packages/icons/src/icons/VideoIcon.tsx | 6 +-
.../packages/icons/src/icons/VideoOffIcon.tsx | 6 +-
.../icons/src/icons/VoicemailIcon.tsx | 6 +-
.../packages/icons/src/icons/Volume1Icon.tsx | 6 +-
.../packages/icons/src/icons/Volume2Icon.tsx | 6 +-
.../packages/icons/src/icons/VolumeIcon.tsx | 6 +-
.../packages/icons/src/icons/VolumeXIcon.tsx | 6 +-
.../packages/icons/src/icons/WatchIcon.tsx | 6 +-
.../packages/icons/src/icons/WifiIcon.tsx | 6 +-
.../packages/icons/src/icons/WifiOffIcon.tsx | 6 +-
.../packages/icons/src/icons/WindIcon.tsx | 6 +-
.../packages/icons/src/icons/XCircleIcon.tsx | 6 +-
.../packages/icons/src/icons/XIcon.tsx | 6 +-
.../packages/icons/src/icons/XOctagonIcon.tsx | 6 +-
.../packages/icons/src/icons/XSquareIcon.tsx | 6 +-
.../packages/icons/src/icons/YoutubeIcon.tsx | 6 +-
.../packages/icons/src/icons/ZapIcon.tsx | 6 +-
.../packages/icons/src/icons/ZapOffIcon.tsx | 6 +-
.../packages/icons/src/icons/ZoomInIcon.tsx | 6 +-
.../packages/icons/src/icons/ZoomOutIcon.tsx | 6 +-
design-system/packages/icons/src/index.tsx | 574 ++++++++--------
.../packages/loading/src/Loading.tsx | 30 +-
design-system/packages/loading/src/index.ts | 2 +-
.../packages/modals/src/AlertDialog.tsx | 28 +-
design-system/packages/modals/src/Blanket.tsx | 12 +-
.../packages/modals/src/DialogBase.tsx | 28 +-
design-system/packages/modals/src/Drawer.tsx | 30 +-
.../packages/modals/src/DrawerBase.tsx | 72 +-
.../packages/modals/src/DrawerController.tsx | 24 +-
.../packages/modals/src/drawer-context.tsx | 44 +-
design-system/packages/modals/src/index.tsx | 10 +-
design-system/packages/modals/src/types.ts | 6 +-
design-system/packages/notice/src/Notice.tsx | 44 +-
.../packages/notice/src/hooks/button.ts | 22 +-
.../packages/notice/src/hooks/notice.ts | 30 +-
design-system/packages/notice/src/index.ts | 4 +-
design-system/packages/options/src/index.tsx | 40 +-
design-system/packages/pill/src/index.tsx | 34 +-
.../packages/popover/src/Popover.tsx | 146 ++--
design-system/packages/popover/src/index.ts | 6 +-
.../src/SegmentedControl.tsx | 106 +--
.../src/hooks/segmentedControl.ts | 26 +-
.../packages/segmented-control/src/index.ts | 2 +-
design-system/packages/toast/src/Toast.tsx | 82 +--
design-system/packages/toast/src/context.tsx | 12 +-
design-system/packages/toast/src/index.tsx | 4 +-
design-system/packages/toast/src/types.ts | 10 +-
.../packages/tooltip/src/Tooltip.tsx | 58 +-
design-system/packages/tooltip/src/index.ts | 2 +-
design-system/website/components/Code.tsx | 10 +-
.../website/components/Navigation.tsx | 36 +-
design-system/website/components/Page.tsx | 26 +-
.../website/components/ReadableColor.tsx | 16 +-
design-system/website/next.config.js | 4 +-
design-system/website/pages/_app.tsx | 12 +-
.../website/pages/components/button.tsx | 20 +-
.../website/pages/components/fields.tsx | 38 +-
.../website/pages/components/loading.tsx | 12 +-
.../website/pages/components/modals.tsx | 24 +-
.../website/pages/components/notice.tsx | 12 +-
.../website/pages/components/options.tsx | 18 +-
.../website/pages/components/pill.tsx | 10 +-
.../website/pages/components/popover.tsx | 10 +-
.../website/pages/components/toast.tsx | 20 +-
.../website/pages/components/tooltip.tsx | 10 +-
.../website/pages/core/alias-tokens.tsx | 40 +-
.../website/pages/core/global-tokens.tsx | 24 +-
design-system/website/pages/core/theme.tsx | 6 +-
design-system/website/pages/index.tsx | 6 +-
design-system/website/pages/layout/box.tsx | 10 +-
design-system/website/pages/layout/center.tsx | 10 +-
design-system/website/pages/layout/stack.tsx | 8 +-
design-system/website/utils.ts | 6 +-
docs/components/Announce.tsx | 10 +-
docs/components/Breadcrumbs.tsx | 24 +-
docs/components/ContactForm.tsx | 64 +-
docs/components/Footer.tsx | 32 +-
docs/components/Header.tsx | 198 +++---
docs/components/Markdoc.tsx | 76 +--
docs/components/MobileMenu.tsx | 46 +-
docs/components/Page.tsx | 62 +-
docs/components/RelatedContent.tsx | 10 +-
docs/components/SkipLinks.tsx | 18 +-
docs/components/Socials.tsx | 10 +-
docs/components/SubscribeForm.tsx | 58 +-
docs/components/Theme.tsx | 6 +-
docs/components/ThemeToggle.tsx | 36 +-
docs/components/content/AdvancedReactCta.tsx | 24 +-
docs/components/content/CodeBox.tsx | 28 +-
docs/components/content/CodeWindow.tsx | 22 +-
docs/components/content/CommunityCta.tsx | 24 +-
docs/components/content/CustomerCard.tsx | 12 +-
docs/components/content/EndCta.tsx | 26 +-
docs/components/content/Intro.tsx | 12 +-
docs/components/content/MWrapper.tsx | 12 +-
docs/components/content/Pill.tsx | 8 +-
docs/components/content/PillCta.tsx | 12 +-
docs/components/content/Quote.tsx | 18 +-
docs/components/content/Section.tsx | 16 +-
docs/components/content/TweetBox.tsx | 12 +-
docs/components/docs/ComingSoon.tsx | 6 +-
docs/components/docs/CommunitySlackCTA.tsx | 10 +-
docs/components/docs/CopyToClipboard.tsx | 6 +-
docs/components/docs/DocsFooter.tsx | 8 +-
docs/components/docs/DocumentEditorDemo.tsx | 90 +--
docs/components/docs/ExamplesList.tsx | 12 +-
docs/components/docs/GitHubExamplesCTA.tsx | 10 +-
docs/components/docs/Heading.tsx | 40 +-
docs/components/docs/Keystone5DocsCTA.tsx | 6 +-
docs/components/docs/Navigation.tsx | 96 +--
docs/components/docs/Sidebar.tsx | 14 +-
docs/components/docs/TableOfContents.tsx | 50 +-
docs/components/docs/WalkthroughsList.tsx | 12 +-
docs/components/icons/ArrowR.tsx | 6 +-
docs/components/icons/Automated.tsx | 6 +-
docs/components/icons/Bulb.tsx | 6 +-
docs/components/icons/Cli.tsx | 6 +-
docs/components/icons/ClientLogos.tsx | 6 +-
docs/components/icons/Close.tsx | 6 +-
docs/components/icons/Code.tsx | 6 +-
docs/components/icons/Content.tsx | 6 +-
docs/components/icons/Copy.tsx | 6 +-
docs/components/icons/Custom.tsx | 6 +-
docs/components/icons/DFATLogo.tsx | 6 +-
docs/components/icons/DarkMode.tsx | 6 +-
docs/components/icons/Docs.tsx | 6 +-
docs/components/icons/Download.tsx | 6 +-
docs/components/icons/Edit.tsx | 6 +-
docs/components/icons/Editor.tsx | 6 +-
docs/components/icons/EnliticLogo.tsx | 6 +-
docs/components/icons/Filter.tsx | 6 +-
docs/components/icons/FrontEndLogos.tsx | 6 +-
docs/components/icons/GitHub.tsx | 6 +-
docs/components/icons/GraphQl.tsx | 6 +-
docs/components/icons/Hamburger.tsx | 6 +-
docs/components/icons/Keystone.tsx | 6 +-
docs/components/icons/Lab.tsx | 6 +-
docs/components/icons/LightMode.tsx | 6 +-
docs/components/icons/Link.tsx | 6 +-
docs/components/icons/Migration.tsx | 6 +-
docs/components/icons/Nextjs.tsx | 6 +-
docs/components/icons/Nope.tsx | 6 +-
docs/components/icons/Organization.tsx | 6 +-
docs/components/icons/PJohnsonLogo.tsx | 6 +-
docs/components/icons/Postgres.tsx | 6 +-
docs/components/icons/PrintBarLogo.tsx | 6 +-
docs/components/icons/Prisma.tsx | 6 +-
docs/components/icons/Profile.tsx | 6 +-
docs/components/icons/Question.tsx | 6 +-
docs/components/icons/Quote.tsx | 6 +-
docs/components/icons/Relational.tsx | 6 +-
docs/components/icons/Relationship.tsx | 6 +-
docs/components/icons/Roadmap.tsx | 6 +-
docs/components/icons/RugbyAuLogo.tsx | 6 +-
docs/components/icons/Search.tsx | 6 +-
docs/components/icons/SearchKeys.tsx | 6 +-
docs/components/icons/Shield.tsx | 6 +-
docs/components/icons/Slack.tsx | 6 +-
docs/components/icons/Thinkmill.tsx | 6 +-
docs/components/icons/Tick.tsx | 6 +-
docs/components/icons/Twitter.tsx | 6 +-
docs/components/icons/Typescript.tsx | 6 +-
docs/components/icons/Updates.tsx | 6 +-
docs/components/icons/Video.tsx | 6 +-
docs/components/icons/VocalLogo.tsx | 6 +-
docs/components/icons/Watch.tsx | 6 +-
docs/components/icons/Welcome.tsx | 6 +-
docs/components/icons/WestpacLogo.tsx | 6 +-
docs/components/icons/WhyKeystone.tsx | 6 +-
docs/components/icons/YouTube.tsx | 6 +-
docs/components/icons/index.ts | 94 +--
docs/components/icons/util.tsx | 10 +-
docs/components/primitives/Alert.tsx | 12 +-
docs/components/primitives/Badge.tsx | 10 +-
docs/components/primitives/Button.tsx | 34 +-
docs/components/primitives/Code.tsx | 96 +--
docs/components/primitives/EditButton.tsx | 16 +-
docs/components/primitives/Emoji.tsx | 20 +-
docs/components/primitives/Field.tsx | 20 +-
docs/components/primitives/GitHubButton.tsx | 24 +-
docs/components/primitives/Gradient.tsx | 10 +-
docs/components/primitives/Highlight.tsx | 10 +-
docs/components/primitives/Loading.tsx | 12 +-
docs/components/primitives/SearchField.tsx | 16 +-
docs/components/primitives/Stack.tsx | 16 +-
docs/components/primitives/Status.tsx | 10 +-
docs/components/primitives/Type.tsx | 20 +-
docs/components/primitives/Well.tsx | 16 +-
docs/components/primitives/Wrapper.tsx | 12 +-
docs/components/primitives/YouTubeEmbed.tsx | 6 +-
docs/components/useOutsideClick.ts | 18 +-
docs/lib/TOKENS.ts | 8 +-
docs/lib/algoliaStyles.ts | 4 +-
docs/lib/forwardRefWithAs.ts | 12 +-
docs/lib/initialDocumentDemoContent.ts | 2 +-
docs/lib/media.ts | 18 +-
docs/lib/og-util.ts | 18 +-
docs/lib/prism-theme.ts | 6 +-
docs/lib/prose-lite.ts | 2 +-
docs/markdoc/config.ts | 98 +--
docs/markdoc/index.test.ts | 52 +-
docs/markdoc/index.ts | 126 ++--
docs/markdoc/isTag.ts | 4 +-
docs/markdoc/load-all.ts | 12 +-
docs/markdoc/show-next-release.ts | 2 +-
docs/next-sitemap.config.js | 2 +-
docs/pages/404.tsx | 20 +-
docs/pages/_app.tsx | 18 +-
docs/pages/_document.tsx | 20 +-
docs/pages/api/hero-image.tsx | 46 +-
docs/pages/blog/[post].tsx | 50 +-
docs/pages/blog/index.tsx | 60 +-
docs/pages/branding.tsx | 34 +-
docs/pages/docs/[...rest].tsx | 30 +-
docs/pages/docs/config/overview.tsx | 16 +-
docs/pages/docs/examples.tsx | 18 +-
.../pages/docs/guides/document-field-demo.tsx | 18 +-
docs/pages/docs/guides/overview.tsx | 16 +-
docs/pages/docs/index.tsx | 42 +-
docs/pages/docs/walkthroughs/index.tsx | 22 +-
docs/pages/ds.tsx | 60 +-
docs/pages/enterprise.tsx | 44 +-
docs/pages/for-content-management.tsx | 46 +-
docs/pages/for-developers.tsx | 64 +-
docs/pages/for-organisations.tsx | 42 +-
docs/pages/index.tsx | 82 +--
docs/pages/updates/index.tsx | 34 +-
docs/pages/updates/roadmap.tsx | 58 +-
docs/pages/why-keystone.tsx | 72 +-
docs/public/assets/focus-visible-polyfill.js | 2 +-
.../public/assets/resize-observer-polyfill.js | 2 +-
.../replace-show-next-release/index.ts | 38 +-
.../replace-show-next-release/markdoc.test.ts | 20 +-
.../replace-show-next-release/markdoc.ts | 14 +-
docs/scripts/rss.ts | 48 +-
docs/scripts/validate-links.ts | 38 +-
examples/assets-local/keystone.ts | 8 +-
examples/assets-local/schema.ts | 8 +-
examples/assets-s3/keystone.ts | 12 +-
examples/assets-s3/schema.ts | 8 +-
examples/auth/keystone.ts | 20 +-
examples/auth/schema.ts | 32 +-
examples/cloudinary/keystone.ts | 10 +-
examples/cloudinary/schema.ts | 10 +-
.../admin/components/CustomLogo.tsx | 8 +-
.../custom-admin-ui-logo/admin/config.tsx | 6 +-
examples/custom-admin-ui-logo/keystone.ts | 8 +-
examples/custom-admin-ui-logo/schema.ts | 10 +-
.../admin/components/CustomNavigation.tsx | 8 +-
.../admin/config.ts | 6 +-
.../custom-admin-ui-navigation/keystone.ts | 8 +-
examples/custom-admin-ui-navigation/schema.ts | 10 +-
.../admin/components/CustomNavigation.tsx | 8 +-
.../custom-admin-ui-pages/admin/config.ts | 6 +-
.../admin/pages/custom-page.tsx | 8 +-
examples/custom-admin-ui-pages/keystone.ts | 8 +-
examples/custom-admin-ui-pages/schema.ts | 10 +-
.../fields/related-links/components.tsx | 78 +--
examples/custom-field-view/keystone.ts | 8 +-
examples/custom-field-view/schema.ts | 10 +-
examples/custom-field/1-text-field/index.ts | 14 +-
examples/custom-field/1-text-field/views.tsx | 34 +-
examples/custom-field/2-stars-field/index.ts | 24 +-
.../2-stars-field/stars-input.tsx | 20 +-
examples/custom-field/2-stars-field/views.tsx | 32 +-
.../custom-field/3-pair-field-json/index.ts | 46 +-
.../custom-field/3-pair-field-json/views.tsx | 38 +-
.../custom-field/3-pair-field-nested/index.ts | 44 +-
.../3-pair-field-nested/views.tsx | 38 +-
examples/custom-field/3-pair-field/index.ts | 48 +-
examples/custom-field/3-pair-field/views.tsx | 34 +-
.../4-conditional-field/index.tsx | 14 +-
.../4-conditional-field/views.tsx | 44 +-
examples/custom-field/keystone.ts | 10 +-
examples/custom-field/schema.ts | 34 +-
examples/custom-id/keystone.ts | 8 +-
examples/custom-id/schema.ts | 16 +-
examples/custom-id/seed-data.tsx | 32 +-
examples/custom-output-paths/keystone.ts | 6 +-
examples/custom-output-paths/schema.ts | 14 +-
.../custom-session-invalidation/keystone.ts | 32 +-
.../custom-session-invalidation/schema.ts | 22 +-
examples/custom-session-jwt/keystone.ts | 58 +-
examples/custom-session-jwt/schema.ts | 24 +-
.../admin/pages/api/auth/[...nextauth].ts | 6 +-
examples/custom-session-next-auth/keystone.ts | 16 +-
examples/custom-session-next-auth/schema.ts | 14 +-
examples/custom-session-next-auth/session.ts | 66 +-
examples/custom-session-redis/keystone.ts | 34 +-
examples/custom-session-redis/schema.ts | 18 +-
examples/custom-session/keystone.ts | 26 +-
examples/custom-session/schema.ts | 24 +-
examples/default-values/keystone.ts | 8 +-
examples/default-values/schema.ts | 32 +-
.../keystone-server/keystone.ts | 18 +-
.../src/component-blocks/callout.tsx | 38 +-
.../src/component-blocks/carousel.tsx | 10 +-
.../src/component-blocks/hero.tsx | 8 +-
.../src/component-blocks/index.tsx | 14 +-
.../src/component-blocks/quote.tsx | 8 +-
.../src/component-blocks/tweet.tsx | 20 +-
.../src/component-blocks/youtube-video.tsx | 20 +-
.../keystone-server/src/schema.ts | 16 +-
.../keystone-server/src/seed/index.ts | 44 +-
.../nextjs-frontend/next.config.js | 4 +-
.../src/components/Callout/Callout.tsx | 46 +-
.../src/components/Carousel/Carousel.tsx | 10 +-
.../CustomRenderer/CustomRenderer.tsx | 46 +-
.../src/components/Hero/Hero.tsx | 8 +-
.../src/components/Quote/Quote.tsx | 8 +-
.../src/components/Tweet/Tweet.tsx | 18 +-
.../components/YouTubeVideo/YouTubeVideo.tsx | 22 +-
.../nextjs-frontend/src/graphql.ts | 10 +-
.../nextjs-frontend/src/pages/_app.tsx | 10 +-
.../nextjs-frontend/src/pages/blog/[slug].tsx | 42 +-
.../nextjs-frontend/src/pages/index.tsx | 32 +-
examples/document-field/keystone.ts | 8 +-
examples/document-field/next.config.js | 4 +-
examples/document-field/schema.ts | 10 +-
.../document-field/src/pages/author/[id].tsx | 20 +-
examples/document-field/src/pages/index.tsx | 16 +-
.../document-field/src/pages/post/[slug].tsx | 32 +-
examples/document-field/src/utils.tsx | 8 +-
examples/example-data.ts | 10 +-
examples/example-utils.ts | 2 +-
examples/extend-express-app/keystone.ts | 20 +-
examples/extend-express-app/routes/tasks.ts | 14 +-
examples/extend-express-app/schema.ts | 12 +-
examples/extend-express-app/seed-data.tsx | 42 +-
.../keystone.ts | 8 +-
.../schema.ts | 38 +-
.../keystone.ts | 8 +-
.../schema.ts | 34 +-
.../extend-graphql-schema-nexus/keystone.ts | 8 +-
.../nexus-types.ts | 16 +-
.../extend-graphql-schema-nexus/schema.ts | 38 +-
.../admin/components/CustomNavigation.tsx | 8 +-
.../admin/config.ts | 6 +-
.../admin/pages/subscriptions.tsx | 50 +-
.../extend-graphql-subscriptions/keystone.ts | 10 +-
.../extend-graphql-subscriptions/schema.ts | 30 +-
.../extend-graphql-subscriptions/websocket.ts | 36 +-
examples/extend-prisma-schema/keystone.ts | 10 +-
examples/extend-prisma-schema/schema.ts | 14 +-
examples/field-groups/keystone.ts | 10 +-
examples/field-groups/schema.ts | 14 +-
examples/framework-astro/keystone.ts | 6 +-
.../framework-astro/src/keystone/context.ts | 12 +-
.../framework-astro/src/keystone/schema.ts | 16 +-
.../keystone.ts | 12 +-
.../src/app/DocumentRender.tsx | 12 +-
.../src/app/layout.tsx | 6 +-
.../src/app/page.tsx | 14 +-
.../src/keystone/context.ts | 12 +-
.../src/keystone/schema.ts | 12 +-
.../src/keystone/seed.ts | 6 +-
.../src/pages/api/graphql.ts | 10 +-
.../src/util/request.ts | 4 +-
.../keystone.ts | 12 +-
.../next.config.js | 4 +-
.../src/keystone/context.ts | 12 +-
.../src/keystone/schema.ts | 10 +-
.../src/keystone/seed.ts | 6 +-
.../src/pages/_app.tsx | 10 +-
.../src/pages/api/graphql.ts | 10 +-
.../src/pages/index.tsx | 42 +-
.../src/util/request.ts | 4 +-
.../keystone-server/keystone.ts | 18 +-
.../keystone-server/src/schema.ts | 14 +-
.../keystone-server/src/seed/index.ts | 44 +-
.../nextjs-frontend/next.config.js | 4 +-
.../nextjs-frontend/src/graphql.ts | 10 +-
.../nextjs-frontend/src/pages/_app.tsx | 10 +-
.../nextjs-frontend/src/pages/blog/[slug].tsx | 42 +-
.../nextjs-frontend/src/pages/index.tsx | 32 +-
examples/framework-remix/app/root.tsx | 10 +-
examples/framework-remix/app/routes/index.tsx | 22 +-
.../app/utils/keystone.server.ts | 12 +-
examples/framework-remix/keystone.ts | 12 +-
examples/framework-remix/remix.config.js | 2 +-
examples/graphql-ts-gql/keystone.ts | 8 +-
examples/graphql-ts-gql/schema.ts | 46 +-
examples/hooks/keystone.ts | 10 +-
examples/hooks/schema.ts | 50 +-
examples/limits/keystone.ts | 8 +-
examples/limits/schema.ts | 8 +-
examples/limits/seed-data.ts | 18 +-
examples/omit/keystone.ts | 22 +-
examples/omit/schema.ts | 10 +-
examples/reuse/keystone.ts | 8 +-
examples/reuse/schema.ts | 40 +-
examples/script/keystone.ts | 16 +-
examples/script/script.ts | 20 +-
examples/singleton/keystone.ts | 8 +-
examples/singleton/schema.ts | 8 +-
examples/singleton/seed-data.tsx | 28 +-
examples/testing/example-test.ts | 66 +-
examples/testing/keystone.ts | 18 +-
examples/testing/schema.ts | 18 +-
examples/usecase-blog-moderated/keystone.ts | 26 +-
examples/usecase-blog-moderated/schema.ts | 60 +-
examples/usecase-blog/keystone.ts | 10 +-
examples/usecase-blog/schema.ts | 12 +-
examples/usecase-blog/seed-data.ts | 30 +-
.../usecase-relationship-union/keystone.ts | 10 +-
examples/usecase-relationship-union/schema.ts | 46 +-
examples/usecase-roles/access.ts | 34 +-
examples/usecase-roles/keystone.ts | 16 +-
examples/usecase-roles/schema.ts | 24 +-
examples/usecase-todo/keystone.ts | 8 +-
examples/usecase-todo/schema.ts | 12 +-
examples/usecase-todo/seed-data.ts | 42 +-
examples/usecase-versioning/keystone.ts | 10 +-
examples/usecase-versioning/schema.ts | 16 +-
examples/usecase-versioning/seed-data.ts | 22 +-
examples/virtual-field/keystone.ts | 8 +-
examples/virtual-field/schema.ts | 26 +-
packages/auth/src/components/Icons.tsx | 12 +-
.../auth/src/components/SigninContainer.tsx | 14 +-
packages/auth/src/gql/getBaseAuthSchema.ts | 46 +-
.../auth/src/gql/getInitFirstItemSchema.ts | 30 +-
.../auth/src/gql/getMagicAuthLinkSchema.ts | 56 +-
.../auth/src/gql/getPasswordResetSchema.ts | 62 +-
packages/auth/src/index.ts | 122 ++--
packages/auth/src/lib/createAuthToken.ts | 10 +-
packages/auth/src/lib/emailHeuristics.ts | 8 +-
packages/auth/src/lib/getErrorMessage.ts | 8 +-
packages/auth/src/lib/useFromRedirect.ts | 4 +-
packages/auth/src/lib/validateAuthToken.ts | 30 +-
packages/auth/src/lib/validateSecret.ts | 14 +-
packages/auth/src/pages/InitPage.tsx | 154 ++---
packages/auth/src/pages/SigninPage.tsx | 86 +--
packages/auth/src/schema.ts | 54 +-
packages/auth/src/templates/init.ts | 10 +-
packages/auth/src/templates/signin.ts | 6 +-
packages/auth/src/types.ts | 16 +-
packages/cloudinary/src/index.ts | 70 +-
packages/cloudinary/src/test-fixtures.skip.ts | 54 +-
packages/cloudinary/src/views/Field.tsx | 64 +-
packages/cloudinary/src/views/index.tsx | 48 +-
packages/core/bin/cli.js | 2 +-
.../admin-ui/id-field-view.tsx | 44 +-
.../admin-ui/pages/App/index.tsx | 20 +-
.../admin-ui/pages/CreateItemPage/index.tsx | 42 +-
.../admin-ui/pages/HomePage/index.tsx | 56 +-
.../admin-ui/pages/ItemPage/common.tsx | 24 +-
.../admin-ui/pages/ItemPage/index.tsx | 216 +++---
.../pages/ListPage/FieldSelection.tsx | 54 +-
.../admin-ui/pages/ListPage/FilterAdd.tsx | 108 +--
.../admin-ui/pages/ListPage/FilterList.tsx | 50 +-
.../admin-ui/pages/ListPage/SortSelection.tsx | 48 +-
.../admin-ui/pages/ListPage/index.tsx | 332 +++++-----
.../admin-ui/pages/ListPage/useFilters.tsx | 48 +-
.../pages/ListPage/useSelectedFields.tsx | 20 +-
.../admin-ui/pages/ListPage/useSort.tsx | 26 +-
.../admin-ui/pages/NoAccessPage/index.tsx | 16 +-
.../artifacts.ts | 4 +-
packages/core/src/access.ts | 12 +-
.../core/src/admin-ui/admin-meta-graphql.ts | 16 +-
packages/core/src/admin-ui/apollo.tsx | 2 +-
.../src/admin-ui/components/CellContainer.tsx | 10 +-
.../core/src/admin-ui/components/CellLink.tsx | 10 +-
.../src/admin-ui/components/Container.tsx | 8 +-
.../admin-ui/components/CreateButtonLink.tsx | 10 +-
.../admin-ui/components/CreateItemDrawer.tsx | 28 +-
.../core/src/admin-ui/components/Errors.tsx | 34 +-
.../components/GraphQLErrorNotice.tsx | 16 +-
.../core/src/admin-ui/components/Logo.tsx | 16 +-
.../src/admin-ui/components/Navigation.tsx | 92 +--
.../src/admin-ui/components/PageContainer.tsx | 38 +-
.../src/admin-ui/components/Pagination.tsx | 66 +-
.../src/admin-ui/components/SignoutButton.tsx | 22 +-
.../core/src/admin-ui/components/index.ts | 18 +-
packages/core/src/admin-ui/context.tsx | 80 +--
packages/core/src/admin-ui/image.tsx | 4 +-
packages/core/src/admin-ui/index.tsx | 2 +-
packages/core/src/admin-ui/router.tsx | 16 +-
.../src/admin-ui/system/generateAdminUI.ts | 110 +--
packages/core/src/admin-ui/system/index.ts | 2 +-
packages/core/src/admin-ui/templates/app.ts | 66 +-
.../src/admin-ui/templates/create-item.ts | 2 +-
packages/core/src/admin-ui/templates/home.ts | 2 +-
packages/core/src/admin-ui/templates/index.ts | 28 +-
packages/core/src/admin-ui/templates/item.tsx | 2 +-
packages/core/src/admin-ui/templates/list.tsx | 2 +-
.../src/admin-ui/templates/next-config.ts | 2 +-
.../core/src/admin-ui/templates/no-access.ts | 4 +-
packages/core/src/admin-ui/utils/Fields.tsx | 94 +--
.../core/src/admin-ui/utils/dataGetter.ts | 36 +-
...getRootGraphQLFieldsFromFieldController.ts | 24 +-
packages/core/src/admin-ui/utils/index.ts | 12 +-
packages/core/src/admin-ui/utils/item-form.ts | 46 +-
.../core/src/admin-ui/utils/serialization.tsx | 46 +-
.../admin-ui/utils/serializePathForImport.ts | 4 +-
.../core/src/admin-ui/utils/useAdminMeta.tsx | 104 +--
.../core/src/admin-ui/utils/useCreateItem.ts | 100 +--
.../src/admin-ui/utils/useInvalidFields.ts | 22 +-
.../src/admin-ui/utils/useLazyMetadata.tsx | 66 +-
.../admin-ui/utils/usePreventNavigation.tsx | 26 +-
packages/core/src/artifacts.ts | 136 ++--
packages/core/src/context.ts | 12 +-
.../core/src/fields/filters/enum-filter.ts | 16 +-
packages/core/src/fields/filters/index.ts | 2 +-
packages/core/src/fields/filters/internal.ts | 36 +-
.../src/fields/filters/providers/mysql.ts | 82 +--
.../fields/filters/providers/postgresql.ts | 84 +--
.../src/fields/filters/providers/sqlite.ts | 82 +--
packages/core/src/fields/index.ts | 64 +-
packages/core/src/fields/non-null-graphql.ts | 14 +-
.../core/src/fields/types/bigInt/index.ts | 58 +-
.../src/fields/types/bigInt/views/index.tsx | 106 +--
.../src/fields/types/calendarDay/index.ts | 76 +--
.../fields/types/calendarDay/views/index.tsx | 64 +-
.../core/src/fields/types/checkbox/index.ts | 28 +-
.../src/fields/types/checkbox/views/index.tsx | 44 +-
.../core/src/fields/types/decimal/index.ts | 76 +--
.../src/fields/types/decimal/views/index.tsx | 118 ++--
packages/core/src/fields/types/file/index.ts | 42 +-
.../src/fields/types/file/views/Field.tsx | 46 +-
.../src/fields/types/file/views/index.tsx | 48 +-
packages/core/src/fields/types/float/index.ts | 48 +-
.../src/fields/types/float/views/index.tsx | 102 +--
packages/core/src/fields/types/image/index.ts | 54 +-
packages/core/src/fields/types/image/utils.ts | 2 +-
.../src/fields/types/image/views/Field.tsx | 96 +--
.../src/fields/types/image/views/index.tsx | 48 +-
.../core/src/fields/types/integer/index.ts | 62 +-
.../src/fields/types/integer/views/index.tsx | 100 +--
.../src/fields/types/integer/views/utils.tsx | 42 +-
packages/core/src/fields/types/json/index.ts | 14 +-
.../src/fields/types/json/views/index.tsx | 50 +-
.../src/fields/types/multiselect/index.ts | 86 +--
.../fields/types/multiselect/views/index.tsx | 58 +-
.../core/src/fields/types/password/index.ts | 80 +--
.../src/fields/types/password/views/index.tsx | 116 ++--
.../src/fields/types/relationship/index.ts | 106 +--
.../relationship/views/RelationshipSelect.tsx | 148 ++---
.../relationship/views/cards/InlineCreate.tsx | 76 +--
.../relationship/views/cards/InlineEdit.tsx | 68 +-
.../types/relationship/views/cards/index.tsx | 178 ++---
.../relationship/views/cards/useItemState.tsx | 86 +--
.../fields/types/relationship/views/index.tsx | 222 +++----
.../core/src/fields/types/select/index.ts | 70 +-
.../src/fields/types/select/views/index.tsx | 104 +--
packages/core/src/fields/types/text/index.ts | 58 +-
.../src/fields/types/text/views/index.tsx | 96 +--
.../core/src/fields/types/timestamp/index.ts | 48 +-
.../types/timestamp/views/__tests__/index.tsx | 64 +-
.../types/timestamp/views/__tests__/utils.tsx | 22 +-
.../fields/types/timestamp/views/index.tsx | 102 +--
.../src/fields/types/timestamp/views/utils.ts | 34 +-
.../core/src/fields/types/virtual/index.ts | 24 +-
.../fields/types/virtual/views/PrettyData.tsx | 24 +-
.../src/fields/types/virtual/views/index.tsx | 26 +-
packages/core/src/index.ts | 6 +-
packages/core/src/lib/admin-meta-resolver.ts | 118 ++--
.../core/src/lib/assets/createFilesContext.ts | 48 +-
.../src/lib/assets/createImagesContext.ts | 56 +-
packages/core/src/lib/assets/local.ts | 52 +-
packages/core/src/lib/assets/s3.ts | 70 +-
packages/core/src/lib/assets/types.ts | 8 +-
packages/core/src/lib/assets/utils.ts | 8 +-
.../lib/coerceAndValidateForGraphQLInput.ts | 18 +-
packages/core/src/lib/config.ts | 24 +-
packages/core/src/lib/context/api.ts | 52 +-
.../core/src/lib/context/createContext.ts | 74 +--
.../context/executeGraphQLFieldToRootVal.ts | 70 +-
.../executeGraphQLFieldWithSelection.ts | 40 +-
packages/core/src/lib/core/access-control.ts | 72 +-
.../core/src/lib/core/field-assertions.ts | 52 +-
.../core/src/lib/core/filter-order-access.ts | 40 +-
packages/core/src/lib/core/graphql-errors.ts | 46 +-
.../core/src/lib/core/initialise-lists.ts | 316 ++++-----
.../src/lib/core/mutations/access-control.ts | 108 +--
.../src/lib/core/mutations/create-update.ts | 226 +++----
.../core/src/lib/core/mutations/delete.ts | 60 +-
packages/core/src/lib/core/mutations/hooks.ts | 28 +-
packages/core/src/lib/core/mutations/index.ts | 46 +-
.../nested-mutation-many-input-resolvers.ts | 68 +-
.../nested-mutation-one-input-resolvers.ts | 38 +-
.../core/src/lib/core/mutations/validation.ts | 54 +-
.../src/lib/core/prisma-schema-printer.ts | 124 ++--
packages/core/src/lib/core/queries/index.ts | 22 +-
.../core/src/lib/core/queries/output-field.ts | 118 ++--
.../core/src/lib/core/queries/resolvers.ts | 148 ++---
.../src/lib/core/resolve-relationships.ts | 122 ++--
packages/core/src/lib/core/utils.ts | 102 +--
packages/core/src/lib/core/where-inputs.ts | 74 +--
packages/core/src/lib/create-admin-meta.ts | 112 ++--
packages/core/src/lib/createGraphQLSchema.ts | 66 +-
packages/core/src/lib/createSystem.ts | 78 +--
packages/core/src/lib/defaults.ts | 4 +-
packages/core/src/lib/esbuild.ts | 8 +-
packages/core/src/lib/id-field.ts | 104 +--
packages/core/src/lib/migrations.ts | 190 +++---
packages/core/src/lib/prompts.ts | 14 +-
packages/core/src/lib/schema-type-printer.tsx | 86 +--
.../core/src/lib/server/addHealthCheck.ts | 18 +-
.../src/lib/server/createAdminUIMiddleware.ts | 64 +-
.../src/lib/server/createExpressServer.ts | 84 +--
packages/core/src/lib/telemetry.ts | 206 +++---
packages/core/src/lib/types.d.ts | 2 +-
packages/core/src/lib/utils.ts | 6 +-
packages/core/src/pkg-dir.ts | 4 +-
packages/core/src/schema.ts | 14 +-
packages/core/src/scripts/build.ts | 42 +-
packages/core/src/scripts/cli.ts | 50 +-
packages/core/src/scripts/dev.ts | 338 +++++-----
packages/core/src/scripts/index.ts | 18 +-
packages/core/src/scripts/prisma.ts | 36 +-
packages/core/src/scripts/start.ts | 82 +--
packages/core/src/scripts/telemetry.ts | 24 +-
packages/core/src/scripts/utils.ts | 6 +-
packages/core/src/session/index.ts | 64 +-
packages/core/src/system.ts | 20 +-
packages/core/src/testing.ts | 14 +-
packages/core/src/types/admin-meta.ts | 42 +-
.../core/src/types/config/access-control.ts | 40 +-
packages/core/src/types/config/fields.ts | 20 +-
packages/core/src/types/config/hooks.ts | 30 +-
packages/core/src/types/config/index.ts | 68 +-
packages/core/src/types/config/lists.ts | 32 +-
packages/core/src/types/context.ts | 44 +-
packages/core/src/types/core.ts | 10 +-
packages/core/src/types/index.ts | 18 +-
.../json-field-type-polyfill-for-sqlite.ts | 40 +-
packages/core/src/types/next-fields.ts | 98 +--
.../src/types/schema/graphql-ts-schema.ts | 160 ++---
packages/core/src/types/schema/index.ts | 2 +-
.../types/schema/schema-api-with-context.d.ts | 8 +-
.../types/schema/schema-api-with-context.js | 2 +-
packages/core/src/types/session.ts | 10 +-
packages/core/src/types/telemetry.ts | 12 +-
packages/core/src/types/type-info.ts | 12 +-
packages/core/src/types/type-tests.ts | 18 +-
packages/core/src/types/utils.ts | 10 +-
packages/core/tests/telemetry.test.ts | 270 ++++----
packages/core/tests/utils.test.ts | 36 +-
packages/document-renderer/src/index.tsx | 100 +--
.../src/DocumentEditor/Toolbar.tsx | 186 +++---
.../src/DocumentEditor/alignment.tsx | 64 +-
.../block-markdown-shortcuts.ts | 94 +--
.../src/DocumentEditor/blockquote.test.tsx | 36 +-
.../src/DocumentEditor/blockquote.tsx | 84 +--
.../src/DocumentEditor/code-block.test.tsx | 58 +-
.../src/DocumentEditor/code-block.tsx | 66 +-
.../DocumentEditor/component-blocks/api.tsx | 178 ++---
.../component-blocks/array-field.test.tsx | 60 +-
...ld-field-in-recursive-array-field.test.tsx | 24 +-
.../component-blocks/chromeful-element.tsx | 60 +-
.../component-blocks/chromeless-element.tsx | 30 +-
.../component-block-render.tsx | 62 +-
.../document-features-normalization.test.tsx | 76 +--
.../component-blocks/field-assertions.test.ts | 108 +--
.../component-blocks/field-assertions.ts | 60 +-
.../component-blocks/form-from-preview.tsx | 112 ++--
.../component-blocks/get-value.ts | 60 +-
.../DocumentEditor/component-blocks/index.tsx | 106 +--
.../component-blocks/initial-values.ts | 108 +--
.../insert-break-and-delete.test.tsx | 46 +-
.../insertion-and-preview-props.test.tsx | 146 ++--
.../multi-child-field-in-array-field.test.tsx | 26 +-
.../nested-array-field.test.tsx | 36 +-
.../component-blocks/normalization.test.tsx | 110 +--
.../component-blocks/preview-props.test.ts | 120 ++--
.../component-blocks/preview-props.tsx | 166 ++---
.../component-blocks/update-element.ts | 130 ++--
.../component-blocks/utils.test.ts | 40 +-
.../DocumentEditor/component-blocks/utils.ts | 194 +++---
.../with-component-blocks.tsx | 354 +++++-----
.../src/DocumentEditor/divider.test.tsx | 10 +-
.../src/DocumentEditor/divider.tsx | 40 +-
.../document-features-normalization.ts | 74 +--
.../src/DocumentEditor/heading.test.tsx | 34 +-
.../src/DocumentEditor/heading.tsx | 42 +-
.../src/DocumentEditor/index.tsx | 296 ++++-----
.../src/DocumentEditor/insert-menu.test.tsx | 98 +--
.../src/DocumentEditor/insert-menu.tsx | 204 +++---
.../src/DocumentEditor/isValidURL.ts | 4 +-
.../src/DocumentEditor/layouts.test.tsx | 62 +-
.../src/DocumentEditor/layouts.tsx | 136 ++--
.../src/DocumentEditor/leaf.tsx | 48 +-
.../src/DocumentEditor/link.test.tsx | 24 +-
.../src/DocumentEditor/link.tsx | 210 +++---
.../src/DocumentEditor/lists.test.tsx | 204 +++---
.../src/DocumentEditor/lists.tsx | 148 ++---
.../markdown-link-shortcut.test.tsx | 98 +--
.../src/DocumentEditor/marks.test.tsx | 166 ++---
.../src/DocumentEditor/marks.tsx | 102 +--
.../src/DocumentEditor/paragraphs.ts | 20 +-
.../DocumentEditor/pasting/data-transfer.ts | 30 +-
.../pasting/html-from-other-editors.test.tsx | 18 +-
.../src/DocumentEditor/pasting/html.ts | 158 ++---
.../src/DocumentEditor/pasting/index.ts | 78 +--
.../src/DocumentEditor/pasting/links.test.tsx | 36 +-
.../DocumentEditor/pasting/markdown.test.tsx | 56 +-
.../src/DocumentEditor/pasting/markdown.ts | 66 +-
.../pasting-from-other-slate-editor.test.tsx | 44 +-
.../pasting/random-html.test.tsx | 26 +-
.../src/DocumentEditor/pasting/test-utils.tsx | 14 +-
.../src/DocumentEditor/pasting/utils.ts | 56 +-
.../src/DocumentEditor/primitives/index.tsx | 6 +-
.../primitives/inline-dialog.tsx | 18 +-
.../DocumentEditor/primitives/orderable.tsx | 68 +-
.../src/DocumentEditor/primitives/toolbar.tsx | 54 +-
.../src/DocumentEditor/relationship.tsx | 72 +-
.../src/DocumentEditor/render-element.tsx | 62 +-
.../src/DocumentEditor/shortcuts.test.tsx | 26 +-
.../src/DocumentEditor/shortcuts.ts | 30 +-
.../src/DocumentEditor/slate-types.ts | 30 +-
.../src/DocumentEditor/soft-breaks.test.tsx | 22 +-
.../src/DocumentEditor/soft-breaks.tsx | 8 +-
.../src/DocumentEditor/tests/jsx/impl.ts | 12 +-
.../DocumentEditor/tests/jsx/namespace.d.ts | 16 +-
.../src/DocumentEditor/tests/jsx/namespace.js | 2 +-
.../DocumentEditor/tests/test-utils.test.tsx | 68 +-
.../src/DocumentEditor/tests/utils.tsx | 180 ++---
.../src/DocumentEditor/toolbar-state.tsx | 88 +--
.../src/DocumentEditor/utils.ts | 126 ++--
.../fields-document/src/component-blocks.tsx | 4 +-
packages/fields-document/src/index.ts | 80 +--
packages/fields-document/src/primitives.ts | 2 +-
.../fields-document/src/relationship-data.tsx | 90 +--
.../src/structure-graphql-input.tsx | 218 +++---
.../src/structure-graphql-output.tsx | 82 +--
.../src/structure-validation.ts | 80 +--
.../fields-document/src/structure-views.tsx | 74 +--
packages/fields-document/src/structure.ts | 58 +-
.../fields-document/src/validation.test.tsx | 98 +--
packages/fields-document/src/validation.ts | 102 +--
packages/fields-document/src/views.tsx | 100 +--
prisma-utils/main.ts | 104 +--
scripts/prepare-release.js | 172 ++---
tests/admin-ui-tests/filters.test.ts | 108 +--
tests/admin-ui-tests/init.test.ts | 86 +--
tests/admin-ui-tests/list-view-crud.test.ts | 102 +--
tests/admin-ui-tests/live-reloading.test.ts | 112 ++--
tests/admin-ui-tests/navigation.test.ts | 106 +--
tests/admin-ui-tests/relations.test.ts | 38 +-
tests/admin-ui-tests/utils.ts | 120 ++--
.../access-control/authed-user.test.ts | 20 +-
.../access-control/field-access.test.ts | 144 ++--
.../filter-coercion-and-validation.test.ts | 32 +-
.../access-control/list-access.test.ts | 520 +++++++--------
.../access-control/mutations-field.test.ts | 132 ++--
.../mutations-list-filter.test.ts | 80 +--
.../mutations-list-item.test.ts | 172 ++---
.../mutations-list-operation.test.ts | 72 +-
tests/api-tests/access-control/schema.test.ts | 116 ++--
tests/api-tests/access-control/utils.ts | 68 +-
tests/api-tests/admin-meta.test.ts | 42 +-
tests/api-tests/auth-header.test.ts | 144 ++--
tests/api-tests/auth.test.ts | 436 ++++++------
tests/api-tests/body-parser.test.ts | 60 +-
tests/api-tests/db-enable-logging.test.ts | 44 +-
tests/api-tests/db-map.test.ts | 32 +-
.../api-tests/default-value/defaults.test.ts | 28 +-
tests/api-tests/extend-express-app.test.ts | 26 +-
.../extend-graphql-schema.test.ts | 58 +-
tests/api-tests/extend-http-server.test.ts | 26 +-
tests/api-tests/field-groups.test.ts | 18 +-
tests/api-tests/fields/crud.test.ts | 152 ++---
tests/api-tests/fields/files.test.ts | 132 ++--
.../fields/images.crud.test.disabled.ts | 142 ++--
tests/api-tests/fields/non-null.test.ts | 92 +--
tests/api-tests/fields/required.test.ts | 86 +--
tests/api-tests/fields/types/Virtual.test.ts | 56 +-
tests/api-tests/fields/types/bigInt.test.ts | 14 +-
.../fields/types/calendarDay.test.ts | 16 +-
tests/api-tests/fields/types/checkbox.test.ts | 16 +-
tests/api-tests/fields/types/decimal.test.ts | 18 +-
tests/api-tests/fields/types/document.test.ts | 118 ++--
.../fixtures/bigInt/non-null/test-fixtures.ts | 26 +-
.../types/fixtures/bigInt/test-fixtures.ts | 26 +-
.../calendarDay/non-null/test-fixtures.ts | 26 +-
.../fixtures/calendarDay/test-fixtures.ts | 26 +-
.../types/fixtures/checkbox/test-fixtures.ts | 30 +-
.../decimal/non-null/test-fixtures.ts | 28 +-
.../types/fixtures/decimal/test-fixtures.ts | 60 +-
.../types/fixtures/document/test-fixtures.ts | 32 +-
.../types/fixtures/file/test-fixtures.ts | 68 +-
.../fixtures/float/non-null/test-fixtures.ts | 26 +-
.../types/fixtures/float/test-fixtures.ts | 26 +-
.../fields/types/fixtures/id/test-fixtures.ts | 104 +--
.../fixtures/image/test-fixtures-skip.ts | 68 +-
.../integer/non-null/test-fixtures.ts | 26 +-
.../types/fixtures/integer/test-fixtures.ts | 26 +-
.../types/fixtures/json/test-fixtures.ts | 28 +-
.../fixtures/multiselect/test-fixtures.ts | 52 +-
.../password/non-null/test-fixtures.ts | 30 +-
.../types/fixtures/password/test-fixtures.ts | 46 +-
.../fixtures/select/non-null/test-fixtures.ts | 36 +-
.../types/fixtures/select/test-fixtures.ts | 48 +-
.../fixtures/text/nullable/test-fixtures.ts | 26 +-
.../types/fixtures/text/test-fixtures.ts | 28 +-
.../timestamp/non-null/test-fixtures.ts | 26 +-
.../types/fixtures/timestamp/test-fixtures.ts | 36 +-
tests/api-tests/fields/types/float.test.ts | 14 +-
tests/api-tests/fields/types/integer.test.ts | 14 +-
tests/api-tests/fields/types/password.test.ts | 12 +-
.../fields/types/relationship.test.ts | 92 +--
tests/api-tests/fields/types/select.test.ts | 18 +-
tests/api-tests/fields/types/text.test.ts | 48 +-
.../api-tests/fields/types/timestamp.test.ts | 14 +-
tests/api-tests/fields/types/utils.ts | 90 +--
tests/api-tests/fields/unique.test.ts | 88 +--
tests/api-tests/fields/unsupported.test.ts | 52 +-
tests/api-tests/healthcheck.test.ts | 44 +-
tests/api-tests/hooks/hook-errors.test.ts | 202 +++---
tests/api-tests/hooks/list-hooks.test.ts | 44 +-
tests/api-tests/hooks/validation.test.ts | 138 ++--
tests/api-tests/id-field.test.ts | 148 ++---
tests/api-tests/indexes.test.ts | 36 +-
tests/api-tests/new-interfaces.test.ts | 18 +-
tests/api-tests/parallel.test.ts | 48 +-
tests/api-tests/queries/cache-hints.test.ts | 142 ++--
.../queries/cursor-pagination.test.ts | 178 ++---
tests/api-tests/queries/filters.test.ts | 262 ++++----
tests/api-tests/queries/limits.test.ts | 122 ++--
tests/api-tests/queries/orderBy.test.ts | 298 ++++-----
tests/api-tests/queries/relationships.test.ts | 198 +++---
tests/api-tests/queries/singletons.test.ts | 134 ++--
tests/api-tests/queries/validation.ts | 136 ++--
.../many-to-many-one-sided.test.ts | 214 +++---
.../crud-self-ref/many-to-many.test.ts | 280 ++++----
.../one-to-many-one-sided.test.ts | 324 ++++-----
.../crud-self-ref/one-to-many.test.ts | 306 ++++-----
.../crud-self-ref/one-to-one.test.ts | 322 ++++-----
.../crud/many-to-many-one-sided.test.ts | 250 +++----
.../relationships/crud/many-to-many.test.ts | 316 ++++-----
.../crud/one-to-many-one-sided.test.ts | 326 ++++-----
.../relationships/crud/one-to-many.test.ts | 342 +++++-----
.../relationships/crud/one-to-one.test.ts | 624 +++++++++---------
.../filtering/access-control.test.ts | 56 +-
.../relationships/filtering/filtering.test.ts | 152 ++---
.../relationships/filtering/nested.test.ts | 136 ++--
.../relationships/foreign-key.test.ts | 46 +-
.../label-search-field-validation.test.ts | 36 +-
.../relationships/many-to-one-to-one.test.ts | 92 +--
.../nested-mutations/connect-many.test.ts | 202 +++---
.../nested-mutations/connect-singular.test.ts | 156 ++---
.../create-and-connect-many.test.ts | 108 +--
.../create-and-connect-singular.test.ts | 34 +-
.../nested-mutations/create-many.test.ts | 162 ++---
.../nested-mutations/create-singular.test.ts | 138 ++--
.../nested-mutations/disconnect-many.test.ts | 80 +--
.../disconnect-singular.test.ts | 78 +--
.../reconnect-many-to-one.test.ts | 60 +-
.../nested-mutations/set-many.test.ts | 90 +--
.../two-way-backreference/to-many.test.ts | 308 ++++-----
.../to-one-required.test.ts | 32 +-
.../relationships/relation-name.test.ts | 34 +-
.../relationships/shared-names.test.ts | 36 +-
.../to-one-query-batching.test.ts | 46 +-
tests/api-tests/test-runner.ts | 118 ++--
tests/api-tests/utils.ts | 152 ++---
tests/api-tests/with-server.ts | 32 +-
tests/benchmarks/fixtures/create-related.js | 70 +-
tests/benchmarks/fixtures/create.js | 46 +-
tests/benchmarks/fixtures/index.js | 4 +-
tests/benchmarks/fixtures/query.js | 118 ++--
tests/benchmarks/lib/utils.js | 44 +-
tests/cli-tests/artifacts.test.ts | 58 +-
tests/cli-tests/build.test.ts | 54 +-
.../fixtures/basic-project/keystone.ts | 8 +-
tests/cli-tests/fixtures/basic-with-no-ui.ts | 8 +-
.../custom-prisma-project/keystone.ts | 8 +-
tests/cli-tests/fixtures/log-node-env.ts | 12 +-
.../fixtures/no-fields-with-migrations.ts | 6 +-
tests/cli-tests/fixtures/no-fields.ts | 6 +-
.../fixtures/one-field-with-migrations.ts | 8 +-
.../fixtures/two-fields-with-migrations.ts | 8 +-
tests/cli-tests/fixtures/with-ts.ts | 10 +-
tests/cli-tests/migrations.test.ts | 386 +++++------
tests/cli-tests/prisma.test.ts | 24 +-
tests/cli-tests/utils.ts | 148 ++---
tests/examples-smoke-tests/auth.test.ts | 42 +-
.../custom-admin-ui-logo.test.ts | 28 +-
.../custom-admin-ui-navigation.test.ts | 56 +-
.../custom-admin-ui-pages.test.ts | 32 +-
.../custom-field-view.test.ts | 28 +-
.../examples-smoke-tests/custom-field.test.ts | 28 +-
.../default-values.test.ts | 28 +-
.../document-field.test.ts | 28 +-
.../extend-express-app.test.ts | 36 +-
...xtend-graphql-schema-graphql-tools.test.ts | 28 +-
.../extend-graphql-schema-graphql-ts.test.ts | 28 +-
.../extend-graphql-schema-nexus.test.ts | 28 +-
tests/examples-smoke-tests/testing.test.ts | 24 +-
.../examples-smoke-tests/usecase-blog.test.ts | 28 +-
.../usecase-roles.test.ts | 24 +-
.../examples-smoke-tests/usecase-todo.test.ts | 28 +-
tests/examples-smoke-tests/utils.ts | 118 ++--
.../virtual-field.test.ts | 28 +-
tests/sandbox/component-blocks.tsx | 100 +--
...d-item-to-relationship-in-hook-cards-ui.ts | 14 +-
.../configs/7591-body-parser-options.ts | 32 +-
tests/sandbox/configs/all-the-things.ts | 26 +-
tests/sandbox/keystone.ts | 2 +-
tests/sandbox/structure-nested.tsx | 6 +-
tests/sandbox/structure-relationships.tsx | 6 +-
tests/sandbox/structure.tsx | 6 +-
tests/sandbox/utils.ts | 12 +-
tests/test-projects/basic/keystone.ts | 8 +-
tests/test-projects/basic/schema.ts | 10 +-
.../crud-notifications/keystone.ts | 8 +-
.../crud-notifications/schema.ts | 14 +-
.../test-projects/live-reloading/keystone.ts | 8 +-
tests/test-projects/live-reloading/schema.ts | 12 +-
.../schemas/changed-prisma-schema.ts | 12 +-
.../live-reloading/schemas/initial.ts | 12 +-
.../live-reloading/schemas/runtime-error.ts | 6 +-
.../live-reloading/schemas/second.ts | 14 +-
1231 files changed, 23592 insertions(+), 23590 deletions(-)
diff --git a/.eslintrc.js b/.eslintrc.js
index ef18a41879b..ba0bb2a053f 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -7,5 +7,7 @@ module.exports = {
files: ['*.js', '*.jsx', '*.ts', '*.tsx'],
}],
rules: {
+ semi: ['error', 'never'],
+ '@typescript-eslint/semi': ['error', 'never'],
}
}
diff --git a/design-system/packages/button/src/Button.tsx b/design-system/packages/button/src/Button.tsx
index 47449de6abb..980fdf8c1e0 100644
--- a/design-system/packages/button/src/Button.tsx
+++ b/design-system/packages/button/src/Button.tsx
@@ -1,12 +1,12 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { ReactNode, useContext } from 'react';
-import { forwardRefWithAs, jsx } from '@keystone-ui/core';
-import { LoadingDots } from '@keystone-ui/loading';
+import { ReactNode, useContext } from 'react'
+import { forwardRefWithAs, jsx } from '@keystone-ui/core'
+import { LoadingDots } from '@keystone-ui/loading'
-import { ButtonContext } from './context';
-import type { WeightKey, ToneKey, SizeKey } from './hooks/button';
+import { ButtonContext } from './context'
+import type { WeightKey, ToneKey, SizeKey } from './hooks/button'
type ButtonProps = {
/** The Button label content. */
@@ -23,29 +23,29 @@ type ButtonProps = {
tone?: ToneKey;
/** The weight of the Button. */
weight?: WeightKey;
-};
+}
const loadingContainerStyles = {
left: '50%',
position: 'absolute',
transform: 'translateX(-50%)',
-} as const;
+} as const
export const Button = forwardRefWithAs<'button', ButtonProps>(
(
{ as: Tag = 'button', children, isDisabled, isLoading, size, tone, weight, ...otherProps },
ref
) => {
- const { useButtonStyles, useButtonTokens, defaults } = useContext(ButtonContext);
+ const { useButtonStyles, useButtonTokens, defaults } = useContext(ButtonContext)
const tokens = useButtonTokens({
size: size || defaults.size,
tone: tone || defaults.tone,
weight: weight || defaults.weight,
- });
+ })
const styles = useButtonStyles({
isDisabled,
tokens,
- });
+ })
return (
@@ -56,6 +56,6 @@ export const Button = forwardRefWithAs<'button', ButtonProps>(
)}
- );
+ )
}
-);
+)
diff --git a/design-system/packages/button/src/context.tsx b/design-system/packages/button/src/context.tsx
index 9785e91447b..4b4ca80d044 100644
--- a/design-system/packages/button/src/context.tsx
+++ b/design-system/packages/button/src/context.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, createContext, useContext, useMemo } from 'react';
+import React, { ReactNode, createContext, useContext, useMemo } from 'react'
import {
buttonPropDefaults,
@@ -7,7 +7,7 @@ import {
SizeKey,
ToneKey,
WeightKey,
-} from './hooks/button';
+} from './hooks/button'
export const ButtonContext = createContext<{
defaults: {
@@ -21,19 +21,19 @@ export const ButtonContext = createContext<{
defaults: buttonPropDefaults,
useButtonStyles,
useButtonTokens,
-});
+})
// Note hooks are optional for the provider value, but not in the context created above; this is
// because they will be merged with the existing context and always exist in the value
type ProviderHooksProp = {
useButtonStyles?: typeof useButtonStyles;
useButtonTokens?: typeof useButtonTokens;
-};
+}
type ProviderDefaultsProp = {
size?: SizeKey;
tone?: ToneKey;
weight?: WeightKey;
-};
+}
export const ButtonProvider = ({
defaults,
hooks,
@@ -43,7 +43,7 @@ export const ButtonProvider = ({
hooks?: ProviderHooksProp;
children: ReactNode;
}) => {
- const parentContext = useContext(ButtonContext);
+ const parentContext = useContext(ButtonContext)
const newContext = useMemo(
() => ({
...parentContext,
@@ -54,6 +54,6 @@ export const ButtonProvider = ({
},
}),
[parentContext, hooks, defaults]
- );
- return {children};
-};
+ )
+ return {children}
+}
diff --git a/design-system/packages/button/src/hooks/button.ts b/design-system/packages/button/src/hooks/button.ts
index d1c01bac213..4d9e1df568c 100644
--- a/design-system/packages/button/src/hooks/button.ts
+++ b/design-system/packages/button/src/hooks/button.ts
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { useTheme } from '@keystone-ui/core';
+import { useTheme } from '@keystone-ui/core'
-export const buttonSizeValues = ['large', 'medium', 'small'] as const;
+export const buttonSizeValues = ['large', 'medium', 'small'] as const
export const buttonToneValues = [
'active',
'passive',
@@ -11,36 +11,36 @@ export const buttonToneValues = [
'warning',
'negative',
'help',
-] as const;
-export const buttonWeightValues = ['bold', 'light', 'none', 'link'] as const;
+] as const
+export const buttonWeightValues = ['bold', 'light', 'none', 'link'] as const
-export type SizeKey = (typeof buttonSizeValues)[number];
-export type ToneKey = (typeof buttonToneValues)[number];
-export type WeightKey = (typeof buttonWeightValues)[number];
+export type SizeKey = (typeof buttonSizeValues)[number]
+export type ToneKey = (typeof buttonToneValues)[number]
+export type WeightKey = (typeof buttonWeightValues)[number]
export type ButtonPropDefaults = {
size: SizeKey;
tone: ToneKey;
weight: WeightKey;
-};
+}
export const buttonPropDefaults = {
size: 'medium',
tone: 'passive',
weight: 'light',
-} as const;
+} as const
type ButtonTokensProps = {
size: SizeKey;
tone: ToneKey;
weight: WeightKey;
-};
+}
type ButtonStateTokens = {
background?: string;
borderColor?: string;
foreground?: string;
shadow?: string;
textDecoration?: string;
-};
+}
export type ButtonTokens = {
borderRadius?: number;
borderWidth?: number;
@@ -53,18 +53,18 @@ export type ButtonTokens = {
focus: ButtonStateTokens;
hover: ButtonStateTokens;
pressed: ButtonStateTokens;
-} & ButtonStateTokens;
+} & ButtonStateTokens
-type Weight = ButtonStateTokens & Pick;
+type Weight = ButtonStateTokens & Pick
export function useButtonTokens({
tone: toneKey,
size: sizeKey,
weight: weightKey,
}: ButtonTokensProps): ButtonTokens {
- const { animation, colors, tones, typography, controlSizes, opacity } = useTheme();
- const tone = tones[toneKey];
- const size = controlSizes[sizeKey];
+ const { animation, colors, tones, typography, controlSizes, opacity } = useTheme()
+ const tone = tones[toneKey]
+ const size = controlSizes[sizeKey]
const weights: { [key in WeightKey]: Weight } = {
bold: {
@@ -125,9 +125,9 @@ export function useButtonTokens({
textDecoration: 'underline',
},
},
- };
+ }
- const weight = weights[weightKey];
+ const weight = weights[weightKey]
const tokens: ButtonTokens = {
borderRadius: size.borderRadius,
@@ -144,16 +144,16 @@ export function useButtonTokens({
opacity ${animation.duration100},
`,
...weight,
- };
+ }
- return tokens;
+ return tokens
}
type ButtonStylesProps = {
isDisabled?: boolean;
isBlock?: boolean;
tokens: ButtonTokens;
-};
+}
export function useButtonStyles({ isDisabled, isBlock, tokens }: ButtonStylesProps) {
const baseStyles = {
@@ -172,7 +172,7 @@ export function useButtonStyles({ isDisabled, isBlock, tokens }: ButtonStylesPro
userSelect: 'none',
whiteSpace: 'nowrap',
width: isBlock ? '100%' : undefined,
- } as const;
+ } as const
const tokenStyles = {
backgroundColor: tokens.background || 'transparent',
@@ -209,7 +209,7 @@ export function useButtonStyles({ isDisabled, isBlock, tokens }: ButtonStylesPro
color: tokens.pressed.foreground,
textDecoration: tokens.pressed.textDecoration,
},
- };
+ }
- return { ...baseStyles, ...tokenStyles };
+ return { ...baseStyles, ...tokenStyles }
}
diff --git a/design-system/packages/button/src/index.ts b/design-system/packages/button/src/index.ts
index 52deb61bb86..51cfb43c647 100644
--- a/design-system/packages/button/src/index.ts
+++ b/design-system/packages/button/src/index.ts
@@ -1,3 +1,3 @@
-export * from './Button';
-export * from './context';
-export * from './hooks/button';
+export * from './Button'
+export * from './context'
+export * from './hooks/button'
diff --git a/design-system/packages/core/src/a11y/VisuallyHidden.tsx b/design-system/packages/core/src/a11y/VisuallyHidden.tsx
index c7899890941..589e384aebc 100644
--- a/design-system/packages/core/src/a11y/VisuallyHidden.tsx
+++ b/design-system/packages/core/src/a11y/VisuallyHidden.tsx
@@ -1,5 +1,5 @@
-import React, { ReactNode } from 'react';
-import { forwardRefWithAs } from '../utils';
+import React, { ReactNode } from 'react'
+import { forwardRefWithAs } from '../utils'
// Only display content to screen readers
// ------------------------------
@@ -7,13 +7,13 @@ import { forwardRefWithAs } from '../utils';
type Props = {
children?: ReactNode;
-};
+}
export const VisuallyHidden = forwardRefWithAs<'span', Props>(
({ as: Tag = 'span', ...props }, ref) => {
- return ;
+ return
}
-);
+)
export const visuallyHiddenStyles = {
border: 0,
@@ -24,4 +24,4 @@ export const visuallyHiddenStyles = {
position: 'absolute',
whiteSpace: 'nowrap',
width: 1,
-} as const;
+} as const
diff --git a/design-system/packages/core/src/components/Box.tsx b/design-system/packages/core/src/components/Box.tsx
index 5ef4d7e44a0..354870dd353 100644
--- a/design-system/packages/core/src/components/Box.tsx
+++ b/design-system/packages/core/src/components/Box.tsx
@@ -1,30 +1,30 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '../emotion';
+import { jsx } from '../emotion'
-import { useTheme } from '../theme';
-import { useMediaQuery } from '../hooks/useMediaQuery';
-import { forwardRefWithAs, mapResponsiveProp } from '../utils';
-import { ResponsiveProp, Theme } from '../types';
+import { useTheme } from '../theme'
+import { useMediaQuery } from '../hooks/useMediaQuery'
+import { forwardRefWithAs, mapResponsiveProp } from '../utils'
+import { ResponsiveProp, Theme } from '../types'
// Types
// -----
-type DimensionType = number | string;
+type DimensionType = number | string
-type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';
-type TextAlignment = ResponsiveProp;
+type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'start' | 'end'
+type TextAlignment = ResponsiveProp
-type ColorType = ResponsiveProp;
+type ColorType = ResponsiveProp
export type ColorProps = {
/** background-color */
background?: ColorType;
/** color */
foreground?: ColorType;
-};
+}
-type RadiiType = ResponsiveProp;
+type RadiiType = ResponsiveProp
export type RadiiProps = {
/** border-radius */
rounding?: RadiiType;
@@ -36,9 +36,9 @@ export type RadiiProps = {
roundingRight?: RadiiType;
/** border-bottom-left-radius and border-bottom-right-radius */
roundingTop?: RadiiType;
-};
+}
-type SpacingType = ResponsiveProp;
+type SpacingType = ResponsiveProp
export type MarginProps = {
/** margin */
margin?: SpacingType;
@@ -54,7 +54,7 @@ export type MarginProps = {
marginY?: SpacingType;
/** margin-left and margin-right */
marginX?: SpacingType;
-};
+}
export type PaddingProps = {
/** padding */
@@ -71,7 +71,7 @@ export type PaddingProps = {
paddingY?: SpacingType;
/** padding-left and padding-right */
paddingX?: SpacingType;
-};
+}
type BaseBoxProps = {
/** text-align */
@@ -80,9 +80,9 @@ type BaseBoxProps = {
height?: ResponsiveProp;
/** width */
width?: ResponsiveProp;
-};
+}
-export type BoxProps = ColorProps & RadiiProps & MarginProps & PaddingProps & BaseBoxProps;
+export type BoxProps = ColorProps & RadiiProps & MarginProps & PaddingProps & BaseBoxProps
// Style Functions
// ---------------
@@ -113,8 +113,8 @@ export const useBoxStyles = ({
textAlign,
width,
}: BoxProps) => {
- const theme = useTheme();
- const { mq } = useMediaQuery();
+ const theme = useTheme()
+ const { mq } = useMediaQuery()
const resolvedColors = useColors(
{
@@ -122,7 +122,7 @@ export const useBoxStyles = ({
foreground,
},
theme
- );
+ )
const resolvedMargin = useMargin(
{
@@ -135,7 +135,7 @@ export const useBoxStyles = ({
marginX,
},
theme
- );
+ )
const resolvedPadding = usePadding(
{
@@ -148,12 +148,12 @@ export const useBoxStyles = ({
paddingX,
},
theme
- );
+ )
const resolvedRounding = useRadii(
{ rounding, roundingTop, roundingRight, roundingBottom, roundingLeft },
theme
- );
+ )
return mq({
...resolvedColors,
@@ -164,8 +164,8 @@ export const useBoxStyles = ({
height: height,
textAlign: textAlign,
width: width,
- });
-};
+ })
+}
// Utils
// ------------------------------
@@ -174,17 +174,17 @@ function useColors({ background, foreground }: ColorProps, { palette }: Theme) {
return {
backgroundColor: background && mapResponsiveProp(background, palette),
color: foreground && mapResponsiveProp(foreground, palette),
- };
+ }
}
function useRadii(
{ rounding, roundingTop, roundingRight, roundingBottom, roundingLeft }: RadiiProps,
{ radii }: Theme
) {
- let borderBottomLeftRadius = roundingBottom || roundingLeft || rounding;
- let borderBottomRightRadius = roundingBottom || roundingRight || rounding;
- let borderTopLeftRadius = roundingTop || roundingLeft || rounding;
- let borderTopRightRadius = roundingTop || roundingRight || rounding;
+ let borderBottomLeftRadius = roundingBottom || roundingLeft || rounding
+ let borderBottomRightRadius = roundingBottom || roundingRight || rounding
+ let borderTopLeftRadius = roundingTop || roundingLeft || rounding
+ let borderTopRightRadius = roundingTop || roundingRight || rounding
return {
borderBottomLeftRadius:
@@ -193,7 +193,7 @@ function useRadii(
borderBottomRightRadius && mapResponsiveProp(borderBottomRightRadius, radii),
borderTopLeftRadius: borderTopLeftRadius && mapResponsiveProp(borderTopLeftRadius, radii),
borderTopRightRadius: borderTopRightRadius && mapResponsiveProp(borderTopRightRadius, radii),
- };
+ }
}
function usePadding(
@@ -208,34 +208,34 @@ function usePadding(
}: PaddingProps,
{ spacing }: Theme
) {
- let pb = paddingBottom || paddingY || padding;
- let pt = paddingTop || paddingY || padding;
- let pl = paddingLeft || paddingX || padding;
- let pr = paddingRight || paddingX || padding;
+ let pb = paddingBottom || paddingY || padding
+ let pt = paddingTop || paddingY || padding
+ let pl = paddingLeft || paddingX || padding
+ let pr = paddingRight || paddingX || padding
return {
paddingBottom: pb && mapResponsiveProp(pb, spacing),
paddingTop: pt && mapResponsiveProp(pt, spacing),
paddingLeft: pl && mapResponsiveProp(pl, spacing),
paddingRight: pr && mapResponsiveProp(pr, spacing),
- };
+ }
}
function useMargin(
{ margin, marginTop, marginRight, marginBottom, marginLeft, marginY, marginX }: MarginProps,
{ spacing }: Theme
) {
- let mb = marginBottom || marginY || margin;
- let mt = marginTop || marginY || margin;
- let ml = marginLeft || marginX || margin;
- let mr = marginRight || marginX || margin;
+ let mb = marginBottom || marginY || margin
+ let mt = marginTop || marginY || margin
+ let ml = marginLeft || marginX || margin
+ let mr = marginRight || marginX || margin
return {
marginBottom: mb && mapResponsiveProp(mb, spacing),
marginTop: mt && mapResponsiveProp(mt, spacing),
marginLeft: ml && mapResponsiveProp(ml, spacing),
marginRight: mr && mapResponsiveProp(mr, spacing),
- };
+ }
}
// Box Component
@@ -268,7 +268,7 @@ export const Box = forwardRefWithAs<'div', BoxProps>(({ as: Tag = 'div', ...prop
textAlign,
width,
...attrs
- } = props;
+ } = props
const boxStyles = useBoxStyles({
background,
@@ -295,7 +295,7 @@ export const Box = forwardRefWithAs<'div', BoxProps>(({ as: Tag = 'div', ...prop
roundingTop,
textAlign,
width,
- });
+ })
- return ;
-});
+ return
+})
diff --git a/design-system/packages/core/src/components/Center.tsx b/design-system/packages/core/src/components/Center.tsx
index 9ccbf66b9ea..59e7998c8a5 100644
--- a/design-system/packages/core/src/components/Center.tsx
+++ b/design-system/packages/core/src/components/Center.tsx
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '../emotion';
+import { jsx } from '../emotion'
-import { forwardRefWithAs } from '../utils';
-import { Box, BoxProps } from './Box';
+import { forwardRefWithAs } from '../utils'
+import { Box, BoxProps } from './Box'
type CenterProps = {
fillView?: boolean;
-} & BoxProps;
+} & BoxProps
export const Center = forwardRefWithAs<'div', CenterProps>(
({ fillView = false, ...props }, ref) => {
@@ -24,6 +24,6 @@ export const Center = forwardRefWithAs<'div', CenterProps>(
}}
{...props}
/>
- );
+ )
}
-);
+)
diff --git a/design-system/packages/core/src/components/Core.tsx b/design-system/packages/core/src/components/Core.tsx
index b24296eff34..b4553edb8be 100644
--- a/design-system/packages/core/src/components/Core.tsx
+++ b/design-system/packages/core/src/components/Core.tsx
@@ -1,11 +1,11 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, ReactNode } from 'react';
-import { jsx, Global } from '../emotion';
+import { Fragment, ReactNode } from 'react'
+import { jsx, Global } from '../emotion'
-import { normalize } from '../normalize';
-import { useTheme } from '../theme';
+import { normalize } from '../normalize'
+import { useTheme } from '../theme'
type CoreProps = {
/** The app content. */
@@ -14,7 +14,7 @@ type CoreProps = {
includeNormalize?: boolean;
/** Optimize text rendering with CSS. */
optimizeLegibility?: boolean;
-};
+}
export const Core = ({
children,
@@ -26,16 +26,16 @@ export const Core = ({
{children}
- );
-};
+ )
+}
// Base CSS
// ------------------------------
-type BaseCSSProps = Omit;
+type BaseCSSProps = Omit
const BaseCSS = ({ includeNormalize, optimizeLegibility }: BaseCSSProps) => {
- const { typography, colors } = useTheme();
+ const { typography, colors } = useTheme()
return (
@@ -81,5 +81,5 @@ const BaseCSS = ({ includeNormalize, optimizeLegibility }: BaseCSSProps) => {
}}
/>
- );
-};
+ )
+}
diff --git a/design-system/packages/core/src/components/Divider.tsx b/design-system/packages/core/src/components/Divider.tsx
index 5e477e735e4..03a77567bbb 100644
--- a/design-system/packages/core/src/components/Divider.tsx
+++ b/design-system/packages/core/src/components/Divider.tsx
@@ -1,37 +1,37 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '../emotion';
+import { jsx } from '../emotion'
-import { useTheme } from '../theme';
-import { ResponsiveProp, Theme } from '../types';
-import { Box, MarginProps } from './Box';
+import { useTheme } from '../theme'
+import { ResponsiveProp, Theme } from '../types'
+import { Box, MarginProps } from './Box'
-type ColorType = ResponsiveProp;
+type ColorType = ResponsiveProp
const orientationMap = {
horizontal: 'width',
vertical: 'height',
-};
+}
type DividerProps = {
children?: never;
color?: ColorType;
orientation?: keyof typeof orientationMap;
className?: string;
-} & MarginProps;
+} & MarginProps
export const Divider = ({ orientation = 'vertical', color, ...props }: DividerProps) => {
- const { colors } = useTheme();
+ const { colors } = useTheme()
- const dimension = orientationMap[orientation];
+ const dimension = orientationMap[orientation]
const styles = {
// default the background color to the theme border color
backgroundColor: color ? undefined : colors.border,
flexShrink: 0,
[dimension]: 1,
- };
+ }
// if the color prop is defined, pass it as the background to the box
- return ;
-};
+ return
+}
diff --git a/design-system/packages/core/src/components/Heading.tsx b/design-system/packages/core/src/components/Heading.tsx
index 63b022d7469..f0711f61ef1 100644
--- a/design-system/packages/core/src/components/Heading.tsx
+++ b/design-system/packages/core/src/components/Heading.tsx
@@ -1,24 +1,24 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '../emotion';
+import { jsx } from '../emotion'
-import { forwardRefWithAs } from '../utils';
-import { useTheme } from '../theme';
-import { Box, BoxProps } from './Box';
+import { forwardRefWithAs } from '../utils'
+import { useTheme } from '../theme'
+import { Box, BoxProps } from './Box'
-export const HeadingTypes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;
-type HeadingType = (typeof HeadingTypes)[number];
+export const HeadingTypes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const
+type HeadingType = (typeof HeadingTypes)[number]
type HeadingProps = {
/** The type of heading. */
type?: HeadingType;
-} & BoxProps;
+} & BoxProps
export const Heading = forwardRefWithAs<'h1', HeadingProps>(
({ as = 'h1', type = 'h1', ...props }, ref) => {
- const { headingStyles } = useTheme();
- const headingStyle = headingStyles[type];
+ const { headingStyles } = useTheme()
+ const headingStyle = headingStyles[type]
const styles = {
color: headingStyle.color,
fontFamily: headingStyle.family,
@@ -26,31 +26,31 @@ export const Heading = forwardRefWithAs<'h1', HeadingProps>(
fontWeight: headingStyle.weight,
textTransform: headingStyle.transform,
margin: 0,
- } as const;
- return ;
+ } as const
+ return
}
-);
+)
export const H1 = forwardRefWithAs<'h1', BoxProps>(({ as = 'h1', ...props }, ref) => {
- return ;
-});
+ return
+})
export const H2 = forwardRefWithAs<'h2', BoxProps>(({ as = 'h2', ...props }, ref) => {
- return ;
-});
+ return
+})
export const H3 = forwardRefWithAs<'h3', BoxProps>(({ as = 'h3', ...props }, ref) => {
- return ;
-});
+ return
+})
export const H4 = forwardRefWithAs<'h4', BoxProps>(({ as = 'h4', ...props }, ref) => {
- return ;
-});
+ return
+})
export const H5 = forwardRefWithAs<'h5', BoxProps>(({ as = 'h5', ...props }, ref) => {
- return ;
-});
+ return
+})
export const H6 = forwardRefWithAs<'h6', BoxProps>(({ as = 'h6', ...props }, ref) => {
- return ;
-});
+ return
+})
diff --git a/design-system/packages/core/src/components/Inline.tsx b/design-system/packages/core/src/components/Inline.tsx
index 4b5a9cdaa67..10696291362 100644
--- a/design-system/packages/core/src/components/Inline.tsx
+++ b/design-system/packages/core/src/components/Inline.tsx
@@ -1,20 +1,20 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Children, ReactNode } from 'react';
-import { jsx } from '../emotion';
+import { Children, ReactNode } from 'react'
+import { jsx } from '../emotion'
-import { forwardRefWithAs, getChildTag } from '../utils';
-import { Theme } from '../types';
-import { useTheme } from '../theme';
-import { Box, BoxProps } from './Box';
+import { forwardRefWithAs, getChildTag } from '../utils'
+import { Theme } from '../types'
+import { useTheme } from '../theme'
+import { Box, BoxProps } from './Box'
const alignment = {
center: 'center',
end: 'flex-end',
start: 'flex-start',
stretch: 'stretch',
-};
+}
type InlineProps = {
/** The value of the "align-items" property. */
@@ -23,14 +23,14 @@ type InlineProps = {
children: ReactNode;
/** The size of the gap between each item. */
gap?: keyof Theme['spacing'];
-} & BoxProps;
+} & BoxProps
export const Inline = forwardRefWithAs<'div', InlineProps>(
({ align = 'start', children, gap = 'none', ...props }, ref) => {
- const { spacing } = useTheme();
- const resolvedAlign = alignment[align];
- const resolvedGap = spacing[gap];
- const ChildWrapper = getChildTag(props.as);
+ const { spacing } = useTheme()
+ const resolvedAlign = alignment[align]
+ const resolvedGap = spacing[gap]
+ const ChildWrapper = getChildTag(props.as)
return (
(
) : null
)}
- );
+ )
}
-);
+)
diff --git a/design-system/packages/core/src/components/Link.tsx b/design-system/packages/core/src/components/Link.tsx
index 0f7b5e22b44..df3321ffb89 100644
--- a/design-system/packages/core/src/components/Link.tsx
+++ b/design-system/packages/core/src/components/Link.tsx
@@ -1,12 +1,12 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '../emotion';
-import { useTheme } from '../theme';
-import { forwardRefWithAs } from '../utils';
+import { jsx } from '../emotion'
+import { useTheme } from '../theme'
+import { forwardRefWithAs } from '../utils'
export const Link = forwardRefWithAs<'a', {}>(({ as: Tag = 'a', ...props }, ref) => {
- const { typography, colors } = useTheme();
+ const { typography, colors } = useTheme()
const styles = {
color: colors.linkColor,
@@ -18,7 +18,7 @@ export const Link = forwardRefWithAs<'a', {}>(({ as: Tag = 'a', ...props }, ref)
color: colors.linkHoverColor,
textDecoration: 'underline',
},
- };
+ }
- return ;
-});
+ return
+})
diff --git a/design-system/packages/core/src/components/Stack.tsx b/design-system/packages/core/src/components/Stack.tsx
index ae06186d42a..ac6d6a8ba27 100644
--- a/design-system/packages/core/src/components/Stack.tsx
+++ b/design-system/packages/core/src/components/Stack.tsx
@@ -1,23 +1,23 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Children, Fragment, ReactNode, isValidElement } from 'react';
+import { Children, Fragment, ReactNode, isValidElement } from 'react'
-import { jsx } from '../emotion';
-import { useMediaQuery } from '../hooks/useMediaQuery';
-import { useTheme } from '../theme';
-import { Theme } from '../types';
-import { forwardRefWithAs, mapResponsiveProp, getChildTag } from '../utils';
+import { jsx } from '../emotion'
+import { useMediaQuery } from '../hooks/useMediaQuery'
+import { useTheme } from '../theme'
+import { Theme } from '../types'
+import { forwardRefWithAs, mapResponsiveProp, getChildTag } from '../utils'
-import { Box, BoxProps } from './Box';
-import { Divider } from './Divider';
+import { Box, BoxProps } from './Box'
+import { Divider } from './Divider'
const alignment = {
center: 'center',
end: 'flex-end',
start: 'flex-start',
stretch: 'stretch',
-};
+}
const orientationMap = {
horizontal: {
@@ -30,7 +30,7 @@ const orientationMap = {
marginProperty: 'marginTop',
dimension: 'height',
},
-} as const;
+} as const
export type StackProps = {
/** The value of the "align-items" property. */
@@ -43,16 +43,16 @@ export type StackProps = {
dividers?: 'none' | 'around' | 'between' | 'start' | 'end';
/** The size of the gap between each element in the stack. */
gap?: keyof Theme['spacing'];
-} & BoxProps;
+} & BoxProps
export const Stack = forwardRefWithAs<'div', StackProps>(
({ across, align = 'stretch', children, dividers = 'none', gap = 'none', ...props }, ref) => {
- const { spacing } = useTheme();
- const { mq } = useMediaQuery();
+ const { spacing } = useTheme()
+ const { mq } = useMediaQuery()
- const orientation = across ? 'horizontal' : 'vertical';
- const { dimension, flexDirection, marginProperty } = orientationMap[orientation];
- const ChildWrapper = getChildTag(props.as);
+ const orientation = across ? 'horizontal' : 'vertical'
+ const { dimension, flexDirection, marginProperty } = orientationMap[orientation]
+ const ChildWrapper = getChildTag(props.as)
return (
(
{/* wrap the child to avoid unwanted or unexpected "stretch" on things like buttons */}
{child}
- );
+ )
})}
{['around', 'end'].includes(dividers) && }
- );
+ )
}
-);
+)
diff --git a/design-system/packages/core/src/components/Text.tsx b/design-system/packages/core/src/components/Text.tsx
index 58eeb9bf126..a2dbb4c71cd 100644
--- a/design-system/packages/core/src/components/Text.tsx
+++ b/design-system/packages/core/src/components/Text.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '../emotion';
+import { jsx } from '../emotion'
-import { Theme } from '../types';
-import { forwardRefWithAs } from '../utils';
-import { useMediaQuery } from '../hooks/useMediaQuery';
-import { useTheme } from '../theme';
-import { Box, BoxProps } from './Box';
+import { Theme } from '../types'
+import { forwardRefWithAs } from '../utils'
+import { useMediaQuery } from '../hooks/useMediaQuery'
+import { useTheme } from '../theme'
+import { Box, BoxProps } from './Box'
type TextProps = {
/** The leading of the text. */
@@ -20,16 +20,16 @@ type TextProps = {
color?: keyof Theme['palette'];
/** The font-weight of the text. */
weight?: keyof Theme['typography']['fontWeight'];
-} & BoxProps;
+} & BoxProps
export const Text = forwardRefWithAs<'div', TextProps>(
(
{ color, leading = 'base', size = 'medium', tracking = 'base', weight = 'regular', ...props },
ref
) => {
- const { palette, typography } = useTheme();
+ const { palette, typography } = useTheme()
- const { mq } = useMediaQuery();
+ const { mq } = useMediaQuery()
const styles = mq({
color: color ? palette[color] : undefined,
@@ -37,8 +37,8 @@ export const Text = forwardRefWithAs<'div', TextProps>(
fontWeight: typography.fontWeight[weight],
letterSpacing: typography.tracking[tracking],
lineHeight: typography.leading[leading],
- });
+ })
- return ;
+ return
}
-);
+)
diff --git a/design-system/packages/core/src/emotion.ts b/design-system/packages/core/src/emotion.ts
index 68ea6ecf5d4..5bb7522d5a6 100644
--- a/design-system/packages/core/src/emotion.ts
+++ b/design-system/packages/core/src/emotion.ts
@@ -1 +1 @@
-export { css, jsx, keyframes, Global, ClassNames } from '@emotion/react'; // ensure the same version of emotion
+export { css, jsx, keyframes, Global, ClassNames } from '@emotion/react' // ensure the same version of emotion
diff --git a/design-system/packages/core/src/hooks/useManagedState.ts b/design-system/packages/core/src/hooks/useManagedState.ts
index 70c8fed2d5c..ffd3d3ae97c 100644
--- a/design-system/packages/core/src/hooks/useManagedState.ts
+++ b/design-system/packages/core/src/hooks/useManagedState.ts
@@ -1,38 +1,38 @@
-import { ChangeEvent, useRef, useState } from 'react';
+import { ChangeEvent, useRef, useState } from 'react'
-import { devWarning } from '../utils';
+import { devWarning } from '../utils'
-export type ManagedChangeHandler = (value: V, event: E) => void;
+export type ManagedChangeHandler = (value: V, event: E) => void
export function useManagedState(
controlledValue: V | undefined,
defaultValue: V,
onChange: ManagedChangeHandler | undefined
): [V, ManagedChangeHandler] {
- const { current: isControlled } = useRef(controlledValue !== undefined);
- const [internalValue, setInternalValue] = useState(defaultValue);
+ const { current: isControlled } = useRef(controlledValue !== undefined)
+ const [internalValue, setInternalValue] = useState(defaultValue)
// warn consumers when their component is switching from controlled to uncontrolled and vice versa
devWarning(
isControlled && controlledValue === undefined,
'A component is changing from controlled to uncontrolled. Check the `value` prop being passed in.'
- );
+ )
devWarning(
!isControlled && controlledValue !== undefined,
'A component is changing from uncontrolled to controlled. Check the `value` prop being passed in.'
- );
+ )
// handle value changes (both internal, and controlled)
const setValue = (v: V, e: E) => {
if (typeof onChange === 'function') {
- onChange(v, e);
+ onChange(v, e)
}
- setInternalValue(v);
- };
+ setInternalValue(v)
+ }
// determine which value to pass on
- const value = controlledValue !== undefined ? controlledValue : internalValue;
+ const value = controlledValue !== undefined ? controlledValue : internalValue
- return [value, setValue];
+ return [value, setValue]
}
diff --git a/design-system/packages/core/src/hooks/useMediaQuery.ts b/design-system/packages/core/src/hooks/useMediaQuery.ts
index 97445b2813e..97e583d45b2 100644
--- a/design-system/packages/core/src/hooks/useMediaQuery.ts
+++ b/design-system/packages/core/src/hooks/useMediaQuery.ts
@@ -1,10 +1,10 @@
-import facepaint from 'facepaint';
+import facepaint from 'facepaint'
-import { Theme } from '../types';
-import { useTheme } from '../theme';
+import { Theme } from '../types'
+import { useTheme } from '../theme'
-type BreakPoints = Theme['breakpoints'];
-type BreakPoint = keyof BreakPoints;
+type BreakPoints = Theme['breakpoints']
+type BreakPoint = keyof BreakPoints
/*
Facepaint lets you write properties as arrays e.g.
@@ -14,28 +14,28 @@ type BreakPoint = keyof BreakPoints;
More here: https://github.com/emotion-js/facepaint
*/
const makeMq = (breakpoints: BreakPoints) =>
- facepaint(Object.values(breakpoints).map(w => `@media (min-width: ${w}px)`));
+ facepaint(Object.values(breakpoints).map(w => `@media (min-width: ${w}px)`))
// helper if array property declaration isn't appropriate
const makeMinBreak = (breakpoints: BreakPoints) => (key: BreakPoint) => {
- const width = breakpoints[key];
- return `@media (min-width: ${width}px)`;
-};
+ const width = breakpoints[key]
+ return `@media (min-width: ${width}px)`
+}
// the breakpoints are designed to go up i.e. min-width
// if a max-width is necessary (hopefully rare) it's nice to provide a helper
const makeMaxBreak = (breakpoints: BreakPoints) => (key: BreakPoint) => {
- const width = breakpoints[key];
- return `@media (max-width: ${width - 1}px)`;
-};
+ const width = breakpoints[key]
+ return `@media (max-width: ${width - 1}px)`
+}
// FIXME:
// Should this even be a hook? I think we can just export these utilities...
export const useMediaQuery = () => {
- const { breakpoints } = useTheme();
+ const { breakpoints } = useTheme()
return {
mq: makeMq(breakpoints),
maxBreak: makeMaxBreak(breakpoints),
minBreak: makeMinBreak(breakpoints),
- };
-};
+ }
+}
diff --git a/design-system/packages/core/src/index.ts b/design-system/packages/core/src/index.ts
index fabf4dfc241..3955c3bc283 100644
--- a/design-system/packages/core/src/index.ts
+++ b/design-system/packages/core/src/index.ts
@@ -1,17 +1,17 @@
-export * from './emotion';
-export { VisuallyHidden } from './a11y/VisuallyHidden';
-export { Box } from './components/Box';
-export type { BoxProps, ColorProps, RadiiProps, MarginProps, PaddingProps } from './components/Box';
-export { Core } from './components/Core';
-export { Center } from './components/Center';
-export { Divider } from './components/Divider';
-export { Heading, H1, H2, H3, H4, H5, H6 } from './components/Heading';
-export { Inline } from './components/Inline';
-export { Link } from './components/Link';
-export { Stack } from './components/Stack';
-export { Text } from './components/Text';
-export * from './hooks/useMediaQuery';
-export * from './hooks/useManagedState';
-export * from './theme';
-export * from './utils';
-export * from './types';
+export * from './emotion'
+export { VisuallyHidden } from './a11y/VisuallyHidden'
+export { Box } from './components/Box'
+export type { BoxProps, ColorProps, RadiiProps, MarginProps, PaddingProps } from './components/Box'
+export { Core } from './components/Core'
+export { Center } from './components/Center'
+export { Divider } from './components/Divider'
+export { Heading, H1, H2, H3, H4, H5, H6 } from './components/Heading'
+export { Inline } from './components/Inline'
+export { Link } from './components/Link'
+export { Stack } from './components/Stack'
+export { Text } from './components/Text'
+export * from './hooks/useMediaQuery'
+export * from './hooks/useManagedState'
+export * from './theme'
+export * from './utils'
+export * from './types'
diff --git a/design-system/packages/core/src/normalize.ts b/design-system/packages/core/src/normalize.ts
index 6aa108379dc..183ce2b7360 100644
--- a/design-system/packages/core/src/normalize.ts
+++ b/design-system/packages/core/src/normalize.ts
@@ -1,4 +1,4 @@
-import { css } from './emotion';
+import { css } from './emotion'
export const normalize = css`
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -156,4 +156,4 @@ export const normalize = css`
[hidden] {
display: none;
}
-`;
+`
diff --git a/design-system/packages/core/src/theme.tsx b/design-system/packages/core/src/theme.tsx
index 9887b4ca8b1..1c43fffe32e 100644
--- a/design-system/packages/core/src/theme.tsx
+++ b/design-system/packages/core/src/theme.tsx
@@ -1,20 +1,20 @@
-import React, { ReactNode, createContext, useContext } from 'react';
+import React, { ReactNode, createContext, useContext } from 'react'
-import type { Theme } from './types';
-import { theme } from './themes/default';
+import type { Theme } from './types'
+import { theme } from './themes/default'
export const ThemeContext = createContext<{
theme: Theme;
}>({
theme,
-});
+})
export const ThemeProvider = ({ theme, children }: { theme: Theme; children: ReactNode }) => {
- return {children};
-};
+ return {children}
+}
// TODO: return type required by pnpm :(
export const useTheme = (): Theme => {
- const { theme } = useContext(ThemeContext);
- return theme;
-};
+ const { theme } = useContext(ThemeContext)
+ return theme
+}
diff --git a/design-system/packages/core/src/themes/colors.ts b/design-system/packages/core/src/themes/colors.ts
index 97167b042d2..a3608a8aa59 100644
--- a/design-system/packages/core/src/themes/colors.ts
+++ b/design-system/packages/core/src/themes/colors.ts
@@ -224,4 +224,4 @@ export const palette = {
// blueGray700: '#334155',
// blueGray800: '#1e293b',
// blueGray900: '#0f172a',
-} as const;
+} as const
diff --git a/design-system/packages/core/src/themes/colors_old.ts b/design-system/packages/core/src/themes/colors_old.ts
index ba4fb2bf386..2b8d5bb30d2 100644
--- a/design-system/packages/core/src/themes/colors_old.ts
+++ b/design-system/packages/core/src/themes/colors_old.ts
@@ -347,4 +347,4 @@ export const palette = {
orange700: '#aa4709',
orange800: '#7a3305',
orange900: '#4b1d00',
-};
+}
diff --git a/design-system/packages/core/src/themes/default.ts b/design-system/packages/core/src/themes/default.ts
index 082c39cd237..3519732de6c 100644
--- a/design-system/packages/core/src/themes/default.ts
+++ b/design-system/packages/core/src/themes/default.ts
@@ -1,6 +1,6 @@
-import { CSSObject } from '@emotion/react';
-import { identityType } from '../utils';
-import { palette as basePalette } from './colors';
+import { CSSObject } from '@emotion/react'
+import { identityType } from '../utils'
+import { palette as basePalette } from './colors'
/**
* Global Tokens
@@ -49,7 +49,7 @@ const typography = {
loose: '0.01em',
looser: '0.02em',
},
-};
+}
const palette = {
black: '#000000',
@@ -68,14 +68,14 @@ const palette = {
neutral900: '#111827',
...basePalette,
-};
+}
const breakpoints = {
small: 576,
medium: 768,
large: 992,
xlarge: 1200,
-};
+}
const elevation = {
e100: 100, // Cards
@@ -83,7 +83,7 @@ const elevation = {
e300: 300, // Tooltip
e400: 400, // Modals
e500: 500, // Toasts (notifications)
-};
+}
const radii = {
none: 0,
@@ -92,7 +92,7 @@ const radii = {
medium: 8,
large: 12,
full: 9999,
-};
+}
const sizing = {
xxsmall: 16,
@@ -102,7 +102,7 @@ const sizing = {
large: 38,
xlarge: 42,
xxlarge: 48,
-};
+}
const spacing = {
none: 0,
@@ -113,7 +113,7 @@ const spacing = {
large: 16,
xlarge: 24,
xxlarge: 32,
-};
+}
const shadow = {
s100: `0px 1px 2px rgba(0, 0, 0, 0.2)`, // Cards
@@ -121,7 +121,7 @@ const shadow = {
s300: `0px 2px 8px rgba(0, 0, 0, 0.2)`, // Tooltip
s400: `0px 4px 16px rgba(0, 0, 0, 0.2)`, // Modals
s500: `-8px 8px 32px rgba(0, 0, 0, 0.2)`, // Toasts (notifications)
-};
+}
const animation = {
duration0: '0ms',
@@ -141,13 +141,13 @@ const animation = {
easeIn: `cubic-bezier(0.2, 0, 0, 1)`,
easeOut: `cubic-bezier(0.165, 0.840, 0.440, 1)`,
linear: 'cubic-bezier(0, 0, 1, 1)',
-};
+}
const opacity = {
full: 1,
none: 0,
disabled: 0.65,
-};
+}
/**
* Alias Tokens
@@ -159,7 +159,7 @@ type HeadingStyle = {
size: string;
transform: Extract;
weight: number;
-};
+}
const headingStyles: { [key: string]: HeadingStyle } = {
h1: {
@@ -204,7 +204,7 @@ const headingStyles: { [key: string]: HeadingStyle } = {
transform: 'uppercase',
weight: typography.fontWeight.bold,
},
-};
+}
type ControlSize = {
borderRadius: number;
@@ -217,7 +217,7 @@ type ControlSize = {
fontSize: number | string;
indicatorBoxSize: number | string;
indicatorFontSize: number | string;
-};
+}
const controlSizes: { [key: string]: ControlSize } = {
small: {
@@ -256,7 +256,7 @@ const controlSizes: { [key: string]: ControlSize } = {
indicatorBoxSize: sizing.medium,
indicatorFontSize: typography.fontSize.small,
},
-};
+}
const colors = {
background: 'white',
@@ -276,7 +276,7 @@ const colors = {
overlayBackground: 'rgba(18,18,18, 0.3)', // blanket behind modal dialogs
loaderDark: palette.neutral500,
loaderLight: palette.neutral200,
-};
+}
/**
@@ -291,7 +291,7 @@ Tones have 2 foregrounds that should work on these backgrounds:
*/
-type ToneColor = [string, string, string];
+type ToneColor = [string, string, string]
type Tone = {
focusRing: string;
border: ToneColor;
@@ -299,7 +299,7 @@ type Tone = {
tint: ToneColor;
foreground: ToneColor;
fillForeground: ToneColor;
-};
+}
const tones = identityType<{ [key: string]: Tone }>()({
active: {
@@ -350,7 +350,7 @@ const tones = identityType<{ [key: string]: Tone }>()({
foreground: [palette.purple600, palette.purple700, palette.purple800],
fillForeground: [palette.white, palette.white, palette.white],
},
-});
+})
type SelectableColor = {
border: string;
@@ -358,7 +358,7 @@ type SelectableColor = {
fillForeground: string;
foreground: string;
tint: string;
-};
+}
const selectableColors = identityType<{ [key: string]: SelectableColor }>()({
silver: {
@@ -403,20 +403,20 @@ const selectableColors = identityType<{ [key: string]: SelectableColor }>()({
foreground: palette.purple600,
tint: palette.purple200,
},
-});
+})
type SharedFieldStateTokens = {
labelColor?: string;
legendColor?: string;
shadow?: string;
-};
+}
type ControlFieldStateTokens = {
controlBackground?: string;
controlBorderColor?: string;
controlBorderRadius?: number | string;
controlForeground?: string;
-};
+}
type InputFieldStateTokens = {
inputBackground?: string;
@@ -424,9 +424,9 @@ type InputFieldStateTokens = {
inputBorderRadius?: number | string;
inputForeground?: string;
iconColor?: string;
-};
+}
-type FieldStateTokens = SharedFieldStateTokens & ControlFieldStateTokens & InputFieldStateTokens;
+type FieldStateTokens = SharedFieldStateTokens & ControlFieldStateTokens & InputFieldStateTokens
type FieldTokens = FieldStateTokens & {
controlBorderWidth?: number | string;
@@ -438,7 +438,7 @@ type FieldTokens = FieldStateTokens & {
hover: FieldStateTokens;
invalid: FieldStateTokens;
selected: SharedFieldStateTokens & ControlFieldStateTokens;
-};
+}
const fields: FieldTokens = {
controlBackground: 'white',
@@ -486,7 +486,7 @@ const fields: FieldTokens = {
controlBorderColor: palette.blue500,
controlForeground: 'white',
},
-};
+}
/**
* Export
@@ -512,4 +512,4 @@ export const theme = {
tones,
selectableColors,
fields,
-};
+}
diff --git a/design-system/packages/core/src/types.ts b/design-system/packages/core/src/types.ts
index 15f37151b88..f24cb3b1681 100644
--- a/design-system/packages/core/src/types.ts
+++ b/design-system/packages/core/src/types.ts
@@ -1,7 +1,7 @@
-import { theme } from './themes/default';
+import { theme } from './themes/default'
// Theme Types
-export type Theme = typeof theme;
+export type Theme = typeof theme
-export type ResponsiveProp = T | readonly (T | null)[];
+export type ResponsiveProp = T | readonly (T | null)[]
diff --git a/design-system/packages/core/src/utils.ts b/design-system/packages/core/src/utils.ts
index ce54fe04bf8..b590f8a8552 100644
--- a/design-system/packages/core/src/utils.ts
+++ b/design-system/packages/core/src/utils.ts
@@ -8,8 +8,8 @@ import {
useEffect,
useLayoutEffect,
useState,
-} from 'react';
-import { createPortal } from 'react-dom';
+} from 'react'
+import { createPortal } from 'react-dom'
/*
Simple switch to return a child tag from a parent tag argument.
@@ -19,20 +19,20 @@ export const getChildTag = (parentTag?: ElementType) => {
switch (parentTag) {
case 'ul':
case 'ol':
- return 'li';
+ return 'li'
default:
- return 'div';
+ return 'div'
}
-};
+}
/*
@johannes' one weird trick for fixing TypeScript autocomplete
*/
export function identityType() {
function inner(u: U): U {
- return u;
+ return u
}
- return inner;
+ return inner
}
/*
@@ -41,10 +41,10 @@ export function identityType() {
export const devWarning = (condition: boolean, message: string) => {
if (process.env.NODE_ENV !== 'production') {
if (condition) {
- console.error(message);
+ console.error(message)
}
}
-};
+}
/*
forwardRefWithAs lets us forward refs while keeping the correct component type,
@@ -52,7 +52,7 @@ export const devWarning = (condition: boolean, message: string) => {
*/
type ElementTagNameMap = HTMLElementTagNameMap &
- Pick>;
+ Pick>
type AsProp = {
as?: Comp;
@@ -63,13 +63,13 @@ type AsProp = {
? InstanceType
: undefined
>;
-} & Omit, 'as' | keyof Props>;
+} & Omit, 'as' | keyof Props>
type CompWithAsProp = <
Comp extends ElementType = DefaultElementType
>(
props: AsProp & Props
-) => ReactElement;
+) => ReactElement
export const forwardRefWithAs = (
render: (
@@ -78,14 +78,14 @@ export const forwardRefWithAs = Exclude
): CompWithAsProp => {
// @ts-ignore
- return forwardRef(render);
-};
+ return forwardRef(render)
+}
/*
A helper for making valid IDs from a set of inputs
*/
export function makeId(...args: (string | number | null | undefined)[]) {
- return args.filter(val => val != null).join('--');
+ return args.filter(val => val != null).join('--')
}
/*
@@ -103,11 +103,11 @@ export const mapResponsiveProp = <
valueMap: Map
) => {
if (Array.isArray(value)) {
- return value.map(k => (k == null ? null : valueMap[k]));
+ return value.map(k => (k == null ? null : valueMap[k]))
}
// @ts-ignore
- return valueMap[value];
-};
+ return valueMap[value]
+}
/**
* Utils below are ported with thanks from @reach-ui
@@ -116,41 +116,41 @@ export const mapResponsiveProp = <
// Autogenerate IDs to facilitate WAI-ARIA and server rendering. For reasoning, see
// https://github.com/reach/reach-ui/blob/develop/packages/auto-id/src/index.tsx
-let serverHandoffComplete = false;
-let id = 0;
-const genId = () => ++id;
+let serverHandoffComplete = false
+let id = 0
+const genId = () => ++id
export const useId = (idFromProps?: string | null) => {
- const initialId = idFromProps || (serverHandoffComplete ? genId() : null);
+ const initialId = idFromProps || (serverHandoffComplete ? genId() : null)
- const [id, setId] = useState(initialId);
+ const [id, setId] = useState(initialId)
useSafeLayoutEffect(() => {
if (id === null) {
- setId(genId());
+ setId(genId())
}
// eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
+ }, [])
useEffect(() => {
if (serverHandoffComplete === false) {
- serverHandoffComplete = true;
+ serverHandoffComplete = true
}
- }, []);
- return id != null ? String(id) : undefined;
-};
+ }, [])
+ return id != null ? String(id) : undefined
+}
// Works around useLayoutEffect throwing a warning when used in SSR
-export const useSafeLayoutEffect = typeof window === 'undefined' ? () => {} : useLayoutEffect;
+export const useSafeLayoutEffect = typeof window === 'undefined' ? () => {} : useLayoutEffect
type Props = {
children: ReactElement;
-};
+}
export const Portal = ({ children }: Props): React.ReactPortal | null => {
if (typeof document === 'undefined') {
- return null;
+ return null
}
- return createPortal(children, document.body);
-};
+ return createPortal(children, document.body)
+}
diff --git a/design-system/packages/fields/src/Checkbox.tsx b/design-system/packages/fields/src/Checkbox.tsx
index 9a0625c90e0..4f7be3a80b4 100644
--- a/design-system/packages/fields/src/Checkbox.tsx
+++ b/design-system/packages/fields/src/Checkbox.tsx
@@ -1,18 +1,18 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, InputHTMLAttributes, ReactNode, forwardRef } from 'react';
-import { jsx, VisuallyHidden } from '@keystone-ui/core';
+import { Fragment, InputHTMLAttributes, ReactNode, forwardRef } from 'react'
+import { jsx, VisuallyHidden } from '@keystone-ui/core'
-import { ControlLabel } from './components/ControlLabel';
-import { CheckIcon } from './components/Icons';
-import { useIndicatorStyles, useIndicatorTokens } from './hooks/indicators';
-import type { SizeType } from './types';
+import { ControlLabel } from './components/ControlLabel'
+import { CheckIcon } from './components/Icons'
+import { useIndicatorStyles, useIndicatorTokens } from './hooks/indicators'
+import type { SizeType } from './types'
type CheckboxProps = {
/** The checkbox label content. */
children: ReactNode;
-} & CheckboxControlProps;
+} & CheckboxControlProps
export const Checkbox = forwardRef(
({ children, className, size, ...props }, ref) => {
@@ -24,9 +24,9 @@ export const Checkbox = forwardRef(
>
{children}
- );
+ )
}
-);
+)
type CheckboxControlProps = {
/** When true, the checkbox will be checked. */
@@ -37,7 +37,7 @@ type CheckboxControlProps = {
size?: SizeType;
/** The value of the Checkbox. */
value?: string;
-} & Omit, 'size'>;
+} & Omit, 'size'>
export const CheckboxControl = forwardRef(
({ className, size, ...props }, ref) => (
@@ -48,7 +48,7 @@ export const CheckboxControl = forwardRef
)
-);
+)
const Indicator = ({
className,
@@ -59,7 +59,7 @@ const Indicator = ({
children?: ReactNode;
className?: string;
}) => {
- const tokens = useIndicatorTokens({ type: 'checkbox', size: size || 'medium' });
- const styles = useIndicatorStyles({ tokens });
- return ;
-};
+ const tokens = useIndicatorTokens({ type: 'checkbox', size: size || 'medium' })
+ const styles = useIndicatorStyles({ tokens })
+ return
+}
diff --git a/design-system/packages/fields/src/DatePicker/Calendar.tsx b/design-system/packages/fields/src/DatePicker/Calendar.tsx
index 2bae98cb515..166de27cb6e 100644
--- a/design-system/packages/fields/src/DatePicker/Calendar.tsx
+++ b/design-system/packages/fields/src/DatePicker/Calendar.tsx
@@ -1,31 +1,31 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { DayPicker, DayPickerProps } from 'react-day-picker';
-import { jsx, useTheme } from '@keystone-ui/core';
-import { getContrastText } from './utils/getContrastText';
-import { hexToRgb } from './utils/hexToRgb';
+import { DayPicker, DayPickerProps } from 'react-day-picker'
+import { jsx, useTheme } from '@keystone-ui/core'
+import { getContrastText } from './utils/getContrastText'
+import { hexToRgb } from './utils/hexToRgb'
export const Calendar = ({ modifiers, ...props }: DayPickerProps) => {
- const styles = useCalendarStyles();
- const indexOfMonday = 1;
+ const styles = useCalendarStyles()
+ const indexOfMonday = 1
return (
- );
-};
+ )
+}
// Styles
// ------------------------------
const useCalendarStyles = () => {
- const { colors, palette } = useTheme();
- const cellSize = 40; // theme.sizing.base;
- const navButtonSize = 24; // theme.sizing.xsmall;
- const interactionColor = '#007AFF'; //theme.palette.actions.active;
- const rangeBetweenColor = hexToRgb('#007AFF', 0.2); //hexToRgb(interactionColor, 0.2);
+ const { colors, palette } = useTheme()
+ const cellSize = 40 // theme.sizing.base;
+ const navButtonSize = 24 // theme.sizing.xsmall;
+ const interactionColor = '#007AFF' //theme.palette.actions.active;
+ const rangeBetweenColor = hexToRgb('#007AFF', 0.2) //hexToRgb(interactionColor, 0.2);
return {
padding: 8, //theme.spacing.small,
@@ -254,5 +254,5 @@ const useCalendarStyles = () => {
background: `linear-gradient(to right, ${rangeBetweenColor}, ${colors.overlayBackground})`,
},
},
- } as const;
-};
+ } as const
+}
diff --git a/design-system/packages/fields/src/DatePicker/components/Adornments.tsx b/design-system/packages/fields/src/DatePicker/components/Adornments.tsx
index ae90d451375..c9b6a6df01f 100644
--- a/design-system/packages/fields/src/DatePicker/components/Adornments.tsx
+++ b/design-system/packages/fields/src/DatePicker/components/Adornments.tsx
@@ -1,12 +1,12 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { ElementType, ReactNode, createContext, useContext } from 'react';
-import { jsx, forwardRefWithAs, useTheme } from '@keystone-ui/core';
+import { ElementType, ReactNode, createContext, useContext } from 'react'
+import { jsx, forwardRefWithAs, useTheme } from '@keystone-ui/core'
// todo - these also exist at ../../types
-export type SizeType = 'small' | 'medium';
-export type ShapeType = 'square' | 'round';
+export type SizeType = 'small' | 'medium'
+export type ShapeType = 'square' | 'round'
/**
* What is this thing?
@@ -19,8 +19,8 @@ export type ShapeType = 'square' | 'round';
const AdornmentContext = createContext<{ shape: ShapeType; size: SizeType }>({
shape: 'square',
size: 'medium',
-});
-const useAdornmentContext = () => useContext(AdornmentContext);
+})
+const useAdornmentContext = () => useContext(AdornmentContext)
// Adornment Wrapper
// ------------------------------
@@ -29,7 +29,7 @@ export type AdornmentWrapperProps = {
children: ReactNode;
shape: ShapeType;
size: SizeType;
-};
+}
export const AdornmentWrapper = ({ children, shape, size }: AdornmentWrapperProps) => {
return (
@@ -45,8 +45,8 @@ export const AdornmentWrapper = ({ children, shape, size }: AdornmentWrapperProp
{children}
- );
-};
+ )
+}
// Adornment Element
// ------------------------------
@@ -54,18 +54,18 @@ export const AdornmentWrapper = ({ children, shape, size }: AdornmentWrapperProp
const alignmentPaddingMap = {
left: 'marginLeft',
right: 'marginRight',
-};
+}
type AdornmentProps = {
align: 'left' | 'right';
as?: ElementType;
-};
+}
export const Adornment = forwardRefWithAs<'div', AdornmentProps>(
({ align, as: Tag = 'div', ...props }, ref) => {
- const { shape, size } = useAdornmentContext();
- const { controlSizes } = useTheme();
+ const { shape, size } = useAdornmentContext()
+ const { controlSizes } = useTheme()
- const { indicatorBoxSize, paddingX } = controlSizes[size];
+ const { indicatorBoxSize, paddingX } = controlSizes[size]
// optical alignment shifts towards the middle of the container with the large
// border radius on "round" inputs. use padding rather than margin to optimise
@@ -75,7 +75,7 @@ export const Adornment = forwardRefWithAs<'div', AdornmentProps>(
? {
[alignmentPaddingMap[align]]: paddingX / 4,
}
- : null;
+ : null
return (
(
}}
{...props}
/>
- );
+ )
}
-);
+)
diff --git a/design-system/packages/fields/src/DatePicker/components/InputButton.tsx b/design-system/packages/fields/src/DatePicker/components/InputButton.tsx
index b185cc6dfca..4a58d32eab7 100644
--- a/design-system/packages/fields/src/DatePicker/components/InputButton.tsx
+++ b/design-system/packages/fields/src/DatePicker/components/InputButton.tsx
@@ -1,38 +1,38 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { ButtonHTMLAttributes, forwardRef } from 'react';
-import { jsx, useTheme, VisuallyHidden } from '@keystone-ui/core';
-import { XIcon } from '@keystone-ui/icons/icons/XIcon';
-import { CalendarIcon } from '@keystone-ui/icons/icons/CalendarIcon';
-import { useInputTokens, useInputStyles } from '../..';
-import { Adornment, AdornmentWrapper } from './Adornments';
+import { ButtonHTMLAttributes, forwardRef } from 'react'
+import { jsx, useTheme, VisuallyHidden } from '@keystone-ui/core'
+import { XIcon } from '@keystone-ui/icons/icons/XIcon'
+import { CalendarIcon } from '@keystone-ui/icons/icons/CalendarIcon'
+import { useInputTokens, useInputStyles } from '../..'
+import { Adornment, AdornmentWrapper } from './Adornments'
type ButtonProps = {
invalid?: boolean;
isSelected?: boolean;
onClear?: () => void;
-} & ButtonHTMLAttributes;
+} & ButtonHTMLAttributes
export const InputButton = forwardRef(
({ invalid = false, isSelected, onClear, ...props }, ref) => {
- const { spacing } = useTheme();
- const inputTokens = useInputTokens({ size: 'medium' });
- const inputStyles = useInputStyles({ invalid, tokens: inputTokens });
+ const { spacing } = useTheme()
+ const inputTokens = useInputTokens({ size: 'medium' })
+ const inputStyles = useInputStyles({ invalid, tokens: inputTokens })
const focusStyles = isSelected
? {
...inputStyles[':focus'],
':hover': inputStyles[':focus'],
':focus': inputStyles[':focus'],
}
- : null;
+ : null
const buttonStyles = {
...inputStyles,
...focusStyles,
cursor: 'pointer',
lineHeight: 'initial', // let the button vertically align its text; the have different native behaviour to inputs
textAlign: 'left',
- } as const;
+ } as const
return (
@@ -42,12 +42,12 @@ export const InputButton = forwardRef(
- );
+ )
}
-);
+)
const ClearButton = (props: ButtonHTMLAttributes) => {
- const { colors } = useTheme();
+ const { colors } = useTheme()
return (
) => {
clear date value
- );
-};
+ )
+}
diff --git a/design-system/packages/fields/src/DatePicker/index.tsx b/design-system/packages/fields/src/DatePicker/index.tsx
index 74cc357c59b..c2a64fc804e 100644
--- a/design-system/packages/fields/src/DatePicker/index.tsx
+++ b/design-system/packages/fields/src/DatePicker/index.tsx
@@ -1,39 +1,39 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
-import FocusLock from 'react-focus-lock';
-import { jsx } from '@keystone-ui/core';
-import { PopoverDialog, useControlledPopover } from '@keystone-ui/popover';
+import { Fragment, useCallback, useEffect, useRef, useState } from 'react'
+import FocusLock from 'react-focus-lock'
+import { jsx } from '@keystone-ui/core'
+import { PopoverDialog, useControlledPopover } from '@keystone-ui/popover'
import {
deserializeDate,
formatDate,
formatDateType,
dateFormatPlaceholder,
-} from '../utils/dateFormatters';
-import { DateType } from '../types';
-import { Calendar } from './Calendar';
-import { InputButton } from './components/InputButton';
+} from '../utils/dateFormatters'
+import { DateType } from '../types'
+import { Calendar } from './Calendar'
+import { InputButton } from './components/InputButton'
-export type DateInputValue = string | undefined;
+export type DateInputValue = string | undefined
export type DatePickerProps = {
onUpdate: (value: DateType) => void;
onClear: () => void;
onBlur?: () => void;
value: DateType;
-};
+}
export function useEventCallback any>(callback: Func): Func {
- const callbackRef = useRef(callback);
+ const callbackRef = useRef(callback)
const cb = useCallback((...args: any[]) => {
- return callbackRef.current(...args);
- }, []);
+ return callbackRef.current(...args)
+ }, [])
useEffect(() => {
- callbackRef.current = callback;
- });
- return cb as any;
+ callbackRef.current = callback
+ })
+ return cb as any
}
export const DatePicker = ({
@@ -43,24 +43,24 @@ export const DatePicker = ({
onBlur: _onBlur,
...props
}: DatePickerProps) => {
- const [isOpen, _setOpen] = useState(false);
+ const [isOpen, _setOpen] = useState(false)
const onBlur = useEventCallback(() => {
- _onBlur?.();
- });
+ _onBlur?.()
+ })
const setOpen = useCallback(
(val: boolean) => {
- _setOpen(val);
+ _setOpen(val)
if (!val) {
- onBlur?.();
+ onBlur?.()
}
},
[onBlur]
- );
+ )
const { dialog, trigger, arrow } = useControlledPopover(
{
isOpen,
onClose: useCallback(() => {
- setOpen(false);
+ setOpen(false)
}, [setOpen]),
},
{
@@ -74,24 +74,24 @@ export const DatePicker = ({
},
],
}
- );
+ )
const handleDayClick = useCallback(
(day: Date) => {
- onUpdate(formatDateType(day));
+ onUpdate(formatDateType(day))
// wait a moment so the user has time to see the day become selected
setTimeout(() => {
- setOpen(false);
- }, 300);
+ setOpen(false)
+ }, 300)
},
[onUpdate, setOpen]
- );
+ )
// We **can** memoize this, but its a trivial operation
// and in the opinion of the author not really something to do
// before other more important performance optimisations
- const selectedDay = deserializeDate(value);
- const formattedDate: DateInputValue = value ? formatDate(selectedDay) : undefined;
+ const selectedDay = deserializeDate(value)
+ const formattedDate: DateInputValue = value ? formatDate(selectedDay) : undefined
return (
@@ -101,8 +101,8 @@ export const DatePicker = ({
onClear={
value
? () => {
- onClear();
- onBlur?.();
+ onClear()
+ onBlur?.()
}
: undefined
}
@@ -123,5 +123,5 @@ export const DatePicker = ({
)}
- );
-};
+ )
+}
diff --git a/design-system/packages/fields/src/DatePicker/utils/getContrastText.ts b/design-system/packages/fields/src/DatePicker/utils/getContrastText.ts
index ddfcbe385af..89cf5c257e2 100644
--- a/design-system/packages/fields/src/DatePicker/utils/getContrastText.ts
+++ b/design-system/packages/fields/src/DatePicker/utils/getContrastText.ts
@@ -1,10 +1,10 @@
-import { hexToTriplet } from './hexToRgb';
+import { hexToTriplet } from './hexToRgb'
export function getContrastText(color: string) {
- const [r, g, b] = hexToTriplet(color);
+ const [r, g, b] = hexToTriplet(color)
// calculate contrast against grayscale
- var contrast = (Math.round(r * 299) + Math.round(g * 587) + Math.round(b * 114)) / 1000;
+ var contrast = (Math.round(r * 299) + Math.round(g * 587) + Math.round(b * 114)) / 1000
- return contrast >= 128 ? 'black' : 'white';
+ return contrast >= 128 ? 'black' : 'white'
}
diff --git a/design-system/packages/fields/src/DatePicker/utils/hexToRgb.ts b/design-system/packages/fields/src/DatePicker/utils/hexToRgb.ts
index 21cb5761b30..ce7c49ede07 100644
--- a/design-system/packages/fields/src/DatePicker/utils/hexToRgb.ts
+++ b/design-system/packages/fields/src/DatePicker/utils/hexToRgb.ts
@@ -1,39 +1,39 @@
function parseHex(hex: string) {
- let result = hex;
+ let result = hex
// remove hash symbol
if (result.startsWith('#')) {
- result = result.slice(1);
+ result = result.slice(1)
}
// resolve hex shortcuts
if (result.length === 3) {
- result = result[0].repeat(2) + result[1].repeat(2) + result[2].repeat(2);
+ result = result[0].repeat(2) + result[1].repeat(2) + result[2].repeat(2)
}
- return result;
+ return result
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export function hexToTriplet(dirtyHex: string, alpha?: number) {
- const cleanHex = parseHex(dirtyHex);
+ const cleanHex = parseHex(dirtyHex)
- const r = parseInt(cleanHex.slice(0, 2), 16);
- const g = parseInt(cleanHex.slice(2, 4), 16);
- const b = parseInt(cleanHex.slice(4, 6), 16);
+ const r = parseInt(cleanHex.slice(0, 2), 16)
+ const g = parseInt(cleanHex.slice(2, 4), 16)
+ const b = parseInt(cleanHex.slice(4, 6), 16)
- return [r, g, b];
+ return [r, g, b]
}
// values taken from contrast algorithms from w3
// https://www.w3.org/TR/AERT/#color-contrast
export function hexToRgb(dirtyHex: string, alpha?: number) {
- const [r, g, b] = hexToTriplet(dirtyHex);
- const value = `${r}, ${g}, ${b}`;
+ const [r, g, b] = hexToTriplet(dirtyHex)
+ const value = `${r}, ${g}, ${b}`
if (alpha) {
- return `rgba(${value}, ${alpha})`;
+ return `rgba(${value}, ${alpha})`
}
- return `rgb(${value})`;
+ return `rgb(${value})`
}
diff --git a/design-system/packages/fields/src/FieldContainer.tsx b/design-system/packages/fields/src/FieldContainer.tsx
index 1341139129c..a14e34b4061 100644
--- a/design-system/packages/fields/src/FieldContainer.tsx
+++ b/design-system/packages/fields/src/FieldContainer.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, forwardRefWithAs } from '@keystone-ui/core';
+import { jsx, forwardRefWithAs } from '@keystone-ui/core'
export const FieldContainer = forwardRefWithAs<'div', {}>(({ as: Tag = 'div', ...props }, ref) => {
- return ;
-});
+ return
+})
diff --git a/design-system/packages/fields/src/FieldDescription.tsx b/design-system/packages/fields/src/FieldDescription.tsx
index 7335d2007fd..25c23759a4a 100644
--- a/design-system/packages/fields/src/FieldDescription.tsx
+++ b/design-system/packages/fields/src/FieldDescription.tsx
@@ -1,17 +1,17 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, useTheme } from '@keystone-ui/core';
+import { jsx, useTheme } from '@keystone-ui/core'
type FieldDescriptionProps = {
id: string;
children: string | null;
-};
+}
export const FieldDescription = (props: FieldDescriptionProps) => {
- const { spacing, palette } = useTheme();
+ const { spacing, palette } = useTheme()
if (props.children === null) {
- return null;
+ return null
}
return (
{
}}
{...props}
/>
- );
-};
+ )
+}
diff --git a/design-system/packages/fields/src/FieldLabel.tsx b/design-system/packages/fields/src/FieldLabel.tsx
index 32a6a78b230..b8a64b9c3ac 100644
--- a/design-system/packages/fields/src/FieldLabel.tsx
+++ b/design-system/packages/fields/src/FieldLabel.tsx
@@ -1,16 +1,16 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { forwardRefWithAs, jsx, useTheme } from '@keystone-ui/core';
-import type { ReactNode } from 'react';
+import { forwardRefWithAs, jsx, useTheme } from '@keystone-ui/core'
+import type { ReactNode } from 'react'
type FieldLabelProps = {
children: ReactNode;
-};
+}
export const FieldLabel = forwardRefWithAs<'label', FieldLabelProps>(
({ as: Tag = 'label', children, ...props }, ref) => {
- const { typography, fields, spacing } = useTheme();
+ const { typography, fields, spacing } = useTheme()
return (
(
>
{children}
- );
+ )
}
-);
+)
diff --git a/design-system/packages/fields/src/FieldLegend.tsx b/design-system/packages/fields/src/FieldLegend.tsx
index 3c8fd7d5a71..4ad84cadeda 100644
--- a/design-system/packages/fields/src/FieldLegend.tsx
+++ b/design-system/packages/fields/src/FieldLegend.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, useTheme } from '@keystone-ui/core';
-import type { HTMLAttributes } from 'react';
+import { jsx, useTheme } from '@keystone-ui/core'
+import type { HTMLAttributes } from 'react'
-type FieldLegendProps = HTMLAttributes
;
+type FieldLegendProps = HTMLAttributes
export const FieldLegend = (props: FieldLegendProps) => {
- const { typography, fields, spacing } = useTheme();
+ const { typography, fields, spacing } = useTheme()
return (
)}
- );
-};
+ )
+}
diff --git a/design-system/packages/fields/src/components/Icons.tsx b/design-system/packages/fields/src/components/Icons.tsx
index 7f64e487b70..58fd6ced9b0 100644
--- a/design-system/packages/fields/src/components/Icons.tsx
+++ b/design-system/packages/fields/src/components/Icons.tsx
@@ -1,10 +1,10 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { ReactNode } from 'react';
-import { jsx } from '@keystone-ui/core';
+import { ReactNode } from 'react'
+import { jsx } from '@keystone-ui/core'
-type SvgProps = { children: ReactNode; size: string | number; stroke?: string; fill?: string };
+type SvgProps = { children: ReactNode; size: string | number; stroke?: string; fill?: string }
const Svg = ({ children, size, stroke = 'none', fill = 'none' }: SvgProps) => (
-);
+)
const checkSizeMap = {
small: 14,
medium: 18,
large: 24,
-};
+}
export const CheckIcon = ({ size = 'medium' }: { size?: keyof typeof checkSizeMap }) => {
return (
- );
-};
+ )
+}
const dotSizeMap = {
small: 12,
medium: 16,
large: 20,
-};
+}
export const DotIcon = ({ size = 'medium' }: { size?: keyof typeof dotSizeMap }) => {
return (
- );
-};
+ )
+}
diff --git a/design-system/packages/fields/src/hooks/indicators.ts b/design-system/packages/fields/src/hooks/indicators.ts
index 253c0b0bba7..db5878bb454 100644
--- a/design-system/packages/fields/src/hooks/indicators.ts
+++ b/design-system/packages/fields/src/hooks/indicators.ts
@@ -1,20 +1,20 @@
-import { useTheme } from '@keystone-ui/core';
+import { useTheme } from '@keystone-ui/core'
-import type { SizeType } from '../types';
+import type { SizeType } from '../types'
export type IndicatorTokensProps = {
/** The size of the indicator */
size: SizeType;
/** Controls whether the indicator looks like a checkbox or radio button */
type: 'checkbox' | 'radio';
-};
+}
type IndicatorStateTokens = {
background?: string;
borderColor?: string;
shadow?: string;
foreground?: string;
-};
+}
export type IndicatorTokens = {
borderRadius?: string | number;
@@ -25,15 +25,15 @@ export type IndicatorTokens = {
focus: IndicatorStateTokens;
selected: IndicatorStateTokens;
disabled: IndicatorStateTokens;
-} & IndicatorStateTokens;
+} & IndicatorStateTokens
export const useIndicatorTokens = ({
size: sizeKey,
type,
}: IndicatorTokensProps): IndicatorTokens => {
- const { controlSizes, fields } = useTheme();
+ const { controlSizes, fields } = useTheme()
- const size = controlSizes[sizeKey];
+ const size = controlSizes[sizeKey]
return {
background: fields.controlBackground,
@@ -68,10 +68,10 @@ export const useIndicatorTokens = ({
shadow: fields.disabled.shadow,
foreground: fields.disabled.controlForeground,
},
- };
-};
+ }
+}
-export type IndicatorStylesProps = { tokens: IndicatorTokens };
+export type IndicatorStylesProps = { tokens: IndicatorTokens }
export const useIndicatorStyles = ({ tokens }: IndicatorStylesProps) => {
return {
@@ -119,5 +119,5 @@ export const useIndicatorStyles = ({ tokens }: IndicatorStylesProps) => {
'input:checked:disabled + &': {
color: tokens.disabled.foreground,
},
- } as const;
-};
+ } as const
+}
diff --git a/design-system/packages/fields/src/hooks/inputs.ts b/design-system/packages/fields/src/hooks/inputs.ts
index 9deac65f534..75d0e32c9e4 100644
--- a/design-system/packages/fields/src/hooks/inputs.ts
+++ b/design-system/packages/fields/src/hooks/inputs.ts
@@ -1,6 +1,6 @@
-import { useTheme } from '@keystone-ui/core';
+import { useTheme } from '@keystone-ui/core'
-import type { ShapeType, SizeType, WidthType } from '../types';
+import type { ShapeType, SizeType, WidthType } from '../types'
// TODO: Move to theme.
export const widthMap = {
@@ -8,7 +8,7 @@ export const widthMap = {
medium: 256,
large: 512,
full: '100%',
-};
+}
export type InputTokensProps = {
/* Fixes the height at a specific value. Uses vertical centering instead of padding */
@@ -19,14 +19,14 @@ export type InputTokensProps = {
size?: SizeType;
/* Sets the width of the input (distinct from size) */
width?: WidthType;
-};
+}
type InputStateTokens = {
background?: string;
borderColor?: string;
foreground?: string;
shadow?: string;
-};
+}
export type InputTokens = {
borderRadius?: number | string;
borderWidth?: number | string;
@@ -44,7 +44,7 @@ export type InputTokens = {
focus: InputStateTokens;
invalid: InputStateTokens;
disabled: InputStateTokens;
-} & InputStateTokens;
+} & InputStateTokens
export const useInputTokens = ({
size: sizeKey = 'medium',
@@ -52,10 +52,10 @@ export const useInputTokens = ({
isMultiline = false,
shape = 'square',
}: InputTokensProps): InputTokens => {
- const { animation, controlSizes, fields, radii, spacing, typography } = useTheme();
+ const { animation, controlSizes, fields, radii, spacing, typography } = useTheme()
// const width = widthMap[widthKey];
- const size = controlSizes[sizeKey];
+ const size = controlSizes[sizeKey]
return {
background: fields.inputBackground,
@@ -100,13 +100,13 @@ export const useInputTokens = ({
shadow: fields.disabled.shadow,
foreground: fields.disabled.inputForeground,
},
- } as const;
-};
+ } as const
+}
export type InputStylesProps = {
invalid: boolean;
tokens: InputTokens;
-};
+}
export function useInputStyles({ invalid, tokens }: InputStylesProps) {
const styles = {
@@ -153,7 +153,7 @@ export function useInputStyles({ invalid, tokens }: InputStylesProps) {
'&::placeholder': {
color: tokens.placeholder,
},
- } as const;
+ } as const
- return styles;
+ return styles
}
diff --git a/design-system/packages/fields/src/index.ts b/design-system/packages/fields/src/index.ts
index 2e875ac72fa..2e70c28b2ff 100644
--- a/design-system/packages/fields/src/index.ts
+++ b/design-system/packages/fields/src/index.ts
@@ -7,17 +7,17 @@
* - Need a Field Layout component - THIS!
*/
-export { Checkbox, CheckboxControl } from './Checkbox';
-export { FieldContainer } from './FieldContainer';
-export { FieldLabel } from './FieldLabel';
-export { FieldLegend } from './FieldLegend';
-export { FieldDescription } from './FieldDescription';
-export { Radio } from './Radio';
-export { Switch } from './Switch';
-export { TextArea } from './TextArea';
-export { TextInput } from './TextInput';
-export { Select, MultiSelect, selectComponents } from './Select';
-export { useIndicatorTokens, useIndicatorStyles } from './hooks/indicators';
-export { useInputTokens, useInputStyles } from './hooks/inputs';
-export { DatePicker } from './DatePicker';
-export type { DateType } from './types';
+export { Checkbox, CheckboxControl } from './Checkbox'
+export { FieldContainer } from './FieldContainer'
+export { FieldLabel } from './FieldLabel'
+export { FieldLegend } from './FieldLegend'
+export { FieldDescription } from './FieldDescription'
+export { Radio } from './Radio'
+export { Switch } from './Switch'
+export { TextArea } from './TextArea'
+export { TextInput } from './TextInput'
+export { Select, MultiSelect, selectComponents } from './Select'
+export { useIndicatorTokens, useIndicatorStyles } from './hooks/indicators'
+export { useInputTokens, useInputStyles } from './hooks/inputs'
+export { DatePicker } from './DatePicker'
+export type { DateType } from './types'
diff --git a/design-system/packages/fields/src/types.ts b/design-system/packages/fields/src/types.ts
index 99fbe447730..55bd3984ad7 100644
--- a/design-system/packages/fields/src/types.ts
+++ b/design-system/packages/fields/src/types.ts
@@ -1,6 +1,6 @@
-export type WidthType = 'small' | 'medium' | 'large' | 'full';
-export type SizeType = 'small' | 'medium' | 'large';
-export type ShapeType = 'square' | 'round';
+export type WidthType = 'small' | 'medium' | 'large' | 'full'
+export type SizeType = 'small' | 'medium' | 'large'
+export type ShapeType = 'square' | 'round'
// A primitive data type for date fields, which is a formatted ISO8601 date string or "" for empty
-export type DateType = string;
+export type DateType = string
diff --git a/design-system/packages/fields/src/utils/dateFormatters.ts b/design-system/packages/fields/src/utils/dateFormatters.ts
index 3d05809b036..990513d8dbc 100644
--- a/design-system/packages/fields/src/utils/dateFormatters.ts
+++ b/design-system/packages/fields/src/utils/dateFormatters.ts
@@ -1,38 +1,38 @@
-import { formatISO, parse } from 'date-fns';
-import { DateType } from '../types';
+import { formatISO, parse } from 'date-fns'
+import { DateType } from '../types'
/**
* Un-formatted date for server side storage (ISO8601), like '2019-09-18'
*/
export const formatDateType = (date: Date): DateType => {
- return formatISO(date, { representation: 'date' });
-};
+ return formatISO(date, { representation: 'date' })
+}
export const deserializeDate = (date: string): Date => {
- return parse(date, 'yyyy-MM-dd', new Date());
-};
+ return parse(date, 'yyyy-MM-dd', new Date())
+}
// undefined means we'll use the user's locale
const formatter = new Intl.DateTimeFormat(undefined, {
year: 'numeric',
month: '2-digit',
day: '2-digit',
-});
+})
-export const formatDate = (date: Date): string => formatter.format(date);
+export const formatDate = (date: Date): string => formatter.format(date)
export const dateFormatPlaceholder = formatter
.formatToParts(new Date())
.map(x => {
if (x.type === 'day') {
- return 'dd';
+ return 'dd'
}
if (x.type === 'month') {
- return 'mm';
+ return 'mm'
}
if (x.type === 'year') {
- return 'yyyy';
+ return 'yyyy'
}
- return x.value;
+ return x.value
})
- .join('');
+ .join('')
diff --git a/design-system/packages/fields/src/utils/isDate.ts b/design-system/packages/fields/src/utils/isDate.ts
index 1826d45b3e2..57be3e730c4 100644
--- a/design-system/packages/fields/src/utils/isDate.ts
+++ b/design-system/packages/fields/src/utils/isDate.ts
@@ -1,8 +1,8 @@
export const isDate = (value: string): boolean => {
try {
- new Date(value).toISOString();
+ new Date(value).toISOString()
} catch (e) {
- return false;
+ return false
}
- return true;
-};
+ return true
+}
diff --git a/design-system/packages/icons/build-icons.js b/design-system/packages/icons/build-icons.js
index 79ee2751220..1a8ff187517 100644
--- a/design-system/packages/icons/build-icons.js
+++ b/design-system/packages/icons/build-icons.js
@@ -1,34 +1,34 @@
/* eslint-disable import/no-extraneous-dependencies */
-const path = require('path');
+const path = require('path')
-const fs = require('fs-extra');
-const svgr = require('@svgr/core').default;
-const { icons } = require('feather-icons');
-const toPascalCase = require('to-pascal-case');
-const globby = require('globby');
+const fs = require('fs-extra')
+const svgr = require('@svgr/core').default
+const { icons } = require('feather-icons')
+const toPascalCase = require('to-pascal-case')
+const globby = require('globby')
-const chalk = require('chalk');
+const chalk = require('chalk')
async function writeIcons() {
- let iconOutDir = path.join(__dirname, 'src', 'icons');
+ let iconOutDir = path.join(__dirname, 'src', 'icons')
- await fs.ensureDir(iconOutDir);
- let names = [];
+ await fs.ensureDir(iconOutDir)
+ let names = []
await Promise.all(
Object.keys(icons).map(async key => {
- let name = `${toPascalCase(key)}Icon`;
+ let name = `${toPascalCase(key)}Icon`
let code = await svgr(
icons[key].toSvg(),
{
icon: true,
typescript: true,
template: function ({ template, types }, opts, { imports, componentName, jsx }) {
- const t = types;
- const plugins = ['jsx'];
+ const t = types
+ const plugins = ['jsx']
if (opts.typescript) {
- plugins.push('typescript');
+ plugins.push('typescript')
}
- const typeScriptTpl = template.smart({ plugins });
+ const typeScriptTpl = template.smart({ plugins })
return typeScriptTpl.ast`
${imports}
@@ -46,7 +46,7 @@ async function writeIcons() {
},
${t.stringLiteral(name)}
);
- `;
+ `
},
plugins: [
// '@svgr/plugin-svgo',
@@ -54,66 +54,66 @@ async function writeIcons() {
],
},
{ componentName: name }
- );
- await fs.writeFile(path.join(iconOutDir, `${name}.tsx`), code);
- names.push(name);
+ )
+ await fs.writeFile(path.join(iconOutDir, `${name}.tsx`), code)
+ names.push(name)
})
- );
- return names;
+ )
+ return names
}
async function writeIndex(icons) {
const index =
`export type { IconProps } from './Icon';\n\n` +
icons.map(icon => `export { ${icon} } from './icons/${icon}';`).join('\n') +
- `\n`;
+ `\n`
await fs.writeFile('src/index.tsx', index, {
encoding: 'utf8',
- });
+ })
- console.info(chalk.green('✅ Index file written successfully'));
+ console.info(chalk.green('✅ Index file written successfully'))
}
async function writePkg(pkgPath, content) {
- await fs.ensureFile(pkgPath);
+ await fs.ensureFile(pkgPath)
await fs.writeFile(pkgPath, JSON.stringify(content, null, 2) + '\n', {
encoding: 'utf8',
- });
+ })
}
async function createEntrypointPkgJsons(icons) {
await Promise.all(
icons.map(async icon => {
- const pkgPath = path.join(process.cwd(), 'icons', icon, 'package.json');
+ const pkgPath = path.join(process.cwd(), 'icons', icon, 'package.json')
await writePkg(pkgPath, {
main: 'dist/icons.cjs.js',
module: 'dist/icons.esm.js',
- });
+ })
})
- );
+ )
- console.info(chalk.green('✅ all package.json entrypoint files written successfully'));
+ console.info(chalk.green('✅ all package.json entrypoint files written successfully'))
}
async function clean() {
let pathnames = await globby(['icons/*', 'src/icons/*'], {
expandDirectories: false,
onlyFiles: false,
- });
+ })
await Promise.all(
pathnames.map(async pathname => {
- await fs.remove(pathname);
+ await fs.remove(pathname)
})
- );
+ )
}
(async () => {
- console.info(chalk.blue('🧹 Cleaning existing exports'));
- await clean();
- console.info(chalk.blue('🚧 Building icon exports'));
+ console.info(chalk.blue('🧹 Cleaning existing exports'))
+ await clean()
+ console.info(chalk.blue('🚧 Building icon exports'))
- let icons = await writeIcons();
- await Promise.all([writeIndex(icons), createEntrypointPkgJsons(icons)]);
-})();
+ let icons = await writeIcons()
+ await Promise.all([writeIndex(icons), createEntrypointPkgJsons(icons)])
+})()
diff --git a/design-system/packages/icons/src/Icon.tsx b/design-system/packages/icons/src/Icon.tsx
index b12d30d8358..e235a903c5e 100644
--- a/design-system/packages/icons/src/Icon.tsx
+++ b/design-system/packages/icons/src/Icon.tsx
@@ -1,15 +1,15 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { SVGAttributes, forwardRef, ReactNode } from 'react';
-import { ResponsiveProp, jsx, mapResponsiveProp } from '@keystone-ui/core';
+import { SVGAttributes, forwardRef, ReactNode } from 'react'
+import { ResponsiveProp, jsx, mapResponsiveProp } from '@keystone-ui/core'
export type IconProps = SVGAttributes & {
/** The color for the SVG fill property. */
color?: string;
/** The size key for the icon. */
size?: ResponsiveProp | number;
-};
+}
// TODO: Move to theme?
const sizeMap = {
@@ -18,12 +18,12 @@ const sizeMap = {
medium: 24,
largish: 28,
large: 32,
-};
+}
export const createIcon = (children: ReactNode, name: string) => {
let Icon = forwardRef(
({ size = 'medium', color, ...props }: IconProps, ref: any) => {
- const resolvedSize = typeof size === 'number' ? size : mapResponsiveProp(size, sizeMap);
+ const resolvedSize = typeof size === 'number' ? size : mapResponsiveProp(size, sizeMap)
return (
- );
+ )
}
- );
- Icon.displayName = name;
- return Icon;
-};
+ )
+ Icon.displayName = name
+ return Icon
+}
diff --git a/design-system/packages/icons/src/icons/ActivityIcon.tsx b/design-system/packages/icons/src/icons/ActivityIcon.tsx
index d7b806ae036..b60dcea72da 100644
--- a/design-system/packages/icons/src/icons/ActivityIcon.tsx
+++ b/design-system/packages/icons/src/icons/ActivityIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ActivityIcon = createIcon(
,
'ActivityIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AirplayIcon.tsx b/design-system/packages/icons/src/icons/AirplayIcon.tsx
index 86ced9bbb07..f3bc8ee6d16 100644
--- a/design-system/packages/icons/src/icons/AirplayIcon.tsx
+++ b/design-system/packages/icons/src/icons/AirplayIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AirplayIcon = createIcon(
,
'AirplayIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlertCircleIcon.tsx b/design-system/packages/icons/src/icons/AlertCircleIcon.tsx
index a2f127c406b..dd01196619b 100644
--- a/design-system/packages/icons/src/icons/AlertCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlertCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlertCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const AlertCircleIcon = createIcon(
,
'AlertCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlertOctagonIcon.tsx b/design-system/packages/icons/src/icons/AlertOctagonIcon.tsx
index cd25199bb26..0f467611d4a 100644
--- a/design-system/packages/icons/src/icons/AlertOctagonIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlertOctagonIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlertOctagonIcon = createIcon(
@@ -7,4 +7,4 @@ export const AlertOctagonIcon = createIcon(
,
'AlertOctagonIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlertTriangleIcon.tsx b/design-system/packages/icons/src/icons/AlertTriangleIcon.tsx
index 3e151d59f71..4807c9b6cfb 100644
--- a/design-system/packages/icons/src/icons/AlertTriangleIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlertTriangleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlertTriangleIcon = createIcon(
@@ -7,4 +7,4 @@ export const AlertTriangleIcon = createIcon(
,
'AlertTriangleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlignCenterIcon.tsx b/design-system/packages/icons/src/icons/AlignCenterIcon.tsx
index 327d0cb43d5..8683c18dfab 100644
--- a/design-system/packages/icons/src/icons/AlignCenterIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlignCenterIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlignCenterIcon = createIcon(
@@ -8,4 +8,4 @@ export const AlignCenterIcon = createIcon(
,
'AlignCenterIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlignJustifyIcon.tsx b/design-system/packages/icons/src/icons/AlignJustifyIcon.tsx
index 2980a3f69f9..bd09d58b26e 100644
--- a/design-system/packages/icons/src/icons/AlignJustifyIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlignJustifyIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlignJustifyIcon = createIcon(
@@ -8,4 +8,4 @@ export const AlignJustifyIcon = createIcon(
,
'AlignJustifyIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlignLeftIcon.tsx b/design-system/packages/icons/src/icons/AlignLeftIcon.tsx
index 110d113f9bf..362add6e991 100644
--- a/design-system/packages/icons/src/icons/AlignLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlignLeftIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlignLeftIcon = createIcon(
@@ -8,4 +8,4 @@ export const AlignLeftIcon = createIcon(
,
'AlignLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AlignRightIcon.tsx b/design-system/packages/icons/src/icons/AlignRightIcon.tsx
index 45c930fb78a..313a83c226f 100644
--- a/design-system/packages/icons/src/icons/AlignRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/AlignRightIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AlignRightIcon = createIcon(
@@ -8,4 +8,4 @@ export const AlignRightIcon = createIcon(
,
'AlignRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AnchorIcon.tsx b/design-system/packages/icons/src/icons/AnchorIcon.tsx
index c8e4607a097..46b3100dc7d 100644
--- a/design-system/packages/icons/src/icons/AnchorIcon.tsx
+++ b/design-system/packages/icons/src/icons/AnchorIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AnchorIcon = createIcon(
@@ -7,4 +7,4 @@ export const AnchorIcon = createIcon(
,
'AnchorIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ApertureIcon.tsx b/design-system/packages/icons/src/icons/ApertureIcon.tsx
index 985fee0fa08..79ff986d405 100644
--- a/design-system/packages/icons/src/icons/ApertureIcon.tsx
+++ b/design-system/packages/icons/src/icons/ApertureIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ApertureIcon = createIcon(
@@ -11,4 +11,4 @@ export const ApertureIcon = createIcon(
,
'ApertureIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArchiveIcon.tsx b/design-system/packages/icons/src/icons/ArchiveIcon.tsx
index 922b1a5e1db..5bae462a22d 100644
--- a/design-system/packages/icons/src/icons/ArchiveIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArchiveIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArchiveIcon = createIcon(
@@ -7,4 +7,4 @@ export const ArchiveIcon = createIcon(
,
'ArchiveIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowDownCircleIcon.tsx b/design-system/packages/icons/src/icons/ArrowDownCircleIcon.tsx
index dfa408f9020..426c99f8369 100644
--- a/design-system/packages/icons/src/icons/ArrowDownCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowDownCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowDownCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const ArrowDownCircleIcon = createIcon(
,
'ArrowDownCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowDownIcon.tsx b/design-system/packages/icons/src/icons/ArrowDownIcon.tsx
index b493250fc7b..e23f95f1eb3 100644
--- a/design-system/packages/icons/src/icons/ArrowDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowDownIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowDownIcon = createIcon(
,
'ArrowDownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowDownLeftIcon.tsx b/design-system/packages/icons/src/icons/ArrowDownLeftIcon.tsx
index c825ea77131..4c9501b2b7d 100644
--- a/design-system/packages/icons/src/icons/ArrowDownLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowDownLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowDownLeftIcon = createIcon(
,
'ArrowDownLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowDownRightIcon.tsx b/design-system/packages/icons/src/icons/ArrowDownRightIcon.tsx
index 876d712d908..b24e222769a 100644
--- a/design-system/packages/icons/src/icons/ArrowDownRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowDownRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowDownRightIcon = createIcon(
,
'ArrowDownRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowLeftCircleIcon.tsx b/design-system/packages/icons/src/icons/ArrowLeftCircleIcon.tsx
index 018bee8a6d3..09cddb501e6 100644
--- a/design-system/packages/icons/src/icons/ArrowLeftCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowLeftCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowLeftCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const ArrowLeftCircleIcon = createIcon(
,
'ArrowLeftCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowLeftIcon.tsx b/design-system/packages/icons/src/icons/ArrowLeftIcon.tsx
index d00379e80b0..34f814dc7d0 100644
--- a/design-system/packages/icons/src/icons/ArrowLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowLeftIcon = createIcon(
,
'ArrowLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowRightCircleIcon.tsx b/design-system/packages/icons/src/icons/ArrowRightCircleIcon.tsx
index 00303ef1e5c..9f21117655d 100644
--- a/design-system/packages/icons/src/icons/ArrowRightCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowRightCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowRightCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const ArrowRightCircleIcon = createIcon(
,
'ArrowRightCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowRightIcon.tsx b/design-system/packages/icons/src/icons/ArrowRightIcon.tsx
index 5815b3f41f7..cf86878cb71 100644
--- a/design-system/packages/icons/src/icons/ArrowRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowRightIcon = createIcon(
,
'ArrowRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowUpCircleIcon.tsx b/design-system/packages/icons/src/icons/ArrowUpCircleIcon.tsx
index 51bedce3af5..4e5220ae410 100644
--- a/design-system/packages/icons/src/icons/ArrowUpCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowUpCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowUpCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const ArrowUpCircleIcon = createIcon(
,
'ArrowUpCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowUpIcon.tsx b/design-system/packages/icons/src/icons/ArrowUpIcon.tsx
index a3db6b4058c..fb5c791ab2f 100644
--- a/design-system/packages/icons/src/icons/ArrowUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowUpIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowUpIcon = createIcon(
,
'ArrowUpIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowUpLeftIcon.tsx b/design-system/packages/icons/src/icons/ArrowUpLeftIcon.tsx
index ad93035e235..299b15db6f7 100644
--- a/design-system/packages/icons/src/icons/ArrowUpLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowUpLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowUpLeftIcon = createIcon(
,
'ArrowUpLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ArrowUpRightIcon.tsx b/design-system/packages/icons/src/icons/ArrowUpRightIcon.tsx
index 90b998215f2..72602a3f80c 100644
--- a/design-system/packages/icons/src/icons/ArrowUpRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/ArrowUpRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ArrowUpRightIcon = createIcon(
,
'ArrowUpRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AtSignIcon.tsx b/design-system/packages/icons/src/icons/AtSignIcon.tsx
index 20532d5194e..fae4029c895 100644
--- a/design-system/packages/icons/src/icons/AtSignIcon.tsx
+++ b/design-system/packages/icons/src/icons/AtSignIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AtSignIcon = createIcon(
,
'AtSignIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/AwardIcon.tsx b/design-system/packages/icons/src/icons/AwardIcon.tsx
index e7358001d64..77673899f42 100644
--- a/design-system/packages/icons/src/icons/AwardIcon.tsx
+++ b/design-system/packages/icons/src/icons/AwardIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const AwardIcon = createIcon(
,
'AwardIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BarChart2Icon.tsx b/design-system/packages/icons/src/icons/BarChart2Icon.tsx
index 2183f7880f3..96ca52f157f 100644
--- a/design-system/packages/icons/src/icons/BarChart2Icon.tsx
+++ b/design-system/packages/icons/src/icons/BarChart2Icon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BarChart2Icon = createIcon(
@@ -7,4 +7,4 @@ export const BarChart2Icon = createIcon(
,
'BarChart2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BarChartIcon.tsx b/design-system/packages/icons/src/icons/BarChartIcon.tsx
index 25f6f338bbe..62004698263 100644
--- a/design-system/packages/icons/src/icons/BarChartIcon.tsx
+++ b/design-system/packages/icons/src/icons/BarChartIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BarChartIcon = createIcon(
@@ -7,4 +7,4 @@ export const BarChartIcon = createIcon(
,
'BarChartIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BatteryChargingIcon.tsx b/design-system/packages/icons/src/icons/BatteryChargingIcon.tsx
index d14a94048ad..d60ada387ed 100644
--- a/design-system/packages/icons/src/icons/BatteryChargingIcon.tsx
+++ b/design-system/packages/icons/src/icons/BatteryChargingIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BatteryChargingIcon = createIcon(
@@ -7,4 +7,4 @@ export const BatteryChargingIcon = createIcon(
,
'BatteryChargingIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BatteryIcon.tsx b/design-system/packages/icons/src/icons/BatteryIcon.tsx
index 215f2f75779..2acba3c0fd3 100644
--- a/design-system/packages/icons/src/icons/BatteryIcon.tsx
+++ b/design-system/packages/icons/src/icons/BatteryIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BatteryIcon = createIcon(
,
'BatteryIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BellIcon.tsx b/design-system/packages/icons/src/icons/BellIcon.tsx
index e12e7c22e01..549b961fb3f 100644
--- a/design-system/packages/icons/src/icons/BellIcon.tsx
+++ b/design-system/packages/icons/src/icons/BellIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BellIcon = createIcon(
,
'BellIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BellOffIcon.tsx b/design-system/packages/icons/src/icons/BellOffIcon.tsx
index b137c9960d6..22be42c06bf 100644
--- a/design-system/packages/icons/src/icons/BellOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/BellOffIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BellOffIcon = createIcon(
@@ -9,4 +9,4 @@ export const BellOffIcon = createIcon(
,
'BellOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BluetoothIcon.tsx b/design-system/packages/icons/src/icons/BluetoothIcon.tsx
index 0018b715b9f..014c3a438fe 100644
--- a/design-system/packages/icons/src/icons/BluetoothIcon.tsx
+++ b/design-system/packages/icons/src/icons/BluetoothIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BluetoothIcon = createIcon(
,
'BluetoothIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BoldIcon.tsx b/design-system/packages/icons/src/icons/BoldIcon.tsx
index 6b98438560d..f285574003d 100644
--- a/design-system/packages/icons/src/icons/BoldIcon.tsx
+++ b/design-system/packages/icons/src/icons/BoldIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BoldIcon = createIcon(
,
'BoldIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BookIcon.tsx b/design-system/packages/icons/src/icons/BookIcon.tsx
index 3ed44be7819..bfda9ce0b1a 100644
--- a/design-system/packages/icons/src/icons/BookIcon.tsx
+++ b/design-system/packages/icons/src/icons/BookIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BookIcon = createIcon(
,
'BookIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BookOpenIcon.tsx b/design-system/packages/icons/src/icons/BookOpenIcon.tsx
index 5f9557bd894..8dda678da01 100644
--- a/design-system/packages/icons/src/icons/BookOpenIcon.tsx
+++ b/design-system/packages/icons/src/icons/BookOpenIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BookOpenIcon = createIcon(
,
'BookOpenIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BookmarkIcon.tsx b/design-system/packages/icons/src/icons/BookmarkIcon.tsx
index 0919894763d..a6fc3740aa0 100644
--- a/design-system/packages/icons/src/icons/BookmarkIcon.tsx
+++ b/design-system/packages/icons/src/icons/BookmarkIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BookmarkIcon = createIcon(
,
'BookmarkIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BoxIcon.tsx b/design-system/packages/icons/src/icons/BoxIcon.tsx
index b6a5f7db93b..7ff15669403 100644
--- a/design-system/packages/icons/src/icons/BoxIcon.tsx
+++ b/design-system/packages/icons/src/icons/BoxIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BoxIcon = createIcon(
@@ -7,4 +7,4 @@ export const BoxIcon = createIcon(
,
'BoxIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/BriefcaseIcon.tsx b/design-system/packages/icons/src/icons/BriefcaseIcon.tsx
index 04bd026b58d..83d468e4a97 100644
--- a/design-system/packages/icons/src/icons/BriefcaseIcon.tsx
+++ b/design-system/packages/icons/src/icons/BriefcaseIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const BriefcaseIcon = createIcon(
,
'BriefcaseIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CalendarIcon.tsx b/design-system/packages/icons/src/icons/CalendarIcon.tsx
index 40e89e45b23..8a97c575ed1 100644
--- a/design-system/packages/icons/src/icons/CalendarIcon.tsx
+++ b/design-system/packages/icons/src/icons/CalendarIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CalendarIcon = createIcon(
@@ -8,4 +8,4 @@ export const CalendarIcon = createIcon(
,
'CalendarIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CameraIcon.tsx b/design-system/packages/icons/src/icons/CameraIcon.tsx
index 754a36b4570..d3ea2c02ef6 100644
--- a/design-system/packages/icons/src/icons/CameraIcon.tsx
+++ b/design-system/packages/icons/src/icons/CameraIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CameraIcon = createIcon(
,
'CameraIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CameraOffIcon.tsx b/design-system/packages/icons/src/icons/CameraOffIcon.tsx
index e9a5bf66391..3712cbd3bed 100644
--- a/design-system/packages/icons/src/icons/CameraOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/CameraOffIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CameraOffIcon = createIcon(
,
'CameraOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CastIcon.tsx b/design-system/packages/icons/src/icons/CastIcon.tsx
index e2d41456361..4852b3bf11a 100644
--- a/design-system/packages/icons/src/icons/CastIcon.tsx
+++ b/design-system/packages/icons/src/icons/CastIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CastIcon = createIcon(
,
'CastIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CheckCircleIcon.tsx b/design-system/packages/icons/src/icons/CheckCircleIcon.tsx
index ebb73c929c9..d68fbbac616 100644
--- a/design-system/packages/icons/src/icons/CheckCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/CheckCircleIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CheckCircleIcon = createIcon(
,
'CheckCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CheckIcon.tsx b/design-system/packages/icons/src/icons/CheckIcon.tsx
index 74cf1f10434..c87e9b61b18 100644
--- a/design-system/packages/icons/src/icons/CheckIcon.tsx
+++ b/design-system/packages/icons/src/icons/CheckIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const CheckIcon = createIcon(, 'CheckIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const CheckIcon = createIcon(, 'CheckIcon')
diff --git a/design-system/packages/icons/src/icons/CheckSquareIcon.tsx b/design-system/packages/icons/src/icons/CheckSquareIcon.tsx
index a6710de5718..9ab0f055d16 100644
--- a/design-system/packages/icons/src/icons/CheckSquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/CheckSquareIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CheckSquareIcon = createIcon(
,
'CheckSquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ChevronDownIcon.tsx b/design-system/packages/icons/src/icons/ChevronDownIcon.tsx
index a0aa139650c..a3d071c8b32 100644
--- a/design-system/packages/icons/src/icons/ChevronDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronDownIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const ChevronDownIcon = createIcon(, 'ChevronDownIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const ChevronDownIcon = createIcon(, 'ChevronDownIcon')
diff --git a/design-system/packages/icons/src/icons/ChevronLeftIcon.tsx b/design-system/packages/icons/src/icons/ChevronLeftIcon.tsx
index ea8cb783d4c..be0c453a56a 100644
--- a/design-system/packages/icons/src/icons/ChevronLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronLeftIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const ChevronLeftIcon = createIcon(, 'ChevronLeftIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const ChevronLeftIcon = createIcon(, 'ChevronLeftIcon')
diff --git a/design-system/packages/icons/src/icons/ChevronRightIcon.tsx b/design-system/packages/icons/src/icons/ChevronRightIcon.tsx
index fcaf0619b46..ce42c8d1e7d 100644
--- a/design-system/packages/icons/src/icons/ChevronRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronRightIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ChevronRightIcon = createIcon(
,
'ChevronRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ChevronUpIcon.tsx b/design-system/packages/icons/src/icons/ChevronUpIcon.tsx
index ec9f7141fac..0b96feb80b7 100644
--- a/design-system/packages/icons/src/icons/ChevronUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronUpIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const ChevronUpIcon = createIcon(, 'ChevronUpIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const ChevronUpIcon = createIcon(, 'ChevronUpIcon')
diff --git a/design-system/packages/icons/src/icons/ChevronsDownIcon.tsx b/design-system/packages/icons/src/icons/ChevronsDownIcon.tsx
index 832d6305da4..1a74eda8cf9 100644
--- a/design-system/packages/icons/src/icons/ChevronsDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronsDownIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ChevronsDownIcon = createIcon(
,
'ChevronsDownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ChevronsLeftIcon.tsx b/design-system/packages/icons/src/icons/ChevronsLeftIcon.tsx
index 4198a8ef5de..08f755dabe7 100644
--- a/design-system/packages/icons/src/icons/ChevronsLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronsLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ChevronsLeftIcon = createIcon(
,
'ChevronsLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ChevronsRightIcon.tsx b/design-system/packages/icons/src/icons/ChevronsRightIcon.tsx
index 2b010be6a2d..89b27816156 100644
--- a/design-system/packages/icons/src/icons/ChevronsRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronsRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ChevronsRightIcon = createIcon(
,
'ChevronsRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ChevronsUpIcon.tsx b/design-system/packages/icons/src/icons/ChevronsUpIcon.tsx
index 2eb3aa85e30..5f08914e770 100644
--- a/design-system/packages/icons/src/icons/ChevronsUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChevronsUpIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ChevronsUpIcon = createIcon(
,
'ChevronsUpIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ChromeIcon.tsx b/design-system/packages/icons/src/icons/ChromeIcon.tsx
index 76c8ff1a13e..a928fe066ac 100644
--- a/design-system/packages/icons/src/icons/ChromeIcon.tsx
+++ b/design-system/packages/icons/src/icons/ChromeIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ChromeIcon = createIcon(
@@ -9,4 +9,4 @@ export const ChromeIcon = createIcon(
,
'ChromeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CircleIcon.tsx b/design-system/packages/icons/src/icons/CircleIcon.tsx
index 8808d476816..96538098b12 100644
--- a/design-system/packages/icons/src/icons/CircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/CircleIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const CircleIcon = createIcon(, 'CircleIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const CircleIcon = createIcon(, 'CircleIcon')
diff --git a/design-system/packages/icons/src/icons/ClipboardIcon.tsx b/design-system/packages/icons/src/icons/ClipboardIcon.tsx
index f0a09b42d02..32a003b3337 100644
--- a/design-system/packages/icons/src/icons/ClipboardIcon.tsx
+++ b/design-system/packages/icons/src/icons/ClipboardIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ClipboardIcon = createIcon(
,
'ClipboardIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ClockIcon.tsx b/design-system/packages/icons/src/icons/ClockIcon.tsx
index 37c84c381f6..922747fe645 100644
--- a/design-system/packages/icons/src/icons/ClockIcon.tsx
+++ b/design-system/packages/icons/src/icons/ClockIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ClockIcon = createIcon(
,
'ClockIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CloudDrizzleIcon.tsx b/design-system/packages/icons/src/icons/CloudDrizzleIcon.tsx
index e737285c0e6..d772c1dc7ba 100644
--- a/design-system/packages/icons/src/icons/CloudDrizzleIcon.tsx
+++ b/design-system/packages/icons/src/icons/CloudDrizzleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CloudDrizzleIcon = createIcon(
@@ -11,4 +11,4 @@ export const CloudDrizzleIcon = createIcon(
,
'CloudDrizzleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CloudIcon.tsx b/design-system/packages/icons/src/icons/CloudIcon.tsx
index 1c40f7fd3aa..41e50a0b55d 100644
--- a/design-system/packages/icons/src/icons/CloudIcon.tsx
+++ b/design-system/packages/icons/src/icons/CloudIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CloudIcon = createIcon(
,
'CloudIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CloudLightningIcon.tsx b/design-system/packages/icons/src/icons/CloudLightningIcon.tsx
index 86972f45be0..c3f336b238d 100644
--- a/design-system/packages/icons/src/icons/CloudLightningIcon.tsx
+++ b/design-system/packages/icons/src/icons/CloudLightningIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CloudLightningIcon = createIcon(
,
'CloudLightningIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CloudOffIcon.tsx b/design-system/packages/icons/src/icons/CloudOffIcon.tsx
index a2633597d31..b3c368a0ea5 100644
--- a/design-system/packages/icons/src/icons/CloudOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/CloudOffIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CloudOffIcon = createIcon(
,
'CloudOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CloudRainIcon.tsx b/design-system/packages/icons/src/icons/CloudRainIcon.tsx
index e7b9ecd3b2d..37343f1458c 100644
--- a/design-system/packages/icons/src/icons/CloudRainIcon.tsx
+++ b/design-system/packages/icons/src/icons/CloudRainIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CloudRainIcon = createIcon(
@@ -8,4 +8,4 @@ export const CloudRainIcon = createIcon(
,
'CloudRainIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CloudSnowIcon.tsx b/design-system/packages/icons/src/icons/CloudSnowIcon.tsx
index f5150d33d1f..a4a1f272f91 100644
--- a/design-system/packages/icons/src/icons/CloudSnowIcon.tsx
+++ b/design-system/packages/icons/src/icons/CloudSnowIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CloudSnowIcon = createIcon(
@@ -11,4 +11,4 @@ export const CloudSnowIcon = createIcon(
,
'CloudSnowIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CodeIcon.tsx b/design-system/packages/icons/src/icons/CodeIcon.tsx
index 130ee0f7471..49e4b0e72d6 100644
--- a/design-system/packages/icons/src/icons/CodeIcon.tsx
+++ b/design-system/packages/icons/src/icons/CodeIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CodeIcon = createIcon(
,
'CodeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CodepenIcon.tsx b/design-system/packages/icons/src/icons/CodepenIcon.tsx
index 070927bbcd7..dee3edcd7d0 100644
--- a/design-system/packages/icons/src/icons/CodepenIcon.tsx
+++ b/design-system/packages/icons/src/icons/CodepenIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CodepenIcon = createIcon(
@@ -9,4 +9,4 @@ export const CodepenIcon = createIcon(
,
'CodepenIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CodesandboxIcon.tsx b/design-system/packages/icons/src/icons/CodesandboxIcon.tsx
index 008e58cbc20..cffedd6698c 100644
--- a/design-system/packages/icons/src/icons/CodesandboxIcon.tsx
+++ b/design-system/packages/icons/src/icons/CodesandboxIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CodesandboxIcon = createIcon(
@@ -10,4 +10,4 @@ export const CodesandboxIcon = createIcon(
,
'CodesandboxIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CoffeeIcon.tsx b/design-system/packages/icons/src/icons/CoffeeIcon.tsx
index 67a7a608241..17c8dec16ed 100644
--- a/design-system/packages/icons/src/icons/CoffeeIcon.tsx
+++ b/design-system/packages/icons/src/icons/CoffeeIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CoffeeIcon = createIcon(
@@ -9,4 +9,4 @@ export const CoffeeIcon = createIcon(
,
'CoffeeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ColumnsIcon.tsx b/design-system/packages/icons/src/icons/ColumnsIcon.tsx
index 3d3d1c96ac9..79b7528c1a2 100644
--- a/design-system/packages/icons/src/icons/ColumnsIcon.tsx
+++ b/design-system/packages/icons/src/icons/ColumnsIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ColumnsIcon = createIcon(
,
'ColumnsIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CommandIcon.tsx b/design-system/packages/icons/src/icons/CommandIcon.tsx
index 17ef46e7e0b..8d1ca0903f5 100644
--- a/design-system/packages/icons/src/icons/CommandIcon.tsx
+++ b/design-system/packages/icons/src/icons/CommandIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CommandIcon = createIcon(
,
'CommandIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CompassIcon.tsx b/design-system/packages/icons/src/icons/CompassIcon.tsx
index 64ed5cee27a..7fb283a801e 100644
--- a/design-system/packages/icons/src/icons/CompassIcon.tsx
+++ b/design-system/packages/icons/src/icons/CompassIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CompassIcon = createIcon(
,
'CompassIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CopyIcon.tsx b/design-system/packages/icons/src/icons/CopyIcon.tsx
index 981c633459a..abcfe9b76ce 100644
--- a/design-system/packages/icons/src/icons/CopyIcon.tsx
+++ b/design-system/packages/icons/src/icons/CopyIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CopyIcon = createIcon(
,
'CopyIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerDownLeftIcon.tsx b/design-system/packages/icons/src/icons/CornerDownLeftIcon.tsx
index 22a18881011..5cd6f7326a5 100644
--- a/design-system/packages/icons/src/icons/CornerDownLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerDownLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerDownLeftIcon = createIcon(
,
'CornerDownLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerDownRightIcon.tsx b/design-system/packages/icons/src/icons/CornerDownRightIcon.tsx
index 39a300923ba..00e1e64ba2b 100644
--- a/design-system/packages/icons/src/icons/CornerDownRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerDownRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerDownRightIcon = createIcon(
,
'CornerDownRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerLeftDownIcon.tsx b/design-system/packages/icons/src/icons/CornerLeftDownIcon.tsx
index 1ce947cea0e..489938d945a 100644
--- a/design-system/packages/icons/src/icons/CornerLeftDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerLeftDownIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerLeftDownIcon = createIcon(
,
'CornerLeftDownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerLeftUpIcon.tsx b/design-system/packages/icons/src/icons/CornerLeftUpIcon.tsx
index 05743e5d321..8bbd11939e7 100644
--- a/design-system/packages/icons/src/icons/CornerLeftUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerLeftUpIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerLeftUpIcon = createIcon(
,
'CornerLeftUpIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerRightDownIcon.tsx b/design-system/packages/icons/src/icons/CornerRightDownIcon.tsx
index 9f6aa56a2fb..17719109570 100644
--- a/design-system/packages/icons/src/icons/CornerRightDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerRightDownIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerRightDownIcon = createIcon(
,
'CornerRightDownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerRightUpIcon.tsx b/design-system/packages/icons/src/icons/CornerRightUpIcon.tsx
index a0da8142bf0..63d33c50195 100644
--- a/design-system/packages/icons/src/icons/CornerRightUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerRightUpIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerRightUpIcon = createIcon(
,
'CornerRightUpIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerUpLeftIcon.tsx b/design-system/packages/icons/src/icons/CornerUpLeftIcon.tsx
index c424a0aa8a3..b0d447b9758 100644
--- a/design-system/packages/icons/src/icons/CornerUpLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerUpLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerUpLeftIcon = createIcon(
,
'CornerUpLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CornerUpRightIcon.tsx b/design-system/packages/icons/src/icons/CornerUpRightIcon.tsx
index 1fe517a7258..da92de7f030 100644
--- a/design-system/packages/icons/src/icons/CornerUpRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/CornerUpRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CornerUpRightIcon = createIcon(
,
'CornerUpRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CpuIcon.tsx b/design-system/packages/icons/src/icons/CpuIcon.tsx
index bd828585b26..ce895c49631 100644
--- a/design-system/packages/icons/src/icons/CpuIcon.tsx
+++ b/design-system/packages/icons/src/icons/CpuIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CpuIcon = createIcon(
@@ -14,4 +14,4 @@ export const CpuIcon = createIcon(
,
'CpuIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CreditCardIcon.tsx b/design-system/packages/icons/src/icons/CreditCardIcon.tsx
index 28d80ef61db..3f38001dd3e 100644
--- a/design-system/packages/icons/src/icons/CreditCardIcon.tsx
+++ b/design-system/packages/icons/src/icons/CreditCardIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CreditCardIcon = createIcon(
,
'CreditCardIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CropIcon.tsx b/design-system/packages/icons/src/icons/CropIcon.tsx
index 0239e741932..896a4c65da7 100644
--- a/design-system/packages/icons/src/icons/CropIcon.tsx
+++ b/design-system/packages/icons/src/icons/CropIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CropIcon = createIcon(
,
'CropIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/CrosshairIcon.tsx b/design-system/packages/icons/src/icons/CrosshairIcon.tsx
index 64c84223c07..76ecf2d0049 100644
--- a/design-system/packages/icons/src/icons/CrosshairIcon.tsx
+++ b/design-system/packages/icons/src/icons/CrosshairIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const CrosshairIcon = createIcon(
@@ -9,4 +9,4 @@ export const CrosshairIcon = createIcon(
,
'CrosshairIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DatabaseIcon.tsx b/design-system/packages/icons/src/icons/DatabaseIcon.tsx
index 37c4078fd67..6578c561c43 100644
--- a/design-system/packages/icons/src/icons/DatabaseIcon.tsx
+++ b/design-system/packages/icons/src/icons/DatabaseIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DatabaseIcon = createIcon(
@@ -7,4 +7,4 @@ export const DatabaseIcon = createIcon(
,
'DatabaseIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DeleteIcon.tsx b/design-system/packages/icons/src/icons/DeleteIcon.tsx
index d23d82b4e00..08dddacd990 100644
--- a/design-system/packages/icons/src/icons/DeleteIcon.tsx
+++ b/design-system/packages/icons/src/icons/DeleteIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DeleteIcon = createIcon(
@@ -7,4 +7,4 @@ export const DeleteIcon = createIcon(
,
'DeleteIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DiscIcon.tsx b/design-system/packages/icons/src/icons/DiscIcon.tsx
index 7a428d7873a..90b5e657952 100644
--- a/design-system/packages/icons/src/icons/DiscIcon.tsx
+++ b/design-system/packages/icons/src/icons/DiscIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DiscIcon = createIcon(
,
'DiscIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DivideCircleIcon.tsx b/design-system/packages/icons/src/icons/DivideCircleIcon.tsx
index 01184d516f9..06b1053b70b 100644
--- a/design-system/packages/icons/src/icons/DivideCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/DivideCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DivideCircleIcon = createIcon(
@@ -8,4 +8,4 @@ export const DivideCircleIcon = createIcon(
,
'DivideCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DivideIcon.tsx b/design-system/packages/icons/src/icons/DivideIcon.tsx
index e839c5ad510..4a76474ca36 100644
--- a/design-system/packages/icons/src/icons/DivideIcon.tsx
+++ b/design-system/packages/icons/src/icons/DivideIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DivideIcon = createIcon(
@@ -7,4 +7,4 @@ export const DivideIcon = createIcon(
,
'DivideIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DivideSquareIcon.tsx b/design-system/packages/icons/src/icons/DivideSquareIcon.tsx
index e039dd004d1..29f628c19ef 100644
--- a/design-system/packages/icons/src/icons/DivideSquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/DivideSquareIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DivideSquareIcon = createIcon(
@@ -8,4 +8,4 @@ export const DivideSquareIcon = createIcon(
,
'DivideSquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DollarSignIcon.tsx b/design-system/packages/icons/src/icons/DollarSignIcon.tsx
index 3dd9c89bc5a..0aa7c0a6eb0 100644
--- a/design-system/packages/icons/src/icons/DollarSignIcon.tsx
+++ b/design-system/packages/icons/src/icons/DollarSignIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DollarSignIcon = createIcon(
,
'DollarSignIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DownloadCloudIcon.tsx b/design-system/packages/icons/src/icons/DownloadCloudIcon.tsx
index e18b8afee05..63ba1bf1ee6 100644
--- a/design-system/packages/icons/src/icons/DownloadCloudIcon.tsx
+++ b/design-system/packages/icons/src/icons/DownloadCloudIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DownloadCloudIcon = createIcon(
@@ -7,4 +7,4 @@ export const DownloadCloudIcon = createIcon(
,
'DownloadCloudIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DownloadIcon.tsx b/design-system/packages/icons/src/icons/DownloadIcon.tsx
index 9bcd7aef37b..e86f52fa58e 100644
--- a/design-system/packages/icons/src/icons/DownloadIcon.tsx
+++ b/design-system/packages/icons/src/icons/DownloadIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DownloadIcon = createIcon(
@@ -7,4 +7,4 @@ export const DownloadIcon = createIcon(
,
'DownloadIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DribbbleIcon.tsx b/design-system/packages/icons/src/icons/DribbbleIcon.tsx
index 05e814db558..767a93b980b 100644
--- a/design-system/packages/icons/src/icons/DribbbleIcon.tsx
+++ b/design-system/packages/icons/src/icons/DribbbleIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DribbbleIcon = createIcon(
,
'DribbbleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/DropletIcon.tsx b/design-system/packages/icons/src/icons/DropletIcon.tsx
index b7a3a51da7c..fdb940cc955 100644
--- a/design-system/packages/icons/src/icons/DropletIcon.tsx
+++ b/design-system/packages/icons/src/icons/DropletIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const DropletIcon = createIcon(
,
'DropletIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Edit2Icon.tsx b/design-system/packages/icons/src/icons/Edit2Icon.tsx
index 0a10c1c7b43..e608a37e856 100644
--- a/design-system/packages/icons/src/icons/Edit2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Edit2Icon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Edit2Icon = createIcon(
,
'Edit2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Edit3Icon.tsx b/design-system/packages/icons/src/icons/Edit3Icon.tsx
index a6e9750d919..9cfd9b8704e 100644
--- a/design-system/packages/icons/src/icons/Edit3Icon.tsx
+++ b/design-system/packages/icons/src/icons/Edit3Icon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Edit3Icon = createIcon(
,
'Edit3Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/EditIcon.tsx b/design-system/packages/icons/src/icons/EditIcon.tsx
index 94e1bf0e095..28215942c56 100644
--- a/design-system/packages/icons/src/icons/EditIcon.tsx
+++ b/design-system/packages/icons/src/icons/EditIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const EditIcon = createIcon(
,
'EditIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ExternalLinkIcon.tsx b/design-system/packages/icons/src/icons/ExternalLinkIcon.tsx
index 9b61d6ca01c..f586c00a41d 100644
--- a/design-system/packages/icons/src/icons/ExternalLinkIcon.tsx
+++ b/design-system/packages/icons/src/icons/ExternalLinkIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ExternalLinkIcon = createIcon(
@@ -7,4 +7,4 @@ export const ExternalLinkIcon = createIcon(
,
'ExternalLinkIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/EyeIcon.tsx b/design-system/packages/icons/src/icons/EyeIcon.tsx
index 2acd13c9e78..810ec2cf396 100644
--- a/design-system/packages/icons/src/icons/EyeIcon.tsx
+++ b/design-system/packages/icons/src/icons/EyeIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const EyeIcon = createIcon(
,
'EyeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/EyeOffIcon.tsx b/design-system/packages/icons/src/icons/EyeOffIcon.tsx
index 172476da733..1d970732b70 100644
--- a/design-system/packages/icons/src/icons/EyeOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/EyeOffIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const EyeOffIcon = createIcon(
,
'EyeOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FacebookIcon.tsx b/design-system/packages/icons/src/icons/FacebookIcon.tsx
index 6967c6f748f..38f19069281 100644
--- a/design-system/packages/icons/src/icons/FacebookIcon.tsx
+++ b/design-system/packages/icons/src/icons/FacebookIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FacebookIcon = createIcon(
,
'FacebookIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FastForwardIcon.tsx b/design-system/packages/icons/src/icons/FastForwardIcon.tsx
index 5db002f7327..16e204f57f3 100644
--- a/design-system/packages/icons/src/icons/FastForwardIcon.tsx
+++ b/design-system/packages/icons/src/icons/FastForwardIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FastForwardIcon = createIcon(
,
'FastForwardIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FeatherIcon.tsx b/design-system/packages/icons/src/icons/FeatherIcon.tsx
index 2a197bdc2dd..d14687beec8 100644
--- a/design-system/packages/icons/src/icons/FeatherIcon.tsx
+++ b/design-system/packages/icons/src/icons/FeatherIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FeatherIcon = createIcon(
@@ -7,4 +7,4 @@ export const FeatherIcon = createIcon(
,
'FeatherIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FigmaIcon.tsx b/design-system/packages/icons/src/icons/FigmaIcon.tsx
index b82b56495de..5553867254c 100644
--- a/design-system/packages/icons/src/icons/FigmaIcon.tsx
+++ b/design-system/packages/icons/src/icons/FigmaIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FigmaIcon = createIcon(
@@ -9,4 +9,4 @@ export const FigmaIcon = createIcon(
,
'FigmaIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FileIcon.tsx b/design-system/packages/icons/src/icons/FileIcon.tsx
index e718c9b7ec3..98dffed7b7b 100644
--- a/design-system/packages/icons/src/icons/FileIcon.tsx
+++ b/design-system/packages/icons/src/icons/FileIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FileIcon = createIcon(
,
'FileIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FileMinusIcon.tsx b/design-system/packages/icons/src/icons/FileMinusIcon.tsx
index ab9a61dd73e..26e3107e06a 100644
--- a/design-system/packages/icons/src/icons/FileMinusIcon.tsx
+++ b/design-system/packages/icons/src/icons/FileMinusIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FileMinusIcon = createIcon(
@@ -7,4 +7,4 @@ export const FileMinusIcon = createIcon(
,
'FileMinusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FilePlusIcon.tsx b/design-system/packages/icons/src/icons/FilePlusIcon.tsx
index 29a649cfa02..f0be7a0f424 100644
--- a/design-system/packages/icons/src/icons/FilePlusIcon.tsx
+++ b/design-system/packages/icons/src/icons/FilePlusIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FilePlusIcon = createIcon(
@@ -8,4 +8,4 @@ export const FilePlusIcon = createIcon(
,
'FilePlusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FileTextIcon.tsx b/design-system/packages/icons/src/icons/FileTextIcon.tsx
index f8649c7b737..8fea4f0c8bf 100644
--- a/design-system/packages/icons/src/icons/FileTextIcon.tsx
+++ b/design-system/packages/icons/src/icons/FileTextIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FileTextIcon = createIcon(
@@ -9,4 +9,4 @@ export const FileTextIcon = createIcon(
,
'FileTextIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FilmIcon.tsx b/design-system/packages/icons/src/icons/FilmIcon.tsx
index 1e332b82132..5c809fd6b04 100644
--- a/design-system/packages/icons/src/icons/FilmIcon.tsx
+++ b/design-system/packages/icons/src/icons/FilmIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FilmIcon = createIcon(
@@ -12,4 +12,4 @@ export const FilmIcon = createIcon(
,
'FilmIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FilterIcon.tsx b/design-system/packages/icons/src/icons/FilterIcon.tsx
index 097b3088a08..f5dcaedf399 100644
--- a/design-system/packages/icons/src/icons/FilterIcon.tsx
+++ b/design-system/packages/icons/src/icons/FilterIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FilterIcon = createIcon(
,
'FilterIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FlagIcon.tsx b/design-system/packages/icons/src/icons/FlagIcon.tsx
index e563b8c1aff..4094ef6501e 100644
--- a/design-system/packages/icons/src/icons/FlagIcon.tsx
+++ b/design-system/packages/icons/src/icons/FlagIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FlagIcon = createIcon(
,
'FlagIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FolderIcon.tsx b/design-system/packages/icons/src/icons/FolderIcon.tsx
index 955c9df6ba1..a48608cc159 100644
--- a/design-system/packages/icons/src/icons/FolderIcon.tsx
+++ b/design-system/packages/icons/src/icons/FolderIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FolderIcon = createIcon(
,
'FolderIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FolderMinusIcon.tsx b/design-system/packages/icons/src/icons/FolderMinusIcon.tsx
index 466bb696038..3ca2d640640 100644
--- a/design-system/packages/icons/src/icons/FolderMinusIcon.tsx
+++ b/design-system/packages/icons/src/icons/FolderMinusIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FolderMinusIcon = createIcon(
,
'FolderMinusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FolderPlusIcon.tsx b/design-system/packages/icons/src/icons/FolderPlusIcon.tsx
index e34abfe04a0..cd37959b14d 100644
--- a/design-system/packages/icons/src/icons/FolderPlusIcon.tsx
+++ b/design-system/packages/icons/src/icons/FolderPlusIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FolderPlusIcon = createIcon(
@@ -7,4 +7,4 @@ export const FolderPlusIcon = createIcon(
,
'FolderPlusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FramerIcon.tsx b/design-system/packages/icons/src/icons/FramerIcon.tsx
index 6ecdb38732f..c512178eb02 100644
--- a/design-system/packages/icons/src/icons/FramerIcon.tsx
+++ b/design-system/packages/icons/src/icons/FramerIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FramerIcon = createIcon(
,
'FramerIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/FrownIcon.tsx b/design-system/packages/icons/src/icons/FrownIcon.tsx
index 4c56dec464a..484af490db1 100644
--- a/design-system/packages/icons/src/icons/FrownIcon.tsx
+++ b/design-system/packages/icons/src/icons/FrownIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const FrownIcon = createIcon(
@@ -8,4 +8,4 @@ export const FrownIcon = createIcon(
,
'FrownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GiftIcon.tsx b/design-system/packages/icons/src/icons/GiftIcon.tsx
index ecaf22ecbc7..8ddf573f5f6 100644
--- a/design-system/packages/icons/src/icons/GiftIcon.tsx
+++ b/design-system/packages/icons/src/icons/GiftIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GiftIcon = createIcon(
@@ -9,4 +9,4 @@ export const GiftIcon = createIcon(
,
'GiftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GitBranchIcon.tsx b/design-system/packages/icons/src/icons/GitBranchIcon.tsx
index d741d6f8c92..addbc0f4a16 100644
--- a/design-system/packages/icons/src/icons/GitBranchIcon.tsx
+++ b/design-system/packages/icons/src/icons/GitBranchIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GitBranchIcon = createIcon(
@@ -8,4 +8,4 @@ export const GitBranchIcon = createIcon(
,
'GitBranchIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GitCommitIcon.tsx b/design-system/packages/icons/src/icons/GitCommitIcon.tsx
index 81ba15e3f74..15b615fa0c9 100644
--- a/design-system/packages/icons/src/icons/GitCommitIcon.tsx
+++ b/design-system/packages/icons/src/icons/GitCommitIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GitCommitIcon = createIcon(
@@ -7,4 +7,4 @@ export const GitCommitIcon = createIcon(
,
'GitCommitIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GitMergeIcon.tsx b/design-system/packages/icons/src/icons/GitMergeIcon.tsx
index 23c2ad13f16..759b84e1308 100644
--- a/design-system/packages/icons/src/icons/GitMergeIcon.tsx
+++ b/design-system/packages/icons/src/icons/GitMergeIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GitMergeIcon = createIcon(
@@ -7,4 +7,4 @@ export const GitMergeIcon = createIcon(
,
'GitMergeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GitPullRequestIcon.tsx b/design-system/packages/icons/src/icons/GitPullRequestIcon.tsx
index be239ea7e7a..285c83fe1bd 100644
--- a/design-system/packages/icons/src/icons/GitPullRequestIcon.tsx
+++ b/design-system/packages/icons/src/icons/GitPullRequestIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GitPullRequestIcon = createIcon(
@@ -8,4 +8,4 @@ export const GitPullRequestIcon = createIcon(
,
'GitPullRequestIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GithubIcon.tsx b/design-system/packages/icons/src/icons/GithubIcon.tsx
index 4ee68d554a0..f75f044205c 100644
--- a/design-system/packages/icons/src/icons/GithubIcon.tsx
+++ b/design-system/packages/icons/src/icons/GithubIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GithubIcon = createIcon(
,
'GithubIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GitlabIcon.tsx b/design-system/packages/icons/src/icons/GitlabIcon.tsx
index f57c39d9817..200232a1e90 100644
--- a/design-system/packages/icons/src/icons/GitlabIcon.tsx
+++ b/design-system/packages/icons/src/icons/GitlabIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GitlabIcon = createIcon(
,
'GitlabIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GlobeIcon.tsx b/design-system/packages/icons/src/icons/GlobeIcon.tsx
index e30912d7c0d..2fd6366b131 100644
--- a/design-system/packages/icons/src/icons/GlobeIcon.tsx
+++ b/design-system/packages/icons/src/icons/GlobeIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GlobeIcon = createIcon(
@@ -7,4 +7,4 @@ export const GlobeIcon = createIcon(
,
'GlobeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/GridIcon.tsx b/design-system/packages/icons/src/icons/GridIcon.tsx
index 76fb3a19ab5..89979ef2783 100644
--- a/design-system/packages/icons/src/icons/GridIcon.tsx
+++ b/design-system/packages/icons/src/icons/GridIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const GridIcon = createIcon(
@@ -8,4 +8,4 @@ export const GridIcon = createIcon(
,
'GridIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HardDriveIcon.tsx b/design-system/packages/icons/src/icons/HardDriveIcon.tsx
index 607718f7d68..6a7b6833650 100644
--- a/design-system/packages/icons/src/icons/HardDriveIcon.tsx
+++ b/design-system/packages/icons/src/icons/HardDriveIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HardDriveIcon = createIcon(
@@ -8,4 +8,4 @@ export const HardDriveIcon = createIcon(
,
'HardDriveIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HashIcon.tsx b/design-system/packages/icons/src/icons/HashIcon.tsx
index 4dd0dd2db0d..ff1a885fba0 100644
--- a/design-system/packages/icons/src/icons/HashIcon.tsx
+++ b/design-system/packages/icons/src/icons/HashIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HashIcon = createIcon(
@@ -8,4 +8,4 @@ export const HashIcon = createIcon(
,
'HashIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HeadphonesIcon.tsx b/design-system/packages/icons/src/icons/HeadphonesIcon.tsx
index dee2a2f1f9e..8cf884e92d3 100644
--- a/design-system/packages/icons/src/icons/HeadphonesIcon.tsx
+++ b/design-system/packages/icons/src/icons/HeadphonesIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HeadphonesIcon = createIcon(
,
'HeadphonesIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HeartIcon.tsx b/design-system/packages/icons/src/icons/HeartIcon.tsx
index 7122d8a43a0..7a49d7ae001 100644
--- a/design-system/packages/icons/src/icons/HeartIcon.tsx
+++ b/design-system/packages/icons/src/icons/HeartIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HeartIcon = createIcon(
,
'HeartIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HelpCircleIcon.tsx b/design-system/packages/icons/src/icons/HelpCircleIcon.tsx
index 277b12bd64c..d4d524d06e6 100644
--- a/design-system/packages/icons/src/icons/HelpCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/HelpCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HelpCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const HelpCircleIcon = createIcon(
,
'HelpCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HexagonIcon.tsx b/design-system/packages/icons/src/icons/HexagonIcon.tsx
index d6cb0253bd3..b5ed30ff5c0 100644
--- a/design-system/packages/icons/src/icons/HexagonIcon.tsx
+++ b/design-system/packages/icons/src/icons/HexagonIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HexagonIcon = createIcon(
,
'HexagonIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/HomeIcon.tsx b/design-system/packages/icons/src/icons/HomeIcon.tsx
index 4a210227afd..f19425563e6 100644
--- a/design-system/packages/icons/src/icons/HomeIcon.tsx
+++ b/design-system/packages/icons/src/icons/HomeIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const HomeIcon = createIcon(
,
'HomeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ImageIcon.tsx b/design-system/packages/icons/src/icons/ImageIcon.tsx
index f624f649204..3271f60c4f1 100644
--- a/design-system/packages/icons/src/icons/ImageIcon.tsx
+++ b/design-system/packages/icons/src/icons/ImageIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ImageIcon = createIcon(
@@ -7,4 +7,4 @@ export const ImageIcon = createIcon(
,
'ImageIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/InboxIcon.tsx b/design-system/packages/icons/src/icons/InboxIcon.tsx
index 7e407248543..c3f7ea096f1 100644
--- a/design-system/packages/icons/src/icons/InboxIcon.tsx
+++ b/design-system/packages/icons/src/icons/InboxIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const InboxIcon = createIcon(
,
'InboxIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/InfoIcon.tsx b/design-system/packages/icons/src/icons/InfoIcon.tsx
index f36d916f12c..86369a4bd0d 100644
--- a/design-system/packages/icons/src/icons/InfoIcon.tsx
+++ b/design-system/packages/icons/src/icons/InfoIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const InfoIcon = createIcon(
@@ -7,4 +7,4 @@ export const InfoIcon = createIcon(
,
'InfoIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/InstagramIcon.tsx b/design-system/packages/icons/src/icons/InstagramIcon.tsx
index bac73a28a00..6f898bfa681 100644
--- a/design-system/packages/icons/src/icons/InstagramIcon.tsx
+++ b/design-system/packages/icons/src/icons/InstagramIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const InstagramIcon = createIcon(
@@ -7,4 +7,4 @@ export const InstagramIcon = createIcon(
,
'InstagramIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ItalicIcon.tsx b/design-system/packages/icons/src/icons/ItalicIcon.tsx
index 04fd153cdd5..1daa77ce862 100644
--- a/design-system/packages/icons/src/icons/ItalicIcon.tsx
+++ b/design-system/packages/icons/src/icons/ItalicIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ItalicIcon = createIcon(
@@ -7,4 +7,4 @@ export const ItalicIcon = createIcon(
,
'ItalicIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/KeyIcon.tsx b/design-system/packages/icons/src/icons/KeyIcon.tsx
index a0285fb10cb..721674b1d76 100644
--- a/design-system/packages/icons/src/icons/KeyIcon.tsx
+++ b/design-system/packages/icons/src/icons/KeyIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const KeyIcon = createIcon(
,
'KeyIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LayersIcon.tsx b/design-system/packages/icons/src/icons/LayersIcon.tsx
index b1911832d54..94c38207719 100644
--- a/design-system/packages/icons/src/icons/LayersIcon.tsx
+++ b/design-system/packages/icons/src/icons/LayersIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LayersIcon = createIcon(
@@ -7,4 +7,4 @@ export const LayersIcon = createIcon(
,
'LayersIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LayoutIcon.tsx b/design-system/packages/icons/src/icons/LayoutIcon.tsx
index e06f167e5f7..ccdcb057af3 100644
--- a/design-system/packages/icons/src/icons/LayoutIcon.tsx
+++ b/design-system/packages/icons/src/icons/LayoutIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LayoutIcon = createIcon(
@@ -7,4 +7,4 @@ export const LayoutIcon = createIcon(
,
'LayoutIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LifeBuoyIcon.tsx b/design-system/packages/icons/src/icons/LifeBuoyIcon.tsx
index 949d8e895b7..8347b4015b6 100644
--- a/design-system/packages/icons/src/icons/LifeBuoyIcon.tsx
+++ b/design-system/packages/icons/src/icons/LifeBuoyIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LifeBuoyIcon = createIcon(
@@ -11,4 +11,4 @@ export const LifeBuoyIcon = createIcon(
,
'LifeBuoyIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Link2Icon.tsx b/design-system/packages/icons/src/icons/Link2Icon.tsx
index ac5e331a12c..ca9ac463289 100644
--- a/design-system/packages/icons/src/icons/Link2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Link2Icon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Link2Icon = createIcon(
,
'Link2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LinkIcon.tsx b/design-system/packages/icons/src/icons/LinkIcon.tsx
index 3a627de3e73..687e966d045 100644
--- a/design-system/packages/icons/src/icons/LinkIcon.tsx
+++ b/design-system/packages/icons/src/icons/LinkIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LinkIcon = createIcon(
,
'LinkIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LinkedinIcon.tsx b/design-system/packages/icons/src/icons/LinkedinIcon.tsx
index 901e0e5d235..96bffc737ff 100644
--- a/design-system/packages/icons/src/icons/LinkedinIcon.tsx
+++ b/design-system/packages/icons/src/icons/LinkedinIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LinkedinIcon = createIcon(
@@ -7,4 +7,4 @@ export const LinkedinIcon = createIcon(
,
'LinkedinIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ListIcon.tsx b/design-system/packages/icons/src/icons/ListIcon.tsx
index f42b01fa5cf..ae53102d1f8 100644
--- a/design-system/packages/icons/src/icons/ListIcon.tsx
+++ b/design-system/packages/icons/src/icons/ListIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ListIcon = createIcon(
@@ -10,4 +10,4 @@ export const ListIcon = createIcon(
,
'ListIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LoaderIcon.tsx b/design-system/packages/icons/src/icons/LoaderIcon.tsx
index d1d9bf70137..96dfaa33c54 100644
--- a/design-system/packages/icons/src/icons/LoaderIcon.tsx
+++ b/design-system/packages/icons/src/icons/LoaderIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LoaderIcon = createIcon(
@@ -12,4 +12,4 @@ export const LoaderIcon = createIcon(
,
'LoaderIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LockIcon.tsx b/design-system/packages/icons/src/icons/LockIcon.tsx
index 981a8a3d72c..534e13b906b 100644
--- a/design-system/packages/icons/src/icons/LockIcon.tsx
+++ b/design-system/packages/icons/src/icons/LockIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LockIcon = createIcon(
,
'LockIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LogInIcon.tsx b/design-system/packages/icons/src/icons/LogInIcon.tsx
index e1906e52645..efd31906b91 100644
--- a/design-system/packages/icons/src/icons/LogInIcon.tsx
+++ b/design-system/packages/icons/src/icons/LogInIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LogInIcon = createIcon(
@@ -7,4 +7,4 @@ export const LogInIcon = createIcon(
,
'LogInIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/LogOutIcon.tsx b/design-system/packages/icons/src/icons/LogOutIcon.tsx
index 82daf08e019..b7030fc38e1 100644
--- a/design-system/packages/icons/src/icons/LogOutIcon.tsx
+++ b/design-system/packages/icons/src/icons/LogOutIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const LogOutIcon = createIcon(
@@ -7,4 +7,4 @@ export const LogOutIcon = createIcon(
,
'LogOutIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MailIcon.tsx b/design-system/packages/icons/src/icons/MailIcon.tsx
index e721853b08b..cbbe29aa03c 100644
--- a/design-system/packages/icons/src/icons/MailIcon.tsx
+++ b/design-system/packages/icons/src/icons/MailIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MailIcon = createIcon(
,
'MailIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MapIcon.tsx b/design-system/packages/icons/src/icons/MapIcon.tsx
index 5f0ecfb2827..114f304badb 100644
--- a/design-system/packages/icons/src/icons/MapIcon.tsx
+++ b/design-system/packages/icons/src/icons/MapIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MapIcon = createIcon(
@@ -7,4 +7,4 @@ export const MapIcon = createIcon(
,
'MapIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MapPinIcon.tsx b/design-system/packages/icons/src/icons/MapPinIcon.tsx
index 4f11a2c0b15..a60e0d31664 100644
--- a/design-system/packages/icons/src/icons/MapPinIcon.tsx
+++ b/design-system/packages/icons/src/icons/MapPinIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MapPinIcon = createIcon(
,
'MapPinIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Maximize2Icon.tsx b/design-system/packages/icons/src/icons/Maximize2Icon.tsx
index cb85a4e30d2..cfaf91d5a68 100644
--- a/design-system/packages/icons/src/icons/Maximize2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Maximize2Icon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Maximize2Icon = createIcon(
@@ -8,4 +8,4 @@ export const Maximize2Icon = createIcon(
,
'Maximize2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MaximizeIcon.tsx b/design-system/packages/icons/src/icons/MaximizeIcon.tsx
index 57ea87705af..cbfc498f987 100644
--- a/design-system/packages/icons/src/icons/MaximizeIcon.tsx
+++ b/design-system/packages/icons/src/icons/MaximizeIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MaximizeIcon = createIcon(
,
'MaximizeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MehIcon.tsx b/design-system/packages/icons/src/icons/MehIcon.tsx
index eb90901d7e7..0a230ef6425 100644
--- a/design-system/packages/icons/src/icons/MehIcon.tsx
+++ b/design-system/packages/icons/src/icons/MehIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MehIcon = createIcon(
@@ -8,4 +8,4 @@ export const MehIcon = createIcon(
,
'MehIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MenuIcon.tsx b/design-system/packages/icons/src/icons/MenuIcon.tsx
index bc103179973..533e793a1f4 100644
--- a/design-system/packages/icons/src/icons/MenuIcon.tsx
+++ b/design-system/packages/icons/src/icons/MenuIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MenuIcon = createIcon(
@@ -7,4 +7,4 @@ export const MenuIcon = createIcon(
,
'MenuIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MessageCircleIcon.tsx b/design-system/packages/icons/src/icons/MessageCircleIcon.tsx
index 2ca243be748..1142f9f4ced 100644
--- a/design-system/packages/icons/src/icons/MessageCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/MessageCircleIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MessageCircleIcon = createIcon(
,
'MessageCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MessageSquareIcon.tsx b/design-system/packages/icons/src/icons/MessageSquareIcon.tsx
index 721ef94804c..127eaadd84b 100644
--- a/design-system/packages/icons/src/icons/MessageSquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/MessageSquareIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MessageSquareIcon = createIcon(
,
'MessageSquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MicIcon.tsx b/design-system/packages/icons/src/icons/MicIcon.tsx
index 40644c33cee..e71957304bc 100644
--- a/design-system/packages/icons/src/icons/MicIcon.tsx
+++ b/design-system/packages/icons/src/icons/MicIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MicIcon = createIcon(
@@ -8,4 +8,4 @@ export const MicIcon = createIcon(
,
'MicIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MicOffIcon.tsx b/design-system/packages/icons/src/icons/MicOffIcon.tsx
index 80fc24e7c2e..223e3de9167 100644
--- a/design-system/packages/icons/src/icons/MicOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/MicOffIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MicOffIcon = createIcon(
@@ -9,4 +9,4 @@ export const MicOffIcon = createIcon(
,
'MicOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Minimize2Icon.tsx b/design-system/packages/icons/src/icons/Minimize2Icon.tsx
index ca66fef37ee..7b5d8d72347 100644
--- a/design-system/packages/icons/src/icons/Minimize2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Minimize2Icon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Minimize2Icon = createIcon(
@@ -8,4 +8,4 @@ export const Minimize2Icon = createIcon(
,
'Minimize2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MinimizeIcon.tsx b/design-system/packages/icons/src/icons/MinimizeIcon.tsx
index 808b0ceaa03..1d769563a6f 100644
--- a/design-system/packages/icons/src/icons/MinimizeIcon.tsx
+++ b/design-system/packages/icons/src/icons/MinimizeIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MinimizeIcon = createIcon(
,
'MinimizeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MinusCircleIcon.tsx b/design-system/packages/icons/src/icons/MinusCircleIcon.tsx
index cafa2cea040..4c6381e4a04 100644
--- a/design-system/packages/icons/src/icons/MinusCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/MinusCircleIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MinusCircleIcon = createIcon(
,
'MinusCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MinusIcon.tsx b/design-system/packages/icons/src/icons/MinusIcon.tsx
index 0da0a0e8fdf..b1bb5f5c898 100644
--- a/design-system/packages/icons/src/icons/MinusIcon.tsx
+++ b/design-system/packages/icons/src/icons/MinusIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const MinusIcon = createIcon(, 'MinusIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const MinusIcon = createIcon(, 'MinusIcon')
diff --git a/design-system/packages/icons/src/icons/MinusSquareIcon.tsx b/design-system/packages/icons/src/icons/MinusSquareIcon.tsx
index aad5e9753c0..ab4b3206673 100644
--- a/design-system/packages/icons/src/icons/MinusSquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/MinusSquareIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MinusSquareIcon = createIcon(
,
'MinusSquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MonitorIcon.tsx b/design-system/packages/icons/src/icons/MonitorIcon.tsx
index 3266873c69f..90b0cbee30b 100644
--- a/design-system/packages/icons/src/icons/MonitorIcon.tsx
+++ b/design-system/packages/icons/src/icons/MonitorIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MonitorIcon = createIcon(
@@ -7,4 +7,4 @@ export const MonitorIcon = createIcon(
,
'MonitorIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MoonIcon.tsx b/design-system/packages/icons/src/icons/MoonIcon.tsx
index e2893dcd1f4..de999ee770f 100644
--- a/design-system/packages/icons/src/icons/MoonIcon.tsx
+++ b/design-system/packages/icons/src/icons/MoonIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MoonIcon = createIcon(
,
'MoonIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MoreHorizontalIcon.tsx b/design-system/packages/icons/src/icons/MoreHorizontalIcon.tsx
index 4c394c42cc3..a05a477a924 100644
--- a/design-system/packages/icons/src/icons/MoreHorizontalIcon.tsx
+++ b/design-system/packages/icons/src/icons/MoreHorizontalIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MoreHorizontalIcon = createIcon(
@@ -7,4 +7,4 @@ export const MoreHorizontalIcon = createIcon(
,
'MoreHorizontalIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MoreVerticalIcon.tsx b/design-system/packages/icons/src/icons/MoreVerticalIcon.tsx
index 60b47f01b95..d58968284cd 100644
--- a/design-system/packages/icons/src/icons/MoreVerticalIcon.tsx
+++ b/design-system/packages/icons/src/icons/MoreVerticalIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MoreVerticalIcon = createIcon(
@@ -7,4 +7,4 @@ export const MoreVerticalIcon = createIcon(
,
'MoreVerticalIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MousePointerIcon.tsx b/design-system/packages/icons/src/icons/MousePointerIcon.tsx
index d7e60f93034..d4f381c5ef1 100644
--- a/design-system/packages/icons/src/icons/MousePointerIcon.tsx
+++ b/design-system/packages/icons/src/icons/MousePointerIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MousePointerIcon = createIcon(
,
'MousePointerIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MoveIcon.tsx b/design-system/packages/icons/src/icons/MoveIcon.tsx
index f35fb063ecb..0ebf65ada38 100644
--- a/design-system/packages/icons/src/icons/MoveIcon.tsx
+++ b/design-system/packages/icons/src/icons/MoveIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MoveIcon = createIcon(
@@ -10,4 +10,4 @@ export const MoveIcon = createIcon(
,
'MoveIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/MusicIcon.tsx b/design-system/packages/icons/src/icons/MusicIcon.tsx
index 90d25c97310..14b84c9bf04 100644
--- a/design-system/packages/icons/src/icons/MusicIcon.tsx
+++ b/design-system/packages/icons/src/icons/MusicIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const MusicIcon = createIcon(
@@ -7,4 +7,4 @@ export const MusicIcon = createIcon(
,
'MusicIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Navigation2Icon.tsx b/design-system/packages/icons/src/icons/Navigation2Icon.tsx
index d571921c8f5..1e2afb57439 100644
--- a/design-system/packages/icons/src/icons/Navigation2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Navigation2Icon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Navigation2Icon = createIcon(
,
'Navigation2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/NavigationIcon.tsx b/design-system/packages/icons/src/icons/NavigationIcon.tsx
index be946cc22ab..72ddb13b1b9 100644
--- a/design-system/packages/icons/src/icons/NavigationIcon.tsx
+++ b/design-system/packages/icons/src/icons/NavigationIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const NavigationIcon = createIcon(
,
'NavigationIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/OctagonIcon.tsx b/design-system/packages/icons/src/icons/OctagonIcon.tsx
index a1aa4f4ad63..075478e6de4 100644
--- a/design-system/packages/icons/src/icons/OctagonIcon.tsx
+++ b/design-system/packages/icons/src/icons/OctagonIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const OctagonIcon = createIcon(
,
'OctagonIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PackageIcon.tsx b/design-system/packages/icons/src/icons/PackageIcon.tsx
index 45edc58693a..f8c6ccd1526 100644
--- a/design-system/packages/icons/src/icons/PackageIcon.tsx
+++ b/design-system/packages/icons/src/icons/PackageIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PackageIcon = createIcon(
@@ -8,4 +8,4 @@ export const PackageIcon = createIcon(
,
'PackageIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PaperclipIcon.tsx b/design-system/packages/icons/src/icons/PaperclipIcon.tsx
index 0d4980676c9..97f6eb43e81 100644
--- a/design-system/packages/icons/src/icons/PaperclipIcon.tsx
+++ b/design-system/packages/icons/src/icons/PaperclipIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PaperclipIcon = createIcon(
,
'PaperclipIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PauseCircleIcon.tsx b/design-system/packages/icons/src/icons/PauseCircleIcon.tsx
index a821ac74d6e..f3aeb4d967a 100644
--- a/design-system/packages/icons/src/icons/PauseCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/PauseCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PauseCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const PauseCircleIcon = createIcon(
,
'PauseCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PauseIcon.tsx b/design-system/packages/icons/src/icons/PauseIcon.tsx
index 49d01348b5e..92f1509c2e2 100644
--- a/design-system/packages/icons/src/icons/PauseIcon.tsx
+++ b/design-system/packages/icons/src/icons/PauseIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PauseIcon = createIcon(
,
'PauseIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PenToolIcon.tsx b/design-system/packages/icons/src/icons/PenToolIcon.tsx
index 68cbc83c3f4..b857dbad7f7 100644
--- a/design-system/packages/icons/src/icons/PenToolIcon.tsx
+++ b/design-system/packages/icons/src/icons/PenToolIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PenToolIcon = createIcon(
@@ -8,4 +8,4 @@ export const PenToolIcon = createIcon(
,
'PenToolIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PercentIcon.tsx b/design-system/packages/icons/src/icons/PercentIcon.tsx
index 56a8cfbcd61..ca988a4edf4 100644
--- a/design-system/packages/icons/src/icons/PercentIcon.tsx
+++ b/design-system/packages/icons/src/icons/PercentIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PercentIcon = createIcon(
@@ -7,4 +7,4 @@ export const PercentIcon = createIcon(
,
'PercentIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneCallIcon.tsx b/design-system/packages/icons/src/icons/PhoneCallIcon.tsx
index e32f2bde350..4246ca5b318 100644
--- a/design-system/packages/icons/src/icons/PhoneCallIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneCallIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneCallIcon = createIcon(
,
'PhoneCallIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneForwardedIcon.tsx b/design-system/packages/icons/src/icons/PhoneForwardedIcon.tsx
index dc981f26a6a..4efd69544c5 100644
--- a/design-system/packages/icons/src/icons/PhoneForwardedIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneForwardedIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneForwardedIcon = createIcon(
@@ -7,4 +7,4 @@ export const PhoneForwardedIcon = createIcon(
,
'PhoneForwardedIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneIcon.tsx b/design-system/packages/icons/src/icons/PhoneIcon.tsx
index 483698bd11b..48063febc4f 100644
--- a/design-system/packages/icons/src/icons/PhoneIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneIcon = createIcon(
,
'PhoneIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneIncomingIcon.tsx b/design-system/packages/icons/src/icons/PhoneIncomingIcon.tsx
index c22773752f6..24ad1bc7906 100644
--- a/design-system/packages/icons/src/icons/PhoneIncomingIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneIncomingIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneIncomingIcon = createIcon(
@@ -7,4 +7,4 @@ export const PhoneIncomingIcon = createIcon(
,
'PhoneIncomingIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneMissedIcon.tsx b/design-system/packages/icons/src/icons/PhoneMissedIcon.tsx
index cbe7e68b8c1..fc86dffd7c0 100644
--- a/design-system/packages/icons/src/icons/PhoneMissedIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneMissedIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneMissedIcon = createIcon(
@@ -7,4 +7,4 @@ export const PhoneMissedIcon = createIcon(
,
'PhoneMissedIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneOffIcon.tsx b/design-system/packages/icons/src/icons/PhoneOffIcon.tsx
index 35e0a2a31f1..3913b4f7bc0 100644
--- a/design-system/packages/icons/src/icons/PhoneOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneOffIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneOffIcon = createIcon(
,
'PhoneOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PhoneOutgoingIcon.tsx b/design-system/packages/icons/src/icons/PhoneOutgoingIcon.tsx
index be4cf272d3a..537d308c578 100644
--- a/design-system/packages/icons/src/icons/PhoneOutgoingIcon.tsx
+++ b/design-system/packages/icons/src/icons/PhoneOutgoingIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PhoneOutgoingIcon = createIcon(
@@ -7,4 +7,4 @@ export const PhoneOutgoingIcon = createIcon(
,
'PhoneOutgoingIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PieChartIcon.tsx b/design-system/packages/icons/src/icons/PieChartIcon.tsx
index 20b642889f0..4e22cf6687f 100644
--- a/design-system/packages/icons/src/icons/PieChartIcon.tsx
+++ b/design-system/packages/icons/src/icons/PieChartIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PieChartIcon = createIcon(
,
'PieChartIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PlayCircleIcon.tsx b/design-system/packages/icons/src/icons/PlayCircleIcon.tsx
index e195a70325b..7db5fcd4408 100644
--- a/design-system/packages/icons/src/icons/PlayCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/PlayCircleIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PlayCircleIcon = createIcon(
,
'PlayCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PlayIcon.tsx b/design-system/packages/icons/src/icons/PlayIcon.tsx
index 538969ad7a4..1b4e8ca1cea 100644
--- a/design-system/packages/icons/src/icons/PlayIcon.tsx
+++ b/design-system/packages/icons/src/icons/PlayIcon.tsx
@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
-export const PlayIcon = createIcon(, 'PlayIcon');
+import * as React from 'react'
+import { createIcon } from '../Icon'
+export const PlayIcon = createIcon(, 'PlayIcon')
diff --git a/design-system/packages/icons/src/icons/PlusCircleIcon.tsx b/design-system/packages/icons/src/icons/PlusCircleIcon.tsx
index 12e8247d6ee..ad223c287e9 100644
--- a/design-system/packages/icons/src/icons/PlusCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/PlusCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PlusCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const PlusCircleIcon = createIcon(
,
'PlusCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PlusIcon.tsx b/design-system/packages/icons/src/icons/PlusIcon.tsx
index 49f3a58b79e..e6f6700a5f3 100644
--- a/design-system/packages/icons/src/icons/PlusIcon.tsx
+++ b/design-system/packages/icons/src/icons/PlusIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PlusIcon = createIcon(
,
'PlusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PlusSquareIcon.tsx b/design-system/packages/icons/src/icons/PlusSquareIcon.tsx
index 631a5c3664f..8243a8c0c60 100644
--- a/design-system/packages/icons/src/icons/PlusSquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/PlusSquareIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PlusSquareIcon = createIcon(
@@ -7,4 +7,4 @@ export const PlusSquareIcon = createIcon(
,
'PlusSquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PocketIcon.tsx b/design-system/packages/icons/src/icons/PocketIcon.tsx
index 972af3c6ade..343006abc7f 100644
--- a/design-system/packages/icons/src/icons/PocketIcon.tsx
+++ b/design-system/packages/icons/src/icons/PocketIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PocketIcon = createIcon(
,
'PocketIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PowerIcon.tsx b/design-system/packages/icons/src/icons/PowerIcon.tsx
index 434e247b565..4384e4c81e0 100644
--- a/design-system/packages/icons/src/icons/PowerIcon.tsx
+++ b/design-system/packages/icons/src/icons/PowerIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PowerIcon = createIcon(
,
'PowerIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/PrinterIcon.tsx b/design-system/packages/icons/src/icons/PrinterIcon.tsx
index b0d835b5dcc..a4dac9a6908 100644
--- a/design-system/packages/icons/src/icons/PrinterIcon.tsx
+++ b/design-system/packages/icons/src/icons/PrinterIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const PrinterIcon = createIcon(
@@ -7,4 +7,4 @@ export const PrinterIcon = createIcon(
,
'PrinterIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RadioIcon.tsx b/design-system/packages/icons/src/icons/RadioIcon.tsx
index 05f84ac6e54..f0d25fa9a2a 100644
--- a/design-system/packages/icons/src/icons/RadioIcon.tsx
+++ b/design-system/packages/icons/src/icons/RadioIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RadioIcon = createIcon(
,
'RadioIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RefreshCcwIcon.tsx b/design-system/packages/icons/src/icons/RefreshCcwIcon.tsx
index 386b1d1795a..ead786f2f9c 100644
--- a/design-system/packages/icons/src/icons/RefreshCcwIcon.tsx
+++ b/design-system/packages/icons/src/icons/RefreshCcwIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RefreshCcwIcon = createIcon(
@@ -7,4 +7,4 @@ export const RefreshCcwIcon = createIcon(
,
'RefreshCcwIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RefreshCwIcon.tsx b/design-system/packages/icons/src/icons/RefreshCwIcon.tsx
index f020908adf3..746466a316e 100644
--- a/design-system/packages/icons/src/icons/RefreshCwIcon.tsx
+++ b/design-system/packages/icons/src/icons/RefreshCwIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RefreshCwIcon = createIcon(
@@ -7,4 +7,4 @@ export const RefreshCwIcon = createIcon(
,
'RefreshCwIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RepeatIcon.tsx b/design-system/packages/icons/src/icons/RepeatIcon.tsx
index b40409a3d67..68dd0dfb4b7 100644
--- a/design-system/packages/icons/src/icons/RepeatIcon.tsx
+++ b/design-system/packages/icons/src/icons/RepeatIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RepeatIcon = createIcon(
@@ -8,4 +8,4 @@ export const RepeatIcon = createIcon(
,
'RepeatIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RewindIcon.tsx b/design-system/packages/icons/src/icons/RewindIcon.tsx
index e9526df913b..a73b9d5a558 100644
--- a/design-system/packages/icons/src/icons/RewindIcon.tsx
+++ b/design-system/packages/icons/src/icons/RewindIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RewindIcon = createIcon(
,
'RewindIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RotateCcwIcon.tsx b/design-system/packages/icons/src/icons/RotateCcwIcon.tsx
index 451fc71e4d3..dfcd3fe692b 100644
--- a/design-system/packages/icons/src/icons/RotateCcwIcon.tsx
+++ b/design-system/packages/icons/src/icons/RotateCcwIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RotateCcwIcon = createIcon(
,
'RotateCcwIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RotateCwIcon.tsx b/design-system/packages/icons/src/icons/RotateCwIcon.tsx
index 125020d1e59..820f22af5e8 100644
--- a/design-system/packages/icons/src/icons/RotateCwIcon.tsx
+++ b/design-system/packages/icons/src/icons/RotateCwIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RotateCwIcon = createIcon(
,
'RotateCwIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/RssIcon.tsx b/design-system/packages/icons/src/icons/RssIcon.tsx
index 61f4e625de8..b66dc4eebdd 100644
--- a/design-system/packages/icons/src/icons/RssIcon.tsx
+++ b/design-system/packages/icons/src/icons/RssIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const RssIcon = createIcon(
@@ -7,4 +7,4 @@ export const RssIcon = createIcon(
,
'RssIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SaveIcon.tsx b/design-system/packages/icons/src/icons/SaveIcon.tsx
index 378f4625f0c..0ed5951b3b9 100644
--- a/design-system/packages/icons/src/icons/SaveIcon.tsx
+++ b/design-system/packages/icons/src/icons/SaveIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SaveIcon = createIcon(
@@ -7,4 +7,4 @@ export const SaveIcon = createIcon(
,
'SaveIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ScissorsIcon.tsx b/design-system/packages/icons/src/icons/ScissorsIcon.tsx
index 3132846290e..699179089ba 100644
--- a/design-system/packages/icons/src/icons/ScissorsIcon.tsx
+++ b/design-system/packages/icons/src/icons/ScissorsIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ScissorsIcon = createIcon(
@@ -9,4 +9,4 @@ export const ScissorsIcon = createIcon(
,
'ScissorsIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SearchIcon.tsx b/design-system/packages/icons/src/icons/SearchIcon.tsx
index 62e8aa1634a..7f98bd90e38 100644
--- a/design-system/packages/icons/src/icons/SearchIcon.tsx
+++ b/design-system/packages/icons/src/icons/SearchIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SearchIcon = createIcon(
,
'SearchIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SendIcon.tsx b/design-system/packages/icons/src/icons/SendIcon.tsx
index ba5cadb0c2a..e59e313db07 100644
--- a/design-system/packages/icons/src/icons/SendIcon.tsx
+++ b/design-system/packages/icons/src/icons/SendIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SendIcon = createIcon(
,
'SendIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ServerIcon.tsx b/design-system/packages/icons/src/icons/ServerIcon.tsx
index e3de8e690a1..0b5e0148ed7 100644
--- a/design-system/packages/icons/src/icons/ServerIcon.tsx
+++ b/design-system/packages/icons/src/icons/ServerIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ServerIcon = createIcon(
@@ -8,4 +8,4 @@ export const ServerIcon = createIcon(
,
'ServerIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SettingsIcon.tsx b/design-system/packages/icons/src/icons/SettingsIcon.tsx
index b822e520773..98a74fbbcec 100644
--- a/design-system/packages/icons/src/icons/SettingsIcon.tsx
+++ b/design-system/packages/icons/src/icons/SettingsIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SettingsIcon = createIcon(
,
'SettingsIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Share2Icon.tsx b/design-system/packages/icons/src/icons/Share2Icon.tsx
index 42e795ce0a7..a9792ea0118 100644
--- a/design-system/packages/icons/src/icons/Share2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Share2Icon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Share2Icon = createIcon(
@@ -9,4 +9,4 @@ export const Share2Icon = createIcon(
,
'Share2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ShareIcon.tsx b/design-system/packages/icons/src/icons/ShareIcon.tsx
index f071183f087..4d1d0b0f941 100644
--- a/design-system/packages/icons/src/icons/ShareIcon.tsx
+++ b/design-system/packages/icons/src/icons/ShareIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ShareIcon = createIcon(
@@ -7,4 +7,4 @@ export const ShareIcon = createIcon(
,
'ShareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ShieldIcon.tsx b/design-system/packages/icons/src/icons/ShieldIcon.tsx
index 29ffc471d91..439c1141d74 100644
--- a/design-system/packages/icons/src/icons/ShieldIcon.tsx
+++ b/design-system/packages/icons/src/icons/ShieldIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ShieldIcon = createIcon(
,
'ShieldIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ShieldOffIcon.tsx b/design-system/packages/icons/src/icons/ShieldOffIcon.tsx
index f749bf06fe1..dad39e509e2 100644
--- a/design-system/packages/icons/src/icons/ShieldOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/ShieldOffIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ShieldOffIcon = createIcon(
@@ -7,4 +7,4 @@ export const ShieldOffIcon = createIcon(
,
'ShieldOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ShoppingBagIcon.tsx b/design-system/packages/icons/src/icons/ShoppingBagIcon.tsx
index c47e0188805..52cf6dc8784 100644
--- a/design-system/packages/icons/src/icons/ShoppingBagIcon.tsx
+++ b/design-system/packages/icons/src/icons/ShoppingBagIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ShoppingBagIcon = createIcon(
@@ -7,4 +7,4 @@ export const ShoppingBagIcon = createIcon(
,
'ShoppingBagIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ShoppingCartIcon.tsx b/design-system/packages/icons/src/icons/ShoppingCartIcon.tsx
index 03d3cc00518..eea24fb754d 100644
--- a/design-system/packages/icons/src/icons/ShoppingCartIcon.tsx
+++ b/design-system/packages/icons/src/icons/ShoppingCartIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ShoppingCartIcon = createIcon(
@@ -7,4 +7,4 @@ export const ShoppingCartIcon = createIcon(
,
'ShoppingCartIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ShuffleIcon.tsx b/design-system/packages/icons/src/icons/ShuffleIcon.tsx
index 00fb542252d..a3bcaf7de1e 100644
--- a/design-system/packages/icons/src/icons/ShuffleIcon.tsx
+++ b/design-system/packages/icons/src/icons/ShuffleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ShuffleIcon = createIcon(
@@ -9,4 +9,4 @@ export const ShuffleIcon = createIcon(
,
'ShuffleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SidebarIcon.tsx b/design-system/packages/icons/src/icons/SidebarIcon.tsx
index 256f95e850f..60e86387e92 100644
--- a/design-system/packages/icons/src/icons/SidebarIcon.tsx
+++ b/design-system/packages/icons/src/icons/SidebarIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SidebarIcon = createIcon(
,
'SidebarIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SkipBackIcon.tsx b/design-system/packages/icons/src/icons/SkipBackIcon.tsx
index 07543245c73..b2aad868b90 100644
--- a/design-system/packages/icons/src/icons/SkipBackIcon.tsx
+++ b/design-system/packages/icons/src/icons/SkipBackIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SkipBackIcon = createIcon(
,
'SkipBackIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SkipForwardIcon.tsx b/design-system/packages/icons/src/icons/SkipForwardIcon.tsx
index 118f1aca87e..0e673e278b0 100644
--- a/design-system/packages/icons/src/icons/SkipForwardIcon.tsx
+++ b/design-system/packages/icons/src/icons/SkipForwardIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SkipForwardIcon = createIcon(
,
'SkipForwardIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SlackIcon.tsx b/design-system/packages/icons/src/icons/SlackIcon.tsx
index a2c9d3568e0..8e5279b990f 100644
--- a/design-system/packages/icons/src/icons/SlackIcon.tsx
+++ b/design-system/packages/icons/src/icons/SlackIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SlackIcon = createIcon(
@@ -12,4 +12,4 @@ export const SlackIcon = createIcon(
,
'SlackIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SlashIcon.tsx b/design-system/packages/icons/src/icons/SlashIcon.tsx
index df46ec08782..ea40d20e3d7 100644
--- a/design-system/packages/icons/src/icons/SlashIcon.tsx
+++ b/design-system/packages/icons/src/icons/SlashIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SlashIcon = createIcon(
,
'SlashIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SlidersIcon.tsx b/design-system/packages/icons/src/icons/SlidersIcon.tsx
index 57912b00910..9bd822ed2d2 100644
--- a/design-system/packages/icons/src/icons/SlidersIcon.tsx
+++ b/design-system/packages/icons/src/icons/SlidersIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SlidersIcon = createIcon(
@@ -13,4 +13,4 @@ export const SlidersIcon = createIcon(
,
'SlidersIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SmartphoneIcon.tsx b/design-system/packages/icons/src/icons/SmartphoneIcon.tsx
index 8b0d915b338..80b497734e0 100644
--- a/design-system/packages/icons/src/icons/SmartphoneIcon.tsx
+++ b/design-system/packages/icons/src/icons/SmartphoneIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SmartphoneIcon = createIcon(
,
'SmartphoneIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SmileIcon.tsx b/design-system/packages/icons/src/icons/SmileIcon.tsx
index c3ffdf26847..c46995b6343 100644
--- a/design-system/packages/icons/src/icons/SmileIcon.tsx
+++ b/design-system/packages/icons/src/icons/SmileIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SmileIcon = createIcon(
@@ -8,4 +8,4 @@ export const SmileIcon = createIcon(
,
'SmileIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SpeakerIcon.tsx b/design-system/packages/icons/src/icons/SpeakerIcon.tsx
index bcaa0a93023..bd3265f5cc5 100644
--- a/design-system/packages/icons/src/icons/SpeakerIcon.tsx
+++ b/design-system/packages/icons/src/icons/SpeakerIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SpeakerIcon = createIcon(
@@ -7,4 +7,4 @@ export const SpeakerIcon = createIcon(
,
'SpeakerIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SquareIcon.tsx b/design-system/packages/icons/src/icons/SquareIcon.tsx
index 5db272653c2..f883adb9ffa 100644
--- a/design-system/packages/icons/src/icons/SquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/SquareIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SquareIcon = createIcon(
,
'SquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/StarIcon.tsx b/design-system/packages/icons/src/icons/StarIcon.tsx
index 0c6da234d12..9683d093cea 100644
--- a/design-system/packages/icons/src/icons/StarIcon.tsx
+++ b/design-system/packages/icons/src/icons/StarIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const StarIcon = createIcon(
,
'StarIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/StopCircleIcon.tsx b/design-system/packages/icons/src/icons/StopCircleIcon.tsx
index f8df0df51b8..92c35682cbc 100644
--- a/design-system/packages/icons/src/icons/StopCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/StopCircleIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const StopCircleIcon = createIcon(
,
'StopCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SunIcon.tsx b/design-system/packages/icons/src/icons/SunIcon.tsx
index 21bc719fb54..7718b1a26c3 100644
--- a/design-system/packages/icons/src/icons/SunIcon.tsx
+++ b/design-system/packages/icons/src/icons/SunIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SunIcon = createIcon(
@@ -13,4 +13,4 @@ export const SunIcon = createIcon(
,
'SunIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SunriseIcon.tsx b/design-system/packages/icons/src/icons/SunriseIcon.tsx
index 3c157415e5b..e54f6708d08 100644
--- a/design-system/packages/icons/src/icons/SunriseIcon.tsx
+++ b/design-system/packages/icons/src/icons/SunriseIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SunriseIcon = createIcon(
@@ -12,4 +12,4 @@ export const SunriseIcon = createIcon(
,
'SunriseIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/SunsetIcon.tsx b/design-system/packages/icons/src/icons/SunsetIcon.tsx
index 1fce3fd5836..59233b774ce 100644
--- a/design-system/packages/icons/src/icons/SunsetIcon.tsx
+++ b/design-system/packages/icons/src/icons/SunsetIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const SunsetIcon = createIcon(
@@ -12,4 +12,4 @@ export const SunsetIcon = createIcon(
,
'SunsetIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TabletIcon.tsx b/design-system/packages/icons/src/icons/TabletIcon.tsx
index f4f381a90d0..acb00163d77 100644
--- a/design-system/packages/icons/src/icons/TabletIcon.tsx
+++ b/design-system/packages/icons/src/icons/TabletIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TabletIcon = createIcon(
,
'TabletIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TagIcon.tsx b/design-system/packages/icons/src/icons/TagIcon.tsx
index 122443db322..d548a0cfd76 100644
--- a/design-system/packages/icons/src/icons/TagIcon.tsx
+++ b/design-system/packages/icons/src/icons/TagIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TagIcon = createIcon(
,
'TagIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TargetIcon.tsx b/design-system/packages/icons/src/icons/TargetIcon.tsx
index 14051235419..422003acb87 100644
--- a/design-system/packages/icons/src/icons/TargetIcon.tsx
+++ b/design-system/packages/icons/src/icons/TargetIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TargetIcon = createIcon(
@@ -7,4 +7,4 @@ export const TargetIcon = createIcon(
,
'TargetIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TerminalIcon.tsx b/design-system/packages/icons/src/icons/TerminalIcon.tsx
index 59180a27d1d..976db87a866 100644
--- a/design-system/packages/icons/src/icons/TerminalIcon.tsx
+++ b/design-system/packages/icons/src/icons/TerminalIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TerminalIcon = createIcon(
,
'TerminalIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ThermometerIcon.tsx b/design-system/packages/icons/src/icons/ThermometerIcon.tsx
index 8b49567c8f4..0519ab20db2 100644
--- a/design-system/packages/icons/src/icons/ThermometerIcon.tsx
+++ b/design-system/packages/icons/src/icons/ThermometerIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ThermometerIcon = createIcon(
,
'ThermometerIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ThumbsDownIcon.tsx b/design-system/packages/icons/src/icons/ThumbsDownIcon.tsx
index 4e47c6adbd7..acb8a2993b3 100644
--- a/design-system/packages/icons/src/icons/ThumbsDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/ThumbsDownIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ThumbsDownIcon = createIcon(
,
'ThumbsDownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ThumbsUpIcon.tsx b/design-system/packages/icons/src/icons/ThumbsUpIcon.tsx
index 476e3820924..b4bd4d3ce77 100644
--- a/design-system/packages/icons/src/icons/ThumbsUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/ThumbsUpIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ThumbsUpIcon = createIcon(
,
'ThumbsUpIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ToggleLeftIcon.tsx b/design-system/packages/icons/src/icons/ToggleLeftIcon.tsx
index e0b89ef64a5..29a16a1058d 100644
--- a/design-system/packages/icons/src/icons/ToggleLeftIcon.tsx
+++ b/design-system/packages/icons/src/icons/ToggleLeftIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ToggleLeftIcon = createIcon(
,
'ToggleLeftIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ToggleRightIcon.tsx b/design-system/packages/icons/src/icons/ToggleRightIcon.tsx
index d14d8e6f45a..821079e6f9f 100644
--- a/design-system/packages/icons/src/icons/ToggleRightIcon.tsx
+++ b/design-system/packages/icons/src/icons/ToggleRightIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ToggleRightIcon = createIcon(
,
'ToggleRightIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ToolIcon.tsx b/design-system/packages/icons/src/icons/ToolIcon.tsx
index 3bdb7a6e13b..f76c5faa67d 100644
--- a/design-system/packages/icons/src/icons/ToolIcon.tsx
+++ b/design-system/packages/icons/src/icons/ToolIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ToolIcon = createIcon(
,
'ToolIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Trash2Icon.tsx b/design-system/packages/icons/src/icons/Trash2Icon.tsx
index 386e358f042..9e32d6edea1 100644
--- a/design-system/packages/icons/src/icons/Trash2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Trash2Icon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Trash2Icon = createIcon(
@@ -8,4 +8,4 @@ export const Trash2Icon = createIcon(
,
'Trash2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TrashIcon.tsx b/design-system/packages/icons/src/icons/TrashIcon.tsx
index 51f6f20dfdc..294a0455b6a 100644
--- a/design-system/packages/icons/src/icons/TrashIcon.tsx
+++ b/design-system/packages/icons/src/icons/TrashIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TrashIcon = createIcon(
,
'TrashIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TrelloIcon.tsx b/design-system/packages/icons/src/icons/TrelloIcon.tsx
index f31ea990d27..a67cb160df1 100644
--- a/design-system/packages/icons/src/icons/TrelloIcon.tsx
+++ b/design-system/packages/icons/src/icons/TrelloIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TrelloIcon = createIcon(
@@ -7,4 +7,4 @@ export const TrelloIcon = createIcon(
,
'TrelloIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TrendingDownIcon.tsx b/design-system/packages/icons/src/icons/TrendingDownIcon.tsx
index 3e401389f0a..ba9483d4920 100644
--- a/design-system/packages/icons/src/icons/TrendingDownIcon.tsx
+++ b/design-system/packages/icons/src/icons/TrendingDownIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TrendingDownIcon = createIcon(
,
'TrendingDownIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TrendingUpIcon.tsx b/design-system/packages/icons/src/icons/TrendingUpIcon.tsx
index 1c2604b1a47..a3db9442409 100644
--- a/design-system/packages/icons/src/icons/TrendingUpIcon.tsx
+++ b/design-system/packages/icons/src/icons/TrendingUpIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TrendingUpIcon = createIcon(
,
'TrendingUpIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TriangleIcon.tsx b/design-system/packages/icons/src/icons/TriangleIcon.tsx
index e5d6b195c3b..5fa044fa746 100644
--- a/design-system/packages/icons/src/icons/TriangleIcon.tsx
+++ b/design-system/packages/icons/src/icons/TriangleIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TriangleIcon = createIcon(
,
'TriangleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TruckIcon.tsx b/design-system/packages/icons/src/icons/TruckIcon.tsx
index dda8dff9bfe..5786fae03fd 100644
--- a/design-system/packages/icons/src/icons/TruckIcon.tsx
+++ b/design-system/packages/icons/src/icons/TruckIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TruckIcon = createIcon(
@@ -8,4 +8,4 @@ export const TruckIcon = createIcon(
,
'TruckIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TvIcon.tsx b/design-system/packages/icons/src/icons/TvIcon.tsx
index b77af392c1b..d55ef720b7e 100644
--- a/design-system/packages/icons/src/icons/TvIcon.tsx
+++ b/design-system/packages/icons/src/icons/TvIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TvIcon = createIcon(
,
'TvIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TwitchIcon.tsx b/design-system/packages/icons/src/icons/TwitchIcon.tsx
index b667447c1c6..85c3114d024 100644
--- a/design-system/packages/icons/src/icons/TwitchIcon.tsx
+++ b/design-system/packages/icons/src/icons/TwitchIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TwitchIcon = createIcon(
,
'TwitchIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TwitterIcon.tsx b/design-system/packages/icons/src/icons/TwitterIcon.tsx
index 292b6dcc3a5..fb218e8a1cb 100644
--- a/design-system/packages/icons/src/icons/TwitterIcon.tsx
+++ b/design-system/packages/icons/src/icons/TwitterIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TwitterIcon = createIcon(
,
'TwitterIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/TypeIcon.tsx b/design-system/packages/icons/src/icons/TypeIcon.tsx
index facc16012a1..67874c8645e 100644
--- a/design-system/packages/icons/src/icons/TypeIcon.tsx
+++ b/design-system/packages/icons/src/icons/TypeIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const TypeIcon = createIcon(
@@ -7,4 +7,4 @@ export const TypeIcon = createIcon(
,
'TypeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UmbrellaIcon.tsx b/design-system/packages/icons/src/icons/UmbrellaIcon.tsx
index 77c0b4d871f..d8b7056d526 100644
--- a/design-system/packages/icons/src/icons/UmbrellaIcon.tsx
+++ b/design-system/packages/icons/src/icons/UmbrellaIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UmbrellaIcon = createIcon(
,
'UmbrellaIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UnderlineIcon.tsx b/design-system/packages/icons/src/icons/UnderlineIcon.tsx
index 6fef7833d49..8c5febc47f7 100644
--- a/design-system/packages/icons/src/icons/UnderlineIcon.tsx
+++ b/design-system/packages/icons/src/icons/UnderlineIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UnderlineIcon = createIcon(
,
'UnderlineIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UnlockIcon.tsx b/design-system/packages/icons/src/icons/UnlockIcon.tsx
index 20488e4e8c3..c09b0ad24cd 100644
--- a/design-system/packages/icons/src/icons/UnlockIcon.tsx
+++ b/design-system/packages/icons/src/icons/UnlockIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UnlockIcon = createIcon(
,
'UnlockIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UploadCloudIcon.tsx b/design-system/packages/icons/src/icons/UploadCloudIcon.tsx
index f87bb5cfdec..4562ca8fa25 100644
--- a/design-system/packages/icons/src/icons/UploadCloudIcon.tsx
+++ b/design-system/packages/icons/src/icons/UploadCloudIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UploadCloudIcon = createIcon(
@@ -8,4 +8,4 @@ export const UploadCloudIcon = createIcon(
,
'UploadCloudIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UploadIcon.tsx b/design-system/packages/icons/src/icons/UploadIcon.tsx
index ace9c42fdfd..fd69577ce55 100644
--- a/design-system/packages/icons/src/icons/UploadIcon.tsx
+++ b/design-system/packages/icons/src/icons/UploadIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UploadIcon = createIcon(
@@ -7,4 +7,4 @@ export const UploadIcon = createIcon(
,
'UploadIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UserCheckIcon.tsx b/design-system/packages/icons/src/icons/UserCheckIcon.tsx
index 49c846f8ff2..d84a12cda51 100644
--- a/design-system/packages/icons/src/icons/UserCheckIcon.tsx
+++ b/design-system/packages/icons/src/icons/UserCheckIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UserCheckIcon = createIcon(
@@ -7,4 +7,4 @@ export const UserCheckIcon = createIcon(
,
'UserCheckIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UserIcon.tsx b/design-system/packages/icons/src/icons/UserIcon.tsx
index 1c7f3eab505..227ef05ca0d 100644
--- a/design-system/packages/icons/src/icons/UserIcon.tsx
+++ b/design-system/packages/icons/src/icons/UserIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UserIcon = createIcon(
,
'UserIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UserMinusIcon.tsx b/design-system/packages/icons/src/icons/UserMinusIcon.tsx
index d4cbb788693..bbd932821ef 100644
--- a/design-system/packages/icons/src/icons/UserMinusIcon.tsx
+++ b/design-system/packages/icons/src/icons/UserMinusIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UserMinusIcon = createIcon(
@@ -7,4 +7,4 @@ export const UserMinusIcon = createIcon(
,
'UserMinusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UserPlusIcon.tsx b/design-system/packages/icons/src/icons/UserPlusIcon.tsx
index f4adccf882d..be462ede561 100644
--- a/design-system/packages/icons/src/icons/UserPlusIcon.tsx
+++ b/design-system/packages/icons/src/icons/UserPlusIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UserPlusIcon = createIcon(
@@ -8,4 +8,4 @@ export const UserPlusIcon = createIcon(
,
'UserPlusIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UserXIcon.tsx b/design-system/packages/icons/src/icons/UserXIcon.tsx
index 0e5a3bc4ede..0ecc61c063a 100644
--- a/design-system/packages/icons/src/icons/UserXIcon.tsx
+++ b/design-system/packages/icons/src/icons/UserXIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UserXIcon = createIcon(
@@ -8,4 +8,4 @@ export const UserXIcon = createIcon(
,
'UserXIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/UsersIcon.tsx b/design-system/packages/icons/src/icons/UsersIcon.tsx
index 6cb99e875b8..4a2b0da598d 100644
--- a/design-system/packages/icons/src/icons/UsersIcon.tsx
+++ b/design-system/packages/icons/src/icons/UsersIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const UsersIcon = createIcon(
@@ -8,4 +8,4 @@ export const UsersIcon = createIcon(
,
'UsersIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/VideoIcon.tsx b/design-system/packages/icons/src/icons/VideoIcon.tsx
index 7d47185e9c6..f93d9669429 100644
--- a/design-system/packages/icons/src/icons/VideoIcon.tsx
+++ b/design-system/packages/icons/src/icons/VideoIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const VideoIcon = createIcon(
,
'VideoIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/VideoOffIcon.tsx b/design-system/packages/icons/src/icons/VideoOffIcon.tsx
index fe42f62de89..ea63f173847 100644
--- a/design-system/packages/icons/src/icons/VideoOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/VideoOffIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const VideoOffIcon = createIcon(
,
'VideoOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/VoicemailIcon.tsx b/design-system/packages/icons/src/icons/VoicemailIcon.tsx
index 8518ab29147..e22425e3f3b 100644
--- a/design-system/packages/icons/src/icons/VoicemailIcon.tsx
+++ b/design-system/packages/icons/src/icons/VoicemailIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const VoicemailIcon = createIcon(
@@ -7,4 +7,4 @@ export const VoicemailIcon = createIcon(
,
'VoicemailIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Volume1Icon.tsx b/design-system/packages/icons/src/icons/Volume1Icon.tsx
index d1c210e5db0..0b58c98fce5 100644
--- a/design-system/packages/icons/src/icons/Volume1Icon.tsx
+++ b/design-system/packages/icons/src/icons/Volume1Icon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Volume1Icon = createIcon(
,
'Volume1Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/Volume2Icon.tsx b/design-system/packages/icons/src/icons/Volume2Icon.tsx
index 584680dbf9d..6be5d608bc4 100644
--- a/design-system/packages/icons/src/icons/Volume2Icon.tsx
+++ b/design-system/packages/icons/src/icons/Volume2Icon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const Volume2Icon = createIcon(
,
'Volume2Icon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/VolumeIcon.tsx b/design-system/packages/icons/src/icons/VolumeIcon.tsx
index e8a3b2ab831..4047a5aae4f 100644
--- a/design-system/packages/icons/src/icons/VolumeIcon.tsx
+++ b/design-system/packages/icons/src/icons/VolumeIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const VolumeIcon = createIcon(
,
'VolumeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/VolumeXIcon.tsx b/design-system/packages/icons/src/icons/VolumeXIcon.tsx
index 9d5b330a325..89c0541714c 100644
--- a/design-system/packages/icons/src/icons/VolumeXIcon.tsx
+++ b/design-system/packages/icons/src/icons/VolumeXIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const VolumeXIcon = createIcon(
@@ -7,4 +7,4 @@ export const VolumeXIcon = createIcon(
,
'VolumeXIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/WatchIcon.tsx b/design-system/packages/icons/src/icons/WatchIcon.tsx
index 0f936a53d7e..6697005ebfe 100644
--- a/design-system/packages/icons/src/icons/WatchIcon.tsx
+++ b/design-system/packages/icons/src/icons/WatchIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const WatchIcon = createIcon(
@@ -7,4 +7,4 @@ export const WatchIcon = createIcon(
,
'WatchIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/WifiIcon.tsx b/design-system/packages/icons/src/icons/WifiIcon.tsx
index 8a75b0f68ef..a8db49059b8 100644
--- a/design-system/packages/icons/src/icons/WifiIcon.tsx
+++ b/design-system/packages/icons/src/icons/WifiIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const WifiIcon = createIcon(
@@ -8,4 +8,4 @@ export const WifiIcon = createIcon(
,
'WifiIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/WifiOffIcon.tsx b/design-system/packages/icons/src/icons/WifiOffIcon.tsx
index e2a60296bab..ff01db20e69 100644
--- a/design-system/packages/icons/src/icons/WifiOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/WifiOffIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const WifiOffIcon = createIcon(
@@ -11,4 +11,4 @@ export const WifiOffIcon = createIcon(
,
'WifiOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/WindIcon.tsx b/design-system/packages/icons/src/icons/WindIcon.tsx
index 34600d19137..8c63d4a4cf2 100644
--- a/design-system/packages/icons/src/icons/WindIcon.tsx
+++ b/design-system/packages/icons/src/icons/WindIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const WindIcon = createIcon(
,
'WindIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/XCircleIcon.tsx b/design-system/packages/icons/src/icons/XCircleIcon.tsx
index 61d47905805..e5172d475c1 100644
--- a/design-system/packages/icons/src/icons/XCircleIcon.tsx
+++ b/design-system/packages/icons/src/icons/XCircleIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const XCircleIcon = createIcon(
@@ -7,4 +7,4 @@ export const XCircleIcon = createIcon(
,
'XCircleIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/XIcon.tsx b/design-system/packages/icons/src/icons/XIcon.tsx
index 50121debd95..0c12ba2a9dc 100644
--- a/design-system/packages/icons/src/icons/XIcon.tsx
+++ b/design-system/packages/icons/src/icons/XIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const XIcon = createIcon(
,
'XIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/XOctagonIcon.tsx b/design-system/packages/icons/src/icons/XOctagonIcon.tsx
index 94e683aa6e4..10be64df92f 100644
--- a/design-system/packages/icons/src/icons/XOctagonIcon.tsx
+++ b/design-system/packages/icons/src/icons/XOctagonIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const XOctagonIcon = createIcon(
@@ -7,4 +7,4 @@ export const XOctagonIcon = createIcon(
,
'XOctagonIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/XSquareIcon.tsx b/design-system/packages/icons/src/icons/XSquareIcon.tsx
index c024e61440e..91d2f010e2a 100644
--- a/design-system/packages/icons/src/icons/XSquareIcon.tsx
+++ b/design-system/packages/icons/src/icons/XSquareIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const XSquareIcon = createIcon(
@@ -7,4 +7,4 @@ export const XSquareIcon = createIcon(
,
'XSquareIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/YoutubeIcon.tsx b/design-system/packages/icons/src/icons/YoutubeIcon.tsx
index 5acf1397a1a..fd6019b8957 100644
--- a/design-system/packages/icons/src/icons/YoutubeIcon.tsx
+++ b/design-system/packages/icons/src/icons/YoutubeIcon.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const YoutubeIcon = createIcon(
,
'YoutubeIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ZapIcon.tsx b/design-system/packages/icons/src/icons/ZapIcon.tsx
index 5f9d2949660..363168a1a40 100644
--- a/design-system/packages/icons/src/icons/ZapIcon.tsx
+++ b/design-system/packages/icons/src/icons/ZapIcon.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ZapIcon = createIcon(
,
'ZapIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ZapOffIcon.tsx b/design-system/packages/icons/src/icons/ZapOffIcon.tsx
index b537d2aa77f..63707297467 100644
--- a/design-system/packages/icons/src/icons/ZapOffIcon.tsx
+++ b/design-system/packages/icons/src/icons/ZapOffIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ZapOffIcon = createIcon(
@@ -8,4 +8,4 @@ export const ZapOffIcon = createIcon(
,
'ZapOffIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ZoomInIcon.tsx b/design-system/packages/icons/src/icons/ZoomInIcon.tsx
index ff3c3b8123f..2fb09be15a4 100644
--- a/design-system/packages/icons/src/icons/ZoomInIcon.tsx
+++ b/design-system/packages/icons/src/icons/ZoomInIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ZoomInIcon = createIcon(
@@ -8,4 +8,4 @@ export const ZoomInIcon = createIcon(
,
'ZoomInIcon'
-);
+)
diff --git a/design-system/packages/icons/src/icons/ZoomOutIcon.tsx b/design-system/packages/icons/src/icons/ZoomOutIcon.tsx
index b9bb37f392e..f59d4296621 100644
--- a/design-system/packages/icons/src/icons/ZoomOutIcon.tsx
+++ b/design-system/packages/icons/src/icons/ZoomOutIcon.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { createIcon } from '../Icon';
+import * as React from 'react'
+import { createIcon } from '../Icon'
export const ZoomOutIcon = createIcon(
@@ -7,4 +7,4 @@ export const ZoomOutIcon = createIcon(
,
'ZoomOutIcon'
-);
+)
diff --git a/design-system/packages/icons/src/index.tsx b/design-system/packages/icons/src/index.tsx
index 67913d8a881..7105310a048 100644
--- a/design-system/packages/icons/src/index.tsx
+++ b/design-system/packages/icons/src/index.tsx
@@ -1,288 +1,288 @@
-export type { IconProps } from './Icon';
+export type { IconProps } from './Icon'
-export { ActivityIcon } from './icons/ActivityIcon';
-export { AirplayIcon } from './icons/AirplayIcon';
-export { AlertOctagonIcon } from './icons/AlertOctagonIcon';
-export { AlignCenterIcon } from './icons/AlignCenterIcon';
-export { AlertTriangleIcon } from './icons/AlertTriangleIcon';
-export { AlignJustifyIcon } from './icons/AlignJustifyIcon';
-export { ApertureIcon } from './icons/ApertureIcon';
-export { AlignLeftIcon } from './icons/AlignLeftIcon';
-export { AnchorIcon } from './icons/AnchorIcon';
-export { AlignRightIcon } from './icons/AlignRightIcon';
-export { ArchiveIcon } from './icons/ArchiveIcon';
-export { ArrowDownCircleIcon } from './icons/ArrowDownCircleIcon';
-export { ArrowLeftCircleIcon } from './icons/ArrowLeftCircleIcon';
-export { ArrowRightCircleIcon } from './icons/ArrowRightCircleIcon';
-export { ArrowRightIcon } from './icons/ArrowRightIcon';
-export { ArrowDownRightIcon } from './icons/ArrowDownRightIcon';
-export { ArrowLeftIcon } from './icons/ArrowLeftIcon';
-export { AtSignIcon } from './icons/AtSignIcon';
-export { AwardIcon } from './icons/AwardIcon';
-export { BarChart2Icon } from './icons/BarChart2Icon';
-export { ArrowUpLeftIcon } from './icons/ArrowUpLeftIcon';
-export { ArrowUpRightIcon } from './icons/ArrowUpRightIcon';
-export { ArrowUpIcon } from './icons/ArrowUpIcon';
-export { ArrowUpCircleIcon } from './icons/ArrowUpCircleIcon';
-export { BatteryIcon } from './icons/BatteryIcon';
-export { BarChartIcon } from './icons/BarChartIcon';
-export { BellIcon } from './icons/BellIcon';
-export { BellOffIcon } from './icons/BellOffIcon';
-export { BatteryChargingIcon } from './icons/BatteryChargingIcon';
-export { BluetoothIcon } from './icons/BluetoothIcon';
-export { BookOpenIcon } from './icons/BookOpenIcon';
-export { BookIcon } from './icons/BookIcon';
-export { BoxIcon } from './icons/BoxIcon';
-export { BoldIcon } from './icons/BoldIcon';
-export { CameraOffIcon } from './icons/CameraOffIcon';
-export { BriefcaseIcon } from './icons/BriefcaseIcon';
-export { BookmarkIcon } from './icons/BookmarkIcon';
-export { CameraIcon } from './icons/CameraIcon';
-export { CalendarIcon } from './icons/CalendarIcon';
-export { CastIcon } from './icons/CastIcon';
-export { CheckCircleIcon } from './icons/CheckCircleIcon';
-export { CheckSquareIcon } from './icons/CheckSquareIcon';
-export { CheckIcon } from './icons/CheckIcon';
-export { ChevronLeftIcon } from './icons/ChevronLeftIcon';
-export { ChevronUpIcon } from './icons/ChevronUpIcon';
-export { ChevronRightIcon } from './icons/ChevronRightIcon';
-export { ChevronDownIcon } from './icons/ChevronDownIcon';
-export { ChevronsDownIcon } from './icons/ChevronsDownIcon';
-export { ChevronsUpIcon } from './icons/ChevronsUpIcon';
-export { ChevronsRightIcon } from './icons/ChevronsRightIcon';
-export { AlertCircleIcon } from './icons/AlertCircleIcon';
-export { ChromeIcon } from './icons/ChromeIcon';
-export { ClipboardIcon } from './icons/ClipboardIcon';
-export { ChevronsLeftIcon } from './icons/ChevronsLeftIcon';
-export { ClockIcon } from './icons/ClockIcon';
-export { CloudDrizzleIcon } from './icons/CloudDrizzleIcon';
-export { CloudSnowIcon } from './icons/CloudSnowIcon';
-export { ArrowDownIcon } from './icons/ArrowDownIcon';
-export { CloudRainIcon } from './icons/CloudRainIcon';
-export { CloudLightningIcon } from './icons/CloudLightningIcon';
-export { CloudIcon } from './icons/CloudIcon';
-export { CodeIcon } from './icons/CodeIcon';
-export { ColumnsIcon } from './icons/ColumnsIcon';
-export { CoffeeIcon } from './icons/CoffeeIcon';
-export { CodesandboxIcon } from './icons/CodesandboxIcon';
-export { CopyIcon } from './icons/CopyIcon';
-export { CodepenIcon } from './icons/CodepenIcon';
-export { CompassIcon } from './icons/CompassIcon';
-export { CommandIcon } from './icons/CommandIcon';
-export { CornerDownLeftIcon } from './icons/CornerDownLeftIcon';
-export { CornerDownRightIcon } from './icons/CornerDownRightIcon';
-export { CornerLeftDownIcon } from './icons/CornerLeftDownIcon';
-export { ArrowDownLeftIcon } from './icons/ArrowDownLeftIcon';
-export { CornerLeftUpIcon } from './icons/CornerLeftUpIcon';
-export { CornerRightDownIcon } from './icons/CornerRightDownIcon';
-export { CornerUpLeftIcon } from './icons/CornerUpLeftIcon';
-export { CreditCardIcon } from './icons/CreditCardIcon';
-export { CloudOffIcon } from './icons/CloudOffIcon';
-export { CornerUpRightIcon } from './icons/CornerUpRightIcon';
-export { CircleIcon } from './icons/CircleIcon';
-export { CrosshairIcon } from './icons/CrosshairIcon';
-export { DeleteIcon } from './icons/DeleteIcon';
-export { DatabaseIcon } from './icons/DatabaseIcon';
-export { DiscIcon } from './icons/DiscIcon';
-export { DivideCircleIcon } from './icons/DivideCircleIcon';
-export { DollarSignIcon } from './icons/DollarSignIcon';
-export { DivideSquareIcon } from './icons/DivideSquareIcon';
-export { DivideIcon } from './icons/DivideIcon';
-export { DownloadCloudIcon } from './icons/DownloadCloudIcon';
-export { DropletIcon } from './icons/DropletIcon';
-export { DribbbleIcon } from './icons/DribbbleIcon';
-export { ExternalLinkIcon } from './icons/ExternalLinkIcon';
-export { Edit3Icon } from './icons/Edit3Icon';
-export { DownloadIcon } from './icons/DownloadIcon';
-export { EditIcon } from './icons/EditIcon';
-export { Edit2Icon } from './icons/Edit2Icon';
-export { CpuIcon } from './icons/CpuIcon';
-export { FastForwardIcon } from './icons/FastForwardIcon';
-export { CropIcon } from './icons/CropIcon';
-export { FacebookIcon } from './icons/FacebookIcon';
-export { FigmaIcon } from './icons/FigmaIcon';
-export { FeatherIcon } from './icons/FeatherIcon';
-export { FileMinusIcon } from './icons/FileMinusIcon';
-export { FilePlusIcon } from './icons/FilePlusIcon';
-export { FileTextIcon } from './icons/FileTextIcon';
-export { FileIcon } from './icons/FileIcon';
-export { FilmIcon } from './icons/FilmIcon';
-export { FlagIcon } from './icons/FlagIcon';
-export { FilterIcon } from './icons/FilterIcon';
-export { FolderPlusIcon } from './icons/FolderPlusIcon';
-export { FolderIcon } from './icons/FolderIcon';
-export { FrownIcon } from './icons/FrownIcon';
-export { FolderMinusIcon } from './icons/FolderMinusIcon';
-export { GiftIcon } from './icons/GiftIcon';
-export { FramerIcon } from './icons/FramerIcon';
-export { GitBranchIcon } from './icons/GitBranchIcon';
-export { GitMergeIcon } from './icons/GitMergeIcon';
-export { EyeIcon } from './icons/EyeIcon';
-export { GlobeIcon } from './icons/GlobeIcon';
-export { GithubIcon } from './icons/GithubIcon';
-export { GitCommitIcon } from './icons/GitCommitIcon';
-export { HardDriveIcon } from './icons/HardDriveIcon';
-export { GitlabIcon } from './icons/GitlabIcon';
-export { GridIcon } from './icons/GridIcon';
-export { EyeOffIcon } from './icons/EyeOffIcon';
-export { GitPullRequestIcon } from './icons/GitPullRequestIcon';
-export { HeartIcon } from './icons/HeartIcon';
-export { HeadphonesIcon } from './icons/HeadphonesIcon';
-export { HexagonIcon } from './icons/HexagonIcon';
-export { HomeIcon } from './icons/HomeIcon';
-export { ImageIcon } from './icons/ImageIcon';
-export { InboxIcon } from './icons/InboxIcon';
-export { InfoIcon } from './icons/InfoIcon';
-export { InstagramIcon } from './icons/InstagramIcon';
-export { KeyIcon } from './icons/KeyIcon';
-export { HelpCircleIcon } from './icons/HelpCircleIcon';
-export { LayoutIcon } from './icons/LayoutIcon';
-export { LifeBuoyIcon } from './icons/LifeBuoyIcon';
-export { LayersIcon } from './icons/LayersIcon';
-export { LinkedinIcon } from './icons/LinkedinIcon';
-export { LinkIcon } from './icons/LinkIcon';
-export { ListIcon } from './icons/ListIcon';
-export { LoaderIcon } from './icons/LoaderIcon';
-export { LockIcon } from './icons/LockIcon';
-export { LogOutIcon } from './icons/LogOutIcon';
-export { Link2Icon } from './icons/Link2Icon';
-export { MapPinIcon } from './icons/MapPinIcon';
-export { MailIcon } from './icons/MailIcon';
-export { CornerRightUpIcon } from './icons/CornerRightUpIcon';
-export { MapIcon } from './icons/MapIcon';
-export { Maximize2Icon } from './icons/Maximize2Icon';
-export { MehIcon } from './icons/MehIcon';
-export { MaximizeIcon } from './icons/MaximizeIcon';
-export { MessageCircleIcon } from './icons/MessageCircleIcon';
-export { MessageSquareIcon } from './icons/MessageSquareIcon';
-export { MenuIcon } from './icons/MenuIcon';
-export { MicOffIcon } from './icons/MicOffIcon';
-export { MicIcon } from './icons/MicIcon';
-export { MinimizeIcon } from './icons/MinimizeIcon';
-export { MinusCircleIcon } from './icons/MinusCircleIcon';
-export { MinusSquareIcon } from './icons/MinusSquareIcon';
-export { Minimize2Icon } from './icons/Minimize2Icon';
-export { MinusIcon } from './icons/MinusIcon';
-export { MonitorIcon } from './icons/MonitorIcon';
-export { MoonIcon } from './icons/MoonIcon';
-export { MoreHorizontalIcon } from './icons/MoreHorizontalIcon';
-export { MoreVerticalIcon } from './icons/MoreVerticalIcon';
-export { MoveIcon } from './icons/MoveIcon';
-export { MousePointerIcon } from './icons/MousePointerIcon';
-export { MusicIcon } from './icons/MusicIcon';
-export { NavigationIcon } from './icons/NavigationIcon';
-export { PaperclipIcon } from './icons/PaperclipIcon';
-export { OctagonIcon } from './icons/OctagonIcon';
-export { Navigation2Icon } from './icons/Navigation2Icon';
-export { PauseIcon } from './icons/PauseIcon';
-export { PackageIcon } from './icons/PackageIcon';
-export { PauseCircleIcon } from './icons/PauseCircleIcon';
-export { PenToolIcon } from './icons/PenToolIcon';
-export { PercentIcon } from './icons/PercentIcon';
-export { PhoneForwardedIcon } from './icons/PhoneForwardedIcon';
-export { PhoneIncomingIcon } from './icons/PhoneIncomingIcon';
-export { PhoneOffIcon } from './icons/PhoneOffIcon';
-export { PhoneCallIcon } from './icons/PhoneCallIcon';
-export { PhoneIcon } from './icons/PhoneIcon';
-export { PhoneMissedIcon } from './icons/PhoneMissedIcon';
-export { PieChartIcon } from './icons/PieChartIcon';
-export { PhoneOutgoingIcon } from './icons/PhoneOutgoingIcon';
-export { PlayCircleIcon } from './icons/PlayCircleIcon';
-export { PlayIcon } from './icons/PlayIcon';
-export { PlusSquareIcon } from './icons/PlusSquareIcon';
-export { PocketIcon } from './icons/PocketIcon';
-export { HashIcon } from './icons/HashIcon';
-export { PlusCircleIcon } from './icons/PlusCircleIcon';
-export { PlusIcon } from './icons/PlusIcon';
-export { RefreshCwIcon } from './icons/RefreshCwIcon';
-export { RadioIcon } from './icons/RadioIcon';
-export { LogInIcon } from './icons/LogInIcon';
-export { RefreshCcwIcon } from './icons/RefreshCcwIcon';
-export { RepeatIcon } from './icons/RepeatIcon';
-export { RotateCcwIcon } from './icons/RotateCcwIcon';
-export { ItalicIcon } from './icons/ItalicIcon';
-export { PrinterIcon } from './icons/PrinterIcon';
-export { ServerIcon } from './icons/ServerIcon';
-export { SaveIcon } from './icons/SaveIcon';
-export { RewindIcon } from './icons/RewindIcon';
-export { ScissorsIcon } from './icons/ScissorsIcon';
-export { SearchIcon } from './icons/SearchIcon';
-export { SettingsIcon } from './icons/SettingsIcon';
-export { SendIcon } from './icons/SendIcon';
-export { ShareIcon } from './icons/ShareIcon';
-export { ShoppingBagIcon } from './icons/ShoppingBagIcon';
-export { ShoppingCartIcon } from './icons/ShoppingCartIcon';
-export { ShieldOffIcon } from './icons/ShieldOffIcon';
-export { Share2Icon } from './icons/Share2Icon';
-export { ShuffleIcon } from './icons/ShuffleIcon';
-export { SlackIcon } from './icons/SlackIcon';
-export { SidebarIcon } from './icons/SidebarIcon';
-export { ShieldIcon } from './icons/ShieldIcon';
-export { SkipBackIcon } from './icons/SkipBackIcon';
-export { SkipForwardIcon } from './icons/SkipForwardIcon';
-export { SmartphoneIcon } from './icons/SmartphoneIcon';
-export { SlashIcon } from './icons/SlashIcon';
-export { SlidersIcon } from './icons/SlidersIcon';
-export { SpeakerIcon } from './icons/SpeakerIcon';
-export { SmileIcon } from './icons/SmileIcon';
-export { SquareIcon } from './icons/SquareIcon';
-export { StarIcon } from './icons/StarIcon';
-export { RotateCwIcon } from './icons/RotateCwIcon';
-export { PowerIcon } from './icons/PowerIcon';
-export { TagIcon } from './icons/TagIcon';
-export { SunIcon } from './icons/SunIcon';
-export { TabletIcon } from './icons/TabletIcon';
-export { SunsetIcon } from './icons/SunsetIcon';
-export { TerminalIcon } from './icons/TerminalIcon';
-export { TargetIcon } from './icons/TargetIcon';
-export { ThermometerIcon } from './icons/ThermometerIcon';
-export { ThumbsDownIcon } from './icons/ThumbsDownIcon';
-export { ToggleLeftIcon } from './icons/ToggleLeftIcon';
-export { ThumbsUpIcon } from './icons/ThumbsUpIcon';
-export { ToolIcon } from './icons/ToolIcon';
-export { Trash2Icon } from './icons/Trash2Icon';
-export { ToggleRightIcon } from './icons/ToggleRightIcon';
-export { TrendingUpIcon } from './icons/TrendingUpIcon';
-export { TrendingDownIcon } from './icons/TrendingDownIcon';
-export { TrelloIcon } from './icons/TrelloIcon';
-export { TrashIcon } from './icons/TrashIcon';
-export { TriangleIcon } from './icons/TriangleIcon';
-export { TruckIcon } from './icons/TruckIcon';
-export { StopCircleIcon } from './icons/StopCircleIcon';
-export { SunriseIcon } from './icons/SunriseIcon';
-export { UnderlineIcon } from './icons/UnderlineIcon';
-export { TwitterIcon } from './icons/TwitterIcon';
-export { RssIcon } from './icons/RssIcon';
-export { UnlockIcon } from './icons/UnlockIcon';
-export { UploadCloudIcon } from './icons/UploadCloudIcon';
-export { UmbrellaIcon } from './icons/UmbrellaIcon';
-export { UserMinusIcon } from './icons/UserMinusIcon';
-export { UserCheckIcon } from './icons/UserCheckIcon';
-export { UploadIcon } from './icons/UploadIcon';
-export { UserPlusIcon } from './icons/UserPlusIcon';
-export { UserXIcon } from './icons/UserXIcon';
-export { UsersIcon } from './icons/UsersIcon';
-export { VoicemailIcon } from './icons/VoicemailIcon';
-export { UserIcon } from './icons/UserIcon';
-export { VideoIcon } from './icons/VideoIcon';
-export { WatchIcon } from './icons/WatchIcon';
-export { Volume2Icon } from './icons/Volume2Icon';
-export { VolumeIcon } from './icons/VolumeIcon';
-export { VideoOffIcon } from './icons/VideoOffIcon';
-export { WifiOffIcon } from './icons/WifiOffIcon';
-export { VolumeXIcon } from './icons/VolumeXIcon';
-export { WindIcon } from './icons/WindIcon';
-export { XOctagonIcon } from './icons/XOctagonIcon';
-export { XCircleIcon } from './icons/XCircleIcon';
-export { WifiIcon } from './icons/WifiIcon';
-export { YoutubeIcon } from './icons/YoutubeIcon';
-export { XSquareIcon } from './icons/XSquareIcon';
-export { XIcon } from './icons/XIcon';
-export { ZapOffIcon } from './icons/ZapOffIcon';
-export { TypeIcon } from './icons/TypeIcon';
-export { TwitchIcon } from './icons/TwitchIcon';
-export { ZapIcon } from './icons/ZapIcon';
-export { ZoomOutIcon } from './icons/ZoomOutIcon';
-export { TvIcon } from './icons/TvIcon';
-export { Volume1Icon } from './icons/Volume1Icon';
-export { ZoomInIcon } from './icons/ZoomInIcon';
+export { ActivityIcon } from './icons/ActivityIcon'
+export { AirplayIcon } from './icons/AirplayIcon'
+export { AlertOctagonIcon } from './icons/AlertOctagonIcon'
+export { AlignCenterIcon } from './icons/AlignCenterIcon'
+export { AlertTriangleIcon } from './icons/AlertTriangleIcon'
+export { AlignJustifyIcon } from './icons/AlignJustifyIcon'
+export { ApertureIcon } from './icons/ApertureIcon'
+export { AlignLeftIcon } from './icons/AlignLeftIcon'
+export { AnchorIcon } from './icons/AnchorIcon'
+export { AlignRightIcon } from './icons/AlignRightIcon'
+export { ArchiveIcon } from './icons/ArchiveIcon'
+export { ArrowDownCircleIcon } from './icons/ArrowDownCircleIcon'
+export { ArrowLeftCircleIcon } from './icons/ArrowLeftCircleIcon'
+export { ArrowRightCircleIcon } from './icons/ArrowRightCircleIcon'
+export { ArrowRightIcon } from './icons/ArrowRightIcon'
+export { ArrowDownRightIcon } from './icons/ArrowDownRightIcon'
+export { ArrowLeftIcon } from './icons/ArrowLeftIcon'
+export { AtSignIcon } from './icons/AtSignIcon'
+export { AwardIcon } from './icons/AwardIcon'
+export { BarChart2Icon } from './icons/BarChart2Icon'
+export { ArrowUpLeftIcon } from './icons/ArrowUpLeftIcon'
+export { ArrowUpRightIcon } from './icons/ArrowUpRightIcon'
+export { ArrowUpIcon } from './icons/ArrowUpIcon'
+export { ArrowUpCircleIcon } from './icons/ArrowUpCircleIcon'
+export { BatteryIcon } from './icons/BatteryIcon'
+export { BarChartIcon } from './icons/BarChartIcon'
+export { BellIcon } from './icons/BellIcon'
+export { BellOffIcon } from './icons/BellOffIcon'
+export { BatteryChargingIcon } from './icons/BatteryChargingIcon'
+export { BluetoothIcon } from './icons/BluetoothIcon'
+export { BookOpenIcon } from './icons/BookOpenIcon'
+export { BookIcon } from './icons/BookIcon'
+export { BoxIcon } from './icons/BoxIcon'
+export { BoldIcon } from './icons/BoldIcon'
+export { CameraOffIcon } from './icons/CameraOffIcon'
+export { BriefcaseIcon } from './icons/BriefcaseIcon'
+export { BookmarkIcon } from './icons/BookmarkIcon'
+export { CameraIcon } from './icons/CameraIcon'
+export { CalendarIcon } from './icons/CalendarIcon'
+export { CastIcon } from './icons/CastIcon'
+export { CheckCircleIcon } from './icons/CheckCircleIcon'
+export { CheckSquareIcon } from './icons/CheckSquareIcon'
+export { CheckIcon } from './icons/CheckIcon'
+export { ChevronLeftIcon } from './icons/ChevronLeftIcon'
+export { ChevronUpIcon } from './icons/ChevronUpIcon'
+export { ChevronRightIcon } from './icons/ChevronRightIcon'
+export { ChevronDownIcon } from './icons/ChevronDownIcon'
+export { ChevronsDownIcon } from './icons/ChevronsDownIcon'
+export { ChevronsUpIcon } from './icons/ChevronsUpIcon'
+export { ChevronsRightIcon } from './icons/ChevronsRightIcon'
+export { AlertCircleIcon } from './icons/AlertCircleIcon'
+export { ChromeIcon } from './icons/ChromeIcon'
+export { ClipboardIcon } from './icons/ClipboardIcon'
+export { ChevronsLeftIcon } from './icons/ChevronsLeftIcon'
+export { ClockIcon } from './icons/ClockIcon'
+export { CloudDrizzleIcon } from './icons/CloudDrizzleIcon'
+export { CloudSnowIcon } from './icons/CloudSnowIcon'
+export { ArrowDownIcon } from './icons/ArrowDownIcon'
+export { CloudRainIcon } from './icons/CloudRainIcon'
+export { CloudLightningIcon } from './icons/CloudLightningIcon'
+export { CloudIcon } from './icons/CloudIcon'
+export { CodeIcon } from './icons/CodeIcon'
+export { ColumnsIcon } from './icons/ColumnsIcon'
+export { CoffeeIcon } from './icons/CoffeeIcon'
+export { CodesandboxIcon } from './icons/CodesandboxIcon'
+export { CopyIcon } from './icons/CopyIcon'
+export { CodepenIcon } from './icons/CodepenIcon'
+export { CompassIcon } from './icons/CompassIcon'
+export { CommandIcon } from './icons/CommandIcon'
+export { CornerDownLeftIcon } from './icons/CornerDownLeftIcon'
+export { CornerDownRightIcon } from './icons/CornerDownRightIcon'
+export { CornerLeftDownIcon } from './icons/CornerLeftDownIcon'
+export { ArrowDownLeftIcon } from './icons/ArrowDownLeftIcon'
+export { CornerLeftUpIcon } from './icons/CornerLeftUpIcon'
+export { CornerRightDownIcon } from './icons/CornerRightDownIcon'
+export { CornerUpLeftIcon } from './icons/CornerUpLeftIcon'
+export { CreditCardIcon } from './icons/CreditCardIcon'
+export { CloudOffIcon } from './icons/CloudOffIcon'
+export { CornerUpRightIcon } from './icons/CornerUpRightIcon'
+export { CircleIcon } from './icons/CircleIcon'
+export { CrosshairIcon } from './icons/CrosshairIcon'
+export { DeleteIcon } from './icons/DeleteIcon'
+export { DatabaseIcon } from './icons/DatabaseIcon'
+export { DiscIcon } from './icons/DiscIcon'
+export { DivideCircleIcon } from './icons/DivideCircleIcon'
+export { DollarSignIcon } from './icons/DollarSignIcon'
+export { DivideSquareIcon } from './icons/DivideSquareIcon'
+export { DivideIcon } from './icons/DivideIcon'
+export { DownloadCloudIcon } from './icons/DownloadCloudIcon'
+export { DropletIcon } from './icons/DropletIcon'
+export { DribbbleIcon } from './icons/DribbbleIcon'
+export { ExternalLinkIcon } from './icons/ExternalLinkIcon'
+export { Edit3Icon } from './icons/Edit3Icon'
+export { DownloadIcon } from './icons/DownloadIcon'
+export { EditIcon } from './icons/EditIcon'
+export { Edit2Icon } from './icons/Edit2Icon'
+export { CpuIcon } from './icons/CpuIcon'
+export { FastForwardIcon } from './icons/FastForwardIcon'
+export { CropIcon } from './icons/CropIcon'
+export { FacebookIcon } from './icons/FacebookIcon'
+export { FigmaIcon } from './icons/FigmaIcon'
+export { FeatherIcon } from './icons/FeatherIcon'
+export { FileMinusIcon } from './icons/FileMinusIcon'
+export { FilePlusIcon } from './icons/FilePlusIcon'
+export { FileTextIcon } from './icons/FileTextIcon'
+export { FileIcon } from './icons/FileIcon'
+export { FilmIcon } from './icons/FilmIcon'
+export { FlagIcon } from './icons/FlagIcon'
+export { FilterIcon } from './icons/FilterIcon'
+export { FolderPlusIcon } from './icons/FolderPlusIcon'
+export { FolderIcon } from './icons/FolderIcon'
+export { FrownIcon } from './icons/FrownIcon'
+export { FolderMinusIcon } from './icons/FolderMinusIcon'
+export { GiftIcon } from './icons/GiftIcon'
+export { FramerIcon } from './icons/FramerIcon'
+export { GitBranchIcon } from './icons/GitBranchIcon'
+export { GitMergeIcon } from './icons/GitMergeIcon'
+export { EyeIcon } from './icons/EyeIcon'
+export { GlobeIcon } from './icons/GlobeIcon'
+export { GithubIcon } from './icons/GithubIcon'
+export { GitCommitIcon } from './icons/GitCommitIcon'
+export { HardDriveIcon } from './icons/HardDriveIcon'
+export { GitlabIcon } from './icons/GitlabIcon'
+export { GridIcon } from './icons/GridIcon'
+export { EyeOffIcon } from './icons/EyeOffIcon'
+export { GitPullRequestIcon } from './icons/GitPullRequestIcon'
+export { HeartIcon } from './icons/HeartIcon'
+export { HeadphonesIcon } from './icons/HeadphonesIcon'
+export { HexagonIcon } from './icons/HexagonIcon'
+export { HomeIcon } from './icons/HomeIcon'
+export { ImageIcon } from './icons/ImageIcon'
+export { InboxIcon } from './icons/InboxIcon'
+export { InfoIcon } from './icons/InfoIcon'
+export { InstagramIcon } from './icons/InstagramIcon'
+export { KeyIcon } from './icons/KeyIcon'
+export { HelpCircleIcon } from './icons/HelpCircleIcon'
+export { LayoutIcon } from './icons/LayoutIcon'
+export { LifeBuoyIcon } from './icons/LifeBuoyIcon'
+export { LayersIcon } from './icons/LayersIcon'
+export { LinkedinIcon } from './icons/LinkedinIcon'
+export { LinkIcon } from './icons/LinkIcon'
+export { ListIcon } from './icons/ListIcon'
+export { LoaderIcon } from './icons/LoaderIcon'
+export { LockIcon } from './icons/LockIcon'
+export { LogOutIcon } from './icons/LogOutIcon'
+export { Link2Icon } from './icons/Link2Icon'
+export { MapPinIcon } from './icons/MapPinIcon'
+export { MailIcon } from './icons/MailIcon'
+export { CornerRightUpIcon } from './icons/CornerRightUpIcon'
+export { MapIcon } from './icons/MapIcon'
+export { Maximize2Icon } from './icons/Maximize2Icon'
+export { MehIcon } from './icons/MehIcon'
+export { MaximizeIcon } from './icons/MaximizeIcon'
+export { MessageCircleIcon } from './icons/MessageCircleIcon'
+export { MessageSquareIcon } from './icons/MessageSquareIcon'
+export { MenuIcon } from './icons/MenuIcon'
+export { MicOffIcon } from './icons/MicOffIcon'
+export { MicIcon } from './icons/MicIcon'
+export { MinimizeIcon } from './icons/MinimizeIcon'
+export { MinusCircleIcon } from './icons/MinusCircleIcon'
+export { MinusSquareIcon } from './icons/MinusSquareIcon'
+export { Minimize2Icon } from './icons/Minimize2Icon'
+export { MinusIcon } from './icons/MinusIcon'
+export { MonitorIcon } from './icons/MonitorIcon'
+export { MoonIcon } from './icons/MoonIcon'
+export { MoreHorizontalIcon } from './icons/MoreHorizontalIcon'
+export { MoreVerticalIcon } from './icons/MoreVerticalIcon'
+export { MoveIcon } from './icons/MoveIcon'
+export { MousePointerIcon } from './icons/MousePointerIcon'
+export { MusicIcon } from './icons/MusicIcon'
+export { NavigationIcon } from './icons/NavigationIcon'
+export { PaperclipIcon } from './icons/PaperclipIcon'
+export { OctagonIcon } from './icons/OctagonIcon'
+export { Navigation2Icon } from './icons/Navigation2Icon'
+export { PauseIcon } from './icons/PauseIcon'
+export { PackageIcon } from './icons/PackageIcon'
+export { PauseCircleIcon } from './icons/PauseCircleIcon'
+export { PenToolIcon } from './icons/PenToolIcon'
+export { PercentIcon } from './icons/PercentIcon'
+export { PhoneForwardedIcon } from './icons/PhoneForwardedIcon'
+export { PhoneIncomingIcon } from './icons/PhoneIncomingIcon'
+export { PhoneOffIcon } from './icons/PhoneOffIcon'
+export { PhoneCallIcon } from './icons/PhoneCallIcon'
+export { PhoneIcon } from './icons/PhoneIcon'
+export { PhoneMissedIcon } from './icons/PhoneMissedIcon'
+export { PieChartIcon } from './icons/PieChartIcon'
+export { PhoneOutgoingIcon } from './icons/PhoneOutgoingIcon'
+export { PlayCircleIcon } from './icons/PlayCircleIcon'
+export { PlayIcon } from './icons/PlayIcon'
+export { PlusSquareIcon } from './icons/PlusSquareIcon'
+export { PocketIcon } from './icons/PocketIcon'
+export { HashIcon } from './icons/HashIcon'
+export { PlusCircleIcon } from './icons/PlusCircleIcon'
+export { PlusIcon } from './icons/PlusIcon'
+export { RefreshCwIcon } from './icons/RefreshCwIcon'
+export { RadioIcon } from './icons/RadioIcon'
+export { LogInIcon } from './icons/LogInIcon'
+export { RefreshCcwIcon } from './icons/RefreshCcwIcon'
+export { RepeatIcon } from './icons/RepeatIcon'
+export { RotateCcwIcon } from './icons/RotateCcwIcon'
+export { ItalicIcon } from './icons/ItalicIcon'
+export { PrinterIcon } from './icons/PrinterIcon'
+export { ServerIcon } from './icons/ServerIcon'
+export { SaveIcon } from './icons/SaveIcon'
+export { RewindIcon } from './icons/RewindIcon'
+export { ScissorsIcon } from './icons/ScissorsIcon'
+export { SearchIcon } from './icons/SearchIcon'
+export { SettingsIcon } from './icons/SettingsIcon'
+export { SendIcon } from './icons/SendIcon'
+export { ShareIcon } from './icons/ShareIcon'
+export { ShoppingBagIcon } from './icons/ShoppingBagIcon'
+export { ShoppingCartIcon } from './icons/ShoppingCartIcon'
+export { ShieldOffIcon } from './icons/ShieldOffIcon'
+export { Share2Icon } from './icons/Share2Icon'
+export { ShuffleIcon } from './icons/ShuffleIcon'
+export { SlackIcon } from './icons/SlackIcon'
+export { SidebarIcon } from './icons/SidebarIcon'
+export { ShieldIcon } from './icons/ShieldIcon'
+export { SkipBackIcon } from './icons/SkipBackIcon'
+export { SkipForwardIcon } from './icons/SkipForwardIcon'
+export { SmartphoneIcon } from './icons/SmartphoneIcon'
+export { SlashIcon } from './icons/SlashIcon'
+export { SlidersIcon } from './icons/SlidersIcon'
+export { SpeakerIcon } from './icons/SpeakerIcon'
+export { SmileIcon } from './icons/SmileIcon'
+export { SquareIcon } from './icons/SquareIcon'
+export { StarIcon } from './icons/StarIcon'
+export { RotateCwIcon } from './icons/RotateCwIcon'
+export { PowerIcon } from './icons/PowerIcon'
+export { TagIcon } from './icons/TagIcon'
+export { SunIcon } from './icons/SunIcon'
+export { TabletIcon } from './icons/TabletIcon'
+export { SunsetIcon } from './icons/SunsetIcon'
+export { TerminalIcon } from './icons/TerminalIcon'
+export { TargetIcon } from './icons/TargetIcon'
+export { ThermometerIcon } from './icons/ThermometerIcon'
+export { ThumbsDownIcon } from './icons/ThumbsDownIcon'
+export { ToggleLeftIcon } from './icons/ToggleLeftIcon'
+export { ThumbsUpIcon } from './icons/ThumbsUpIcon'
+export { ToolIcon } from './icons/ToolIcon'
+export { Trash2Icon } from './icons/Trash2Icon'
+export { ToggleRightIcon } from './icons/ToggleRightIcon'
+export { TrendingUpIcon } from './icons/TrendingUpIcon'
+export { TrendingDownIcon } from './icons/TrendingDownIcon'
+export { TrelloIcon } from './icons/TrelloIcon'
+export { TrashIcon } from './icons/TrashIcon'
+export { TriangleIcon } from './icons/TriangleIcon'
+export { TruckIcon } from './icons/TruckIcon'
+export { StopCircleIcon } from './icons/StopCircleIcon'
+export { SunriseIcon } from './icons/SunriseIcon'
+export { UnderlineIcon } from './icons/UnderlineIcon'
+export { TwitterIcon } from './icons/TwitterIcon'
+export { RssIcon } from './icons/RssIcon'
+export { UnlockIcon } from './icons/UnlockIcon'
+export { UploadCloudIcon } from './icons/UploadCloudIcon'
+export { UmbrellaIcon } from './icons/UmbrellaIcon'
+export { UserMinusIcon } from './icons/UserMinusIcon'
+export { UserCheckIcon } from './icons/UserCheckIcon'
+export { UploadIcon } from './icons/UploadIcon'
+export { UserPlusIcon } from './icons/UserPlusIcon'
+export { UserXIcon } from './icons/UserXIcon'
+export { UsersIcon } from './icons/UsersIcon'
+export { VoicemailIcon } from './icons/VoicemailIcon'
+export { UserIcon } from './icons/UserIcon'
+export { VideoIcon } from './icons/VideoIcon'
+export { WatchIcon } from './icons/WatchIcon'
+export { Volume2Icon } from './icons/Volume2Icon'
+export { VolumeIcon } from './icons/VolumeIcon'
+export { VideoOffIcon } from './icons/VideoOffIcon'
+export { WifiOffIcon } from './icons/WifiOffIcon'
+export { VolumeXIcon } from './icons/VolumeXIcon'
+export { WindIcon } from './icons/WindIcon'
+export { XOctagonIcon } from './icons/XOctagonIcon'
+export { XCircleIcon } from './icons/XCircleIcon'
+export { WifiIcon } from './icons/WifiIcon'
+export { YoutubeIcon } from './icons/YoutubeIcon'
+export { XSquareIcon } from './icons/XSquareIcon'
+export { XIcon } from './icons/XIcon'
+export { ZapOffIcon } from './icons/ZapOffIcon'
+export { TypeIcon } from './icons/TypeIcon'
+export { TwitchIcon } from './icons/TwitchIcon'
+export { ZapIcon } from './icons/ZapIcon'
+export { ZoomOutIcon } from './icons/ZoomOutIcon'
+export { TvIcon } from './icons/TvIcon'
+export { Volume1Icon } from './icons/Volume1Icon'
+export { ZoomInIcon } from './icons/ZoomInIcon'
diff --git a/design-system/packages/loading/src/Loading.tsx b/design-system/packages/loading/src/Loading.tsx
index 201af34c9a1..7f707ce80a6 100644
--- a/design-system/packages/loading/src/Loading.tsx
+++ b/design-system/packages/loading/src/Loading.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, keyframes, useTheme } from '@keystone-ui/core';
+import { jsx, keyframes, useTheme } from '@keystone-ui/core'
-export const loadingSizeValues = ['large', 'medium', 'small'] as const;
+export const loadingSizeValues = ['large', 'medium', 'small'] as const
export const loadingToneValues = [
'active',
'passive',
@@ -11,10 +11,10 @@ export const loadingToneValues = [
'warning',
'negative',
'help',
-] as const;
+] as const
-export type SizeKey = (typeof loadingSizeValues)[number];
-export type ToneKey = (typeof loadingToneValues)[number];
+export type SizeKey = (typeof loadingSizeValues)[number]
+export type ToneKey = (typeof loadingToneValues)[number]
// NOTE: a more accurate implementation might use `aria-busy="true|false"` on
// the wrapping element, but it's difficult to abstract
@@ -26,7 +26,7 @@ type Props = {
tone?: ToneKey;
/** The size of the loading indicator. */
size?: SizeKey;
-};
+}
// TODO: Should this be a box, to support margin etc?
@@ -36,11 +36,11 @@ export const LoadingDots = ({
size: sizeKey = 'medium',
...props
}: Props) => {
- const { controlSizes, tones } = useTheme();
+ const { controlSizes, tones } = useTheme()
- const size = controlSizes[sizeKey];
- const tone = toneKey ? tones[toneKey] : null;
- const color = tone ? tone.fill[0] : 'currentColor';
+ const size = controlSizes[sizeKey]
+ const tone = toneKey ? tones[toneKey] : null
+ const color = tone ? tone.fill[0] : 'currentColor'
return (
- );
-};
+ )
+}
const fadeAnimation = keyframes({
'0%, 80%, 100%': { opacity: 0 },
'40%': { opacity: 1 },
-});
+})
const Dot = ({ delay }: { delay: number }) => {
return (
@@ -82,5 +82,5 @@ const Dot = ({ delay }: { delay: number }) => {
},
}}
/>
- );
-};
+ )
+}
diff --git a/design-system/packages/loading/src/index.ts b/design-system/packages/loading/src/index.ts
index bc5115b2f8e..8e9305dfed9 100644
--- a/design-system/packages/loading/src/index.ts
+++ b/design-system/packages/loading/src/index.ts
@@ -1 +1 @@
-export * from './Loading';
+export * from './Loading'
diff --git a/design-system/packages/modals/src/AlertDialog.tsx b/design-system/packages/modals/src/AlertDialog.tsx
index 24b702336c0..0caa1f5f46c 100644
--- a/design-system/packages/modals/src/AlertDialog.tsx
+++ b/design-system/packages/modals/src/AlertDialog.tsx
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Button } from '@keystone-ui/button';
-import { jsx, Box, Heading, useTheme, makeId, useId } from '@keystone-ui/core';
-import { DialogBase } from './DialogBase';
+import { Button } from '@keystone-ui/button'
+import { jsx, Box, Heading, useTheme, makeId, useId } from '@keystone-ui/core'
+import { DialogBase } from './DialogBase'
type Action = {
action: () => void;
label: string;
-};
+}
type AlertDialogProps = {
actions: {
@@ -20,7 +20,7 @@ type AlertDialogProps = {
children: React.ReactNode;
title: string;
tone?: 'negative' | 'active';
-};
+}
export const AlertDialog = ({
actions,
@@ -30,18 +30,18 @@ export const AlertDialog = ({
id,
tone = 'active',
}: AlertDialogProps) => {
- const { cancel, confirm } = actions;
- const theme = useTheme();
- const instanceId = useId(id);
- const headingId = makeId('heading', instanceId);
+ const { cancel, confirm } = actions
+ const theme = useTheme()
+ const instanceId = useId(id)
+ const headingId = makeId('heading', instanceId)
const onClose = () => {
if (actions.cancel) {
- actions.cancel.action();
+ actions.cancel.action()
} else {
- actions.confirm.action();
+ actions.confirm.action()
}
- };
+ }
return (
@@ -76,5 +76,5 @@ export const AlertDialog = ({
- );
-};
+ )
+}
diff --git a/design-system/packages/modals/src/Blanket.tsx b/design-system/packages/modals/src/Blanket.tsx
index 26b1d478c0d..7612a7eeb43 100644
--- a/design-system/packages/modals/src/Blanket.tsx
+++ b/design-system/packages/modals/src/Blanket.tsx
@@ -1,15 +1,15 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { HTMLAttributes, forwardRef } from 'react';
-import { jsx, keyframes } from '@keystone-ui/core';
+import { HTMLAttributes, forwardRef } from 'react'
+import { jsx, keyframes } from '@keystone-ui/core'
const fadeInAnim = keyframes({
from: {
opacity: 0,
},
-});
-const easing = 'cubic-bezier(0.2, 0, 0, 1)';
+})
+const easing = 'cubic-bezier(0.2, 0, 0, 1)'
export const Blanket = forwardRef>((props, ref) => {
return (
@@ -26,5 +26,5 @@ export const Blanket = forwardRef
}}
{...props}
/>
- );
-});
+ )
+})
diff --git a/design-system/packages/modals/src/DialogBase.tsx b/design-system/packages/modals/src/DialogBase.tsx
index 8c8bd6dd242..45e68d6afd8 100644
--- a/design-system/packages/modals/src/DialogBase.tsx
+++ b/design-system/packages/modals/src/DialogBase.tsx
@@ -1,36 +1,36 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, KeyboardEvent, ReactNode } from 'react';
-import FocusLock from 'react-focus-lock';
-import { RemoveScroll } from 'react-remove-scroll';
-import { jsx, keyframes, Portal, useTheme } from '@keystone-ui/core';
-import { Blanket } from './Blanket';
+import { Fragment, KeyboardEvent, ReactNode } from 'react'
+import FocusLock from 'react-focus-lock'
+import { RemoveScroll } from 'react-remove-scroll'
+import { jsx, keyframes, Portal, useTheme } from '@keystone-ui/core'
+import { Blanket } from './Blanket'
type DialogBaseProps = {
children: ReactNode;
isOpen: boolean;
onClose: () => void;
width: number;
-};
+}
const slideInAnim = keyframes({
from: {
transform: 'translateY(20%)',
opacity: 0,
},
-});
-const easing = 'cubic-bezier(0.2, 0, 0, 1)';
+})
+const easing = 'cubic-bezier(0.2, 0, 0, 1)'
export const DialogBase = ({ children, isOpen, onClose, width, ...props }: DialogBaseProps) => {
- const theme = useTheme();
+ const theme = useTheme()
const onKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Escape' && !event.defaultPrevented) {
- event.preventDefault(); // Avoid potential drawer close
- onClose();
+ event.preventDefault() // Avoid potential drawer close
+ onClose()
}
- };
+ }
return isOpen ? (
@@ -73,5 +73,5 @@ export const DialogBase = ({ children, isOpen, onClose, width, ...props }: Dialo
- ) : null;
-};
+ ) : null
+}
diff --git a/design-system/packages/modals/src/Drawer.tsx b/design-system/packages/modals/src/Drawer.tsx
index cf67f15cd5c..0b48c915f4e 100644
--- a/design-system/packages/modals/src/Drawer.tsx
+++ b/design-system/packages/modals/src/Drawer.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { MutableRefObject, ReactNode } from 'react';
-import { Button } from '@keystone-ui/button';
-import { jsx, makeId, useId, useTheme, Heading, Stack, Divider } from '@keystone-ui/core';
+import { MutableRefObject, ReactNode } from 'react'
+import { Button } from '@keystone-ui/button'
+import { jsx, makeId, useId, useTheme, Heading, Stack, Divider } from '@keystone-ui/core'
-import { DrawerBase, WidthType } from './DrawerBase';
-import { useDrawerControllerContext } from './DrawerController';
-import { ActionsType } from './types';
+import { DrawerBase, WidthType } from './DrawerBase'
+import { useDrawerControllerContext } from './DrawerController'
+import { ActionsType } from './types'
type DrawerProps = {
actions: ActionsType;
@@ -16,7 +16,7 @@ type DrawerProps = {
initialFocusRef?: MutableRefObject;
title: string;
width?: WidthType;
-};
+}
export const Drawer = ({
actions,
@@ -26,14 +26,14 @@ export const Drawer = ({
initialFocusRef,
width = 'narrow',
}: DrawerProps) => {
- const transitionState = useDrawerControllerContext();
- const { cancel, confirm } = actions;
- const { colors, spacing } = useTheme();
+ const transitionState = useDrawerControllerContext()
+ const { cancel, confirm } = actions
+ const { colors, spacing } = useTheme()
- const safeClose = actions.confirm.loading ? () => {} : actions.cancel.action;
+ const safeClose = actions.confirm.loading ? () => {} : actions.cancel.action
- const instanceId = useId(id);
- const headingId = makeId(instanceId, 'heading');
+ const instanceId = useId(id)
+ const headingId = makeId(instanceId, 'heading')
return (
- );
-};
+ )
+}
diff --git a/design-system/packages/modals/src/DrawerBase.tsx b/design-system/packages/modals/src/DrawerBase.tsx
index 1ac3360f1ba..6adaee96720 100644
--- a/design-system/packages/modals/src/DrawerBase.tsx
+++ b/design-system/packages/modals/src/DrawerBase.tsx
@@ -1,22 +1,22 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, KeyboardEvent, MutableRefObject, ReactNode, useCallback, useRef } from 'react';
-import FocusLock from 'react-focus-lock';
-import { RemoveScroll } from 'react-remove-scroll';
-import { makeId, useId, useTheme, Portal, jsx } from '@keystone-ui/core';
-import { Blanket } from './Blanket';
+import { Fragment, KeyboardEvent, MutableRefObject, ReactNode, useCallback, useRef } from 'react'
+import FocusLock from 'react-focus-lock'
+import { RemoveScroll } from 'react-remove-scroll'
+import { makeId, useId, useTheme, Portal, jsx } from '@keystone-ui/core'
+import { Blanket } from './Blanket'
-import { useDrawerManager } from './drawer-context';
-import { TransitionState } from './types';
-import { DrawerControllerContextProvider } from './DrawerController';
+import { useDrawerManager } from './drawer-context'
+import { TransitionState } from './types'
+import { DrawerControllerContextProvider } from './DrawerController'
export const DRAWER_WIDTHS = {
narrow: 580,
wide: 740,
-};
-export type WidthType = keyof typeof DRAWER_WIDTHS;
-const easing = 'cubic-bezier(0.2, 0, 0, 1)';
+}
+export type WidthType = keyof typeof DRAWER_WIDTHS
+const easing = 'cubic-bezier(0.2, 0, 0, 1)'
export type DrawerBaseProps = {
children: ReactNode;
@@ -25,7 +25,7 @@ export type DrawerBaseProps = {
transitionState: TransitionState;
onSubmit?: () => void;
width?: WidthType;
-};
+}
const blanketTransition = {
entering: { opacity: 0 },
@@ -33,7 +33,7 @@ const blanketTransition = {
exiting: { opacity: 0 },
exited: { opacity: 0 },
unmounted: { opacity: 0 },
-};
+}
export const DrawerBase = ({
children,
@@ -44,42 +44,42 @@ export const DrawerBase = ({
transitionState,
...props
}: DrawerBaseProps) => {
- const theme = useTheme();
- const containerRef = useRef(null);
+ const theme = useTheme()
+ const containerRef = useRef(null)
- const id = useId();
- const uniqueKey = makeId('drawer', id);
+ const id = useId()
+ const uniqueKey = makeId('drawer', id)
// sync drawer state
- let drawerDepth = useDrawerManager(uniqueKey);
+ let drawerDepth = useDrawerManager(uniqueKey)
const onKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Escape' && !event.defaultPrevented) {
- event.preventDefault();
- onClose();
+ event.preventDefault()
+ onClose()
}
- };
+ }
const activateFocusLock = useCallback(() => {
if (initialFocusRef && initialFocusRef.current) {
- initialFocusRef.current.focus();
+ initialFocusRef.current.focus()
}
- }, [initialFocusRef]);
+ }, [initialFocusRef])
- const dialogTransition = getDialogTransition(drawerDepth);
+ const dialogTransition = getDialogTransition(drawerDepth)
- let Tag: 'div' | 'form' = 'div';
+ let Tag: 'div' | 'form' = 'div'
if (onSubmit) {
- Tag = 'form';
- let oldOnSubmit = onSubmit;
+ Tag = 'form'
+ let oldOnSubmit = onSubmit
// @ts-ignore
onSubmit = (event: any) => {
if (!event.defaultPrevented) {
- event.preventDefault();
- event.stopPropagation();
- oldOnSubmit();
+ event.preventDefault()
+ event.stopPropagation()
+ oldOnSubmit()
}
- };
+ }
}
return (
@@ -127,15 +127,15 @@ export const DrawerBase = ({
- );
-};
+ )
+}
// Utils
// ------------------------------
function getDialogTransition(depth: number) {
- let scaleInc = 0.05;
- let transformValue = `scale(${1 - scaleInc * depth}) translateX(-${depth * 40}px)`;
+ let scaleInc = 0.05
+ let transformValue = `scale(${1 - scaleInc * depth}) translateX(-${depth * 40}px)`
return {
entering: { transform: 'translateX(100%)' },
@@ -143,5 +143,5 @@ function getDialogTransition(depth: number) {
exiting: { transform: 'translateX(100%)' },
exited: { transform: 'translateX(100%)' },
unmounted: { transform: 'none' },
- };
+ }
}
diff --git a/design-system/packages/modals/src/DrawerController.tsx b/design-system/packages/modals/src/DrawerController.tsx
index 90436738694..c0c360dcc39 100644
--- a/design-system/packages/modals/src/DrawerController.tsx
+++ b/design-system/packages/modals/src/DrawerController.tsx
@@ -1,27 +1,27 @@
-import React, { ReactNode, useContext } from 'react';
-import { Transition } from 'react-transition-group';
+import React, { ReactNode, useContext } from 'react'
+import { Transition } from 'react-transition-group'
-import { TransitionState } from './types';
+import { TransitionState } from './types'
type DrawerControllerProps = {
isOpen: boolean;
children: ReactNode;
-};
+}
-const DrawerControllerContext = React.createContext(null);
+const DrawerControllerContext = React.createContext(null)
-export const DrawerControllerContextProvider = DrawerControllerContext.Provider;
+export const DrawerControllerContextProvider = DrawerControllerContext.Provider
export const useDrawerControllerContext = () => {
- let context = useContext(DrawerControllerContext);
+ let context = useContext(DrawerControllerContext)
if (!context) {
throw new Error(
'Drawers must be wrapped in a . You should generally do this outside of the component that renders the or .'
- );
+ )
}
- return context;
-};
+ return context
+}
export const DrawerController = ({ isOpen, children }: DrawerControllerProps) => {
return (
@@ -32,5 +32,5 @@ export const DrawerController = ({ isOpen, children }: DrawerControllerProps) =>
)}
- );
-};
+ )
+}
diff --git a/design-system/packages/modals/src/drawer-context.tsx b/design-system/packages/modals/src/drawer-context.tsx
index e53e26cfc85..7496a6468ae 100644
--- a/design-system/packages/modals/src/drawer-context.tsx
+++ b/design-system/packages/modals/src/drawer-context.tsx
@@ -1,59 +1,59 @@
-import React, { ReactNode, useCallback, useEffect, useState } from 'react';
+import React, { ReactNode, useCallback, useEffect, useState } from 'react'
export type ModalState = {
drawerStack: string[];
pushToDrawerStack: (drawerKey: string) => void;
popFromDrawerStack: () => void;
-};
+}
-const ModalContext = React.createContext(null);
+const ModalContext = React.createContext(null)
export const DrawerProvider = ({ children }: { children: ReactNode }) => {
- let [drawerStack, setDrawerStack] = useState([]);
+ let [drawerStack, setDrawerStack] = useState([])
const pushToDrawerStack = useCallback((key: string) => {
- setDrawerStack(stack => [...stack, key]);
- }, []);
+ setDrawerStack(stack => [...stack, key])
+ }, [])
const popFromDrawerStack = useCallback(() => {
setDrawerStack(stack => {
- let less = stack.slice(0, -1);
- return less;
- });
- }, []);
+ let less = stack.slice(0, -1)
+ return less
+ })
+ }, [])
const context = {
drawerStack,
pushToDrawerStack,
popFromDrawerStack,
- };
+ }
- return {children};
-};
+ return {children}
+}
// Utils
// ------------------------------
export const useDrawerManager = (uniqueKey: string) => {
- const modalState = React.useContext(ModalContext);
+ const modalState = React.useContext(ModalContext)
if (modalState === null) {
throw new Error(
'This component must have a ancestor in the same React tree.'
- );
+ )
}
// keep the stack in sync on mount/unmount
useEffect(() => {
- modalState.pushToDrawerStack(uniqueKey);
+ modalState.pushToDrawerStack(uniqueKey)
return () => {
- modalState.popFromDrawerStack();
- };
+ modalState.popFromDrawerStack()
+ }
// eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
+ }, [])
// the last key in the array is the "top" modal visually, so the depth is the inverse index
// be careful not to mutate the stack
- let depth = modalState.drawerStack.slice().reverse().indexOf(uniqueKey);
+ let depth = modalState.drawerStack.slice().reverse().indexOf(uniqueKey)
// if it's not in the stack already,
// we know that it should be the last drawer in the stack but the effect hasn't happened yet
// so we need to make the depth 0 so the depth is correct even though the effect hasn't happened yet
- return depth === -1 ? 0 : depth;
-};
+ return depth === -1 ? 0 : depth
+}
diff --git a/design-system/packages/modals/src/index.tsx b/design-system/packages/modals/src/index.tsx
index 458d3a7e13d..927afc674e0 100644
--- a/design-system/packages/modals/src/index.tsx
+++ b/design-system/packages/modals/src/index.tsx
@@ -1,5 +1,5 @@
-export { Drawer } from './Drawer';
-export { DRAWER_WIDTHS } from './DrawerBase';
-export { DrawerProvider } from './drawer-context';
-export { DrawerController } from './DrawerController';
-export { AlertDialog } from './AlertDialog';
+export { Drawer } from './Drawer'
+export { DRAWER_WIDTHS } from './DrawerBase'
+export { DrawerProvider } from './drawer-context'
+export { DrawerController } from './DrawerController'
+export { AlertDialog } from './AlertDialog'
diff --git a/design-system/packages/modals/src/types.ts b/design-system/packages/modals/src/types.ts
index 7ace12b05d8..29c16d18370 100644
--- a/design-system/packages/modals/src/types.ts
+++ b/design-system/packages/modals/src/types.ts
@@ -1,13 +1,13 @@
type Action = {
action: () => void;
label: string;
-};
+}
export type ActionsType = {
cancel: Action;
confirm: Action & {
loading?: boolean;
};
-};
+}
-export type TransitionState = 'entering' | 'entered' | 'exiting' | 'exited' | 'unmounted';
+export type TransitionState = 'entering' | 'entered' | 'exiting' | 'exited' | 'unmounted'
diff --git a/design-system/packages/notice/src/Notice.tsx b/design-system/packages/notice/src/Notice.tsx
index faf82fd4c8a..de02ca07f6a 100644
--- a/design-system/packages/notice/src/Notice.tsx
+++ b/design-system/packages/notice/src/Notice.tsx
@@ -1,18 +1,18 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { ReactNode, useMemo } from 'react';
-import { jsx, makeId, useId, Stack, MarginProps, Box } from '@keystone-ui/core';
-import { AlertOctagonIcon } from '@keystone-ui/icons/icons/AlertOctagonIcon';
-import { AlertCircleIcon } from '@keystone-ui/icons/icons/AlertCircleIcon';
-import { AlertTriangleIcon } from '@keystone-ui/icons/icons/AlertTriangleIcon';
-import { CheckCircleIcon } from '@keystone-ui/icons/icons/CheckCircleIcon';
-import { InfoIcon } from '@keystone-ui/icons/icons/InfoIcon';
-import { HelpCircleIcon } from '@keystone-ui/icons/icons/HelpCircleIcon';
+import { ReactNode, useMemo } from 'react'
+import { jsx, makeId, useId, Stack, MarginProps, Box } from '@keystone-ui/core'
+import { AlertOctagonIcon } from '@keystone-ui/icons/icons/AlertOctagonIcon'
+import { AlertCircleIcon } from '@keystone-ui/icons/icons/AlertCircleIcon'
+import { AlertTriangleIcon } from '@keystone-ui/icons/icons/AlertTriangleIcon'
+import { CheckCircleIcon } from '@keystone-ui/icons/icons/CheckCircleIcon'
+import { InfoIcon } from '@keystone-ui/icons/icons/InfoIcon'
+import { HelpCircleIcon } from '@keystone-ui/icons/icons/HelpCircleIcon'
-import { Button, ButtonProvider } from '@keystone-ui/button';
-import { useNoticeStyles, useNoticeTokens, ToneKey } from './hooks/notice';
-import { useButtonTokens } from './hooks/button';
+import { Button, ButtonProvider } from '@keystone-ui/button'
+import { useNoticeStyles, useNoticeTokens, ToneKey } from './hooks/notice'
+import { useButtonTokens } from './hooks/button'
const symbols: { [key in ToneKey]: ReactNode } = {
active: ,
@@ -21,12 +21,12 @@ const symbols: { [key in ToneKey]: ReactNode } = {
warning: ,
negative: ,
help: ,
-};
+}
type Action = {
onPress: () => void;
label: string;
-};
+}
type NoticeProps = {
actions?: {
primary: Action;
@@ -36,7 +36,7 @@ type NoticeProps = {
tone?: ToneKey;
title?: string;
className?: string;
-} & MarginProps;
+} & MarginProps
export const Notice = ({
actions,
@@ -45,18 +45,18 @@ export const Notice = ({
title,
...otherProps
}: NoticeProps) => {
- const id = useId();
- const titleId = makeId('notice-title', id);
- const contentId = makeId('notice-content', id);
- const tokens = useNoticeTokens({ tone });
+ const id = useId()
+ const titleId = makeId('notice-title', id)
+ const contentId = makeId('notice-content', id)
+ const tokens = useNoticeTokens({ tone })
const styles = useNoticeStyles({
tokens,
- });
+ })
const buttonContext = useMemo(
() => ({ hooks: { useButtonTokens }, defaults: { tone, size: 'small' } } as const),
[tone]
- );
+ )
return (
@@ -99,5 +99,5 @@ export const Notice = ({
- );
-};
+ )
+}
diff --git a/design-system/packages/notice/src/hooks/button.ts b/design-system/packages/notice/src/hooks/button.ts
index 9f7841a25ca..d153fcee9a4 100644
--- a/design-system/packages/notice/src/hooks/button.ts
+++ b/design-system/packages/notice/src/hooks/button.ts
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { useTheme } from '@keystone-ui/core';
-import type { ButtonTokens, WeightKey, ToneKey, SizeKey } from '@keystone-ui/button';
+import { useTheme } from '@keystone-ui/core'
+import type { ButtonTokens, WeightKey, ToneKey, SizeKey } from '@keystone-ui/button'
type ButtonTokensProps = {
size: SizeKey;
tone: ToneKey;
weight: WeightKey;
-};
+}
type Weight = Omit<
ButtonTokens,
@@ -20,16 +20,16 @@ type Weight = Omit<
| 'height'
| 'paddingX'
| 'transition'
->;
+>
export function useButtonTokens({
tone: toneKey,
size: sizeKey,
weight: weightKey,
}: ButtonTokensProps): ButtonTokens {
- const { animation, colors, tones, typography, controlSizes, opacity } = useTheme();
- const tone = tones[toneKey];
- const size = controlSizes[sizeKey];
+ const { animation, colors, tones, typography, controlSizes, opacity } = useTheme()
+ const tone = tones[toneKey]
+ const size = controlSizes[sizeKey]
const weights: { [key in WeightKey]: Weight } = {
bold: {
@@ -91,9 +91,9 @@ export function useButtonTokens({
textDecoration: 'underline',
},
},
- };
+ }
- const weight = weights[weightKey];
+ const weight = weights[weightKey]
const tokens: ButtonTokens = {
borderRadius: size.borderRadius,
@@ -110,7 +110,7 @@ export function useButtonTokens({
opacity ${animation.duration100},
`,
...weight,
- };
+ }
- return tokens;
+ return tokens
}
diff --git a/design-system/packages/notice/src/hooks/notice.ts b/design-system/packages/notice/src/hooks/notice.ts
index 26306109565..9ef04f0435a 100644
--- a/design-system/packages/notice/src/hooks/notice.ts
+++ b/design-system/packages/notice/src/hooks/notice.ts
@@ -1,4 +1,4 @@
-import { useTheme } from '@keystone-ui/core';
+import { useTheme } from '@keystone-ui/core'
export const noticeToneValues = [
'active',
@@ -7,13 +7,13 @@ export const noticeToneValues = [
'warning',
'negative',
'help',
-] as const;
+] as const
-export type ToneKey = (typeof noticeToneValues)[number];
+export type ToneKey = (typeof noticeToneValues)[number]
type NoticeTokensProps = {
tone: ToneKey;
-};
+}
export type NoticeTokens = {
background?: string;
@@ -33,11 +33,11 @@ export type NoticeTokens = {
fontSize?: number | string;
fontWeight?: number;
};
-};
+}
export function useNoticeTokens({ tone: toneKey }: NoticeTokensProps): NoticeTokens {
- const { colors, radii, tones, typography, spacing } = useTheme();
- const tone = tones[toneKey];
+ const { colors, radii, tones, typography, spacing } = useTheme()
+ const tone = tones[toneKey]
const tokens: NoticeTokens = {
background: tone.tint[0],
@@ -56,19 +56,19 @@ export function useNoticeTokens({ tone: toneKey }: NoticeTokensProps): NoticeTok
fontSize: typography.fontSize.medium,
fontWeight: typography.fontWeight.medium,
},
- };
+ }
- return tokens;
+ return tokens
}
type NoticeStylesProps = {
tokens: NoticeTokens;
-};
+}
export function useNoticeStyles({ tokens }: NoticeStylesProps) {
const actions = {
marginTop: tokens.gap,
- };
+ }
const box = {
backgroundColor: tokens.background,
@@ -82,19 +82,19 @@ export function useNoticeStyles({ tokens }: NoticeStylesProps) {
paddingRight: tokens.paddingX,
paddingTop: tokens.paddingY,
paddingBottom: tokens.paddingY,
- };
+ }
const title = {
color: tokens.title.foreground,
fontSize: tokens.title.fontSize,
fontWeight: tokens.title.fontWeight,
marginBottom: tokens.gap / 2,
- };
+ }
const symbol = {
color: tokens.iconColor,
marginRight: tokens.gap,
- };
+ }
- return { actions, box, title, symbol };
+ return { actions, box, title, symbol }
}
diff --git a/design-system/packages/notice/src/index.ts b/design-system/packages/notice/src/index.ts
index 1c54741b318..12ff61f8f13 100644
--- a/design-system/packages/notice/src/index.ts
+++ b/design-system/packages/notice/src/index.ts
@@ -1,2 +1,2 @@
-export * from './Notice';
-export * from './hooks/notice';
+export * from './Notice'
+export * from './hooks/notice'
diff --git a/design-system/packages/options/src/index.tsx b/design-system/packages/options/src/index.tsx
index 27c46b0ef36..693bdafec82 100644
--- a/design-system/packages/options/src/index.tsx
+++ b/design-system/packages/options/src/index.tsx
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, useTheme } from '@keystone-ui/core';
-import { useIndicatorTokens } from '@keystone-ui/fields';
-import { CheckIcon } from '@keystone-ui/icons/icons/CheckIcon';
-import { useMemo } from 'react';
+import { jsx, useTheme } from '@keystone-ui/core'
+import { useIndicatorTokens } from '@keystone-ui/fields'
+import { CheckIcon } from '@keystone-ui/icons/icons/CheckIcon'
+import { useMemo } from 'react'
import ReactSelect, {
StylesConfig,
components as reactSelectComponents,
Props,
-} from 'react-select';
+} from 'react-select'
export const CheckMark = ({
isDisabled,
@@ -22,7 +22,7 @@ export const CheckMark = ({
const tokens = useIndicatorTokens({
size: 'medium',
type: 'radio',
- });
+ })
return (
- );
-};
+ )
+}
export const OptionPrimitive: (typeof reactSelectComponents)['Option'] = ({
children,
@@ -83,7 +83,7 @@ export const OptionPrimitive: (typeof reactSelectComponents)['Option'] = ({
innerRef,
className,
}) => {
- const theme = useTheme();
+ const theme = useTheme()
return (
{children}
- );
-};
+ )
+}
const Control: (typeof reactSelectComponents)['Control'] = ({ selectProps, ...props }) => {
- return ;
-};
+ return
+}
const defaultComponents = {
Control,
Option: OptionPrimitive,
DropdownIndicator: null,
IndicatorSeparator: null,
-};
+}
-type OptionsProps = Props<{ label: string; value: string; isDisabled?: boolean }, boolean>;
+type OptionsProps = Props<{ label: string; value: string; isDisabled?: boolean }, boolean>
export const Options = ({ components: propComponents, ...props }: OptionsProps) => {
const components = useMemo(
@@ -140,8 +140,8 @@ export const Options = ({ components: propComponents, ...props }: OptionsProps)
...propComponents,
}),
[propComponents]
- );
- const theme = useTheme();
+ )
+ const theme = useTheme()
const optionRendererStyles: StylesConfig<{ label: string; value: string; isDisabled?: boolean }> =
useMemo(
@@ -167,7 +167,7 @@ export const Options = ({ components: propComponents, ...props }: OptionsProps)
}),
}),
[theme]
- );
+ )
return (
- );
-};
+ )
+}
diff --git a/design-system/packages/pill/src/index.tsx b/design-system/packages/pill/src/index.tsx
index 547b132bfe2..a95347e0a94 100644
--- a/design-system/packages/pill/src/index.tsx
+++ b/design-system/packages/pill/src/index.tsx
@@ -1,25 +1,25 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, useTheme } from '@keystone-ui/core';
-import { ButtonHTMLAttributes, HTMLAttributes, forwardRef, ReactNode } from 'react';
+import { jsx, useTheme } from '@keystone-ui/core'
+import { ButtonHTMLAttributes, HTMLAttributes, forwardRef, ReactNode } from 'react'
-import { XIcon } from '@keystone-ui/icons/icons/XIcon';
+import { XIcon } from '@keystone-ui/icons/icons/XIcon'
-type Tone = 'active' | 'passive' | 'positive' | 'warning' | 'negative' | 'help';
-type Weight = 'bold' | 'light';
+type Tone = 'active' | 'passive' | 'positive' | 'warning' | 'negative' | 'help'
+type Weight = 'bold' | 'light'
type PillButtonProps = {
tone: Tone;
weight: Weight;
-} & ButtonHTMLAttributes;
+} & ButtonHTMLAttributes
const PillButton = forwardRef(
({ tone: toneKey, weight, onClick, tabIndex, ...props }, ref) => {
- const { radii, spacing, tones, typography } = useTheme();
+ const { radii, spacing, tones, typography } = useTheme()
- const isInteractive = !!onClick;
+ const isInteractive = !!onClick
- const tone = tones[toneKey];
+ const tone = tones[toneKey]
const tokens = {
bold: {
background: tone.fill[0],
@@ -49,7 +49,7 @@ const PillButton = forwardRef(
background: tone.tint[2],
},
},
- }[weight];
+ }[weight]
const baseStyles = {
alignItems: 'center',
@@ -82,7 +82,7 @@ const PillButton = forwardRef(
paddingLeft: spacing.medium,
paddingRight: spacing.medium,
},
- } as const;
+ } as const
const interactiveStyles = isInteractive
? {
@@ -99,7 +99,7 @@ const PillButton = forwardRef(
color: tokens.active.foreground,
},
}
- : {};
+ : {}
return (
- );
+ )
}
diff --git a/design-system/website/pages/index.tsx b/design-system/website/pages/index.tsx
index 5d8dcef5687..426050a0cf3 100644
--- a/design-system/website/pages/index.tsx
+++ b/design-system/website/pages/index.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@keystone-ui/core';
+import { jsx } from '@keystone-ui/core'
-import { Page } from '../components/Page';
+import { Page } from '../components/Page'
export default function IndexPage() {
return (
@@ -12,5 +12,5 @@ export default function IndexPage() {
Keystone UI is the Design System for KeystoneJS.
Explore the links on the left to get to know the components included.
- );
+ )
}
diff --git a/design-system/website/pages/layout/box.tsx b/design-system/website/pages/layout/box.tsx
index bde7febc397..fcdbc6844e0 100644
--- a/design-system/website/pages/layout/box.tsx
+++ b/design-system/website/pages/layout/box.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, Box, useTheme } from '@keystone-ui/core';
+import { jsx, Box, useTheme } from '@keystone-ui/core'
-import { Page } from '../../components/Page';
-import { Code } from '../../components/Code';
+import { Page } from '../../components/Page'
+import { Code } from '../../components/Code'
export default function ThemePage() {
- const { palette } = useTheme();
+ const { palette } = useTheme()
return (
Box
@@ -34,5 +34,5 @@ export default function ThemePage() {
TODO
Add support for border properties, elevation, etc?
- );
+ )
}
diff --git a/design-system/website/pages/layout/center.tsx b/design-system/website/pages/layout/center.tsx
index 7c3f99c9dd1..e65818b8c5c 100644
--- a/design-system/website/pages/layout/center.tsx
+++ b/design-system/website/pages/layout/center.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, Box, useTheme, Center } from '@keystone-ui/core';
+import { jsx, Box, useTheme, Center } from '@keystone-ui/core'
-import { Page } from '../../components/Page';
-import { Code } from '../../components/Code';
+import { Page } from '../../components/Page'
+import { Code } from '../../components/Code'
export default function CenterPage() {
- const { palette } = useTheme();
+ const { palette } = useTheme()
return (
Center
@@ -29,5 +29,5 @@ export default function CenterPage() {
- );
+ )
}
diff --git a/design-system/website/pages/layout/stack.tsx b/design-system/website/pages/layout/stack.tsx
index 29ebc625df6..258ac3bda96 100644
--- a/design-system/website/pages/layout/stack.tsx
+++ b/design-system/website/pages/layout/stack.tsx
@@ -1,10 +1,10 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, Text, Stack } from '@keystone-ui/core';
+import { jsx, Text, Stack } from '@keystone-ui/core'
-import { Page } from '../../components/Page';
-import { Code } from '../../components/Code';
+import { Page } from '../../components/Page'
+import { Code } from '../../components/Code'
export default function ThemePage() {
return (
@@ -132,5 +132,5 @@ export default function ThemePage() {
- );
+ )
}
diff --git a/design-system/website/utils.ts b/design-system/website/utils.ts
index d9dab3aeb1f..36242c2c4ac 100644
--- a/design-system/website/utils.ts
+++ b/design-system/website/utils.ts
@@ -1,4 +1,4 @@
-export const toLabel = (str: string) => str.slice(0, 1).toUpperCase() + str.slice(1);
+export const toLabel = (str: string) => str.slice(0, 1).toUpperCase() + str.slice(1)
-const VOWELS = ['a', 'e', 'i', 'o', 'u'];
-export const aAn = (before: string) => `a${VOWELS.includes(before.charAt(0)) ? 'n' : ''}`;
+const VOWELS = ['a', 'e', 'i', 'o', 'u']
+export const aAn = (before: string) => `a${VOWELS.includes(before.charAt(0)) ? 'n' : ''}`
diff --git a/docs/components/Announce.tsx b/docs/components/Announce.tsx
index 666fdea931f..499543a6596 100644
--- a/docs/components/Announce.tsx
+++ b/docs/components/Announce.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes, ReactNode } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes, ReactNode } from 'react'
-import { Wrapper } from './primitives/Wrapper';
+import { Wrapper } from './primitives/Wrapper'
type AnnounceProps = {
children: ReactNode;
-} & HTMLAttributes;
+} & HTMLAttributes
export function Announce({ children, ...props }: AnnounceProps) {
return (
@@ -32,5 +32,5 @@ export function Announce({ children, ...props }: AnnounceProps) {
>
{children}
- );
+ )
}
diff --git a/docs/components/Breadcrumbs.tsx b/docs/components/Breadcrumbs.tsx
index b557ffa4bfd..514b605161d 100644
--- a/docs/components/Breadcrumbs.tsx
+++ b/docs/components/Breadcrumbs.tsx
@@ -1,26 +1,26 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { useRouter } from 'next/router';
-import { jsx } from '@emotion/react';
-import Link from 'next/link';
+import { useRouter } from 'next/router'
+import { jsx } from '@emotion/react'
+import Link from 'next/link'
-import { Type } from './primitives/Type';
+import { Type } from './primitives/Type'
-type Path = { title: string; href: string };
+type Path = { title: string; href: string }
export function Breadcrumbs() {
- const router = useRouter();
+ const router = useRouter()
// remove anchor and split path
- const linkPath = new URL(router.asPath, 'https://keystonejs.com').pathname.split('/');
- linkPath.shift();
+ const linkPath = new URL(router.asPath, 'https://keystonejs.com').pathname.split('/')
+ linkPath.shift()
const breadcrumbs = linkPath.map((path, i): Path => {
- return { title: path.replace(/-/g, ' '), href: '/' + linkPath.slice(0, i + 1).join('/') };
- });
+ return { title: path.replace(/-/g, ' '), href: '/' + linkPath.slice(0, i + 1).join('/') }
+ })
if (breadcrumbs.length < 2) {
- return null;
+ return null
}
return (
@@ -82,5 +82,5 @@ export function Breadcrumbs() {
))}
- );
+ )
}
diff --git a/docs/components/ContactForm.tsx b/docs/components/ContactForm.tsx
index eb127e6ebb2..19e9e646f0f 100644
--- a/docs/components/ContactForm.tsx
+++ b/docs/components/ContactForm.tsx
@@ -1,41 +1,41 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, useState, ReactNode, SyntheticEvent, HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import { Fragment, useState, ReactNode, SyntheticEvent, HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../lib/media';
-import { Button } from './primitives/Button';
-import { Field } from './primitives/Field';
-import { Stack } from './primitives/Stack';
-import { Type } from './primitives/Type';
+import { useMediaQuery } from '../lib/media'
+import { Button } from './primitives/Button'
+import { Field } from './primitives/Field'
+import { Stack } from './primitives/Stack'
+import { Type } from './primitives/Type'
const validEmail = (email: string) =>
/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(
email
- );
+ )
-const enquiryUrl = 'https://endpoints.thinkmill.com.au/enquiry';
+const enquiryUrl = 'https://endpoints.thinkmill.com.au/enquiry'
type ContactFormProps = {
autoFocus?: boolean;
children: ReactNode;
stacked?: boolean;
-} & HTMLAttributes;
+} & HTMLAttributes
export function ContactForm({ autoFocus, stacked, children, ...props }: ContactFormProps) {
- const [email, setEmail] = useState('');
- const [name, setName] = useState('');
- const [message, setMessage] = useState('');
- const [loading, setLoading] = useState(false);
- const [error, setError] = useState(null);
- const [formSubmitted, setFormSubmitted] = useState(false);
- const mq = useMediaQuery();
+ const [email, setEmail] = useState('')
+ const [name, setName] = useState('')
+ const [message, setMessage] = useState('')
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState(null)
+ const [formSubmitted, setFormSubmitted] = useState(false)
+ const mq = useMediaQuery()
const onSubmit = (event: SyntheticEvent) => {
- event.preventDefault();
- setError(null);
+ event.preventDefault()
+ setError(null)
// Basic validation check on the email?
- setLoading(true);
+ setLoading(true)
if (validEmail(email)) {
// if good post to Thinkmill endpoint
return fetch(enquiryUrl, {
@@ -57,25 +57,25 @@ export function ContactForm({ autoFocus, stacked, children, ...props }: ContactF
// any status that isn't 200 we assume is a failure
// which we want to surface to the user
res.json().then(({ error }) => {
- setError(error);
- setLoading(false);
- });
+ setError(error)
+ setLoading(false)
+ })
} else {
- setFormSubmitted(true);
+ setFormSubmitted(true)
}
})
.catch(err => {
// network errors or failed parse
- setError(err.toString());
- setLoading(false);
- });
+ setError(err.toString())
+ setLoading(false)
+ })
} else {
- setLoading(false);
+ setLoading(false)
// if email fails validation set error message
- setError('Please enter a valid email');
- return;
+ setError('Please enter a valid email')
+ return
}
- };
+ }
return !formSubmitted ? (
@@ -148,5 +148,5 @@ export function ContactForm({ autoFocus, stacked, children, ...props }: ContactF
) : (
❤️ Thank you for contacting us
- );
+ )
}
diff --git a/docs/components/Footer.tsx b/docs/components/Footer.tsx
index 5060ec72a5a..5da314ccf6d 100644
--- a/docs/components/Footer.tsx
+++ b/docs/components/Footer.tsx
@@ -1,17 +1,17 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import Link from 'next/link';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import Link from 'next/link'
+import { HTMLAttributes } from 'react'
-import { useMediaQuery } from '../lib/media';
-import { GitHubButton } from './primitives/GitHubButton';
-import { SubscribeForm } from './SubscribeForm';
-import { Wrapper } from './primitives/Wrapper';
-import { Keystone } from './icons/Keystone';
-import { Emoji } from './primitives/Emoji';
-import { Type } from './primitives/Type';
-import { Socials } from './Socials';
+import { useMediaQuery } from '../lib/media'
+import { GitHubButton } from './primitives/GitHubButton'
+import { SubscribeForm } from './SubscribeForm'
+import { Wrapper } from './primitives/Wrapper'
+import { Keystone } from './icons/Keystone'
+import { Emoji } from './primitives/Emoji'
+import { Type } from './primitives/Type'
+import { Socials } from './Socials'
function List(props: HTMLAttributes) {
return (
@@ -30,11 +30,11 @@ function List(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function Footer() {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
export function DocsFooter() {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/Header.tsx b/docs/components/Header.tsx
index 540212a99e5..4c2d794a52c 100644
--- a/docs/components/Header.tsx
+++ b/docs/components/Header.tsx
@@ -9,37 +9,37 @@ import {
useRef,
ReactNode,
RefObject,
-} from 'react';
-import { useRouter } from 'next/router';
-import { jsx } from '@emotion/react';
-import Link from 'next/link';
-import debounce from 'lodash.debounce';
+} from 'react'
+import { useRouter } from 'next/router'
+import { jsx } from '@emotion/react'
+import Link from 'next/link'
+import debounce from 'lodash.debounce'
-import { BREAK_POINTS } from '../lib/media';
-import { useMediaQuery } from '../lib/media';
-import { SearchField } from './primitives/SearchField';
-import { Highlight } from './primitives/Highlight';
-import { Wrapper } from './primitives/Wrapper';
-import { Hamburger } from './icons/Hamburger';
-import { Button } from './primitives/Button';
-import { NavItem } from './docs/Navigation';
-import { ThemeToggle } from './ThemeToggle';
-import { Keystone } from './icons/Keystone';
-import { MobileMenu } from './MobileMenu';
-import { GitHub } from './icons/GitHub';
-import { ArrowR } from './icons/ArrowR';
+import { BREAK_POINTS } from '../lib/media'
+import { useMediaQuery } from '../lib/media'
+import { SearchField } from './primitives/SearchField'
+import { Highlight } from './primitives/Highlight'
+import { Wrapper } from './primitives/Wrapper'
+import { Hamburger } from './icons/Hamburger'
+import { Button } from './primitives/Button'
+import { NavItem } from './docs/Navigation'
+import { ThemeToggle } from './ThemeToggle'
+import { Keystone } from './icons/Keystone'
+import { MobileMenu } from './MobileMenu'
+import { GitHub } from './icons/GitHub'
+import { ArrowR } from './icons/ArrowR'
// TODO: Add in search for mobile via this button
// import { Search } from './icons/Search';
-type HeaderContextType = { mobileNavIsOpen: boolean; desktopOpenState: number };
+type HeaderContextType = { mobileNavIsOpen: boolean; desktopOpenState: number }
const HeaderContext = createContext({
mobileNavIsOpen: false,
desktopOpenState: -1,
-});
-export const useHeaderContext = () => useContext(HeaderContext);
+})
+export const useHeaderContext = () => useContext(HeaderContext)
function Logo() {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
Keystone 6
- );
+ )
}
function useCurrentSection() {
- const { pathname } = useRouter();
- const check = (candidate: string) => pathname.startsWith(candidate);
- if (['/updates', '/releases'].some(check)) return '/updates';
- if (['/why-keystone', '/for-'].some(check)) return '/why-keystone';
- if (['/docs'].some(check)) return '/docs';
- if (['/blog'].some(check)) return '/blog';
+ const { pathname } = useRouter()
+ const check = (candidate: string) => pathname.startsWith(candidate)
+ if (['/updates', '/releases'].some(check)) return '/updates'
+ if (['/why-keystone', '/for-'].some(check)) return '/why-keystone'
+ if (['/docs'].some(check)) return '/docs'
+ if (['/blog'].some(check)) return '/blog'
}
function LinkItem({ children, href }: { children: ReactNode; href: string }) {
- const mq = useMediaQuery();
- const currentSection = useCurrentSection();
- const isActive = href === currentSection;
+ const mq = useMediaQuery()
+ const currentSection = useCurrentSection()
+ const isActive = href === currentSection
return (
@@ -101,7 +101,7 @@ function LinkItem({ children, href }: { children: ReactNode; href: string }) {
{children}
- );
+ )
}
function useClickOutside(ref: RefObject, cb: () => void) {
@@ -111,14 +111,14 @@ function useClickOutside(ref: RefObject, cb: () => void) {
*/
function handleClickOutside(event: MouseEvent) {
if (ref.current && !ref.current.contains(event.target as Node)) {
- cb();
+ cb()
}
}
- document.addEventListener('mousedown', handleClickOutside);
+ document.addEventListener('mousedown', handleClickOutside)
return () => {
- document.removeEventListener('mousedown', handleClickOutside);
- };
- }, [ref, cb]);
+ document.removeEventListener('mousedown', handleClickOutside)
+ }
+ }, [ref, cb])
}
function FlatMenu({
@@ -128,21 +128,21 @@ function FlatMenu({
label: string;
items: Array<{ label: string; href: string }>;
}) {
- const mq = useMediaQuery();
- const menuRef = useRef(null);
- const [showContent, setShowContent] = useState(false);
+ const mq = useMediaQuery()
+ const menuRef = useRef(null)
+ const [showContent, setShowContent] = useState(false)
const onClickHandler = useCallback(() => {
- setShowContent(b => !b);
- }, [setShowContent]);
+ setShowContent(b => !b)
+ }, [setShowContent])
const closeMenu = useCallback(() => {
if (showContent === true) {
- setShowContent(false);
+ setShowContent(false)
}
- }, [showContent, setShowContent]);
+ }, [showContent, setShowContent])
- useClickOutside(menuRef, closeMenu);
+ useClickOutside(menuRef, closeMenu)
return (
- );
+ )
})}
- );
+ )
}
export function Header() {
- const mq = useMediaQuery();
- const router = useRouter();
+ const mq = useMediaQuery()
+ const router = useRouter()
- const menuRef = useRef(null);
- const headerRef = useRef(null);
+ const menuRef = useRef(null)
+ const headerRef = useRef(null)
- const [mobileNavIsOpen, setMobileNavIsOpen] = useState(false);
- const [desktopOpenState, setDesktopOpenState] = useState(-1);
+ const [mobileNavIsOpen, setMobileNavIsOpen] = useState(false)
+ const [desktopOpenState, setDesktopOpenState] = useState(-1)
useEffect(() => {
const listener = () => {
- setMobileNavIsOpen(false);
- setDesktopOpenState(-1);
+ setMobileNavIsOpen(false)
+ setDesktopOpenState(-1)
const width = Math.max(
document.body.scrollWidth,
document.documentElement.scrollWidth,
document.body.offsetWidth,
document.documentElement.offsetWidth,
document.documentElement.clientWidth
- );
+ )
if (width > BREAK_POINTS.sm) {
- setDesktopOpenState(-1);
+ setDesktopOpenState(-1)
} else {
- setDesktopOpenState(-1);
+ setDesktopOpenState(-1)
}
- };
- window.addEventListener('resize', debounce(listener, 130));
+ }
+ window.addEventListener('resize', debounce(listener, 130))
return () => {
- window.removeEventListener('resize', debounce(listener, 130));
- };
- }, [setDesktopOpenState]);
+ window.removeEventListener('resize', debounce(listener, 130))
+ }
+ }, [setDesktopOpenState])
useEffect(() => {
- document.body.style.overflow = 'auto';
+ document.body.style.overflow = 'auto'
// search - init field
- let searchAttempt = 0;
+ let searchAttempt = 0
// @ts-ignore
- document.getElementById('search-field').disabled = true;
+ document.getElementById('search-field').disabled = true
const loadSearch = (searchAttempt: number) => {
// @ts-ignore
if (window.docsearch && searchAttempt < 10) {
// @ts-ignore
- document.getElementById('search-field').disabled = false;
+ document.getElementById('search-field').disabled = false
// @ts-ignore
window.docsearch({
appId: 'N3ZF861Q5G',
@@ -276,63 +276,63 @@ export function Header() {
facetFilters: ['tags:stable'],
},
transformData: (results: any) => {
- if (window.location.hostname == 'keystonejs.com') return results;
+ if (window.location.hostname == 'keystonejs.com') return results
return results.map((result: object) => {
// @ts-ignore
- result.url = result.url.replace('https://keystonejs.com', window.location.origin);
- return result;
- });
+ result.url = result.url.replace('https://keystonejs.com', window.location.origin)
+ return result
+ })
},
- });
+ })
} else if (searchAttempt >= 10) {
// @ts-ignore
- document.getElementById('search-field-container').style.visibility = 'hidden';
+ document.getElementById('search-field-container').style.visibility = 'hidden'
} else {
- setTimeout(() => loadSearch(searchAttempt++), 500);
+ setTimeout(() => loadSearch(searchAttempt++), 500)
}
- };
+ }
// yoo hooo
- loadSearch(searchAttempt);
+ loadSearch(searchAttempt)
// search - keyboard shortcut
- let keysPressed: { [key: KeyboardEvent['key']]: boolean } = {};
+ let keysPressed: { [key: KeyboardEvent['key']]: boolean } = {}
document.body.addEventListener('keydown', event => {
// If we're typing in an input, don't ever focus the search input
if (
document.activeElement &&
['TEXTAREA', 'INPUT'].includes(document.activeElement.nodeName)
) {
- return;
+ return
}
- keysPressed[event.key] = true;
+ keysPressed[event.key] = true
if (keysPressed['Meta'] && event.key == 'k') {
- event.preventDefault();
- document.getElementById('search-field')?.focus();
+ event.preventDefault()
+ document.getElementById('search-field')?.focus()
}
- });
+ })
document.body.addEventListener('keyup', event => {
- delete keysPressed[event.key];
- });
- }, []);
+ delete keysPressed[event.key]
+ })
+ }, [])
const handleOpen = useCallback(() => {
- setMobileNavIsOpen(true);
- document.body.style.overflow = 'hidden';
- document.getElementById('mobile-menu-close-btn')?.focus();
- }, []);
+ setMobileNavIsOpen(true)
+ document.body.style.overflow = 'hidden'
+ document.getElementById('mobile-menu-close-btn')?.focus()
+ }, [])
const handleClose = useCallback(() => {
- setMobileNavIsOpen(false);
- document.body.style.overflow = 'auto';
- document.getElementById('skip-link-navigation-btn')?.focus();
- }, []);
+ setMobileNavIsOpen(false)
+ document.body.style.overflow = 'auto'
+ document.getElementById('skip-link-navigation-btn')?.focus()
+ }, [])
useEffect(() => {
- router.events.on('routeChangeComplete', handleClose);
+ router.events.on('routeChangeComplete', handleClose)
return () => {
- router.events.off('routeChangeComplete', handleClose);
- };
- }, [router.events, handleClose]);
+ router.events.off('routeChangeComplete', handleClose)
+ }
+ }, [router.events, handleClose])
return (
@@ -491,5 +491,5 @@ export function Header() {
- );
+ )
}
diff --git a/docs/components/Markdoc.tsx b/docs/components/Markdoc.tsx
index 627575ee36f..a5bd81f13f9 100644
--- a/docs/components/Markdoc.tsx
+++ b/docs/components/Markdoc.tsx
@@ -1,13 +1,13 @@
-import React, { ElementType, ReactNode } from 'react';
-import type { RenderableTreeNodes, Scalar, RenderableTreeNode, Tag } from '@markdoc/markdoc';
-import { isTag } from '../markdoc/isTag';
-import { Code, InlineCode } from './primitives/Code';
-import { Heading } from './docs/Heading';
-import { RelatedContent } from './RelatedContent';
-import { Well } from './primitives/Well';
-import { YouTubeEmbed } from './primitives/YouTubeEmbed';
-import { Emoji } from './primitives/Emoji';
-import { ComingSoon } from './docs/ComingSoon';
+import React, { ElementType, ReactNode } from 'react'
+import type { RenderableTreeNodes, Scalar, RenderableTreeNode, Tag } from '@markdoc/markdoc'
+import { isTag } from '../markdoc/isTag'
+import { Code, InlineCode } from './primitives/Code'
+import { Heading } from './docs/Heading'
+import { RelatedContent } from './RelatedContent'
+import { Well } from './primitives/Well'
+import { YouTubeEmbed } from './primitives/YouTubeEmbed'
+import { Emoji } from './primitives/Emoji'
+import { ComingSoon } from './docs/ComingSoon'
const renderers: Record = {
code: InlineCode,
@@ -16,7 +16,7 @@ const renderers: Record = {
{props.content}
- );
+ )
},
ComingSoon,
Emoji,
@@ -24,9 +24,9 @@ const renderers: Record = {
YouTubeEmbed,
RelatedContent,
Heading(props: { children: ReactNode; level: 1 | 2 | 3 | 4 | 5 | 6; id: string }) {
- return ;
+ return
},
-};
+}
// inlined from markdoc because
// - it's so trivial to write
@@ -34,22 +34,22 @@ const renderers: Record = {
// - to avoid bundling all of markdoc on the front-end
export function Markdoc(props: { content: RenderableTreeNodes }) {
function deepRender(value: any): any {
- if (value == null || typeof value !== 'object') return value;
+ if (value == null || typeof value !== 'object') return value
- if (Array.isArray(value)) return value.map(item => deepRender(item));
+ if (Array.isArray(value)) return value.map(item => deepRender(item))
- if (value.$$mdtype === 'Tag') return render(value);
+ if (value.$$mdtype === 'Tag') return render(value)
- if (typeof value !== 'object') return value;
+ if (typeof value !== 'object') return value
- const output: Record = {};
- for (const [k, v] of Object.entries(value)) output[k] = deepRender(v);
- return output;
+ const output: Record = {}
+ for (const [k, v] of Object.entries(value)) output[k] = deepRender(v)
+ return output
}
function render(node: RenderableTreeNodes): ReactNode {
if (Array.isArray(node)) {
- return React.createElement(React.Fragment, null, ...node.map(render));
+ return React.createElement(React.Fragment, null, ...node.map(render))
}
if (
@@ -58,19 +58,19 @@ export function Markdoc(props: { content: RenderableTreeNodes }) {
typeof node === 'boolean' ||
node === null
) {
- return node;
+ return node
}
- if (!isTag(node)) return null;
+ if (!isTag(node)) return null
- const { name, attributes: { class: className, ...attrs } = {}, children = [] } = node;
+ const { name, attributes: { class: className, ...attrs } = {}, children = [] } = node
- if (className) attrs.className = className;
- let elementType = renderers[name];
+ if (className) attrs.className = className
+ let elementType = renderers[name]
if (elementType === undefined) {
if (name[0].toLowerCase() === name[0]) {
- elementType = name as ElementType;
+ elementType = name as ElementType
} else {
- throw new Error(`No renderer provided for element type: ${name}`);
+ throw new Error(`No renderer provided for element type: ${name}`)
}
}
@@ -78,41 +78,41 @@ export function Markdoc(props: { content: RenderableTreeNodes }) {
elementType,
Object.keys(attrs).length == 0 ? null : deepRender(attrs),
...children.map(render)
- );
+ )
}
- return render(props.content) as JSX.Element;
+ return render(props.content) as JSX.Element
}
export type HeadingType = {
id: string;
depth: number;
label: string;
-};
+}
export function extractHeadings(content: Tag): HeadingType[] {
- const headings: HeadingType[] = [];
+ const headings: HeadingType[] = []
for (const child of content.children) {
if (isTag(child) && child.name === 'Heading') {
headings.push({
id: child.attributes.id,
depth: child.attributes.level,
label: stringifyDocContent(child),
- });
+ })
}
}
- return headings;
+ return headings
}
function stringifyDocContent(node: RenderableTreeNode): string {
if (typeof node === 'string') {
- return node;
+ return node
}
if (Array.isArray(node)) {
- return node.map(stringifyDocContent).join('');
+ return node.map(stringifyDocContent).join('')
}
if (!isTag(node)) {
- return '';
+ return ''
}
- return node.children.map(stringifyDocContent).join('');
+ return node.children.map(stringifyDocContent).join('')
}
diff --git a/docs/components/MobileMenu.tsx b/docs/components/MobileMenu.tsx
index 7675ffb2ad4..268dcc1493b 100644
--- a/docs/components/MobileMenu.tsx
+++ b/docs/components/MobileMenu.tsx
@@ -1,37 +1,37 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import Link from 'next/link';
+import { jsx } from '@emotion/react'
+import Link from 'next/link'
// import { useRouter } from 'next/router';
-import { Fragment, useEffect, ReactNode, MouseEvent } from 'react';
-import FocusLock from 'react-focus-lock';
+import { Fragment, useEffect, ReactNode, MouseEvent } from 'react'
+import FocusLock from 'react-focus-lock'
-import { useHeaderContext } from './Header';
-import { Highlight } from './primitives/Highlight';
+import { useHeaderContext } from './Header'
+import { Highlight } from './primitives/Highlight'
-import { DocsNavigation, NavItem } from './docs/Navigation';
-import { Keystone } from './icons/Keystone';
-import { Close } from './icons/Close';
+import { DocsNavigation, NavItem } from './docs/Navigation'
+import { Keystone } from './icons/Keystone'
+import { Close } from './icons/Close'
type MobileMenuProps = {
handleClose: (e?: MouseEvent) => void;
-};
+}
export function MobileMenu({ handleClose }: MobileMenuProps) {
- const { mobileNavIsOpen } = useHeaderContext();
+ const { mobileNavIsOpen } = useHeaderContext()
useEffect(() => {
const handleEsc = ({ keyCode }: KeyboardEvent) => {
if (keyCode === 27 && mobileNavIsOpen) {
- handleClose();
+ handleClose()
}
- };
+ }
- document.body.addEventListener('keydown', handleEsc);
+ document.body.addEventListener('keydown', handleEsc)
return () => {
- document.body.removeEventListener('keydown', handleEsc);
- };
- }, [mobileNavIsOpen, handleClose]);
+ document.body.removeEventListener('keydown', handleEsc)
+ }
+ }, [mobileNavIsOpen, handleClose])
return (
@@ -72,13 +72,13 @@ export function MobileMenu({ handleClose }: MobileMenuProps) {
- );
+ )
}
type NavContainerProps = {
children: ReactNode;
mobileNavIsOpen: boolean;
-};
+}
function NavContainer({ mobileNavIsOpen, children }: NavContainerProps) {
return (
@@ -104,13 +104,13 @@ function NavContainer({ mobileNavIsOpen, children }: NavContainerProps) {
>
{children}
- );
+ )
}
type NavHeaderProps = {
handleClose: (e?: MouseEvent) => void;
mobileNavIsOpen: boolean;
-};
+}
function NavHeader({ handleClose, mobileNavIsOpen }: NavHeaderProps) {
return (
@@ -159,7 +159,7 @@ function NavHeader({ handleClose, mobileNavIsOpen }: NavHeaderProps) {
- );
+ )
}
function Overlay({ handleClose, mobileNavIsOpen }: NavHeaderProps) {
@@ -190,5 +190,5 @@ function Overlay({ handleClose, mobileNavIsOpen }: NavHeaderProps) {
}
}
/>
- );
+ )
}
diff --git a/docs/components/Page.tsx b/docs/components/Page.tsx
index 2acb3c70309..e3cc174433c 100644
--- a/docs/components/Page.tsx
+++ b/docs/components/Page.tsx
@@ -1,20 +1,20 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { useRef, Fragment, ReactNode } from 'react';
-import { useRouter } from 'next/router';
-import { jsx } from '@emotion/react';
-import Head from 'next/head';
+import { useRef, Fragment, ReactNode } from 'react'
+import { useRouter } from 'next/router'
+import { jsx } from '@emotion/react'
+import Head from 'next/head'
-import { useMediaQuery } from '../lib/media';
-import { TableOfContents } from './docs/TableOfContents';
-import { Wrapper } from './primitives/Wrapper';
-import { EditButton } from './primitives/EditButton';
-import { Breadcrumbs } from './Breadcrumbs';
-import { Sidebar } from './docs/Sidebar';
-import { Stack } from './primitives/Stack';
-import { Header } from './Header';
-import { Footer, DocsFooter } from './Footer';
-import { HeadingType } from './Markdoc';
+import { useMediaQuery } from '../lib/media'
+import { TableOfContents } from './docs/TableOfContents'
+import { Wrapper } from './primitives/Wrapper'
+import { EditButton } from './primitives/EditButton'
+import { Breadcrumbs } from './Breadcrumbs'
+import { Sidebar } from './docs/Sidebar'
+import { Stack } from './primitives/Stack'
+import { Header } from './Header'
+import { Footer, DocsFooter } from './Footer'
+import { HeadingType } from './Markdoc'
function OpenGraph({
title,
@@ -25,9 +25,9 @@ function OpenGraph({
description: string;
ogImage?: string;
}) {
- const siteUrl = process.env.siteUrl;
+ const siteUrl = process.env.siteUrl
if (!ogImage) {
- ogImage = `${siteUrl}/og-image-landscape.png`;
+ ogImage = `${siteUrl}/og-image-landscape.png`
}
return (
@@ -43,10 +43,10 @@ function OpenGraph({
- );
+ )
}
-const pagesWithUpdatesSidebar = ['/updates'];
+const pagesWithUpdatesSidebar = ['/updates']
export function DocsPage({
children,
headings = [],
@@ -68,12 +68,12 @@ export function DocsPage({
isIndexPage?: boolean;
editPath?: string;
}) {
- const contentRef = useRef(null);
- const mq = useMediaQuery();
- const { pathname } = useRouter();
- const isUpdatesPage = pagesWithUpdatesSidebar.some(p => pathname.startsWith(p));
+ const contentRef = useRef(null)
+ const mq = useMediaQuery()
+ const { pathname } = useRouter()
+ const isUpdatesPage = pagesWithUpdatesSidebar.some(p => pathname.startsWith(p))
- const metaTitle = title ? `${title} - Keystone 6 Documentation` : `Keystone 6 Documentation`;
+ const metaTitle = title ? `${title} - Keystone 6 Documentation` : `Keystone 6 Documentation`
return (
@@ -141,7 +141,7 @@ export function DocsPage({
- );
+ )
}
export function BlogPage({
@@ -163,11 +163,11 @@ export function BlogPage({
isIndexPage?: boolean;
editPath?: string;
}) {
- const contentRef = useRef(null);
- const mq = useMediaQuery();
- const { pathname } = useRouter();
+ const contentRef = useRef(null)
+ const mq = useMediaQuery()
+ const { pathname } = useRouter()
- const metaTitle = title ? `${title} | Keystone Blog` : `Keystone Blog`;
+ const metaTitle = title ? `${title} | Keystone Blog` : `Keystone Blog`
return (
@@ -235,7 +235,7 @@ export function BlogPage({
- );
+ )
}
export function Page({
@@ -249,7 +249,7 @@ export function Page({
description: string;
ogImage?: string;
}) {
- const metaTitle = title ? `${title} - Keystone 6` : `Keystone 6`;
+ const metaTitle = title ? `${title} - Keystone 6` : `Keystone 6`
return (
@@ -267,5 +267,5 @@ export function Page({
- );
+ )
}
diff --git a/docs/components/RelatedContent.tsx b/docs/components/RelatedContent.tsx
index bc66f26777e..5e2514a42b4 100644
--- a/docs/components/RelatedContent.tsx
+++ b/docs/components/RelatedContent.tsx
@@ -1,12 +1,12 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { ReactNode } from 'react';
+import { jsx } from '@emotion/react'
+import { ReactNode } from 'react'
-import { useMediaQuery } from '../lib/media';
+import { useMediaQuery } from '../lib/media'
export function RelatedContent({ children }: { children: ReactNode }) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
{children}
- );
+ )
}
diff --git a/docs/components/SkipLinks.tsx b/docs/components/SkipLinks.tsx
index 6a0056727c8..bdd97b18850 100644
--- a/docs/components/SkipLinks.tsx
+++ b/docs/components/SkipLinks.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { AnchorHTMLAttributes, Fragment, useCallback } from 'react';
+import { jsx } from '@emotion/react'
+import { AnchorHTMLAttributes, Fragment, useCallback } from 'react'
-import { useMediaQuery } from '../lib/media';
+import { useMediaQuery } from '../lib/media'
function SkipLink(props: AnchorHTMLAttributes) {
return (
@@ -25,19 +25,19 @@ function SkipLink(props: AnchorHTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function SkipLinks() {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
const skip = useCallback(
() => () => {
- const skipTarget = document.getElementById('skip-link-navigation-btn');
- skipTarget?.focus();
+ const skipTarget = document.getElementById('skip-link-navigation-btn')
+ skipTarget?.focus()
},
[]
- );
+ )
return (
@@ -60,5 +60,5 @@ export function SkipLinks() {
Skip to Content
- );
+ )
}
diff --git a/docs/components/Socials.tsx b/docs/components/Socials.tsx
index ad715c6e70d..2e268680f28 100644
--- a/docs/components/Socials.tsx
+++ b/docs/components/Socials.tsx
@@ -1,11 +1,11 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
-import { Twitter } from './icons/Twitter';
+import { Twitter } from './icons/Twitter'
// import { YouTube } from './icons/YouTube';
-import { Slack } from './icons/Slack';
+import { Slack } from './icons/Slack'
export function Socials(props: HTMLAttributes) {
return (
@@ -87,5 +87,5 @@ export function Socials(props: HTMLAttributes) {
*/}
- );
+ )
}
diff --git a/docs/components/SubscribeForm.tsx b/docs/components/SubscribeForm.tsx
index 46c10ae5183..86db92fcb26 100644
--- a/docs/components/SubscribeForm.tsx
+++ b/docs/components/SubscribeForm.tsx
@@ -1,40 +1,40 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, useState, ReactNode, SyntheticEvent, HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import { Fragment, useState, ReactNode, SyntheticEvent, HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../lib/media';
-import { Button } from './primitives/Button';
-import { Field } from './primitives/Field';
-import { Stack } from './primitives/Stack';
+import { useMediaQuery } from '../lib/media'
+import { Button } from './primitives/Button'
+import { Field } from './primitives/Field'
+import { Stack } from './primitives/Stack'
const validEmail = (email: string) =>
/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(
email
- );
+ )
-const signupURL = 'https://signup.keystonejs.cloud/api/newsletter-signup';
+const signupURL = 'https://signup.keystonejs.cloud/api/newsletter-signup'
type SubscriptFormProps = {
autoFocus?: boolean;
children: ReactNode;
stacked?: boolean;
-} & HTMLAttributes;
+} & HTMLAttributes
export function SubscribeForm({ autoFocus, stacked, children, ...props }: SubscriptFormProps) {
- const [email, setEmail] = useState('');
- const [loading, setLoading] = useState(false);
- const [error, setError] = useState(null);
- const [formSubmitted, setFormSubmitted] = useState(false);
- const mq = useMediaQuery();
+ const [email, setEmail] = useState('')
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState(null)
+ const [formSubmitted, setFormSubmitted] = useState(false)
+ const mq = useMediaQuery()
const onSubmit = (event: SyntheticEvent) => {
- event.preventDefault();
- setError(null);
+ event.preventDefault()
+ setError(null)
// Check if user wants to subscribe.
// and there's a valid email address.
// Basic validation check on the email?
- setLoading(true);
+ setLoading(true)
if (validEmail(email)) {
// if good add email to mailing list
// and redirect to dashboard.
@@ -54,25 +54,25 @@ export function SubscribeForm({ autoFocus, stacked, children, ...props }: Subscr
// any status that isn't 200 we assume is a failure
// which we want to surface to the user
res.json().then(({ error }) => {
- setError(error);
- setLoading(false);
- });
+ setError(error)
+ setLoading(false)
+ })
} else {
- setFormSubmitted(true);
+ setFormSubmitted(true)
}
})
.catch(err => {
// network errors or failed parse
- setError(err.toString());
- setLoading(false);
- });
+ setError(err.toString())
+ setLoading(false)
+ })
} else {
- setLoading(false);
+ setLoading(false)
// if email fails validation set error message
- setError('Please enter a valid email');
- return;
+ setError('Please enter a valid email')
+ return
}
- };
+ }
return !formSubmitted ? (
@@ -106,5 +106,5 @@ export function SubscribeForm({ autoFocus, stacked, children, ...props }: Subscr
) : (
❤️ Thank you for subscribing!
- );
+ )
}
diff --git a/docs/components/Theme.tsx b/docs/components/Theme.tsx
index e7eb93f4a9d..ea383e65eff 100644
--- a/docs/components/Theme.tsx
+++ b/docs/components/Theme.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, Global } from '@emotion/react';
+import { jsx, Global } from '@emotion/react'
-import { COLORS, SPACE, TYPE, TYPESCALE } from '../lib/TOKENS';
+import { COLORS, SPACE, TYPE, TYPESCALE } from '../lib/TOKENS'
export function Theme() {
return (
@@ -18,5 +18,5 @@ export function Theme() {
},
}}
/>
- );
+ )
}
diff --git a/docs/components/ThemeToggle.tsx b/docs/components/ThemeToggle.tsx
index b48a73b9a24..d012f344b76 100644
--- a/docs/components/ThemeToggle.tsx
+++ b/docs/components/ThemeToggle.tsx
@@ -1,18 +1,18 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Fragment, useState, useEffect, HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import { Fragment, useState, useEffect, HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { COLORS } from '../lib/TOKENS';
-import { LightMode } from './icons/LightMode';
-import { DarkMode } from './icons/DarkMode';
+import { COLORS } from '../lib/TOKENS'
+import { LightMode } from './icons/LightMode'
+import { DarkMode } from './icons/DarkMode'
function ModeIcon({ theme }: { theme: 'light' | 'dark' }) {
if (theme === 'dark') {
- return ;
+ return
}
- return ;
+ return
}
export function ThemeToggle(props: HTMLAttributes) {
@@ -22,23 +22,23 @@ export function ThemeToggle(props: HTMLAttributes) {
even if the theme is dark mode based on system preference.
So we render the toggle only on the client
*/
- const [theme, setTheme] = useState(null);
+ const [theme, setTheme] = useState(null)
useEffect(() => {
- const currentTheme = document.documentElement.getAttribute('data-theme') as 'light' | 'dark';
- setTheme(currentTheme);
- }, [setTheme]);
+ const currentTheme = document.documentElement.getAttribute('data-theme') as 'light' | 'dark'
+ setTheme(currentTheme)
+ }, [setTheme])
const handleThemeChange = () => {
- const newTheme = theme === 'dark' ? 'light' : 'dark';
+ const newTheme = theme === 'dark' ? 'light' : 'dark'
if (newTheme === 'dark') {
- document.documentElement.setAttribute('data-theme', 'dark');
+ document.documentElement.setAttribute('data-theme', 'dark')
} else {
- document.documentElement.setAttribute('data-theme', 'light');
+ document.documentElement.setAttribute('data-theme', 'light')
}
- setTheme(newTheme);
- localStorage.setItem('theme', newTheme);
- };
+ setTheme(newTheme)
+ localStorage.setItem('theme', newTheme)
+ }
return (
@@ -67,5 +67,5 @@ export function ThemeToggle(props: HTMLAttributes) {
{theme === null ? : }
- );
+ )
}
diff --git a/docs/components/content/AdvancedReactCta.tsx b/docs/components/content/AdvancedReactCta.tsx
index 08a6b450463..1926b1bd9ae 100644
--- a/docs/components/content/AdvancedReactCta.tsx
+++ b/docs/components/content/AdvancedReactCta.tsx
@@ -1,20 +1,20 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
-import Image from 'next/image';
+import type { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
+import Image from 'next/image'
-import wesBosCta from '../../public/assets/wesbos-cta.jpg';
+import wesBosCta from '../../public/assets/wesbos-cta.jpg'
-import { useMediaQuery } from '../../lib/media';
-import { Button } from '../primitives/Button';
-import { Type } from '../primitives/Type';
-import { ArrowR } from '../icons/ArrowR';
-import { Tick } from '../icons/Tick';
-import { Section } from './Section';
+import { useMediaQuery } from '../../lib/media'
+import { Button } from '../primitives/Button'
+import { Type } from '../primitives/Type'
+import { ArrowR } from '../icons/ArrowR'
+import { Tick } from '../icons/Tick'
+import { Section } from './Section'
export function AdvancedReactCta(props: HTMLAttributes) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/content/CodeBox.tsx b/docs/components/content/CodeBox.tsx
index 83f06f9349c..52873a614ce 100644
--- a/docs/components/content/CodeBox.tsx
+++ b/docs/components/content/CodeBox.tsx
@@ -1,32 +1,32 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { HTMLAttributes, useEffect, useState } from 'react';
-import { jsx } from '@emotion/react';
-import copy from 'clipboard-copy';
+import { HTMLAttributes, useEffect, useState } from 'react'
+import { jsx } from '@emotion/react'
+import copy from 'clipboard-copy'
-import { CheckIcon } from '@keystone-ui/icons/icons/CheckIcon';
-import { Copy } from '../icons/Copy';
+import { CheckIcon } from '@keystone-ui/icons/icons/CheckIcon'
+import { Copy } from '../icons/Copy'
type CodeBoxProps = {
code: string;
-} & HTMLAttributes;
+} & HTMLAttributes
export function CodeBox({ code, ...props }: CodeBoxProps) {
- const [didJustCopy, setDidJustCopy] = useState(false);
+ const [didJustCopy, setDidJustCopy] = useState(false)
useEffect(() => {
if (didJustCopy) {
- const timeout = setTimeout(() => setDidJustCopy(false), 1000);
- return () => clearTimeout(timeout);
+ const timeout = setTimeout(() => setDidJustCopy(false), 1000)
+ return () => clearTimeout(timeout)
}
- }, [didJustCopy]);
+ }, [didJustCopy])
const handleCopy = async () => {
try {
- await copy(code);
- setDidJustCopy(true);
+ await copy(code)
+ setDidJustCopy(true)
// we don't want to do anything if the copy fails
} catch {}
- };
+ }
return (
: }
- );
+ )
}
diff --git a/docs/components/content/CodeWindow.tsx b/docs/components/content/CodeWindow.tsx
index dbaa5027f55..22093a266a8 100644
--- a/docs/components/content/CodeWindow.tsx
+++ b/docs/components/content/CodeWindow.tsx
@@ -1,15 +1,15 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import type { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../../lib/media';
+import { useMediaQuery } from '../../lib/media'
const codeFontStyle = {
fontSize: 13,
lineHeight: 1.6,
fontFamily: 'var(--font-mono)',
-};
+}
function MenuBtn(props: HTMLAttributes) {
return (
@@ -24,7 +24,7 @@ function MenuBtn(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function WindowWrapper(props: HTMLAttributes) {
@@ -37,7 +37,7 @@ export function WindowWrapper(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function WindowL(props: HTMLAttributes) {
@@ -50,7 +50,7 @@ export function WindowL(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function WindowR(props: HTMLAttributes) {
@@ -65,15 +65,15 @@ export function WindowR(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
type CodeWindowProps = {
lines: number;
-} & HTMLAttributes;
+} & HTMLAttributes
export function CodeWindow({ lines = 1, children, ...props }: CodeWindowProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/content/CommunityCta.tsx b/docs/components/content/CommunityCta.tsx
index cdc78e7b246..44851b630e8 100644
--- a/docs/components/content/CommunityCta.tsx
+++ b/docs/components/content/CommunityCta.tsx
@@ -1,20 +1,20 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
-import Image from 'next/image';
+import type { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
+import Image from 'next/image'
-import communityMap from '../../public/assets/community-map.png';
+import communityMap from '../../public/assets/community-map.png'
-import { useMediaQuery } from '../../lib/media';
-import { Button } from '../primitives/Button';
-import { Type } from '../primitives/Type';
-import { ArrowR } from '../icons/ArrowR';
-import { Tick } from '../icons/Tick';
-import { Section } from './Section';
+import { useMediaQuery } from '../../lib/media'
+import { Button } from '../primitives/Button'
+import { Type } from '../primitives/Type'
+import { ArrowR } from '../icons/ArrowR'
+import { Tick } from '../icons/Tick'
+import { Section } from './Section'
export function CommunityCta(props: HTMLAttributes) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/content/CustomerCard.tsx b/docs/components/content/CustomerCard.tsx
index 0766312cb99..cac930d4be0 100644
--- a/docs/components/content/CustomerCard.tsx
+++ b/docs/components/content/CustomerCard.tsx
@@ -1,16 +1,16 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import type { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { Type } from '../primitives/Type';
-import { IconProps } from '../icons/util';
+import { Type } from '../primitives/Type'
+import { IconProps } from '../icons/util'
type CustomerCardProps = {
icon: (props: IconProps) => JSX.Element;
title: string;
accessibleTitle?: string;
-} & HTMLAttributes;
+} & HTMLAttributes
export function CustomerCard({
icon: Icon,
@@ -42,5 +42,5 @@ export function CustomerCard({
{children}
- );
+ )
}
diff --git a/docs/components/content/EndCta.tsx b/docs/components/content/EndCta.tsx
index 6f51fc41447..d4df4c93d0c 100644
--- a/docs/components/content/EndCta.tsx
+++ b/docs/components/content/EndCta.tsx
@@ -1,23 +1,23 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
-import { Highlight } from '../primitives/Highlight';
-import { Button } from '../primitives/Button';
-import { Type } from '../primitives/Type';
-import { ArrowR } from '../icons/ArrowR';
-import { useMediaQuery } from '../../lib/media';
-import { Tick } from '../icons/Tick';
-import { CodeBox } from './CodeBox';
-import { Section } from './Section';
+import { Highlight } from '../primitives/Highlight'
+import { Button } from '../primitives/Button'
+import { Type } from '../primitives/Type'
+import { ArrowR } from '../icons/ArrowR'
+import { useMediaQuery } from '../../lib/media'
+import { Tick } from '../icons/Tick'
+import { CodeBox } from './CodeBox'
+import { Section } from './Section'
type EndCtaProps = {
grad?: 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5';
-} & HTMLAttributes;
+} & HTMLAttributes
export function EndCta({ grad = 'grad1', ...props }: EndCtaProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/content/Intro.tsx b/docs/components/content/Intro.tsx
index 4efa0a75260..a339af31004 100644
--- a/docs/components/content/Intro.tsx
+++ b/docs/components/content/Intro.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { Type } from '../primitives/Type';
+import { Type } from '../primitives/Type'
export function IntroWrapper(props: HTMLAttributes) {
return (
@@ -15,7 +15,7 @@ export function IntroWrapper(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function IntroHeading(props: HTMLAttributes) {
@@ -30,7 +30,7 @@ export function IntroHeading(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
export function IntroLead(props: HTMLAttributes) {
@@ -44,5 +44,5 @@ export function IntroLead(props: HTMLAttributes) {
}}
{...props}
/>
- );
+ )
}
diff --git a/docs/components/content/MWrapper.tsx b/docs/components/content/MWrapper.tsx
index dfbfae84f78..0caf2b9ad18 100644
--- a/docs/components/content/MWrapper.tsx
+++ b/docs/components/content/MWrapper.tsx
@@ -1,16 +1,16 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { ElementType, HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import type { ElementType, HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../../lib/media';
+import { useMediaQuery } from '../../lib/media'
type MWrapperProps = {
as?: ElementType;
-} & HTMLAttributes;
+} & HTMLAttributes
export function MWrapper({ as: Tag = 'div', ...props }: MWrapperProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/content/Pill.tsx b/docs/components/content/Pill.tsx
index 91ad05d9c47..eee90353825 100644
--- a/docs/components/content/Pill.tsx
+++ b/docs/components/content/Pill.tsx
@@ -1,11 +1,11 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
type PillProps = {
grad?: 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5' | 'grad6';
-} & HTMLAttributes;
+} & HTMLAttributes
export function Pill({ grad = 'grad1', ...props }: PillProps) {
return (
@@ -34,5 +34,5 @@ export function Pill({ grad = 'grad1', ...props }: PillProps) {
}}
{...props}
/>
- );
+ )
}
diff --git a/docs/components/content/PillCta.tsx b/docs/components/content/PillCta.tsx
index 7afbfa7cdc2..71fea12dff1 100644
--- a/docs/components/content/PillCta.tsx
+++ b/docs/components/content/PillCta.tsx
@@ -1,15 +1,15 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
-import { useMediaQuery } from '../../lib/media';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
+import { useMediaQuery } from '../../lib/media'
type PillCtaProps = {
grad?: 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5' | 'grad6';
-} & HTMLAttributes;
+} & HTMLAttributes
export function PillCta({ grad = 'grad1', children, ...props }: PillCtaProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
{children}
- );
+ )
}
diff --git a/docs/components/content/Quote.tsx b/docs/components/content/Quote.tsx
index 97db9a65f03..fc0b493cc5a 100644
--- a/docs/components/content/Quote.tsx
+++ b/docs/components/content/Quote.tsx
@@ -1,22 +1,22 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
-import { useMediaQuery } from '../../lib/media';
-import { Quote as QuoteIcon } from '../icons/Quote';
-import { Type } from '../primitives/Type';
-import { Section } from './Section';
+import { useMediaQuery } from '../../lib/media'
+import { Quote as QuoteIcon } from '../icons/Quote'
+import { Type } from '../primitives/Type'
+import { Section } from './Section'
type QuoteProps = {
name: string;
title?: string;
img: any;
grad?: 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5' | 'grad6';
-} & HTMLAttributes;
+} & HTMLAttributes
export function Quote({ name, title, img, grad, children, ...props }: QuoteProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
@@ -70,5 +70,5 @@ export function Quote({ name, title, img, grad, children, ...props }: QuoteProps
- );
+ )
}
diff --git a/docs/components/content/Section.tsx b/docs/components/content/Section.tsx
index 104330c1426..700663e47a3 100644
--- a/docs/components/content/Section.tsx
+++ b/docs/components/content/Section.tsx
@@ -1,12 +1,12 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import type { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../../lib/media';
+import { useMediaQuery } from '../../lib/media'
export function Section(props: HTMLAttributes) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
) {
})}
{...props}
/>
- );
+ )
}
type SideBySideSectionProps = {
reverse?: boolean;
-} & HTMLAttributes;
+} & HTMLAttributes
export function SideBySideSection({ reverse, children, ...props }: SideBySideSectionProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/content/TweetBox.tsx b/docs/components/content/TweetBox.tsx
index 8af5af75ac5..3c33c55b9e2 100644
--- a/docs/components/content/TweetBox.tsx
+++ b/docs/components/content/TweetBox.tsx
@@ -1,16 +1,16 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
+import type { HTMLAttributes } from 'react'
+import { jsx } from '@emotion/react'
-import { Type } from '../primitives/Type';
-import { Quote } from '../icons/Quote';
+import { Type } from '../primitives/Type'
+import { Quote } from '../icons/Quote'
type TweetBoxProps = {
user: string;
img: string;
grad: 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5';
-} & HTMLAttributes;
+} & HTMLAttributes
export function TweetBox({ user, img, grad, children, ...props }: TweetBoxProps) {
return (
@@ -58,5 +58,5 @@ export function TweetBox({ user, img, grad, children, ...props }: TweetBoxProps)
@{user}
- );
+ )
}
diff --git a/docs/components/docs/ComingSoon.tsx b/docs/components/docs/ComingSoon.tsx
index 1bac565e554..3f922a80bf1 100644
--- a/docs/components/docs/ComingSoon.tsx
+++ b/docs/components/docs/ComingSoon.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Alert } from '../primitives/Alert';
+import { Alert } from '../primitives/Alert'
export function ComingSoon() {
return (
@@ -15,5 +15,5 @@ export function ComingSoon() {
We've planned this page but not had a chance to write it yet.
- );
+ )
}
diff --git a/docs/components/docs/CommunitySlackCTA.tsx b/docs/components/docs/CommunitySlackCTA.tsx
index dbc7cbd8119..0bf69c46be0 100644
--- a/docs/components/docs/CommunitySlackCTA.tsx
+++ b/docs/components/docs/CommunitySlackCTA.tsx
@@ -1,10 +1,10 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Alert } from '../primitives/Alert';
-import { Button } from '../primitives/Button';
-import { ArrowR } from '../icons/ArrowR';
+import { Alert } from '../primitives/Alert'
+import { Button } from '../primitives/Button'
+import { ArrowR } from '../icons/ArrowR'
export function CommunitySlackCTA() {
return (
@@ -28,5 +28,5 @@ export function CommunitySlackCTA() {
Community Slack
- );
+ )
}
diff --git a/docs/components/docs/CopyToClipboard.tsx b/docs/components/docs/CopyToClipboard.tsx
index 591eb68b568..610bae00570 100644
--- a/docs/components/docs/CopyToClipboard.tsx
+++ b/docs/components/docs/CopyToClipboard.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Link } from '../icons/Link';
+import { Link } from '../icons/Link'
export function HeadingIdLink({ value }: { value: string }) {
return (
@@ -33,5 +33,5 @@ export function HeadingIdLink({ value }: { value: string }) {
>
- );
+ )
}
diff --git a/docs/components/docs/DocsFooter.tsx b/docs/components/docs/DocsFooter.tsx
index a4cf69e8bb7..6f79a5cb547 100644
--- a/docs/components/docs/DocsFooter.tsx
+++ b/docs/components/docs/DocsFooter.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Wrapper } from '../primitives/Wrapper';
-import { Emoji } from '../primitives/Emoji';
+import { Wrapper } from '../primitives/Wrapper'
+import { Emoji } from '../primitives/Emoji'
export function DocsFooter() {
return (
@@ -20,5 +20,5 @@ export function DocsFooter() {
by the awesome Keystone community.
- );
+ )
}
diff --git a/docs/components/docs/DocumentEditorDemo.tsx b/docs/components/docs/DocumentEditorDemo.tsx
index dc1e2a5b259..ee5fa65b196 100644
--- a/docs/components/docs/DocumentEditorDemo.tsx
+++ b/docs/components/docs/DocumentEditorDemo.tsx
@@ -1,26 +1,26 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import React, { ReactNode, useContext, useEffect, useMemo, useState } from 'react';
-import { DocumentFeatures } from '@keystone-6/fields-document/views';
+import React, { ReactNode, useContext, useEffect, useMemo, useState } from 'react'
+import { DocumentFeatures } from '@keystone-6/fields-document/views'
import {
ComponentBlock,
fields,
InferRenderersForComponentBlocks,
-} from '@keystone-6/fields-document/component-blocks';
-import { Global, jsx } from '@emotion/react';
-import { getInitialPropsValue } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/initial-values';
+} from '@keystone-6/fields-document/component-blocks'
+import { Global, jsx } from '@emotion/react'
+import { getInitialPropsValue } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/initial-values'
import {
createDocumentEditor,
DocumentEditor,
Editor,
-} from '../../../packages/fields-document/src/DocumentEditor';
-import { FormValueContentFromPreviewProps } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/form-from-preview';
-import { createGetPreviewProps } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/preview-props';
-import { componentBlocks as componentBlocksInSandboxProject } from '../../../tests/sandbox/component-blocks';
-import { initialContent } from '../../lib/initialDocumentDemoContent';
-import { Code } from '../primitives/Code';
+} from '../../../packages/fields-document/src/DocumentEditor'
+import { FormValueContentFromPreviewProps } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/form-from-preview'
+import { createGetPreviewProps } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/preview-props'
+import { componentBlocks as componentBlocksInSandboxProject } from '../../../tests/sandbox/component-blocks'
+import { initialContent } from '../../lib/initialDocumentDemoContent'
+import { Code } from '../primitives/Code'
-const headingLevels = ['1', '2', '3', '4', '5', '6'] as const;
+const headingLevels = ['1', '2', '3', '4', '5', '6'] as const
const marks = [
'bold',
@@ -31,7 +31,7 @@ const marks = [
'subscript',
'superscript',
'underline',
-] as const;
+] as const
const documentFeaturesProp = fields.object({
inlineMarks: fields.multiselect({
@@ -69,15 +69,15 @@ const documentFeaturesProp = fields.object({
}),
layouts: fields.checkbox({ label: 'Layouts', defaultValue: true }),
useShorthand: fields.checkbox({ label: 'Use shorthand in code example', defaultValue: true }),
-});
+})
type DocumentFeaturesFormValue = Parameters<
InferRenderersForComponentBlocks<
Record<'documentFeatures', ComponentBlock<(typeof documentFeaturesProp)['fields']>>
>['documentFeatures']
->[0];
+>[0]
-const emptyObj = {};
+const emptyObj = {}
const componentBlocks = {
notice: componentBlocksInSandboxProject.notice,
@@ -85,9 +85,9 @@ const componentBlocks = {
quote: componentBlocksInSandboxProject.quote,
checkboxList: componentBlocksInSandboxProject.checkboxList,
carousel: componentBlocksInSandboxProject.carousel,
-};
+}
-type DocumentFieldConfig = Parameters[0];
+type DocumentFieldConfig = Parameters[0]
function documentFeaturesCodeExample(config: DocumentFieldConfig | DocumentFeatures) {
return `import { config, list } from '@keystone-6/core';
@@ -130,7 +130,7 @@ export default config({
},
/* ... */
});
-`;
+`
}
function documentFeaturesToShorthand(documentFeatures: DocumentFeatures): DocumentFieldConfig {
@@ -164,29 +164,29 @@ function documentFeaturesToShorthand(documentFeatures: DocumentFeatures): Docume
links: boolToTrueOrUndefined(documentFeatures.links),
layouts: documentFeatures.layouts.length === 0 ? undefined : documentFeatures.layouts,
dividers: boolToTrueOrUndefined(documentFeatures.dividers),
- };
+ }
}
function objToShorthand<
Obj extends Record>
>(obj: Obj): Obj | true | undefined {
- const values = Object.values(obj);
- let state: (typeof values)[number] = values[0]!;
+ const values = Object.values(obj)
+ let state: (typeof values)[number] = values[0]!
for (const val of values) {
if (val !== state || (val !== undefined && val !== true)) {
- return obj;
+ return obj
}
}
- return state as any;
+ return state as any
}
function boolToTrueOrUndefined(bool: boolean): true | undefined {
- return bool ? true : undefined;
+ return bool ? true : undefined
}
const fromEntriesButTypedWell: (
iterable: Iterable
-) => Record = Object.fromEntries;
+) => Record = Object.fromEntries
function documentFeaturesFormToValue(formValue: DocumentFeaturesFormValue): DocumentFeatures {
return {
@@ -201,7 +201,7 @@ function documentFeaturesFormToValue(formValue: DocumentFeaturesFormValue): Docu
},
inlineMarks: fromEntriesButTypedWell(
marks.map(mark => {
- return [mark, formValue.inlineMarks.includes(mark)];
+ return [mark, formValue.inlineMarks.includes(mark)]
})
),
headingLevels: formValue.blocks
@@ -225,19 +225,19 @@ function documentFeaturesFormToValue(formValue: DocumentFeaturesFormValue): Docu
]
: [],
dividers: formValue.dividers,
- };
+ }
}
const DocumentFeaturesContext = React.createContext<{
documentFeatures: DocumentFeatures;
formValue: DocumentFeaturesFormValue;
setFormValue: (value: DocumentFeaturesFormValue) => void;
-}>({} as any);
+}>({} as any)
export function DocumentFeaturesProvider({ children }: { children: ReactNode }) {
const [formValue, setFormValue] = useState(() =>
getInitialPropsValue(documentFeaturesProp)
- );
+ )
return (
{children}
- );
+ )
}
export function DocumentFeaturesFormAndCode() {
- const { formValue, setFormValue } = useContext(DocumentFeaturesContext);
+ const { formValue, setFormValue } = useContext(DocumentFeaturesContext)
return (
{
- setFormValue(getNewVal(formValue));
+ setFormValue(getNewVal(formValue))
},
() => undefined
)(formValue)}
/>
- );
+ )
}
export const DocumentEditorDemo = () => {
- const [value, setValue] = useState(initialContent as any);
- const [key, setKey] = useState(0);
- const { documentFeatures, formValue } = useContext(DocumentFeaturesContext);
+ const [value, setValue] = useState(initialContent as any)
+ const [key, setKey] = useState(0)
+ const { documentFeatures, formValue } = useContext(DocumentFeaturesContext)
useEffect(() => {
// we want to force normalize when the document features change so
// that no invalid things exist after a user changes something
- const editor = createDocumentEditor(documentFeatures, componentBlocks, emptyObj);
- editor.children = value;
- Editor.normalize(editor, { force: true });
- setValue(editor.children);
+ const editor = createDocumentEditor(documentFeatures, componentBlocks, emptyObj)
+ editor.children = value
+ Editor.normalize(editor, { force: true })
+ setValue(editor.children)
// slate looks like it's a controlled component but it actually isn't
// so we need to re-mount it so that it looks at the updated value
- setKey(x => x + 1);
+ setKey(x => x + 1)
// eslint-disable-next-line react-hooks/exhaustive-deps
- }, [documentFeatures]);
+ }, [documentFeatures])
return (
{
{JSON.stringify(value, null, 2)}
- );
-};
+ )
+}
diff --git a/docs/components/docs/ExamplesList.tsx b/docs/components/docs/ExamplesList.tsx
index 1c93ed83c33..7f69e8cfd2b 100644
--- a/docs/components/docs/ExamplesList.tsx
+++ b/docs/components/docs/ExamplesList.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Well } from '../primitives/Well';
-import { useMediaQuery } from '../../lib/media';
-import { InlineCode } from '../../components/primitives/Code';
+import { Well } from '../primitives/Well'
+import { useMediaQuery } from '../../lib/media'
+import { InlineCode } from '../../components/primitives/Code'
export function Examples() {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/docs/GitHubExamplesCTA.tsx b/docs/components/docs/GitHubExamplesCTA.tsx
index 1685463f620..f9e981a4f7c 100644
--- a/docs/components/docs/GitHubExamplesCTA.tsx
+++ b/docs/components/docs/GitHubExamplesCTA.tsx
@@ -1,10 +1,10 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Alert } from '../primitives/Alert';
-import { Button } from '../primitives/Button';
-import { ArrowR } from '../icons/ArrowR';
+import { Alert } from '../primitives/Alert'
+import { Button } from '../primitives/Button'
+import { ArrowR } from '../icons/ArrowR'
export function GitHubExamplesCTA() {
return (
@@ -28,5 +28,5 @@ export function GitHubExamplesCTA() {
Keystone GitHub repo
- );
+ )
}
diff --git a/docs/components/docs/Heading.tsx b/docs/components/docs/Heading.tsx
index 37f7a9057ea..92cf3f7d9f1 100644
--- a/docs/components/docs/Heading.tsx
+++ b/docs/components/docs/Heading.tsx
@@ -1,10 +1,10 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import slugify from '@sindresorhus/slugify';
-import { jsx } from '@emotion/react';
-import { ReactNode } from 'react';
+import slugify from '@sindresorhus/slugify'
+import { jsx } from '@emotion/react'
+import { ReactNode } from 'react'
-import { HeadingIdLink } from './CopyToClipboard';
+import { HeadingIdLink } from './CopyToClipboard'
/*
* !THIS IS OLD. PLEASE USE THE Type COMPONENT INSTEAD!
@@ -12,11 +12,11 @@ import { HeadingIdLink } from './CopyToClipboard';
function getAnchor(text: string | string[]) {
if (typeof text === 'string') {
- return slugify(text);
+ return slugify(text)
} else if (Array.isArray(text)) {
- return slugify(text.join('-').replace('[object Object]', ''));
+ return slugify(text.join('-').replace('[object Object]', ''))
} else {
- return '';
+ return ''
}
}
@@ -46,21 +46,21 @@ const headingStyles = {
6: {
fontSize: 'var(--font-xsmall)',
},
-};
+}
type BaseHeadingProps = {
className?: string;
children: ReactNode;
-} & ({ id: string } | { id?: undefined; children: string });
+} & ({ id: string } | { id?: undefined; children: string })
type HeadingProps = BaseHeadingProps & {
level: 1 | 2 | 3 | 4 | 5 | 6;
-};
+}
export function Heading({ level, id, children, ...props }: HeadingProps) {
- const hasHeadingIdLink = level > 1 && level < 5;
- const computedId = id === undefined ? getAnchor(children) : id;
- const Tag = `h${level}` as const;
+ const hasHeadingIdLink = level > 1 && level < 5
+ const computedId = id === undefined ? getAnchor(children) : id
+ const Tag = `h${level}` as const
return (
- );
+ )
}
export function H1(props: BaseHeadingProps) {
- return ;
+ return
}
export function H2(props: BaseHeadingProps) {
- return ;
+ return
}
export function H3(props: BaseHeadingProps) {
- return ;
+ return
}
export function H4(props: BaseHeadingProps) {
- return ;
+ return
}
export function H5(props: BaseHeadingProps) {
- return ;
+ return
}
export function H6(props: BaseHeadingProps) {
- return ;
+ return
}
diff --git a/docs/components/docs/Keystone5DocsCTA.tsx b/docs/components/docs/Keystone5DocsCTA.tsx
index 958c0ec88e1..0149d925148 100644
--- a/docs/components/docs/Keystone5DocsCTA.tsx
+++ b/docs/components/docs/Keystone5DocsCTA.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Alert } from '../primitives/Alert';
+import { Alert } from '../primitives/Alert'
export function Keystone5DocsCTA() {
return (
@@ -19,5 +19,5 @@ export function Keystone5DocsCTA() {
- );
+ )
}
diff --git a/docs/components/docs/Navigation.tsx b/docs/components/docs/Navigation.tsx
index 36ca0ea046b..f1bb49dbe7d 100644
--- a/docs/components/docs/Navigation.tsx
+++ b/docs/components/docs/Navigation.tsx
@@ -7,68 +7,68 @@ import {
createContext,
useContext,
useMemo,
-} from 'react';
-import { useRouter } from 'next/router';
-import { jsx } from '@emotion/react';
-import Link from 'next/link';
+} from 'react'
+import { useRouter } from 'next/router'
+import { jsx } from '@emotion/react'
+import Link from 'next/link'
-import { useMediaQuery } from '../../lib/media';
-import { useHeaderContext } from '../Header';
-import { Badge } from '../primitives/Badge';
-import { ArrowR } from '../icons/ArrowR';
+import { useMediaQuery } from '../../lib/media'
+import { useHeaderContext } from '../Header'
+import { Badge } from '../primitives/Badge'
+import { ArrowR } from '../icons/ArrowR'
type NavContext = {
isSectionCollapsed: (title: string) => boolean;
collapseSection: (title: string) => void;
expandSection: (title: string) => void;
-};
+}
-const NavContext = createContext(undefined);
+const NavContext = createContext(undefined)
/* Save section collapse/expand states */
export const NavContextProvider = ({ children }: { children: ReactNode }) => {
- const [collapsedSections, setCollapsedSections] = useState([]);
+ const [collapsedSections, setCollapsedSections] = useState([])
const contextValue = useMemo(() => {
const collapseSection = (title: string) => {
- const isSectionAlreadyCollapsed = collapsedSections.includes(title);
+ const isSectionAlreadyCollapsed = collapsedSections.includes(title)
if (!isSectionAlreadyCollapsed) {
- setCollapsedSections([...collapsedSections, title]);
+ setCollapsedSections([...collapsedSections, title])
}
- };
+ }
const expandSection = (title: string) => {
- const isSectionAlreadyExpanded = !collapsedSections.includes(title);
+ const isSectionAlreadyExpanded = !collapsedSections.includes(title)
if (!isSectionAlreadyExpanded) {
- setCollapsedSections(collapsedSections.filter(cs => cs !== title));
+ setCollapsedSections(collapsedSections.filter(cs => cs !== title))
}
- };
+ }
const isSectionCollapsed = (title: string) => {
- return collapsedSections.some(cs => cs === title);
- };
+ return collapsedSections.some(cs => cs === title)
+ }
- return { isSectionCollapsed, collapseSection, expandSection };
- }, [collapsedSections, setCollapsedSections]);
+ return { isSectionCollapsed, collapseSection, expandSection }
+ }, [collapsedSections, setCollapsedSections])
- return {children};
-};
+ return {children}
+}
const useNavContext = () => {
- const navContext = useContext(NavContext);
+ const navContext = useContext(NavContext)
if (navContext === undefined) {
- throw new Error('NavContextProvider is not wrapped in the tree');
+ throw new Error('NavContextProvider is not wrapped in the tree')
}
- return navContext;
-};
+ return navContext
+}
type NavSectionProps = {
title: string;
children: ReactNode;
-};
+}
function NavSection({ title, children }: NavSectionProps) {
- const { isSectionCollapsed, collapseSection, expandSection } = useNavContext();
- const isCollapsed = isSectionCollapsed(title);
+ const { isSectionCollapsed, collapseSection, expandSection } = useNavContext()
+ const isCollapsed = isSectionCollapsed(title)
return (
- );
+ )
}
type NavItemProps = {
@@ -120,7 +120,7 @@ type NavItemProps = {
isActive?: boolean;
isPlaceholder?: boolean;
alwaysVisible?: boolean;
-} & AnchorHTMLAttributes;
+} & AnchorHTMLAttributes
export function NavItem({
href,
@@ -129,12 +129,12 @@ export function NavItem({
alwaysVisible,
...props
}: NavItemProps) {
- const { asPath } = useRouter();
- const mq = useMediaQuery();
- const isActive = typeof _isActive !== 'undefined' ? _isActive : asPath === href;
- const ctx = useHeaderContext();
- const isMobileNavOpen = ctx ? ctx.mobileNavIsOpen : true;
- const desktopOpenState = ctx ? ctx.desktopOpenState : -1;
+ const { asPath } = useRouter()
+ const mq = useMediaQuery()
+ const isActive = typeof _isActive !== 'undefined' ? _isActive : asPath === href
+ const ctx = useHeaderContext()
+ const isMobileNavOpen = ctx ? ctx.mobileNavIsOpen : true
+ const desktopOpenState = ctx ? ctx.desktopOpenState : -1
return (
- );
+ )
}
type PrimaryNavItemProps = {
href: string;
children: ReactNode;
-} & AnchorHTMLAttributes;
+} & AnchorHTMLAttributes
export function PrimaryNavItem({ href, children }: PrimaryNavItemProps) {
- const { asPath } = useRouter();
- const isActive = asPath === href;
- const ctx = useHeaderContext();
- const isMobileNavOpen = ctx ? ctx.mobileNavIsOpen : true;
- const desktopOpenState = ctx ? ctx.desktopOpenState : -1;
+ const { asPath } = useRouter()
+ const isActive = asPath === href
+ const ctx = useHeaderContext()
+ const isMobileNavOpen = ctx ? ctx.mobileNavIsOpen : true
+ const desktopOpenState = ctx ? ctx.desktopOpenState : -1
return (
{children}
- );
+ )
}
export function DocsNavigation() {
@@ -293,7 +293,7 @@ export function DocsNavigation() {
//
- );
+ )
}
export function UpdatesNavigation() {
@@ -308,5 +308,5 @@ export function UpdatesNavigation() {
Roadmap
- );
+ )
}
diff --git a/docs/components/docs/Sidebar.tsx b/docs/components/docs/Sidebar.tsx
index dcd78c3e66b..789d00a3838 100644
--- a/docs/components/docs/Sidebar.tsx
+++ b/docs/components/docs/Sidebar.tsx
@@ -1,17 +1,17 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../../lib/media';
-import { DocsNavigation, UpdatesNavigation } from './Navigation';
+import { useMediaQuery } from '../../lib/media'
+import { DocsNavigation, UpdatesNavigation } from './Navigation'
type SidebarProps = {
isUpdatesPage?: boolean;
-};
+}
export function Sidebar({ isUpdatesPage }: SidebarProps) {
- const mq = useMediaQuery();
- const Navigation = isUpdatesPage ? UpdatesNavigation : DocsNavigation;
+ const mq = useMediaQuery()
+ const Navigation = isUpdatesPage ? UpdatesNavigation : DocsNavigation
return (
- );
+ )
}
diff --git a/docs/components/docs/TableOfContents.tsx b/docs/components/docs/TableOfContents.tsx
index e790b7086fb..79b3def5ad4 100644
--- a/docs/components/docs/TableOfContents.tsx
+++ b/docs/components/docs/TableOfContents.tsx
@@ -1,22 +1,22 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { useState, useEffect } from 'react';
-import { jsx } from '@emotion/react';
+import { useState, useEffect } from 'react'
+import { jsx } from '@emotion/react'
-import { useMediaQuery } from '../../lib/media';
-import { Type } from '../primitives/Type';
+import { useMediaQuery } from '../../lib/media'
+import { Type } from '../primitives/Type'
// it's important that IDs are sorted by the order they appear in the document
// so we can pluck active from the beginning
function sortVisible(allIds: (string | null)[], targetId: string | null) {
return (ids: (string | null)[] | never[]): (string | null)[] | never[] =>
- [...ids, targetId].sort((a, b) => (allIds.indexOf(a) > allIds.indexOf(b) ? 1 : -1));
+ [...ids, targetId].sort((a, b) => (allIds.indexOf(a) > allIds.indexOf(b) ? 1 : -1))
}
const observerOptions = {
rootMargin: '-10px',
threshold: 1.0,
-};
+}
interface Heading {
id: string;
@@ -31,37 +31,37 @@ export function TableOfContents({
container: React.RefObject;
headings: Heading[];
}) {
- let [visibleIds, setVisibleIds] = useState>([]);
- let [lastVisibleId, setLastVisbleId] = useState(null);
+ let [visibleIds, setVisibleIds] = useState>([])
+ let [lastVisibleId, setLastVisbleId] = useState(null)
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
// observe relevant headings
useEffect(() => {
if (container.current) {
- let allIds = headings.map(h => h.id);
+ let allIds = headings.map(h => h.id)
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
- const targetId: string | null = entry.target.getAttribute('id');
+ const targetId: string | null = entry.target.getAttribute('id')
if (entry.isIntersecting && entry.intersectionRatio === 1) {
- setVisibleIds(sortVisible(allIds, targetId));
- setLastVisbleId(targetId);
+ setVisibleIds(sortVisible(allIds, targetId))
+ setLastVisbleId(targetId)
} else {
- setVisibleIds(ids => ids.filter(id => id !== targetId));
+ setVisibleIds(ids => ids.filter(id => id !== targetId))
}
- });
- }, observerOptions);
+ })
+ }, observerOptions)
container.current.querySelectorAll('h1, h2, h3').forEach((node: Element) => {
- observer.observe(node);
- });
- return () => observer.disconnect();
+ observer.observe(node)
+ })
+ return () => observer.disconnect()
}
- }, [container, headings]);
+ }, [container, headings])
// catch if we're in a long gap between headings and resolve to the last available.
- let activeId = visibleIds[0] || lastVisibleId;
+ let activeId = visibleIds[0] || lastVisibleId
return (
@@ -86,8 +86,8 @@ export function TableOfContents({
{headings.map((h: Heading, i: number) => {
- let isActive = activeId === h.id;
- const slug = `#${h.id}`;
+ let isActive = activeId === h.id
+ const slug = `#${h.id}`
return (
-
- );
+ )
})}
- );
+ )
}
diff --git a/docs/components/docs/WalkthroughsList.tsx b/docs/components/docs/WalkthroughsList.tsx
index 377d535f0bc..567ab36c3bd 100644
--- a/docs/components/docs/WalkthroughsList.tsx
+++ b/docs/components/docs/WalkthroughsList.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Well } from '../primitives/Well';
-import { useMediaQuery } from '../../lib/media';
-import { InlineCode } from '../../components/primitives/Code';
+import { Well } from '../primitives/Well'
+import { useMediaQuery } from '../../lib/media'
+import { InlineCode } from '../../components/primitives/Code'
export function Walkthroughs() {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/icons/ArrowR.tsx b/docs/components/icons/ArrowR.tsx
index 6de9e75a170..065beaee910 100644
--- a/docs/components/icons/ArrowR.tsx
+++ b/docs/components/icons/ArrowR.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function ArrowR({ grad, ...props }: IconProps) {
return (
@@ -18,5 +18,5 @@ export function ArrowR({ grad, ...props }: IconProps) {
- );
+ )
}
diff --git a/docs/components/icons/Automated.tsx b/docs/components/icons/Automated.tsx
index 9dcb6ebdf8a..4b081de6e18 100644
--- a/docs/components/icons/Automated.tsx
+++ b/docs/components/icons/Automated.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Automated({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Automated({ grad, ...props }: IconProps) {
d="M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5"
/>
- );
+ )
}
diff --git a/docs/components/icons/Bulb.tsx b/docs/components/icons/Bulb.tsx
index 8127139a12d..88c8f54a40b 100644
--- a/docs/components/icons/Bulb.tsx
+++ b/docs/components/icons/Bulb.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Bulb({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Bulb({ grad, ...props }: IconProps) {
d="M9.66353 17H14.3365M12 3V4M18.364 5.63604L17.6569 6.34315M21.0001 11.9999H20.0001M4.00005 11.9999H3.00005M6.34315 6.34315L5.63604 5.63604M8.46447 15.5356C6.51184 13.5829 6.51184 10.4171 8.46447 8.46449C10.4171 6.51187 13.5829 6.51187 15.5355 8.46449C17.4882 10.4171 17.4882 13.5829 15.5355 15.5356L14.9884 16.0827C14.3556 16.7155 14 17.5739 14 18.469V19C14 20.1046 13.1046 21 12 21C10.8954 21 10 20.1046 10 19V18.469C10 17.5739 9.64445 16.7155 9.01156 16.0827L8.46447 15.5356Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Cli.tsx b/docs/components/icons/Cli.tsx
index 7f537654c2f..518c4c384dc 100644
--- a/docs/components/icons/Cli.tsx
+++ b/docs/components/icons/Cli.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Cli({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Cli({ grad, ...props }: IconProps) {
d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
/>
- );
+ )
}
diff --git a/docs/components/icons/ClientLogos.tsx b/docs/components/icons/ClientLogos.tsx
index 7507ca9f37e..79b14c35255 100644
--- a/docs/components/icons/ClientLogos.tsx
+++ b/docs/components/icons/ClientLogos.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function ClientLogos({ grad, ...props }: IconProps) {
return (
@@ -158,5 +158,5 @@ export function ClientLogos({ grad, ...props }: IconProps) {
d="M691.296 36.4384C691.297 36.2423 691.375 36.0546 691.511 35.9154C691.648 35.7762 691.833 35.6964 692.027 35.6932C692.222 35.6932 692.409 35.7717 692.548 35.9114C692.686 36.0512 692.763 36.2407 692.763 36.4384C692.763 36.636 692.686 36.8255 692.548 36.9653C692.409 37.105 692.222 37.1835 692.027 37.1835C691.833 37.1803 691.648 37.1005 691.511 36.9613C691.375 36.8221 691.297 36.6344 691.296 36.4384ZM693.04 33.5206C693.04 31.3396 694.632 29.8471 696.68 29.8471C697.245 29.835 697.801 29.977 698.292 30.2581C698.783 30.5393 699.19 30.9491 699.47 31.4445L698.432 31.9882C698.254 31.678 697.999 31.4198 697.692 31.2389C697.385 31.0579 697.038 30.9602 696.683 30.9554C695.31 30.9554 694.289 32.0302 694.289 33.5206C694.289 35.011 695.31 36.0878 696.683 36.0878C697.038 36.0851 697.387 35.9883 697.694 35.8071C698.001 35.6259 698.255 35.3666 698.432 35.055L699.47 35.5966C698.939 36.4489 698.086 37.194 696.68 37.194C694.632 37.194 693.04 35.7037 693.04 33.5206ZM700.139 33.5206C700.139 31.4026 701.604 29.8471 703.686 29.8471C705.768 29.8471 707.236 31.4026 707.236 33.5206C707.236 35.6386 705.768 37.194 703.686 37.194C701.604 37.194 700.139 35.6407 700.139 33.5206ZM705.988 33.5206C705.988 32.0512 705.081 30.9554 703.686 30.9554C702.291 30.9554 701.386 32.0512 701.386 33.5206C701.386 34.99 702.281 36.0878 703.686 36.0878C705.092 36.0878 705.988 34.9795 705.988 33.5206ZM714.408 37.066V31.7951L712.276 37.066H711.755L709.631 31.7951V37.066H708.413V29.9647H710.132L712.014 34.6394L713.909 29.9647H715.63V37.066H714.408ZM716.907 36.4384C716.908 36.2925 716.952 36.1503 717.033 36.0296C717.114 35.9089 717.229 35.8152 717.362 35.7602C717.496 35.7053 717.643 35.6915 717.784 35.7207C717.925 35.75 718.055 35.8208 718.156 35.9244C718.258 36.028 718.327 36.1596 718.355 36.3028C718.382 36.446 718.367 36.5942 718.312 36.7289C718.257 36.8635 718.163 36.9785 718.043 37.0594C717.923 37.1404 717.782 37.1835 717.638 37.1835C717.444 37.1803 717.259 37.1005 717.122 36.9613C716.986 36.8221 716.909 36.6344 716.907 36.4384ZM725.179 37.066L724.67 35.7037H721.482L720.971 37.066H719.589L722.314 29.9647H723.836L726.561 37.066H725.179ZM723.076 31.2199L721.831 34.6079H724.322L723.076 31.2199ZM727.107 34.2658V29.9647H728.334V34.2238C728.334 35.3531 728.957 36.0878 730.115 36.0878C731.273 36.0878 731.884 35.3531 731.884 34.2238V29.9647H733.113V34.2553C733.113 36.0227 732.124 37.194 730.115 37.194C728.106 37.194 727.107 36.0122 727.107 34.2658ZM701.37 25.5292L698.69 20.1072H696.326V25.0044C696.326 25.1585 696.296 25.3111 696.237 25.4535C696.179 25.5958 696.093 25.7252 695.986 25.8341C695.878 25.9431 695.75 26.0295 695.609 26.0885C695.468 26.1475 695.318 26.1778 695.165 26.1778H691.724V9.27566C691.724 8.96445 691.846 8.66599 692.063 8.44594C692.281 8.22588 692.576 8.10225 692.884 8.10225H700.672C704.639 8.10225 706.9 10.7576 706.9 14.1183C706.9 17.267 704.998 18.9463 703.335 19.5362L706.97 26.1778H702.403C702.189 26.1766 701.979 26.1153 701.796 26.0009C701.614 25.8864 701.466 25.7232 701.37 25.5292ZM702.2 14.1037C702.2 12.8841 701.183 12.1788 699.977 12.1788H696.326V16.0432H699.977C701.183 16.0432 702.2 15.3631 702.2 14.1037ZM729.33 17.1537C729.33 11.4105 733.673 7.80627 739.006 7.80627C742.997 7.80627 745.409 9.94738 746.642 12.1955L743.653 13.7699C743.421 13.887 743.157 13.9216 742.903 13.8678C742.649 13.8141 742.42 13.6753 742.254 13.4739C741.177 12.2144 739.3 11.358 737.088 12.3572C736.175 12.7761 735.4 13.4519 734.856 14.3039C734.313 15.1559 734.023 16.1481 734.022 17.1621C734.022 20.1114 736.098 22.3847 739.004 22.3847C740.316 22.3847 741.656 21.8431 742.3 21.2995V19.8909H739.444C739.136 19.8909 738.84 19.7674 738.622 19.5474C738.404 19.3274 738.282 19.0289 738.281 18.7175V15.7997H745.754C746.062 15.7997 746.357 15.9234 746.575 16.1434C746.792 16.3635 746.914 16.662 746.914 16.9732V22.9809C745.926 24.1103 744.708 25.0099 743.344 25.6179C741.979 26.226 740.501 26.528 739.01 26.5032C733.673 26.5032 729.33 22.899 729.33 17.1537ZM749.603 26.1778V9.27566C749.603 8.96445 749.725 8.66599 749.942 8.44594C750.16 8.22588 750.455 8.10225 750.763 8.10225H759.732C763.261 8.10225 764.957 10.4323 764.957 12.7077C764.957 14.9832 763.591 16.4862 761.902 16.8535C763.805 17.1516 765.306 18.9946 765.306 21.2617C765.306 23.8898 763.564 26.1652 760.054 26.1652L749.603 26.1778ZM760.26 13.5243C760.26 12.6574 759.616 12.0339 758.678 12.0339H754.213V15.042H758.686C759.624 15.042 760.26 14.4185 760.26 13.5243ZM760.608 20.6235C760.608 19.7293 759.965 18.9967 758.84 18.9967H754.213V22.2483H758.848C759.946 22.2483 760.617 21.5975 760.617 20.6235H760.608ZM771.778 26.1778V18.8897L764.999 8.10435H769.314C769.582 8.10601 769.845 8.17785 770.077 8.31288C770.309 8.4479 770.503 8.64149 770.639 8.87473L774.074 14.7712L777.46 8.89362C777.595 8.6567 777.79 8.46003 778.025 8.32334C778.26 8.18665 778.526 8.11475 778.796 8.11485H783.133L776.388 18.8897V26.1778H771.778ZM723.138 8.10435C722.831 8.10435 722.536 8.22769 722.319 8.44729C722.101 8.6669 721.979 8.96482 721.978 9.27566V18.6986C721.978 20.4892 721.073 21.8599 719.338 22.2672V26.4654C724.284 26.0687 726.632 23.0291 726.632 18.8351V8.10435H723.138ZM717.061 22.2525C715.321 21.8431 714.447 20.4787 714.447 18.6986V9.27566C714.447 8.96445 714.325 8.66599 714.107 8.44594C713.89 8.22588 713.594 8.10225 713.287 8.10225H709.758V18.8624C709.758 22.9935 712.101 26.0435 717.061 26.4528V22.2525Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Close.tsx b/docs/components/icons/Close.tsx
index e530eb84720..714e64c5ff7 100644
--- a/docs/components/icons/Close.tsx
+++ b/docs/components/icons/Close.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Close({ grad, ...props }: IconProps) {
return (
@@ -18,5 +18,5 @@ export function Close({ grad, ...props }: IconProps) {
- );
+ )
}
diff --git a/docs/components/icons/Code.tsx b/docs/components/icons/Code.tsx
index f7affa9764f..38aea17bc28 100644
--- a/docs/components/icons/Code.tsx
+++ b/docs/components/icons/Code.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Code({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Code({ grad, ...props }: IconProps) {
d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
/>
- );
+ )
}
diff --git a/docs/components/icons/Content.tsx b/docs/components/icons/Content.tsx
index e093b9faeb1..4c73a704e4a 100644
--- a/docs/components/icons/Content.tsx
+++ b/docs/components/icons/Content.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Content({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Content({ grad, ...props }: IconProps) {
d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Copy.tsx b/docs/components/icons/Copy.tsx
index 4949ad2c36f..4f5cfc9eb19 100644
--- a/docs/components/icons/Copy.tsx
+++ b/docs/components/icons/Copy.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Copy({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Copy({ grad, ...props }: IconProps) {
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Custom.tsx b/docs/components/icons/Custom.tsx
index 407b0104615..b46939c799d 100644
--- a/docs/components/icons/Custom.tsx
+++ b/docs/components/icons/Custom.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Custom({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Custom({ grad, ...props }: IconProps) {
d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z"
/>
- );
+ )
}
diff --git a/docs/components/icons/DFATLogo.tsx b/docs/components/icons/DFATLogo.tsx
index 83e06d7ac55..9c5e555654c 100644
--- a/docs/components/icons/DFATLogo.tsx
+++ b/docs/components/icons/DFATLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function DFATLogo(props: IconProps) {
return (
@@ -53,5 +53,5 @@ export function DFATLogo(props: IconProps) {
clipRule="evenodd"
/>
- );
+ )
}
diff --git a/docs/components/icons/DarkMode.tsx b/docs/components/icons/DarkMode.tsx
index fbf0cd0606e..78dbab39e25 100644
--- a/docs/components/icons/DarkMode.tsx
+++ b/docs/components/icons/DarkMode.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function DarkMode({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function DarkMode({ grad, ...props }: IconProps) {
d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Docs.tsx b/docs/components/icons/Docs.tsx
index 4ff60b1fc3a..bbdd2f16dd5 100644
--- a/docs/components/icons/Docs.tsx
+++ b/docs/components/icons/Docs.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Docs({ grad, ...props }: IconProps) {
return (
@@ -25,5 +25,5 @@ export function Docs({ grad, ...props }: IconProps) {
d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
/>
- );
+ )
}
diff --git a/docs/components/icons/Download.tsx b/docs/components/icons/Download.tsx
index fc4af2cfa0b..e7cb893fab4 100644
--- a/docs/components/icons/Download.tsx
+++ b/docs/components/icons/Download.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Download({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Download({ grad, ...props }: IconProps) {
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
/>
- );
+ )
}
diff --git a/docs/components/icons/Edit.tsx b/docs/components/icons/Edit.tsx
index 6eeac8cdbdb..fd07e728c27 100644
--- a/docs/components/icons/Edit.tsx
+++ b/docs/components/icons/Edit.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Edit({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Edit({ grad, ...props }: IconProps) {
d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Editor.tsx b/docs/components/icons/Editor.tsx
index 7e5c8e8c40c..41c770c9c52 100644
--- a/docs/components/icons/Editor.tsx
+++ b/docs/components/icons/Editor.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Editor({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Editor({ grad, ...props }: IconProps) {
d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
/>
- );
+ )
}
diff --git a/docs/components/icons/EnliticLogo.tsx b/docs/components/icons/EnliticLogo.tsx
index e7f8f03c2fc..c3444ebb809 100644
--- a/docs/components/icons/EnliticLogo.tsx
+++ b/docs/components/icons/EnliticLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function EnliticLogo(props: IconProps) {
return (
@@ -21,5 +21,5 @@ export function EnliticLogo(props: IconProps) {
d="M44.049 27.038a23.288 23.288 0 0 1-1 3.988l-.02.05H31.329a10.032 10.032 0 0 1-7.185 2.99c-5.536 0-10.04-4.505-10.04-10.042 0-5.549 4.504-10.066 10.04-10.066 4.826 0 8.688 2.995 9.84 7.625l.025.095-5.53-.02-.019-.043c-.944-1.97-2.976-2.92-5.171-2.422-1.944.44-3.901 2.107-3.901 4.831 0 2.259 1.397 4.09 3.548 4.662 1.73.46 4.278.05 5.8-2.605l.032-.056H39.041c.113-.667.969-6.801-3.36-11.677l-.15-.17c-.145-.163-.29-.327-.44-.484a14.503 14.503 0 0 0-1.762-1.529 15.508 15.508 0 0 0-2.882-1.705c-1.749-.799-3.649-1.27-5.498-1.359-.995-.044-2.001.013-2.983.176a17.632 17.632 0 0 0-3.296.875c-2.85 1.076-5.348 3.095-7.028 5.7-1.415 2.19-2.24 4.775-2.39 7.474a17.04 17.04 0 0 0 .075 2.768c.006.031.422 3.102 2.454 6.19 1.875 2.844 5.555 6.286 12.431 6.525.05.006 4.983.377 9.456-3.322l.02-.019h7.008l-.076.113c-.012.02-1.409 2.17-4.14 4.272C34.008 41.753 29.913 44 24.35 44h-.307c-.02 0-2.517.063-5.738-.918-2.97-.906-7.172-2.907-10.362-7.317-.025-.032-3.209-3.769-3.844-9.764-.013-.076-.963-7.99 4.448-14.665.057-.076 6.109-7.67 15.496-7.324l.251.007c.925.031 1.806.063 2.712.195a21.637 21.637 0 0 1 6.738 2.133c2.862 1.472 5.316 3.61 7.084 6.184a19.689 19.689 0 0 1 2.642 5.549c.856 2.844 1.05 5.939.579 8.959Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Filter.tsx b/docs/components/icons/Filter.tsx
index dd87f7d4bdf..56048abe81b 100644
--- a/docs/components/icons/Filter.tsx
+++ b/docs/components/icons/Filter.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Filter({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Filter({ grad, ...props }: IconProps) {
d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
/>
- );
+ )
}
diff --git a/docs/components/icons/FrontEndLogos.tsx b/docs/components/icons/FrontEndLogos.tsx
index 241b0813961..51dd74eb522 100644
--- a/docs/components/icons/FrontEndLogos.tsx
+++ b/docs/components/icons/FrontEndLogos.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { SVGAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { SVGAttributes } from 'react'
export function FrontEndLogos(props: SVGAttributes) {
return (
@@ -83,5 +83,5 @@ export function FrontEndLogos(props: SVGAttributes) {
- );
+ )
}
diff --git a/docs/components/icons/GitHub.tsx b/docs/components/icons/GitHub.tsx
index 338c2b39942..82386da0836 100644
--- a/docs/components/icons/GitHub.tsx
+++ b/docs/components/icons/GitHub.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function GitHub({ grad, ...props }: IconProps) {
return (
@@ -19,5 +19,5 @@ export function GitHub({ grad, ...props }: IconProps) {
d="M11.8.45a10.98 10.98 0 00-3.47 21.4c.55.1.72-.25.72-.54v-2.04c-3.05.66-3.68-1.3-3.68-1.3-.5-1.26-1.22-1.6-1.22-1.6-1-.68.07-.67.07-.67 1.1.08 1.68 1.13 1.68 1.13.98 1.68 2.57 1.2 3.2.92.1-.71.38-1.2.7-1.47-2.44-.28-5-1.22-5-5.43 0-1.2.42-2.17 1.12-2.94-.1-.28-.48-1.4.11-2.9 0 0 .92-.3 3.02 1.12a10.53 10.53 0 015.5 0C16.65 4.7 17.56 5 17.56 5c.6 1.52.22 2.63.11 2.9.7.78 1.13 1.76 1.13 2.95 0 4.22-2.57 5.15-5.01 5.42.4.34.75 1 .75 2.03v3.01c0 .3.18.64.73.53A10.98 10.98 0 0011.8.45z"
/>
- );
+ )
}
diff --git a/docs/components/icons/GraphQl.tsx b/docs/components/icons/GraphQl.tsx
index 198ade91006..cebebfd666a 100644
--- a/docs/components/icons/GraphQl.tsx
+++ b/docs/components/icons/GraphQl.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function GraphQl({ grad, ...props }: IconProps) {
return (
@@ -76,5 +76,5 @@ export function GraphQl({ grad, ...props }: IconProps) {
d="M22.0002 9.25002C19.5877 9.25002 17.6377 7.30002 17.6377 4.88752C17.6377 2.47502 19.5877 0.525024 22.0002 0.525024C24.4127 0.525024 26.3627 2.47502 26.3627 4.88752C26.3627 7.30002 24.4127 9.25002 22.0002 9.25002Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Hamburger.tsx b/docs/components/icons/Hamburger.tsx
index 110d9103b41..b00f9f8893c 100644
--- a/docs/components/icons/Hamburger.tsx
+++ b/docs/components/icons/Hamburger.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Hamburger({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Hamburger({ grad, ...props }: IconProps) {
d="M4 6h16M4 12h16M4 18h16"
/>
- );
+ )
}
diff --git a/docs/components/icons/Keystone.tsx b/docs/components/icons/Keystone.tsx
index b63532b661e..c677fb520b5 100644
--- a/docs/components/icons/Keystone.tsx
+++ b/docs/components/icons/Keystone.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Keystone({ grad, ...props }: IconProps) {
return (
@@ -22,5 +22,5 @@ export function Keystone({ grad, ...props }: IconProps) {
d="M6.82812 0.125C3.3332 0.125 0.5 2.9582 0.5 6.45312V27.5469C0.5 31.0418 3.3332 33.875 6.82812 33.875H27.9219C31.4168 33.875 34.25 31.0418 34.25 27.5469V6.45312C34.25 2.9582 31.4168 0.125 27.9219 0.125H6.82812ZM14.5199 20.9221V25.9648H9.98395V8.12991H14.5199V15.7929H14.7548L20.6874 8.12991H25.5571L19.3896 16.003L25.9155 25.9648H20.5885L16.0896 18.9322L14.5199 20.9221Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Lab.tsx b/docs/components/icons/Lab.tsx
index d4f34bdaa88..d105ee62291 100644
--- a/docs/components/icons/Lab.tsx
+++ b/docs/components/icons/Lab.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Lab({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Lab({ grad, ...props }: IconProps) {
d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
/>
- );
+ )
}
diff --git a/docs/components/icons/LightMode.tsx b/docs/components/icons/LightMode.tsx
index b9947154db8..e0cadbd1c50 100644
--- a/docs/components/icons/LightMode.tsx
+++ b/docs/components/icons/LightMode.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function LightMode({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function LightMode({ grad, ...props }: IconProps) {
d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Link.tsx b/docs/components/icons/Link.tsx
index 9635812f45c..0ca3726876d 100644
--- a/docs/components/icons/Link.tsx
+++ b/docs/components/icons/Link.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Link({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Link({ grad, ...props }: IconProps) {
d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
/>
- );
+ )
}
diff --git a/docs/components/icons/Migration.tsx b/docs/components/icons/Migration.tsx
index 81dc8431404..a21684222f0 100644
--- a/docs/components/icons/Migration.tsx
+++ b/docs/components/icons/Migration.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Migration({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Migration({ grad, ...props }: IconProps) {
d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
/>
- );
+ )
}
diff --git a/docs/components/icons/Nextjs.tsx b/docs/components/icons/Nextjs.tsx
index 70ebb7b9688..8833ec04992 100644
--- a/docs/components/icons/Nextjs.tsx
+++ b/docs/components/icons/Nextjs.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Nextjs({ grad, ...props }: IconProps) {
return (
@@ -34,5 +34,5 @@ export function Nextjs({ grad, ...props }: IconProps) {
d="M89.6422 35.768C89.9995 35.768 90.2601 35.5412 90.2601 35.2481C90.2601 34.9549 89.9995 34.7281 89.6422 34.7281C89.2892 34.7281 89.0244 34.9549 89.0244 35.2481C89.0244 35.5412 89.2892 35.768 89.6422 35.768ZM91.3402 34.4001C91.3402 35.2655 92.0926 35.8308 93.1895 35.8308C94.3579 35.8308 95.064 35.2481 95.064 34.236V30.673H94.1226V34.2326C94.1226 34.7944 93.7821 35.0945 93.1811 35.0945C92.6431 35.0945 92.2775 34.8153 92.2649 34.4001H91.3402ZM96.2955 34.3547C96.3627 35.255 97.2664 35.8308 98.6113 35.8308C100.049 35.8308 100.948 35.2271 100.948 34.264C100.948 33.5067 100.435 33.0879 99.1913 32.8471L98.5231 32.711C97.7329 32.5575 97.4135 32.3516 97.4135 31.9922C97.4135 31.5385 97.9094 31.2419 98.6533 31.2419C99.3594 31.2419 99.847 31.5315 99.9352 31.9956H100.851C100.797 31.1476 99.8974 30.5509 98.666 30.5509C97.342 30.5509 96.4594 31.1476 96.4594 32.0445C96.4594 32.7843 96.9596 33.224 98.0565 33.4369L98.8383 33.5939C99.641 33.751 99.9941 33.9813 99.9941 34.3652C99.9941 34.8118 99.4393 35.1364 98.6828 35.1364C97.8716 35.1364 97.3084 34.8328 97.2285 34.3547H96.2955Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Nope.tsx b/docs/components/icons/Nope.tsx
index 52005a9083f..e8d3be05b01 100644
--- a/docs/components/icons/Nope.tsx
+++ b/docs/components/icons/Nope.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Nope({ grad, ...props }: IconProps) {
return (
@@ -21,5 +21,5 @@ export function Nope({ grad, ...props }: IconProps) {
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Organization.tsx b/docs/components/icons/Organization.tsx
index 7ca4dac5897..42d9fbc314c 100644
--- a/docs/components/icons/Organization.tsx
+++ b/docs/components/icons/Organization.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Organization({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Organization({ grad, ...props }: IconProps) {
d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
/>
- );
+ )
}
diff --git a/docs/components/icons/PJohnsonLogo.tsx b/docs/components/icons/PJohnsonLogo.tsx
index 0ef7b75ac9a..52662b5b9c7 100644
--- a/docs/components/icons/PJohnsonLogo.tsx
+++ b/docs/components/icons/PJohnsonLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function PJohnsonLogo(props: IconProps) {
return (
@@ -21,5 +21,5 @@ export function PJohnsonLogo(props: IconProps) {
d="M7.313 23.716h.59c.98 0 1.969-.259 1.969-1.348 0-.878-.731-1.293-1.523-1.293H6v.224c.555 0 .643.184.643.933V24.9c0 .756-.088.933-.643.933v.224h1.95v-.224c-.549 0-.637-.177-.637-.933v-1.184Zm0-1.58c0-.558.027-.837.67-.837.684 0 1.178.293 1.178 1.028 0 .994-.724 1.164-1.59 1.164h-.258v-1.354Zm1.955 3.574a.427.427 0 0 0 .853.007.435.435 0 0 0-.433-.443.426.426 0 0 0-.42.436Zm3.073-.28c0 .287.007.634-.054.913-.027.143-.115.258-.264.258-.298 0-.223-.544-.684-.544a.395.395 0 0 0-.412.415c0 .32.318.49.602.49.454 0 .928-.279 1.198-.646.264-.382.285-.83.285-1.3v-2.784c0-.749.088-.933.65-.933v-.224h-1.997v.224c.589 0 .677.184.677.933v3.199Zm5.977-1.823c0-1.3-.778-2.607-2.193-2.607-1.394 0-2.206 1.273-2.206 2.566 0 1.3.778 2.566 2.186 2.566 1.401 0 2.213-1.205 2.213-2.525Zm-2.193-2.383c1.124 0 1.415 1.443 1.415 2.328 0 .905-.27 2.355-1.435 2.355-1.11 0-1.408-1.524-1.408-2.368 0-.878.305-2.315 1.428-2.315Zm3.791 2.117v-1.109c0-.749.095-.933.63-.933v-.224h-1.93v.224c.535 0 .63.184.63.933V24.9c0 .755-.095.932-.63.932v.225h1.93v-.225c-.535 0-.63-.177-.63-.932v-1.246h2.105V24.9c0 .755-.088.932-.623.932v.225h1.936v-.225c-.555 0-.643-.177-.643-.932v-2.668c0-.749.088-.933.643-.933v-.224h-1.936v.224c.535 0 .623.184.623.933v1.11h-2.105Zm5.086-2.266h-1.178v.224c.542 0 .636.184.636.933V24.9c0 .755-.094.932-.636.932v.225h1.577v-.225c-.541 0-.63-.177-.63-.932v-2.988l2.932 4.145h.23v-3.825c0-.749.095-.933.63-.933v-.224h-1.571v.224c.542 0 .63.184.63.933v2.552l-2.62-3.71Zm6.613-.007c-.08.095-.216.13-.331.13-.15 0-.21-.035-.366-.082-.203-.075-.325-.116-.541-.116-.84 0-1.436.53-1.436 1.388 0 1.824 2.77 1.021 2.77 2.6 0 .565-.482.92-1.003.92-.704 0-1.313-.647-1.726-1.199l-.203.096.494 1.327c.102-.102.264-.197.413-.197.27 0 .637.197 1.063.197.84 0 1.516-.578 1.516-1.45 0-1.082-.873-1.313-1.726-1.579-.474-.143-1.097-.38-1.097-.973a.89.89 0 0 1 .9-.905c.678 0 1.192.599 1.524 1.136l.196-.095-.447-1.198Zm5.47 2.539c0-1.3-.778-2.607-2.193-2.607-1.394 0-2.207 1.273-2.207 2.566 0 1.3.779 2.566 2.187 2.566 1.401 0 2.213-1.205 2.213-2.525Zm-2.193-2.383c1.124 0 1.415 1.443 1.415 2.328 0 .905-.27 2.355-1.435 2.355-1.11 0-1.408-1.524-1.408-2.368 0-.878.304-2.315 1.428-2.315Zm3.547-.15h-1.178v.225c.542 0 .637.184.637.933V24.9c0 .755-.095.932-.637.932v.225h1.578v-.225c-.542 0-.63-.177-.63-.932v-2.988l2.931 4.145h.23v-3.825c0-.749.095-.933.63-.933v-.224h-1.57v.224c.54 0 .629.184.629.933v2.552l-2.62-3.71Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Postgres.tsx b/docs/components/icons/Postgres.tsx
index 980efd15af7..d31d901723f 100644
--- a/docs/components/icons/Postgres.tsx
+++ b/docs/components/icons/Postgres.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Postgres({ grad, ...props }: IconProps) {
return (
@@ -72,5 +72,5 @@ export function Postgres({ grad, ...props }: IconProps) {
strokeLinejoin="round"
/>
- );
+ )
}
diff --git a/docs/components/icons/PrintBarLogo.tsx b/docs/components/icons/PrintBarLogo.tsx
index 1f758dff5bb..dfc5fac9386 100644
--- a/docs/components/icons/PrintBarLogo.tsx
+++ b/docs/components/icons/PrintBarLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function PrintBarLogo(props: IconProps) {
return (
@@ -36,5 +36,5 @@ export function PrintBarLogo(props: IconProps) {
- );
+ )
}
diff --git a/docs/components/icons/Prisma.tsx b/docs/components/icons/Prisma.tsx
index 2c5be6e3608..a984fcf489f 100644
--- a/docs/components/icons/Prisma.tsx
+++ b/docs/components/icons/Prisma.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Prisma({ grad, ...props }: IconProps) {
return (
@@ -22,5 +22,5 @@ export function Prisma({ grad, ...props }: IconProps) {
d="M28.727 1.57683L49.3624 38.0932C49.7894 38.8487 49.796 39.7191 49.3811 40.4797C48.9649 41.2398 48.1694 41.8133 47.1968 42.0531L15.4417 49.8797C15.1126 49.9609 14.7779 50 14.4451 50C13.2709 50 12.1412 49.5121 11.4892 48.6691L0.549502 34.5471C-0.16956 33.6171 -0.183153 32.4561 0.510127 31.5147L22.8901 1.30769C23.5248 0.448707 24.6498 -0.0559801 25.9056 0.00495735C27.1295 0.0608168 28.2095 0.663942 28.727 1.57683ZM17.7986 46.3004L44.7419 39.6598C45.5069 39.4715 45.8903 38.7698 45.5542 38.1749L27.7323 6.63738C27.3564 5.97215 26.1648 6.08621 25.9848 6.80457L16.3595 45.2184C16.1865 45.9102 16.9754 46.5035 17.7986 46.3004Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Profile.tsx b/docs/components/icons/Profile.tsx
index c2565cf2303..e27054dd7e2 100644
--- a/docs/components/icons/Profile.tsx
+++ b/docs/components/icons/Profile.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Profile({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Profile({ grad, ...props }: IconProps) {
d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
/>
- );
+ )
}
diff --git a/docs/components/icons/Question.tsx b/docs/components/icons/Question.tsx
index 846a0d61e35..836f9a4b332 100644
--- a/docs/components/icons/Question.tsx
+++ b/docs/components/icons/Question.tsx
@@ -1,7 +1,7 @@
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Question({ grad, ...props }: IconProps) {
return (
@@ -22,5 +22,5 @@ export function Question({ grad, ...props }: IconProps) {
d="M8.22766 9C8.77678 7.83481 10.2584 7 12.0001 7C14.2092 7 16.0001 8.34315 16.0001 10C16.0001 11.3994 14.7224 12.5751 12.9943 12.9066C12.4519 13.0106 12.0001 13.4477 12.0001 14M12 17H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Quote.tsx b/docs/components/icons/Quote.tsx
index ade4ad5a09f..8781b7e3cdb 100644
--- a/docs/components/icons/Quote.tsx
+++ b/docs/components/icons/Quote.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Quote({ grad, ...props }: IconProps) {
return (
@@ -20,5 +20,5 @@ export function Quote({ grad, ...props }: IconProps) {
d="M0.500189 24.8163H12.1005V17.1574C12.0676 11.7727 13.5835 7.72584 15.9563 3.81275L9.10158 0C4.75145 3.64552 0.467233 10.8362 0.500189 17.1908V24.8163ZM17.0439 24.8163H28.6442V17.1574C28.6112 11.7727 30.1272 7.72584 32.5 3.81275L25.6453 0C21.2951 3.64552 17.0109 10.8362 17.0439 17.1908V24.8163Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Relational.tsx b/docs/components/icons/Relational.tsx
index 599608d3e10..d8ad9d21af6 100644
--- a/docs/components/icons/Relational.tsx
+++ b/docs/components/icons/Relational.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Relational({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Relational({ grad, ...props }: IconProps) {
d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Relationship.tsx b/docs/components/icons/Relationship.tsx
index a06fd9a8c3d..49f68537c16 100644
--- a/docs/components/icons/Relationship.tsx
+++ b/docs/components/icons/Relationship.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Relationship({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Relationship({ grad, ...props }: IconProps) {
d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Roadmap.tsx b/docs/components/icons/Roadmap.tsx
index cbbf4d90380..1a11e4bdb4d 100644
--- a/docs/components/icons/Roadmap.tsx
+++ b/docs/components/icons/Roadmap.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Roadmap({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Roadmap({ grad, ...props }: IconProps) {
d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"
/>
- );
+ )
}
diff --git a/docs/components/icons/RugbyAuLogo.tsx b/docs/components/icons/RugbyAuLogo.tsx
index fbfb33919d2..18660b5d605 100644
--- a/docs/components/icons/RugbyAuLogo.tsx
+++ b/docs/components/icons/RugbyAuLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function RugbyAuLogo(props: IconProps) {
return (
@@ -37,5 +37,5 @@ export function RugbyAuLogo(props: IconProps) {
- );
+ )
}
diff --git a/docs/components/icons/Search.tsx b/docs/components/icons/Search.tsx
index ca542027c06..ccb960bc67c 100644
--- a/docs/components/icons/Search.tsx
+++ b/docs/components/icons/Search.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Search({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Search({ grad, ...props }: IconProps) {
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
/>
- );
+ )
}
diff --git a/docs/components/icons/SearchKeys.tsx b/docs/components/icons/SearchKeys.tsx
index 6a8494d3dee..b0e1cf6eed6 100644
--- a/docs/components/icons/SearchKeys.tsx
+++ b/docs/components/icons/SearchKeys.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function SearchKeys({ grad, ...props }: IconProps) {
return (
@@ -19,5 +19,5 @@ export function SearchKeys({ grad, ...props }: IconProps) {
- );
+ )
}
diff --git a/docs/components/icons/Shield.tsx b/docs/components/icons/Shield.tsx
index 478a60c6585..86ace3c7c5e 100644
--- a/docs/components/icons/Shield.tsx
+++ b/docs/components/icons/Shield.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Shield({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Shield({ grad, ...props }: IconProps) {
d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Slack.tsx b/docs/components/icons/Slack.tsx
index 167b904f244..33e2679c783 100644
--- a/docs/components/icons/Slack.tsx
+++ b/docs/components/icons/Slack.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Slack({ grad, ...props }: IconProps) {
return (
@@ -35,5 +35,5 @@ export function Slack({ grad, ...props }: IconProps) {
d="M80.1 99.8c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V99.8h13.2zm0-6.6c-7.3 0-13.2-5.9-13.2-13.2 0-7.3 5.9-13.2 13.2-13.2h33.1c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H80.1z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Thinkmill.tsx b/docs/components/icons/Thinkmill.tsx
index 084aed7955f..5603b4d7f40 100644
--- a/docs/components/icons/Thinkmill.tsx
+++ b/docs/components/icons/Thinkmill.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Thinkmill({ grad, ...props }: IconProps) {
return (
@@ -33,5 +33,5 @@ export function Thinkmill({ grad, ...props }: IconProps) {
- );
+ )
}
diff --git a/docs/components/icons/Tick.tsx b/docs/components/icons/Tick.tsx
index dd0ff74cadf..a730605d22f 100644
--- a/docs/components/icons/Tick.tsx
+++ b/docs/components/icons/Tick.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Tick({ grad, ...props }: IconProps) {
return (
@@ -21,5 +21,5 @@ export function Tick({ grad, ...props }: IconProps) {
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Twitter.tsx b/docs/components/icons/Twitter.tsx
index 50f8d55f43a..1de9c11ddfe 100644
--- a/docs/components/icons/Twitter.tsx
+++ b/docs/components/icons/Twitter.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Twitter({ grad, ...props }: IconProps) {
return (
@@ -19,5 +19,5 @@ export function Twitter({ grad, ...props }: IconProps) {
d="M8.54 20.22c9.32 0 14.41-7.74 14.41-14.46l-.01-.66c.99-.71 1.84-1.6 2.53-2.62-.93.4-1.91.68-2.91.8A5.1 5.1 0 0024.78.45c-1 .6-2.08 1.01-3.21 1.24a5.07 5.07 0 00-8.64 4.63A14.35 14.35 0 012.5 1.03 5.1 5.1 0 004.06 7.8c-.8-.02-1.6-.24-2.3-.63v.06a5.1 5.1 0 004.06 4.98c-.74.2-1.52.24-2.28.1a5.09 5.09 0 004.73 3.52 10.15 10.15 0 01-7.5 2.1 14.32 14.32 0 007.77 2.28"
/>
- );
+ )
}
diff --git a/docs/components/icons/Typescript.tsx b/docs/components/icons/Typescript.tsx
index a4fc5f6083e..e6bee00d78f 100644
--- a/docs/components/icons/Typescript.tsx
+++ b/docs/components/icons/Typescript.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Typescript({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Typescript({ grad, ...props }: IconProps) {
d="M11.0278 6H7.02777H3.02777 M7.02777 6V18 M20.9723 8.30769C20.9723 7.84615 20.0973 6 17.4723 6C14.8473 6 13.9723 7.84615 13.9723 8.76923C13.9723 10.6154 14.8473 11.5385 17.4723 12C20.0973 12.4615 20.9723 13.3846 20.9723 15.2308C20.9723 16.1538 20.0973 18 17.4723 18C14.8473 18 13.9723 16.1538 13.9723 15.6923"
/>
- );
+ )
}
diff --git a/docs/components/icons/Updates.tsx b/docs/components/icons/Updates.tsx
index b7a9c4f0397..44eb1ee2da9 100644
--- a/docs/components/icons/Updates.tsx
+++ b/docs/components/icons/Updates.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Updates({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Updates({ grad, ...props }: IconProps) {
d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
/>
- );
+ )
}
diff --git a/docs/components/icons/Video.tsx b/docs/components/icons/Video.tsx
index 6a73c580924..273601593f7 100644
--- a/docs/components/icons/Video.tsx
+++ b/docs/components/icons/Video.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Video({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Video({ grad, ...props }: IconProps) {
d="M15 10L19.5528 7.72361C20.2177 7.39116 21 7.87465 21 8.61803V15.382C21 16.1253 20.2177 16.6088 19.5528 16.2764L15 14M5 18H13C14.1046 18 15 17.1046 15 16V8C15 6.89543 14.1046 6 13 6H5C3.89543 6 3 6.89543 3 8V16C3 17.1046 3.89543 18 5 18Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/VocalLogo.tsx b/docs/components/icons/VocalLogo.tsx
index 2cb96545f0f..195f3403c74 100644
--- a/docs/components/icons/VocalLogo.tsx
+++ b/docs/components/icons/VocalLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function VocalLogo(props: IconProps) {
return (
@@ -29,5 +29,5 @@ export function VocalLogo(props: IconProps) {
clipRule="evenodd"
/>
- );
+ )
}
diff --git a/docs/components/icons/Watch.tsx b/docs/components/icons/Watch.tsx
index 0f97af14f3f..09c10937f15 100644
--- a/docs/components/icons/Watch.tsx
+++ b/docs/components/icons/Watch.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Watch({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Watch({ grad, ...props }: IconProps) {
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
/>
- );
+ )
}
diff --git a/docs/components/icons/Welcome.tsx b/docs/components/icons/Welcome.tsx
index 36c8ffcb289..aa02589bb21 100644
--- a/docs/components/icons/Welcome.tsx
+++ b/docs/components/icons/Welcome.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function Welcome({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function Welcome({ grad, ...props }: IconProps) {
d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
- );
+ )
}
diff --git a/docs/components/icons/WestpacLogo.tsx b/docs/components/icons/WestpacLogo.tsx
index cc095873f51..c4a87b01437 100644
--- a/docs/components/icons/WestpacLogo.tsx
+++ b/docs/components/icons/WestpacLogo.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { IconProps } from './util';
+import { IconProps } from './util'
export function WestpacLogo(props: IconProps) {
return (
@@ -21,5 +21,5 @@ export function WestpacLogo(props: IconProps) {
d="M6.076 16.709c.505.214.836 1.527.836 1.527l3.13 10.96c.361 1.372 1.503 2.095 2.781 2.095h6.864c-.492-.088-1.03-1.546-1.03-1.546l-3.481-10.903c-.501-1.665-1.346-2.133-2.625-2.133H6.076Zm29.05 0c-1.283 0-2.113.468-2.606 2.133l-3.5 10.903s-.533 1.458-1.03 1.546h6.864c1.284 0 2.415-.723 2.78-2.094l3.13-10.961s.342-1.313.856-1.527h-6.494Zm-15.089.078v14.504h7.642V16.787h-7.642Z"
/>
- );
+ )
}
diff --git a/docs/components/icons/WhyKeystone.tsx b/docs/components/icons/WhyKeystone.tsx
index 7d2a59ca37b..f9b711d65b5 100644
--- a/docs/components/icons/WhyKeystone.tsx
+++ b/docs/components/icons/WhyKeystone.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function WhyKeystone({ grad, ...props }: IconProps) {
return (
@@ -23,5 +23,5 @@ export function WhyKeystone({ grad, ...props }: IconProps) {
d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"
/>
- );
+ )
}
diff --git a/docs/components/icons/YouTube.tsx b/docs/components/icons/YouTube.tsx
index 7909e10b4e0..b878e20966e 100644
--- a/docs/components/icons/YouTube.tsx
+++ b/docs/components/icons/YouTube.tsx
@@ -1,8 +1,8 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Gradients, IconProps } from './util';
+import { Gradients, IconProps } from './util'
export function YouTube({ grad, ...props }: IconProps) {
return (
@@ -19,5 +19,5 @@ export function YouTube({ grad, ...props }: IconProps) {
d="M14.7 4.63a1.75 1.75 0 00-1.23-1.24C12.38 3.1 8 3.1 8 3.1s-4.38 0-5.47.3A1.75 1.75 0 001.3 4.62C1.1 5.74 1 6.87 1 8s.1 2.26.3 3.37a1.75 1.75 0 001.23 1.24c1.09.29 5.47.29 5.47.29s4.38 0 5.47-.3a1.75 1.75 0 001.23-1.23c.2-1.11.3-2.24.3-3.37s-.1-2.26-.3-3.37zM6.6 10.1V5.9L10.23 8 6.6 10.1z"
/>
- );
+ )
}
diff --git a/docs/components/icons/index.ts b/docs/components/icons/index.ts
index 88181eefcee..6ea82931a0c 100644
--- a/docs/components/icons/index.ts
+++ b/docs/components/icons/index.ts
@@ -1,48 +1,48 @@
-export type { IconGradient } from './util';
+export type { IconGradient } from './util'
-export { ArrowR } from './ArrowR';
-export { Automated } from './Automated';
-export { Cli } from './Cli';
-export { ClientLogos } from './ClientLogos';
-export { Close } from './Close';
-export { Code } from './Code';
-export { Content } from './Content';
-export { Copy } from './Copy';
-export { Custom } from './Custom';
-export { DarkMode } from './DarkMode';
-export { Docs } from './Docs';
-export { Download } from './Download';
-export { Edit } from './Edit';
-export { Editor } from './Editor';
-export { Filter } from './Filter';
-export { FrontEndLogos } from './FrontEndLogos';
-export { GitHub } from './GitHub';
-export { GraphQl } from './GraphQl';
-export { Hamburger } from './Hamburger';
-export { Keystone } from './Keystone';
-export { Lab } from './Lab';
-export { LightMode } from './LightMode';
-export { Link } from './Link';
-export { Migration } from './Migration';
-export { Nextjs } from './Nextjs';
-export { Nope } from './Nope';
-export { Organization } from './Organization';
-export { Postgres } from './Postgres';
-export { Prisma } from './Prisma';
-export { Profile } from './Profile';
-export { Quote } from './Quote';
-export { Relational } from './Relational';
-export { Relationship } from './Relationship';
-export { Roadmap } from './Roadmap';
-export { Search } from './Search';
-export { SearchKeys } from './SearchKeys';
-export { Shield } from './Shield';
-export { Slack } from './Slack';
-export { Thinkmill } from './Thinkmill';
-export { Tick } from './Tick';
-export { Twitter } from './Twitter';
-export { Typescript } from './Typescript';
-export { Updates } from './Updates';
-export { Watch } from './Watch';
-export { Welcome } from './Welcome';
-export { WhyKeystone } from './WhyKeystone';
+export { ArrowR } from './ArrowR'
+export { Automated } from './Automated'
+export { Cli } from './Cli'
+export { ClientLogos } from './ClientLogos'
+export { Close } from './Close'
+export { Code } from './Code'
+export { Content } from './Content'
+export { Copy } from './Copy'
+export { Custom } from './Custom'
+export { DarkMode } from './DarkMode'
+export { Docs } from './Docs'
+export { Download } from './Download'
+export { Edit } from './Edit'
+export { Editor } from './Editor'
+export { Filter } from './Filter'
+export { FrontEndLogos } from './FrontEndLogos'
+export { GitHub } from './GitHub'
+export { GraphQl } from './GraphQl'
+export { Hamburger } from './Hamburger'
+export { Keystone } from './Keystone'
+export { Lab } from './Lab'
+export { LightMode } from './LightMode'
+export { Link } from './Link'
+export { Migration } from './Migration'
+export { Nextjs } from './Nextjs'
+export { Nope } from './Nope'
+export { Organization } from './Organization'
+export { Postgres } from './Postgres'
+export { Prisma } from './Prisma'
+export { Profile } from './Profile'
+export { Quote } from './Quote'
+export { Relational } from './Relational'
+export { Relationship } from './Relationship'
+export { Roadmap } from './Roadmap'
+export { Search } from './Search'
+export { SearchKeys } from './SearchKeys'
+export { Shield } from './Shield'
+export { Slack } from './Slack'
+export { Thinkmill } from './Thinkmill'
+export { Tick } from './Tick'
+export { Twitter } from './Twitter'
+export { Typescript } from './Typescript'
+export { Updates } from './Updates'
+export { Watch } from './Watch'
+export { Welcome } from './Welcome'
+export { WhyKeystone } from './WhyKeystone'
diff --git a/docs/components/icons/util.tsx b/docs/components/icons/util.tsx
index 989cc9e529c..98f0a2a2be0 100644
--- a/docs/components/icons/util.tsx
+++ b/docs/components/icons/util.tsx
@@ -1,10 +1,10 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { SVGAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { SVGAttributes } from 'react'
-export type IconGradient = 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5' | 'grad6' | 'logo';
-export type IconProps = { grad?: IconGradient | null } & SVGAttributes;
+export type IconGradient = 'grad1' | 'grad2' | 'grad3' | 'grad4' | 'grad5' | 'grad6' | 'logo'
+export type IconProps = { grad?: IconGradient | null } & SVGAttributes
export function Gradients({ name }: { name: string }) {
return (
@@ -38,5 +38,5 @@ export function Gradients({ name }: { name: string }) {
- );
+ )
}
diff --git a/docs/components/primitives/Alert.tsx b/docs/components/primitives/Alert.tsx
index 717bc221229..721599301f0 100644
--- a/docs/components/primitives/Alert.tsx
+++ b/docs/components/primitives/Alert.tsx
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import classnames from 'classnames';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import classnames from 'classnames'
+import { HTMLAttributes } from 'react'
type AlertProps = {
look?: 'neutral' | 'tip' | 'warn' | 'error';
-} & HTMLAttributes;
+} & HTMLAttributes
export function Alert({ look = 'neutral', className, ...props }: AlertProps) {
- const classes = classnames('hint', look, className); // styles for this component can be found in the _app.js file
- return ;
+ const classes = classnames('hint', look, className) // styles for this component can be found in the _app.js file
+ return
}
diff --git a/docs/components/primitives/Badge.tsx b/docs/components/primitives/Badge.tsx
index 5a01d909153..3736947708e 100644
--- a/docs/components/primitives/Badge.tsx
+++ b/docs/components/primitives/Badge.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
const styleMap = {
success: {
@@ -20,11 +20,11 @@ const styleMap = {
color: 'var(--danger)',
background: 'var(--danger-bg)',
},
-};
+}
type BadgeProps = {
look?: keyof typeof styleMap;
-} & HTMLAttributes;
+} & HTMLAttributes
export function Badge({ look = 'warning', ...props }: BadgeProps) {
return (
@@ -39,5 +39,5 @@ export function Badge({ look = 'warning', ...props }: BadgeProps) {
}}
{...props}
/>
- );
+ )
}
diff --git a/docs/components/primitives/Button.tsx b/docs/components/primitives/Button.tsx
index ca4d1bfafe5..074398510f1 100644
--- a/docs/components/primitives/Button.tsx
+++ b/docs/components/primitives/Button.tsx
@@ -1,11 +1,11 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { ReactNode } from 'react';
-import { CSSObject, jsx } from '@emotion/react';
-import Link from 'next/link';
+import { ReactNode } from 'react'
+import { CSSObject, jsx } from '@emotion/react'
+import Link from 'next/link'
-import { forwardRefWithAs } from '../../lib/forwardRefWithAs';
-import { Loading } from './Loading';
+import { forwardRefWithAs } from '../../lib/forwardRefWithAs'
+import { Loading } from './Loading'
const styleMap = {
default: {},
@@ -53,7 +53,7 @@ const styleMap = {
padding: 0,
borderRadius: 0,
},
-};
+}
const shadowMap: Record = {
default: {
@@ -74,7 +74,7 @@ const shadowMap: Record = {
'--button-shadow-active': '0 3px 14px 0 rgb(0 118 255 / 08%)',
},
text: {},
-};
+}
const sizeMap = {
default: {
@@ -101,7 +101,7 @@ const sizeMap = {
height: '2rem',
padding: '0 12px',
},
-};
+}
type ButtonProps = {
children?: ReactNode;
@@ -112,7 +112,7 @@ type ButtonProps = {
shadow?: boolean;
size?: keyof typeof sizeMap;
styleOverrides?: CSSObject;
-};
+}
export const Button = forwardRefWithAs<'button', ButtonProps>(
(
@@ -130,17 +130,17 @@ export const Button = forwardRefWithAs<'button', ButtonProps>(
ref
) => {
if (Tag === 'a' && !props.href) {
- Tag = 'button';
+ Tag = 'button'
}
if (Tag === 'a' && props.href) {
- disabled = undefined;
- Tag = Link;
+ disabled = undefined
+ Tag = Link
}
if (look === 'text') {
- disabled = loading ? true : disabled;
- loading = false;
+ disabled = loading ? true : disabled
+ loading = false
}
return (
@@ -247,8 +247,8 @@ export const Button = forwardRefWithAs<'button', ButtonProps>(
/>
) : null}
- );
+ )
}
-);
+)
-Button.displayName = 'Button';
+Button.displayName = 'Button'
diff --git a/docs/components/primitives/Code.tsx b/docs/components/primitives/Code.tsx
index 08a646a6388..f132d317382 100644
--- a/docs/components/primitives/Code.tsx
+++ b/docs/components/primitives/Code.tsx
@@ -1,67 +1,67 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { Highlight, Prism } from 'prism-react-renderer';
-import { jsx } from '@emotion/react';
-import { ReactNode, useEffect, useMemo, useState } from 'react';
+import { Highlight, Prism } from 'prism-react-renderer'
+import { jsx } from '@emotion/react'
+import { ReactNode, useEffect, useMemo, useState } from 'react'
-import theme from '../../lib/prism-theme';
+import theme from '../../lib/prism-theme'
-type Range = { start: number; end: number };
-type CollapseRange = Range & { isCollapsed: boolean };
+type Range = { start: number; end: number }
+type CollapseRange = Range & { isCollapsed: boolean }
const getRanges = (lines: string): Range[] => {
- let ranges: Range[] = [];
+ let ranges: Range[] = []
lines.split(',').forEach(lineRange => {
if (lineRange.length) {
- const [range1, range2] = lineRange.split('-');
+ const [range1, range2] = lineRange.split('-')
- let parsedRange1 = parseInt(range1);
- let parsedRange2 = parseInt(range2);
+ let parsedRange1 = parseInt(range1)
+ let parsedRange2 = parseInt(range2)
if (isNaN(parsedRange1)) {
- throw new Error(`When trying to do highlighting, error in {${lines}}`);
+ throw new Error(`When trying to do highlighting, error in {${lines}}`)
}
if (!isNaN(parsedRange2)) {
- ranges.push({ start: parsedRange1 - 1, end: parsedRange2 - 1 });
+ ranges.push({ start: parsedRange1 - 1, end: parsedRange2 - 1 })
while (parsedRange1 <= parsedRange2) {
- parsedRange1++;
+ parsedRange1++
}
} else {
- ranges.push({ start: parsedRange1 - 1, end: parsedRange1 - 1 });
+ ranges.push({ start: parsedRange1 - 1, end: parsedRange1 - 1 })
}
}
- });
+ })
- return ranges;
-};
+ return ranges
+}
const parseClassName = (
className?: string
): { highlightRanges: Range[]; collapseRanges: CollapseRange[]; language: string } => {
- let trimmedLanguage = (className || '').replace(/language-/, '');
- let language, highlights, collapses;
+ let trimmedLanguage = (className || '').replace(/language-/, '')
+ let language, highlights, collapses
if (
!trimmedLanguage.includes('[') ||
trimmedLanguage.indexOf('{') < trimmedLanguage.indexOf('[')
) {
- let [scopedLanguage, modifiers = ''] = trimmedLanguage.split('{');
+ let [scopedLanguage, modifiers = ''] = trimmedLanguage.split('{')
- let [scopedHighlights, scopedCollapses] = modifiers.split('[');
+ let [scopedHighlights, scopedCollapses] = modifiers.split('[')
- language = scopedLanguage;
- highlights = scopedHighlights;
- collapses = scopedCollapses;
+ language = scopedLanguage
+ highlights = scopedHighlights
+ collapses = scopedCollapses
} else {
- let [scopedLanguage, modifiers = ''] = trimmedLanguage.split('[');
+ let [scopedLanguage, modifiers = ''] = trimmedLanguage.split('[')
- let [scopedCollapses, scopedHighlights] = modifiers.split('{');
+ let [scopedCollapses, scopedHighlights] = modifiers.split('{')
- language = scopedLanguage;
- highlights = scopedHighlights;
- collapses = scopedCollapses;
+ language = scopedLanguage
+ highlights = scopedHighlights
+ collapses = scopedCollapses
}
return {
@@ -71,13 +71,13 @@ const parseClassName = (
...range,
isCollapsed: true,
})),
- };
-};
+ }
+}
const findRange = (
ranges: TRange[],
num: number
-): TRange | undefined => ranges.find(({ start, end }) => start <= num && end >= num);
+): TRange | undefined => ranges.find(({ start, end }) => start <= num && end >= num)
export function CodeBlock(props: { children: string; className?: string }) {
/*
@@ -85,22 +85,22 @@ export function CodeBlock(props: { children: string; className?: string }) {
This function returns us to our old behaviour, though a bit inelegantly
*/
if (props.children.includes('\n')) {
- return
;
+ return
}
- return ;
+ return
}
export function Code({ children, className }: { children: string; className?: string }) {
let { language, highlightRanges, collapseRanges } = useMemo(
() => parseClassName(className),
[className]
- );
+ )
- const [collapseState, updateCollapseState] = useState(collapseRanges);
+ const [collapseState, updateCollapseState] = useState(collapseRanges)
useEffect(() => {
- updateCollapseState(collapseRanges);
- }, [collapseRanges]);
+ updateCollapseState(collapseRanges)
+ }, [collapseRanges])
return (
@@ -121,9 +121,9 @@ export function Code({ children, className }: { children: string; className?: st
onClick={() => {
let updated = collapseState.map(item =>
item.start === i ? { ...item, isCollapsed: false } : item
- );
+ )
- updateCollapseState(updated);
+ updateCollapseState(updated)
}}
css={{
border: 'inherit',
@@ -135,11 +135,11 @@ export function Code({ children, className }: { children: string; className?: st
>
...
- );
+ )
}
if (findRange(collapseState, i)?.isCollapsed) {
- return undefined;
+ return undefined
}
return (
@@ -165,18 +165,18 @@ export function Code({ children, className }: { children: string; className?: st
{line.map((token, key) => {
// Fix for document field import
if (token.content === 'document' && token.types[0] === 'imports') {
- token.types = ['imports'];
+ token.types = ['imports']
}
- return ;
+ return
})}
- );
+ )
})}
- );
+ )
}}
- );
+ )
}
export function InlineCode({ children }: { children: ReactNode }) {
@@ -197,5 +197,5 @@ export function InlineCode({ children }: { children: ReactNode }) {
>
{children}
- );
+ )
}
diff --git a/docs/components/primitives/EditButton.tsx b/docs/components/primitives/EditButton.tsx
index 1d2c88b34a5..08ef45c03d8 100644
--- a/docs/components/primitives/EditButton.tsx
+++ b/docs/components/primitives/EditButton.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { Edit } from '../../components/icons/Edit';
-import { Button } from './Button';
+import { Edit } from '../../components/icons/Edit'
+import { Button } from './Button'
export function EditButton({
pathName,
@@ -14,14 +14,14 @@ export function EditButton({
isIndexPage?: boolean;
editPath?: string;
}) {
- let fileUrl = `https://github.com/keystonejs/keystone/edit/main/docs/pages`;
+ let fileUrl = `https://github.com/keystonejs/keystone/edit/main/docs/pages`
if (editPath) {
- fileUrl += `/${editPath}`;
+ fileUrl += `/${editPath}`
} else if (isIndexPage) {
- fileUrl += `${pathName}/index.tsx`;
+ fileUrl += `${pathName}/index.tsx`
} else {
- fileUrl += `${pathName}.md`;
+ fileUrl += `${pathName}.md`
}
return (
@@ -44,5 +44,5 @@ export function EditButton({
/>
Edit on GitHub
- );
+ )
}
diff --git a/docs/components/primitives/Emoji.tsx b/docs/components/primitives/Emoji.tsx
index 4e213356e01..30653308f20 100644
--- a/docs/components/primitives/Emoji.tsx
+++ b/docs/components/primitives/Emoji.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, keyframes } from '@emotion/react';
-import { useRef, useState, useEffect, HTMLAttributes, ReactNode } from 'react';
+import { jsx, keyframes } from '@emotion/react'
+import { useRef, useState, useEffect, HTMLAttributes, ReactNode } from 'react'
const fadeInTop = keyframes`
from {
@@ -12,7 +12,7 @@ const fadeInTop = keyframes`
bottom: 100%;
opacity: 1;
}
-`;
+`
const fadeInBottom = keyframes`
from {
@@ -23,7 +23,7 @@ const fadeInBottom = keyframes`
top: 100%;
opacity: 1;
}
-`;
+`
/*
* The Emoji component makes emojis more accessible to people:
@@ -37,18 +37,18 @@ const fadeInBottom = keyframes`
type EmojiProps = {
symbol: ReactNode;
alt: string;
-} & HTMLAttributes;
+} & HTMLAttributes
export function Emoji({ symbol, alt, ...props }: EmojiProps) {
- const posRef = useRef(null);
- const [showOnTop, setShownTop] = useState(true);
+ const posRef = useRef(null)
+ const [showOnTop, setShownTop] = useState(true)
// eslint-disable-next-line react-hooks/exhaustive-deps
useEffect(() => {
if (posRef.current && posRef.current.offsetTop - window.pageYOffset < 50) {
- setShownTop(false);
+ setShownTop(false)
}
- });
+ })
return (
{symbol}
- );
+ )
}
diff --git a/docs/components/primitives/Field.tsx b/docs/components/primitives/Field.tsx
index 74512ebe5d5..f1d297573e3 100644
--- a/docs/components/primitives/Field.tsx
+++ b/docs/components/primitives/Field.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { InputHTMLAttributes } from 'react';
-import { Stack } from './Stack';
-import { Type } from './Type';
+import { jsx } from '@emotion/react'
+import { InputHTMLAttributes } from 'react'
+import { Stack } from './Stack'
+import { Type } from './Type'
export const Field = ({
label,
@@ -17,9 +17,9 @@ export const Field = ({
id?: string;
size?: 'medium' | 'large';
}) => {
- const isTextarea = type === 'comments';
- const TextInput = isTextarea ? 'textarea' : 'input';
- const isMedium = size === 'medium';
+ const isTextarea = type === 'comments'
+ const TextInput = isTextarea ? 'textarea' : 'input'
+ const isMedium = size === 'medium'
return (
- );
-};
+ )
+}
-Field.displayName = 'Field';
+Field.displayName = 'Field'
diff --git a/docs/components/primitives/GitHubButton.tsx b/docs/components/primitives/GitHubButton.tsx
index 2973091517a..b23191a1985 100644
--- a/docs/components/primitives/GitHubButton.tsx
+++ b/docs/components/primitives/GitHubButton.tsx
@@ -1,29 +1,29 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { useState, useEffect, HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { useState, useEffect, HTMLAttributes } from 'react'
-import { Loading } from './Loading';
-import { Type } from './Type';
+import { Loading } from './Loading'
+import { Type } from './Type'
type GitHubButtonProps = {
repo: string;
-} & HTMLAttributes;
+} & HTMLAttributes
export function GitHubButton({ repo, ...props }: GitHubButtonProps) {
- const [count, setCount] = useState(0);
- repo = repo.replace('https://github.com/', '');
+ const [count, setCount] = useState(0)
+ repo = repo.replace('https://github.com/', '')
useEffect(() => {
fetch(`https://api.github.com/repos/${repo}`)
.then(res => res.json())
.then(({ stargazers_count }) => {
- setCount(stargazers_count);
+ setCount(stargazers_count)
})
.catch(error => {
- console.error('Error retrieving stargazing data', error);
- });
- });
+ console.error('Error retrieving stargazing data', error)
+ })
+ })
return (
}
- );
+ )
}
diff --git a/docs/components/primitives/Gradient.tsx b/docs/components/primitives/Gradient.tsx
index 18e3e31cd02..5001b31d8f9 100644
--- a/docs/components/primitives/Gradient.tsx
+++ b/docs/components/primitives/Gradient.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes, ElementType } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes, ElementType } from 'react'
const styleMap = {
grad1: {
@@ -24,12 +24,12 @@ const styleMap = {
'--grad-1': 'var(--grad5-1)',
'--grad-2': 'var(--grad5-2)',
},
-};
+}
type GradientProps = {
as?: ElementType;
look?: keyof typeof styleMap;
-} & HTMLAttributes;
+} & HTMLAttributes
export function Gradient({ look = 'grad1', as: Tag = 'span', ...props }: GradientProps) {
return (
@@ -40,5 +40,5 @@ export function Gradient({ look = 'grad1', as: Tag = 'span', ...props }: Gradien
}}
{...props}
/>
- );
+ )
}
diff --git a/docs/components/primitives/Highlight.tsx b/docs/components/primitives/Highlight.tsx
index b173276e7a6..28c0b056a7c 100644
--- a/docs/components/primitives/Highlight.tsx
+++ b/docs/components/primitives/Highlight.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes, ElementType } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes, ElementType } from 'react'
const styleMap = {
grad1: {
@@ -28,12 +28,12 @@ const styleMap = {
'--grad-1': 'var(--grad6-1)',
'--grad-2': 'var(--grad6-2)',
},
-};
+}
type HighlightProps = {
as?: ElementType;
look?: keyof typeof styleMap;
-} & HTMLAttributes;
+} & HTMLAttributes
export function Highlight({ look = 'grad1', as: Tag = 'span', ...props }: HighlightProps) {
return (
@@ -49,5 +49,5 @@ export function Highlight({ look = 'grad1', as: Tag = 'span', ...props }: Highli
}}
{...props}
/>
- );
+ )
}
diff --git a/docs/components/primitives/Loading.tsx b/docs/components/primitives/Loading.tsx
index bf4179894d7..cae141306ed 100644
--- a/docs/components/primitives/Loading.tsx
+++ b/docs/components/primitives/Loading.tsx
@@ -1,7 +1,7 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, keyframes } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx, keyframes } from '@emotion/react'
+import { HTMLAttributes } from 'react'
const loading = keyframes({
'0%, 80%, 100%': {
@@ -10,7 +10,7 @@ const loading = keyframes({
'40%': {
opacity: 1,
},
-});
+})
const commonStyles = {
display: 'block',
@@ -19,9 +19,9 @@ const commonStyles = {
width: '1em',
borderRadius: '50%',
animation: `${loading} 1s linear infinite`,
-};
+}
-type LoadingProps = HTMLAttributes;
+type LoadingProps = HTMLAttributes
export function Loading(props: LoadingProps) {
return (
@@ -55,5 +55,5 @@ export function Loading(props: LoadingProps) {
}}
/>
- );
+ )
}
diff --git a/docs/components/primitives/SearchField.tsx b/docs/components/primitives/SearchField.tsx
index d9ae4238314..4092c75bfa0 100644
--- a/docs/components/primitives/SearchField.tsx
+++ b/docs/components/primitives/SearchField.tsx
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, Global, css } from '@emotion/react';
-import { Fragment, HTMLAttributes } from 'react';
+import { jsx, Global, css } from '@emotion/react'
+import { Fragment, HTMLAttributes } from 'react'
-import { algoliaStyles } from '../../lib/algoliaStyles';
-import { SearchKeys } from '../icons/SearchKeys';
-import { Search } from '../icons/Search';
-import { Field } from './Field';
+import { algoliaStyles } from '../../lib/algoliaStyles'
+import { SearchKeys } from '../icons/SearchKeys'
+import { Search } from '../icons/Search'
+import { Field } from './Field'
-type SearchFieldProps = HTMLAttributes;
+type SearchFieldProps = HTMLAttributes
export function SearchField(props: SearchFieldProps) {
return (
@@ -69,5 +69,5 @@ export function SearchField(props: SearchFieldProps) {
- );
+ )
}
diff --git a/docs/components/primitives/Stack.tsx b/docs/components/primitives/Stack.tsx
index da56527cfee..0c7f940a9c2 100644
--- a/docs/components/primitives/Stack.tsx
+++ b/docs/components/primitives/Stack.tsx
@@ -1,20 +1,20 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import { HTMLAttributes } from 'react'
-import { SPACE } from '../../lib/TOKENS';
+import { SPACE } from '../../lib/TOKENS'
-const gapMap: Record = {};
+const gapMap: Record = {}
Object.keys(SPACE).forEach((name, i) => {
- gapMap[i + 1] = `var(${name})`;
-});
+ gapMap[i + 1] = `var(${name})`
+})
type StackProps = {
block?: boolean;
gap?: number;
orientation?: 'vertical' | 'horizontal';
-} & HTMLAttributes;
+} & HTMLAttributes
export function Stack({ gap = 4, orientation = 'vertical', block, ...props }: StackProps) {
return (
@@ -31,5 +31,5 @@ export function Stack({ gap = 4, orientation = 'vertical', block, ...props }: St
}}
{...props}
/>
- );
+ )
}
diff --git a/docs/components/primitives/Status.tsx b/docs/components/primitives/Status.tsx
index ef4ea027fe8..2b4f309dac6 100644
--- a/docs/components/primitives/Status.tsx
+++ b/docs/components/primitives/Status.tsx
@@ -1,6 +1,6 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
const statusMap = {
notStarted: {
@@ -33,13 +33,13 @@ const statusMap = {
bg: 'success-bg',
color: 'text-heading',
},
-};
+}
type StatusProps = {
look: keyof typeof statusMap;
-};
+}
export function Status({ look }: StatusProps) {
- const status = statusMap[look];
+ const status = statusMap[look]
return (
{status.label}
- );
+ )
}
diff --git a/docs/components/primitives/Type.tsx b/docs/components/primitives/Type.tsx
index 9eb505b7820..ac7cdc7dba9 100644
--- a/docs/components/primitives/Type.tsx
+++ b/docs/components/primitives/Type.tsx
@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
-import { forwardRefWithAs } from '../../lib/forwardRefWithAs';
-import { useMediaQuery } from '../../lib/media';
+import { forwardRefWithAs } from '../../lib/forwardRefWithAs'
+import { useMediaQuery } from '../../lib/media'
const common = {
brand: {
@@ -17,7 +17,7 @@ const common = {
lineHeight: 1.2,
maxWidth: '85ch',
},
-};
+}
export const styleMap = {
heading20: {
@@ -144,7 +144,7 @@ export const styleMap = {
fontWeight: 600,
lineHeight: 1.7,
},
-} as const;
+} as const
type TypeProps = {
look?: keyof typeof styleMap;
@@ -152,11 +152,11 @@ type TypeProps = {
margin?: string | Array;
padding?: string | Array;
color?: string | Array;
-};
+}
export const Type = forwardRefWithAs<'span', TypeProps>(
({ as: Tag = 'span', look, fontSize, margin, padding, color, ...props }, ref) => {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
(
})}
{...props}
/>
- );
+ )
}
-);
-Type.displayName = 'Type';
+)
+Type.displayName = 'Type'
diff --git a/docs/components/primitives/Well.tsx b/docs/components/primitives/Well.tsx
index 50ee9105da8..f56919eb9e9 100644
--- a/docs/components/primitives/Well.tsx
+++ b/docs/components/primitives/Well.tsx
@@ -1,13 +1,13 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import Link from 'next/link';
-import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { jsx } from '@emotion/react'
+import Link from 'next/link'
+import { AnchorHTMLAttributes, ReactNode } from 'react'
-import { Type } from './Type';
-import { Badge } from './Badge';
+import { Type } from './Type'
+import { Badge } from './Badge'
-export type WellGradient = 'grad1' | 'grad2' | 'grad3' | 'grad4';
+export type WellGradient = 'grad1' | 'grad2' | 'grad3' | 'grad4'
type WellProps = {
grad?: WellGradient;
@@ -15,7 +15,7 @@ type WellProps = {
badge?: string;
href: string;
children: ReactNode;
-} & AnchorHTMLAttributes;
+} & AnchorHTMLAttributes
export function Well({ grad = 'grad1', heading, badge, href, children, ...props }: WellProps) {
return (
@@ -90,5 +90,5 @@ export function Well({ grad = 'grad1', heading, badge, href, children, ...props
{children}
- );
+ )
}
diff --git a/docs/components/primitives/Wrapper.tsx b/docs/components/primitives/Wrapper.tsx
index 15dd4ad82e9..d89f9fbf84f 100644
--- a/docs/components/primitives/Wrapper.tsx
+++ b/docs/components/primitives/Wrapper.tsx
@@ -1,16 +1,16 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import type { ElementType, HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react'
+import type { ElementType, HTMLAttributes } from 'react'
-import { useMediaQuery } from '../../lib/media';
+import { useMediaQuery } from '../../lib/media'
type WrapperProps = {
as?: ElementType;
-} & HTMLAttributes;
+} & HTMLAttributes
export function Wrapper({ as: Tag = 'div', ...props }: WrapperProps) {
- const mq = useMediaQuery();
+ const mq = useMediaQuery()
return (
- );
+ )
}
diff --git a/docs/components/primitives/YouTubeEmbed.tsx b/docs/components/primitives/YouTubeEmbed.tsx
index 394851287fa..0379e185642 100644
--- a/docs/components/primitives/YouTubeEmbed.tsx
+++ b/docs/components/primitives/YouTubeEmbed.tsx
@@ -1,11 +1,11 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx } from '@emotion/react'
type YouTubeEmbedProps = {
url: string;
label: string;
-};
+}
export function YouTubeEmbed({ url, label }: YouTubeEmbedProps) {
return (
@@ -33,5 +33,5 @@ export function YouTubeEmbed({ url, label }: YouTubeEmbedProps) {
allowFullScreen
/>
- );
+ )
}
diff --git a/docs/components/useOutsideClick.ts b/docs/components/useOutsideClick.ts
index ec7b676c840..1158b2c9c8f 100644
--- a/docs/components/useOutsideClick.ts
+++ b/docs/components/useOutsideClick.ts
@@ -1,17 +1,17 @@
-import { useEffect } from 'react';
+import { useEffect } from 'react'
export const useOnClickOutside = (ref: any, handler: (event: MouseEvent) => null) => {
useEffect(() => {
const listener = (event: MouseEvent) => {
if (!ref.current || ref.current.contains(event.target)) {
- return;
+ return
}
- handler(event);
- };
- document.addEventListener('mousedown', listener);
+ handler(event)
+ }
+ document.addEventListener('mousedown', listener)
return () => {
- document.removeEventListener('mousedown', listener);
- };
- }, [ref, handler]);
-};
+ document.removeEventListener('mousedown', listener)
+ }
+ }, [ref, handler])
+}
diff --git a/docs/lib/TOKENS.ts b/docs/lib/TOKENS.ts
index 9203d3f2edf..cf1f595a8ac 100644
--- a/docs/lib/TOKENS.ts
+++ b/docs/lib/TOKENS.ts
@@ -6,7 +6,7 @@ export const SPACE = {
'--space-large': '1rem',
'--space-xlarge': '1.5rem',
'--space-xxlarge': '6rem',
-} as const;
+} as const
export const TYPE = {
'--font-brand':
@@ -15,7 +15,7 @@ export const TYPE = {
'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
'--font-mono':
'ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace',
-} as const;
+} as const
export const TYPESCALE = {
'--font-xxsmall': '0.75rem',
@@ -25,7 +25,7 @@ export const TYPESCALE = {
'--font-large': '1.5rem',
'--font-xlarge': '1.875rem',
'--font-xxlarge': '2.625rem',
-} as const;
+} as const
export const COLORS = {
light: {
@@ -120,4 +120,4 @@ export const COLORS = {
'--grad6-1': '#F7F9FC',
'--grad6-2': '#F7F9FC',
},
-} as const;
+} as const
diff --git a/docs/lib/algoliaStyles.ts b/docs/lib/algoliaStyles.ts
index 416b9a2fba9..6563ff247fd 100644
--- a/docs/lib/algoliaStyles.ts
+++ b/docs/lib/algoliaStyles.ts
@@ -1,4 +1,4 @@
-import { css } from '@emotion/react';
+import { css } from '@emotion/react'
export const algoliaStyles = css`
.algolia-autocomplete {
@@ -462,4 +462,4 @@ export const algoliaStyles = css`
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRvY3NlYXJjaC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxzQkFBc0I7RUFDdEIsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYix3QkFBd0I7RUFDeEIsb0JBQW9CO0VBQ3BCLHVCQUF1QjtFQUN2QiwrQkFBK0I7Q0FDaEM7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsWUFBWTtFQUNaLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsYUFBYTtFQUNiLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0Qix1QkFBdUI7RUFDdkIsdURBQXVEO0VBQ3ZELFVBQVU7RUFDVixvQkFBb0I7RUFDcEIsb0NBQW9DO0VBQ3BDLCtCQUErQjtFQUMvQixXQUFXO0VBQ1gsb0JBQW9CO0VBQ3BCLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osYUFBYTtFQUNiLHVCQUF1QjtFQUN2QixvQkFBb0I7RUFDcEIsZ0JBQWdCO0VBQ2hCLHlCQUFpQjtLQUFqQixzQkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEO0VBQ0Usb0NBQW9DO0NBQ3JDOztBQUVEO0VBQ0UsV0FBVztFQUNYLG9DQUFvQztFQUNwQyxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUZEO0VBQ0UsZUFBZTtDQUNoQjs7QUFGRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRkQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxVQUFVO0VBQ1YsVUFBVTtFQUNWLDZCQUE2QjtFQUM3Qix3Q0FBd0M7RUFDeEMsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLG1CQUFtQjtFQUNuQixtQkFBbUI7RUFDbkIsMEJBQWtCO0tBQWxCLHVCQUFrQjtNQUFsQixzQkFBa0I7VUFBbEIsa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZixRQUFRO0NBQ1Q7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYix1QkFBdUI7RUFDdkIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7RUFDYix1QkFBdUI7RUFDdkIsY0FBYztDQUNmOztBQUVEO0VBQ0UsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsV0FBVztFQUNYLFVBQVU7RUFDVixVQUFVO0VBQ1YsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixXQUFXO0VBQ1gsbUJBQW1CO0VBQ25CLDBCQUFrQjtLQUFsQix1QkFBa0I7TUFBbEIsc0JBQWtCO1VBQWxCLGtCQUFrQjtFQUNsQix5QkFBeUI7Q0FDMUI7O0FBRUQ7RUFDRSxjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsWUFBWTtFQUNaLFdBQVc7RUFDWCxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YscUNBQTZCO1VBQTdCLDZCQUE2QjtFQUM3QixrQ0FBMEI7VUFBMUIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0U7SUFDRSwyQ0FBbUM7WUFBbkMsbUNBQW1DO0lBQ25DLFdBQVc7R0FDWjtFQUNEO0lBQ0Usd0JBQWdCO1lBQWhCLGdCQUFnQjtJQUNoQixXQUFXO0dBQ1o7Q0FDRjs7QUFURDtFQUNFO0lBQ0UsMkNBQW1DO1lBQW5DLG1DQUFtQztJQUNuQyxXQUFXO0dBQ1o7RUFDRDtJQUNFLHdCQUFnQjtZQUFoQixnQkFBZ0I7SUFDaEIsV0FBVztHQUNaO0NBQ0Y7O0FBRUQ7RUFDRSxvQkFBb0I7RUFDcEIseUJBQXlCO0NBQzFCOztBQUVEO0VBQ0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixVQUFVO0VBQ1YsbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQixXQUFXO0VBQ1gsaUJBQWlCO0VBQ2pCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsd0JBQXdCO0VBQ3hCLGFBQWE7RUFDYixhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGlCQUFpQjtFQUNqQix5RUFBeUU7Q0FDMUU7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixZQUFZO0VBQ1osYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixjQUFjO0VBQ2QsVUFBVTtFQUNWLDhCQUE4QjtFQUM5QixnQ0FBZ0M7RUFDaEMsa0NBQTBCO1VBQTFCLDBCQUEwQjtFQUMxQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsY0FBYztFQUNkLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLDJDQUEyQztDQUM1Qzs7QUFFRDtFQUNFLDJDQUEyQztDQUM1Qzs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQiwwQkFBMEI7RUFDMUIsaUJBQWlCO0VBQ2pCLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2YsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YscUNBQXFDO0VBQ3JDLHNCQUFzQjtDQUN2Qjs7QUFFRDs7OztFQUlFLGlCQUFpQjtFQUNqQixvQkFBb0I7RUFDcEIscURBQXFEO0VBQ3JELGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxpQkFBaUI7RUFDakIsb0JBQW9CO0VBQ3BCLHFEQUFxRDtFQUNyRCxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGFBQWE7RUFDYixXQUFXO0VBQ1gsbUJBQW1CO0VBQ25CLDBDQUEwQztFQUMxQyxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixPQUFPO0VBQ1AsYUFBYTtFQUNiLFdBQVc7RUFDWCxpQkFBaUI7RUFDakIsV0FBVztDQUNaOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLDhCQUE4QjtFQUM5QixjQUFjO0VBQ2QsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZixlQUFlO0VBQ2YsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixZQUFZO0VBQ1osbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsWUFBWTtFQUNaLFdBQVc7RUFDWCxnQkFBZ0I7RUFDaEIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQiw4QkFBOEI7RUFDOUIsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixPQUFPO0VBQ1AsYUFBYTtFQUNiLFdBQVc7RUFDWCxpQkFBaUI7RUFDakIsU0FBUztDQUNWOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQixrQkFBa0I7RUFDbEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsYUFBYTtFQUNiLGVBQWU7RUFDZiwwQkFBMEI7RUFDMUIsbUJBQW1CO0VBQ25CLCtEQUErRDtDQUNoRTs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0U7SUFDRSxlQUFlO0dBQ2hCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHNCQUFzQjtJQUN0QixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFlBQVk7SUFDWixXQUFXO0lBQ1gsZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLGFBQWE7R0FDZDtFQUNEO0lBQ0UsY0FBYztHQUNmO0VBQ0Q7SUFDRSxhQUFhO0dBQ2Q7RUFDRDtJQUNFLHNCQUFzQjtJQUN0QixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFlBQVk7SUFDWixXQUFXO0dBQ1o7RUFDRDtJQUNFLGNBQWM7R0FDZjtDQUNGOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLGFBQWE7RUFDYixVQUFVO0NBQ1g7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osV0FBVztDQUNaOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFdBQVc7RUFDWCxlQUFlO0VBQ2YsWUFBWTtFQUNaLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGFBQWE7RUFDYixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxhQUFhO0VBQ2Isa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsNFVBQTRVO0VBQzVVLFlBQVk7RUFDWixZQUFZO0VBQ1osYUFBYTtFQUNiLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLFlBQVk7RUFDWixZQUFZO0VBQ1osVUFBVTtFQUNWLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLFVBQVU7RUFDVixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsZUFBZTtFQUNmLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixvQkFBb0I7RUFDcEIsa0JBQWtCO0VBQ2xCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsYUFBYTtFQUNiLGFBQWE7RUFDYixjQUFjO0VBQ2QsdUJBQXVCO0VBQ3ZCLGFBQWE7RUFDYixhQUFhO0VBQ2IsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLHcyUEFBdzJQO0VBQ3gyUCw2QkFBNkI7RUFDN0IsNEJBQTRCO0VBQzVCLHNCQUFzQjtFQUN0QixpQkFBaUI7RUFDakIscUJBQXFCO0VBQ3JCLHNCQUFzQjtFQUN0QixZQUFZO0VBQ1osYUFBYTtFQUNiLGVBQWU7Q0FDaEIiLCJmaWxlIjoiZG9jc2VhcmNoLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zZWFyY2hib3gge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDIwMHB4O1xuICBoZWlnaHQ6IDMycHggIWltcG9ydGFudDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xufVxuXG4uc2VhcmNoYm94IC5hbGdvbGlhLWF1dG9jb21wbGV0ZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uc2VhcmNoYm94X193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogOTk5O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5zZWFyY2hib3hfX2lucHV0IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuNHMgZWFzZSwgYmFja2dyb3VuZCAwLjRzIGVhc2U7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4ICNjY2NjY2M7XG4gIGJhY2tncm91bmQ6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgcGFkZGluZzogMDtcbiAgcGFkZGluZy1yaWdodDogMjZweDtcbiAgcGFkZGluZy1sZWZ0OiAzMnB4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICBmb250LXNpemU6IDEycHg7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG59XG5cbi5zZWFyY2hib3hfX2lucHV0Ojotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uLCAuc2VhcmNoYm94X19pbnB1dDo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiwgLnNlYXJjaGJveF9faW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLCAuc2VhcmNoYm94X19pbnB1dDo6LXdlYmtpdC1zZWFyY2gtcmVzdWx0cy1kZWNvcmF0aW9uIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNlYXJjaGJveF9faW5wdXQ6aG92ZXIge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggI2IzYjNiMztcbn1cblxuLnNlYXJjaGJveF9faW5wdXQ6Zm9jdXMsIC5zZWFyY2hib3hfX2lucHV0OmFjdGl2ZSB7XG4gIG91dGxpbmU6IDA7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCAjYWFhYWFhO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4uc2VhcmNoYm94X19pbnB1dDo6cGxhY2Vob2xkZXIge1xuICBjb2xvcjogI2FhYWFhYTtcbn1cblxuLnNlYXJjaGJveF9fc3VibWl0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiAxNnB4IDAgMCAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDY5LCAxNDIsIDIyNSwgMCk7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgcmlnaHQ6IGluaGVyaXQ7XG4gIGxlZnQ6IDA7XG59XG5cbi5zZWFyY2hib3hfX3N1Ym1pdDo6YmVmb3JlIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IC00cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgY29udGVudDogJyc7XG59XG5cbi5zZWFyY2hib3hfX3N1Ym1pdDpob3ZlciwgLnNlYXJjaGJveF9fc3VibWl0OmFjdGl2ZSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnNlYXJjaGJveF9fc3VibWl0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cblxuLnNlYXJjaGJveF9fc3VibWl0IHN2ZyB7XG4gIHdpZHRoOiAxNHB4O1xuICBoZWlnaHQ6IDE0cHg7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZpbGw6ICM2ZDdlOTY7XG59XG5cbi5zZWFyY2hib3hfX3Jlc2V0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA4cHg7XG4gIHJpZ2h0OiA4cHg7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGZpbGw6IHJnYmEoMCwgMCwgMCwgMC41KTtcbn1cblxuLnNlYXJjaGJveF9fcmVzZXQuaGlkZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zZWFyY2hib3hfX3Jlc2V0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cblxuLnNlYXJjaGJveF9fcmVzZXQgc3ZnIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogNHB4O1xuICB3aWR0aDogOHB4O1xuICBoZWlnaHQ6IDhweDtcbn1cblxuLnNlYXJjaGJveF9faW5wdXQ6dmFsaWQgfiAuc2VhcmNoYm94X19yZXNldCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb24tbmFtZTogc2J4LXJlc2V0LWluO1xuICBhbmltYXRpb24tZHVyYXRpb246IDAuMTVzO1xufVxuXG5Aa2V5ZnJhbWVzIHNieC1yZXNldC1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC0yMCUsIDAsIDApO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiBub25lO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlLmFsZ29saWEtYXV0b2NvbXBsZXRlLXJpZ2h0IC5kcy1kcm9wZG93bi1tZW51IHtcbiAgcmlnaHQ6IDAgIWltcG9ydGFudDtcbiAgbGVmdDogaW5oZXJpdCAhaW1wb3J0YW50O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUuYWxnb2xpYS1hdXRvY29tcGxldGUtcmlnaHQgLmRzLWRyb3Bkb3duLW1lbnU6YmVmb3JlIHtcbiAgcmlnaHQ6IDQ4cHg7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZS5hbGdvbGlhLWF1dG9jb21wbGV0ZS1sZWZ0IC5kcy1kcm9wZG93bi1tZW51IHtcbiAgbGVmdDogMCAhaW1wb3J0YW50O1xuICByaWdodDogaW5oZXJpdCAhaW1wb3J0YW50O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUuYWxnb2xpYS1hdXRvY29tcGxldGUtbGVmdCAuZHMtZHJvcGRvd24tbWVudTpiZWZvcmUge1xuICBsZWZ0OiA0OHB4O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmRzLWRyb3Bkb3duLW1lbnUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRvcDogLTZweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBtYXJnaW46IDZweCAwIDA7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogYXV0bztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICB6LWluZGV4OiA5OTk7XG4gIG1heC13aWR0aDogNjAwcHg7XG4gIG1pbi13aWR0aDogNTAwcHg7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgMCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDNweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5kcy1kcm9wZG93bi1tZW51OmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6ICcnO1xuICB3aWR0aDogMTRweDtcbiAgaGVpZ2h0OiAxNHB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB6LWluZGV4OiAxMDAwO1xuICB0b3A6IC03cHg7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZDlkOWQ5O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZDlkOWQ5O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuZHMtZHJvcGRvd24tbWVudSAuZHMtc3VnZ2VzdGlvbnMge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6IDEwMDA7XG4gIG1hcmdpbi10b3A6IDhweDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5kcy1kcm9wZG93bi1tZW51IC5kcy1zdWdnZXN0aW9ucyBhOmhvdmVyIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmRzLWRyb3Bkb3duLW1lbnUgLmRzLXN1Z2dlc3Rpb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuZHMtZHJvcGRvd24tbWVudSAuZHMtc3VnZ2VzdGlvbi5kcy1jdXJzb3IgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24uc3VnZ2VzdGlvbi1sYXlvdXQtc2ltcGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg2OSwgMTQyLCAyMjUsIDAuMDUpO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmRzLWRyb3Bkb3duLW1lbnUgLmRzLXN1Z2dlc3Rpb24uZHMtY3Vyc29yIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uOm5vdCguc3VnZ2VzdGlvbi1sYXlvdXQtc2ltcGxlKSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY29udGVudCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNjksIDE0MiwgMjI1LCAwLjA1KTtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5kcy1kcm9wZG93bi1tZW51IFtjbGFzc149J2RzLWRhdGFzZXQtJ10ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlcjogc29saWQgMXB4ICNkOWQ5ZDk7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDAgOHB4IDhweDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5kcy1kcm9wZG93bi1tZW51ICoge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24ge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiAwIDhweDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgY29sb3I6ICMwMjA2MGM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0taGlnaGxpZ2h0IHtcbiAgY29sb3I6ICMxNzRkOGM7XG4gIGJhY2tncm91bmQ6IHJnYmEoMTQzLCAxODcsIDIzNywgMC4xKTtcbiAgcGFkZGluZzogMC4xZW0gMC4wNWVtO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWNhdGVnb3J5LWhlYWRlciAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY2F0ZWdvcnktaGVhZGVyLWx2bDBcbi5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1oaWdobGlnaHQsXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWNhdGVnb3J5LWhlYWRlciAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY2F0ZWdvcnktaGVhZGVyLWx2bDFcbi5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1oaWdobGlnaHQge1xuICBwYWRkaW5nOiAwIDAgMXB4O1xuICBiYWNrZ3JvdW5kOiBpbmhlcml0O1xuICBib3gtc2hhZG93OiBpbnNldCAwIC0ycHggMCAwIHJnYmEoNjksIDE0MiwgMjI1LCAwLjgpO1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS10ZXh0IC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1oaWdobGlnaHQge1xuICBwYWRkaW5nOiAwIDAgMXB4O1xuICBiYWNrZ3JvdW5kOiBpbmhlcml0O1xuICBib3gtc2hhZG93OiBpbnNldCAwIC0ycHggMCAwIHJnYmEoNjksIDE0MiwgMjI1LCAwLjgpO1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1jb250ZW50IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsb2F0OiByaWdodDtcbiAgd2lkdGg6IDcwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiA1LjMzMzMzcHggMCA1LjMzMzMzcHggMTAuNjY2NjdweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWNvbnRlbnQ6YmVmb3JlIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMXB4O1xuICBiYWNrZ3JvdW5kOiAjZGRkO1xuICBsZWZ0OiAtMXB4O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWNhdGVnb3J5LWhlYWRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkZGQ7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIG1hcmdpbi10b3A6IDhweDtcbiAgcGFkZGluZzogNHB4IDA7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBjb2xvcjogIzMzMzYzZDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS13cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGZsb2F0OiBsZWZ0O1xuICBwYWRkaW5nOiA4cHggMCAwIDA7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tc3ViY2F0ZWdvcnktY29sdW1uIHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiAzMCU7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogNS4zMzMzM3B4IDEwLjY2NjY3cHg7XG4gIGNvbG9yOiAjYTRhN2FlO1xuICBmb250LXNpemU6IDAuOWVtO1xuICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tc3ViY2F0ZWdvcnktY29sdW1uOmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZDogI2RkZDtcbiAgcmlnaHQ6IDA7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tc3ViY2F0ZWdvcnktaW5saW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS10aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbiAgY29sb3I6ICMwMjA2MGM7XG4gIGZvbnQtc2l6ZTogMC45ZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLXRleHQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGluZS1oZWlnaHQ6IDEuMmVtO1xuICBmb250LXNpemU6IDAuODVlbTtcbiAgY29sb3I6ICM2MzY3NmQ7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tbm8tcmVzdWx0cyB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiA4cHggMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXNpemU6IDEuMmVtO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLW5vLXJlc3VsdHM6OmJlZm9yZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbiBjb2RlIHtcbiAgcGFkZGluZzogMXB4IDVweDtcbiAgZm9udC1zaXplOiA5MCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY29sb3I6ICMyMjIyMjI7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlYmViZWI7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgZm9udC1mYW1pbHk6IE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAnQ291cmllciBOZXcnLCBtb25vc3BhY2U7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbiBjb2RlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1oaWdobGlnaHQge1xuICBiYWNrZ3JvdW5kOiBub25lO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24uYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbl9fbWFpbiAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY2F0ZWdvcnktaGVhZGVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uX19zZWNvbmRhcnkge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuQG1lZGlhIGFsbCBhbmQgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1zdWJjYXRlZ29yeS1jb2x1bW4ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbkBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbiAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tc3ViY2F0ZWdvcnktY29sdW1uIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGF1dG87XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmbG9hdDogbGVmdDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGNvbG9yOiAjMDIwNjBjO1xuICAgIGZvbnQtc2l6ZTogMC45ZW07XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1zdWJjYXRlZ29yeS1jb2x1bW46YmVmb3JlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIC5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbiAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tc3ViY2F0ZWdvcnktY29sdW1uOmFmdGVyIHtcbiAgICBjb250ZW50OiAnfCc7XG4gIH1cbiAgLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1jb250ZW50IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGF1dG87XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmbG9hdDogbGVmdDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gIC5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbiAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY29udGVudDpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5zdWdnZXN0aW9uLWxheW91dC1zaW1wbGUuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbiB7XG4gIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCAjZWVlO1xuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbjogMDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5zdWdnZXN0aW9uLWxheW91dC1zaW1wbGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWNvbnRlbnQge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5zdWdnZXN0aW9uLWxheW91dC1zaW1wbGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWNvbnRlbnQ6OmJlZm9yZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuc3VnZ2VzdGlvbi1sYXlvdXQtc2ltcGxlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS1jYXRlZ29yeS1oZWFkZXIge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY2F0ZWdvcnktaGVhZGVyLWx2bDAge1xuICBvcGFjaXR5OiAwLjY7XG4gIGZvbnQtc2l6ZTogMC44NWVtO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY2F0ZWdvcnktaGVhZGVyLWx2bDEge1xuICBvcGFjaXR5OiAwLjY7XG4gIGZvbnQtc2l6ZTogMC44NWVtO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tY2F0ZWdvcnktaGVhZGVyLWx2bDE6OmJlZm9yZSB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB3aWR0aD1cIjEwXCIgaGVpZ2h0PVwiMTBcIiB2aWV3Qm94PVwiMCAwIDIwIDM4XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPjxwYXRoIGQ9XCJNMS40OSA0LjMxbDE0IDE2LjEyNi4wMDItMi42MjQtMTQgMTYuMDc0LTEuMzE0IDEuNTEgMy4wMTcgMi42MjYgMS4zMTMtMS41MDggMTQtMTYuMDc1IDEuMTQyLTEuMzEzLTEuMTQtMS4zMTMtMTQtMTYuMTI1TDMuMi4xOC4xOCAyLjhsMS4zMSAxLjUxelwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBmaWxsPVwiJTIzMUQzNjU3XCIgLz48L3N2Zz4nKTtcbiAgY29udGVudDogJyc7XG4gIHdpZHRoOiAxMHB4O1xuICBoZWlnaHQ6IDEwcHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5zdWdnZXN0aW9uLWxheW91dC1zaW1wbGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLXdyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgZmxvYXQ6IGxlZnQ7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuLmFsZ29saWEtYXV0b2NvbXBsZXRlIC5zdWdnZXN0aW9uLWxheW91dC1zaW1wbGUgLmFsZ29saWEtZG9jc2VhcmNoLXN1Z2dlc3Rpb24tLWR1cGxpY2F0ZS1jb250ZW50LCAuYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tc3ViY2F0ZWdvcnktaW5saW5lIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tdGl0bGUge1xuICBtYXJnaW46IDA7XG4gIGNvbG9yOiAjNDU4ZWUxO1xuICBmb250LXNpemU6IDAuOWVtO1xuICBmb250LXdlaWdodDogbm9ybWFsO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tdGl0bGU6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICcjJztcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGNvbG9yOiAjNDU4ZWUxO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuc3VnZ2VzdGlvbi1sYXlvdXQtc2ltcGxlIC5hbGdvbGlhLWRvY3NlYXJjaC1zdWdnZXN0aW9uLS10ZXh0IHtcbiAgbWFyZ2luOiA0cHggMCAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGluZS1oZWlnaHQ6IDEuNGVtO1xuICBwYWRkaW5nOiA1LjMzMzMzcHggOHB4O1xuICBiYWNrZ3JvdW5kOiAjZjhmOGY4O1xuICBmb250LXNpemU6IDAuODVlbTtcbiAgb3BhY2l0eTogMC44O1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLnN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZSAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0tdGV4dCAuYWxnb2xpYS1kb2NzZWFyY2gtc3VnZ2VzdGlvbi0taGlnaGxpZ2h0IHtcbiAgY29sb3I6ICMzZjQxNDU7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYWxnb2xpYS1hdXRvY29tcGxldGUgLmFsZ29saWEtZG9jc2VhcmNoLWZvb3RlciB7XG4gIHdpZHRoOiAxMzRweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICB6LWluZGV4OiAyMDAwO1xuICBtYXJnaW4tdG9wOiAxMC42NjY2N3B4O1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtc2l6ZTogMDtcbiAgbGluZS1oZWlnaHQ6IDA7XG59XG5cbi5hbGdvbGlhLWF1dG9jb21wbGV0ZSAuYWxnb2xpYS1kb2NzZWFyY2gtZm9vdGVyLS1sb2dvIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB3aWR0aD0nMTY4JyBoZWlnaHQ9JzI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnJTNFJTNDcGF0aCBkPSdNNzguOTg4LjkzOGgxNi41OTRhMi45NjggMi45NjggMCAwIDEgMi45NjYgMi45NjZWMjAuNWEyLjk2NyAyLjk2NyAwIDAgMS0yLjk2NiAyLjk2NEg3OC45ODhhMi45NjcgMi45NjcgMCAwIDEtMi45NjYtMi45NjRWMy44OTdBMi45NjEgMi45NjEgMCAwIDEgNzguOTg4LjkzOHptNDEuOTM3IDE3Ljg2NmMtNC4zODYuMDItNC4zODYtMy41NC00LjM4Ni00LjEwNmwtLjAwNy0xMy4zMzYgMi42NzUtLjQyNHYxMy4yNTRjMCAuMzIyIDAgMi4zNTggMS43MTggMi4zNjR2Mi4yNDh6bS0xMC44NDYtMi4xOGMuODIxIDAgMS40My0uMDQ3IDEuODU1LS4xMjl2LTIuNzE5YTYuMzM0IDYuMzM0IDAgMCAwLTEuNTc0LS4xOTljLS4yOTUgMC0uNTk2LjAyMS0uODk3LjA2OWEyLjY5OSAyLjY5OSAwIDAgMC0uODE0LjI0Yy0uMjQuMTE2LS40MzkuMjgtLjU4Mi40OTEtLjE1LjIxMi0uMjE5LjMzNS0uMjE5LjY1NiAwIC42MjguMjE5Ljk5MS42MTYgMS4yM3MuOTM4LjM2MiAxLjYxNS4zNjJ6bS0uMjMzLTkuN2MuODgzIDAgMS42MjkuMTA5IDIuMjMxLjMyOC42MDIuMjE4IDEuMDg4LjUyNSAxLjQ0NC45MTUuMzYzLjM5Ni42MDkuOTIyLjc2IDEuNDgzLjE1Ny41Ni4yMzIgMS4xNzUuMjMyIDEuODV2Ni44NzRjLS40MS4wODktMS4wMzQuMTktMS44NjguMzE0LS44MzQuMTIzLTEuNzcyLjE4NS0yLjgxMy4xODUtLjY5IDAtMS4zMjctLjA2OS0xLjg5NS0uMTk4YTQuMDAxIDQuMDAxIDAgMCAxLTEuNDcxLS42MzYgMy4wODUgMy4wODUgMCAwIDEtLjk1MS0xLjEzNGMtLjIyNi0uNDY1LS4zNDMtMS4xMi0uMzQzLTEuODAzIDAtLjY1Ni4xMy0xLjA3My4zODQtMS41MjUuMjYtLjQ1LjYwOC0uODE5IDEuMDQ3LTEuMTA2LjQ0NS0uMjg3Ljk1LS40OTIgMS41MzItLjYxNWE4LjggOC44IDAgMCAxIDEuODItLjE4NSA4LjQwNCA4LjQwNCAwIDAgMSAxLjk3Mi4yNHYtLjQzOGMwLS4zMDctLjAzNS0uNi0uMTEtLjg3NGExLjg4IDEuODggMCAwIDAtLjM4NC0uNzMgMS43ODQgMS43ODQgMCAwIDAtLjcyNC0uNDkzIDMuMTY0IDMuMTY0IDAgMCAwLTEuMTQzLS4yMDVjLS42MTYgMC0xLjE3Ny4wNzUtMS42OS4xNjRhNy43MzUgNy43MzUgMCAwIDAtMS4yNi4zMDdsLS4zMjEtMi4xOTJjLjMzNS0uMTE3LjgzNC0uMjMzIDEuNDc4LS4zNDlhMTAuOTggMTAuOTggMCAwIDEgMi4wNzMtLjE3OHptNTIuODQyIDkuNjI2Yy44MjIgMCAxLjQzLS4wNDggMS44NTQtLjEzVjEzLjdhNi4zNDcgNi4zNDcgMCAwIDAtMS41NzQtLjE5OWMtLjI5NCAwLS41OTUuMDIxLS44OTYuMDY5YTIuNyAyLjcgMCAwIDAtLjgxNC4yNCAxLjQ2IDEuNDYgMCAwIDAtLjU4Mi40OTFjLS4xNS4yMTItLjIxOC4zMzUtLjIxOC42NTYgMCAuNjI4LjIxOC45OTEuNjE1IDEuMjMuNDA0LjI0NS45MzguMzYyIDEuNjE1LjM2MnptLS4yMjYtOS42OTRjLjg4MyAwIDEuNjI5LjEwOCAyLjIzMS4zMjcuNjAyLjIxOSAxLjA4OC41MjYgMS40NDQuOTE1LjM1NS4zOS42MDkuOTIzLjc1OSAxLjQ4My4xNTguNTYuMjMzIDEuMTc1LjIzMyAxLjg1MnY2Ljg3M2MtLjQxLjA4OC0xLjAzNC4xOS0xLjg2OC4zMTQtLjgzNC4xMjMtMS43NzIuMTg0LTIuODEzLjE4NC0uNjkgMC0xLjMyNy0uMDY4LTEuODk1LS4xOThhNC4wMDEgNC4wMDEgMCAwIDEtMS40NzEtLjYzNSAzLjA4NSAzLjA4NSAwIDAgMS0uOTUxLTEuMTM0Yy0uMjI2LS40NjUtLjM0My0xLjEyLS4zNDMtMS44MDQgMC0uNjU2LjEzLTEuMDczLjM4NC0xLjUyNC4yNi0uNDUuNjA4LS44MiAxLjA0Ny0xLjEwNy40NDUtLjI4Ni45NS0uNDkxIDEuNTMyLS42MTRhOC44MDMgOC44MDMgMCAwIDEgMi43NTEtLjEzYy4zMjkuMDM0LjY3MS4wOTYgMS4wNC4xODV2LS40MzdhMy4zIDMuMyAwIDAgMC0uMTA5LS44NzUgMS44NzMgMS44NzMgMCAwIDAtLjM4NC0uNzMxIDEuNzg0IDEuNzg0IDAgMCAwLS43MjQtLjQ5MiAzLjE2NSAzLjE2NSAwIDAgMC0xLjE0My0uMjA1Yy0uNjE2IDAtMS4xNzcuMDc1LTEuNjkuMTY0LS41MTQuMDg5LS45MzguMTkxLTEuMjYuMzA3bC0uMzIxLTIuMTkzYy4zMzUtLjExNi44MzQtLjIzMiAxLjQ3OC0uMzQ4YTExLjYzMyAxMS42MzMgMCAwIDEgMi4wNzMtLjE3N3ptLTguMDM0LTEuMjcxYTEuNjI2IDEuNjI2IDAgMCAxLTEuNjI4LTEuNjJjMC0uODk1LjcyNS0xLjYyIDEuNjI4LTEuNjIuOTA0IDAgMS42My43MjUgMS42MyAxLjYyIDAgLjg5NS0uNzMzIDEuNjItMS42MyAxLjYyem0xLjM0OCAxMy4yMmgtMi42ODlWNy4yN2wyLjY5LS40MjN2MTEuOTU2em0tNC43MTQgMGMtNC4zODYuMDItNC4zODYtMy41NC00LjM4Ni00LjEwN2wtLjAwOC0xMy4zMzYgMi42NzYtLjQyNHYxMy4yNTRjMCAuMzIyIDAgMi4zNTggMS43MTggMi4zNjR2Mi4yNDh6bS04LjY5OC01LjkwM2MwLTEuMTU2LS4yNTMtMi4xMTktLjc0Ni0yLjc4OC0uNDkzLS42NzctMS4xODMtMS4wMS0yLjA2Ny0xLjAxLS44ODIgMC0xLjU3NC4zMzMtMi4wNjUgMS4wMS0uNDkzLjY3Ni0uNzMzIDEuNjMyLS43MzMgMi43ODggMCAxLjE2OC4yNDYgMS45NTMuNzQgMi42My40OTIuNjgzIDEuMTgzIDEuMDE4IDIuMDY2IDEuMDE4Ljg4MiAwIDEuNTc0LS4zNDIgMi4wNjctMS4wMTkuNDkyLS42ODMuNzM4LTEuNDYuNzM4LTIuNjN6bTIuNzM3LS4wMDdjMCAuOTAyLS4xMyAxLjU4NC0uMzk3IDIuMzNhNS41MiA1LjUyIDAgMCAxLTEuMTI4IDEuOTA2IDQuOTg2IDQuOTg2IDAgMCAxLTEuNzUyIDEuMjIzYy0uNjg1LjI4Ni0xLjczOS40NS0yLjI2NS40NS0uNTI4LS4wMDYtMS41NzQtLjE1Ny0yLjI1Mi0uNDVhNS4wOTYgNS4wOTYgMCAwIDEtMS43NDQtMS4yMjNjLS40ODctLjUyNy0uODYzLTEuMTYyLTEuMTM3LTEuOTA2YTYuMzQ1IDYuMzQ1IDAgMCAxLS40MS0yLjMzYzAtLjkwMi4xMjMtMS43Ny4zOTctMi41MDhhNS41NTQgNS41NTQgMCAwIDEgMS4xNS0xLjg5MiA1LjEzMyA1LjEzMyAwIDAgMSAxLjc1LTEuMjE2Yy42NzktLjI4NyAxLjQyNS0uNDIzIDIuMjMyLS40MjMuODA4IDAgMS41NTMuMTQyIDIuMjM3LjQyMy42ODUuMjg2IDEuMjc0LjY5IDEuNzUzIDEuMjE2YTUuNjQ0IDUuNjQ0IDAgMCAxIDEuMTM1IDEuODkyYy4yODcuNzM4LjQzMSAxLjYwNi40MzEgMi41MDh6bS0yMC4xMzggMGMwIDEuMTIuMjQ2IDIuMzYzLjczOCAyLjg4Mi40OTMuNTIgMS4xMy43OCAxLjkxLjc4LjQyNCAwIC44MjgtLjA2MiAxLjIwNC0uMTc4LjM3Ny0uMTE2LjY3Ny0uMjUzLjkxNy0uNDE3VjkuMzNhMTAuNDc2IDEwLjQ3NiAwIDAgMC0xLjc2Ni0uMjI2Yy0uOTcxLS4wMjgtMS43MS4zNy0yLjIzIDEuMDA0LS41MTMuNjM2LS43NzMgMS43NS0uNzczIDIuNzg4em03LjQzOCA1LjI3NGMwIDEuODI0LS40NjYgMy4xNTYtMS40MDQgNC4wMDQtLjkzNi44NDYtMi4zNjcgMS4yNy00LjI5NiAxLjI3LS43MDUgMC0yLjE3LS4xMzctMy4zNC0uMzk2bC40MzEtMi4xMThjLjk4LjIwNSAyLjI3Mi4yNiAyLjk1LjI2IDEuMDc0IDAgMS44NC0uMjE5IDIuMjk5LS42NTYuNDU5LS40MzcuNjg0LTEuMDg2LjY4NC0xLjk0OHYtLjQzN2E4LjA3IDguMDcgMCAwIDEtMS4wNDcuMzk3Yy0uNDMuMTMtLjkzLjE5OC0xLjQ5Mi4xOTgtLjczOSAwLTEuNDEtLjExNi0yLjAxOC0uMzQ5YTQuMjA2IDQuMjA2IDAgMCAxLTEuNTY3LTEuMDI1Yy0uNDMxLS40NS0uNzc0LTEuMDE3LTEuMDEzLTEuNjk0LS4yNC0uNjc3LS4zNjMtMS44ODUtLjM2My0yLjc3MyAwLS44MzQuMTMtMS44OC4zODQtMi41NzcuMjYtLjY5Ni42MjktMS4yOTggMS4xMjktMS43OTYuNDkzLS40OTggMS4wOTUtLjg4MSAxLjgtMS4xNjJhNi42MDUgNi42MDUgMCAwIDEgMi40MjgtLjQ1N2MuODcgMCAxLjY3LjEwOSAyLjQ1LjI0Ljc4LjEyOSAxLjQ0NC4yNjUgMS45ODUuNDE1VjE4LjE3eicgZmlsbD0nJTIzNTQ2OEZGJy8lM0UlM0NwYXRoIGQ9J002Ljk3MiA2LjY3N3YxLjYyN2MtLjcxMi0uNDQ2LTEuNTItLjY3LTIuNDI1LS42Ny0uNTg1IDAtMS4wNDUuMTMtMS4zOC4zOTFhMS4yNCAxLjI0IDAgMCAwLS41MDIgMS4wM2MwIC40MjUuMTY0Ljc2NS40OTQgMS4wMi4zMy4yNTYuODM1LjUzMiAxLjUxNi44My40NDcuMTkyLjc5NS4zNTYgMS4wNDUuNDk1LjI1LjEzOC41MzcuMzMyLjg2Mi41ODIuMzI0LjI1LjU2My41NDguNzE4Ljg5NC4xNTQuMzQ1LjIzLjc0MS4yMyAxLjE4OCAwIC45NDctLjMzNCAxLjY5MS0xLjAwNCAyLjIzNC0uNjcuNTQyLTEuNTM3LjgxNC0yLjYwMS44MTQtMS4xOCAwLTIuMTYtLjIyOS0yLjkzNi0uNjg2di0xLjcwOGMuODQuNjI4IDEuODE0Ljk0MiAyLjkyLjk0Mi41ODUgMCAxLjA0OC0uMTM2IDEuMzg4LS40MDcuMzQtLjI3MS41MS0uNjQ2LjUxLTEuMTI1IDAtLjI4Ny0uMS0uNTUtLjMwMi0uNzktLjIwMy0uMjQtLjQyLS40Mi0uNjU1LS41NDItLjIzNC0uMTIzLS41ODUtLjI5LTEuMDUzLS41MDMtLjI3Ni0uMTI3LS40Ny0uMjE4LS41ODItLjI3MWExMy42NyAxMy42NyAwIDAgMS0uNTUtLjI4NyA0LjI3NSA0LjI3NSAwIDAgMS0uNTY3LS4zNTEgNi45MiA2LjkyIDAgMCAxLS40NTUtLjRjLS4xOC0uMTctLjMxLS4zNC0uMzktLjUxLS4wOC0uMTctLjE1NS0uMzctLjIyNC0uNTk4YTIuNTUzIDIuNTUzIDAgMCAxLS4xMDQtLjc0MmMwLS45MTUuMzMzLTEuNjM4Ljk5OC0yLjE3LjY2NC0uNTMyIDEuNTIzLS43OTggMi41NzYtLjc5OC45NjggMCAxLjc5My4xNyAyLjQ3My41MXptNy40NjggNS42OTZ2LS4yODdjLS4wMjItLjYwNy0uMTg3LTEuMDg4LS40OTUtMS40NDQtLjMwOS0uMzU3LS43NS0uNTM1LTEuMzI0LS41MzUtLjUzMiAwLS45OS4xOTQtMS4zNzMuNTgzLS4zODIuMzg4LS42MjIuOTQ5LS43MTcgMS42ODNoMy45MDl6bTEuMDA1IDIuNzkydjEuNDA0Yy0uNTk2LjM0LTEuMzgzLjUxLTIuMzYyLjUxLTEuMjU1IDAtMi4yNTUtLjM3Ny0zLTEuMTMyLS43NDQtLjc1NS0xLjExNi0xLjc0NC0xLjExNi0yLjk2OCAwLTEuMjk3LjM0LTIuMzE2IDEuMDIxLTMuMDU1LjY4LS43NCAxLjU0OC0xLjExIDIuNi0xLjExIDEuMDMzIDAgMS44NTIuMzIzIDIuNDU4Ljk2Ni42MDYuNjQ0LjkxIDEuNTcyLjkxIDIuNzg0IDAgLjMzLS4wMzMuNjc2LS4wOTYgMS4wMzhoLTUuMzE0Yy4xMDcuNzAyLjQwNSAxLjIzOS44OTQgMS42MTEuNDkuMzcyIDEuMTA2LjU1OCAxLjg1LjU1OC44NjIgMCAxLjU4LS4yMDIgMi4xNTUtLjYwNnptNi42MDUtMS43N2gtMS4yMTJjLS41OTYgMC0xLjA0NS4xMTYtMS4zNDkuMzUtLjMwMy4yMzQtLjQ1NC41MzItLjQ1NC44OTQgMCAuMzcyLjExNy42NjQuMzUuODc3LjIzNS4yMTMuNTc1LjMyIDEuMDIyLjMyLjUxIDAgLjkxMi0uMTQyIDEuMjA0LS40MjQuMjkzLS4yODEuNDQtLjY1MS40NC0xLjEwOHYtLjkxem0tNC4wNjgtMi41NTRWOS4zMjVjLjYyNy0uMzYxIDEuNDU3LS41NDIgMi40ODktLjU0MiAyLjExNiAwIDMuMTc1IDEuMDI2IDMuMTc1IDMuMDhWMTdoLTEuNTQ4di0uOTU3Yy0uNDE1LjY4LTEuMTQzIDEuMDItMi4xODYgMS4wMi0uNzY2IDAtMS4zOC0uMjItMS44NDMtLjY2MS0uNDYyLS40NDItLjY5NC0xLjAwMy0uNjk0LTEuNjg0IDAtLjc3Ni4yOTMtMS4zOC44NzgtMS44MS41ODUtLjQzMSAxLjQwNC0uNjQ3IDIuNDU3LS42NDdoMS4zNFYxMS44YzAtLjU1NC0uMTMzLS45NzEtLjM5OS0xLjI1My0uMjY2LS4yODItLjcwNy0uNDIzLTEuMzI0LS40MjNhNC4wNyA0LjA3IDAgMCAwLTIuMzQ1LjcxOHptOS4zMzMtMS45M3YxLjQyYy4zOTQtMSAxLjEwMS0xLjUgMi4xMjMtMS41LjE0OCAwIC4zMTMuMDE2LjQ5NC4wNDh2MS41MzFhMS44ODUgMS44ODUgMCAwIDAtLjc1LS4xNDNjLS41NDIgMC0uOTg5LjI0LTEuMzQuNzE4LS4zNTEuNDc5LS41MjcgMS4wNDgtLjUyNyAxLjcwN1YxN2gtMS41NjNWOC45MWgxLjU2M3ptNS4wMSA0LjA4NGMuMDIyLjgyLjI3MiAxLjQ5Mi43NSAyLjAxOS40NzkuNTI2IDEuMTUuNzkgMi4wMS43OS42MzkgMCAxLjIzNS0uMTc2IDEuNzg4LS41Mjd2MS40MDRjLS41MjEuMzE5LTEuMTg2LjQ3OS0xLjk5NS40NzktMS4yNjUgMC0yLjI3Ni0uNC0zLjAzMS0xLjE5Ny0uNzU1LS43OTgtMS4xMzMtMS43OTItMS4xMzMtMi45ODQgMC0xLjE2LjM4LTIuMTUxIDEuMTQtMi45NzUuNzYxLS44MjUgMS43OS0xLjIzNyAzLjA4OC0xLjIzNy43MDIgMCAxLjM0Ni4xNDkgMS45My40NDd2MS40MzZhMy4yNDIgMy4yNDIgMCAwIDAtMS43Ny0uNDk1Yy0uODQgMC0xLjUxMy4yNjYtMi4wMTkuNzk4LS41MDUuNTMyLS43NTggMS4yMTMtLjc1OCAyLjA0MnpNNDAuMjQgNS43MnY0LjU3OWMuNDU4LTEgMS4yOTMtMS41IDIuNTA1LTEuNS43ODcgMCAxLjQyLjI0NSAxLjg5OS43MzQuNDc5LjQ5LjcxOCAxLjE3LjcxOCAyLjA0MlYxN2gtMS41NjR2LTUuMTA2YzAtLjU1My0uMTQtLjk4LS40MjItMS4yODQtLjI4Mi0uMzAzLS42NTItLjQ1NS0xLjExLS40NTUtLjUzMSAwLTEuMDAyLjIwMi0xLjQxMS42MDYtLjQxLjQwNS0uNjE1IDEuMDIyLS42MTUgMS44NTFWMTdoLTEuNTYzVjUuNzJoMS41NjN6bTE0Ljk2NiAxMC4wMmMuNTk2IDAgMS4wOTYtLjI1MyAxLjUtLjc1OC40MDQtLjUwNi42MDYtMS4xNTcuNjA2LTEuOTU1IDAtLjkxNS0uMjAyLTEuNjItLjYwNi0yLjExNC0uNDA0LS40OTUtLjkyLS43NDItMS41NDgtLjc0Mi0uNTUzIDAtMS4wNS4yMjQtMS40OTEuNjctLjQ0Mi40NDctLjY2MiAxLjEzMy0uNjYyIDIuMDU4IDAgLjk1OC4yMTIgMS42Ny42MzggMi4xMzguNDI1LjQ2OS45NDYuNzAzIDEuNTYzLjcwM3pNNTMuMDA0IDUuNzJ2NC40MmMuNTc0LS44OTQgMS4zODgtMS4zNDEgMi40NC0xLjM0MSAxLjAyMiAwIDEuODU3LjM4MyAyLjUwNiAxLjE0OS42NDkuNzY2Ljk3MyAxLjc4MS45NzMgMy4wNDcgMCAxLjEzOC0uMzA5IDIuMTA5LS45MjUgMi45MTItLjYxNy44MDMtMS40NjMgMS4yMDUtMi41MzcgMS4yMDUtMS4wNzUgMC0xLjg5NC0uNDQ3LTIuNDU3LTEuMzRWMTdoLTEuNThWNS43MmgxLjU4em05LjkwOCAxMS4xMDRsLTMuMjIzLTcuOTEzaDEuNzM5bDEuMDA1IDIuNjMyIDEuMjYgMy40MTVjLjA5Ni0uMzIuNDgtMS40NTggMS4xNS0zLjQxNWwuOTA5LTIuNjMyaDEuNjZsLTIuOTIgNy44NjZjLS43NzcgMi4wNzQtMS45NjMgMy4xMS0zLjU1OSAzLjExYTIuOTIgMi45MiAwIDAgMS0uNzM0LS4wNzl2LTEuMzRjLjE3LjA0Mi4zNTEuMDY0LjU0My4wNjQgMS4wMzIgMCAxLjc1NS0uNTcgMi4xNy0xLjcwOHonIGZpbGw9JyUyMzVENjQ5NCcvJTNFJTNDcGF0aCBkPSdNODkuNjMyIDUuOTY3di0uNzcyYS45NzguOTc4IDAgMCAwLS45NzgtLjk3N2gtMi4yOGEuOTc4Ljk3OCAwIDAgMC0uOTc4Ljk3N3YuNzkzYzAgLjA4OC4wODIuMTUuMTcxLjEzYTcuMTI3IDcuMTI3IDAgMCAxIDEuOTg0LS4yOGMuNjUgMCAxLjI5NS4wODggMS45MTcuMjU5LjA4Mi4wMi4xNjQtLjA0LjE2NC0uMTNtLTYuMjQ4IDEuMDFsLS4zOS0uMzg5YS45NzcuOTc3IDAgMCAwLTEuMzgyIDBsLS40NjUuNDY1YS45NzMuOTczIDAgMCAwIDAgMS4zOGwuMzgzLjM4M2MuMDYyLjA2MS4xNS4wNDcuMjA1LS4wMTQuMjI2LS4zMDcuNDcyLS42MDEuNzQ2LS44NzQuMjgxLS4yOC41NjgtLjUyNi44ODMtLjc1MS4wNjgtLjA0Mi4wNzUtLjEzNy4wMi0uMm00LjE2IDIuNDUzdjMuMzQxYzAgLjA5Ni4xMDQuMTY1LjE5Mi4xMTdsMi45Ny0xLjUzN2MuMDY4LS4wMzQuMDg5LS4xMTcuMDU1LS4xODRhMy42OTUgMy42OTUgMCAwIDAtMy4wOC0xLjg2NmMtLjA2OCAwLS4xMzYuMDU0LS4xMzYuMTNtMCA4LjA0OGE0LjQ4OSA0LjQ4OSAwIDAgMS00LjQ5LTQuNDgyIDQuNDg4IDQuNDg4IDAgMCAxIDQuNDktNC40ODIgNC40ODggNC40ODggMCAwIDEgNC40ODkgNC40ODIgNC40ODQgNC40ODQgMCAwIDEtNC40OSA0LjQ4Mm0wLTEwLjg1YTYuMzYzIDYuMzYzIDAgMSAwIDAgMTIuNzI5YzMuNTE4IDAgNi4zNzItMi44NSA2LjM3Mi02LjM2OGE2LjM1OCA2LjM1OCAwIDAgMC02LjM3MS02LjM2JyBmaWxsPSclMjNGRkYnLyUzRSUzQy9nJTNFJTNDL3N2ZyUzRSUwQVwiKTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtaW5kZW50OiAtOTAwMHB4O1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuIl19 */
-`;
+`
diff --git a/docs/lib/forwardRefWithAs.ts b/docs/lib/forwardRefWithAs.ts
index 74493058893..033d34ce95c 100644
--- a/docs/lib/forwardRefWithAs.ts
+++ b/docs/lib/forwardRefWithAs.ts
@@ -5,10 +5,10 @@ import {
ReactNode,
Ref,
forwardRef,
-} from 'react';
+} from 'react'
type ElementTagNameMap = HTMLElementTagNameMap &
- Pick>;
+ Pick>
type AsProp = {
as?: Comp;
@@ -19,12 +19,12 @@ type AsProp = {
? InstanceType
: undefined
>;
-} & Omit, 'as'>;
+} & Omit, 'as'>
type CompWithAsProp = {
displayName?: string;
(props: AsProp & Props): ReactElement;
-};
+}
export const forwardRefWithAs = (
render: (
@@ -33,5 +33,5 @@ export const forwardRefWithAs = Exclude
): CompWithAsProp => {
// @ts-ignore
- return forwardRef(render);
-};
+ return forwardRef(render)
+}
diff --git a/docs/lib/initialDocumentDemoContent.ts b/docs/lib/initialDocumentDemoContent.ts
index a456b4d9b8b..c89ad4ac7d0 100644
--- a/docs/lib/initialDocumentDemoContent.ts
+++ b/docs/lib/initialDocumentDemoContent.ts
@@ -265,4 +265,4 @@ export const initialContent = [
},
],
},
-];
+]
diff --git a/docs/lib/media.ts b/docs/lib/media.ts
index d45ccf6d7e9..47bc6489e0e 100644
--- a/docs/lib/media.ts
+++ b/docs/lib/media.ts
@@ -1,31 +1,31 @@
-import weakMemo from '@emotion/weak-memoize';
-import facepaint from 'facepaint';
+import weakMemo from '@emotion/weak-memoize'
+import facepaint from 'facepaint'
type BREAKPOINTSTYPE = {
xs: number;
sm: number;
md: number;
lg: number;
-};
+}
-export const BREAK_POINTS: BREAKPOINTSTYPE = { xs: 586, sm: 768, md: 992, lg: 1200 };
+export const BREAK_POINTS: BREAKPOINTSTYPE = { xs: 586, sm: 768, md: 992, lg: 1200 }
const minWidth = (width: number, m: boolean = true) =>
- `${m ? '@media ' : ''}(min-width: ${width}px)`;
+ `${m ? '@media ' : ''}(min-width: ${width}px)`
type MediaType = {
[P in keyof BREAKPOINTSTYPE]: string;
-};
+}
export const media: MediaType = Object.entries(BREAK_POINTS).reduce(
(obj, [key, value]) => ({ ...obj, [key]: minWidth(value) }),
{} as Record
-);
+)
const paint = weakMemo(breakpoints =>
facepaint(Object.entries(breakpoints).map(([, width]) => `@media (min-width: ${width}px)`))
-);
+)
export function useMediaQuery() {
- return paint(BREAK_POINTS);
+ return paint(BREAK_POINTS)
}
diff --git a/docs/lib/og-util.ts b/docs/lib/og-util.ts
index 4b4a4e658d5..92d06dfef07 100644
--- a/docs/lib/og-util.ts
+++ b/docs/lib/og-util.ts
@@ -1,19 +1,19 @@
-let baseUrl = 'http:/localhost:8000';
+let baseUrl = 'http:/localhost:8000'
if (process.env.NEXT_PUBLIC_VERCEL_ENV === 'production') {
- baseUrl = 'https://keystonejs.com';
+ baseUrl = 'https://keystonejs.com'
} else if (process.env.NEXT_PUBLIC_VERCEL_URL) {
- baseUrl = `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`;
+ baseUrl = `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
}
export const getOgAbsoluteUrl = ({ title, type }: { title: string; type?: string }) => {
- const ogUrl = new URL(`${baseUrl}/api/hero-image`);
+ const ogUrl = new URL(`${baseUrl}/api/hero-image`)
- ogUrl.searchParams.append('title', title);
+ ogUrl.searchParams.append('title', title)
if (typeof type === 'string') {
- ogUrl.searchParams.append('type', type);
+ ogUrl.searchParams.append('type', type)
}
- return ogUrl.href;
-};
+ return ogUrl.href
+}
-export const siteBaseUrl = baseUrl;
+export const siteBaseUrl = baseUrl
diff --git a/docs/lib/prism-theme.ts b/docs/lib/prism-theme.ts
index abf23d55331..abc760e7d6d 100644
--- a/docs/lib/prism-theme.ts
+++ b/docs/lib/prism-theme.ts
@@ -1,4 +1,4 @@
-import type { PrismTheme } from 'prism-react-renderer';
+import type { PrismTheme } from 'prism-react-renderer'
const theme: PrismTheme = {
plain: {
@@ -72,6 +72,6 @@ const theme: PrismTheme = {
},
},
],
-};
+}
-export default theme;
+export default theme
diff --git a/docs/lib/prose-lite.ts b/docs/lib/prose-lite.ts
index f68fa62cde4..fcce117a119 100644
--- a/docs/lib/prose-lite.ts
+++ b/docs/lib/prose-lite.ts
@@ -251,4 +251,4 @@ export const proseStyles = {
'> :last-child': {
marginBottom: '0',
},
-};
+}
diff --git a/docs/markdoc/config.ts b/docs/markdoc/config.ts
index 0654e5bafe1..071408890ea 100644
--- a/docs/markdoc/config.ts
+++ b/docs/markdoc/config.ts
@@ -6,10 +6,10 @@ import {
Node,
functions,
ConfigFunction,
-} from '@markdoc/markdoc';
-import slugify from '@sindresorhus/slugify';
+} from '@markdoc/markdoc'
+import slugify from '@sindresorhus/slugify'
-export type Pages = Map }>;
+export type Pages = Map }>
export const baseMarkdocConfig: Config = {
// an empty variables object makes Markdoc validate against missing variables
@@ -50,8 +50,8 @@ export const baseMarkdocConfig: Config = {
kind: { type: String, required: true, matches: ['warn', 'tip', 'error'] },
},
transform(node, config) {
- const children = node.transformChildren(config);
- const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config)
+ const attributes = node.transformAttributes(config)
return children.map(child => {
if (child instanceof Tag) {
return new Tag(
@@ -63,10 +63,10 @@ export const baseMarkdocConfig: Config = {
}hint ${attributes.kind}`,
},
child.children
- );
+ )
}
- return child;
- });
+ return child
+ })
},
},
'related-content': {
@@ -96,49 +96,49 @@ export const baseMarkdocConfig: Config = {
document: {
...nodes.document,
validate(document) {
- const errors: ValidationError[] = [];
+ const errors: ValidationError[] = []
// we want good stable ids so we require documentation authors write ids
// when they could be ambiguous rather than just adding an index
- const seenHeadings = new Map();
+ const seenHeadings = new Map()
for (const node of document.walk()) {
if (node.type === 'heading') {
- const id = getIdForHeading(node);
+ const id = getIdForHeading(node)
// we report an error for this in the heading validation
if (id.length === 0) {
- continue;
+ continue
}
- const existingHeading = seenHeadings.get(id);
+ const existingHeading = seenHeadings.get(id)
if (!existingHeading) {
- seenHeadings.set(id, node);
- continue;
+ seenHeadings.set(id, node)
+ continue
}
const ambiguousHeadingError = (node: Node): ValidationError => ({
id: 'ambiguous-heading-id',
level: 'error',
message: `The id for this heading is "${id}" which is the same as another heading in this file, disambiguate them with {% #some-id-here %} after a heading`,
location: node.location,
- });
+ })
if (existingHeading !== 'reported') {
- errors.push(ambiguousHeadingError(existingHeading));
- seenHeadings.set(id, 'reported');
+ errors.push(ambiguousHeadingError(existingHeading))
+ seenHeadings.set(id, 'reported')
}
- errors.push(ambiguousHeadingError(node));
+ errors.push(ambiguousHeadingError(node))
}
}
for (const node of document.walk()) {
if (node.type === 'link' && node.attributes.href.startsWith('#')) {
- const id = node.attributes.href.slice(1);
+ const id = node.attributes.href.slice(1)
if (!seenHeadings.has(id)) {
errors.push({
id: 'missing-heading-id',
level: 'error',
message: `The link "${node.attributes.href}" doesn't point to an id in this file`,
location: node.location,
- });
+ })
}
}
}
- return errors;
+ return errors
},
},
fence: {
@@ -150,16 +150,16 @@ export const baseMarkdocConfig: Config = {
process: { type: Boolean, render: false, default: false },
},
transform(node, config) {
- const attributes = node.transformAttributes(config);
- const children = node.transformChildren(config);
+ const attributes = node.transformAttributes(config)
+ const children = node.transformChildren(config)
if (children.some(child => typeof child !== 'string')) {
throw new Error(
`unexpected non-string child of code block from ${
node.location?.file ?? '(unknown file)'
}:${node.location?.start.line ?? '(unknown line)'}`
- );
+ )
}
- return new Tag(this.render, { ...attributes, content: children.join('') }, []);
+ return new Tag(this.render, { ...attributes, content: children.join('') }, [])
},
},
heading: {
@@ -169,30 +169,30 @@ export const baseMarkdocConfig: Config = {
id: { type: String },
},
validate(node) {
- const errors: ValidationError[] = [];
+ const errors: ValidationError[] = []
if (node.attributes.level === 1) {
errors.push({
message:
"H1's are not allowed, specify the title in frontmatter at the top of the file if you're trying to specify the page title, otherwise use a different heading level",
id: 'no-h1',
level: 'error',
- });
+ })
}
- const id = getIdForHeading(node);
+ const id = getIdForHeading(node)
if (id.length === 0) {
errors.push({
id: 'empty-id',
level: 'error',
message:
'This heading has an empty id, change the heading content so that a non-empty id is generated or add {% #some-id %} after the heading',
- });
+ })
}
- return errors;
+ return errors
},
transform(node, config) {
- const attributes = node.transformAttributes(config);
- const children = node.transformChildren(config);
- return new Tag(this.render, { ...attributes, id: getIdForHeading(node) }, children);
+ const attributes = node.transformAttributes(config)
+ const children = node.transformChildren(config)
+ return new Tag(this.render, { ...attributes, id: getIdForHeading(node) }, children)
},
},
link: {
@@ -208,26 +208,26 @@ export const baseMarkdocConfig: Config = {
},
},
},
-};
+}
function validateLink(node: Node, config: Config): ValidationError[] {
- const link = node.attributes.href;
+ const link = node.attributes.href
if (
/https?:\/\//.test(link) ||
// local # is validated in the document validation
link.startsWith('#') ||
link.startsWith('mailto:')
) {
- return [];
+ return []
}
- const pages: Pages | undefined = (config as any).pages;
+ const pages: Pages | undefined = (config as any).pages
if (/\.?\.?\//.test(link)) {
- if (!pages) return [];
+ if (!pages) return []
const url = new URL(
link,
`https://example.com${node.location!.file!.replace(/^pages/, '').replace(/\.md$/, '')}`
- );
- const id = url.hash ? url.hash.slice(1) : undefined;
+ )
+ const id = url.hash ? url.hash.slice(1) : undefined
if (!pages.has(url.pathname)) {
return [
{
@@ -235,29 +235,29 @@ function validateLink(node: Node, config: Config): ValidationError[] {
level: 'error',
message: `${link} points to a page that does not exist`,
},
- ];
+ ]
}
- if (id === undefined || pages.get(url.pathname)!.ids.has(id)) return [];
+ if (id === undefined || pages.get(url.pathname)!.ids.has(id)) return []
return [
{
id: 'invalid-link',
level: 'error',
message: `${link} points to an id that does not exist`,
},
- ];
+ ]
}
- return [{ id: 'invalid-link', level: 'error', message: 'Unknown link type' }];
+ return [{ id: 'invalid-link', level: 'error', message: 'Unknown link type' }]
}
export function getIdForHeading(node: Node): string {
if (typeof node.attributes.id === 'string') {
- return node.attributes.id;
+ return node.attributes.id
}
- let stringified = '';
+ let stringified = ''
for (const child of node.walk()) {
if (child.type === 'text' || child.type === 'code') {
- stringified += child.attributes.content;
+ stringified += child.attributes.content
}
}
- return slugify(stringified);
+ return slugify(stringified)
}
diff --git a/docs/markdoc/index.test.ts b/docs/markdoc/index.test.ts
index 84263f8bcc6..7609b8fe84b 100644
--- a/docs/markdoc/index.test.ts
+++ b/docs/markdoc/index.test.ts
@@ -1,7 +1,7 @@
-import { RenderableTreeNode } from '@markdoc/markdoc';
-import React, { ReactNode } from 'react';
-import { isTag } from './isTag';
-import { transformContent } from '.';
+import { RenderableTreeNode } from '@markdoc/markdoc'
+import React, { ReactNode } from 'react'
+import { isTag } from './isTag'
+import { transformContent } from '.'
function renderableToReactElement(node: RenderableTreeNode, key = 1): ReactNode {
if (
@@ -10,47 +10,47 @@ function renderableToReactElement(node: RenderableTreeNode, key = 1): ReactNode
typeof node === 'boolean' ||
node === null
) {
- return node;
+ return node
}
if (Array.isArray(node)) {
- return node.map(renderableToReactElement);
+ return node.map(renderableToReactElement)
}
if (isTag(node)) {
return React.createElement(
node.name,
{ ...node.attributes, key },
node.children.map((child, i) => renderableToReactElement(child, i))
- );
+ )
}
- return null;
+ return null
}
expect.addSnapshotSerializer({
test(val) {
- return typeof val === 'object' && val !== null && '$$mdtype' in val && val.$$mdtype === 'Tag';
+ return typeof val === 'object' && val !== null && '$$mdtype' in val && val.$$mdtype === 'Tag'
},
serialize(val, config, indentation, depth, refs, printer) {
- return printer(renderableToReactElement(val), config, indentation, depth, refs);
+ return printer(renderableToReactElement(val), config, indentation, depth, refs)
},
-});
+})
test('duplicate headings without disambiguated ids error', () => {
const content = `## Heading 1
## Heading 1
-`;
+`
expect(() => transformContent('content.md', content)).toThrowErrorMatchingInlineSnapshot(`
"Errors in content.md:
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
content.md:1: The id for this heading is "heading-1" which is the same as another heading in this file, disambiguate them with {% #some-id-here %} after a heading
content.md:2: The id for this heading is "heading-1" which is the same as another heading in this file, disambiguate them with {% #some-id-here %} after a heading
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯"
- `);
-});
+ `)
+})
test('duplicate headings with disambiguated ids are allowed', () => {
const content = `## Heading 1
## Heading 1 {% #some-heading %}
-`;
+`
expect(transformContent('content.md', content)).toMatchInlineSnapshot(`
{
Heading 1
- `);
-});
+ `)
+})
test("h1's are not allowed", () => {
- const content = `# Heading 1`;
+ const content = `# Heading 1`
expect(() => transformContent('content.md', content)).toThrowErrorMatchingInlineSnapshot(`
"Errors in content.md:
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
content.md:1: H1's are not allowed, specify the title in frontmatter at the top of the file if you're trying to specify the page title, otherwise use a different heading level
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯"
- `);
-});
+ `)
+})
test('empty ids on headings are not allowed', () => {
const content = `## ⭐️
###
#### Blah {% id="" %}
-`;
+`
expect(() => transformContent('content.md', content)).toThrowErrorMatchingInlineSnapshot(`
"Errors in content.md:
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
@@ -92,8 +92,8 @@ test('empty ids on headings are not allowed', () => {
content.md:2: This heading has an empty id, change the heading content so that a non-empty id is generated or add {% #some-id %} after the heading
content.md:4: This heading has an empty id, change the heading content so that a non-empty id is generated or add {% #some-id %} after the heading
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯"
- `);
-});
+ `)
+})
test('built-in Markdoc functions are not allowed', () => {
const content = `
@@ -103,11 +103,11 @@ something
{% /if %}
-`;
+`
expect(() => transformContent('content.md', content)).toThrowErrorMatchingInlineSnapshot(`
"Errors in content.md:
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
content.md:2: Undefined function: 'or'
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯"
- `);
-});
+ `)
+})
diff --git a/docs/markdoc/index.ts b/docs/markdoc/index.ts
index 625d01b8ca9..a80c513a573 100644
--- a/docs/markdoc/index.ts
+++ b/docs/markdoc/index.ts
@@ -1,17 +1,17 @@
// @markdoc/markdoc's declaration files depend on these global types
-import type {} from '@markdoc/markdoc/global';
-import fs from 'fs/promises';
-import isMatch from 'date-fns/isMatch';
-import Markdoc, { Config, Tag, ValidateError } from '@markdoc/markdoc';
-import { isNonEmptyArray } from 'emery/guards';
-import { assert } from 'emery/assertions';
-import { load } from 'js-yaml';
-import { baseMarkdocConfig } from './config';
-import { showNextReleaseWithoutReplacement } from './show-next-release';
-import { isTag } from './isTag';
+import type {} from '@markdoc/markdoc/global'
+import fs from 'fs/promises'
+import isMatch from 'date-fns/isMatch'
+import Markdoc, { Config, Tag, ValidateError } from '@markdoc/markdoc'
+import { isNonEmptyArray } from 'emery/guards'
+import { assert } from 'emery/assertions'
+import { load } from 'js-yaml'
+import { baseMarkdocConfig } from './config'
+import { showNextReleaseWithoutReplacement } from './show-next-release'
+import { isTag } from './isTag'
export function printValidationError(error: ValidateError) {
- const location = error.error.location || error.location;
+ const location = error.error.location || error.location
// the filepath is intentionally duplicated here so that there is one thing you can copy to refer to the error position
return `${location?.file ?? '(unknown file)'}:${
// the +1 is because location.start.line is 0-based
@@ -19,19 +19,19 @@ export function printValidationError(error: ValidateError) {
location?.start.line !== undefined ? location.start.line + 1 : '(unknown line)'
}${location?.start.character !== undefined ? `:${location.start.character}` : ''}: ${
error.error.message
- }`;
+ }`
}
class MarkdocValidationFailure extends Error {
constructor(errors: [ValidateError, ...ValidateError[]], errorReportingFilepath: string) {
- super();
- this.name = 'MarkdocValidationFailure';
+ super()
+ this.name = 'MarkdocValidationFailure'
// you see the stacktrace and a bunch of other stuff from Next when seeing the errors here
// so this separator makes it easier to find the actual problem
- const separator = `⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯`;
+ const separator = `⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯`
this.message = `Errors in ${errorReportingFilepath}:\n${separator}\n${errors
.map(error => printValidationError(error))
- .join('\n')}\n${separator}`;
+ .join('\n')}\n${separator}`
}
}
@@ -39,22 +39,22 @@ export type DocsContent = {
content: Tag;
title: string;
description: string;
-};
+}
export type BlogContent = BlogFrontmatter & {
content: Tag;
-};
+}
export async function readBlogContent(filepath: string): Promise {
- let content = await fs.readFile(filepath, 'utf8');
- const frontmatter = extractBlogFrontmatter(content);
- return { content: transformContent(`docs/${filepath}`, content), ...frontmatter };
+ let content = await fs.readFile(filepath, 'utf8')
+ const frontmatter = extractBlogFrontmatter(content)
+ return { content: transformContent(`docs/${filepath}`, content), ...frontmatter }
}
export async function readDocsContent(filepath: string): Promise {
- let content = await fs.readFile(filepath, 'utf8');
- const frontmatter = extractDocsFrontmatter(content);
- return { content: transformContent(`docs/${filepath}`, content), ...frontmatter };
+ let content = await fs.readFile(filepath, 'utf8')
+ const frontmatter = extractDocsFrontmatter(content)
+ return { content: transformContent(`docs/${filepath}`, content), ...frontmatter }
}
const markdocConfig: Config = {
@@ -62,56 +62,56 @@ const markdocConfig: Config = {
variables: {
nextRelease: showNextReleaseWithoutReplacement,
},
-};
+}
export function transformContent(errorReportingFilepath: string, content: string): Tag {
- const node = Markdoc.parse(content, errorReportingFilepath);
- const errors = Markdoc.validate(node, markdocConfig);
+ const node = Markdoc.parse(content, errorReportingFilepath)
+ const errors = Markdoc.validate(node, markdocConfig)
if (isNonEmptyArray(errors)) {
- throw new MarkdocValidationFailure(errors, errorReportingFilepath);
+ throw new MarkdocValidationFailure(errors, errorReportingFilepath)
}
- const renderableNode = Markdoc.transform(node, markdocConfig);
+ const renderableNode = Markdoc.transform(node, markdocConfig)
- assert(isTag(renderableNode));
+ assert(isTag(renderableNode))
// Next is annoying about not plain objects
- return JSON.parse(JSON.stringify(renderableNode)) as Tag;
+ return JSON.parse(JSON.stringify(renderableNode)) as Tag
}
-const frontMatterPattern = /^---[\s]+([\s\S]*?)[\s]+---/;
+const frontMatterPattern = /^---[\s]+([\s\S]*?)[\s]+---/
export function extractDocsFrontmatter(content: string): {
title: string;
description: string;
} {
- const match = frontMatterPattern.exec(content);
+ const match = frontMatterPattern.exec(content)
if (!match) {
- throw new Error('Expected document to contain frontmatter with a title and description');
+ throw new Error('Expected document to contain frontmatter with a title and description')
}
- const frontmatter = match[1];
- let parsed;
+ const frontmatter = match[1]
+ let parsed
try {
- parsed = load(frontmatter);
+ parsed = load(frontmatter)
} catch (err) {
- throw new Error(`Failed to parse frontmatter as yaml: ${err}`);
+ throw new Error(`Failed to parse frontmatter as yaml: ${err}`)
}
if (typeof parsed !== 'object' || parsed === null) {
throw new Error(
`Expected frontmatter yaml to be an object but found:\n${JSON.stringify(parsed)}`
- );
+ )
}
- let obj = parsed as Record;
+ let obj = parsed as Record
if (typeof obj.title !== 'string') {
- throw new Error(`Expected frontmatter to contain a title`);
+ throw new Error(`Expected frontmatter to contain a title`)
}
if (typeof obj.description !== 'string') {
- throw new Error(`Expected frontmatter to contain a description`);
+ throw new Error(`Expected frontmatter to contain a description`)
}
return {
title: obj.title,
description: obj.description,
- };
+ }
}
export type BlogFrontmatter = {
@@ -121,60 +121,60 @@ export type BlogFrontmatter = {
authorName: string;
authorHandle?: string;
metaImageUrl?: string;
-};
+}
export function extractBlogFrontmatter(content: string): BlogFrontmatter {
- const match = frontMatterPattern.exec(content);
+ const match = frontMatterPattern.exec(content)
if (!match) {
throw new Error(
'Expected post to contain frontmatter with a title, description and publishDate'
- );
+ )
}
- const frontmatter = match[1];
- let parsed;
+ const frontmatter = match[1]
+ let parsed
try {
- parsed = load(frontmatter);
+ parsed = load(frontmatter)
} catch (err) {
- throw new Error(`Failed to parse frontmatter as yaml: ${err}`);
+ throw new Error(`Failed to parse frontmatter as yaml: ${err}`)
}
if (typeof parsed !== 'object' || parsed === null) {
throw new Error(
`Expected frontmatter yaml to be an object but found:\n${JSON.stringify(parsed)}`
- );
+ )
}
- let obj = parsed as Record;
+ let obj = parsed as Record
if (typeof obj.title !== 'string') {
- throw new Error(`Expected frontmatter to contain title`);
+ throw new Error(`Expected frontmatter to contain title`)
}
if (typeof obj.description !== 'string') {
- throw new Error(`Expected frontmatter to contain description`);
+ throw new Error(`Expected frontmatter to contain description`)
}
if (typeof obj.publishDate !== 'string') {
- throw new Error(`Expected frontmatter to contain publishDate`);
+ throw new Error(`Expected frontmatter to contain publishDate`)
} else {
- const publishDate = obj.publishDate;
+ const publishDate = obj.publishDate
// making sure months are always MM and not M, same with dd and d
// Eg. 2022-04-01 is correct
// 2022-4-1 is incorrect
// why do we do this manually? because date-fns isMatch doesn't validate this
if (publishDate.split('-').some(s => s.length < 2)) {
- throw new Error(`Frontmatter publishDate format should be yyyy-MM-dd`);
+ throw new Error(`Frontmatter publishDate format should be yyyy-MM-dd`)
}
- const isValidDateFormat = isMatch(publishDate, 'yyyy-MM-dd');
+ const isValidDateFormat = isMatch(publishDate, 'yyyy-MM-dd')
if (!isValidDateFormat) {
- throw new Error(`Frontmatter publishDate format should be yyyy-MM-dd`);
+ throw new Error(`Frontmatter publishDate format should be yyyy-MM-dd`)
}
}
if (typeof obj.authorName !== 'string') {
- throw new Error(`Expected frontmatter to contain authorName`);
+ throw new Error(`Expected frontmatter to contain authorName`)
}
if (typeof obj.authorHandle !== 'string' && typeof obj.authorHandle !== 'undefined') {
- throw new Error(`Expected frontmatter to contain authorHandle`);
+ throw new Error(`Expected frontmatter to contain authorHandle`)
}
if (typeof obj.metaImageUrl !== 'string' && typeof obj.metaImageUrl !== 'undefined') {
- throw new Error(`Expected frontmatter to contain metaImageUrl`);
+ throw new Error(`Expected frontmatter to contain metaImageUrl`)
}
return {
@@ -184,5 +184,5 @@ export function extractBlogFrontmatter(content: string): BlogFrontmatter {
authorName: obj.authorName,
authorHandle: obj.authorHandle,
metaImageUrl: obj.metaImageUrl,
- };
+ }
}
diff --git a/docs/markdoc/isTag.ts b/docs/markdoc/isTag.ts
index 1be0247e6be..e8ec19b6347 100644
--- a/docs/markdoc/isTag.ts
+++ b/docs/markdoc/isTag.ts
@@ -1,9 +1,9 @@
-import type { Tag } from '@markdoc/markdoc';
+import type { Tag } from '@markdoc/markdoc'
// this is Tag.isTag but we don't want to have to load all of markdoc client side
// so it's duplicated
export function isTag(tag: unknown): tag is Tag {
return (
typeof tag === 'object' && tag !== null && '$$mdtype' in tag && (tag as any).$$mdtype === 'Tag'
- );
+ )
}
diff --git a/docs/markdoc/load-all.ts b/docs/markdoc/load-all.ts
index d201e399a6b..b3b7af8474b 100644
--- a/docs/markdoc/load-all.ts
+++ b/docs/markdoc/load-all.ts
@@ -1,12 +1,12 @@
-import fs from 'fs/promises';
-import { globby } from 'globby';
+import fs from 'fs/promises'
+import { globby } from 'globby'
export async function loadAllMarkdoc() {
- const paths = await globby(['pages/docs/**/*.md', 'pages/blog/**/*.md']);
+ const paths = await globby(['pages/docs/**/*.md', 'pages/blog/**/*.md'])
return await Promise.all(
paths.map(async file => {
- const contents = await fs.readFile(file, 'utf8');
- return { file, contents };
+ const contents = await fs.readFile(file, 'utf8')
+ return { file, contents }
})
- );
+ )
}
diff --git a/docs/markdoc/show-next-release.ts b/docs/markdoc/show-next-release.ts
index 3466381bbc3..f3d5e1661c4 100644
--- a/docs/markdoc/show-next-release.ts
+++ b/docs/markdoc/show-next-release.ts
@@ -1 +1 @@
-export const showNextReleaseWithoutReplacement = !!process.env.SHOW_NEXT_RELEASE;
+export const showNextReleaseWithoutReplacement = !!process.env.SHOW_NEXT_RELEASE
diff --git a/docs/next-sitemap.config.js b/docs/next-sitemap.config.js
index d410668abae..45d29326eca 100644
--- a/docs/next-sitemap.config.js
+++ b/docs/next-sitemap.config.js
@@ -2,4 +2,4 @@ module.exports = {
siteUrl: 'https://keystonejs.com',
generateRobotsTxt: true,
exclude: ['/ds'],
-};
+}
diff --git a/docs/pages/404.tsx b/docs/pages/404.tsx
index fa102c24439..78a4b469f7e 100644
--- a/docs/pages/404.tsx
+++ b/docs/pages/404.tsx
@@ -1,11 +1,11 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { useRouter } from 'next/router';
+import { jsx } from '@emotion/react'
+import { useRouter } from 'next/router'
-import { Highlight } from '../components/primitives/Highlight';
-import { Type } from '../components/primitives/Type';
-import { Page } from '../components/Page';
+import { Highlight } from '../components/primitives/Highlight'
+import { Type } from '../components/primitives/Type'
+import { Page } from '../components/Page'
function ConstructionIllustration() {
return (
@@ -27,16 +27,16 @@ function ConstructionIllustration() {
}}
/>
- );
+ )
}
// modifying this code may have security implications
// see https://github.com/keystonejs/keystone/pull/6411#issuecomment-906085389
-const v5PathList = ['/tutorials', '/guides', '/keystonejs', '/api', '/discussions'];
+const v5PathList = ['/tutorials', '/guides', '/keystonejs', '/api', '/discussions']
export default function NotFoundPage() {
- const { asPath } = useRouter();
- const tryV5Link = v5PathList.some(x => asPath.startsWith(x));
+ const { asPath } = useRouter()
+ const tryV5Link = v5PathList.some(x => asPath.startsWith(x))
return (
- );
+ )
}
diff --git a/docs/pages/_app.tsx b/docs/pages/_app.tsx
index 817f2285e3e..e922da4f65a 100644
--- a/docs/pages/_app.tsx
+++ b/docs/pages/_app.tsx
@@ -1,14 +1,14 @@
/** @jsxRuntime classic */
/** @jsx jsx */
-import { jsx, Global, css, CacheProvider } from '@emotion/react';
-import type { AppProps } from 'next/app';
-import { cache } from '@emotion/css';
+import { jsx, Global, css, CacheProvider } from '@emotion/react'
+import type { AppProps } from 'next/app'
+import { cache } from '@emotion/css'
-import Head from 'next/head';
-import { proseStyles } from '../lib/prose-lite';
-import { Theme } from '../components/Theme';
-import { NavContextProvider } from '../components/docs/Navigation';
-import { SkipLinks } from '../components/SkipLinks';
+import Head from 'next/head'
+import { proseStyles } from '../lib/prose-lite'
+import { Theme } from '../components/Theme'
+import { NavContextProvider } from '../components/docs/Navigation'
+import { SkipLinks } from '../components/SkipLinks'
export default function App({ Component, pageProps }: AppProps) {
return (
@@ -104,5 +104,5 @@ export default function App({ Component, pageProps }: AppProps) {
- );
+ )
}
diff --git a/docs/pages/_document.tsx b/docs/pages/_document.tsx
index fbd0e591b18..13e8a6d1b14 100644
--- a/docs/pages/_document.tsx
+++ b/docs/pages/_document.tsx
@@ -1,14 +1,14 @@
-import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document';
-import React from 'react';
-import createEmotionServer from '@emotion/server/create-instance';
-import { cache } from '@emotion/css';
+import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
+import React from 'react'
+import createEmotionServer from '@emotion/server/create-instance'
+import { cache } from '@emotion/css'
-const { extractCriticalToChunks } = createEmotionServer(cache);
+const { extractCriticalToChunks } = createEmotionServer(cache)
class MyDocument extends Document {
static async getInitialProps(ctx: DocumentContext) {
- const initialProps = await Document.getInitialProps(ctx);
- const data = extractCriticalToChunks(initialProps.html);
+ const initialProps = await Document.getInitialProps(ctx)
+ const data = extractCriticalToChunks(initialProps.html)
return {
...initialProps,
@@ -24,7 +24,7 @@ class MyDocument extends Document {
))}
,
],
- };
+ }
}
render() {
@@ -95,8 +95,8 @@ class MyDocument extends Document {