@apolitical/component-library 4.1.3-beta.1 → 4.1.4-beta.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.
- package/discussion/components/post/components/blockquote/blockquote.d.ts +6 -0
- package/discussion/components/post/components/blockquote/index.d.ts +1 -0
- package/discussion/components/post/components/index.d.ts +1 -0
- package/form/components/rich-text-editor/components/context/context.d.ts +3 -0
- package/form/components/rich-text-editor/components/toolbar/components/block-option/block-option.helpers.d.ts +3 -1
- package/form/components/rich-text-editor/components/toolbar/components/link-editor/link-editor.helpers.d.ts +4 -3
- package/form/components/rich-text-editor/components/toolbar/components/mark-option/mark-option.helpers.d.ts +2 -2
- package/form/components/rich-text-editor/plugins/with-linlines/with-inlines.d.ts +2 -1
- package/form/components/rich-text-editor/plugins/without-empty-links/without-empty-links.d.ts +2 -1
- package/form/components/rich-text-editor/rich-text-editor.d.ts +9 -3
- package/form/components/rich-text-editor/rich-text-editor.types.d.ts +1 -0
- package/index.js +40 -40
- package/index.mjs +5611 -5528
- package/package.json +1 -1
- package/style.css +1 -1
- package/styles/base/_blockquotes.scss +21 -0
- package/styles/variables/colors/theme/_base.scss +2 -1
|
@@ -11,6 +11,11 @@ $blockquote: (
|
|
|
11
11
|
'font-size_md': 20,
|
|
12
12
|
'line-height': 28,
|
|
13
13
|
'border-width': 6,
|
|
14
|
+
'subtle': (
|
|
15
|
+
'font-size': 16,
|
|
16
|
+
'font-size_md': 18,
|
|
17
|
+
'border-width': 3,
|
|
18
|
+
),
|
|
14
19
|
);
|
|
15
20
|
|
|
16
21
|
@layer base {
|
|
@@ -27,6 +32,18 @@ $blockquote: (
|
|
|
27
32
|
border-left: px-to-rem(get-map($blockquote, 'border-width')) solid
|
|
28
33
|
get-map($theme, 'blockquote_border');
|
|
29
34
|
|
|
35
|
+
&.subtle {
|
|
36
|
+
font-size: px-to-rem(get-map($blockquote, 'subtle', 'font-size'));
|
|
37
|
+
font-weight: normal;
|
|
38
|
+
font-style: normal;
|
|
39
|
+
border-left-width: px-to-rem(get-map($blockquote, 'subtle', 'border-width'));
|
|
40
|
+
border-left-color: get-map($theme, 'blockquote_subtle_border');
|
|
41
|
+
|
|
42
|
+
strong {
|
|
43
|
+
font-weight: 900;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
30
47
|
p,
|
|
31
48
|
span,
|
|
32
49
|
strong,
|
|
@@ -46,6 +63,10 @@ $blockquote: (
|
|
|
46
63
|
margin-top: px-to-rem(get-map($blockquote, 'margin-top_md'));
|
|
47
64
|
margin-bottom: px-to-rem(get-map($blockquote, 'margin-bottom_md'));
|
|
48
65
|
font-size: px-to-rem(get-map($blockquote, 'font-size_md'));
|
|
66
|
+
|
|
67
|
+
&.subtle {
|
|
68
|
+
font-size: px-to-rem(get-map($blockquote, 'subtle', 'font-size_md'));
|
|
69
|
+
}
|
|
49
70
|
}
|
|
50
71
|
}
|
|
51
72
|
}
|
|
@@ -62,7 +62,8 @@ $base: (
|
|
|
62
62
|
button_tertiary_text-decoration: transparent,
|
|
63
63
|
button_tertiary_disabled_text-decoration: transparent,
|
|
64
64
|
blockquote: get-map($c, 'n900'),
|
|
65
|
-
|
|
65
|
+
blockquote_border: get-map($c, 'g300'),
|
|
66
|
+
blockquote_subtle_border: get-map($c, 'n200'),
|
|
66
67
|
divider: get-map($c, 'n100'),
|
|
67
68
|
form_character-limit: get-map($c, 'n600'),
|
|
68
69
|
form_character-limit_approaching: get-map($c, 'warning700'),
|