shared-design-system 1.77.0 → 1.78.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.
@@ -1,17 +1,17 @@
1
- import React from 'react';
2
- import { tokens } from '../tokens';
1
+ import React from "react";
2
+ import { tokens } from "../tokens";
3
3
  export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
4
4
  level?: 1 | 2 | 3 | 4 | 5 | 6;
5
5
  gradient?: boolean;
6
6
  }
7
7
  export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
8
- type TextColor = keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
8
+ type TextColor = keyof typeof tokens.color | "default" | "muted" | "disabled" | "primary" | "danger" | "success" | "warning" | "info";
9
9
  export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
10
10
  size?: keyof typeof tokens.font;
11
- weight?: 'normal' | 'medium' | 'semibold' | 'bold';
11
+ weight?: "normal" | "medium" | "semibold" | "bold";
12
12
  color?: TextColor;
13
13
  truncate?: boolean;
14
- as?: 'p' | 'span' | 'div' | 'li';
14
+ as?: "p" | "span" | "div" | "li";
15
15
  }
16
16
  export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
17
17
  export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { tokens } from '../tokens';
2
+ import React from "react";
3
+ import { tokens } from "../tokens";
4
4
  const HEADING_SIZES = {
5
- 1: tokens.font['2xl'],
5
+ 1: tokens.font["2xl"],
6
6
  2: tokens.font.xl,
7
7
  3: tokens.font.lg,
8
8
  4: tokens.font.md,
@@ -18,14 +18,14 @@ const HEADING_LINE_HEIGHTS = {
18
18
  6: 1.4,
19
19
  };
20
20
  const HEADING_LETTER_SPACING = {
21
- 1: '-0.03em',
22
- 2: '-0.025em',
23
- 3: '-0.02em',
24
- 4: '-0.015em',
25
- 5: '-0.01em',
26
- 6: '0',
21
+ 1: "-0.03em",
22
+ 2: "-0.025em",
23
+ 3: "-0.02em",
24
+ 4: "-0.015em",
25
+ 5: "-0.01em",
26
+ 6: "0",
27
27
  };
28
- export const Heading = React.forwardRef(({ level = 2, children, className = '', style = {}, gradient = false, ...props }, ref) => {
28
+ export const Heading = React.forwardRef(({ level = 2, children, className = "", style = {}, gradient = false, ...props }, ref) => {
29
29
  const baseStyle = {
30
30
  fontFamily: tokens.font.family,
31
31
  fontWeight: tokens.font.weightBold,
@@ -33,13 +33,13 @@ export const Heading = React.forwardRef(({ level = 2, children, className = '',
33
33
  fontSize: HEADING_SIZES[level] || tokens.font.base,
34
34
  margin: 0,
35
35
  lineHeight: HEADING_LINE_HEIGHTS[level] || 1.25,
36
- letterSpacing: HEADING_LETTER_SPACING[level] || '-0.02em',
36
+ letterSpacing: HEADING_LETTER_SPACING[level] || "-0.02em",
37
37
  ...(gradient
38
38
  ? {
39
39
  background: `linear-gradient(135deg, ${tokens.color.slate800} 0%, ${tokens.color.slate600} 100%)`,
40
- WebkitBackgroundClip: 'text',
41
- WebkitTextFillColor: 'transparent',
42
- backgroundClip: 'text',
40
+ WebkitBackgroundClip: "text",
41
+ WebkitTextFillColor: "transparent",
42
+ backgroundClip: "text",
43
43
  }
44
44
  : {}),
45
45
  ...style,
@@ -47,7 +47,7 @@ export const Heading = React.forwardRef(({ level = 2, children, className = '',
47
47
  const tag = `h${level}`;
48
48
  return React.createElement(tag, { ref, style: baseStyle, className: `ds-heading ${className}`, ...props }, children);
49
49
  });
50
- Heading.displayName = 'Heading';
50
+ Heading.displayName = "Heading";
51
51
  const COLOR_MAP = {
52
52
  muted: tokens.color.textMuted,
53
53
  disabled: tokens.color.textDisabled,
@@ -64,57 +64,58 @@ const WEIGHT_MAP = {
64
64
  semibold: tokens.font.weightSemibold,
65
65
  bold: tokens.font.weightBold,
66
66
  };
67
- export const Text = React.forwardRef(({ size = 'base', weight = 'normal', color = 'default', truncate = false, as: Tag = 'p', children, className = '', style = {}, ...props }, ref) => {
67
+ export const Text = React.forwardRef(({ size = "base", weight = "normal", color = "default", truncate = false, as: Tag = "p", children, className = "", style = {}, ...props }, ref) => {
68
68
  const resolvedColor = COLOR_MAP[color] ||
69
69
  tokens.color[color] ||
70
70
  tokens.color.text;
71
71
  const baseStyle = {
72
72
  fontFamily: tokens.font.family,
73
- fontSize: tokens.font[size] || tokens.font.base,
73
+ fontSize: tokens.font[size] ||
74
+ tokens.font.base,
74
75
  fontWeight: WEIGHT_MAP[weight] || tokens.font.weightNormal,
75
76
  color: resolvedColor,
76
77
  margin: 0,
77
78
  lineHeight: 1.65,
78
79
  ...(truncate
79
80
  ? {
80
- whiteSpace: 'nowrap',
81
- overflow: 'hidden',
82
- textOverflow: 'ellipsis',
81
+ whiteSpace: "nowrap",
82
+ overflow: "hidden",
83
+ textOverflow: "ellipsis",
83
84
  }
84
85
  : {}),
85
86
  ...style,
86
87
  };
87
88
  return React.createElement(Tag, { ref, style: baseStyle, className: `ds-text ${className}`, ...props }, children);
88
89
  });
89
- Text.displayName = 'Text';
90
- export const Label = React.forwardRef(({ children, required, className = '', style = {}, ...props }, ref) => (_jsxs("label", { ref: ref, style: {
91
- display: 'inline-flex',
92
- alignItems: 'center',
93
- gap: '3px',
90
+ Text.displayName = "Text";
91
+ export const Label = React.forwardRef(({ children, required, className = "", style = {}, ...props }, ref) => (_jsxs("label", { ref: ref, style: {
92
+ display: "inline-flex",
93
+ alignItems: "center",
94
+ gap: "3px",
94
95
  fontSize: tokens.font.xs,
95
96
  fontWeight: tokens.font.weightSemibold,
96
97
  color: tokens.color.slate600,
97
- letterSpacing: '0.02em',
98
+ letterSpacing: "0.02em",
98
99
  ...style,
99
- }, className: `ds-label ${className}`, ...props, children: [children, required && _jsx("span", { style: { color: tokens.color.danger, lineHeight: 1 }, children: "*" })] })));
100
- Label.displayName = 'Label';
101
- export const Caption = React.forwardRef(({ children, className = '', style = {}, ...props }, ref) => (_jsx("span", { ref: ref, style: {
102
- fontSize: '11px',
100
+ }, className: `ds-label ${className}`, ...props, children: [children, required && (_jsx("span", { style: { color: tokens.color.danger, lineHeight: 1 }, children: "*" }))] })));
101
+ Label.displayName = "Label";
102
+ export const Caption = React.forwardRef(({ children, className = "", style = {}, ...props }, ref) => (_jsx("span", { ref: ref, style: {
103
+ fontSize: tokens.font.xs,
103
104
  fontWeight: tokens.font.weightMedium,
104
105
  color: tokens.color.textMuted,
105
106
  lineHeight: 1.5,
106
107
  ...style,
107
108
  }, className: `ds-caption ${className}`, ...props, children: children })));
108
- Caption.displayName = 'Caption';
109
- export const SectionHeader = React.forwardRef(({ title, description, className = '', style = {}, ...props }, ref) => (_jsxs("div", { ref: ref, style: {
110
- display: 'flex',
111
- alignItems: 'center',
109
+ Caption.displayName = "Caption";
110
+ export const SectionHeader = React.forwardRef(({ title, description, className = "", style = {}, ...props }, ref) => (_jsxs("div", { ref: ref, style: {
111
+ display: "flex",
112
+ alignItems: "center",
112
113
  gap: tokens.spacing[4],
113
114
  margin: `${tokens.spacing[6]} 0`,
114
115
  ...style,
115
116
  }, className: `ds-section-header ${className}`, ...props, children: [_jsx("div", { style: {
116
- width: '3px',
117
- height: '16px',
117
+ width: "3px",
118
+ height: "16px",
118
119
  background: `linear-gradient(to bottom, ${tokens.color.primary}, ${tokens.color.accent})`,
119
120
  borderRadius: tokens.radius.full,
120
121
  flexShrink: 0,
@@ -122,19 +123,19 @@ export const SectionHeader = React.forwardRef(({ title, description, className =
122
123
  fontSize: tokens.font.xs,
123
124
  fontWeight: tokens.font.weightBold,
124
125
  color: tokens.color.slate700,
125
- textTransform: 'uppercase',
126
- letterSpacing: '0.1em',
126
+ textTransform: "uppercase",
127
+ letterSpacing: "0.1em",
127
128
  margin: 0,
128
129
  lineHeight: 1.4,
129
130
  }, children: title }), description && (_jsx("p", { style: {
130
- fontSize: '11px',
131
+ fontSize: tokens.font.xs,
131
132
  color: tokens.color.textMuted,
132
- margin: '2px 0 0 0',
133
+ margin: "2px 0 0 0",
133
134
  fontWeight: tokens.font.weightMedium,
134
135
  }, children: description }))] }), _jsx("div", { style: {
135
136
  flex: 1,
136
- height: '1px',
137
+ height: "1px",
137
138
  background: `linear-gradient(to right, ${tokens.color.slate200}, transparent)`,
138
139
  } })] })));
139
- SectionHeader.displayName = 'SectionHeader';
140
+ SectionHeader.displayName = "SectionHeader";
140
141
  //# sourceMappingURL=Typography.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":"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"}
@@ -42,7 +42,7 @@ export interface RadiusTokens {
42
42
  md: string;
43
43
  lg: string;
44
44
  xl: string;
45
- '2xl': string;
45
+ "2xl": string;
46
46
  full: string;
47
47
  }
48
48
  export interface ShadowTokens {
@@ -59,7 +59,7 @@ export interface FontTokens {
59
59
  md: string;
60
60
  lg: string;
61
61
  xl: string;
62
- '2xl': string;
62
+ "2xl": string;
63
63
  weightNormal: number;
64
64
  weightMedium: number;
65
65
  weightSemibold: number;
@@ -4,95 +4,95 @@
4
4
  */
5
5
  export const tokens = {
6
6
  color: {
7
- white: '#FFFFFF',
7
+ white: "#FFFFFF",
8
8
  // Primary — brand orange-red (#E8530A) — gradient warm: yellow-orange → red
9
- primary: 'var(--ds-color-primary, #E8530A)',
10
- primaryDark: 'var(--ds-color-primary-dark, #C43A00)',
11
- primaryLight: 'var(--ds-color-primary-light, #FEF0E6)',
9
+ primary: "var(--ds-color-primary, #E8530A)",
10
+ primaryDark: "var(--ds-color-primary-dark, #C43A00)",
11
+ primaryLight: "var(--ds-color-primary-light, #FEF0E6)",
12
12
  // Accent — brand yellow (#FFC20E)
13
- accent: 'var(--ds-color-accent, #FFC20E)',
14
- accentDark: 'var(--ds-color-accent-dark, #F7A30A)',
15
- accentLight: 'var(--ds-color-accent-light, #FFF9E5)',
13
+ accent: "var(--ds-color-accent, #FFC20E)",
14
+ accentDark: "var(--ds-color-accent-dark, #F7A30A)",
15
+ accentLight: "var(--ds-color-accent-light, #FFF9E5)",
16
16
  // Status
17
- success: 'var(--ds-color-success, #4FA800)',
18
- successBg: 'var(--ds-color-success-bg, #F2FAE2)',
19
- warning: 'var(--ds-color-warning, #F56600)',
20
- warningBg: 'var(--ds-color-warning-bg, #FFF0E5)',
21
- danger: 'var(--ds-color-danger, #D12421)',
22
- dangerBg: 'var(--ds-color-danger-bg, #FDE8E8)',
23
- info: 'var(--ds-color-info, #1890FF)',
24
- infoBg: 'var(--ds-color-info-bg, #E5F3FF)',
17
+ success: "var(--ds-color-success, #4FA800)",
18
+ successBg: "var(--ds-color-success-bg, #F2FAE2)",
19
+ warning: "var(--ds-color-warning, #F56600)",
20
+ warningBg: "var(--ds-color-warning-bg, #FFF0E5)",
21
+ danger: "var(--ds-color-danger, #D12421)",
22
+ dangerBg: "var(--ds-color-danger-bg, #FDE8E8)",
23
+ info: "var(--ds-color-info, #1890FF)",
24
+ infoBg: "var(--ds-color-info-bg, #E5F3FF)",
25
25
  // Text
26
- text: 'var(--ds-color-text, #212B36)',
27
- textMuted: 'var(--ds-color-text-muted, #454F5B)',
28
- textDisabled: 'var(--ds-color-text-disabled, #B6BEC8)',
26
+ text: "var(--ds-color-text, #212B36)",
27
+ textMuted: "var(--ds-color-text-muted, #454F5B)",
28
+ textDisabled: "var(--ds-color-text-disabled, #B6BEC8)",
29
29
  // Border & Surface
30
- border: 'var(--ds-color-border, #D3D8DE)',
31
- borderFocus: 'var(--ds-color-border-focus, #E8530A)',
32
- surface: 'var(--ds-color-surface, #FFFFFF)',
33
- surfaceAlt: 'var(--ds-color-surface-alt, #F8F9FA)',
34
- overlay: 'rgba(0, 0, 0, 0.3)',
30
+ border: "var(--ds-color-border, #D3D8DE)",
31
+ borderFocus: "var(--ds-color-border-focus, #E8530A)",
32
+ surface: "var(--ds-color-surface, #FFFFFF)",
33
+ surfaceAlt: "var(--ds-color-surface-alt, #F8F9FA)",
34
+ overlay: "rgba(0, 0, 0, 0.3)",
35
35
  // Neutral (slate-like) scale
36
- slate50: '#F8F9FA',
37
- slate100: '#EAEEF2',
38
- slate200: '#D3D8DE',
39
- slate300: '#B6BEC8',
40
- slate400: '#7B7B7B',
41
- slate500: '#454F5B',
42
- slate600: '#334155',
43
- slate700: '#2D3748',
44
- slate800: '#212B36',
45
- slate900: '#0F172A',
36
+ slate50: "#F8F9FA",
37
+ slate100: "#EAEEF2",
38
+ slate200: "#D3D8DE",
39
+ slate300: "#B6BEC8",
40
+ slate400: "#7B7B7B",
41
+ slate500: "#454F5B",
42
+ slate600: "#334155",
43
+ slate700: "#2D3748",
44
+ slate800: "#212B36",
45
+ slate900: "#0F172A",
46
46
  },
47
47
  radius: {
48
- sm: '8px',
49
- md: '8px',
50
- lg: '8px',
51
- xl: '8px',
52
- '2xl': '8px',
53
- full: '9999px',
48
+ sm: "8px",
49
+ md: "8px",
50
+ lg: "8px",
51
+ xl: "8px",
52
+ "2xl": "8px",
53
+ full: "9999px",
54
54
  },
55
55
  shadow: {
56
- sm: 'none',
57
- md: 'none',
58
- lg: 'none',
59
- xl: 'none',
56
+ sm: "none",
57
+ md: "none",
58
+ lg: "none",
59
+ xl: "none",
60
60
  },
61
61
  font: {
62
62
  family: "'Be Vietnam Pro', 'Inter', 'Segoe UI', system-ui, sans-serif",
63
- xs: '11px',
64
- sm: '13px',
65
- base: '14px',
66
- md: '16px',
67
- lg: '18px',
68
- xl: '20px',
69
- '2xl': '24px',
63
+ xs: "0.75rem",
64
+ sm: "0.8125rem",
65
+ base: "0.875rem",
66
+ md: "1rem",
67
+ lg: "1.125rem",
68
+ xl: "1.25rem",
69
+ "2xl": "1.75rem",
70
70
  weightNormal: 400,
71
71
  weightMedium: 500,
72
72
  weightSemibold: 600,
73
73
  weightBold: 700,
74
74
  },
75
75
  spacing: {
76
- 'xs': '4px',
77
- 'sm': '8px',
78
- 'md': '16px',
79
- 'lg': '24px',
80
- 'xl': '32px',
81
- '2xl': '48px',
82
- '1': '4px',
83
- '2': '8px',
84
- '3': '12px',
85
- '4': '16px',
86
- '5': '20px',
87
- '6': '24px',
88
- '8': '32px',
89
- '10': '40px',
90
- '12': '48px',
76
+ xs: "4px",
77
+ sm: "8px",
78
+ md: "16px",
79
+ lg: "24px",
80
+ xl: "32px",
81
+ "2xl": "48px",
82
+ "1": "4px",
83
+ "2": "8px",
84
+ "3": "12px",
85
+ "4": "16px",
86
+ "5": "20px",
87
+ "6": "24px",
88
+ "8": "32px",
89
+ "10": "40px",
90
+ "12": "48px",
91
91
  },
92
92
  transition: {
93
- fast: 'all .2s cubic-bezier(0.4, 0, 0.2, 1)',
94
- normal: 'all .3s cubic-bezier(0.4, 0, 0.2, 1)',
95
- slow: 'all .5s cubic-bezier(0.4, 0, 0.2, 1)',
93
+ fast: "all .2s cubic-bezier(0.4, 0, 0.2, 1)",
94
+ normal: "all .3s cubic-bezier(0.4, 0, 0.2, 1)",
95
+ slow: "all .5s cubic-bezier(0.4, 0, 0.2, 1)",
96
96
  },
97
97
  };
98
98
  //# sourceMappingURL=tokens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA8FH,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,KAAK,EAAE;QACL,KAAK,EAAS,SAAS;QACvB,4EAA4E;QAC5E,OAAO,EAAO,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,YAAY,EAAE,wCAAwC;QACtD,kCAAkC;QAClC,MAAM,EAAQ,wCAAwC;QACtD,UAAU,EAAI,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,SAAS;QACT,OAAO,EAAO,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,OAAO,EAAO,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,MAAM,EAAQ,wCAAwC;QACtD,QAAQ,EAAM,wCAAwC;QACtD,IAAI,EAAU,wCAAwC;QACtD,MAAM,EAAQ,wCAAwC;QACtD,OAAO;QACP,IAAI,EAAU,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,YAAY,EAAE,wCAAwC;QACtD,mBAAmB;QACnB,MAAM,EAAQ,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,OAAO,EAAO,wCAAwC;QACtD,UAAU,EAAI,wCAAwC;QACtD,OAAO,EAAO,oBAAoB;QAClC,6BAA6B;QAC7B,OAAO,EAAG,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,8DAA8D;QACtE,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,KAAK,EAAC,MAAM;QACZ,YAAY,EAAG,GAAG;QAClB,YAAY,EAAG,GAAG;QAClB,cAAc,EAAC,GAAG;QAClB,UAAU,EAAK,GAAG;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAI,sCAAsC;QAC9C,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAI,sCAAsC;KAC/C;CACF,CAAC"}
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA8FH,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,4EAA4E;QAC5E,OAAO,EAAE,wCAAwC;QACjD,WAAW,EAAE,wCAAwC;QACrD,YAAY,EAAE,wCAAwC;QACtD,kCAAkC;QAClC,MAAM,EAAE,wCAAwC;QAChD,UAAU,EAAE,wCAAwC;QACpD,WAAW,EAAE,wCAAwC;QACrD,SAAS;QACT,OAAO,EAAE,wCAAwC;QACjD,SAAS,EAAE,wCAAwC;QACnD,OAAO,EAAE,wCAAwC;QACjD,SAAS,EAAE,wCAAwC;QACnD,MAAM,EAAE,wCAAwC;QAChD,QAAQ,EAAE,wCAAwC;QAClD,IAAI,EAAE,wCAAwC;QAC9C,MAAM,EAAE,wCAAwC;QAChD,OAAO;QACP,IAAI,EAAE,wCAAwC;QAC9C,SAAS,EAAE,wCAAwC;QACnD,YAAY,EAAE,wCAAwC;QACtD,mBAAmB;QACnB,MAAM,EAAE,wCAAwC;QAChD,WAAW,EAAE,wCAAwC;QACrD,OAAO,EAAE,wCAAwC;QACjD,UAAU,EAAE,wCAAwC;QACpD,OAAO,EAAE,oBAAoB;QAC7B,6BAA6B;QAC7B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,8DAA8D;QACtE,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,GAAG;QACjB,YAAY,EAAE,GAAG;QACjB,cAAc,EAAE,GAAG;QACnB,UAAU,EAAE,GAAG;KAChB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAE,sCAAsC;QAC5C,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAE,sCAAsC;KAC7C;CACF,CAAC"}
@@ -1,3 +1,3 @@
1
- import type { Config } from 'tailwindcss';
1
+ import type { Config } from "tailwindcss";
2
2
  declare const config: Config;
3
3
  export default config;
@@ -4,88 +4,93 @@ const config = {
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, #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',
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",
78
78
  brand: {
79
- 50: '#FFF9E5',
80
- 500: '#FFC20E',
81
- }
79
+ 50: "#FFF9E5",
80
+ 500: "#FFC20E",
81
+ },
82
82
  },
83
83
  fontFamily: {
84
- sans: ['Inter', 'system-ui', 'sans-serif'],
84
+ sans: ["Inter", "system-ui", "sans-serif"],
85
+ },
86
+ fontSize: {
87
+ normal: "0.875rem",
88
+ title: "1rem",
89
+ "header-title": "1.75rem",
85
90
  },
86
91
  borderRadius: {
87
- 'theme': 'var(--theme-border-radius, 0.5rem)',
88
- }
92
+ theme: "var(--theme-border-radius, 0.5rem)",
93
+ },
89
94
  },
90
95
  },
91
96
  plugins: [],
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind.preset.js","sourceRoot":"","sources":["../tailwind.preset.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAW;IACrB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,sDAAsD;gBACtD,OAAO,EAAE,qCAAqC;gBAC9C,SAAS,EAAE,uCAAuC;gBAClD,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;gBACpB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,SAAS;gBACxB,aAAa,EAAE,SAAS;gBACxB,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;gBACpB,SAAS,EAAE,SAAS;gBACpB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;gBACrB,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,SAAS;gBACtB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE;oBACL,EAAE,EAAE,SAAS;oBACb,GAAG,EAAE,SAAS;iBACf;aACF;YACD,UAAU,EAAE;gBACV,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC;aAC3C;YACD,YAAY,EAAE;gBACZ,OAAO,EAAE,oCAAoC;aAC9C;SACF;KACF;IACD,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"tailwind.preset.js","sourceRoot":"","sources":["../tailwind.preset.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAW;IACrB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,sDAAsD;gBACtD,OAAO,EAAE,qCAAqC;gBAC9C,SAAS,EAAE,uCAAuC;gBAClD,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;gBACpB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,SAAS;gBACxB,aAAa,EAAE,SAAS;gBACxB,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;gBACpB,SAAS,EAAE,SAAS;gBACpB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;gBACrB,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,SAAS;gBACtB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;gBACnB,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE;oBACL,EAAE,EAAE,SAAS;oBACb,GAAG,EAAE,SAAS;iBACf;aACF;YACD,UAAU,EAAE;gBACV,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC;aAC3C;YACD,QAAQ,EAAE;gBACR,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE,SAAS;aAC1B;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,oCAAoC;aAC5C;SACF;KACF;IACD,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shared-design-system",
3
- "version": "1.77.0",
3
+ "version": "1.78.0",
4
4
  "description": "Shared Tailwind Design System & UI Tokens for all Micro Frontends",
5
5
  "main": "dist/src/index.js",
6
6
  "module": "dist/src/index.js",