@rovula/ui 0.0.26 → 0.0.28

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 (159) hide show
  1. package/dist/cjs/bundle.css +185 -37
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/AlertDialog/{Alert.stories.d.ts → AlertDialog.stories.d.ts} +4 -0
  5. package/dist/cjs/types/components/Calendar/Calendar.stories.d.ts +7 -7
  6. package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
  7. package/dist/cjs/types/components/Text/Text.d.ts +5 -6
  8. package/dist/cjs/types/components/Text/Text.stories.d.ts +10 -2
  9. package/dist/cjs/types/components/Toast/Toast.d.ts +17 -0
  10. package/dist/cjs/types/components/Toast/Toast.stories.d.ts +358 -0
  11. package/dist/cjs/types/components/Toast/Toast.styles.d.ts +12 -0
  12. package/dist/cjs/types/components/Toast/Toaster.d.ts +1 -0
  13. package/dist/cjs/types/components/Toast/useToast.d.ts +55 -0
  14. package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +8 -0
  15. package/dist/cjs/types/components/Tooltip/Tooltip.stories.d.ts +59 -0
  16. package/dist/cjs/types/components/Tooltip/TooltipSimple.d.ts +13 -0
  17. package/dist/cjs/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
  18. package/dist/cjs/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
  19. package/dist/cjs/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
  20. package/dist/cjs/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
  21. package/dist/cjs/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
  22. package/dist/cjs/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
  23. package/dist/cjs/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
  24. package/dist/cjs/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
  25. package/dist/cjs/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
  26. package/dist/cjs/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
  27. package/dist/cjs/types/icons/material-icon/outline/index.d.ts +10 -0
  28. package/dist/cjs/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
  29. package/dist/cjs/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
  30. package/dist/cjs/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
  31. package/dist/cjs/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
  32. package/dist/cjs/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
  33. package/dist/cjs/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
  34. package/dist/cjs/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
  35. package/dist/cjs/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
  36. package/dist/cjs/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
  37. package/dist/cjs/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
  38. package/dist/cjs/types/icons/material-icon/solid/index.d.ts +10 -0
  39. package/dist/cjs/types/index.d.ts +5 -0
  40. package/dist/components/AlertDialog/{Alert.stories.js → AlertDialog.stories.js} +13 -1
  41. package/dist/components/Checkbox/Checkbox.js +5 -4
  42. package/dist/components/Icon/Icon.stories.js +10 -0
  43. package/dist/components/Popover/Popover.js +1 -1
  44. package/dist/components/RadioGroup/RadioGroup.js +1 -4
  45. package/dist/components/Switch/Switch.js +1 -1
  46. package/dist/components/Text/Text.js +3 -5
  47. package/dist/components/Toast/Toast.js +52 -0
  48. package/dist/components/Toast/Toast.stories.js +82 -0
  49. package/dist/components/Toast/Toast.styles.js +60 -0
  50. package/dist/components/Toast/Toaster.js +24 -0
  51. package/dist/components/Toast/useToast.js +121 -0
  52. package/dist/components/Tooltip/Tooltip.js +26 -0
  53. package/dist/components/Tooltip/Tooltip.stories.js +61 -0
  54. package/dist/components/Tooltip/TooltipSimple.js +18 -0
  55. package/dist/esm/bundle.css +185 -37
  56. package/dist/esm/bundle.js +3 -3
  57. package/dist/esm/bundle.js.map +1 -1
  58. package/dist/esm/types/components/AlertDialog/{Alert.stories.d.ts → AlertDialog.stories.d.ts} +4 -0
  59. package/dist/esm/types/components/Calendar/Calendar.stories.d.ts +7 -7
  60. package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
  61. package/dist/esm/types/components/Text/Text.d.ts +5 -6
  62. package/dist/esm/types/components/Text/Text.stories.d.ts +10 -2
  63. package/dist/esm/types/components/Toast/Toast.d.ts +17 -0
  64. package/dist/esm/types/components/Toast/Toast.stories.d.ts +358 -0
  65. package/dist/esm/types/components/Toast/Toast.styles.d.ts +12 -0
  66. package/dist/esm/types/components/Toast/Toaster.d.ts +1 -0
  67. package/dist/esm/types/components/Toast/useToast.d.ts +55 -0
  68. package/dist/esm/types/components/Tooltip/Tooltip.d.ts +8 -0
  69. package/dist/esm/types/components/Tooltip/Tooltip.stories.d.ts +59 -0
  70. package/dist/esm/types/components/Tooltip/TooltipSimple.d.ts +13 -0
  71. package/dist/esm/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
  72. package/dist/esm/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
  73. package/dist/esm/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
  74. package/dist/esm/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
  75. package/dist/esm/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
  76. package/dist/esm/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
  77. package/dist/esm/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
  78. package/dist/esm/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
  79. package/dist/esm/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
  80. package/dist/esm/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
  81. package/dist/esm/types/icons/material-icon/outline/index.d.ts +10 -0
  82. package/dist/esm/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
  83. package/dist/esm/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
  84. package/dist/esm/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
  85. package/dist/esm/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
  86. package/dist/esm/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
  87. package/dist/esm/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
  88. package/dist/esm/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
  89. package/dist/esm/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
  90. package/dist/esm/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
  91. package/dist/esm/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
  92. package/dist/esm/types/icons/material-icon/solid/index.d.ts +10 -0
  93. package/dist/esm/types/index.d.ts +5 -0
  94. package/dist/icons/material-icon/outline/AllOutIcon.js +3 -0
  95. package/dist/icons/material-icon/outline/FormatAlignCenterIcon.js +3 -0
  96. package/dist/icons/material-icon/outline/FormatAlignJustifyIcon.js +3 -0
  97. package/dist/icons/material-icon/outline/FormatAlignLeftIcon.js +3 -0
  98. package/dist/icons/material-icon/outline/FormatAlignRightIcon.js +3 -0
  99. package/dist/icons/material-icon/outline/FormatBoldIcon.js +3 -0
  100. package/dist/icons/material-icon/outline/FormatItalicIcon.js +3 -0
  101. package/dist/icons/material-icon/outline/FormatListBulletedIcon.js +3 -0
  102. package/dist/icons/material-icon/outline/FormatListNumberedIcon.js +3 -0
  103. package/dist/icons/material-icon/outline/FormatUnderlinedIcon.js +3 -0
  104. package/dist/icons/material-icon/outline/index.js +10 -0
  105. package/dist/icons/material-icon/solid/AllOutIcon.js +3 -0
  106. package/dist/icons/material-icon/solid/FormatAlignCenterIcon.js +3 -0
  107. package/dist/icons/material-icon/solid/FormatAlignJustifyIcon.js +3 -0
  108. package/dist/icons/material-icon/solid/FormatAlignLeftIcon.js +3 -0
  109. package/dist/icons/material-icon/solid/FormatAlignRightIcon.js +3 -0
  110. package/dist/icons/material-icon/solid/FormatBoldIcon.js +3 -0
  111. package/dist/icons/material-icon/solid/FormatItalicIcon.js +3 -0
  112. package/dist/icons/material-icon/solid/FormatListBulletedIcon.js +3 -0
  113. package/dist/icons/material-icon/solid/FormatListNumberedIcon.js +3 -0
  114. package/dist/icons/material-icon/solid/FormatUnderlinedIcon.js +3 -0
  115. package/dist/icons/material-icon/solid/index.js +10 -0
  116. package/dist/index.d.ts +94 -6
  117. package/dist/index.js +5 -0
  118. package/dist/src/theme/global.css +230 -46
  119. package/dist/theme/themes/xspector/state.css +1 -1
  120. package/package.json +4 -1
  121. package/src/components/AlertDialog/{Alert.stories.tsx → AlertDialog.stories.tsx} +41 -1
  122. package/src/components/Checkbox/Checkbox.tsx +9 -4
  123. package/src/components/Icon/Icon.stories.tsx +10 -0
  124. package/src/components/Popover/Popover.tsx +1 -1
  125. package/src/components/RadioGroup/RadioGroup.tsx +6 -7
  126. package/src/components/Switch/Switch.tsx +8 -5
  127. package/src/components/Text/Text.tsx +33 -40
  128. package/src/components/Toast/Toast.stories.tsx +144 -0
  129. package/src/components/Toast/Toast.styles.tsx +73 -0
  130. package/src/components/Toast/Toast.tsx +116 -0
  131. package/src/components/Toast/Toaster.tsx +50 -0
  132. package/src/components/Toast/useToast.ts +222 -0
  133. package/src/components/Tooltip/Tooltip.stories.tsx +152 -0
  134. package/src/components/Tooltip/Tooltip.tsx +38 -0
  135. package/src/components/Tooltip/TooltipSimple.tsx +46 -0
  136. package/src/icons/material-icon/outline/AllOutIcon.tsx +20 -0
  137. package/src/icons/material-icon/outline/FormatAlignCenterIcon.tsx +20 -0
  138. package/src/icons/material-icon/outline/FormatAlignJustifyIcon.tsx +20 -0
  139. package/src/icons/material-icon/outline/FormatAlignLeftIcon.tsx +20 -0
  140. package/src/icons/material-icon/outline/FormatAlignRightIcon.tsx +20 -0
  141. package/src/icons/material-icon/outline/FormatBoldIcon.tsx +20 -0
  142. package/src/icons/material-icon/outline/FormatItalicIcon.tsx +20 -0
  143. package/src/icons/material-icon/outline/FormatListBulletedIcon.tsx +20 -0
  144. package/src/icons/material-icon/outline/FormatListNumberedIcon.tsx +20 -0
  145. package/src/icons/material-icon/outline/FormatUnderlinedIcon.tsx +20 -0
  146. package/src/icons/material-icon/outline/index.ts +10 -0
  147. package/src/icons/material-icon/solid/AllOutIcon.tsx +20 -0
  148. package/src/icons/material-icon/solid/FormatAlignCenterIcon.tsx +20 -0
  149. package/src/icons/material-icon/solid/FormatAlignJustifyIcon.tsx +20 -0
  150. package/src/icons/material-icon/solid/FormatAlignLeftIcon.tsx +20 -0
  151. package/src/icons/material-icon/solid/FormatAlignRightIcon.tsx +20 -0
  152. package/src/icons/material-icon/solid/FormatBoldIcon.tsx +20 -0
  153. package/src/icons/material-icon/solid/FormatItalicIcon.tsx +20 -0
  154. package/src/icons/material-icon/solid/FormatListBulletedIcon.tsx +20 -0
  155. package/src/icons/material-icon/solid/FormatListNumberedIcon.tsx +20 -0
  156. package/src/icons/material-icon/solid/FormatUnderlinedIcon.tsx +20 -0
  157. package/src/icons/material-icon/solid/index.ts +10 -0
  158. package/src/index.ts +5 -0
  159. package/src/theme/themes/xspector/state.css +1 -1
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
10
10
  export { default as ContentCopyIcon } from "./ContentCopyIcon";
