@phillips/seldon 1.58.2 → 1.58.4
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.
- package/dist/components/Navigation/NavigationItem/NavigationItem.d.ts +4 -0
- package/dist/components/Navigation/NavigationItem/NavigationItem.js +24 -11
- package/dist/scss/_type.scss +8 -9
- package/dist/scss/components/Accordion/_accordion.scss +1 -1
- package/dist/scss/components/Breadcrumb/_breadcrumb.scss +1 -1
- package/dist/scss/components/Button/_button.scss +1 -1
- package/dist/scss/components/DatePicker/_datePicker.scss +2 -2
- package/dist/scss/components/Input/_input.scss +1 -1
- package/dist/scss/components/Navigation/NavigationItem/_navigationItem.scss +12 -12
- package/dist/scss/components/Pagination/_pagination.scss +1 -1
- package/dist/scss/components/Search/_search.scss +1 -1
- package/dist/scss/components/SplitPanel/_splitPanel.stories.scss +1 -1
- package/dist/scss/pages/_page.scss +2 -2
- package/package.json +1 -1
|
@@ -10,6 +10,10 @@ export interface NavigationItemProps extends ComponentProps<'li'> {
|
|
|
10
10
|
* href link
|
|
11
11
|
*/
|
|
12
12
|
href?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Optional value to give the navigation item unique styling
|
|
15
|
+
*/
|
|
16
|
+
isViewAllLink?: boolean;
|
|
13
17
|
/**
|
|
14
18
|
* Label for the navigation item
|
|
15
19
|
*/
|
|
@@ -1,26 +1,39 @@
|
|
|
1
1
|
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import { px as i } from "../../../utils/index.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { LinkVariants as
|
|
6
|
-
import { forwardRef as
|
|
7
|
-
const
|
|
8
|
-
({
|
|
3
|
+
import v from "../../../node_modules/classnames/index.js";
|
|
4
|
+
import N from "../../Link/Link.js";
|
|
5
|
+
import { LinkVariants as _ } from "../../Link/types.js";
|
|
6
|
+
import { forwardRef as $ } from "react";
|
|
7
|
+
const h = $(
|
|
8
|
+
({
|
|
9
|
+
badge: e,
|
|
10
|
+
className: t = "",
|
|
11
|
+
href: n,
|
|
12
|
+
isViewAllLink: s = !1,
|
|
13
|
+
label: m,
|
|
14
|
+
navGroup: l,
|
|
15
|
+
navType: r,
|
|
16
|
+
onClick: o,
|
|
17
|
+
element: d = N,
|
|
18
|
+
...f
|
|
19
|
+
}, p) => /* @__PURE__ */ a(
|
|
9
20
|
"li",
|
|
10
21
|
{
|
|
11
|
-
...
|
|
22
|
+
...f,
|
|
12
23
|
onClick: o,
|
|
13
24
|
"data-testid": `nav-item-${m}`,
|
|
14
|
-
className:
|
|
25
|
+
className: v(`${i}-nav__item`, l, t, {
|
|
26
|
+
"view-all": s
|
|
27
|
+
}),
|
|
15
28
|
ref: p,
|
|
16
|
-
children: /* @__PURE__ */ c(
|
|
29
|
+
children: /* @__PURE__ */ c(d, { href: n, variant: r || _.snwHeaderLink, children: [
|
|
17
30
|
/* @__PURE__ */ a("span", { className: `${i}-nav__item--label`, children: m }),
|
|
18
31
|
e ? /* @__PURE__ */ a("span", { className: `${i}-nav__item--badge `, children: ` • ${e}` }) : null
|
|
19
32
|
] })
|
|
20
33
|
}
|
|
21
34
|
)
|
|
22
35
|
);
|
|
23
|
-
|
|
36
|
+
h.displayName = "NavigationItem";
|
|
24
37
|
export {
|
|
25
|
-
|
|
38
|
+
h as default
|
|
26
39
|
};
|
package/dist/scss/_type.scss
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@include DistinctDisplay;
|
|
5
5
|
|
|
6
6
|
color: $primary-black;
|
|
7
|
-
font-
|
|
7
|
+
font-variation-settings: 'wght' 400;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
@mixin titleText {
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
color: $color;
|
|
54
54
|
font-size: $size;
|
|
55
|
-
font-
|
|
55
|
+
font-variation-settings: 'wght' 400;
|
|
56
56
|
line-height: $line-height;
|
|
57
57
|
text-decoration: none;
|
|
58
58
|
text-transform: $transform-style;
|
|
@@ -69,9 +69,10 @@
|
|
|
69
69
|
@mixin labelText($label) {
|
|
70
70
|
@include Montserrat;
|
|
71
71
|
|
|
72
|
+
font-variation-settings: 'wght' 600;
|
|
73
|
+
|
|
72
74
|
@if $label == 'link' {
|
|
73
75
|
font-size: $link-label-size;
|
|
74
|
-
font-weight: 600;
|
|
75
76
|
letter-spacing: 1px;
|
|
76
77
|
line-height: $link-label-line-height;
|
|
77
78
|
text-transform: uppercase;
|
|
@@ -79,7 +80,6 @@
|
|
|
79
80
|
|
|
80
81
|
@if $label == 'button' {
|
|
81
82
|
font-size: $button-label-size;
|
|
82
|
-
font-weight: 600;
|
|
83
83
|
letter-spacing: 0;
|
|
84
84
|
line-height: $button-label-line-height;
|
|
85
85
|
text-transform: capitalize;
|
|
@@ -87,7 +87,6 @@
|
|
|
87
87
|
|
|
88
88
|
@if $label == 'email' {
|
|
89
89
|
font-size: $email-label-size;
|
|
90
|
-
font-weight: 600;
|
|
91
90
|
letter-spacing: 0.0625rem;
|
|
92
91
|
line-height: 1.25;
|
|
93
92
|
text-transform: lowercase;
|
|
@@ -95,14 +94,14 @@
|
|
|
95
94
|
|
|
96
95
|
@if $label == 'label' {
|
|
97
96
|
font-size: $text-label-size;
|
|
98
|
-
font-
|
|
97
|
+
font-variation-settings: 'wght' 500;
|
|
99
98
|
letter-spacing: 0.0625rem;
|
|
100
99
|
line-height: 1.25;
|
|
101
100
|
}
|
|
102
101
|
|
|
103
102
|
@if $label == 'badge' {
|
|
104
103
|
font-size: $badge-label-size;
|
|
105
|
-
font-
|
|
104
|
+
font-variation-settings: 'wght' 500;
|
|
106
105
|
letter-spacing: 0;
|
|
107
106
|
line-height: $badge-label-line-height;
|
|
108
107
|
text-transform: uppercase;
|
|
@@ -209,7 +208,7 @@
|
|
|
209
208
|
@include DistinctDisplay;
|
|
210
209
|
|
|
211
210
|
font-size: $snw-header-link-size;
|
|
212
|
-
font-
|
|
211
|
+
font-variation-settings: 'wght' 400;
|
|
213
212
|
letter-spacing: 1px;
|
|
214
213
|
line-height: $snw-header-link-line-height;
|
|
215
214
|
text-transform: uppercase;
|
|
@@ -219,7 +218,7 @@
|
|
|
219
218
|
@include Montserrat;
|
|
220
219
|
|
|
221
220
|
font-size: $snw-flyout-link-size;
|
|
222
|
-
font-
|
|
221
|
+
font-variation-settings: 'wght' 400;
|
|
223
222
|
letter-spacing: 1px;
|
|
224
223
|
line-height: $snw-flyout-link-line-height;
|
|
225
224
|
text-transform: capitalize;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
.flatpickr-day.today {
|
|
28
28
|
border-color: transparent;
|
|
29
|
-
font-
|
|
29
|
+
font-variation-settings: 'wght' 700;
|
|
30
30
|
position: relative;
|
|
31
31
|
|
|
32
32
|
@include DistinctDisplay;
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
.flatpickr-weekday {
|
|
65
65
|
@include DistinctDisplay;
|
|
66
66
|
|
|
67
|
-
font-
|
|
67
|
+
font-variation-settings: 'wght' 700;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.flatpickr-current-month {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
content: '\203A';
|
|
21
21
|
display: inline-block;
|
|
22
22
|
font-size: 1.75rem;
|
|
23
|
-
font-
|
|
23
|
+
font-variation-settings: 'wght' 400;
|
|
24
24
|
position: absolute;
|
|
25
25
|
right: 0;
|
|
26
26
|
top: 35%;
|
|
@@ -77,18 +77,8 @@
|
|
|
77
77
|
padding-bottom: 0.625rem;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
&--end {
|
|
83
|
-
@include isHeaderMobile {
|
|
84
|
-
margin-top: $spacing-md;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
&--start {
|
|
89
|
-
margin-right: 1rem;
|
|
90
80
|
|
|
91
|
-
&
|
|
81
|
+
& .view-all {
|
|
92
82
|
a {
|
|
93
83
|
border-bottom: 0;
|
|
94
84
|
padding: $spacing-sm 0;
|
|
@@ -99,6 +89,16 @@
|
|
|
99
89
|
}
|
|
100
90
|
}
|
|
101
91
|
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
&--end {
|
|
95
|
+
@include isHeaderMobile {
|
|
96
|
+
margin-top: $spacing-md;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
&--start {
|
|
101
|
+
margin-right: 1rem;
|
|
102
102
|
|
|
103
103
|
@include isHeaderMobile {
|
|
104
104
|
margin-right: 0;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
.storybook-page h2 {
|
|
12
12
|
display: inline-block;
|
|
13
13
|
font-size: 32px;
|
|
14
|
-
font-
|
|
14
|
+
font-variation-settings: 'wght' 700;
|
|
15
15
|
line-height: 1;
|
|
16
16
|
margin: 0 0 4px;
|
|
17
17
|
vertical-align: top;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
color: #66bf3c;
|
|
42
42
|
display: inline-block;
|
|
43
43
|
font-size: 11px;
|
|
44
|
-
font-
|
|
44
|
+
font-variation-settings: 'wght' 700;
|
|
45
45
|
line-height: 12px;
|
|
46
46
|
margin-right: 10px;
|
|
47
47
|
padding: 4px 12px;
|