@serenis/design-tokens 0.21.0

package/dist/constants/elevation-box-shadow-serenis-dark.js

@@ -0,0 +1,20 @@
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 8px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 2px -4px #0B0B1EE0` */
+export const ELEVATION_2XS_VALUE = 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 8px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 2px -4px #0B0B1EE0'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 4px 16px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 8px -4px #0B0B1EA3` */
+export const ELEVATION_XS_VALUE = 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 4px 16px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 8px -4px #0B0B1EA3'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 8px -2px #0B0B1E8F, 0px 12px 8px -12px #0B0B1E8F` */
+export const ELEVATION_SM_VALUE = 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 8px -2px #0B0B1E8F, 0px 12px 8px -12px #0B0B1E8F'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 16px -4px #0B0B1E8F, 0px 16px 12px -16px #0B0B1E7A` */
+export const ELEVATION_MD_VALUE = 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 16px -4px #0B0B1E8F, 0px 16px 12px -16px #0B0B1E7A'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 24px -4px #0B0B1E7A, 0px 16px 24px -16px #0B0B1E7A` */
+export const ELEVATION_LG_VALUE = 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 24px -4px #0B0B1E7A, 0px 16px 24px -16px #0B0B1E7A'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 32px -8px #0B0B1E52, 0px 32px 32px -24px #0B0B1E7A` */
+export const ELEVATION_XL_VALUE = 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 32px -8px #0B0B1E52, 0px 32px 32px -24px #0B0B1E7A'
+
+/** `0px 0px 8px 0px #6A42FF, 0px 0px 0px 4px #6A42FF14, 0px 0px 0px 8px #6A42FF14` */
+export const ELEVATION_SPECIAL_VALUE = '0px 0px 8px 0px #6A42FF, 0px 0px 0px 4px #6A42FF14, 0px 0px 0px 8px #6A42FF14'

package/dist/constants/elevation-box-shadow-serenis-light.d.ts

@@ -0,0 +1,20 @@
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3` */
+export declare const ELEVATION_2XS_VALUE: 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852` */
+export declare const ELEVATION_XS_VALUE: 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D` */
+export declare const ELEVATION_SM_VALUE: 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829` */
+export declare const ELEVATION_MD_VALUE: 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829` */
+export declare const ELEVATION_LG_VALUE: 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829` */
+export declare const ELEVATION_XL_VALUE: 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829'
+
+/** `0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514` */
+export declare const ELEVATION_SPECIAL_VALUE: '0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514'

package/dist/constants/elevation-box-shadow-serenis-light.js

@@ -0,0 +1,20 @@
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3` */
+export const ELEVATION_2XS_VALUE = 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852` */
+export const ELEVATION_XS_VALUE = 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D` */
+export const ELEVATION_SM_VALUE = 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829` */
+export const ELEVATION_MD_VALUE = 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829` */
+export const ELEVATION_LG_VALUE = 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829` */
+export const ELEVATION_XL_VALUE = 'inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829'
+
+/** `0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514` */
+export const ELEVATION_SPECIAL_VALUE = '0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514'

package/dist/constants/elevation.d.ts

@@ -0,0 +1,24 @@
+/** `0px 0px 0px 0px #00000000` */
+export declare const ELEVATION_0: 'var(--srns-elevation-0)'
+export declare const ELEVATION_0_VALUE: '0px 0px 0px 0px #00000000'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3` */
+export declare const ELEVATION_2XS: 'var(--srns-elevation-2xs)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852` */
+export declare const ELEVATION_XS: 'var(--srns-elevation-xs)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D` */
+export declare const ELEVATION_SM: 'var(--srns-elevation-sm)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829` */
+export declare const ELEVATION_MD: 'var(--srns-elevation-md)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829` */
+export declare const ELEVATION_LG: 'var(--srns-elevation-lg)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829` */
+export declare const ELEVATION_XL: 'var(--srns-elevation-xl)'
+
+/** `0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514` */
+export declare const ELEVATION_SPECIAL: 'var(--srns-elevation-special)'

