diff --git a/.github/workflows/code-connect.yml b/.github/workflows/code-connect.yml new file mode 100644 index 000000000000..96dc522660a1 --- /dev/null +++ b/.github/workflows/code-connect.yml @@ -0,0 +1,13 @@ +on: + push: + paths: + - src/packages/react/code-connect/**/*.figma.tsx + branches: + - main + +jobs: + code-connect: + name: Code Connect + runs-on: ubuntu-latest + steps: + - run: npx figma connect publish diff --git a/.gitignore b/.gitignore index b80070cd9600..f8b369ec9f1a 100644 --- a/.gitignore +++ b/.gitignore @@ -57,3 +57,6 @@ package-lock.json # Playwright .playwright + +# Local token +.env diff --git a/.yarn/cache/@babel-code-frame-npm-7.22.13-2782581d20-bf6ae6ba3a.zip b/.yarn/cache/@babel-code-frame-npm-7.22.13-2782581d20-bf6ae6ba3a.zip deleted file mode 100644 index fb212d5eed3c..000000000000 Binary files a/.yarn/cache/@babel-code-frame-npm-7.22.13-2782581d20-bf6ae6ba3a.zip and /dev/null differ diff --git a/.yarn/cache/@babel-code-frame-npm-7.24.7-315a600a58-4812e94885.zip b/.yarn/cache/@babel-code-frame-npm-7.24.7-315a600a58-4812e94885.zip new file mode 100644 index 000000000000..5eb87a30e153 Binary files /dev/null and b/.yarn/cache/@babel-code-frame-npm-7.24.7-315a600a58-4812e94885.zip differ diff --git a/.yarn/cache/@babel-compat-data-npm-7.22.9-f9e02d51b9-6797f59857.zip b/.yarn/cache/@babel-compat-data-npm-7.22.9-f9e02d51b9-6797f59857.zip deleted file mode 100644 index 8a1dc1e5dbbd..000000000000 Binary files a/.yarn/cache/@babel-compat-data-npm-7.22.9-f9e02d51b9-6797f59857.zip and /dev/null differ diff --git a/.yarn/cache/@babel-compat-data-npm-7.24.7-55c0797320-6edc09152c.zip b/.yarn/cache/@babel-compat-data-npm-7.24.7-55c0797320-6edc09152c.zip new file mode 100644 index 000000000000..be7a57246799 Binary files /dev/null and b/.yarn/cache/@babel-compat-data-npm-7.24.7-55c0797320-6edc09152c.zip differ diff --git a/.yarn/cache/@babel-core-npm-7.22.9-509b29c82e-0c209a8506.zip b/.yarn/cache/@babel-core-npm-7.22.9-509b29c82e-0c209a8506.zip deleted file mode 100644 index ac1081bced5a..000000000000 Binary files a/.yarn/cache/@babel-core-npm-7.22.9-509b29c82e-0c209a8506.zip and /dev/null differ diff --git a/.yarn/cache/@babel-core-npm-7.24.7-e0c71653c5-ef8cc1afa3.zip b/.yarn/cache/@babel-core-npm-7.24.7-e0c71653c5-ef8cc1afa3.zip new file mode 100644 index 000000000000..03d2349cf117 Binary files /dev/null and b/.yarn/cache/@babel-core-npm-7.24.7-e0c71653c5-ef8cc1afa3.zip differ diff --git a/.yarn/cache/@babel-generator-npm-7.22.9-d9fccf9328-1ee43f9951.zip b/.yarn/cache/@babel-generator-npm-7.22.9-d9fccf9328-1ee43f9951.zip deleted file mode 100644 index a83cc3329ed5..000000000000 Binary files a/.yarn/cache/@babel-generator-npm-7.22.9-d9fccf9328-1ee43f9951.zip and /dev/null differ diff --git a/.yarn/cache/@babel-generator-npm-7.24.7-33fe4145fd-c71d24a4b4.zip b/.yarn/cache/@babel-generator-npm-7.24.7-33fe4145fd-c71d24a4b4.zip new file mode 100644 index 000000000000..f492540c5cc1 Binary files /dev/null and b/.yarn/cache/@babel-generator-npm-7.24.7-33fe4145fd-c71d24a4b4.zip differ diff --git a/.yarn/cache/@babel-helper-compilation-targets-npm-7.22.9-b4473889ca-779510e4c2.zip b/.yarn/cache/@babel-helper-compilation-targets-npm-7.22.9-b4473889ca-779510e4c2.zip deleted file mode 100644 index bab61cbb2605..000000000000 Binary files a/.yarn/cache/@babel-helper-compilation-targets-npm-7.22.9-b4473889ca-779510e4c2.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-compilation-targets-npm-7.24.7-b6fcad7a45-8f8bc89af7.zip b/.yarn/cache/@babel-helper-compilation-targets-npm-7.24.7-b6fcad7a45-8f8bc89af7.zip new file mode 100644 index 000000000000..389baaeb3e37 Binary files /dev/null and b/.yarn/cache/@babel-helper-compilation-targets-npm-7.24.7-b6fcad7a45-8f8bc89af7.zip differ diff --git a/.yarn/cache/@babel-helper-environment-visitor-npm-7.22.5-7bc52eec61-248532077d.zip b/.yarn/cache/@babel-helper-environment-visitor-npm-7.22.5-7bc52eec61-248532077d.zip deleted file mode 100644 index 74536fc103df..000000000000 Binary files a/.yarn/cache/@babel-helper-environment-visitor-npm-7.22.5-7bc52eec61-248532077d.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-environment-visitor-npm-7.24.7-9a965bf523-079d86e657.zip b/.yarn/cache/@babel-helper-environment-visitor-npm-7.24.7-9a965bf523-079d86e657.zip new file mode 100644 index 000000000000..8fe4b856a734 Binary files /dev/null and b/.yarn/cache/@babel-helper-environment-visitor-npm-7.24.7-9a965bf523-079d86e657.zip differ diff --git a/.yarn/cache/@babel-helper-function-name-npm-7.22.5-8a1a69b63d-6d02e304a4.zip b/.yarn/cache/@babel-helper-function-name-npm-7.22.5-8a1a69b63d-6d02e304a4.zip deleted file mode 100644 index 10d57c0f7caa..000000000000 Binary files a/.yarn/cache/@babel-helper-function-name-npm-7.22.5-8a1a69b63d-6d02e304a4.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-function-name-npm-7.24.7-4f88fa6768-2ceb3d9b2b.zip b/.yarn/cache/@babel-helper-function-name-npm-7.24.7-4f88fa6768-2ceb3d9b2b.zip new file mode 100644 index 000000000000..7b2e24b5061e Binary files /dev/null and b/.yarn/cache/@babel-helper-function-name-npm-7.24.7-4f88fa6768-2ceb3d9b2b.zip differ diff --git a/.yarn/cache/@babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip b/.yarn/cache/@babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip deleted file mode 100644 index cf4726639626..000000000000 Binary files a/.yarn/cache/@babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-hoist-variables-npm-7.24.7-3d1fb54723-6cfdcf2289.zip b/.yarn/cache/@babel-helper-hoist-variables-npm-7.24.7-3d1fb54723-6cfdcf2289.zip new file mode 100644 index 000000000000..b2afa34adba8 Binary files /dev/null and b/.yarn/cache/@babel-helper-hoist-variables-npm-7.24.7-3d1fb54723-6cfdcf2289.zip differ diff --git a/.yarn/cache/@babel-helper-module-imports-npm-7.22.5-399b6063db-d8296447c0.zip b/.yarn/cache/@babel-helper-module-imports-npm-7.22.5-399b6063db-d8296447c0.zip deleted file mode 100644 index 91d86c61f8ed..000000000000 Binary files a/.yarn/cache/@babel-helper-module-imports-npm-7.22.5-399b6063db-d8296447c0.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-module-imports-npm-7.24.7-f60e66adbf-df8bfb2bb1.zip b/.yarn/cache/@babel-helper-module-imports-npm-7.24.7-f60e66adbf-df8bfb2bb1.zip new file mode 100644 index 000000000000..39f15939d814 Binary files /dev/null and b/.yarn/cache/@babel-helper-module-imports-npm-7.24.7-f60e66adbf-df8bfb2bb1.zip differ diff --git a/.yarn/cache/@babel-helper-module-transforms-npm-7.22.9-dfa9ef05d1-80244f45e3.zip b/.yarn/cache/@babel-helper-module-transforms-npm-7.22.9-dfa9ef05d1-80244f45e3.zip deleted file mode 100644 index 07802c1a726e..000000000000 Binary files a/.yarn/cache/@babel-helper-module-transforms-npm-7.22.9-dfa9ef05d1-80244f45e3.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-module-transforms-npm-7.24.7-34219c1829-4f2b232bf6.zip b/.yarn/cache/@babel-helper-module-transforms-npm-7.24.7-34219c1829-4f2b232bf6.zip new file mode 100644 index 000000000000..d8dc8f060ce1 Binary files /dev/null and b/.yarn/cache/@babel-helper-module-transforms-npm-7.24.7-34219c1829-4f2b232bf6.zip differ diff --git a/.yarn/cache/@babel-helper-simple-access-npm-7.22.5-0a3f578780-7d5430eecf.zip b/.yarn/cache/@babel-helper-simple-access-npm-7.22.5-0a3f578780-7d5430eecf.zip deleted file mode 100644 index 71e03f166b1b..000000000000 Binary files a/.yarn/cache/@babel-helper-simple-access-npm-7.22.5-0a3f578780-7d5430eecf.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-simple-access-npm-7.24.7-beddd00b0e-5083e19018.zip b/.yarn/cache/@babel-helper-simple-access-npm-7.24.7-beddd00b0e-5083e19018.zip new file mode 100644 index 000000000000..58d04f4894d1 Binary files /dev/null and b/.yarn/cache/@babel-helper-simple-access-npm-7.24.7-beddd00b0e-5083e19018.zip differ diff --git a/.yarn/cache/@babel-helper-split-export-declaration-npm-7.22.6-e723505aef-e141cace58.zip b/.yarn/cache/@babel-helper-split-export-declaration-npm-7.22.6-e723505aef-e141cace58.zip deleted file mode 100644 index c2ebd88f0201..000000000000 Binary files a/.yarn/cache/@babel-helper-split-export-declaration-npm-7.22.6-e723505aef-e141cace58.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-split-export-declaration-npm-7.24.7-77b1fc1a1c-ff04a30716.zip b/.yarn/cache/@babel-helper-split-export-declaration-npm-7.24.7-77b1fc1a1c-ff04a30716.zip new file mode 100644 index 000000000000..7ed84c9d64b1 Binary files /dev/null and b/.yarn/cache/@babel-helper-split-export-declaration-npm-7.24.7-77b1fc1a1c-ff04a30716.zip differ diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.22.5-448ff0e489-7f275a7f1a.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.22.5-448ff0e489-7f275a7f1a.zip deleted file mode 100644 index 754ea6197f15..000000000000 Binary files a/.yarn/cache/@babel-helper-string-parser-npm-7.22.5-448ff0e489-7f275a7f1a.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.24.7-560b175e3f-603d8d962b.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.24.7-560b175e3f-603d8d962b.zip new file mode 100644 index 000000000000..6422f04187d0 Binary files /dev/null and b/.yarn/cache/@babel-helper-string-parser-npm-7.24.7-560b175e3f-603d8d962b.zip differ diff --git a/.yarn/cache/@babel-helper-validator-identifier-npm-7.22.20-18305bb306-df882d2675.zip b/.yarn/cache/@babel-helper-validator-identifier-npm-7.22.20-18305bb306-df882d2675.zip deleted file mode 100644 index 339493061692..000000000000 Binary files a/.yarn/cache/@babel-helper-validator-identifier-npm-7.22.20-18305bb306-df882d2675.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-validator-identifier-npm-7.24.7-748889c8d2-86875063f5.zip b/.yarn/cache/@babel-helper-validator-identifier-npm-7.24.7-748889c8d2-86875063f5.zip new file mode 100644 index 000000000000..021881058360 Binary files /dev/null and b/.yarn/cache/@babel-helper-validator-identifier-npm-7.24.7-748889c8d2-86875063f5.zip differ diff --git a/.yarn/cache/@babel-helper-validator-option-npm-7.22.5-eaf22b24ab-bbeca8a85e.zip b/.yarn/cache/@babel-helper-validator-option-npm-7.22.5-eaf22b24ab-bbeca8a85e.zip deleted file mode 100644 index 133d4a3b4d38..000000000000 Binary files a/.yarn/cache/@babel-helper-validator-option-npm-7.22.5-eaf22b24ab-bbeca8a85e.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helper-validator-option-npm-7.24.7-6bf4b631c7-9689166bf3.zip b/.yarn/cache/@babel-helper-validator-option-npm-7.24.7-6bf4b631c7-9689166bf3.zip new file mode 100644 index 000000000000..e358389af6f8 Binary files /dev/null and b/.yarn/cache/@babel-helper-validator-option-npm-7.24.7-6bf4b631c7-9689166bf3.zip differ diff --git a/.yarn/cache/@babel-helpers-npm-7.22.6-8e54464b9e-c7c5876476.zip b/.yarn/cache/@babel-helpers-npm-7.22.6-8e54464b9e-c7c5876476.zip deleted file mode 100644 index c7e9c15162c3..000000000000 Binary files a/.yarn/cache/@babel-helpers-npm-7.22.6-8e54464b9e-c7c5876476.zip and /dev/null differ diff --git a/.yarn/cache/@babel-helpers-npm-7.24.7-8c3f5704f5-f7496f0d7a.zip b/.yarn/cache/@babel-helpers-npm-7.24.7-8c3f5704f5-f7496f0d7a.zip new file mode 100644 index 000000000000..6dfbcede618a Binary files /dev/null and b/.yarn/cache/@babel-helpers-npm-7.24.7-8c3f5704f5-f7496f0d7a.zip differ diff --git a/.yarn/cache/@babel-highlight-npm-7.22.20-5de7aba88d-1aabc95b2c.zip b/.yarn/cache/@babel-highlight-npm-7.22.20-5de7aba88d-1aabc95b2c.zip deleted file mode 100644 index 2e80f075e36e..000000000000 Binary files a/.yarn/cache/@babel-highlight-npm-7.22.20-5de7aba88d-1aabc95b2c.zip and /dev/null differ diff --git a/.yarn/cache/@babel-highlight-npm-7.24.7-d792bd8d9f-69b73f38cd.zip b/.yarn/cache/@babel-highlight-npm-7.24.7-d792bd8d9f-69b73f38cd.zip new file mode 100644 index 000000000000..9df46bf318e9 Binary files /dev/null and b/.yarn/cache/@babel-highlight-npm-7.24.7-d792bd8d9f-69b73f38cd.zip differ diff --git a/.yarn/cache/@babel-parser-npm-7.22.7-7fbdf28552-f420f89ea8.zip b/.yarn/cache/@babel-parser-npm-7.22.7-7fbdf28552-f420f89ea8.zip deleted file mode 100644 index 2836e57d67e5..000000000000 Binary files a/.yarn/cache/@babel-parser-npm-7.22.7-7fbdf28552-f420f89ea8.zip and /dev/null differ diff --git a/.yarn/cache/@babel-parser-npm-7.24.7-79d233f3d1-ef9ebce60e.zip b/.yarn/cache/@babel-parser-npm-7.24.7-79d233f3d1-ef9ebce60e.zip new file mode 100644 index 000000000000..86d5369d1237 Binary files /dev/null and b/.yarn/cache/@babel-parser-npm-7.24.7-79d233f3d1-ef9ebce60e.zip differ diff --git a/.yarn/cache/@babel-template-npm-7.22.5-358c44dc9d-460634b1c5.zip b/.yarn/cache/@babel-template-npm-7.22.5-358c44dc9d-460634b1c5.zip deleted file mode 100644 index e634e6c465d7..000000000000 Binary files a/.yarn/cache/@babel-template-npm-7.22.5-358c44dc9d-460634b1c5.zip and /dev/null differ diff --git a/.yarn/cache/@babel-template-npm-7.24.7-d08a527e2b-5975d404ef.zip b/.yarn/cache/@babel-template-npm-7.24.7-d08a527e2b-5975d404ef.zip new file mode 100644 index 000000000000..7f0562c326a8 Binary files /dev/null and b/.yarn/cache/@babel-template-npm-7.24.7-d08a527e2b-5975d404ef.zip differ diff --git a/.yarn/cache/@babel-traverse-npm-7.22.8-98fbaaf7d8-a2c2157c85.zip b/.yarn/cache/@babel-traverse-npm-7.22.8-98fbaaf7d8-a2c2157c85.zip deleted file mode 100644 index d5f2573dbeb4..000000000000 Binary files a/.yarn/cache/@babel-traverse-npm-7.22.8-98fbaaf7d8-a2c2157c85.zip and /dev/null differ diff --git a/.yarn/cache/@babel-traverse-npm-7.24.7-b26422bd59-785cf26383.zip b/.yarn/cache/@babel-traverse-npm-7.24.7-b26422bd59-785cf26383.zip new file mode 100644 index 000000000000..ecac4f1cff2a Binary files /dev/null and b/.yarn/cache/@babel-traverse-npm-7.24.7-b26422bd59-785cf26383.zip differ diff --git a/.yarn/cache/@babel-types-npm-7.23.0-332fd21daf-ca5b896a26.zip b/.yarn/cache/@babel-types-npm-7.23.0-332fd21daf-ca5b896a26.zip deleted file mode 100644 index 5b46dcf34b27..000000000000 Binary files a/.yarn/cache/@babel-types-npm-7.23.0-332fd21daf-ca5b896a26.zip and /dev/null differ diff --git a/.yarn/cache/@babel-types-npm-7.24.7-43a9e43e29-ad3c8c0d6f.zip b/.yarn/cache/@babel-types-npm-7.24.7-43a9e43e29-ad3c8c0d6f.zip new file mode 100644 index 000000000000..be847ba0b485 Binary files /dev/null and b/.yarn/cache/@babel-types-npm-7.24.7-43a9e43e29-ad3c8c0d6f.zip differ diff --git a/.yarn/cache/@figma-code-connect-npm-0.1.2-8819a2148f-730fd7b326.zip b/.yarn/cache/@figma-code-connect-npm-0.1.2-8819a2148f-730fd7b326.zip new file mode 100644 index 000000000000..18d8702a81e4 Binary files /dev/null and b/.yarn/cache/@figma-code-connect-npm-0.1.2-8819a2148f-730fd7b326.zip differ diff --git a/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.3-1815eba94c-072ace159c.zip b/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.3-1815eba94c-072ace159c.zip deleted file mode 100644 index 18c70c20a89c..000000000000 Binary files a/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.3-1815eba94c-072ace159c.zip and /dev/null differ diff --git a/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.5-d8b85ebeaf-81587b3c4d.zip b/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.5-d8b85ebeaf-81587b3c4d.zip new file mode 100644 index 000000000000..18c8d136e5e9 Binary files /dev/null and b/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.5-d8b85ebeaf-81587b3c4d.zip differ diff --git a/.yarn/cache/@jridgewell-resolve-uri-npm-3.1.0-6ff2351e61-320ceb37af.zip b/.yarn/cache/@jridgewell-resolve-uri-npm-3.1.0-6ff2351e61-320ceb37af.zip deleted file mode 100644 index 5bd9facc1aa8..000000000000 Binary files a/.yarn/cache/@jridgewell-resolve-uri-npm-3.1.0-6ff2351e61-320ceb37af.zip and /dev/null differ diff --git a/.yarn/cache/@jridgewell-resolve-uri-npm-3.1.2-5bc4245992-97106439d7.zip b/.yarn/cache/@jridgewell-resolve-uri-npm-3.1.2-5bc4245992-97106439d7.zip new file mode 100644 index 000000000000..4b56ea4a8358 Binary files /dev/null and b/.yarn/cache/@jridgewell-resolve-uri-npm-3.1.2-5bc4245992-97106439d7.zip differ diff --git a/.yarn/cache/@jridgewell-set-array-npm-1.1.2-45b82d7fb6-69a84d5980.zip b/.yarn/cache/@jridgewell-set-array-npm-1.1.2-45b82d7fb6-69a84d5980.zip deleted file mode 100644 index 3b901fc14bcd..000000000000 Binary files a/.yarn/cache/@jridgewell-set-array-npm-1.1.2-45b82d7fb6-69a84d5980.zip and /dev/null differ diff --git a/.yarn/cache/@jridgewell-set-array-npm-1.2.1-2312928209-832e513a85.zip b/.yarn/cache/@jridgewell-set-array-npm-1.2.1-2312928209-832e513a85.zip new file mode 100644 index 000000000000..8a72fc72dfb9 Binary files /dev/null and b/.yarn/cache/@jridgewell-set-array-npm-1.2.1-2312928209-832e513a85.zip differ diff --git a/.yarn/cache/@jridgewell-sourcemap-codec-npm-1.4.14-f5f0630788-26e768fae6.zip b/.yarn/cache/@jridgewell-sourcemap-codec-npm-1.4.14-f5f0630788-26e768fae6.zip deleted file mode 100644 index 99600b62625a..000000000000 Binary files a/.yarn/cache/@jridgewell-sourcemap-codec-npm-1.4.14-f5f0630788-26e768fae6.zip and /dev/null differ diff --git a/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.18-cd96571385-f4fabdddf8.zip b/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.18-cd96571385-f4fabdddf8.zip deleted file mode 100644 index 0a014b17ca33..000000000000 Binary files a/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.18-cd96571385-f4fabdddf8.zip and /dev/null differ diff --git a/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.25-c076fd2279-dced32160a.zip b/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.25-c076fd2279-dced32160a.zip new file mode 100644 index 000000000000..7e430802c786 Binary files /dev/null and b/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.25-c076fd2279-dced32160a.zip differ diff --git a/.yarn/cache/@storybook-channels-npm-7.6.19-e073ff8fd0-ee4f3d85ae.zip b/.yarn/cache/@storybook-channels-npm-7.6.19-e073ff8fd0-ee4f3d85ae.zip new file mode 100644 index 000000000000..0ef943a7385e Binary files /dev/null and b/.yarn/cache/@storybook-channels-npm-7.6.19-e073ff8fd0-ee4f3d85ae.zip differ diff --git a/.yarn/cache/@storybook-client-logger-npm-7.6.19-6ae88c3561-140ea57ea5.zip b/.yarn/cache/@storybook-client-logger-npm-7.6.19-6ae88c3561-140ea57ea5.zip new file mode 100644 index 000000000000..c42fe5897965 Binary files /dev/null and b/.yarn/cache/@storybook-client-logger-npm-7.6.19-6ae88c3561-140ea57ea5.zip differ diff --git a/.yarn/cache/@storybook-core-events-npm-7.6.19-3894c301ac-bbf856ee35.zip b/.yarn/cache/@storybook-core-events-npm-7.6.19-3894c301ac-bbf856ee35.zip new file mode 100644 index 000000000000..488b83091365 Binary files /dev/null and b/.yarn/cache/@storybook-core-events-npm-7.6.19-3894c301ac-bbf856ee35.zip differ diff --git a/.yarn/cache/@storybook-csf-npm-0.1.0-42330b3cdb-bd93be38b2.zip b/.yarn/cache/@storybook-csf-npm-0.1.0-42330b3cdb-bd93be38b2.zip deleted file mode 100644 index f801b13c2f2c..000000000000 Binary files a/.yarn/cache/@storybook-csf-npm-0.1.0-42330b3cdb-bd93be38b2.zip and /dev/null differ diff --git a/.yarn/cache/@storybook-csf-npm-0.1.8-489d1104db-0cc01216a8.zip b/.yarn/cache/@storybook-csf-npm-0.1.8-489d1104db-0cc01216a8.zip new file mode 100644 index 000000000000..0cffec364313 Binary files /dev/null and b/.yarn/cache/@storybook-csf-npm-0.1.8-489d1104db-0cc01216a8.zip differ diff --git a/.yarn/cache/@storybook-csf-tools-npm-7.6.19-b014c5f562-ef616c8df2.zip b/.yarn/cache/@storybook-csf-tools-npm-7.6.19-b014c5f562-ef616c8df2.zip new file mode 100644 index 000000000000..065cc84020e3 Binary files /dev/null and b/.yarn/cache/@storybook-csf-tools-npm-7.6.19-b014c5f562-ef616c8df2.zip differ diff --git a/.yarn/cache/@storybook-types-npm-7.6.19-0bfc48b098-8930afad00.zip b/.yarn/cache/@storybook-types-npm-7.6.19-0bfc48b098-8930afad00.zip new file mode 100644 index 000000000000..0eae26446f72 Binary files /dev/null and b/.yarn/cache/@storybook-types-npm-7.6.19-0bfc48b098-8930afad00.zip differ diff --git a/.yarn/cache/axios-npm-1.6.2-2334cb6eee-612bc93f8f.zip b/.yarn/cache/axios-npm-1.6.2-2334cb6eee-612bc93f8f.zip deleted file mode 100644 index 5636b361b3ae..000000000000 Binary files a/.yarn/cache/axios-npm-1.6.2-2334cb6eee-612bc93f8f.zip and /dev/null differ diff --git a/.yarn/cache/axios-npm-1.7.2-c89264f6f7-6ae80dda97.zip b/.yarn/cache/axios-npm-1.7.2-c89264f6f7-6ae80dda97.zip new file mode 100644 index 000000000000..ee5abb7f41f4 Binary files /dev/null and b/.yarn/cache/axios-npm-1.7.2-c89264f6f7-6ae80dda97.zip differ diff --git a/.yarn/cache/browserslist-npm-4.23.0-8126a959d4-496c3862df.zip b/.yarn/cache/browserslist-npm-4.23.0-8126a959d4-496c3862df.zip deleted file mode 100644 index 01afb2452b8c..000000000000 Binary files a/.yarn/cache/browserslist-npm-4.23.0-8126a959d4-496c3862df.zip and /dev/null differ diff --git a/.yarn/cache/browserslist-npm-4.23.1-5d546adfd4-91da59f70a.zip b/.yarn/cache/browserslist-npm-4.23.1-5d546adfd4-91da59f70a.zip new file mode 100644 index 000000000000..80f8f90b16ee Binary files /dev/null and b/.yarn/cache/browserslist-npm-4.23.1-5d546adfd4-91da59f70a.zip differ diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001620-389289b1a8-d615ab66eb.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001620-389289b1a8-d615ab66eb.zip deleted file mode 100644 index 49e9d1b468fe..000000000000 Binary files a/.yarn/cache/caniuse-lite-npm-1.0.30001620-389289b1a8-d615ab66eb.zip and /dev/null differ diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001632-163162b2dc-80b8b75007.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001632-163162b2dc-80b8b75007.zip new file mode 100644 index 000000000000..974a9812b627 Binary files /dev/null and b/.yarn/cache/caniuse-lite-npm-1.0.30001632-163162b2dc-80b8b75007.zip differ diff --git a/.yarn/cache/debug-npm-4.3.5-b5001f59b7-cb6eab424c.zip b/.yarn/cache/debug-npm-4.3.5-b5001f59b7-cb6eab424c.zip new file mode 100644 index 000000000000..c621a4c78dda Binary files /dev/null and b/.yarn/cache/debug-npm-4.3.5-b5001f59b7-cb6eab424c.zip differ diff --git a/.yarn/cache/dotenv-npm-16.4.5-bcb20eb95d-55a3134601.zip b/.yarn/cache/dotenv-npm-16.4.5-bcb20eb95d-55a3134601.zip new file mode 100644 index 000000000000..37a9baf4b274 Binary files /dev/null and b/.yarn/cache/dotenv-npm-16.4.5-bcb20eb95d-55a3134601.zip differ diff --git a/.yarn/cache/electron-to-chromium-npm-1.4.756-60988025f5-fb3dfaf729.zip b/.yarn/cache/electron-to-chromium-npm-1.4.756-60988025f5-fb3dfaf729.zip deleted file mode 100644 index c51e988b3505..000000000000 Binary files a/.yarn/cache/electron-to-chromium-npm-1.4.756-60988025f5-fb3dfaf729.zip and /dev/null differ diff --git a/.yarn/cache/electron-to-chromium-npm-1.4.796-f75cc49719-af3c22d0cb.zip b/.yarn/cache/electron-to-chromium-npm-1.4.796-f75cc49719-af3c22d0cb.zip new file mode 100644 index 000000000000..d1bb0d14bdac Binary files /dev/null and b/.yarn/cache/electron-to-chromium-npm-1.4.796-f75cc49719-af3c22d0cb.zip differ diff --git a/.yarn/cache/follow-redirects-npm-1.15.2-1ec1dd82be-8be0d39919.zip b/.yarn/cache/follow-redirects-npm-1.15.2-1ec1dd82be-8be0d39919.zip deleted file mode 100644 index 9aa62ac845da..000000000000 Binary files a/.yarn/cache/follow-redirects-npm-1.15.2-1ec1dd82be-8be0d39919.zip and /dev/null differ diff --git a/.yarn/cache/follow-redirects-npm-1.15.6-50635fe51d-70c7612c4c.zip b/.yarn/cache/follow-redirects-npm-1.15.6-50635fe51d-70c7612c4c.zip new file mode 100644 index 000000000000..d64f38e50a7b Binary files /dev/null and b/.yarn/cache/follow-redirects-npm-1.15.6-50635fe51d-70c7612c4c.zip differ diff --git a/.yarn/cache/picocolors-npm-1.0.0-d81e0b1927-a2e8092dd8.zip b/.yarn/cache/picocolors-npm-1.0.1-39442f3da8-fa68166d1f.zip similarity index 63% rename from .yarn/cache/picocolors-npm-1.0.0-d81e0b1927-a2e8092dd8.zip rename to .yarn/cache/picocolors-npm-1.0.1-39442f3da8-fa68166d1f.zip index 2d7c3d573a5d..21041b39e9bc 100644 Binary files a/.yarn/cache/picocolors-npm-1.0.0-d81e0b1927-a2e8092dd8.zip and b/.yarn/cache/picocolors-npm-1.0.1-39442f3da8-fa68166d1f.zip differ diff --git a/.yarn/cache/prettier-npm-3.3.1-91c1be8598-31ca48d07a.zip b/.yarn/cache/prettier-npm-3.3.1-91c1be8598-31ca48d07a.zip new file mode 100644 index 000000000000..722cb14783fd Binary files /dev/null and b/.yarn/cache/prettier-npm-3.3.1-91c1be8598-31ca48d07a.zip differ diff --git a/.yarn/cache/typescript-npm-5.1.3-ff9af2aba1-2d656e635d.zip b/.yarn/cache/typescript-npm-5.1.3-ff9af2aba1-2d656e635d.zip deleted file mode 100644 index 18d275d40fc2..000000000000 Binary files a/.yarn/cache/typescript-npm-5.1.3-ff9af2aba1-2d656e635d.zip and /dev/null differ diff --git a/.yarn/cache/typescript-npm-5.4.2-7e4ff3dfd2-f8cfdc630a.zip b/.yarn/cache/typescript-npm-5.4.2-7e4ff3dfd2-f8cfdc630a.zip new file mode 100644 index 000000000000..f54ab684272e Binary files /dev/null and b/.yarn/cache/typescript-npm-5.4.2-7e4ff3dfd2-f8cfdc630a.zip differ diff --git a/.yarn/cache/typescript-patch-be7942e6bf-dade91ba41.zip b/.yarn/cache/typescript-patch-be7942e6bf-dade91ba41.zip deleted file mode 100644 index c8cb3da50162..000000000000 Binary files a/.yarn/cache/typescript-patch-be7942e6bf-dade91ba41.zip and /dev/null differ diff --git a/.yarn/cache/typescript-patch-c145cea93e-f5f9a4133c.zip b/.yarn/cache/typescript-patch-c145cea93e-f5f9a4133c.zip new file mode 100644 index 000000000000..92181296634a Binary files /dev/null and b/.yarn/cache/typescript-patch-c145cea93e-f5f9a4133c.zip differ diff --git a/.yarn/cache/update-browserslist-db-npm-1.0.15-7a2f8a8231-6800bfac69.zip b/.yarn/cache/update-browserslist-db-npm-1.0.15-7a2f8a8231-6800bfac69.zip deleted file mode 100644 index 5a080cebb80d..000000000000 Binary files a/.yarn/cache/update-browserslist-db-npm-1.0.15-7a2f8a8231-6800bfac69.zip and /dev/null differ diff --git a/.yarn/cache/update-browserslist-db-npm-1.0.16-ca365328e3-071bf0b2fb.zip b/.yarn/cache/update-browserslist-db-npm-1.0.16-ca365328e3-071bf0b2fb.zip new file mode 100644 index 000000000000..c848d134b7c8 Binary files /dev/null and b/.yarn/cache/update-browserslist-db-npm-1.0.16-ca365328e3-071bf0b2fb.zip differ diff --git a/figma.config.json b/figma.config.json new file mode 100644 index 000000000000..cbedf4779939 --- /dev/null +++ b/figma.config.json @@ -0,0 +1,11 @@ +{ + "codeConnect": { + "include": ["packages/react/code-connect/**"], + "react": { + "importPaths": { + "packages/react/src/*": "@carbon/react" + }, + "paths": {} + } + } +} diff --git a/packages/react/code-connect/Accordion/Accordion.figma.tsx b/packages/react/code-connect/Accordion/Accordion.figma.tsx new file mode 100644 index 000000000000..c932e2053bcb --- /dev/null +++ b/packages/react/code-connect/Accordion/Accordion.figma.tsx @@ -0,0 +1,30 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Accordion } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Accordion, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=2490-17019&mode=design&t=0hF8pirV0i9mofd1-4', + { + props: { + // missing props, set on Accordion item within Figma + // size + // isFlush + // align + children: figma.children(['Accordion item']), + }, + example: ({ children }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + {children} + ), + } +); diff --git a/packages/react/code-connect/Accordion/AccordionItem.figma.tsx b/packages/react/code-connect/Accordion/AccordionItem.figma.tsx new file mode 100644 index 000000000000..7074962f1f8f --- /dev/null +++ b/packages/react/code-connect/Accordion/AccordionItem.figma.tsx @@ -0,0 +1,70 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { AccordionItem } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + AccordionItem, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=2154-8478&mode=design&t=0hF8pirV0i9mofd1-4', + { + props: { + title: figma.string('Title text'), + disabled: figma.enum('State', { + Disabled: true, + }), + open: figma.boolean('Expanded'), + content: figma.string('Content text'), + children: figma.instance('Swap slot'), + // Props below are on accordion item in Figma and accordion in React + // size: figma.enum('Size', { + // Large: 'lg', + // Medium: 'md', + // Small: 'sm', + // }), + // isFlush: figma.boolean('Flush'), + // align: figma.enum('Alignment', { + // Left: 'start', + // }), + }, + example: ({ + title, + disabled, + open, + content, + children, + // size, needs to be set on Accordion + // isFlush, needs to be set on Accordion + // align, needs to be set on Accordion + }) => ( + +

