@newtonschool/grauity 1.0.0 → 1.0.1

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 (60) hide show
  1. package/dist/index.d.ts +227 -227
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/main.cjs +1 -1
  4. package/dist/main.cjs.map +1 -1
  5. package/dist/module.mjs +1 -1
  6. package/dist/module.mjs.map +1 -1
  7. package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts +1 -35
  8. package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts.map +1 -1
  9. package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts +2 -35
  10. package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts.map +1 -1
  11. package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts +0 -32
  12. package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts.map +1 -1
  13. package/dist/stories/elements/Table/Manual.stories.d.ts +1 -31
  14. package/dist/stories/elements/Table/Manual.stories.d.ts.map +1 -1
  15. package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts +1 -31
  16. package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts.map +1 -1
  17. package/dist/stories/elements/Table/index.stories.d.ts +1 -31
  18. package/dist/stories/elements/Table/index.stories.d.ts.map +1 -1
  19. package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts +1 -21
  20. package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts.map +1 -1
  21. package/dist/stories/elements/Typography/index.stories.d.ts +1 -21
  22. package/dist/stories/elements/Typography/index.stories.d.ts.map +1 -1
  23. package/dist/stories/helper-components/ColorRenderer/index.d.ts +2 -11
  24. package/dist/stories/helper-components/ColorRenderer/index.d.ts.map +1 -1
  25. package/dist/stories/helper-components/DocPageWithPlayground.d.ts +3 -8
  26. package/dist/stories/helper-components/DocPageWithPlayground.d.ts.map +1 -1
  27. package/dist/stories/helper-components/TokenBlock/index.d.ts +2 -14
  28. package/dist/stories/helper-components/TokenBlock/index.d.ts.map +1 -1
  29. package/dist/ui/elements/Alert/Alert.d.ts.map +1 -1
  30. package/dist/ui/elements/Alert/types.d.ts +1 -1
  31. package/dist/ui/elements/Alert/types.d.ts.map +1 -1
  32. package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -1
  33. package/dist/ui/elements/Button/Button.d.ts.map +1 -1
  34. package/dist/ui/elements/Button/Button.styles.d.ts.map +1 -1
  35. package/dist/ui/elements/Button/ButtonGroup.d.ts +1 -8
  36. package/dist/ui/elements/Button/ButtonGroup.d.ts.map +1 -1
  37. package/dist/ui/elements/Button/IconButton.d.ts.map +1 -1
  38. package/dist/ui/elements/Button/constants.d.ts +14 -20
  39. package/dist/ui/elements/Button/constants.d.ts.map +1 -1
  40. package/dist/ui/elements/Button/types.d.ts +1 -0
  41. package/dist/ui/elements/Button/types.d.ts.map +1 -1
  42. package/dist/ui/elements/Icon/Icon.d.ts +0 -40
  43. package/dist/ui/elements/Icon/Icon.d.ts.map +1 -1
  44. package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts +1 -36
  45. package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts.map +1 -1
  46. package/dist/ui/elements/Modal/Modal.d.ts.map +1 -1
  47. package/dist/ui/elements/Modal/MultiStepModal/index.d.ts +0 -33
  48. package/dist/ui/elements/Modal/MultiStepModal/index.d.ts.map +1 -1
  49. package/dist/ui/elements/Table/Table.d.ts +1 -32
  50. package/dist/ui/elements/Table/Table.d.ts.map +1 -1
  51. package/dist/ui/elements/Typography/Typography.d.ts +1 -22
  52. package/dist/ui/elements/Typography/Typography.d.ts.map +1 -1
  53. package/dist/ui/elements/Typography/types.d.ts +1 -1
  54. package/dist/ui/index.d.ts +5 -3
  55. package/dist/ui/index.d.ts.map +1 -1
  56. package/dist/ui/init/GrauityInit.d.ts +2 -21
  57. package/dist/ui/init/GrauityInit.d.ts.map +1 -1
  58. package/dist/ui/themes/ThemeContext.d.ts +1 -13
  59. package/dist/ui/themes/ThemeContext.d.ts.map +1 -1
  60. package/package.json +2 -3
@@ -1,48 +1,8 @@
1
1
  /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
2
  import { IconProps } from './types';
4
3
  /**
5
4
  * An icon is a glyph used to represent something else.
6
5
  */