package/dist/constants/elevation.js

@@ -0,0 +1,24 @@
+/** `0px 0px 0px 0px #00000000` */
+export const ELEVATION_0 = 'var(--srns-elevation-0)'
+export const ELEVATION_0_VALUE = '0px 0px 0px 0px #00000000'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 8px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 2px -4px #5D29D8A3` */
+export const ELEVATION_2XS = 'var(--srns-elevation-2xs)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 4px 16px -2px #5D29D814, 0px 0px 2px 0px #5D29D83D, 0px 2px 8px -4px #5D29D852` */
+export const ELEVATION_XS = 'var(--srns-elevation-xs)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 8px -2px #5D29D83D, 0px 12px 8px -12px #5D29D83D` */
+export const ELEVATION_SM = 'var(--srns-elevation-sm)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 16px -4px #5D29D83D, 0px 16px 12px -16px #5D29D829` */
+export const ELEVATION_MD = 'var(--srns-elevation-md)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 24px -4px #5D29D829, 0px 16px 24px -16px #5D29D829` */
+export const ELEVATION_LG = 'var(--srns-elevation-lg)'
+
+/** `inset 0px 0.5px 0px 0px #5D29D83D, inset 0px -0.5px 0px 0px #5D29D852, 0px 0px 16px -2px #5D29D814, 0px 0px 32px -8px #5D29D829, 0px 32px 32px -24px #5D29D829` */
+export const ELEVATION_XL = 'var(--srns-elevation-xl)'
+
+/** `0px 0px 8px 0px #7A59F5, 0px 0px 0px 4px #7A59F514, 0px 0px 0px 8px #7A59F514` */
+export const ELEVATION_SPECIAL = 'var(--srns-elevation-special)'

package/dist/constants/font-family.d.ts

@@ -0,0 +1,11 @@
+/** `Degular Display, degular-display, serif` */
+export declare const FONT_FAMILY_DEGULAR_DISPLAY: 'var(--srns-font-family-degular-display)'
+export declare const FONT_FAMILY_DEGULAR_DISPLAY_VALUE: 'Degular Display, degular-display, serif'
+
+/** `Mona Sans, MonaSans, mona-sans, Mona Sans Fallback, mona-sans-fallback, Arial, system-ui, sans-serif` */
+export declare const FONT_FAMILY_MONA_SANS: 'var(--srns-font-family-mona-sans)'
+export declare const FONT_FAMILY_MONA_SANS_VALUE: 'Mona Sans, MonaSans, mona-sans, Mona Sans Fallback, mona-sans-fallback, Arial, system-ui, sans-serif'
+
+/** `monospace` */
+export declare const FONT_FAMILY_MONOSPACE: 'var(--srns-font-family-monospace)'
+export declare const FONT_FAMILY_MONOSPACE_VALUE: 'monospace'

package/dist/constants/font-family.js

@@ -0,0 +1,11 @@
+/** `Degular Display, degular-display, serif` */
+export const FONT_FAMILY_DEGULAR_DISPLAY = 'var(--srns-font-family-degular-display)'
+export const FONT_FAMILY_DEGULAR_DISPLAY_VALUE = 'Degular Display, degular-display, serif'
+
+/** `Mona Sans, MonaSans, mona-sans, Mona Sans Fallback, mona-sans-fallback, Arial, system-ui, sans-serif` */
+export const FONT_FAMILY_MONA_SANS = 'var(--srns-font-family-mona-sans)'
+export const FONT_FAMILY_MONA_SANS_VALUE = 'Mona Sans, MonaSans, mona-sans, Mona Sans Fallback, mona-sans-fallback, Arial, system-ui, sans-serif'
+
+/** `monospace` */
+export const FONT_FAMILY_MONOSPACE = 'var(--srns-font-family-monospace)'
+export const FONT_FAMILY_MONOSPACE_VALUE = 'monospace'

