@beeq/tailwindcss 1.8.0 → 1.8.2

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 (49) hide show
  1. package/index.cjs.d.ts +2 -0
  2. package/index.cjs.default.js +1 -0
  3. package/index.cjs.js +1412 -0
  4. package/index.cjs.mjs +2 -0
  5. package/index.esm.d.ts +2 -0
  6. package/index.esm.js +1398 -0
  7. package/package.json +11 -2
  8. package/src/helpers/blend-color.d.ts +10 -0
  9. package/src/index.d.ts +402 -0
  10. package/src/plugins/color-mix.d.ts +2 -0
  11. package/src/plugins/logical-properties.d.ts +2 -0
  12. package/src/theme/colors/base.d.ts +200 -0
  13. package/src/theme/colors/declarative.d.ts +78 -0
  14. package/src/theme/colors/primitive.d.ts +212 -0
  15. package/src/theme/default/dark.d.ts +54 -0
  16. package/src/theme/default/light.d.ts +54 -0
  17. package/src/theme/default/root.d.ts +92 -0
  18. package/src/theme/endava/dark.d.ts +55 -0
  19. package/src/theme/endava/light.d.ts +55 -0
  20. package/src/theme/endava/root.d.ts +48 -0
  21. package/src/theme/reset.d.ts +2 -0
  22. package/src/theme/typography/default.d.ts +2 -0
  23. package/.babelrc +0 -10
  24. package/eslint.config.js +0 -72
  25. package/project.json +0 -37
  26. package/src/helpers/blend-color.ts +0 -18
  27. package/src/index.ts +0 -211
  28. package/src/plugins/color-mix.ts +0 -64
  29. package/src/plugins/logical-properties.ts +0 -84
  30. package/src/theme/colors/base.ts +0 -230
  31. package/src/theme/colors/declarative.ts +0 -87
  32. package/src/theme/colors/primitive.ts +0 -216
  33. package/src/theme/default/dark.ts +0 -105
  34. package/src/theme/default/light.ts +0 -104
  35. package/src/theme/default/root.ts +0 -106
  36. package/src/theme/endava/dark.ts +0 -106
  37. package/src/theme/endava/light.ts +0 -106
  38. package/src/theme/endava/root.ts +0 -58
  39. package/src/theme/reset.ts +0 -68
  40. package/src/theme/typography/default.ts +0 -74
  41. package/tsconfig.json +0 -22
  42. package/tsconfig.lib.json +0 -10
  43. /package/src/helpers/{index.ts → index.d.ts} +0 -0
  44. /package/src/plugins/{index.ts → index.d.ts} +0 -0
  45. /package/src/theme/colors/{index.ts → index.d.ts} +0 -0
  46. /package/src/theme/default/{index.ts → index.d.ts} +0 -0
  47. /package/src/theme/endava/{index.ts → index.d.ts} +0 -0
  48. /package/src/theme/{index.ts → index.d.ts} +0 -0
  49. /package/src/theme/typography/{index.ts → index.d.ts} +0 -0
