@agorapulse/ui-theme 18.0.9 → 18.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.
Files changed (7) hide show
  1. package/agorapulse-ui-theme-18.0.11.tgz +0 -0
  2. package/assets/desktop_variables.css +25 -0
  3. package/assets/mobile_variables.css +25 -0
  4. package/package.json +1 -1
  5. package/src/tokens/components/action-dropdown.json +96 -0
  6. package/src/tokens/reference/color.json +2 -1
  7. package/agorapulse-ui-theme-18.0.9.tgz +0 -0
package/agorapulse-ui-theme-18.0.11.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -80,6 +80,7 @@
80
80
  --ref-color-mermaid-gradient-to: #DF52FF;
81
81
  --ref-color-mermaid-gradient-from40: rgba(87, 143, 255, 0.4);
82
82
  --ref-color-mermaid-gradient-to40: rgba(223, 82, 255, 0.4);
83
+ --ref-color-mermaid-gradient-background: linear-gradient(90deg, #578FFF 0%, #DF52FF 100%);
83
84
  --ref-color-menthol-10: #F1F9F8;
84
85
  --ref-color-menthol-20: #CFECEA;
85
86
  --ref-color-menthol-40: #9FD9D6;
@@ -251,6 +252,30 @@
251
252
  --sys-icon-button-padding: 10px;
252
253
  --sys-icon-button-width: 36px;
253
254
  --sys-icon-button-height: 36px;
255
+ --comp-action-dropdown-background-color: #FFFFFF;
256
+ --comp-action-dropdown-box-shadow: 0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15);
257
+ --comp-action-dropdown-border-color: #EAECEF;
258
+ --comp-action-dropdown-border-radius: 4px;
259
+ --comp-action-dropdown-padding: 8px 0;
260
+ --comp-action-dropdown-item-padding: 8px 16px;
261
+ --comp-action-dropdown-item-text-size: 14px;
262
+ --comp-action-dropdown-item-text-line-height: 18px;
263
+ --comp-action-dropdown-item-text-color: #344563;
264
+ --comp-action-dropdown-item-text-color-red-mode: #D80505;
265
+ --comp-action-dropdown-item-background-color: #FFFFFF;
266
+ --comp-action-dropdown-item-background-color-hover: #E8F4FF;
267
+ --comp-action-dropdown-item-background-color-focused: #D1E8FF;
268
+ --comp-action-dropdown-item-background-color-red-mode-hover: #FDE7E7;
269
+ --comp-action-dropdown-item-background-color-red-mode-focused: #FAD0D0;
270
+ --comp-action-dropdown-item-background-color-feature-lock-hover: #EFEDF8;
271
+ --comp-action-dropdown-item-background-color-feature-lock-focused: #E0DDF2;
272
+ --comp-action-dropdown-item-icon-spacing: 8px;
273
+ --comp-action-dropdown-item-label-spacing: 8px;
274
+ --comp-action-dropdown-item-description-color: #5D6A82;
275
+ --comp-action-dropdown-item-description-size: 12px;
276
+ --comp-action-dropdown-item-description-line-height: 18px;
277
+ --comp-action-dropdown-divider-color: #EAECEF;
278
+ --comp-action-dropdown-divider-margin: 8px 0;
254
279
  --comp-avatar-border-radius: 4px;
255
280
  --comp-avatar-background-color: #AEB5C1;
256
281
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
package/assets/mobile_variables.css CHANGED
@@ -80,6 +80,7 @@
80
80
  --ref-color-mermaid-gradient-to: #DF52FF;
81
81
  --ref-color-mermaid-gradient-from40: rgba(87, 143, 255, 0.4);
82
82
  --ref-color-mermaid-gradient-to40: rgba(223, 82, 255, 0.4);
83
+ --ref-color-mermaid-gradient-background: linear-gradient(90deg, #578FFF 0%, #DF52FF 100%);
83
84
  --ref-color-menthol-10: #F1F9F8;
84
85
  --ref-color-menthol-20: #CFECEA;
85
86
  --ref-color-menthol-40: #9FD9D6;
@@ -251,6 +252,30 @@
251
252
  --sys-icon-button-padding: 8px;
252
253
  --sys-icon-button-width: 36px;
253
254
  --sys-icon-button-height: 36px;
255
+ --comp-action-dropdown-background-color: #FFFFFF;
256
+ --comp-action-dropdown-box-shadow: 0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15);
257
+ --comp-action-dropdown-border-color: #EAECEF;
258
+ --comp-action-dropdown-border-radius: 4px;
259
+ --comp-action-dropdown-padding: 8px 0;
260
+ --comp-action-dropdown-item-padding: 8px 16px;
261
+ --comp-action-dropdown-item-text-size: 14px;
262
+ --comp-action-dropdown-item-text-line-height: 18px;
263
+ --comp-action-dropdown-item-text-color: #344563;
264
+ --comp-action-dropdown-item-text-color-red-mode: #D80505;
265
+ --comp-action-dropdown-item-background-color: #FFFFFF;
266
+ --comp-action-dropdown-item-background-color-hover: #E8F4FF;
267
+ --comp-action-dropdown-item-background-color-focused: #D1E8FF;
268
+ --comp-action-dropdown-item-background-color-red-mode-hover: #FDE7E7;
269
+ --comp-action-dropdown-item-background-color-red-mode-focused: #FAD0D0;
270
+ --comp-action-dropdown-item-background-color-feature-lock-hover: #EFEDF8;
271
+ --comp-action-dropdown-item-background-color-feature-lock-focused: #E0DDF2;
272
+ --comp-action-dropdown-item-icon-spacing: 8px;
273
+ --comp-action-dropdown-item-label-spacing: 8px;
274
+ --comp-action-dropdown-item-description-color: #5D6A82;
275
+ --comp-action-dropdown-item-description-size: 12px;
276
+ --comp-action-dropdown-item-description-line-height: 18px;
277
+ --comp-action-dropdown-divider-color: #EAECEF;
278
+ --comp-action-dropdown-divider-margin: 8px 0;
254
279
  --comp-avatar-border-radius: 4px;
