npm - @descope/flow-components - Versions diffs - 2.0.38 → 2.0.40 - Mend

@descope/flow-components 2.0.38 → 2.0.40

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.

Files changed (157) hide show

package/dist/index.cjs.js +1 -93
package/dist/index.d.ts +2 -54
package/dist/index.esm.js +2 -92
package/package.json +8 -9
package/.eslintrc +0 -119
package/.github/actions/setup/action.yml +0 -42
package/.github/workflows/ci.yml +0 -105
package/.github/workflows/publish.yml +0 -41
package/.github/workflows/release.yml +0 -44
package/.husky/pre-commit +0 -1
package/.prettierrc +0 -8
package/.storybook/main.js +0 -23
package/.storybook/manager.js +0 -10
package/.storybook/preview-head.html +0 -29
package/.storybook/preview.js +0 -44
package/LICENSE +0 -21
package/babel.config.js +0 -7
package/jest.config.js +0 -33
package/jest.setup.js +0 -2
package/renovate.json +0 -4
package/rollup.config.mjs +0 -47
package/src/Boolean/Boolean.tsx +0 -24
package/src/Boolean/index.ts +0 -1
package/src/Button/Button.tsx +0 -49
package/src/Button/index.ts +0 -1
package/src/Checkbox/Checkbox.tsx +0 -16
package/src/Checkbox/index.ts +0 -1
package/src/Code/Code.tsx +0 -21
package/src/Code/index.ts +0 -1
package/src/Container/Container.tsx +0 -111
package/src/Container/index.ts +0 -1
package/src/CssVarImage/CssVarImage.tsx +0 -38
package/src/CssVarImage/index.ts +0 -1
package/src/Divider/Divider.tsx +0 -33
package/src/Divider/index.ts +0 -1
package/src/EmailField/EmailField.tsx +0 -20
package/src/EmailField/index.ts +0 -1
package/src/Image/Image.tsx +0 -32
package/src/Image/index.ts +0 -1
package/src/Input/Input.tsx +0 -27
package/src/Input/index.ts +0 -1
package/src/Link/Link.tsx +0 -33
package/src/Link/index.ts +0 -1
package/src/Loader/Loader.tsx +0 -40
package/src/Loader/index.ts +0 -1
package/src/Logo/Logo.tsx +0 -27
package/src/Logo/index.ts +0 -1
package/src/NewPassword/NewPassword.tsx +0 -25
package/src/NewPassword/index.ts +0 -1
package/src/NumberField/NumberField.tsx +0 -20
package/src/NumberField/index.ts +0 -1
package/src/Password/Password.tsx +0 -20
package/src/Password/index.ts +0 -1
package/src/Phone/Phone.tsx +0 -22
package/src/Phone/index.ts +0 -1
package/src/Select/Select.tsx +0 -29
package/src/Select/index.ts +0 -1
package/src/Switch/Switch.tsx +0 -21
package/src/Switch/index.ts +0 -1
package/src/TOTPImage/TOTPImage.tsx +0 -18
package/src/TOTPImage/index.ts +0 -1
package/src/TOTPLink/TOTPLink.tsx +0 -16
package/src/TOTPLink/index.ts +0 -1
package/src/Text/Text.tsx +0 -36
package/src/Text/index.ts +0 -1
package/src/TextField/TextField.tsx +0 -20
package/src/TextField/index.ts +0 -1
package/src/Textarea/Textarea.tsx +0 -20
package/src/Textarea/index.ts +0 -1
package/src/icons/apple.tsx +0 -14
package/src/icons/discord.tsx +0 -14
package/src/icons/facebook.tsx +0 -14
package/src/icons/fingerprint.tsx +0 -14
package/src/icons/github.tsx +0 -14
package/src/icons/gitlab.tsx +0 -41
package/src/icons/google.tsx +0 -29
package/src/icons/index.ts +0 -11
package/src/icons/input-hidden.tsx +0 -17
package/src/icons/input-visible.tsx +0 -17
package/src/icons/linkedin.tsx +0 -18
package/src/icons/microsoft.tsx +0 -41
package/src/icons/passkey.tsx +0 -16
package/src/icons/sso.tsx +0 -14
package/src/index.ts +0 -29
package/src/inputHelpers.ts +0 -41
package/src/themeToCssVars/constants.ts +0 -13
package/src/themeToCssVars/index.ts +0 -153
package/src/themeToCssVars/types.ts +0 -56
package/src/types.ts +0 -52
package/src/utils.tsx +0 -69
package/stories/Boolean.stories.jsx +0 -37
package/stories/Button.stories.jsx +0 -71
package/stories/Checkbox.stories.jsx +0 -29
package/stories/Code.stories.jsx +0 -60
package/stories/Container.stories.jsx +0 -53
package/stories/Divider.stories.jsx +0 -23
package/stories/EmailField.stories.jsx +0 -36
package/stories/Image.stories.jsx +0 -16
package/stories/Input.stories.jsx +0 -63
package/stories/Link.stories.jsx +0 -21
package/stories/Loader.stories.jsx +0 -34
package/stories/Logo.stories.jsx +0 -14
package/stories/NewPassword.stories.jsx +0 -52
package/stories/NumberField.stories.jsx +0 -35
package/stories/Password.stories.jsx +0 -37
package/stories/Phone.stories.jsx +0 -61
package/stories/Switch.stories.jsx +0 -29
package/stories/TOTPImage.stories.jsx +0 -22
package/stories/TOTPLink.stories.jsx +0 -20
package/stories/Text.stories.jsx +0 -35
package/stories/TextField.stories.jsx +0 -39
package/stories/Textarea.stories.jsx +0 -25
package/storybook-static/favicon.ico +0 -0
package/test/__snapshots__/boolean.test.tsx.snap +0 -47
package/test/__snapshots__/buttons.test.tsx.snap +0 -843
package/test/__snapshots__/checkbox.test.tsx.snap +0 -51
package/test/__snapshots__/code.test.tsx.snap +0 -1184
package/test/__snapshots__/container.test.tsx.snap +0 -218
package/test/__snapshots__/divider.test.tsx.snap +0 -73
package/test/__snapshots__/image.test.tsx.snap +0 -62
package/test/__snapshots__/input.test.tsx.snap +0 -80
package/test/__snapshots__/link.test.tsx.snap +0 -120
package/test/__snapshots__/loader.test.tsx.snap +0 -53
package/test/__snapshots__/logo.test.tsx.snap +0 -10
package/test/__snapshots__/newPassword.test.tsx.snap +0 -69
package/test/__snapshots__/numeric-input.test.tsx.snap +0 -21
package/test/__snapshots__/password.test.tsx.snap +0 -26
package/test/__snapshots__/phone.test.tsx.snap +0 -504
package/test/__snapshots__/switch.test.tsx.snap +0 -51
package/test/__snapshots__/text.test.tsx.snap +0 -89
package/test/__snapshots__/textarea.test.tsx.snap +0 -73
package/test/__snapshots__/themeToCssVars.test.ts.snap +0 -45
package/test/__snapshots__/totpImage.test.tsx.snap +0 -10
package/test/__snapshots__/totpLink.test.tsx.snap +0 -13
package/test/boolean.test.tsx +0 -28
package/test/buttons.test.tsx +0 -66
package/test/checkbox.test.tsx +0 -67
package/test/code.test.tsx +0 -182
package/test/container.test.tsx +0 -91
package/test/divider.test.tsx +0 -50
package/test/image.test.tsx +0 -40
package/test/input.test.tsx +0 -82
package/test/inputHelpers.test.tsx +0 -58
package/test/link.test.tsx +0 -71
package/test/loader.test.tsx +0 -25
package/test/logo.test.tsx +0 -10
package/test/newPassword.test.tsx +0 -132
package/test/numeric-input.test.tsx +0 -114
package/test/password.test.tsx +0 -55
package/test/phone.test.tsx +0 -158
package/test/switch.test.tsx +0 -67
package/test/text.test.tsx +0 -60
package/test/textarea.test.tsx +0 -64
package/test/themeToCssVars.test.ts +0 -82
package/test/totpImage.test.tsx +0 -10
package/test/totpLink.test.tsx +0 -10
package/tsconfig.json +0 -20

