@serenis/design-tokens 0.27.0 → 0.29.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.
Files changed (13) hide show
  1. package/README.md +3 -4
  2. package/dist/base.css +1 -1
  3. package/dist/constants/typography.d.ts +24 -24
  4. package/dist/constants/typography.js +24 -24
  5. package/dist/design-tokens.css +1 -1
  6. package/dist/index.cjs +19 -12
  7. package/dist/index.css +1 -1
  8. package/dist/serenis-dark.css +1 -1
  9. package/dist/serenis-light.css +1 -1
  10. package/dist/types/utility-class.d.ts +7 -0
  11. package/dist/types/utility-class.js +7 -0
  12. package/dist/utilities.css +1 -1
  13. package/package.json +1 -1
package/README.md CHANGED
@@ -40,8 +40,7 @@ libraries/design-tokens/
40
40
  │ ├── serenis-light.json # Light theme overrides
41
41
  │ ├── serenis-dark.json # Dark theme overrides
42
42
  │ ├── aliases.json # Semantic alias tokens
43
- │ ├── tablet.json # Responsive overrides (≥601px)
44
- │ └── desktop.json # Responsive overrides (≥1025px)
43
+ │ └── md.json # Responsive overrides (≥601px)
45
44
  ├── src/
46
45
  │ ├── global-style.css # Hand-written global reset + markdown semantic classes (→ dist/global-style.css)
47
46
  │ ├── stories/ # Storybook stories and documentation (colocated)
@@ -181,7 +180,7 @@ For example, `md\:flex` applies `display: flex` when the viewport is at least 60
181
180
  - Flex grow/shrink (`grow`, `grow-0`, `shrink`, `shrink-0`)
182
181
  - Flex basis (`basis-1/12`–`basis-11/12`, `basis-full`, `basis-auto`, `basis-{container}`)
183
182
 
184
- **Utilities without responsive variants:** spacing sizing (`w-*`, `h-*`, `size-*` from spacing `0` only), container width (`w-{container}`, `min-w-{container}`, `max-w-{container}`), border radius (`rounded-*`), colors (`bg-*`, `text-{color}`, `border-{color}`), border width (`border-*`), elevation (`elevation-*`), z-index (`z-*`), font weight, font family, opacity (`opacity-*`), typography composites (`typography-*`), position, overflow (`overflow-*`, `truncate`), text-align, text-transform (`uppercase`, `lowercase`, `capitalize`, `normal-case`), white-space (`whitespace-*`), border-style, and transition.
183
+ **Utilities without responsive variants:** spacing sizing (`w-*`, `h-*`, `size-*` from spacing `0` only), container width (`w-{container}`, `min-w-{container}`, `max-w-{container}`), border radius (`rounded-*`), colors (`bg-*`, `text-{color}`, `border-{color}`), border width (`border-*`), elevation (`elevation-*`), z-index (`z-*`), font weight, font family, opacity (`opacity-*`), typography composites (`typography-*`), position, overflow (`overflow-*`, `truncate`), line clamp (`line-clamp-1`–`line-clamp-6`, `line-clamp-none`), text-align, text-transform (`uppercase`, `lowercase`, `capitalize`, `normal-case`), white-space (`whitespace-*`), border-style, and transition.
185
184
 
186
185
  #### `cx` helper
187
186
 
