shared-design-system 1.2.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.
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shared-design-system",
3
- "version": "1.2.0",
3
+ "version": "1.4.0",
4
4
  "description": "Shared Tailwind Design System & UI Tokens for all Micro Frontends",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -16,7 +16,14 @@
16
16
  "require": "./dist/tokens.js",
17
17
  "types": "./dist/tokens.d.ts"
18
18
  },
19
- "./tailwind.preset": "./tailwind.preset.js"
19
+ "./tailwind.preset": {
20
+ "require": "./tailwind.preset.js",
21
+ "import": "./tailwind.preset.js"
22
+ },
23
+ "./tailwind.preset.js": {
24
+ "require": "./tailwind.preset.js",
25
+ "import": "./tailwind.preset.js"
26
+ }
20
27
  },
21
28
  "files": [
22
29
  "dist",
@@ -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, #0f172a)',
8
- secondary: 'var(--theme-color-secondary, #64748b)',
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: '#f0fdf4',
11
- 500: '#22c55e',
79
+ 50: '#FFF9E5',
80
+ 500: '#FFC20E',
12
81
  }
13
82
  },
14
83
  fontFamily: {