@apolitical/component-library 1.18.8 → 2.0.0

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 (124) hide show
  1. package/communities/join-button/join-button.d.ts +1 -1
  2. package/context/user/index.d.ts +1 -1
  3. package/discussion/components/likes/likes.d.ts +1 -1
  4. package/discussion/feeds/activities-feed/activities-feed.d.ts +7 -0
  5. package/discussion/feeds/replies-feed/nested-replies-feed/nested-replies-feed.d.ts +6 -0
  6. package/discussion/feeds/replies-feed/replies-feed.d.ts +8 -0
  7. package/form/components/email-helper-text-box/email-helper-text-box.d.ts +1 -1
  8. package/form/components/form/components/field-wrapper/field-wrapper.d.ts +3 -0
  9. package/form/components/form/components/field-wrapper/index.d.ts +1 -0
  10. package/form/components/form/components/fields/checkbox/checkbox.d.ts +31 -0
  11. package/form/components/form/components/fields/checkbox/index.d.ts +1 -0
  12. package/form/components/form/components/fields/dropdown-menu/components/index.d.ts +1 -0
  13. package/form/components/form/components/fields/dropdown-menu/components/rotating-chevron/index.d.ts +1 -0
  14. package/form/components/form/components/fields/dropdown-menu/components/rotating-chevron/rotating-chevron.d.ts +6 -0
  15. package/form/components/form/components/fields/dropdown-menu/dropdown-menu.d.ts +3 -0
  16. package/form/components/form/components/fields/dropdown-menu/index.d.ts +1 -0
  17. package/form/components/form/components/fields/index.d.ts +5 -0
  18. package/form/components/form/components/fields/input/index.d.ts +1 -0
  19. package/form/components/form/components/fields/input/input.d.ts +39 -0
  20. package/form/components/form/components/fields/multiple-options/index.d.ts +1 -0
  21. package/form/components/form/components/fields/multiple-options/multiple-options.d.ts +3 -0
  22. package/form/components/form/components/fields/password/index.d.ts +1 -0
  23. package/form/components/form/components/fields/password/password.d.ts +3 -0
  24. package/form/components/form/components/index.d.ts +2 -0
  25. package/form/components/form/form.d.ts +3 -0
  26. package/form/components/form/form.mocks.d.ts +18 -0
  27. package/form/components/form/form.reducer.d.ts +3 -0
  28. package/form/components/form/form.types.d.ts +189 -0
  29. package/form/components/form/index.d.ts +1 -0
  30. package/form/components/index.d.ts +1 -0
  31. package/form/components/password-rules/password-rules.d.ts +1 -1
  32. package/form/components/rating/rating.d.ts +1 -1
  33. package/form/types/contact-form/contact-form.d.ts +12 -0
  34. package/form/types/contact-form/index.d.ts +1 -0
  35. package/form/types/index.d.ts +3 -1
  36. package/form/types/signup-form/components/index.d.ts +1 -0
  37. package/form/types/signup-form/components/success-message.d.ts +4 -0
  38. package/form/types/signup-form/index.d.ts +1 -0
  39. package/form/types/signup-form/signup-form.d.ts +25 -0
  40. package/form/types/signup-form/signup-form.helpers.d.ts +41 -0
  41. package/form/types/signup-form/signup-form.helpers.get-fields.d.ts +56 -0
  42. package/general/buttons/button/button.d.ts +1 -1
  43. package/helpers/in-development.d.ts +1 -0
  44. package/helpers/index.d.ts +4 -3
  45. package/index.js +34 -15
  46. package/index.mjs +5422 -2940
  47. package/layout/content-layout/contact-footer/contact-footer.d.ts +5 -0
  48. package/layout/content-layout/contact-footer/index.d.ts +1 -0
  49. package/layout/content-layout/index.d.ts +1 -0
  50. package/mappers/index.d.ts +1 -1
  51. package/mappers/{mapGetSteamData.d.ts → map-get-steam-data.d.ts} +1 -1
  52. package/modals/index.d.ts +1 -1
  53. package/navigation/filters/filters.d.ts +1 -1
  54. package/navigation/more-menu/more-menu.d.ts +1 -1
  55. package/package.json +2 -1
  56. package/sections/full-width-section/full-width-section.d.ts +2 -0
  57. package/sections/logo-section/logo-section.d.ts +1 -1
  58. package/style.css +1 -1
  59. package/styles/README.md +28 -0
  60. package/styles/base/_accessibility.scss +21 -11
  61. package/styles/base/_blockquotes.scss +31 -20
  62. package/styles/base/_fonts.scss +10 -6
  63. package/styles/base/_hr.scss +9 -8
  64. package/styles/base/_index.scss +2 -13
  65. package/styles/base/_layout.scss +5 -4
  66. package/styles/base/_links.scss +11 -13
  67. package/styles/base/_lists.scss +26 -13
  68. package/styles/base/_overlays.scss +34 -32
  69. package/styles/base/_table.scss +40 -27
  70. package/styles/base/_text.scss +128 -63
  71. package/styles/base/_titles.scss +192 -114
  72. package/styles/base/buttons/_button-wrapper.scss +23 -18
  73. package/styles/base/buttons/_buttons.scss +246 -169
  74. package/styles/base/buttons/_icons.scss +26 -26
  75. package/styles/base/buttons/_index.scss +1 -2
  76. package/styles/base/buttons/_mixins.scss +9 -3
  77. package/styles/base/buttons/_sizes.scss +47 -8
  78. package/styles/base/form/_fields.scss +50 -41
  79. package/styles/base/form/_form.scss +26 -0
  80. package/styles/base/form/_index.scss +1 -2
  81. package/styles/base/form/_labels.scss +12 -0
  82. package/styles/base/form/_search-button.scss +17 -17
  83. package/styles/functions/_index.scss +1 -1
  84. package/styles/functions/_maps.scss +25 -0
  85. package/styles/functions/_size-conversions.scss +3 -3
  86. package/styles/index.scss +3 -5
  87. package/styles/mixins/_animations.scss +1 -1
  88. package/styles/mixins/_backgrounds.scss +8 -2
  89. package/styles/mixins/_breakpoints.scss +1 -1
  90. package/styles/mixins/_browsers.scss +4 -2
  91. package/styles/mixins/_containers.scss +0 -1
  92. package/styles/mixins/_index.scss +2 -8
  93. package/styles/mixins/_queries.scss +11 -0
  94. package/styles/mixins/_selectors.scss +1 -1
  95. package/styles/mixins/_styles.scss +23 -21
  96. package/styles/mixins/_transitions.scss +19 -15
  97. package/styles/reset/_index.scss +1 -1
  98. package/styles/reset/_reset.scss +104 -20
  99. package/styles/variables/_index.scss +1 -3
  100. package/styles/variables/assets/_assets.scss +0 -1
  101. package/styles/variables/assets/_index.scss +1 -1
  102. package/styles/variables/colors/_colors.scss +53 -53
  103. package/styles/variables/colors/_index.scss +1 -1
  104. package/styles/variables/colors/theme/_banners.scss +26 -0
  105. package/styles/variables/colors/theme/_base.scss +88 -0
  106. package/styles/variables/colors/theme/_cards.scss +24 -0
  107. package/styles/variables/colors/theme/_communities.scss +7 -0
  108. package/styles/variables/colors/theme/_discussion.scss +20 -0
  109. package/styles/variables/colors/theme/_form.scss +25 -0
  110. package/styles/variables/colors/theme/_general.scss +9 -0
  111. package/styles/variables/colors/theme/_index.scss +8 -0
  112. package/styles/variables/colors/theme/_layout.scss +50 -0
  113. package/styles/variables/colors/theme/_loaders.scss +20 -0
  114. package/styles/variables/colors/theme/_modals.scss +14 -0
  115. package/styles/variables/colors/theme/_navigation.scss +41 -0
  116. package/styles/variables/colors/theme/_pages.scss +9 -0
  117. package/styles/variables/colors/theme/_text.scss +47 -0
  118. package/styles/variables/colors/theme/_user.scss +16 -0
  119. package/styles/variables/sizes/_common.scss +1 -1
  120. package/styles/variables/sizes/_index.scss +1 -1
  121. package/text/helper-text-box/helper-text-box.d.ts +1 -1
  122. package/text/hide-show-text-box/hide-show-text-box.d.ts +1 -1
  123. package/types/index.d.ts +1 -0
  124. package/styles/variables/colors/_theme.scss +0 -312