package/dist/constants/font-size.d.ts

@@ -0,0 +1,51 @@
+/** `10px` */
+export declare const FONT_SIZE_10: 'var(--srns-font-size-10)'
+export declare const FONT_SIZE_10_VALUE: '10px'
+
+/** `12px` */
+export declare const FONT_SIZE_12: 'var(--srns-font-size-12)'
+export declare const FONT_SIZE_12_VALUE: '12px'
+
+/** `14px` */
+export declare const FONT_SIZE_14: 'var(--srns-font-size-14)'
+export declare const FONT_SIZE_14_VALUE: '14px'
+
+/** `16px` */
+export declare const FONT_SIZE_16: 'var(--srns-font-size-16)'
+export declare const FONT_SIZE_16_VALUE: '16px'
+
+/** `18px` */
+export declare const FONT_SIZE_18: 'var(--srns-font-size-18)'
+export declare const FONT_SIZE_18_VALUE: '18px'
+
+/** `20px` */
+export declare const FONT_SIZE_20: 'var(--srns-font-size-20)'
+export declare const FONT_SIZE_20_VALUE: '20px'
+
+/** `24px` */
+export declare const FONT_SIZE_24: 'var(--srns-font-size-24)'
+export declare const FONT_SIZE_24_VALUE: '24px'
+
+/** `32px` */
+export declare const FONT_SIZE_32: 'var(--srns-font-size-32)'
+export declare const FONT_SIZE_32_VALUE: '32px'
+
+/** `40px` */
+export declare const FONT_SIZE_40: 'var(--srns-font-size-40)'
+export declare const FONT_SIZE_40_VALUE: '40px'
+
+/** `48px` */
+export declare const FONT_SIZE_48: 'var(--srns-font-size-48)'
+export declare const FONT_SIZE_48_VALUE: '48px'
+
+/** `56px` */
+export declare const FONT_SIZE_56: 'var(--srns-font-size-56)'
+export declare const FONT_SIZE_56_VALUE: '56px'
+
+/** `64px` */
+export declare const FONT_SIZE_64: 'var(--srns-font-size-64)'
+export declare const FONT_SIZE_64_VALUE: '64px'
+
+/** `72px` */
+export declare const FONT_SIZE_72: 'var(--srns-font-size-72)'
+export declare const FONT_SIZE_72_VALUE: '72px'

package/dist/constants/font-size.js

@@ -0,0 +1,51 @@
+/** `10px` */
+export const FONT_SIZE_10 = 'var(--srns-font-size-10)'
+export const FONT_SIZE_10_VALUE = '10px'
+
+/** `12px` */
+export const FONT_SIZE_12 = 'var(--srns-font-size-12)'
+export const FONT_SIZE_12_VALUE = '12px'
+
+/** `14px` */
+export const FONT_SIZE_14 = 'var(--srns-font-size-14)'
+export const FONT_SIZE_14_VALUE = '14px'
+
+/** `16px` */
+export const FONT_SIZE_16 = 'var(--srns-font-size-16)'
+export const FONT_SIZE_16_VALUE = '16px'
+
+/** `18px` */
+export const FONT_SIZE_18 = 'var(--srns-font-size-18)'
+export const FONT_SIZE_18_VALUE = '18px'
+
+/** `20px` */
+export const FONT_SIZE_20 = 'var(--srns-font-size-20)'
+export const FONT_SIZE_20_VALUE = '20px'
+
+/** `24px` */
+export const FONT_SIZE_24 = 'var(--srns-font-size-24)'
+export const FONT_SIZE_24_VALUE = '24px'
+
+/** `32px` */
+export const FONT_SIZE_32 = 'var(--srns-font-size-32)'
+export const FONT_SIZE_32_VALUE = '32px'
+
+/** `40px` */
+export const FONT_SIZE_40 = 'var(--srns-font-size-40)'
+export const FONT_SIZE_40_VALUE = '40px'
+
+/** `48px` */
+export const FONT_SIZE_48 = 'var(--srns-font-size-48)'
+export const FONT_SIZE_48_VALUE = '48px'
+
+/** `56px` */
+export const FONT_SIZE_56 = 'var(--srns-font-size-56)'
+export const FONT_SIZE_56_VALUE = '56px'
+
+/** `64px` */
+export const FONT_SIZE_64 = 'var(--srns-font-size-64)'
+export const FONT_SIZE_64_VALUE = '64px'
+
+/** `72px` */
+export const FONT_SIZE_72 = 'var(--srns-font-size-72)'
+export const FONT_SIZE_72_VALUE = '72px'