11
11
  export { default as ContentPasteIcon } from "./ContentPasteIcon";
12
12
  export { default as ChevronDownIcon } from "./ChevronDownIcon";
13
+ export { default as FormatBoldIcon } from "./FormatBoldIcon";
14
+ export { default as FormatItalicIcon } from "./FormatItalicIcon";
15
+ export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
16
+ export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
17
+ export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
18
+ export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
19
+ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
+ export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
+ export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
+ export { default as AllOutIcon } from "./AllOutIcon";
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const AllOutIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M7 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19v-2c0-.283.096-.52.288-.712A.967.967 0 0 1 4 16c.283 0 .52.096.713.288.191.191.287.429.287.712v2h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 7 21Zm12 0h-2a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20c0-.283.096-.52.288-.712A.968.968 0 0 1 17 19h2v-2c0-.283.096-.52.288-.712A.968.968 0 0 1 20 16c.283 0 .52.096.712.288.192.191.288.429.288.712v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21Zm-7-2c-1.933 0-3.583-.683-4.95-2.05C5.683 15.583 5 13.933 5 12c0-1.933.683-3.583 2.05-4.95C8.417 5.683 10.067 5 12 5c1.933 0 3.583.683 4.95 2.05C18.317 8.417 19 10.067 19 12c0 1.933-.683 3.583-2.05 4.95C15.583 18.317 13.933 19 12 19ZM3 5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.713A.968.968 0 0 1 7 5H5v2c0 .283-.096.52-.287.713A.968.968 0 0 1 4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7V5Zm17 3a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 7V5h-2a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 4c0-.283.096-.52.288-.712A.968.968 0 0 1 17 3h2c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v2c0 .283-.096.52-.288.713A.968.968 0 0 1 20 8Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default AllOutIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatAlignCenterIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.178H8.912Zm-3.294-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.177H8.912Zm-3.294-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatAlignCenterIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatAlignJustifyIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatAlignJustifyIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatAlignLeftIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatAlignLeftIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatAlignRightIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M5.618 6.235a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm4.94 3.191a.597.597 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.56Zm-4.94 3.192a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm4.94 3.19a.597.597 0 0 1-.44-.177.597.597 0 0 1-.177-.44c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.56ZM5.619 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatAlignRightIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatBoldIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M8.63 19.133c-.453 0-.838-.158-1.155-.475A1.571 1.571 0 0 1 7 17.504V6.55c0-.453.158-.837.475-1.154A1.571 1.571 0 0 1 8.63 4.92h3.584c1.094 0 2.082.34 2.966 1.021.883.68 1.325 1.597 1.325 2.75 0 .802-.194 1.455-.58 1.96-.388.506-.805.873-1.252 1.101.55.19 1.076.565 1.576 1.125S17 14.193 17 15.142c0 1.37-.505 2.379-1.516 3.024-1.01.645-2.03.967-3.055.967h-3.8Zm.676-2.137h3.036c.845 0 1.442-.234 1.79-.703.35-.469.525-.918.525-1.349 0-.43-.175-.88-.524-1.35-.35-.468-.963-.702-1.84-.702H9.306v4.104Zm0-6.175h2.783c.652 0 1.168-.187 1.55-.56.382-.372.572-.818.572-1.338 0-.553-.202-1.005-.605-1.355-.404-.35-.898-.526-1.484-.526H9.306v3.779Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatBoldIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatItalicIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M6.875 18.54a.845.845 0 0 1-.621-.255.847.847 0 0 1-.254-.622c0-.245.085-.452.254-.62a.846.846 0 0 1 .621-.254h2.82l3.138-9.328h-2.82a.845.845 0 0 1-.622-.254.846.846 0 0 1-.254-.622c0-.245.085-.452.254-.621a.846.846 0 0 1 .621-.253h7.113c.245 0 .452.084.621.254.17.17.254.376.254.622a.844.844 0 0 1-.254.62.845.845 0 0 1-.621.254h-2.523l-3.137 9.328h2.523c.245 0 .452.085.62.254.17.17.255.377.255.622a.844.844 0 0 1-.254.621.846.846 0 0 1-.621.253H6.875Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatItalicIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatListBulletedIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M10.4 17.559a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4ZM6.37 18.311c-.377 0-.7-.134-.968-.402A1.319 1.319 0 0 1 5 16.94c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.403c.269.268.403.59.403.967s-.134.7-.403.968c-.268.268-.59.402-.967.402Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 12c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 7.06c0-.377.134-.7.402-.968.269-.268.591-.402.968-.402s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatListBulletedIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatListNumberedIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M5.491 19.823a.477.477 0 0 1-.491-.49.477.477 0 0 1 .491-.491h1.568v-.871h-.744a.477.477 0 0 1-.491-.491.477.477 0 0 1 .49-.491h.745v-.871H5.49A.477.477 0 0 1 5 15.627a.477.477 0 0 1 .491-.491h1.853c.197 0 .363.067.496.2.134.134.2.3.2.496v.983a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2c.197 0 .363.067.496.2.134.134.2.3.2.497v.919a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2H5.491Zm.071-5.479a.543.543 0 0 1-.399-.163.543.543 0 0 1-.163-.4v-1.575c0-.197.067-.363.2-.497.134-.133.3-.2.497-.2h1.362v-.87H5.49A.476.476 0 0 1 5 10.147a.478.478 0 0 1 .491-.492h1.853c.197 0 .363.067.496.2.134.134.2.3.2.497v1.441a.675.675 0 0 1-.2.497.674.674 0 0 1-.496.2H5.982v.87H7.55a.477.477 0 0 1 .49.491.478.478 0 0 1-.49.492H5.562Zm1.165-5.48a.478.478 0 0 1-.492-.49V5.157h-.744A.477.477 0 0 1 5 4.668a.478.478 0 0 1 .491-.492h1.172c.157 0 .289.054.395.16.106.106.16.237.16.395v3.642a.477.477 0 0 1-.491.491ZM10.4 17.56a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatListNumberedIcon;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const FormatUnderlinedIcon = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ {...props}
12
+ >
13
+ <path
14
+ fill="currentColor"
15
+ d="M6.676 19.442a.655.655 0 0 1-.482-.195.655.655 0 0 1-.194-.482c0-.192.065-.352.194-.482.13-.13.29-.194.482-.194h10.648c.191 0 .352.065.482.195s.194.29.194.482a.654.654 0 0 1-.194.481.655.655 0 0 1-.482.195H6.676ZM12 16.199c-1.402 0-2.497-.426-3.283-1.277-.787-.852-1.18-1.992-1.18-3.423V5.201c0-.228.083-.423.251-.585a.825.825 0 0 1 .593-.244c.228 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.381c0 .911.242 1.642.727 2.19.484.55 1.172.825 2.065.825s1.581-.275 2.066-.824c.484-.55.726-1.28.726-2.19V5.2c0-.228.084-.423.252-.585a.825.825 0 0 1 .593-.244c.227 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.298c0 1.43-.394 2.571-1.18 3.423-.787.851-1.882 1.277-3.284 1.277Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default FormatUnderlinedIcon;
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
10
10
  export { default as ContentCopyIcon } from "./ContentCopyIcon";
