@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.
Files changed (134) hide show
  1. package/LICENSE +130 -0
  2. package/README.md +284 -0
  3. package/dist/base.css +1 -0
  4. package/dist/constants/border-radius.d.ts +47 -0
  5. package/dist/constants/border-radius.js +47 -0
  6. package/dist/constants/border-width.d.ts +19 -0
  7. package/dist/constants/border-width.js +19 -0
  8. package/dist/constants/breakpoint.d.ts +15 -0
  9. package/dist/constants/breakpoint.js +15 -0
  10. package/dist/constants/color-serenis-dark.d.ts +278 -0
  11. package/dist/constants/color-serenis-dark.js +278 -0
  12. package/dist/constants/color-serenis-light.d.ts +278 -0
  13. package/dist/constants/color-serenis-light.js +278 -0
  14. package/dist/constants/color.d.ts +278 -0
  15. package/dist/constants/color.js +278 -0
  16. package/dist/constants/container.d.ts +51 -0
  17. package/dist/constants/container.js +51 -0
  18. package/dist/constants/elevation-box-shadow-serenis-dark.d.ts +20 -0
  19. package/dist/constants/elevation-box-shadow-serenis-dark.js +20 -0
  20. package/dist/constants/elevation-box-shadow-serenis-light.d.ts +20 -0
  21. package/dist/constants/elevation-box-shadow-serenis-light.js +20 -0
  22. package/dist/constants/elevation.d.ts +24 -0
  23. package/dist/constants/elevation.js +24 -0
  24. package/dist/constants/font-family.d.ts +11 -0
  25. package/dist/constants/font-family.js +11 -0
  26. package/dist/constants/font-size.d.ts +51 -0
  27. package/dist/constants/font-size.js +51 -0
  28. package/dist/constants/font-weight.d.ts +11 -0
  29. package/dist/constants/font-weight.js +11 -0
  30. package/dist/constants/index.d.ts +20 -0
  31. package/dist/constants/index.js +20 -0
  32. package/dist/constants/letter-spacing.d.ts +63 -0
  33. package/dist/constants/letter-spacing.js +63 -0
  34. package/dist/constants/line-height.d.ts +43 -0
  35. package/dist/constants/line-height.js +43 -0
  36. package/dist/constants/media-query.d.ts +39 -0
  37. package/dist/constants/media-query.js +39 -0
  38. package/dist/constants/opacity.d.ts +55 -0
  39. package/dist/constants/opacity.js +55 -0
  40. package/dist/constants/spacing.d.ts +59 -0
  41. package/dist/constants/spacing.js +59 -0
  42. package/dist/constants/time.d.ts +19 -0
  43. package/dist/constants/time.js +19 -0
  44. package/dist/constants/typography.d.ts +319 -0
  45. package/dist/constants/typography.js +319 -0
  46. package/dist/css-base.d.ts +1 -0
  47. package/dist/css-serenis-dark.d.ts +1 -0
  48. package/dist/css-serenis-light.d.ts +1 -0
  49. package/dist/css.d.ts +1 -0
  50. package/dist/cssvar/border-radius.d.ts +11 -0
  51. package/dist/cssvar/border-radius.js +12 -0
  52. package/dist/cssvar/border-width.d.ts +11 -0
  53. package/dist/cssvar/border-width.js +12 -0
  54. package/dist/cssvar/breakpoint.d.ts +11 -0
  55. package/dist/cssvar/breakpoint.js +12 -0
  56. package/dist/cssvar/color.d.ts +11 -0
  57. package/dist/cssvar/color.js +12 -0
  58. package/dist/cssvar/container.d.ts +11 -0
  59. package/dist/cssvar/container.js +12 -0
  60. package/dist/cssvar/elevation.d.ts +11 -0
  61. package/dist/cssvar/elevation.js +12 -0
  62. package/dist/cssvar/font-family.d.ts +11 -0
  63. package/dist/cssvar/font-family.js +12 -0
  64. package/dist/cssvar/font-size.d.ts +11 -0
  65. package/dist/cssvar/font-size.js +12 -0
  66. package/dist/cssvar/font-weight.d.ts +11 -0
  67. package/dist/cssvar/font-weight.js +12 -0
  68. package/dist/cssvar/index.d.ts +16 -0
  69. package/dist/cssvar/index.js +16 -0
  70. package/dist/cssvar/letter-spacing.d.ts +11 -0
  71. package/dist/cssvar/letter-spacing.js +12 -0
  72. package/dist/cssvar/line-height.d.ts +11 -0
  73. package/dist/cssvar/line-height.js +12 -0
  74. package/dist/cssvar/media-query.d.ts +11 -0
  75. package/dist/cssvar/media-query.js +12 -0
  76. package/dist/cssvar/opacity.d.ts +11 -0
  77. package/dist/cssvar/opacity.js +12 -0
  78. package/dist/cssvar/spacing.d.ts +11 -0
  79. package/dist/cssvar/spacing.js +12 -0
  80. package/dist/cssvar/time.d.ts +11 -0
  81. package/dist/cssvar/time.js +12 -0
  82. package/dist/cssvar/typography.d.ts +30 -0
  83. package/dist/cssvar/typography.js +23 -0
  84. package/dist/index.cjs +3769 -0
  85. package/dist/index.css +1 -0
  86. package/dist/index.d.ts +4 -0
  87. package/dist/index.js +4 -0
  88. package/dist/serenis-dark.css +1 -0
  89. package/dist/serenis-light.css +1 -0
  90. package/dist/types/border-radius.d.ts +16 -0
  91. package/dist/types/border-radius.js +14 -0
  92. package/dist/types/border-width.d.ts +9 -0
  93. package/dist/types/border-width.js +7 -0
  94. package/dist/types/breakpoint.d.ts +8 -0
  95. package/dist/types/breakpoint.js +6 -0
  96. package/dist/types/color.d.ts +97 -0
  97. package/dist/types/color.js +95 -0
  98. package/dist/types/container.d.ts +17 -0
  99. package/dist/types/container.js +15 -0
  100. package/dist/types/elevation.d.ts +3 -0
  101. package/dist/types/elevation.js +1 -0
  102. package/dist/types/font-family.d.ts +3 -0
  103. package/dist/types/font-family.js +1 -0
  104. package/dist/types/font-size.d.ts +17 -0
  105. package/dist/types/font-size.js +15 -0
  106. package/dist/types/font-weight.d.ts +3 -0
  107. package/dist/types/font-weight.js +1 -0
  108. package/dist/types/index.d.ts +17 -0
  109. package/dist/types/index.js +17 -0
  110. package/dist/types/letter-spacing.d.ts +20 -0
  111. package/dist/types/letter-spacing.js +18 -0
  112. package/dist/types/line-height.d.ts +15 -0
  113. package/dist/types/line-height.js +13 -0
  114. package/dist/types/media-query.d.ts +3 -0
  115. package/dist/types/media-query.js +1 -0
  116. package/dist/types/opacity.d.ts +3 -0
  117. package/dist/types/opacity.js +1 -0
  118. package/dist/types/spacing.d.ts +19 -0
  119. package/dist/types/spacing.js +17 -0
  120. package/dist/types/time.d.ts +3 -0
  121. package/dist/types/time.js +1 -0
  122. package/dist/types/typography.d.ts +20 -0
  123. package/dist/types/typography.js +18 -0
  124. package/dist/types/utility-class.d.ts +1807 -0
  125. package/dist/types/utility-class.js +1805 -0
  126. package/dist/utilities.css +1 -0
  127. package/dist/utilities.d.ts +1 -0
  128. package/dist/utils/cssvar.d.ts +7 -0
  129. package/dist/utils/cssvar.js +15 -0
  130. package/dist/utils/cx.d.ts +6 -0
  131. package/dist/utils/cx.js +4 -0
  132. package/dist/utils/index.d.ts +2 -0
  133. package/dist/utils/index.js +2 -0
  134. package/package.json +80 -0
