@serenis/design-tokens 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +130 -0
- package/README.md +284 -0
- package/dist/base.css +1 -0
- package/dist/constants/border-radius.d.ts +47 -0
- package/dist/constants/border-radius.js +47 -0
- package/dist/constants/border-width.d.ts +19 -0
- package/dist/constants/border-width.js +19 -0
- package/dist/constants/breakpoint.d.ts +15 -0
- package/dist/constants/breakpoint.js +15 -0
- package/dist/constants/color-serenis-dark.d.ts +278 -0
- package/dist/constants/color-serenis-dark.js +278 -0
- package/dist/constants/color-serenis-light.d.ts +278 -0
- package/dist/constants/color-serenis-light.js +278 -0
- package/dist/constants/color.d.ts +278 -0
- package/dist/constants/color.js +278 -0
- package/dist/constants/container.d.ts +51 -0
- package/dist/constants/container.js +51 -0
- package/dist/constants/elevation-box-shadow-serenis-dark.d.ts +20 -0
- package/dist/constants/elevation-box-shadow-serenis-dark.js +20 -0
- package/dist/constants/elevation-box-shadow-serenis-light.d.ts +20 -0
- package/dist/constants/elevation-box-shadow-serenis-light.js +20 -0
- package/dist/constants/elevation.d.ts +24 -0
- package/dist/constants/elevation.js +24 -0
- package/dist/constants/font-family.d.ts +11 -0
- package/dist/constants/font-family.js +11 -0
- package/dist/constants/font-size.d.ts +51 -0
- package/dist/constants/font-size.js +51 -0
- package/dist/constants/font-weight.d.ts +11 -0
- package/dist/constants/font-weight.js +11 -0
- package/dist/constants/index.d.ts +20 -0
- package/dist/constants/index.js +20 -0
- package/dist/constants/letter-spacing.d.ts +63 -0
- package/dist/constants/letter-spacing.js +63 -0
- package/dist/constants/line-height.d.ts +43 -0
- package/dist/constants/line-height.js +43 -0
- package/dist/constants/media-query.d.ts +39 -0
- package/dist/constants/media-query.js +39 -0
- package/dist/constants/opacity.d.ts +55 -0
- package/dist/constants/opacity.js +55 -0
- package/dist/constants/spacing.d.ts +59 -0
- package/dist/constants/spacing.js +59 -0
- package/dist/constants/time.d.ts +19 -0
- package/dist/constants/time.js +19 -0
- package/dist/constants/typography.d.ts +319 -0
- package/dist/constants/typography.js +319 -0
- package/dist/css-base.d.ts +1 -0
- package/dist/css-serenis-dark.d.ts +1 -0
- package/dist/css-serenis-light.d.ts +1 -0
- package/dist/css.d.ts +1 -0
- package/dist/cssvar/border-radius.d.ts +11 -0
- package/dist/cssvar/border-radius.js +12 -0
- package/dist/cssvar/border-width.d.ts +11 -0
- package/dist/cssvar/border-width.js +12 -0
- package/dist/cssvar/breakpoint.d.ts +11 -0
- package/dist/cssvar/breakpoint.js +12 -0
- package/dist/cssvar/color.d.ts +11 -0
- package/dist/cssvar/color.js +12 -0
- package/dist/cssvar/container.d.ts +11 -0
- package/dist/cssvar/container.js +12 -0
- package/dist/cssvar/elevation.d.ts +11 -0
- package/dist/cssvar/elevation.js +12 -0
- package/dist/cssvar/font-family.d.ts +11 -0
- package/dist/cssvar/font-family.js +12 -0
- package/dist/cssvar/font-size.d.ts +11 -0
- package/dist/cssvar/font-size.js +12 -0
- package/dist/cssvar/font-weight.d.ts +11 -0
- package/dist/cssvar/font-weight.js +12 -0
- package/dist/cssvar/index.d.ts +16 -0
- package/dist/cssvar/index.js +16 -0
- package/dist/cssvar/letter-spacing.d.ts +11 -0
- package/dist/cssvar/letter-spacing.js +12 -0
- package/dist/cssvar/line-height.d.ts +11 -0
- package/dist/cssvar/line-height.js +12 -0
- package/dist/cssvar/media-query.d.ts +11 -0
- package/dist/cssvar/media-query.js +12 -0
- package/dist/cssvar/opacity.d.ts +11 -0
- package/dist/cssvar/opacity.js +12 -0
- package/dist/cssvar/spacing.d.ts +11 -0
- package/dist/cssvar/spacing.js +12 -0
- package/dist/cssvar/time.d.ts +11 -0
- package/dist/cssvar/time.js +12 -0
- package/dist/cssvar/typography.d.ts +30 -0
- package/dist/cssvar/typography.js +23 -0
- package/dist/index.cjs +3769 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/serenis-dark.css +1 -0
- package/dist/serenis-light.css +1 -0
- package/dist/types/border-radius.d.ts +16 -0
- package/dist/types/border-radius.js +14 -0
- package/dist/types/border-width.d.ts +9 -0
- package/dist/types/border-width.js +7 -0
- package/dist/types/breakpoint.d.ts +8 -0
- package/dist/types/breakpoint.js +6 -0
- package/dist/types/color.d.ts +97 -0
- package/dist/types/color.js +95 -0
- package/dist/types/container.d.ts +17 -0
- package/dist/types/container.js +15 -0
- package/dist/types/elevation.d.ts +3 -0
- package/dist/types/elevation.js +1 -0
- package/dist/types/font-family.d.ts +3 -0
- package/dist/types/font-family.js +1 -0
- package/dist/types/font-size.d.ts +17 -0
- package/dist/types/font-size.js +15 -0
- package/dist/types/font-weight.d.ts +3 -0
- package/dist/types/font-weight.js +1 -0
- package/dist/types/index.d.ts +17 -0
- package/dist/types/index.js +17 -0
- package/dist/types/letter-spacing.d.ts +20 -0
- package/dist/types/letter-spacing.js +18 -0
- package/dist/types/line-height.d.ts +15 -0
- package/dist/types/line-height.js +13 -0
- package/dist/types/media-query.d.ts +3 -0
- package/dist/types/media-query.js +1 -0
- package/dist/types/opacity.d.ts +3 -0
- package/dist/types/opacity.js +1 -0
- package/dist/types/spacing.d.ts +19 -0
- package/dist/types/spacing.js +17 -0
- package/dist/types/time.d.ts +3 -0
- package/dist/types/time.js +1 -0
- package/dist/types/typography.d.ts +20 -0
- package/dist/types/typography.js +18 -0
- package/dist/types/utility-class.d.ts +1807 -0
- package/dist/types/utility-class.js +1805 -0
- package/dist/utilities.css +1 -0
- package/dist/utilities.d.ts +1 -0
- package/dist/utils/cssvar.d.ts +7 -0
- package/dist/utils/cssvar.js +15 -0
- package/dist/utils/cx.d.ts +6 -0
- package/dist/utils/cx.js +4 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +2 -0
- package/package.json +80 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const elevationNames = ['0', '2xs', 'xs', 'sm', 'md', 'lg', 'xl', 'special']
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const fontFamilyNames = ['degular-display', 'mona-sans', 'monospace']
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const fontWeightNames = ['400', '500', '600']
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { type BorderRadiusName, borderRadiusNames } from './border-radius.js'
|
|
2
|
+
export { type BorderWidthName, borderWidthNames } from './border-width.js'
|
|
3
|
+
export { type BreakpointName, breakpointNames } from './breakpoint.js'
|
|
4
|
+
export { type ContainerName, containerNames } from './container.js'
|
|
5
|
+
export { type FontSizeName, fontSizeNames } from './font-size.js'
|
|
6
|
+
export { type LetterSpacingName, letterSpacingNames } from './letter-spacing.js'
|
|
7
|
+
export { type LineHeightName, lineHeightNames } from './line-height.js'
|
|
8
|
+
export { type SpacingName, spacingNames } from './spacing.js'
|
|
9
|
+
export { type TimeName, timeNames } from './time.js'
|
|
10
|
+
export { type FontFamilyName, fontFamilyNames } from './font-family.js'
|
|
11
|
+
export { type FontWeightName, fontWeightNames } from './font-weight.js'
|
|
12
|
+
export { type OpacityName, opacityNames } from './opacity.js'
|
|
13
|
+
export { type MediaQueryName, mediaQueryNames } from './media-query.js'
|
|
14
|
+
export { type ElevationName, elevationNames } from './elevation.js'
|
|
15
|
+
export { type TypographyName, typographyNames } from './typography.js'
|
|
16
|
+
export { type ColorName, colorNames } from './color.js'
|
|
17
|
+
export { type UtilityClassName, utilityClassNames } from './utility-class.js'
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { borderRadiusNames } from './border-radius.js'
|
|
2
|
+
export { borderWidthNames } from './border-width.js'
|
|
3
|
+
export { breakpointNames } from './breakpoint.js'
|
|
4
|
+
export { containerNames } from './container.js'
|
|
5
|
+
export { fontSizeNames } from './font-size.js'
|
|
6
|
+
export { letterSpacingNames } from './letter-spacing.js'
|
|
7
|
+
export { lineHeightNames } from './line-height.js'
|
|
8
|
+
export { spacingNames } from './spacing.js'
|
|
9
|
+
export { timeNames } from './time.js'
|
|
10
|
+
export { fontFamilyNames } from './font-family.js'
|
|
11
|
+
export { fontWeightNames } from './font-weight.js'
|
|
12
|
+
export { opacityNames } from './opacity.js'
|
|
13
|
+
export { mediaQueryNames } from './media-query.js'
|
|
14
|
+
export { elevationNames } from './elevation.js'
|
|
15
|
+
export { typographyNames } from './typography.js'
|
|
16
|
+
export { colorNames } from './color.js'
|
|
17
|
+
export { utilityClassNames } from './utility-class.js'
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const letterSpacingNames: readonly [
|
|
2
|
+
'0',
|
|
3
|
+
'020',
|
|
4
|
+
'024',
|
|
5
|
+
'028',
|
|
6
|
+
'032',
|
|
7
|
+
'036',
|
|
8
|
+
'040',
|
|
9
|
+
'048',
|
|
10
|
+
'056',
|
|
11
|
+
'064',
|
|
12
|
+
'072',
|
|
13
|
+
'080',
|
|
14
|
+
'096',
|
|
15
|
+
'112',
|
|
16
|
+
'128',
|
|
17
|
+
'144',
|
|
18
|
+
]
|
|
19
|
+
|
|
20
|
+
export type LetterSpacingName = (typeof letterSpacingNames)[number]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const mediaQueryNames = ['sm', 'md', 'lg', 'xl', 'gt-sm', 'gt-md', 'gt-lg', 'lt-md', 'lt-lg', 'lt-xl']
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const opacityNames = ['0', '8', '16', '24', '32', '40', '48', '56', '64', '72', '80', '88', '96', '100']
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const spacingNames: readonly [
|
|
2
|
+
'0',
|
|
3
|
+
'4xs',
|
|
4
|
+
'3xs',
|
|
5
|
+
'2xs',
|
|
6
|
+
'xs',
|
|
7
|
+
'sm',
|
|
8
|
+
'md',
|
|
9
|
+
'lg',
|
|
10
|
+
'xl',
|
|
11
|
+
'2xl',
|
|
12
|
+
'3xl',
|
|
13
|
+
'4xl',
|
|
14
|
+
'5xl',
|
|
15
|
+
'6xl',
|
|
16
|
+
'7xl',
|
|
17
|
+
]
|
|
18
|
+
|
|
19
|
+
export type SpacingName = (typeof spacingNames)[number]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const timeNames = ['0', '150', '300', '500', '700']
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const typographyNames: readonly [
|
|
2
|
+
'public-h0',
|
|
3
|
+
'public-h1',
|
|
4
|
+
'public-h2',
|
|
5
|
+
'public-h3',
|
|
6
|
+
'public-paragraph',
|
|
7
|
+
'public-caption',
|
|
8
|
+
'public-footnote',
|
|
9
|
+
'public-micro',
|
|
10
|
+
'h0',
|
|
11
|
+
'h1',
|
|
12
|
+
'h2',
|
|
13
|
+
'h3',
|
|
14
|
+
'paragraph',
|
|
15
|
+
'caption',
|
|
16
|
+
'footnote',
|
|
17
|
+
'micro',
|
|
18
|
+
]
|
|
19
|
+
|
|
20
|
+
export type TypographyName = (typeof typographyNames)[number]
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const typographyNames = [
|
|
2
|
+
'public-h0',
|
|
3
|
+
'public-h1',
|
|
4
|
+
'public-h2',
|
|
5
|
+
'public-h3',
|
|
6
|
+
'public-paragraph',
|
|
7
|
+
'public-caption',
|
|
8
|
+
'public-footnote',
|
|
9
|
+
'public-micro',
|
|
10
|
+
'h0',
|
|
11
|
+
'h1',
|
|
12
|
+
'h2',
|
|
13
|
+
'h3',
|
|
14
|
+
'paragraph',
|
|
15
|
+
'caption',
|
|
16
|
+
'footnote',
|
|
17
|
+
'micro',
|
|
18
|
+
]
|