@douyinfe/semi-ui 2.19.2-alpha.0 → 2.20.0-beta.1

package/lib/es/locale/source/ru_RU.js

@@ -153,6 +153,19 @@ const local = {
   },
   Form: {
     optional: '(по желанию)'
+  },
+  Image: {
+    preview: 'предварительный просмотр',
+    loading: 'Загрузка',
+    loadError: 'Ошибка загрузки',
+    prevTip: 'Предыдущий',
+    nextTip: 'Далее',
+    zoomInTip: 'Увеличить',
+    zoomOutTip: 'уменьшить масштаб',
+    rotateTip: 'Повернуть',
+    downloadTip: 'скачать',
+    adaptiveTip: 'Адаптировать к странице',
+    originTip: 'Исходный размер'
   }
 }; // [i18n-Russia] 俄罗斯语
 

package/lib/es/locale/source/th_TH.js

@@ -154,6 +154,19 @@ const local = {
   },
   Form: {
     optional: '(ไม่จำเป็น)'
+  },
+  Image: {
+    preview: 'ดูตัวอย่าง',
+    loading: 'กำลังโหลด',
+    loadError: 'โหลดไม่สำเร็จ',
+    prevTip: 'ก่อนหน้า',
+    nextTip: 'ถัดไป',
+    zoomInTip: 'ซูมเข้า',
+    zoomOutTip: 'ซูมออก',
+    rotateTip: 'หมุน',
+    downloadTip: 'ดาวน์โหลด',
+    adaptiveTip: 'ปรับให้เข้ากับหน้า',
+    originTip: 'ขนาดเดิม'
   }
 }; // [i18n-Thai]
 

package/lib/es/locale/source/tr_TR.js

@@ -153,6 +153,19 @@ const local = {
   },
   Form: {
     optional: '(isteğe bağlı)'
+  },
+  Image: {
+    preview: 'Ön izleme',
+    loading: 'Yükleniyor',
+    loadError: 'Yükleme başarısız',
+    prevTip: 'Önceki',
+    nextTip: 'Sonraki',
+    zoomInTip: 'Yakınlaştır',
+    zoomOutTip: 'uzaklaştır',
+    rotateTip: 'Döndür',
+    downloadTip: 'indir',
+    adaptiveTip: 'Sayfaya uyarla',
+    originTip: 'Orijinal boyut'
   }
 }; // [i18n-Turkish] 
 

package/lib/es/locale/source/vi_VN.js

@@ -153,6 +153,19 @@ const local = {
   },
   Form: {
     optional: '(không bắt buộc)'
+  },
+  Image: {
+    preview: 'xem trước',
+    loading: 'Đang tải',
+    loadError: 'Không tải được',
+    prevTip: 'Trước đó',
+    nextTip: 'Next',
+    zoomInTip: 'Phóng to',
+    zoomOutTip: 'thu nhỏ',
+    rotateTip: 'Xoay',
+    downloadTip: 'download',
+    adaptiveTip: 'Thích ứng với trang',
+    originTip: 'Kích thước ban đầu'
   }
 }; // [i18n-Vietnam] 越南语
 

package/lib/es/locale/source/zh_CN.js

@@ -151,6 +151,19 @@ const local = {
   },
   Form: {
     optional: '（可选）'
+  },
+  Image: {
+    preview: '预览',
+    loading: '加载中',
+    loadError: '加载失败',
+    prevTip: '上一张',
+    nextTip: '下一张',
+    zoomInTip: '放大',
+    zoomOutTip: '缩小',
+    rotateTip: '旋转',
+    downloadTip: '下载',
+    adaptiveTip: '适应页面',
+    originTip: '原始尺寸'
   }
 }; // 中文
 

package/lib/es/locale/source/zh_TW.js

@@ -151,6 +151,19 @@ const local = {
   },
   Form: {
     optional: '（可選）'
+  },
+  Image: {
+    preview: '預覽',
+    loading: '加載中',
+    loadError: '加載失敗',
+    prevTip: '上一張',
+    nextTip: '下一張',
+    zoomInTip: '放大',
+    zoomOutTip: '縮小',
+    rotateTip: '旋轉',
+    downloadTip: '下載',
+    adaptiveTip: '適應頁面',
+    originTip: '原始尺寸'
   }
 }; // 中文
 

