UNPKG

@nurl/panda-preset

Version:

Official Panda-CSS preset for the Ganglion Design System.

1 lines 6.63 kB
{"version":3,"sources":["../../../src/theme/textStyles.ts"],"sourcesContent":["import { defineTextStyles } from '@pandacss/dev'\n\n// display titles\nconst displayStyles = {\n fontFamily: 'display',\n fontVariationSettings: '\"wght\" 800',\n lineHeight: '110%',\n}\n\n// h1-h6\nconst headingWeight = {\n fontVariationSettings: '\"wght\" 600',\n}\n\n// mono\nconst monoStyles = {\n fontFamily: 'mono',\n fontVariationSettings: '\"wght\" 400',\n}\n\nfunction createTextStyle(description: string, options: Record<string, string>) {\n return {\n description,\n value: {\n fontFamily: 'sans',\n ...options,\n },\n }\n}\n\nexport const textStyles = defineTextStyles({\n 'display-sm': {\n ...createTextStyle('The h1 text style - used for small display text', {\n fontSize: '3.5rem',\n ...displayStyles,\n }),\n },\n 'display-md': {\n ...createTextStyle('The h1 text style - used for medium display text', {\n fontSize: '4.5rem',\n ...displayStyles,\n }),\n },\n 'display-lg': {\n ...createTextStyle('The h1 text style - used for large display text', {\n fontSize: '5.5rem',\n ...displayStyles,\n }),\n },\n\n // headings\n\n h1: {\n ...createTextStyle('The h1 text style - used in page headings', {\n fontSize: '2.5rem',\n lineHeight: '110%',\n ...headingWeight,\n }),\n },\n h2: {\n ...createTextStyle('The h2 text style - used in page headings', {\n fontSize: '2rem',\n lineHeight: '125%',\n ...headingWeight,\n }),\n },\n h3: {\n ...createTextStyle('The h3 text style - used in secondary headings', {\n fontSize: '1.5rem',\n lineHeight: '125%',\n ...headingWeight,\n }),\n },\n h4: {\n ...createTextStyle('The h4 text style - used in secondary headings', {\n fontSize: '1.125rem',\n lineHeight: '125%',\n ...headingWeight,\n }),\n },\n h5: {\n ...createTextStyle(\n 'The h5 text style - used in headings that are the lower emphasis',\n {\n fontSize: '1rem',\n ...headingWeight,\n },\n ),\n },\n h6: {\n ...createTextStyle(\n 'The h6 text style - used in headings that are the lowest emphasis',\n {\n fontSize: '0.875rem',\n ...headingWeight,\n },\n ),\n },\n\n // body text - inherits mostly from the html element in globalCSS.ts\n\n 'body-xs': {\n ...createTextStyle(\n 'The small text style - used in support text or legal.',\n {\n fontSize: '0.75rem',\n },\n ),\n },\n 'body-s': {\n ...createTextStyle(\n 'The small text style - used in support text or legal.',\n {\n fontSize: '0.875rem',\n },\n ),\n },\n 'body-m': {\n ...createTextStyle('The body text style - used in paragraphs', {\n fontSize: '1rem',\n }),\n },\n 'body-l': {\n ...createTextStyle(\n 'The body text style - used in paragraphs as smallest headings',\n {\n fontSize: '1.125rem',\n },\n ),\n },\n 'body-xl': {\n ...createTextStyle(\n 'The body text style - used in paragraphs as smaller headings',\n {\n fontSize: '1.25rem',\n },\n ),\n },\n 'body-2xl': {\n ...createTextStyle(\n 'The body text style - used in paragraphs as small headings',\n {\n fontSize: '1.5rem',\n },\n ),\n },\n\n // mono\n\n 'mono-xs': {\n ...createTextStyle('The mono text style - used in smallest code blocks', {\n fontSize: '0.75rem',\n ...monoStyles,\n }),\n },\n 'mono-sm': {\n ...createTextStyle('The mono text style - used in small code blocks', {\n fontSize: '0.875rem',\n ...monoStyles,\n }),\n },\n 'mono-md': {\n ...createTextStyle('The mono text style - used in normal code blocks', {\n fontSize: '1rem',\n ...monoStyles,\n }),\n },\n 'mono-lg': {\n ...createTextStyle('The mono text style - used in large code blocks', {\n fontSize: '1.125rem',\n ...monoStyles,\n }),\n },\n\n // links\n\n link: {\n ...createTextStyle('The link text style - used for inline text links', {\n textDecoration: 'underline',\n }),\n },\n})\n"],"mappings":"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","names":[]}