@agorapulse/ui-theme 18.0.10 → 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 (6) hide show
  1. package/agorapulse-ui-theme-18.0.11.tgz +0 -0
  2. package/assets/desktop_variables.css +24 -0
  3. package/assets/mobile_variables.css +24 -0
  4. package/package.json +1 -1
  5. package/src/tokens/components/action-dropdown.json +96 -0
  6. package/agorapulse-ui-theme-18.0.10.tgz +0 -0
package/agorapulse-ui-theme-18.0.11.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -252,6 +252,30 @@
252
252
  --sys-icon-button-padding: 10px;
253
253
  --sys-icon-button-width: 36px;
254
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;
255
279
  --comp-avatar-border-radius: 4px;
256
280
  --comp-avatar-background-color: #AEB5C1;
257
281
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
package/assets/mobile_variables.css CHANGED
@@ -252,6 +252,30 @@
252
252
  --sys-icon-button-padding: 8px;
253
253
  --sys-icon-button-width: 36px;
254
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;
255
279
  --comp-avatar-border-radius: 4px;
256
280
  --comp-avatar-background-color: #AEB5C1;
257
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.10",
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/agorapulse-ui-theme-18.0.10.tgz DELETED
Binary file