@julseb-lib/react 0.0.63 → 0.0.65

package/dist/lib/icons/Search.tsx

@@ -0,0 +1,38 @@
+/*=============================================== Search ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Search = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $size={size}
+            $color={color}
+            {...rest}
+        >
+            <path
+                d="M12 10C12 9.468 11.791 8.966 11.412 8.586C10.656 7.832 9.346 7.83 8.586 8.588L7.174 7.172C8.687 5.66 11.312 5.66 12.826 7.172C13.1988 7.54243 13.4946 7.98308 13.6961 8.46849C13.8976 8.95389 14.0009 9.47443 14 10H12Z"
+                fill="currentColor"
+            />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M14.897 16.312C13.4988 17.4054 11.775 17.9996 10 18C5.589 18 2 14.411 2 10C2 5.589 5.589 2 10 2C14.411 2 18 5.589 18 10C17.9996 11.7754 17.405 13.4997 16.311 14.898L20.707 19.294L19.293 20.708L14.897 16.312ZM16 10C16 6.691 13.309 4 10 4C6.691 4 4 6.691 4 10C4 13.309 6.691 16 10 16C13.309 16 16 13.309 16 10Z"
+                fill="currentColor"
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/Send.tsx

@@ -0,0 +1,32 @@
+/*=============================================== Send ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Send = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $size={size}
+            $color={color}
+            {...rest}
+        >
+            <path
+                d="M21.426 11.095L4.426 3.095C4.25483 3.01401 4.06417 2.98334 3.87625 3.00656C3.68832 3.02978 3.51086 3.10594 3.36455 3.22615C3.21824 3.34636 3.10912 3.50568 3.04988 3.68553C2.99065 3.86539 2.98376 4.05837 3.03 4.242L4.969 12L3.03 19.758C2.98332 19.9417 2.98992 20.1349 3.04901 20.315C3.10811 20.495 3.21726 20.6546 3.3637 20.7749C3.51014 20.8952 3.68781 20.9713 3.87593 20.9944C4.06406 21.0174 4.25485 20.9864 4.426 20.905L21.426 12.905C21.5978 12.8242 21.7431 12.6963 21.8448 12.536C21.9466 12.3757 22.0006 12.1898 22.0006 12C22.0006 11.8102 21.9466 11.6243 21.8448 11.464C21.7431 11.3037 21.5978 11.1758 21.426 11.095V11.095ZM5.481 18.197L6.32 14.84L12 12L6.32 9.16L5.481 5.803L18.651 12L5.481 18.197Z"
+                fill="currentColor"
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/Separator.tsx

@@ -0,0 +1,32 @@
+/*=============================================== Separator ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Separator = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $color={color}
+            $size={size}
+            {...rest}
+        >
+            <path
+                d="M3 11H6V13H3V11ZM8 11H11V13H8V11ZM13 11H16V13H13V11ZM18 11H21V13H18V11Z"
+                fill={color}
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/Show.tsx

@@ -0,0 +1,38 @@
+/*=============================================== Show ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Show = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $color={color}
+            $size={size}
+            {...rest}
+        >
+            <path
+                d="M12 10C12 11.095 12.905 12 14 12C14.354 12 14.683 11.897 14.973 11.732C14.9758 11.7675 14.9805 11.8023 14.9853 11.8372C14.9927 11.8907 15 11.9443 15 12C15 13.642 13.641 15 12 15C10.358 15 9 13.642 9 12C9.00524 11.206 9.323 10.4459 9.88447 9.88447C10.4459 9.323 11.206 9.00524 12 9C12.0557 9 12.1093 9.00734 12.1628 9.01468C12.1977 9.01946 12.2325 9.02424 12.268 9.027C12.103 9.317 12 9.646 12 10Z"
+                fill={color}
+            />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M2.05204 11.684C2.07305 11.617 4.36704 5 12 5C19.633 5 21.927 11.617 21.949 11.684L22.054 12L21.948 12.316C21.927 12.383 19.633 19 12 19C4.36704 19 2.07305 12.383 2.05104 12.316L1.94604 12L2.05204 11.684ZM4.07404 12C4.57604 13.154 6.64904 17 12 17C17.348 17 19.422 13.158 19.926 12C19.424 10.846 17.351 7 12 7C6.65204 7 4.57804 10.842 4.07404 12Z"
+                fill={color}
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/Star.tsx

@@ -0,0 +1,32 @@
+/*=============================================== Star ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Star = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $size={size}
+            $color={color}
+            {...rest}
+        >
+            <path
+                d="M6.51603 14.323L5.02603 20.775C4.97989 20.9704 4.99374 21.1751 5.06577 21.3625C5.1378 21.5499 5.26467 21.7112 5.4298 21.8253C5.59492 21.9395 5.79064 22.0012 5.99138 22.0024C6.19212 22.0036 6.38855 21.9442 6.55503 21.832L12 18.202L17.445 21.832C17.6154 21.9451 17.8162 22.0033 18.0207 21.9988C18.2251 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.8143 10.1132 21.9181 9.94266 21.9674 9.75351C22.0168 9.56436 22.0097 9.36488 21.9469 9.17974C21.8841 8.9946 21.7685 8.83193 21.6142 8.71183C21.46 8.59173 21.2739 8.51947 21.079 8.504L15.378 8.05L12.911 2.589C12.8324 2.41316 12.7045 2.26384 12.5428 2.15906C12.3812 2.05429 12.1927 1.99854 12 1.99854C11.8074 1.99854 11.6189 2.05429 11.4572 2.15906C11.2956 2.26384 11.1677 2.41316 11.089 2.589L8.62203 8.05L2.92103 8.503C2.72948 8.51818 2.54636 8.58821 2.39358 8.70473C2.2408 8.82125 2.12482 8.97932 2.05952 9.16003C1.99422 9.34074 1.98236 9.53644 2.02537 9.72371C2.06838 9.91098 2.16443 10.0819 2.30203 10.216L6.51603 14.323V14.323ZM9.36903 9.997C9.54752 9.98294 9.71895 9.92112 9.86533 9.81802C10.0117 9.71491 10.1277 9.57433 10.201 9.411L12 5.43L13.799 9.411C13.8724 9.57433 13.9883 9.71491 14.1347 9.81802C14.2811 9.92112 14.4525 9.98294 14.631 9.997L18.603 10.312L15.332 13.256C15.048 13.512 14.935 13.906 15.039 14.274L16.292 18.659L12.556 16.168C12.392 16.0579 12.199 15.9992 12.0015 15.9992C11.804 15.9992 11.611 16.0579 11.447 16.168L7.54303 18.771L8.59303 14.225C8.63153 14.0578 8.62636 13.8835 8.57802 13.7189C8.52969 13.5543 8.43981 13.4048 8.31703 13.285L5.27903 10.323L9.36903 9.997V9.997Z"
+                fill="currentColor"
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/StarFull.tsx

@@ -0,0 +1,32 @@
+/*=============================================== StarFull ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const StarFull = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $size={size}
+            $color={color}
+            {...rest}
+        >
+            <path
+                d="M21.947 9.17901C21.8842 8.99388 21.7685 8.83121 21.6142 8.71107C21.46 8.59094 21.2739 8.51861 21.079 8.50301L15.378 8.05001L12.911 2.58901C12.8325 2.41313 12.7047 2.26374 12.5431 2.15887C12.3815 2.05401 12.193 1.99815 12.0004 1.99805C11.8077 1.99794 11.6192 2.05359 11.4575 2.15828C11.2957 2.26296 11.1678 2.41221 11.089 2.58801L8.62203 8.05001L2.92103 8.50301C2.72948 8.51819 2.54636 8.58823 2.39358 8.70475C2.2408 8.82127 2.12482 8.97934 2.05952 9.16004C1.99422 9.34075 1.98236 9.53645 2.02537 9.72372C2.06838 9.91099 2.16443 10.0819 2.30203 10.216L6.51503 14.323L5.02503 20.775C4.97978 20.9703 4.99428 21.1747 5.06665 21.3617C5.13901 21.5486 5.26589 21.7095 5.43083 21.8235C5.59577 21.9374 5.79115 21.9991 5.99161 22.0007C6.19208 22.0022 6.38837 21.9434 6.55503 21.832L12 18.202L17.445 21.832C17.6154 21.9451 17.8162 22.0033 18.0207 21.9988C18.2251 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.966 9.97601 22.075 9.55801 21.947 9.17901V9.17901Z"
+                fill="currentColor"
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/Strikethrough.tsx

@@ -0,0 +1,32 @@
+/*=============================================== Strikethrough ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Strikethrough = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $color={color}
+            $size={size}
+            {...rest}
+        >
+            <path
+                d="M20 11H12C8 11 8 9.184 8 8.5C8 7.882 8 6 12 6C14.8 6 14.99 7.678 15 8.014L16 8H17C17 6.616 15.955 4 12 4C6.584 4 6 7.147 6 8.5C6 9.228 6.148 10.167 6.736 11H4V13H20V11ZM12 18C8.207 18 8.01 16.185 8 16H6C6 16.04 6.069 20 12 20C17.221 20 18 17.181 18 15.5C18 15.354 17.991 15.183 17.972 15H15.966C15.998 15.2 16 15.376 16 15.5C16 16.184 16 18 12 18Z"
+                fill={color}
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/Underline.tsx

@@ -0,0 +1,36 @@
+{
+    /*  */
+}
+
+/*=============================================== Underline ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const Underline = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $color={color}
+            $size={size}
+            {...rest}
+        >
+            <path
+                d="M5 18H19V20H5V18ZM6 4V10C6 13.309 8.691 16 12 16C15.309 16 18 13.309 18 10V4H16V10C16 12.206 14.206 14 12 14C9.794 14 8 12.206 8 10V4H6Z"
+                fill={color}
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/UnorderedList.tsx

@@ -0,0 +1,32 @@
+/*=============================================== UnorderedList ===============================================*/
+
+import { StyledIcon } from "./styles"
+import type { ILibIcon } from "./types"
+
+export const UnorderedList = ({
+    "data-testid": testid,
+    className,
+    size = 64,
+    color = "currentColor",
+    ...rest
+}: ILibIcon) => {
+    return (
+        <StyledIcon
+            data-testid={testid}
+            className={className}
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            $color={color}
+            $size={size}
+            {...rest}
+        >
+            <path
+                d="M4 6H6V8H4V6ZM4 11H6V13H4V11ZM4 16H6V18H4V16ZM20 8V6H8.023V8H18.8H20ZM8 11H20V13H8V11ZM8 16H20V18H8V16Z"
+                fill={color}
+            />
+        </StyledIcon>
+    )
+}

