@indico-data/design-system 2.30.0 → 2.30.1

package/lib/index.css

@@ -1452,6 +1452,15 @@ form {
   width: 100%;
 }
 
+:root [data-theme=light],
+:root {
+  --pf-form-input-border-color: var(--pf-border-color);
+}
+
+:root [data-theme=dark] {
+  --pf-form-input-border-color: var(--pf-border-color);
+}
+
 :root,
 :root [data-theme=light] {
   --pf-select-background-color: var(--pf-white-color);
@@ -1765,7 +1774,8 @@ form {
 
 .floatui-content {
   border-radius: var(--pf-floatui-border-radius);
-  border: 1px solid var(--pf-floatui-border-color);
+  border: solid 1px;
+  border-color: var(--pf-floatui-border-color);
   background: var(--pf-floatui-background-color);
 }
 

package/lib/index.esm.css

@@ -1452,6 +1452,15 @@ form {
   width: 100%;
 }
 
+:root [data-theme=light],
+:root {
+  --pf-form-input-border-color: var(--pf-border-color);
+}
+
+:root [data-theme=dark] {
+  --pf-form-input-border-color: var(--pf-border-color);
+}
+
 :root,
 :root [data-theme=light] {
   --pf-select-background-color: var(--pf-white-color);
@@ -1765,7 +1774,8 @@ form {
 
 .floatui-content {
   border-radius: var(--pf-floatui-border-radius);
-  border: 1px solid var(--pf-floatui-border-color);
+  border: solid 1px;
+  border-color: var(--pf-floatui-border-color);
   background: var(--pf-floatui-background-color);
 }
 

package/lib/index.esm.js

@@ -20992,10 +20992,10 @@ const Toggle$1 = e__default.forwardRef((_a, ref) => {
 });
 
 const Textarea = e__default.forwardRef((_a, ref) => {
-    var { label, name, placeholder, value, onChange, isRequired, isDisabled, errorMessage, helpText, hasHiddenLabel, rows, cols, readonly, wrap, form, maxLength, autofocus } = _a, rest = __rest$1(_a, ["label", "name", "placeholder", "value", "onChange", "isRequired", "isDisabled", "errorMessage", "helpText", "hasHiddenLabel", "rows", "cols", "readonly", "wrap", "form", "maxLength", "autofocus"]);
+    var { label, name, placeholder, value, onChange, isRequired, isDisabled, errorMessage, helpText, hasHiddenLabel, rows, cols, readonly, wrap, form, maxLength, autofocus, defaultValue } = _a, rest = __rest$1(_a, ["label", "name", "placeholder", "value", "onChange", "isRequired", "isDisabled", "errorMessage", "helpText", "hasHiddenLabel", "rows", "cols", "readonly", "wrap", "form", "maxLength", "autofocus", "defaultValue"]);
     const hasErrors = errorMessage && errorMessage.length > 0;
     const textareaClasses = classNames('textarea', { error: hasErrors });
-    return (jsxs(Fragment, { children: [jsx("div", { className: "textarea-wrapper", children: jsx("textarea", Object.assign({ ref: ref, rows: rows, cols: cols, autoFocus: autofocus, wrap: wrap, form: form, maxLength: maxLength, readOnly: readonly, "data-testid": `form-textarea-${name}`, name: name, disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: textareaClasses, "aria-invalid": hasErrors ? true : undefined, "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired }, rest)) }), hasErrors && jsx(DisplayFormError, { message: errorMessage }), helpText && (jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
+    return (jsxs(Fragment, { children: [jsx("div", { className: "textarea-wrapper", children: jsx("textarea", Object.assign({ ref: ref, rows: rows, cols: cols, autoFocus: autofocus, wrap: wrap, form: form, maxLength: maxLength, readOnly: readonly, "data-testid": `form-textarea-${name}`, name: name, disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: textareaClasses, "aria-invalid": hasErrors ? true : undefined, "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired, value: value, defaultValue: defaultValue }, rest)) }), hasErrors && jsx(DisplayFormError, { message: errorMessage }), helpText && (jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
 });
 const LabeledTextarea = withLabel(Textarea);