@obosbbl/grunnmuren-react 2.0.2 → 2.0.4

package/dist/index.mjs

@@ -154,7 +154,7 @@ function AccordionItem(props) {
                         className: // Uses pseudo element for vertical padding, since that doesn't affect the height when the accordion is closed
                         'text-sm font-light leading-6 px-3.5 relative overflow-hidden border-mint border-l-[3px] before:relative before:block before:h-1.5 after:relative after:block after:h-1.5',
                         role: 'region',
-                        inert: isOpen,
+                        inert: !isOpen,
                         'aria-labelledby': buttonId,
                         _outerWrapper: (children)=>/*#__PURE__*/ jsx("div", {
                                 className: cx('grid transition-all duration-300 after:relative after:block after:h-0 after:transition-all after:duration-300 motion-reduce:transition-none', isOpen ? 'grid-rows-[1fr] after:h-3.5' : 'grid-rows-[0fr]'),
@@ -449,7 +449,7 @@ function Checkbox(props) {
     const id = useId();
     const descriptionId = `desc${id}`;
     const errorMessageId = `error${id}`;
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsx("div", {
         children: /*#__PURE__*/ jsxs(CheckboxContext.Provider, {
             value: {
@@ -516,7 +516,7 @@ function CheckboxGroup(props) {
     const { children, className, description, errorMessage, label, isRequired, isInvalid: _isInvalid, ...restProps } = props;
     // the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
     // which will override any built in validation
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(CheckboxGroup$1, {
         ...restProps,
         className: cx(className, 'flex flex-col gap-2'),
@@ -589,7 +589,7 @@ function Combobox(props) {
     const isPending = _isPending || isLoading;
     // the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
     // which will override any built in validation
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(ComboBox, {
         ...restProps,
         className: cx(className, formField),
@@ -642,7 +642,7 @@ function RadioGroup(props) {
     const { children, className, description, errorMessage, label, isRequired, isInvalid: _isInvalid, ...restProps } = props;
     // the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
     // which will override any built in validation
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(RadioGroup$1, {
         ...restProps,
         className: cx(className, 'flex flex-col gap-2'),
@@ -703,7 +703,7 @@ function Select(props) {
     const { className, children, description, errorMessage, label, isInvalid: _isInvalid, ref, ...restProps } = props;
     // the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
     // which will override any built in validation
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(Select$1, {
         ...restProps,
         className: cx(className, formField),
@@ -747,7 +747,7 @@ function Select(props) {
 
 function TextArea(props) {
     const { className, description, errorMessage, label, isInvalid: _isInvalid, rows, ref, ...restProps } = props;
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(TextField$1, {
         ...restProps,
         className: cx(className, formField),
@@ -788,7 +788,7 @@ function TextField(props) {
     const { className, description, errorMessage, label, leftAddon, isInvalid: _isInvalid, textAlign, rightAddon, withAddonDivider, size, ref, ...restProps } = props;
     // the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
     // which will override any built in validation
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(TextField$1, {
         ...restProps,
         className: cx(className, formField),
@@ -852,7 +852,7 @@ function NumberField(props) {
     const { className, description, errorMessage, label, leftAddon, isInvalid: _isInvalid, textAlign, rightAddon, withAddonDivider, size, ref, ...restProps } = props;
     // the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
     // which will override any built in validation
-    const isInvalid = errorMessage != null || _isInvalid;
+    const isInvalid = !!errorMessage || _isInvalid;
     return /*#__PURE__*/ jsxs(NumberField$1, {
         ...restProps,
         className: cx(className, formField),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Grunnmuren components in React",
   "repository": {
     "url": "https://github.com/code-obos/grunnmuren"
@@ -18,7 +18,7 @@
     "dist"
   ],
   "dependencies": {
-    "@obosbbl/grunnmuren-icons-react": "^2.0.0",
+    "@obosbbl/grunnmuren-icons-react": "^2.1.0",
     "@react-aria/form": "^3.0.14",
     "@react-aria/interactions": "^3.24.1",
     "@react-aria/utils": "^3.28.1",