package/lib/es/progress/index.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/progress/progress.css';
 import { Animation } from '@douyinfe/semi-animation';
 import { Motion } from '../_base/base';
+import { StrokeArr } from '@douyinfe/semi-foundation/lib/es/progress/generates';
 export interface ProgressProps {
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
@@ -16,7 +17,8 @@ export interface ProgressProps {
     percent?: number;
     showInfo?: boolean;
     size?: 'default' | 'small' | 'large';
-    stroke?: string;
+    stroke?: string | StrokeArr;
+    strokeGradient?: boolean;
     strokeLinecap?: 'round' | 'square';
     strokeWidth?: number;
     style?: React.CSSProperties;
@@ -41,7 +43,11 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
         scale: PropTypes.Requireable<number>;
         showInfo: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<string>;
-        stroke: PropTypes.Requireable<string>;
+        stroke: PropTypes.Requireable<string | PropTypes.InferProps<{
+            percent: PropTypes.Requireable<number>;
+            color: PropTypes.Requireable<string>;
+        }>[]>;
+        strokeGradient: PropTypes.Requireable<boolean>;
         strokeLinecap: PropTypes.Requireable<string>;
         strokeWidth: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
@@ -58,6 +64,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
         showInfo: boolean;
         size: string;
         stroke: string;
+        strokeGradient: boolean;
         strokeLinecap: string;
         strokeWidth: number;
         style: {};
@@ -70,6 +77,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
     componentWillUnmount(): void;
     renderCircleProgress(): ReactNode;
     calcPercent(percent: number): number;
+    selectStroke(stroke: string | StrokeArr, percent: number, strokeGradient: any): string;
     renderLineProgress(): ReactNode;
     render(): ReactNode;
 }

package/lib/es/progress/index.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/progress/constants';
 import '@douyinfe/semi-foundation/lib/es/progress/progress.css';
 import { Animation } from '@douyinfe/semi-animation';
+import { generateColor } from '@douyinfe/semi-foundation/lib/es/progress/generates';
 const prefixCls = cssClasses.PREFIX;
 
 class Progress extends Component {
@@ -88,6 +89,7 @@ class Progress extends Component {
       format,
       size,
       stroke,
+      strokeGradient,
       showInfo,
       percent,
       orbitStroke,
@@ -112,7 +114,10 @@ class Progress extends Component {
       width = this.props.width;
     } else {
       size === strings.DEFAULT_SIZE ? width = 72 : width = 24;
-    } // cx, cy is circle center
+    } // parse stroke & generate gradients
+
+
+    const _stroke = this.selectStroke(stroke, percent, strokeGradient); // cx, cy is circle center
 
 
     const cy = width / 2;
@@ -128,7 +133,7 @@ class Progress extends Component {
       id: id,
       className: classNames.wrapper,
       style: style,
-      role: 'progressbar',
+      role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuenow": percNumber,
@@ -159,7 +164,7 @@ class Progress extends Component {
       strokeDasharray: strokeDasharray,
       strokeLinecap: strokeLinecap,
       fill: "transparent",
-      stroke: stroke,
+      stroke: _stroke,
       r: radius,
       cx: cx,
       cy: cy,
@@ -183,11 +188,26 @@ class Progress extends Component {
     return perc;
   }
 
+  selectStroke(stroke, percent, strokeGradient) {
+    if (typeof stroke === 'string') {
+      return stroke;
+    }
+
+    const color = generateColor(stroke, percent, strokeGradient);
+
+    if (typeof color !== 'undefined') {
+      return color;
+    }
+
+    return strings.STROKE_DEFAULT;
+  }
+
   renderLineProgress() {
     const {
       className,
       style,
       stroke,
+      strokeGradient,
       direction,
       format,
       showInfo,
@@ -212,9 +232,12 @@ class Progress extends Component {
     });
     const innerCls = cls("".concat(prefixCls, "-track-inner"));
     const perc = this.calcPercent(percent);
-    const percNumber = this.calcPercent(percentNumber);
+    const percNumber = this.calcPercent(percentNumber); // parse stroke & generate gradients
+
+    const _stroke = this.selectStroke(stroke, percent, strokeGradient);
+
     const innerStyle = {
-      background: stroke
+      background: _stroke
     };
 
     if (direction === strings.DEFAULT_DIRECTION) {
@@ -228,7 +251,7 @@ class Progress extends Component {
       id: id,
       className: progressWrapperCls,
       style: style,
-      role: 'progressbar',
+      role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuenow": perc,
@@ -278,7 +301,11 @@ Progress.propTypes = {
   scale: PropTypes.number,
   showInfo: PropTypes.bool,
   size: PropTypes.oneOf(strings.sizes),
-  stroke: PropTypes.string,
+  stroke: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
+    percent: PropTypes.number,
+    color: PropTypes.string
+  }))]),
+  strokeGradient: PropTypes.bool,
   strokeLinecap: PropTypes.oneOf(strings.strokeLineCap),
   strokeWidth: PropTypes.number,
   style: PropTypes.object,
@@ -294,7 +321,8 @@ Progress.defaultProps = {
   percent: 0,
   showInfo: false,
   size: strings.DEFAULT_SIZE,
-  stroke: 'var(--semi-color-success)',
+  stroke: strings.STROKE_DEFAULT,
+  strokeGradient: false,
   strokeLinecap: strings.DEFAULT_LINECAP,
   strokeWidth: 4,
   style: {},

package/lib/es/radio/radio.d.ts

@@ -82,7 +82,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/es/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
+        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/skeleton/item.d.ts

@@ -13,6 +13,7 @@ export interface ParagraphProps extends BasicProps {
 }
 export interface AvatarProps extends BasicProps {
     size?: typeof strings.SIZE[number];
+    shape?: string;
 }
 export declare type GenericProps = BasicProps & AvatarProps;
 export declare const Avatar: React.FC<AvatarProps>;

package/lib/es/skeleton/item.js

@@ -16,6 +16,7 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/skeleton/constants'
 import { strings } from '@douyinfe/semi-foundation/lib/es/avatar/constants';
 import '@douyinfe/semi-foundation/lib/es/skeleton/skeleton.css';
 const sizeSet = strings.SIZE;
+const shapeSet = strings.SHAPE;
 
 const generator = type => BasicComponent => props => /*#__PURE__*/React.createElement(BasicComponent, Object.assign({
   type: type
@@ -28,12 +29,15 @@ class Generic extends PureComponent {
       prefixCls,
       className,
       type,
-      size
+      size,
+      shape
     } = _a,
-          others = __rest(_a, ["prefixCls", "className", "type", "size"]);
+          others = __rest(_a, ["prefixCls", "className", "type", "size", "shape"]);
 
     const classString = cls(className, "".concat(prefixCls, "-").concat(type), {
       ["".concat(prefixCls, "-").concat(type, "-").concat(size)]: type.toUpperCase() === 'AVATAR'
+    }, {
+      ["".concat(prefixCls, "-").concat(type, "-").concat(shape)]: type.toUpperCase() === 'AVATAR'
     });
     return /*#__PURE__*/React.createElement('div', Object.assign({
       className: classString
@@ -47,11 +51,13 @@ Generic.propTypes = {
   prefixCls: PropTypes.string,
   style: PropTypes.object,
   className: PropTypes.string,
-  size: PropTypes.oneOf(sizeSet)
+  size: PropTypes.oneOf(sizeSet),
+  shape: PropTypes.oneOf(shapeSet)
 };
 Generic.defaultProps = {
   prefixCls: cssClasses.PREFIX,
-  size: 'medium'
+  size: 'medium',
+  shape: 'circle'
 };
 export const Avatar = generator('avatar')(Generic);
 export const Image = generator('image')(Generic);

package/lib/es/tag/index.js

@@ -126,11 +126,12 @@ export default class Tag extends Component {
       onClick,
       className,
       type,
+      shape,
       avatarSrc,
       avatarShape,
       tabIndex
     } = _a,
-          attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
+          attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "shape", "avatarSrc", "avatarShape", "tabIndex"]);
 
     const {
       visible: isVisible
@@ -148,6 +149,8 @@ export default class Tag extends Component {
         ["".concat(prefixCls, "-default")]: size === 'default',
         ["".concat(prefixCls, "-small")]: size === 'small',
         ["".concat(prefixCls, "-large")]: size === 'large',
+        ["".concat(prefixCls, "-square")]: shape === 'square',
+        ["".concat(prefixCls, "-circle")]: shape === 'circle',
         ["".concat(prefixCls, "-").concat(type)]: type,
         ["".concat(prefixCls, "-").concat(color, "-").concat(type)]: color && type,
         ["".concat(prefixCls, "-closable")]: closable,
@@ -183,6 +186,7 @@ Tag.defaultProps = {
   onClick: () => undefined,
   style: {},
   className: '',
+  shape: 'square',
   avatarShape: 'square'
 };
 Tag.propTypes = {

package/lib/es/tag/interface.d.ts

@@ -4,6 +4,7 @@ export declare type TagColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'i
 export declare type TagType = 'ghost' | 'solid' | 'light';
 export declare type TagSize = 'default' | 'small' | 'large';
 export declare type AvatarShape = 'circle' | 'square';
+export declare type TagShape = 'circle' | 'square';
 export interface TagProps {
     children?: React.ReactNode;
     tagKey?: string | number;
@@ -18,6 +19,7 @@ export interface TagProps {
     className?: string;
     avatarSrc?: string;
     avatarShape?: AvatarShape;
+    shape?: TagShape;
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     'aria-label'?: React.AriaAttributes['aria-label'];
     tabIndex?: number;

package/lib/es/timePicker/TimePicker.d.ts

@@ -99,11 +99,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
 export { TimeShape };

package/lib/es/timePicker/index.d.ts

@@ -19,11 +19,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/es/toast/index.d.ts

@@ -7,6 +7,7 @@ import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/se
 import { Motion } from '../_base/base';
 export { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
+    id?: string;
     style?: CSSProperties;
     icon?: React.ReactNode;
     content: React.ReactNode;
@@ -15,7 +16,9 @@ export { ConfigProps, ToastListProps, ToastListState, ToastState };
 declare const createBaseToast: () => {
     new (props: ToastListProps): {
         readonly adapter: ToastListAdapter;
+        has(id: string): any;
         add(opts: ToastInstance): any;
+        update(id: string, opts: ToastInstance): any;
         remove(id: string): any;
         destroyAll(): any;
         render(): JSX.Element;
@@ -46,7 +49,9 @@ declare const createBaseToast: () => {
     };
     ref: {
         readonly adapter: ToastListAdapter;
+        has(id: string): any;
         add(opts: ToastInstance): any;
+        update(id: string, opts: ToastInstance): any;
         remove(id: string): any;
         destroyAll(): any;
         render(): JSX.Element;
@@ -105,7 +110,9 @@ export declare class ToastFactory {
 declare const _default: {
     new (props: ToastListProps): {
         readonly adapter: ToastListAdapter;
+        has(id: string): any;
         add(opts: ToastInstance): any;
+        update(id: string, opts: ToastInstance): any;
         remove(id: string): any;
         destroyAll(): any;
         render(): JSX.Element;
@@ -136,7 +143,9 @@ declare const _default: {
     };
     ref: {
         readonly adapter: ToastListAdapter;
+        has(id: string): any;
         add(opts: ToastInstance): any;
+        update(id: string, opts: ToastInstance): any;
         remove(id: string): any;
         destroyAll(): any;
         render(): JSX.Element;

package/lib/es/toast/index.js

@@ -19,24 +19,28 @@ const createBaseToast = () => {
       super(props);
       this.state = {
         list: [],
-        removedItems: []
+        removedItems: [],
+        updatedItems: []
       };
       this.foundation = new ToastListFoundation(this.adapter);
     }
 
     get adapter() {
       return Object.assign(Object.assign({}, super.adapter), {
-        updateToast: (list, removedItems) => {
+        updateToast: (list, removedItems, updatedItems) => {
           this.setState({
             list,
-            removedItems
+            removedItems,
+            updatedItems
           });
         }
       });
     }
 
     static create(opts) {
-      const id = getUuid('toast'); // this.id = id;
+      var _a;
+
+      const id = (_a = opts.id) !== null && _a !== void 0 ? _a : getUuid('toast'); // this.id = id;
 
       if (!ToastList.ref) {
         const div = document.createElement('div');
@@ -76,9 +80,16 @@ const createBaseToast = () => {
             node.style[pos] = typeof opts[pos] === 'number' ? "".concat(opts[pos], "px") : opts[pos];
           }
         });
-        ToastList.ref.add(Object.assign(Object.assign({}, opts), {
-          id
-        }));
+
+        if (ToastList.ref.has(id)) {
+          ToastList.ref.update(id, Object.assign(Object.assign({}, opts), {
+            id
+          }));
+        } else {
+          ToastList.ref.add(Object.assign(Object.assign({}, opts), {
+            id
+          }));
+        }
       }
 
       return id;
@@ -173,10 +184,18 @@ const createBaseToast = () => {
       }
     }
 
+    has(id) {
+      return this.foundation.hasToast(id);
+    }
+
     add(opts) {
       return this.foundation.addToast(opts);
     }
 
+    update(id, opts) {
+      return this.foundation.updateToast(id, opts);
+    }
+
     remove(id) {
       return this.foundation.removeToast(id);
     }
@@ -190,18 +209,39 @@ const createBaseToast = () => {
         list
       } = this.state;
       const {
-        removedItems
+        removedItems,
+        updatedItems
       } = this.state;
       list = Array.from(new Set([...list, ...removedItems]));
+      const updatedIds = updatedItems.map(_ref => {
+        let {
+          id
+        } = _ref;
+        return id;
+      });
+
+      const refFn = toast => {
+        var _a;
+
+        if (((_a = toast === null || toast === void 0 ? void 0 : toast.foundation) === null || _a === void 0 ? void 0 : _a._id) && updatedIds.includes(toast.foundation._id)) {
+          toast.foundation.setState({
+            duration: toast.props.duration
+          });
+          toast.foundation.restartCloseTimer();
+        }
+      };
+
       return /*#__PURE__*/React.createElement(React.Fragment, null, list.map((item, index) => item.motion ? /*#__PURE__*/React.createElement(ToastTransition, {
         key: item.id || index,
         motion: item.motion
       }, removedItems.find(removedItem => removedItem.id === item.id) ? null : transitionStyle => /*#__PURE__*/React.createElement(Toast, Object.assign({}, item, {
         style: Object.assign(Object.assign({}, transitionStyle), item.style),
-        close: id => this.remove(id)
+        close: id => this.remove(id),
+        ref: refFn
       }))) : /*#__PURE__*/React.createElement(Toast, Object.assign({}, item, {
         style: Object.assign({}, item.style),
-        close: id => this.remove(id)
+        close: id => this.remove(id),
+        ref: refFn
       }))));
     }
 

package/lib/es/toast/toast.d.ts

@@ -41,6 +41,7 @@ declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
     close(e: React.MouseEvent): void;
     clearCloseTimer: () => void;
     startCloseTimer: () => void;
+    restartCloseTimer: () => void;
     renderIcon(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
     render(): JSX.Element;
 }

package/lib/es/toast/toast.js

@@ -25,6 +25,10 @@ class Toast extends BaseComponent {
       this.foundation.startCloseTimer_();
     };
 
+    this.restartCloseTimer = () => {
+      this.foundation.restartCloseTimer();
+    };
+
     this.state = {};
     this.foundation = new ToastFoundation(this.adapter);
   }

package/lib/es/typography/base.d.ts

@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/typography/paragraph.d.ts

@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<boolean | object>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/es/typography/text.d.ts

@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<boolean | object>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;