@quen-ui/components 1.0.0 → 1.1.0

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.
Files changed (132) hide show
  1. package/dist/Button/styles.cjs.js +6 -10
  2. package/dist/Button/styles.es.js +6 -10
  3. package/dist/Calendar/Calendar.cjs.js +5 -3
  4. package/dist/Calendar/Calendar.es.js +5 -3
  5. package/dist/Calendar/styles.cjs.js +0 -1
  6. package/dist/Calendar/styles.es.js +0 -1
  7. package/dist/Card/Card.cjs.js +8 -4
  8. package/dist/Card/Card.d.ts +1 -1
  9. package/dist/Card/Card.es.js +8 -4
  10. package/dist/Card/styles.cjs.js +9 -3
  11. package/dist/Card/styles.d.ts +3 -1
  12. package/dist/Card/styles.es.js +9 -3
  13. package/dist/Card/types.d.ts +2 -0
  14. package/dist/Drawer/Drawer.cjs.js +2 -2
  15. package/dist/Dropdown/Dropdown.cjs.js +2 -2
  16. package/dist/Form/Form.cjs.js +1 -1
  17. package/dist/Form/Form.es.js +1 -1
  18. package/dist/Image/styles.cjs.js +3 -1
  19. package/dist/Image/styles.es.js +3 -1
  20. package/dist/Layout/Footer.cjs.js +9 -0
  21. package/dist/Layout/Footer.d.ts +1 -2
  22. package/dist/Layout/Footer.es.js +9 -0
  23. package/dist/Layout/Header.cjs.js +12 -4
  24. package/dist/Layout/Header.es.js +12 -4
  25. package/dist/Layout/Layout.cjs.js +8 -3
  26. package/dist/Layout/Layout.d.ts +1 -1
  27. package/dist/Layout/Layout.es.js +8 -3
  28. package/dist/Layout/Sidebar.cjs.js +2 -1
  29. package/dist/Layout/Sidebar.es.js +2 -1
  30. package/dist/Layout/styles.cjs.js +6 -4
  31. package/dist/Layout/styles.d.ts +2 -0
  32. package/dist/Layout/styles.es.js +6 -4
  33. package/dist/Layout/types.d.ts +6 -0
  34. package/dist/Menu/MenuItem.cjs.js +9 -1
  35. package/dist/Menu/MenuItem.es.js +9 -1
  36. package/dist/Menu/styles.cjs.js +3 -1
  37. package/dist/Menu/styles.es.js +3 -1
  38. package/dist/Menu/types.d.ts +4 -1
  39. package/dist/Modal/Modal.cjs.js +4 -4
  40. package/dist/Modal/Modal.es.js +2 -2
  41. package/dist/Modal/styles.cjs.js +3 -1
  42. package/dist/Modal/styles.es.js +3 -1
  43. package/dist/Notification/NotificationInstance.cjs.js +2 -2
  44. package/dist/RichTextEditor/plugins.cjs.js +28 -51
  45. package/dist/RichTextEditor/plugins.es.js +4 -27
  46. package/dist/index.cjs.js +93 -0
  47. package/dist/index.d.ts +65 -1
  48. package/dist/index.es.js +93 -0
  49. package/dist/typography/Text/Text.cjs.js +2 -2
  50. package/dist/typography/Text/Text.es.js +2 -2
  51. package/dist/typography/Text/types.d.ts +1 -1
  52. package/package.json +3 -2
  53. package/dist/_virtual/client.cjs.js +0 -5
  54. package/dist/_virtual/client.cjs2.js +0 -4
  55. package/dist/_virtual/client.es.js +0 -5
  56. package/dist/_virtual/client.es2.js +0 -4
  57. package/dist/_virtual/index.cjs.js +0 -4
  58. package/dist/_virtual/index.es.js +0 -4
  59. package/dist/_virtual/react-dom-client.development.cjs.js +0 -4
  60. package/dist/_virtual/react-dom-client.development.es.js +0 -4
  61. package/dist/_virtual/react-dom-client.production.cjs.js +0 -4
  62. package/dist/_virtual/react-dom-client.production.es.js +0 -4
  63. package/dist/_virtual/scheduler.development.cjs.js +0 -4
  64. package/dist/_virtual/scheduler.development.es.js +0 -4
  65. package/dist/_virtual/scheduler.production.cjs.js +0 -4
  66. package/dist/_virtual/scheduler.production.es.js +0 -4
  67. package/dist/node_modules/@tabler/icons-react/dist/esm/createReactComponent.cjs.js +0 -30
  68. package/dist/node_modules/@tabler/icons-react/dist/esm/createReactComponent.es.js +0 -31
  69. package/dist/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.cjs.js +0 -23
  70. package/dist/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.es.js +0 -24
  71. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignCenter.cjs.js +0 -7
  72. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignCenter.es.js +0 -7
  73. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignJustified.cjs.js +0 -7
  74. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignJustified.es.js +0 -7
  75. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignLeft.cjs.js +0 -7
  76. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignLeft.es.js +0 -7
  77. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignRight.cjs.js +0 -7
  78. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignRight.es.js +0 -7
  79. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowBackUp.cjs.js +0 -7
  80. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowBackUp.es.js +0 -7
  81. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowForwardUp.cjs.js +0 -7
  82. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowForwardUp.es.js +0 -7
  83. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBlockquote.cjs.js +0 -7
  84. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBlockquote.es.js +0 -7
  85. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBold.cjs.js +0 -7
  86. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBold.es.js +0 -7
  87. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconCheckbox.cjs.js +0 -7
  88. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconCheckbox.es.js +0 -7
  89. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconClearFormatting.cjs.js +0 -7
  90. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconClearFormatting.es.js +0 -7
  91. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconH1.cjs.js +0 -7
  92. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconH1.es.js +0 -7
  93. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconH2.cjs.js +0 -7
  94. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconH2.es.js +0 -7
  95. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconHighlight.cjs.js +0 -7
  96. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconHighlight.es.js +0 -7
  97. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconImageInPicture.cjs.js +0 -7
  98. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconImageInPicture.es.js +0 -7
  99. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconItalic.cjs.js +0 -7
  100. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconItalic.es.js +0 -7
  101. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.cjs.js +0 -7
  102. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.es.js +0 -7
  103. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconList.cjs.js +0 -7
  104. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconList.es.js +0 -7
  105. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconListNumbers.cjs.js +0 -7
  106. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconListNumbers.es.js +0 -7
  107. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconStrikethrough.cjs.js +0 -7
  108. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconStrikethrough.es.js +0 -7
  109. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconSubscript.cjs.js +0 -7
  110. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconSubscript.es.js +0 -7
  111. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconSuperscript.cjs.js +0 -7
  112. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconSuperscript.es.js +0 -7
  113. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconTable.cjs.js +0 -7
  114. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconTable.es.js +0 -7
  115. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconTextColor.cjs.js +0 -7
  116. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconTextColor.es.js +0 -7
  117. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconUnderline.cjs.js +0 -7
  118. package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconUnderline.es.js +0 -7
  119. package/dist/node_modules/react-dom/cjs/react-dom-client.development.cjs.js +0 -19870
  120. package/dist/node_modules/react-dom/cjs/react-dom-client.development.es.js +0 -19870
  121. package/dist/node_modules/react-dom/cjs/react-dom-client.production.cjs.js +0 -11524
  122. package/dist/node_modules/react-dom/cjs/react-dom-client.production.es.js +0 -11524
  123. package/dist/node_modules/react-dom/client.cjs.js +0 -31
  124. package/dist/node_modules/react-dom/client.es.js +0 -31
  125. package/dist/node_modules/scheduler/cjs/scheduler.development.cjs.js +0 -264
  126. package/dist/node_modules/scheduler/cjs/scheduler.development.es.js +0 -264
  127. package/dist/node_modules/scheduler/cjs/scheduler.production.cjs.js +0 -259
  128. package/dist/node_modules/scheduler/cjs/scheduler.production.es.js +0 -259
  129. package/dist/node_modules/scheduler/index.cjs.js +0 -17
  130. package/dist/node_modules/scheduler/index.es.js +0 -17
  131. package/dist/packages/components/index.cjs.js +0 -93
  132. package/dist/packages/components/index.es.js +0 -93