package/dist/constants/font-weight.d.ts

@@ -0,0 +1,11 @@
+/** `400` */
+export declare const FONT_WEIGHT_400: 'var(--srns-font-weight-400)'
+export declare const FONT_WEIGHT_400_VALUE: '400'
+
+/** `500` */
+export declare const FONT_WEIGHT_500: 'var(--srns-font-weight-500)'
+export declare const FONT_WEIGHT_500_VALUE: '500'
+
+/** `600` */
+export declare const FONT_WEIGHT_600: 'var(--srns-font-weight-600)'
+export declare const FONT_WEIGHT_600_VALUE: '600'

package/dist/constants/font-weight.js

@@ -0,0 +1,11 @@
+/** `400` */
+export const FONT_WEIGHT_400 = 'var(--srns-font-weight-400)'
+export const FONT_WEIGHT_400_VALUE = '400'
+
+/** `500` */
+export const FONT_WEIGHT_500 = 'var(--srns-font-weight-500)'
+export const FONT_WEIGHT_500_VALUE = '500'
+
+/** `600` */
+export const FONT_WEIGHT_600 = 'var(--srns-font-weight-600)'
+export const FONT_WEIGHT_600_VALUE = '600'

package/dist/constants/index.d.ts

@@ -0,0 +1,20 @@
+export * from './border-radius.js'
+export * from './border-width.js'
+export * from './breakpoint.js'
+export * from './container.js'
+export * from './font-size.js'
+export * from './letter-spacing.js'
+export * from './line-height.js'
+export * from './spacing.js'
+export * from './time.js'
+export * from './font-family.js'
+export * from './font-weight.js'
+export * from './opacity.js'
+export * from './media-query.js'
+export * from './elevation.js'
+export * as elevationBoxShadowSerenisLight from './elevation-box-shadow-serenis-light.js'
+export * as elevationBoxShadowSerenisDark from './elevation-box-shadow-serenis-dark.js'
+export * from './typography.js'
+export * from './color.js'
+export * as colorSerenisLight from './color-serenis-light.js'
+export * as colorSerenisDark from './color-serenis-dark.js'

package/dist/constants/index.js

@@ -0,0 +1,20 @@
+export * from './border-radius.js'
+export * from './border-width.js'
+export * from './breakpoint.js'
+export * from './container.js'
+export * from './font-size.js'
+export * from './letter-spacing.js'
+export * from './line-height.js'
+export * from './spacing.js'
+export * from './time.js'
+export * from './font-family.js'
+export * from './font-weight.js'
+export * from './opacity.js'
+export * from './media-query.js'
+export * from './elevation.js'
+export * as elevationBoxShadowSerenisLight from './elevation-box-shadow-serenis-light.js'
+export * as elevationBoxShadowSerenisDark from './elevation-box-shadow-serenis-dark.js'
+export * from './typography.js'
+export * from './color.js'
+export * as colorSerenisLight from './color-serenis-light.js'
+export * as colorSerenisDark from './color-serenis-dark.js'

package/dist/constants/letter-spacing.d.ts

