@zenpatient-org/healthspan-marketing-ui 0.1.171 → 0.2.1

package/dist/components/Typography/typography.module.css

@@ -0,0 +1,602 @@
+.displayXl {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-display-xl);
+    letter-spacing: var(--letter-spacing-negative-xxl);
+}
+
+.displayLg {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-display-lg);
+}
+
+.displayMd {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-display-md);
+}
+
+.displaySm {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-display-sm);
+}
+
+.displayXs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-display-xs);
+}
+
+.headingXl {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-xl);
+}
+
+.headingLg {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-lg);
+}
+
+.headingMd {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    letter-spacing: var(--letter-spacing-negative-xl);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-md);
+}
+
+.headingSm {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-sm);
+    letter-spacing: var(--letter-spacing-negative-xl);
+}
+
+.headingXs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-xs);
+    letter-spacing: var(--letter-spacing-negative-lg);
+}
+
+.headingXxs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-xxs);
+    letter-spacing: var(--letter-spacing-negative-lg);
+}
+
+.preambleLg {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    letter-spacing: var(--letter-spacing-negative-lg);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-heading-lg);
+}
+
+.preambleMd {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    letter-spacing: var(--letter-spacing-negative-lg);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xxl);
+}
+
+.preambleSm {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    letter-spacing: var(--letter-spacing-negative-lg);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xl);
+}
+
+.bodyXl,
+.bodyLg,
+.bodyMd,
+.bodySm,
+.bodyXs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+}
+
+.bodyXl {
+    font-family: var(--font-default), sans-serif;
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-lg);
+    line-height: var(--line-height-xl);
+}
+
+.bodyLg {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-lg);
+}
+
+.bodyMd {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-md);
+}
+
+.bodySm {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-sm);
+    letter-spacing: var(--letter-spacing-negative-md);
+}
+
+.bodyXs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-lg);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xs);
+    letter-spacing: var(--letter-spacing-negative-sm);
+}
+
+.linkLg {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-lg);
+}
+
+.linkMd {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-md);
+}
+
+.linkSm {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-sm);
+}
+
+.linkXs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-sm);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xs);
+}
+
+.linkLg,
+.linkMd,
+.linkSm,
+.linkXs {
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+    text-decoration-skip-ink: none;
+    text-decoration-thickness: auto;
+    text-underline-offset: auto;
+}
+
+.labelXl {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-lg);
+}
+
+.labelLg {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-sm);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-md);
+}
+
+.labelMd {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-md);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-sm);
+}
+
+.labelSm {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-negative-sm);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xs);
+}
+
+.labelXs {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-null);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xxs);
+}
+
+.labelEmphasis {
+    font-family: var(--font-decorative), monospace;
+    text-transform: uppercase;
+    letter-spacing: var(--letter-spacing-xxl);
+}
+
+.labelEmphasis.labelXl,
+.labelEmphasis.labelLg {
+    letter-spacing: var(--letter-spacing-xl);
+}
+
+.weightRegular {
+    font-weight: var(--font-weight-regular);
+}
+
+.weightMedium {
+    font-weight: var(--font-weight-medium);
+}
+
+.leftAlign {
+    text-align: left;
+}
+
+.centerAlign {
+    text-align: center;
+}
+
+.rightAlign {
+    text-align: right;
+}
+
+@media (width <= 768px) {
+    .mobile__displayXl {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-display-xl);
+        letter-spacing: var(--letter-spacing-negative-xxl);
+    }
+
+    .mobile__displayLg {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-display-lg);
+    }
+
+    .mobile__displayMd {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-display-md);
+    }
+
+    .mobile__displaySm {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-display-sm);
+    }
+
+    .mobile__displayXs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-display-xs);
+    }
+
+    .mobile__headingXl {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-xl);
+    }
+
+    .mobile__headingLg {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-lg);
+    }
+
+    .mobile__headingMd {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        letter-spacing: var(--letter-spacing-negative-xl);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-md);
+    }
+
+    .mobile__headingSm {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-sm);
+        letter-spacing: var(--letter-spacing-negative-xl);
+    }
+
+    .mobile__headingXs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-xs);
+        letter-spacing: var(--letter-spacing-negative-lg);
+    }
+
+    .mobile__headingXxs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-xxs);
+        letter-spacing: var(--letter-spacing-negative-lg);
+    }
+
+    .mobile__preambleLg {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        letter-spacing: var(--letter-spacing-negative-lg);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-heading-lg);
+    }
+
+    .mobile__preambleMd {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        letter-spacing: var(--letter-spacing-negative-lg);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-xxl);
+    }
+
+    .mobile__preambleSm {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        letter-spacing: var(--letter-spacing-negative-lg);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-xl);
+    }
+
+    .mobile__bodyXl,
+    .mobile__bodyLg,
+    .mobile__bodyMd,
+    .mobile__bodySm,
+    .mobile__bodyXs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+    }
+
+    .mobile__bodyXl {
+        font-family: var(--font-default), sans-serif;
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-lg);
+        line-height: var(--line-height-xl);
+    }
+
+    .mobile__bodyLg {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-lg);
+    }
+
+    .mobile__bodyMd {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-md);
+    }
+
+    .mobile__bodySm {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-sm);
+        letter-spacing: var(--letter-spacing-negative-md);
+    }
+
+    .mobile__bodyXs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-lg);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-xs);
+        letter-spacing: var(--letter-spacing-negative-sm);
+    }
+
+    .mobile__linkLg {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-lg);
+    }
+
+    .mobile__linkMd {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-md);
+    }
+
+    .mobile__linkSm {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-sm);
+    }
+
+    .mobile__linkXs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-sm);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-xs);
+    }
+
+    .mobile__linkLg,
+    .mobile__linkMd,
+    .mobile__linkSm,
+    .mobile__linkXs {
+        text-decoration-line: underline;
+        text-decoration-style: solid;
+        text-decoration-skip-ink: none;
+        text-decoration-thickness: auto;
+        text-underline-offset: auto;
+    }
+
+    .mobile__labelXl {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-lg);
+    }
+
+    .mobile__labelLg {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-sm);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-md);
+    }
+
+    .mobile__labelMd {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-md);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-sm);
+    }
+
+    .mobile__labelSm {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-negative-sm);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-xs);
+    }
+
+    .mobile__labelXs {
+        font-family: var(--font-default), sans-serif;
+        line-height: var(--line-height-xs);
+        letter-spacing: var(--letter-spacing-null);
+        font-weight: var(--font-weight-regular);
+        font-style: normal;
+        font-size: var(--font-size-xxs);
+    }
+
+    .labelEmphasis {
+        font-family: var(--font-decorative), monospace;
+        text-transform: uppercase;
+        letter-spacing: var(--letter-spacing-xxl);
+    }
+
+    .labelEmphasis.mobile__labelXl,
+    .labelEmphasis.mobile__labelLg {
+        letter-spacing: var(--letter-spacing-xl);
+    }
+
+    .weightRegular {
+        font-weight: var(--font-weight-regular);
+    }
+
+    .weightMedium {
+        font-weight: var(--font-weight-medium);
+    }
+}
+

