@atlaskit/textarea 4.6.0 → 4.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/textarea
 
+## 4.6.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 4.6.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 4.6.0
 
 ### Minor Changes

package/component-tokens/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/component-tokens.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/component-tokens.d.ts"
+        "../dist/types-ts4.5/component-tokens.d.ts"
       ]
     }
   }

package/dist/cjs/text-area.js

@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var packageName = "@atlaskit/textarea";
-var packageVersion = "4.6.0";
+var packageVersion = "4.6.2";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textarea",
-	"version": "4.6.0",
+	"version": "4.6.2",
 	"sideEffects": false
 }

package/dist/es2019/text-area.js

@@ -7,7 +7,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { borderWidth, getBaseStyles, themeStyles } from './styles';
 import { Theme } from './theme';
 const packageName = "@atlaskit/textarea";
-const packageVersion = "4.6.0";
+const packageVersion = "4.6.2";
 const analyticsParams = {
   componentName: 'textArea',
   packageName,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textarea",
-	"version": "4.6.0",
+	"version": "4.6.2",
 	"sideEffects": false
 }

package/dist/esm/text-area.js

@@ -13,7 +13,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { borderWidth, getBaseStyles, themeStyles } from './styles';
 import { Theme } from './theme';
 var packageName = "@atlaskit/textarea";
-var packageVersion = "4.6.0";
+var packageVersion = "4.6.2";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textarea",
-	"version": "4.6.0",
+	"version": "4.6.2",
 	"sideEffects": false
 }

