@soul-refiner/design-system 2.0.0-alpha.0 → 2.0.0-alpha.1

package/dist/components/iconography/icon/icon.d.ts

@@ -6,7 +6,7 @@ type NativeProps = Pick<React.HTMLAttributes<SVGElement>, 'children' | 'classNam
 export interface IconProps extends NativeProps {
     as?: React.ElementType;
     color?: (typeof COLORS)[number];
-    size?: 16 | 20 | 24 | 40;
+    size?: 16 | 20 | 24 | 32 | 40;
     sx?: string;
 }
 export declare const Icon: ({ as, children, color, size, sx, ...rest }: IconProps) => React.JSX.Element;

package/dist/components/navigation/inner/inner.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { DrawerProps } from '../../../components/surfaces/drawer';
 /*************************************************************************************************************************
  * Inner Navigation
  */
@@ -21,7 +22,7 @@ declare const InnerNav: {
         displayName: string;
     };
     Drawer: {
-        ({ children, label }: InnerNavDrawerProps): React.JSX.Element;
+        ({ children, label, controlledOpen, onOpenChange, }: InnerNavDrawerProps): React.JSX.Element;
         displayName: string;
     };
     DrawerHeader: {
@@ -85,7 +86,7 @@ export type InnerNavHeaderProps = React.PropsWithChildren;
 /*************************************************************************************************************************
  * Create Button
  */
-export interface InnerNavDrawerProps extends React.PropsWithChildren {
+export interface InnerNavDrawerProps extends DrawerProps, React.PropsWithChildren {
     label: React.ReactNode;
 }
 export { InnerNav };

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useEffect } from 'react';
-import styled, { css, styled as styled$1, keyframes } from 'styled-components';
+import { css, styled, keyframes } from 'styled-components';
 import Image$1 from 'next/image';
 import { setAlign, ELEMENT_PARAGRAPH, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, isCollapsed, findNode, isBlock, toggleNodeType, useEditorRef, useEditorState, useMarkToolbarButtonState, MARK_BOLD, useMarkToolbarButton, MARK_ITALIC, MARK_STRIKETHROUGH, MARK_UNDERLINE, MARK_CODE, useLinkToolbarButtonState, useLinkToolbarButton, useListToolbarButtonState, ELEMENT_OL, useListToolbarButton, ELEMENT_UL, insertTable, ELEMENT_BLOCKQUOTE, insertNodes, getPluginType, PlateElement, someNode, getBlockAbove, isEditorReadOnly, createPluginFactory, setNodes, useLink, useFloatingLinkSelectors, useFloatingLinkInsertState, useFloatingLinkInsert, useFloatingLinkEditState, useFloatingLinkEdit, FloatingLinkUrlInput, LinkOpenButton, ELEMENT_LINK, ELEMENT_IMAGE as ELEMENT_IMAGE$1, ELEMENT_TABLE, ELEMENT_TD, ELEMENT_TH, ELEMENT_TR, MARK_SUBSCRIPT, MARK_SUPERSCRIPT, createBlockquotePlugin, createCodeBlockPlugin, createHeadingPlugin, createHorizontalRulePlugin, createImagePlugin, createTextIndentPlugin, createIndentListPlugin, createListPlugin, createMediaEmbedPlugin, createResetNodePlugin, createTablePlugin, createAlignPlugin, createIndentPlugin, createLineHeightPlugin, createCodePlugin, createBoldPlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin, ELEMENT_MEDIA, ELEMENT_MEDIA_EMBED, KEYS_HEADING, isBlockAboveEmpty, isSelectionAtBlockStart, ELEMENT_TODO_LI, ELEMENT_HR, ELEMENT_CODE_BLOCK, createExitBreakPlugin, createHistoryPlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin, createPlugins, Plate, PlateContent, createLinkPlugin as createLinkPlugin$1, insertImage, insertNode } from '@udecode/plate';
 import { Tooltip as Tooltip$1 } from 'react-tooltip';
@@ -6225,7 +6225,7 @@ const ListElement = ({ children, variant = 'ul', ...props }) => {
         React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Element, null, React__default.Children.map(children, (child) => (React__default.createElement(Li, null, child)))))));
 };
-const Li = styled$1.li `
+const Li = styled.li `
   margin: 16px 0px;
   padding-left: 8px;
 
@@ -7681,13 +7681,13 @@ const AnimatedToast = ({ message, type, onClose, animationDuration = 4, }) => {
         React__default.createElement(ToastAnimation, { className: `${toastIsClosed ? 'toast-closed' : ''}` },
             React__default.createElement(Toast, { content: message, type: type, isAnimated: true, animationDuration: animationDuration }))));
 };
-const Container$5 = styled$1.div `
+const Container$5 = styled.div `
   position: fixed;
   z-index: 9999;
   bottom: 16px;
   right: 16px;
 `;
-const ToastAnimation = styled$1.div `
+const ToastAnimation = styled.div `
   animation: slide-in 0.4s ease-in-out forwards;
 
   &.toast-closed {
@@ -10344,7 +10344,7 @@ const NavWrapper = styled.nav `
   width: 365px;
   padding: 24px 12px 24px 16px;
   box-sizing: border-box;
-  background-color: var(--color-primary-blue-4);
+  background-color: var(--color-blue-10);
   border-right: 1px solid var(--color-grey-9);
 `;
 const InnerNavItem = ({ active, href, icon, label, sx, onClick, }) => {
@@ -10359,7 +10359,7 @@ const Item$1 = styled(Link$2) `
   align-items: center;
   border-radius: 8px;
   font-family: var(--font-inter);
-  font-weight: 700;
+  font-weight: 500;
   font-size: 16px;
   line-height: 24px;
   color: var(--color-blue-2);
@@ -10464,10 +10464,12 @@ const InnerNavHeader = ({ children }) => {
 const HeaderWrapper = styled.div ``;
 InnerNav.Header = InnerNavHeader;
 InnerNavHeader.displayName = 'InnerNav.Header';
-const InnerNavDrawer = ({ children, label }) => {
-    return (React__default.createElement(Drawer, null,
+const InnerNavDrawer = ({ children, label, controlledOpen, onOpenChange, }) => {
+    return (React__default.createElement(Drawer, { controlledOpen: controlledOpen, onOpenChange: onOpenChange },
         React__default.createElement(Drawer.Trigger, null,
-            React__default.createElement(Button$3, { icon: React__default.createElement(Plus, { color: "white" }), size: "small", sx: "width: 100%; margin-bottom: 24px;", type: "primary" }, label)),
+            React__default.createElement(Button$3, { icon: React__default.createElement(Plus, { color: "white" }), size: "small", sx: "width: 100%; margin-bottom: 24px;", type: "primary", onClick: () => {
+                    onOpenChange?.();
+                } }, label)),
         children));
 };
 InnerNav.Drawer = InnerNavDrawer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "main": "dist/index.js",
   "type": "module",
   "license": "MIT",