@ultraviolet/ui 1.37.0 → 1.37.1

package/dist/src/components/NumberInputV2/index.js

@@ -179,11 +179,11 @@ const NumberInputV2 = /*#__PURE__*/forwardRef(({
   return jsxs(Stack, {
     gap: "0.5",
     className: className,
-    children: [jsxs(Stack, {
+    children: [label || labelDescription ? jsxs(Stack, {
       direction: "row",
       gap: "1",
       alignItems: "center",
-      children: [jsxs(Stack, {
+      children: [label ? jsxs(Stack, {
         direction: "row",
         gap: "0.5",
         alignItems: "start",
@@ -198,8 +198,8 @@ const NumberInputV2 = /*#__PURE__*/forwardRef(({
           color: "danger",
           size: 8
         }) : null]
-      }), labelDescription ?? null]
-    }), jsx("div", {
+      }) : null, labelDescription ?? null]
+    }) : null, jsx("div", {
       children: jsx(Tooltip, {
         text: tooltip,
         children: jsxs(Container, {

package/dist/src/components/SelectableCard/index.js

@@ -9,7 +9,9 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Container = /*#__PURE__*/_styled(Stack, {
   target: "e1s5n3hj2"
-})("padding:", ({
+})("&[data-has-label='false']>:first-child{margin-bottom:-", ({
+  theme
+}) => theme.space['0.5'], ";}padding:", ({
   theme
 }) => theme.space['2'], ";border-radius:", ({
   theme
@@ -117,6 +119,7 @@ const SelectableCard = /*#__PURE__*/forwardRef(({
       "data-error": isError,
       "data-testid": dataTestId,
       "data-type": type,
+      "data-has-label": !!label,
       ref: ref,
       alignItems: "start",
       direction: "column",

package/dist/src/components/Skeleton/index.js

@@ -66,6 +66,8 @@ const Skeleton = ({
   const Component = variants[variant];
   return jsxs(StyledContainer, {
     className: className,
+    "aria-busy": true,
+    "aria-live": "polite",
     children: [jsx(Component, {
       length: length,
       col: col

package/dist/src/components/TagInput/index.js

@@ -216,11 +216,11 @@ const TagInput = ({
   return jsxs(Stack, {
     gap: "0.5",
     className: className,
-    children: [jsxs(Stack, {
+    children: [label || labelDescription ? jsxs(Stack, {
       direction: "row",
       gap: "1",
       alignItems: "center",
-      children: [jsxs(Stack, {
+      children: [label ? jsxs(Stack, {
         direction: "row",
         gap: "0.5",
         alignItems: "start",
@@ -228,15 +228,15 @@ const TagInput = ({
           as: "label",
           variant: "bodyStrong",
           sentiment: "neutral",
-          htmlFor: localId,
+          htmlFor: id ?? localId,
           children: label
         }), required ? jsx(Icon, {
           name: "asterisk",
           color: "danger",
           size: 8
         }) : null]
-      }), labelDescription ?? null]
-    }), jsx("div", {
+      }) : null, labelDescription ?? null]
+    }) : null, jsx("div", {
       children: jsx(Tooltip, {
         text: tooltip,
         children: jsxs(TagInputContainer, {

package/dist/src/components/TextArea/index.js

@@ -112,11 +112,11 @@ const TextArea = /*#__PURE__*/forwardRef(({
   return jsxs(Stack, {
     gap: "0.5",
     className: className,
-    children: [jsxs(Stack, {
+    children: [label || labelDescription ? jsxs(Stack, {
       direction: "row",
       gap: "1",
       alignItems: "center",
-      children: [jsxs(Stack, {
+      children: [label ? jsxs(Stack, {
         direction: "row",
         gap: "0.5",
         alignItems: "start",
@@ -131,8 +131,8 @@ const TextArea = /*#__PURE__*/forwardRef(({
           color: "danger",
           size: 8
         }) : null]
-      }), labelDescription ?? null]
-    }), jsx(Tooltip, {
+      }) : null, labelDescription ?? null]
+    }) : null, jsx(Tooltip, {
       text: tooltip,
       children: jsxs(StyledTextAreaWrapper, {
         children: [jsx(StyledTextArea, {

package/dist/src/components/TextInputV2/index.js

@@ -132,11 +132,11 @@ const TextInputV2 = /*#__PURE__*/forwardRef(({
   return jsxs(Stack, {
     gap: 0.5,
     className: className,
-    children: [jsxs(Stack, {
+    children: [label || labelDescription ? jsxs(Stack, {
       direction: "row",
       gap: "1",
       alignItems: "center",
-      children: [jsxs(Stack, {
+      children: [label ? jsxs(Stack, {
         direction: "row",
         gap: "0.5",
         alignItems: "start",
@@ -151,8 +151,8 @@ const TextInputV2 = /*#__PURE__*/forwardRef(({
           color: "danger",
           size: 8
         }) : null]
-      }), labelDescription ?? null]
-    }), jsx("div", {
+      }) : null, labelDescription ?? null]
+    }) : null, jsx("div", {
       children: jsx(Tooltip, {
         text: tooltip,
         children: jsxs(StyledInputWrapper, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.37.0",
+  "version": "1.37.1",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {