@oslokommune/punkt-react 11.4.8 → 11.5.0

package/CHANGELOG.md

@@ -5,6 +5,87 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [11.5.0](https://github.com/oslokommune/punkt/compare/11.4.9...11.5.0) (2024-02-14)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Loader, tre varianter (#1490). * feat(react): loader with variants (#1489)
+  - add react loader
+  - add size options: "small", "medium" and "large"
+  - add text option
+  - add accessibility labels
+  - add variants
+  - Note to self: always re-run the server when changing css (no hot reloading on the css)
+  
+  * feat(react): loader
+  - Fix svg fetching
+  
+  * feat(react): add tests and specs
+  - NB! Consider adding some test for checking if the svg is fetched properly if that is relevant
+  
+  * La til inline, ryddet litt, fikset tester
+  
+  * Branch heter "react" men jeg legger med Vue-versjonen også…
+  
+  * Laget CSS-testview og ryddet litt i Vue-komponent
+  
+  ---------
+  
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+  
+  * Oppdatere Loader-specs
+  
+  * Dokumentasjon-ressurser
+  
+  * Fjernet innhold
+  
+  * Aria-live burde ikke forsvinne selv om det ikke loades
+  
+  * docs:#1473 loader dokumentasjon (#1492)
+  
+  * docs:#1473 Lagt til bilder
+  
+  * docs:#1473 Lagt til innhold
+  
+  * docs:#1473 Oppdatert bildenavn
+  
+  * docs:#1473 Tester GIF
+  
+  * docs:#1473 Lagt til GIF
+  
+  * docs:#1473 Oppdaterte bilder
+  
+  * chore(docs): legg til kode dokumentasjon
+  
+  * chore(docs): svg importering og UU docs
+  
+  - Importerer spinner og loader SVGene slik at vi kan bruke de med <use>
+  - Oppdaterer UU docs
+  - Legger til CodeExample i loader index docs
+  
+  * chore(docs): add doc about comp usage as wrapper
+  
+  ---------
+  
+  Co-authored-by: My Thao Nguyen <my.nguyen@origo.oslo.kommune.no>
+  
+  ---------
+  
+  Co-authored-by: My T. Nguyen <my.nguyen@origo.oslo.kommune.no>
+  Co-authored-by: Victoria Nerem <118815886+vicnerem@users.noreply.github.com>
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.4.2](https://github.com/oslokommune/punkt/compare/11.4.1...11.4.2) (2024-02-01)
 
 ### ⚠ BREAKING CHANGES

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.4/icons/";
+export declare const defaultSvgPath = "https://punkt-cdn.oslo.kommune.no/11.5/icons/";
 declare const defaultIconFetcher: IconFetcher;
 export default defaultIconFetcher;

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export { PktIconContext } from './icon/IconContext';
 export { PktInput } from './input/Input';
 export { PktInputWrapper } from './inputwrapper/InputWrapper';
 export { PktLinkCard } from './linkcard/LinkCard';
+export { PktLoader } from './loader/Loader';
 export { PktMessagebox } from './messagebox/Messagebox';
 export { PktRadioButton } from './radio/RadioButton';
 export { PktSearchInput } from './searchinput/SearchInput';

package/dist/components/loader/Loader.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLAttributes } from 'react';
+export interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
+    message?: string;
+    inline?: boolean;
+    /**
+     * The boolean 'isLoading' decides whether the loader or the children will be displayed.
+     * If set to false, the children will be displayed.
+     */
+    isLoading?: boolean;
+    /**
+     * Default size is set to "medium"
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Variants available are "blue" spinner, "rainbow" spinner and
+     * "shapes" oslo wave loader. Default is rainbow.
+     */
+    variant?: 'blue' | 'rainbow' | 'shapes';
+}
+export declare const PktLoader: React.ForwardRefExoticComponent<IPktLoader & React.RefAttributes<HTMLDivElement>>;