oneslash-design-system 1.1.6 → 1.1.8

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 (45) hide show
  1. package/components/button.tsx +3 -1
  2. package/components/iconButton.tsx +2 -2
  3. package/components/menuItem.tsx +17 -4
  4. package/components/modal.tsx +1 -1
  5. package/components/radioGroup.tsx +55 -0
  6. package/components/tab.tsx +3 -3
  7. package/package.json +1 -1
  8. package/{tailwind.config.ts → tailwind.config.js} +100 -11
  9. package/dist/components/alert.d.ts +0 -9
  10. package/dist/components/alert.jsx +0 -38
  11. package/dist/components/button.d.ts +0 -13
  12. package/dist/components/button.jsx +0 -141
  13. package/dist/components/checkBox.d.ts +0 -7
  14. package/dist/components/checkBox.jsx +0 -29
  15. package/dist/components/emptyBox.d.ts +0 -7
  16. package/dist/components/emptyBox.jsx +0 -17
  17. package/dist/components/iconButton.d.ts +0 -11
  18. package/dist/components/iconButton.jsx +0 -126
  19. package/dist/components/loadingScreen.d.ts +0 -3
  20. package/dist/components/loadingScreen.jsx +0 -14
  21. package/dist/components/menuItem.d.ts +0 -10
  22. package/dist/components/menuItem.jsx +0 -96
  23. package/dist/components/modal.d.ts +0 -11
  24. package/dist/components/modal.jsx +0 -49
  25. package/dist/components/popover.d.ts +0 -10
  26. package/dist/components/popover.jsx +0 -52
  27. package/dist/components/tab.d.ts +0 -12
  28. package/dist/components/tab.jsx +0 -113
  29. package/dist/components/tag.d.ts +0 -15
  30. package/dist/components/tag.jsx +0 -123
  31. package/dist/components/textField.d.ts +0 -20
  32. package/dist/components/textField.jsx +0 -55
  33. package/dist/components/timeStamp.d.ts +0 -7
  34. package/dist/components/timeStamp.jsx +0 -58
  35. package/dist/components/tooltip.d.ts +0 -7
  36. package/dist/components/tooltip.jsx +0 -41
  37. package/dist/components/userImage.d.ts +0 -7
  38. package/dist/components/userImage.jsx +0 -13
  39. package/dist/designTokens.d.ts +0 -354
  40. package/dist/designTokens.js +0 -232
  41. package/dist/index.d.ts +0 -17
  42. package/dist/index.js +0 -17
  43. package/dist/output.css +0 -1166
  44. package/dist/tailwind.config.d.ts +0 -3
  45. package/dist/tailwind.config.js +0 -214