@@ -0,0 +1,63 @@
+/** `0` */
+export declare const LETTER_SPACING_0: 'var(--srns-letter-spacing-0)'
+export declare const LETTER_SPACING_0_VALUE: '0'
+
+/** `0.2px` */
+export declare const LETTER_SPACING_020: 'var(--srns-letter-spacing-020)'
+export declare const LETTER_SPACING_020_VALUE: '0.2px'
+
+/** `0.24px` */
+export declare const LETTER_SPACING_024: 'var(--srns-letter-spacing-024)'
+export declare const LETTER_SPACING_024_VALUE: '0.24px'
+
+/** `0.28px` */
+export declare const LETTER_SPACING_028: 'var(--srns-letter-spacing-028)'
+export declare const LETTER_SPACING_028_VALUE: '0.28px'
+
+/** `0.32px` */
+export declare const LETTER_SPACING_032: 'var(--srns-letter-spacing-032)'
+export declare const LETTER_SPACING_032_VALUE: '0.32px'
+
+/** `0.36px` */
+export declare const LETTER_SPACING_036: 'var(--srns-letter-spacing-036)'
+export declare const LETTER_SPACING_036_VALUE: '0.36px'
+
+/** `0.4px` */
+export declare const LETTER_SPACING_040: 'var(--srns-letter-spacing-040)'
+export declare const LETTER_SPACING_040_VALUE: '0.4px'
+
+/** `0.48px` */
+export declare const LETTER_SPACING_048: 'var(--srns-letter-spacing-048)'
+export declare const LETTER_SPACING_048_VALUE: '0.48px'
+
+/** `0.56px` */
+export declare const LETTER_SPACING_056: 'var(--srns-letter-spacing-056)'
+export declare const LETTER_SPACING_056_VALUE: '0.56px'
+
+/** `0.64px` */
+export declare const LETTER_SPACING_064: 'var(--srns-letter-spacing-064)'
+export declare const LETTER_SPACING_064_VALUE: '0.64px'
+
+/** `0.72px` */
+export declare const LETTER_SPACING_072: 'var(--srns-letter-spacing-072)'
+export declare const LETTER_SPACING_072_VALUE: '0.72px'
+
+/** `0.8px` */
+export declare const LETTER_SPACING_080: 'var(--srns-letter-spacing-080)'
+export declare const LETTER_SPACING_080_VALUE: '0.8px'
+
+/** `0.96px` */
+export declare const LETTER_SPACING_096: 'var(--srns-letter-spacing-096)'
+export declare const LETTER_SPACING_096_VALUE: '0.96px'
+
+/** `1.12px` */
+export declare const LETTER_SPACING_112: 'var(--srns-letter-spacing-112)'
+export declare const LETTER_SPACING_112_VALUE: '1.12px'
+
+/** `1.28px` */
+export declare const LETTER_SPACING_128: 'var(--srns-letter-spacing-128)'
+export declare const LETTER_SPACING_128_VALUE: '1.28px'
+
+/** `1.44px` */
+export declare const LETTER_SPACING_144: 'var(--srns-letter-spacing-144)'
+export declare const LETTER_SPACING_144_VALUE: '1.44px'

package/dist/constants/letter-spacing.js

