@mindly/ui-components 4.1.0 → 4.2.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/cjs/configs/tailwind/colors.d.ts +38 -0
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/lib2/shared/ui/Badge/Badge.d.ts +4 -0
- package/dist/cjs/lib2/shared/ui/Badge/index.d.ts +1 -0
- package/dist/cjs/lib2/shared/ui/Badge/styles.d.ts +127 -0
- package/dist/cjs/lib2/shared/ui/Badge/types.d.ts +8 -0
- package/dist/cjs/lib2/shared/ui/index.d.ts +1 -0
- package/dist/esm/configs/tailwind/colors.d.ts +38 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/lib2/shared/ui/Badge/Badge.d.ts +4 -0
- package/dist/esm/lib2/shared/ui/Badge/index.d.ts +1 -0
- package/dist/esm/lib2/shared/ui/Badge/styles.d.ts +127 -0
- package/dist/esm/lib2/shared/ui/Badge/types.d.ts +8 -0
- package/dist/esm/lib2/shared/ui/index.d.ts +1 -0
- package/dist/index.d.ts +135 -124
- package/package.json +3 -2
- package/src/configs/tailwind/colors.ts +39 -0
- package/src/lib2/shared/css/tailwind.css +30 -0
- package/src/lib2/shared/css/variables.css +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mindly/ui-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"clean": "rimraf dist",
|
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
"react-intersection-observer": "^9.5.2",
|
|
32
32
|
"react-rating": "^2.0.5",
|
|
33
33
|
"styled-components": "^5.3.1",
|
|
34
|
-
"swiper": "^8.4.7"
|
|
34
|
+
"swiper": "^8.4.7",
|
|
35
|
+
"tailwind-variants": "^0.1.14"
|
|
35
36
|
},
|
|
36
37
|
"peerDependencies": {
|
|
37
38
|
"@babel/polyfill": "^7.12.1",
|
|
@@ -1,7 +1,46 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
color: {
|
|
3
|
+
background: {
|
|
4
|
+
white: 'rgba(var(--color-background-white) / <alpha-value>)',
|
|
5
|
+
anti: {
|
|
6
|
+
flash: {
|
|
7
|
+
light:
|
|
8
|
+
'rgba(var(--color-background-anti-flash-white) / <alpha-value>)',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
},
|
|
2
13
|
typography: {
|
|
3
14
|
typography: {
|
|
4
15
|
primary: 'rgb(var(--typography-typography-primary) / <alpha-value>)',
|
|
5
16
|
},
|
|
6
17
|
},
|
|
18
|
+
badges: {
|
|
19
|
+
attention: {
|
|
20
|
+
main: 'rgb(var(--badges-attention-main) / <alpha-value>)',
|
|
21
|
+
bg: 'rgb(var(--badges-attention-bg) / <alpha-value>)',
|
|
22
|
+
},
|
|
23
|
+
neutral: {
|
|
24
|
+
main: 'rgb(var(--badges-neutral-main) / <alpha-value>)',
|
|
25
|
+
bg: 'rgb(var(--badges-neutral-bg) / <alpha-value>)',
|
|
26
|
+
},
|
|
27
|
+
success: {
|
|
28
|
+
main: 'rgb(var(--badges-success-main) / <alpha-value>)',
|
|
29
|
+
bg: 'rgb(var(--badges-success-bg) / <alpha-value>)',
|
|
30
|
+
},
|
|
31
|
+
warning: {
|
|
32
|
+
main: 'rgb(var(--badges-warning-main) / <alpha-value>)',
|
|
33
|
+
bg: 'rgb(var(--badges-warning-bg) / <alpha-value>)',
|
|
34
|
+
},
|
|
35
|
+
accent: {
|
|
36
|
+
main: 'rgb(var(--badges-accent-main) / <alpha-value>)',
|
|
37
|
+
},
|
|
38
|
+
info: {
|
|
39
|
+
main: 'rgb(var(--badges-info-main) / <alpha-value>)',
|
|
40
|
+
bg: 'rgb(var(--badges-info-bg) / <alpha-value>)',
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
borders: {
|
|
44
|
+
divider: 'rgb(var(--borders-divider) / 0.1)',
|
|
45
|
+
},
|
|
7
46
|
};
|
|
@@ -5,6 +5,36 @@
|
|
|
5
5
|
@layer base {
|
|
6
6
|
:root {
|
|
7
7
|
--typography-typography-primary: 33 33 33;
|
|
8
|
+
|
|
9
|
+
--borders-divider: 33 33 33;
|
|
10
|
+
|
|
11
|
+
--color-background-white: 255 255 255;
|
|
12
|
+
--color-background-anti-flash-white: 245 247 250;
|
|
13
|
+
|
|
14
|
+
/* badge variables start */
|
|
15
|
+
/* badges attentions */
|
|
16
|
+
--badges-attention-main: 255 153 0;
|
|
17
|
+
--badges-attention-bg: 255 245 229;
|
|
18
|
+
|
|
19
|
+
/* badges neutral */
|
|
20
|
+
--badges-neutral-main: 33 33 33;
|
|
21
|
+
--badges-neutral-bg: 245 247 250;
|
|
22
|
+
|
|
23
|
+
/* badges success */
|
|
24
|
+
--badges-success-main: 66 173 82;
|
|
25
|
+
--badges-success-bg: 225 244 228;
|
|
26
|
+
|
|
27
|
+
/* badges warning */
|
|
28
|
+
--badges-warning-main: 242 78 30;
|
|
29
|
+
--badges-warning-bg: 254 236 231;
|
|
30
|
+
|
|
31
|
+
/* badges brand */
|
|
32
|
+
--badges-accent-main: 40 191 161;
|
|
33
|
+
|
|
34
|
+
/* badges info */
|
|
35
|
+
--badges-info-main: 9 116 255;
|
|
36
|
+
--badges-info-bg: 229 241 255;
|
|
37
|
+
/* badge variables end */
|
|
8
38
|
}
|
|
9
39
|
|
|
10
40
|
:root[data-app-theme="specialist"] {
|