playbook_ui 13.31.0 → 13.32.0.pre.alpha.PLAY14143251

data/dist/reset.css

@@ -1 +1,62 @@
-*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:16px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}
+/* CLEAN UP AND REMOVE */
+/* Headings */
+/* Standard Font Weights */
+/* Non_Standard Font Weights */
+/*=====================================
+Base colors should not be documented.
+Only document color use.
+
+Colors -----------------------------*/
+/* Specialty Gradient -----------------*/
+/* Interface colors -------------------*/
+/* Main colors ------------------------*/
+/*=====================================
+
+Background colors ------------------*/
+/* Card colors ------------------*/
+/* Active colors ----------------------*/
+/* Hover colors -----------------------*/
+/* Focus colors -----------------------*/
+/* Border colors ----------------------*/
+/* Shadow colors ----------------------*/
+/* Text colors ------------------------*/
+/* Data colors ------------------------*/
+/* Status colors ----------------------*/
+/* Link colors ------------------------*/
+/* Product colors ---------------------*/
+/* Category colors ---------------------*/
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+*:before, *:after {
+  box-sizing: border-box;
+}
+html {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  height: 100vh;
+  overflow-x: hidden;
+}
+body {
+  font-family: "Power Centra", "Helvetica Neue", Helvetica, Arial, sans_serif;
+  font-size: 15.5px;
+  line-height: 1.5;
+  background-color: #F3F7FB;
+  height: 100%;
+  letter-spacing: 0.003em;
+  font-weight: 400;
+  font-style: normal;
+  text-rendering: optimizeLegibility;
+  -moz-font-feature-settings: "liga" on;
+  color: #242B42;
+  margin: 0 !important;
+  padding: 0 !important;
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 50px;
+}
+a {
+  text-decoration: none;
+  color: #0056CF;
+}

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.30.0"
-  VERSION = "13.31.0"
+  PREVIOUS_VERSION = "13.32.0"
+  VERSION = "13.32.0.pre.alpha.PLAY14143251"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.31.0
+  version: 13.32.0.pre.alpha.PLAY14143251
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-06-28 00:00:00.000000000 Z
+date: 2024-07-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -238,9 +238,6 @@ extensions: []
 extra_rdoc_files: []
 files:
 - Rakefile
-- app/pb_kits/playbook/_playbook.scss
-- app/pb_kits/playbook/_reset.scss
-- app/pb_kits/playbook/index.js
 - app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx
 - app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx
 - app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx
@@ -2557,7 +2554,7 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx
 - app/pb_kits/playbook/pb_textarea/docs/example.yml
 - app/pb_kits/playbook/pb_textarea/docs/index.js
-- app/pb_kits/playbook/pb_textarea/index.tsx
+- app/pb_kits/playbook/pb_textarea/index.ts
 - app/pb_kits/playbook/pb_textarea/textarea.html.erb
 - app/pb_kits/playbook/pb_textarea/textarea.rb
 - app/pb_kits/playbook/pb_textarea/textarea.test.js
@@ -2893,9 +2890,6 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx
-- app/pb_kits/playbook/playbook-doc.js
-- app/pb_kits/playbook/playbook-rails-react-bindings.js
-- app/pb_kits/playbook/playbook-rails.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
@@ -2913,15 +2907,25 @@ files:
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
 - app/pb_kits/playbook/tokens/_vertical_align.scss
+- app/pb_kits/playbook/tokens/exports/_border_radius.module.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.scss
+- app/pb_kits/playbook/tokens/exports/_colors.module.scss
 - app/pb_kits/playbook/tokens/exports/_colors.scss
+- app/pb_kits/playbook/tokens/exports/_line_height.module.scss
 - app/pb_kits/playbook/tokens/exports/_line_height.scss
+- app/pb_kits/playbook/tokens/exports/_opacity.module.scss
 - app/pb_kits/playbook/tokens/exports/_opacity.scss
+- app/pb_kits/playbook/tokens/exports/_positioning.module.scss
 - app/pb_kits/playbook/tokens/exports/_positioning.scss
+- app/pb_kits/playbook/tokens/exports/_scale.module.scss
 - app/pb_kits/playbook/tokens/exports/_scale.scss
+- app/pb_kits/playbook/tokens/exports/_screen_sizes.module.scss
 - app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
