@oslokommune/punkt-react 14.3.0 → 14.3.1
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/CHANGELOG.md +18 -0
- package/dist/index.d.ts +2 -0
- package/dist/punkt-react.es.js +2000 -1998
- package/dist/punkt-react.umd.js +176 -176
- package/package.json +2 -2
- package/src/components/header/HeaderService.tsx +2 -0
- package/src/components/header/types.ts +2 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-react",
|
|
3
|
-
"version": "14.3.
|
|
3
|
+
"version": "14.3.1",
|
|
4
4
|
"description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
104
104
|
},
|
|
105
105
|
"license": "MIT",
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "53803b9d2bfd31e286f7ee79b2184570a3e208cc"
|
|
107
107
|
}
|
|
@@ -20,6 +20,7 @@ export const PktHeaderService = forwardRef(
|
|
|
20
20
|
mobileBreakpoint = 768,
|
|
21
21
|
tabletBreakpoint = 1280,
|
|
22
22
|
children,
|
|
23
|
+
className,
|
|
23
24
|
compact = false,
|
|
24
25
|
'data-mode': dataMode,
|
|
25
26
|
logOutButtonPlacement = 'none',
|
|
@@ -278,6 +279,7 @@ export const PktHeaderService = forwardRef(
|
|
|
278
279
|
isFixed && 'pkt-header-service--fixed',
|
|
279
280
|
shouldHideOnScroll && 'pkt-header-service--scroll-to-hide',
|
|
280
281
|
hidden && 'pkt-header-service--hidden',
|
|
282
|
+
className,
|
|
281
283
|
)}
|
|
282
284
|
data-mode={dataMode}
|
|
283
285
|
ref={setRefs}
|
|
@@ -46,6 +46,8 @@ export interface UserMenuFooterItem {
|
|
|
46
46
|
|
|
47
47
|
export interface IPktHeader {
|
|
48
48
|
children?: React.ReactNode
|
|
49
|
+
/** Additional CSS class name(s) to apply to the header */
|
|
50
|
+
className?: string
|
|
49
51
|
/** Set dark mode on the header */
|
|
50
52
|
'data-mode'?: 'dark'
|
|
51
53
|
/** Hide the Oslo logo. Default: false (logo is shown) */
|