20d463ff2f
* Add modservice screen and profile-header-card * Drop the guidelines for now * Remove ununsed constants * Add label & label group descriptions * Not found state * Reorg, add icon * Subheader * Header * Complete header * Clean up * Add all groups * Fix scroll view * Dialogs side quest * Remove log * Add (WIP) debug mod page * Dialog solution * Add note * Clean up and reorganize localized moderation strings * Memoize * Add example * Add first ReportDialog screen * Report dialog step 2 * Submit * Integrate updates * Move moderation screen * Migrate buttons * Migrate everything * Rough sketch * Fix types * Update atoms values * Abstract ModerationServiceCard * Hook up data to settings page * Handle subscription * Rough enablement * Rough enablement * Some validation, fixes * More work on the mod debug screen * Hook up data * Update invalidation * Hook up data to ReportDialog * Fix native error * Refactor/rewrite the entire moderation-application system * Fix toggles * Add copyright and other option to report * Handle reports on profile vs content * Little cleanup * Get post hiding back in gear * Better loading flow on Mod screen * Clean up Mod screen * Clean up ProfileMod screen * Handle muting correctly * Update enablement on ProfileMod screen * Improve Moderation screen and dialog * Styling, handle disabled labelers * Rework list of labels on own content * Use moderateNotification() * ReportDialog updates * Fix button overflow * Simplify the ProfileModerationService ui * Mod screen design * Move moderation card from the profile header to a tab * Small tweaks to the moderation screen * Enable toggle on mod page * Add notifs to debugmod and dont filter notifs from followed users * Add moderator-service profile view * Wire up more of the modservice data to profiles * A bunch of speculative non-working UI * Cleanup: delete old code * Update ModerationDetailsDialog * Update ReportDialog * Update LabelsOnMe dialog * Handle ReportDialog load better * Rename LabelsOnMeDialog, fix close * Experiment to put labeling under a tab of a normal profile * Moderator variation of profile * Remove dead code and start moving toward latest modsdk * Remove a bunch of now-dead label strings * Update ModDebug to be a bit more intuitive and support custom labels * Minor ui tweaks * Improve consistency of display name blurring * Fix profile-card warning rendering * More debugmod UI tuning * Update to use new labeler semantics * Delete some dead code and do some refactoring * Update profile to pull from labeler definition * Implement new label config controls (wip) * Tweak ui * Implement preference controls on labelers * Rework label pref ui * Get moderation screen working * Add asyncstorage query persistence * Implement label handling * Small cleanup * Implement Likes dialog * Fix: remove text outside of text element * Cleanup * Fix likes dialog on mobile * Implement the label appeal flow * Get report flow working again with temporarily fixed report options * Update onboarding * Enforce limit of ten labeler subscriptions * Fix type errors * Fix lint errors * Improve types of RQ * Some work on Likes dialog, needs discussion * Bit of ReportDialog cleanup * Replace non-single-path SVG * Update nudity descriptions * Update to use new sdk updates * Add adult-content-enabled behavior to label config * Use the default setting of custom labels * Handle global moderation label prefs with the global settings * Fix missing postAuthor * Fix empty moderation page * Add mutewords control back to Mod screen * Tweak adult setting styles * Remove deprecated global labels * Handle underage users on mod screen * Adjust font sizes * Swap in RichText * Like button improvements * Tweaks to Labeler profile * Design tweaks for mod pref dialog * Add tertiary button color * Switch moderation UIs to tertiary color * Update mutewords and hiddenposts to use the new sdk * Add test-environment mod authority * Switch 'gore' to 'graphic-media' * Move nudity out of the adult content control * Remove focus styles from buttons - let the browser behavior handle it * Fixes to the adult content age-gating in moderaiton * Ditch tertiary button color, lighten secondary button * Fix some colors * Remove focused overrides from toggles * Liked by screen * Rework the moderationlabelpref * Fix optimistic like * Cleanup * Change how onboarding handles adult content enabled/disabled * Add special handling of the mod authorities * Tweaks * Update the default labeler avatar to a shield * Add route to go server * Avoid dups due to bad config * Fix attrs * Fix: dont try to detect link/label mismatches on post meta * Correctly show the label behavior when adult content is disabled * Readd the local hiddenPosts handling * WIP * Fix bad merge * Conten hider design tweaks * Fix text string breakage * Adjust source text in ContentHider * Fix link bug * Design tweaks to ContentHider and ModDetailsDialog * Adjust spacing of inform badges * Adjust spacing of embeds in posts * Style tweaks to post/profile alerts * Labels on me and dialog * Remove bad focus styles from post dropdown * Better spacing solution * Tune moderation UIs * Moderation UI tweaks for mobile * Move labelers query on Mod screen * Update to use new SDK appLabelers semantics * Implement report submission * Replace the report modal entirely with the report dialog * Add @ to mod details dialog handle * Bump SDK package * Remove silly type * Add to AWS build CI * Fix ToggleButton overflow * Clean up ModServiceCard, rename to LabelingServiceCard * Hackfix to translate gore labels to graphic-media * Tune content hider sizing on web desktop * Handle self labels * Fix spacing below text-only posts * Fix: send appeals to the right labeler * Give mod page links interactive states * Fix references * Remove focus handling * Remove remnant * Remove the like count from the subscribed labeler listing * Bump @atproto/api@0.11.1 * Remove extra @ * Fix: persist labels to local storage to reduce coverage gaps * update dipendencies * revert dipendencies * Add some explainers on how blocking affects labelers * Tweak copy * Fix underline color in header * Fix profile menu * Handle card overflow * Remove metrics from header * Mute 'account' not 'user' * Show metrics if self * Show the labels tab on logged out view * Fix bad merge * Use purple theming on labelers * Tighten space on LabelerCard * Set staleTime to 6hrs for labeler details * Memoize the memoizers * Drop staleTime to 60s * Move label defs into a context to reduce recomputes * Submit view tweaks * Move labeler fetch below auth * Mitigation: hardcode the bluesky moderation labeler name * Bump sdk * Add missing translated string Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Add missing translated string Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Hailey's fix for incorrect profile tabs Co-authored-by: Hailey <me@haileyok.com> * Feedback * Fix borders, add bottom space * Hailey's fix pt 2 Co-authored-by: Hailey <me@haileyok.com> * Fix post tabs * Integrate feedback pt 1 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 2 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 3 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 4 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 5 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 6 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 7 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Integrate feedback pt 8 Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> * Format * Integrate new bday modal * Use public agent for getServices * Update casing --------- Co-authored-by: Eric Bailey <git@esb.lol> Co-authored-by: Takayuki KUSANO <65759+tkusano@users.noreply.github.com> Co-authored-by: Hailey <me@haileyok.com>
771 lines
13 KiB
TypeScript
771 lines
13 KiB
TypeScript
import {Platform} from 'react-native'
|
|
import {web, native} from '#/alf/util/platform'
|
|
import * as tokens from '#/alf/tokens'
|
|
|
|
export const atoms = {
|
|
/*
|
|
* Positioning
|
|
*/
|
|
fixed: {
|
|
position: Platform.select({web: 'fixed', native: 'absolute'}) as 'absolute',
|
|
},
|
|
absolute: {
|
|
position: 'absolute',
|
|
},
|
|
relative: {
|
|
position: 'relative',
|
|
},
|
|
inset_0: {
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
},
|
|
z_10: {
|
|
zIndex: 10,
|
|
},
|
|
z_20: {
|
|
zIndex: 20,
|
|
},
|
|
z_30: {
|
|
zIndex: 30,
|
|
},
|
|
z_40: {
|
|
zIndex: 40,
|
|
},
|
|
z_50: {
|
|
zIndex: 50,
|
|
},
|
|
|
|
overflow_hidden: {
|
|
overflow: 'hidden',
|
|
},
|
|
|
|
/*
|
|
* Width
|
|
*/
|
|
w_full: {
|
|
width: '100%',
|
|
},
|
|
h_full: {
|
|
height: '100%',
|
|
},
|
|
h_full_vh: web({
|
|
height: '100vh',
|
|
}),
|
|
|
|
/*
|
|
* Border radius
|
|
*/
|
|
rounded_2xs: {
|
|
borderRadius: tokens.borderRadius._2xs,
|
|
},
|
|
rounded_xs: {
|
|
borderRadius: tokens.borderRadius.xs,
|
|
},
|
|
rounded_sm: {
|
|
borderRadius: tokens.borderRadius.sm,
|
|
},
|
|
rounded_md: {
|
|
borderRadius: tokens.borderRadius.md,
|
|
},
|
|
rounded_full: {
|
|
borderRadius: tokens.borderRadius.full,
|
|
},
|
|
|
|
/*
|
|
* Flex
|
|
*/
|
|
gap_2xs: {
|
|
gap: tokens.space._2xs,
|
|
},
|
|
gap_xs: {
|
|
gap: tokens.space.xs,
|
|
},
|
|
gap_sm: {
|
|
gap: tokens.space.sm,
|
|
},
|
|
gap_md: {
|
|
gap: tokens.space.md,
|
|
},
|
|
gap_lg: {
|
|
gap: tokens.space.lg,
|
|
},
|
|
gap_xl: {
|
|
gap: tokens.space.xl,
|
|
},
|
|
gap_2xl: {
|
|
gap: tokens.space._2xl,
|
|
},
|
|
gap_3xl: {
|
|
gap: tokens.space._3xl,
|
|
},
|
|
gap_4xl: {
|
|
gap: tokens.space._4xl,
|
|
},
|
|
gap_5xl: {
|
|
gap: tokens.space._5xl,
|
|
},
|
|
flex: {
|
|
display: 'flex',
|
|
},
|
|
flex_col: {
|
|
flexDirection: 'column',
|
|
},
|
|
flex_row: {
|
|
flexDirection: 'row',
|
|
},
|
|
flex_col_reverse: {
|
|
flexDirection: 'column-reverse',
|
|
},
|
|
flex_row_reverse: {
|
|
flexDirection: 'row-reverse',
|
|
},
|
|
flex_wrap: {
|
|
flexWrap: 'wrap',
|
|
},
|
|
flex_0: {
|
|
flex: web('0 0 auto') || (native(0) as number),
|
|
},
|
|
flex_1: {
|
|
flex: 1,
|
|
},
|
|
flex_grow: {
|
|
flexGrow: 1,
|
|
},
|
|
flex_shrink: {
|
|
flexShrink: 1,
|
|
},
|
|
justify_start: {
|
|
justifyContent: 'flex-start',
|
|
},
|
|
justify_center: {
|
|
justifyContent: 'center',
|
|
},
|
|
justify_between: {
|
|
justifyContent: 'space-between',
|
|
},
|
|
justify_end: {
|
|
justifyContent: 'flex-end',
|
|
},
|
|
align_center: {
|
|
alignItems: 'center',
|
|
},
|
|
align_start: {
|
|
alignItems: 'flex-start',
|
|
},
|
|
align_end: {
|
|
alignItems: 'flex-end',
|
|
},
|
|
self_auto: {
|
|
alignSelf: 'auto',
|
|
},
|
|
self_start: {
|
|
alignSelf: 'flex-start',
|
|
},
|
|
self_end: {
|
|
alignSelf: 'flex-end',
|
|
},
|
|
self_center: {
|
|
alignSelf: 'center',
|
|
},
|
|
self_stretch: {
|
|
alignSelf: 'stretch',
|
|
},
|
|
self_baseline: {
|
|
alignSelf: 'baseline',
|
|
},
|
|
|
|
/*
|
|
* Text
|
|
*/
|
|
text_left: {
|
|
textAlign: 'left',
|
|
},
|
|
text_center: {
|
|
textAlign: 'center',
|
|
},
|
|
text_right: {
|
|
textAlign: 'right',
|
|
},
|
|
text_2xs: {
|
|
fontSize: tokens.fontSize._2xs,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_xs: {
|
|
fontSize: tokens.fontSize.xs,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_sm: {
|
|
fontSize: tokens.fontSize.sm,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_md: {
|
|
fontSize: tokens.fontSize.md,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_lg: {
|
|
fontSize: tokens.fontSize.lg,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_xl: {
|
|
fontSize: tokens.fontSize.xl,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_2xl: {
|
|
fontSize: tokens.fontSize._2xl,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_3xl: {
|
|
fontSize: tokens.fontSize._3xl,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_4xl: {
|
|
fontSize: tokens.fontSize._4xl,
|
|
letterSpacing: 0.25,
|
|
},
|
|
text_5xl: {
|
|
fontSize: tokens.fontSize._5xl,
|
|
letterSpacing: 0.25,
|
|
},
|
|
leading_tight: {
|
|
lineHeight: 1.15,
|
|
},
|
|
leading_snug: {
|
|
lineHeight: 1.3,
|
|
},
|
|
leading_normal: {
|
|
lineHeight: 1.5,
|
|
},
|
|
tracking_normal: {
|
|
letterSpacing: 0,
|
|
},
|
|
tracking_wide: {
|
|
letterSpacing: 0.25,
|
|
},
|
|
font_normal: {
|
|
fontWeight: tokens.fontWeight.normal,
|
|
},
|
|
font_semibold: {
|
|
fontWeight: '500',
|
|
},
|
|
font_bold: {
|
|
fontWeight: tokens.fontWeight.semibold,
|
|
},
|
|
italic: {
|
|
fontStyle: 'italic',
|
|
},
|
|
|
|
/*
|
|
* Border
|
|
*/
|
|
border_0: {
|
|
borderWidth: 0,
|
|
},
|
|
border: {
|
|
borderWidth: 1,
|
|
},
|
|
border_t: {
|
|
borderTopWidth: 1,
|
|
},
|
|
border_b: {
|
|
borderBottomWidth: 1,
|
|
},
|
|
border_l: {
|
|
borderLeftWidth: 1,
|
|
},
|
|
border_r: {
|
|
borderRightWidth: 1,
|
|
},
|
|
|
|
/*
|
|
* Shadow
|
|
*/
|
|
shadow_sm: {
|
|
shadowRadius: 8,
|
|
shadowOpacity: 0.1,
|
|
elevation: 8,
|
|
},
|
|
shadow_md: {
|
|
shadowRadius: 16,
|
|
shadowOpacity: 0.1,
|
|
elevation: 16,
|
|
},
|
|
shadow_lg: {
|
|
shadowRadius: 32,
|
|
shadowOpacity: 0.1,
|
|
elevation: 24,
|
|
},
|
|
|
|
/*
|
|
* Padding
|
|
*/
|
|
p_2xs: {
|
|
padding: tokens.space._2xs,
|
|
},
|
|
p_xs: {
|
|
padding: tokens.space.xs,
|
|
},
|
|
p_sm: {
|
|
padding: tokens.space.sm,
|
|
},
|
|
p_md: {
|
|
padding: tokens.space.md,
|
|
},
|
|
p_lg: {
|
|
padding: tokens.space.lg,
|
|
},
|
|
p_xl: {
|
|
padding: tokens.space.xl,
|
|
},
|
|
p_2xl: {
|
|
padding: tokens.space._2xl,
|
|
},
|
|
p_3xl: {
|
|
padding: tokens.space._3xl,
|
|
},
|
|
p_4xl: {
|
|
padding: tokens.space._4xl,
|
|
},
|
|
p_5xl: {
|
|
padding: tokens.space._5xl,
|
|
},
|
|
px_2xs: {
|
|
paddingLeft: tokens.space._2xs,
|
|
paddingRight: tokens.space._2xs,
|
|
},
|
|
px_xs: {
|
|
paddingLeft: tokens.space.xs,
|
|
paddingRight: tokens.space.xs,
|
|
},
|
|
px_sm: {
|
|
paddingLeft: tokens.space.sm,
|
|
paddingRight: tokens.space.sm,
|
|
},
|
|
px_md: {
|
|
paddingLeft: tokens.space.md,
|
|
paddingRight: tokens.space.md,
|
|
},
|
|
px_lg: {
|
|
paddingLeft: tokens.space.lg,
|
|
paddingRight: tokens.space.lg,
|
|
},
|
|
px_xl: {
|
|
paddingLeft: tokens.space.xl,
|
|
paddingRight: tokens.space.xl,
|
|
},
|
|
px_2xl: {
|
|
paddingLeft: tokens.space._2xl,
|
|
paddingRight: tokens.space._2xl,
|
|
},
|
|
px_3xl: {
|
|
paddingLeft: tokens.space._3xl,
|
|
paddingRight: tokens.space._3xl,
|
|
},
|
|
px_4xl: {
|
|
paddingLeft: tokens.space._4xl,
|
|
paddingRight: tokens.space._4xl,
|
|
},
|
|
px_5xl: {
|
|
paddingLeft: tokens.space._5xl,
|
|
paddingRight: tokens.space._5xl,
|
|
},
|
|
py_2xs: {
|
|
paddingTop: tokens.space._2xs,
|
|
paddingBottom: tokens.space._2xs,
|
|
},
|
|
py_xs: {
|
|
paddingTop: tokens.space.xs,
|
|
paddingBottom: tokens.space.xs,
|
|
},
|
|
py_sm: {
|
|
paddingTop: tokens.space.sm,
|
|
paddingBottom: tokens.space.sm,
|
|
},
|
|
py_md: {
|
|
paddingTop: tokens.space.md,
|
|
paddingBottom: tokens.space.md,
|
|
},
|
|
py_lg: {
|
|
paddingTop: tokens.space.lg,
|
|
paddingBottom: tokens.space.lg,
|
|
},
|
|
py_xl: {
|
|
paddingTop: tokens.space.xl,
|
|
paddingBottom: tokens.space.xl,
|
|
},
|
|
py_2xl: {
|
|
paddingTop: tokens.space._2xl,
|
|
paddingBottom: tokens.space._2xl,
|
|
},
|
|
py_3xl: {
|
|
paddingTop: tokens.space._3xl,
|
|
paddingBottom: tokens.space._3xl,
|
|
},
|
|
py_4xl: {
|
|
paddingTop: tokens.space._4xl,
|
|
paddingBottom: tokens.space._4xl,
|
|
},
|
|
py_5xl: {
|
|
paddingTop: tokens.space._5xl,
|
|
paddingBottom: tokens.space._5xl,
|
|
},
|
|
pt_2xs: {
|
|
paddingTop: tokens.space._2xs,
|
|
},
|
|
pt_xs: {
|
|
paddingTop: tokens.space.xs,
|
|
},
|
|
pt_sm: {
|
|
paddingTop: tokens.space.sm,
|
|
},
|
|
pt_md: {
|
|
paddingTop: tokens.space.md,
|
|
},
|
|
pt_lg: {
|
|
paddingTop: tokens.space.lg,
|
|
},
|
|
pt_xl: {
|
|
paddingTop: tokens.space.xl,
|
|
},
|
|
pt_2xl: {
|
|
paddingTop: tokens.space._2xl,
|
|
},
|
|
pt_3xl: {
|
|
paddingTop: tokens.space._3xl,
|
|
},
|
|
pt_4xl: {
|
|
paddingTop: tokens.space._4xl,
|
|
},
|
|
pt_5xl: {
|
|
paddingTop: tokens.space._5xl,
|
|
},
|
|
pb_2xs: {
|
|
paddingBottom: tokens.space._2xs,
|
|
},
|
|
pb_xs: {
|
|
paddingBottom: tokens.space.xs,
|
|
},
|
|
pb_sm: {
|
|
paddingBottom: tokens.space.sm,
|
|
},
|
|
pb_md: {
|
|
paddingBottom: tokens.space.md,
|
|
},
|
|
pb_lg: {
|
|
paddingBottom: tokens.space.lg,
|
|
},
|
|
pb_xl: {
|
|
paddingBottom: tokens.space.xl,
|
|
},
|
|
pb_2xl: {
|
|
paddingBottom: tokens.space._2xl,
|
|
},
|
|
pb_3xl: {
|
|
paddingBottom: tokens.space._3xl,
|
|
},
|
|
pb_4xl: {
|
|
paddingBottom: tokens.space._4xl,
|
|
},
|
|
pb_5xl: {
|
|
paddingBottom: tokens.space._5xl,
|
|
},
|
|
pl_2xs: {
|
|
paddingLeft: tokens.space._2xs,
|
|
},
|
|
pl_xs: {
|
|
paddingLeft: tokens.space.xs,
|
|
},
|
|
pl_sm: {
|
|
paddingLeft: tokens.space.sm,
|
|
},
|
|
pl_md: {
|
|
paddingLeft: tokens.space.md,
|
|
},
|
|
pl_lg: {
|
|
paddingLeft: tokens.space.lg,
|
|
},
|
|
pl_xl: {
|
|
paddingLeft: tokens.space.xl,
|
|
},
|
|
pl_2xl: {
|
|
paddingLeft: tokens.space._2xl,
|
|
},
|
|
pl_3xl: {
|
|
paddingLeft: tokens.space._3xl,
|
|
},
|
|
pl_4xl: {
|
|
paddingLeft: tokens.space._4xl,
|
|
},
|
|
pl_5xl: {
|
|
paddingLeft: tokens.space._5xl,
|
|
},
|
|
pr_2xs: {
|
|
paddingRight: tokens.space._2xs,
|
|
},
|
|
pr_xs: {
|
|
paddingRight: tokens.space.xs,
|
|
},
|
|
pr_sm: {
|
|
paddingRight: tokens.space.sm,
|
|
},
|
|
pr_md: {
|
|
paddingRight: tokens.space.md,
|
|
},
|
|
pr_lg: {
|
|
paddingRight: tokens.space.lg,
|
|
},
|
|
pr_xl: {
|
|
paddingRight: tokens.space.xl,
|
|
},
|
|
pr_2xl: {
|
|
paddingRight: tokens.space._2xl,
|
|
},
|
|
pr_3xl: {
|
|
paddingRight: tokens.space._3xl,
|
|
},
|
|
pr_4xl: {
|
|
paddingRight: tokens.space._4xl,
|
|
},
|
|
pr_5xl: {
|
|
paddingRight: tokens.space._5xl,
|
|
},
|
|
|
|
/*
|
|
* Margin
|
|
*/
|
|
mx_auto: {
|
|
marginLeft: 'auto',
|
|
marginRight: 'auto',
|
|
},
|
|
m_2xs: {
|
|
margin: tokens.space._2xs,
|
|
},
|
|
m_xs: {
|
|
margin: tokens.space.xs,
|
|
},
|
|
m_sm: {
|
|
margin: tokens.space.sm,
|
|
},
|
|
m_md: {
|
|
margin: tokens.space.md,
|
|
},
|
|
m_lg: {
|
|
margin: tokens.space.lg,
|
|
},
|
|
m_xl: {
|
|
margin: tokens.space.xl,
|
|
},
|
|
m_2xl: {
|
|
margin: tokens.space._2xl,
|
|
},
|
|
m_3xl: {
|
|
margin: tokens.space._3xl,
|
|
},
|
|
m_4xl: {
|
|
margin: tokens.space._4xl,
|
|
},
|
|
m_5xl: {
|
|
margin: tokens.space._5xl,
|
|
},
|
|
mx_2xs: {
|
|
marginLeft: tokens.space._2xs,
|
|
marginRight: tokens.space._2xs,
|
|
},
|
|
mx_xs: {
|
|
marginLeft: tokens.space.xs,
|
|
marginRight: tokens.space.xs,
|
|
},
|
|
mx_sm: {
|
|
marginLeft: tokens.space.sm,
|
|
marginRight: tokens.space.sm,
|
|
},
|
|
mx_md: {
|
|
marginLeft: tokens.space.md,
|
|
marginRight: tokens.space.md,
|
|
},
|
|
mx_lg: {
|
|
marginLeft: tokens.space.lg,
|
|
marginRight: tokens.space.lg,
|
|
},
|
|
mx_xl: {
|
|
marginLeft: tokens.space.xl,
|
|
marginRight: tokens.space.xl,
|
|
},
|
|
mx_2xl: {
|
|
marginLeft: tokens.space._2xl,
|
|
marginRight: tokens.space._2xl,
|
|
},
|
|
mx_3xl: {
|
|
marginLeft: tokens.space._3xl,
|
|
marginRight: tokens.space._3xl,
|
|
},
|
|
mx_4xl: {
|
|
marginLeft: tokens.space._4xl,
|
|
marginRight: tokens.space._4xl,
|
|
},
|
|
mx_5xl: {
|
|
marginLeft: tokens.space._5xl,
|
|
marginRight: tokens.space._5xl,
|
|
},
|
|
my_2xs: {
|
|
marginTop: tokens.space._2xs,
|
|
marginBottom: tokens.space._2xs,
|
|
},
|
|
my_xs: {
|
|
marginTop: tokens.space.xs,
|
|
marginBottom: tokens.space.xs,
|
|
},
|
|
my_sm: {
|
|
marginTop: tokens.space.sm,
|
|
marginBottom: tokens.space.sm,
|
|
},
|
|
my_md: {
|
|
marginTop: tokens.space.md,
|
|
marginBottom: tokens.space.md,
|
|
},
|
|
my_lg: {
|
|
marginTop: tokens.space.lg,
|
|
marginBottom: tokens.space.lg,
|
|
},
|
|
my_xl: {
|
|
marginTop: tokens.space.xl,
|
|
marginBottom: tokens.space.xl,
|
|
},
|
|
my_2xl: {
|
|
marginTop: tokens.space._2xl,
|
|
marginBottom: tokens.space._2xl,
|
|
},
|
|
my_3xl: {
|
|
marginTop: tokens.space._3xl,
|
|
marginBottom: tokens.space._3xl,
|
|
},
|
|
my_4xl: {
|
|
marginTop: tokens.space._4xl,
|
|
marginBottom: tokens.space._4xl,
|
|
},
|
|
my_5xl: {
|
|
marginTop: tokens.space._5xl,
|
|
marginBottom: tokens.space._5xl,
|
|
},
|
|
mt_2xs: {
|
|
marginTop: tokens.space._2xs,
|
|
},
|
|
mt_xs: {
|
|
marginTop: tokens.space.xs,
|
|
},
|
|
mt_sm: {
|
|
marginTop: tokens.space.sm,
|
|
},
|
|
mt_md: {
|
|
marginTop: tokens.space.md,
|
|
},
|
|
mt_lg: {
|
|
marginTop: tokens.space.lg,
|
|
},
|
|
mt_xl: {
|
|
marginTop: tokens.space.xl,
|
|
},
|
|
mt_2xl: {
|
|
marginTop: tokens.space._2xl,
|
|
},
|
|
mt_3xl: {
|
|
marginTop: tokens.space._3xl,
|
|
},
|
|
mt_4xl: {
|
|
marginTop: tokens.space._4xl,
|
|
},
|
|
mt_5xl: {
|
|
marginTop: tokens.space._5xl,
|
|
},
|
|
mb_2xs: {
|
|
marginBottom: tokens.space._2xs,
|
|
},
|
|
mb_xs: {
|
|
marginBottom: tokens.space.xs,
|
|
},
|
|
mb_sm: {
|
|
marginBottom: tokens.space.sm,
|
|
},
|
|
mb_md: {
|
|
marginBottom: tokens.space.md,
|
|
},
|
|
mb_lg: {
|
|
marginBottom: tokens.space.lg,
|
|
},
|
|
mb_xl: {
|
|
marginBottom: tokens.space.xl,
|
|
},
|
|
mb_2xl: {
|
|
marginBottom: tokens.space._2xl,
|
|
},
|
|
mb_3xl: {
|
|
marginBottom: tokens.space._3xl,
|
|
},
|
|
mb_4xl: {
|
|
marginBottom: tokens.space._4xl,
|
|
},
|
|
mb_5xl: {
|
|
marginBottom: tokens.space._5xl,
|
|
},
|
|
ml_2xs: {
|
|
marginLeft: tokens.space._2xs,
|
|
},
|
|
ml_xs: {
|
|
marginLeft: tokens.space.xs,
|
|
},
|
|
ml_sm: {
|
|
marginLeft: tokens.space.sm,
|
|
},
|
|
ml_md: {
|
|
marginLeft: tokens.space.md,
|
|
},
|
|
ml_lg: {
|
|
marginLeft: tokens.space.lg,
|
|
},
|
|
ml_xl: {
|
|
marginLeft: tokens.space.xl,
|
|
},
|
|
ml_2xl: {
|
|
marginLeft: tokens.space._2xl,
|
|
},
|
|
ml_3xl: {
|
|
marginLeft: tokens.space._3xl,
|
|
},
|
|
ml_4xl: {
|
|
marginLeft: tokens.space._4xl,
|
|
},
|
|
ml_5xl: {
|
|
marginLeft: tokens.space._5xl,
|
|
},
|
|
mr_2xs: {
|
|
marginRight: tokens.space._2xs,
|
|
},
|
|
mr_xs: {
|
|
marginRight: tokens.space.xs,
|
|
},
|
|
mr_sm: {
|
|
marginRight: tokens.space.sm,
|
|
},
|
|
mr_md: {
|
|
marginRight: tokens.space.md,
|
|
},
|
|
mr_lg: {
|
|
marginRight: tokens.space.lg,
|
|
},
|
|
mr_xl: {
|
|
marginRight: tokens.space.xl,
|
|
},
|
|
mr_2xl: {
|
|
marginRight: tokens.space._2xl,
|
|
},
|
|
mr_3xl: {
|
|
marginRight: tokens.space._3xl,
|
|
},
|
|
mr_4xl: {
|
|
marginRight: tokens.space._4xl,
|
|
},
|
|
mr_5xl: {
|
|
marginRight: tokens.space._5xl,
|
|
},
|
|
} as const
|