@apolitical/component-library 5.2.2 → 5.3.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 (41) hide show
  1. package/discussion/components/add-post/add-post.d.ts +3 -0
  2. package/discussion/components/form/form.type.d.ts +5 -0
  3. package/discussion/components/post/post.d.ts +6 -1
  4. package/discussion/feeds/activities-feed/activities-feed.d.ts +5 -0
  5. package/discussion/feeds/activities-feed/cache/hooks/list/list.hook.d.ts +5 -2
  6. package/discussion/feeds/activities-feed/mocks/activities-feed.mock.d.ts +4 -0
  7. package/discussion/sections/activity-section/activity-section.d.ts +4 -0
  8. package/discussion/sections/activity-section/mocks/activity-section.mock.d.ts +1 -0
  9. package/discussion/shared/helpers/activity.helper.d.ts +3 -1
  10. package/discussion/shared/interfaces/activity.interface.d.ts +1 -0
  11. package/discussion/shared/interfaces/community.category.interface.d.ts +4 -0
  12. package/discussion/shared/interfaces/discussion.interface.d.ts +2 -0
  13. package/discussion/shared/interfaces/index.d.ts +1 -0
  14. package/form/components/form/components/fields/checkbox/checkbox.d.ts +2 -2
  15. package/form/components/form/components/fields/input/input.d.ts +5 -0
  16. package/form/components/form/components/fields/multiple-options/multiple-options.d.ts +1 -1
  17. package/form/components/form/form.types.d.ts +8 -0
  18. package/form/components/rich-text-editor/components/context/context.d.ts +5 -0
  19. package/form/components/rich-text-editor/helpers/handle-text/handle-text.d.ts +1 -0
  20. package/form/components/rich-text-editor/helpers/transform/transform.d.ts +1 -1
  21. package/form/components/rich-text-editor/plugins/index.d.ts +1 -0
  22. package/form/components/rich-text-editor/plugins/with-link-removal-listener/index.d.ts +1 -0
  23. package/form/components/rich-text-editor/plugins/with-link-removal-listener/with-link-removal-listener.d.ts +6 -0
  24. package/form/components/rich-text-editor/rich-text-editor.d.ts +2 -42
  25. package/form/components/rich-text-editor/rich-text-editor.types.d.ts +65 -2
  26. package/helpers/intl.d.ts +5 -0
  27. package/index.js +49 -49
  28. package/index.mjs +7079 -6876
  29. package/navigation/enriched-url/enriched-url.d.ts +26 -20
  30. package/navigation/enriched-url/index.d.ts +1 -1
  31. package/navigation/filters/filters.d.ts +5 -1
  32. package/package.json +1 -1
  33. package/sections/full-width-section/full-width-section.d.ts +0 -2
  34. package/style.css +1 -1
  35. package/styles/base/_accessibility.scss +1 -0
  36. package/styles/base/_text.scss +1 -1
  37. package/styles/mixins/_styles.scss +0 -3
  38. package/styles/variables/colors/_colors.scss +0 -2
  39. package/styles/variables/colors/theme/_base.scss +1 -2
  40. package/styles/variables/colors/theme/_layout.scss +2 -2
  41. package/styles/variables/colors/theme/_navigation.scss +6 -4