+- app/pb_kits/playbook/tokens/exports/_shadows.module.scss
 - app/pb_kits/playbook/tokens/exports/_shadows.scss
+- app/pb_kits/playbook/tokens/exports/_spacing.module.scss
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
+- app/pb_kits/playbook/tokens/exports/_typography.module.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/exports/exports.d.ts
 - app/pb_kits/playbook/tokens/index.scss
@@ -2955,6 +2959,7 @@ files:
 - app/pb_kits/playbook/utilities/flexbox_global_props/_justify_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_justify_self.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
+- app/pb_kits/playbook/utilities/globalPropNames.mjs
 - app/pb_kits/playbook/utilities/globalProps.ts
 - app/pb_kits/playbook/utilities/object.ts
 - app/pb_kits/playbook/utilities/props.ts
@@ -2974,7 +2979,6 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/menu.yml
 - dist/playbook-rails.js
 - dist/reset.css
 - lib/playbook.rb
@@ -3050,7 +3054,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -3066,7 +3070,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.3
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []

data/app/pb_kits/playbook/_playbook.scss

@@ -1,123 +0,0 @@
-@import 'pb_advanced_table/advanced_table';
-@import 'pb_avatar/avatar';
-@import 'pb_avatar_action_button/avatar_action_button';
-@import 'pb_background/background';
-@import 'pb_badge/badge';
-@import 'pb_bar_graph/bar_graph';
-@import 'pb_body/body';
-@import 'pb_bread_crumbs/bread_crumbs';
-@import 'pb_button/button';
-@import 'pb_button_toolbar/button_toolbar';
-@import 'pb_caption/caption';
-@import 'pb_card/card';
-@import 'pb_checkbox/checkbox';
-@import 'pb_circle_chart/circle_chart';
-@import 'pb_circle_icon_button/circle_icon_button';
-@import 'pb_collapsible/collapsible';
-@import 'pb_contact/contact';
-@import 'pb_currency/currency';
-@import 'pb_dashboard_value/dashboard_value';
-@import 'pb_date/date';
-@import 'pb_date_picker/date_picker';
-@import 'pb_date_range_inline/date_range_inline';
-@import 'pb_date_range_stacked/date_range_stacked';
-@import 'pb_date_stacked/date_stacked';
-@import 'pb_date_time/date_time';
-@import 'pb_date_time_stacked/date_time_stacked';
-@import 'pb_date_year_stacked/date_year_stacked';
-@import 'pb_detail/detail';
-@import 'pb_dialog/dialog';
-@import 'pb_distribution_bar/distribution_bar';
-@import 'pb_draggable/draggable';
-@import 'pb_dropdown/dropdown';
-@import 'pb_file_upload/file_upload';
-@import 'pb_filter/filter';
-@import 'pb_fixed_confirmation_toast/fixed_confirmation_toast';
-@import 'pb_flex/flex';
-@import 'pb_form/form';
-@import 'pb_form_group/form_group';
-@import 'pb_form_pill/form_pill';
-@import 'pb_gauge/gauge';
-@import 'pb_hashtag/hashtag';
-@import 'pb_highlight/highlight';
-@import 'pb_home_address_street/home_address_street';
-@import 'pb_icon/icon';
-@import 'pb_icon_circle/icon_circle';
-@import 'pb_icon_stat_value/icon_stat_value';
-@import 'pb_icon_value/icon_value';
-@import 'pb_image/image';
-@import 'pb_label_pill/label_pill';
-@import 'pb_label_value/label_value';
-@import 'pb_layout/layout';
-@import 'pb_legend/legend';
-@import 'pb_lightbox/lightbox';
-@import 'pb_line_graph/line_graph';
-@import 'pb_list/list';
-@import 'pb_loading_inline/loading_inline';
-@import 'pb_map/map';
-@import 'pb_map/pb_map_button_mixin';
-@import 'pb_message/message';
-@import 'pb_multi_level_select/multi_level_select';
-@import 'pb_multiple_users/multiple_users';
-@import 'pb_multiple_users_stacked/multiple_users_stacked';
-@import 'pb_nav/nav';
-@import 'pb_online_status/online_status';
-@import 'pb_overlay/overlay';
-@import 'pb_pagination/pagination';
-@import 'pb_passphrase/passphrase';
-@import 'pb_person/person';
-@import 'pb_person_contact/person_contact';
-@import 'pb_phone_number_input/phone_number_input';
-@import 'pb_pill/pill';
-@import 'pb_popover/popover';
-@import 'pb_progress_pills/progress_pills';
-@import 'pb_progress_simple/progress_simple';
-@import 'pb_progress_step/progress_step';
-@import 'pb_radio/radio';
-@import 'pb_rich_text_editor/rich_text_editor';
-@import 'pb_section_separator/section_separator';
-@import 'pb_select/select';
-@import 'pb_selectable_card/selectable_card';
-@import 'pb_selectable_card_icon/selectable_card_icon';
-@import 'pb_selectable_icon/selectable_icon';
-@import 'pb_selectable_list/selectable_list';
-@import 'pb_source/source';
-@import 'pb_star_rating/star_rating';
-@import 'pb_stat_change/stat_change';
-@import 'pb_stat_value/stat_value';
-@import 'pb_table/table';
-@import 'pb_text_input/text_input';
-@import 'pb_textarea/textarea';
-@import 'pb_time/time';
-@import 'pb_time_range_inline/time_range_inline';
-@import 'pb_time_stacked/time_stacked';
-@import 'pb_timeline/timeline';
-@import 'pb_timestamp/timestamp';
-@import 'pb_title/title';
-@import 'pb_title_count/title_count';
-@import 'pb_title_detail/title_detail';
-@import 'pb_toggle/toggle';
-@import 'pb_tooltip/tooltip';
-@import 'pb_treemap_chart/treemap_chart';
-@import 'pb_typeahead/typeahead';
-@import 'pb_user/user';
-@import 'pb_user_badge/user_badge';
-@import 'pb_walkthrough/walkthrough';
-@import 'pb_weekday_stacked/weekday_stacked';
-@import './utilities/mixins';
-@import './utilities/spacing';
-@import './utilities/cursor';
-@import './utilities/max_width';
-@import './utilities/positioning';
-@import './utilities/number_spacing';
-@import './utilities/shadow';
-@import './utilities/line_height';
-@import './utilities/display';
-@import './utilities/flexbox';
-@import './utilities/focus';
-@import './utilities/border_radius';
-@import './utilities/hover';
-@import './utilities/text_align';
-@import './utilities/overflow';
-@import './utilities/truncate';
-@import './utilities/vertical_align';