@@ -1,3 +0,0 @@
1
- import type { Config } from "tailwindcss";
2
- declare const config: Config;
3
- export default config;
@@ -1,214 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var designTokens = require('./designTokens');
13
- var config = {
14
- content: [
15
- "./app/**/*.{js,ts,jsx,tsx}",
16
- "./components/**/*.{js,ts,jsx,tsx}",
17
- "./pages/**/*.{js,ts,jsx,tsx}",
18
- ],
19
- theme: {
20
- extend: {
21
- colors: {
22
- // Light: text colors
23
- 'light-text-primary': designTokens.colors.light.text.primary,
24
- 'light-text-secondary': designTokens.colors.light.text.secondary,
25
- 'light-text-disabled': designTokens.colors.light.text.disabled,
26
- 'light-text-contrast': designTokens.colors.light.text.contrast,
27
- // Dark: text colors
28
- 'dark-text-primary': designTokens.colors.dark.text.primary,
29
- 'dark-text-secondary': designTokens.colors.dark.text.secondary,
30
- 'dark-text-disabled': designTokens.colors.dark.text.disabled,
31
- 'dark-text-contrast': designTokens.colors.dark.text.contrast,
32
- // light: accent colors
33
- 'light-accent-main': designTokens.colors.light.accent.main,
34
- 'light-accent-dark': designTokens.colors.light.accent.dark,
35
- 'light-accent-light': designTokens.colors.light.accent.light,
36
- 'light-accent-contrast': designTokens.colors.light.accent.contrast,
37
- // dark: accent colors
38
- 'dark-accent-main': designTokens.colors.dark.accent.main,
39
- 'dark-accent-dark': designTokens.colors.dark.accent.dark,
40
- 'dark-accent-light': designTokens.colors.dark.accent.light,
41
- 'dark-accent-contrast': designTokens.colors.dark.accent.contrast,
42
- // Light: primary colors
43
- 'light-primary-main': designTokens.colors.light.primary.main,
44
- 'light-primary-dark': designTokens.colors.light.primary.dark,
45
- 'light-primary-light': designTokens.colors.light.primary.light,
46
- 'light-primary-contrast': designTokens.colors.light.primary.contrast,
47
- // Dark: primary colors
48
- 'dark-primary-main': designTokens.colors.dark.primary.main,
49
- 'dark-primary-dark': designTokens.colors.dark.primary.dark,
50
- 'dark-primary-light': designTokens.colors.dark.primary.light,
51
- 'dark-primary-contrast': designTokens.colors.dark.primary.contrast,
52
- // light: secondary colors
53
- 'light-secondary-main': designTokens.colors.light.secondary.main,
54
- 'light-secondary-dark': designTokens.colors.light.secondary.dark,
55
- 'light-secondary-light': designTokens.colors.light.secondary.light,
56
- // dark: secondary colors
57
- 'dark-secondary-main': designTokens.colors.dark.secondary.main,
58
- 'dark-secondary-dark': designTokens.colors.dark.secondary.dark,
59
- 'dark-secondary-light': designTokens.colors.dark.secondary.light,
60
- // light: error colors
61
- 'light-error-main': designTokens.colors.light.error.main,
62
- 'light-error-dark': designTokens.colors.light.error.dark,
63
- 'light-error-light': designTokens.colors.light.error.light,
64
- // dark: error colors
65
- 'dark-error-main': designTokens.colors.dark.error.main,
66
- 'dark-error-dark': designTokens.colors.dark.error.dark,
67
- 'dark-error-light': designTokens.colors.dark.error.light,
68
- // light: warning colors
69
- 'light-warning-main': designTokens.colors.light.warning.main,
70
- 'light-warning-dark': designTokens.colors.light.warning.dark,
71
- 'light-warning-light': designTokens.colors.light.warning.light,
72
- // dark: warning colors
73
- 'dark-warning-main': designTokens.colors.dark.warning.main,
74
- 'dark-warning-dark': designTokens.colors.dark.warning.dark,
75
- 'dark-warning-light': designTokens.colors.dark.warning.light,
76
- // light: info colors
77
- 'light-info-main': designTokens.colors.light.info.main,
78
- 'light-info-dark': designTokens.colors.light.info.dark,
79
- 'light-info-light': designTokens.colors.light.info.light,
80
- // dark: info colors
81
- 'dark-info-main': designTokens.colors.dark.info.main,
82
- 'dark-info-dark': designTokens.colors.dark.info.dark,
83
- 'dark-info-light': designTokens.colors.dark.info.light,
84
- // light: success colors
85
- 'light-success-main': designTokens.colors.light.success.main,
86
- 'light-success-dark': designTokens.colors.light.success.dark,
87
- 'light-success-light': designTokens.colors.light.success.light,
88
- // dark: success colors
89
- 'dark-success-main': designTokens.colors.dark.success.main,
90
- 'dark-success-dark': designTokens.colors.dark.success.dark,
91
- 'dark-success-light': designTokens.colors.dark.success.light,
92
- // Light: background colors
93
- 'light-background-default': designTokens.colors.light.background.default,
94
- 'light-background-accent100': designTokens.colors.light.background.accent100,
95
- 'light-background-accent200': designTokens.colors.light.background.accent200,
96
- 'light-background-accent300': designTokens.colors.light.background.accent300,
97
- // Dark: background colors
98
- 'dark-background-default': designTokens.colors.dark.background.default,
99
- 'dark-background-accent100': designTokens.colors.dark.background.accent100,
100
- 'dark-background-accent200': designTokens.colors.dark.background.accent200,
101
- 'dark-background-accent300': designTokens.colors.dark.background.accent300,
102
- // Light: action colors
103
- 'light-action-active': designTokens.colors.light.action.active,
104
- 'light-action-hover': designTokens.colors.light.action.hover,
105
- 'light-action-selected': designTokens.colors.light.action.selected,
106
- 'light-action-disabledBackground': designTokens.colors.light.action.disabledBackground,
107
- 'light-action-disabled': designTokens.colors.light.action.disabled,
108
- // Dark: action colors
109
- 'dark-action-active': designTokens.colors.dark.action.active,
110
- 'dark-action-hover': designTokens.colors.dark.action.hover,
111
- 'dark-action-selected': designTokens.colors.dark.action.selected,
112
- 'dark-action-disabledBackground': designTokens.colors.dark.action.disabledBackground,
113
- 'dark-action-disabled': designTokens.colors.dark.action.disabled,
114
- // light: action background
115
- 'light-actionBackground-enabled': designTokens.colors.light.actionBackground.enabled,
116
- 'light-actionBackground-hovered': designTokens.colors.light.actionBackground.hovered,
117
- 'light-actionBackground-selected': designTokens.colors.light.actionBackground.selected,
118
- 'light-actionBackground-disabled': designTokens.colors.light.actionBackground.disabled,
119
- // dark: action background
120
- 'dark-actionBackground-enabled': designTokens.colors.dark.actionBackground.enabled,
121
- 'dark-actionBackground-hovered': designTokens.colors.dark.actionBackground.hovered,
122
- 'dark-actionBackground-selected': designTokens.colors.dark.actionBackground.selected,
123
- 'dark-actionBackground-disabled': designTokens.colors.dark.actionBackground.disabled,
124
- // light: action outlinedBorder
125
- 'light-actionOutlinedBorder-enabled': designTokens.colors.light.actionOutlinedBorder.enabled,
126
- 'light-actionOutlinedBorder-hovered': designTokens.colors.light.actionOutlinedBorder.hovered,
127
- 'light-actionOutlinedBorder-selected': designTokens.colors.light.actionOutlinedBorder.selected,
128
- 'light-actionOutlinedBorder-disabled': designTokens.colors.light.actionOutlinedBorder.disabled,
129
- // dark: action outlinedBorder
130
- 'dark-actionOutlinedBorder-enabled': designTokens.colors.dark.actionOutlinedBorder.enabled,
131
- 'dark-actionOutlinedBorder-hovered': designTokens.colors.dark.actionOutlinedBorder.hovered,
132
- 'dark-actionOutlinedBorder-selected': designTokens.colors.dark.actionOutlinedBorder.selected,
133
- 'dark-actionOutlinedBorder-disabled': designTokens.colors.dark.actionOutlinedBorder.disabled,
134
- // misc light colors
135
- 'light-misc-divider': designTokens.colors.light.misc.divider,
136
- // misc dark colors
137
- 'dark-misc-divider': designTokens.colors.dark.misc.divider,
138
- 'dark-misc-scrollbar-bg': designTokens.colors.dark.background.default,
139
- 'dark-misc-scrollbar-thumb': designTokens.colors.dark.background.accent200,
140
- },
141
- spacing: function (_a) {
142
- var theme = _a.theme;
143
- return (__assign(__assign({}, theme('spacing')), { small: designTokens.spacing.small, medium: designTokens.spacing.medium, large: designTokens.spacing.large }));
144
- },
145
- fontSize: {
146
- h1: designTokens.typography.h1.size,
147
- h2: designTokens.typography.h2.size,
148
- h3: designTokens.typography.h3.size,
149
- h4: designTokens.typography.h4.size,
150
- h5: designTokens.typography.h5.size,
151
- h6: designTokens.typography.h6.size,
152
- subtitle1: designTokens.typography.subtitle1.size,
153
- subtitle2: designTokens.typography.subtitle2.size,
154
- body1: designTokens.typography.body1.size,
155
- body2: designTokens.typography.body2.size,
156
- caption: designTokens.typography.caption.size,
157
- },
158
- fontFamily: {
159
- inter: designTokens.typography.family,
160
- },
161
- fontWeight: {
162
- h1: designTokens.typography.h1.weight,
163
- h2: designTokens.typography.h2.weight,
164
- h3: designTokens.typography.h3.weight,
165
- h4: designTokens.typography.h4.weight,
166
- h5: designTokens.typography.h5.weight,
167
- h6: designTokens.typography.h6.weight,
168
- subtitle1: designTokens.typography.subtitle1.weight,
169
- subtitle2: designTokens.typography.subtitle2.weight,
170
- body1: designTokens.typography.body1.weight,
171
- body2: designTokens.typography.body2.weight,
172
- caption: designTokens.typography.caption.weight,
173
- },
174
- letterSpacing: {
175
- h1: designTokens.typography.h1.letterSpacing,
176
- h2: designTokens.typography.h2.letterSpacing,
177
- h3: designTokens.typography.h3.letterSpacing,
178
- h4: designTokens.typography.h4.letterSpacing,
179
- h5: designTokens.typography.h5.letterSpacing,
180
- h6: designTokens.typography.h6.letterSpacing,
181
- subtitle1: designTokens.typography.subtitle1.letterSpacing,
182
- subtitle2: designTokens.typography.subtitle2.letterSpacing,
183
- body1: designTokens.typography.body1.letterSpacing,
184
- body2: designTokens.typography.body2.letterSpacing,
185
- caption: designTokens.typography.caption.letterSpacing,
186
- },
187
- lineHeight: {
188
- h1: designTokens.typography.h1.lineHeight,
189
- h2: designTokens.typography.h2.lineHeight,
190
- h3: designTokens.typography.h3.lineHeight,
191
- h4: designTokens.typography.h4.lineHeight,
192
- h5: designTokens.typography.h5.lineHeight,
193
- h6: designTokens.typography.h6.lineHeight,
194
- subtitle1: designTokens.typography.subtitle1.lineHeight,
195
- subtitle2: designTokens.typography.subtitle2.lineHeight,
196
- body1: designTokens.typography.body1.lineHeight,
197
- body2: designTokens.typography.body2.lineHeight,
198
- caption: designTokens.typography.caption.lineHeight,
199
- },
200
- textAlign: {
201
- left: designTokens.typography.alignments.left,
202
- center: designTokens.typography.alignments.center,
203
- right: designTokens.typography.alignments.right,
204
- justify: designTokens.typography.alignments.justify,
205
- },
206
- },
207
- },
208
- plugins: [
209
- require('tailwindcss'),
210
- require('autoprefixer'),
211
- require('tailwind-scrollbar'),
212
- ],
213
- };
214
- export default config;