@@ -254,7 +253,7 @@ tokens/*.json
254
253
  │ │
255
254
  │ └──▶ esbuild CJS bundle ──▶ dist/index.cjs
256
255
  │
257
- ├──▶ Style Dictionary ──▶ dist/root.css, dist/{theme}.css, dist/tablet.css, dist/desktop.css
256
+ ├──▶ Style Dictionary ──▶ dist/root.css, dist/{theme}.css, dist/md.css
258
257
  │ │
259
258
  │ └──▶ Minify + assemble ──▶ dist/base.css, dist/serenis-light.css, dist/serenis-dark.css
260
259
  │
package/dist/base.css CHANGED
@@ -1 +1 @@
1
- :root{--srns-font-family-degular-display: "Degular Display", degular-display, serif;--srns-font-family-mona-sans: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-font-family-monospace: monospace;--srns-font-size-10: 10px;--srns-font-size-12: 12px;--srns-font-size-14: 14px;--srns-font-size-16: 16px;--srns-font-size-18: 18px;--srns-font-size-20: 20px;--srns-font-size-24: 24px;--srns-font-size-32: 32px;--srns-font-size-40: 40px;--srns-font-size-48: 48px;--srns-font-size-56: 56px;--srns-font-size-64: 64px;--srns-font-size-72: 72px;--srns-line-height-12: 12px;--srns-line-height-14: 14px;--srns-line-height-16: 16px;--srns-line-height-20: 20px;--srns-line-height-24: 24px;--srns-line-height-32: 32px;--srns-line-height-40: 40px;--srns-line-height-48: 48px;--srns-line-height-56: 56px;--srns-line-height-64: 64px;--srns-line-height-72: 72px;--srns-font-weight-400: 400;--srns-font-weight-500: 500;--srns-font-weight-600: 600;--srns-letter-spacing-0: 0;--srns-letter-spacing-112: 1.12px;--srns-letter-spacing-128: 1.28px;--srns-letter-spacing-144: 1.44px;--srns-letter-spacing-020: .2px;--srns-letter-spacing-024: .24px;--srns-letter-spacing-028: .28px;--srns-letter-spacing-032: .32px;--srns-letter-spacing-036: .36px;--srns-letter-spacing-040: .4px;--srns-letter-spacing-048: .48px;--srns-letter-spacing-056: .56px;--srns-letter-spacing-064: .64px;--srns-letter-spacing-072: .72px;--srns-letter-spacing-080: .8px;--srns-letter-spacing-096: .96px;--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 56px;--srns-typography-public-h0-font-size: 56px;--srns-typography-public-h0-letter-spacing: 1.12px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 32px;--srns-typography-public-h1-font-size: 32px;--srns-typography-public-h1-letter-spacing: .64px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 24px;--srns-typography-public-h2-font-size: 24px;--srns-typography-public-h2-letter-spacing: .48px;--srns-typography-public-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h3-font-weight: 400;--srns-typography-public-h3-line-height: 24px;--srns-typography-public-h3-font-size: 20px;--srns-typography-public-h3-letter-spacing: .4px;--srns-typography-public-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-paragraph-font-weight: 400;--srns-typography-public-paragraph-line-height: 24px;--srns-typography-public-paragraph-font-size: 16px;--srns-typography-public-paragraph-letter-spacing: 0;--srns-typography-public-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-caption-font-weight: 400;--srns-typography-public-caption-line-height: 24px;--srns-typography-public-caption-font-size: 14px;--srns-typography-public-caption-letter-spacing: 0;--srns-typography-public-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-footnote-font-weight: 500;--srns-typography-public-footnote-line-height: 24px;--srns-typography-public-footnote-font-size: 12px;--srns-typography-public-footnote-letter-spacing: 0;--srns-typography-public-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-micro-font-weight: 500;--srns-typography-public-micro-line-height: 16px;--srns-typography-public-micro-font-size: 12px;--srns-typography-public-micro-letter-spacing: 0;--srns-typography-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-h0-font-weight: 600;--srns-typography-h0-line-height: 56px;--srns-typography-h0-font-size: 56px;--srns-typography-h0-letter-spacing: 1.12px;--srns-typography-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-h1-font-weight: 600;--srns-typography-h1-line-height: 32px;--srns-typography-h1-font-size: 32px;--srns-typography-h1-letter-spacing: .64px;--srns-typography-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-h2-font-weight: 600;--srns-typography-h2-line-height: 24px;--srns-typography-h2-font-size: 24px;--srns-typography-h2-letter-spacing: .48px;--srns-typography-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-h3-font-weight: 600;--srns-typography-h3-line-height: 24px;--srns-typography-h3-font-size: 20px;--srns-typography-h3-letter-spacing: .4px;--srns-typography-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-paragraph-font-weight: 400;--srns-typography-paragraph-line-height: 24px;--srns-typography-paragraph-font-size: 16px;--srns-typography-paragraph-letter-spacing: 0;--srns-typography-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-caption-font-weight: 400;--srns-typography-caption-line-height: 24px;--srns-typography-caption-font-size: 14px;--srns-typography-caption-letter-spacing: 0;--srns-typography-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-footnote-font-weight: 500;--srns-typography-footnote-line-height: 16px;--srns-typography-footnote-font-size: 12px;--srns-typography-footnote-letter-spacing: 0;--srns-typography-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-micro-font-weight: 500;--srns-typography-micro-line-height: 14px;--srns-typography-micro-font-size: 10px;--srns-typography-micro-letter-spacing: 0;--srns-spacing-0: 0;--srns-spacing-4xs: 2px;--srns-spacing-3xs: 4px;--srns-spacing-2xs: 6px;--srns-spacing-xs: 8px;--srns-spacing-sm: 12px;--srns-spacing-md: 16px;--srns-spacing-lg: 24px;--srns-spacing-xl: 32px;--srns-spacing-2xl: 40px;--srns-spacing-3xl: 48px;--srns-spacing-4xl: 64px;--srns-spacing-5xl: 80px;--srns-spacing-6xl: 96px;--srns-spacing-7xl: 112px;--srns-container-3xs: 256px;--srns-container-2xs: 288px;--srns-container-xs: 320px;--srns-container-sm: 384px;--srns-container-md: 448px;--srns-container-lg: 512px;--srns-container-xl: 576px;--srns-container-2xl: 672px;--srns-container-3xl: 768px;--srns-container-4xl: 896px;--srns-container-5xl: 1024px;--srns-container-6xl: 1152px;--srns-container-7xl: 1280px;--srns-border-radius-0: 0;--srns-border-radius-4xs: 2px;--srns-border-radius-3xs: 4px;--srns-border-radius-2xs: 6px;--srns-border-radius-xs: 8px;--srns-border-radius-sm: 12px;--srns-border-radius-md: 16px;--srns-border-radius-lg: 24px;--srns-border-radius-xl: 32px;--srns-border-radius-2xl: 40px;--srns-border-radius-3xl: 48px;--srns-border-radius-circle: 9999px;--srns-opacity-0: 0;--srns-opacity-8: .08;--srns-opacity-16: .16;--srns-opacity-24: .24;--srns-opacity-32: .32;--srns-opacity-40: .4;--srns-opacity-48: .48;--srns-opacity-56: .56;--srns-opacity-64: .64;--srns-opacity-72: .72;--srns-opacity-80: .8;--srns-opacity-88: .88;--srns-opacity-96: .96;--srns-opacity-100: 1;--srns-z-index-0: 0;--srns-z-index-100: 100;--srns-z-index-200: 200;--srns-z-index-300: 300;--srns-z-index-400: 400;--srns-z-index-500: 500;--srns-z-index-9999: 9999;--srns-z-index--100: -100;--srns-time-0: 0ms;--srns-time-150: 150ms;--srns-time-300: 300ms;--srns-time-500: 500ms;--srns-time-700: 700ms;--srns-border-width-0: 0;--srns-border-width-1: 1px;--srns-border-width-2: 2px;--srns-border-width-4: 4px;--srns-border-width-05: .5px;--srns-elevation-0: 0px 0px 0px 0px #00000000;--srns-breakpoint-sm: 0;--srns-breakpoint-md: 601px;--srns-breakpoint-lg: 1025px;--srns-breakpoint-xl: 1441px;--srns-media-query-sm: (max-width: 600px );--srns-media-query-md: (min-width: 600px ) and (max-width: 1024px );--srns-media-query-lg: (min-width: 1024px ) and (max-width: 1440px );--srns-media-query-xl: (min-width: 1440px );--srns-media-query-gt-sm: (min-width: 601px);--srns-media-query-gt-md: (min-width: 1025px);--srns-media-query-gt-lg: (min-width: 1441px);--srns-media-query-lt-md: (max-width: 600px );--srns-media-query-lt-lg: (max-width: 1024px );--srns-media-query-lt-xl: (max-width: 1440px );--srns-color-white: #ffffff;--srns-color-black: #0b0b1e;--srns-color-transparent: rgba(0, 0, 0, 0);--srns-color-grey-10: #ffffff;--srns-color-grey-20: #f6f7fd;--srns-color-grey-30: #ecedf9;--srns-color-grey-40: #d7d7ea;--srns-color-grey-50: #a7a7d2;--srns-color-grey-60: #8686c1;--srns-color-grey-70: #7a7aae;--srns-color-grey-80: #5d5d98;--srns-color-grey-90: #3e3e79;--srns-color-grey-100: #2d2d58;--srns-color-grey-110: #1c1c36;--srns-color-grey-120: #0b0b1e;--srns-color-grey: #7a7aae;--srns-color-minttea-20: #cafacb;--srns-color-minttea-40: #179a92;--srns-color-minttea-60: #003b2e;--srns-color-minttea-80: #061a1d;--srns-color-minttea: #cafacb;--srns-color-medicine-20: #d0f9fd;--srns-color-medicine-40: #6be5f5;--srns-color-medicine-60: #0d99bb;--srns-color-medicine-80: #175d73;--srns-color-medicine: #0d99bb;--srns-color-mental-20: #f1d6ff;--srns-color-mental-40: #ce8ef2;--srns-color-mental-60: #ae4fdd;--srns-color-mental-80: #7a2c9d;--srns-color-mental: #ae4fdd;--srns-color-nutrition-20: #ccf5e0;--srns-color-nutrition-40: #83a8a4;--srns-color-nutrition-60: #225559;--srns-color-nutrition-80: #1f4042;--srns-color-nutrition: #225559}@media(min-width:601px){:root{--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 72px;--srns-typography-public-h0-font-size: 72px;--srns-typography-public-h0-letter-spacing: 1.44px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 48px;--srns-typography-public-h1-font-size: 48px;--srns-typography-public-h1-letter-spacing: .96px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 40px;--srns-typography-public-h2-font-size: 40px;--srns-typography-public-h2-letter-spacing: .8px}}@media(min-width:1025px){:root{--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 72px;--srns-typography-public-h0-font-size: 72px;--srns-typography-public-h0-letter-spacing: 1.44px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 48px;--srns-typography-public-h1-font-size: 48px;--srns-typography-public-h1-letter-spacing: .96px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 40px;--srns-typography-public-h2-font-size: 40px;--srns-typography-public-h2-letter-spacing: .8px}}
1
+ :root{--srns-font-family-degular-display: "Degular Display", degular-display, serif;--srns-font-family-mona-sans: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-font-family-monospace: monospace;--srns-font-size-10: 10px;--srns-font-size-12: 12px;--srns-font-size-14: 14px;--srns-font-size-16: 16px;--srns-font-size-18: 18px;--srns-font-size-20: 20px;--srns-font-size-24: 24px;--srns-font-size-32: 32px;--srns-font-size-40: 40px;--srns-font-size-48: 48px;--srns-font-size-56: 56px;--srns-font-size-64: 64px;--srns-font-size-72: 72px;--srns-line-height-12: 12px;--srns-line-height-14: 14px;--srns-line-height-16: 16px;--srns-line-height-20: 20px;--srns-line-height-24: 24px;--srns-line-height-32: 32px;--srns-line-height-40: 40px;--srns-line-height-48: 48px;--srns-line-height-56: 56px;--srns-line-height-64: 64px;--srns-line-height-72: 72px;--srns-font-weight-400: 400;--srns-font-weight-500: 500;--srns-font-weight-600: 600;--srns-letter-spacing-0: 0;--srns-letter-spacing-112: 1.12px;--srns-letter-spacing-128: 1.28px;--srns-letter-spacing-144: 1.44px;--srns-letter-spacing-020: .2px;--srns-letter-spacing-024: .24px;--srns-letter-spacing-028: .28px;--srns-letter-spacing-032: .32px;--srns-letter-spacing-036: .36px;--srns-letter-spacing-040: .4px;--srns-letter-spacing-048: .48px;--srns-letter-spacing-056: .56px;--srns-letter-spacing-064: .64px;--srns-letter-spacing-072: .72px;--srns-letter-spacing-080: .8px;--srns-letter-spacing-096: .96px;--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 64px;--srns-typography-public-h0-font-size: 64px;--srns-typography-public-h0-letter-spacing: 1.28px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 40px;--srns-typography-public-h1-font-size: 40px;--srns-typography-public-h1-letter-spacing: .8px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 32px;--srns-typography-public-h2-font-size: 32px;--srns-typography-public-h2-letter-spacing: .64px;--srns-typography-public-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h3-font-weight: 400;--srns-typography-public-h3-line-height: 24px;--srns-typography-public-h3-font-size: 20px;--srns-typography-public-h3-letter-spacing: .4px;--srns-typography-public-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-paragraph-font-weight: 400;--srns-typography-public-paragraph-line-height: 24px;--srns-typography-public-paragraph-font-size: 16px;--srns-typography-public-paragraph-letter-spacing: 0;--srns-typography-public-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-caption-font-weight: 400;--srns-typography-public-caption-line-height: 24px;--srns-typography-public-caption-font-size: 14px;--srns-typography-public-caption-letter-spacing: 0;--srns-typography-public-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-footnote-font-weight: 500;--srns-typography-public-footnote-line-height: 16px;--srns-typography-public-footnote-font-size: 12px;--srns-typography-public-footnote-letter-spacing: 0;--srns-typography-public-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-micro-font-weight: 500;--srns-typography-public-micro-line-height: 14px;--srns-typography-public-micro-font-size: 10px;--srns-typography-public-micro-letter-spacing: 0;--srns-typography-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-h0-font-weight: 600;--srns-typography-h0-line-height: 56px;--srns-typography-h0-font-size: 56px;--srns-typography-h0-letter-spacing: 1.12px;--srns-typography-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-h1-font-weight: 600;--srns-typography-h1-line-height: 32px;--srns-typography-h1-font-size: 32px;--srns-typography-h1-letter-spacing: .64px;--srns-typography-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-h2-font-weight: 600;--srns-typography-h2-line-height: 24px;--srns-typography-h2-font-size: 24px;--srns-typography-h2-letter-spacing: .48px;--srns-typography-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-h3-font-weight: 600;--srns-typography-h3-line-height: 24px;--srns-typography-h3-font-size: 20px;--srns-typography-h3-letter-spacing: .4px;--srns-typography-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-paragraph-font-weight: 400;--srns-typography-paragraph-line-height: 24px;--srns-typography-paragraph-font-size: 16px;--srns-typography-paragraph-letter-spacing: 0;--srns-typography-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-caption-font-weight: 400;--srns-typography-caption-line-height: 24px;--srns-typography-caption-font-size: 14px;--srns-typography-caption-letter-spacing: 0;--srns-typography-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-footnote-font-weight: 500;--srns-typography-footnote-line-height: 16px;--srns-typography-footnote-font-size: 12px;--srns-typography-footnote-letter-spacing: 0;--srns-typography-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-micro-font-weight: 500;--srns-typography-micro-line-height: 14px;--srns-typography-micro-font-size: 10px;--srns-typography-micro-letter-spacing: 0;--srns-spacing-0: 0;--srns-spacing-4xs: 2px;--srns-spacing-3xs: 4px;--srns-spacing-2xs: 6px;--srns-spacing-xs: 8px;--srns-spacing-sm: 12px;--srns-spacing-md: 16px;--srns-spacing-lg: 24px;--srns-spacing-xl: 32px;--srns-spacing-2xl: 40px;--srns-spacing-3xl: 48px;--srns-spacing-4xl: 64px;--srns-spacing-5xl: 80px;--srns-spacing-6xl: 96px;--srns-spacing-7xl: 112px;--srns-container-3xs: 256px;--srns-container-2xs: 288px;--srns-container-xs: 320px;--srns-container-sm: 384px;--srns-container-md: 448px;--srns-container-lg: 512px;--srns-container-xl: 576px;--srns-container-2xl: 672px;--srns-container-3xl: 768px;--srns-container-4xl: 896px;--srns-container-5xl: 1024px;--srns-container-6xl: 1152px;--srns-container-7xl: 1280px;--srns-border-radius-0: 0;--srns-border-radius-4xs: 2px;--srns-border-radius-3xs: 4px;--srns-border-radius-2xs: 6px;--srns-border-radius-xs: 8px;--srns-border-radius-sm: 12px;--srns-border-radius-md: 16px;--srns-border-radius-lg: 24px;--srns-border-radius-xl: 32px;--srns-border-radius-2xl: 40px;--srns-border-radius-3xl: 48px;--srns-border-radius-circle: 9999px;--srns-opacity-0: 0;--srns-opacity-8: .08;--srns-opacity-16: .16;--srns-opacity-24: .24;--srns-opacity-32: .32;--srns-opacity-40: .4;--srns-opacity-48: .48;--srns-opacity-56: .56;--srns-opacity-64: .64;--srns-opacity-72: .72;--srns-opacity-80: .8;--srns-opacity-88: .88;--srns-opacity-96: .96;--srns-opacity-100: 1;--srns-z-index-0: 0;--srns-z-index-100: 100;--srns-z-index-200: 200;--srns-z-index-300: 300;--srns-z-index-400: 400;--srns-z-index-500: 500;--srns-z-index-9999: 9999;--srns-z-index--100: -100;--srns-time-0: 0ms;--srns-time-150: 150ms;--srns-time-300: 300ms;--srns-time-500: 500ms;--srns-time-700: 700ms;--srns-border-width-0: 0;--srns-border-width-1: 1px;--srns-border-width-2: 2px;--srns-border-width-4: 4px;--srns-border-width-05: .5px;--srns-elevation-0: 0px 0px 0px 0px #00000000;--srns-breakpoint-sm: 0;--srns-breakpoint-md: 601px;--srns-breakpoint-lg: 1025px;--srns-breakpoint-xl: 1441px;--srns-media-query-sm: (max-width: 600px );--srns-media-query-md: (min-width: 600px ) and (max-width: 1024px );--srns-media-query-lg: (min-width: 1024px ) and (max-width: 1440px );--srns-media-query-xl: (min-width: 1440px );--srns-media-query-gt-sm: (min-width: 601px);--srns-media-query-gt-md: (min-width: 1025px);--srns-media-query-gt-lg: (min-width: 1441px);--srns-media-query-lt-md: (max-width: 600px );--srns-media-query-lt-lg: (max-width: 1024px );--srns-media-query-lt-xl: (max-width: 1440px );--srns-color-white: #ffffff;--srns-color-black: #0b0b1e;--srns-color-transparent: rgba(0, 0, 0, 0);--srns-color-grey-10: #ffffff;--srns-color-grey-20: #f6f7fd;--srns-color-grey-30: #ecedf9;--srns-color-grey-40: #d7d7ea;--srns-color-grey-50: #a7a7d2;--srns-color-grey-60: #8686c1;--srns-color-grey-70: #7a7aae;--srns-color-grey-80: #5d5d98;--srns-color-grey-90: #3e3e79;--srns-color-grey-100: #2d2d58;--srns-color-grey-110: #1c1c36;--srns-color-grey-120: #0b0b1e;--srns-color-grey: #7a7aae;--srns-color-minttea-20: #cafacb;--srns-color-minttea-40: #179a92;--srns-color-minttea-60: #003b2e;--srns-color-minttea-80: #061a1d;--srns-color-minttea: #cafacb;--srns-color-medicine-20: #d0f9fd;--srns-color-medicine-40: #6be5f5;--srns-color-medicine-60: #0d99bb;--srns-color-medicine-80: #175d73;--srns-color-medicine: #0d99bb;--srns-color-mental-20: #f1d6ff;--srns-color-mental-40: #ce8ef2;--srns-color-mental-60: #ae4fdd;--srns-color-mental-80: #7a2c9d;--srns-color-mental: #ae4fdd;--srns-color-nutrition-20: #ccf5e0;--srns-color-nutrition-40: #83a8a4;--srns-color-nutrition-60: #225559;--srns-color-nutrition-80: #1f4042;--srns-color-nutrition: #225559}@media(min-width:601px){:root{--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 72px;--srns-typography-public-h0-font-size: 72px;--srns-typography-public-h0-letter-spacing: 1.44px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 48px;--srns-typography-public-h1-font-size: 48px;--srns-typography-public-h1-letter-spacing: .96px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 40px;--srns-typography-public-h2-font-size: 40px;--srns-typography-public-h2-letter-spacing: .8px}}
package/dist/constants/typography.d.ts CHANGED
@@ -6,17 +6,17 @@ export declare const TYPOGRAPHY_PUBLIC_H0_FONT_FAMILY_VALUE: 'Degular Display, d
6
6
  export declare const TYPOGRAPHY_PUBLIC_H0_FONT_WEIGHT: 'var(--srns-typography-public-h0-font-weight)'
7
7
  export declare const TYPOGRAPHY_PUBLIC_H0_FONT_WEIGHT_VALUE: '600'
8
8
 
9
- /** `56px` */
9
+ /** `64px` */
10
10
  export declare const TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT: 'var(--srns-typography-public-h0-line-height)'