package/dist/index.d.ts CHANGED
@@ -1 +1,65 @@
1
- export {}
1
+ export { Title } from './typography/Title';
2
+ export type { ITitleProps, TTitleType, TTitleSize } from './typography/Title';
3
+ export { Text } from './typography/Text';
4
+ export type { ITextProps, TTextType, TTextSize } from './typography/Text';
5
+ export { Button } from './Button';
6
+ export type { IButtonProps, TButtonView } from './Button';
7
+ export { Card } from './Card';
8
+ export type { ICardProps } from './Card';
9
+ export { Flex } from './Flex';
10
+ export type { IFlexProps } from './Flex';
11
+ export { Layout } from './Layout';
12
+ export type { ILayoutProps, ILayoutSidebarProps, ILayoutHeaderProps } from './Layout';
13
+ export { default as Tabs } from './Tabs';
14
+ export { Alert } from './Alert';
15
+ export type { IAlertProps } from './Alert';
16
+ export { Avatar } from './Avatar';
17
+ export type { IAvatarProps } from './Avatar';
18
+ export { Badge, BADGE_COLOR } from './Badge';
19
+ export type { TBadgeColor, IBadgeProps } from './Badge';
20
+ export { Breadcrumbs } from './Breadcrumbs';
21
+ export type { IBreadcrumbItemProps, IBreadcrumbItemDefault, IBreadcrumbsProps, TBreadcrumbPropGetItemIcon, TBreadcrumbPropGetItemOnClick, TBreadcrumbsPropOnItemClick, TBreadcrumbPropGetItemHref, TBreadcrumbPropGetItemLabel, TBreadcrumbsPropGetItemClassname } from './Breadcrumbs';
22
+ export { Checkbox } from './Checkbox';
23
+ export type { ICheckboxGroupProps, ICheckboxProps, TCheckboxGroupPropGetItemKey, TCheckboxGroupPropGetItemValue, TCheckboxGroupPropGetItemLabel, ICheckboxGroupDefaultItem, TCheckboxGroupPropGetItemDisabled } from './Checkbox';
24
+ export { Divider } from './Divider';
25
+ export type { IDividerProps } from './Divider';
26
+ export { Drawer } from './Drawer';
27
+ export type { IDrawerProps } from './Drawer';
28
+ export { Dropdown } from './Dropdown';
29
+ export type { IDropdownMappersItem, IDropdownProps, TDropdownListProps, TDropdownGetItemKey, TDropdownGetItemDisabled, IDropdownDefaultItem, TDropdownDirection, TDropdownOnClick, TDropdownPortalProps, TDropdownSortGroup, TDropdownItemProps, TDropdownGetItemLeftContent, TDropdownGetItemGroupId, TDropdownGetItemLabel, TDropdownGetItemOnClick } from './Dropdown';
30
+ export { TextField, type ITextFieldProps } from './TextField';
31
+ export { Image } from './Image';
32
+ export type { IImageProps } from './Image';
33
+ export { Loader } from './Loader';
34
+ export type { ILoaderProps } from './Loader';
35
+ export { InputNumber } from './InputNumber';
36
+ export type { IInputNumberProps } from './InputNumber';
37
+ export { Select } from './Select';
38
+ export type { ISelectDefaultItem, TSelectGetItemValue, TSelectSingleValue, TSelectGetItemLabel, TMultiSelectItemOnChange, TMultiSelectProps, TSelectGetItemDisabled, TSingleSelectProps, TSelectProps, TMultiSelectValueOnChange, TSingleSelectValueOnChange, TSingleSelectItemOnChange } from './Select';
39
+ export { Modal } from './Modal';
40
+ export type { IModalProps } from './Modal';
41
+ export { NotificationInstance, notifications, NOTIFICATION_STATUSES, type INotificationParams, type INotificationsContext } from './Notification';
42
+ export { Progress } from './Progress';
43
+ export type { IProgressProps } from './Progress';
44
+ export { RadioButton, type IRadioGroupDefaultItem, type TRadioGroupPropGetItemValue, type IRadioButtonProps, type TRadioGroupPropGetItemDisabled, type TRadioGroupPropGetItemLabel, type TRadioGroupPropGetItemKey, type IRadioGroupProps } from './RadioButton';
45
+ export { Switch } from './Switch';
46
+ export type { ISwitchProps } from './Switch';
47
+ export { Tag, type ITagProps } from './Tag';
48
+ export { Textarea, type ITextareaProps } from './Textarea';
49
+ export type { TQuenSize } from './types/size';
50
+ export { Tooltip, type ITooltipProps } from './Tooltip';
51
+ export { Menu, type IMenuProps, type TMenuPropGetItemIcon, type IMenuDefaultItem, type TMenuPropGetItemKey, type TMenuPropGetItemDisabled, type TMenuPropGetItemOnClick, type TMenuPropGetItemLabel, type TMenuPropGetItemClassName } from './Menu';
52
+ export { EmptyState, type IEmptyStateProps } from './EmptyState';
53
+ export { Pagination, type IPaginationProps } from './Pagination';
54
+ export { Accordion, type IAccordionDefaultItem, type TAccordionGetItemDisabled, type TAccordionGetItemStyle, type TAccordionGetItemKey, type TAccordionGetItemShowArrow, type TAccordionVariants, type TAccordionGetItemLabel, type TAccordionGetItemClassName, type IAccordionGroupProps, type IAccordionGroupApi, type IAccordionProps, type TAccordionGetItemChildren, type TAccordionGetItemLeftContent, type TAccordionGetItemRightContent } from './Accordion';
55
+ export { message, type IMessageConfig } from './message';
56
+ export { Form, type IFormProps, type IFormFieldProps, type IFormFieldArrayProps, type IUseFormOptions, type IFormValidationRule, type IFormFieldError, type IFormInstance, type TFormFieldValidate, type TFormOnValueChange } from './Form';
57
+ export { Calendar, type ICalendarLocale, type TCalendarProps, type TCalendarRenderDay, type TGetDayProps } from './Calendar';
58
+ export { InputDate, type TInputDateProps } from './InputDate';
59
+ export { Slider, type ISliderProps } from './Slider';
60
+ export { Skeleton, type ISkeletonProps, type ISkeletonLayoutProps, type ISkeletonLayoutSchema, type ISkeletonAvatarProps, type ISkeletonButtonProps, type TSkeletonListProps } from './Skeleton';
61
+ export { Spoiler, type ISpoilerProps } from './Spoiler';
62
+ export { Highlight, type IHighlightProps } from './Highlight';
63
+ export { LoadingOverlay, type ILoadingOverlayProps } from './LoadingOverlay';
64
+ export { ColorPicker, type IColorPickerProps, type TRgbColor, type THslColor, type TColorValue, type TColorFormat } from './ColorPicker';
65
+ export { RichTextEditor, type IRichTextEditorProps, type IRichTextEditorPlugin, type IRichTextEditorHandle, type IRichTextEditorPluginActionParams, type IRichTextEditorPluginContext } from './RichTextEditor';
@@ -0,0 +1,93 @@
1
+ import { default as default2 } from "./typography/Title/Title.es.js";
2
+ import { default as default3 } from "./typography/Text/Text.es.js";
3
+ import { default as default4 } from "./Button/Button.es.js";
4
+ import { default as default5 } from "./Card/Card.es.js";
5
+ import { default as default6 } from "./Flex/Flex.es.js";
6
+ import { Layout } from "./Layout/index.es.js";
7
+ import { default as default7 } from "./Tabs/index.es.js";
8
+ import { default as default8 } from "./Alert/Alert.es.js";
9
+ import { default as default9 } from "./Avatar/Avatar.es.js";
10
+ import { default as default10 } from "./Badge/Badge.es.js";
11
+ import { BADGE_COLOR } from "./Badge/types.es.js";
12
+ import { default as default11 } from "./Breadcrumbs/Breadcrumbs.es.js";
13
+ import { Checkbox } from "./Checkbox/index.es.js";
14
+ import { default as default12 } from "./Divider/Divider.es.js";
15
+ import { default as default13 } from "./Drawer/Drawer.es.js";
16
+ import { default as default14 } from "./Dropdown/Dropdown.es.js";
17
+ import { default as default15 } from "./TextField/TextField.es.js";
18
+ import { default as default16 } from "./Image/Image.es.js";
19
+ import { default as default17 } from "./Loader/Loader.es.js";
20
+ import { default as default18 } from "./InputNumber/InputNumber.es.js";
21
+ import { default as default19 } from "./Select/Select.es.js";
22
+ import { default as default20 } from "./Modal/Modal.es.js";
23
+ import { NotificationInstance, notifications } from "./Notification/NotificationInstance.es.js";
24
+ import { NOTIFICATION_STATUSES } from "./Notification/types.es.js";
25
+ import { default as default21 } from "./Progress/Progress.es.js";
26
+ import { RadioButton } from "./RadioButton/index.es.js";
27
+ import { default as default22 } from "./Switch/Switch.es.js";
28
+ import { default as default23 } from "./Tag/Tag.es.js";
29
+ import { default as default24 } from "./Textarea/Textarea.es.js";
30
+ import { default as default25 } from "./Tooltip/Tooltip.es.js";
31
+ import { default as default26 } from "./Menu/Menu.es.js";
32
+ import { default as default27 } from "./EmptyState/EmptyState.es.js";
33
+ import { default as default28 } from "./Pagination/Pagination.es.js";
34
+ import { Accordion } from "./Accordion/index.es.js";
35
+ import { message } from "./message/index.es.js";
36
+ import { Form } from "./Form/index.es.js";
37
+ import { default as default29 } from "./Calendar/Calendar.es.js";
38
+ import { default as default30 } from "./InputDate/InputDate.es.js";
39
+ import { default as default31 } from "./Slider/Slider.es.js";
40
+ import { Skeleton } from "./Skeleton/index.es.js";
41
+ import { default as default32 } from "./Spoiler/Spoiler.es.js";
42
+ import { default as default33 } from "./Highlight/Highlight.es.js";
43
+ import { default as default34 } from "./LoadingOverlay/LoadingOverlay.es.js";
44
+ import { ColorPicker } from "./ColorPicker/index.es.js";
45
+ import { default as default35 } from "./RichTextEditor/RichTextEditor.es.js";
46
+ export {
47
+ Accordion,
48
+ default8 as Alert,
49
+ default9 as Avatar,
50
+ BADGE_COLOR,
51
+ default10 as Badge,
52
+ default11 as Breadcrumbs,
53
+ default4 as Button,
54
+ default29 as Calendar,
55
+ default5 as Card,
56
+ Checkbox,
57
+ ColorPicker,
58
+ default12 as Divider,
59
+ default13 as Drawer,
60
+ default14 as Dropdown,
61
+ default27 as EmptyState,
62
+ default6 as Flex,
63
+ Form,
64
+ default33 as Highlight,
65
+ default16 as Image,
66
+ default30 as InputDate,
67
+ default18 as InputNumber,
68
+ Layout,
69
+ default17 as Loader,
70
+ default34 as LoadingOverlay,
71
+ default26 as Menu,
72
+ default20 as Modal,
73
+ NOTIFICATION_STATUSES,
74
+ NotificationInstance,
75
+ default28 as Pagination,
76
+ default21 as Progress,
77
+ RadioButton,
78
+ default35 as RichTextEditor,
79
+ default19 as Select,
80
+ Skeleton,
81
+ default31 as Slider,
82
+ default32 as Spoiler,
83
+ default22 as Switch,
84
+ default7 as Tabs,
85
+ default23 as Tag,
86
+ default3 as Text,
87
+ default15 as TextField,
88
+ default24 as Textarea,
89
+ default2 as Title,
90
+ default25 as Tooltip,
91
+ message,
92
+ notifications
93
+ };
@@ -10,7 +10,7 @@ const Text = ({
10
10
  type,
11
11
  as,
12
12
  className,
13
- styles: styles$1,
13
+ style,
14
14
  ...props
15
15
  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
16
16
  styles.TextStyled,
@@ -21,7 +21,7 @@ const Text = ({
21
21
  onClick,
22
22
  type,
23
23
  as,
24
- styles: styles$1,
24
+ style,
25
25
  className,
26
26
  ...props,
27
27
  children
@@ -9,7 +9,7 @@ const Text$1 = ({
9
9
  type,
10
10
  as,
11
11
  className,
12
- styles,
12
+ style,
13
13
  ...props
14
14
  }, ref) => /* @__PURE__ */ jsx(
15
15
  TextStyled,
@@ -20,7 +20,7 @@ const Text$1 = ({
20
20
  onClick,
21
21
  type,
22
22
  as,
23
- styles,
23
+ style,
24
24
  className,
25
25
  ...props,
26
26
  children
@@ -17,6 +17,6 @@ export interface ITextProps {
17
17
  /** Custom CSS class */
18
18
  className?: string;
19
19
  /** Inline styles */
20
- styles?: CSSProperties;
20
+ style?: CSSProperties;
21
21
  [key: string]: any;
22
22
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quen-ui/components",
3
3
  "private": false,
4
- "version": "1.0.0",
4
+ "version": "1.1.0",
5
5
  "type": "module",
6
6
  "homepage": "https://quen-ui.github.io/quen-ui/",
7
7
  "repository": {
@@ -40,7 +40,8 @@
40
40
  "react-textarea-autosize": "^8.5.9",
41
41
  "react-transition-group": "^4.4.5",
42
42
  "react-transition-state": "^2.3.1",
43
- "styled-components": "^6.1.19"
43
+ "styled-components": "^6.1.19",
44
+ "@tabler/icons-react": "^3.36.0"
44
45
  },
45
46
  "devDependencies": {
46
47
  "@types/chroma-js": "^3.1.2",
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const client = require("../node_modules/react-dom/client.cjs.js");
4
- var clientExports = client.__require();
5
- exports.clientExports = clientExports;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- var client = { exports: {} };
4
- exports.__module = client;
@@ -1,5 +0,0 @@
1
- import { __require as requireClient } from "../node_modules/react-dom/client.es.js";
2
- var clientExports = requireClient();
3
- export {
4
- clientExports as c
5
- };
@@ -1,4 +0,0 @@
1
- var client = { exports: {} };
2
- export {
3
- client as __module
4
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- var scheduler = { exports: {} };
4
- exports.__module = scheduler;
@@ -1,4 +0,0 @@
1
- var scheduler = { exports: {} };
2
- export {
3
- scheduler as __module
4
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- var reactDomClient_development = {};
4
- exports.__exports = reactDomClient_development;
@@ -1,4 +0,0 @@
1
- var reactDomClient_development = {};
2
- export {
3
- reactDomClient_development as __exports
4
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- var reactDomClient_production = {};
4
- exports.__exports = reactDomClient_production;
@@ -1,4 +0,0 @@
1
- var reactDomClient_production = {};
2
- export {
3
- reactDomClient_production as __exports
4
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- var scheduler_development = {};
4
- exports.__exports = scheduler_development;
@@ -1,4 +0,0 @@
1
- var scheduler_development = {};
2
- export {
3
- scheduler_development as __exports
4
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- var scheduler_production = {};
4
- exports.__exports = scheduler_production;
@@ -1,4 +0,0 @@
1
- var scheduler_production = {};
2
- export {
3
- scheduler_production as __exports
4
- };
@@ -1,30 +0,0 @@
1
- "use strict";
2
- const React = require("react");
3
- const defaultAttributes = require("./defaultAttributes.cjs.js");
4
- const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
5
- const Component = React.forwardRef(
6
- ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => React.createElement(
7
- "svg",
8
- {
9
- ref,
10
- ...defaultAttributes[type],
11
- width: size,
12
- height: size,
13
- className: [`tabler-icon`, `tabler-icon-${iconName}`, className].join(" "),
14
- ...{
15
- strokeWidth: stroke,
16
- stroke: color
17
- },
18
- ...rest
19
- },
20
- [
21
- title && React.createElement("title", { key: "svg-title" }, title),
22
- ...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
23
- ...Array.isArray(children) ? children : [children]
24
- ]
25
- )
26
- );
27
- Component.displayName = `${iconNamePascal}`;
28
- return Component;
29
- };
30
- module.exports = createReactComponent;
@@ -1,31 +0,0 @@
1
- import { forwardRef, createElement } from "react";
2
- import defaultAttributes from "./defaultAttributes.es.js";
3
- const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
4
- const Component = forwardRef(
5
- ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => createElement(
6
- "svg",
7
- {
8
- ref,
9
- ...defaultAttributes[type],
10
- width: size,
11
- height: size,
12
- className: [`tabler-icon`, `tabler-icon-${iconName}`, className].join(" "),
13
- ...{
14
- strokeWidth: stroke,
15
- stroke: color
16
- },
17
- ...rest
18
- },
19
- [
20
- title && createElement("title", { key: "svg-title" }, title),
21
- ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
22
- ...Array.isArray(children) ? children : [children]
23
- ]
24
- )
25
- );
26
- Component.displayName = `${iconNamePascal}`;
27
- return Component;
28
- };
29
- export {
30
- createReactComponent as default
31
- };
@@ -1,23 +0,0 @@
1
- "use strict";
2
- var defaultAttributes = {
3
- outline: {
4
- xmlns: "http://www.w3.org/2000/svg",
5
- width: 24,
6
- height: 24,
7
- viewBox: "0 0 24 24",
8
- fill: "none",
9
- stroke: "currentColor",
10
- strokeWidth: 2,
11
- strokeLinecap: "round",
12
- strokeLinejoin: "round"
13
- },
14
- filled: {
15
- xmlns: "http://www.w3.org/2000/svg",
16
- width: 24,
17
- height: 24,
18
- viewBox: "0 0 24 24",
19
- fill: "currentColor",
20
- stroke: "none"
21
- }
22
- };
23
- module.exports = defaultAttributes;
@@ -1,24 +0,0 @@
1
- var defaultAttributes = {
2
- outline: {
3
- xmlns: "http://www.w3.org/2000/svg",
4
- width: 24,
5
- height: 24,
6
- viewBox: "0 0 24 24",
7
- fill: "none",
8
- stroke: "currentColor",
9
- strokeWidth: 2,
10
- strokeLinecap: "round",
11
- strokeLinejoin: "round"
12
- },
13
- filled: {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- width: 24,
16
- height: 24,
17
- viewBox: "0 0 24 24",
18
- fill: "currentColor",
19
- stroke: "none"
20
- }
21
- };
22
- export {
23
- defaultAttributes as default
24
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M8 12l8 0", "key": "svg-1" }], ["path", { "d": "M6 18l12 0", "key": "svg-2" }]];
5
- const IconAlignCenter = createReactComponent("outline", "align-center", "AlignCenter", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconAlignCenter;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M8 12l8 0", "key": "svg-1" }], ["path", { "d": "M6 18l12 0", "key": "svg-2" }]];
3
- const IconAlignCenter = createReactComponent("outline", "align-center", "AlignCenter", __iconNode);
4
- export {
5
- __iconNode,
6
- IconAlignCenter as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l16 0", "key": "svg-1" }], ["path", { "d": "M4 18l12 0", "key": "svg-2" }]];
5
- const IconAlignJustified = createReactComponent("outline", "align-justified", "AlignJustified", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconAlignJustified;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l16 0", "key": "svg-1" }], ["path", { "d": "M4 18l12 0", "key": "svg-2" }]];
3
- const IconAlignJustified = createReactComponent("outline", "align-justified", "AlignJustified", __iconNode);
4
- export {
5
- __iconNode,
6
- IconAlignJustified as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l10 0", "key": "svg-1" }], ["path", { "d": "M4 18l14 0", "key": "svg-2" }]];
5
- const IconAlignLeft = createReactComponent("outline", "align-left", "AlignLeft", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconAlignLeft;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l10 0", "key": "svg-1" }], ["path", { "d": "M4 18l14 0", "key": "svg-2" }]];
3
- const IconAlignLeft = createReactComponent("outline", "align-left", "AlignLeft", __iconNode);
4
- export {
5
- __iconNode,
6
- IconAlignLeft as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M10 12l10 0", "key": "svg-1" }], ["path", { "d": "M6 18l14 0", "key": "svg-2" }]];
5
- const IconAlignRight = createReactComponent("outline", "align-right", "AlignRight", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconAlignRight;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M10 12l10 0", "key": "svg-1" }], ["path", { "d": "M6 18l14 0", "key": "svg-2" }]];
3
- const IconAlignRight = createReactComponent("outline", "align-right", "AlignRight", __iconNode);
4
- export {
5
- __iconNode,
6
- IconAlignRight as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M9 14l-4 -4l4 -4", "key": "svg-0" }], ["path", { "d": "M5 10h11a4 4 0 1 1 0 8h-1", "key": "svg-1" }]];
5
- const IconArrowBackUp = createReactComponent("outline", "arrow-back-up", "ArrowBackUp", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconArrowBackUp;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M9 14l-4 -4l4 -4", "key": "svg-0" }], ["path", { "d": "M5 10h11a4 4 0 1 1 0 8h-1", "key": "svg-1" }]];
3
- const IconArrowBackUp = createReactComponent("outline", "arrow-back-up", "ArrowBackUp", __iconNode);
4
- export {
5
- __iconNode,
6
- IconArrowBackUp as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M15 14l4 -4l-4 -4", "key": "svg-0" }], ["path", { "d": "M19 10h-11a4 4 0 1 0 0 8h1", "key": "svg-1" }]];
5
- const IconArrowForwardUp = createReactComponent("outline", "arrow-forward-up", "ArrowForwardUp", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconArrowForwardUp;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M15 14l4 -4l-4 -4", "key": "svg-0" }], ["path", { "d": "M19 10h-11a4 4 0 1 0 0 8h1", "key": "svg-1" }]];
3
- const IconArrowForwardUp = createReactComponent("outline", "arrow-forward-up", "ArrowForwardUp", __iconNode);
4
- export {
5
- __iconNode,
6
- IconArrowForwardUp as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M6 15h15", "key": "svg-0" }], ["path", { "d": "M21 19h-15", "key": "svg-1" }], ["path", { "d": "M15 11h6", "key": "svg-2" }], ["path", { "d": "M21 7h-6", "key": "svg-3" }], ["path", { "d": "M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-4" }], ["path", { "d": "M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-5" }]];
5
- const IconBlockquote = createReactComponent("outline", "blockquote", "Blockquote", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconBlockquote;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M6 15h15", "key": "svg-0" }], ["path", { "d": "M21 19h-15", "key": "svg-1" }], ["path", { "d": "M15 11h6", "key": "svg-2" }], ["path", { "d": "M21 7h-6", "key": "svg-3" }], ["path", { "d": "M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-4" }], ["path", { "d": "M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-5" }]];
3
- const IconBlockquote = createReactComponent("outline", "blockquote", "Blockquote", __iconNode);
4
- export {
5
- __iconNode,
6
- IconBlockquote as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M7 5h6a3.5 3.5 0 0 1 0 7h-6z", "key": "svg-0" }], ["path", { "d": "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7", "key": "svg-1" }]];
5
- const IconBold = createReactComponent("outline", "bold", "Bold", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconBold;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M7 5h6a3.5 3.5 0 0 1 0 7h-6z", "key": "svg-0" }], ["path", { "d": "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7", "key": "svg-1" }]];
3
- const IconBold = createReactComponent("outline", "bold", "Bold", __iconNode);
4
- export {
5
- __iconNode,
6
- IconBold as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M9 11l3 3l8 -8", "key": "svg-0" }], ["path", { "d": "M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9", "key": "svg-1" }]];
5
- const IconCheckbox = createReactComponent("outline", "checkbox", "Checkbox", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconCheckbox;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M9 11l3 3l8 -8", "key": "svg-0" }], ["path", { "d": "M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9", "key": "svg-1" }]];
3
- const IconCheckbox = createReactComponent("outline", "checkbox", "Checkbox", __iconNode);
4
- export {
5
- __iconNode,
6
- IconCheckbox as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M17 15l4 4m0 -4l-4 4", "key": "svg-0" }], ["path", { "d": "M7 6v-1h11v1", "key": "svg-1" }], ["path", { "d": "M7 19l4 0", "key": "svg-2" }], ["path", { "d": "M13 5l-4 14", "key": "svg-3" }]];
5
- const IconClearFormatting = createReactComponent("outline", "clear-formatting", "ClearFormatting", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconClearFormatting;
@@ -1,7 +0,0 @@
1
- import createReactComponent from "../createReactComponent.es.js";
2
- const __iconNode = [["path", { "d": "M17 15l4 4m0 -4l-4 4", "key": "svg-0" }], ["path", { "d": "M7 6v-1h11v1", "key": "svg-1" }], ["path", { "d": "M7 19l4 0", "key": "svg-2" }], ["path", { "d": "M13 5l-4 14", "key": "svg-3" }]];
3
- const IconClearFormatting = createReactComponent("outline", "clear-formatting", "ClearFormatting", __iconNode);
4
- export {
5
- __iconNode,
6
- IconClearFormatting as default
7
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const createReactComponent = require("../createReactComponent.cjs.js");
4
- const __iconNode = [["path", { "d": "M19 18v-8l-2 2", "key": "svg-0" }], ["path", { "d": "M4 6v12", "key": "svg-1" }], ["path", { "d": "M12 6v12", "key": "svg-2" }], ["path", { "d": "M11 18h2", "key": "svg-3" }], ["path", { "d": "M3 18h2", "key": "svg-4" }], ["path", { "d": "M4 12h8", "key": "svg-5" }], ["path", { "d": "M3 6h2", "key": "svg-6" }], ["path", { "d": "M11 6h2", "key": "svg-7" }]];
5
- const IconH1 = createReactComponent("outline", "h-1", "H1", __iconNode);
6
- exports.__iconNode = __iconNode;
7
- exports.default = IconH1;