@@ -0,0 +1,5 @@
1
+ declare const ContactFooter: ({ onSuccess, onFailure }: {
2
+ onSuccess?: (() => void) | undefined;
3
+ onFailure?: (() => void) | undefined;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ export default ContactFooter;
@@ -0,0 +1 @@
1
+ export { default as ContactFooter } from './contact-footer';
@@ -1,2 +1,3 @@
1
1
  export * from './columns';
2
+ export * from './contact-footer';
2
3
  export * from './top-level-page';
@@ -1 +1 @@
1
- export { default as mapGetStreamData } from './mapGetSteamData';
1
+ export { default as mapGetStreamData } from './map-get-steam-data';
@@ -9,7 +9,7 @@ interface GetStreamData {
9
9
  thumbnail?: string;
10
10
  };
11
11
  }
12
- declare const _default: ({ id, data: { jobTitle, name, organization, thumbnail } }: GetStreamData) => {
12
+ declare const _default: ({ id, data: { jobTitle, name, organization, thumbnail }, }: GetStreamData) => {
13
13
  id: string | undefined;
14
14
  name: string | undefined;
15
15
  jobTitle: string | undefined;
package/modals/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from './modal';
2
1
  export * from './invite-modal';
2
+ export * from './modal';
3
3
  export * from './overlay';
@@ -24,5 +24,5 @@ interface Props {
24
24
  /** The language to use */
25
25
  locale?: string;
26
26
  }
27
- declare const Filters: ({ options, allOption, allowMultiple, onChange, className }: Props) => import("react/jsx-runtime").JSX.Element;
27
+ declare const Filters: ({ options, allOption, allowMultiple, onChange, className, }: Props) => import("react/jsx-runtime").JSX.Element;
28
28
  export default Filters;
@@ -29,7 +29,7 @@ interface Props {
29
29
  /** The language to use */
30
30
  locale?: string;
31
31
  }
32
- declare const MoreMenu: ({ element, id, options, className }: Props) => React.DetailedReactHTMLElement<{
32
+ declare const MoreMenu: ({ element, id, options, className, }: Props) => React.DetailedReactHTMLElement<{
33
33
  ref: React.RefObject<HTMLDivElement | HTMLParagraphElement | HTMLLIElement>;
34
34
  className: string;
35
35
  children: import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apolitical/component-library",
3
- "version": "1.18.8",
3
+ "version": "2.0.0",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -24,6 +24,7 @@
24
24
  "react-cookie": "6.1.1",
25
25
  "react-dom": "18.2.0",
26
26
  "react-error-boundary": "4.0.11",
27
+ "react-google-recaptcha": "3.1.0",
27
28
  "react-intl": "6.5.5",
28
29
  "react-multi-email": "1.0.18",
29
30
  "react-textarea-autosize": "8.5.3",
@@ -3,6 +3,8 @@ interface Props {
3
3
  /** Additional classes */
4
4
  className?: string;
5
5
  children: React.ReactNode | JSX.Element;
6
+ /** Optional ID */
7
+ id?: string;
6
8
  }
7
9
  declare const FullWidthSection: ({ children, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
8
10
  export default FullWidthSection;
@@ -20,5 +20,5 @@ interface Props {
20
20
  /** Additional classes */
21
21
  className?: string;
22
22
  }
23
- declare const LogoSection: ({ title: titleProps, logos, className }: Props) => import("react/jsx-runtime").JSX.Element | null;
23
+ declare const LogoSection: ({ title: titleProps, logos, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
24
24
  export default LogoSection;