11
- export declare const TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT_VALUE: '56px'
11
+ export declare const TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT_VALUE: '64px'
12
12
 
13
- /** `56px` */
13
+ /** `64px` */
14
14
  export declare const TYPOGRAPHY_PUBLIC_H0_FONT_SIZE: 'var(--srns-typography-public-h0-font-size)'
15
- export declare const TYPOGRAPHY_PUBLIC_H0_FONT_SIZE_VALUE: '56px'
15
+ export declare const TYPOGRAPHY_PUBLIC_H0_FONT_SIZE_VALUE: '64px'
16
16
 
17
- /** `1.12px` */
17
+ /** `1.28px` */
18
18
  export declare const TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING: 'var(--srns-typography-public-h0-letter-spacing)'
19
- export declare const TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING_VALUE: '1.12px'
19
+ export declare const TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING_VALUE: '1.28px'
20
20
 
21
21
  /** `Degular Display, degular-display, serif` */
22
22
  export declare const TYPOGRAPHY_PUBLIC_H1_FONT_FAMILY: 'var(--srns-typography-public-h1-font-family)'
@@ -26,17 +26,17 @@ export declare const TYPOGRAPHY_PUBLIC_H1_FONT_FAMILY_VALUE: 'Degular Display, d
26
26
  export declare const TYPOGRAPHY_PUBLIC_H1_FONT_WEIGHT: 'var(--srns-typography-public-h1-font-weight)'
27
27
  export declare const TYPOGRAPHY_PUBLIC_H1_FONT_WEIGHT_VALUE: '600'
28
28
 
29
- /** `32px` */
29
+ /** `40px` */
30
30
  export declare const TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT: 'var(--srns-typography-public-h1-line-height)'
31
- export declare const TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT_VALUE: '32px'
31
+ export declare const TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT_VALUE: '40px'
32
32
 
33
- /** `32px` */
33
+ /** `40px` */
34
34
  export declare const TYPOGRAPHY_PUBLIC_H1_FONT_SIZE: 'var(--srns-typography-public-h1-font-size)'
35
- export declare const TYPOGRAPHY_PUBLIC_H1_FONT_SIZE_VALUE: '32px'
35
+ export declare const TYPOGRAPHY_PUBLIC_H1_FONT_SIZE_VALUE: '40px'
36
36
 
37
- /** `0.64px` */
37
+ /** `0.8px` */
38
38
  export declare const TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING: 'var(--srns-typography-public-h1-letter-spacing)'
39
- export declare const TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING_VALUE: '0.64px'
39
+ export declare const TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING_VALUE: '0.8px'
40
40
 
41
41
  /** `Degular Display, degular-display, serif` */
42
42
  export declare const TYPOGRAPHY_PUBLIC_H2_FONT_FAMILY: 'var(--srns-typography-public-h2-font-family)'
@@ -46,17 +46,17 @@ export declare const TYPOGRAPHY_PUBLIC_H2_FONT_FAMILY_VALUE: 'Degular Display, d
46
46
  export declare const TYPOGRAPHY_PUBLIC_H2_FONT_WEIGHT: 'var(--srns-typography-public-h2-font-weight)'
47
47
  export declare const TYPOGRAPHY_PUBLIC_H2_FONT_WEIGHT_VALUE: '600'
48
48
 
49
- /** `24px` */
49
+ /** `32px` */
50
50
  export declare const TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT: 'var(--srns-typography-public-h2-line-height)'
51
- export declare const TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT_VALUE: '24px'
51
+ export declare const TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT_VALUE: '32px'
52
52
 
53
- /** `24px` */
53
+ /** `32px` */
54
54
  export declare const TYPOGRAPHY_PUBLIC_H2_FONT_SIZE: 'var(--srns-typography-public-h2-font-size)'
55
- export declare const TYPOGRAPHY_PUBLIC_H2_FONT_SIZE_VALUE: '24px'
55
+ export declare const TYPOGRAPHY_PUBLIC_H2_FONT_SIZE_VALUE: '32px'
56
56
 
57
- /** `0.48px` */
57
+ /** `0.64px` */
58
58
  export declare const TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING: 'var(--srns-typography-public-h2-letter-spacing)'
59
- export declare const TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING_VALUE: '0.48px'
59
+ export declare const TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING_VALUE: '0.64px'
60
60
 
61
61
  /** `Degular Display, degular-display, serif` */
62
62
  export declare const TYPOGRAPHY_PUBLIC_H3_FONT_FAMILY: 'var(--srns-typography-public-h3-font-family)'
@@ -126,9 +126,9 @@ export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_FAMILY_VALUE: 'Mona Sans, M
126
126
  export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_WEIGHT: 'var(--srns-typography-public-footnote-font-weight)'
