@navikt/ds-react 4.7.1 → 4.7.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/stepper/Stepper.js +8 -2
  2. package/esm/stepper/Stepper.js +8 -2
  3. package/esm/stepper/Stepper.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/stepper/Stepper.tsx +9 -1
  6. package/src/stepper/stepper.stories.tsx +1 -1
package/cjs/stepper/Stepper.js CHANGED
@@ -77,8 +77,14 @@ exports.Stepper = (0, react_1.forwardRef)((_a, ref) => {
77
77
  orientation,
78
78
  interactive,
79
79
  } }, react_1.default.Children.map(children, (step, index) => {
80
- var _a, _b;
81
- return (react_1.default.createElement("li", { className: (0, clsx_1.default)("navds-stepper__item"), key: index + ((_b = (_a = children === null || children === void 0 ? void 0 : children.toString) === null || _a === void 0 ? void 0 : _a.call(children)) !== null && _b !== void 0 ? _b : "") },
80
+ var _a, _b, _c, _d, _e;
81
+ return (react_1.default.createElement("li", { className: (0, clsx_1.default)("navds-stepper__item", {
82
+ "navds-stepper__item--behind": activeStep > index,
83
+ "navds-stepper__item--completed": react_1.default.isValidElement(step) &&
84
+ ((_a = step === null || step === void 0 ? void 0 : step.props) === null || _a === void 0 ? void 0 : _a.completed),
85
+ "navds-stepper__item--non-interactive": react_1.default.isValidElement(step) &&
86
+ !((_c = (_b = step === null || step === void 0 ? void 0 : step.props) === null || _b === void 0 ? void 0 : _b.interactive) !== null && _c !== void 0 ? _c : interactive),
87
+ }), key: index + ((_e = (_d = children === null || children === void 0 ? void 0 : children.toString) === null || _d === void 0 ? void 0 : _d.call(children)) !== null && _e !== void 0 ? _e : "") },
82
88
  react_1.default.createElement("span", { className: "navds-stepper__line navds-stepper__line--1" }),
83
89
  react_1.default.isValidElement(step)
84
90
  ? react_1.default.cloneElement(step, Object.assign(Object.assign({}, step.props), { unsafe_index: index }))
package/esm/stepper/Stepper.js CHANGED
@@ -48,8 +48,14 @@ export const Stepper = forwardRef((_a, ref) => {
48
48
  orientation,
49
49
  interactive,
50
50
  } }, React.Children.map(children, (step, index) => {
51
- var _a, _b;
52
- return (React.createElement("li", { className: cl("navds-stepper__item"), key: index + ((_b = (_a = children === null || children === void 0 ? void 0 : children.toString) === null || _a === void 0 ? void 0 : _a.call(children)) !== null && _b !== void 0 ? _b : "") },
51
+ var _a, _b, _c, _d, _e;
52
+ return (React.createElement("li", { className: cl("navds-stepper__item", {
53
+ "navds-stepper__item--behind": activeStep > index,
54
+ "navds-stepper__item--completed": React.isValidElement(step) &&
55
+ ((_a = step === null || step === void 0 ? void 0 : step.props) === null || _a === void 0 ? void 0 : _a.completed),
56
+ "navds-stepper__item--non-interactive": React.isValidElement(step) &&
57
+ !((_c = (_b = step === null || step === void 0 ? void 0 : step.props) === null || _b === void 0 ? void 0 : _b.interactive) !== null && _c !== void 0 ? _c : interactive),
58
+ }), key: index + ((_e = (_d = children === null || children === void 0 ? void 0 : children.toString) === null || _d === void 0 ? void 0 : _d.call(children)) !== null && _e !== void 0 ? _e : "") },
53
59
  React.createElement("span", { className: "navds-stepper__line navds-stepper__line--1" }),
54
60
  React.isValidElement(step)
55
61
  ? React.cloneElement(step, Object.assign(Object.assign({}, step.props), { unsafe_index: index }))
package/esm/stepper/Stepper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAiDhD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAC/D,SAAS,CACV;QAED,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;gBACL,UAAU;gBACV,YAAY;gBACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;gBACzC,WAAW;gBACX,WAAW;aACZ,IAEA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5C,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;gBAE3C,8BAAM,SAAS,EAAC,4CAA4C,GAAG;gBAC9D,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;oBAC3C,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,kCAClB,IAAI,CAAC,KAAK,KACb,YAAY,EAAE,KAAK,IACnB;oBACJ,CAAC,CAAC,IAAI;gBACR,8BAAM,SAAS,EAAC,4CAA4C,GAAG,CAC5D,CACN,CAAC;QACJ,CAAC,CAAC,CACsB,CACvB,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAiDhD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAC/D,SAAS,CACV;QAED,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;gBACL,UAAU;gBACV,YAAY;gBACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;gBACzC,WAAW;gBACX,WAAW;aACZ,IAEA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5C,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;oBACnC,6BAA6B,EAAE,UAAU,GAAG,KAAK;oBACjD,gCAAgC,EAC9B,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;yBAC5C,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,SAAS,CAAA;oBACxB,sCAAsC,EACpC,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;wBAC5C,CAAC,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,WAAW,mCAAI,WAAW,CAAC;iBAC7C,CAAC,EACF,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;gBAE3C,8BAAM,SAAS,EAAC,4CAA4C,GAAG;gBAC9D,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;oBAC3C,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,kCAClB,IAAI,CAAC,KAAK,KACb,YAAY,EAAE,KAAK,IACnB;oBACJ,CAAC,CAAC,IAAI;gBACR,8BAAM,SAAS,EAAC,4CAA4C,GAAG,CAC5D,CACN,CAAC;QACJ,CAAC,CAAC,CACsB,CACvB,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "4.7.1",
3
+ "version": "4.7.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.7.1",
41
+ "@navikt/aksel-icons": "^4.7.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/stepper/Stepper.tsx CHANGED
@@ -114,7 +114,15 @@ export const Stepper: StepperComponent = forwardRef<
114
114
  {React.Children.map(children, (step, index) => {
115
115
  return (
116
116
  <li
117
- className={cl("navds-stepper__item")}
117
+ className={cl("navds-stepper__item", {
118
+ "navds-stepper__item--behind": activeStep > index,
119
+ "navds-stepper__item--completed":
120
+ React.isValidElement<StepperStepProps>(step) &&
121
+ step?.props?.completed,
122
+ "navds-stepper__item--non-interactive":
123
+ React.isValidElement<StepperStepProps>(step) &&
124
+ !(step?.props?.interactive ?? interactive),
125
+ })}
118
126
  key={index + (children?.toString?.() ?? "")}
119
127
  >
120
128
  <span className="navds-stepper__line navds-stepper__line--1" />
package/src/stepper/stepper.stories.tsx CHANGED
@@ -11,8 +11,8 @@ export default {
11
11
  orientation: {
12
12
  control: {
13
13
  type: "radio",
14
- options: ["horizontal", "vertical"],
15
14
  },
15
+ options: ["horizontal", "vertical"],
16
16
  },
17
17
  activeStep: {
18
18
  control: {