@@ -0,0 +1,63 @@
+/** `0` */
+export const LETTER_SPACING_0 = 'var(--srns-letter-spacing-0)'
+export const LETTER_SPACING_0_VALUE = '0'
+
+/** `0.2px` */
+export const LETTER_SPACING_020 = 'var(--srns-letter-spacing-020)'
+export const LETTER_SPACING_020_VALUE = '0.2px'
+
+/** `0.24px` */
+export const LETTER_SPACING_024 = 'var(--srns-letter-spacing-024)'
+export const LETTER_SPACING_024_VALUE = '0.24px'
+
+/** `0.28px` */
+export const LETTER_SPACING_028 = 'var(--srns-letter-spacing-028)'
+export const LETTER_SPACING_028_VALUE = '0.28px'
+
+/** `0.32px` */
+export const LETTER_SPACING_032 = 'var(--srns-letter-spacing-032)'
+export const LETTER_SPACING_032_VALUE = '0.32px'
+
+/** `0.36px` */
+export const LETTER_SPACING_036 = 'var(--srns-letter-spacing-036)'
+export const LETTER_SPACING_036_VALUE = '0.36px'
+
+/** `0.4px` */
+export const LETTER_SPACING_040 = 'var(--srns-letter-spacing-040)'
+export const LETTER_SPACING_040_VALUE = '0.4px'
+
+/** `0.48px` */
+export const LETTER_SPACING_048 = 'var(--srns-letter-spacing-048)'
+export const LETTER_SPACING_048_VALUE = '0.48px'
+
+/** `0.56px` */
+export const LETTER_SPACING_056 = 'var(--srns-letter-spacing-056)'
+export const LETTER_SPACING_056_VALUE = '0.56px'
+
+/** `0.64px` */
+export const LETTER_SPACING_064 = 'var(--srns-letter-spacing-064)'
+export const LETTER_SPACING_064_VALUE = '0.64px'
+
+/** `0.72px` */
+export const LETTER_SPACING_072 = 'var(--srns-letter-spacing-072)'
+export const LETTER_SPACING_072_VALUE = '0.72px'
+
+/** `0.8px` */
+export const LETTER_SPACING_080 = 'var(--srns-letter-spacing-080)'
+export const LETTER_SPACING_080_VALUE = '0.8px'
+
+/** `0.96px` */
+export const LETTER_SPACING_096 = 'var(--srns-letter-spacing-096)'
+export const LETTER_SPACING_096_VALUE = '0.96px'
+
+/** `1.12px` */
+export const LETTER_SPACING_112 = 'var(--srns-letter-spacing-112)'
+export const LETTER_SPACING_112_VALUE = '1.12px'
+
+/** `1.28px` */
+export const LETTER_SPACING_128 = 'var(--srns-letter-spacing-128)'
+export const LETTER_SPACING_128_VALUE = '1.28px'
+
+/** `1.44px` */
+export const LETTER_SPACING_144 = 'var(--srns-letter-spacing-144)'
+export const LETTER_SPACING_144_VALUE = '1.44px'

package/dist/constants/line-height.d.ts

@@ -0,0 +1,43 @@
+/** `12px` */
+export declare const LINE_HEIGHT_12: 'var(--srns-line-height-12)'
+export declare const LINE_HEIGHT_12_VALUE: '12px'
+
+/** `14px` */
+export declare const LINE_HEIGHT_14: 'var(--srns-line-height-14)'
+export declare const LINE_HEIGHT_14_VALUE: '14px'
+
+/** `16px` */
+export declare const LINE_HEIGHT_16: 'var(--srns-line-height-16)'
+export declare const LINE_HEIGHT_16_VALUE: '16px'
+
+/** `20px` */
+export declare const LINE_HEIGHT_20: 'var(--srns-line-height-20)'
+export declare const LINE_HEIGHT_20_VALUE: '20px'
+
+/** `24px` */
+export declare const LINE_HEIGHT_24: 'var(--srns-line-height-24)'
+export declare const LINE_HEIGHT_24_VALUE: '24px'
+
+/** `32px` */
+export declare const LINE_HEIGHT_32: 'var(--srns-line-height-32)'
+export declare const LINE_HEIGHT_32_VALUE: '32px'
+
+/** `40px` */
+export declare const LINE_HEIGHT_40: 'var(--srns-line-height-40)'
+export declare const LINE_HEIGHT_40_VALUE: '40px'
+
+/** `48px` */
+export declare const LINE_HEIGHT_48: 'var(--srns-line-height-48)'
+export declare const LINE_HEIGHT_48_VALUE: '48px'
+
+/** `56px` */
+export declare const LINE_HEIGHT_56: 'var(--srns-line-height-56)'
+export declare const LINE_HEIGHT_56_VALUE: '56px'
+
+/** `64px` */
+export declare const LINE_HEIGHT_64: 'var(--srns-line-height-64)'
+export declare const LINE_HEIGHT_64_VALUE: '64px'
+
+/** `72px` */
+export declare const LINE_HEIGHT_72: 'var(--srns-line-height-72)'
+export declare const LINE_HEIGHT_72_VALUE: '72px'