{content}

+ {children} + + ), + } +); + +// figma.connect( +// AccordionSkeleton, +// 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=14032-290635&mode=dev', +// { +// variant: { State: 'Skeleton' }, +// props: { +// open: figma.boolean('Expanded'), +// isFlush: figma.boolean('Flush'), +// align: figma.enum('Alignment', { +// Left: 'start', +// }), +// }, +// example: ({ size, hideLabel }) => { +// return ; +// }, +// } +// ); diff --git a/packages/react/code-connect/Breadcrumb/Breadcrumb.figma.tsx b/packages/react/code-connect/Breadcrumb/Breadcrumb.figma.tsx new file mode 100644 index 000000000000..691fb770ca70 --- /dev/null +++ b/packages/react/code-connect/Breadcrumb/Breadcrumb.figma.tsx @@ -0,0 +1,29 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Breadcrumb } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Breadcrumb, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3155-31030&t=U57NnoohldL54XAl-4', + { + props: { + //noTrailingSlash: needs to come from child item component in figma + children: figma.children(['_Breadcrumb item']), + }, + example: ({ children }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + {children} + ), + } +); + +// BreadcrumbSkeleton missing from Figma, can only be set on individual items diff --git a/packages/react/code-connect/Breadcrumb/BreadcrumbItem.figma.tsx b/packages/react/code-connect/Breadcrumb/BreadcrumbItem.figma.tsx new file mode 100644 index 000000000000..dd1af2d482c6 --- /dev/null +++ b/packages/react/code-connect/Breadcrumb/BreadcrumbItem.figma.tsx @@ -0,0 +1,64 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { BreadcrumbItem, OverflowMenu, OverflowMenuItem } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + BreadcrumbItem, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3136-29234&t=U57NnoohldL54XAl-4', + { + variant: { Type: 'Link' }, + props: { + // state: figma.enum('State', { // in react skeleton state replaces the entire Breadcrumb component , not BreadcrumbItem + // Skeleton: 'skeleton', + // }), + children: figma.string('Link text'), + }, + example: ({ children }) => ( + {children} + ), + } +); + +figma.connect( + BreadcrumbItem, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3136-29234&t=U57NnoohldL54XAl-4', + { + variant: { Type: 'Current page' }, + props: { + children: figma.string('Link text'), + isCurrentPage: figma.boolean('Current'), + }, + example: ({ children, isCurrentPage }) => ( + {children} + ), + } +); + +figma.connect( + BreadcrumbItem, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3136-29234&t=U57NnoohldL54XAl-4', + { + variant: { Type: 'Overflow' }, + props: { + isCurrentPage: figma.boolean('Current'), + }, + example: ({ isCurrentPage }) => ( + + + + + + + ), + } +); diff --git a/packages/react/code-connect/Button/Button.figma.tsx b/packages/react/code-connect/Button/Button.figma.tsx new file mode 100644 index 000000000000..9544614303a0 --- /dev/null +++ b/packages/react/code-connect/Button/Button.figma.tsx @@ -0,0 +1,94 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Button, ButtonSkeleton } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Button, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=1854-1776&mode=dev', + { + props: { + disabled: figma.enum('State', { + Disabled: true, + }), + buttonText: figma.string('Button text'), + kind: figma.enum('Style', { + Primary: 'primary', + Secondary: 'secondary', + Tertiary: 'tertiary', + Ghost: 'ghost', + 'Danger primary': 'danger', + 'Danger tertiary': 'danger--tertiary', + 'Danger ghost': 'danger--ghost', + }), + size: figma.enum('Size', { + Large: 'lg', + Medium: 'md', + Small: 'sm', + 'Extra large': 'xl', + '2x large': '2xl', + }), + isExpressive: figma.enum('Size', { + Expressive: true, + }), + hasIconOnly: figma.enum('Type', { + 'Icon only': true, + }), + renderIcon: figma.instance('Swap icon'), + }, + example: ({ + size, + kind, + isExpressive, + hasIconOnly, + renderIcon, + disabled, + buttonText, + }) => { + return ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ); + }, + } +); + +figma.connect( + ButtonSkeleton, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=1854-1776&mode=dev', + { + variant: { State: 'Skeleton' }, + props: { + size: figma.enum('Size', { + Large: 'lg', + Medium: 'md', + Small: 'sm', + 'Extra large': 'xl', + '2x large': '2xl', + }), + }, + example: ({ size }) => { + return ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ); + }, + } +); diff --git a/packages/react/code-connect/Checkbox/Checkbox.figma.tsx b/packages/react/code-connect/Checkbox/Checkbox.figma.tsx new file mode 100644 index 000000000000..c573e7882942 --- /dev/null +++ b/packages/react/code-connect/Checkbox/Checkbox.figma.tsx @@ -0,0 +1,93 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Checkbox, CheckboxSkeleton } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Checkbox, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=3193-29303&mode=design&t=QVE44xARq96HRr11-4', + { + props: { + // indented: figma.boolean('Indented'), //doesn't exist in code + // label: figma.boolean('Label'), // Label needs to be set on or + // warnMessage: figma.boolean('Warning message'), // you can have a component in a warn state while hiding warning message in Figma, not supported in code + // errorMessage: figma.boolean('Error message'), // you can have a component in a error state while hiding error message in Figma, not supported in code + + hideLabel: figma.boolean('Value', { + true: false, + false: true, + }), + labelText: figma.string('Value text'), + indeterminate: figma.enum('Selection', { + Indeterminate: true, + }), + checked: figma.enum('Selection', { + Checked: true, + }), + helperText: figma.string('Helper text'), + invalid: figma.enum('State', { + Invalid: true, + }), + invalidText: figma.string('Error text'), + warn: figma.enum('State', { + Warning: true, + }), + warnText: figma.string('Warning text'), + disabled: figma.enum('State', { + Disabled: true, + }), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + }, + example: ({ + helperText, + labelText, + indeterminate, + checked, + invalidText, + warnText, + disabled, + readOnly, + invalid, + warn, + hideLabel, + }) => ( + + ), + } +); + +figma.connect( + Checkbox, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=3193-29303&mode=design&t=QVE44xARq96HRr11-4', + { + variant: { State: 'Skeleton' }, + example: () => ( + // Disclaimer: Code Connect is currently in beta and + // integration with Carbon React is in an exploratory phase. + // Code sample below may be incomplete. + + ), + } +); diff --git a/packages/react/code-connect/Checkbox/CheckboxGroup.figma.tsx b/packages/react/code-connect/Checkbox/CheckboxGroup.figma.tsx new file mode 100644 index 000000000000..206a005611b6 --- /dev/null +++ b/packages/react/code-connect/Checkbox/CheckboxGroup.figma.tsx @@ -0,0 +1,59 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { CheckboxGroup } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + CheckboxGroup, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=17422-270657&t=Qm7ndWAwgu7d5Uxc-4', + { + props: { + // horizontal: figma.boolean('Horizontal'), // missing in React + //helpermessage: figma.boolean('Helper message'), show/hide helper text in figma, in react if message is there it displays + // warnMessage: figma.boolean('Warning message'), // you can have a component in a warn state while hiding warning message in Figma, not supported in code + // errorMessage: figma.boolean('Error message'), // you can have a component in a error state while hiding error message in Figma, not supported in code + children: figma.children(['Checkbox']), + helperText: figma.string('Helper text'), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + invalid: figma.enum('State', { + Invalid: true, + }), + invalidText: figma.string('Error text'), + warn: figma.enum('State', { + Warning: true, + }), + warnText: figma.string('Warning text'), + }, + example: ({ + helperText, + readOnly, + children, + invalid, + invalidText, + warn, + warnText, + }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + {children} + + ), + } +); diff --git a/packages/react/code-connect/CodeSnippet/CodeSnippet.figma.tsx b/packages/react/code-connect/CodeSnippet/CodeSnippet.figma.tsx new file mode 100644 index 000000000000..803661584380 --- /dev/null +++ b/packages/react/code-connect/CodeSnippet/CodeSnippet.figma.tsx @@ -0,0 +1,117 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { CodeSnippet, CodeSnippetSkeleton } from '@carbon/react'; +import figma from '@figma/code-connect'; + +// Inline +figma.connect( + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4266-104904&t=cMvnFTYLPEhzhIpj-4', + { + example: () => { + return ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. +
{/* To view CodeSnippet code, view inner component */}
+ ); + }, + } +); + +//Inline item +figma.connect( + CodeSnippet, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4266-104960&t=cMvnFTYLPEhzhIpj-4', + { + props: { + children: figma.string('Code text'), + }, + example: ({ children }) => { + return ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + {children} + + ); + }, + } +); + +//Single line +figma.connect( + CodeSnippet, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4266-103999&t=cMvnFTYLPEhzhIpj-4', + { + example: () => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + yarn add carbon-components@latest carbon-components-react@latest + @carbon/icons-react@latest carbon-icons@latest + + ), + } +); + +//Multi line +figma.connect( + CodeSnippet, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4257-168802&t=cMvnFTYLPEhzhIpj-4', + { + props: { + // numbers: figma.boolean('Numbers'), // not available in code + hideCopyButton: figma.boolean('Copy', { + true: false, + false: true, + }), + expanded: figma.boolean('Expanded'), + }, + example: ({ hideCopyButton }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + Code sample here + + ), + } +); + +// Skeleton state (multiline only) +figma.connect( + CodeSnippetSkeleton, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4257-168802&t=cMvnFTYLPEhzhIpj-4', + { + variant: { State: 'Skeleton' }, + example: () => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +// // Skeleton state (multiline only) +// figma.connect( +// CodeSnippetSkeleton, +// 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4257-168802&t=cMvnFTYLPEhzhIpj-4', +// { +// variant: { State: 'Skeleton' }, +// example: () => { +// return ( +// // Disclaimer: Code Connect is currently in beta and integration with Carbon +// // React is in an exploratory phase. Code sample below may be incomplete. +// +// ); +// }, +// } +// ); diff --git a/packages/react/code-connect/ContainedList/ContainedList.figma.tsx b/packages/react/code-connect/ContainedList/ContainedList.figma.tsx new file mode 100644 index 000000000000..b29db2a79c75 --- /dev/null +++ b/packages/react/code-connect/ContainedList/ContainedList.figma.tsx @@ -0,0 +1,61 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { ContainedList, ContainedListItem } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + ContainedList, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=16193-272726&t=cMvnFTYLPEhzhIpj-4', + { + props: { + // label: // set on child component in Figma + children: figma.children(['_Contained list row item']), + kind: figma.enum('Type', { + 'On page': 'on-page', + Disclosed: 'disclosed', + }), + + search: figma.boolean('Search'), // todo: set up as a variant + }, + example: ({ children, kind }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + {children} + + ), + } +); + +figma.connect( + ContainedListItem, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=16193-272771&t=cMvnFTYLPEhzhIpj-4', + { + props: { + item: figma.boolean('Item 2'), + item3: figma.boolean('Item 3'), + action: figma.boolean('Action'), + size: figma.enum('Size', { + 'Extra large': 'extra-large', + Large: 'large', + Medium: 'medium', + Small: 'small', + }), + state: figma.enum('State', { + Enabled: 'enabled', + Hover: 'hover', + Focus: 'focus', + Active: 'active', + Disabled: 'disabled', + }), + }, + example: () => , + } +); diff --git a/packages/react/code-connect/ContentSwitcher/ContentSwitcher.figma.tsx b/packages/react/code-connect/ContentSwitcher/ContentSwitcher.figma.tsx new file mode 100644 index 000000000000..20d14b3f891d --- /dev/null +++ b/packages/react/code-connect/ContentSwitcher/ContentSwitcher.figma.tsx @@ -0,0 +1,32 @@ +// @ts-nocheck +import React from 'react'; +import { ContentSwitcher } from './ContentSwitcher'; +import figma from '@figma/code-connect'; + +/** + * -- This file was auto-generated by `figma connect create` -- + * `props` includes a mapping from Figma properties and variants to + * suggested values. You should update this to match the props of your + * code component, and update the `example` function to return the + * code example you'd like to see in Figma + */ + +figma.connect( + ContentSwitcher, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=10151-402486&t=LoXqbMLZkoMgbrAS-4', + { + props: { + type: figma.enum('Type', { + Default: 'default', + 'Icon only': 'icon-only', + }), + size: figma.enum('Size', { + Large: 'large', + Medium: 'medium', + Small: 'small', + }), + disabled: figma.boolean('Disabled'), + }, + example: () => , + } +); diff --git a/packages/react/code-connect/DataTable/DataTable.figma.tsx b/packages/react/code-connect/DataTable/DataTable.figma.tsx new file mode 100644 index 000000000000..13a15fc673e2 --- /dev/null +++ b/packages/react/code-connect/DataTable/DataTable.figma.tsx @@ -0,0 +1,109 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// React : Figma +// DataTable > Table : Data table +// TableSelectRow & TableRow : Data table row +// TableHead > TableRow : Data table header row item +// TableBody > TableRow : Data table body row item +// TableCell : Data table row cell item +// TableHeader : Data table header cell item + +// @ts-nocheck +import React from 'react'; +import { + Table, + TableHead, + TableRow, + TableHeader, + TableBody, + TableCell, +} from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Table, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=4630-268268&mode=design&t=dSt5NCwcWajIQZR7-4', + { + props: { + body: figma.boolean('Body'), + swapslot: figma.instance('Swap slot'), + slot: figma.boolean('Slot'), // shows up below data table + toolbar: figma.boolean('Toolbar'), + pagination: figma.boolean('Pagination'), + type: figma.enum('Type', { + Default: 'default', + Expandable: 'expandable', + 'Select checkbox': 'select-checkbox', + 'Select radio': 'select-radio', + 'Expandable + Selectable': 'expandable---selectable', + 'Batch actions': 'batch-actions', + }), + size: figma.enum('Size', { + 'XL / LG / MD': 'xl---lg---md', + 'SM / XS': 'sm---xs', + }), + skeleton: figma.boolean('Skeleton'), + }, + example: () => { + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below is incomplete. + // This is sample code for a basic Table + // See storybook for for detailed implementation docs + // https://react.carbondesignsystem.com/?path=/docs/components-datatable-basic--overview + const rows = [ + { + id: 'load-balancer-1', + name: 'Load Balancer 1', + rule: 'Round robin', + Status: 'Starting', + other: 'Test', + example: '22', + }, + { + id: 'load-balancer-2', + name: 'Load Balancer 2', + rule: 'DNS delegation', + status: 'Active', + other: 'Test', + example: '22', + }, + { + id: 'load-balancer-3', + name: 'Load Balancer 3', + rule: 'Round robin', + status: 'Disabled', + other: 'Test', + example: '22', + }, + ]; + const headers = ['Name', 'Rule', 'Status']; + return ( + + + + {headers.map((header) => ( + {header} + ))} + + + + {rows.map((row) => ( + + {Object.keys(row) + .filter((key) => key !== 'id') + .map((key) => { + return {row[key]}; + })} + + ))} + +
+ ); + }, + } +); diff --git a/packages/react/code-connect/Dropdown/Dropdown.figma.tsx b/packages/react/code-connect/Dropdown/Dropdown.figma.tsx new file mode 100644 index 000000000000..88fb324b272e --- /dev/null +++ b/packages/react/code-connect/Dropdown/Dropdown.figma.tsx @@ -0,0 +1,125 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Dropdown, DropdownSkeleton } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Dropdown, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=14032-290635&mode=dev', + { + props: { + helperText: figma.string('Helper text'), + size: figma.enum('Size', { + Large: 'lg', + Medium: 'md', + Small: 'sm', + }), + titleText: figma.string('Label'), + label: figma.string('Prompt text'), + hideLabel: figma.boolean('Show label', { + true: false, + false: true, + }), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + disabled: figma.enum('State', { + Disabled: true, + }), + invalid: figma.enum('State', { + Error: true, + }), + invalidText: figma.string('Error message'), + warn: figma.enum('State', { + Warning: true, + }), + warnText: figma.string('Warning message'), + type: figma.enum('Style', { + // Fixed: 'fixed', + Inline: 'inline', + }), + // showhelper: figma.boolean('Show helper'), // this doesn't exist in code, if helperText exists it will display + // selectedtext: figma.string('Selected text'), // what is this used for in Figma? + // unselectedtext: figma.string('Unselected text'),// what is this used for in Figma? + }, + example: ({ + titleText, + helperText, + size, + warn, + warnText, + hideLabel, + label, + readOnly, + disabled, + invalid, + invalidText, + type, + }) => { + // Disclaimer: Code Connect is currently in beta and + // integration with Carbon React is in an exploratory phase. + // Code sample below may be incomplete. + + const items = [ + { + id: 'option-0', + text: 'Option 0', + }, + { + id: 'option-1', + text: 'Option 1', + }, + ]; + + return ( + (item ? item.text : '')} + /> + ); + }, + } +); + +figma.connect( + DropdownSkeleton, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=14032-290635&mode=dev', + { + variant: { State: 'Skeleton' }, + props: { + size: figma.enum('Size', { + Large: 'lg', + Medium: 'md', + Small: 'sm', + }), + hideLabel: figma.boolean('Show label', { + true: false, + false: true, + }), + }, + example: ({ size, hideLabel }) => { + return ; + }, + } +); diff --git a/packages/react/code-connect/Grid/Grid.figma.tsx b/packages/react/code-connect/Grid/Grid.figma.tsx new file mode 100644 index 000000000000..5b56a35acd16 --- /dev/null +++ b/packages/react/code-connect/Grid/Grid.figma.tsx @@ -0,0 +1,28 @@ +// @ts-nocheck +import React from 'react'; +import { Grid } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Grid, //Screen in Figma + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=1830-2335&t=Qm7ndWAwgu7d5Uxc-4', + { + props: { + breakpoint: figma.enum('Breakpoint', { + 'Max plus (1784px)': 'max-plus--1784px-', + 'Max (1584px)': 'max--1584px-', + 'X-Large (1312px)': 'x-large--1312px-', + 'Large (1056px)': 'large--1056px-', + 'Medium (672px)': 'medium--672px-', + 'Small (320px)': 'small--320px-', + Breakpoint7: 'breakpoint7', + Breakpoint8: 'breakpoint8', + }), + }, + example: () => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below is incomplete. + + ), + } +); diff --git a/packages/react/code-connect/Link/Link.figma.tsx b/packages/react/code-connect/Link/Link.figma.tsx new file mode 100644 index 000000000000..7737f4de9953 --- /dev/null +++ b/packages/react/code-connect/Link/Link.figma.tsx @@ -0,0 +1,43 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Link } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Link, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=50111-991&mode=design&t=kyFCPK0tCeufcNP2-4', + { + props: { + inline: figma.boolean('Inline'), + linkText: figma.string('Link text'), + renderIcon: figma.instance('Swap icon'), + size: figma.enum('Size', { + Large: 'lg', + Medium: 'md', + Small: 'sm', + }), + disabled: figma.enum('State', { + Disabled: true, + }), + }, + example: ({ size, disabled, inline, renderIcon, linkText }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + {linkText} + + ), + } +); diff --git a/packages/react/code-connect/Notification/Notification.figma.tsx b/packages/react/code-connect/Notification/Notification.figma.tsx new file mode 100644 index 000000000000..914adb07be0e --- /dev/null +++ b/packages/react/code-connect/Notification/Notification.figma.tsx @@ -0,0 +1,139 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { + InlineNotification, + ToastNotification, + ActionableNotification, +} from '@carbon/react'; +import figma from '@figma/code-connect'; + +const sharedNotificationProps = { + title: figma.string('Title text'), + subtitle: figma.string('Message text'), + caption: figma.string('Time text'), //only used on toast + kind: figma.enum('Status', { + Info: 'info', + Success: 'success', + Warning: 'warning', + Error: 'error', + // Figma missing info-square and warning-alt + }), + hideCloseButton: figma.boolean('Close', { + true: false, + false: true, + }), + lowContrast: figma.boolean('High contrast', { + true: false, + false: true, + }), + actionable: figma.boolean('Actionable'), + // type: figma.enum("Type", { + // "Inline short": "inline-short", + // "Inline long": "inline-long", + // Toast: "toast", + // }), +}; + +figma.connect( + InlineNotification, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=4179-105911&mode=design&t=lJU3KHSU1pTpZ32z-4', + { + variant: { Type: 'Inline short' }, + + props: sharedNotificationProps, + example: ({ title, kind, subtitle, hideCloseButton }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +figma.connect( + InlineNotification, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=4179-105911&mode=design&t=lJU3KHSU1pTpZ32z-4', + { + variant: { Type: 'Inline long' }, + props: sharedNotificationProps, + example: ({ title, kind, subtitle, hideCloseButton, lowContrast }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +figma.connect( + ToastNotification, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=4179-105911&mode=design&t=WhsTspVnawA9vgXk-4', + { + variant: { Type: 'Toast' }, + props: sharedNotificationProps, + example: ({ title, kind, subtitle, caption, lowContrast }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +// this isn't working, perhaps a bug? https://github.com/figma/code-connect/issues/45 +figma.connect( + ActionableNotification, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=4179-105911&mode=design&t=WhsTspVnawA9vgXk-4', + { + variant: { Actionable: 'True' }, // <--doesn't work + // variant: { Type: 'Inline short', Actionable: 'True'} <--doesn't work + props: sharedNotificationProps, + example: ({ + title, + kind, + subtitle, + hideCloseButton, + actionable, + lowContrast, + }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + <> + actionable: {actionable} + myFunction()} + // onClose={() => myFunction()} + // onCloseButtonClick={() => myFunction()} + // statusIconDescription="notification" + /> + + ), + } +); diff --git a/packages/react/code-connect/NumberInput/NumberInputDefault.figma.tsx b/packages/react/code-connect/NumberInput/NumberInputDefault.figma.tsx new file mode 100644 index 000000000000..66b0fedaf93f --- /dev/null +++ b/packages/react/code-connect/NumberInput/NumberInputDefault.figma.tsx @@ -0,0 +1,94 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { NumberInput, NumberInputSkeleton } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + NumberInput, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=19893-290998&m=dev', + { + props: { + disabled: figma.enum('State', { + Disabled: true, + }), + helperText: figma.string('Helper text'), + hideLabel: figma.boolean('Show label', { + true: false, + false: true, + }), + invalid: figma.enum('State', { + Warning: true, + }), + invalidText: figma.string('Error text'), + label: figma.string('Label text'), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + size: figma.enum('Size', { + Large: 'lg', + Medium: 'md', + Small: 'sm', + }), + warn: figma.enum('State', { + Warning: true, + }), + warnText: figma.string('Warning text'), + // value, text field in Figma + // showhelper: figma.boolean('Show helper'), // this doesn't exist in code, if helperText exists it will display + }, + example: ({ + disabled, + helperText, + hideLabel, + invalid, + invalidText, + label, + readOnly, + size, + warn, + warnText, + }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +figma.connect( + NumberInputSkeleton, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=19893-290998&m=dev', + { + variant: { State: 'Skeleton' }, + props: { + hideLabel: figma.boolean('Show label', { + true: false, + false: true, + }), + }, + example: ({ hideLabel }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); diff --git a/packages/react/code-connect/README.md b/packages/react/code-connect/README.md new file mode 100644 index 000000000000..56ec669e0603 --- /dev/null +++ b/packages/react/code-connect/README.md @@ -0,0 +1,45 @@ +# Figma Code Connect for @carbon/react + +> [!WARNING] +> Figma [Code Connect](https://github.com/figma/code-connect) is currently in +> beta and integration with Carbon React is in an exploratory phase. + +Code Connect offers a solution for linking the +[Carbon v11 All themes](https://carbondesignsystem.com/designing/kits/figma/) +Figma library components directly to their counterparts inside of +`@carbon/react`. By incorporating Code Connect into your workflow, Figma's Dev +Mode will display actual code snippets from Carbon React. + +Not only does Code Connect establish connections between component definitions, +but it also facilitates the mapping of properties from Carbon React code to +Figma. This capability enables the creation of dynamic and accurate examples, +promoting consistency across both design and engineering. + +## Conecting components + +You will need a Figma license with dev mode to work on code connect within +Carbon. + +Follow the +[documentation](https://github.com/figma/code-connect/blob/main/cli/README.md#basic-setup) +to connect a new component, or edit an existing config. + +Config files for each component currently live within the react package inside +the code-connect folder. Eventually these will live alongside the component code +and/or be integrated with Storybook code. + +```sh +"packages/src/react/code-connect/ComponentName/ComponentName.figma.tsx" +``` + +### Publishing + +Figma code connect is set up to automatically publish when PRs are merged into +the `main` branch. If you need to test publishing while working locally you will +need to follow the +[documentation](https://github.com/figma/code-connect/blob/main/cli/README.md#publishing) +and create your own `FIGMA_ACCESS_TOKEN` variable. + +```sh +npx figma connect publish --token +``` diff --git a/packages/react/code-connect/Tabs/Tabs.figma.tsx b/packages/react/code-connect/Tabs/Tabs.figma.tsx new file mode 100644 index 000000000000..30d7bcfb9fa9 --- /dev/null +++ b/packages/react/code-connect/Tabs/Tabs.figma.tsx @@ -0,0 +1,51 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Tabs, TabList, TabPanels, TabPanel } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Tabs, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=3890-50605&mode=design&t=ERtuwFdbSumlRYtB-4', + { + props: { + children: figma.children(['_Tabs items']), + contained: figma.enum('Style', { + Contained: true, + }), + fullWidth: figma.enum('Alignment', { + 'Grid aware': true, + }), + + //missing props (available on Tabs items in figma) + // dismissable + // iconSize + }, + example: ({ children, contained, fullWidth }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + + {children} + + {/* Example code below, not mapped in Figma. + There needs to be one TabPanel per Tab/IconTab */} + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + Tab Panel 4 + + + ), + } +); diff --git a/packages/react/code-connect/Tabs/TabsItems.figma.tsx b/packages/react/code-connect/Tabs/TabsItems.figma.tsx new file mode 100644 index 000000000000..e5675452999d --- /dev/null +++ b/packages/react/code-connect/Tabs/TabsItems.figma.tsx @@ -0,0 +1,62 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Tab, IconTab } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Tab, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=5658-278361&mode=design&t=ERtuwFdbSumlRYtB-4', + { + variant: { Type: 'Text + Icon' }, + props: { + label: figma.string('Label text'), + disabled: figma.enum('State', { + Disabled: true, + }), + renderIcon: figma.instance('Swap icon'), + secondaryLabel: figma.boolean('Show 2nd label', { + true: 'Manually add secondary label', // exists as a text node - on Figma roadmap https://github.com/figma/code-connect/issues/30 + false: undefined, + }), + }, + example: ({ label, disabled, renderIcon, secondaryLabel }) => ( + + {label} + + ), + } +); + +figma.connect( + IconTab, + 'https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?type=design&node-id=5658-278361&mode=design&t=ERtuwFdbSumlRYtB-4', + { + variant: { Type: 'Icon only' }, + props: { + label: figma.string('Label text'), + // iconSize: figma.enum('Size', { // needs to be set on parent TabList component + // Large: 'lg', + // Medium: undefined, + // }), + disabled: figma.enum('State', { + Disabled: true, + }), + icon: figma.instance('Swap icon'), + }, + example: ({ disabled, icon, label }) => ( + + {icon} + + ), + } +); diff --git a/packages/react/code-connect/Toggle/Toggle.figma.tsx b/packages/react/code-connect/Toggle/Toggle.figma.tsx new file mode 100644 index 000000000000..91c582521287 --- /dev/null +++ b/packages/react/code-connect/Toggle/Toggle.figma.tsx @@ -0,0 +1,162 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +// @ts-nocheck +import React from 'react'; +import { Toggle, ToggleSkeleton } from '@carbon/react'; +import figma from '@figma/code-connect'; + +figma.connect( + Toggle, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3038-25739&t=9zqAFF3e617gPBGE-4', + { + props: { + size: figma.enum('Size', { + Default: 'md', + Small: 'sm', + }), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + disabled: figma.enum('State', { + Disabled: true, + }), + hideLabel: figma.boolean('Show label', { + true: false, + false: true, + }), + labelText: figma.string('Label text'), + defaultToggled: figma.boolean('Toggled'), + labelA: figma.string('State text'), + labelB: figma.string('State text'), + }, + example: ({ + disabled, + size, + readOnly, + hideLabel, + labelText, + defaultToggled, + labelA, + labelB, + }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +//https://github.com/figma/code-connect/issues/45 +figma.connect( + Toggle, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3038-25739&t=9zqAFF3e617gPBGE-4', + + { + variant: { 'Toggle only': 'True' }, + props: { + size: figma.enum('Size', { + Default: 'md', + Small: 'sm', + }), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + disabled: figma.enum('State', { + Disabled: true, + }), + defaultToggled: figma.boolean('Toggled'), + }, + example: ({ disabled, size, readOnly, defaultToggled }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +//https://github.com/figma/code-connect/issues/45 +figma.connect( + Toggle, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3038-25739&t=9zqAFF3e617gPBGE-4', + + { + variant: { 'Show value': 'False' }, + props: { + size: figma.enum('Size', { + Default: 'md', + Small: 'sm', + }), + readOnly: figma.enum('State', { + 'Read-only': true, + }), + disabled: figma.enum('State', { + Disabled: true, + }), + defaultToggled: figma.boolean('Toggled'), + hideLabel: figma.boolean('Show label', { + true: false, + false: true, + }), + labelText: figma.string('Label text'), + }, + example: ({ + disabled, + size, + readOnly, + defaultToggled, + hideLabel, + labelText, + }) => ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ), + } +); + +figma.connect( + ToggleSkeleton, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3038-25739&t=9zqAFF3e617gPBGE-4', + { + variant: { State: 'Skeleton' }, + + example: () => { + return ( + // Disclaimer: Code Connect is currently in beta and integration with Carbon + // React is in an exploratory phase. Code sample below may be incomplete. + + ); + }, + } +); diff --git a/packages/react/code-connect/Tooltip/Tooltip.figma.tsx b/packages/react/code-connect/Tooltip/Tooltip.figma.tsx new file mode 100644 index 000000000000..491d0498dfb5 --- /dev/null +++ b/packages/react/code-connect/Tooltip/Tooltip.figma.tsx @@ -0,0 +1,40 @@ +// @ts-nocheck +import React from 'react'; +import { Tooltip } from './Tooltip'; +import figma from '@figma/code-connect'; + +/** + * -- This file was auto-generated by `figma connect create` -- + * `props` includes a mapping from Figma properties and variants to + * suggested values. You should update this to match the props of your + * code component, and update the `example` function to return the + * code example you'd like to see in Figma + */ + +figma.connect( + Tooltip, + 'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3684-40507&t=cMvnFTYLPEhzhIpj-4', + { + props: { + trigger: figma.instance('Trigger'), + type: figma.enum('Type', { + Standard: 'standard', + Definition: 'definition', + 'Icon button': 'icon-button', + }), + position: figma.enum('Position', { + Top: 'top', + Bottom: 'bottom', + Left: 'left', + Right: 'right', + }), + alignment: figma.enum('Alignment', { + Center: 'center', + Start: 'start', + End: 'end', + }), + visible: figma.boolean('Visible'), + }, + example: () => , + } +); diff --git a/packages/react/package.json b/packages/react/package.json index 48adc168ac99..ed1e72f0ceb7 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -52,6 +52,7 @@ "@carbon/icons-react": "^11.43.0", "@carbon/layout": "^11.22.0", "@carbon/styles": "^1.59.0", + "@figma/code-connect": "^0.1.2", "@floating-ui/react": "^0.26.0", "@ibm/telemetry-js": "^1.5.0", "classnames": "2.5.1", diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json index 88b0679a84e9..611833e3fe1a 100644 --- a/packages/react/tsconfig.json +++ b/packages/react/tsconfig.json @@ -4,5 +4,6 @@ // TODO: Turn back on once stricter typings for internal utitlies are complete "noImplicitAny": false }, - "include": ["src/**/*", "icons/src/index.ts"] + "include": ["src/**/*", "icons/src/index.ts"], + "exclude": ["**/*.figma.tsx"] } diff --git a/yarn.lock b/yarn.lock index 17e8fd759a50..03d887210891 100644 --- a/yarn.lock +++ b/yarn.lock @@ -65,43 +65,43 @@ __metadata: languageName: node linkType: hard -"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.22.5": - version: 7.22.13 - resolution: "@babel/code-frame@npm:7.22.13" +"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/code-frame@npm:7.24.7" dependencies: - "@babel/highlight": "npm:^7.22.13" - chalk: "npm:^2.4.2" - checksum: 10/bf6ae6ba3a510adfda6a211b4a89b0f1c98ca1352b745c077d113f3b568141e0d44ce750b9ac2a80143ba5c8c4080c50fcfc1aa11d86e194ea6785f62520eb5a + "@babel/highlight": "npm:^7.24.7" + picocolors: "npm:^1.0.0" + checksum: 10/4812e94885ba7e3213d49583a155fdffb05292330f0a9b2c41b49288da70cf3c746a3fda0bf1074041a6d741c33f8d7be24be5e96f41ef77395eeddc5c9ff624 languageName: node linkType: hard -"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.22.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9": - version: 7.22.9 - resolution: "@babel/compat-data@npm:7.22.9" - checksum: 10/6797f59857917e57e1765811e4f48371f2bc6063274be012e380e83cbc1a4f7931d616c235df56404134aa4bb4775ee61f7b382688314e1b625a4d51caabd734 +"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.22.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9, @babel/compat-data@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/compat-data@npm:7.24.7" + checksum: 10/6edc09152ca51a22c33741c441f33f9475598fa59edc53369edb74b49f4ea4bef1281f5b0ed2b9b67fb66faef2da2069e21c4eef83405d8326e524b301f4e7e2 languageName: node linkType: hard -"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.18.2, @babel/core@npm:^7.21.4, @babel/core@npm:^7.22.0, @babel/core@npm:^7.7.5": - version: 7.22.9 - resolution: "@babel/core@npm:7.22.9" +"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.18.2, @babel/core@npm:^7.21.4, @babel/core@npm:^7.22.0, @babel/core@npm:^7.23.6, @babel/core@npm:^7.7.5": + version: 7.24.7 + resolution: "@babel/core@npm:7.24.7" dependencies: "@ampproject/remapping": "npm:^2.2.0" - "@babel/code-frame": "npm:^7.22.5" - "@babel/generator": "npm:^7.22.9" - "@babel/helper-compilation-targets": "npm:^7.22.9" - "@babel/helper-module-transforms": "npm:^7.22.9" - "@babel/helpers": "npm:^7.22.6" - "@babel/parser": "npm:^7.22.7" - "@babel/template": "npm:^7.22.5" - "@babel/traverse": "npm:^7.22.8" - "@babel/types": "npm:^7.22.5" - convert-source-map: "npm:^1.7.0" + "@babel/code-frame": "npm:^7.24.7" + "@babel/generator": "npm:^7.24.7" + "@babel/helper-compilation-targets": "npm:^7.24.7" + "@babel/helper-module-transforms": "npm:^7.24.7" + "@babel/helpers": "npm:^7.24.7" + "@babel/parser": "npm:^7.24.7" + "@babel/template": "npm:^7.24.7" + "@babel/traverse": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + convert-source-map: "npm:^2.0.0" debug: "npm:^4.1.0" gensync: "npm:^1.0.0-beta.2" - json5: "npm:^2.2.2" + json5: "npm:^2.2.3" semver: "npm:^6.3.1" - checksum: 10/0c209a850651e23acd5662fecbd928a4805294579e13b28d1dc7adfb9e3ad31c500e2c5c3db2c8ea18c1f3613b0aed3e24652089652efc8401d824b88962bcf9 + checksum: 10/ef8cc1afa3ccecee6d1f5660c487ccc2a3f25106830ea9040e80ef4b2092e053607ee4ddd03493e4f7ef2f9967a956ca53b830d54c5bee738eeb58cce679dd4a languageName: node linkType: hard @@ -119,15 +119,15 @@ __metadata: languageName: node linkType: hard -"@babel/generator@npm:^7.12.11, @babel/generator@npm:^7.18.2, @babel/generator@npm:^7.22.0, @babel/generator@npm:^7.22.7, @babel/generator@npm:^7.22.9, @babel/generator@npm:^7.7.2": - version: 7.22.9 - resolution: "@babel/generator@npm:7.22.9" +"@babel/generator@npm:^7.12.11, @babel/generator@npm:^7.18.2, @babel/generator@npm:^7.22.0, @babel/generator@npm:^7.23.0, @babel/generator@npm:^7.23.6, @babel/generator@npm:^7.24.7, @babel/generator@npm:^7.7.2": + version: 7.24.7 + resolution: "@babel/generator@npm:7.24.7" dependencies: - "@babel/types": "npm:^7.22.5" - "@jridgewell/gen-mapping": "npm:^0.3.2" - "@jridgewell/trace-mapping": "npm:^0.3.17" + "@babel/types": "npm:^7.24.7" + "@jridgewell/gen-mapping": "npm:^0.3.5" + "@jridgewell/trace-mapping": "npm:^0.3.25" jsesc: "npm:^2.5.1" - checksum: 10/1ee43f99512c51d594c8992f4c4cd07d2843eb58cf3c22d1f605906b9c0ed89640bdcea2c8d583e75a8032a49bb4d950d2055007ecb75af404ebc2db8a513b94 + checksum: 10/c71d24a4b41b19c10d2f2eb819f27d4cf94220e2322f7c8fed8bfbbb115b2bebbdd6dc1f27dac78a175e90604def58d763af87e0fa81ce4ab1582858162cf768 languageName: node linkType: hard @@ -149,18 +149,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.22.5, @babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.22.9": - version: 7.22.9 - resolution: "@babel/helper-compilation-targets@npm:7.22.9" +"@babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.22.5, @babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.22.9, @babel/helper-compilation-targets@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-compilation-targets@npm:7.24.7" dependencies: - "@babel/compat-data": "npm:^7.22.9" - "@babel/helper-validator-option": "npm:^7.22.5" - browserslist: "npm:^4.21.9" + "@babel/compat-data": "npm:^7.24.7" + "@babel/helper-validator-option": "npm:^7.24.7" + browserslist: "npm:^4.22.2" lru-cache: "npm:^5.1.1" semver: "npm:^6.3.1" - peerDependencies: - "@babel/core": ^7.0.0 - checksum: 10/779510e4c2036fa9880c0ed7b77ce84e5926093e216dffa0044f31a146f0daae363c00d1cdda2250788edc8d6457b9bce6245c51d9f4161bb51e053c12c4b478 + checksum: 10/8f8bc89af70a606ccb208513aa25d83e19b88f91b64a33174f7701a9479e67ddbb0a9c89033265070375cd24e690b93380b3a3ea11e4b3a711d742f0f4699ee7 languageName: node linkType: hard @@ -227,29 +225,31 @@ __metadata: languageName: node linkType: hard -"@babel/helper-environment-visitor@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-environment-visitor@npm:7.22.5" - checksum: 10/248532077d732a34cd0844eb7b078ff917c3a8ec81a7f133593f71a860a582f05b60f818dc5049c2212e5baa12289c27889a4b81d56ef409b4863db49646c4b1 +"@babel/helper-environment-visitor@npm:^7.22.5, @babel/helper-environment-visitor@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-environment-visitor@npm:7.24.7" + dependencies: + "@babel/types": "npm:^7.24.7" + checksum: 10/079d86e65701b29ebc10baf6ed548d17c19b808a07aa6885cc141b690a78581b180ee92b580d755361dc3b16adf975b2d2058b8ce6c86675fcaf43cf22f2f7c6 languageName: node linkType: hard -"@babel/helper-function-name@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-function-name@npm:7.22.5" +"@babel/helper-function-name@npm:^7.22.5, @babel/helper-function-name@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-function-name@npm:7.24.7" dependencies: - "@babel/template": "npm:^7.22.5" - "@babel/types": "npm:^7.22.5" - checksum: 10/6d02e304a45fe2a64d69dfa5b4fdfd6d68e08deb32b0a528e7b99403d664e9207e6b856787a8ff3f420e77d15987ac1de4eb869906e6ed764b67b07c804d20ba + "@babel/template": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + checksum: 10/2ceb3d9b2b35a0fc4100fc06ed7be3bc38f03ff0bf128ff0edbc0cc7dd842967b1496fc70b5c616c747d7711c2b87e7d025c8888f48740631d6148a9d3614f85 languageName: node linkType: hard -"@babel/helper-hoist-variables@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-hoist-variables@npm:7.22.5" +"@babel/helper-hoist-variables@npm:^7.22.5, @babel/helper-hoist-variables@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-hoist-variables@npm:7.24.7" dependencies: - "@babel/types": "npm:^7.22.5" - checksum: 10/394ca191b4ac908a76e7c50ab52102669efe3a1c277033e49467913c7ed6f7c64d7eacbeabf3bed39ea1f41731e22993f763b1edce0f74ff8563fd1f380d92cc + "@babel/types": "npm:^7.24.7" + checksum: 10/6cfdcf2289cd12185dcdbdf2435fa8d3447b797ac75851166de9fc8503e2fd0021db6baf8dfbecad3753e582c08e6a3f805c8d00cbed756060a877d705bd8d8d languageName: node linkType: hard @@ -262,27 +262,28 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-module-imports@npm:7.22.5" +"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-module-imports@npm:7.24.7" dependencies: - "@babel/types": "npm:^7.22.5" - checksum: 10/d8296447c0cdc3c02417ba32864da3374e53bd2763a6c404aae118987c222c47238d9d1f4fd2a88250a85e0a68eff38d878c491b00c56d9bd20e809f91eb41b4 + "@babel/traverse": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + checksum: 10/df8bfb2bb18413aa151ecd63b7d5deb0eec102f924f9de6bc08022ced7ed8ca7fed914562d2f6fa5b59b74a5d6e255dc35612b2bc3b8abf361e13f61b3704770 languageName: node linkType: hard -"@babel/helper-module-transforms@npm:^7.22.5, @babel/helper-module-transforms@npm:^7.22.9": - version: 7.22.9 - resolution: "@babel/helper-module-transforms@npm:7.22.9" +"@babel/helper-module-transforms@npm:^7.22.5, @babel/helper-module-transforms@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-module-transforms@npm:7.24.7" dependencies: - "@babel/helper-environment-visitor": "npm:^7.22.5" - "@babel/helper-module-imports": "npm:^7.22.5" - "@babel/helper-simple-access": "npm:^7.22.5" - "@babel/helper-split-export-declaration": "npm:^7.22.6" - "@babel/helper-validator-identifier": "npm:^7.22.5" + "@babel/helper-environment-visitor": "npm:^7.24.7" + "@babel/helper-module-imports": "npm:^7.24.7" + "@babel/helper-simple-access": "npm:^7.24.7" + "@babel/helper-split-export-declaration": "npm:^7.24.7" + "@babel/helper-validator-identifier": "npm:^7.24.7" peerDependencies: "@babel/core": ^7.0.0 - checksum: 10/80244f45e3f665305f8cf9412ee2efe44d1d30c201f869ceb0e87f9cddbbff06ebfed1dbe122a40875404867b747e7df73c0825c93765c108bcf2e86d2ef8b9b + checksum: 10/4f2b232bf6d1be8d3a72b084a2a7ac1b0b93ea85717411a11ae1fb6375d4392019e781d8cc155789e649a2caa7eec378dd1404210603d6d4230f042c5feacffb languageName: node linkType: hard @@ -328,12 +329,13 @@ __metadata: languageName: node linkType: hard -"@babel/helper-simple-access@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-simple-access@npm:7.22.5" +"@babel/helper-simple-access@npm:^7.22.5, @babel/helper-simple-access@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-simple-access@npm:7.24.7" dependencies: - "@babel/types": "npm:^7.22.5" - checksum: 10/7d5430eecf880937c27d1aed14245003bd1c7383ae07d652b3932f450f60bfcf8f2c1270c593ab063add185108d26198c69d1aca0e6fb7c6fdada4bcf72ab5b7 + "@babel/traverse": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + checksum: 10/5083e190186028e48fc358a192e4b93ab320bd016103caffcfda81302a13300ccce46c9cd255ae520c25d2a6a9b47671f93e5fe5678954a2329dc0a685465c49 languageName: node linkType: hard @@ -346,33 +348,33 @@ __metadata: languageName: node linkType: hard -"@babel/helper-split-export-declaration@npm:^7.22.6": - version: 7.22.6 - resolution: "@babel/helper-split-export-declaration@npm:7.22.6" +"@babel/helper-split-export-declaration@npm:^7.22.6, @babel/helper-split-export-declaration@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-split-export-declaration@npm:7.24.7" dependencies: - "@babel/types": "npm:^7.22.5" - checksum: 10/e141cace583b19d9195f9c2b8e17a3ae913b7ee9b8120246d0f9ca349ca6f03cb2c001fd5ec57488c544347c0bb584afec66c936511e447fd20a360e591ac921 + "@babel/types": "npm:^7.24.7" + checksum: 10/ff04a3071603c87de0d6ee2540b7291ab36305b329bd047cdbb6cbd7db335a12f9a77af1cf708779f75f13c4d9af46093c00b34432e50b2411872c658d1a2e5e languageName: node linkType: hard -"@babel/helper-string-parser@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-string-parser@npm:7.22.5" - checksum: 10/7f275a7f1a9504da06afc33441e219796352a4a3d0288a961bc14d1e30e06833a71621b33c3e60ee3ac1ff3c502d55e392bcbc0665f6f9d2629809696fab7cdd +"@babel/helper-string-parser@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-string-parser@npm:7.24.7" + checksum: 10/603d8d962bbe89907aa99a8f19a006759ab7b2464615f20a6a22e3e2e8375af37ddd0e5175c9e622e1c4b2d83607ffb41055a59d0ce34404502af30fde573a5c languageName: node linkType: hard -"@babel/helper-validator-identifier@npm:^7.22.20, @babel/helper-validator-identifier@npm:^7.22.5": - version: 7.22.20 - resolution: "@babel/helper-validator-identifier@npm:7.22.20" - checksum: 10/df882d2675101df2d507b95b195ca2f86a3ef28cb711c84f37e79ca23178e13b9f0d8b522774211f51e40168bf5142be4c1c9776a150cddb61a0d5bf3e95750b +"@babel/helper-validator-identifier@npm:^7.22.5, @babel/helper-validator-identifier@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-validator-identifier@npm:7.24.7" + checksum: 10/86875063f57361471b531dbc2ea10bbf5406e12b06d249b03827d361db4cad2388c6f00936bcd9dc86479f7e2c69ea21412c2228d4b3672588b754b70a449d4b languageName: node linkType: hard -"@babel/helper-validator-option@npm:^7.21.0, @babel/helper-validator-option@npm:^7.22.5": - version: 7.22.5 - resolution: "@babel/helper-validator-option@npm:7.22.5" - checksum: 10/bbeca8a85ee86990215c0424997438b388b8d642d69b9f86c375a174d3cdeb270efafd1ff128bc7a1d370923d13b6e45829ba8581c027620e83e3a80c5c414b3 +"@babel/helper-validator-option@npm:^7.21.0, @babel/helper-validator-option@npm:^7.22.5, @babel/helper-validator-option@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helper-validator-option@npm:7.24.7" + checksum: 10/9689166bf3f777dd424c026841c8cd651e41b21242dbfd4569a53086179a3e744c8eddd56e9d10b54142270141c91581b53af0d7c00c82d552d2540e2a919f7e languageName: node linkType: hard @@ -387,25 +389,25 @@ __metadata: languageName: node linkType: hard -"@babel/helpers@npm:^7.22.6": - version: 7.22.6 - resolution: "@babel/helpers@npm:7.22.6" +"@babel/helpers@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/helpers@npm:7.24.7" dependencies: - "@babel/template": "npm:^7.22.5" - "@babel/traverse": "npm:^7.22.6" - "@babel/types": "npm:^7.22.5" - checksum: 10/c7c5876476321c979f2c15086e526e3424121829a3abd52a79a5a886008b251e1fcb5ea6e498eca3204e5f1d2455804bf9eb87b7478a535449805acc9dbce190 + "@babel/template": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + checksum: 10/f7496f0d7a0b13ea86136ac2053371027125734170328215f8a90eac96fafaaae4e5398c0729bdadf23261c00582a31e14bc70113427653b718220641a917f9d languageName: node linkType: hard -"@babel/highlight@npm:^7.22.13": - version: 7.22.20 - resolution: "@babel/highlight@npm:7.22.20" +"@babel/highlight@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/highlight@npm:7.24.7" dependencies: - "@babel/helper-validator-identifier": "npm:^7.22.20" + "@babel/helper-validator-identifier": "npm:^7.24.7" chalk: "npm:^2.4.2" js-tokens: "npm:^4.0.0" - checksum: 10/1aabc95b2cb7f67adc26c7049554306f1435bfedb76b9731c36ff3d7cdfcb32bd65a6dd06985644124eb2100bd911721d9e5c4f5ac40b7f0da2995a61bf8da92 + picocolors: "npm:^1.0.0" + checksum: 10/69b73f38cdd4f881b09b939a711e76646da34f4834f4ce141d7a49a6bb1926eab1c594148970a8aa9360398dff800f63aade4e81fafdd7c8d8a8489ea93bfec1 languageName: node linkType: hard @@ -427,12 +429,12 @@ __metadata: languageName: node linkType: hard -"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.22.0, @babel/parser@npm:^7.22.5, @babel/parser@npm:^7.22.7": - version: 7.22.7 - resolution: "@babel/parser@npm:7.22.7" +"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.22.0, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.6, @babel/parser@npm:^7.24.7": + version: 7.24.7 + resolution: "@babel/parser@npm:7.24.7" bin: parser: ./bin/babel-parser.js - checksum: 10/f420f89ea8e5803a44f76a57630002ca5721fbde719c10ac4eaebf1d01fad102447cd90a7721c97b1176bde33ec9bc2b68fe8c7d541668dc6610727ba79c8862 + checksum: 10/ef9ebce60e13db560ccc7af9235d460f6726bb7e23ae2d675098c1fc43d5249067be60d4118889dad33b1d4f85162cf66baf554719e1669f29bb20e71322568e languageName: node linkType: hard @@ -1680,43 +1682,43 @@ __metadata: languageName: node linkType: hard -"@babel/template@npm:^7.16.7, @babel/template@npm:^7.22.5, @babel/template@npm:^7.3.3": - version: 7.22.5 - resolution: "@babel/template@npm:7.22.5" +"@babel/template@npm:^7.16.7, @babel/template@npm:^7.22.5, @babel/template@npm:^7.24.7, @babel/template@npm:^7.3.3": + version: 7.24.7 + resolution: "@babel/template@npm:7.24.7" dependencies: - "@babel/code-frame": "npm:^7.22.5" - "@babel/parser": "npm:^7.22.5" - "@babel/types": "npm:^7.22.5" - checksum: 10/460634b1c5d61c779270968bd2f0817c19e3a5f20b469330dcab0a324dd29409b15ad1baa8530a21e09a9eb6c7db626500f437690c7be72987e40baa75357799 + "@babel/code-frame": "npm:^7.24.7" + "@babel/parser": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + checksum: 10/5975d404ef51cf379515eb0f80b115981d0b9dff5539e53a47516644abb8c83d7559f5b083eb1d4977b20d8359ebb2f911ccd4f729143f8958fdc465f976d843 languageName: node linkType: hard -"@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.22.0, @babel/traverse@npm:^7.22.6, @babel/traverse@npm:^7.22.8, @babel/traverse@npm:^7.7.2": - version: 7.22.8 - resolution: "@babel/traverse@npm:7.22.8" +"@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.22.0, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.7.2": + version: 7.24.7 + resolution: "@babel/traverse@npm:7.24.7" dependencies: - "@babel/code-frame": "npm:^7.22.5" - "@babel/generator": "npm:^7.22.7" - "@babel/helper-environment-visitor": "npm:^7.22.5" - "@babel/helper-function-name": "npm:^7.22.5" - "@babel/helper-hoist-variables": "npm:^7.22.5" - "@babel/helper-split-export-declaration": "npm:^7.22.6" - "@babel/parser": "npm:^7.22.7" - "@babel/types": "npm:^7.22.5" - debug: "npm:^4.1.0" + "@babel/code-frame": "npm:^7.24.7" + "@babel/generator": "npm:^7.24.7" + "@babel/helper-environment-visitor": "npm:^7.24.7" + "@babel/helper-function-name": "npm:^7.24.7" + "@babel/helper-hoist-variables": "npm:^7.24.7" + "@babel/helper-split-export-declaration": "npm:^7.24.7" + "@babel/parser": "npm:^7.24.7" + "@babel/types": "npm:^7.24.7" + debug: "npm:^4.3.1" globals: "npm:^11.1.0" - checksum: 10/a2c2157c854a10f64bd8e2ac30e76723a4ee948572158962d102ba4d694abdb47c9cb7f0ede7d662ce083cd1940b631a6ad9ec55e86f4bbe1a1960cbf692078a + checksum: 10/785cf26383a992740e492efba7016de964cd06c05c9d7146fa1b5ead409e054c444f50b36dc37856884a56e32cf9d3105ddf1543486b6df68300bffb117a245a languageName: node linkType: hard -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.4, @babel/types@npm:^7.2.0, @babel/types@npm:^7.22.0, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": - version: 7.23.0 - resolution: "@babel/types@npm:7.23.0" +"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.4, @babel/types@npm:^7.2.0, @babel/types@npm:^7.22.0, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.6, @babel/types@npm:^7.24.7, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": + version: 7.24.7 + resolution: "@babel/types@npm:7.24.7" dependencies: - "@babel/helper-string-parser": "npm:^7.22.5" - "@babel/helper-validator-identifier": "npm:^7.22.20" + "@babel/helper-string-parser": "npm:^7.24.7" + "@babel/helper-validator-identifier": "npm:^7.24.7" to-fast-properties: "npm:^2.0.0" - checksum: 10/ca5b896a26c91c5672254725c4c892a35567d2122afc47bd5331d1611a7f9230c19fc9ef591a5a6f80bf0d80737e104a9ac205c96447c74bee01d4319db58001 + checksum: 10/ad3c8c0d6fb4acb0bb74bb5b4bb849b181bf6185677ef9c59c18856c81e43628d0858253cf232f0eca806f02e08eff85a1d3e636a3e94daea737597796b0b430 languageName: node linkType: hard @@ -2060,6 +2062,7 @@ __metadata: "@carbon/styles": "npm:^1.59.0" "@carbon/test-utils": "npm:^10.30.0" "@carbon/themes": "npm:^11.36.0" + "@figma/code-connect": "npm:^0.1.2" "@floating-ui/react": "npm:^0.26.0" "@ibm/telemetry-js": "npm:^1.5.0" "@rollup/plugin-babel": "npm:^6.0.0" @@ -3077,6 +3080,30 @@ __metadata: languageName: node linkType: hard +"@figma/code-connect@npm:^0.1.2": + version: 0.1.2 + resolution: "@figma/code-connect@npm:0.1.2" + dependencies: + "@babel/core": "npm:^7.23.6" + "@babel/generator": "npm:^7.23.6" + "@babel/parser": "npm:^7.23.6" + "@babel/types": "npm:^7.23.6" + "@storybook/csf-tools": "npm:^7.6.7" + axios: "npm:^1.6.0" + chalk: "npm:^4.1.2" + commander: "npm:^11.1.0" + dotenv: "npm:^16.3.1" + glob: "npm:^10.3.10" + lodash: "npm:^4.17.21" + minimatch: "npm:^9.0.3" + prettier: "npm:^3.2.4" + typescript: "npm:5.4.2" + bin: + figma: bin/figma + checksum: 10/730fd7b326629bdfb4fa1376690fc6cef43471e372b40ba9873dba560246986646601f9f7f854df09d639652177ce926ff335fd57e71ec9cbb1d241bfeb65f37 + languageName: node + linkType: hard + "@floating-ui/core@npm:^1.4.2": version: 1.4.2 resolution: "@floating-ui/core@npm:1.4.2" @@ -3578,28 +3605,28 @@ __metadata: languageName: node linkType: hard -"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2": - version: 0.3.3 - resolution: "@jridgewell/gen-mapping@npm:0.3.3" +"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.5": + version: 0.3.5 + resolution: "@jridgewell/gen-mapping@npm:0.3.5" dependencies: - "@jridgewell/set-array": "npm:^1.0.1" + "@jridgewell/set-array": "npm:^1.2.1" "@jridgewell/sourcemap-codec": "npm:^1.4.10" - "@jridgewell/trace-mapping": "npm:^0.3.9" - checksum: 10/072ace159c39ab85944bdabe017c3de15c5e046a4a4a772045b00ff05e2ebdcfa3840b88ae27e897d473eb4d4845b37be3c78e28910c779f5aeeeae2fb7f0cc2 + "@jridgewell/trace-mapping": "npm:^0.3.24" + checksum: 10/81587b3c4dd8e6c60252122937cea0c637486311f4ed208b52b62aae2e7a87598f63ec330e6cd0984af494bfb16d3f0d60d3b21d7e5b4aedd2602ff3fe9d32e2 languageName: node linkType: hard -"@jridgewell/resolve-uri@npm:3.1.0": - version: 3.1.0 - resolution: "@jridgewell/resolve-uri@npm:3.1.0" - checksum: 10/320ceb37af56953757b28e5b90c34556157676d41e3d0a3ff88769274d62373582bb0f0276a4f2d29c3f4fdd55b82b8be5731f52d391ad2ecae9b321ee1c742d +"@jridgewell/resolve-uri@npm:^3.1.0": + version: 3.1.2 + resolution: "@jridgewell/resolve-uri@npm:3.1.2" + checksum: 10/97106439d750a409c22c8bff822d648f6a71f3aa9bc8e5129efdc36343cd3096ddc4eeb1c62d2fe48e9bdd4db37b05d4646a17114ecebd3bbcacfa2de51c3c1d languageName: node linkType: hard -"@jridgewell/set-array@npm:^1.0.1": - version: 1.1.2 - resolution: "@jridgewell/set-array@npm:1.1.2" - checksum: 10/69a84d5980385f396ff60a175f7177af0b8da4ddb81824cb7016a9ef914eee9806c72b6b65942003c63f7983d4f39a5c6c27185bbca88eb4690b62075602e28e +"@jridgewell/set-array@npm:^1.2.1": + version: 1.2.1 + resolution: "@jridgewell/set-array@npm:1.2.1" + checksum: 10/832e513a85a588f8ed4f27d1279420d8547743cc37fcad5a5a76fc74bb895b013dfe614d0eed9cb860048e6546b798f8f2652020b4b2ba0561b05caa8c654b10 languageName: node linkType: hard @@ -3613,27 +3640,20 @@ __metadata: languageName: node linkType: hard -"@jridgewell/sourcemap-codec@npm:1.4.14": - version: 1.4.14 - resolution: "@jridgewell/sourcemap-codec@npm:1.4.14" - checksum: 10/26e768fae6045481a983e48aa23d8fcd23af5da70ebd74b0649000e815e7fbb01ea2bc088c9176b3fffeb9bec02184e58f46125ef3320b30eaa1f4094cfefa38 - languageName: node - linkType: hard - -"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.15": +"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.15": version: 1.4.15 resolution: "@jridgewell/sourcemap-codec@npm:1.4.15" checksum: 10/89960ac087781b961ad918978975bcdf2051cd1741880469783c42de64239703eab9db5230d776d8e6a09d73bb5e4cb964e07d93ee6e2e7aea5a7d726e865c09 languageName: node linkType: hard -"@jridgewell/trace-mapping@npm:^0.3.15, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.7, @jridgewell/trace-mapping@npm:^0.3.9": - version: 0.3.18 - resolution: "@jridgewell/trace-mapping@npm:0.3.18" +"@jridgewell/trace-mapping@npm:^0.3.15, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.7, @jridgewell/trace-mapping@npm:^0.3.9": + version: 0.3.25 + resolution: "@jridgewell/trace-mapping@npm:0.3.25" dependencies: - "@jridgewell/resolve-uri": "npm:3.1.0" - "@jridgewell/sourcemap-codec": "npm:1.4.14" - checksum: 10/f4fabdddf82398a797bcdbb51c574cd69b383db041a6cae1a6a91478681d6aab340c01af655cfd8c6e01cde97f63436a1445f08297cdd33587621cf05ffa0d55 + "@jridgewell/resolve-uri": "npm:^3.1.0" + "@jridgewell/sourcemap-codec": "npm:^1.4.14" + checksum: 10/dced32160a44b49d531b80a4a2159dceab6b3ddf0c8e95a0deae4b0e894b172defa63d5ac52a19c2068e1fe7d31ea4ba931fbeec103233ecb4208953967120fc languageName: node linkType: hard @@ -5915,6 +5935,20 @@ __metadata: languageName: node linkType: hard +"@storybook/channels@npm:7.6.19": + version: 7.6.19 + resolution: "@storybook/channels@npm:7.6.19" + dependencies: + "@storybook/client-logger": "npm:7.6.19" + "@storybook/core-events": "npm:7.6.19" + "@storybook/global": "npm:^5.0.0" + qs: "npm:^6.10.0" + telejson: "npm:^7.2.0" + tiny-invariant: "npm:^1.3.1" + checksum: 10/ee4f3d85aeeecc9885e9807951c3302edfa42cc25a309940901e12fdd81c8c028815f935bef593dc712c051317434a1f65646a57103655ebe6667935de72a832 + languageName: node + linkType: hard + "@storybook/cli@npm:7.1.0": version: 7.1.0 resolution: "@storybook/cli@npm:7.1.0" @@ -5993,6 +6027,15 @@ __metadata: languageName: node linkType: hard +"@storybook/client-logger@npm:7.6.19": + version: 7.6.19 + resolution: "@storybook/client-logger@npm:7.6.19" + dependencies: + "@storybook/global": "npm:^5.0.0" + checksum: 10/140ea57ea53c4a78652e323b3dab8131cfe1d744a760393c8a798a1c964d0e2c927b7ef9a0326e8c4ee90b820003b5653db3c2ab5c16887e5df2cd114b8efb32 + languageName: node + linkType: hard + "@storybook/codemod@npm:7.1.0": version: 7.1.0 resolution: "@storybook/codemod@npm:7.1.0" @@ -6111,6 +6154,15 @@ __metadata: languageName: node linkType: hard +"@storybook/core-events@npm:7.6.19": + version: 7.6.19 + resolution: "@storybook/core-events@npm:7.6.19" + dependencies: + ts-dedent: "npm:^2.0.0" + checksum: 10/bbf856ee350d914bb77fb35b85057c304516bcbdbe783338407d42af7a3e4c32270da70741a61b5d7fd271a97a28c49a107bc0ffc9bc403e21d6ad72b7224706 + languageName: node + linkType: hard + "@storybook/core-server@npm:7.1.0": version: 7.1.0 resolution: "@storybook/core-server@npm:7.1.0" @@ -6201,6 +6253,23 @@ __metadata: languageName: node linkType: hard +"@storybook/csf-tools@npm:^7.6.7": + version: 7.6.19 + resolution: "@storybook/csf-tools@npm:7.6.19" + dependencies: + "@babel/generator": "npm:^7.23.0" + "@babel/parser": "npm:^7.23.0" + "@babel/traverse": "npm:^7.23.2" + "@babel/types": "npm:^7.23.0" + "@storybook/csf": "npm:^0.1.2" + "@storybook/types": "npm:7.6.19" + fs-extra: "npm:^11.1.0" + recast: "npm:^0.23.1" + ts-dedent: "npm:^2.0.0" + checksum: 10/ef616c8df2da2d28b9fcb938495ab9cd277843926deb9b542694f8046111c23997a99181b70b45cdb637235a9679376eeb7c2f6ba1c04c56ad4c4695e666b931 + languageName: node + linkType: hard + "@storybook/csf@npm:^0.0.1": version: 0.0.1 resolution: "@storybook/csf@npm:0.0.1" @@ -6210,12 +6279,12 @@ __metadata: languageName: node linkType: hard -"@storybook/csf@npm:^0.1.0": - version: 0.1.0 - resolution: "@storybook/csf@npm:0.1.0" +"@storybook/csf@npm:^0.1.0, @storybook/csf@npm:^0.1.2": + version: 0.1.8 + resolution: "@storybook/csf@npm:0.1.8" dependencies: type-fest: "npm:^2.19.0" - checksum: 10/bd93be38b249247830b463a736ab0b279c2a65d355045d708e88f691e8f203346cadb5d3e886c595fe883eb59c942c8990109b0605d26619116e9593695e47fc + checksum: 10/0cc01216a8888012bd1b33743cfeab83f16d028ba40ff02d39215a827e899451a39aef6b3a30342cdc4f87567d45f93074cfe05bdb8a34561c636ac7d8a13cfd languageName: node linkType: hard @@ -6622,6 +6691,18 @@ __metadata: languageName: node linkType: hard +"@storybook/types@npm:7.6.19": + version: 7.6.19 + resolution: "@storybook/types@npm:7.6.19" + dependencies: + "@storybook/channels": "npm:7.6.19" + "@types/babel__core": "npm:^7.0.0" + "@types/express": "npm:^4.7.0" + file-system-cache: "npm:2.3.0" + checksum: 10/8930afad00d36531c2194d761efa2e3a66a1efd755f32b12136ba51b798f1489e27408e6a296809ba01a543dcf76342007de45e637201b5c12df6fcac8207a5a + languageName: node + linkType: hard + "@swc/core-darwin-arm64@npm:1.3.70": version: 1.3.70 resolution: "@swc/core-darwin-arm64@npm:1.3.70" @@ -8876,14 +8957,14 @@ __metadata: languageName: node linkType: hard -"axios@npm:^1.5.1": - version: 1.6.2 - resolution: "axios@npm:1.6.2" +"axios@npm:^1.5.1, axios@npm:^1.6.0": + version: 1.7.2 + resolution: "axios@npm:1.7.2" dependencies: - follow-redirects: "npm:^1.15.0" + follow-redirects: "npm:^1.15.6" form-data: "npm:^4.0.0" proxy-from-env: "npm:^1.1.0" - checksum: 10/612bc93f8f738a518e7c5f9de9cc782bcd36aac6bae279160ef6a10260378e21c1786520eab3336898e3d66e0839ebdf739f327fb6d0431baa4d3235703a7652 + checksum: 10/6ae80dda9736bb4762ce717f1a26ff997d94672d3a5799ad9941c24d4fb019c1dff45be8272f08d1975d7950bac281f3ba24aff5ecd49ef5a04d872ec428782f languageName: node linkType: hard @@ -9421,17 +9502,17 @@ __metadata: languageName: unknown linkType: soft -"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.20.3, browserslist@npm:^4.21.5, browserslist@npm:^4.21.9, browserslist@npm:^4.23.0": - version: 4.23.0 - resolution: "browserslist@npm:4.23.0" +"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.20.3, browserslist@npm:^4.21.5, browserslist@npm:^4.21.9, browserslist@npm:^4.22.2, browserslist@npm:^4.23.0": + version: 4.23.1 + resolution: "browserslist@npm:4.23.1" dependencies: - caniuse-lite: "npm:^1.0.30001587" - electron-to-chromium: "npm:^1.4.668" + caniuse-lite: "npm:^1.0.30001629" + electron-to-chromium: "npm:^1.4.796" node-releases: "npm:^2.0.14" - update-browserslist-db: "npm:^1.0.13" + update-browserslist-db: "npm:^1.0.16" bin: browserslist: cli.js - checksum: 10/496c3862df74565dd942b4ae65f502c575cbeba1fa4a3894dad7aa3b16130dc3033bc502d8848147f7b625154a284708253d9598bcdbef5a1e34cf11dc7bad8e + checksum: 10/91da59f70a8e01ece97133670f9857d6d7e96be78e1b7ffa54b869f97d01d01c237612471b595cee41c1ab212e26e536ce0b6716ad1d6c4368a40c222698cac1 languageName: node linkType: hard @@ -9766,10 +9847,10 @@ __metadata: languageName: node linkType: hard -"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001335, caniuse-lite@npm:^1.0.30001487, caniuse-lite@npm:^1.0.30001579, caniuse-lite@npm:^1.0.30001587": - version: 1.0.30001620 - resolution: "caniuse-lite@npm:1.0.30001620" - checksum: 10/d615ab66eb14d9b621004297a8f61e435dca67e9311f3979e47ee1af1be2a8f14997b947a101073d949b5454dad745cc35134bc3c4295c7f33968f3f665eba19 +"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001335, caniuse-lite@npm:^1.0.30001487, caniuse-lite@npm:^1.0.30001579, caniuse-lite@npm:^1.0.30001629": + version: 1.0.30001632 + resolution: "caniuse-lite@npm:1.0.30001632" + checksum: 10/80b8b75007e525c30ec204adff4a16797a83ac9faeec33ed20ad14b55239c2721693f248389ee3bc9a76f8fd0182870872af7a9c80d48484a3eab7c5e8af173f languageName: node linkType: hard @@ -10670,7 +10751,7 @@ __metadata: languageName: node linkType: hard -"commander@npm:11.1.0": +"commander@npm:11.1.0, commander@npm:^11.1.0": version: 11.1.0 resolution: "commander@npm:11.1.0" checksum: 10/66bd2d8a0547f6cb1d34022efb25f348e433b0e04ad76a65279b1b09da108f59a4d3001ca539c60a7a46ea38bcf399fc17d91adad76a8cf43845d8dcbaf5cda1 @@ -11055,7 +11136,7 @@ __metadata: languageName: node linkType: hard -"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0": +"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0": version: 1.7.0 resolution: "convert-source-map@npm:1.7.0" dependencies: @@ -11656,15 +11737,15 @@ __metadata: languageName: node linkType: hard -"debug@npm:4, debug@npm:4.3.4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4": - version: 4.3.4 - resolution: "debug@npm:4.3.4" +"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4": + version: 4.3.5 + resolution: "debug@npm:4.3.5" dependencies: ms: "npm:2.1.2" peerDependenciesMeta: supports-color: optional: true - checksum: 10/0073c3bcbd9cb7d71dd5f6b55be8701af42df3e56e911186dfa46fac3a5b9eb7ce7f377dd1d3be6db8977221f8eb333d945216f645cf56f6b688cd484837d255 + checksum: 10/cb6eab424c410e07813ca1392888589972ce9a32b8829c6508f5e1f25f3c3e70a76731610ae55b4bbe58d1a2fffa1424b30e97fa8d394e49cd2656a9643aedd2 languageName: node linkType: hard @@ -11677,6 +11758,18 @@ __metadata: languageName: node linkType: hard +"debug@npm:4.3.4": + version: 4.3.4 + resolution: "debug@npm:4.3.4" + dependencies: + ms: "npm:2.1.2" + peerDependenciesMeta: + supports-color: + optional: true + checksum: 10/0073c3bcbd9cb7d71dd5f6b55be8701af42df3e56e911186dfa46fac3a5b9eb7ce7f377dd1d3be6db8977221f8eb333d945216f645cf56f6b688cd484837d255 + languageName: node + linkType: hard + "debug@npm:^3.1.1, debug@npm:^3.2.7": version: 3.2.7 resolution: "debug@npm:3.2.7" @@ -12363,7 +12456,14 @@ __metadata: languageName: node linkType: hard -"dotenv@npm:^16.0.0, dotenv@npm:~16.3.1": +"dotenv@npm:^16.0.0, dotenv@npm:^16.3.1": + version: 16.4.5 + resolution: "dotenv@npm:16.4.5" + checksum: 10/55a3134601115194ae0f924e54473459ed0d9fc340ae610b676e248cca45aa7c680d86365318ea964e6da4e2ea80c4514c1adab5adb43d6867fb57ff068f95c8 + languageName: node + linkType: hard + +"dotenv@npm:~16.3.1": version: 16.3.1 resolution: "dotenv@npm:16.3.1" checksum: 10/dbb778237ef8750e9e3cd1473d3c8eaa9cc3600e33a75c0e36415d0fa0848197f56c3800f77924c70e7828f0b03896818cd52f785b07b9ad4d88dba73fbba83f @@ -12481,10 +12581,10 @@ __metadata: languageName: node linkType: hard -"electron-to-chromium@npm:^1.4.668": - version: 1.4.756 - resolution: "electron-to-chromium@npm:1.4.756" - checksum: 10/fb3dfaf729453d01c6de88413fc67fedeaa4b30952b9bf66461d4c6ff017f1414b9f613d8edf65f6c39f68e97143f99d1c56b3fb922b8abe8a75a2f054ede21b +"electron-to-chromium@npm:^1.4.796": + version: 1.4.796 + resolution: "electron-to-chromium@npm:1.4.796" + checksum: 10/af3c22d0cbde460a17a9e2b3ad44fa767d154f0fe431bdb3ac9009f712d4b20f2cea5d3c8cfe32fbd8da732e4f9abb12a29f7083174d3b28a27dce17453eca2e languageName: node linkType: hard @@ -14342,13 +14442,13 @@ __metadata: languageName: node linkType: hard -"follow-redirects@npm:^1.0.0, follow-redirects@npm:^1.10.0, follow-redirects@npm:^1.14.9, follow-redirects@npm:^1.15.0": - version: 1.15.2 - resolution: "follow-redirects@npm:1.15.2" +"follow-redirects@npm:^1.0.0, follow-redirects@npm:^1.10.0, follow-redirects@npm:^1.14.9, follow-redirects@npm:^1.15.6": + version: 1.15.6 + resolution: "follow-redirects@npm:1.15.6" peerDependenciesMeta: debug: optional: true - checksum: 10/8be0d39919770054812537d376850ccde0b4762b0501c440bd08724971a078123b55f57704f2984e0664fecc0c86adea85add63295804d9dce401cd9604c91d3 + checksum: 10/70c7612c4cab18e546e36b991bbf8009a1a41cf85354afe04b113d1117569abf760269409cb3eb842d9f7b03d62826687086b081c566ea7b1e6613cf29030bf7 languageName: node linkType: hard @@ -15000,7 +15100,7 @@ __metadata: languageName: node linkType: hard -"glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.4.1": +"glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10, glob@npm:^10.4.1": version: 10.4.1 resolution: "glob@npm:10.4.1" dependencies: @@ -18016,7 +18116,7 @@ __metadata: languageName: node linkType: hard -"json5@npm:^2.1.2, json5@npm:^2.2.2": +"json5@npm:^2.1.2, json5@npm:^2.2.2, json5@npm:^2.2.3": version: 2.2.3 resolution: "json5@npm:2.2.3" bin: @@ -20140,7 +20240,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^9.0.0, minimatch@npm:^9.0.4": +"minimatch@npm:^9.0.0, minimatch@npm:^9.0.3, minimatch@npm:^9.0.4": version: 9.0.4 resolution: "minimatch@npm:9.0.4" dependencies: @@ -21961,10 +22061,10 @@ __metadata: languageName: node linkType: hard -"picocolors@npm:^1.0.0": - version: 1.0.0 - resolution: "picocolors@npm:1.0.0" - checksum: 10/a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981 +"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1": + version: 1.0.1 + resolution: "picocolors@npm:1.0.1" + checksum: 10/fa68166d1f56009fc02a34cdfd112b0dd3cf1ef57667ac57281f714065558c01828cdf4f18600ad6851cbe0093952ed0660b1e0156bddf2184b6aaf5817553a5 languageName: node linkType: hard @@ -22580,6 +22680,15 @@ __metadata: languageName: node linkType: hard +"prettier@npm:^3.2.4": + version: 3.3.1 + resolution: "prettier@npm:3.3.1" + bin: + prettier: bin/prettier.cjs + checksum: 10/31ca48d07a163fe6bff5483feb9bdf3bd7e4305e8d976373375cddc2949180a007be3ef08c36f4d7b31e449acef1ebbf46d3b94dc32f5a276837bf48c393be69 + languageName: node + linkType: hard + "pretty-error@npm:^4.0.0": version: 4.0.0 resolution: "pretty-error@npm:4.0.0" @@ -26821,13 +26930,13 @@ __metadata: languageName: unknown linkType: soft -"typescript@npm:>=3 < 6": - version: 5.1.3 - resolution: "typescript@npm:5.1.3" +"typescript@npm:5.4.2, typescript@npm:>=3 < 6": + version: 5.4.2 + resolution: "typescript@npm:5.4.2" bin: tsc: bin/tsc tsserver: bin/tsserver - checksum: 10/2d656e635d85a8354955d4f63e5835f5217b1d2b0cea7d82409e324bd7d24f68883e43208a9b250b764bbf2833d83878c05de55dbe4b8b73996b2025c6e50140 + checksum: 10/f8cfdc630ab1672f004e9561eb2916935b2d267792d07ce93e97fc601c7a65191af32033d5e9c0169b7dc37da7db9bf320f7432bc84527cb7697effaa4e4559d languageName: node linkType: hard @@ -26841,13 +26950,13 @@ __metadata: languageName: node linkType: hard -"typescript@patch:typescript@npm%3A>=3 < 6#optional!builtin": - version: 5.1.3 - resolution: "typescript@patch:typescript@npm%3A5.1.3#optional!builtin::version=5.1.3&hash=5da071" +"typescript@patch:typescript@npm%3A5.4.2#optional!builtin, typescript@patch:typescript@npm%3A>=3 < 6#optional!builtin": + version: 5.4.2 + resolution: "typescript@patch:typescript@npm%3A5.4.2#optional!builtin::version=5.4.2&hash=5adc0c" bin: tsc: bin/tsc tsserver: bin/tsserver - checksum: 10/dade91ba4155d0e9eb58a83cfec0d8271fefedc87b106443c396f9961aa8b231f8585d283b126a8373897aff7823da7874ce5c0b3b18a548b51ffb474f01565e + checksum: 10/f5f9a4133c2670761f0166eae5b3bafbc4a3fc24f0f42a93c9c893d9e9d6e66ea066969c5e7483fa66b4ae0e99125592553f3b92fd3599484de8be13b0615176 languageName: node linkType: hard @@ -27304,17 +27413,17 @@ __metadata: languageName: node linkType: hard -"update-browserslist-db@npm:^1.0.13": - version: 1.0.15 - resolution: "update-browserslist-db@npm:1.0.15" +"update-browserslist-db@npm:^1.0.16": + version: 1.0.16 + resolution: "update-browserslist-db@npm:1.0.16" dependencies: escalade: "npm:^3.1.2" - picocolors: "npm:^1.0.0" + picocolors: "npm:^1.0.1" peerDependencies: browserslist: ">= 4.21.0" bin: update-browserslist-db: cli.js - checksum: 10/6800bfac6933f618640bae2f8f582a6b0d83ea73ef1330b0da9090862a370bc23c64650e753c454e39964eef3febe72578065ed06412326be492b5f5a029d0ef + checksum: 10/071bf0b2fb8568db6cd42ee2598ac9b87c794a7229fcbf1b035ae7f883e770c07143f16a5371525d5bcb94b99f9a1b279036142b0195ffd4cf5a0008fc4a500e languageName: node linkType: hard