@univerjs/design 0.25.1 → 1.0.0-alpha.1

package/lib/locale/ar-SA.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"أكتوبر",
 			"نوفمبر",
 			"ديسمبر"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "الشهر السابق",
+			nextMonth: "الشهر التالي",
+			selectYear: "اختر السنة",
+			selectMonth: "اختر الشهر"
+		}
 	},
 	Select: { empty: "لا شيء" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "إزاحة",
 		angle: "زاوية",
 		flip: "قلب",
-		delete: "حذف"
+		delete: "حذف",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/ca-ES.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"octubre",
 			"novembre",
 			"desembre"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Mes anterior",
+			nextMonth: "Mes següent",
+			selectYear: "Selecciona l'any",
+			selectMonth: "Selecciona el mes"
+		}
 	},
 	Select: { empty: "Cap" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Desplaçament",
 		angle: "Angle",
 		flip: "Girar",
-		delete: "Eliminar"
+		delete: "Eliminar",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/de-DE.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Okt",
 			"Nov",
 			"Dez"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Vorheriger Monat",
+			nextMonth: "Nächster Monat",
+			selectYear: "Jahr auswählen",
+			selectMonth: "Monat auswählen"
+		}
 	},
 	Select: { empty: "Keine" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Versatz",
 		angle: "Winkel",
 		flip: "Umkehren",
-		delete: "Löschen"
+		delete: "Löschen",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/en-US.js

@@ -44,7 +44,13 @@ const locale = { design: {
 			"Oct",
 			"Nov",
 			"Dec"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Previous month",
+			nextMonth: "Next month",
+			selectYear: "Select year",
+			selectMonth: "Select month"
+		}
 	},
 	Select: { empty: "None" },
 	ColorPicker: {
@@ -60,7 +66,8 @@ const locale = { design: {
 		offset: "Offset",
 		angle: "Angle",
 		flip: "Flip",
-		delete: "Delete"
+		delete: "Delete",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/es-ES.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Octubre",
 			"Novembre",
 			"Desembre"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Mes anterior",
+			nextMonth: "Mes siguiente",
+			selectYear: "Seleccionar año",
+			selectMonth: "Seleccionar mes"
+		}
 	},
 	Select: { empty: "Cap" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Desplaçament",
 		angle: "Angle",
 		flip: "Girar",
-		delete: "Eliminar"
+		delete: "Eliminar",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/fa-IR.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"دی",
 			"بهمن",
 			"اسفند"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "ماه قبل",
+			nextMonth: "ماه بعد",
+			selectYear: "انتخاب سال",
+			selectMonth: "انتخاب ماه"
+		}
 	},
 	Select: { empty: "هیچ‌کدام" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "افست",
 		angle: "زاویه",
 		flip: "برگردان",
-		delete: "حذف"
+		delete: "حذف",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/fr-FR.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Octobre",
 			"Novembre",
 			"Décembre"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Mois précédent",
+			nextMonth: "Mois suivant",
+			selectYear: "Sélectionner l'année",
+			selectMonth: "Sélectionner le mois"
+		}
 	},
 	Select: { empty: "Aucun" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Décalage",
 		angle: "Angle",
 		flip: "Retourner",
-		delete: "Supprimer"
+		delete: "Supprimer",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/id-ID.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Okt",
 			"Nov",
 			"Des"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Bulan sebelumnya",
+			nextMonth: "Bulan berikutnya",
+			selectYear: "Pilih tahun",
+			selectMonth: "Pilih bulan"
+		}
 	},
 	Select: { empty: "Tidak ada" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Offset",
 		angle: "Sudut",
 		flip: "Balik",
-		delete: "Hapus"
+		delete: "Hapus",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/it-IT.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Ott",
 			"Nov",
 			"Dic"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Mese precedente",
+			nextMonth: "Mese successivo",
+			selectYear: "Seleziona anno",
+			selectMonth: "Seleziona mese"
+		}
 	},
 	Select: { empty: "Nessuno" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Offset",
 		angle: "Angolo",
 		flip: "Capovolgi",
-		delete: "Elimina"
+		delete: "Elimina",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/ja-JP.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"10月",
 			"11月",
 			"12月"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "前の月",
+			nextMonth: "次の月",
+			selectYear: "年を選択",
+			selectMonth: "月を選択"
+		}
 	},
 	Select: { empty: "該当なし" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "オフセット",
 		angle: "角度",
 		flip: "反転",
-		delete: "削除"
+		delete: "削除",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/ko-KR.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"10월",
 			"11월",
 			"12월"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "이전 달",
+			nextMonth: "다음 달",
+			selectYear: "연도 선택",
+			selectMonth: "월 선택"
+		}
 	},
 	Select: { empty: "없음" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "오프셋",
 		angle: "각도",
 		flip: "뒤집기",
-		delete: "삭제"
+		delete: "삭제",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/pl-PL.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"paź",
 			"lis",
 			"gru"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Poprzedni miesiąc",
+			nextMonth: "Następny miesiąc",
+			selectYear: "Wybierz rok",
+			selectMonth: "Wybierz miesiąc"
+		}
 	},
 	Select: { empty: "Brak" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Przesunięcie",
 		angle: "Kąt",
 		flip: "Obrót",
-		delete: "Usuń"
+		delete: "Usuń",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/pt-BR.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Out",
 			"Nov",
 			"Dez"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Mês anterior",
+			nextMonth: "Próximo mês",
+			selectYear: "Selecionar ano",
+			selectMonth: "Selecionar mês"
+		}
 	},
 	Select: { empty: "Nenhum" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Deslocamento",
 		angle: "Ângulo",
 		flip: "Inverter",
-		delete: "Excluir"
+		delete: "Excluir",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/ru-RU.js

@@ -30,7 +30,13 @@ const locale = { design: {
 			"Октябрь",
 			"Ноябрь",
 			"Декабрь"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Предыдущий месяц",
+			nextMonth: "Следующий месяц",
+			selectYear: "Выбрать год",
+			selectMonth: "Выбрать месяц"
+		}
 	},
 	ColorPicker: {
 		more: "Больше цветов",
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "смещение",
 		angle: "угол",
 		flip: "перевернуть",
-		delete: "удалить"
+		delete: "удалить",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/sk-SK.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Okt",
 			"Nov",
 			"Dec"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Predchádzajúci mesiac",
+			nextMonth: "Nasledujúci mesiac",
+			selectYear: "Vybrať rok",
+			selectMonth: "Vybrať mesiac"
+		}
 	},
 	Select: { empty: "Žiadne" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Posun",
 		angle: "Uhol",
 		flip: "Prevrátiť",
-		delete: "Odstrániť"
+		delete: "Odstrániť",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/vi-VN.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"Tháng 10",
 			"Tháng 11",
 			"Tháng 12"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "Tháng trước",
+			nextMonth: "Tháng sau",
+			selectYear: "Chọn năm",
+			selectMonth: "Chọn tháng"
+		}
 	},
 	Select: { empty: "Không có" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "Độ lệch",
 		angle: "Góc",
 		flip: "Lật",
-		delete: "Xóa"
+		delete: "Xóa",
+		transparency: "Transparency"
 	}
 } };
 