package/dist/lib/icons/index.ts

@@ -0,0 +1,41 @@
+/*=============================================== Exports ===============================================*/
+
+export * from "./ArrowUp"
+export * from "./Calendar"
+export * from "./CaretDown"
+export * from "./CheckCircle"
+export * from "./Check"
+export * from "./ChevronDown"
+export * from "./ChevronLeft"
+export * from "./ChevronRight"
+export * from "./ChevronUp"
+export * from "./Clipboard"
+export * from "./Clock"
+export * from "./CloseCircle"
+export * from "./Close"
+export * from "./Edit"
+export * from "./Image"
+export * from "./Minus"
+export * from "./Plus"
+export * from "./Search"
+export * from "./Send"
+export * from "./StarFull"
+export * from "./Star"
+export * from "./Bold"
+export * from "./CodeBlock"
+export * from "./Code"
+export * from "./Comment"
+export * from "./Italic"
+export * from "./Link"
+export * from "./OrderedList"
+export * from "./Quote"
+export * from "./Separator"
+export * from "./Strikethrough"
+export * from "./UnorderedList"
+export * from "./EditorCode"
+export * from "./EditorLive"
+export * from "./EditorPreview"
+export * from "./Show"
+export * from "./Hide"
+export * from "./Underline"
+export * from "./Drag"

package/dist/lib/icons/styles.tsx

@@ -0,0 +1,19 @@
+/*=============================================== Lib icons styles ===============================================*/
+
+import styled from "styled-components"
+import { setDefaultTheme, Mixins } from "../"
+import type { LibAllColors } from "../types"
+
+const StyledIcon = styled.svg<{ $size?: number; $color: LibAllColors }>`
+    width: ${({ $size }) => $size}px;
+    height: ${({ $size }) => $size}px;
+    fill: ${({ theme, $color }) => Mixins.AllColors($color, theme)};
+
+    path {
+        fill: ${({ theme, $color }) => Mixins.AllColors($color, theme)};
+    }
+`
+
+setDefaultTheme([StyledIcon])
+
+export { StyledIcon }

package/dist/lib/icons/types.ts

@@ -0,0 +1,11 @@
+/*=============================================== Lib icons types ===============================================*/
+
+import type { HTMLAttributes } from "react"
+import type { LibAllColors } from "../types"
+
+export interface ILibIcon extends HTMLAttributes<HTMLOrSVGElement> {
+    "data-testid"?: string
+    className?: string
+    size?: number
+    color?: LibAllColors
+}