@agorapulse/ui-theme 18.0.10 → 20.0.0-beta

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-20.0.0-beta.tgz +0 -0
  2. package/assets/desktop_variables.css +24 -0
  3. package/assets/mobile_variables.css +24 -0
  4. package/package.json +23 -23
  5. package/src/tokens/components/action-dropdown.json +96 -0
  6. package/agorapulse-ui-theme-18.0.10.tgz +0 -0
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,24 +1,24 @@
1
1
  {
2
- "name": "@agorapulse/ui-theme",
3
- "version": "18.0.10",
4
- "description": "Agorapulse UI Theme Library",
5
- "repository": {
6
- "type": "git",
7
- "url": "https://github.com/agorapulse/design.git"
8
- },
9
- "author": "Arnaud BUSO",
10
- "license": "ISC",
11
- "bugs": {
12
- "url": "https://github.com/agorapulse/design/issues"
13
- },
14
- "scripts": {
15
- "generate-tokens": "cd src && node build.js && cd ../assets && git add mobile_variables.css && git add desktop_variables.css"
16
- },
17
- "homepage": "https://github.com/agorapulse/design#readme",
18
- "peerDependencies": {
19
- "@angular/material": "18.2.9"
20
- },
21
- "devDependencies": {
22
- "style-dictionary": "^3.7.2"
23
- }
24
- }
2
+ "name": "@agorapulse/ui-theme",
3
+ "version": "20.0.0-beta",
4
+ "description": "Agorapulse UI Theme Library",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "https://github.com/agorapulse/design.git"
8
+ },
9
+ "author": "Arnaud BUSO",
10
+ "license": "ISC",
11
+ "bugs": {
12
+ "url": "https://github.com/agorapulse/design/issues"
13
+ },
14
+ "scripts": {
15
+ "generate-tokens": "cd src && node build.js && cd ../assets && git add mobile_variables.css && git add desktop_variables.css"
16
+ },
17
+ "homepage": "https://github.com/agorapulse/design#readme",
18
+ "peerDependencies": {
19
+ "@angular/material": "20.1.3"
20
+ },
21
+ "devDependencies": {
22
+ "style-dictionary": "^3.7.2"
23
+ }
24
+ }
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