Files
web/packages/design-system/lib/styles/downtown-camper.js
Erik Tiekstra 6a342aaa9e chore: generated design system css variables from updated json file
Approved-by: Matilda Landström
2025-10-30 12:27:16 +00:00

308 lines
14 KiB
JavaScript

/* This file is generated, do not edit manually! */
export const theme = {
'Signature/Downtown Camper/Lunar green/0': '#F3F4F1',
'Signature/Downtown Camper/Lunar green/10': '#E4E7E0',
'Signature/Downtown Camper/Lunar green/20': '#CCD2C4',
'Signature/Downtown Camper/Lunar green/30': '#ACB6A0',
'Signature/Downtown Camper/Lunar green/40': '#8E9B80',
'Signature/Downtown Camper/Lunar green/50': '#717F63',
'Signature/Downtown Camper/Lunar green/60': '#58644C',
'Signature/Downtown Camper/Lunar green/70': '#454E3D',
'Signature/Downtown Camper/Lunar green/80': '#3C4336',
'Signature/Downtown Camper/Lunar green/90': '#33382F',
'Signature/Downtown Camper/Lunar green/100': '#191D16',
'Signature/Downtown Camper/Russet/0': '#FCF9EE',
'Signature/Downtown Camper/Russet/10': '#F6EECF',
'Signature/Downtown Camper/Russet/20': '#ECDC9B',
'Signature/Downtown Camper/Russet/30': '#E3C666',
'Signature/Downtown Camper/Russet/40': '#DCB143',
'Signature/Downtown Camper/Russet/50': '#D3952D',
'Signature/Downtown Camper/Russet/60': '#BB7524',
'Signature/Downtown Camper/Russet/70': '#9B5622',
'Signature/Downtown Camper/Russet/80': '#834722',
'Signature/Downtown Camper/Russet/90': '#69391E',
'Signature/Downtown Camper/Russet/100': '#3C1D0C',
'Signature/Downtown Camper/Quicksand/0': '#FBF7F5',
'Signature/Downtown Camper/Quicksand/10': '#F6EDEA',
'Signature/Downtown Camper/Quicksand/20': '#F0DED8',
'Signature/Downtown Camper/Quicksand/30': '#E4C7BD',
'Signature/Downtown Camper/Quicksand/40': '#D2A697',
'Signature/Downtown Camper/Quicksand/50': '#C69382',
'Signature/Downtown Camper/Quicksand/60': '#A96D59',
'Signature/Downtown Camper/Quicksand/70': '#8D5948',
'Signature/Downtown Camper/Quicksand/80': '#764C3E',
'Signature/Downtown Camper/Quicksand/90': '#644338',
'Signature/Downtown Camper/Quicksand/100': '#35211A',
'Title/lg/Letter spacing': 0.12,
'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.09,
'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.07,
'Title/sm/Font fallback': 'sans-serif',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.05,
'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase',
'Title/Decorative/md/Letter spacing': 0.19,
'Title/Decorative/md/Font fallback': 'sans-serif',
'Title/Decorative/md/Text-Transform': 'uppercase',
'Title/Subtitle/lg/Font fallback': 'sans-serif',
'Title/Subtitle/lg/Letter spacing': 0.24,
'Title/Subtitle/md/Font fallback': 'sans-serif',
'Title/Subtitle/md/Letter spacing': 0.2,
'Title/Overline/sm/Letter spacing': 0.21,
'Title/Overline/sm/Font fallback': 'sans-serif',
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.07,
'Title/sm/LowCase/Font fallback': 'sans-serif',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.12,
'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.06,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline',
'Link/sm/Font fallback': 'sans-serif',
'Link/sm/Letter spacing': 0.2,
'Link/sm/Text-Decoration': 'underline',
'Body/Lead text/Font fallback': 'sans-serif',
'Body/Paragraph/Font fallback': 'sans-serif',
'Body/Paragraph/Letter spacing': 0.19,
'Body/Supporting text/Font fallback': 'sans-serif',
'Body/Supporting text/Letter spacing': 0.2,
'Body/Lead text/Letter spacing': 0.2,
'Label/Font fallback': 'sans-serif',
'Label/Letter spacing': 0.17,
'Body/Underline/md/Font fallback': 'sans-serif',
'Body/Underline/md/Letter spacing': 0.19,
'Body/Underline/md/Text-Decoration': 'underline',
'Body/Underline/sm/Font fallback': 'sans-serif',
'Body/Underline/sm/Letter spacing': 0.2,
'Body/Underline/sm/Text-Decoration': 'underline',
'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
'Utilities/Gradients/10': '#3C43361A',
'Font family/Downtown Camper/Title': 'Gotham',
'Font family/Downtown Camper/Body': 'Fira sans',
'Font family/Downtown Camper/Decorative': 'Gotham',
'Title/lg/Font weight': 900,
'Title/lg/Font family': 'Gotham',
'Title/md/Font weight': 900,
'Title/md/Font family': 'Gotham',
'Title/sm/Font weight': 900,
'Title/sm/Font family': 'Gotham',
'Title/sm/LowCase/Font weight': 400,
'Title/sm/LowCase/Font family': 'Gotham',
'Title/Decorative/lg/Font weight': 400,
'Title/Decorative/lg/Font family': 'Gotham',
'Title/Decorative/md/Font weight': 400,
'Title/Decorative/md/Font family': 'Gotham',
'Title/Subtitle/lg/Font weight': 500,
'Title/Subtitle/lg/Font family': 'Fira sans',
'Title/Subtitle/md/Font weight': 500,
'Title/Subtitle/md/Font family': 'Fira sans',
'Title/Overline/sm/Font weight': 400,
'Title/Overline/sm/Font family': 'Gotham',
'Title/xs/Font weight': 900,
'Title/xs/Font family': 'Gotham',
'Title/md/LowCase/Font weight': 400,
'Title/md/LowCase/Font family': 'Gotham',
'Tag/Font weight': 400,
'Tag/Font family': 'Gotham',
'Link/md/Font weight': 500,
'Link/md/Font family': 'Fira sans',
'Link/sm/Font weight': 500,
'Link/sm/Font family': 'Fira sans',
'Body/Lead text/Font weight': 400,
'Body/Lead text/Font family': 'Fira sans',
'Body/Paragraph/Font weight': 400,
'Body/Paragraph/Font weight 2': 500,
'Body/Paragraph/Font family': 'Fira sans',
'Body/Supporting text/Font weight': 400,
'Body/Supporting text/Font weight 2': 500,
'Body/Supporting text/Font family': 'Fira sans',
'Label/Font weight': 400,
'Label/Font weight 2': 500,
'Label/Font family': 'Fira sans',
'Body/Underline/md/Font weight': 400,
'Body/Underline/md/Font family': 'Fira sans',
'Body/Underline/sm/Font weight': 400,
'Body/Underline/sm/Font family': 'Fira sans',
'Text/Heading': '#1F1F1F',
'Text/Default': '#1F1F1F',
'Text/Secondary': '#575757',
'Text/Tertiary': '#747474',
'Text/Accent Primary': '#834722',
'Text/Inverted': '#FFFFFF',
'Text/Interactive/Default': '#1F1F1F',
'Text/Interactive/Hover': '#454545',
'Text/Interactive/Secondary': '#834722',
'Text/Interactive/Secondary Hover': '#BB7524',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
'Text/Interactive/Placeholder': '#747474',
'Text/Brand/OnAccent/Heading': '#FFFFFF',
'Text/Feedback/Information': '#284EA0',
'Text/Feedback/Succes': '#348337',
'Text/Feedback/Warning': '#D17308',
'Text/Feedback/Error': '#AD0015',
'Text/Feedback/Neutral': '#747474',
'Text/Brand/OnAccent/Default': '#FFFFFF',
'Text/Brand/OnAccent/Accent': '#FFFFFF',
'Text/Brand/OnAccent/Accent Secondary': '#747474',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
'Background/Primary': '#FCFCFC',
'Background/Secondary': '#FFFFFF',
'Surface/Primary/Default': '#FFFFFF',
'Surface/Primary/Hover': '#f2f2f2',
'Surface/Primary/Hover Light': '#e6e5e5',
'Surface/Primary/Hover Accent': '#E9E9E9',
'Surface/Primary/OnSurface/Default': '#F5F5F5',
'Surface/Primary/Disabled': '#1F1C1B1A',
'Surface/Secondary/Default': '#F0F0F0',
'Surface/Secondary/Subtle': '#D9D9D9',
'Surface/Secondary/Hover': '#e4e4e4',
'Surface/Brand/Accent/Default': '#D3952D',
'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF',
'Surface/Brand/Accent/OnAccent/Accent Secondary': '#FFFFFF',
'Surface/Brand/Primary 1/Default': '#3C4336',
'Surface/Brand/Primary 2/Default': '#834722',
'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
'Surface/Brand/Primary 3/Default': '#834722',
'Surface/Brand/Primary 3/OnSurface/Default': '#E4C7BD',
'Surface/Brand/Primary 3/OnSurface/Accent': '#E4C7BD',
'Surface/UI Fill/Default': '#FFFFFF',
'Surface/UI Fill/Intense': '#262626',
'Surface/UI Fill/Active': '#262626',
'Surface/UI Fill/Active Hover': '#ffffff',
'Surface/UI Fill/Disabled': '#E9E9E9',
'Surface/Accent/1': '#A96D59',
'Surface/Accent/2': '#3F6DBD',
'Surface/Accent/3': '#454E3D',
'Surface/Accent/4': '#D3952D',
'Surface/Accent/5': '#18347F',
'Surface/Feedback/Information': '#284EA0',
'Surface/Feedback/Information light': '#E8F6FF',
'Surface/Feedback/Succes': '#348337',
'Surface/Feedback/Succes light': '#F3FCE8',
'Surface/Feedback/Warning': '#D17308',
'Surface/Feedback/Warning light': '#FFF8E3',
'Surface/Feedback/Error': '#AD0015',
'Surface/Feedback/Error light': '#FFEBEB',
'Surface/Feedback/Neutral': '#747474',
'Surface/Feedback/Neutral light': '#E9E9E9',
'Border/Default': '#D9D9D9',
'Border/Strong': '#BFBFBF',
'Border/Inverted': '#FFFFFF',
'Icon/Default': '#575757',
'Icon/Intense': '#1F1F1F',
'Icon/Accent': '#717F63',
'Icon/Interactive/Default': '#1F1F1F',
'Icon/Interactive/Secondary': '#834722',
'Icon/Interactive/Accent': '#834722',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',
'Icon/Feedback/Success': '#348337',
'Icon/Feedback/Warning': '#D17308',
'Icon/Feedback/Error': '#AD0015',
'Icon/Feedback/Neutral': '#575757',
'Icon/Inverted': '#FFFFFF',
'Overlay/10': '#1F1C1B1A',
'Overlay/20': '#1F1C1B33',
'Overlay/30': '#1F1C1B33',
'Overlay/40': '#1F1C1B66',
'Overlay/60': '#1F1C1B99',
'Overlay/80': '#1F1C1BCC',
'Overlay/90': '#1F1C1BE6',
'Component/Button/Brand/Primary/Fill/Default': '#834722',
'Component/Button/Brand/Primary/Fill/Hover': '#9e694a',
'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3C4336',
'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Secondary/On fill/Default': '#834722',
'Component/Button/Brand/Secondary/On fill/Hover': '#9B5622',
'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#ddc5b7',
'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
'Component/Button/Brand/Secondary/Border/Default': '#834722',
'Component/Button/Brand/Secondary/Border/Hover': '#9B5622',
'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#c59f8a',
'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/Fill/Default': '#3C4336',
'Component/Button/Brand/Tertiary/Fill/Hover': '#4d5448',
'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
'Component/Button/Inverted/Fill/Default': '#FFFFFF',
'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
'Component/Button/Inverted/Fill/Hover': '#e6e5e5',
'Component/Button/Inverted/Fill/Hover Inverted': '#3C4336',
'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Inverted/Border/Default': '#FFFFFF00',
'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
'Component/Button/Inverted/On fill/Default': '#834722',
'Component/Button/Inverted/On fill/Hover': '#915836',
'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
'Border/Interactive/Default': '#BFBFBF',
'Border/Divider/Default': '#D9D9D9',
'Border/Divider/Subtle': '#E9E9E9',
'Border/Divider/Accent': '#BFBFBF',
'Border/Divider/Brand/OnAccent/Default': '#BB7524',
'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 3/Default': '#C69382',
'Border/Interactive/Active': '#262626',
'Border/Interactive/Focus': '#262626',
'Border/Interactive/Disabled': '#BFBFBF',
'Border/Interactive/Error': '#AD0015',
'Component/Button/Muted/Fill/Default': '#FFFFFF00',
'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
'Component/Button/Muted/On fill/Default': '#1F1F1F',
'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
'Component/Button/Muted/On fill/Hover Inverted': '#9B5622',
'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
'Component/Button/Muted/Border/Default': '#FFFFFF1A',
'Component/Button/Muted/Border/Hover': '#ffffff30',
'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
}