@agorapulse/ui-theme 20.0.6 → 20.1.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.
Files changed (7) hide show
  1. package/agorapulse-ui-theme-20.1.0.tgz +0 -0
  2. package/assets/desktop_variables.css +31 -3
  3. package/assets/mobile_variables.css +31 -3
  4. package/package.json +1 -1
  5. package/src/tokens/components/selection-dropdown.json +141 -0
  6. package/src/tokens/components/tabs.json +0 -9
  7. package/agorapulse-ui-theme-20.0.6.tgz +0 -0
package/agorapulse-ui-theme-20.1.0.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -538,6 +538,37 @@
538
538
  --comp-select-search-bar-bottom-link-padding-top: 12px;
539
539
  --comp-select-search-bar-bottom-link-padding-bottom: 4px;
540
540
  --comp-select-search-bar-bottom-link-border-top-color: #EAECEF;
541
+ --comp-selection-dropdown-background-color: #FFFFFF;
542
+ --comp-selection-dropdown-box-shadow: 0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15);
543
+ --comp-selection-dropdown-border-radius: 4px;
544
+ --comp-selection-dropdown-header-top-padding: 12px 16px;
545
+ --comp-selection-dropdown-header-title-font-size: 16px;
546
+ --comp-selection-dropdown-header-title-font-weight: 700;
547
+ --comp-selection-dropdown-header-title-text-color: #344563;
548
+ --comp-selection-dropdown-header-searchbar-padding: 0 8px 8px;
549
+ --comp-selection-dropdown-content-padding: 8px 0;
550
+ --comp-selection-dropdown-footer-padding: 12px 16px;
551
+ --comp-selection-dropdown-no-results-text-color: #5D6A82;
552
+ --comp-selection-dropdown-no-results-font-size: 14px;
553
+ --comp-selection-dropdown-item-padding: 8px 16px;
554
+ --comp-selection-dropdown-item-text-size: 14px;
555
+ --comp-selection-dropdown-item-text-line-height: 18px;
556
+ --comp-selection-dropdown-item-text-color: #344563;
557
+ --comp-selection-dropdown-item-background-color: #FFFFFF;
558
+ --comp-selection-dropdown-item-background-color-hover: #E8F4FF;
559
+ --comp-selection-dropdown-item-background-color-focused: #D1E8FF;
560
+ --comp-selection-dropdown-item-icon-spacing: 8px;
561
+ --comp-selection-dropdown-item-label-spacing: 8px;
562
+ --comp-selection-dropdown-item-description-color: #5D6A82;
563
+ --comp-selection-dropdown-item-description-size: 12px;
564
+ --comp-selection-dropdown-item-description-line-height: 18px;
565
+ --comp-selection-dropdown-divider-color: #EAECEF;
566
+ --comp-selection-dropdown-divider-margin: 8px 0;
567
+ --comp-selection-dropdown-group-header-padding: 8px 16px;
568
+ --comp-selection-dropdown-group-header-border-top-color: #EAECEF;
569
+ --comp-selection-dropdown-group-header-background-color: #F9F9FA;
570
+ --comp-selection-dropdown-selected-section-margin-bottom: 8px;
571
+ --comp-selection-dropdown-selected-section-padding-bottom: 8px;
541
572
  --comp-snackbar-text-style-font-family: Averta;
542
573
  --comp-snackbar-text-style-size: 14px;
543
574
  --comp-snackbar-text-style-font-weight: 400;
@@ -629,10 +660,8 @@
629
660
  --comp-tabs-tab-line-height: 18px;
630
661
  --comp-tabs-tab-min-height: 48px;
631
662
  --comp-tabs-tab-text-color-default: #344563;
632
- --comp-tabs-tab-text-color-hover: #0E72D6;
633
663
  --comp-tabs-tab-text-color-active: #0E72D6;
634
664
  --comp-tabs-tab-text-color-disabled: #858FA1;
635
- --comp-tabs-tab-text-color-feature-locked-hover: #6554C0;
636
665
  --comp-tabs-tab-text-color-feature-locked-focus: #6554C0;
637
666
  --comp-tabs-tab-text-color-feature-locked-active: #6554C0;
638
667
  --comp-tabs-tab-focus-color: #0E72D6;
@@ -646,7 +675,6 @@
646
675
  --comp-tabs-tab-feature-locked-hover-background-color: #EFEDF8;
647
676
  --comp-tabs-tab-feature-locked-focus-background-color: #EFEDF8;
648
677
  --comp-tabs-tab-feature-locked-active-background-color: #E0DDF2;
649
- --comp-tabs-tab-gap: 8px;
650
678
  --comp-tabs-tab-content-gap: 4px;
651
679
  --comp-tabs-tab-header-gap: 8px;