11
11
  export { default as ContentPasteIcon } from "./ContentPasteIcon";
12
12
  export { default as ChevronDownIcon } from "./ChevronDownIcon";
13
+ export { default as FormatBoldIcon } from "./FormatBoldIcon";
14
+ export { default as FormatItalicIcon } from "./FormatItalicIcon";
15
+ export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
16
+ export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
17
+ export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
18
+ export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
19
+ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
+ export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
+ export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
+ export { default as AllOutIcon } from "./AllOutIcon";
package/src/index.ts CHANGED
@@ -33,6 +33,11 @@ export * from "./components/Search/Search";
33
33
  export * from "./components/Slider/Slider";
34
34
  export * from "./components/Switch/Switch";
35
35
  export * from "./components/DropdownMenu/DropdownMenu";
36
+ export * from "./components/Tooltip/Tooltip";
37
+ export * from "./components/Tooltip/TooltipSimple";
38
+ export * from "./components/Toast/Toast";
39
+ export * from "./components/Toast/Toaster";
40
+ export * from "./components/Toast/useToast";
36
41
 
37
42
  // Export component types
38
43
  export type { ButtonProps } from "./components/Button/Button";
@@ -84,6 +84,6 @@
84
84
  --state-color-error-text-pressed: #a5210f;
85
85
 
86
86
  --state-color-disable-solid: #454f5b;
87
- --state-color-disable-outline: #637381;
87
+ --state-color-disable-outline: #D3DADF;
88
88
  }
89
89