7
6
  declare function Icon({ ariaHidden, ariaLabel, as, bordered, circular, color, className, disabled, fitted, flipped, inverted, link, loading, name, rotated, size, style, ...props }: IconProps): JSX.Element;
8
- declare namespace Icon {
9
- var propTypes: {
10
- ariaHidden: PropTypes.Requireable<string>;
11
- ariaLabel: PropTypes.Requireable<string>;
12
- as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
13
- bordered: PropTypes.Requireable<boolean>;
14
- circular: PropTypes.Requireable<boolean>;
15
- color: PropTypes.Requireable<string>;
16
- className: PropTypes.Requireable<string>;
17
- disabled: PropTypes.Requireable<boolean>;
18
- fitted: PropTypes.Requireable<boolean>;
19
- flipped: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_FLIPPED_CHOICES>;
20
- inverted: PropTypes.Requireable<boolean>;
21
- link: PropTypes.Requireable<boolean>;
22
- loading: PropTypes.Requireable<boolean>;
23
- name: PropTypes.Validator<string>;
24
- rotated: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_ROTATED_CHOICES>;
25
- size: PropTypes.Requireable<import("../../core").GRAUITY_SIZE>;
26
- style: PropTypes.Requireable<object>;
27
- };
28
- var defaultProps: {
29
- ariaHidden: string;
30
- ariaLabel: any;
31
- as: string;
32
- bordered: boolean;
33
- circular: boolean;
34
- color: string;
35
- className: any;
36
- disabled: boolean;
37
- fitted: boolean;
38
- flipped: any;
39
- inverted: boolean;
40
- link: boolean;
41
- loading: boolean;
42
- rotated: any;
43
- size: string;
44
- style: any;
45
- };
46
- }
47
7
  export default Icon;
48
8
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;GAEG;AACH,iBAAS,IAAI,CAAC,EACV,UAAU,EACV,SAAS,EACT,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,eA4DX;kBA/EQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHb,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/Icon.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;GAEG;AACH,iBAAS,IAAI,CAAC,EACV,UAAmB,EACnB,SAAS,EACT,EAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,KAAc,EACd,SAAS,EACT,QAAgB,EAChB,MAAc,EACd,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,OAAe,EACf,IAAI,EACJ,OAAO,EACP,IAAW,EACX,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,eA4DX;AAED,eAAe,IAAI,CAAC"}
@@ -1,43 +1,8 @@
1
- import PropTypes from 'prop-types';
2
1
  import { ConfirmationDialogProps } from '../types';
3
2
  /**
4
3
  * A confirmation dialog is a dialog box that asks the user to confirm an action.
5
4
  */
6
- declare const ConfirmationDialog: {
7
- ({ cancelText, confirmText, onCancel, onConfirm, banner, title, description, body, cancelButtonVariant, confirmButtonVariant, showCloseButton, hideOnClickAway, blurBackground, mobileBottomFullWidth, }: ConfirmationDialogProps): JSX.Element;
8
- propTypes: {
9
- cancelText: PropTypes.Requireable<string>;
10
- confirmText: PropTypes.Requireable<string>;
11
- onCancel: PropTypes.Requireable<(...args: any[]) => any>;
12
- onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
13
- banner: PropTypes.Requireable<PropTypes.ReactNodeLike>;
14
- title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
15
- description: PropTypes.Requireable<string>;
16
- body: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
- cancelButtonVariant: PropTypes.Requireable<string>;
18
- confirmButtonVariant: PropTypes.Requireable<string>;
19
- showCloseButton: PropTypes.Requireable<boolean>;
20
- hideOnClickAway: PropTypes.Requireable<boolean>;
21
- blurBackground: PropTypes.Requireable<boolean>;
22
- mobileBottomFullWidth: PropTypes.Requireable<boolean>;
23
- };
24
- defaultProps: {
25
- cancelText: string;
26
- confirmText: string;
27
- banner: any;
28
- title: string;
29
- description: string;
30
- body: any;
31
- onCancel: () => void;
32
- onConfirm: () => void;
33
- cancelButtonVariant: string;
34
- confirmButtonVariant: string;
35
- showCloseButton: boolean;
36
- hideOnClickAway: boolean;
37
- blurBackground: boolean;
38
- mobileBottomFullWidth: boolean;
39
- };
40
- };
5
+ declare const ConfirmationDialog: ({ cancelText, confirmText, onCancel, onConfirm, banner, title, description, body, cancelButtonVariant, confirmButtonVariant, showCloseButton, hideOnClickAway, blurBackground, mobileBottomFullWidth, }: ConfirmationDialogProps) => JSX.Element;
41
6
  export { ConfirmationDialogProps };