package/dist/constants/line-height.js

@@ -0,0 +1,43 @@
+/** `12px` */
+export const LINE_HEIGHT_12 = 'var(--srns-line-height-12)'
+export const LINE_HEIGHT_12_VALUE = '12px'
+
+/** `14px` */
+export const LINE_HEIGHT_14 = 'var(--srns-line-height-14)'
+export const LINE_HEIGHT_14_VALUE = '14px'
+
+/** `16px` */
+export const LINE_HEIGHT_16 = 'var(--srns-line-height-16)'
+export const LINE_HEIGHT_16_VALUE = '16px'
+
+/** `20px` */
+export const LINE_HEIGHT_20 = 'var(--srns-line-height-20)'
+export const LINE_HEIGHT_20_VALUE = '20px'
+
+/** `24px` */
+export const LINE_HEIGHT_24 = 'var(--srns-line-height-24)'
+export const LINE_HEIGHT_24_VALUE = '24px'
+
+/** `32px` */
+export const LINE_HEIGHT_32 = 'var(--srns-line-height-32)'
+export const LINE_HEIGHT_32_VALUE = '32px'
+
+/** `40px` */
+export const LINE_HEIGHT_40 = 'var(--srns-line-height-40)'
+export const LINE_HEIGHT_40_VALUE = '40px'
+
+/** `48px` */
+export const LINE_HEIGHT_48 = 'var(--srns-line-height-48)'
+export const LINE_HEIGHT_48_VALUE = '48px'
+
+/** `56px` */
+export const LINE_HEIGHT_56 = 'var(--srns-line-height-56)'
+export const LINE_HEIGHT_56_VALUE = '56px'
+
+/** `64px` */
+export const LINE_HEIGHT_64 = 'var(--srns-line-height-64)'
+export const LINE_HEIGHT_64_VALUE = '64px'
+
+/** `72px` */
+export const LINE_HEIGHT_72 = 'var(--srns-line-height-72)'
+export const LINE_HEIGHT_72_VALUE = '72px'

package/dist/constants/media-query.d.ts

@@ -0,0 +1,39 @@
+/** `(max-width: calc(601px - 1px))` */
+export declare const MEDIA_QUERY_SM: 'var(--srns-media-query-sm)'
+export declare const MEDIA_QUERY_SM_VALUE: '(max-width: calc(601px - 1px))'
+
+/** `(min-width: calc(601px - 1px)) and (max-width: calc(1025px - 1px))` */
+export declare const MEDIA_QUERY_MD: 'var(--srns-media-query-md)'
+export declare const MEDIA_QUERY_MD_VALUE: '(min-width: calc(601px - 1px)) and (max-width: calc(1025px - 1px))'
+
+/** `(min-width: calc(1025px - 1px)) and (max-width: calc(1441px - 1px))` */
+export declare const MEDIA_QUERY_LG: 'var(--srns-media-query-lg)'
+export declare const MEDIA_QUERY_LG_VALUE: '(min-width: calc(1025px - 1px)) and (max-width: calc(1441px - 1px))'
+
+/** `(min-width: calc(1441px - 1px))` */
+export declare const MEDIA_QUERY_XL: 'var(--srns-media-query-xl)'
+export declare const MEDIA_QUERY_XL_VALUE: '(min-width: calc(1441px - 1px))'
+
+/** `(min-width: 601px)` */
+export declare const MEDIA_QUERY_GT_SM: 'var(--srns-media-query-gt-sm)'
+export declare const MEDIA_QUERY_GT_SM_VALUE: '(min-width: 601px)'
+
+/** `(min-width: 1025px)` */
+export declare const MEDIA_QUERY_GT_MD: 'var(--srns-media-query-gt-md)'
+export declare const MEDIA_QUERY_GT_MD_VALUE: '(min-width: 1025px)'
+
+/** `(min-width: 1441px)` */
+export declare const MEDIA_QUERY_GT_LG: 'var(--srns-media-query-gt-lg)'
+export declare const MEDIA_QUERY_GT_LG_VALUE: '(min-width: 1441px)'
+
+/** `(max-width: calc(601px - 1px))` */
+export declare const MEDIA_QUERY_LT_MD: 'var(--srns-media-query-lt-md)'
+export declare const MEDIA_QUERY_LT_MD_VALUE: '(max-width: calc(601px - 1px))'
+
+/** `(max-width: calc(1025px - 1px))` */
+export declare const MEDIA_QUERY_LT_LG: 'var(--srns-media-query-lt-lg)'
+export declare const MEDIA_QUERY_LT_LG_VALUE: '(max-width: calc(1025px - 1px))'
+
+/** `(max-width: calc(1441px - 1px))` */
+export declare const MEDIA_QUERY_LT_XL: 'var(--srns-media-query-lt-xl)'
+export declare const MEDIA_QUERY_LT_XL_VALUE: '(max-width: calc(1441px - 1px))'

