@navikt/ds-react 0.16.8 → 0.16.9

package/cjs/toggle-group/ToggleItem.js

@@ -37,9 +37,10 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
 const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
+const ToggleGroup_1 = require("./ToggleGroup");
 const ToggleItem = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    const context = (0, react_1.useContext)(__1.ToggleGroupContext);
+    const context = (0, react_1.useContext)(ToggleGroup_1.ToggleGroupContext);
     return (react_1.default.createElement(RadixToggleGroup.Item, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-toggle-group__button", className) }),
         react_1.default.createElement(__1.Label, { as: "span", className: "navds-toggle-group__button-inner", size: context === null || context === void 0 ? void 0 : context.size }, children)));
 });

package/cjs/toggle-group/index.js

@@ -1,14 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -16,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleGroup = void 0;
 var ToggleGroup_1 = require("./ToggleGroup");
 Object.defineProperty(exports, "ToggleGroup", { enumerable: true, get: function () { return __importDefault(ToggleGroup_1).default; } });
-__exportStar(require("./ToggleGroup"), exports);

package/esm/toggle-group/ToggleItem.js

@@ -11,8 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef, useContext } from "react";
 import cl from "classnames";
-import { Label, ToggleGroupContext } from "..";
+import { Label } from "..";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
+import { ToggleGroupContext } from "./ToggleGroup";
 const ToggleItem = forwardRef((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
     const context = useContext(ToggleGroupContext);

package/esm/toggle-group/ToggleItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAC/C,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAkBjE,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,gBAAgB,CAAC,IAAI,oBAChB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC;QAEtD,oBAAC,KAAK,IACJ,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IAElB,QAAQ,CACH,CACc,CACzB,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAC3B,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAkBnD,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,gBAAgB,CAAC,IAAI,oBAChB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC;QAEtD,oBAAC,KAAK,IACJ,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IAElB,QAAQ,CACH,CACc,CACzB,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,eAAe,UAAU,CAAC"}

package/esm/toggle-group/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ToggleGroup } from "./ToggleGroup";
-export * from "./ToggleGroup";
+export { ToggleGroupProps } from "./ToggleGroup";

package/esm/toggle-group/index.js

@@ -1,3 +1,2 @@
 export { default as ToggleGroup } from "./ToggleGroup";
-export * from "./ToggleGroup";
 //# sourceMappingURL=index.js.map

package/esm/toggle-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "0.16.8",
+  "version": "0.16.9",
   "private": false,
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
@@ -65,5 +65,5 @@
     "@types/react": "^17.0.30",
     "react": "^17.0.0"
   },
-  "gitHead": "cb429868c15db40ba7d29a639de2de3cd6ba72ce"
+  "gitHead": "8a58d75efbbfd6ae78d9a352aeacefb10617cf70"
 }

package/src/toggle-group/ToggleGroup.stories.tsx

@@ -10,19 +10,43 @@ export default {
   },
 } as Meta;
 
-const Items = (icon?: boolean) => (
+const Items = (icon?: boolean, both?: boolean) => (
   <>
     <ToggleGroup.Item value="first">
-      {icon ? <Hamburger /> : "First"}
+      {both ? (
+        <>
+          <Hamburger /> First
+        </>
+      ) : (
+        <>{icon ? <Hamburger /> : "First"}</>
+      )}
     </ToggleGroup.Item>
     <ToggleGroup.Item value="second">
-      {icon ? <Star /> : "Second more txt"}
+      {both ? (
+        <>
+          <Star /> Second more txt
+        </>
+      ) : (
+        <>{icon ? <Star /> : "Second more txt"}</>
+      )}
     </ToggleGroup.Item>
     <ToggleGroup.Item value="third">
-      {icon ? <Attachment /> : "Third"}
+      {both ? (
+        <>
+          <Attachment /> Thrid
+        </>
+      ) : (
+        <>{icon ? <Attachment /> : "Third"}</>
+      )}
     </ToggleGroup.Item>
     <ToggleGroup.Item value="fourth">
-      {icon ? <System /> : "Fourth"}
+      {both ? (
+        <>
+          <System /> Fourth
+        </>
+      ) : (
+        <>{icon ? <System /> : "Fourth"}</>
+      )}
     </ToggleGroup.Item>
   </>
 );
@@ -41,6 +65,9 @@ export const All = () => {
         <ToggleGroup value={activeValue} onChange={setActiveValue}>
           {Items(true)}
         </ToggleGroup>
+        <ToggleGroup value={activeValue} onChange={setActiveValue}>
+          {Items(true, true)}
+        </ToggleGroup>
       </div>
       <h2>ToggleGroup Small</h2>
       <h3>{activeValue}</h3>
@@ -51,6 +78,9 @@ export const All = () => {
         <ToggleGroup size="small" value={activeValue} onChange={setActiveValue}>
           {Items(true)}
         </ToggleGroup>
+        <ToggleGroup size="small" value={activeValue} onChange={setActiveValue}>
+          {Items(true, true)}
+        </ToggleGroup>
       </div>
       <h2>ToggleGroup label</h2>
       <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>

package/src/toggle-group/ToggleItem.tsx

@@ -1,7 +1,8 @@
 import React, { forwardRef, useContext } from "react";
 import cl from "classnames";
-import { Label, ToggleGroupContext } from "..";
+import { Label } from "..";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
+import { ToggleGroupContext } from "./ToggleGroup";
 
 export interface ToggleItemProps
   extends React.HTMLAttributes<HTMLButtonElement> {

package/src/toggle-group/index.ts

@@ -1,2 +1,2 @@
 export { default as ToggleGroup } from "./ToggleGroup";
-export * from "./ToggleGroup";
+export { ToggleGroupProps } from "./ToggleGroup";