42
7
  export default ConfirmationDialog;
43
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,kBAAkB;8MAerB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFzB,CAAC;AAoCF,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,kBAAkB,4MAerB,uBAAuB,gBAsFzB,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,eAAe,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAQ9E,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;GAIG;AACH,QAAA,MAAM,KAAK;aA8FE,yBAAyB;WAC3B,kBAAkB;UACnB,sBAAsB;YACpB,wBAAwB;WACzB,uBAAuB;iBACjB,6BAA6B;UACpC,sBAAsB;YACpB,wBAAwB;aACvB,yBAAyB;CACrC,CAAC;AAgDF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAQ9E,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;GAIG;AACH,QAAA,MAAM,KAAK;aAkGE,yBAAyB;WAC3B,kBAAkB;UACnB,sBAAsB;YACpB,wBAAwB;WACzB,uBAAuB;iBACjB,6BAA6B;UACpC,sBAAsB;YACpB,wBAAwB;aACvB,yBAAyB;CACrC,CAAC;AAYF,eAAe,KAAK,CAAC"}
@@ -1,42 +1,9 @@
1
- import PropTypes from 'prop-types';
2
1
  import { MultiStepModalProps } from '../types';
3
2
  /**
4
3
  * A multi-step modal is a modal that has multiple steps.
5
4
  */