package/lib/locale/zh-CN.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"十月",
 			"十一月",
 			"十二月"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "上个月",
+			nextMonth: "下个月",
+			selectYear: "选择年份",
+			selectMonth: "选择月份"
+		}
 	},
 	Select: { empty: "无" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "偏移",
 		angle: "角度",
 		flip: "翻转",
-		delete: "删除"
+		delete: "删除",
+		transparency: "透明度"
 	}
 } };
 

package/lib/locale/zh-HK.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"十月",
 			"十一月",
 			"十二月"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "上一個月",
+			nextMonth: "下一個月",
+			selectYear: "選擇年份",
+			selectMonth: "選擇月份"
+		}
 	},
 	Select: { empty: "無" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "偏移",
 		angle: "角度",
 		flip: "翻轉",
-		delete: "刪除"
+		delete: "刪除",
+		transparency: "透明度"
 	}
 } };
 

package/lib/locale/zh-TW.js

@@ -29,7 +29,13 @@ const locale = { design: {
 			"十月",
 			"十一月",
 			"十二月"
-		]
+		],
+		ariaLabels: {
+			previousMonth: "上一個月",
+			nextMonth: "下一個月",
+			selectYear: "選擇年份",
+			selectMonth: "選擇月份"
+		}
 	},
 	Select: { empty: "無" },
 	ColorPicker: {
@@ -45,7 +51,8 @@ const locale = { design: {
 		offset: "偏移",
 		angle: "角度",
 		flip: "翻轉",
-		delete: "刪除"
+		delete: "刪除",
+		transparency: "透明度"
 	}
 } };
 

package/lib/types/components/accordion/Accordion.d.ts

@@ -22,5 +22,5 @@ export interface IAccordionProps {
     className?: string;
     items: IAccordionItem[];
 }