package/dist/types/theme.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare type ThemeAppearance = 'standard' | 'subtle' | 'none';
-export declare type ThemeProps = {
+export type ThemeAppearance = 'standard' | 'subtle' | 'none';
+export type ThemeProps = {
     appearance: ThemeAppearance;
     /**
      * @deprecated
@@ -13,7 +13,7 @@ export declare type ThemeProps = {
  * Component-level theming is deprecated in the design system.
  * Components should respect the global theme.
  */
-export declare type ThemeTokens = {
+export type ThemeTokens = {
     borderColor: string;
     borderColorFocus: string;
     borderColorHover: string;

package/dist/types/types.d.ts

@@ -91,6 +91,6 @@ export interface OwnProps extends WithAnalyticsEventsProps {
      */
     testId?: string;
 }
-declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
-export declare type TextAreaProps = Combine<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled' | 'required' | 'readonly'>, OwnProps>;
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export type TextAreaProps = Combine<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled' | 'required' | 'readonly'>, OwnProps>;
 export {};

package/dist/types-ts4.5/component-tokens.d.ts

@@ -0,0 +1,52 @@
+export declare const disabledBackground: {
+    light: "var(--ds-background-disabled)";
+    dark: "var(--ds-background-disabled)";
+};
+export declare const disabledBorder: {
+    light: "var(--ds-border-disabled)";
+    dark: "var(--ds-border-disabled)";
+};
+export declare const invalidBorderColor: {
+    light: "var(--ds-border-danger)";
+    dark: "var(--ds-border-danger)";
+};
+export declare const defaultBorderColor: {
+    light: "var(--ds-border-input)";
+    dark: "var(--ds-border-input)";
+};
+export declare const defaultBorderColorFocus: {
+    light: "var(--ds-border-focused)";
+    dark: "var(--ds-border-focused)";
+};
+export declare const defaultBackgroundColor: {
+    light: "var(--ds-background-input)";
+    dark: "var(--ds-background-input)";
+};
+export declare const defaultBackgroundColorHover: {
+    light: "var(--ds-background-input-hovered)";
+    dark: "var(--ds-background-input-hovered)";
+};
+export declare const defaultBackgroundColorFocus: {
+    light: "var(--ds-background-input-pressed)";
+    dark: "var(--ds-background-input-pressed)";
+};
+export declare const subtleBorderColorHover: {
+    light: "var(--ds-border-input)";
+    dark: "var(--ds-border-input)";
+};
+export declare const placeholderTextColor: {
+    light: "var(--ds-text-subtlest)";
+    dark: "var(--ds-text-subtlest)";
+};
+export declare const textColor: {
+    light: "var(--ds-text)";
+    dark: "var(--ds-text)";
+};
+export declare const disabledTextColor: {
+    light: "var(--ds-text-disabled)";
+    dark: "var(--ds-text-disabled)";
+};
+export declare const transparent: {
+    light: string;
+    dark: string;
+};

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './text-area';
+export { Theme, themeTokens } from './theme';
+export type { ThemeAppearance, ThemeProps, ThemeTokens } from './theme';
+export type { TextAreaProps } from './types';

package/dist/types-ts4.5/styles.d.ts

@@ -0,0 +1,12 @@
+import { ThemeTokens } from './theme';
+import { TextAreaProps } from './types';
+export interface StyleProps {
+    minimumRows: number | undefined;
+    resize: string | undefined;
+    appearance: string | undefined;
+    isMonospaced: boolean | undefined;
+    maxHeight: string;
+}
+export declare const borderWidth = 2;
+export declare const getBaseStyles: ({ minimumRows, resize, appearance, isMonospaced, maxHeight, }: StyleProps) => import("@emotion/react").SerializedStyles;
+export declare const themeStyles: (props: ThemeTokens, appearance: TextAreaProps['appearance']) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/text-area.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import React from 'react';
+import { TextAreaProps } from './types';
+/**
+ * __Text area__
+ *
+ * A text area lets users enter long form text which spans over multiple lines.
+ *
+ * - [Examples](https://atlassian.design/components/textarea/examples)
+ * - [Code](https://atlassian.design/components/textarea/code)
+ * - [Usage](https://atlassian.design/components/textarea/usage)
+ */
+declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<TextAreaProps, "appearance" | "isCompact" | "isDisabled" | "isReadOnly" | "isRequired" | "isInvalid" | "minimumRows" | "maxHeight" | "value" | "defaultValue" | "name" | "placeholder" | "onBlur" | "onChange" | "onFocus" | "isMonospaced" | "resize" | "spellCheck" | "theme" | "testId" | "autoComplete" | "autoFocus" | "cols" | "dirName" | "form" | "maxLength" | "minLength" | "readOnly" | "rows" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "createAnalyticsEvent"> & React.RefAttributes<HTMLTextAreaElement>>>;
+export default TextArea;

package/dist/types-ts4.5/theme.d.ts

@@ -0,0 +1,174 @@
+/// <reference types="react" />
+export type ThemeAppearance = 'standard' | 'subtle' | 'none';
+export type ThemeProps = {
+    appearance: ThemeAppearance;
+    /**
+     * @deprecated
+     * Mode is deprecated and will be deleted in the future.
+     */
+    mode: 'dark' | 'light';
+};
+/**
+ * @deprecated
+ * Component-level theming is deprecated in the design system.
+ * Components should respect the global theme.
+ */
+export type ThemeTokens = {
+    borderColor: string;
+    borderColorFocus: string;
+    borderColorHover: string;
+    backgroundColor: string;
+    backgroundColorFocus: string;
+    backgroundColorHover: string;
+    disabledRules: {
+        backgroundColor: string;
+        backgroundColorFocus: string;
+        backgroundColorHover: string;
+        borderColor: string;
+        borderColorFocus: string;
+        textColor: string;
+    };
+    invalidRules: {
+        borderColor: string;
+        borderColorFocus: string;
+        backgroundColor: string;
+        backgroundColorFocus: string;
+        backgroundColorHover: string;
+    };
+    textColor: string;
+    placeholderTextColor: string;
+};
+/**
+ * @deprecated
+ * Component-level theming is deprecated in the design system.
+ * Components should respect the global theme.
+ */
+export declare const themeTokens: {
+    borderColor: {
+        standard: {
+            light: "var(--ds-border-input)";
+            dark: "var(--ds-border-input)";
+        };
+        subtle: {
+            light: string;
+            dark: string;
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    borderColorFocus: {
+        standard: {
+            light: "var(--ds-border-focused)";
+            dark: "var(--ds-border-focused)";
+        };
+        subtle: {
+            light: "var(--ds-border-focused)";
+            dark: "var(--ds-border-focused)";
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    backgroundColor: {
+        standard: {
+            light: "var(--ds-background-input)";
+            dark: "var(--ds-background-input)";
+        };
+        subtle: {
+            light: string;
+            dark: string;
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    backgroundColorFocus: {
+        standard: {
+            light: "var(--ds-background-input-pressed)";
+            dark: "var(--ds-background-input-pressed)";
+        };
+        subtle: {
+            light: "var(--ds-background-input-pressed)";
+            dark: "var(--ds-background-input-pressed)";
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    backgroundColorHover: {
+        standard: {
+            light: "var(--ds-background-input-hovered)";
+            dark: "var(--ds-background-input-hovered)";
+        };
+        subtle: {
+            light: "var(--ds-background-input-hovered)";
+            dark: "var(--ds-background-input-hovered)";
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    disabledRules: {
+        light: {
+            backgroundColor: "var(--ds-background-disabled)";
+            backgroundColorFocus: "var(--ds-background-disabled)";
+            backgroundColorHover: "var(--ds-background-disabled)";
+            borderColor: "var(--ds-border-disabled)";
+            borderColorFocus: "var(--ds-border-focused)";
+            textColor: "var(--ds-text-disabled)";
+        };
+        dark: {
+            backgroundColor: "var(--ds-background-disabled)";
+            backgroundColorFocus: "var(--ds-background-disabled)";
+            backgroundColorHover: "var(--ds-background-disabled)";
+            borderColor: "var(--ds-border-disabled)";
+            borderColorFocus: "var(--ds-border-focused)";
+            textColor: "var(--ds-text-disabled)";
+        };
+    };
+    invalidRules: {
+        light: {
+            borderColor: "var(--ds-border-danger)";
+            borderColorFocus: "var(--ds-border-focused)";
+            backgroundColor: "var(--ds-background-input)";
+            backgroundColorFocus: "var(--ds-background-input-pressed)";
+            backgroundColorHover: "var(--ds-background-input-hovered)";
+        };
+        dark: {
+            borderColor: "var(--ds-border-danger)";
+            borderColorFocus: "var(--ds-border-focused)";
+            backgroundColor: "var(--ds-background-input)";
+            backgroundColorFocus: "var(--ds-background-input-pressed)";
+            backgroundColorHover: "var(--ds-background-input-hovered)";
+        };
+    };
+    textColor: {
+        light: "var(--ds-text)";
+        dark: "var(--ds-text)";
+    };
+    placeholderTextColor: {
+        light: "var(--ds-text-subtlest)";
+        dark: "var(--ds-text-subtlest)";
+    };
+};
+/**
+ * @deprecated
+ * Component-level theming is deprecated in the design system.
+ * Components should respect the global theme.
+ */
+export declare const Theme: {
+    Consumer: import("react").ComponentType<{
+        children: (tokens: ThemeTokens) => import("react").ReactNode;
+    } & ThemeProps>;
+    Provider: import("react").ComponentType<{
+        children?: import("react").ReactNode;
+        value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
+    }>;
+    useTheme: (props: ThemeProps) => ThemeTokens;
+};

package/dist/types-ts4.5/types.d.ts

@@ -0,0 +1,96 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export interface OwnProps extends WithAnalyticsEventsProps {
+    /**
+     * controls the appearance of the field.
+     * subtle shows styling on hover.
+     * none prevents all field styling.
+     */
+    appearance?: 'standard' | 'subtle' | 'none';
+    /**
+     * Set whether the fields should expand to fill available horizontal space.
+     */
+    isCompact?: boolean;
+    /**
+     * Sets the field as uneditable, with a changed hover state.
+     */
+    isDisabled?: boolean;
+    /**
+     * If true, prevents the value of the input from being edited.
+     */
+    isReadOnly?: boolean;
+    /**
+     * Set required for form that the field is part of.
+     */
+    isRequired?: boolean;
+    /**
+     * Sets styling to indicate that the input is invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * The minimum number of rows of text to display
+     */
+    minimumRows?: number;
+    /**
+     * The maxheight of the textarea
+     */
+    maxHeight?: string;
+    /**
+     * The value of the text-area.
+     */
+    value?: string;
+    /**
+     * The default value of the textarea
+     */
+    defaultValue?: string;
+    /**
+     * Name of the input form control
+     */
+    name?: string;
+    /**
+     * The placeholder within the textarea
+     */
+    placeholder?: string;
+    /**
+     * Handler to be called when the input is blurred
+     */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /**
+     * Handler to be called when the input changes.
+     */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Handler to be called when the input is focused
+     */
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /**
+     * Sets content text value to monospace
+     */
+    isMonospaced?: boolean;
+    /**
+     * Enables the resizing of the textarea:
+     * auto: both directions.
+     * horizontal: only along the x axis.
+     * vertical: only along the y axis.
+     * smart (default): vertically grows and shrinks the textarea automatically to wrap your input text.
+     * none: explicitly disallow resizing on the textarea.
+     */
+    resize?: 'auto' | 'vertical' | 'horizontal' | 'smart' | 'none';
+    /**
+     * Enables native spell check on the `textarea` element.
+     */
+    spellCheck?: boolean;
+    /**
+     * The theme function TextArea consumes to derive theming constants for use in styling its components
+     */
+    theme?: any;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+}
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export type TextAreaProps = Combine<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled' | 'required' | 'readonly'>, OwnProps>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textarea",
-  "version": "4.6.0",
+  "version": "4.6.2",
   "description": "A text area lets users enter long form text which spans over multiple lines.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/textarea/",
@@ -33,7 +41,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -55,7 +63,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [

package/styles/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/styles.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/styles.d.ts"
+        "../dist/types-ts4.5/styles.d.ts"
       ]
     }
   }

package/text-area/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/text-area.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/text-area.d.ts"
+        "../dist/types-ts4.5/text-area.d.ts"
       ]
     }
   }

package/theme/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/theme.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/theme.d.ts"
+        "../dist/types-ts4.5/theme.d.ts"
       ]
     }
   }