@@ -0,0 +1,15 @@
1
+ export const containerNames = [
2
+ '3xs',
3
+ '2xs',
4
+ 'xs',
5
+ 'sm',
6
+ 'md',
7
+ 'lg',
8
+ 'xl',
9
+ '2xl',
10
+ '3xl',
11
+ '4xl',
12
+ '5xl',
13
+ '6xl',
14
+ '7xl',
15
+ ]
@@ -0,0 +1,3 @@
1
+ export declare const elevationNames: readonly ['0', '2xs', 'xs', 'sm', 'md', 'lg', 'xl', 'special']
2
+
3
+ export type ElevationName = (typeof elevationNames)[number]
@@ -0,0 +1 @@
1
+ export const elevationNames = ['0', '2xs', 'xs', 'sm', 'md', 'lg', 'xl', 'special']
@@ -0,0 +1,3 @@
1
+ export declare const fontFamilyNames: readonly ['degular-display', 'mona-sans', 'monospace']
2
+
3
+ export type FontFamilyName = (typeof fontFamilyNames)[number]
@@ -0,0 +1 @@
1
+ export const fontFamilyNames = ['degular-display', 'mona-sans', 'monospace']
@@ -0,0 +1,17 @@
1
+ export declare const fontSizeNames: readonly [
2
+ '10',
3
+ '12',
4
+ '14',
5
+ '16',
6
+ '18',
7
+ '20',
8
+ '24',
9
+ '32',
10
+ '40',
11
+ '48',
12
+ '56',
13
+ '64',
14
+ '72',
15
+ ]
16
+
17
+ export type FontSizeName = (typeof fontSizeNames)[number]
@@ -0,0 +1,15 @@
1
+ export const fontSizeNames = [
2
+ '10',
3
+ '12',
4
+ '14',
5
+ '16',
6
+ '18',
7
+ '20',
8
+ '24',
9
+ '32',
10
+ '40',
11
+ '48',
12
+ '56',
13
+ '64',
14
+ '72',
15
+ ]
@@ -0,0 +1,3 @@
1
+ export declare const fontWeightNames: readonly ['400', '500', '600']
2
+
3
+ export type FontWeightName = (typeof fontWeightNames)[number]
@@ -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,18 @@
1
+ export const letterSpacingNames = [
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
+ ]
@@ -0,0 +1,15 @@
1
+ export declare const lineHeightNames: readonly [
2
+ '12',
3
+ '14',
4
+ '16',
5
+ '20',
6
+ '24',
7
+ '32',
8
+ '40',
9
+ '48',
10
+ '56',
11
+ '64',
12
+ '72',
13
+ ]
14
+
15
+ export type LineHeightName = (typeof lineHeightNames)[number]
@@ -0,0 +1,13 @@
1
+ export const lineHeightNames = [
2
+ '12',
3
+ '14',
4
+ '16',
5
+ '20',
6
+ '24',
7
+ '32',
8
+ '40',
9
+ '48',
10
+ '56',
11
+ '64',
12
+ '72',
13
+ ]
@@ -0,0 +1,3 @@
1
+ export declare const mediaQueryNames: readonly ['sm', 'md', 'lg', 'xl', 'gt-sm', 'gt-md', 'gt-lg', 'lt-md', 'lt-lg', 'lt-xl']
2
+
3
+ export type MediaQueryName = (typeof mediaQueryNames)[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,3 @@
1
+ export declare const opacityNames: readonly ['0', '8', '16', '24', '32', '40', '48', '56', '64', '72', '80', '88', '96', '100']
2
+
3
+ export type OpacityName = (typeof opacityNames)[number]
@@ -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,17 @@
1
+ export const spacingNames = [
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
+ ]
@@ -0,0 +1,3 @@
1
+ export declare const timeNames: readonly ['0', '150', '300', '500', '700']
2
+
3
+ export type TimeName = (typeof timeNames)[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
+ ]