-export declare function Accordion(props: IAccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion(props: IAccordionProps): import("react").JSX.Element;
 export {};

package/lib/types/components/accordion/Accordion.stories.d.ts

@@ -18,5 +18,5 @@ import { Accordion } from './Accordion';
 declare const meta: Meta<typeof Accordion>;
 export default meta;
 export declare const AccordionBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/avatar/Avatar.d.ts

@@ -49,5 +49,5 @@ export interface IAvatarProps extends Omit<VariantProps<typeof avatarVariants>,
 /**
  * Avatar Component
  */
-export declare function Avatar(props: IAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar(props: IAvatarProps): import("react").JSX.Element;
 export {};

package/lib/types/components/avatar/Avatar.stories.d.ts

@@ -18,11 +18,11 @@ import { Avatar } from './Avatar';
 declare const meta: Meta<typeof Avatar>;
 export default meta;
 export declare const AvatarShape: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const AvatarSize: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const AvatarSrc: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/badge/Badge.d.ts

@@ -20,4 +20,4 @@ export interface IBadgeProps {
     closable?: boolean;
     onClose?: () => void;
 }
-export declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge(props: IBadgeProps): import("react").JSX.Element;

package/lib/types/components/badge/Badge.stories.d.ts

@@ -18,5 +18,5 @@ import { Badge } from './Badge';
 declare const meta: Meta<typeof Badge>;
 export default meta;
 export declare const BadgeBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/button/Button.stories.d.ts

@@ -18,11 +18,11 @@ import { Button } from './Button';
 declare const meta: Meta<typeof Button>;
 export default meta;
 export declare const ButtonType: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const ButtonSize: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const ButtonDisabled: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/button/ButtonGroup.d.ts

@@ -20,4 +20,4 @@ export interface IButtonGroupProps {
     orientation?: 'horizontal' | 'vertical';
     children: ReactElement<IButtonProps>[];
 }
-export declare const ButtonGroup: ({ className, orientation, children, }: IButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ className, orientation, children, }: IButtonGroupProps) => import("react").JSX.Element;

package/lib/types/components/button/ButtonGroup.stories.d.ts

@@ -18,5 +18,5 @@ import { ButtonGroup } from './ButtonGroup';
 declare const meta: Meta<typeof ButtonGroup>;
 export default meta;
 export declare const ButtonGroupBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/calendar/Calendar.d.ts

@@ -21,5 +21,5 @@ interface ICalendarProps {
     value?: Date;
     onValueChange?: (date: Date) => void;
 }
-export declare function Calendar(props: ICalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar(props: ICalendarProps): import("react").JSX.Element;
 export {};

package/lib/types/components/calendar/Calendar.stories.d.ts

@@ -18,5 +18,5 @@ import { Calendar } from './Calendar';
 declare const meta: Meta<typeof Calendar>;
 export default meta;
 export declare const CalendarBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/cascader-list/CascaderList.d.ts

@@ -42,4 +42,4 @@ export interface ICascaderListProps {
      */
     wrapperClassName?: string;
 }
-export declare function CascaderList(props: ICascaderListProps): import("react/jsx-runtime").JSX.Element;
+export declare function CascaderList(props: ICascaderListProps): import("react").JSX.Element;

package/lib/types/components/cascader-list/CascaderList.stories.d.ts

@@ -18,5 +18,5 @@ import { CascaderList } from './CascaderList';
 declare const meta: Meta<typeof CascaderList>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/checkbox/Checkbox.d.ts

@@ -53,4 +53,4 @@ export interface ICheckboxProps {
 /**
  * Checkbox Component
  */
-export declare function Checkbox(props: ICheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox(props: ICheckboxProps): import("react").JSX.Element;

package/lib/types/components/checkbox/Checkbox.stories.d.ts

@@ -18,11 +18,11 @@ import { Checkbox } from './Checkbox';
 declare const meta: Meta<typeof Checkbox>;
 export default meta;
 export declare const CheckboxBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const CheckboxDisabled: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const CheckboxIndeterminate: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/checkbox-group/CheckboxGroup.d.ts

@@ -46,4 +46,4 @@ export interface ICheckboxGroupProps {
 /**
  * CheckboxGroup Component
  */
-export declare function CheckboxGroup(props: ICheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxGroup(props: ICheckboxGroupProps): import("react").JSX.Element;

package/lib/types/components/checkbox-group/CheckboxGroup.stories.d.ts

@@ -18,8 +18,8 @@ import { CheckboxGroup } from './CheckboxGroup';
 declare const meta: Meta<typeof CheckboxGroup>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const CheckboxGroupVertical: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/color-picker/AlphaSlider.d.ts

@@ -19,5 +19,5 @@ interface IAlphaSliderProps {
     onChange: (alpha: number) => void;
     onChanged?: (alpha: number) => void;
 }
-export declare function AlphaSlider({ hsv, alpha, onChange, onChanged }: IAlphaSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlphaSlider({ hsv, alpha, onChange, onChanged }: IAlphaSliderProps): import("react").JSX.Element;
 export {};

package/lib/types/components/color-picker/ColorInput.d.ts

@@ -19,5 +19,5 @@ interface IColorInputProps {
     format: 'hex' | 'rgba';
     onChange: (h: number, s: number, v: number, a?: number) => void;
 }
-export declare function ColorInput({ hsv, alpha, format, onChange }: IColorInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorInput({ hsv, alpha, format, onChange }: IColorInputProps): import("react").JSX.Element;
 export {};