@oslokommune/punkt-react 11.10.1 → 11.12.0

package/CHANGELOG.md

@@ -5,6 +5,157 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [11.12.0](https://github.com/oslokommune/punkt/compare/11.11.0...11.12.0) (2024-04-29)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Legg til children i Header (#1603). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [11.11.0](https://github.com/oslokommune/punkt/compare/11.10.1...11.11.0) (2024-04-25)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+*  Accordion 🪗 (#1624). * feat(react):  accordion✨  (#1596)
+  
+  * feat(react): Accordion WIP
+  
+  * ✨ feat(react,css): Accordion
+  
+  - Update component specs: Accordion and Accordionitem
+  - Make AccordionItem and Accordion accessible
+  - Add props: compact, skin, defaultOpen, onClick
+  - Add React display of component
+  - Add descriptions
+  
+  * 🧹 Clean up
+  
+  * 🔒 npm install and update lockfile
+  
+  * ♻️ Refactor  & add state example
+  
+  * ✅ Add Accordion test
+  
+  - Renders without errors
+  - Is Ref working correctly
+  - Is children rendered
+  - Props properly applied
+  - Accessibility
+  
+  * ♻️ Refactor hover & open style as discussed
+  
+  - Remove blue background & white text for opened acc item
+  - Add purple border when active acc item
+  - Add underline on summary text and arrow movement when hovering
+  
+  * ♻️ Jan roter rundt i CSS igjen!
+  - Fix hovering and active state
+  
+  * ♻️ Refactor AccordionItem: optional toggleFn & prop
+  
+  The toggle function is now optional with the "open" prop. This is so that the user will not have to provide the open state of each items if they want the accordion to allow multiple open items at once (which is the default). If they do want to restrict the number of open items, an example will be provided on how to locally in their own code.
+  
+  * feat(react): ✨ add optional overriding toggleProps
+  
+  - Add working example of handling toggleState to limit number of opened accordionItems.
+  - Styling and opening works as intended.
+  - Both when having automatic state handling (all items are expandable) and when using toggleProps to override it.
+  - Add description of why we have chosen to do it like this.
+  
+  
+  
+  ---------
+  
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+  
+  * feat(vue): accordion 🪗✨ (#1617)
+  
+  * feat(vue): ✨ we tried something
+  
+  * feat(vue): add Vue version of Accordion+fix test✨
+  
+  * Add routing
+  
+  * Update Accordion.vue
+  
+  * add trine as codeowner
+  
+  ---------
+  
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+  
+  * Feature accordion docs ✨ #1549 (#1619)
+  
+  
+  * feat(docs,react): add pure html/css example...
+  
+  ..  and edit react✨
+  
+  * fix(docs): legg til mer doc
+  
+  * fix(docs): Improve UU and code examples + text
+  
+  * fix(docs): Småendringer på acc docs
+  
+  * fix(docs): Endre tekst. pga E-preventDefault()
+  
+  * fix(docs): use CheckList component
+  
+  ---------
+  
+  Signed-off-by: dependabot[bot] <support@github.com>
+  Co-authored-by: julielyng <35265191+julielyng@users.noreply.github.com>
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+  Co-authored-by: omatrebym <97092636+omatrebym@users.noreply.github.com>
+  Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
+  
+  * fix(css): adjust borderless & compact border width
+  
+  * fix(docs): Update component-status.json 📄
+  
+  * feat(docs):#1550 Lagt til innhold (#1643)
+  
+  * docs:#1550 Lagt til innhold
+  
+  * docs:#1550 Oppdatert innhold
+  
+  * add svg photos
+  
+  ---------
+  
+  Co-authored-by: julielyng <35265191+julielyng@users.noreply.github.com>
+  
+  ---------
+  
+  Signed-off-by: dependabot[bot] <support@github.com>
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+  Co-authored-by: julielyng <35265191+julielyng@users.noreply.github.com>
+  Co-authored-by: omatrebym <97092636+omatrebym@users.noreply.github.com>
+  Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.11.0](https://github.com/oslokommune/punkt/compare/11.10.0...11.11.0) (2024-04-19)
 
 ### ⚠ BREAKING CHANGES

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+export interface IPktAccordion {
+    ariaLabelledById?: string;
+    className?: string;
+    children: ReactNode | ReactNode[];
+    /**
+     * @default compact: "false"
+     */
+    compact?: boolean;
+    /**
+     * @default skin: "borderless"
+     */
+    skin?: 'borderless' | 'outlined' | 'beige' | 'blue';
+}
+export declare const PktAccordion: React.ForwardRefExoticComponent<IPktAccordion & React.RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+/**
+ * @param toggleProps
+ *
+ * @description Send in an "isOpen" boolean and "onToggleClick" function
+ * to override the automatic toggling
+ */
+export interface IPktAccordionToggleProps {
+    isOpen: boolean;
+    onToggleClick: (e: React.MouseEvent, id: string) => void;
+}
+export interface IPktAccordionItem {
+    children?: React.ReactNode | React.ReactNode[];
+    className?: string;
+    id: string;
+    defaultOpen?: boolean;
+    title: string | React.ReactNode;
+    toggleProps?: IPktAccordionToggleProps;
+}
+export declare const PktAccordionItem: React.ForwardRefExoticComponent<IPktAccordionItem & React.RefAttributes<HTMLDetailsElement>>;

package/dist/components/header/Header.d.ts

@@ -34,5 +34,6 @@ export interface IPktHeader extends HTMLAttributes<HTMLDivElement> {
     openMenu?: () => void;
     logOut?: () => void;
     changeRepresentation?: () => void;
+    children?: React.ReactNode;
 }
 export declare const PktHeader: React.ForwardRefExoticComponent<IPktHeader & React.RefAttributes<HTMLDivElement>>;

package/dist/components/icon/DefaultIconFetcher.d.ts

@@ -1,4 +1,4 @@
 import { IconFetcher } from './IconContext';
-export declare const defaultSvgPath = "https://punkt-cdn.oslo.kommune.no/11.10/icons/";
+export declare const defaultSvgPath = "https://punkt-cdn.oslo.kommune.no/11.12/icons/";
 declare const defaultIconFetcher: IconFetcher;
 export default defaultIconFetcher;