@@ -3,6 +3,7 @@
3
3
  @layer base {
4
4
  a,
5
5
  button,
6
+ label,
6
7
  input,
7
8
  textarea,
8
9
  [role='menu'],
@@ -25,7 +25,7 @@ $sup: (
25
25
  'font-size': 10,
26
26
  );
27
27
  $standard-text-elements: p, li, dt, dd, summary;
28
- $special-text-elements: h1, h2, h3, h4, h5, h6, a, small, label;
28
+ $special-text-elements: h1, h2, h3, h4, h5, h6, a, small, label, legend;
29
29
 
30
30
  @layer base {
31
31
  p,
@@ -26,9 +26,6 @@
26
26
  margin-left: -(px-to-rem(math.div($width, 2)));
27
27
  border-radius: px-to-rem($border-radius);
28
28
 
29
- @if $color == 'medium' {
30
- background: get-map($theme, 'text_line_medium');
31
- }
32
29
  @if $color == 'dark' {
33
30
  background: get-map($theme, 'text_line_dark');
34
31
  }
@@ -38,10 +38,8 @@ $default-colors: (
38
38
  'p50': rgb(255 242 255 / 100%),
39
39
  'p75': rgb(250 225 245 / 100%),
40
40
  'p100': rgb(238 200 237 / 100%),
41
- 'p150': rgb(206 197 250 / 100%),
42
41
  'p300': rgb(203 130 197 / 100%),
43
42
  'p500': rgb(166 55 152 / 100%),
44
- 'p550': rgb(119 107 224 / 100%),
45
43
  'p600': rgb(136 90 189 / 100%),
46
44
  'p900': rgb(66 1 55 / 100%),
47
45
  'y50': rgb(255 248 232 / 100%),
@@ -6,7 +6,7 @@ $base: (
6
6
  default_focus: get-map($c, 'b500'),
7
7
  focus_light: get-map($c, 'b300'),
8
8
  background: get-map($c, 'white'),
9
- highlight_bg: get-map($c, 'b700'),
9
+ highlight_bg: get-map($c, 'g300'),
10
10
  title: get-map($c, 'n900'),
11
11
  title_secondary: get-map($c, 'p500'),
12
12
  subtitle: get-map($c, 'n800'),
@@ -14,7 +14,6 @@ $base: (
14
14
  text: get-map($c, 'n900'),
15
15
  text_error: get-map($c, 'error600'),
16
16
  text_line: get-map($c, 'g50'),
17
- text_line_medium: get-map($c, 'b300'),
18
17
  text_line_dark: get-map($c, 'b700'),
19
18
  link: get-map($c, 'b700'),
20
19
  link_hover: get-map($c, 'b800'),
@@ -6,13 +6,13 @@ $layout: (
6
6
  cookie-banner_bg: get-map($c, 'n50'),
7
7
  cookie-banner_shadow: rgb(107 91 82 / 40%),
8
8
  cookie-banner_title_border: get-map($c, 'n100'),
9
- contact-footer_bg: get-map($c, 'white'),
9
+ contact-footer_bg: get-map($c, 'b50'),
10
10
  contact-footer_header_underline: get-map($c, 'g300'),
11
11
  contact-footer_link_icon: get-map($c, 'n700'),
12
12
  contact-footer_link_hover: get-map($c, 'b500'),
13
13
  contact-footer_form_bg: get-map($c, 'white'),
14
14
  contact-footer_form_shadow: rgb(42 49 65 / 10%),
15
- download-section_bg: get-map($c, 'black'),
15
+ download-section_bg: get-map($c, 'g300'),
16
16
  footer: get-map($c, 'g300'),
17
17
  footer_bg: get-map($c, 'b800'),
18
18
  footer_before_bg:
@@ -6,18 +6,20 @@ $navigation: (
6
6
  breadcrumbs: get-map($c, 'n600'),
7
7
  breadcrumbs_hover: get-map($c, 'b500'),
8
8
  enriched-url_bg: get-map($c, 'white'),
9
+ enriched-url_hover_bg: get-map($c, 'n50'),
9
10
  enriched-url_small: get-map($c, 'n600'),
10
11
  enriched-url_border: get-map($c, 'n200'),
11
12
  enriched-url_img_bg: get-map($c, 'n100'),
13
+ enriched-url_icon: get-map($c, 'n700'),
12
14
  filters: get-map($c, 'n700'),
13
- filters_selected: get-map($c, 'g700'),
15
+ filters_selected: get-map($c, 'white'),
14
16
  filters_active: get-map($c, 'n700'),
15
17
  filters_bg: get-map($c, 'n50'),
16
- filters_selected_bg: get-map($c, 'g100'),
18
+ filters_selected_bg: get-map($c, 'n900'),
17
19
  filters_hover_bg: get-map($c, 'n100'),
18
- filters_active_bg: get-map($c, 'g300'),
20
+ filters_active_bg: get-map($c, 'n100'),
19
21
  filters_outline: get-map($c, 'n200'),
20
- filters_selected_outline: get-map($c, 'g200'),
22
+ filters_selected_outline: get-map($c, 'n800'),
21
23
  language-switcher_bg: get-map($c, 'n50'),
22
24
  language-switcher_a: get-map($c, 'n900'),
23
25
  language-switcher_a_selected: get-map($c, 'b700'),