652
680
  --comp-tag-text-style-font-family: Averta;
package/assets/mobile_variables.css CHANGED
@@ -538,6 +538,37 @@
538
538
  --comp-select-search-bar-bottom-link-padding-top: 12px;
539
539
  --comp-select-search-bar-bottom-link-padding-bottom: 4px;
540
540
  --comp-select-search-bar-bottom-link-border-top-color: #EAECEF;
541
+ --comp-selection-dropdown-background-color: #FFFFFF;
542
+ --comp-selection-dropdown-box-shadow: 0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15);
543
+ --comp-selection-dropdown-border-radius: 4px;
544
+ --comp-selection-dropdown-header-top-padding: 12px 16px;
545
+ --comp-selection-dropdown-header-title-font-size: 16px;
546
+ --comp-selection-dropdown-header-title-font-weight: 700;
547
+ --comp-selection-dropdown-header-title-text-color: #344563;
548
+ --comp-selection-dropdown-header-searchbar-padding: 0 8px 8px;
549
+ --comp-selection-dropdown-content-padding: 8px 0;
550
+ --comp-selection-dropdown-footer-padding: 12px 16px;
551
+ --comp-selection-dropdown-no-results-text-color: #5D6A82;
552
+ --comp-selection-dropdown-no-results-font-size: 14px;
553
+ --comp-selection-dropdown-item-padding: 8px 16px;
554
+ --comp-selection-dropdown-item-text-size: 14px;
555
+ --comp-selection-dropdown-item-text-line-height: 18px;
556
+ --comp-selection-dropdown-item-text-color: #344563;
557
+ --comp-selection-dropdown-item-background-color: #FFFFFF;
558
+ --comp-selection-dropdown-item-background-color-hover: #E8F4FF;
559
+ --comp-selection-dropdown-item-background-color-focused: #D1E8FF;
560
+ --comp-selection-dropdown-item-icon-spacing: 8px;
561
+ --comp-selection-dropdown-item-label-spacing: 8px;
562
+ --comp-selection-dropdown-item-description-color: #5D6A82;
563
+ --comp-selection-dropdown-item-description-size: 12px;
564
+ --comp-selection-dropdown-item-description-line-height: 18px;
565
+ --comp-selection-dropdown-divider-color: #EAECEF;
566
+ --comp-selection-dropdown-divider-margin: 8px 0;
567
+ --comp-selection-dropdown-group-header-padding: 8px 16px;
568
+ --comp-selection-dropdown-group-header-border-top-color: #EAECEF;
569
+ --comp-selection-dropdown-group-header-background-color: #F9F9FA;
570
+ --comp-selection-dropdown-selected-section-margin-bottom: 8px;
571
+ --comp-selection-dropdown-selected-section-padding-bottom: 8px;
541
572
  --comp-snackbar-text-style-font-family: Averta;
542
573
  --comp-snackbar-text-style-size: 14px;
543
574
  --comp-snackbar-text-style-font-weight: 400;
@@ -629,10 +660,8 @@
629
660
  --comp-tabs-tab-line-height: 18px;
630
661
  --comp-tabs-tab-min-height: 48px;
631
662
  --comp-tabs-tab-text-color-default: #344563;
632
- --comp-tabs-tab-text-color-hover: #0E72D6;
633
663
  --comp-tabs-tab-text-color-active: #0E72D6;
634
664
  --comp-tabs-tab-text-color-disabled: #858FA1;
635
- --comp-tabs-tab-text-color-feature-locked-hover: #6554C0;
636
665
  --comp-tabs-tab-text-color-feature-locked-focus: #6554C0;
637
666
  --comp-tabs-tab-text-color-feature-locked-active: #6554C0;
638
667
  --comp-tabs-tab-focus-color: #0E72D6;
@@ -646,7 +675,6 @@
646
675
  --comp-tabs-tab-feature-locked-hover-background-color: #EFEDF8;
647
676
  --comp-tabs-tab-feature-locked-focus-background-color: #EFEDF8;
648
677
  --comp-tabs-tab-feature-locked-active-background-color: #E0DDF2;
649
- --comp-tabs-tab-gap: 8px;
650
678
  --comp-tabs-tab-content-gap: 4px;
651
679
  --comp-tabs-tab-header-gap: 8px;
652
680
  --comp-tag-text-style-font-family: Averta;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "20.0.6",
