@apolitical/component-library 5.3.4-ac.1 → 5.3.4
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.
- package/discussion/components/form/form.type.d.ts +0 -1
- package/helpers/intl.d.ts +0 -3
- package/index.js +36 -36
- package/index.mjs +3783 -3759
- package/package.json +1 -1
- package/sections/full-width-section/full-width-section.d.ts +2 -0
- package/style.css +1 -1
- package/styles/mixins/_styles.scss +3 -0
- package/styles/variables/colors/_colors.scss +2 -0
- package/styles/variables/colors/theme/_base.scss +2 -1
- package/styles/variables/colors/theme/_layout.scss +2 -2
|
@@ -26,6 +26,9 @@
|
|
|
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
|
+
}
|
|
29
32
|
@if $color == 'dark' {
|
|
30
33
|
background: get-map($theme, 'text_line_dark');
|
|
31
34
|
}
|
|
@@ -38,8 +38,10 @@ $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%),
|
|
41
42
|
'p300': rgb(203 130 197 / 100%),
|
|
42
43
|
'p500': rgb(166 55 152 / 100%),
|
|
44
|
+
'p550': rgb(119 107 224 / 100%),
|
|
43
45
|
'p600': rgb(136 90 189 / 100%),
|
|
44
46
|
'p900': rgb(66 1 55 / 100%),
|
|
45
47
|
'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, '
|
|
9
|
+
highlight_bg: get-map($c, 'b700'),
|
|
10
10
|
title: get-map($c, 'n900'),
|
|
11
11
|
title_secondary: get-map($c, 'p500'),
|
|
12
12
|
subtitle: get-map($c, 'n800'),
|
|
@@ -14,6 +14,7 @@ $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'),
|
|
17
18
|
text_line_dark: get-map($c, 'b700'),
|
|
18
19
|
link: get-map($c, 'b700'),
|
|
19
20
|
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, '
|
|
9
|
+
contact-footer_bg: get-map($c, 'white'),
|
|
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, '
|
|
15
|
+
download-section_bg: get-map($c, 'black'),
|
|
16
16
|
footer: get-map($c, 'g300'),
|
|
17
17
|
footer_bg: get-map($c, 'b800'),
|
|
18
18
|
footer_before_bg:
|