uikit-react-public 0.24.1 → 0.24.3
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/index.js +256 -251
- package/lib/components/DropdownMenu/DropdownMenu.tsx +5 -1
- package/lib/components/HeaderNew/Header.tsx +2 -2
- package/lib/components/HeaderNew/HeaderBorder.tsx +1 -0
- package/lib/components/HeaderNew/__tests__/__snapshots__/Header.test.tsx.snap +4 -4
- package/package.json +1 -1
|
@@ -23,7 +23,7 @@ export interface DropdownMenuProps
|
|
|
23
23
|
|
|
24
24
|
const DropdownMenu = ({
|
|
25
25
|
children,
|
|
26
|
-
label = '
|
|
26
|
+
label = 'MENU',
|
|
27
27
|
triggerAriaLabel = 'Open menu',
|
|
28
28
|
dropdownClassName,
|
|
29
29
|
triggerClassName,
|
|
@@ -38,6 +38,9 @@ const DropdownMenu = ({
|
|
|
38
38
|
|
|
39
39
|
const triggerStyle = css`
|
|
40
40
|
color: ${theme.colour.text.brandPrimary};
|
|
41
|
+
font-family: ${theme.typography.body.mdNumeric.fontFamily};
|
|
42
|
+
font-weight: ${theme.typography.body.mdNumeric.fontWeight};
|
|
43
|
+
font-size: 14px;
|
|
41
44
|
`;
|
|
42
45
|
|
|
43
46
|
const dropdownStyle = cx(NAME, dropdownClassName);
|
|
@@ -59,6 +62,7 @@ const DropdownMenu = ({
|
|
|
59
62
|
size='small'
|
|
60
63
|
className={resolvedTriggerClassName}
|
|
61
64
|
icon={<Icon.Menu2 size={20} />}
|
|
65
|
+
iconPosition='right'
|
|
62
66
|
aria-label={triggerAriaLabel}
|
|
63
67
|
>
|
|
64
68
|
{label}
|
|
@@ -48,11 +48,11 @@ const Header = ({
|
|
|
48
48
|
height: ${HEADER_MOBILE_HEIGHT_PX}px;
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
padding: 0 ${theme.padding.p16} 0 ${theme.padding.p40};
|
|
51
|
-
border-bottom: ${theme.colour.border.subtle};
|
|
52
51
|
|
|
53
52
|
@media (min-width: ${theme.breakpoints.desktop}px) {
|
|
54
53
|
height: ${HEADER_TABLET_HEIGHT_PX}px;
|
|
55
|
-
padding: 0 ${theme.padding.p64};
|
|
54
|
+
padding: 0 ${theme.padding.p48} 0 ${theme.padding.p64};
|
|
55
|
+
border-bottom: 1px solid ${theme.colour.border.default};
|
|
56
56
|
}
|
|
57
57
|
`;
|
|
58
58
|
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`Header > snapshot: variant=avatar 1`] = `
|
|
4
4
|
<header
|
|
5
|
-
class="ucl-uikit-header css-
|
|
5
|
+
class="ucl-uikit-header css-13623bd"
|
|
6
6
|
data-testid="ucl-uikit-header"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="ucl-uikit-header__border css-
|
|
9
|
+
class="ucl-uikit-header__border css-5jjnsi"
|
|
10
10
|
data-test="ucl-uikit-header__border"
|
|
11
11
|
>
|
|
12
12
|
<div
|
|
@@ -41,11 +41,11 @@ exports[`Header > snapshot: variant=avatar 1`] = `
|
|
|
41
41
|
|
|
42
42
|
exports[`Header > snapshot: variant=breadcrumbs 1`] = `
|
|
43
43
|
<header
|
|
44
|
-
class="ucl-uikit-header css-
|
|
44
|
+
class="ucl-uikit-header css-13623bd"
|
|
45
45
|
data-testid="ucl-uikit-header"
|
|
46
46
|
>
|
|
47
47
|
<div
|
|
48
|
-
class="ucl-uikit-header__border css-
|
|
48
|
+
class="ucl-uikit-header__border css-5jjnsi"
|
|
49
49
|
data-test="ucl-uikit-header__border"
|
|
50
50
|
>
|
|
51
51
|
<div
|