@conduction/components 2.2.42 → 2.2.44

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/README.md +2 -0
  2. package/lib/components/card/downloadCard/DownloadCard.js +1 -1
  3. package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css +10 -1
  4. package/package.json +1 -1
  5. package/src/components/card/downloadCard/DownloadCard.tsx +1 -1
  6. package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css +10 -1
package/README.md CHANGED
@@ -4,6 +4,8 @@
4
4
 
5
5
  - **Version 2.2 (breaking changes from 2.1.x)**
6
6
 
7
+ - 2.2.44: Updated PrimaryTopNav to allow font-weight.
8
+ - 2.2.43: Updated DownloadCard to allow size as string.
7
9
  - 2.2.42:
8
10
  - Updated PrimaryTopNav to have seperate dropdown tokens.
9
11
  - Updated Pagination to include border-bottom.
package/lib/components/card/downloadCard/DownloadCard.js CHANGED
@@ -43,5 +43,5 @@ export const DownloadCard = ({ icon, label, size, type, labelTooltip, layoutClas
43
43
  return faDatabase;
44
44
  }
45
45
  };
46
- return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: [_jsx("div", { className: styles.icon, children: _jsx(FontAwesomeIcon, { icon: icon ?? getIconFromType(type) }) }), _jsxs("div", { className: styles.content, children: [_jsx(Heading3, { "data-tooltip-id": labelTooltip && labelTooltip.id, "data-tooltip-content": labelTooltip && labelTooltip.tooltip, className: styles.title, children: label }), _jsxs("div", { children: ["(", _.toUpper(type), size && `, ${size}kB`, ")"] })] }), _jsxs(Link, { className: styles.link, href: "", onClick: (e) => onClick(e), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faDownload }), " Download"] })] }));
46
+ return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: [_jsx("div", { className: styles.icon, children: _jsx(FontAwesomeIcon, { icon: icon ?? getIconFromType(type) }) }), _jsxs("div", { className: styles.content, children: [_jsx(Heading3, { "data-tooltip-id": labelTooltip && labelTooltip.id, "data-tooltip-content": labelTooltip && labelTooltip.tooltip, className: styles.title, children: label }), _jsxs("div", { children: ["(", _.toUpper(type), size && `, ${size}`, ")"] })] }), _jsxs(Link, { className: styles.link, href: "", onClick: (e) => onClick(e), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faDownload }), " Download"] })] }));
47
47
  };
package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css CHANGED
@@ -110,6 +110,7 @@
110
110
 
111
111
  .currentLink {
112
112
  color: var(--conduction-primary-top-nav-current-color) !important;
113
+ font-weight: var(--conduction-primary-top-nav-current-font-weight);
113
114
  }
114
115
 
115
116
  .currentLink svg path {
@@ -121,12 +122,18 @@
121
122
  box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow, var(--conduction-primary-top-nav-current-box-shadow));
122
123
  }
123
124
 
125
+ .dropdownCurrent:hover {
126
+ box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow) !important;
127
+ }
128
+
124
129
  .dropdownCurrent:hover > .dropdownCurrentLink {
125
130
  color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color)) !important;
131
+ font-weight: var(--conduction-primary-top-nav-dropdown-current-font-weight) !important;
126
132
  }
127
133
 
128
134
  .dropdownCurrentLink {
129
135
  color: var(--conduction-primary-top-nav-dropdown-current-color, var(--conduction-primary-top-nav-current-color)) !important;
136
+ font-weight: var(--conduction-primary-top-nav-dropdown-current-font-weight);
130
137
  }
131
138
 
132
139
  .dropdownCurrentLink svg path {
@@ -154,8 +161,9 @@
154
161
  fill: var(--conduction-primary-top-nav-color);
155
162
  }
156
163
 
157
- .primary .li:hover .link {
164
+ .primary .li:hover > .link {
158
165
  color: var(--conduction-primary-top-nav-hover-color);
166
+ font-weight: var(--conduction-primary-top-nav-hover-font-weight);
159
167
  }
160
168
 
161
169
  .primary .li:hover svg path {
@@ -199,6 +207,7 @@
199
207
 
200
208
  .primary .dropdown .li:hover .link {
201
209
  color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color));
210
+ font-weight: var(--conduction-primary-top-nav-dropdown-hover-font-weight);
202
211
  }
203
212
 
204
213
  .dropdown .li:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/components",
3
- "version": "2.2.42",
3
+ "version": "2.2.44",
4
4
  "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
package/src/components/card/downloadCard/DownloadCard.tsx CHANGED
@@ -92,7 +92,7 @@ export const DownloadCard = ({
92
92
 
93
93
  <div>
94
94
  ({_.toUpper(type)}
95
- {size && `, ${size}kB`})
95
+ {size && `, ${size}`})
96
96
  </div>
97
97
  </div>
98
98
 
package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css CHANGED
@@ -110,6 +110,7 @@
110
110
 
111
111
  .currentLink {
112
112
  color: var(--conduction-primary-top-nav-current-color) !important;
113
+ font-weight: var(--conduction-primary-top-nav-current-font-weight);
113
114
  }
114
115
 
115
116
  .currentLink svg path {
@@ -121,12 +122,18 @@
121
122
  box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow, var(--conduction-primary-top-nav-current-box-shadow));
122
123
  }
123
124
 
125
+ .dropdownCurrent:hover {
126
+ box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow) !important;
127
+ }
128
+
124
129
  .dropdownCurrent:hover > .dropdownCurrentLink {
125
130
  color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color)) !important;
131
+ font-weight: var(--conduction-primary-top-nav-dropdown-current-font-weight) !important;
126
132
  }
127
133
 
128
134
  .dropdownCurrentLink {
129
135
  color: var(--conduction-primary-top-nav-dropdown-current-color, var(--conduction-primary-top-nav-current-color)) !important;
136
+ font-weight: var(--conduction-primary-top-nav-dropdown-current-font-weight);
130
137
  }
131
138
 
132
139
  .dropdownCurrentLink svg path {
@@ -154,8 +161,9 @@
154
161
  fill: var(--conduction-primary-top-nav-color);
155
162
  }
156
163
 
157
- .primary .li:hover .link {
164
+ .primary .li:hover > .link {
158
165
  color: var(--conduction-primary-top-nav-hover-color);
166
+ font-weight: var(--conduction-primary-top-nav-hover-font-weight);
159
167
  }
160
168
 
161
169
  .primary .li:hover svg path {
@@ -199,6 +207,7 @@
199
207
 
200
208
  .primary .dropdown .li:hover .link {
201
209
  color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color));
210
+ font-weight: var(--conduction-primary-top-nav-dropdown-hover-font-weight);
202
211
  }
203
212
 
204
213
  .dropdown .li:hover {