@orangesk/orange-design-system 2.0.1 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/build/components/Accordion/style.css +1 -1
- package/build/components/Accordion/style.css.map +1 -1
- package/build/components/BlockAction/style.css +1 -1
- package/build/components/BlockAction/style.css.map +1 -1
- package/build/components/Card/style.css +1 -1
- package/build/components/Card/style.css.map +1 -1
- package/build/components/Carousel/style.css +1 -1
- package/build/components/Carousel/style.css.map +1 -1
- package/build/components/CarouselHero/style.css +1 -1
- package/build/components/CarouselHero/style.css.map +1 -1
- package/build/components/CarouselPromotions/style.css +1 -1
- package/build/components/CarouselPromotions/style.css.map +1 -1
- package/build/components/Dropdown/style.css +1 -1
- package/build/components/Dropdown/style.css.map +1 -1
- package/build/components/FeatureAccordion/style.css +1 -1
- package/build/components/FeatureAccordion/style.css.map +1 -1
- package/build/components/Footer/style.css +1 -1
- package/build/components/Footer/style.css.map +1 -1
- package/build/components/Icon/style.css +1 -1
- package/build/components/Icon/style.css.map +1 -1
- package/build/components/Link/style.css +1 -1
- package/build/components/Link/style.css.map +1 -1
- package/build/components/Megamenu/style.css +1 -1
- package/build/components/Megamenu/style.css.map +1 -1
- package/build/components/Tile/style.css +1 -1
- package/build/components/Tile/style.css.map +1 -1
- package/build/components/Tooltip/style.css +1 -1
- package/build/components/Tooltip/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +3 -3
- package/build/components/types/src/components/Card/CardSection.d.ts +2 -2
- package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +1 -1
- package/build/images/card-device-example.png +0 -0
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.css +1 -1
- package/build/lib/footer.css.map +1 -1
- package/build/lib/footer.js +1 -1
- package/build/lib/footer.js.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/megamenu.js +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/build/search-index.json +6 -6
- package/build/sprite.svg +1 -1
- package/package.json +22 -22
- package/src/assets/icons/pictogram-communication--dark.svg +4 -0
- package/src/assets/icons/pictogram-communication.svg +4 -0
- package/src/assets/icons/pictogram-coverage--dark.svg +5 -0
- package/src/assets/icons/pictogram-coverage.svg +5 -0
- package/src/assets/icons/pictogram-credit--dark.svg +7 -0
- package/src/assets/icons/pictogram-credit.svg +6 -0
- package/src/assets/icons/pictogram-modem--dark.svg +9 -0
- package/src/assets/icons/pictogram-modem.svg +9 -0
- package/src/assets/icons/pictogram-speed--dark.svg +7 -0
- package/src/assets/icons/pictogram-speed.svg +7 -0
- package/src/assets/icons/pictogram-sunset--dark.svg +10 -0
- package/src/assets/icons/pictogram-sunset.svg +10 -0
- package/src/assets/icons/pictogram-wallet--dark.svg +6 -0
- package/src/assets/icons/pictogram-wallet.svg +6 -0
- package/src/components/BlockAction/styles/mixins.scss +1 -1
- package/src/components/BlockAction/styles/style.scss +1 -1
- package/src/components/BlockAction/tests/BlockAction.styles.unit.test.jsx +18 -0
- package/src/components/Button/IconButton.tsx +3 -1
- package/src/components/Button/tests/IconButton.unit.test.jsx +6 -2
- package/src/components/Card/CardSection.tsx +3 -2
- package/src/components/Card/styles/mixins.scss +2 -0
- package/src/components/Card/styles/style.scss +8 -0
- package/src/components/Card/tests/CardSection.unit.test.jsx +12 -0
- package/src/components/Carousel/Carousel.static.ts +2 -2
- package/src/components/Carousel/Carousel.tsx +6 -3
- package/src/components/Carousel/tests/Carousel.static.test.jsx +7 -4
- package/src/components/CarouselHero/styles/mixins.scss +1 -1
- package/src/components/CarouselPromotions/styles/mixins.scss +2 -2
- package/src/components/FeatureAccordion/styles/mixins.scss +3 -3
- package/src/components/Forms/Autocomplete/Autocomplete.tsx +8 -0
- package/src/components/Forms/Autocomplete/tests/Autocomplete.unit.test.jsx +48 -0
- package/src/components/Forms/File/styles/style.scss +1 -1
- package/src/components/Forms/styles/mixins.scss +1 -1
- package/src/components/Icon/styles/mixins.scss +4 -4
- package/src/components/Link/styles/style.scss +4 -1
- package/src/components/PromoBanner/PromoBanner.tsx +2 -1
- package/src/components/Tile/styles/mixins.scss +25 -7
- package/src/components/Tile/styles/style.scss +5 -1
- package/src/styles/tokens/base.scss +0 -16
- package/src/styles/typography/mixins.scss +10 -1
- package/src/components/Card/CHANGELOG.md +0 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"fileNames":["../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.error.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.arraybuffer.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.float16.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.iterator.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.date.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.decorators.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.disposable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.error.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.temporal.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.typedarrays.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/tslib/tslib.d.ts","../../node_modules/tslib/modules/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.16/node_modules/@types/react/global.d.ts","../../node_modules/.pnpm/csstype@3.2.3/node_modules/csstype/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.16/node_modules/@types/react/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.16/node_modules/@types/react/jsx-runtime.d.ts","../../src/components/footer/constants.ts","../../src/components/footer/footer.static.ts","../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.d.ts","../../src/components/icon/spritepathcontext.tsx","../../src/components/icon/icon.tsx","../../src/components/icon/pictogram.tsx","../../src/components/icon/index.ts","../../src/components/socialbutton/socialbutton.tsx","../../src/components/footer/data.ts","../../src/components/socialbutton/index.ts","../../src/components/footer/planobnovy.tsx","../../src/components/footer/footer.tsx","../../src/components/footer/index.ts","../../node_modules/.pnpm/@types+wnumb@1.2.3/node_modules/@types/wnumb/index.d.ts","../../src/utils/helpers.js","../../src/scripts/lib/modulefactory.js","../../src/components/footer/static.ts"],"fileIdsList":[[92,93],[94],[90],[91,95],[91,95,103],[91,95,96],[91,94,95,96,98,104,105,106],[91,95,107],[91,95,97,111],[91,94,95,98,99],[91,95,99,100,101],[91,94,95,100],[91,94,95],[91,94,95,98,102],[91,95,110],[91,95,109]],"fileInfos":[{"version":"bcd24271a113971ba9eb71ff8cb01bc6b0f872a85c23fdbe5d93065b375933cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f88bedbeb09c6f5a6645cb24c7c55f1aa22d19ae96c8e6959cbd8b85a707bc6","impliedFormat":1},{"version":"7fe93b39b810eadd916be8db880dd7f0f7012a5cc6ffb62de8f62a2117fa6f1f","impliedFormat":1},{"version":"bb0074cc08b84a2374af33d8bf044b80851ccc9e719a5e202eacf40db2c31600","impliedFormat":1},{"version":"1a7daebe4f45fb03d9ec53d60008fbf9ac45a697fdc89e4ce218bc94b94f94d6","impliedFormat":1},{"version":"f94b133a3cb14a288803be545ac2683e0d0ff6661bcd37e31aaaec54fc382aed","impliedFormat":1},{"version":"f59d0650799f8782fd74cf73c19223730c6d1b9198671b1c5b3a38e1188b5953","impliedFormat":1},{"version":"8a15b4607d9a499e2dbeed9ec0d3c0d7372c850b2d5f1fb259e8f6d41d468a84","impliedFormat":1},{"version":"26e0fe14baee4e127f4365d1ae0b276f400562e45e19e35fd2d4c296684715e6","impliedFormat":1},{"version":"1e9332c23e9a907175e0ffc6a49e236f97b48838cc8aec9ce7e4cec21e544b65","impliedFormat":1},{"version":"3753fbc1113dc511214802a2342280a8b284ab9094f6420e7aa171e868679f91","impliedFormat":1},{"version":"999ca32883495a866aa5737fe1babc764a469e4cde6ee6b136a4b9ae68853e4b","impliedFormat":1},{"version":"17f13ecb98cbc39243f2eee1f16d45cd8ec4706b03ee314f1915f1a8b42f6984","impliedFormat":1},{"version":"d6b1eba8496bdd0eed6fc8a685768fe01b2da4a0388b5fe7df558290bffcf32f","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"eadcffda2aa84802c73938e589b9e58248d74c59cb7fcbca6474e3435ac15504","affectsGlobalScope":true,"impliedFormat":1},{"version":"105ba8ff7ba746404fe1a2e189d1d3d2e0eb29a08c18dded791af02f29fb4711","affectsGlobalScope":true,"impliedFormat":1},{"version":"00343ca5b2e3d48fa5df1db6e32ea2a59afab09590274a6cccb1dbae82e60c7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"ebd9f816d4002697cb2864bea1f0b70a103124e18a8cd9645eeccc09bdf80ab4","affectsGlobalScope":true,"impliedFormat":1},{"version":"2c1afac30a01772cd2a9a298a7ce7706b5892e447bb46bdbeef720f7b5da77ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b0225f483e4fa685625ebe43dd584bb7973bbd84e66a6ba7bbe175ee1048b4f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0a4b8ac6ce74679c1da2b3795296f5896e31c38e888469a8e0f99dc3305de60","affectsGlobalScope":true,"impliedFormat":1},{"version":"3084a7b5f569088e0146533a00830e206565de65cae2239509168b11434cd84f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5079c53f0f141a0698faa903e76cb41cd664e3efb01cc17a5c46ec2eb0bef42","affectsGlobalScope":true,"impliedFormat":1},{"version":"32cafbc484dea6b0ab62cf8473182bbcb23020d70845b406f80b7526f38ae862","affectsGlobalScope":true,"impliedFormat":1},{"version":"fca4cdcb6d6c5ef18a869003d02c9f0fd95df8cfaf6eb431cd3376bc034cad36","affectsGlobalScope":true,"impliedFormat":1},{"version":"b93ec88115de9a9dc1b602291b85baf825c85666bf25985cc5f698073892b467","affectsGlobalScope":true,"impliedFormat":1},{"version":"f5c06dcc3fe849fcb297c247865a161f995cc29de7aa823afdd75aaaddc1419b","affectsGlobalScope":true,"impliedFormat":1},{"version":"b77e16112127a4b169ef0b8c3a4d730edf459c5f25fe52d5e436a6919206c4d7","affectsGlobalScope":true,"impliedFormat":1},{"version":"fbffd9337146eff822c7c00acbb78b01ea7ea23987f6c961eba689349e744f8c","affectsGlobalScope":true,"impliedFormat":1},{"version":"a995c0e49b721312f74fdfb89e4ba29bd9824c770bbb4021d74d2bf560e4c6bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c7b3542146734342e440a84b213384bfa188835537ddbda50d30766f0593aff9","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce6180fa19b1cccd07ee7f7dbb9a367ac19c0ed160573e4686425060b6df7f57","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f02e2476bccb9dbe21280d6090f0df17d2f66b74711489415a8aa4df73c9675","affectsGlobalScope":true,"impliedFormat":1},{"version":"45e3ab34c1c013c8ab2dc1ba4c80c780744b13b5676800ae2e3be27ae862c40c","affectsGlobalScope":true,"impliedFormat":1},{"version":"805c86f6cca8d7702a62a844856dbaa2a3fd2abef0536e65d48732441dde5b5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e42e397f1a5a77994f0185fd1466520691456c772d06bf843e5084ceb879a0ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"f4c2b41f90c95b1c532ecc874bd3c111865793b23aebcc1c3cbbabcd5d76ffb0","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab26191cfad5b66afa11b8bf935ef1cd88fabfcb28d30b2dfa6fad877d050332","affectsGlobalScope":true,"impliedFormat":1},{"version":"2088bc26531e38fb05eedac2951480db5309f6be3fa4a08d2221abb0f5b4200d","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb9d366c425fea79716a8fb3af0d78e6b22ebbab3bd64d25063b42dc9f531c1e","affectsGlobalScope":true,"impliedFormat":1},{"version":"500934a8089c26d57ebdb688fc9757389bb6207a3c8f0674d68efa900d2abb34","affectsGlobalScope":true,"impliedFormat":1},{"version":"689da16f46e647cef0d64b0def88910e818a5877ca5379ede156ca3afb780ac3","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc21cc8b6fee4f4c2440d08035b7ea3c06b3511314c8bab6bef7a92de58a2593","affectsGlobalScope":true,"impliedFormat":1},{"version":"7ca53d13d2957003abb47922a71866ba7cb2068f8d154877c596d63c359fed25","affectsGlobalScope":true,"impliedFormat":1},{"version":"54725f8c4df3d900cb4dac84b64689ce29548da0b4e9b7c2de61d41c79293611","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5594bc3076ac29e6c1ebda77939bc4c8833de72f654b6e376862c0473199323","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f3eb332c2d73e729f3364fcc0c2b375e72a121e8157d25a82d67a138c83a95c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f4427f9642ce8d500970e4e69d1397f64072ab73b97e476b4002a646ac743b1","affectsGlobalScope":true,"impliedFormat":1},{"version":"48915f327cd1dea4d7bd358d9dc7732f58f9e1626a29cc0c05c8c692419d9bb7","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7bf9377723203b5a6a4b920164df22d56a43f593269ba6ae1fdc97774b68855","affectsGlobalScope":true,"impliedFormat":1},{"version":"db9709688f82c9e5f65a119c64d835f906efe5f559d08b11642d56eb85b79357","affectsGlobalScope":true,"impliedFormat":1},{"version":"4b25b8c874acd1a4cf8444c3617e037d444d19080ac9f634b405583fd10ce1f7","affectsGlobalScope":true,"impliedFormat":1},{"version":"37be57d7c90cf1f8112ee2636a068d8fd181289f82b744160ec56a7dc158a9f5","affectsGlobalScope":true,"impliedFormat":1},{"version":"a917a49ac94cd26b754ab84e113369a75d1a47a710661d7cd25e961cc797065f","affectsGlobalScope":true,"impliedFormat":1},{"version":"6d3261badeb7843d157ef3e6f5d1427d0eeb0af0cf9df84a62cfd29fd47ac86e","affectsGlobalScope":true,"impliedFormat":1},{"version":"195daca651dde22f2167ac0d0a05e215308119a3100f5e6268e8317d05a92526","affectsGlobalScope":true,"impliedFormat":1},{"version":"8b11e4285cd2bb164a4dc09248bdec69e9842517db4ca47c1ba913011e44ff2f","affectsGlobalScope":true,"impliedFormat":1},{"version":"0508571a52475e245b02bc50fa1394065a0a3d05277fbf5120c3784b85651799","affectsGlobalScope":true,"impliedFormat":1},{"version":"8f9af488f510c3015af3cc8c267a9e9d96c4dd38a1fdff0e11dc5a544711415b","affectsGlobalScope":true,"impliedFormat":1},{"version":"fc611fea8d30ea72c6bbfb599c9b4d393ce22e2f5bfef2172534781e7d138104","affectsGlobalScope":true,"impliedFormat":1},{"version":"0bd714129fca875f7d4c477a1a392200b0bcd13fb2e80928cd334b63830ea047","affectsGlobalScope":true,"impliedFormat":1},{"version":"e2c9037ae6cd2c52d80ceef0b3c5ffdb488627d71529cf4f63776daf11161c9a","affectsGlobalScope":true,"impliedFormat":1},{"version":"135d5cf4d345f59f1a9caadfafcd858d3d9cc68290db616cc85797224448cccc","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc238c3f81c2984751932b6aab223cd5b830e0ac6cad76389e5e9d2ffc03287d","affectsGlobalScope":true,"impliedFormat":1},{"version":"4a07f9b76d361f572620927e5735b77d6d2101c23cdd94383eb5b706e7b36357","affectsGlobalScope":true,"impliedFormat":1},{"version":"7c4e8dc6ab834cc6baa0227e030606d29e3e8449a9f67cdf5605ea5493c4db29","affectsGlobalScope":true,"impliedFormat":1},{"version":"de7ba0fd02e06cd9a5bd4ab441ed0e122735786e67dde1e849cced1cd8b46b78","affectsGlobalScope":true,"impliedFormat":1},{"version":"6148e4e88d720a06855071c3db02069434142a8332cf9c182cda551adedf3156","affectsGlobalScope":true,"impliedFormat":1},{"version":"d63dba625b108316a40c95a4425f8d4294e0deeccfd6c7e59d819efa19e23409","affectsGlobalScope":true,"impliedFormat":1},{"version":"0568d6befee03dd435bed4fc25c4e46865b24bdcb8c563fdc21f580a2c301904","affectsGlobalScope":true,"impliedFormat":1},{"version":"30d62269b05b584741f19a5369852d5d34895aa2ac4fd948956f886d15f9cc0d","affectsGlobalScope":true,"impliedFormat":1},{"version":"f128dae7c44d8f35ee42e0a437000a57c9f06cc04f8b4fb42eebf44954d53dc8","affectsGlobalScope":true,"impliedFormat":1},{"version":"ffbe6d7b295306b2ba88030f65b74c107d8d99bdcf596ea99c62a02f606108b0","affectsGlobalScope":true,"impliedFormat":1},{"version":"996fb27b15277369c68a4ba46ed138b4e9e839a02fb4ec756f7997629242fd9f","affectsGlobalScope":true,"impliedFormat":1},{"version":"79b712591b270d4778c89706ca2cfc56ddb8c3f895840e477388f1710dc5eda9","affectsGlobalScope":true,"impliedFormat":1},{"version":"20884846cef428b992b9bd032e70a4ef88e349263f63aeddf04dda837a7dba26","affectsGlobalScope":true,"impliedFormat":1},{"version":"5fcab789c73a97cd43828ee3cc94a61264cf24d4c44472ce64ced0e0f148bdb2","affectsGlobalScope":true,"impliedFormat":1},{"version":"db59a81f070c1880ad645b2c0275022baa6a0c4f0acdc58d29d349c6efcf0903","affectsGlobalScope":true,"impliedFormat":1},{"version":"673294292640f5722b700e7d814e17aaf7d93f83a48a2c9b38f33cbc940ad8b0","affectsGlobalScope":true,"impliedFormat":1},{"version":"d786b48f934cbca483b3c6d0a798cb43bbb4ada283e76fb22c28e53ae05b9e69","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ecb8e347cb6b2a8927c09b86263663289418df375f5e68e11a0ae683776978f","affectsGlobalScope":true,"impliedFormat":1},{"version":"142efd4ce210576f777dc34df121777be89eda476942d6d6663b03dcb53be3ff","affectsGlobalScope":true,"impliedFormat":1},{"version":"379bc41580c2d774f82e828c70308f24a005b490c25ba34d679d84bcf05c3d9d","affectsGlobalScope":true,"impliedFormat":1},{"version":"ed484fb2aa8a1a23d0277056ec3336e0a0b52f9b8d6a961f338a642faf43235d","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ffedae1d1c2d53fdbca1c96d3c7dda544281f7d262f99b6880634f8fd8d9820","affectsGlobalScope":true,"impliedFormat":1},{"version":"83a730b125d477dd264df8ba479afab27a3dae7152b005c214ab94dc7ee44fd3","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ce14b81c5cc821994aa8ec1d42b220dd41b27fcc06373bce3958af7421b77d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3a048b3e9302ef9a34ef4ebb9aecfb28b66abb3bce577206a79fee559c230da","affectsGlobalScope":true,"impliedFormat":1},{"version":"a6a5253138c5432c68a1510c70fe78a644fe2e632111ba778e1978010d6edfec","impliedFormat":1},{"version":"b8f34dd1757f68e03262b1ca3ddfa668a855b872f8bdd5224d6f993a7b37dc2c","impliedFormat":99},{"version":"7e29f41b158de217f94cb9676bf9cbd0cd9b5a46e1985141ed36e075c52bf6ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac51dd7d31333793807a6abaa5ae168512b6131bd41d9c5b98477fc3b7800f9f","impliedFormat":1},{"version":"2577e7e800bdece2956ca027cb5c17aa359abd968eb9355760110c853f4fb9da","impliedFormat":1},{"version":"b838d4c72740eb0afd284bf7575b74c624b105eff2e8c7b4aeead57e7ac320ff","impliedFormat":1},{"version":"5d49d345e0842e7ad243b94e51d1123238c5172bf7a979a8dc9ab6ce8f517180","signature":"10eb7a615bd5db445b38503914505987270bb1a79340c91aa032598f22682020"},{"version":"d6e4ea4dbf459a113515d4607757557ca61ec73e916595f7860c59140077d0d0","signature":"f95b65f554fc67538fedac0128db3c22ea653a857c535f1a1e44e2c56648a15c"},{"version":"1dfdec0ec9c299625d20c5cb8f96e2a801c81d91669c6245f520e8734a92fb3d","impliedFormat":1},{"version":"55718a147877c260e5b41a5d912a22d587c274ae8df9e5da9ab5fd10cee51800","signature":"0cfe7a72bee53b2ffb6de9395f7c831c7a9a0539d39abfe8a41a66626fff8271"},{"version":"babd89833d98e49d5b3a5d91bb7becfe85dc5bcce080c9613670ffc8c5d240e0","signature":"611959103bbf4ea52440454eb76b8540b52157d2fa41dbe95d0475f1a692e9cc"},{"version":"9aa5eec8ff904b8ebf0a7938ca97ff3d49e1c4a0180bcf3dc26d0a7cbd407ec4","signature":"fd12045af3fa6841c3c7b27154c60428f27b2b10094669560b3ffe67356b1632"},"454bdfc8142af311d6054a873c0c5ab1b63a3ad5eabcce7ae377ae95bc37ffe3",{"version":"e189c888bd6ef8d63fd785af7948dad3c8d1b211a9847fdf03a86f3499a5e8ca","signature":"2ab8e4382c1f3e9ad820f6b9d8f3889b4508e67b4169ab64cdd80e3639cd3ea5"},{"version":"a678a57da087f7a9dcfdc3f3f012ae077cd79cf4360ea1a9e252ceb854777670","signature":"49c9eef61196b8e3abda71ad6e2a9f80c3a7604add04677b4ad4c7f1a1cb831c"},"98b6d0fec798e1bb2d52190f7bba01b59735482115f278f2c49fe29dcbdd66af",{"version":"0b4941507e01f823e46fb29722af7a0c61a74b735fbb2d6434bb1e0ab1c9ac0b","signature":"85a7d1bdaa8e52b2f504484706f2450fc51ba1fea19d176023570abbe51fe1dc"},{"version":"ca29b5c9d881e60c357d8cda76415f717fae509595d501d396522a313f834249","signature":"9dbf60084fc12a005a4daa88197423c8ff6a99dad453e0ff605348fcb58860a7"},"446705aa1a4f27825b40e3a11e79cbc5bd828f3b0319c7955b82d4f8a47beb75",{"version":"50c76e901fd8e9aaa0b6c98410a3979ca6ba8f54402802a1cfe95d4865abbe1b","impliedFormat":1},{"version":"f58ec7542606012327bbdf9fd53f97cc326652a8c02dafbc8e37bb6095813f25","signature":"849748c06e3c7ebef208f3d216c40e0711ee652edd2594e880fa4d75503bccf5"},{"version":"708db6b47b90e56189c37cf7cd0d8fe6da02df7b54ff5114eca9fe9221e0c73c","signature":"e71c8951cafffc0da12034ffb64cbf991825e7c9e4b63cb93d39fc3c4782eb4f"},{"version":"1b51f9b0ab42a6dc7994e2fb21bbea4328f94115ce018b63e3615397a913159a","signature":"7b8b72953be0af45f3c01759dd2e9d4181f909ff7750a207147b436ba01efd08","affectsGlobalScope":true}],"root":[96,97,104,[106,108],112],"options":{"allowJs":true,"declaration":false,"emitDeclarationOnly":false,"esModuleInterop":true,"importHelpers":true,"inlineSources":true,"jsx":4,"module":99,"noEmitHelpers":true,"outDir":"./","skipLibCheck":true,"sourceMap":true,"strict":true,"target":7},"referencedMap":[[94,1],[95,2],[91,3],[96,4],[104,5],[97,6],[107,7],[108,8],[106,4],[112,9],[100,10],[102,11],[101,12],[99,13],[105,5],[103,14],[111,15],[110,16]],"semanticDiagnosticsPerFile":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112],"version":"6.0.3"}
|
|
1
|
+
{"fileNames":["../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2021.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.error.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2023.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.arraybuffer.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.object.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2024.string.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.float16.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.iterator.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.promise.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.es2025.regexp.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.array.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.collection.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.date.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.decorators.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.disposable.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.error.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.temporal.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.esnext.typedarrays.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/tslib/tslib.d.ts","../../node_modules/tslib/modules/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.17/node_modules/@types/react/global.d.ts","../../node_modules/.pnpm/csstype@3.2.3/node_modules/csstype/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.17/node_modules/@types/react/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.17/node_modules/@types/react/jsx-runtime.d.ts","../../src/components/footer/constants.ts","../../src/components/footer/footer.static.ts","../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.d.ts","../../src/components/icon/spritepathcontext.tsx","../../src/components/icon/icon.tsx","../../src/components/icon/pictogram.tsx","../../src/components/icon/index.ts","../../src/components/socialbutton/socialbutton.tsx","../../src/components/footer/data.ts","../../src/components/socialbutton/index.ts","../../src/components/footer/planobnovy.tsx","../../src/components/footer/footer.tsx","../../src/components/footer/index.ts","../../node_modules/.pnpm/@types+wnumb@1.2.3/node_modules/@types/wnumb/index.d.ts","../../src/utils/helpers.js","../../src/scripts/lib/modulefactory.js","../../src/components/footer/static.ts"],"fileIdsList":[[92,93],[94],[90],[91,95],[91,95,103],[91,95,96],[91,94,95,96,98,104,105,106],[91,95,107],[91,95,97,111],[91,94,95,98,99],[91,95,99,100,101],[91,94,95,100],[91,94,95],[91,94,95,98,102],[91,95,110],[91,95,109]],"fileInfos":[{"version":"bcd24271a113971ba9eb71ff8cb01bc6b0f872a85c23fdbe5d93065b375933cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f88bedbeb09c6f5a6645cb24c7c55f1aa22d19ae96c8e6959cbd8b85a707bc6","impliedFormat":1},{"version":"7fe93b39b810eadd916be8db880dd7f0f7012a5cc6ffb62de8f62a2117fa6f1f","impliedFormat":1},{"version":"bb0074cc08b84a2374af33d8bf044b80851ccc9e719a5e202eacf40db2c31600","impliedFormat":1},{"version":"1a7daebe4f45fb03d9ec53d60008fbf9ac45a697fdc89e4ce218bc94b94f94d6","impliedFormat":1},{"version":"f94b133a3cb14a288803be545ac2683e0d0ff6661bcd37e31aaaec54fc382aed","impliedFormat":1},{"version":"f59d0650799f8782fd74cf73c19223730c6d1b9198671b1c5b3a38e1188b5953","impliedFormat":1},{"version":"8a15b4607d9a499e2dbeed9ec0d3c0d7372c850b2d5f1fb259e8f6d41d468a84","impliedFormat":1},{"version":"26e0fe14baee4e127f4365d1ae0b276f400562e45e19e35fd2d4c296684715e6","impliedFormat":1},{"version":"1e9332c23e9a907175e0ffc6a49e236f97b48838cc8aec9ce7e4cec21e544b65","impliedFormat":1},{"version":"3753fbc1113dc511214802a2342280a8b284ab9094f6420e7aa171e868679f91","impliedFormat":1},{"version":"999ca32883495a866aa5737fe1babc764a469e4cde6ee6b136a4b9ae68853e4b","impliedFormat":1},{"version":"17f13ecb98cbc39243f2eee1f16d45cd8ec4706b03ee314f1915f1a8b42f6984","impliedFormat":1},{"version":"d6b1eba8496bdd0eed6fc8a685768fe01b2da4a0388b5fe7df558290bffcf32f","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"eadcffda2aa84802c73938e589b9e58248d74c59cb7fcbca6474e3435ac15504","affectsGlobalScope":true,"impliedFormat":1},{"version":"105ba8ff7ba746404fe1a2e189d1d3d2e0eb29a08c18dded791af02f29fb4711","affectsGlobalScope":true,"impliedFormat":1},{"version":"00343ca5b2e3d48fa5df1db6e32ea2a59afab09590274a6cccb1dbae82e60c7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"ebd9f816d4002697cb2864bea1f0b70a103124e18a8cd9645eeccc09bdf80ab4","affectsGlobalScope":true,"impliedFormat":1},{"version":"2c1afac30a01772cd2a9a298a7ce7706b5892e447bb46bdbeef720f7b5da77ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b0225f483e4fa685625ebe43dd584bb7973bbd84e66a6ba7bbe175ee1048b4f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0a4b8ac6ce74679c1da2b3795296f5896e31c38e888469a8e0f99dc3305de60","affectsGlobalScope":true,"impliedFormat":1},{"version":"3084a7b5f569088e0146533a00830e206565de65cae2239509168b11434cd84f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5079c53f0f141a0698faa903e76cb41cd664e3efb01cc17a5c46ec2eb0bef42","affectsGlobalScope":true,"impliedFormat":1},{"version":"32cafbc484dea6b0ab62cf8473182bbcb23020d70845b406f80b7526f38ae862","affectsGlobalScope":true,"impliedFormat":1},{"version":"fca4cdcb6d6c5ef18a869003d02c9f0fd95df8cfaf6eb431cd3376bc034cad36","affectsGlobalScope":true,"impliedFormat":1},{"version":"b93ec88115de9a9dc1b602291b85baf825c85666bf25985cc5f698073892b467","affectsGlobalScope":true,"impliedFormat":1},{"version":"f5c06dcc3fe849fcb297c247865a161f995cc29de7aa823afdd75aaaddc1419b","affectsGlobalScope":true,"impliedFormat":1},{"version":"b77e16112127a4b169ef0b8c3a4d730edf459c5f25fe52d5e436a6919206c4d7","affectsGlobalScope":true,"impliedFormat":1},{"version":"fbffd9337146eff822c7c00acbb78b01ea7ea23987f6c961eba689349e744f8c","affectsGlobalScope":true,"impliedFormat":1},{"version":"a995c0e49b721312f74fdfb89e4ba29bd9824c770bbb4021d74d2bf560e4c6bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c7b3542146734342e440a84b213384bfa188835537ddbda50d30766f0593aff9","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce6180fa19b1cccd07ee7f7dbb9a367ac19c0ed160573e4686425060b6df7f57","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f02e2476bccb9dbe21280d6090f0df17d2f66b74711489415a8aa4df73c9675","affectsGlobalScope":true,"impliedFormat":1},{"version":"45e3ab34c1c013c8ab2dc1ba4c80c780744b13b5676800ae2e3be27ae862c40c","affectsGlobalScope":true,"impliedFormat":1},{"version":"805c86f6cca8d7702a62a844856dbaa2a3fd2abef0536e65d48732441dde5b5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e42e397f1a5a77994f0185fd1466520691456c772d06bf843e5084ceb879a0ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"f4c2b41f90c95b1c532ecc874bd3c111865793b23aebcc1c3cbbabcd5d76ffb0","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab26191cfad5b66afa11b8bf935ef1cd88fabfcb28d30b2dfa6fad877d050332","affectsGlobalScope":true,"impliedFormat":1},{"version":"2088bc26531e38fb05eedac2951480db5309f6be3fa4a08d2221abb0f5b4200d","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb9d366c425fea79716a8fb3af0d78e6b22ebbab3bd64d25063b42dc9f531c1e","affectsGlobalScope":true,"impliedFormat":1},{"version":"500934a8089c26d57ebdb688fc9757389bb6207a3c8f0674d68efa900d2abb34","affectsGlobalScope":true,"impliedFormat":1},{"version":"689da16f46e647cef0d64b0def88910e818a5877ca5379ede156ca3afb780ac3","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc21cc8b6fee4f4c2440d08035b7ea3c06b3511314c8bab6bef7a92de58a2593","affectsGlobalScope":true,"impliedFormat":1},{"version":"7ca53d13d2957003abb47922a71866ba7cb2068f8d154877c596d63c359fed25","affectsGlobalScope":true,"impliedFormat":1},{"version":"54725f8c4df3d900cb4dac84b64689ce29548da0b4e9b7c2de61d41c79293611","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5594bc3076ac29e6c1ebda77939bc4c8833de72f654b6e376862c0473199323","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f3eb332c2d73e729f3364fcc0c2b375e72a121e8157d25a82d67a138c83a95c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f4427f9642ce8d500970e4e69d1397f64072ab73b97e476b4002a646ac743b1","affectsGlobalScope":true,"impliedFormat":1},{"version":"48915f327cd1dea4d7bd358d9dc7732f58f9e1626a29cc0c05c8c692419d9bb7","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7bf9377723203b5a6a4b920164df22d56a43f593269ba6ae1fdc97774b68855","affectsGlobalScope":true,"impliedFormat":1},{"version":"db9709688f82c9e5f65a119c64d835f906efe5f559d08b11642d56eb85b79357","affectsGlobalScope":true,"impliedFormat":1},{"version":"4b25b8c874acd1a4cf8444c3617e037d444d19080ac9f634b405583fd10ce1f7","affectsGlobalScope":true,"impliedFormat":1},{"version":"37be57d7c90cf1f8112ee2636a068d8fd181289f82b744160ec56a7dc158a9f5","affectsGlobalScope":true,"impliedFormat":1},{"version":"a917a49ac94cd26b754ab84e113369a75d1a47a710661d7cd25e961cc797065f","affectsGlobalScope":true,"impliedFormat":1},{"version":"6d3261badeb7843d157ef3e6f5d1427d0eeb0af0cf9df84a62cfd29fd47ac86e","affectsGlobalScope":true,"impliedFormat":1},{"version":"195daca651dde22f2167ac0d0a05e215308119a3100f5e6268e8317d05a92526","affectsGlobalScope":true,"impliedFormat":1},{"version":"8b11e4285cd2bb164a4dc09248bdec69e9842517db4ca47c1ba913011e44ff2f","affectsGlobalScope":true,"impliedFormat":1},{"version":"0508571a52475e245b02bc50fa1394065a0a3d05277fbf5120c3784b85651799","affectsGlobalScope":true,"impliedFormat":1},{"version":"8f9af488f510c3015af3cc8c267a9e9d96c4dd38a1fdff0e11dc5a544711415b","affectsGlobalScope":true,"impliedFormat":1},{"version":"fc611fea8d30ea72c6bbfb599c9b4d393ce22e2f5bfef2172534781e7d138104","affectsGlobalScope":true,"impliedFormat":1},{"version":"0bd714129fca875f7d4c477a1a392200b0bcd13fb2e80928cd334b63830ea047","affectsGlobalScope":true,"impliedFormat":1},{"version":"e2c9037ae6cd2c52d80ceef0b3c5ffdb488627d71529cf4f63776daf11161c9a","affectsGlobalScope":true,"impliedFormat":1},{"version":"135d5cf4d345f59f1a9caadfafcd858d3d9cc68290db616cc85797224448cccc","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc238c3f81c2984751932b6aab223cd5b830e0ac6cad76389e5e9d2ffc03287d","affectsGlobalScope":true,"impliedFormat":1},{"version":"4a07f9b76d361f572620927e5735b77d6d2101c23cdd94383eb5b706e7b36357","affectsGlobalScope":true,"impliedFormat":1},{"version":"7c4e8dc6ab834cc6baa0227e030606d29e3e8449a9f67cdf5605ea5493c4db29","affectsGlobalScope":true,"impliedFormat":1},{"version":"de7ba0fd02e06cd9a5bd4ab441ed0e122735786e67dde1e849cced1cd8b46b78","affectsGlobalScope":true,"impliedFormat":1},{"version":"6148e4e88d720a06855071c3db02069434142a8332cf9c182cda551adedf3156","affectsGlobalScope":true,"impliedFormat":1},{"version":"d63dba625b108316a40c95a4425f8d4294e0deeccfd6c7e59d819efa19e23409","affectsGlobalScope":true,"impliedFormat":1},{"version":"0568d6befee03dd435bed4fc25c4e46865b24bdcb8c563fdc21f580a2c301904","affectsGlobalScope":true,"impliedFormat":1},{"version":"30d62269b05b584741f19a5369852d5d34895aa2ac4fd948956f886d15f9cc0d","affectsGlobalScope":true,"impliedFormat":1},{"version":"f128dae7c44d8f35ee42e0a437000a57c9f06cc04f8b4fb42eebf44954d53dc8","affectsGlobalScope":true,"impliedFormat":1},{"version":"ffbe6d7b295306b2ba88030f65b74c107d8d99bdcf596ea99c62a02f606108b0","affectsGlobalScope":true,"impliedFormat":1},{"version":"996fb27b15277369c68a4ba46ed138b4e9e839a02fb4ec756f7997629242fd9f","affectsGlobalScope":true,"impliedFormat":1},{"version":"79b712591b270d4778c89706ca2cfc56ddb8c3f895840e477388f1710dc5eda9","affectsGlobalScope":true,"impliedFormat":1},{"version":"20884846cef428b992b9bd032e70a4ef88e349263f63aeddf04dda837a7dba26","affectsGlobalScope":true,"impliedFormat":1},{"version":"5fcab789c73a97cd43828ee3cc94a61264cf24d4c44472ce64ced0e0f148bdb2","affectsGlobalScope":true,"impliedFormat":1},{"version":"db59a81f070c1880ad645b2c0275022baa6a0c4f0acdc58d29d349c6efcf0903","affectsGlobalScope":true,"impliedFormat":1},{"version":"673294292640f5722b700e7d814e17aaf7d93f83a48a2c9b38f33cbc940ad8b0","affectsGlobalScope":true,"impliedFormat":1},{"version":"d786b48f934cbca483b3c6d0a798cb43bbb4ada283e76fb22c28e53ae05b9e69","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ecb8e347cb6b2a8927c09b86263663289418df375f5e68e11a0ae683776978f","affectsGlobalScope":true,"impliedFormat":1},{"version":"142efd4ce210576f777dc34df121777be89eda476942d6d6663b03dcb53be3ff","affectsGlobalScope":true,"impliedFormat":1},{"version":"379bc41580c2d774f82e828c70308f24a005b490c25ba34d679d84bcf05c3d9d","affectsGlobalScope":true,"impliedFormat":1},{"version":"ed484fb2aa8a1a23d0277056ec3336e0a0b52f9b8d6a961f338a642faf43235d","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ffedae1d1c2d53fdbca1c96d3c7dda544281f7d262f99b6880634f8fd8d9820","affectsGlobalScope":true,"impliedFormat":1},{"version":"83a730b125d477dd264df8ba479afab27a3dae7152b005c214ab94dc7ee44fd3","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ce14b81c5cc821994aa8ec1d42b220dd41b27fcc06373bce3958af7421b77d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3a048b3e9302ef9a34ef4ebb9aecfb28b66abb3bce577206a79fee559c230da","affectsGlobalScope":true,"impliedFormat":1},{"version":"a6a5253138c5432c68a1510c70fe78a644fe2e632111ba778e1978010d6edfec","impliedFormat":1},{"version":"b8f34dd1757f68e03262b1ca3ddfa668a855b872f8bdd5224d6f993a7b37dc2c","impliedFormat":99},{"version":"7e29f41b158de217f94cb9676bf9cbd0cd9b5a46e1985141ed36e075c52bf6ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac51dd7d31333793807a6abaa5ae168512b6131bd41d9c5b98477fc3b7800f9f","impliedFormat":1},{"version":"dc782ff85b2cb10075ecffc158af7bfb27ff97bf8491c917efea0c3d622d5ac4","impliedFormat":1},{"version":"b838d4c72740eb0afd284bf7575b74c624b105eff2e8c7b4aeead57e7ac320ff","impliedFormat":1},{"version":"5d49d345e0842e7ad243b94e51d1123238c5172bf7a979a8dc9ab6ce8f517180","signature":"10eb7a615bd5db445b38503914505987270bb1a79340c91aa032598f22682020"},{"version":"d6e4ea4dbf459a113515d4607757557ca61ec73e916595f7860c59140077d0d0","signature":"f95b65f554fc67538fedac0128db3c22ea653a857c535f1a1e44e2c56648a15c"},{"version":"1dfdec0ec9c299625d20c5cb8f96e2a801c81d91669c6245f520e8734a92fb3d","impliedFormat":1},{"version":"55718a147877c260e5b41a5d912a22d587c274ae8df9e5da9ab5fd10cee51800","signature":"0cfe7a72bee53b2ffb6de9395f7c831c7a9a0539d39abfe8a41a66626fff8271"},{"version":"babd89833d98e49d5b3a5d91bb7becfe85dc5bcce080c9613670ffc8c5d240e0","signature":"611959103bbf4ea52440454eb76b8540b52157d2fa41dbe95d0475f1a692e9cc"},{"version":"9aa5eec8ff904b8ebf0a7938ca97ff3d49e1c4a0180bcf3dc26d0a7cbd407ec4","signature":"fd12045af3fa6841c3c7b27154c60428f27b2b10094669560b3ffe67356b1632"},"454bdfc8142af311d6054a873c0c5ab1b63a3ad5eabcce7ae377ae95bc37ffe3",{"version":"e189c888bd6ef8d63fd785af7948dad3c8d1b211a9847fdf03a86f3499a5e8ca","signature":"2ab8e4382c1f3e9ad820f6b9d8f3889b4508e67b4169ab64cdd80e3639cd3ea5"},{"version":"a678a57da087f7a9dcfdc3f3f012ae077cd79cf4360ea1a9e252ceb854777670","signature":"49c9eef61196b8e3abda71ad6e2a9f80c3a7604add04677b4ad4c7f1a1cb831c"},"98b6d0fec798e1bb2d52190f7bba01b59735482115f278f2c49fe29dcbdd66af",{"version":"0b4941507e01f823e46fb29722af7a0c61a74b735fbb2d6434bb1e0ab1c9ac0b","signature":"85a7d1bdaa8e52b2f504484706f2450fc51ba1fea19d176023570abbe51fe1dc"},{"version":"ca29b5c9d881e60c357d8cda76415f717fae509595d501d396522a313f834249","signature":"9dbf60084fc12a005a4daa88197423c8ff6a99dad453e0ff605348fcb58860a7"},"446705aa1a4f27825b40e3a11e79cbc5bd828f3b0319c7955b82d4f8a47beb75",{"version":"50c76e901fd8e9aaa0b6c98410a3979ca6ba8f54402802a1cfe95d4865abbe1b","impliedFormat":1},{"version":"f58ec7542606012327bbdf9fd53f97cc326652a8c02dafbc8e37bb6095813f25","signature":"849748c06e3c7ebef208f3d216c40e0711ee652edd2594e880fa4d75503bccf5"},{"version":"708db6b47b90e56189c37cf7cd0d8fe6da02df7b54ff5114eca9fe9221e0c73c","signature":"e71c8951cafffc0da12034ffb64cbf991825e7c9e4b63cb93d39fc3c4782eb4f"},{"version":"1b51f9b0ab42a6dc7994e2fb21bbea4328f94115ce018b63e3615397a913159a","signature":"7b8b72953be0af45f3c01759dd2e9d4181f909ff7750a207147b436ba01efd08","affectsGlobalScope":true}],"root":[96,97,104,[106,108],112],"options":{"allowJs":true,"declaration":false,"emitDeclarationOnly":false,"esModuleInterop":true,"importHelpers":true,"inlineSources":true,"jsx":4,"module":99,"noEmitHelpers":true,"outDir":"./","skipLibCheck":true,"sourceMap":true,"strict":true,"target":7},"referencedMap":[[94,1],[95,2],[91,3],[96,4],[104,5],[97,6],[107,7],[108,8],[106,4],[112,9],[100,10],[102,11],[101,12],[99,13],[105,5],[103,14],[111,15],[110,16]],"semanticDiagnosticsPerFile":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112],"version":"6.0.3"}
|
package/build/search-index.json
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
"href": "/components/button",
|
|
40
|
-
"content": "import React from \"react\"; export const buttonVariants = [\"default\", \"primary\", \"fill\", \"ghost\"]; Button Buttons are interactive elements used for navigation, form submission, and triggering actions. They can render as either <button> or <a> elements depending on their purpose. Basic Usage Default Button Element Types The ` component can render as either <a> or <button> elements. Use the appropriate element based on function: - <a> - for navigation (linking to pages or sections) - <button> - for actions (form submission, controlling UI, etc.) Button Element Anchor Element Spacing and Layout Buttons include built-in right and bottom margins for proper spacing in horizontal and vertical flows. For complex button layouts that may wrap to multiple lines, use the Buttons component. <p>Buttons flow naturally with text and maintain proper spacing.</p> Button 1 Button 2 <p>This paragraph maintains proper spacing from the buttons above.</p> Single button Use Buttons component for wrapping <p> {\"When buttons might break into multiple lines, wrap them using the\"}{\" \"} <a href=\"/components/buttons\">Buttons component</a> {\" for better vertical\"} {\"spacing.\"} </p> Variants Buttons support different visual variants to convey hierarchy and meaning. {buttonVariants.map((variant) => { const variantName = variant.charAt(0).toUpperCase() + variant.slice(1); return ( <h3 className=\"bold\">{variantName}</h3> {variantName} {variantName} active {variantName} disabled </React.Fragment> ); })} </React.Fragment> Sizes Buttons are available in three sizes: small, default (medium), and large. Small Default Large Square Buttons Square buttons maintain equal width and height regardless of content. They are primarily used for icon-only buttons. {\"A\"} A {\"A\"} <br /> {\"Overflow\"} Overflow {\"Overflow\"} Icon Buttons Use IconButton for buttons that include icons alongside or instead of text. Icon Only For icon-only buttons, use the isSquare prop and provide accessible text as children (rendered as visually hidden). {\"Settings\"} {\"Settings\"} {\"Settings\"} <br /> {\"Settings\"} {\"Settings\"} {\"Settings\"} Icon with Text Icons can be positioned to the left (default) or right of button text using the iconPosition prop. {\"Add Item\"} {\"Add Item\"} {\"Add Item\"} <br /> {\"Select Option\"} {\"Select Option\"} {\"Select Option\"} <br /> {\"Next\"} {\"Next\"} {\"Next\"} Accessibility Semantic Elements Choose the correct HTML element based on function: - <a> - for navigation (takes users to a different page or section) - <button> - for actions (form submission, UI controls, etc.) - <button type=\"submit\"> - for form submission buttons Color Contrast Note: Buttons do not meet Success Criterion 1.4.3: Contrast (Minimum) due to insufficient contrast between white and orange brand colors. While Technique G145 suggests increasing font size to meet contrast requirements, a business decision has been made to maintain current aesthetics. Disabled States Avoid using disabled buttons, especially for form submissions. Disabled buttons are not keyboard focusable and cannot be announced by screen readers. Instead: - Use aria-disabled=\"true\" to maintain focusability - Allow form submission and provide clear validation feedback - Help users understand what needs to be fixed Icon Accessibility When using icon-only buttons, ensure accessible text is provided through: - Descriptive text as children (rendered as visually hidden for IconButton) - aria-label attribute on the button element - alt attribute on the icon (if applicable) Additional Resources - When Is A Button Not A Button? - Anchors, Buttons, And Accessibility API React Props Button | Prop | Type | Default | Description | | --------------- | --------------------------------- | ----------- | ------------------------------------------- | | type | \"primary\" \\| \"fill\" \\| \"ghost\" | \"default\" | Button variant style | | size | \"small\" \\| \"large\" | - | Button size (default is medium) | | isSquare | boolean | - | Make button square (equal width and height) | | isActive | boolean | - | Apply active state styling | | isDisabled | boolean | - | Disable the button | | htmlType | \"button\" \\| \"submit\" \\| \"reset\" | \"button\" | HTML button type attribute | | href | string | - | If provided, renders as anchor element | | preserveWidth | boolean | - | Preserve button width when content changes | | className | string | - | Additional CSS classes | | elemRef | Ref | - | Forwarded ref for the button/anchor element | | children | React.ReactNode | - | Button content | The component also accepts all standard HTML button or anchor attributes depending on whether href is provided. IconButton | Prop | Type | Default | Description | | --------------- | -------------------- | -------- | --------------------------------------------------------- | | iconName | string | - | Required. Name of the icon to display | | iconPosition | \"left\" \\| \"right\" | \"left\" | Position of icon relative to text | | iconClassName | string | - | Additional CSS classes for the icon | | size | \"small\" \\| \"large\" | - | Button
|
|
40
|
+
"content": "import React from \"react\"; export const buttonVariants = [\"default\", \"primary\", \"fill\", \"ghost\"]; Button Buttons are interactive elements used for navigation, form submission, and triggering actions. They can render as either <button> or <a> elements depending on their purpose. Basic Usage Default Button Element Types The ` component can render as either <a> or <button> elements. Use the appropriate element based on function: - <a> - for navigation (linking to pages or sections) - <button> - for actions (form submission, controlling UI, etc.) Button Element Anchor Element Spacing and Layout Buttons include built-in right and bottom margins for proper spacing in horizontal and vertical flows. For complex button layouts that may wrap to multiple lines, use the Buttons component. <p>Buttons flow naturally with text and maintain proper spacing.</p> Button 1 Button 2 <p>This paragraph maintains proper spacing from the buttons above.</p> Single button Use Buttons component for wrapping <p> {\"When buttons might break into multiple lines, wrap them using the\"}{\" \"} <a href=\"/components/buttons\">Buttons component</a> {\" for better vertical\"} {\"spacing.\"} </p> Variants Buttons support different visual variants to convey hierarchy and meaning. {buttonVariants.map((variant) => { const variantName = variant.charAt(0).toUpperCase() + variant.slice(1); return ( <h3 className=\"bold\">{variantName}</h3> {variantName} {variantName} active {variantName} disabled </React.Fragment> ); })} </React.Fragment> Sizes Buttons are available in three sizes: small, default (medium), and large. Small Default Large Square Buttons Square buttons maintain equal width and height regardless of content. They are primarily used for icon-only buttons. {\"A\"} A {\"A\"} <br /> {\"Overflow\"} Overflow {\"Overflow\"} Icon Buttons Use IconButton for buttons that include icons alongside or instead of text. Icon Only For icon-only buttons, use the isSquare prop and provide accessible text as children (rendered as visually hidden). {\"Settings\"} {\"Settings\"} {\"Settings\"} <br /> {\"Settings\"} {\"Settings\"} {\"Settings\"} Icon with Text Icons can be positioned to the left (default) or right of button text using the iconPosition prop. {\"Add Item\"} {\"Add Item\"} {\"Add Item\"} <br /> {\"Select Option\"} {\"Select Option\"} {\"Select Option\"} <br /> {\"Next\"} {\"Next\"} {\"Next\"} Accessibility Semantic Elements Choose the correct HTML element based on function: - <a> - for navigation (takes users to a different page or section) - <button> - for actions (form submission, UI controls, etc.) - <button type=\"submit\"> - for form submission buttons Color Contrast Note: Buttons do not meet Success Criterion 1.4.3: Contrast (Minimum) due to insufficient contrast between white and orange brand colors. While Technique G145 suggests increasing font size to meet contrast requirements, a business decision has been made to maintain current aesthetics. Disabled States Avoid using disabled buttons, especially for form submissions. Disabled buttons are not keyboard focusable and cannot be announced by screen readers. Instead: - Use aria-disabled=\"true\" to maintain focusability - Allow form submission and provide clear validation feedback - Help users understand what needs to be fixed Icon Accessibility When using icon-only buttons, ensure accessible text is provided through: - Descriptive text as children (rendered as visually hidden for IconButton) - aria-label attribute on the button element - alt attribute on the icon (if applicable) Additional Resources - When Is A Button Not A Button? - Anchors, Buttons, And Accessibility API React Props Button | Prop | Type | Default | Description | | --------------- | --------------------------------- | ----------- | ------------------------------------------- | | type | \"primary\" \\| \"fill\" \\| \"ghost\" | \"default\" | Button variant style | | size | \"small\" \\| \"large\" | - | Button size (default is medium) | | isSquare | boolean | - | Make button square (equal width and height) | | isActive | boolean | - | Apply active state styling | | isDisabled | boolean | - | Disable the button | | htmlType | \"button\" \\| \"submit\" \\| \"reset\" | \"button\" | HTML button type attribute | | href | string | - | If provided, renders as anchor element | | preserveWidth | boolean | - | Preserve button width when content changes | | className | string | - | Additional CSS classes | | elemRef | Ref | - | Forwarded ref for the button/anchor element | | children | React.ReactNode | - | Button content | The component also accepts all standard HTML button or anchor attributes depending on whether href is provided. IconButton | Prop | Type | Default | Description | | --------------- | -------------------- | -------- | --------------------------------------------------------- | | iconName | string | - | Required. Name of the icon to display | | iconPosition | \"left\" \\| \"right\" | \"left\" | Position of icon relative to text | | iconClassName | string | - | Additional CSS classes for the icon | | size | \"small\" \\| \"large\" | - | Button size. Icon is 16px for small, 24px otherwise | | isSquare | boolean | - | Make button square (children rendered as visually hidden) | | children | React.ReactNode` | - | Button text content | Component Aliases For convenience, the following aliases are available:"
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
"href": "/components/buttons",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
"href": "/components/card",
|
|
48
|
-
"content": "export const GrayPreview = (props) => ( ); export const DefaultSection = ({ title = \"Section\", content = \"Content\", ...props }) => ( <h3 className=\"bold\">{title}</h3> <p>{content}</p> ); Card A card serves as an entry point to more detailed information. Cards can contain rich content such as photos, text, links, lists, and tables. Cards should be used on non-primary backgrounds (such as background-secondary or other colored backgrounds) to stand out from the page content. Basic Example <h2 className=\"bold\">Card with one section</h2> <p>Content can be whatever you choose it to be</p> Background Colors You can customize the background color of cards and sections using the color prop: - On individual CardSection components (preferred) - for specific section styling - On the entire Card component - to set a default color for all sections The default card color is background-primary (white), and sections inherit their parent card's color unless overridden. Available Colors - Background colors: background-primary, background-secondary, background-contrast, background-accent, background-accent1-blog, background-accent2-blog - Fill colors: fill-subtle, fill-accent1, fill-accent2, fill-accent3, fill-accent4, fill-accent5 <h4 className=\"bold\">Secondary Background</h4> <p>Using background-secondary color</p> <h4 className=\"bold\">Accent Fill</h4> <p>Using fill-accent2 color</p> <h4 className=\"bold\">Subtle Fill</h4> <p>Using fill-subtle color</p> <h2 className=\"h4 bold\">Contrast section</h2> {[1, 2].map((i) => ( ))} <h2 className=\"h4 bold\">Contrast card</h2> {[1, 2, 3].map((i) => ( ))} Borders By default, cards have a subtle border. You can remove this border using the noBorder prop. This is useful when you want the card to seamlessly blend with its background or when using cards in certain layout compositions. <h3 className=\"bold\">Default Card</h3> <p>This card has the default border styling</p> <h3 className=\"bold\">No Border Card</h3> <p>This card has no border using the noBorder prop</p> Flexible Height In flex layouts, card sections can expand to fill available space using the isFilling prop. This is useful when you need cards of equal height in a grid layout. <h2 className=\"bold\">Filling good</h2> <p>Adjusting by filling the space</p> <h2 className=\"bold\">Filling good</h2> <p>Adjusting by filling the space</p> <h2 className=\"bold\">I fill for you</h2> <h2 className=\"bold\">I don't fill good</h2> <p>Someone turned my fillings off</p> <h2 className=\"bold\">Tall helper card</h2> <p> {This card is here just to stretch the vertical space and force the other cards to fill their remaining space.} </p> <p> {Ipsum consequat esse eu ullamco deserunt veniam exercitation officia. In eu voluptate Lorem ut nisi veniam nulla Lorem ipsum. Enim excepteur adipisicing esse id est. Deserunt adipisicing excepteur sunt occaecat consectetur dolor deserunt excepteur ut enim ullamco Lorem. Enim aliquip laboris sint consequat culpa tempor exercitation. Laborum labore amet do ullamco excepteur anim tempor pariatur pariatur.} </p> Product Header Use CardProductHeader to create cards that showcase products or services with images. The header displays product information alongside a visual element. The CardProductHeader component supports a space=\"small\" prop for more compact layouts when needed. }> <p className=\"bold text-accent\">Recommended</p> <p className=\"h4 mb-none bold text-nowrap d-inline-flex align-items-center\"> {\"Premium Plan\"} {\"\\u00A0\\u00A0\"} 5G </p> <p className=\"h2 text-accent mb-none\">200 GB</p> <p>Get 200 GB at full speed, then 20 Mbit/s</p> <p className=\"h2 mb-none\"> {\"46.13 \"} <span className=\"large bold\">€/month</span> </p> <p className=\"text-secondary\">24-month contract</p> {\"Check Availability\"} Learn More }> <p className=\"bold text-accent\">Popular</p> <p className=\"h4 mb-none bold text-nowrap\">Premium Internet</p> <p className=\"h2 text-accent mb-none\">500 Mbit/s</p> <p className=\"mb-none\">100 Mbit/s upload</p> <p>High-speed internet for your home or office</p> <p className=\"h2 mb-none\"> {\"39.99 \"} <span className=\"large bold\">€/month</span> </p> <p className=\"text-secondary\">12-month contract</p> {\"Check Availability\"} Learn More Custom Headers For custom header styling beyond product cards, use CardSection with the color prop to create header-like sections: <h3 className=\"bold\">Main Content</h3> <p>Regular content below the header section.</p> <h3 className=\"bold\">Main Content</h3> <p>Regular content below the header section.</p> <h3 className=\"bold\">Main Content</h3> <p>Regular content below the header section.</p> Dividers Use the Divider component between card sections to create visual separation. Dividers can be used with or without icons. <h2 className=\"bold\">Section with Dividers</h2> <p>First section content</p> <h3 className=\"bold\">Second Section</h3> <p>Content separated by a divider</p> <h3 className=\"bold\">Third Section</h3> <p>Content separated by a divider with icon</p> Images in Cards Images can be placed either inside card sections or directly in the card to fill its full width. export const PlaceholderImage = ({ title, ...props }) => ( ); <h3 className=\"bold\">Image Inside Section</h3> <p>Image is contained within the section padding</p> <h3 className=\"bold\">Full Width Image</h3> <p>Image fills the entire card width without padding</p> Advanced Examples Cards with Icons and Mixed Colors {\"New\"} <h3 className=\"bold\">Large Plan</h3> <p>Call, text, and use data conveniently with credit.</p> Check Availability Learn More {\"Featured\"} <h3 className=\"bold\">Premium Plan</h3> <p>Enhanced service with additional benefits and features.</p> Check Availability Learn More Compact Sections Use the space=\"small\" prop on CardSection for more compact layouts. {\"Compact header with small spacing\"} <h3 className=\"bold\">Main content</h3> <p>Regular content below the compact header section.</p> Accessibility The Card component is purely presentational and carries no semantic meaning. When using cards: - Use proper heading hierarchy within CardSection components - Ensure sufficient color contrast when using custom background colors - Include appropriate alt text for images in product headers - Consider keyboard navigation if cards contain interactive elements API React Props Card | Prop | Type | Default | Description | | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | ------------------------------------- | | color | \"background-primary\" \\| \"background-secondary\" \\| \"background-contrast\" \\| \"background-accent\" \\| \"background-accent1-blog\" \\| \"background-accent2-blog\" \\| \"fill-subtle\" \\| \"fill-accent1\" \\| \"fill-accent2\" \\| \"fill-accent3\" \\| \"fill-accent4\" \\| \"fill-accent5\" | \"background-primary\" | Custom background color | | noBorder | boolean | - | Remove the default border | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Card content (CardSection components) | CardSection | Prop | Type | Default | Description | | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ---------------------------------------- | | color | \"background-primary\" \\| \"background-secondary\" \\| \"background-contrast\" \\| \"background-accent\" \\| \"background-accent1-blog\" \\| \"background-accent2-blog\" \\| \"fill-subtle\" \\| \"fill-accent1\" \\| \"fill-accent2\" \\| \"fill-accent3\" \\| \"fill-accent4\" \\| \"fill-accent5\" | - | Custom background color for this section | | isFilling | boolean | - | Fill available space using flexbox | | space | \"small\" | - | Use small spacing variant | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Section content | CardProductHeader | Prop | Type | Default | Description | | ----------- | ----------------- | ------- | ----------------------------------- | | image | React.ReactNode | - | Image element or content to display | | space | \"small\" | - | Use small spacing variant | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Header content/text |"
|
|
48
|
+
"content": "export const GrayPreview = (props) => ( ); export const DefaultSection = ({ title = \"Section\", content = \"Content\", ...props }) => ( <h3 className=\"bold\">{title}</h3> <p>{content}</p> ); Card A card serves as an entry point to more detailed information. Cards can contain rich content such as photos, text, links, lists, and tables. Cards should be used on non-primary backgrounds (such as background-secondary or other colored backgrounds) to stand out from the page content. Basic Example <h2 className=\"bold\">Card with one section</h2> <p>Content can be whatever you choose it to be</p> Background Colors You can customize the background color of cards and sections using the color prop: - On individual CardSection components (preferred) - for specific section styling - On the entire Card component - to set a default color for all sections The default card color is background-primary (white), and sections inherit their parent card's color unless overridden. Available Colors - Background colors: background-primary, background-secondary, background-contrast, background-accent, background-accent1-blog, background-accent2-blog - Fill colors: fill-subtle, fill-accent1, fill-accent2, fill-accent3, fill-accent4, fill-accent5 <h4 className=\"bold\">Secondary Background</h4> <p>Using background-secondary color</p> <h4 className=\"bold\">Accent Fill</h4> <p>Using fill-accent2 color</p> <h4 className=\"bold\">Subtle Fill</h4> <p>Using fill-subtle color</p> <h2 className=\"h4 bold\">Contrast section</h2> {[1, 2].map((i) => ( ))} <h2 className=\"h4 bold\">Contrast card</h2> {[1, 2, 3].map((i) => ( ))} Borders By default, cards have a subtle border. You can remove this border using the noBorder prop. This is useful when you want the card to seamlessly blend with its background or when using cards in certain layout compositions. <h3 className=\"bold\">Default Card</h3> <p>This card has the default border styling</p> <h3 className=\"bold\">No Border Card</h3> <p>This card has no border using the noBorder prop</p> Flexible Height In flex layouts, card sections can expand to fill available space using the isFilling prop. This is useful when you need cards of equal height in a grid layout. <h2 className=\"bold\">Filling good</h2> <p>Adjusting by filling the space</p> <h2 className=\"bold\">Filling good</h2> <p>Adjusting by filling the space</p> <h2 className=\"bold\">I fill for you</h2> <h2 className=\"bold\">I don't fill good</h2> <p>Someone turned my fillings off</p> <h2 className=\"bold\">Tall helper card</h2> <p> {This card is here just to stretch the vertical space and force the other cards to fill their remaining space.} </p> <p> {Ipsum consequat esse eu ullamco deserunt veniam exercitation officia. In eu voluptate Lorem ut nisi veniam nulla Lorem ipsum. Enim excepteur adipisicing esse id est. Deserunt adipisicing excepteur sunt occaecat consectetur dolor deserunt excepteur ut enim ullamco Lorem. Enim aliquip laboris sint consequat culpa tempor exercitation. Laborum labore amet do ullamco excepteur anim tempor pariatur pariatur.} </p> Product Header Use CardProductHeader to create cards that showcase products or services with images. The header displays product information alongside a visual element. The CardProductHeader component supports a space=\"small\" prop for more compact layouts when needed. }> <p className=\"bold text-accent\">Label text</p> <p className=\"h4 mb-none bold text-nowrap d-inline-flex align-items-center\"> {\"Product name\"} {\"\\u00A0\\u00A0\"} Label </p> <p className=\"h2 text-accent mb-none\">USP</p> <p className=\"mb\"> {\"V paušále získate 200 GB plnou rýchlosťou, potom 20 Mbit/s\"} </p> <span> {\"Spolu za \"} <s>35 €/mes</s> {\"\\u00A0\"} {\"Look here for more information\"} </span> <p className=\"h2 mb-xsmall\"> {\"30.13 \"} <span className=\"large\">€/month</span> </p> <p className=\"caption bold mb-xsmall\">Cena za 1 linku</p> <p className=\"caption text-secondary\">Viazanosť 24 mesiacov</p> {\"Button\"} {\"Button\"} {\"Benefity\"} {\"Všetky\"} <span className=\"caption--small bold\">Benefit 1</span> <span className=\"caption--small bold\">Benefit 2</span> <span className=\"caption--small bold\">Benefit 3</span> <p className=\"h4 mb-none bold text-nowrap d-inline-flex align-items-center\"> {\"Product name\"} {\"\\u00A0\\u00A0\"} Label </p> <p className=\"h2 text-accent mb-none\">USP</p> <p className=\"mb\"> {\"V paušále získate 200 GB plnou rýchlosťou, potom 20 Mbit/s\"} </p> <span> {\"Spolu za \"} <s>35 €/mes</s> {\"\\u00A0\"} {\"Look here for more information\"} </span> <p className=\"h2 mb-xsmall\"> {\"30.13 \"} <span className=\"large\">€/month</span> </p> <p className=\"caption bold mb-xsmall\">Cena za 1 linku</p> <p className=\"caption text-secondary\">Viazanosť 24 mesiacov</p> {\"Button\"} {\"Button\"} {\"Benefity\"} {\"Všetky\"} <span className=\"caption--small bold\">Benefit 1</span> <span className=\"caption--small bold\">Benefit 2</span> <span className=\"caption--small bold\">Benefit 3</span> <p className=\"h4 mb-none bold text-nowrap d-inline-flex align-items-center\"> {\"Product name\"} {\"\\u00A0\\u00A0\"} Label </p> <p className=\"h2 mb-none\">USP</p> <span> {\"Spolu za \"} <s>35 €/mes</s> {\"\\u00A0\"} {\"Look here for more information\"} </span> <p className=\"h2 mb-xsmall\"> {\"30.13 \"} <span className=\"large\">€/month</span> </p> <p className=\"caption bold mb-xsmall\">Cena za 1 linku</p> <p className=\"caption text-secondary\">Viazanosť 24 mesiacov</p> {\"Button\"} {\"Button\"} <p> {Tento text popisuje funkciu produktu, jeho výhody a technické parametre.} </p> Custom Headers For custom header styling beyond product cards, use CardSection with the color prop to create header-like sections: <h3 className=\"bold\">Main Content</h3> <p>Regular content below the header section.</p> <h3 className=\"bold\">Main Content</h3> <p>Regular content below the header section.</p> <h3 className=\"bold\">Main Content</h3> <p>Regular content below the header section.</p> Dividers Use the Divider component between card sections to create visual separation. Dividers can be used with or without icons. <h2 className=\"bold\">Section with Dividers</h2> <p>First section content</p> <h3 className=\"bold\">Second Section</h3> <p>Content separated by a divider</p> <h3 className=\"bold\">Third Section</h3> <p>Content separated by a divider with icon</p> Images in Cards Images can be placed either inside card sections or directly in the card to fill its full width. export const PlaceholderImage = ({ title, ...props }) => ( ); <h3 className=\"bold\">Image Inside Section</h3> <p>Image is contained within the section padding</p> <h3 className=\"bold\">Full Width Image</h3> <p>Image fills the entire card width without padding</p> Advanced Examples Cards with Icons and Mixed Colors {\"New\"} <h3 className=\"bold\">Large Plan</h3> <p>Call, text, and use data conveniently with credit.</p> Check Availability Learn More {\"Featured\"} <h3 className=\"bold\">Premium Plan</h3> <p>Enhanced service with additional benefits and features.</p> Check Availability Learn More Compact Sections Use space=\"small\" for compact layouts or space=\"large\" for extra breathing room. Large spacing stays 30px on mobile and expands to 60px from lg up. {\"Compact header with small spacing\"} <h3 className=\"bold\">Main content</h3> <p>Regular content below the compact header section.</p> <h3 className=\"bold\">Large spacing</h3> <p> {Section padding stays 30px on mobile and increases to 60px on large screens.} </p> Accessibility The Card component is purely presentational and carries no semantic meaning. When using cards: - Use proper heading hierarchy within CardSection components - Ensure sufficient color contrast when using custom background colors - Include appropriate alt text for images in product headers - Consider keyboard navigation if cards contain interactive elements API React Props Card | Prop | Type | Default | Description | | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | ------------------------------------- | | color | \"background-primary\" \\| \"background-secondary\" \\| \"background-contrast\" \\| \"background-accent\" \\| \"background-accent1-blog\" \\| \"background-accent2-blog\" \\| \"fill-subtle\" \\| \"fill-accent1\" \\| \"fill-accent2\" \\| \"fill-accent3\" \\| \"fill-accent4\" \\| \"fill-accent5\" | \"background-primary\" | Custom background color | | noBorder | boolean | - | Remove the default border | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Card content (CardSection components) | CardSection | Prop | Type | Default | Description | | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ---------------------------------------------------------------- | | color | \"background-primary\" \\| \"background-secondary\" \\| \"background-contrast\" \\| \"background-accent\" \\| \"background-accent1-blog\" \\| \"background-accent2-blog\" \\| \"fill-subtle\" \\| \"fill-accent1\" \\| \"fill-accent2\" \\| \"fill-accent3\" \\| \"fill-accent4\" \\| \"fill-accent5\" | - | Custom background color for this section | | isFilling | boolean | - | Fill available space using flexbox | | space | \"small\" \\| \"large\" | - | Use small or responsive large spacing variant (60px from lg) | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Section content | CardProductHeader | Prop | Type | Default | Description | | ----------- | ----------------- | ------- | ----------------------------------- | | image | React.ReactNode | - | Image element or content to display | | space | \"small\" | - | Use small spacing variant | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Header content/text |"
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
51
|
"href": "/components/carousel",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
87
|
"href": "/components/feature-accordion",
|
|
88
|
-
"content": "FeatureAccordion Interactive accordion component with image support for showcasing featured products or services. Each item displays an image that changes based on which accordion panel is expanded. Only one item can be open at a time. <h3 className=\"bold\">
|
|
88
|
+
"content": "FeatureAccordion Interactive accordion component with image support for showcasing featured products or services. Each item displays an image that changes based on which accordion panel is expanded. Only one item can be open at a time. Content Guidelines - Preview images must use 4:3 aspect ratio. - Base desktop asset size is 640x480. - Provide higher-density variants using normal HTML srcset density descriptors, for example 1280x960 2x. - Main content title should be max 3 lines, roughly 84 characters. <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} Color Schemes FeatureAccordion adapts to different background colors. Use background-primary class when placing on gray backgrounds. <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} Responsive images with srcset Use imageSrcSet to provide multiple image resolutions for different screen densities. Keep same 4:3 ratio for all variants. <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} <h3 className=\"bold\"> {Lorem ipsum dolor sit amet, eam quas tacimates iudicabit te, at viderer nostrud usu.} </h3> {\"Button\"} Accessibility FeatureAccordion follows WAI-ARIA accordion pattern: - Each accordion item has proper ARIA attributes for screen readers - Keyboard navigation is supported (Tab to navigate, Enter/Space to toggle) - Images must include meaningful alt text via imageAlt prop - Use semantic headings within accordion content to maintain proper document structure For vanilla HTML implementations, render preview images directly in HTML. JavaScript switches already rendered images; it no longer generates missing preview markup. API React Props FeatureAccordion | Prop | Type | Default | Description | | ----------- | ----------------- | ------- | --------------------------------------------- | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Required. FeatureAccordionItem components | FeatureAccordionItem | Prop | Type | Default | Description | | ------------------- | ------------------ | ------- | ------------------------------------------------------------------ | | id | string | - | Required. Unique identifier for the item | | title | string | - | Required. Accordion item title | | imageUrl | string | - | Image URL | | imageAlt | string | - | Image alt text | | imageSrcSet | string | - | Image srcset for responsive images | | image | string \\| object | - | Responsive image object with breakpoint keys | | className | string | - | Additional CSS classes | | children | React.ReactNode | - | Required. Item content | Image priority: When multiple image props are provided, the component uses this priority: image > imageSrcSet + imageUrl > imageUrl Image spec: Desktop preview box is 640x480 (4:3). Use 1280x960 2x and higher 4:3 multipliers for sharper displays. Content limit: Main item title should stay within 3 lines, about 84 characters maximum. Vanilla HTML: In non-React environments, render preview images in final HTML with data-feature-accordion-image. Do not rely on JS to create them from item data attributes. JS module reference All elements with data-feature-accordion are initialized on window.DOMContentLoaded event. Custom initialization example: Default Config | Prop | Type | Default | Description | | ---------------- | -------- | ----------------------------------- | ----------------------------- | | bodiesSelector | string | \".accordion__body\" | Selector for accordion bodies | | buttonSelector | string | \"[data-feature-accordion-toggle]\" | Selector for toggle buttons | HTML / CSS Contract - Desktop layout switches at xl. - Desktop preview wrapper is fixed 640x480. - Accordion column fills remaining width. - Below xl, layout stacks and preview height becomes automatic. - Non-React HTML must include final preview image markup; JS only toggles visibility and active accordion state. FeatureAccordion Methods | Method | Type | Description | | --------- | ------ | ---------------------------------------------------------- | | destroy | func | Destroy the instance - removes all listeners | | update | func | Re-initialize the component (useful after content changes) |"
|
|
89
89
|
},
|
|
90
90
|
{
|
|
91
91
|
"href": "/components/footer",
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
},
|
|
262
262
|
{
|
|
263
263
|
"href": "/components/tag",
|
|
264
|
-
"content": "Tag Figma groups Tag into three showcases: Tag Interactive, Tag Action Button, and Tag Read Only. transparent is standalone color variant. Tag Interactive Buttons use onClick. Links use href. Button <div> {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} </div> Link <div> {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} </div> Tag Action Button Use actionButton for removable labels. <div> } > {\"Label\"} } > {\"Label\"} } > {\"Label\"} } > {\"Label\"} </div> Tag Read Only Sizes {\"Label\"} {\"Label\"} {\"Label\"} Brand colors {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} Semantic colors Info Warning Success Orange Accessibility - Use plain text tags only for non-interactive metadata - Use onClick when tag behaves like button - Use href when tag performs navigation - Always provide visible text that explains tag meaning - Always provide ariaLabel on TagButton - Check contrast when color communicates status API React Props | Name | Type | Default | Description | | -------------- | ------------------------------------ | ------- | -------------------------------------------------------------------------------------------------------------------------------------------- | | color | TagColor | - | Tag color. Options: \"black\", \"orange\", \"yellow\", \"green\", \"blue\", \"success\", \"info\", \"warning\", \"danger\", \"transparent\". | | size | \"small\" \\| \"large\" | - | Tag size. Omit prop for default medium size. | | isDisabled | boolean | false | Disables button state and adds aria-disabled for link, read-only, and action-button variants. | | className | string | - | Additional CSS classes. | | children | React.ReactNode | - | Visible tag label. | | actionButton | React.ReactElement | - | Action button rendered next to label, typically for remove or dismiss flows. | | onClick | React.MouseEventHandler | - | Makes tag render as <button>. | | href | string | - | Makes tag render as <a>. |"
|
|
264
|
+
"content": "Tag Figma groups Tag into three showcases: Tag Interactive, Tag Action Button, and Tag Read Only. transparent is standalone color variant. Tag Interactive Buttons use onClick. Links use href. Button <div> {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} </div> Link <div> {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} </div> Tag Action Button Use actionButton for removable labels. <div> } > {\"Label\"} } > {\"Label\"} } > {\"Label\"} } > {\"Label\"} </div> Tag Read Only Read-only tags, including colorful variants below, are informative only. They do not imply click behavior. If tag must support action or navigation, use interactive tag with onClick or href. Sizes {\"Label\"} {\"Label\"} {\"Label\"} Brand colors {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} {\"Label\"} Semantic colors Info Warning Success Orange Accessibility - Use plain text tags only for non-interactive metadata - Use colorful read-only tags for status or categorization only, not for click targets - Use onClick when tag behaves like button - Use href when tag performs navigation - If tag must be interactive, use interactive tag instead of relying on color to suggest action - Always provide visible text that explains tag meaning - Always provide ariaLabel on TagButton - Check contrast when color communicates status API React Props | Name | Type | Default | Description | | -------------- | ------------------------------------ | ------- | -------------------------------------------------------------------------------------------------------------------------------------------- | | color | TagColor | - | Tag color. Options: \"black\", \"orange\", \"yellow\", \"green\", \"blue\", \"success\", \"info\", \"warning\", \"danger\", \"transparent\". | | size | \"small\" \\| \"large\" | - | Tag size. Omit prop for default medium size. | | isDisabled | boolean | false | Disables button state and adds aria-disabled for link, read-only, and action-button variants. | | className | string | - | Additional CSS classes. | | children | React.ReactNode | - | Visible tag label. | | actionButton | React.ReactElement | - | Action button rendered next to label, typically for remove or dismiss flows. | | onClick | React.MouseEventHandler | - | Makes tag render as <button>. | | href | string | - | Makes tag render as <a>. |"
|
|
265
265
|
},
|
|
266
266
|
{
|
|
267
267
|
"href": "/components/testimonial",
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
},
|
|
270
270
|
{
|
|
271
271
|
"href": "/components/tile",
|
|
272
|
-
"content": "Tile Tile grid {Array.from({ length: 7 }).map((, index) => ( <h3 className=\"h5 bold\"> Default label </h3> ))} Tile row {Array.from({ length: 4 }).map((, index) => ( Default label ))} Action variant {Array.from({ length: 3 }).map((_, index) => ( Default label ))} API React Props | Name | Type | Default | Description | | ----------- | -------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------------- | | variant | \"compact\" \\| \"action\" | - | Compact reduces spacing, uses row layout on mobile and stacks from sm up. Action adds row layout and chevron. | | hAlign | \"center\" | - | Horizontal alignment of tile content. | | vAlign | \"center\" \\| \"end\" \\| \"space-between\" | - | Vertical alignment of tile content. | | children | React.ReactNode | - | Tile content. | | className | string | - | Additional CSS classes. |"
|
|
272
|
+
"content": "Tile Tile grid {Array.from({ length: 7 }).map((, index) => ( <h3 className=\"h5 bold\"> Default label </h3> ))} Tile row {Array.from({ length: 4 }).map((, index) => ( Default label ))} Action variant {Array.from({ length: 3 }).map((_, index) => ( Default label ))} Icon sizing in tiles When a tile contains a direct child Icon or Pictogram without a size prop, the tile applies its default responsive sizing automatically. If you set the size prop explicitly on that Icon or Pictogram, it overrides the tile sizing rules. - Omit the size prop on a direct child Icon or Pictogram to use the tile defaults. - Set the size prop on a direct child Icon or Pictogram to override the tile sizing. <span>Tile-controlled icon sizing</span> <span>Explicit pictogram size override</span> API React Props | Name | Type | Default | Description | | ----------- | -------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------------- | | variant | \"compact\" \\| \"action\" | - | Compact reduces spacing, uses row layout on mobile and stacks from sm up. Action adds row layout and chevron. | | hAlign | \"center\" | - | Horizontal alignment of tile content. | | vAlign | \"center\" \\| \"end\" \\| \"space-between\" | - | Vertical alignment of tile content. | | children | React.ReactNode | - | Tile content. | | className | string | - | Additional CSS classes. | Content rules - Direct child Icon and Pictogram elements without the size prop use tile-managed sizing. - Direct child Icon and Pictogram elements with the size prop keep their explicit size."
|
|
273
273
|
},
|
|
274
274
|
{
|
|
275
275
|
"href": "/components/tooltip",
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
},
|
|
386
386
|
{
|
|
387
387
|
"href": "/utilities/border",
|
|
388
|
-
"content": "Border <div className=\"card border\"> <div className=\"cardsection\">Default border.</div> </div> <div className=\"card border border
|
|
388
|
+
"content": "Border Use semantic .border- utility classes for border colors. Legacy color-name classes in .border--[color] format still exist as aliases, but new docs should use token-based names. <div className=\"card border\"> <div className=\"cardsection\">Default border.</div> </div> <div className=\"card border border-subtle\"> <div className=\"cardsection\"> Subtle border thanks to .border-subtle </div> </div> <div className=\"card border border-accent\"> <div className=\"cardsection\"> Accent border thanks to .border-accent </div> </div> <div className=\"card border border-subtle is-invalid\"> <div className=\"cardsection\">Combination of .border and .is-invalid</div> </div> Border color utilities Use these classes to apply border colors: - .border-subtle - Subtle border - .border-strong - Strong border - .border-contrast - High contrast border - .border-accent - Brand accent border - .border-information - Information border - .border-positive - Success border - .border-warning - Warning border - .border-negative - Error border <div className=\"border border-subtle p-4 mb-small\">Subtle border</div> <div className=\"border border-strong p-4 mb-small\">Strong border</div> <div className=\"border border-contrast p-4 mb-small\">Contrast border</div> <div className=\"border border-accent p-4 mb-small\">Accent border</div> <div className=\"border border-information p-4 mb-small\"> {\"Information border\"} </div> <div className=\"border border-positive p-4 mb-small\">Success border</div> <div className=\"border border-warning p-4 mb-small\">Warning border</div> <div className=\"border border-negative p-4\">Error border</div> Legacy aliases These legacy classes are kept for backward compatibility. Do not use them in new code. - .border--gray - Legacy alias for .border-subtle - .border--orange - Legacy alias for .border-accent - .border-hover - Legacy hover helper, works only with .border--gray - .is-indicating - Legacy hover helper, works only with .border--gray Border radius <div className=\"card border border-radius--medium\"> <div className=\"cardsection\"> Border has radius thanks to class .border-radius--medium </div> </div>"
|
|
389
389
|
},
|
|
390
390
|
{
|
|
391
391
|
"href": "/utilities/color",
|