From b593875f3561e334412f9d7e2fbe81007ed8098e Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Tue, 28 Apr 2020 00:38:52 -0300 Subject: [PATCH] feat: New Box props (#213) --- packages/fuselage-tokens/typography.js | 106 ++- packages/fuselage-tokens/typography.scss | 19 +- packages/fuselage-ui-kit/src/Section.js | 2 +- packages/fuselage-ui-kit/src/index.js | 2 +- ...hrome_iphone7_Box_Modifiers_Flex_Align.png | Bin 12089 -> 0 bytes ...hone7_Box_Modifiers_Flex_Align_Content.png | Bin 23285 -> 0 bytes ...iphone7_Box_Modifiers_Flex_Align_Items.png | Bin 10459 -> 0 bytes ...hrome_iphone7_Box_Modifiers_Flex_Basis.png | Bin 7354 -> 0 bytes ...ome_iphone7_Box_Modifiers_Flex_Default.png | Bin 7303 -> 0 bytes ...e_iphone7_Box_Modifiers_Flex_Direction.png | Bin 6784 -> 0 bytes ...chrome_iphone7_Box_Modifiers_Flex_Grow.png | Bin 7354 -> 0 bytes ...ne7_Box_Modifiers_Flex_Justify_Content.png | Bin 7134 -> 0 bytes ...hrome_iphone7_Box_Modifiers_Flex_Order.png | Bin 6849 -> 0 bytes ...rome_iphone7_Box_Modifiers_Flex_Shrink.png | Bin 7354 -> 0 bytes ...chrome_iphone7_Box_Modifiers_Flex_Wrap.png | Bin 19676 -> 0 bytes ...ome_iphone7_Box_Plain_Text_Text_colors.png | Bin 18852 -> 0 bytes ...ome_iphone7_Box_Plain_Text_Text_styles.png | Bin 9415 -> 0 bytes ...me_iphone7_Box_Props_Background_colors.png | Bin 0 -> 2044 bytes .../chrome_iphone7_Box_Props_Border_radii.png | Bin 0 -> 3779 bytes .../chrome_iphone7_Box_Props_Borders.png | Bin 0 -> 6059 bytes .../chrome_iphone7_Box_Props_Colors.png | Bin 0 -> 78682 bytes .../chrome_iphone7_Box_Props_Display.png | Bin 0 -> 8114 bytes ...chrome_iphone7_Box_Props_Font_families.png | Bin 0 -> 22673 bytes .../chrome_iphone7_Box_Props_Font_scales.png | Bin 0 -> 8992 bytes .../chrome_iphone7_Box_Props_Font_sizes.png | Bin 0 -> 21137 bytes .../chrome_iphone7_Box_Props_Font_styles.png | Bin 0 -> 4621 bytes .../chrome_iphone7_Box_Props_Font_weights.png | Bin 0 -> 28153 bytes .../chrome_iphone7_Box_Props_Heights.png | Bin 0 -> 859 bytes .../chrome_iphone7_Box_Props_Inset.png | Bin 0 -> 4187 bytes .../chrome_iphone7_Box_Props_Invisible.png | Bin 0 -> 595 bytes ...hrome_iphone7_Box_Props_Letter_spacing.png | Bin 0 -> 13268 bytes .../chrome_iphone7_Box_Props_Line_heights.png | Bin 0 -> 14539 bytes .../chrome_iphone7_Box_Props_Margins.png | Bin 0 -> 2262 bytes .../chrome_iphone7_Box_Props_Opacity.png | Bin 0 -> 238 bytes .../chrome_iphone7_Box_Props_Paddings.png | Bin 0 -> 2253 bytes .../chrome_iphone7_Box_Props_Position.png | Bin 0 -> 777 bytes .../chrome_iphone7_Box_Props_Sizes.png | Bin 0 -> 859 bytes ...hrome_iphone7_Box_Props_Text_alignment.png | Bin 0 -> 7938 bytes ...rome_iphone7_Box_Props_Text_decoration.png | Bin 0 -> 11252 bytes ...hrome_iphone7_Box_Props_Text_transform.png | Bin 0 -> 13500 bytes ...e_iphone7_Box_Props_Vertical_alignment.png | Bin 0 -> 14520 bytes .../chrome_iphone7_Box_Props_Widths.png | Bin 0 -> 549 bytes ...me_iphone7_Box_Props_With_rich_content.png | Bin 0 -> 18259 bytes ..._iphone7_Box_Props_With_truncated_text.png | Bin 0 -> 2705 bytes .../chrome_iphone7_Box_Props_Z_index.png | Bin 0 -> 533 bytes ...g => chrome_iphone7_Box_Props_is_prop.png} | Bin .../chrome_iphone7_Box_Rich_Text_abbr.png | Bin 2204 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_b.png | Bin 4376 -> 0 bytes ...one7_Box_Rich_Text_blockquote_and_cite.png | Bin 26521 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_code.png | Bin 3171 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_default.png | Bin 2604 -> 0 bytes ...rome_iphone7_Box_Rich_Text_del_and_ins.png | Bin 4829 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_dfn.png | Bin 7355 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_dl.png | Bin 25079 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_em.png | Bin 4378 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_hx.png | Bin 18857 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_i.png | Bin 21508 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_kbd.png | Bin 3333 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_ol.png | Bin 10416 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_p.png | Bin 2645 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_pre.png | Bin 31927 -> 0 bytes ...me_iphone7_Box_Rich_Text_pre_with_code.png | Bin 33150 -> 0 bytes ...hrome_iphone7_Box_Rich_Text_q_and_cite.png | Bin 21103 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_small.png | Bin 2639 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_strong.png | Bin 5850 -> 0 bytes ...rome_iphone7_Box_Rich_Text_sup_and_sub.png | Bin 7247 -> 0 bytes ...me_iphone7_Box_Rich_Text_table_complex.png | Bin 22286 -> 0 bytes ...ome_iphone7_Box_Rich_Text_table_simple.png | Bin 16139 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_ul.png | Bin 11618 -> 0 bytes .../chrome_iphone7_Box_Rich_Text_var.png | Bin 2883 -> 0 bytes ... => chrome_iphone7_Box_Rich_content_a.png} | Bin .../chrome_iphone7_Box_Rich_content_abbr.png | Bin 0 -> 2114 bytes .../chrome_iphone7_Box_Rich_content_b.png | Bin 0 -> 3956 bytes ...7_Box_Rich_content_blockquote_and_cite.png | Bin 0 -> 32331 bytes .../chrome_iphone7_Box_Rich_content_code.png | Bin 0 -> 3046 bytes ...e_iphone7_Box_Rich_content_del_and_ins.png | Bin 0 -> 2728 bytes .../chrome_iphone7_Box_Rich_content_dfn.png | Bin 0 -> 3872 bytes .../chrome_iphone7_Box_Rich_content_dl.png | Bin 0 -> 38267 bytes .../chrome_iphone7_Box_Rich_content_em.png | Bin 0 -> 4093 bytes .../chrome_iphone7_Box_Rich_content_hx.png | Bin 0 -> 20528 bytes .../chrome_iphone7_Box_Rich_content_i.png | Bin 0 -> 18696 bytes .../chrome_iphone7_Box_Rich_content_kbd.png | Bin 0 -> 3229 bytes .../chrome_iphone7_Box_Rich_content_ol.png | Bin 0 -> 14407 bytes .../chrome_iphone7_Box_Rich_content_p.png | Bin 0 -> 3197 bytes .../chrome_iphone7_Box_Rich_content_pre.png | Bin 0 -> 30673 bytes ...iphone7_Box_Rich_content_pre_with_code.png | Bin 0 -> 33038 bytes ...me_iphone7_Box_Rich_content_q_and_cite.png | Bin 0 -> 18468 bytes .../chrome_iphone7_Box_Rich_content_small.png | Bin 0 -> 2498 bytes ...chrome_iphone7_Box_Rich_content_strong.png | Bin 0 -> 5264 bytes ...e_iphone7_Box_Rich_content_sup_and_sub.png | Bin 0 -> 2784 bytes ...iphone7_Box_Rich_content_table_complex.png | Bin 0 -> 24878 bytes ..._iphone7_Box_Rich_content_table_simple.png | Bin 0 -> 18340 bytes ... chrome_iphone7_Box_Rich_content_time.png} | Bin .../chrome_iphone7_Box_Rich_content_ul.png | Bin 0 -> 15225 bytes .../chrome_iphone7_Box_Rich_content_var.png | Bin 0 -> 2786 bytes ...me_iphone7_Box_componentClassName_prop.png | Bin 9781 -> 0 bytes .../chrome_iphone7_Box_invisible_prop.png | Bin 2934 -> 0 bytes ...phone7_Forms_Inputs_SelectInput_States.png | Bin 100707 -> 93781 bytes ...e_iphone7_Typography_Paragraph_Default.png | Bin 48524 -> 0 bytes ...iphone7_Typography_Paragraph_Rich_text.png | Bin 18963 -> 0 bytes ..._iphone7_Typography_Paragraph_Skeleton.png | Bin 1025 -> 0 bytes ...chrome_laptop_Box_Modifiers_Flex_Align.png | Bin 7017 -> 0 bytes ...aptop_Box_Modifiers_Flex_Align_Content.png | Bin 10408 -> 0 bytes ..._laptop_Box_Modifiers_Flex_Align_Items.png | Bin 5760 -> 0 bytes ...chrome_laptop_Box_Modifiers_Flex_Basis.png | Bin 3751 -> 0 bytes ...rome_laptop_Box_Modifiers_Flex_Default.png | Bin 3931 -> 0 bytes ...me_laptop_Box_Modifiers_Flex_Direction.png | Bin 3934 -> 0 bytes .../chrome_laptop_Box_Modifiers_Flex_Grow.png | Bin 3724 -> 0 bytes ...top_Box_Modifiers_Flex_Justify_Content.png | Bin 3238 -> 0 bytes ...chrome_laptop_Box_Modifiers_Flex_Order.png | Bin 3955 -> 0 bytes ...hrome_laptop_Box_Modifiers_Flex_Shrink.png | Bin 3724 -> 0 bytes .../chrome_laptop_Box_Modifiers_Flex_Wrap.png | Bin 7629 -> 0 bytes ...rome_laptop_Box_Plain_Text_Text_colors.png | Bin 8675 -> 0 bytes ...rome_laptop_Box_Plain_Text_Text_styles.png | Bin 4843 -> 0 bytes ...ome_laptop_Box_Props_Background_colors.png | Bin 0 -> 713 bytes .../chrome_laptop_Box_Props_Border_radii.png | Bin 0 -> 1997 bytes .../chrome_laptop_Box_Props_Borders.png | Bin 0 -> 2376 bytes .../chrome_laptop_Box_Props_Colors.png | Bin 0 -> 30966 bytes .../chrome_laptop_Box_Props_Display.png | Bin 0 -> 3759 bytes .../chrome_laptop_Box_Props_Font_families.png | Bin 0 -> 10024 bytes .../chrome_laptop_Box_Props_Font_scales.png | Bin 0 -> 4501 bytes .../chrome_laptop_Box_Props_Font_sizes.png | Bin 0 -> 10712 bytes .../chrome_laptop_Box_Props_Font_styles.png | Bin 0 -> 2195 bytes .../chrome_laptop_Box_Props_Font_weights.png | Bin 0 -> 14092 bytes .../chrome_laptop_Box_Props_Heights.png | Bin 0 -> 690 bytes .../chrome_laptop_Box_Props_Inset.png | Bin 0 -> 1053 bytes .../chrome_laptop_Box_Props_Invisible.png | Bin 0 -> 487 bytes ...chrome_laptop_Box_Props_Letter_spacing.png | Bin 0 -> 6641 bytes .../chrome_laptop_Box_Props_Line_heights.png | Bin 0 -> 7430 bytes .../chrome_laptop_Box_Props_Margins.png | Bin 0 -> 949 bytes .../chrome_laptop_Box_Props_Opacity.png | Bin 0 -> 137 bytes .../chrome_laptop_Box_Props_Paddings.png | Bin 0 -> 942 bytes .../chrome_laptop_Box_Props_Position.png | Bin 0 -> 631 bytes .../chrome_laptop_Box_Props_Sizes.png | Bin 0 -> 694 bytes ...chrome_laptop_Box_Props_Text_alignment.png | Bin 0 -> 4124 bytes ...hrome_laptop_Box_Props_Text_decoration.png | Bin 0 -> 5296 bytes ...chrome_laptop_Box_Props_Text_transform.png | Bin 0 -> 6886 bytes ...me_laptop_Box_Props_Vertical_alignment.png | Bin 0 -> 6886 bytes .../chrome_laptop_Box_Props_Widths.png | Bin 0 -> 455 bytes ...ome_laptop_Box_Props_With_rich_content.png | Bin 0 -> 8903 bytes ...e_laptop_Box_Props_With_truncated_text.png | Bin 0 -> 1365 bytes .../chrome_laptop_Box_Props_Z_index.png | Bin 0 -> 458 bytes ...ng => chrome_laptop_Box_Props_is_prop.png} | Bin .../chrome_laptop_Box_Rich_Text_abbr.png | Bin 1201 -> 0 bytes .../chrome_laptop_Box_Rich_Text_b.png | Bin 2145 -> 0 bytes ...ptop_Box_Rich_Text_blockquote_and_cite.png | Bin 9388 -> 0 bytes .../chrome_laptop_Box_Rich_Text_code.png | Bin 1336 -> 0 bytes .../chrome_laptop_Box_Rich_Text_default.png | Bin 1236 -> 0 bytes ...hrome_laptop_Box_Rich_Text_del_and_ins.png | Bin 2251 -> 0 bytes .../chrome_laptop_Box_Rich_Text_dfn.png | Bin 3256 -> 0 bytes .../chrome_laptop_Box_Rich_Text_dl.png | Bin 11533 -> 0 bytes .../chrome_laptop_Box_Rich_Text_em.png | Bin 1979 -> 0 bytes .../chrome_laptop_Box_Rich_Text_hx.png | Bin 9461 -> 0 bytes .../chrome_laptop_Box_Rich_Text_i.png | Bin 7651 -> 0 bytes .../chrome_laptop_Box_Rich_Text_kbd.png | Bin 1574 -> 0 bytes .../chrome_laptop_Box_Rich_Text_ol.png | Bin 4900 -> 0 bytes .../chrome_laptop_Box_Rich_Text_p.png | Bin 1341 -> 0 bytes .../chrome_laptop_Box_Rich_Text_pre.png | Bin 14372 -> 0 bytes ...ome_laptop_Box_Rich_Text_pre_with_code.png | Bin 15295 -> 0 bytes ...chrome_laptop_Box_Rich_Text_q_and_cite.png | Bin 7648 -> 0 bytes .../chrome_laptop_Box_Rich_Text_small.png | Bin 1154 -> 0 bytes .../chrome_laptop_Box_Rich_Text_strong.png | Bin 2581 -> 0 bytes ...hrome_laptop_Box_Rich_Text_sup_and_sub.png | Bin 2975 -> 0 bytes ...ome_laptop_Box_Rich_Text_table_complex.png | Bin 10615 -> 0 bytes ...rome_laptop_Box_Rich_Text_table_simple.png | Bin 7607 -> 0 bytes .../chrome_laptop_Box_Rich_Text_ul.png | Bin 5472 -> 0 bytes .../chrome_laptop_Box_Rich_Text_var.png | Bin 1505 -> 0 bytes ...g => chrome_laptop_Box_Rich_content_a.png} | Bin .../chrome_laptop_Box_Rich_content_abbr.png | Bin 0 -> 1123 bytes .../chrome_laptop_Box_Rich_content_b.png | Bin 0 -> 2046 bytes ...p_Box_Rich_content_blockquote_and_cite.png | Bin 0 -> 12446 bytes .../chrome_laptop_Box_Rich_content_code.png | Bin 0 -> 1358 bytes ...me_laptop_Box_Rich_content_del_and_ins.png | Bin 0 -> 1175 bytes .../chrome_laptop_Box_Rich_content_dfn.png | Bin 0 -> 1824 bytes .../chrome_laptop_Box_Rich_content_dl.png | Bin 0 -> 16138 bytes .../chrome_laptop_Box_Rich_content_em.png | Bin 0 -> 1896 bytes .../chrome_laptop_Box_Rich_content_hx.png | Bin 0 -> 9921 bytes .../chrome_laptop_Box_Rich_content_i.png | Bin 0 -> 7407 bytes .../chrome_laptop_Box_Rich_content_kbd.png | Bin 0 -> 1528 bytes .../chrome_laptop_Box_Rich_content_ol.png | Bin 0 -> 6703 bytes .../chrome_laptop_Box_Rich_content_p.png | Bin 0 -> 1545 bytes .../chrome_laptop_Box_Rich_content_pre.png | Bin 0 -> 14134 bytes ..._laptop_Box_Rich_content_pre_with_code.png | Bin 0 -> 15165 bytes ...ome_laptop_Box_Rich_content_q_and_cite.png | Bin 0 -> 7528 bytes .../chrome_laptop_Box_Rich_content_small.png | Bin 0 -> 1064 bytes .../chrome_laptop_Box_Rich_content_strong.png | Bin 0 -> 2509 bytes ...me_laptop_Box_Rich_content_sup_and_sub.png | Bin 0 -> 1262 bytes ..._laptop_Box_Rich_content_table_complex.png | Bin 0 -> 12112 bytes ...e_laptop_Box_Rich_content_table_simple.png | Bin 0 -> 8952 bytes ...> chrome_laptop_Box_Rich_content_time.png} | Bin .../chrome_laptop_Box_Rich_content_ul.png | Bin 0 -> 6820 bytes .../chrome_laptop_Box_Rich_content_var.png | Bin 0 -> 1439 bytes ...ome_laptop_Box_componentClassName_prop.png | Bin 4966 -> 0 bytes .../chrome_laptop_Box_invisible_prop.png | Bin 1409 -> 0 bytes ...laptop_Forms_Inputs_SelectInput_States.png | Bin 61620 -> 49417 bytes ...me_laptop_Typography_Paragraph_Default.png | Bin 12702 -> 0 bytes ..._laptop_Typography_Paragraph_Rich_text.png | Bin 7929 -> 0 bytes ...e_laptop_Typography_Paragraph_Skeleton.png | Bin 776 -> 0 bytes packages/fuselage/.storybook/helpers.js | 10 +- packages/fuselage/package.json | 4 +- .../fuselage/src/components/Accordion/Item.js | 10 +- .../src/components/Accordion/Item.stories.mdx | 12 +- .../src/components/Accordion/index.js | 2 +- .../src/components/Accordion/stories.mdx | 6 +- .../src/components/AutoComplete/index.js | 57 +- .../fuselage/src/components/Avatar/index.js | 10 +- .../Box/AnimatedVisibility/index.js | 7 +- .../src/components/Box/Flex/stories.mdx | 209 ------ .../src/components/Box/Margins/index.js | 17 +- .../src/components/Box/PlainText.stories.mdx | 41 -- .../src/components/Box/Position/index.js | 17 +- .../src/components/Box/RichText.stories.mdx | 333 --------- .../src/components/Box/Scrollable/index.js | 60 +- packages/fuselage/src/components/Box/index.js | 245 +++++-- .../src/components/Box/mapClassNames.js | 48 ++ .../fuselage/src/components/Box/mergeProps.js | 75 ++ .../src/components/Box/props.stories.mdx | 653 ++++++++++++++++++ .../components/Box/richContent.stories.mdx | 283 ++++++++ .../fuselage/src/components/Box/stories.mdx | 45 +- .../fuselage/src/components/Box/styles.scss | 49 -- .../fuselage/src/components/Box/useCss.js | 28 - .../src/components/Box/useFlexBoxProps.js | 56 -- .../src/components/Box/useLayoutProps.js | 56 -- .../src/components/Box/useMergedProps.js | 68 -- .../src/components/Box/useSpaceProps.js | 246 ------- .../fuselage/src/components/Button/index.js | 18 +- .../src/components/ButtonGroup/index.js | 12 +- .../fuselage/src/components/Callout/index.js | 8 +- .../fuselage/src/components/CheckBox/index.js | 6 +- .../src/components/CheckBox/styles.scss | 4 +- .../fuselage/src/components/Chevron/index.js | 12 +- .../src/components/Chevron/stories.mdx | 13 +- .../fuselage/src/components/Chip/index.js | 6 +- .../fuselage/src/components/Divider/index.js | 2 +- .../fuselage/src/components/Field/index.js | 12 +- .../src/components/FieldGroup/index.js | 4 +- .../fuselage/src/components/Grid/index.js | 26 +- .../fuselage/src/components/Headline/index.js | 4 +- .../fuselage/src/components/Icon/index.js | 22 +- .../fuselage/src/components/Icon/stories.mdx | 4 +- .../src/components/InputBox/Option.js | 4 +- .../src/components/InputBox/Placeholder.js | 4 +- .../fuselage/src/components/InputBox/index.js | 30 +- .../fuselage/src/components/Label/index.js | 2 +- .../fuselage/src/components/Modal/Stack.js | 2 +- .../fuselage/src/components/Modal/index.js | 10 +- .../fuselage/src/components/Modal/styles.scss | 2 +- .../fuselage/src/components/Options/index.js | 28 +- .../src/components/Options/stories.mdx | 6 +- .../src/components/Pagination/index.js | 77 ++- .../src/components/RadioButton/index.js | 6 +- .../src/components/RadioButton/styles.scss | 4 +- .../src/components/Select/MultiSelect.js | 28 +- .../fuselage/src/components/Select/Select.js | 30 +- .../src/components/Select/stories.mdx | 16 +- .../src/components/SelectInput/stories.mdx | 4 +- .../fuselage/src/components/Skeleton/index.js | 11 +- .../fuselage/src/components/Subtitle/index.js | 4 +- .../fuselage/src/components/Table/index.js | 36 +- .../fuselage/src/components/Tabs/index.js | 10 +- packages/fuselage/src/components/Tag/index.js | 16 +- .../fuselage/src/components/Throbber/index.js | 26 +- .../src/components/Throbber/stories.mdx | 6 +- .../fuselage/src/components/Tile/index.js | 6 +- .../src/components/ToggleSwitch/index.js | 6 +- .../fuselage/src/components/Tooltip/index.js | 6 +- .../src/components/Tooltip/styles.scss | 2 +- packages/fuselage/src/propTypes/margins.js | 63 -- packages/fuselage/src/propTypes/paddings.js | 59 -- packages/fuselage/src/propTypes/sizes.js | 65 -- packages/fuselage/src/styles/colors.scss | 100 +-- packages/fuselage/src/styles/helpers.js | 134 ++++ packages/fuselage/src/styles/lengths.scss | 8 +- packages/fuselage/src/styles/props/borders.js | 287 ++++++++ packages/fuselage/src/styles/props/colors.js | 127 ++++ packages/fuselage/src/styles/props/flexBox.js | 47 ++ packages/fuselage/src/styles/props/layout.js | 111 +++ .../fuselage/src/styles/props/position.js | 115 +++ packages/fuselage/src/styles/props/spaces.js | 171 +++++ packages/fuselage/src/styles/props/special.js | 254 +++++++ .../fuselage/src/styles/props/typography.js | 139 ++++ packages/fuselage/src/styles/typography.scss | 51 +- yarn.lock | 15 +- 283 files changed, 3156 insertions(+), 1901 deletions(-) delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align_Content.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align_Items.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Basis.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Default.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Direction.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Grow.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Justify_Content.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Order.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Shrink.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Wrap.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Plain_Text_Text_colors.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Plain_Text_Text_styles.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Background_colors.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Border_radii.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Borders.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Colors.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Display.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Font_families.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Font_scales.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Font_sizes.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Font_styles.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Font_weights.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Heights.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Inset.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Invisible.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Letter_spacing.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Line_heights.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Margins.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Opacity.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Paddings.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Position.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Sizes.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Text_alignment.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Text_decoration.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Text_transform.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Vertical_alignment.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Widths.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_With_rich_content.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_With_truncated_text.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Props_Z_index.png rename packages/fuselage/.loki/reference/{chrome_iphone7_Box_is_prop.png => chrome_iphone7_Box_Props_is_prop.png} (100%) delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_abbr.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_b.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_blockquote_and_cite.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_code.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_default.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_del_and_ins.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_dfn.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_dl.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_em.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_hx.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_i.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_kbd.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_ol.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_p.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_pre.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_pre_with_code.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_q_and_cite.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_small.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_strong.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_sup_and_sub.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_table_complex.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_table_simple.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_ul.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_Text_var.png rename packages/fuselage/.loki/reference/{chrome_iphone7_Box_Rich_Text_a.png => chrome_iphone7_Box_Rich_content_a.png} (100%) create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_abbr.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_b.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_blockquote_and_cite.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_code.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_del_and_ins.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_dfn.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_dl.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_em.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_hx.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_i.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_kbd.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_ol.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_p.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_pre.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_pre_with_code.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_q_and_cite.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_small.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_strong.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_sup_and_sub.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_table_complex.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_table_simple.png rename packages/fuselage/.loki/reference/{chrome_iphone7_Box_Rich_Text_time.png => chrome_iphone7_Box_Rich_content_time.png} (100%) create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_ul.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_Rich_content_var.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_componentClassName_prop.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Box_invisible_prop.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Typography_Paragraph_Default.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Typography_Paragraph_Rich_text.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Typography_Paragraph_Skeleton.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Align.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Align_Content.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Align_Items.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Basis.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Default.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Direction.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Grow.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Justify_Content.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Order.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Shrink.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Modifiers_Flex_Wrap.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Plain_Text_Text_colors.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Plain_Text_Text_styles.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Background_colors.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Border_radii.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Borders.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Colors.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Display.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Font_families.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Font_scales.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Font_sizes.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Font_styles.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Font_weights.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Heights.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Inset.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Invisible.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Letter_spacing.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Line_heights.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Margins.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Opacity.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Paddings.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Position.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Sizes.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Text_alignment.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Text_decoration.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Text_transform.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Vertical_alignment.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Widths.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_With_rich_content.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_With_truncated_text.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Props_Z_index.png rename packages/fuselage/.loki/reference/{chrome_laptop_Box_is_prop.png => chrome_laptop_Box_Props_is_prop.png} (100%) delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_abbr.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_b.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_blockquote_and_cite.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_code.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_default.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_del_and_ins.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_dfn.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_dl.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_em.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_hx.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_i.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_kbd.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_ol.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_p.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_pre.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_pre_with_code.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_q_and_cite.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_small.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_strong.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_sup_and_sub.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_table_complex.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_table_simple.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_ul.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_Text_var.png rename packages/fuselage/.loki/reference/{chrome_laptop_Box_Rich_Text_a.png => chrome_laptop_Box_Rich_content_a.png} (100%) create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_abbr.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_b.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_blockquote_and_cite.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_code.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_del_and_ins.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_dfn.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_dl.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_em.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_hx.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_i.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_kbd.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_ol.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_p.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_pre.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_pre_with_code.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_q_and_cite.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_small.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_strong.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_sup_and_sub.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_table_complex.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_table_simple.png rename packages/fuselage/.loki/reference/{chrome_laptop_Box_Rich_Text_time.png => chrome_laptop_Box_Rich_content_time.png} (100%) create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_ul.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_Rich_content_var.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_componentClassName_prop.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Box_invisible_prop.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Typography_Paragraph_Default.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Typography_Paragraph_Rich_text.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Typography_Paragraph_Skeleton.png delete mode 100644 packages/fuselage/src/components/Box/Flex/stories.mdx delete mode 100644 packages/fuselage/src/components/Box/PlainText.stories.mdx delete mode 100644 packages/fuselage/src/components/Box/RichText.stories.mdx create mode 100644 packages/fuselage/src/components/Box/mapClassNames.js create mode 100644 packages/fuselage/src/components/Box/mergeProps.js create mode 100644 packages/fuselage/src/components/Box/props.stories.mdx create mode 100644 packages/fuselage/src/components/Box/richContent.stories.mdx delete mode 100644 packages/fuselage/src/components/Box/useCss.js delete mode 100644 packages/fuselage/src/components/Box/useFlexBoxProps.js delete mode 100644 packages/fuselage/src/components/Box/useLayoutProps.js delete mode 100644 packages/fuselage/src/components/Box/useMergedProps.js delete mode 100644 packages/fuselage/src/components/Box/useSpaceProps.js delete mode 100644 packages/fuselage/src/propTypes/margins.js delete mode 100644 packages/fuselage/src/propTypes/paddings.js delete mode 100644 packages/fuselage/src/propTypes/sizes.js create mode 100644 packages/fuselage/src/styles/helpers.js create mode 100644 packages/fuselage/src/styles/props/borders.js create mode 100644 packages/fuselage/src/styles/props/colors.js create mode 100644 packages/fuselage/src/styles/props/flexBox.js create mode 100644 packages/fuselage/src/styles/props/layout.js create mode 100644 packages/fuselage/src/styles/props/position.js create mode 100644 packages/fuselage/src/styles/props/spaces.js create mode 100644 packages/fuselage/src/styles/props/special.js create mode 100644 packages/fuselage/src/styles/props/typography.js diff --git a/packages/fuselage-tokens/typography.js b/packages/fuselage-tokens/typography.js index b5a8f879ce..e857ed34d1 100644 --- a/packages/fuselage-tokens/typography.js +++ b/packages/fuselage-tokens/typography.js @@ -26,60 +26,58 @@ const fontMono = [ ]; export default { - h1: { - fontFamily: fontSans, - fontSize: 22, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 32, + fontFamilies: { + sans: fontSans, + mono: fontMono, }, - s1: { - fontFamily: fontSans, - fontSize: 16, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 22, - }, - s2: { - fontFamily: fontSans, - fontSize: 16, - fontWeight: 500, - letterSpacing: 0, - lineHeight: 22, - }, - p1: { - fontFamily: fontSans, - fontSize: 14, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 20, - }, - p2: { - fontFamily: fontSans, - fontSize: 14, - fontWeight: 500, - letterSpacing: 0, - lineHeight: 20, - }, - c1: { - fontFamily: fontSans, - fontSize: 12, - fontWeight: 400, - letterSpacing: 0, - lineHeight: 16, - }, - c2: { - fontFamily: fontSans, - fontSize: 12, - fontWeight: 600, - letterSpacing: 0, - lineHeight: 16, - }, - micro: { - fontFamily: fontSans, - fontSize: 10, - fontWeight: 600, - letterSpacing: 0.2, - lineHeight: 12, + fontScales: { + h1: { + fontSize: 22, + fontWeight: 400, + letterSpacing: 0, + lineHeight: 32, + }, + s1: { + fontSize: 16, + fontWeight: 400, + letterSpacing: 0, + lineHeight: 22, + }, + s2: { + fontSize: 16, + fontWeight: 500, + letterSpacing: 0, + lineHeight: 22, + }, + p1: { + fontSize: 14, + fontWeight: 400, + letterSpacing: 0, + lineHeight: 20, + }, + p2: { + fontSize: 14, + fontWeight: 500, + letterSpacing: 0, + lineHeight: 20, + }, + c1: { + fontSize: 12, + fontWeight: 400, + letterSpacing: 0, + lineHeight: 16, + }, + c2: { + fontSize: 12, + fontWeight: 600, + letterSpacing: 0, + lineHeight: 16, + }, + micro: { + fontSize: 10, + fontWeight: 600, + letterSpacing: 0.2, + lineHeight: 12, + }, }, } diff --git a/packages/fuselage-tokens/typography.scss b/packages/fuselage-tokens/typography.scss index a4f8cc9244..002f84f98e 100644 --- a/packages/fuselage-tokens/typography.scss +++ b/packages/fuselage-tokens/typography.scss @@ -1,4 +1,4 @@ -$font-sans: +$-font-sans: Inter, -apple-system, BlinkMacSystemFont, @@ -15,7 +15,7 @@ $font-sans: Arial, sans-serif; -$font-mono: +$-font-mono: Menlo, Monaco, Consolas, @@ -23,58 +23,55 @@ $font-mono: 'Courier New', monospace; -$typography: ( +$font-families: ( + sans: $-font-sans, + mono: $-font-mono, +); + +$font-scales: ( h1: ( - font-family: $font-sans, font-size: 22, font-weight: 400, letter-spacing: 0, line-height: 32, ), s1: ( - font-family: $font-sans, font-size: 16, font-weight: 400, letter-spacing: 0, line-height: 22, ), s2: ( - font-family: $font-sans, font-size: 16, font-weight: 500, letter-spacing: 0, line-height: 22, ), p1: ( - font-family: $font-sans, font-size: 14, font-weight: 400, letter-spacing: 0, line-height: 20, ), p2: ( - font-family: $font-sans, font-size: 14, font-weight: 500, letter-spacing: 0, line-height: 20, ), c1: ( - font-family: $font-sans, font-size: 12, font-weight: 400, letter-spacing: 0, line-height: 16, ), c2: ( - font-family: $font-sans, font-size: 12, font-weight: 600, letter-spacing: 0, line-height: 16, ), micro: ( - font-family: $font-sans, font-size: 10, font-weight: 600, letter-spacing: 0.2, diff --git a/packages/fuselage-ui-kit/src/Section.js b/packages/fuselage-ui-kit/src/Section.js index 7de8b50ac7..e3d9a19cd2 100644 --- a/packages/fuselage-ui-kit/src/Section.js +++ b/packages/fuselage-ui-kit/src/Section.js @@ -38,7 +38,7 @@ const Fields = ({ fields, parser }) => ( export const Section = ({ blockId, appId, text, fields, accessory, parser }) => - {text && {parser.text(text)}} + {text && {parser.text(text)}} {fields && } { accessory && < Flex.Item grow={0}> diff --git a/packages/fuselage-ui-kit/src/index.js b/packages/fuselage-ui-kit/src/index.js index a52ee63260..77bbb5d866 100644 --- a/packages/fuselage-ui-kit/src/index.js +++ b/packages/fuselage-ui-kit/src/index.js @@ -124,7 +124,7 @@ class MessageParser extends UiKitParserMessage { ELEMENT_TYPES.PLAIN_TEXT, ELEMENT_TYPES.MARKDOWN, ].includes(element.type) ? ( - + {this.renderContext(element, BLOCK_CONTEXT.CONTEXT, this)} ) diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align.png b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align.png deleted file mode 100644 index c22affdcd30a9c80b32388fd24abb769cbb9d3ad..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12089 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 E1Kz8xZU6uP diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align_Content.png b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align_Content.png deleted file mode 100644 index 331af1c93249892b9da203ffd7ab13c70a56a098..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 23285 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 diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align_Items.png b/packages/fuselage/.loki/reference/chrome_iphone7_Box_Modifiers_Flex_Align_Items.png deleted file mode 100644 index 56bfedbab9e7b0a62b3fcd96affd7523978cebf7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 10459 zcmeHtcTiJX+wTU%0tiN=2nY&CQ9z1Fk*h?X~uLo@f2adUn&? z_%M$c4*&p%P5v~r1OQGX0B{T(+z;My)1Q|Ee>fgk8eajB{Sph{#l8nuOso%re=!H| zCIP@nz{K#fbwt6^cx3Kdo7j2kUmgAUWz4KW887+Iz2VHuU#0TG!%PO{(Gb)->$?