6
5
  declare const MultiStepModal: {
7
6
  ({ modalSteps, showModalStepsPagination, hideOnClickAway, blurBackground, onHide, onFinalStep, mobileBottomFullWidth, onStepChange, modalPadding, modalBodyMargin, width, height, minHeight, showCloseButton, }: MultiStepModalProps): JSX.Element;
8
- propTypes: {
9
- modalSteps: PropTypes.Requireable<any[]>;
10
- showModalStepsPagination: PropTypes.Requireable<boolean>;
11
- hideOnClickAway: PropTypes.Requireable<boolean>;
12
- blurBackground: PropTypes.Requireable<boolean>;
13
- onHide: PropTypes.Requireable<(...args: any[]) => any>;
14
- onFinalStep: PropTypes.Requireable<(...args: any[]) => any>;
15
- mobileBottomFullWidth: PropTypes.Requireable<boolean>;
16
- onStepChange: PropTypes.Requireable<(...args: any[]) => any>;
17
- modalPadding: PropTypes.Requireable<string>;
18
- modalBodyMargin: PropTypes.Requireable<string>;
19
- width: PropTypes.Requireable<string>;
20
- height: PropTypes.Requireable<string>;
21
- minHeight: PropTypes.Requireable<string>;
22
- showCloseButton: PropTypes.Requireable<boolean>;
23
- };
24
- defaultProps: {
25
- modalSteps: any[];
26
- showModalStepsPagination: boolean;
27
- hideOnClickAway: boolean;
28
- blurBackground: boolean;
29
- onHide: () => void;
30
- onFinalStep: () => void;
31
- mobileBottomFullWidth: boolean;
32
- onStepChange: () => void;
33
- modalPadding: string;
34
- modalBodyMargin: string;
35
- width: any;
36
- height: any;
37
- minHeight: any;
38
- showCloseButton: boolean;
39
- };
40
7
  PaginatedActions: import("styled-components").StyledComponent<string, any, {}, never>;
41
8
  Pagination: import("styled-components").StyledComponent<string, any, {}, never>;
42
9
  PaginationItem: import("styled-components").StyledComponent<string, any, import("../types").ModalPaginationItemProps, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;qNAejB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GrB,CAAC;AAwCF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;qNAejB,mBAAmB;;;;CA6GrB,CAAC;AAMF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,eAAe,cAAc,CAAC"}
@@ -1,41 +1,10 @@
1
- import PropTypes from 'prop-types';
2
1
  import { TableProps } from './types';
3
2
  /**
4
3
  * A table is a component that is used to display data in a tabular format.
5
4
  * It is composed of rows and columns.
6
5
  */
7
6
  declare const Table: {
8
- ({ rows, columns, ...props }: TableProps): JSX.Element;
9
- propTypes: {
10
- rows: PropTypes.Requireable<any[]>;
11
- columns: PropTypes.Requireable<any[]>;
12
- condensed: PropTypes.Requireable<boolean>;
13
- striped: PropTypes.Requireable<boolean>;
14
- borderAround: PropTypes.Requireable<boolean>;
15
- borderWithin: PropTypes.Requireable<boolean>;
16
- borderHorizontal: PropTypes.Requireable<boolean>;
17
- borderVertical: PropTypes.Requireable<boolean>;
18
- className: PropTypes.Requireable<string>;
19
- loading: PropTypes.Requireable<boolean>;
20
- style: PropTypes.Requireable<object>;
21
- capitalizeHeaders: PropTypes.Requireable<boolean>;
22
- highlightHeaders: PropTypes.Requireable<boolean>;
23
- };
24
- defaultProps: {
25
- rows: any[];
26
- columns: any[];
27
- condensed: boolean;
28
- striped: boolean;
29
- borderAround: boolean;
30
- borderWithin: boolean;
31
- borderHorizontal: boolean;
32
- borderVertical: boolean;
33
- className: string;
34
- loading: boolean;
35
- style: {};
36
- capitalizeHeaders: boolean;
37
- highlightHeaders: boolean;
38
- };
7
+ ({ rows, columns, condensed, striped, borderAround, borderWithin, borderHorizontal, borderVertical, className, style, capitalizeHeaders, highlightHeaders, }: TableProps): JSX.Element;
39
8
  Table: import("styled-components").StyledComponent<string, any, import("./types").TableComponentProps, never>;
40
9
  TableBody: import("styled-components").StyledComponent<string, any, import("./types").TableBodyComponentProps, never>;
41
10
  TableDataCell: import("styled-components").StyledComponent<string, any, import("./types").TableDataCellComponentProps, never>;
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,3 @@
1
- import PropTypes from 'prop-types';
2
1
  import { TypographyProps } from './types';
3
2
  /**
4
3
  * A typography component can be used to display text in different styles.
@@ -11,26 +10,6 @@ import { TypographyProps } from './types';
11
10
  * If you want the text to be rendered as a different HTML tag, provide your desired
12
11
  * value to prop `as`, such as `'h1'`, `'h2'`, `'p'`, etc.
13
12
  */
14
- declare const Typography: {
15
- ({ variant, as, color, textAlign, textTransform, fontSize, children, }: TypographyProps): JSX.Element;
16
- propTypes: {
17
- variant: PropTypes.Requireable<import("./types").TypographyVariantType>;
18
- as: PropTypes.Requireable<string>;
19
- color: PropTypes.Requireable<string>;
20
- textAlign: PropTypes.Requireable<string>;
21
- textTransform: PropTypes.Requireable<string>;
22
- fontSize: PropTypes.Requireable<string>;
23
- children: PropTypes.Requireable<any>;
24
- };
25
- defaultProps: {
26
- variant: string;
27
- as: string;
28
- color: string;
29
- textAlign: any;
30
- textTransform: any;
31
- fontSize: any;
32
- children: string;
33
- };
34
- };
13
+ declare const Typography: ({ variant, as, color, textAlign, textTransform, fontSize, children, }: TypographyProps) => JSX.Element;
35
14
  export default Typography;
36
15
  //# sourceMappingURL=Typography.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -27,7 +27,7 @@ export interface TypographyProps {
27
27
  * Determines the type of the element rendered
28
28
  * Available choices:
29
29
  *
30
- * Default: `p`
30
+ * Default: `auto` (automatically selects the HTML tag based on the variant)
31
31
  * */
32
32
  as?: TypographyAsType;
33
33
  /**
@@ -2,10 +2,12 @@ import './css/index.scss';
2
2
  export { ICON_TAGS, TAG_ICONS } from './core';
3
3
  export type { GrauityInitProps } from './init';
4
4
  export { GrauityInit } from './init';
5
- export { ThemeConsumer, ThemeContext, ThemeWrapper, } from './themes/ThemeContext';
6
- export { Icon, type IconProps } from './elements/Icon';
7
- export { BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS, BUTTON_VARIANTS_ENUM, type ButtonProps, default as NSButton, ButtonGroup as NSButtonGroup, } from './elements/Button';
5
+ export { ThemeConsumer as NSThemeConsumer, ThemeContext as NSThemeContext, ThemeWrapper as NSThemeWrapper, } from './themes/ThemeContext';
6
+ export { type IconProps, Icon as NSIcon } from './elements/Icon';
7
+ 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';
8
8
  export { default as NSTypography, TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, type TypographyProps, } from './elements/Typography';
9
9
  export { default as NSTable, type TableProps } from './elements/Table';
10
10
  export { type ConfirmationDialogProps, type ModalProps, ConfirmationDialog as NSConfirmationDialog, default as NSModal, MultiStepModal as NSMultiStepModal, } from './elements/Modal';
11
+ export { default as NSSelectDropdown, type SelectDropdownProps, } from './elements/SelectDropdown';
12
+ export { type MultiSelectDropdownProps, default as NSMultiSelectDropdown, } from './elements/MultiSelectDropdown';
11
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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,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"}
@@ -1,10 +1,9 @@
1
- import PropTypes from 'prop-types';
2
1
  import * as React from 'react';
3
2
  export interface GrauityInitProps {
4
3
  /**
5
4
  * An element type to render as (string or function).
6
5
  * */
7
- as: React.ElementType;
6
+ as?: React.ElementType;
8
7
  /**
9
8
  * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.
10
9
  * */
@@ -24,30 +23,12 @@ export interface GrauityInitProps {
24
23
  /**
25
24
  * Additional styles to be added to the component
26
25
  * */
27
- style?: object;
26
+ style?: React.CSSProperties;
28
27
  }
29
28
  /**
30
29
  * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.
31
30
  * But nonetheless all the grauity components should be the children of this component.
32
31
  * */
33
32
  declare function GrauityInit({ as, fontSize, multiplier, className, style, children, }: GrauityInitProps): JSX.Element;
34
- declare namespace GrauityInit {
35
- var propTypes: {
36
- as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
37
- fontSize: PropTypes.Requireable<string>;
38
- multiplier: PropTypes.Requireable<number>;
39
- className: PropTypes.Requireable<string>;
40
- style: PropTypes.Requireable<object>;
41
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
42
- };
43
- var defaultProps: {
44
- as: string;
45
- fontSize: string;
46
- multiplier: number;
47
- className: string;
48
- style: {};
49
- children: any;
50
- };
51
- }
52
33
  export default GrauityInit;
53
34
  //# sourceMappingURL=GrauityInit.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,3 @@
1
- import PropTypes from 'prop-types';
2
1
  import React from 'react';
3
2
  import { ThemeType } from './types';
4
3
  declare const ThemeContext: React.Context<any>;
@@ -7,18 +6,7 @@ interface ThemeWrapperProps {
7
6
  defaultTheme?: ThemeType;
8
7
  usePreferredColorScheme?: boolean;
9
8
  }
10
- declare const ThemeWrapper: {
11
- ({ children, defaultTheme, usePreferredColorScheme, }: ThemeWrapperProps): JSX.Element;
12
- propTypes: {
13
- children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
14
- defaultTheme: PropTypes.Requireable<ThemeType>;
15
- usePreferredColorScheme: PropTypes.Requireable<boolean>;
16
- };
17
- defaultProps: {
18
- defaultTheme: ThemeType;
19
- usePreferredColorScheme: boolean;
20
- };
21
- };
9
+ declare const ThemeWrapper: ({ children, defaultTheme, usePreferredColorScheme, }: ThemeWrapperProps) => JSX.Element;
22
10
  declare const ThemeConsumer: React.Consumer<any>;
23
11
  export { ThemeConsumer, ThemeContext, ThemeWrapper };
24
12
  //# sourceMappingURL=ThemeContext.d.ts.map
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newtonschool/grauity",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Design System for Newton School",
5
5
  "keywords": [
6
6
  "Newton School",
@@ -170,8 +170,7 @@
170
170
  },
171
171
  "dependencies": {
172
172
  "classnames": "^2.3.2",
173
- "lodash": "^4.17.21",
174
- "prop-types": "^15.8.1"
173
+ "lodash": "^4.17.21"
175
174
  },
176
175
  "peerDependencies": {
177
176
  "react": "18.2.0",