package/dist/fonts/SoehneMono/style.css

@@ -0,0 +1,15 @@
+@font-face {
+    font-family: 'Soehne Mono';
+    src: url('./soehne-mono-buch.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Soehne Mono';
+    src: url('./soehne-mono-buch-kursiv.woff2') format('woff2');
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}

package/dist/fonts/SuisseIntl/style.css

@@ -0,0 +1,23 @@
+@font-face {
+    font-family: 'Suisse Intl';
+    src: url('./SuisseIntl-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Suisse Intl';
+    src: url('./SuisseIntl-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Suisse Intl';
+    src: url('./SuisseIntl-Semibold.woff2') format('woff2');
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}

package/dist/fonts/index.css

@@ -0,0 +1,7 @@
+@import url('./SuisseIntl/style.css');
+@import url('./SoehneMono/style.css');
+
+:root {
+    --font-default: 'Suisse Intl', sans-serif;
+    --font-decorative: 'Soehne Mono', monospace;
+}

package/dist/icons/action/alert-error-fill.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Fill=On">
+<path id="error" d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>
+</g>
+</svg>

package/dist/icons/action/alert-error.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Fill=Off">
+<path id="error" d="M12 16.7308C12.2288 16.7308 12.4207 16.6533 12.5755 16.4985C12.7303 16.3437 12.8077 16.1518 12.8077 15.923C12.8077 15.6942 12.7303 15.5023 12.5755 15.3475C12.4207 15.1928 12.2288 15.1155 12 15.1155C11.7712 15.1155 11.5793 15.1928 11.4245 15.3475C11.2697 15.5023 11.1923 15.6942 11.1923 15.923C11.1923 16.1518 11.2697 16.3437 11.4245 16.4985C11.5793 16.6533 11.7712 16.7308 12 16.7308ZM11.25 13.077H12.75V7.077H11.25V13.077ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="currentColor"/>
+</g>
+</svg>

package/dist/icons/action/bracket-left.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="17" viewBox="0 0 6 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33355 0.524902H5.46755C4.01555 2.8789 3.22355 5.5189 3.22355 8.4669C3.22355 11.4369 4.01555 14.0989 5.46755 16.4749H3.33355C2.14555 14.5609 0.935547 11.8769 0.935547 8.4669C0.935547 5.0569 2.14555 2.4389 3.33355 0.524902Z" fill="currentColor"/>
+</svg>

package/dist/icons/action/bracket-right.svg

@@ -0,0 +1,3 @@
+<svg width="5" height="17" viewBox="0 0 5 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.60178 16.4749H0.467773C1.91977 14.0989 2.68977 11.4369 2.68977 8.4669C2.68977 5.5189 1.91977 2.8789 0.467773 0.524902H2.60178C3.78978 2.4389 4.99977 5.0569 4.99977 8.4669C4.99977 11.8769 3.78978 14.5609 2.60178 16.4749Z" fill="currentColor"/>
+</svg>

package/dist/icons/action/check.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/action/check">
+<path id="check" d="M9.55002 17.6537L4.21552 12.3192L5.28452 11.25L9.55002 15.5155L18.7155 6.34998L19.7845 7.41923L9.55002 17.6537Z" fill="currentColor"/>
+</g>
+</svg>