@newtonschool/grauity 1.0.0 → 1.0.2

package/dist/ui/elements/PopOver/types.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { StyledDivProps } from '../../../common/types';
+export type PopOverDirection = 'top' | 'right' | 'bottom' | 'left';
+export type PopOverOffset = {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+};
+export interface PopOverProps {
+    /**
+     * Whether the PopOver is open or not.
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Ref to the trigger element. Required to calculate the position of the PopOver.
+     * @default null
+     */
+    triggerRef?: React.RefObject<any>;
+    /**
+     * Direction in which the PopOver should open.
+     * @default bottom
+     */
+    direction?: PopOverDirection;
+    /**
+     * Content to be displayed inside the PopOver.
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag to enable or disable auto adjustment of the PopOver position.
+     * @default true
+     */
+    autoAdjust?: boolean;
+    /**
+     * Ref to the parent element. Required to calculate the position of the PopOver.
+     * @default document.body
+     */
+    parentRef?: React.RefObject<any>;
+    /**
+     * Minimum margin offset to be maintained from the parent container.
+     * @default { top: 0, left: 0, right: 0, bottom: 0 }
+     */
+    minimumOffset?: PopOverOffset;
+    /**
+     * Flag to enable or disable closing the PopOver on outside click.
+     * @default true
+     */
+    shouldCloseOnOutsideClick?: boolean;
+    /**
+     * Callback function triggered when the PopOver is closed.
+     */
+    onClose?: () => void;
+    /**
+     * Flag to disable the background scroll when the PopOver is open.
+     * @default false
+     */
+    disableBackgroundScroll?: boolean;
+}
+export interface StyledPopOverContainerProps extends StyledDivProps {
+    $offset?: PopOverOffset;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/PopOver/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/PopOver/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAElC;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEjC;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B"}

package/dist/ui/elements/SelectDropdown/SelectDropdown.styles.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { StyledDivProps, StyledDropdownSearchInputProps, StyledSelectDropdownItemProps, StyledSelectDropdownWrapperProps } from './types';
+import { StyledDivProps } from '../../../common/types';
+import { StyledDropdownSearchInputProps, StyledSelectDropdownItemProps, StyledSelectDropdownWrapperProps } from './types';
 export declare const StyledSelectDropdownWrapper: import("styled-components").StyledComponent<string, any, StyledSelectDropdownWrapperProps, never>;
 export declare const StyledSelectDropdownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledSelectDropdownContainer: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;

package/dist/ui/elements/SelectDropdown/SelectDropdown.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/SelectDropdown.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EACH,cAAc,EACd,8BAA8B,EAC9B,6BAA6B,EAC7B,gCAAgC,EACnC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,2BAA2B,mGAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,4LAGtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,iFAoBzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,qEAGpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,gGA2BpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,qEAWzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,iGAQrC,CAAC"}
+{"version":3,"file":"SelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/SelectDropdown.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EACH,8BAA8B,EAC9B,6BAA6B,EAC7B,gCAAgC,EACnC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,2BAA2B,mGAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,4LAGtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,iFAoBzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,qEAGpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,gGA2BpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,qEAWzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,iGAQrC,CAAC"}

package/dist/ui/elements/SelectDropdown/types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { grauityIconName } from 'ui/core';
+import { StyledButtonProps, StyledInputProps, StyledSelectProps } from '../../../common/types';
 export interface DropdownOption {
     id: number | string;
     label: string;
@@ -45,15 +45,11 @@ export interface SelectDropdownProps {
      */
     noOptionsText?: string;
 }
-export interface StyledDivProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: React.Ref<HTMLDivElement>;
+export interface StyledSelectDropdownWrapperProps extends StyledSelectProps {
 }
-export interface StyledSelectDropdownWrapperProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    ref?: React.Ref<HTMLSelectElement>;
-}
-export interface StyledSelectDropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface StyledSelectDropdownItemProps extends StyledButtonProps {
     $disabled?: boolean;
 }
-export interface StyledDropdownSearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface StyledDropdownSearchInputProps extends StyledInputProps {
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/SelectDropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,gCACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,6BACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,8BACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACH,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACpB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;CAAG;AAE9E,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;CAAG"}

package/dist/ui/elements/Table/Table.d.ts

@@ -1,41 +1,10 @@
-import PropTypes from 'prop-types';
 import { TableProps } from './types';
 /**
  * A table is a component that is used to display data in a tabular format.
  * It is composed of rows and columns.
  */
 declare const Table: {
-    ({ rows, columns, ...props }: TableProps): JSX.Element;
-    propTypes: {
-        rows: PropTypes.Requireable<any[]>;
-        columns: PropTypes.Requireable<any[]>;
-        condensed: PropTypes.Requireable<boolean>;
-        striped: PropTypes.Requireable<boolean>;
-        borderAround: PropTypes.Requireable<boolean>;
-        borderWithin: PropTypes.Requireable<boolean>;
-        borderHorizontal: PropTypes.Requireable<boolean>;
-        borderVertical: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        loading: PropTypes.Requireable<boolean>;
-        style: PropTypes.Requireable<object>;
-        capitalizeHeaders: PropTypes.Requireable<boolean>;
-        highlightHeaders: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        rows: any[];
-        columns: any[];
-        condensed: boolean;
-        striped: boolean;
-        borderAround: boolean;
-        borderWithin: boolean;
-        borderHorizontal: boolean;
-        borderVertical: boolean;
-        className: string;
-        loading: boolean;
-        style: {};
-        capitalizeHeaders: boolean;
-        highlightHeaders: boolean;
-    };
+    ({ rows, columns, condensed, striped, borderAround, borderWithin, borderHorizontal, borderVertical, className, style, capitalizeHeaders, highlightHeaders, }: TableProps): JSX.Element;
     Table: import("styled-components").StyledComponent<string, any, import("./types").TableComponentProps, never>;
     TableBody: import("styled-components").StyledComponent<string, any, import("./types").TableBodyComponentProps, never>;
     TableDataCell: import("styled-components").StyledComponent<string, any, import("./types").TableDataCellComponentProps, never>;

package/dist/ui/elements/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,QAAA,MAAM,KAAK;kCAAiC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DrD,CAAC;AAyCF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/Table.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,QAAA,MAAM,KAAK;kKAaR,UAAU;;;;;;;CA2DZ,CAAC;AASF,eAAe,KAAK,CAAC"}

package/dist/ui/elements/Typography/Typography.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import { TypographyProps } from './types';
 /**
  * A typography component can be used to display text in different styles.
@@ -11,26 +10,6 @@ import { TypographyProps } from './types';
  * If you want the text to be rendered as a different HTML tag, provide your desired
  * value to prop `as`, such as `'h1'`, `'h2'`, `'p'`, etc.
  */
-declare const Typography: {
-    ({ variant, as, color, textAlign, textTransform, fontSize, children, }: TypographyProps): JSX.Element;
-    propTypes: {
-        variant: PropTypes.Requireable<import("./types").TypographyVariantType>;
-        as: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        textAlign: PropTypes.Requireable<string>;
-        textTransform: PropTypes.Requireable<string>;
-        fontSize: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<any>;
-    };
-    defaultProps: {
-        variant: string;
-        as: string;
-        color: string;
-        textAlign: any;
-        textTransform: any;
-        fontSize: any;
-        children: string;
-    };
-};
+declare const Typography: ({ variant, as, color, textAlign, textTransform, fontSize, children, }: TypographyProps) => JSX.Element;
 export default Typography;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/ui/elements/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU;4EAQb,eAAe;;;;;;;;;;;;;;;;;;;CAiBjB,CAAC;AAsBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/Typography.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU,0EAQb,eAAe,gBAiBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/ui/elements/Typography/types.d.ts

@@ -27,7 +27,7 @@ export interface TypographyProps {
      * Determines the type of the element rendered
      * Available choices:
      *
-     * Default: `p`
+     * Default: `auto` (automatically selects the HTML tag based on the variant)
      * */
     as?: TypographyAsType;
     /**

package/dist/ui/index.d.ts

@@ -2,10 +2,12 @@ import './css/index.scss';
 export { ICON_TAGS, TAG_ICONS } from './core';
 export type { GrauityInitProps } from './init';
 export { GrauityInit } from './init';
-export { ThemeConsumer, ThemeContext, ThemeWrapper, } from './themes/ThemeContext';
-export { Icon, type IconProps } from './elements/Icon';
-export { BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS, BUTTON_VARIANTS_ENUM, type ButtonProps, default as NSButton, ButtonGroup as NSButtonGroup, } from './elements/Button';
+export { ThemeConsumer as NSThemeConsumer, ThemeContext as NSThemeContext, ThemeWrapper as NSThemeWrapper, } from './themes/ThemeContext';
+export { type IconProps, Icon as NSIcon } from './elements/Icon';
+export { BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS, BUTTON_VARIANTS_ENUM, type ButtonProps, default as NSButton, ButtonGroup as NSButtonGroup, IconButton as NSIconButton, } from './elements/Button';
 export { default as NSTypography, TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, type TypographyProps, } from './elements/Typography';
 export { default as NSTable, type TableProps } from './elements/Table';
 export { type ConfirmationDialogProps, type ModalProps, ConfirmationDialog as NSConfirmationDialog, default as NSModal, MultiStepModal as NSMultiStepModal, } from './elements/Modal';
+export { default as NSSelectDropdown, type SelectDropdownProps, } from './elements/SelectDropdown';
+export { type MultiSelectDropdownProps, default as NSMultiSelectDropdown, } from './elements/MultiSelectDropdown';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EACH,aAAa,EACb,YAAY,EACZ,YAAY,GACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,EACH,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,KAAK,WAAW,EAChB,OAAO,IAAI,QAAQ,EACnB,WAAW,IAAI,aAAa,GAC/B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACH,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,eAAe,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EACH,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,kBAAkB,IAAI,oBAAoB,EAC1C,OAAO,IAAI,OAAO,EAClB,cAAc,IAAI,gBAAgB,GACrC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EACH,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,YAAY,IAAI,cAAc,GACjC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAO,EACH,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,KAAK,WAAW,EAChB,OAAO,IAAI,QAAQ,EACnB,WAAW,IAAI,aAAa,EAC5B,UAAU,IAAI,YAAY,GAC7B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACH,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,eAAe,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EACH,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,kBAAkB,IAAI,oBAAoB,EAC1C,OAAO,IAAI,OAAO,EAClB,cAAc,IAAI,gBAAgB,GACrC,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,KAAK,mBAAmB,GAC3B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACH,KAAK,wBAAwB,EAC7B,OAAO,IAAI,qBAAqB,GACnC,MAAM,gCAAgC,CAAC"}

package/dist/ui/init/GrauityInit.d.ts

@@ -1,10 +1,9 @@
-import PropTypes from 'prop-types';
 import * as React from 'react';
 export interface GrauityInitProps {
     /**
      * An element type to render as (string or function).
      * */
-    as: React.ElementType;
+    as?: React.ElementType;
     /**
      * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.
      * */
@@ -24,30 +23,12 @@ export interface GrauityInitProps {
     /**
      * Additional styles to be added to the component
      * */
-    style?: object;
+    style?: React.CSSProperties;
 }
 /**
  * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.
  * But nonetheless all the grauity components should be the children of this component.
  * */
 declare function GrauityInit({ as, fontSize, multiplier, className, style, children, }: GrauityInitProps): JSX.Element;
-declare namespace GrauityInit {
-    var propTypes: {
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        fontSize: PropTypes.Requireable<string>;
-        multiplier: PropTypes.Requireable<number>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    var defaultProps: {
-        as: string;
-        fontSize: string;
-        multiplier: number;
-        className: string;
-        style: {};
-        children: any;
-    };
-}
 export default GrauityInit;
 //# sourceMappingURL=GrauityInit.d.ts.map

package/dist/ui/init/GrauityInit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GrauityInit.d.ts","sourceRoot":"","sources":["../../../ui/init/GrauityInit.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC7B;;SAEK;IACL,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;IAEtB;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;KAGK;AACL,iBAAS,WAAW,CAAC,EACjB,EAAE,EACF,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,GACX,EAAE,gBAAgB,eAiBlB;kBAxBQ,WAAW;;;;;;;;;;;;;;;;;;AA4CpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"GrauityInit.d.ts","sourceRoot":"","sources":["../../../ui/init/GrauityInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC7B;;SAEK;IACL,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;KAGK;AACL,iBAAS,WAAW,CAAC,EACjB,EAAU,EACV,QAAiB,EACjB,UAAc,EACd,SAA0B,EAC1B,KAAU,EACV,QAAe,GAClB,EAAE,gBAAgB,eAiBlB;AAED,eAAe,WAAW,CAAC"}

package/dist/ui/themes/GlobalStyle.d.ts

@@ -1,5 +1,5 @@
 import { CustomGlobalStyleInterface } from './types';
-export declare const constantGlobalStyle = "\n    --neutral-0:   #FFFFFF;\n    --neutral-100: #F6F7F9;\n    --neutral-200: #EDEFF3;\n    --neutral-300: #E1E5EA;\n    --neutral-400: #C9CFD9;\n    --neutral-500: #B2B9C7;\n    --neutral-600: #8C95A6;\n    --neutral-700: #5B6271;\n    --neutral-750: #30363D;\n    --neutral-800: #23282F;\n    --neutral-900: #16191D;\n    --neutral-1000: #0B0C0E;\n\n    --brand-0:   #E5F1FF;\n    --brand-100: #C2DDFF;\n    --brand-200: #94C4FF;\n    --brand-300: #61A8FF;\n    --brand-400: #2989FF;\n    --brand-500: #0673F9;\n    --brand-600: #005ED1;\n    --brand-700: #004599;\n    --brand-800: #003270;\n    --brand-900: #002452;\n\n    --error-0:   #FFE5E7;\n    --error-100: #FBBBBF;\n    --error-200: #FA9499;\n    --error-300: #F8636B;\n    --error-400: #EE3F44;\n    --error-500: #D22D3A;\n    --error-600: #A01B22;\n    --error-700: #7E1219;\n    --error-800: #63080D;\n    --error-900: #4A040A;\n\n    --success-0: #D9FCED;\n    --success-100: #ACF7D3;\n    --success-200: #7EE7B8;\n    --success-300: #50CE99;\n    --success-400: #13B97C;\n    --success-500: #009965;\n    --success-600: #007A51;\n    --success-700: #005C3D;\n    --success-800: #003D29;\n    --success-900: #002D1E;\n\n    --warning-0: #FFF1E5;\n    --warning-100: #FFD2BA;\n    --warning-200: #FFB286;\n    --warning-300: #FD9254;\n    --warning-400: #F37216;\n    --warning-500: #DE5A02;\n    --warning-600: #A83E00;\n    --warning-700: #802D00;\n    --warning-800: #5C1F00;\n    --warning-900: #441704;\n\n    --yellow-0: #FFF3D6;\n    --yellow-100: #FFE4AD;\n    --yellow-200: #FFD580;\n    --yellow-300: #FEC553;\n    --yellow-400: #FEB000;\n    --yellow-500: #F59700;\n    --yellow-600: #D17300;\n    --yellow-700: #944500;\n    --yellow-800: #5C2900;\n    --yellow-900: #3D1A00;\n\n    --purple-0: #F5E5FF;\n    --purple-100: #E1D1FF;\n    --purple-200: #CEBCFE;\n    --purple-300: #B49DFE;\n    --purple-400: #967CFD;\n    --purple-500: #7B55EE;\n    --purple-600: #6138D3;\n    --purple-700: #46279B;\n    --purple-800: #331D72;\n    --purple-900: #221056;\n\n    --alpha-20: rgba(255, 255, 255, 0.20);\n    --alpha-12: rgba(255, 255, 255, 0.12);\n    --alpha-80: rgba(255, 255, 255, 0.80);\n    --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n    --spacing-0px: 0px;\n    --spacing-1px: 1px;\n    --spacing-2px: 2px;\n    --spacing-3px: 3px;\n    --spacing-4px: 4px;\n    --spacing-5px: 5px;\n    --spacing-6px: 6px;\n    --spacing-7px: 7px;\n    --spacing-8px: 8px;\n    --spacing-9px: 9px;\n    --spacing-10px: 10px;\n    --spacing-12px: 12px;\n    --spacing-14px: 14px;\n    --spacing-16px: 16px;\n    --spacing-18px: 18px;\n    --spacing-20px: 20px;\n    --spacing-24px: 24px;\n    --spacing-28px: 28px;\n    --spacing-32px: 32px;\n    --spacing-36px: 36px;\n    --spacing-40px: 40px;\n    --spacing-48px: 48px;\n    --spacing-56px: 56px;\n    --spacing-64px: 64px;\n    --spacing-72px: 72px;\n    --spacing-80px: 80px;\n    --spacing-128px: 128px;\n    --spacing-160px: 160px;\n\n    --corner-radius-0px: 0px;\n    --corner-radius-2px: 2px;\n    --corner-radius-4px: 4px;\n    --corner-radius-8px: 8px;\n    --corner-radius-12px: 12px;\n    --corner-radius-16px: 16px;\n    --corner-radius-20px: 20px;\n    --corner-radius-24px: 24px;\n    --corner-radius-32px: 32px;\n    --corner-radius-40px: 40px;\n    --corner-radius-50percent: 50%;\n    --corner-radius-100percent: 100%;\n\n    --font-size-2px: 2px;\n    --font-size-4px: 4px;\n    --font-size-6px: 6px;\n    --font-size-8px: 8px;\n    --font-size-10px: 10px;\n    --font-size-11px: 11px;\n    --font-size-12px: 12px;\n    --font-size-14px: 14px;\n    --font-size-16px: 16px;\n    --font-size-18px: 18px;\n    --font-size-20px: 20px;\n    --font-size-24px: 24px;\n    --font-size-28px: 28px;\n    --font-size-32px: 32px;\n    --font-size-36px: 36px;\n    --font-size-40px: 40px;\n    --font-size-48px: 48px;\n    --font-size-56px: 56px;\n    --font-size-64px: 64px;\n    --font-size-72px: 72px;\n    --font-size-80px: 80px;\n    --font-size-96px: 96px;\n\n    --font-weight-100: 100;\n    --font-weight-200: 200;\n    --font-weight-300: 300;\n    --font-weight-400: 400;\n    --font-weight-450: 450;\n    --font-weight-500: 500;\n    --font-weight-550: 550;\n    --font-weight-600: 600;\n    --font-weight-650: 650;\n    --font-weight-700: 700;\n    --font-weight-800: 800;\n    --font-weight-900: 900;\n\n    --font-weight-medium: var(--font-weight-500);\n    --font-weight-semibold: var(--font-weight-600);\n    --font-weight-bold: var(--font-weight-700);\n\n    --backdrop-blur-0: blur(0px);\n    --backdrop-blur-4px: blur(4px);\n    --backdrop-blur-8px: blur(8px);\n    --backdrop-blur-12px: blur(12px);\n    --backdrop-blur-16px: blur(16px);\n    --backdrop-blur-20px: blur(20px);\n\n    --backdrop-blur: var(--backdrop-blur-8px);\n";
+export declare const constantGlobalStyle = "\n    --neutral-0:   #FFFFFF;\n    --neutral-100: #F6F7F9;\n    --neutral-200: #EDEFF3;\n    --neutral-300: #E1E5EA;\n    --neutral-400: #C9CFD9;\n    --neutral-500: #B2B9C7;\n    --neutral-600: #8C95A6;\n    --neutral-700: #5B6271;\n    --neutral-750: #30363D;\n    --neutral-800: #23282F;\n    --neutral-900: #16191D;\n    --neutral-1000: #0B0C0E;\n\n    --brand-0:   #E5F1FF;\n    --brand-100: #C2DDFF;\n    --brand-200: #94C4FF;\n    --brand-300: #61A8FF;\n    --brand-400: #2989FF;\n    --brand-500: #0673F9;\n    --brand-600: #005ED1;\n    --brand-700: #004599;\n    --brand-800: #003270;\n    --brand-900: #002452;\n\n    --error-0:   #FFE5E7;\n    --error-100: #FBBBBF;\n    --error-200: #FA9499;\n    --error-300: #F8636B;\n    --error-400: #EE3F44;\n    --error-500: #D22D3A;\n    --error-600: #A01B22;\n    --error-700: #7E1219;\n    --error-800: #63080D;\n    --error-900: #4A040A;\n\n    --success-0: #D9FCED;\n    --success-100: #ACF7D3;\n    --success-200: #7EE7B8;\n    --success-300: #50CE99;\n    --success-400: #13B97C;\n    --success-500: #009965;\n    --success-600: #007A51;\n    --success-700: #005C3D;\n    --success-800: #003D29;\n    --success-900: #002D1E;\n\n    --warning-0: #FFF1E5;\n    --warning-100: #FFD2BA;\n    --warning-200: #FFB286;\n    --warning-300: #FD9254;\n    --warning-400: #F37216;\n    --warning-500: #DE5A02;\n    --warning-600: #A83E00;\n    --warning-700: #802D00;\n    --warning-800: #5C1F00;\n    --warning-900: #441704;\n\n    --yellow-0: #FFF3D6;\n    --yellow-100: #FFE4AD;\n    --yellow-200: #FFD580;\n    --yellow-300: #FEC553;\n    --yellow-400: #FEB000;\n    --yellow-500: #F59700;\n    --yellow-600: #D17300;\n    --yellow-700: #944500;\n    --yellow-800: #5C2900;\n    --yellow-900: #3D1A00;\n\n    --purple-0: #F5E5FF;\n    --purple-100: #E1D1FF;\n    --purple-200: #CEBCFE;\n    --purple-300: #B49DFE;\n    --purple-400: #967CFD;\n    --purple-500: #7B55EE;\n    --purple-600: #6138D3;\n    --purple-700: #46279B;\n    --purple-800: #331D72;\n    --purple-900: #221056;\n\n    --alpha-20: rgba(255, 255, 255, 0.20);\n    --alpha-12: rgba(255, 255, 255, 0.12);\n    --alpha-80: rgba(255, 255, 255, 0.80);\n    --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n    --spacing-0px: 0px;\n    --spacing-1px: 1px;\n    --spacing-2px: 2px;\n    --spacing-3px: 3px;\n    --spacing-4px: 4px;\n    --spacing-5px: 5px;\n    --spacing-6px: 6px;\n    --spacing-7px: 7px;\n    --spacing-8px: 8px;\n    --spacing-9px: 9px;\n    --spacing-10px: 10px;\n    --spacing-12px: 12px;\n    --spacing-14px: 14px;\n    --spacing-16px: 16px;\n    --spacing-18px: 18px;\n    --spacing-20px: 20px;\n    --spacing-24px: 24px;\n    --spacing-28px: 28px;\n    --spacing-32px: 32px;\n    --spacing-36px: 36px;\n    --spacing-40px: 40px;\n    --spacing-48px: 48px;\n    --spacing-56px: 56px;\n    --spacing-64px: 64px;\n    --spacing-72px: 72px;\n    --spacing-80px: 80px;\n    --spacing-128px: 128px;\n    --spacing-160px: 160px;\n\n    --corner-radius-0px: 0px;\n    --corner-radius-2px: 2px;\n    --corner-radius-4px: 4px;\n    --corner-radius-8px: 8px;\n    --corner-radius-12px: 12px;\n    --corner-radius-16px: 16px;\n    --corner-radius-20px: 20px;\n    --corner-radius-24px: 24px;\n    --corner-radius-32px: 32px;\n    --corner-radius-40px: 40px;\n    --corner-radius-50percent: 50%;\n    --corner-radius-100percent: 100%;\n\n    --font-size-2px: 2px;\n    --font-size-4px: 4px;\n    --font-size-6px: 6px;\n    --font-size-8px: 8px;\n    --font-size-10px: 10px;\n    --font-size-11px: 11px;\n    --font-size-12px: 12px;\n    --font-size-14px: 14px;\n    --font-size-16px: 16px;\n    --font-size-18px: 18px;\n    --font-size-20px: 20px;\n    --font-size-24px: 24px;\n    --font-size-28px: 28px;\n    --font-size-32px: 32px;\n    --font-size-36px: 36px;\n    --font-size-40px: 40px;\n    --font-size-48px: 48px;\n    --font-size-56px: 56px;\n    --font-size-64px: 64px;\n    --font-size-72px: 72px;\n    --font-size-80px: 80px;\n    --font-size-96px: 96px;\n\n    --font-weight-100: 100;\n    --font-weight-200: 200;\n    --font-weight-300: 300;\n    --font-weight-400: 400;\n    --font-weight-450: 450;\n    --font-weight-500: 500;\n    --font-weight-550: 550;\n    --font-weight-600: 600;\n    --font-weight-650: 650;\n    --font-weight-700: 700;\n    --font-weight-800: 800;\n    --font-weight-900: 900;\n\n    --font-weight-medium: var(--font-weight-450);\n    --font-weight-semibold: var(--font-weight-550);\n    --font-weight-bold: var(--font-weight-650);\n\n    --backdrop-blur-0: blur(0px);\n    --backdrop-blur-4px: blur(4px);\n    --backdrop-blur-8px: blur(8px);\n    --backdrop-blur-12px: blur(12px);\n    --backdrop-blur-16px: blur(16px);\n    --backdrop-blur-20px: blur(20px);\n\n    --backdrop-blur: var(--backdrop-blur-8px);\n";
 declare const GlobalStyle: import("styled-components").GlobalStyleComponent<CustomGlobalStyleInterface, import("styled-components").DefaultTheme>;
 export default GlobalStyle;
 //# sourceMappingURL=GlobalStyle.d.ts.map

package/dist/ui/themes/ThemeContext.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import { ThemeType } from './types';
 declare const ThemeContext: React.Context<any>;
@@ -7,18 +6,7 @@ interface ThemeWrapperProps {
     defaultTheme?: ThemeType;
     usePreferredColorScheme?: boolean;
 }
-declare const ThemeWrapper: {
-    ({ children, defaultTheme, usePreferredColorScheme, }: ThemeWrapperProps): JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        defaultTheme: PropTypes.Requireable<ThemeType>;
-        usePreferredColorScheme: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        defaultTheme: ThemeType;
-        usePreferredColorScheme: boolean;
-    };
-};
+declare const ThemeWrapper: ({ children, defaultTheme, usePreferredColorScheme, }: ThemeWrapperProps) => JSX.Element;
 declare const ThemeConsumer: React.Consumer<any>;
 export { ThemeConsumer, ThemeContext, ThemeWrapper };
 //# sourceMappingURL=ThemeContext.d.ts.map

package/dist/ui/themes/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../ui/themes/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,YAAY,oBAAsB,CAAC;AAEzC,UAAU,iBAAiB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,YAAY;2DAIf,iBAAiB;;;;;;;;;;CAgGnB,CAAC;AAaF,QAAA,MAAM,aAAa,qBAAwB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../ui/themes/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,YAAY,oBAAsB,CAAC;AAEzC,UAAU,iBAAiB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,YAAY,yDAIf,iBAAiB,gBAgGnB,CAAC;AAEF,QAAA,MAAM,aAAa,qBAAwB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@newtonschool/grauity",
-    "version": "1.0.0",
+    "version": "1.0.2",
     "description": "Design System for Newton School",
     "keywords": [
         "Newton School",
@@ -27,6 +27,11 @@
             "name": "Saksham Bindal",
             "email": "saksham.bindal2004@gmail.com",
             "homepage": "https://github.com/cybersaksham"
+        },
+        {
+            "name": "Shubhaam Tiwary",
+            "email": "shubhaamtiwary@gmail.com",
+            "homepage": "https://github.com/ShubhaamTiwary"
         }
     ],
     "repository": {
@@ -170,8 +175,7 @@
     },
     "dependencies": {
         "classnames": "^2.3.2",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.8.1"
+        "lodash": "^4.17.21"
     },
     "peerDependencies": {
         "react": "18.2.0",