package/test/__snapshots__/buttons.test.tsx.snap DELETED Viewed

@@ -1,843 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Buttons Button icons rendered with apple color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="apple"
-      fill="#000000"
-      height="1.5em"
-      viewBox="0 0 800 1000"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with apple text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="apple"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="0 0 800 1000"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with discord color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="discord"
-      fill="#5566fb"
-      height="1.5em"
-      viewBox="0 0 256 200"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with discord text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="discord"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="0 0 256 200"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with facebook color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="facebook"
-      fill="#1877F2"
-      height="1.5em"
-      viewBox="5 5 20 20"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with facebook text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="facebook"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="5 5 20 20"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with fingerprint color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="fingerprint"
-      fill="#000000"
-      height="2em"
-      viewBox="0 0 29 30"
-      width="2em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with fingerprint text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="fingerprint"
-      fill="currentColor"
-      height="2em"
-      viewBox="0 0 29 30"
-      width="2em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with github color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="github"
-      fill="#000000"
-      height="1.5em"
-      viewBox="2.5 2.5 25 25"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with github text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="github"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="2.5 2.5 25 25"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with gitlab color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="gitlab"
-      fill=""
-      height="1.5em"
-      viewBox="0 0 256 236"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M128.075 236.075l47.104-144.97H80.97l47.104 144.97z"
-        fill="#E24329"
-      />
-      <path
-        d="M128.075 236.074L80.97 91.104H14.956l113.119 144.97z"
-        fill="#FC6D26"
-      />
-      <path
-        d="M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z"
-        fill="#FCA326"
-      />
-      <path
-        d="M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0l-28.37 87.315z"
-        fill="#E24329"
-      />
-      <path
-        d="M128.075 236.074l47.104-144.97h66.015l-113.12 144.97z"
-        fill="#FC6D26"
-      />
-      <path
-        d="M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z"
-        fill="#FCA326"
-      />
-      <path
-        d="M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z"
-        fill="#E24329"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with gitlab text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="gitlab"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="0 0 256 236"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M128.075 236.075l47.104-144.97H80.97l47.104 144.97z"
-        fill=""
-      />
-      <path
-        d="M128.075 236.074L80.97 91.104H14.956l113.119 144.97z"
-        fill=""
-      />
-      <path
-        d="M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z"
-        fill=""
-      />
-      <path
-        d="M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0l-28.37 87.315z"
-        fill=""
-      />
-      <path
-        d="M128.075 236.074l47.104-144.97h66.015l-113.12 144.97z"
-        fill=""
-      />
-      <path
-        d="M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z"
-        fill=""
-      />
-      <path
-        d="M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z"
-        fill=""
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with google color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="google"
-      fill=""
-      height="1.5em"
-      viewBox="3 3 24 24"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M24.577 15.2205C24.577 14.5622 24.5187 13.9371 24.4187 13.3287H15.0013V17.0874H20.3934C20.1517 18.3208 19.4433 19.3625 18.3932 20.0709V22.5711H21.6101C23.4936 20.8293 24.577 18.2624 24.577 15.2205Z"
-        fill="#0152E6"
-      />
-      <path
-        d="M14.9959 24.9999C17.6961 24.9999 19.9546 24.0999 21.6048 22.5748L18.3879 20.0746C17.4878 20.6746 16.346 21.0413 14.9959 21.0413C12.3874 21.0413 10.1789 19.2828 9.38717 16.9077H6.07025V19.4829C7.71204 22.7498 11.0873 24.9999 14.9959 24.9999Z"
-        fill="#34A853"
-      />
-      <path
-        d="M9.392 16.9086C9.18365 16.3086 9.07531 15.6669 9.07531 15.0002C9.07531 14.3334 9.19199 13.6917 9.392 13.0917V10.5165H6.07508C5.3917 11.8666 5 13.3834 5 15.0002C5 16.6169 5.3917 18.1337 6.07508 19.4838L9.392 16.9086Z"
-        fill="#FBBC05"
-      />
-      <path
-        d="M14.9959 8.95864C16.471 8.95864 17.7878 9.46701 18.8296 10.4588L21.6798 7.60853C19.9546 5.99174 17.6961 5 14.9959 5C11.0873 5 7.71204 7.25017 6.07025 10.5171L9.38717 13.0923C10.1789 10.7171 12.3874 8.95864 14.9959 8.95864Z"
-        fill="#EA4335"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with google text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="google"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="3 3 24 24"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M24.577 15.2205C24.577 14.5622 24.5187 13.9371 24.4187 13.3287H15.0013V17.0874H20.3934C20.1517 18.3208 19.4433 19.3625 18.3932 20.0709V22.5711H21.6101C23.4936 20.8293 24.577 18.2624 24.577 15.2205Z"
-        fill=""
-      />
-      <path
-        d="M14.9959 24.9999C17.6961 24.9999 19.9546 24.0999 21.6048 22.5748L18.3879 20.0746C17.4878 20.6746 16.346 21.0413 14.9959 21.0413C12.3874 21.0413 10.1789 19.2828 9.38717 16.9077H6.07025V19.4829C7.71204 22.7498 11.0873 24.9999 14.9959 24.9999Z"
-        fill=""
-      />
-      <path
-        d="M9.392 16.9086C9.18365 16.3086 9.07531 15.6669 9.07531 15.0002C9.07531 14.3334 9.19199 13.6917 9.392 13.0917V10.5165H6.07508C5.3917 11.8666 5 13.3834 5 15.0002C5 16.6169 5.3917 18.1337 6.07508 19.4838L9.392 16.9086Z"
-        fill=""
-      />
-      <path
-        d="M14.9959 8.95864C16.471 8.95864 17.7878 9.46701 18.8296 10.4588L21.6798 7.60853C19.9546 5.99174 17.6961 5 14.9959 5C11.0873 5 7.71204 7.25017 6.07025 10.5171L9.38717 13.0923C10.1789 10.7171 12.3874 8.95864 14.9959 8.95864Z"
-        fill=""
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with inputHidden color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      fill="#000000"
-      height="24"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z"
-        fill="black"
-        fill-opacity="0.54"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with inputHidden text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      fill="currentColor"
-      height="24"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z"
-        fill="black"
-        fill-opacity="0.54"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with inputVisible color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      fill="#000000"
-      height="24"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z"
-        fill="black"
-        fill-opacity="0.54"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with inputVisible text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      fill="currentColor"
-      height="24"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z"
-        fill="black"
-        fill-opacity="0.54"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with linkedin color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      ata-icon="linkedin"
-      fill="#2867B2"
-      height="1.5em"
-      viewBox="0 0 40 40"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        clip-rule="evenodd"
-        d="M37.1429 0H2.84821C1.27679 0 0 1.29464 0 2.88393V37.1161C0 38.7054 1.27679 40 2.84821 40H37.1429C38.7143 40 40 38.7054 40 37.1161V2.88393C40 1.29464 38.7143 0 37.1429 0ZM12.0893 34.2857H6.16071V15.1964H12.0982V34.2857H12.0893ZM9.125 12.5893C7.22321 12.5893 5.6875 11.0446 5.6875 9.15179C5.6875 7.25893 7.22321 5.71429 9.125 5.71429C11.0179 5.71429 12.5625 7.25893 12.5625 9.15179C12.5625 11.0536 11.0268 12.5893 9.125 12.5893V12.5893ZM34.3125 34.2857H28.3839V25C28.3839 22.7857 28.3393 19.9375 25.3036 19.9375C22.2143 19.9375 21.7411 22.3482 21.7411 24.8393V34.2857H15.8125V15.1964H21.5V17.8036H21.5804C22.375 16.3036 24.3125 14.7232 27.1964 14.7232C33.1964 14.7232 34.3125 18.6786 34.3125 23.8214V34.2857V34.2857Z"
-        fill-rule="evenodd"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with linkedin text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      ata-icon="linkedin"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="0 0 40 40"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        clip-rule="evenodd"
-        d="M37.1429 0H2.84821C1.27679 0 0 1.29464 0 2.88393V37.1161C0 38.7054 1.27679 40 2.84821 40H37.1429C38.7143 40 40 38.7054 40 37.1161V2.88393C40 1.29464 38.7143 0 37.1429 0ZM12.0893 34.2857H6.16071V15.1964H12.0982V34.2857H12.0893ZM9.125 12.5893C7.22321 12.5893 5.6875 11.0446 5.6875 9.15179C5.6875 7.25893 7.22321 5.71429 9.125 5.71429C11.0179 5.71429 12.5625 7.25893 12.5625 9.15179C12.5625 11.0536 11.0268 12.5893 9.125 12.5893V12.5893ZM34.3125 34.2857H28.3839V25C28.3839 22.7857 28.3393 19.9375 25.3036 19.9375C22.2143 19.9375 21.7411 22.3482 21.7411 24.8393V34.2857H15.8125V15.1964H21.5V17.8036H21.5804C22.375 16.3036 24.3125 14.7232 27.1964 14.7232C33.1964 14.7232 34.3125 18.6786 34.3125 23.8214V34.2857V34.2857Z"
-        fill-rule="evenodd"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with microsoft color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="microsoft"
-      fill=""
-      height="1.5em"
-      viewBox="3 3 24 24"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect
-        fill="#05A6F0"
-        height="9.28571"
-        width="9.28571"
-        x="5"
-        y="15.7143"
-      />
-      <rect
-        fill="#F35325"
-        height="9.28571"
-        width="9.28571"
-        x="5"
-        y="5"
-      />
-      <rect
-        fill="#FFBA08"
-        height="9.28571"
-        width="9.28571"
-        x="15.7143"
-        y="15.7143"
-      />
-      <rect
-        fill="#81BC06"
-        height="9.28571"
-        width="9.28571"
-        x="15.7143"
-        y="5"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with microsoft text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="microsoft"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="3 3 24 24"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect
-        fill=""
-        height="9.28571"
-        width="9.28571"
-        x="5"
-        y="15.7143"
-      />
-      <rect
-        fill=""
-        height="9.28571"
-        width="9.28571"
-        x="5"
-        y="5"
-      />
-      <rect
-        fill=""
-        height="9.28571"
-        width="9.28571"
-        x="15.7143"
-        y="15.7143"
-      />
-      <rect
-        fill=""
-        height="9.28571"
-        width="9.28571"
-        x="15.7143"
-        y="5"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with passkey color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="passkey"
-      fill="#000000"
-      height="2em"
-      viewBox="0 0 24 24"
-      width="2em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle
-        cx="10.5"
-        cy="6"
-        r="4.5"
-      />
-      <path
-        d="M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z"
-      />
-      <path
-        d="M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with passkey text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="passkey"
-      fill="currentColor"
-      height="2em"
-      viewBox="0 0 24 24"
-      width="2em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle
-        cx="10.5"
-        cy="6"
-        r="4.5"
-      />
-      <path
-        d="M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z"
-      />
-      <path
-        d="M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with sso color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="sso"
-      fill="#000000"
-      height="1.5em"
-      viewBox="50 30 410 450"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M56.629,379.2c-14.09,14.071-14.09,36.975,0,51.055  c14.08,14.087,36.981,14.087,50.965,0l10.177-10.08l42.438,42.428c7.257,7.268,18.888,7.268,26.155,0l63.244-63.244  c7.268-7.255,7.268-18.89,0-26.157l-42.429-42.427l75.586-75.682c16.174,8.357,34.61,13.075,54.059,13.075  c65.234,0,118.111-52.869,118.111-118.109c0-65.232-52.877-118.111-118.111-118.111c-65.238,0-118.11,52.879-118.11,118.111  c0,19.449,4.721,37.886,13.077,54.06L56.629,379.2z M291.396,150.059c0-25.075,20.354-45.429,45.427-45.429  c25.076,0,45.426,20.354,45.426,45.429s-20.35,45.426-45.426,45.426C311.751,195.485,291.396,175.133,291.396,150.059z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button icons rendered with sso text color icon 1`] = `
-<div>
-  <descope-button
-    mode="primary"
-    size="md"
-    variant="contained"
-  >
-    <svg
-      data-icon="sso"
-      fill="currentColor"
-      height="1.5em"
-      viewBox="50 30 410 450"
-      width="1.5em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M56.629,379.2c-14.09,14.071-14.09,36.975,0,51.055  c14.08,14.087,36.981,14.087,50.965,0l10.177-10.08l42.438,42.428c7.257,7.268,18.888,7.268,26.155,0l63.244-63.244  c7.268-7.255,7.268-18.89,0-26.157l-42.429-42.427l75.586-75.682c16.174,8.357,34.61,13.075,54.059,13.075  c65.234,0,118.111-52.869,118.111-118.109c0-65.232-52.877-118.111-118.111-118.111c-65.238,0-118.11,52.879-118.11,118.111  c0,19.449,4.721,37.886,13.077,54.06L56.629,379.2z M291.396,150.059c0-25.075,20.354-45.429,45.427-45.429  c25.076,0,45.426,20.354,45.426,45.429s-20.35,45.426-45.426,45.426C311.751,195.485,291.396,175.133,291.396,150.059z"
-      />
-    </svg>
-    Click
-  </descope-button>
-</div>
-`;
-exports[`Buttons Button rendered with custom props 1`] = `
-<descope-button
-  data-test-1="1"
-  data-test-2="2"
-  mode="primary"
-  size="md"
-  variant="contained"
->
-  Click
-</descope-button>
-`;
-exports[`Buttons Button rendered with default props 1`] = `
-<descope-button
-  mode="primary"
-  size="md"
-  variant="contained"
->
-  Click
-</descope-button>
-`;
-exports[`Buttons Button rendered with font size 1`] = `
-<descope-button
-  fontsize="9xl"
-  mode="primary"
-  size="md"
-  variant="contained"
->
-  Click
-</descope-button>
-`;
-exports[`Buttons Button rendered with glass 1`] = `
-<descope-button
-  glass="true"
-  mode="primary"
-  size="md"
-  variant="contained"
->
-  Click
-</descope-button>
-`;
-exports[`Buttons Button rendered with responsive 1`] = `
-<descope-button
-  mode="primary"
-  responsive="true"
-  size="md"
-  variant="contained"
->
-  Click
-</descope-button>
-`;
-exports[`Buttons Button rendered with responsive and size 1`] = `
-<descope-button
-  mode="primary"
-  responsive="true"
-  size="md"
-  variant="contained"
->
-  Click
-</descope-button>
-`;