shared-design-system 1.3.0 → 1.4.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/dist/colors.d.ts +71 -0
- package/dist/colors.js +72 -0
- package/dist/colors.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/tailwind.preset.js +73 -4
package/dist/colors.d.ts
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
export declare const colors: {
|
|
2
|
+
brandRed: string;
|
|
3
|
+
brandYellow: string;
|
|
4
|
+
brandGrey: string;
|
|
5
|
+
yellow5: string;
|
|
6
|
+
yellow4: string;
|
|
7
|
+
yellow3: string;
|
|
8
|
+
yellow2: string;
|
|
9
|
+
yellow1: string;
|
|
10
|
+
yellow0: string;
|
|
11
|
+
neutral5: string;
|
|
12
|
+
neutral4: string;
|
|
13
|
+
neutral3: string;
|
|
14
|
+
neutral2: string;
|
|
15
|
+
neutral1: string;
|
|
16
|
+
neutral0: string;
|
|
17
|
+
black: string;
|
|
18
|
+
white: string;
|
|
19
|
+
purple5: string;
|
|
20
|
+
purple4: string;
|
|
21
|
+
purple3: string;
|
|
22
|
+
purple2: string;
|
|
23
|
+
purple1: string;
|
|
24
|
+
orange5: string;
|
|
25
|
+
orange4: string;
|
|
26
|
+
orange3: string;
|
|
27
|
+
orange2: string;
|
|
28
|
+
orange1: string;
|
|
29
|
+
orange0: string;
|
|
30
|
+
green5: string;
|
|
31
|
+
green4: string;
|
|
32
|
+
green3: string;
|
|
33
|
+
green2: string;
|
|
34
|
+
green1: string;
|
|
35
|
+
green0: string;
|
|
36
|
+
blue5: string;
|
|
37
|
+
blue4: string;
|
|
38
|
+
blue3: string;
|
|
39
|
+
blue2: string;
|
|
40
|
+
blue1: string;
|
|
41
|
+
red5: string;
|
|
42
|
+
red4: string;
|
|
43
|
+
red3: string;
|
|
44
|
+
red2: string;
|
|
45
|
+
red1: string;
|
|
46
|
+
paper: string;
|
|
47
|
+
primaryMain: string;
|
|
48
|
+
primaryDark: string;
|
|
49
|
+
secondaryMain: string;
|
|
50
|
+
secondaryDark: string;
|
|
51
|
+
successMain: string;
|
|
52
|
+
successDark: string;
|
|
53
|
+
errorMain: string;
|
|
54
|
+
errorDark: string;
|
|
55
|
+
orangeMain: string;
|
|
56
|
+
orangeDark: string;
|
|
57
|
+
warningMain: string;
|
|
58
|
+
warningDark: string;
|
|
59
|
+
infoMain: string;
|
|
60
|
+
infoDark: string;
|
|
61
|
+
grey50: string;
|
|
62
|
+
grey100: string;
|
|
63
|
+
grey200: string;
|
|
64
|
+
grey300: string;
|
|
65
|
+
grey500: string;
|
|
66
|
+
grey600: string;
|
|
67
|
+
grey700: string;
|
|
68
|
+
grey900: string;
|
|
69
|
+
grey400: string;
|
|
70
|
+
grey800: string;
|
|
71
|
+
};
|
package/dist/colors.js
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
export const colors = {
|
|
2
|
+
brandRed: '#BE1128',
|
|
3
|
+
brandYellow: '#FFC20E',
|
|
4
|
+
brandGrey: '#464646',
|
|
5
|
+
yellow5: '#F7A30A',
|
|
6
|
+
yellow4: '#F7B512',
|
|
7
|
+
yellow3: '#FCC954',
|
|
8
|
+
yellow2: '#FFDF80',
|
|
9
|
+
yellow1: '#FFECB3',
|
|
10
|
+
yellow0: '#FFF9E5',
|
|
11
|
+
neutral5: '#212B36',
|
|
12
|
+
neutral4: '#454F5B',
|
|
13
|
+
neutral3: '#B6BEC8',
|
|
14
|
+
neutral2: '#D3D8DE',
|
|
15
|
+
neutral1: '#EAEEF2',
|
|
16
|
+
neutral0: '#F8F9FA',
|
|
17
|
+
black: '#000000',
|
|
18
|
+
white: '#ffffff',
|
|
19
|
+
purple5: '#6B1C3A',
|
|
20
|
+
purple4: '#A60066',
|
|
21
|
+
purple3: '#D10373',
|
|
22
|
+
purple2: '#FF99D8',
|
|
23
|
+
purple1: '#FFE5F5',
|
|
24
|
+
orange5: '#D4470F',
|
|
25
|
+
orange4: '#F56600',
|
|
26
|
+
orange3: '#FF993B',
|
|
27
|
+
orange2: '#FFB580',
|
|
28
|
+
orange1: '#FFD2B3',
|
|
29
|
+
orange0: '#FFF0E5',
|
|
30
|
+
green5: '#337321',
|
|
31
|
+
green4: '#4FA800',
|
|
32
|
+
green3: '#7DBA00',
|
|
33
|
+
green2: '#ABD653',
|
|
34
|
+
green1: '#D5E5B4',
|
|
35
|
+
green0: '#F2FAE2',
|
|
36
|
+
blue5: '#006FD6',
|
|
37
|
+
blue4: '#1890FF',
|
|
38
|
+
blue3: '#80C2FF',
|
|
39
|
+
blue2: '#C2E1FF',
|
|
40
|
+
blue1: '#E5F3FF',
|
|
41
|
+
red5: '#AD2624',
|
|
42
|
+
red4: '#D12421',
|
|
43
|
+
red3: '#EB2629',
|
|
44
|
+
red2: '#FCA5A6',
|
|
45
|
+
red1: '#FDE8E8',
|
|
46
|
+
paper: '#ffffff',
|
|
47
|
+
primaryMain: '#ffc20e',
|
|
48
|
+
primaryDark: '#f7a30a',
|
|
49
|
+
secondaryMain: '#eaeef2',
|
|
50
|
+
secondaryDark: '#d3d8de',
|
|
51
|
+
successMain: '#4fa800',
|
|
52
|
+
successDark: '#337321',
|
|
53
|
+
errorMain: '#d12421',
|
|
54
|
+
errorDark: '#ad2624',
|
|
55
|
+
orangeMain: '#ffab91',
|
|
56
|
+
orangeDark: '#d84315',
|
|
57
|
+
warningMain: '#f56600',
|
|
58
|
+
warningDark: '#d4470f',
|
|
59
|
+
infoMain: '#1890ff',
|
|
60
|
+
infoDark: '#006fd6',
|
|
61
|
+
grey50: '#fafafa',
|
|
62
|
+
grey100: '#f5f5f5',
|
|
63
|
+
grey200: '#f8f9fa',
|
|
64
|
+
grey300: '#eaeef2',
|
|
65
|
+
grey500: '#d3d8de',
|
|
66
|
+
grey600: '#b6bec8',
|
|
67
|
+
grey700: '#454f5b',
|
|
68
|
+
grey900: '#212b36',
|
|
69
|
+
grey400: '#bdbdbd',
|
|
70
|
+
grey800: '#7B7B7B'
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IAEpB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IAEnB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IAEf,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACrB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -44,5 +44,6 @@ export { Radio, RadioGroup } from './components/Radio';
|
|
|
44
44
|
export type { RadioProps, RadioGroupProps } from './components/Radio';
|
|
45
45
|
export { Steps } from './components/Steps';
|
|
46
46
|
export type { StepsProps, StepItem, StepStatus } from './components/Steps';
|
|
47
|
+
export { colors } from './colors';
|
|
47
48
|
export { tokens } from './tokens';
|
|
48
49
|
export type { DesignTokens, ColorTokens, RadiusTokens, ShadowTokens, FontTokens, SpacingTokens, TransitionTokens } from './tokens';
|
package/dist/index.js
CHANGED
|
@@ -25,5 +25,6 @@ export { TableContainer, THead, TBody, TR, TH, TD } from './components/Table';
|
|
|
25
25
|
export { Radio, RadioGroup } from './components/Radio';
|
|
26
26
|
export { Steps } from './components/Steps';
|
|
27
27
|
// ─── Design Tokens ────────────────────────────────────────────────────────────
|
|
28
|
+
export { colors } from './colors';
|
|
28
29
|
export { tokens } from './tokens';
|
|
29
30
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGjF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAG9E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGjF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAG9E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
package/package.json
CHANGED
package/tailwind.preset.js
CHANGED
|
@@ -4,11 +4,80 @@ module.exports = {
|
|
|
4
4
|
extend: {
|
|
5
5
|
colors: {
|
|
6
6
|
// Ánh xạ sang biến CSS Variable (Có giá trị fallback)
|
|
7
|
-
primary: 'var(--theme-color-primary, #
|
|
8
|
-
secondary: 'var(--theme-color-secondary, #
|
|
7
|
+
primary: 'var(--theme-color-primary, #ffc20e)',
|
|
8
|
+
secondary: 'var(--theme-color-secondary, #eaeef2)',
|
|
9
|
+
brandRed: '#BE1128',
|
|
10
|
+
brandYellow: '#FFC20E',
|
|
11
|
+
brandGrey: '#464646',
|
|
12
|
+
yellow5: '#F7A30A',
|
|
13
|
+
yellow4: '#F7B512',
|
|
14
|
+
yellow3: '#FCC954',
|
|
15
|
+
yellow2: '#FFDF80',
|
|
16
|
+
yellow1: '#FFECB3',
|
|
17
|
+
yellow0: '#FFF9E5',
|
|
18
|
+
neutral5: '#212B36',
|
|
19
|
+
neutral4: '#454F5B',
|
|
20
|
+
neutral3: '#B6BEC8',
|
|
21
|
+
neutral2: '#D3D8DE',
|
|
22
|
+
neutral1: '#EAEEF2',
|
|
23
|
+
neutral0: '#F8F9FA',
|
|
24
|
+
black: '#000000',
|
|
25
|
+
white: '#ffffff',
|
|
26
|
+
purple5: '#6B1C3A',
|
|
27
|
+
purple4: '#A60066',
|
|
28
|
+
purple3: '#D10373',
|
|
29
|
+
purple2: '#FF99D8',
|
|
30
|
+
purple1: '#FFE5F5',
|
|
31
|
+
orange5: '#D4470F',
|
|
32
|
+
orange4: '#F56600',
|
|
33
|
+
orange3: '#FF993B',
|
|
34
|
+
orange2: '#FFB580',
|
|
35
|
+
orange1: '#FFD2B3',
|
|
36
|
+
orange0: '#FFF0E5',
|
|
37
|
+
green5: '#337321',
|
|
38
|
+
green4: '#4FA800',
|
|
39
|
+
green3: '#7DBA00',
|
|
40
|
+
green2: '#ABD653',
|
|
41
|
+
green1: '#D5E5B4',
|
|
42
|
+
green0: '#F2FAE2',
|
|
43
|
+
blue5: '#006FD6',
|
|
44
|
+
blue4: '#1890FF',
|
|
45
|
+
blue3: '#80C2FF',
|
|
46
|
+
blue2: '#C2E1FF',
|
|
47
|
+
blue1: '#E5F3FF',
|
|
48
|
+
red5: '#AD2624',
|
|
49
|
+
red4: '#D12421',
|
|
50
|
+
red3: '#EB2629',
|
|
51
|
+
red2: '#FCA5A6',
|
|
52
|
+
red1: '#FDE8E8',
|
|
53
|
+
paper: '#ffffff',
|
|
54
|
+
primaryMain: '#ffc20e',
|
|
55
|
+
primaryDark: '#f7a30a',
|
|
56
|
+
secondaryMain: '#eaeef2',
|
|
57
|
+
secondaryDark: '#d3d8de',
|
|
58
|
+
successMain: '#4fa800',
|
|
59
|
+
successDark: '#337321',
|
|
60
|
+
errorMain: '#d12421',
|
|
61
|
+
errorDark: '#ad2624',
|
|
62
|
+
orangeMain: '#ffab91',
|
|
63
|
+
orangeDark: '#d84315',
|
|
64
|
+
warningMain: '#f56600',
|
|
65
|
+
warningDark: '#d4470f',
|
|
66
|
+
infoMain: '#1890ff',
|
|
67
|
+
infoDark: '#006fd6',
|
|
68
|
+
grey50: '#fafafa',
|
|
69
|
+
grey100: '#f5f5f5',
|
|
70
|
+
grey200: '#f8f9fa',
|
|
71
|
+
grey300: '#eaeef2',
|
|
72
|
+
grey500: '#d3d8de',
|
|
73
|
+
grey600: '#b6bec8',
|
|
74
|
+
grey700: '#454f5b',
|
|
75
|
+
grey900: '#212b36',
|
|
76
|
+
grey400: '#bdbdbd',
|
|
77
|
+
grey800: '#7B7B7B',
|
|
9
78
|
brand: {
|
|
10
|
-
50: '#
|
|
11
|
-
500: '#
|
|
79
|
+
50: '#FFF9E5',
|
|
80
|
+
500: '#FFC20E',
|
|
12
81
|
}
|
|
13
82
|
},
|
|
14
83
|
fontFamily: {
|