@aveonline/ui-react 2.31.0 → 2.31.1

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 (5) hide show
  1. package/dist/tailwind.config.js +258 -258
  2. package/dist/tokens.css +168 -168
  3. package/dist/ui/atoms/Typography/Text/IText.d.ts +1 -0
  4. package/dist/ui-react.mjs +182 -182
  5. package/package.json +1 -1
package/dist/tokens.css CHANGED
@@ -1,168 +1,168 @@
1
- /**
2
- * Modify directly
3
- * --font-family-sans = Inter
4
- * --font-weight-regular = 400
5
- */
6
-
7
- :root {
8
- --spacing-1xl: 117px;
9
- --spacing-xxl: 56px;
10
- --spacing-xl: 32px;
11
- --spacing-lg: 24px;
12
- --spacing-md: 18px;
13
- --spacing-sm: 16px;
14
- --spacing-xs: 8px;
15
- --spacing-xxs: 0px;
16
- --box-shadow-pressed: 0px 6px 8px 0px #3434341a;
17
- --box-shadow-popup: 0px 0px 1px rgba(0, 0, 0, 0.2),
18
- 0px 3px 50px rgba(0, 0, 0, 0.2);
19
- --box-shadow-popover: 0px 0px 2px rgba(0, 0, 0, 0.2),
20
- 0px 2px 10px rgba(0, 0, 0, 0.1);
21
- --box-shadow-card: 0px 2px 1px rgba(0, 0, 0, 0.05),
22
- 0px 0px 1px rgba(0, 0, 0, 0.25);
23
- --font-family-sans: 'Inter';
24
- --border-radius-md: 20px;
25
- --border-radius-sm: 10px;
26
- --border-radius-xs: 8px;
27
- --font-weight-bold: 700;
28
- --font-weight-medium: 500;
29
- --font-weight-regular: 400;
30
- --line-height-xxl: 56px;
31
- --line-height-xl: 36px;
32
- --line-height-lg: 32px;
33
- --line-height-md: 28px;
34
- --line-height-sm: 24px;
35
- --line-height-xs: 20px;
36
- --line-height-xxs: 16px;
37
- --font-size-xxl: 50px;
38
- --font-size-xl: 40px;
39
- --font-size-lg: 32px;
40
- --font-size-md: 28px;
41
- --font-size-sm: 24px;
42
- --font-size-xs: 16px;
43
- --font-size-xxs: 14px;
44
- --colors-special-four-back: rgba(156, 255, 147, 0.25);
45
- --colors-special-four: #72d69a;
46
- --colors-special-three-back: rgba(179, 215, 255, 0.25);
47
- --colors-special-three: #3eadfe;
48
- --colors-special-two-back: rgba(240, 166, 98, 0.25);
49
- --colors-special-two: #f0a662;
50
- --colors-special-one-back: rgba(182, 147, 255, 0.25);
51
- --colors-special-one: #bc72d6;
52
- --colors-base-success: #16ab49ff;
53
- --colors-base-warning: #ffa826ff;
54
- --colors-base-critical: #f56270ff;
55
- --colors-base-brand: #c80935ff;
56
- --colors-base-interactive: #007affff;
57
- --colors-base-secondary: #8a8a8aff;
58
- --colors-base-primary: #42484eff;
59
- --colors-base-surface: #f0f0f0ff;
60
- --colors-radial-100: #1ddd5eff;
61
- --colors-radial-90: #139840ff;
62
- --colors-radial-80: #0f642cff;
63
- --colors-radial-70: #93a611ff;
64
- --colors-radial-60: #d0d82bff;
65
- --colors-radial-50: #ede437ff;
66
- --colors-radial-40: #f9b017ff;
67
- --colors-radial-30: #f28c1bff;
68
- --colors-radial-20: #e15b24ff;
69
- --colors-radial-10: #b21a1bff;
70
- --colors-background-modal: rgba(66, 72, 78, 0.25);
71
- --colors-background-selected: #edeeefff;
72
- --colors-background-active: #edeeefff;
73
- --colors-background-hovered: #f1f2f3ff;
74
- --colors-background-default: #f6f6f7ff;
75
- --colors-surface-neutral-disabled: #f6f6f6;
76
- --colors-surface-neutral-active: #bdbdbd;
77
- --colors-surface-neutral-hovered: #cecece;
78
- --colors-surface-neutral-subdued: #e8e8e8;
79
- --colors-surface-neutral-default: #dddddd;
80
- --colors-surface-critical-disabled: #fde7ea;
81
- --colors-surface-critical-active: #e49b9b;
82
- --colors-surface-critical-hovered: #ebb3b3;
83
- --colors-surface-critical-subdued: #fddfdf;
84
- --colors-surface-critical-default: #f1c8c8;
85
- --colors-surface-success-active: #9cd8b1;
86
- --colors-surface-success-hovered: #b3dfc2;
87
- --colors-surface-success-subdued: #d0eedb;
88
- --colors-surface-success-default: #bfe8d3;
89
- --colors-surface-warning-active: #ffe78f;
90
- --colors-surface-warning-hovered: #feeca5;
91
- --colors-surface-warning-subdued: #fff7da;
92
- --colors-surface-warning-default: #fff2c2;
93
- --colors-surface-action-disabled: #e7f4ff;
94
- --colors-surface-action-active: #93b7df;
95
- --colors-surface-action-hovered: #a4c8f0;
96
- --colors-surface-action-subdued: #ddeaf7;
97
- --colors-surface-action-default: #b3d7ff;
98
- --colors-surface-disabled: #f6f8fb;
99
- --colors-surface-pressed: #ccced1;
100
- --colors-surface-active: #dfe1e4;
101
- --colors-surface-hovered: #ebedf0;
102
- --colors-surface-subdued: #f3f4f6;
103
- --colors-surface-default: #ffffffff;
104
- --colors-focused-default: #3eadfeff;
105
- --colors-icon-on: #ffffffff;
106
- --colors-icon-success: #149840ff;
107
- --colors-icon-warning: #c18f00ff;
108
- --colors-icon-critical: #bd2a2aff;
109
- --colors-icon-disabled: #d6d6d6ff;
110
- --colors-icon-active: #636b74ff;
111
- --colors-icon-hovered: #42484eff;
112
- --colors-icon-subdued: #a1a1a1ff;
113
- --colors-icon-default: #61666bff;
114
- --colors-icon-brand: #5F24F1;
115
- --colors-interactive-critical-disabled: #ce9ea2ff;
116
- --colors-interactive-critical-active: #6c0f00ff;
117
- --colors-interactive-critical-hovered: #c12929ff;
118
- --colors-interactive-critical-default: #d82f2fff;
119
- --colors-interactive-disabled: #d6dbe0ff;
120
- --colors-interactive-active: #004289ff;
121
- --colors-interactive-hovered: #0068daff;
122
- --colors-interactive-default: #007aff;
123
- --colors-border-shadow-subdued: #ebebeb;
124
- --colors-border-critical-disabled: #ffc9c6ff;
125
- --colors-border-critical-subdued: #e05563ff;
126
- --colors-border-critical-default: #f56270ff;
127
- --colors-border-success-subdued: #43da76ff;
128
- --colors-border-success-default: #16ab49;
129
- --colors-border-disabled: #e3e3e3;
130
- --colors-border-active: #c5c5c5;
131
- --colors-border-hovered: #d1d1d1;
132
- --colors-border-subdued: #e7e7e7;
133
- --colors-border-default: #dcdcdc;
134
- --colors-action-opacity-disabled: rgba(109, 113, 117, 0.2);
135
- --colors-action-opacity-active: rgba(109, 113, 117, 0.6);
136
- --colors-action-opacity-hovered: rgba(109, 113, 117, 0.4);
137
- --colors-action-opacity-default: rgba(109, 113, 117, 0.3);
138
- --colors-action-critical-disabled: #e4dfe0ff;
139
- --colors-action-critical-pressed: #6c0f00ff;
140
- --colors-action-critical-active: #9d2020ff;
141
- --colors-action-critical-hovered: #c12929ff;
142
- --colors-action-critical-default: #d82f2fff;
143
- --colors-action-secondary-disabled: #f3f5f8;
144
- --colors-action-secondary-pressed: #a8abb1;
145
- --colors-action-secondary-active: #c8cbd1;
146
- --colors-action-secondary-hovered: #d9dce2;
147
- --colors-action-secondary-subdued: #f0f2f5;
148
- --colors-action-secondary-default: #e5e7ea;
149
- --colors-action-primary-disabled: #d6dbe0ff;
150
- --colors-action-primary-pressed: #072a52ff;
151
- --colors-action-primary-active: #0c4d95ff;
152
- --colors-action-primary-hovered: #126dd0ff;
153
- --colors-action-primary-default: #007affff;
154
- --colors-action-primary-brand: #5F24F1;
155
- --colors-letter-on: #ffffffff;
156
- --colors-letter-success: #12953eff;
157
- --colors-letter-critical: #bd2a2aff;
158
- --colors-letter-warning: #ce881eff;
159
- --colors-letter-disabled: #c3c5ca;
160
- --colors-letter-subdued: #797c81;
161
- --colors-letter-default: #4a4f54;
162
- --colors-letter-brand: #5F24F1;
163
- --ave-white: #fff;
164
- --ave-gray: #3d3d3d;
165
- --ave-primary: #5f24f1;
166
- --ave-secondary: #301279;
167
- --ave-active: #bfa7f9;
168
- }
1
+ /**
2
+ * Modify directly
3
+ * --font-family-sans = Inter
4
+ * --font-weight-regular = 400
5
+ */
6
+
7
+ :root {
8
+ --spacing-1xl: 117px;
9
+ --spacing-xxl: 56px;
10
+ --spacing-xl: 32px;
11
+ --spacing-lg: 24px;
12
+ --spacing-md: 18px;
13
+ --spacing-sm: 16px;
14
+ --spacing-xs: 8px;
15
+ --spacing-xxs: 0px;
16
+ --box-shadow-pressed: 0px 6px 8px 0px #3434341a;
17
+ --box-shadow-popup: 0px 0px 1px rgba(0, 0, 0, 0.2),
18
+ 0px 3px 50px rgba(0, 0, 0, 0.2);
19
+ --box-shadow-popover: 0px 0px 2px rgba(0, 0, 0, 0.2),
20
+ 0px 2px 10px rgba(0, 0, 0, 0.1);
21
+ --box-shadow-card: 0px 2px 1px rgba(0, 0, 0, 0.05),
22
+ 0px 0px 1px rgba(0, 0, 0, 0.25);
23
+ --font-family-sans: 'Inter';
24
+ --border-radius-md: 20px;
25
+ --border-radius-sm: 10px;
26
+ --border-radius-xs: 8px;
27
+ --font-weight-bold: 700;
28
+ --font-weight-medium: 500;
29
+ --font-weight-regular: 400;
30
+ --line-height-xxl: 56px;
31
+ --line-height-xl: 36px;
32
+ --line-height-lg: 32px;
33
+ --line-height-md: 28px;
34
+ --line-height-sm: 24px;
35
+ --line-height-xs: 20px;
36
+ --line-height-xxs: 16px;
37
+ --font-size-xxl: 50px;
38
+ --font-size-xl: 40px;
39
+ --font-size-lg: 32px;
40
+ --font-size-md: 28px;
41
+ --font-size-sm: 24px;
42
+ --font-size-xs: 16px;
43
+ --font-size-xxs: 14px;
44
+ --colors-special-four-back: rgba(156, 255, 147, 0.25);
45
+ --colors-special-four: #72d69a;
46
+ --colors-special-three-back: rgba(179, 215, 255, 0.25);
47
+ --colors-special-three: #3eadfe;
48
+ --colors-special-two-back: rgba(240, 166, 98, 0.25);
49
+ --colors-special-two: #f0a662;
50
+ --colors-special-one-back: rgba(182, 147, 255, 0.25);
51
+ --colors-special-one: #bc72d6;
52
+ --colors-base-success: #16ab49ff;
53
+ --colors-base-warning: #ffa826ff;
54
+ --colors-base-critical: #f56270ff;
55
+ --colors-base-brand: #c80935ff;
56
+ --colors-base-interactive: #007affff;
57
+ --colors-base-secondary: #8a8a8aff;
58
+ --colors-base-primary: #42484eff;
59
+ --colors-base-surface: #f0f0f0ff;
60
+ --colors-radial-100: #1ddd5eff;
61
+ --colors-radial-90: #139840ff;
62
+ --colors-radial-80: #0f642cff;
63
+ --colors-radial-70: #93a611ff;
64
+ --colors-radial-60: #d0d82bff;
65
+ --colors-radial-50: #ede437ff;
66
+ --colors-radial-40: #f9b017ff;
67
+ --colors-radial-30: #f28c1bff;
68
+ --colors-radial-20: #e15b24ff;
69
+ --colors-radial-10: #b21a1bff;
70
+ --colors-background-modal: rgba(66, 72, 78, 0.25);
71
+ --colors-background-selected: #edeeefff;
72
+ --colors-background-active: #edeeefff;
73
+ --colors-background-hovered: #f1f2f3ff;
74
+ --colors-background-default: #f6f6f7ff;
75
+ --colors-surface-neutral-disabled: #f6f6f6;
76
+ --colors-surface-neutral-active: #bdbdbd;
77
+ --colors-surface-neutral-hovered: #cecece;
78
+ --colors-surface-neutral-subdued: #e8e8e8;
79
+ --colors-surface-neutral-default: #dddddd;
80
+ --colors-surface-critical-disabled: #fde7ea;
81
+ --colors-surface-critical-active: #e49b9b;
82
+ --colors-surface-critical-hovered: #ebb3b3;
83
+ --colors-surface-critical-subdued: #fddfdf;
84
+ --colors-surface-critical-default: #f1c8c8;
85
+ --colors-surface-success-active: #9cd8b1;
86
+ --colors-surface-success-hovered: #b3dfc2;
87
+ --colors-surface-success-subdued: #d0eedb;
88
+ --colors-surface-success-default: #bfe8d3;
89
+ --colors-surface-warning-active: #ffe78f;
90
+ --colors-surface-warning-hovered: #feeca5;
91
+ --colors-surface-warning-subdued: #fff7da;
92
+ --colors-surface-warning-default: #fff2c2;
93
+ --colors-surface-action-disabled: #e7f4ff;
94
+ --colors-surface-action-active: #93b7df;
95
+ --colors-surface-action-hovered: #a4c8f0;
96
+ --colors-surface-action-subdued: #ddeaf7;
97
+ --colors-surface-action-default: #b3d7ff;
98
+ --colors-surface-disabled: #f6f8fb;
99
+ --colors-surface-pressed: #ccced1;
100
+ --colors-surface-active: #dfe1e4;
101
+ --colors-surface-hovered: #ebedf0;
102
+ --colors-surface-subdued: #f3f4f6;
103
+ --colors-surface-default: #ffffffff;
104
+ --colors-focused-default: #3eadfeff;
105
+ --colors-icon-on: #ffffffff;
106
+ --colors-icon-success: #149840ff;
107
+ --colors-icon-warning: #c18f00ff;
108
+ --colors-icon-critical: #bd2a2aff;
109
+ --colors-icon-disabled: #d6d6d6ff;
110
+ --colors-icon-active: #636b74ff;
111
+ --colors-icon-hovered: #42484eff;
112
+ --colors-icon-subdued: #a1a1a1ff;
113
+ --colors-icon-default: #61666bff;
114
+ --colors-icon-brand: #5F24F1;
115
+ --colors-interactive-critical-disabled: #ce9ea2ff;
116
+ --colors-interactive-critical-active: #6c0f00ff;
117
+ --colors-interactive-critical-hovered: #c12929ff;
118
+ --colors-interactive-critical-default: #d82f2fff;
119
+ --colors-interactive-disabled: #d6dbe0ff;
120
+ --colors-interactive-active: #004289ff;
121
+ --colors-interactive-hovered: #0068daff;
122
+ --colors-interactive-default: #007aff;
123
+ --colors-border-shadow-subdued: #ebebeb;
124
+ --colors-border-critical-disabled: #ffc9c6ff;
125
+ --colors-border-critical-subdued: #e05563ff;
126
+ --colors-border-critical-default: #f56270ff;
127
+ --colors-border-success-subdued: #43da76ff;
128
+ --colors-border-success-default: #16ab49;
129
+ --colors-border-disabled: #e3e3e3;
130
+ --colors-border-active: #c5c5c5;
131
+ --colors-border-hovered: #d1d1d1;
132
+ --colors-border-subdued: #e7e7e7;
133
+ --colors-border-default: #dcdcdc;
134
+ --colors-action-opacity-disabled: rgba(109, 113, 117, 0.2);
135
+ --colors-action-opacity-active: rgba(109, 113, 117, 0.6);
136
+ --colors-action-opacity-hovered: rgba(109, 113, 117, 0.4);
137
+ --colors-action-opacity-default: rgba(109, 113, 117, 0.3);
138
+ --colors-action-critical-disabled: #e4dfe0ff;
139
+ --colors-action-critical-pressed: #6c0f00ff;
140
+ --colors-action-critical-active: #9d2020ff;
141
+ --colors-action-critical-hovered: #c12929ff;
142
+ --colors-action-critical-default: #d82f2fff;
143
+ --colors-action-secondary-disabled: #f3f5f8;
144
+ --colors-action-secondary-pressed: #a8abb1;
145
+ --colors-action-secondary-active: #c8cbd1;
146
+ --colors-action-secondary-hovered: #d9dce2;
147
+ --colors-action-secondary-subdued: #f0f2f5;
148
+ --colors-action-secondary-default: #e5e7ea;
149
+ --colors-action-primary-disabled: #d6dbe0ff;
150
+ --colors-action-primary-pressed: #072a52ff;
151
+ --colors-action-primary-active: #0c4d95ff;
152
+ --colors-action-primary-hovered: #126dd0ff;
153
+ --colors-action-primary-default: #007affff;
154
+ --colors-action-primary-brand: #5F24F1;
155
+ --colors-letter-on: #ffffffff;
156
+ --colors-letter-success: #12953eff;
157
+ --colors-letter-critical: #bd2a2aff;
158
+ --colors-letter-warning: #ce881eff;
159
+ --colors-letter-disabled: #c3c5ca;
160
+ --colors-letter-subdued: #797c81;
161
+ --colors-letter-default: #4a4f54;
162
+ --colors-letter-brand: #5F24F1;
163
+ --ave-white: #fff;
164
+ --ave-gray: #3d3d3d;
165
+ --ave-primary: #5f24f1;
166
+ --ave-secondary: #301279;
167
+ --ave-active: #bfa7f9;
168
+ }
package/dist/ui/atoms/Typography/Text/IText.d.ts CHANGED
@@ -11,5 +11,6 @@ export interface IText extends IColorText, IWeight, ILineHeightText, IFontSizeTe
11
11
  as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'label'>;
12
12
  onClick?: () => void;
13
13
  htmlFor?: string;
14
+ _t?: (text: string) => string;
14
15
  [rest: string]: any;
15
16
  }