package/dist/constants/media-query.js

@@ -0,0 +1,39 @@
+/** `(max-width: calc(601px - 1px))` */
+export const MEDIA_QUERY_SM = 'var(--srns-media-query-sm)'
+export const MEDIA_QUERY_SM_VALUE = '(max-width: calc(601px - 1px))'
+
+/** `(min-width: calc(601px - 1px)) and (max-width: calc(1025px - 1px))` */
+export const MEDIA_QUERY_MD = 'var(--srns-media-query-md)'
+export const MEDIA_QUERY_MD_VALUE = '(min-width: calc(601px - 1px)) and (max-width: calc(1025px - 1px))'
+
+/** `(min-width: calc(1025px - 1px)) and (max-width: calc(1441px - 1px))` */
+export const MEDIA_QUERY_LG = 'var(--srns-media-query-lg)'
+export const MEDIA_QUERY_LG_VALUE = '(min-width: calc(1025px - 1px)) and (max-width: calc(1441px - 1px))'
+
+/** `(min-width: calc(1441px - 1px))` */
+export const MEDIA_QUERY_XL = 'var(--srns-media-query-xl)'
+export const MEDIA_QUERY_XL_VALUE = '(min-width: calc(1441px - 1px))'
+
+/** `(min-width: 601px)` */
+export const MEDIA_QUERY_GT_SM = 'var(--srns-media-query-gt-sm)'
+export const MEDIA_QUERY_GT_SM_VALUE = '(min-width: 601px)'
+
+/** `(min-width: 1025px)` */
+export const MEDIA_QUERY_GT_MD = 'var(--srns-media-query-gt-md)'
+export const MEDIA_QUERY_GT_MD_VALUE = '(min-width: 1025px)'
+
+/** `(min-width: 1441px)` */
+export const MEDIA_QUERY_GT_LG = 'var(--srns-media-query-gt-lg)'
+export const MEDIA_QUERY_GT_LG_VALUE = '(min-width: 1441px)'
+
+/** `(max-width: calc(601px - 1px))` */
+export const MEDIA_QUERY_LT_MD = 'var(--srns-media-query-lt-md)'
+export const MEDIA_QUERY_LT_MD_VALUE = '(max-width: calc(601px - 1px))'
+
+/** `(max-width: calc(1025px - 1px))` */
+export const MEDIA_QUERY_LT_LG = 'var(--srns-media-query-lt-lg)'
+export const MEDIA_QUERY_LT_LG_VALUE = '(max-width: calc(1025px - 1px))'
+
+/** `(max-width: calc(1441px - 1px))` */
+export const MEDIA_QUERY_LT_XL = 'var(--srns-media-query-lt-xl)'
+export const MEDIA_QUERY_LT_XL_VALUE = '(max-width: calc(1441px - 1px))'