3
+ "version": "20.1.0",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/selection-dropdown.json ADDED
@@ -0,0 +1,141 @@
1
+ {
2
+ "comp": {
3
+ "selectionDropdown": {
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
+ "radius": {
14
+ "value": "{sys.border.radius.sm}"
15
+ }
16
+ },
17
+ "header": {
18
+ "top": {
19
+ "padding": {
20
+ "value": "{ref.spacing.xs} {ref.spacing.sm}"
21
+ }
22
+ },
23
+ "title": {
24
+ "fontSize": {
25
+ "value": "{ref.font.size.md}"
26
+ },
27
+ "fontWeight": {
28
+ "value": "{ref.font.weight.bold}"
29
+ },
30
+ "textColor": {
31
+ "value": "{ref.color.grey.100}"
32
+ }
33
+ },
34
+ "searchbar": {
35
+ "padding": {
36
+ "value": "0 {ref.spacing.xxs} {ref.spacing.xxs}"
37
+ }
38
+ }
39
+ },
40
+ "content": {
41
+ "padding": {
42
+ "value": "{ref.spacing.xxs} 0"
43
+ }
44
+ },
45
+ "footer": {
46
+ "padding": {
47
+ "value": "{ref.spacing.xs} {ref.spacing.sm}"
48
+ }
49
+ },
50
+ "noResults": {
51
+ "textColor": {
52
+ "value": "{ref.color.grey.80}"
53
+ },
54
+ "fontSize": {
55
+ "value": "{ref.font.size.sm}"
56
+ }
57
+ },
58
+ "item": {
59
+ "padding": {
60
+ "value": "{ref.spacing.xxs} {ref.spacing.sm}"
61
+ },
62
+ "text": {
63
+ "size": {
64
+ "value": "{sys.text.style.body.size}"
65
+ },
66
+ "lineHeight": {
67
+ "value": "{sys.text.style.body.line-height}"
68
+ },
69
+ "color": {
70
+ "value": "{ref.color.grey.100}"
71
+ }
72
+ },
73
+ "background": {
74
+ "color": {
75
+ "value": "{ref.color.white}"
76
+ },
77
+ "colorHover": {
78
+ "value": "{ref.color.electricBlue.10}"
79
+ },
80
+ "colorFocused": {
81
+ "value": "{ref.color.electricBlue.20}"
82
+ }
83
+ },
84
+ "icon": {
85
+ "spacing": {
86
+ "value": "{ref.spacing.xxs}"
87
+ }
88
+ },
89
+ "label": {
90
+ "spacing": {
91
+ "value": "{ref.spacing.xxs}"
92
+ }
93
+ },
94
+ "description": {
95
+ "color": {
96
+ "value": "{ref.color.grey.80}"
97
+ },
98
+ "size": {
99
+ "value": "{sys.text.style.caption.size}"
100
+ },
101
+ "lineHeight": {
102
+ "value": "{sys.text.style.body.line-height}"
103
+ }
104
+ }
105
+ },
106
+ "divider": {
107
+ "color": {
108
+ "value": "{ref.color.grey.10}"
109
+ },
110
+ "margin": {
111
+ "value": "{ref.spacing.xxs} 0"
112
+ }
113
+ },
114
+ "group": {
115
+ "header": {
116
+ "padding": {
117
+ "value": "{ref.spacing.xxs} {ref.spacing.sm}"
118
+ },
119
+ "borderTop": {
120
+ "color": {
121
+ "value": "{ref.color.grey.10}"
122
+ }
123
+ },
124
+ "background": {
125
+ "color": {
126
+ "value": "{ref.color.grey.bg}"
127
+ }
128
+ }
129
+ }
130
+ },
131
+ "selectedSection": {
132
+ "marginBottom": {
133
+ "value": "{ref.spacing.xxs}"
134
+ },
135
+ "paddingBottom": {
136
+ "value": "{ref.spacing.xxs}"
137
+ }
138
+ }
139
+ }
140
+ }
141
+ }
package/src/tokens/components/tabs.json CHANGED
@@ -40,9 +40,6 @@
40
40
  "default": {
41
41
  "value": "{ref.color.grey.100}"
42
42
  },
43
- "hover": {
44
- "value": "{ref.color.electricBlue.150}"
45
- },
46
43
  "active": {
47
44
  "value": "{ref.color.electricBlue.150}"
48
45
  },
@@ -50,9 +47,6 @@
50
47
  "value": "{ref.color.grey.60}"
51
48
  },
52
49
  "featureLocked": {
53
- "hover": {
54
- "value": "{ref.color.purple.100}"
55
- },
56
50
  "focus": {
57
51
  "value": "{ref.color.purple.100}"
58
52
  },
@@ -131,9 +125,6 @@
131
125
  }
132
126
  }
133
127
  },
134
- "gap": {
135
- "value": "{ref.spacing.xxs}"
136
- },
137
128
  "content": {
138
129
  "gap": {
139
130
  "value": "4px"
package/agorapulse-ui-theme-20.0.6.tgz DELETED
Binary file