@agorapulse/ui-theme 15.0.9 → 15.0.11
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/agorapulse-ui-theme-15.0.11.tgz +0 -0
- package/assets/style/_colors.scss +8 -0
- package/assets/style/components-custom-style/_ng-select.scss +3 -0
- package/assets/variables.css +62 -16
- package/package.json +1 -1
- package/src/tokens/components/button.json +34 -0
- package/src/tokens/components/split-button.json +34 -0
- package/src/tokens/reference/color.json +54 -2
- package/agorapulse-ui-theme-15.0.9.tgz +0 -0
|
Binary file
|
|
@@ -38,6 +38,7 @@ $colors-orange: (
|
|
|
38
38
|
);
|
|
39
39
|
|
|
40
40
|
$colors-soft-orange: (
|
|
41
|
+
150: #a66200,
|
|
41
42
|
100: #fbb500,
|
|
42
43
|
85: #fcc026,
|
|
43
44
|
60: #fdd366,
|
|
@@ -48,6 +49,7 @@ $colors-soft-orange: (
|
|
|
48
49
|
);
|
|
49
50
|
|
|
50
51
|
$colors-electric-blue: (
|
|
52
|
+
150: #0e72d6,
|
|
51
53
|
100: #178dfe,
|
|
52
54
|
85: #3a9efe,
|
|
53
55
|
60: #74bbfe,
|
|
@@ -66,6 +68,12 @@ $colors-soft-blue: (
|
|
|
66
68
|
10: #eff5fc
|
|
67
69
|
);
|
|
68
70
|
|
|
71
|
+
$colors-menthol: (
|
|
72
|
+
150: #057e7a,
|
|
73
|
+
40: #9fd9d6,
|
|
74
|
+
10: #f1f9f8
|
|
75
|
+
);
|
|
76
|
+
|
|
69
77
|
$colors-purple: (
|
|
70
78
|
100: #6554c0,
|
|
71
79
|
85 : #7c6dc9,
|
package/assets/variables.css
CHANGED
|
@@ -1,19 +1,35 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Sat, 03 Jun 2023 06:40:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
+
--comp-button-text-size: 14px;
|
|
8
|
+
--comp-button-text-font-family: Averta;
|
|
9
|
+
--comp-button-text-weight: 700;
|
|
10
|
+
--comp-button-text-line-height: 20px;
|
|
11
|
+
--comp-button-padding-horizontal: 8px;
|
|
12
|
+
--comp-button-padding-vertical: 16px;
|
|
13
|
+
--comp-button-border-radius: 4px;
|
|
14
|
+
--comp-button-spacing: 8px;
|
|
7
15
|
--comp-icon-button-width: 36px;
|
|
8
16
|
--comp-icon-button-height: 36px;
|
|
9
17
|
--comp-icon-button-border-radius: 8px;
|
|
18
|
+
--comp-split-button-text-size: 14px;
|
|
19
|
+
--comp-split-button-text-font-family: Averta;
|
|
20
|
+
--comp-split-button-text-weight: 700;
|
|
21
|
+
--comp-split-button-text-line-height: 20px;
|
|
22
|
+
--comp-split-button-padding-horizontal: 8px;
|
|
23
|
+
--comp-split-button-padding-vertical: 16px;
|
|
24
|
+
--comp-split-button-border-radius: 4px;
|
|
25
|
+
--comp-split-button-spacing: 8px;
|
|
10
26
|
--ref-border-radius-sm: 4px;
|
|
11
27
|
--ref-border-radius-md: 6px;
|
|
12
28
|
--ref-border-radius-lg: 8px;
|
|
13
29
|
--ref-color-white: #FFFFFF;
|
|
14
30
|
--ref-color-orange-10: #FFEFE9;
|
|
15
31
|
--ref-color-orange-20: #FFE1D4;
|
|
16
|
-
--ref-color-orange-40: #
|
|
32
|
+
--ref-color-orange-40: #FFC2A8;
|
|
17
33
|
--ref-color-orange-60: #FFA47D;
|
|
18
34
|
--ref-color-orange-80: #FF7E46;
|
|
19
35
|
--ref-color-orange-100: #FF6726;
|
|
@@ -26,6 +42,13 @@
|
|
|
26
42
|
--ref-color-electric-blue-100: #178DFE;
|
|
27
43
|
--ref-color-electric-blue-150: #0E72D6;
|
|
28
44
|
--ref-color-electric-blue-05: #F3F9FF;
|
|
45
|
+
--ref-color-soft-blue-10: #EFF5FC;
|
|
46
|
+
--ref-color-soft-blue-20: #DFEDFA;
|
|
47
|
+
--ref-color-soft-blue-40: #C0DBF4;
|
|
48
|
+
--ref-color-soft-blue-60: #A0C8EF;
|
|
49
|
+
--ref-color-soft-blue-80: #78B1E8;
|
|
50
|
+
--ref-color-soft-blue-100: #2873BA;
|
|
51
|
+
--ref-color-soft-blue-150: #2873BA;
|
|
29
52
|
--ref-color-grey-10: #EAECEF;
|
|
30
53
|
--ref-color-grey-20: #D6DAE0;
|
|
31
54
|
--ref-color-grey-40: #AEB5C1;
|
|
@@ -42,13 +65,20 @@
|
|
|
42
65
|
--ref-color-green-80: #61C26D;
|
|
43
66
|
--ref-color-green-100: #45B854;
|
|
44
67
|
--ref-color-green-150: #0F821D;
|
|
45
|
-
--ref-color-
|
|
46
|
-
--ref-color-
|
|
47
|
-
--ref-color-
|
|
48
|
-
--ref-color-
|
|
49
|
-
--ref-color-
|
|
50
|
-
--ref-color-
|
|
51
|
-
--ref-color-
|
|
68
|
+
--ref-color-tag-orange-10: #FFF8E6;
|
|
69
|
+
--ref-color-tag-orange-20: #FEF0CC;
|
|
70
|
+
--ref-color-tag-orange-40: #FDE199;
|
|
71
|
+
--ref-color-tag-orange-60: #FDD366;
|
|
72
|
+
--ref-color-tag-orange-80: #FCC026;
|
|
73
|
+
--ref-color-tag-orange-100: #FBB500;
|
|
74
|
+
--ref-color-tag-orange-150: #A66200;
|
|
75
|
+
--ref-color-yellow-10: #FFFDE9;
|
|
76
|
+
--ref-color-yellow-20: #FFFBD2;
|
|
77
|
+
--ref-color-yellow-40: #FFF6A5;
|
|
78
|
+
--ref-color-yellow-60: #FFF279;
|
|
79
|
+
--ref-color-yellow-80: #FFEC41;
|
|
80
|
+
--ref-color-yellow-100: #FFE91F;
|
|
81
|
+
--ref-color-yellow-150: #A56608;
|
|
52
82
|
--ref-color-red-10: #FDE7E7;
|
|
53
83
|
--ref-color-red-20: #FAD0D0;
|
|
54
84
|
--ref-color-red-40: #F6A1A1;
|
|
@@ -70,6 +100,22 @@
|
|
|
70
100
|
--ref-color-menthol-80: #1DBEB0;
|
|
71
101
|
--ref-color-menthol-100: #0FA09B;
|
|
72
102
|
--ref-color-menthol-150: #057E7A;
|
|
103
|
+
--ref-color-facebook-10: #e7f1fd;
|
|
104
|
+
--ref-color-facebook-100: #1877F2;
|
|
105
|
+
--ref-color-instagram-10: #fbe9f1;
|
|
106
|
+
--ref-color-instagram-100: #DD2A7B;
|
|
107
|
+
--ref-color-twitter-10: #e8f5fd;
|
|
108
|
+
--ref-color-twitter-100: #1DA1F2;
|
|
109
|
+
--ref-color-linkedin-10: #e6eff9;
|
|
110
|
+
--ref-color-linkedin-100: #2668B2;
|
|
111
|
+
--ref-color-youtube-10: #fee5e5;
|
|
112
|
+
--ref-color-youtube-100: #FE0101;
|
|
113
|
+
--ref-color-tiktok-default-10: #e5e5e5;
|
|
114
|
+
--ref-color-tiktok-default-100: #000000;
|
|
115
|
+
--ref-color-tiktok-blue-10: #e9fdfd;
|
|
116
|
+
--ref-color-tiktok-blue-100: #25F4EE;
|
|
117
|
+
--ref-color-tiktok-red-10: #fee9ee;
|
|
118
|
+
--ref-color-tiktok-red-100: #FE2C55;
|
|
73
119
|
--ref-font-size-xs: 12px;
|
|
74
120
|
--ref-font-size-sm: 14px;
|
|
75
121
|
--ref-font-size-md: 16px;
|
|
@@ -127,14 +173,14 @@
|
|
|
127
173
|
--sys-color-error-light-bg: #FDE7E7;
|
|
128
174
|
--sys-color-error-light-text: #D80505;
|
|
129
175
|
--sys-color-error-text: #E81313;
|
|
130
|
-
--sys-color-warning-default-bg: #
|
|
131
|
-
--sys-color-warning-default-bg-hover: #
|
|
132
|
-
--sys-color-warning-default-bg-clicked: #
|
|
133
|
-
--sys-color-warning-default-bg-disabled: #
|
|
176
|
+
--sys-color-warning-default-bg: #FFE91F;
|
|
177
|
+
--sys-color-warning-default-bg-hover: #FFEC41;
|
|
178
|
+
--sys-color-warning-default-bg-clicked: #FFF279;
|
|
179
|
+
--sys-color-warning-default-bg-disabled: #FFFBD2;
|
|
134
180
|
--sys-color-warning-default-text: #FFFFFF;
|
|
135
|
-
--sys-color-warning-light-bg: #
|
|
136
|
-
--sys-color-warning-light-text: #
|
|
137
|
-
--sys-color-warning-text: #
|
|
181
|
+
--sys-color-warning-light-bg: #FFFDE9;
|
|
182
|
+
--sys-color-warning-light-text: #A56608;
|
|
183
|
+
--sys-color-warning-text: #FFE91F;
|
|
138
184
|
--sys-color-success-default-bg: #45B854;
|
|
139
185
|
--sys-color-success-default-bg-hover: #61C26D;
|
|
140
186
|
--sys-color-success-default-bg-clicked: #8FD498;
|
package/package.json
CHANGED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"comp": {
|
|
3
|
+
"button": {
|
|
4
|
+
"text": {
|
|
5
|
+
"size": {
|
|
6
|
+
"value": "{sys.text.style.h4.size}"
|
|
7
|
+
},
|
|
8
|
+
"font-family": {
|
|
9
|
+
"value": "{sys.text.style.h4.font-family}"
|
|
10
|
+
},
|
|
11
|
+
"weight": {
|
|
12
|
+
"value": "{sys.text.style.h4.weight}"
|
|
13
|
+
},
|
|
14
|
+
"lineHeight": {
|
|
15
|
+
"value": "{sys.text.style.h4.line-height}"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"padding": {
|
|
19
|
+
"horizontal": {
|
|
20
|
+
"value": "{ref.spacing.xxs}"
|
|
21
|
+
},
|
|
22
|
+
"vertical": {
|
|
23
|
+
"value": "{ref.spacing.sm}"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"borderRadius": {
|
|
27
|
+
"value": "{sys.border.radius.md}"
|
|
28
|
+
},
|
|
29
|
+
"spacing": {
|
|
30
|
+
"value": "{ref.spacing.xxs}"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"comp": {
|
|
3
|
+
"split-button": {
|
|
4
|
+
"text": {
|
|
5
|
+
"size": {
|
|
6
|
+
"value": "{sys.text.style.h4.size}"
|
|
7
|
+
},
|
|
8
|
+
"font-family": {
|
|
9
|
+
"value": "{sys.text.style.h4.font-family}"
|
|
10
|
+
},
|
|
11
|
+
"weight": {
|
|
12
|
+
"value": "{sys.text.style.h4.weight}"
|
|
13
|
+
},
|
|
14
|
+
"lineHeight": {
|
|
15
|
+
"value": "{sys.text.style.h4.line-height}"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"padding": {
|
|
19
|
+
"horizontal": {
|
|
20
|
+
"value": "{ref.spacing.xxs}"
|
|
21
|
+
},
|
|
22
|
+
"vertical": {
|
|
23
|
+
"value": "{ref.spacing.sm}"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"borderRadius": {
|
|
27
|
+
"value": "{sys.border.radius.md}"
|
|
28
|
+
},
|
|
29
|
+
"spacing": {
|
|
30
|
+
"value": "{ref.spacing.xxs}"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"100" : { "value": "#FF6726" },
|
|
10
10
|
"80" : { "value": "#FF7E46" },
|
|
11
11
|
"60" : { "value": "#FFA47D" },
|
|
12
|
-
"40" : { "value": "#
|
|
12
|
+
"40" : { "value": "#FFC2A8" },
|
|
13
13
|
"20" : { "value": "#FFE1D4" },
|
|
14
14
|
"10" : { "value": "#FFEFE9" }
|
|
15
15
|
},
|
|
@@ -23,6 +23,15 @@
|
|
|
23
23
|
"10" : { "value": "#E8F4FF" },
|
|
24
24
|
"05" : { "value": "#F3F9FF" }
|
|
25
25
|
},
|
|
26
|
+
"softBlue": {
|
|
27
|
+
"150" : { "value": "#2873BA" },
|
|
28
|
+
"100" : { "value": "#2873BA" },
|
|
29
|
+
"80" : { "value": "#78B1E8" },
|
|
30
|
+
"60" : { "value": "#A0C8EF" },
|
|
31
|
+
"40" : { "value": "#C0DBF4" },
|
|
32
|
+
"20" : { "value": "#DFEDFA" },
|
|
33
|
+
"10" : { "value": "#EFF5FC" }
|
|
34
|
+
},
|
|
26
35
|
"grey": {
|
|
27
36
|
"150" : { "value": "#212E44" },
|
|
28
37
|
"100" : { "value": "#344563" },
|
|
@@ -43,7 +52,7 @@
|
|
|
43
52
|
"20" : { "value": "#DAF1DD" },
|
|
44
53
|
"10" : { "value": "#ECF7ED" }
|
|
45
54
|
},
|
|
46
|
-
"
|
|
55
|
+
"tag-orange": {
|
|
47
56
|
"150" : { "value": "#A66200" },
|
|
48
57
|
"100" : { "value": "#FBB500" },
|
|
49
58
|
"80" : { "value": "#FCC026" },
|
|
@@ -52,6 +61,15 @@
|
|
|
52
61
|
"20" : { "value": "#FEF0CC" },
|
|
53
62
|
"10" : { "value": "#FFF8E6" }
|
|
54
63
|
},
|
|
64
|
+
"yellow": {
|
|
65
|
+
"150" : { "value": "#A56608" },
|
|
66
|
+
"100" : { "value": "#FFE91F" },
|
|
67
|
+
"80" : { "value": "#FFEC41" },
|
|
68
|
+
"60" : { "value": "#FFF279" },
|
|
69
|
+
"40" : { "value": "#FFF6A5" },
|
|
70
|
+
"20" : { "value": "#FFFBD2" },
|
|
71
|
+
"10" : { "value": "#FFFDE9" }
|
|
72
|
+
},
|
|
55
73
|
"red": {
|
|
56
74
|
"150" : { "value": "#D80505" },
|
|
57
75
|
"100" : { "value": "#E81313" },
|
|
@@ -78,6 +96,40 @@
|
|
|
78
96
|
"40" : { "value": "#9FD9D6" },
|
|
79
97
|
"20" : { "value": "#CFECEA" },
|
|
80
98
|
"10" : { "value": "#F1F9F8" }
|
|
99
|
+
},
|
|
100
|
+
"facebook": {
|
|
101
|
+
"100" : { "value": "#1877F2" },
|
|
102
|
+
"10" : { "value": "#e7f1fd" }
|
|
103
|
+
},
|
|
104
|
+
"instagram": {
|
|
105
|
+
"100" : { "value": "#DD2A7B" },
|
|
106
|
+
"10" : { "value": "#fbe9f1" }
|
|
107
|
+
},
|
|
108
|
+
"twitter": {
|
|
109
|
+
"100" : { "value": "#1DA1F2" },
|
|
110
|
+
"10" : { "value": "#e8f5fd" }
|
|
111
|
+
},
|
|
112
|
+
"linkedin": {
|
|
113
|
+
"100" : { "value": "#2668B2" },
|
|
114
|
+
"10" : { "value": "#e6eff9" }
|
|
115
|
+
},
|
|
116
|
+
"youtube": {
|
|
117
|
+
"100" : { "value": "#FE0101" },
|
|
118
|
+
"10" : { "value": "#fee5e5" }
|
|
119
|
+
},
|
|
120
|
+
"tiktok": {
|
|
121
|
+
"default": {
|
|
122
|
+
"100" : { "value": "#000000" },
|
|
123
|
+
"10" : { "value": "#e5e5e5" }
|
|
124
|
+
},
|
|
125
|
+
"blue": {
|
|
126
|
+
"100" : { "value": "#25F4EE" },
|
|
127
|
+
"10" : { "value": "#e9fdfd" }
|
|
128
|
+
},
|
|
129
|
+
"red": {
|
|
130
|
+
"100" : { "value": "#FE2C55" },
|
|
131
|
+
"10" : { "value": "#fee9ee" }
|
|
132
|
+
}
|
|
81
133
|
}
|
|
82
134
|
}
|
|
83
135
|
}
|
|
Binary file
|