@conduction/components 2.2.52 → 2.2.53

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 -2
  2. package/lib/components/Pagination/Pagination.module.css +4 -0
  3. package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css +7 -0
  4. package/package.json +1 -1
  5. package/src/components/Pagination/Pagination.module.css +4 -0
  6. package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css +7 -0
package/README.md CHANGED
@@ -4,8 +4,8 @@
4
4
 
5
5
  - **Version 2.2 (breaking changes from 2.1.x)**
6
6
 
7
- - 2.2.52:
8
- - Added hover filter to Logo component.
7
+ - 2.2.53: Updated Pagination and PrimaryTopNav components to allow text-decorations and border-bottoms.
8
+ - 2.2.52: Added hover filter to Logo component.
9
9
  - 2.2.51:
10
10
  - Added text-decoration tokens to CardHeader.
11
11
  - Added label color tokens to checkbox.
package/lib/components/Pagination/Pagination.module.css CHANGED
@@ -22,6 +22,8 @@
22
22
  /* --conduction-pagination-item-border-bottom-width: unset;
23
23
  --conduction-pagination-item-border-bottom-style: unset;
24
24
  --conduction-pagination-item-border-bottom-color: unset; */
25
+ /* --conduction-pagination-item-text-decoration: unset; */
26
+ /* --conduction-pagination-item-text-decoration-thickness: 0px; */
25
27
 
26
28
  /* --conduction-pagination-navigation-button-background-color: #4376fc; */
27
29
  /* --conduction-pagination-navigation-button-color: #ffffff; */
@@ -112,6 +114,7 @@
112
114
  font-weight: var(--conduction-pagination-current-page-font-weight);
113
115
  font-family: var(--conduction-pagination-item-font-family);
114
116
  text-decoration: var(--conduction-pagination-current-page-text-decoration);
117
+ text-decoration-thickness: var(--conduction-pagination-current-page-text-decoration-thickness);
115
118
  }
116
119
 
117
120
  .container > li:not(.previous):not(.next):not(.currentPage) > a {
@@ -131,6 +134,7 @@
131
134
  font-size: var(--conduction-pagination-item-font-size);
132
135
  font-weight: var(--conduction-pagination-item-font-weight);
133
136
  font-family: var(--conduction-pagination-item-font-family);
137
+ text-decoration: var(--conduction-pagination-item-text-decoration);
134
138
  }
135
139
 
136
140
  .button {
package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css CHANGED
@@ -26,6 +26,10 @@
26
26
  /* --conduction-primary-top-nav-dropdown-hover-background-color: #ffffff; */
27
27
  /* --conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px black; */
28
28
 
29
+ /* --conduction-primary-top-nav-dropdown-item-border-bottom-width: 4px;
30
+ --conduction-primary-top-nav-dropdown-item-border-bottom-style: solid;
31
+ --conduction-primary-top-nav-dropdown-item-border-bottom-color: #4376fc; */
32
+
29
33
  /* --conduction-primary-top-nav-container-padding-block-end: 18px; */
30
34
  /* --conduction-primary-top-nav-container-padding-block-start: 18px; */
31
35
  /* --conduction-primary-top-nav-container-padding-inline-end: 18px; */
@@ -237,6 +241,9 @@
237
241
  .dropdown > li {
238
242
  padding-inline-start: 18px;
239
243
  font-weight: var(--conduction-primary-top-nav-dropdown-font-weight);
244
+ border-bottom-width: var(--conduction-primary-top-nav-dropdown-item-border-bottom-width);
245
+ border-bottom-style: var(--conduction-primary-top-nav-dropdown-item-border-bottom-style);
246
+ border-bottom-color: var(--conduction-primary-top-nav-dropdown-item-border-bottom-color);
240
247
  }
241
248
 
242
249
  .toggleIcon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/components",
3
- "version": "2.2.52",
3
+ "version": "2.2.53",
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/Pagination/Pagination.module.css CHANGED
@@ -22,6 +22,8 @@
22
22
  /* --conduction-pagination-item-border-bottom-width: unset;
23
23
  --conduction-pagination-item-border-bottom-style: unset;
24
24
  --conduction-pagination-item-border-bottom-color: unset; */
25
+ /* --conduction-pagination-item-text-decoration: unset; */
26
+ /* --conduction-pagination-item-text-decoration-thickness: 0px; */
25
27
 
26
28
  /* --conduction-pagination-navigation-button-background-color: #4376fc; */
27
29
  /* --conduction-pagination-navigation-button-color: #ffffff; */
@@ -112,6 +114,7 @@
112
114
  font-weight: var(--conduction-pagination-current-page-font-weight);
113
115
  font-family: var(--conduction-pagination-item-font-family);
114
116
  text-decoration: var(--conduction-pagination-current-page-text-decoration);
117
+ text-decoration-thickness: var(--conduction-pagination-current-page-text-decoration-thickness);
115
118
  }
116
119
 
117
120
  .container > li:not(.previous):not(.next):not(.currentPage) > a {
@@ -131,6 +134,7 @@
131
134
  font-size: var(--conduction-pagination-item-font-size);
132
135
  font-weight: var(--conduction-pagination-item-font-weight);
133
136
  font-family: var(--conduction-pagination-item-font-family);
137
+ text-decoration: var(--conduction-pagination-item-text-decoration);
134
138
  }
135
139
 
136
140
  .button {
package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css CHANGED
@@ -26,6 +26,10 @@
26
26
  /* --conduction-primary-top-nav-dropdown-hover-background-color: #ffffff; */
27
27
  /* --conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px black; */
28
28
 
29
+ /* --conduction-primary-top-nav-dropdown-item-border-bottom-width: 4px;
30
+ --conduction-primary-top-nav-dropdown-item-border-bottom-style: solid;
31
+ --conduction-primary-top-nav-dropdown-item-border-bottom-color: #4376fc; */
32
+
29
33
  /* --conduction-primary-top-nav-container-padding-block-end: 18px; */
30
34
  /* --conduction-primary-top-nav-container-padding-block-start: 18px; */
31
35
  /* --conduction-primary-top-nav-container-padding-inline-end: 18px; */
@@ -237,6 +241,9 @@
237
241
  .dropdown > li {
238
242
  padding-inline-start: 18px;
239
243
  font-weight: var(--conduction-primary-top-nav-dropdown-font-weight);
244
+ border-bottom-width: var(--conduction-primary-top-nav-dropdown-item-border-bottom-width);
245
+ border-bottom-style: var(--conduction-primary-top-nav-dropdown-item-border-bottom-style);
246
+ border-bottom-color: var(--conduction-primary-top-nav-dropdown-item-border-bottom-color);
240
247
  }
241
248
 
242
249
  .toggleIcon {