@navikt/ds-react 4.1.1 → 4.1.2

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.
Files changed (6) hide show
  1. package/cjs/skeleton/Skeleton.js +9 -0
  2. package/esm/skeleton/Skeleton.d.ts +9 -0
  3. package/esm/skeleton/Skeleton.js +9 -0
  4. package/esm/skeleton/Skeleton.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/skeleton/Skeleton.tsx +9 -0
package/cjs/skeleton/Skeleton.js CHANGED
@@ -40,6 +40,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
40
40
  exports.Skeleton = void 0;
41
41
  const react_1 = __importStar(require("react"));
42
42
  const clsx_1 = __importDefault(require("clsx"));
43
+ /**
44
+ * Simple skeleton loader
45
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/skeleton)
46
+ * @see 🏷️ {@link SkeletonProps}
47
+ * @example
48
+ * ```jsx
49
+ * <Skeleton variant="circle" height="5rem" width="5rem" />
50
+ * ```
51
+ */
43
52
  exports.Skeleton = (0, react_1.forwardRef)((_a, ref) => {
44
53
  var { className, children, height, width, style, variant = "text" } = _a, rest = __rest(_a, ["className", "children", "height", "width", "style", "variant"]);
45
54
  return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-skeleton", className, `navds-skeleton--${variant}`, {
package/esm/skeleton/Skeleton.d.ts CHANGED
@@ -14,5 +14,14 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
14
14
  */
15
15
  width?: number | string;
16
16
  }
17
+ /**
18
+ * Simple skeleton loader
19
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/skeleton)
20
+ * @see 🏷️ {@link SkeletonProps}
21
+ * @example
22
+ * ```jsx
23
+ * <Skeleton variant="circle" height="5rem" width="5rem" />
24
+ * ```
25
+ */
17
26
  export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
18
27
  export default Skeleton;
package/esm/skeleton/Skeleton.js CHANGED
@@ -11,6 +11,15 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
13
  import cl from "clsx";
14
+ /**
15
+ * Simple skeleton loader
16
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/skeleton)
17
+ * @see 🏷️ {@link SkeletonProps}
18
+ * @example
19
+ * ```jsx
20
+ * <Skeleton variant="circle" height="5rem" width="5rem" />
21
+ * ```
22
+ */
14
23
  export const Skeleton = forwardRef((_a, ref) => {
15
24
  var { className, children, height, width, style, variant = "text" } = _a, rest = __rest(_a, ["className", "children", "height", "width", "style", "variant"]);
16
25
  return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-skeleton", className, `navds-skeleton--${variant}`, {
package/esm/skeleton/Skeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AAkBtB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAwE,EACxE,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,OAAW,EAAN,IAAI,cAAtE,gEAAwE,CAAF;IAGtE,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,EACT,mBAAmB,OAAO,EAAE,EAC5B;YACE,8BAA8B,EAAE,OAAO,CAAC,QAAQ,CAAC;YACjD,2BAA2B,EAAE,CAAC,MAAM;YACpC,0BAA0B,EAAE,CAAC,KAAK;SACnC,CACF,EACD,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,MAAM,6BAG/B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AAkBtB;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAwE,EACxE,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,OAAW,EAAN,IAAI,cAAtE,gEAAwE,CAAF;IAGtE,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,EACT,mBAAmB,OAAO,EAAE,EAC5B;YACE,8BAA8B,EAAE,OAAO,CAAC,QAAQ,CAAC;YACjD,2BAA2B,EAAE,CAAC,MAAM;YACpC,0BAA0B,EAAE,CAAC,KAAK;SACnC,CACF,EACD,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,MAAM,6BAG/B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "4.1.1",
3
+ "version": "4.1.2",
4
4
  "description": "Aksel react-components for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "license": "MIT",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@floating-ui/react": "0.24.1",
41
- "@navikt/aksel-icons": "^4.1.1",
41
+ "@navikt/aksel-icons": "^4.1.2",
42
42
  "@radix-ui/react-tabs": "1.0.0",
43
43
  "@radix-ui/react-toggle-group": "1.0.0",
44
44
  "clsx": "^1.2.1",
package/src/skeleton/Skeleton.tsx CHANGED
@@ -17,6 +17,15 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
17
17
  width?: number | string;
18
18
  }
19
19
 
20
+ /**
21
+ * Simple skeleton loader
22
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/skeleton)
23
+ * @see 🏷️ {@link SkeletonProps}
24
+ * @example
25
+ * ```jsx
26
+ * <Skeleton variant="circle" height="5rem" width="5rem" />
27
+ * ```
28
+ */
20
29
  export const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(
21
30
  (
22
31
  { className, children, height, width, style, variant = "text", ...rest },