data/app/pb_kits/playbook/_reset.scss

@@ -1,42 +0,0 @@
-@import "tokens/typography";
-@import "tokens/colors";
-
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  &:before,
-  &:after {
-    box-sizing: border-box;
-  }
-}
-
-html {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  height: 100vh;
-  overflow-x: hidden;
-}
-
-body {
-  font-family: $font_family_base;
-  font-size: $font_base;
-  line-height: 1.5;
-  background-color: $bg-light;
-  height: 100%;
-  letter-spacing: $lspace_normal;
-  font-weight: $regular;
-  font-style: normal;
-  text-rendering: optimizeLegibility;
-  -moz-font-feature-settings: "liga" on;
-  color: $charcoal;
-  margin: 0 !important;
-  padding: 0 !important;
-  box-sizing: border-box;
-  min-height: 100vh;
-  padding: 50px; // REMOVE AFTER STYLED
-}
-
-a {
-  text-decoration: none;
-  color: $primary;
-}

data/app/pb_kits/playbook/index.js

@@ -1,151 +0,0 @@
-// !!! IMPORTANT: This file is autogenerated. Please do not edit.!!!
-import './_playbook.scss'
-import 'lazysizes/plugins/attrchange/ls.attrchange'
-import 'lazysizes'
-
-// vvv React Component JSX Imports from the React Kits vvv
-export { default as AdvancedTable} from './pb_advanced_table/_advanced_table'
-export { default as Avatar } from './pb_avatar/_avatar'
-export { default as AvatarActionButton } from './pb_avatar_action_button/_avatar_action_button'
-export { default as Background } from './pb_background/_background'
-export { default as Badge } from './pb_badge/_badge'
-export { default as BarGraph } from './pb_bar_graph/_bar_graph'
-export { default as Body } from './pb_body/_body'
-export { default as BreadCrumbItem } from './pb_bread_crumbs/_bread_crumb_item'
-export { default as BreadCrumbs } from './pb_bread_crumbs/_bread_crumbs'
-export { default as Button } from './pb_button/_button'
-export { default as ButtonToolbar } from './pb_button_toolbar/_button_toolbar'
-export { default as Caption } from './pb_caption/_caption'
-export { default as Card } from './pb_card/_card'
-export { default as Checkbox } from './pb_checkbox/_checkbox'
-export { default as CircleChart } from './pb_circle_chart/_circle_chart'
-export { default as CircleIconButton } from './pb_circle_icon_button/_circle_icon_button'
-export { default as Collapsible } from './pb_collapsible/_collapsible'
-export { default as Contact } from './pb_contact/_contact'
-export { default as Currency } from './pb_currency/_currency'
-export { default as DashboardValue } from './pb_dashboard_value/_dashboard_value'
-export { default as Date } from './pb_date/_date'
-export { default as DatePicker } from './pb_date_picker/_date_picker'
-export { default as DateRangeInline } from './pb_date_range_inline/_date_range_inline'
-export { default as DateRangeStacked } from './pb_date_range_stacked/_date_range_stacked'
-export { default as DateStacked } from './pb_date_stacked/_date_stacked'
-export { default as DateTime } from './pb_date_time/_date_time'
-export { default as DateTimeStacked } from './pb_date_time_stacked/_date_time_stacked'
-export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_stacked'
-export { default as Detail} from './pb_detail/_detail'
-export { default as Dialog } from './pb_dialog/_dialog'
-export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
-export { default as Draggable} from './pb_draggable/_draggable'
-export { DraggableProvider} from './pb_draggable/context'
-export { default as Dropdown} from './pb_dropdown/_dropdown'
-export { default as FileUpload } from './pb_file_upload/_file_upload'
-export { default as Filter } from './pb_filter/_filter'
-export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
-export { default as Flex } from './pb_flex/_flex'
-export { default as FlexItem } from './pb_flex/_flex_item'
-export { default as FormGroup } from './pb_form_group/_form_group'
-export { default as FormPill } from './pb_form_pill/_form_pill'
-export { default as Gauge } from './pb_gauge/_gauge'
-export { default as Hashtag } from './pb_hashtag/_hashtag'
-export { default as Highlight } from './pb_highlight/_highlight'
-export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
-export { default as Icon } from './pb_icon/_icon'
-export { default as IconCircle } from './pb_icon_circle/_icon_circle'
-export { default as IconStatValue } from './pb_icon_stat_value/_icon_stat_value'
-export { default as IconValue } from './pb_icon_value/_icon_value'
-export { default as Image } from './pb_image/_image'
-export { default as LabelPill } from './pb_label_pill/_label_pill'
-export { default as LabelValue } from './pb_label_value/_label_value'
-export { default as Layout } from './pb_layout/_layout'
-export { default as Legend } from './pb_legend/_legend'
-export { default as Lightbox } from './pb_lightbox/_lightbox'
-export { default as LineGraph } from './pb_line_graph/_line_graph'
-export { default as List } from './pb_list/_list'
-export { default as ListItem } from './pb_list/_list_item'
-export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
-export { default as MapCustomButton } from './pb_map/_map_custom_button'
-export { default as Map} from './pb_map/_map'
-export { default as Message } from './pb_message/_message'
-export { default as MultiLevelSelect} from './pb_multi_level_select/_multi_level_select'
-export { default as MultipleUsers } from './pb_multiple_users/_multiple_users'
-export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_multiple_users_stacked'
-export { default as Nav } from './pb_nav/_nav'
-export { default as NavItem } from './pb_nav/_item'
-export { default as OnlineStatus } from './pb_online_status/_online_status'
-export { default as Overlay} from './pb_overlay/_overlay'
-export { default as Passphrase } from './pb_passphrase/_passphrase'
-export { default as PbReactPopover } from './pb_popover/_popover'
-export { default as Person } from './pb_person/_person'
-export { default as PersonContact } from './pb_person_contact/_person_contact'
-export { default as PhoneNumberInput} from './pb_phone_number_input/_phone_number_input'
-export { default as Pill } from './pb_pill/_pill'
-export { default as ProgressPills } from './pb_progress_pills/_progress_pills'
-export { default as ProgressSimple } from './pb_progress_simple/_progress_simple'
-export { default as ProgressStep } from './pb_progress_step/_progress_step'
-export { default as ProgressStepItem } from './pb_progress_step/_progress_step_item'
-export { default as Radio } from './pb_radio/_radio'
-export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor'
-export { default as SectionSeparator } from './pb_section_separator/_section_separator'
-export { default as Select } from './pb_select/_select'
-export { default as SelectableCard } from './pb_selectable_card/_selectable_card'
-export { default as SelectableCardIcon } from './pb_selectable_card_icon/_selectable_card_icon'
-export { default as SelectableIcon } from './pb_selectable_icon/_selectable_icon'
-export { default as SelectableList } from './pb_selectable_list/_selectable_list'
-export { default as SelectableListItem } from './pb_selectable_list/_item'
-export { default as Source } from './pb_source/_source'
-export { default as StarRating } from './pb_star_rating/_star_rating'
-export { default as StatChange } from './pb_stat_change/_stat_change'
-export { default as StatValue } from './pb_stat_value/_stat_value'
-export { default as Table } from './pb_table/_table'
-export { default as TableRow } from './pb_table/subcomponents/_table_row'
-export { default as TextInput } from './pb_text_input/_text_input'
-export { default as Textarea } from './pb_textarea/_textarea'
-export { default as Time } from './pb_time/_time'
-export { default as TimeRangeInline } from './pb_time_range_inline/_time_range_inline'
-export { default as TimeStacked } from './pb_time_stacked/_time_stacked'
-export { default as Timeline } from './pb_timeline/_timeline'
-export { default as Timestamp } from './pb_timestamp/_timestamp'
-export { default as Title } from './pb_title/_title'
-export { default as TitleCount } from './pb_title_count/_title_count'
-export { default as TitleDetail } from './pb_title_detail/_title_detail'
-export { default as Toggle } from './pb_toggle/_toggle'
-export { default as Tooltip } from './pb_tooltip/_tooltip'
-export { default as TreemapChart } from './pb_treemap_chart/_treemap_chart'
-export { default as Typeahead } from './pb_typeahead/_typeahead'
-export { default as User } from './pb_user/_user'
-export { default as UserBadge } from './pb_user_badge/_user_badge'
-export { default as Walkthrough } from './pb_walkthrough/_walkthrough'
-export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked'
-// ^^^ React Component JSX Imports from the React Kits ^^^
-
-// Dashboard Settings
-export { commonSettings, dataColors } from './pb_dashboard/commonSettings'
-export { default as lineGraphSettings } from './pb_line_graph/lineGraphSettings'
-export { default as barGraphSettings } from './pb_bar_graph/barGraphSettings'
-export { default as dashboardValueSettings } from './pb_dashboard_value/dashboardValueSettings'
-
-// Other JS/Plugins
-export { default as datePickerHelper } from './pb_date_picker/date_picker_helper'
-export { default as PbPopover } from './pb_popover'
-export { default as PbTable } from './pb_table'
-export { default as PbTextarea } from './pb_textarea'
-export { default as PbTooltip } from './pb_tooltip'
-export { default as PbTypeahead } from './pb_typeahead'
-export { default as dialogHelper } from './pb_dialog/dialogHelper'
-
-//Theming
-export {default as mapTheme} from './pb_map/pbMapTheme'
-export {default as useCollapsible} from './pb_collapsible/useCollapsible'
-export {default as useDropdown } from './pb_dropdown/hooks/useDropdown'
-
-// CSS Tokens
-export { default as borderRadius } from './tokens/exports/_border_radius.scss'
-export { default as colors } from './tokens/exports/_colors.scss'
-export { default as lineHeight } from './tokens/exports/_line_height.scss'
-export { default as opacity } from './tokens/exports/_opacity.scss'
-export { default as positioning } from './tokens/exports/_positioning.scss'
-export { default as scale } from './tokens/exports/_scale.scss'
-export { default as screenSizes } from './tokens/exports/_screen_sizes.scss'
-export { default as shadows } from './tokens/exports/_shadows.scss'
-export { default as spacing } from './tokens/exports/_spacing.scss'
-export { default as typography } from './tokens/exports/_typography.scss'