@danske/sapphire-react-lab 0.86.0 → 0.86.3

package/build/cjs/index.js

@@ -902,7 +902,6 @@ const Calendar = (_a) => {
   sapphireReact.useThemeCheck();
   const { locale } = i18n.useLocale();
   const formatMessage = i18n.useMessageFormatter(intlMessages$3);
-  sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
   const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$x(__spreadValues$z({
     selectionAlignment: "start"
@@ -1137,9 +1136,11 @@ var __objRest$o = (source, exclude) => {
 };
 const Spinner = (_a) => {
   var _b = _a, {
-    size = "m"
+    size = "m",
+    variant = "default"
   } = _b, props = __objRest$o(_b, [
-    "size"
+    "size",
+    "variant"
   ]);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
@@ -1147,7 +1148,9 @@ const Spinner = (_a) => {
     role: "progressbar",
     "aria-label": "aria-label" in props ? props["aria-label"] : void 0,
     "aria-labelledby": "aria-labelledby" in props ? props["aria-labelledby"] : void 0,
-    className: clsx__default["default"](styleProps.className, styles__default$2["default"]["sapphire-spinner"], size !== "m" ? styles__default$2["default"][`sapphire-spinner--${size}`] : ""),
+    className: clsx__default["default"](styleProps.className, styles__default$2["default"]["sapphire-spinner"], {
+      [styles__default$2["default"]["sapphire-spinner--inherit"]]: variant === "inherit"
+    }, size !== "m" ? styles__default$2["default"][`sapphire-spinner--${size}`] : ""),
     style: styleProps.style,
     viewBox: "0 0 16 16"
   }, /* @__PURE__ */ React__default["default"].createElement("path", {
@@ -3585,28 +3588,26 @@ function Tag(props) {
   const ref = React.useRef(null);
   const _a = tag.useTag(props, state, ref), {
     allowsRemoving,
-    allowsSelection,
     gridCellProps,
     isDisabled,
     isFocused,
     isPressed,
-    isSelected,
     removeButtonProps,
     rowProps: _b
   } = _a, _c = _b, { onKeyDown } = _c, rowProps = __objRest$1(_c, ["onKeyDown"]), otherProps = __objRest$1(_a, [
     "allowsRemoving",
-    "allowsSelection",
     "gridCellProps",
     "isDisabled",
     "isFocused",
     "isPressed",
-    "isSelected",
     "removeButtonProps",
     "rowProps"
   ]);
   const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
   const hasAction = otherProps.hasAction;
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({
+  return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
+    focusRingClass: styles__default$c["default"]["is-focus"]
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$2(__spreadProps$2(__spreadValues$2({
     ref
   }, utils$1.mergeProps({
     onKeyDown: (e) => {
@@ -3618,31 +3619,30 @@ function Tag(props) {
     }
   }, rowProps, hoverProps)), {
     className: clsx__default["default"](styles__default$c["default"]["sapphire-tag"], styles__default$c["default"]["js-focus"], styles__default$c["default"]["js-hover"], {
-      [styles__default$c["default"]["sapphire-tag--error"]]: hasError,
-      [styles__default$c["default"]["is-active"]]: allowsSelection && isSelected,
+      [styles__default$c["default"]["sapphire-tag--actionable"]]: hasAction,
       [styles__default$c["default"]["is-active"]]: hasAction && isPressed,
-      [styles__default$c["default"]["is-focus"]]: isFocused,
       [styles__default$c["default"]["is-hover"]]: hasAction && isHovered,
       [styles__default$c["default"]["is-disabled"]]: isDisabled
-    }),
-    "aria-invalid": hasError
-  }), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({}, gridCellProps), {
-    className: styles__default$c["default"]["sapphire-tag__gridcell"]
-  }), hasError && /* @__PURE__ */ React__default["default"].createElement(IconError, null), item.rendered, allowsRemoving && /* @__PURE__ */ React__default["default"].createElement(RemoveButton, __spreadValues$2({}, removeButtonProps))));
+    })
+  }), hasError ? { "aria-invalid": true } : {}), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({}, gridCellProps), {
+    className: styles__default$c["default"]["sapphire-tag__content"]
+  }), hasError && /* @__PURE__ */ React__default["default"].createElement(IconError, null), item.rendered, allowsRemoving && /* @__PURE__ */ React__default["default"].createElement(RemoveButton, __spreadValues$2({}, removeButtonProps)))));
 }
 function RemoveButton(removeButtonProps) {
   const buttonRef = React.useRef(null);
   const { buttonProps } = button.useButton(removeButtonProps, buttonRef);
   return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$2(__spreadValues$2({}, buttonProps), {
     className: clsx__default["default"](styles__default$c["default"]["sapphire-tag__button"], styles__default$c["default"]["js-focus"])
-  }), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: styles__default$c["default"]["sapphire-tag__icon"]
+  }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
+    size: "s"
   }, /* @__PURE__ */ React__default["default"].createElement(react.Close, null)));
 }
 const IconError = () => {
   return /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: clsx__default["default"](styles__default$c["default"]["sapphire-tag__icon"], styles__default$c["default"]["sapphire-tag__icon--error"])
-  }, /* @__PURE__ */ React__default["default"].createElement(react.AlertCircle, null));
+    className: clsx__default["default"](styles__default$c["default"]["sapphire-tag__error-icon"])
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
+    size: "s"
+  }, /* @__PURE__ */ React__default["default"].createElement(react.AlertCircle, null)));
 };
 
 var __defProp$1 = Object.defineProperty;