127
127
  export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_WEIGHT_VALUE: '500'
128
128
 
129
- /** `24px` */
129
+ /** `16px` */
130
130
  export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT: 'var(--srns-typography-public-footnote-line-height)'
131
- export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT_VALUE: '24px'
131
+ export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT_VALUE: '16px'
132
132
 
133
133
  /** `12px` */
134
134
  export declare const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_SIZE: 'var(--srns-typography-public-footnote-font-size)'
@@ -146,13 +146,13 @@ export declare const TYPOGRAPHY_PUBLIC_MICRO_FONT_FAMILY_VALUE: 'Mona Sans, Mona
146
146
  export declare const TYPOGRAPHY_PUBLIC_MICRO_FONT_WEIGHT: 'var(--srns-typography-public-micro-font-weight)'
147
147
  export declare const TYPOGRAPHY_PUBLIC_MICRO_FONT_WEIGHT_VALUE: '500'
148
148
 
149
- /** `16px` */
149
+ /** `14px` */
150
150
  export declare const TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT: 'var(--srns-typography-public-micro-line-height)'
151
- export declare const TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT_VALUE: '16px'
151
+ export declare const TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT_VALUE: '14px'
152
152
 
153
- /** `12px` */
153
+ /** `10px` */
154
154
  export declare const TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE: 'var(--srns-typography-public-micro-font-size)'
155
- export declare const TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE_VALUE: '12px'
155
+ export declare const TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE_VALUE: '10px'
156
156
 
157
157
  /** `0` */
158
158
  export declare const TYPOGRAPHY_PUBLIC_MICRO_LETTER_SPACING: 'var(--srns-typography-public-micro-letter-spacing)'
package/dist/constants/typography.js CHANGED
@@ -6,17 +6,17 @@ export const TYPOGRAPHY_PUBLIC_H0_FONT_FAMILY_VALUE = 'Degular Display, degular-
6
6
  export const TYPOGRAPHY_PUBLIC_H0_FONT_WEIGHT = 'var(--srns-typography-public-h0-font-weight)'
7
7
  export const TYPOGRAPHY_PUBLIC_H0_FONT_WEIGHT_VALUE = '600'
8
8
 
9
- /** `56px` */
9
+ /** `64px` */
10
10
  export const TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT = 'var(--srns-typography-public-h0-line-height)'
11
- export const TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT_VALUE = '56px'
11
+ export const TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT_VALUE = '64px'
12
12
 
13
- /** `56px` */
13
+ /** `64px` */
14
14
  export const TYPOGRAPHY_PUBLIC_H0_FONT_SIZE = 'var(--srns-typography-public-h0-font-size)'
15
- export const TYPOGRAPHY_PUBLIC_H0_FONT_SIZE_VALUE = '56px'
15
+ export const TYPOGRAPHY_PUBLIC_H0_FONT_SIZE_VALUE = '64px'
16
16
 
17
- /** `1.12px` */
17
+ /** `1.28px` */
18
18
  export const TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING = 'var(--srns-typography-public-h0-letter-spacing)'
19
- export const TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING_VALUE = '1.12px'
19
+ export const TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING_VALUE = '1.28px'
20
20
 
21
21
  /** `Degular Display, degular-display, serif` */
22
22
  export const TYPOGRAPHY_PUBLIC_H1_FONT_FAMILY = 'var(--srns-typography-public-h1-font-family)'
@@ -26,17 +26,17 @@ export const TYPOGRAPHY_PUBLIC_H1_FONT_FAMILY_VALUE = 'Degular Display, degular-
26
26
  export const TYPOGRAPHY_PUBLIC_H1_FONT_WEIGHT = 'var(--srns-typography-public-h1-font-weight)'
27
27
  export const TYPOGRAPHY_PUBLIC_H1_FONT_WEIGHT_VALUE = '600'
28
28
 
29
- /** `32px` */
29
+ /** `40px` */
30
30
  export const TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT = 'var(--srns-typography-public-h1-line-height)'
31
- export const TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT_VALUE = '32px'
31
+ export const TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT_VALUE = '40px'
32
32
 
33
- /** `32px` */
33
+ /** `40px` */
34
34
  export const TYPOGRAPHY_PUBLIC_H1_FONT_SIZE = 'var(--srns-typography-public-h1-font-size)'
35
- export const TYPOGRAPHY_PUBLIC_H1_FONT_SIZE_VALUE = '32px'
35
+ export const TYPOGRAPHY_PUBLIC_H1_FONT_SIZE_VALUE = '40px'
36
36
 
37
- /** `0.64px` */
37
+ /** `0.8px` */
38
38
  export const TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING = 'var(--srns-typography-public-h1-letter-spacing)'
39
- export const TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING_VALUE = '0.64px'
39
+ export const TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING_VALUE = '0.8px'
40
40
 
41
41
  /** `Degular Display, degular-display, serif` */
42
42
  export const TYPOGRAPHY_PUBLIC_H2_FONT_FAMILY = 'var(--srns-typography-public-h2-font-family)'
@@ -46,17 +46,17 @@ export const TYPOGRAPHY_PUBLIC_H2_FONT_FAMILY_VALUE = 'Degular Display, degular-
46
46
  export const TYPOGRAPHY_PUBLIC_H2_FONT_WEIGHT = 'var(--srns-typography-public-h2-font-weight)'
47
47
  export const TYPOGRAPHY_PUBLIC_H2_FONT_WEIGHT_VALUE = '600'
48
48
 
49
- /** `24px` */
49
+ /** `32px` */
50
50
  export const TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT = 'var(--srns-typography-public-h2-line-height)'
51
- export const TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT_VALUE = '24px'
51
+ export const TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT_VALUE = '32px'
52
52
 
53
- /** `24px` */
53
+ /** `32px` */
54
54
  export const TYPOGRAPHY_PUBLIC_H2_FONT_SIZE = 'var(--srns-typography-public-h2-font-size)'
55
- export const TYPOGRAPHY_PUBLIC_H2_FONT_SIZE_VALUE = '24px'
55
+ export const TYPOGRAPHY_PUBLIC_H2_FONT_SIZE_VALUE = '32px'
56
56
 
57
- /** `0.48px` */
57
+ /** `0.64px` */
58
58
  export const TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING = 'var(--srns-typography-public-h2-letter-spacing)'
59
- export const TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING_VALUE = '0.48px'
59
+ export const TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING_VALUE = '0.64px'
60
60
 
61
61
  /** `Degular Display, degular-display, serif` */
62
62
  export const TYPOGRAPHY_PUBLIC_H3_FONT_FAMILY = 'var(--srns-typography-public-h3-font-family)'
@@ -126,9 +126,9 @@ export const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_FAMILY_VALUE = 'Mona Sans, MonaSans
126
126
  export const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_WEIGHT = 'var(--srns-typography-public-footnote-font-weight)'
127
127
  export const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_WEIGHT_VALUE = '500'
128
128
 
129
- /** `24px` */
129
+ /** `16px` */
130
130
  export const TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT = 'var(--srns-typography-public-footnote-line-height)'
131
- export const TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT_VALUE = '24px'
131
+ export const TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT_VALUE = '16px'
132
132
 
133
133
  /** `12px` */
134
134
  export const TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_SIZE = 'var(--srns-typography-public-footnote-font-size)'
@@ -146,13 +146,13 @@ export const TYPOGRAPHY_PUBLIC_MICRO_FONT_FAMILY_VALUE = 'Mona Sans, MonaSans, m
146
146
  export const TYPOGRAPHY_PUBLIC_MICRO_FONT_WEIGHT = 'var(--srns-typography-public-micro-font-weight)'
147
147
  export const TYPOGRAPHY_PUBLIC_MICRO_FONT_WEIGHT_VALUE = '500'
148
148
 
149
- /** `16px` */
149
+ /** `14px` */
150
150
  export const TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT = 'var(--srns-typography-public-micro-line-height)'
151
- export const TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT_VALUE = '16px'
151
+ export const TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT_VALUE = '14px'
152
152
 
153
- /** `12px` */
153
+ /** `10px` */
154
154
  export const TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE = 'var(--srns-typography-public-micro-font-size)'
155
- export const TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE_VALUE = '12px'
155
+ export const TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE_VALUE = '10px'
156
156
 
157
157
  /** `0` */
158
158
  export const TYPOGRAPHY_PUBLIC_MICRO_LETTER_SPACING = 'var(--srns-typography-public-micro-letter-spacing)'
