@wistia/ui 0.18.0-beta.89fb236c.e8cb4a9 → 0.18.0-beta.90369b5e.f96f73a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +5 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +8 -10
- package/dist/index.d.ts +8 -10
- package/dist/index.mjs +5 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -2214,15 +2214,14 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
|
|
|
2214
2214
|
* Set the disabled state of the input
|
|
2215
2215
|
*/
|
|
2216
2216
|
disabled?: boolean;
|
|
2217
|
-
/**
|
|
2218
|
-
* If true, the input will fill the height of its parent container
|
|
2219
|
-
* _note: only applicable when `type="multiline"`_
|
|
2220
|
-
*/
|
|
2221
|
-
fullHeight?: boolean;
|
|
2222
2217
|
/**
|
|
2223
2218
|
* If true, the input will fill the width of its parent
|
|
2224
2219
|
*/
|
|
2225
2220
|
fullWidth?: boolean;
|
|
2221
|
+
/**
|
|
2222
|
+
* If true, the input will fill the height of its parent container
|
|
2223
|
+
*/
|
|
2224
|
+
fullHeight?: boolean;
|
|
2226
2225
|
/**
|
|
2227
2226
|
* If true, the input will use a monospace font
|
|
2228
2227
|
*/
|
|
@@ -2256,15 +2255,14 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
|
|
|
2256
2255
|
* Set the disabled state of the input
|
|
2257
2256
|
*/
|
|
2258
2257
|
disabled?: boolean;
|
|
2259
|
-
/**
|
|
2260
|
-
* If true, the input will fill the height of its parent container
|
|
2261
|
-
* _note: only applicable when `type="multiline"`_
|
|
2262
|
-
*/
|
|
2263
|
-
fullHeight?: boolean;
|
|
2264
2258
|
/**
|
|
2265
2259
|
* If true, the input will fill the width of its parent
|
|
2266
2260
|
*/
|
|
2267
2261
|
fullWidth?: boolean;
|
|
2262
|
+
/**
|
|
2263
|
+
* If true, the input will fill the height of its parent container
|
|
2264
|
+
*/
|
|
2265
|
+
fullHeight?: boolean;
|
|
2268
2266
|
/**
|
|
2269
2267
|
* If true, the input will use a monospace font
|
|
2270
2268
|
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -2214,15 +2214,14 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
|
|
|
2214
2214
|
* Set the disabled state of the input
|
|
2215
2215
|
*/
|
|
2216
2216
|
disabled?: boolean;
|
|
2217
|
-
/**
|
|
2218
|
-
* If true, the input will fill the height of its parent container
|
|
2219
|
-
* _note: only applicable when `type="multiline"`_
|
|
2220
|
-
*/
|
|
2221
|
-
fullHeight?: boolean;
|
|
2222
2217
|
/**
|
|
2223
2218
|
* If true, the input will fill the width of its parent
|
|
2224
2219
|
*/
|
|
2225
2220
|
fullWidth?: boolean;
|
|
2221
|
+
/**
|
|
2222
|
+
* If true, the input will fill the height of its parent container
|
|
2223
|
+
*/
|
|
2224
|
+
fullHeight?: boolean;
|
|
2226
2225
|
/**
|
|
2227
2226
|
* If true, the input will use a monospace font
|
|
2228
2227
|
*/
|
|
@@ -2256,15 +2255,14 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
|
|
|
2256
2255
|
* Set the disabled state of the input
|
|
2257
2256
|
*/
|
|
2258
2257
|
disabled?: boolean;
|
|
2259
|
-
/**
|
|
2260
|
-
* If true, the input will fill the height of its parent container
|
|
2261
|
-
* _note: only applicable when `type="multiline"`_
|
|
2262
|
-
*/
|
|
2263
|
-
fullHeight?: boolean;
|
|
2264
2258
|
/**
|
|
2265
2259
|
* If true, the input will fill the width of its parent
|
|
2266
2260
|
*/
|
|
2267
2261
|
fullWidth?: boolean;
|
|
2262
|
+
/**
|
|
2263
|
+
* If true, the input will fill the height of its parent container
|
|
2264
|
+
*/
|
|
2265
|
+
fullHeight?: boolean;
|
|
2268
2266
|
/**
|
|
2269
2267
|
* If true, the input will use a monospace font
|
|
2270
2268
|
*/
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.0-beta.
|
|
3
|
+
* @license @wistia/ui v0.18.0-beta.90369b5e.f96f73a
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -11601,11 +11601,12 @@ var StyledInputContainer = styled44.div`
|
|
|
11601
11601
|
position: relative;
|
|
11602
11602
|
${inputStyles};
|
|
11603
11603
|
width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
|
|
11604
|
-
height: ${({ $fullHeight
|
|
11604
|
+
height: ${({ $fullHeight }) => $fullHeight ? "100%" : "auto"};
|
|
11605
11605
|
|
|
11606
11606
|
input,
|
|
11607
11607
|
textarea {
|
|
11608
11608
|
width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
|
|
11609
|
+
height: ${({ $fullHeight }) => $fullHeight ? "100%" : "auto"};
|
|
11609
11610
|
${({ $monospace }) => $monospace && "font-family: var(--wui-typography-family-mono);"}
|
|
11610
11611
|
}
|
|
11611
11612
|
|
|
@@ -11613,7 +11614,6 @@ var StyledInputContainer = styled44.div`
|
|
|
11613
11614
|
--wui-input-line-height: var(--wui-typography-body-3-line-height);
|
|
11614
11615
|
|
|
11615
11616
|
border-radius: var(--wui-input-multiline-border-radius);
|
|
11616
|
-
height: ${({ $fullHeight }) => $fullHeight ? "100%" : "auto"};
|
|
11617
11617
|
|
|
11618
11618
|
/* override height calculations when fullHeight is enabled */
|
|
11619
11619
|
${({ $fullHeight }) => $fullHeight && `
|
|
@@ -11751,7 +11751,6 @@ var Input = forwardRef15(
|
|
|
11751
11751
|
{
|
|
11752
11752
|
$fullHeight: fullHeight,
|
|
11753
11753
|
$fullWidth: fullWidth,
|
|
11754
|
-
$isMultiline: type === "multiline",
|
|
11755
11754
|
$monospace: monospace,
|
|
11756
11755
|
"data-wui-input-container": true,
|
|
11757
11756
|
children: [
|
|
@@ -14886,7 +14885,6 @@ var FormField = ({
|
|
|
14886
14885
|
id: computedId,
|
|
14887
14886
|
label: isIntegratedLabel ? label : void 0,
|
|
14888
14887
|
"aria-describedby": ariaDescribedby,
|
|
14889
|
-
"aria-invalid": isNotNil28(computedError),
|
|
14890
14888
|
...props
|
|
14891
14889
|
};
|
|
14892
14890
|
if (isUndefined4(value) && isNotUndefined12(defaultValue)) {
|
|
@@ -14908,7 +14906,8 @@ var FormField = ({
|
|
|
14908
14906
|
childProps = {
|
|
14909
14907
|
...childProps,
|
|
14910
14908
|
name: computedName,
|
|
14911
|
-
onChange: handleChange
|
|
14909
|
+
onChange: handleChange,
|
|
14910
|
+
"aria-invalid": isNotNil28(error)
|
|
14912
14911
|
};
|
|
14913
14912
|
}
|
|
14914
14913
|
Children10.only(children);
|