@wavv/ui 1.7.2 → 1.7.4

package/build/esm/types/assets/icons/Check.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Check: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default Check;

package/build/esm/types/assets/icons/Screenshot.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const Screenshot: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default Screenshot;

package/build/esm/types/assets/icons/ShieldCheck.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const ShieldCheck: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ShieldCheck;

package/build/esm/types/assets/icons/ShieldSlash.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const ShieldSlash: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default ShieldSlash;

package/build/esm/types/components/Form.d.ts

@@ -106,7 +106,7 @@ declare const Form: {
             centerX?: boolean | undefined;
             offsetY?: number | undefined;
             offsetX?: number | undefined;
-            direction?: "left" | "right" | "top" | "bottom" | undefined;
+            direction?: "top" | "bottom" | "right" | "left" | undefined;
             fontSize?: string | number | undefined;
             description?: string | undefined;
             disabled?: boolean | undefined;
@@ -121,14 +121,14 @@ declare const Form: {
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
     } & import("./types").Margin & import("./types").As & HTMLProps<HTMLInputElement>) => JSX.Element;
     Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
@@ -136,7 +136,7 @@ declare const Form: {
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         partial?: boolean | undefined;

package/build/esm/types/components/Icon/icons.d.ts

@@ -116,6 +116,7 @@ declare const icons: {
     card: typeof Card;
     'caret-down': typeof CaretDown;
     'caret-up': typeof CaretUp;
+    check: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'check-circle': typeof CheckCircle;
     'check-circle-outline': typeof CheckCircleOutline;
     checkbox: typeof Checkbox;
@@ -182,9 +183,12 @@ declare const icons: {
     rocket: typeof Rocket;
     schedule: typeof Schedule;
     'schedule-outline': typeof ScheduleOutline;
+    screenshot: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     search: typeof Search;
     settings: typeof Settings;
     share: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-check': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-slash': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     sort: typeof Sort;
     spotify: typeof Spotify;
     star: typeof Star;

package/build/esm/types/components/Tooltip.d.ts

@@ -1,11 +1,6 @@
-import { ReactNode } from 'react';
-import type { ThemeProp } from './types';
-type Side = 'top' | 'bottom' | 'right' | 'left';
-type Top = 'top center' | 'top left' | 'top right';
-type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
-type Left = 'left center' | 'left top' | 'left bottom';
-type Right = 'right center' | 'right top' | 'right bottom';
-type Position = Side | Top | Bottom | Left | Right;
+import { HTMLProps, ReactNode } from 'react';
+import type { As, PopPosition, ThemeProp } from './types';
+type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
 export type TooltipProps = {
     children?: ReactNode;
     /** The element that will trigger the opening of the Tooltip */
@@ -13,7 +8,7 @@ export type TooltipProps = {
     /** The text content of the Tooltip */
     content?: string;
     /** The position of the Tooltip body and arrow in relation to the trigger */
-    position?: Position;
+    position?: PopPosition;
     /** Offset of the Tooltip from the trigger */
     offset?: number;
     /** zIndex of the Tooltip's portal container */
@@ -40,7 +35,7 @@ export type TooltipProps = {
     afterShow?: () => void;
     /** The function called after the Tooltip closes */
     afterHide?: () => void;
-};
+} & DivProps;
 declare const Tooltip: {
     ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): JSX.Element;
     Header: import("@emotion/styled").StyledComponent<{

package/build/esm/types/components/helpers/getPopPosition.d.ts

@@ -0,0 +1,6 @@
+import { ArrowAlign, PopPosition, PopSide } from '../types';
+declare const getPopPosition: (pos?: PopPosition) => {
+    side: PopSide;
+    align: ArrowAlign;
+};
+export default getPopPosition;

package/build/esm/types/components/helpers/isPropAllowed.d.ts

@@ -0,0 +1,2 @@
+declare const isPropAllowed: (prop: string, propArray: string[]) => boolean;
+export default isPropAllowed;

package/build/esm/types/components/types.d.ts

@@ -60,3 +60,10 @@ export type DraftEditorRef = {
     insertField: (field: MergeField) => void;
     focusAtEnd: () => void;
 };
+type Top = 'top center' | 'top left' | 'top right';
+type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
+type Left = 'left center' | 'left top' | 'left bottom';
+type Right = 'right center' | 'right top' | 'right bottom';
+export type PopSide = 'top' | 'bottom' | 'right' | 'left';
+export type PopPosition = PopSide | Top | Bottom | Left | Right;
+export type ArrowAlign = 'center' | 'start' | 'end';

package/build/index.d.ts

@@ -522,7 +522,7 @@ type Padding = {
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
-type Position$1 = {
+type Position = {
     position?: 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
     top?: number | string;
     bottom?: number | string;
@@ -568,6 +568,12 @@ type DraftEditorRef = {
     insertField: (field: MergeField$1) => void;
     focusAtEnd: () => void;
 };
+type Top = 'top center' | 'top left' | 'top right';
+type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
+type Left = 'left center' | 'left top' | 'left bottom';
+type Right = 'right center' | 'right top' | 'right bottom';
+type PopSide = 'top' | 'bottom' | 'right' | 'left';
+type PopPosition = PopSide | Top | Bottom | Left | Right;
 
 type TriggerProp = {
     reversed?: boolean;
@@ -915,6 +921,7 @@ declare const icons: {
     card: typeof Card;
     'caret-down': typeof CaretDown;
     'caret-up': typeof CaretUp;
+    check: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
     'check-circle': typeof CheckCircle;
     'check-circle-outline': typeof CheckCircleOutline;
     checkbox: typeof Checkbox$1;
@@ -981,9 +988,12 @@ declare const icons: {
     rocket: typeof Rocket;
     schedule: typeof Schedule;
     'schedule-outline': typeof ScheduleOutline;
+    screenshot: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
     search: typeof Search;
     settings: typeof Settings;
     share: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-check': (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-slash': (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
     sort: typeof Sort;
     spotify: typeof Spotify;
     star: typeof Star;
@@ -1117,12 +1127,7 @@ type ButtonComponentProps = {
     joined?: never;
 } & BasicButtonProps & DropdownProps$2 & Margin;
 
-type Side = 'top' | 'bottom' | 'right' | 'left';
-type Top = 'top center' | 'top left' | 'top right';
-type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
-type Left = 'left center' | 'left top' | 'left bottom';
-type Right = 'right center' | 'right top' | 'right bottom';
-type Position = Side | Top | Bottom | Left | Right;
+type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
 type TooltipProps = {
     children?: ReactNode;
     /** The element that will trigger the opening of the Tooltip */
@@ -1130,7 +1135,7 @@ type TooltipProps = {
     /** The text content of the Tooltip */
     content?: string;
     /** The position of the Tooltip body and arrow in relation to the trigger */
-    position?: Position;
+    position?: PopPosition;
     /** Offset of the Tooltip from the trigger */
     offset?: number;
     /** zIndex of the Tooltip's portal container */
@@ -1157,7 +1162,7 @@ type TooltipProps = {
     afterShow?: () => void;
     /** The function called after the Tooltip closes */
     afterHide?: () => void;
-};
+} & DivProps;
 declare const Tooltip: {
     ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): JSX.Element;
     Header: _emotion_styled.StyledComponent<{
@@ -1759,7 +1764,7 @@ declare const Form: {
             centerX?: boolean | undefined;
             offsetY?: number | undefined;
             offsetX?: number | undefined;
-            direction?: "left" | "right" | "top" | "bottom" | undefined;
+            direction?: "top" | "bottom" | "right" | "left" | undefined;
             fontSize?: string | number | undefined;
             description?: string | undefined;
             disabled?: boolean | undefined;
@@ -1774,14 +1779,14 @@ declare const Form: {
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
     } & Margin & As & HTMLProps<HTMLInputElement>) => JSX.Element;
     Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
@@ -1789,7 +1794,7 @@ declare const Form: {
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         partial?: boolean | undefined;
@@ -2094,7 +2099,7 @@ declare const Notification: _emotion_styled.StyledComponent<{
     size?: string | number | undefined;
     /** Styles the dot to accommodate containing a number */
     number?: boolean | undefined;
-} & ThemeProp & Margin & Position$1, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & ThemeProp & Margin & Position, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
 type OptionsProps = {
     children: ReactNode;
@@ -2245,7 +2250,7 @@ type SpinnerProps = {
     background?: string | boolean;
     /** If center positioned, specifies the zIndex of the spinner */
     zIndex?: number;
-} & Margin & Position$1;
+} & Margin & Position;
 declare const Spinner: ({ size, color, center, background, zIndex, margin, marginTop, marginBottom, marginRight, marginLeft, position, top, bottom, right, left, ...props }: SpinnerProps) => JSX.Element;
 
 type Color = ColorNames | CSSProperties['color'];
@@ -2441,7 +2446,7 @@ declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marg
     marginRight: string | number | undefined;
     marginLeft: string | number | undefined;
 };
-declare const positionProps: ({ position, top, bottom, right, left }: Position$1) => {
+declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
     position: "static" | "relative" | "absolute" | "sticky" | "fixed" | undefined;
     top: string | number | undefined;
     bottom: string | number | undefined;
@@ -2449,4 +2454,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position$1
     left: string | number | undefined;
 };
 
-export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Padding, Pagination, PieChart, Position$1 as Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };
+export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.7.2",
+	"version": "1.7.4",
 	"files": [
 		"build/**/*"
 	],