package/dist/design-tokens.css CHANGED
@@ -1 +1 @@
1
- :root{--srns-font-family-degular-display: "Degular Display", degular-display, serif;--srns-font-family-mona-sans: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-font-family-monospace: monospace;--srns-font-size-10: 10px;--srns-font-size-12: 12px;--srns-font-size-14: 14px;--srns-font-size-16: 16px;--srns-font-size-18: 18px;--srns-font-size-20: 20px;--srns-font-size-24: 24px;--srns-font-size-32: 32px;--srns-font-size-40: 40px;--srns-font-size-48: 48px;--srns-font-size-56: 56px;--srns-font-size-64: 64px;--srns-font-size-72: 72px;--srns-line-height-12: 12px;--srns-line-height-14: 14px;--srns-line-height-16: 16px;--srns-line-height-20: 20px;--srns-line-height-24: 24px;--srns-line-height-32: 32px;--srns-line-height-40: 40px;--srns-line-height-48: 48px;--srns-line-height-56: 56px;--srns-line-height-64: 64px;--srns-line-height-72: 72px;--srns-font-weight-400: 400;--srns-font-weight-500: 500;--srns-font-weight-600: 600;--srns-letter-spacing-0: 0;--srns-letter-spacing-112: 1.12px;--srns-letter-spacing-128: 1.28px;--srns-letter-spacing-144: 1.44px;--srns-letter-spacing-020: .2px;--srns-letter-spacing-024: .24px;--srns-letter-spacing-028: .28px;--srns-letter-spacing-032: .32px;--srns-letter-spacing-036: .36px;--srns-letter-spacing-040: .4px;--srns-letter-spacing-048: .48px;--srns-letter-spacing-056: .56px;--srns-letter-spacing-064: .64px;--srns-letter-spacing-072: .72px;--srns-letter-spacing-080: .8px;--srns-letter-spacing-096: .96px;--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 56px;--srns-typography-public-h0-font-size: 56px;--srns-typography-public-h0-letter-spacing: 1.12px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 32px;--srns-typography-public-h1-font-size: 32px;--srns-typography-public-h1-letter-spacing: .64px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 24px;--srns-typography-public-h2-font-size: 24px;--srns-typography-public-h2-letter-spacing: .48px;--srns-typography-public-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h3-font-weight: 400;--srns-typography-public-h3-line-height: 24px;--srns-typography-public-h3-font-size: 20px;--srns-typography-public-h3-letter-spacing: .4px;--srns-typography-public-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-paragraph-font-weight: 400;--srns-typography-public-paragraph-line-height: 24px;--srns-typography-public-paragraph-font-size: 16px;--srns-typography-public-paragraph-letter-spacing: 0;--srns-typography-public-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-caption-font-weight: 400;--srns-typography-public-caption-line-height: 24px;--srns-typography-public-caption-font-size: 14px;--srns-typography-public-caption-letter-spacing: 0;--srns-typography-public-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-footnote-font-weight: 500;--srns-typography-public-footnote-line-height: 24px;--srns-typography-public-footnote-font-size: 12px;--srns-typography-public-footnote-letter-spacing: 0;--srns-typography-public-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-micro-font-weight: 500;--srns-typography-public-micro-line-height: 16px;--srns-typography-public-micro-font-size: 12px;--srns-typography-public-micro-letter-spacing: 0;--srns-typography-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-h0-font-weight: 600;--srns-typography-h0-line-height: 56px;--srns-typography-h0-font-size: 56px;--srns-typography-h0-letter-spacing: 1.12px;--srns-typography-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-h1-font-weight: 600;--srns-typography-h1-line-height: 32px;--srns-typography-h1-font-size: 32px;--srns-typography-h1-letter-spacing: .64px;--srns-typography-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-h2-font-weight: 600;--srns-typography-h2-line-height: 24px;--srns-typography-h2-font-size: 24px;--srns-typography-h2-letter-spacing: .48px;--srns-typography-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-h3-font-weight: 600;--srns-typography-h3-line-height: 24px;--srns-typography-h3-font-size: 20px;--srns-typography-h3-letter-spacing: .4px;--srns-typography-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-paragraph-font-weight: 400;--srns-typography-paragraph-line-height: 24px;--srns-typography-paragraph-font-size: 16px;--srns-typography-paragraph-letter-spacing: 0;--srns-typography-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-caption-font-weight: 400;--srns-typography-caption-line-height: 24px;--srns-typography-caption-font-size: 14px;--srns-typography-caption-letter-spacing: 0;--srns-typography-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-footnote-font-weight: 500;--srns-typography-footnote-line-height: 16px;--srns-typography-footnote-font-size: 12px;--srns-typography-footnote-letter-spacing: 0;--srns-typography-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-micro-font-weight: 500;--srns-typography-micro-line-height: 14px;--srns-typography-micro-font-size: 10px;--srns-typography-micro-letter-spacing: 0;--srns-spacing-0: 0;--srns-spacing-4xs: 2px;--srns-spacing-3xs: 4px;--srns-spacing-2xs: 6px;--srns-spacing-xs: 8px;--srns-spacing-sm: 12px;--srns-spacing-md: 16px;--srns-spacing-lg: 24px;--srns-spacing-xl: 32px;--srns-spacing-2xl: 40px;--srns-spacing-3xl: 48px;--srns-spacing-4xl: 64px;--srns-spacing-5xl: 80px;--srns-spacing-6xl: 96px;--srns-spacing-7xl: 112px;--srns-container-3xs: 256px;--srns-container-2xs: 288px;--srns-container-xs: 320px;--srns-container-sm: 384px;--srns-container-md: 448px;--srns-container-lg: 512px;--srns-container-xl: 576px;--srns-container-2xl: 672px;--srns-container-3xl: 768px;--srns-container-4xl: 896px;--srns-container-5xl: 1024px;--srns-container-6xl: 1152px;--srns-container-7xl: 1280px;--srns-border-radius-0: 0;--srns-border-radius-4xs: 2px;--srns-border-radius-3xs: 4px;--srns-border-radius-2xs: 6px;--srns-border-radius-xs: 8px;--srns-border-radius-sm: 12px;--srns-border-radius-md: 16px;--srns-border-radius-lg: 24px;--srns-border-radius-xl: 32px;--srns-border-radius-2xl: 40px;--srns-border-radius-3xl: 48px;--srns-border-radius-circle: 9999px;--srns-opacity-0: 0;--srns-opacity-8: .08;--srns-opacity-16: .16;--srns-opacity-24: .24;--srns-opacity-32: .32;--srns-opacity-40: .4;--srns-opacity-48: .48;--srns-opacity-56: .56;--srns-opacity-64: .64;--srns-opacity-72: .72;--srns-opacity-80: .8;--srns-opacity-88: .88;--srns-opacity-96: .96;--srns-opacity-100: 1;--srns-z-index-0: 0;--srns-z-index-100: 100;--srns-z-index-200: 200;--srns-z-index-300: 300;--srns-z-index-400: 400;--srns-z-index-500: 500;--srns-z-index-9999: 9999;--srns-z-index--100: -100;--srns-time-0: 0ms;--srns-time-150: 150ms;--srns-time-300: 300ms;--srns-time-500: 500ms;--srns-time-700: 700ms;--srns-border-width-0: 0;--srns-border-width-1: 1px;--srns-border-width-2: 2px;--srns-border-width-4: 4px;--srns-border-width-05: .5px;--srns-elevation-0: 0px 0px 0px 0px #00000000;--srns-breakpoint-sm: 0;--srns-breakpoint-md: 601px;--srns-breakpoint-lg: 1025px;--srns-breakpoint-xl: 1441px;--srns-media-query-sm: (max-width: 600px );--srns-media-query-md: (min-width: 600px ) and (max-width: 1024px );--srns-media-query-lg: (min-width: 1024px ) and (max-width: 1440px );--srns-media-query-xl: (min-width: 1440px );--srns-media-query-gt-sm: (min-width: 601px);--srns-media-query-gt-md: (min-width: 1025px);--srns-media-query-gt-lg: (min-width: 1441px);--srns-media-query-lt-md: (max-width: 600px );--srns-media-query-lt-lg: (max-width: 1024px );--srns-media-query-lt-xl: (max-width: 1440px );--srns-color-white: #ffffff;--srns-color-black: #0b0b1e;--srns-color-transparent: rgba(0, 0, 0, 0);--srns-color-grey-10: #ffffff;--srns-color-grey-20: #f6f7fd;--srns-color-grey-30: #ecedf9;--srns-color-grey-40: #d7d7ea;--srns-color-grey-50: #a7a7d2;--srns-color-grey-60: #8686c1;--srns-color-grey-70: #7a7aae;--srns-color-grey-80: #5d5d98;--srns-color-grey-90: #3e3e79;--srns-color-grey-100: #2d2d58;--srns-color-grey-110: #1c1c36;--srns-color-grey-120: #0b0b1e;--srns-color-grey: #7a7aae;--srns-color-minttea-20: #cafacb;--srns-color-minttea-40: #179a92;--srns-color-minttea-60: #003b2e;--srns-color-minttea-80: #061a1d;--srns-color-minttea: #cafacb;--srns-color-medicine-20: #d0f9fd;--srns-color-medicine-40: #6be5f5;--srns-color-medicine-60: #0d99bb;--srns-color-medicine-80: #175d73;--srns-color-medicine: #0d99bb;--srns-color-mental-20: #f1d6ff;--srns-color-mental-40: #ce8ef2;--srns-color-mental-60: #ae4fdd;--srns-color-mental-80: #7a2c9d;--srns-color-mental: #ae4fdd;--srns-color-nutrition-20: #ccf5e0;--srns-color-nutrition-40: #83a8a4;--srns-color-nutrition-60: #225559;--srns-color-nutrition-80: #1f4042;--srns-color-nutrition: #225559}@media(min-width:601px){:root{--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 72px;--srns-typography-public-h0-font-size: 72px;--srns-typography-public-h0-letter-spacing: 1.44px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 48px;--srns-typography-public-h1-font-size: 48px;--srns-typography-public-h1-letter-spacing: .96px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 40px;--srns-typography-public-h2-font-size: 40px;--srns-typography-public-h2-letter-spacing: .8px}}@media(min-width:1025px){:root{--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 72px;--srns-typography-public-h0-font-size: 72px;--srns-typography-public-h0-letter-spacing: 1.44px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 48px;--srns-typography-public-h1-font-size: 48px;--srns-typography-public-h1-letter-spacing: .96px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 40px;--srns-typography-public-h2-font-size: 40px;--srns-typography-public-h2-letter-spacing: .8px}}.srns-serenis-light{--srns-elevation-2xs: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3;--srns-elevation-xs: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852;--srns-elevation-sm: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D;--srns-elevation-md: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829;--srns-elevation-lg: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829;--srns-elevation-xl: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829;--srns-elevation-special: 0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514;--srns-color-lighter: #ffffff;--srns-color-darker: #1c1c36;--srns-color-neutral-10: #ffffff;--srns-color-neutral-20: #f6f7fd;--srns-color-neutral-30: #ecedf9;--srns-color-neutral-40: #d7d7ea;--srns-color-neutral-50: #a7a7d2;--srns-color-neutral-60: #8686c1;--srns-color-neutral-70: #7a7aae;--srns-color-neutral-80: #5d5d98;--srns-color-neutral-90: #3e3e79;--srns-color-neutral-100: #2d2d58;--srns-color-neutral-110: #1c1c36;--srns-color-neutral-120: #0b0b1e;--srns-color-neutral: #7a7aae;--srns-color-accent-10: #ffe9fd;--srns-color-accent-20: #ffd1fb;--srns-color-accent-30: #fea7f9;--srns-color-accent-40: #fd86f6;--srns-color-accent-50: #fc8dfe;--srns-color-accent-60: #e569dc;--srns-color-accent-70: #ca50b7;--srns-color-accent-80: #a83c94;--srns-color-accent: #fc8dfe;--srns-color-primary-10: #ebe9fe;--srns-color-primary-20: #d9d6fe;--srns-color-primary-30: #bdb5fd;--srns-color-primary-40: #9d8cf9;--srns-color-primary-50: #7a59f5;--srns-color-primary-60: #6b3bec;--srns-color-primary-70: #5d29d8;--srns-color-primary-80: #4d22b5;--srns-color-primary: #7a59f5;--srns-color-red-20: #ffe2d4;--srns-color-red-40: #ff796a;--srns-color-red-60: #e12d19;--srns-color-red-80: #bf2818;--srns-color-red: #e12d19;--srns-color-green-20: #c8eede;--srns-color-green-40: #7ad7af;--srns-color-green-60: #419f77;--srns-color-green-80: #227251;--srns-color-green: #419f77;--srns-color-yellow-20: #ffdf99;--srns-color-yellow-40: #ffca5c;--srns-color-yellow-60: #ffab00;--srns-color-yellow-80: #d05e06;--srns-color-yellow: #ffab00;--srns-color-blue-20: #cce7ff;--srns-color-blue-40: #66b8ff;--srns-color-blue-60: #007aff;--srns-color-blue-80: #004299;--srns-color-blue: #007aff;--srns-color-success: #419f77;--srns-color-warning: #ffab00;--srns-color-error: #e12d19;--srns-color-info: #007aff;color-scheme:light}.srns-serenis-dark{--srns-elevation-2xs: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 8px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 2px -4px #0B0B1EE0;--srns-elevation-xs: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 4px 16px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 8px -4px #0B0B1EA3;--srns-elevation-sm: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 8px -2px #0B0B1E8F, 0px 12px 8px -12px #0B0B1E8F;--srns-elevation-md: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 16px -4px #0B0B1E8F, 0px 16px 12px -16px #0B0B1E7A;--srns-elevation-lg: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 24px -4px #0B0B1E7A, 0px 16px 24px -16px #0B0B1E7A;--srns-elevation-xl: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 32px -8px #0B0B1E52, 0px 32px 32px -24px #0B0B1E7A;--srns-elevation-special: 0px 0px 8px 0px #6A42FF, 0px 0px 0px 4px #6A42FF14, 0px 0px 0px 8px #6A42FF14;--srns-color-lighter: #1c1c36;--srns-color-darker: #ffffff;--srns-color-neutral-10: #0b0b1e;--srns-color-neutral-20: #1c1c36;--srns-color-neutral-30: #2d2d58;--srns-color-neutral-40: #3e3e79;--srns-color-neutral-50: #5d5d98;--srns-color-neutral-60: #7a7aae;--srns-color-neutral-70: #8686c1;--srns-color-neutral-80: #a7a7d2;--srns-color-neutral-90: #d7d7ea;--srns-color-neutral-100: #ecedf9;--srns-color-neutral-110: #f6f7fd;--srns-color-neutral-120: #ffffff;--srns-color-neutral: #8686c1;--srns-color-accent-10: #ffe8fa;--srns-color-accent-20: #ffd4f5;--srns-color-accent-30: #ffb1f1;--srns-color-accent-40: #ff86e8;--srns-color-accent-50: #fc56d8;--srns-color-accent-60: #e848c1;--srns-color-accent-70: #c6349d;--srns-color-accent-80: #a6297f;--srns-color-accent: #fc56d8;--srns-color-primary-10: #eae8ff;--srns-color-primary-20: #d7d4ff;--srns-color-primary-30: #bbb1ff;--srns-color-primary-40: #9985ff;--srns-color-primary-50: #6a42ff;--srns-color-primary-60: #6630f7;--srns-color-primary-70: #591ee3;--srns-color-primary-80: #4918bf;--srns-color-primary: #6a42ff;--srns-color-red-20: #ffe2d4;--srns-color-red-40: #ff796a;--srns-color-red-60: #e12d19;--srns-color-red-80: #bf2818;--srns-color-red: #e12d19;--srns-color-green-20: #c8eee3;--srns-color-green-40: #7ad7bd;--srns-color-green-60: #25a27f;--srns-color-green-80: #117363;--srns-color-green: #25a27f;--srns-color-yellow-20: #ffe599;--srns-color-yellow-40: #ffd65c;--srns-color-yellow-60: #ffbf00;--srns-color-yellow-80: #c66606;--srns-color-yellow: #ffbf00;--srns-color-blue-20: #dbedff;--srns-color-blue-40: #70c6ff;--srns-color-blue-60: #0a84ff;--srns-color-blue-80: #0a4299;--srns-color-blue: #0a84ff;--srns-color-success: #25a27f;--srns-color-warning: #ffbf00;--srns-color-error: #e12d19;--srns-color-info: #0a84ff;color-scheme:dark}
1
+ :root{--srns-font-family-degular-display: "Degular Display", degular-display, serif;--srns-font-family-mona-sans: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-font-family-monospace: monospace;--srns-font-size-10: 10px;--srns-font-size-12: 12px;--srns-font-size-14: 14px;--srns-font-size-16: 16px;--srns-font-size-18: 18px;--srns-font-size-20: 20px;--srns-font-size-24: 24px;--srns-font-size-32: 32px;--srns-font-size-40: 40px;--srns-font-size-48: 48px;--srns-font-size-56: 56px;--srns-font-size-64: 64px;--srns-font-size-72: 72px;--srns-line-height-12: 12px;--srns-line-height-14: 14px;--srns-line-height-16: 16px;--srns-line-height-20: 20px;--srns-line-height-24: 24px;--srns-line-height-32: 32px;--srns-line-height-40: 40px;--srns-line-height-48: 48px;--srns-line-height-56: 56px;--srns-line-height-64: 64px;--srns-line-height-72: 72px;--srns-font-weight-400: 400;--srns-font-weight-500: 500;--srns-font-weight-600: 600;--srns-letter-spacing-0: 0;--srns-letter-spacing-112: 1.12px;--srns-letter-spacing-128: 1.28px;--srns-letter-spacing-144: 1.44px;--srns-letter-spacing-020: .2px;--srns-letter-spacing-024: .24px;--srns-letter-spacing-028: .28px;--srns-letter-spacing-032: .32px;--srns-letter-spacing-036: .36px;--srns-letter-spacing-040: .4px;--srns-letter-spacing-048: .48px;--srns-letter-spacing-056: .56px;--srns-letter-spacing-064: .64px;--srns-letter-spacing-072: .72px;--srns-letter-spacing-080: .8px;--srns-letter-spacing-096: .96px;--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 64px;--srns-typography-public-h0-font-size: 64px;--srns-typography-public-h0-letter-spacing: 1.28px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 40px;--srns-typography-public-h1-font-size: 40px;--srns-typography-public-h1-letter-spacing: .8px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 32px;--srns-typography-public-h2-font-size: 32px;--srns-typography-public-h2-letter-spacing: .64px;--srns-typography-public-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h3-font-weight: 400;--srns-typography-public-h3-line-height: 24px;--srns-typography-public-h3-font-size: 20px;--srns-typography-public-h3-letter-spacing: .4px;--srns-typography-public-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-paragraph-font-weight: 400;--srns-typography-public-paragraph-line-height: 24px;--srns-typography-public-paragraph-font-size: 16px;--srns-typography-public-paragraph-letter-spacing: 0;--srns-typography-public-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-caption-font-weight: 400;--srns-typography-public-caption-line-height: 24px;--srns-typography-public-caption-font-size: 14px;--srns-typography-public-caption-letter-spacing: 0;--srns-typography-public-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-footnote-font-weight: 500;--srns-typography-public-footnote-line-height: 16px;--srns-typography-public-footnote-font-size: 12px;--srns-typography-public-footnote-letter-spacing: 0;--srns-typography-public-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-public-micro-font-weight: 500;--srns-typography-public-micro-line-height: 14px;--srns-typography-public-micro-font-size: 10px;--srns-typography-public-micro-letter-spacing: 0;--srns-typography-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-h0-font-weight: 600;--srns-typography-h0-line-height: 56px;--srns-typography-h0-font-size: 56px;--srns-typography-h0-letter-spacing: 1.12px;--srns-typography-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-h1-font-weight: 600;--srns-typography-h1-line-height: 32px;--srns-typography-h1-font-size: 32px;--srns-typography-h1-letter-spacing: .64px;--srns-typography-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-h2-font-weight: 600;--srns-typography-h2-line-height: 24px;--srns-typography-h2-font-size: 24px;--srns-typography-h2-letter-spacing: .48px;--srns-typography-h3-font-family: "Degular Display", degular-display, serif;--srns-typography-h3-font-weight: 600;--srns-typography-h3-line-height: 24px;--srns-typography-h3-font-size: 20px;--srns-typography-h3-letter-spacing: .4px;--srns-typography-paragraph-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-paragraph-font-weight: 400;--srns-typography-paragraph-line-height: 24px;--srns-typography-paragraph-font-size: 16px;--srns-typography-paragraph-letter-spacing: 0;--srns-typography-caption-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-caption-font-weight: 400;--srns-typography-caption-line-height: 24px;--srns-typography-caption-font-size: 14px;--srns-typography-caption-letter-spacing: 0;--srns-typography-footnote-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-footnote-font-weight: 500;--srns-typography-footnote-line-height: 16px;--srns-typography-footnote-font-size: 12px;--srns-typography-footnote-letter-spacing: 0;--srns-typography-micro-font-family: "Mona Sans", MonaSans, mona-sans, "Mona Sans Fallback", mona-sans-fallback, Arial, system-ui, sans-serif;--srns-typography-micro-font-weight: 500;--srns-typography-micro-line-height: 14px;--srns-typography-micro-font-size: 10px;--srns-typography-micro-letter-spacing: 0;--srns-spacing-0: 0;--srns-spacing-4xs: 2px;--srns-spacing-3xs: 4px;--srns-spacing-2xs: 6px;--srns-spacing-xs: 8px;--srns-spacing-sm: 12px;--srns-spacing-md: 16px;--srns-spacing-lg: 24px;--srns-spacing-xl: 32px;--srns-spacing-2xl: 40px;--srns-spacing-3xl: 48px;--srns-spacing-4xl: 64px;--srns-spacing-5xl: 80px;--srns-spacing-6xl: 96px;--srns-spacing-7xl: 112px;--srns-container-3xs: 256px;--srns-container-2xs: 288px;--srns-container-xs: 320px;--srns-container-sm: 384px;--srns-container-md: 448px;--srns-container-lg: 512px;--srns-container-xl: 576px;--srns-container-2xl: 672px;--srns-container-3xl: 768px;--srns-container-4xl: 896px;--srns-container-5xl: 1024px;--srns-container-6xl: 1152px;--srns-container-7xl: 1280px;--srns-border-radius-0: 0;--srns-border-radius-4xs: 2px;--srns-border-radius-3xs: 4px;--srns-border-radius-2xs: 6px;--srns-border-radius-xs: 8px;--srns-border-radius-sm: 12px;--srns-border-radius-md: 16px;--srns-border-radius-lg: 24px;--srns-border-radius-xl: 32px;--srns-border-radius-2xl: 40px;--srns-border-radius-3xl: 48px;--srns-border-radius-circle: 9999px;--srns-opacity-0: 0;--srns-opacity-8: .08;--srns-opacity-16: .16;--srns-opacity-24: .24;--srns-opacity-32: .32;--srns-opacity-40: .4;--srns-opacity-48: .48;--srns-opacity-56: .56;--srns-opacity-64: .64;--srns-opacity-72: .72;--srns-opacity-80: .8;--srns-opacity-88: .88;--srns-opacity-96: .96;--srns-opacity-100: 1;--srns-z-index-0: 0;--srns-z-index-100: 100;--srns-z-index-200: 200;--srns-z-index-300: 300;--srns-z-index-400: 400;--srns-z-index-500: 500;--srns-z-index-9999: 9999;--srns-z-index--100: -100;--srns-time-0: 0ms;--srns-time-150: 150ms;--srns-time-300: 300ms;--srns-time-500: 500ms;--srns-time-700: 700ms;--srns-border-width-0: 0;--srns-border-width-1: 1px;--srns-border-width-2: 2px;--srns-border-width-4: 4px;--srns-border-width-05: .5px;--srns-elevation-0: 0px 0px 0px 0px #00000000;--srns-breakpoint-sm: 0;--srns-breakpoint-md: 601px;--srns-breakpoint-lg: 1025px;--srns-breakpoint-xl: 1441px;--srns-media-query-sm: (max-width: 600px );--srns-media-query-md: (min-width: 600px ) and (max-width: 1024px );--srns-media-query-lg: (min-width: 1024px ) and (max-width: 1440px );--srns-media-query-xl: (min-width: 1440px );--srns-media-query-gt-sm: (min-width: 601px);--srns-media-query-gt-md: (min-width: 1025px);--srns-media-query-gt-lg: (min-width: 1441px);--srns-media-query-lt-md: (max-width: 600px );--srns-media-query-lt-lg: (max-width: 1024px );--srns-media-query-lt-xl: (max-width: 1440px );--srns-color-white: #ffffff;--srns-color-black: #0b0b1e;--srns-color-transparent: rgba(0, 0, 0, 0);--srns-color-grey-10: #ffffff;--srns-color-grey-20: #f6f7fd;--srns-color-grey-30: #ecedf9;--srns-color-grey-40: #d7d7ea;--srns-color-grey-50: #a7a7d2;--srns-color-grey-60: #8686c1;--srns-color-grey-70: #7a7aae;--srns-color-grey-80: #5d5d98;--srns-color-grey-90: #3e3e79;--srns-color-grey-100: #2d2d58;--srns-color-grey-110: #1c1c36;--srns-color-grey-120: #0b0b1e;--srns-color-grey: #7a7aae;--srns-color-minttea-20: #cafacb;--srns-color-minttea-40: #179a92;--srns-color-minttea-60: #003b2e;--srns-color-minttea-80: #061a1d;--srns-color-minttea: #cafacb;--srns-color-medicine-20: #d0f9fd;--srns-color-medicine-40: #6be5f5;--srns-color-medicine-60: #0d99bb;--srns-color-medicine-80: #175d73;--srns-color-medicine: #0d99bb;--srns-color-mental-20: #f1d6ff;--srns-color-mental-40: #ce8ef2;--srns-color-mental-60: #ae4fdd;--srns-color-mental-80: #7a2c9d;--srns-color-mental: #ae4fdd;--srns-color-nutrition-20: #ccf5e0;--srns-color-nutrition-40: #83a8a4;--srns-color-nutrition-60: #225559;--srns-color-nutrition-80: #1f4042;--srns-color-nutrition: #225559}@media(min-width:601px){:root{--srns-typography-public-h0-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h0-font-weight: 600;--srns-typography-public-h0-line-height: 72px;--srns-typography-public-h0-font-size: 72px;--srns-typography-public-h0-letter-spacing: 1.44px;--srns-typography-public-h1-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h1-font-weight: 600;--srns-typography-public-h1-line-height: 48px;--srns-typography-public-h1-font-size: 48px;--srns-typography-public-h1-letter-spacing: .96px;--srns-typography-public-h2-font-family: "Degular Display", degular-display, serif;--srns-typography-public-h2-font-weight: 600;--srns-typography-public-h2-line-height: 40px;--srns-typography-public-h2-font-size: 40px;--srns-typography-public-h2-letter-spacing: .8px}}.srns-serenis-light{--srns-elevation-2xs: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3;--srns-elevation-xs: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852;--srns-elevation-sm: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D;--srns-elevation-md: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829;--srns-elevation-lg: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829;--srns-elevation-xl: inset 0px .5px 0px 0px #5D29D83D, inset 0px -.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829;--srns-elevation-special: 0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514;--srns-color-lighter: #ffffff;--srns-color-darker: #1c1c36;--srns-color-neutral-10: #ffffff;--srns-color-neutral-20: #f6f7fd;--srns-color-neutral-30: #ecedf9;--srns-color-neutral-40: #d7d7ea;--srns-color-neutral-50: #a7a7d2;--srns-color-neutral-60: #8686c1;--srns-color-neutral-70: #7a7aae;--srns-color-neutral-80: #5d5d98;--srns-color-neutral-90: #3e3e79;--srns-color-neutral-100: #2d2d58;--srns-color-neutral-110: #1c1c36;--srns-color-neutral-120: #0b0b1e;--srns-color-neutral: #7a7aae;--srns-color-accent-10: #ffe9fd;--srns-color-accent-20: #ffd1fb;--srns-color-accent-30: #fea7f9;--srns-color-accent-40: #fd86f6;--srns-color-accent-50: #fc8dfe;--srns-color-accent-60: #e569dc;--srns-color-accent-70: #ca50b7;--srns-color-accent-80: #a83c94;--srns-color-accent: #fc8dfe;--srns-color-primary-10: #ebe9fe;--srns-color-primary-20: #d9d6fe;--srns-color-primary-30: #bdb5fd;--srns-color-primary-40: #9d8cf9;--srns-color-primary-50: #7a59f5;--srns-color-primary-60: #6b3bec;--srns-color-primary-70: #5d29d8;--srns-color-primary-80: #4d22b5;--srns-color-primary: #7a59f5;--srns-color-red-20: #ffe2d4;--srns-color-red-40: #ff796a;--srns-color-red-60: #e12d19;--srns-color-red-80: #bf2818;--srns-color-red: #e12d19;--srns-color-green-20: #c8eede;--srns-color-green-40: #7ad7af;--srns-color-green-60: #419f77;--srns-color-green-80: #227251;--srns-color-green: #419f77;--srns-color-yellow-20: #ffdf99;--srns-color-yellow-40: #ffca5c;--srns-color-yellow-60: #ffab00;--srns-color-yellow-80: #d05e06;--srns-color-yellow: #ffab00;--srns-color-blue-20: #cce7ff;--srns-color-blue-40: #66b8ff;--srns-color-blue-60: #007aff;--srns-color-blue-80: #004299;--srns-color-blue: #007aff;--srns-color-success: #419f77;--srns-color-warning: #ffab00;--srns-color-error: #e12d19;--srns-color-info: #007aff;color-scheme:light}.srns-serenis-dark{--srns-elevation-2xs: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 8px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 2px -4px #0B0B1EE0;--srns-elevation-xs: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 4px 16px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 8px -4px #0B0B1EA3;--srns-elevation-sm: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 8px -2px #0B0B1E8F, 0px 12px 8px -12px #0B0B1E8F;--srns-elevation-md: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 16px -4px #0B0B1E8F, 0px 16px 12px -16px #0B0B1E7A;--srns-elevation-lg: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 24px -4px #0B0B1E7A, 0px 16px 24px -16px #0B0B1E7A;--srns-elevation-xl: inset 0px .5px 0px 0px #5D5D98, inset 0px -.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 32px -8px #0B0B1E52, 0px 32px 32px -24px #0B0B1E7A;--srns-elevation-special: 0px 0px 8px 0px #6A42FF, 0px 0px 0px 4px #6A42FF14, 0px 0px 0px 8px #6A42FF14;--srns-color-lighter: #1c1c36;--srns-color-darker: #ffffff;--srns-color-neutral-10: #0b0b1e;--srns-color-neutral-20: #1c1c36;--srns-color-neutral-30: #2d2d58;--srns-color-neutral-40: #3e3e79;--srns-color-neutral-50: #5d5d98;--srns-color-neutral-60: #7a7aae;--srns-color-neutral-70: #8686c1;--srns-color-neutral-80: #a7a7d2;--srns-color-neutral-90: #d7d7ea;--srns-color-neutral-100: #ecedf9;--srns-color-neutral-110: #f6f7fd;--srns-color-neutral-120: #ffffff;--srns-color-neutral: #8686c1;--srns-color-accent-10: #ffe8fa;--srns-color-accent-20: #ffd4f5;--srns-color-accent-30: #ffb1f1;--srns-color-accent-40: #ff86e8;--srns-color-accent-50: #fc56d8;--srns-color-accent-60: #e848c1;--srns-color-accent-70: #c6349d;--srns-color-accent-80: #a6297f;--srns-color-accent: #fc56d8;--srns-color-primary-10: #eae8ff;--srns-color-primary-20: #d7d4ff;--srns-color-primary-30: #bbb1ff;--srns-color-primary-40: #9985ff;--srns-color-primary-50: #6a42ff;--srns-color-primary-60: #6630f7;--srns-color-primary-70: #591ee3;--srns-color-primary-80: #4918bf;--srns-color-primary: #6a42ff;--srns-color-red-20: #ffe2d4;--srns-color-red-40: #ff796a;--srns-color-red-60: #e12d19;--srns-color-red-80: #bf2818;--srns-color-red: #e12d19;--srns-color-green-20: #c8eee3;--srns-color-green-40: #7ad7bd;--srns-color-green-60: #25a27f;--srns-color-green-80: #117363;--srns-color-green: #25a27f;--srns-color-yellow-20: #ffe599;--srns-color-yellow-40: #ffd65c;--srns-color-yellow-60: #ffbf00;--srns-color-yellow-80: #c66606;--srns-color-yellow: #ffbf00;--srns-color-blue-20: #dbedff;--srns-color-blue-40: #70c6ff;--srns-color-blue-60: #0a84ff;--srns-color-blue-80: #0a4299;--srns-color-blue: #0a84ff;--srns-color-success: #25a27f;--srns-color-warning: #ffbf00;--srns-color-error: #e12d19;--srns-color-info: #0a84ff;color-scheme:dark}
package/dist/index.cjs CHANGED
@@ -993,31 +993,31 @@ var TYPOGRAPHY_PUBLIC_H0_FONT_FAMILY_VALUE = "Degular Display, degular-display,
993
993
  var TYPOGRAPHY_PUBLIC_H0_FONT_WEIGHT = "var(--srns-typography-public-h0-font-weight)";
994
994
  var TYPOGRAPHY_PUBLIC_H0_FONT_WEIGHT_VALUE = "600";
995
995
  var TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT = "var(--srns-typography-public-h0-line-height)";
996
- var TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT_VALUE = "56px";
996
+ var TYPOGRAPHY_PUBLIC_H0_LINE_HEIGHT_VALUE = "64px";
997
997
  var TYPOGRAPHY_PUBLIC_H0_FONT_SIZE = "var(--srns-typography-public-h0-font-size)";
998
- var TYPOGRAPHY_PUBLIC_H0_FONT_SIZE_VALUE = "56px";
998
+ var TYPOGRAPHY_PUBLIC_H0_FONT_SIZE_VALUE = "64px";
999
999
  var TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING = "var(--srns-typography-public-h0-letter-spacing)";
1000
- var TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING_VALUE = "1.12px";
1000
+ var TYPOGRAPHY_PUBLIC_H0_LETTER_SPACING_VALUE = "1.28px";
1001
1001
  var TYPOGRAPHY_PUBLIC_H1_FONT_FAMILY = "var(--srns-typography-public-h1-font-family)";
1002
1002
  var TYPOGRAPHY_PUBLIC_H1_FONT_FAMILY_VALUE = "Degular Display, degular-display, serif";
1003
1003
  var TYPOGRAPHY_PUBLIC_H1_FONT_WEIGHT = "var(--srns-typography-public-h1-font-weight)";
1004
1004
  var TYPOGRAPHY_PUBLIC_H1_FONT_WEIGHT_VALUE = "600";
1005
1005
  var TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT = "var(--srns-typography-public-h1-line-height)";
1006
- var TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT_VALUE = "32px";
1006
+ var TYPOGRAPHY_PUBLIC_H1_LINE_HEIGHT_VALUE = "40px";
1007
1007
  var TYPOGRAPHY_PUBLIC_H1_FONT_SIZE = "var(--srns-typography-public-h1-font-size)";
1008
- var TYPOGRAPHY_PUBLIC_H1_FONT_SIZE_VALUE = "32px";
1008
+ var TYPOGRAPHY_PUBLIC_H1_FONT_SIZE_VALUE = "40px";
1009
1009
  var TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING = "var(--srns-typography-public-h1-letter-spacing)";
1010
- var TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING_VALUE = "0.64px";
1010
+ var TYPOGRAPHY_PUBLIC_H1_LETTER_SPACING_VALUE = "0.8px";
1011
1011
  var TYPOGRAPHY_PUBLIC_H2_FONT_FAMILY = "var(--srns-typography-public-h2-font-family)";
1012
1012
  var TYPOGRAPHY_PUBLIC_H2_FONT_FAMILY_VALUE = "Degular Display, degular-display, serif";
1013
1013
  var TYPOGRAPHY_PUBLIC_H2_FONT_WEIGHT = "var(--srns-typography-public-h2-font-weight)";
1014
1014
  var TYPOGRAPHY_PUBLIC_H2_FONT_WEIGHT_VALUE = "600";
1015
1015
  var TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT = "var(--srns-typography-public-h2-line-height)";
1016
- var TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT_VALUE = "24px";
1016
+ var TYPOGRAPHY_PUBLIC_H2_LINE_HEIGHT_VALUE = "32px";
1017
1017
  var TYPOGRAPHY_PUBLIC_H2_FONT_SIZE = "var(--srns-typography-public-h2-font-size)";
1018
- var TYPOGRAPHY_PUBLIC_H2_FONT_SIZE_VALUE = "24px";
1018
+ var TYPOGRAPHY_PUBLIC_H2_FONT_SIZE_VALUE = "32px";
1019
1019
  var TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING = "var(--srns-typography-public-h2-letter-spacing)";
1020
- var TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING_VALUE = "0.48px";
1020
+ var TYPOGRAPHY_PUBLIC_H2_LETTER_SPACING_VALUE = "0.64px";
1021
1021
  var TYPOGRAPHY_PUBLIC_H3_FONT_FAMILY = "var(--srns-typography-public-h3-font-family)";
1022
1022
  var TYPOGRAPHY_PUBLIC_H3_FONT_FAMILY_VALUE = "Degular Display, degular-display, serif";
1023
1023
  var TYPOGRAPHY_PUBLIC_H3_FONT_WEIGHT = "var(--srns-typography-public-h3-font-weight)";
@@ -1053,7 +1053,7 @@ var TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_FAMILY_VALUE = "Mona Sans, MonaSans, mona-sa
1053
1053
  var TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_WEIGHT = "var(--srns-typography-public-footnote-font-weight)";
1054
1054
  var TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_WEIGHT_VALUE = "500";
1055
1055
  var TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT = "var(--srns-typography-public-footnote-line-height)";
1056
- var TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT_VALUE = "24px";
1056
+ var TYPOGRAPHY_PUBLIC_FOOTNOTE_LINE_HEIGHT_VALUE = "16px";
1057
1057
  var TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_SIZE = "var(--srns-typography-public-footnote-font-size)";
1058
1058
  var TYPOGRAPHY_PUBLIC_FOOTNOTE_FONT_SIZE_VALUE = "12px";
1059
1059
  var TYPOGRAPHY_PUBLIC_FOOTNOTE_LETTER_SPACING = "var(--srns-typography-public-footnote-letter-spacing)";
@@ -1063,9 +1063,9 @@ var TYPOGRAPHY_PUBLIC_MICRO_FONT_FAMILY_VALUE = "Mona Sans, MonaSans, mona-sans,
1063
1063
  var TYPOGRAPHY_PUBLIC_MICRO_FONT_WEIGHT = "var(--srns-typography-public-micro-font-weight)";
1064
1064
  var TYPOGRAPHY_PUBLIC_MICRO_FONT_WEIGHT_VALUE = "500";
1065
1065
  var TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT = "var(--srns-typography-public-micro-line-height)";
1066
- var TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT_VALUE = "16px";
1066
+ var TYPOGRAPHY_PUBLIC_MICRO_LINE_HEIGHT_VALUE = "14px";
1067
1067
  var TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE = "var(--srns-typography-public-micro-font-size)";
1068
- var TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE_VALUE = "12px";
1068
+ var TYPOGRAPHY_PUBLIC_MICRO_FONT_SIZE_VALUE = "10px";
1069
1069
  var TYPOGRAPHY_PUBLIC_MICRO_LETTER_SPACING = "var(--srns-typography-public-micro-letter-spacing)";
1070
1070
  var TYPOGRAPHY_PUBLIC_MICRO_LETTER_SPACING_VALUE = "0";
1071
1071
  var TYPOGRAPHY_H0_FONT_FAMILY = "var(--srns-typography-h0-font-family)";
@@ -2732,6 +2732,13 @@ var utilityClassNames = [
2732
2732
  "lg:py-xs",
2733
2733
  "lg:shrink",
2734
2734
  "lg:shrink-0",
2735
+ "line-clamp-1",
2736
+ "line-clamp-2",
2737
+ "line-clamp-3",
2738
+ "line-clamp-4",
2739
+ "line-clamp-5",
2740
+ "line-clamp-6",
2741
+ "line-clamp-none",
2735
2742
  "lowercase",
2736
2743
  "m-0",
2737
2744
  "m-2xl",