255
280
  --comp-avatar-background-color: #AEB5C1;
256
281
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "18.0.9",
3
+ "version": "18.0.11",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/action-dropdown.json ADDED
@@ -0,0 +1,96 @@
1
+ {
2
+ "comp": {
3
+ "actionDropdown": {
4
+ "background": {
5
+ "color": {
6
+ "value": "{ref.color.white}"
7
+ }
8
+ },
9
+ "boxShadow": {
10
+ "value": "0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15)"
11
+ },
12
+ "border": {
13
+ "color": {
14
+ "value": "{ref.color.grey.10}"
15
+ },
16
+ "radius": {
17
+ "value": "{sys.border.radius.sm}"
18
+ }
19
+ },
20
+ "padding": {
21
+ "value": "{ref.spacing.xxs} 0"
22
+ },
23
+ "item": {
24
+ "padding": {
25
+ "value": "{ref.spacing.xxs} {ref.spacing.sm}"
26
+ },
27
+ "text": {
28
+ "size": {
29
+ "value": "{sys.text.style.body.size}"
30
+ },
31
+ "lineHeight": {
32
+ "value": "{sys.text.style.body.line-height}"
33
+ },
34
+ "color": {
35
+ "value": "{ref.color.grey.100}"
36
+ },
37
+ "colorRedMode": {
38
+ "value": "{ref.color.red.150}"
39
+ }
40
+ },
41
+ "background": {
42
+ "color": {
43
+ "value": "{ref.color.white}"
44
+ },
45
+ "colorHover": {
46
+ "value": "{ref.color.electricBlue.10}"
47
+ },
48
+ "colorFocused": {
49
+ "value": "{ref.color.electricBlue.20}"
50
+ },
51
+ "colorRedModeHover": {
52
+ "value": "{ref.color.red.10}"
53
+ },
54
+ "colorRedModeFocused": {
55
+ "value": "{ref.color.red.20}"
56
+ },
57
+ "colorFeatureLockHover": {
58
+ "value": "{ref.color.purple.10}"
59
+ },
60
+ "colorFeatureLockFocused": {
61
+ "value": "{ref.color.purple.20}"
62
+ }
63
+ },
64
+ "icon": {
65
+ "spacing": {
66
+ "value": "{ref.spacing.xxs}"
67
+ }
68
+ },
69
+ "label": {
70
+ "spacing": {
71
+ "value": "{ref.spacing.xxs}"
72
+ }
73
+ },
74
+ "description": {
75
+ "color": {
76
+ "value": "{ref.color.grey.80}"
77
+ },
78
+ "size": {
79
+ "value": "{sys.text.style.caption.size}"
80
+ },
81
+ "lineHeight": {
82
+ "value": "{sys.text.style.body.line-height}"
83
+ }
84
+ }
85
+ },
86
+ "divider": {
87
+ "color": {
88
+ "value": "{ref.color.grey.10}"
89
+ },
90
+ "margin": {
91
+ "value": "{ref.spacing.xxs} 0"
92
+ }
93
+ }
94
+ }
95
+ }
96
+ }
package/src/tokens/reference/color.json CHANGED
@@ -97,7 +97,8 @@
97
97
  "from" : { "value": "#578FFF" },
98
98
  "to" : { "value": "#DF52FF" },
99
99
  "from40" : { "value": "rgba(87, 143, 255, 0.4)" },
100
- "to40" : { "value": "rgba(223, 82, 255, 0.4)" }
100
+ "to40" : { "value": "rgba(223, 82, 255, 0.4)" },
101
+ "background": { "value": "linear-gradient(90deg, #578FFF 0%, #DF52FF 100%)"}
101
102
  },
102
103
  "20" : { "value": "#EBE3FF" },
103
104
  "10" : { "value": "#F5F1FF" }
package/agorapulse-ui-theme-18.0.9.tgz DELETED
Binary file