@@ -1,104 +0,0 @@
1
- export const DefaultLightTheme = {
2
- /* -------------------------------------------------------------------------- */
3
- /* Background colors */
4
- /* -------------------------------------------------------------------------- */
5
- 'bq-background--primary': 'var(--bq-white)',
6
- 'bq-background--secondary': 'var(--bq-neutral-100)',
7
- 'bq-background--tertiary': 'var(--bq-neutral-200)',
8
- 'bq-background--alt': 'var(--bq-neutral-300)',
9
- 'bq-background--inverse': 'var(--bq-neutral-900)',
10
- 'bq-background--brand': 'var(--bq-brand)',
11
- 'bq-background--overlay': 'var(--bq-neutral-900)', // with opacity: 60%
12
- /* -------------------------------------------------------------------------- */
13
- /* Icons colors */
14
- /* -------------------------------------------------------------------------- */
15
- /** Primary */
16
- 'bq-icon--primary': 'var(--bq-neutral-800)',
17
- 'bq-icon--alt': 'var(--bq-white)',
18
- /** Secondary */
19
- 'bq-icon--secondary': 'var(--bq-neutral-600)',
20
- /** Inverse */
21
- 'bq-icon--inverse': 'var(--bq-neutral-50)',
22
- /** Brand */
23
- 'bq-icon--brand': 'var(--bq-brand)',
24
- /** Feedback */
25
- 'bq-icon--info': 'var(--bq-brand)',
26
- 'bq-icon--success': 'var(--bq-success)',
27
- 'bq-icon--warning': 'var(--bq-warning)',
28
- 'bq-icon--danger': 'var(--bq-danger)',
29
- /* -------------------------------------------------------------------------- */
30
- /* Stroke colors */
31
- /* -------------------------------------------------------------------------- */
32
- /** Primary */
33
- 'bq-stroke--primary': 'var(--bq-neutral-200)',
34
- /** Secondary */
35
- 'bq-stroke--secondary': 'var(--bq-neutral-600)',
36
- /** Tertiary */
37
- 'bq-stroke--tertiary': 'var(--bq-neutral-900)',
38
- /** Inverse */
39
- 'bq-stroke--inverse': 'var(--bq-white)',
40
- /** Brand */
41
- 'bq-stroke--brand': 'var(--bq-brand)',
42
- /** Alternative */
43
- 'bq-stroke--alt': 'var(--bq-neutral-50)',
44
- /** Success */
45
- 'bq-stroke--success': 'var(--bq-success)',
46
- /** Warning */
47
- 'bq-stroke--warning': 'var(--bq-warning)',
48
- /** Danger */
49
- 'bq-stroke--danger': 'var(--bq-danger)',
50
- /** Info */
51
- 'bq-stroke--info': 'var(--bq-brand)',
52
- /* -------------------------------------------------------------------------- */
53
- /* Text colors */
54
- /* -------------------------------------------------------------------------- */
55
- /** Primary */
56
- 'bq-text--primary': 'var(--bq-neutral-800)',
57
- /** Secondary */
58
- 'bq-text--secondary': 'var(--bq-neutral-600)',
59
- /** Inverse */
60
- 'bq-text--inverse': 'var(--bq-neutral-50)',
61
- /** Brand */
62
- 'bq-text--brand': 'var(--bq-brand)',
63
- /** Alternative */
64
- 'bq-text--alt': 'var(--bq-white)',
65
- /** Feedback */
66
- 'bq-text--info': 'var(--bq-brand)',
67
- 'bq-text--success': 'var(--bq-success)',
68
- 'bq-text--warning': 'var(--bq-warning)',
69
- 'bq-text--danger': 'var(--bq-danger)',
70
- /* -------------------------------------------------------------------------- */
71
- /* UI colors */
72
- /* -------------------------------------------------------------------------- */
73
- /** Primary */
74
- 'bq-ui--primary': 'var(--bq-white)',
75
- /** Secondary */
76
- 'bq-ui--secondary': 'var(--bq-neutral-200)',
77
- /** Tertiary */
78
- 'bq-ui--tertiary': 'var(--bq-neutral-500)',
79
- /** Inverse */
80
- 'bq-ui--inverse': 'var(--bq-neutral-900)',
81
- /** Brand */
82
- 'bq-ui--brand': 'var(--bq-brand)',
83
- 'bq-ui--brand-alt': 'var(--bq-brand-light)',
84
- /** Alternative */
85
- 'bq-ui--alt': 'var(--bq-neutral-50)',
86
- /** Success */
87
- 'bq-ui--success': 'var(--bq-success)',
88
- 'bq-ui--success-alt': 'var(--bq-success-light)',
89
- /** Warning */
90
- 'bq-ui--warning': 'var(--bq-warning)',
91
- 'bq-ui--warning-alt': 'var(--bq-warning-light)',
92
- /** Danger */
93
- 'bq-ui--danger': 'var(--bq-danger)',
94
- 'bq-ui--danger-alt': 'var(--bq-danger-light)',
95
- /** Info */
96
- 'bq-ui--info': 'var(--bq-brand)',
97
- 'bq-ui--info-alt': 'var(--bq-brand-light)',
98
- /* -------------------------------------------------------------------------- */
99
- /* States: */
100
- /* -------------------------------------------------------------------------- */
101
- // !Note: these tokens are only used as base to create the states colors
102
- 'bq-hover': '#bcbfc5',
103
- 'bq-active': '#444546',
104
- };
@@ -1,106 +0,0 @@
1
- export const DefaultRootTheme = {
2
- 'bq-white': '#ffffff',
3
- 'bq-black': '#060708',
4
- // Neutrals
5
- 'bq-neutral-50': 'var(--bq-grey-50)',
6
- 'bq-neutral-100': 'var(--bq-grey-100)',
7
- 'bq-neutral-200': 'var(--bq-grey-200)',
8
- 'bq-neutral-300': 'var(--bq-grey-300)',
9
- 'bq-neutral-400': 'var(--bq-grey-400)',
10
- 'bq-neutral-500': 'var(--bq-grey-500)',
11
- 'bq-neutral-600': 'var(--bq-grey-600)',
12
- 'bq-neutral-700': 'var(--bq-grey-700)',
13
- 'bq-neutral-800': 'var(--bq-grey-800)',
14
- 'bq-neutral-900': 'var(--bq-grey-900)',
15
- 'bq-neutral-950': 'var(--bq-grey-950)',
16
- 'bq-neutral-1000': 'var(--bq-grey-1000)',
17
- // Brand
18
- 'bq-brand-light': 'var(--bq-iris-100)',
19
- 'bq-brand': 'var(--bq-iris-600)',
20
- 'bq-brand-dark': 'var(--bq-iris-1000)',
21
- // Accent
22
- 'bq-accent-light': 'var(--bq-purple-100)',
23
- 'bq-accent': 'var(--bq-purple-600)',
24
- 'bq-accent-dark': 'var(--bq-purple-1000)',
25
- // Success
26
- 'bq-success-light': 'var(--bq-teal-100)',
27
- 'bq-success': 'var(--bq-teal-600)',
28
- 'bq-success-dark': 'var(--bq-teal-1000)',
29
- // Danger
30
- 'bq-danger-light': 'var(--bq-red-100)',
31
- 'bq-danger': 'var(--bq-red-600)',
32
- 'bq-danger-dark': 'var(--bq-red-1000)',
33
- // Warning
34
- 'bq-warning-light': 'var(--bq-gold-100)',
35
- 'bq-warning': 'var(--bq-gold-600)',
36
- 'bq-warning-dark': 'var(--bq-gold-1000)',
37
- // Info
38
- 'bq-info-light': 'var(--bq-iris-100)',
39
- 'bq-info': 'var(--bq-iris-600)',
40
- 'bq-info-dark': 'var(--bq-iris-1000)',
41
- // Focus
42
- 'bq-focus': 'var(--bq-iris-600)',
43
- // Data
44
- 'bq-data-01': 'var(--bq-brand)',
45
- 'bq-data-02': 'var(--bq-purple-600)',
46
- 'bq-data-03': 'var(--bq-magenta-600)',
47
- 'bq-data-04': 'var(--bq-cyan-600)',
48
- 'bq-data-05': 'var(--bq-teal-600)',
49
- 'bq-data-06': 'var(--bq-orange-600)',
50
- 'bq-data-07': 'var(--bq-yellow-600)',
51
- 'bq-data-08': 'var(--bq-red-600)',
52
- 'bq-data-09': 'var(--bq-blue-600)',
53
- 'bq-data-10': 'var(--bq-grey-600)',
54
- 'bq-data-11': 'var(--bq-black)',
55
- 'bq-data-12': 'var(--bq-white)',
56
- // Border Radius
57
- 'bq-radius--none': '0', // 0px
58
- 'bq-radius--xs2': '0.125rem', // 2px
59
- 'bq-radius--xs': '0.25rem', // 4px
60
- 'bq-radius--s': '0.5rem', // 8px
61
- 'bq-radius--m': '0.75rem', // 12px
62
- 'bq-radius--l': '1.5rem', // 24px
63
- 'bq-radius--full': '9999px',
64
- // Box Shadow
65
- 'bq-box-shadow--xs': '0 2px 0 rgba(0, 0, 0, 0.016)',
66
- 'bq-box-shadow--s': '0 8px 24px rgba(0, 0, 0, 0.04)',
67
- 'bq-box-shadow--m': '0 10px 48px -16px rgba(0, 0, 0, 0.12)',
68
- 'bq-box-shadow--l': '0 20px 58px -16px rgba(0, 0, 0, 0.16)',
69
- // Fonts
70
- 'bq-font-family': "'Outfit', sans-serif",
71
- 'bq-font-size--xs': '0.75rem', // 12px
72
- 'bq-font-size--s': '0.875rem', // 14px
73
- 'bq-font-size--m': '1rem', // 16px
74
- 'bq-font-size--l': '1.125rem', // 18px
75
- 'bq-font-size--xl': '1.5rem', // 24px
76
- 'bq-font-size--xxl': '2rem', // 32px
77
- 'bq-font-size--xxl2': '2.5rem', // 40px
78
- 'bq-font-size--xxl3': '3rem', // 48px
79
- 'bq-font-size--xxl4': '3.5rem', // 56px
80
- 'bq-font-size--xxl5': '4rem', // 64px
81
- 'bq-font-weight--thin': '100',
82
- 'bq-font-weight--light': '300',
83
- 'bq-font-weight--regular': '400',
84
- 'bq-font-weight--medium': '500',
85
- 'bq-font-weight--semibold': '600',
86
- 'bq-font-weight--bold': '700',
87
- 'bq-font-line-height--small': '1.2',
88
- 'bq-font-line-height--regular': '1.5',
89
- 'bq-font-line-height--large': '1.5',
90
- // Spacing
91
- 'bq-spacing-xs3': '0.125rem', // 2px
92
- 'bq-spacing-xs2': '0.25rem', // 4px
93
- 'bq-spacing-xs': '0.5rem', // 8px
94
- 'bq-spacing-s': '0.75rem', // 12px
95
- 'bq-spacing-m': '1rem', // 16px
96
- 'bq-spacing-l': '1.5rem', // 24px
97
- 'bq-spacing-xl': '2rem', // 32px
98
- 'bq-spacing-xxl': '2.5rem', // 40px
99
- 'bq-spacing-xxl2': '3.5rem', // 56px
100
- 'bq-spacing-xxl3': '4rem', // 64px
101
- 'bq-spacing-xxl4': '4.5rem', // 72px
102
- // Stroke width
103
- 'bq-stroke-s': '1px',
104
- 'bq-stroke-m': '2px',
105
- 'bq-stroke-l': '3px',
106
- };
@@ -1,106 +0,0 @@
1
- export const EndavaDarkTheme = {
2
- /* -------------------------------------------------------------------------- */
3
- /* Background colors */
4
- /* -------------------------------------------------------------------------- */
5
- 'bq-background--primary': 'var(--bq-neutral-1000)',
6
- 'bq-background--secondary': 'var(--bq-neutral-900)',
7
- 'bq-background--tertiary': 'var(--bq-neutral-800)',
8
- 'bq-background--alt': 'var(--bq-neutral-700)',
9
- 'bq-background--inverse': 'var(--bq-neutral-600)',
10
- 'bq-background--brand': 'var(--bq-brand)',
11
- 'bq-background--overlay': 'var(--bq-neutral-900)', // with opacity: 60%
12
- /* -------------------------------------------------------------------------- */
13
- /* Icons colors */
14
- /* -------------------------------------------------------------------------- */
15
- /** Primary */
16
- 'bq-icon--primary': 'var(--bq-neutral-100)',
17
- /** Secondary */
18
- 'bq-icon--secondary': 'var(--bq-neutral-400)',
19
- /** Inverse */
20
- 'bq-icon--inverse': 'var(--bq-neutral-800)',
21
- /** Brand */
22
- 'bq-icon--brand': 'var(--bq-brand)',
23
- /** Alternative */
24
- 'bq-icon--alt': 'var(--bq-white)',
25
- /** Feedback */
26
- 'bq-icon--info': 'var(--bq-info)',
27
- 'bq-icon--success': 'var(--bq-success)',
28
- 'bq-icon--warning': 'var(--bq-warning)',
29
- 'bq-icon--danger': 'var(--bq-danger)',
30
- /* -------------------------------------------------------------------------- */
31
- /* Stroke colors */
32
- /* -------------------------------------------------------------------------- */
33
- /** Primary */
34
- 'bq-stroke--primary': 'var(--bq-neutral-900)',
35
- /** Secondary */
36
- 'bq-stroke--secondary': 'var(--bq-neutral-700)',
37
- /** Tertiary */
38
- 'bq-stroke--tertiary': 'var(--bq-neutral-400)',
39
- /** Inverse */
40
- 'bq-stroke--inverse': 'var(--bq-neutral-950)',
41
- /** Brand */
42
- 'bq-stroke--brand': 'var(--bq-brand)',
43
- 'bq-stroke--brand-alt': 'var(--bq-brand-dark)',
44
- /** Alternative */
45
- 'bq-stroke--alt': 'var(--bq-neutral-1000)',
46
- /** Success */
47
- 'bq-stroke--success': 'var(--bq-success)',
48
- /** Warning */
49
- 'bq-stroke--warning': 'var(--bq-warning)',
50
- /** Danger */
51
- 'bq-stroke--danger': 'var(--bq-danger)',
52
- /** Info */
53
- 'bq-stroke--info': 'var(--bq-info)',
54
- /* -------------------------------------------------------------------------- */
55
- /* Text colors */
56
- /* -------------------------------------------------------------------------- */
57
- /** Primary */
58
- 'bq-text--primary': 'var(--bq-neutral-100)',
59
- /** Secondary */
60
- 'bq-text--secondary': 'var(--bq-neutral-400)',
61
- /** Inverse */
62
- 'bq-text--inverse': 'var(--bq-neutral-800)',
63
- /** Brand */
64
- 'bq-text--brand': 'var(--bq-brand)',
65
- /** Alternative */
66
- 'bq-text--alt': 'var(--bq-neutral-white)',
67
- /** Feedback */
68
- 'bq-text--info': 'var(--bq-info)',
69
- 'bq-text--success': 'var(--bq-success)',
70
- 'bq-text--warning': 'var(--bq-warning)',
71
- 'bq-text--danger': 'var(--bq-danger)',
72
- /* -------------------------------------------------------------------------- */
73
- /* UI colors */
74
- /* -------------------------------------------------------------------------- */
75
- /** Primary */
76
- 'bq-ui--primary': 'var(--bq-neutral-900)',
77
- /** Secondary */
78
- 'bq-ui--secondary': 'var(--bq-neutral-800)',
79
- /** Tertiary */
80
- 'bq-ui--tertiary': 'var(--bq-neutral-700)',
81
- /** Inverse */
82
- 'bq-ui--inverse': 'var(--bq-neutral-100)',
83
- /** Brand */
84
- 'bq-ui--brand': 'var(--bq-brand)',
85
- 'bq-ui--brand-alt': 'var(--bq-brand-dark)',
86
- /** Alternative */
87
- 'bq-ui--alt': 'var(--bq-neutral-950)',
88
- /** Success */
89
- 'bq-ui--success': 'var(--bq-success)',
90
- 'bq-ui--success-alt': 'var(--bq-success-dark)',
91
- /** Warning */
92
- 'bq-ui--warning': 'var(--bq-warning)',
93
- 'bq-ui--warning-alt': 'var(--bq-warning-dark)',
94
- /** Danger */
95
- 'bq-ui--danger': 'var(--bq-danger)',
96
- 'bq-ui--danger-alt': 'var(--bq-danger-dark)',
97
- /** Info */
98
- 'bq-ui--info': 'var(--bq-info)',
99
- 'bq-ui--info-alt': 'var(--bq-info-dark)',
100
- /* -------------------------------------------------------------------------- */
101
- /* States: */
102
- /* -------------------------------------------------------------------------- */
103
- // !Note: these tokens are only used as base to create the states colors
104
- 'bq-hover': '#444546',
105
- 'bq-active': '#1F2026',
106
- };
@@ -1,106 +0,0 @@
1
- export const EndavaLightTheme = {
2
- /* -------------------------------------------------------------------------- */
3
- /* Background colors */
4
- /* -------------------------------------------------------------------------- */
5
- 'bq-background--primary': 'var(--bq-white)',
6
- 'bq-background--secondary': 'var(--bq-neutral-100)',
7
- 'bq-background--tertiary': 'var(--bq-neutral-200)',
8
- 'bq-background--alt': 'var(--bq-neutral-300)',
9
- 'bq-background--inverse': 'var(--bq-neutral-900)',
10
- 'bq-background--brand': 'var(--bq-brand)',
11
- 'bq-background--overlay': 'var(--bq-neutral-900)', // with opacity: 60%
12
- /* -------------------------------------------------------------------------- */
13
- /* Icons colors */
14
- /* -------------------------------------------------------------------------- */
15
- /** Primary */
16
- 'bq-icon--primary': 'var(--bq-neutral-800)',
17
- /** Secondary */
18
- 'bq-icon--secondary': 'var(--bq-neutral-600)',
19
- /** Inverse */
20
- 'bq-icon--inverse': 'var(--bq-neutral-50)',
21
- /** Brand */
22
- 'bq-icon--brand': 'var(--bq-brand)',
23
- /** Alternative */
24
- 'bq-icon--alt': 'var(--bq-white)',
25
- /** Feedback */
26
- 'bq-icon--info': 'var(--bq-info)',
27
- 'bq-icon--success': 'var(--bq-success)',
28
- 'bq-icon--warning': 'var(--bq-warning)',
29
- 'bq-icon--danger': 'var(--bq-danger)',
30
- /* -------------------------------------------------------------------------- */
31
- /* Stroke colors */
32
- /* -------------------------------------------------------------------------- */
33
- /** Primary */
34
- 'bq-stroke--primary': 'var(--bq-neutral-200)',
35
- /** Secondary */
36
- 'bq-stroke--secondary': 'var(--bq-neutral-600)',
37
- /** Tertiary */
38
- 'bq-stroke--tertiary': 'var(--bq-neutral-900)',
39
- /** Inverse */
40
- 'bq-stroke--inverse': 'var(--bq-white)',
41
- /** Brand */
42
- 'bq-stroke--brand': 'var(--bq-brand)',
43
- /** Alternative */
44
- 'bq-stroke--alt': 'var(--bq-neutral-50)',
45
- 'bq-stroke--brand-alt': 'var(--bq-brand-light)',
46
- /** Success */
47
- 'bq-stroke--success': 'var(--bq-success)',
48
- /** Warning */
49
- 'bq-stroke--warning': 'var(--bq-warning)',
50
- /** Danger */
51
- 'bq-stroke--danger': 'var(--bq-danger)',
52
- /** Info */
53
- 'bq-stroke--info': 'var(--bq-info)',
54
- /* -------------------------------------------------------------------------- */
55
- /* Text colors */
56
- /* -------------------------------------------------------------------------- */
57
- /** Primary */
58
- 'bq-text--primary': 'var(--bq-neutral-800)',
59
- /** Secondary */
60
- 'bq-text--secondary': 'var(--bq-neutral-600)',
61
- /** Inverse */
62
- 'bq-text--inverse': 'var(--bq-neutral-50)',
63
- /** Brand */
64
- 'bq-text--brand': 'var(--bq-brand)',
65
- /** Alternative */
66
- 'bq-text--alt': 'var(--bq-white)',
67
- /** Feedback */
68
- 'bq-text--info': 'var(--bq-info)',
69
- 'bq-text--success': 'var(--bq-success)',
70
- 'bq-text--warning': 'var(--bq-warning)',
71
- 'bq-text--danger': 'var(--bq-danger)',
72
- /* -------------------------------------------------------------------------- */
73
- /* UI colors */
74
- /* -------------------------------------------------------------------------- */
75
- /** Primary */
76
- 'bq-ui--primary': 'var(--bq-white)',
77
- /** Secondary */
78
- 'bq-ui--secondary': 'var(--bq-neutral-200)',
79
- /** Tertiary */
80
- 'bq-ui--tertiary': 'var(--bq-neutral-500)',
81
- /** Inverse */
82
- 'bq-ui--inverse': 'var(--bq-neutral-900)',
83
- /** Brand */
84
- 'bq-ui--alt': 'var(--bq-neutral-50)',
85
- 'bq-ui--brand-alt': 'var(--bq-brand-light)',
86
- /** Alternative */
87
- 'bq-ui--brand': 'var(--bq-brand)',
88
- /** Success */
89
- 'bq-ui--success': 'var(--bq-success)',
90
- 'bq-ui--success-alt': 'var(--bq-success-light)',
91
- /** Warning */
92
- 'bq-ui--warning': 'var(--bq-warning)',
93
- 'bq-ui--warning-alt': 'var(--bq-warning-light)',
94
- /** Danger */
95
- 'bq-ui--danger': 'var(--bq-danger)',
96
- 'bq-ui--danger-alt': 'var(--bq-danger-light)',
97
- /** Info */
98
- 'bq-ui--info': 'var(--bq-info)',
99
- 'bq-ui--info-alt': 'var(--bq-info-light)',
100
- /* -------------------------------------------------------------------------- */
101
- /* States: */
102
- /* -------------------------------------------------------------------------- */
103
- // !Note: these tokens are only used as base to create the states colors
104
- 'bq-hover': '#444546',
105
- 'bq-active': '#1F2026',
106
- };
@@ -1,58 +0,0 @@
1
- export const EndavaRootTheme = {
2
- // Fonts
3
- 'bq-font-family': "'Poppins', sans-serif",
4
- 'bq-white': '#fafbfb',
5
- 'bq-black': '#030406',
6
- // Neutrals
7
- 'bq-neutral-50': 'var(--bq-endava-grey-50)',
8
- 'bq-neutral-100': 'var(--bq-endava-grey-100)',
9
- 'bq-neutral-200': 'var(--bq-endava-grey-200)',
10
- 'bq-neutral-300': 'var(--bq-endava-grey-300)',
11
- 'bq-neutral-400': 'var(--bq-endava-grey-400)',
12
- 'bq-neutral-500': 'var(--bq-endava-grey-500)',
13
- 'bq-neutral-600': 'var(--bq-endava-grey-600)',
14
- 'bq-neutral-700': 'var(--bq-endava-grey-700)',
15
- 'bq-neutral-800': 'var(--bq-endava-grey-800)',
16
- 'bq-neutral-900': 'var(--bq-endava-grey-900)',
17
- 'bq-neutral-950': 'var(--bq-endava-grey-950)',
18
- 'bq-neutral-1000': 'var(--bq-endava-grey-1000)',
19
- // Brand
20
- 'bq-brand-light': 'var(--bq-endava-orange-100)',
21
- 'bq-brand': 'var(--bq-endava-orange-600)',
22
- 'bq-brand-dark': 'var(--bq-endava-orange-1000)',
23
- // Accent
24
- 'bq-accent-light': 'var(--bq-endava-orange-100)',
25
- 'bq-accent': 'var(--bq-endava-orange-600)',
26
- 'bq-accent-dark': 'var(--bq-endava-orange-1000)',
27
- // Success
28
- 'bq-success-light': 'var(--bq-green-100)',
29
- 'bq-success': 'var(--bq-green-600)',
30
- 'bq-success-dark': 'var(--bq-green-1000)',
31
- // Danger
32
- 'bq-danger-light': 'var(--bq-corai-100)',
33
- 'bq-danger': 'var(--bq-corai-600)',
34
- 'bq-danger-dark': 'var(--bq-corai-1000)',
35
- // Warning
36
- 'bq-warning-light': 'var(--bq-yellow-100)',
37
- 'bq-warning': 'var(--bq-yellow-600)',
38
- 'bq-warning-dark': 'var(--bq-yellow-1000)',
39
- // Info
40
- 'bq-info-light': 'var(--bq-blue-100)',
41
- 'bq-info': 'var(--bq-blue-600)',
42
- 'bq-info-dark': 'var(--bq-blue-1000)',
43
- // Focus
44
- 'bq-focus': 'var(--bq-endava-orange-600)',
45
- // Data
46
- 'bq-data-01': 'var(--bq-brand)',
47
- 'bq-data-02': '#af0cd8',
48
- 'bq-data-03': '#0ca8d8',
49
- 'bq-data-04': 'var(--bq-teal-600)',
50
- 'bq-data-05': 'var(--bq-yellow-600)',
51
- 'bq-data-06': 'var(--bq-orange-600)',
52
- 'bq-data-07': 'var(--bq-blue-600)',
53
- 'bq-data-08': 'var(--bq-red-600)',
54
- 'bq-data-09': 'var(--bq-purple-600)',
55
- 'bq-data-10': '#394b56',
56
- 'bq-data-11': 'var(--bq-black)',
57
- 'bq-data-12': 'var(--bq-white)',
58
- };
@@ -1,68 +0,0 @@
1
- /* -------------------------------------------------------------------------- */
2
- /* BEEQ's opinionated reset for TailwindCSS */
3
- /* -------------------------------------------------------------------------- */
4
-
5
- import type { CSSRuleObject } from 'tailwindcss/types/config';
6
-
7
- export const reset: CSSRuleObject | CSSRuleObject[] = {
8
- /* Box sizing rules */
9
- '*, *::before, *::after': {
10
- 'box-sizing': 'border-box',
11
- },
12
- /* Remove default margin and inherit font styles */
13
- '*': {
14
- margin: '0',
15
- font: 'inherit',
16
- },
17
- /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
18
- 'ul[role="list"], ol[role="list"]': {
19
- 'list-style-type': 'none',
20
- },
21
- /* Set core root defaults */
22
- html: {
23
- 'font-size': 'var(--bq-font-size--m)',
24
- },
25
- 'html:focus-within': {
26
- 'scroll-behavior': 'smooth',
27
- },
28
- /* Set core body defaults */
29
- body: {
30
- '-webkit-font-smoothing': 'antialiased',
31
- '-moz-osx-font-smoothing': 'grayscale',
32
- 'background-color': 'var(--bq-background--primary)',
33
- color: 'var(--bq-text--primary)',
34
- 'font-family': 'var(--bq-font-family)',
35
- 'line-height': 'var(--bq-font-line-height--regular)',
36
- 'min-height': '100vh',
37
- 'text-rendering': 'optimizeSpeed',
38
- },
39
- /* A elements that don't have a class get default styles */
40
- 'a:not([class])': {
41
- 'text-decoration-skip-ink': 'auto',
42
- },
43
- /* Make images easier to work with */
44
- 'img, picture, video, canvas, svg': {
45
- 'max-width': '100%',
46
- display: 'block',
47
- },
48
- /* Inherit fonts for inputs and buttons */
49
- 'input, button, select, textarea': {
50
- font: 'inherit',
51
- },
52
- /* Avoid text overflows */
53
- 'p, h1, h2, h3, h4, h5, h6': {
54
- 'overflow-wrap': 'break-word',
55
- },
56
- /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
57
- '@media (prefers-reduced-motion: reduce)': {
58
- 'html:focus-within': {
59
- 'scroll-behavior': 'auto',
60
- },
61
- '*, *::before, *::after': {
62
- 'animation-duration': '0.01ms !important',
63
- 'animation-iteration-count': '1 !important',
64
- 'transition-duration': '0.01ms !important',
65
- 'scroll-behavior': 'auto',
66
- },
67
- },
68
- };
@@ -1,74 +0,0 @@
1
- import type { CSSRuleObject } from 'tailwindcss/types/config';
2
-
3
- export const TYPOGRAPHY_DEFAULT: CSSRuleObject | CSSRuleObject[] = {
4
- '.display': { fontSize: 'var(--bq-font-size--xxl5)' },
5
- '.display,.h1,h1': {
6
- fontFamily: 'inherit',
7
- fontWeight: 'var(--bq-font-weight--regular)',
8
- lineHeight: 'var(--bq-font-line-height--small)',
9
- },
10
- '.h1,h1': { fontSize: 'var(--bq-font-size--xxl4)' },
11
- '.h2,h2': { fontSize: 'var(--bq-font-size--xxl3)' },
12
- '.h2,.h3,h2,h3': {
13
- fontFamily: 'inherit',
14
- fontWeight: 'var(--bq-font-weight--regular)',
15
- lineHeight: 'var(--bq-font-line-height--small)',
16
- },
17
- '.h3,h3': { fontSize: 'var(--bq-font-size--xxl2)' },
18
- '.h4,h4': {
19
- fontFamily: 'inherit',
20
- fontSize: 'var(--bq-font-size--xxl)',
21
- fontWeight: 'var(--bq-font-weight--regular)',
22
- lineHeight: 'var(--bq-font-line-height--small)',
23
- },
24
- '.h5,h5': { fontSize: 'var(--bq-font-size--xl)' },
25
- '.h5,.h6,h5,h6': {
26
- fontFamily: 'inherit',
27
- fontWeight: 'var(--bq-font-weight--regular)',
28
- lineHeight: 'var(--bq-font-line-height--regular)',
29
- },
30
- '.h6,h6': { fontSize: 'var(--bq-font-size--l)' },
31
- '.caption,figcaption': { fontSize: 'var(--bq-font-size--s)' },
32
- '.caption,.overline,figcaption': {
33
- fontFamily: 'inherit',
34
- fontWeight: 'var(--bq-font-weight--regular)',
35
- lineHeight: 'var(--bq-font-line-height--regular)',
36
- },
37
- '.overline': { fontSize: 'var(--bq-font-size--xs)' },
38
- [`.caption.semibold,
39
- .display.semibold,
40
- .h1.semibold,
41
- .h2.semibold,
42
- .h3.semibold,
43
- .h4.semibold,
44
- .h5.semibold,
45
- .h6.semibold,
46
- .overline.semibold,
47
- caption.semibold,
48
- h1.semibold,
49
- h2.semibold,
50
- h3.semibold,
51
- h4.semibold,
52
- h5.semibold,
53
- h6.semibold`]: {
54
- fontWeight: 'var(--bq-font-weight--semibold)',
55
- },
56
- [`.caption.bold,
57
- .display.bold,
58
- .h1.bold,
59
- .h2.bold,
60
- .h3.bold,
61
- .h4.bold,
62
- .h5.bold,
63
- .h6.bold,
64
- .overline.bold,
65
- caption.bold,
66
- h1.bold,
67
- h2.bold,
68
- h3.bold,
69
- h4.bold,
70
- h5.bold,
71
- h6.bold`]: {
72
- fontWeight: 'var(--bq-font-weight--bold)',
73
- },
74
- };
package/tsconfig.json DELETED
@@ -1,22 +0,0 @@
1
- {
2
- "extends": "../../tsconfig.base.json",
3
- "compilerOptions": {
4
- "module": "esnext",
5
- "allowJs": true,
6
- "forceConsistentCasingInFileNames": true,
7
- "noImplicitOverride": true,
8
- "noImplicitReturns": true,
9
- "noPropertyAccessFromIndexSignature": true,
10
- "noFallthroughCasesInSwitch": true,
11
- "removeComments": true,
12
- "sourceMap": true,
13
- "strict": true
14
- },
15
- "files": [],
16
- "include": [],
17
- "references": [
18
- {
19
- "path": "./tsconfig.lib.json"
20
- }
21
- ]
22
- }
package/tsconfig.lib.json DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "extends": "./tsconfig.json",
3
- "compilerOptions": {
4
- "outDir": "../../dist/out-tsc",
5
- "declaration": true,
6
- "types": ["node"]
7
- },
8
- "include": ["src/**/*.ts"],
9
- "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
10
- }
File without changes
File without changes
File without changes
File without changes