@danske/sapphire-react-lab 0.86.0 → 0.86.2

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"
@@ -3585,28 +3584,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 +3615,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;