{"version":3,"sources":["jsdelivr-header.js","/npm/@mordech/tokens@0.38.0/src/lib/index.ts","/npm/@mordech/tokens@0.38.0/src/lib/border/radius.ts","/npm/@mordech/tokens@0.38.0/src/lib/utils/kabebize.ts","/npm/@mordech/tokens@0.38.0/src/lib/utils/createTokenObject.ts","/npm/@mordech/tokens@0.38.0/src/lib/utils/pxToRem.ts","/npm/@mordech/tokens@0.38.0/src/lib/utils/templateUtils.ts","/npm/@mordech/tokens@0.38.0/src/lib/border/radius.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/breakpoints/screenSizes.ts","/npm/@mordech/tokens@0.38.0/src/lib/breakpoints/breakpoints.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/baseFontSize.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/fontFamilies.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/fontFamilies.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/fontSizes.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/fontSizes.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/fontWeights.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/fontsWeights.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/lineHeights.ts","/npm/@mordech/tokens@0.38.0/src/lib/typography/lineHeights.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/breakpoints/utils/screenSizesToRem.ts","/npm/@mordech/tokens@0.38.0/src/lib/breakpoints/screenSizesRem.ts","/npm/@mordech/tokens@0.38.0/src/lib/colors/palette.ts","/npm/@mordech/tokens@0.38.0/src/lib/colors/colorTheme.ts","/npm/@mordech/tokens@0.38.0/src/lib/colors/colors.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/colors/utils/getThemeColors.ts","/npm/@mordech/tokens@0.38.0/src/lib/elevation/elevation.ts","/npm/@mordech/tokens@0.38.0/src/lib/elevation/elevation.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/opacity/opacity.ts","/npm/@mordech/tokens@0.38.0/src/lib/opacity/opacity.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/pagePaddings/pagePaddings.ts","/npm/@mordech/tokens@0.38.0/src/lib/pagePaddings/defaultPaddingDeclaration.ts","/npm/@mordech/tokens@0.38.0/src/lib/pagePaddings/pagePadding.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/spacing/space.ts","/npm/@mordech/tokens@0.38.0/src/lib/spacing/space.token.ts","/npm/@mordech/tokens@0.38.0/src/lib/transitions/transitions.ts","/npm/@mordech/tokens@0.38.0/src/lib/transitions/transitions.token.ts"],"names":[],"mappings":"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","file":"/npm/@mordech/tokens@0.38.0/dist/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/@mordech/tokens@0.38.0/dist/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","export * from './border';\nexport * from './breakpoints';\nexport * from './colors';\nexport * from './elevation';\nexport * from './opacity';\nexport * from './pagePaddings';\nexport * from './spacing';\nexport * from './transitions';\nexport * from './typography';\n","export type Radius =\n | 0\n | 100\n | 200\n | 250\n | 300\n | 400\n | 600\n | 800\n | 1600\n | 'round';\n\nexport const borderRadiusEnum: Record = {\n 0: '0',\n 100: '0.25rem',\n 200: '0.5rem',\n 250: '0.625rem',\n 300: '0.75rem',\n 400: '1rem',\n 600: '1.5rem',\n 800: '2rem',\n 1600: '4rem',\n round: '9999rem',\n};\n","export function kebabize(str: string) {\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n","import { kebabize } from './kabebize';\nimport { Token } from './types';\n\nexport type ManipulateValueFunction = (\n // eslint-disable-next-line no-unused-vars\n value: string | number,\n) => string | number;\n\nexport interface CreateCssVarObjectOptions {\n manipulateValue?: ManipulateValueFunction;\n type?: 'base' | 'variable' | 'declaration';\n}\n\n/**\n * createTokenObject\n *\n * This function takes an object, and creates a new object that has the same keys and values.\n * The difference is that the values are manipulated in some way. It can also create CSS declaration strings.\n *\n * @param obj - The object to manipulate.\n * @param prefix - The prefix to use for the CSS variable name.\n * @param options - An object with options.\n * @param options.type - The type of manipulation to perform on the values.\n * @param options.manipulateValue - A function that will be used to manipulate the values.\n * @returns An object with the same keys and values, but with the values manipulated in some way.\n * @example\n * const tokens = {\n * color: {\n * primary: 'red',\n * secondary: 'blue',\n * },\n * };\n * createTokenObject(tokens, 'color');\n * // {\n * // color: {\n * // primary: 'var(--mrd-color-primary, red)',\n * // secondary: 'var(--mrd-color-secondary, blue)',\n * // },\n * // }\n * @example\n * createTokenObject(tokens, 'color', { type: 'declaration' });\n * // {\n * // color: {\n * // primary: '--mrd-color-primary: red;',\n * // secondary: '--mrd-color-secondary: blue;',\n * // },\n * // }\n * @example\n * createTokenObject(tokens, 'color', { type: 'base' });\n * // {\n * // color: {\n * // primary: 'red',\n * // secondary: 'blue',\n * // },\n * // }\n * @example\n * createTokenObject(tokens, 'color', {\n * manipulateValue: (value) => value.toUpperCase(),\n * });\n * // {\n * // color: {\n * // primary: 'var(--mrd-color-primary, RED)',\n * // secondary: 'var(--mrd-color-secondary, BLUE)',\n * // },\n * // }\n */\nexport const createTokenObject = (\n obj: Token,\n prefix: string,\n options?: CreateCssVarObjectOptions,\n): Token => {\n return Object.keys(obj).reduce((acc, key) => {\n const currentKey = key;\n let currentValue = obj[key];\n if (typeof currentValue === 'object') {\n return {\n ...acc,\n [currentKey]: createTokenObject(\n currentValue,\n `${prefix}-${key}`,\n options,\n ),\n };\n } else {\n if (options?.manipulateValue) {\n currentValue = options.manipulateValue(currentValue);\n }\n\n switch (options?.type) {\n case 'base':\n return {\n ...acc,\n [currentKey]: currentValue,\n };\n case 'declaration':\n return {\n ...acc,\n [currentKey]: `--mrd-${prefix}-${kebabize(key)}: ${currentValue};`,\n };\n default:\n return {\n ...acc,\n [currentKey]: `var(--mrd-${prefix}-${kebabize(\n key,\n )}, ${currentValue})`,\n };\n }\n }\n }, {});\n};\n","export interface PxToRemProps {\n px: number;\n baseFontSize?: number;\n}\n\nexport const pxToRem = ({ px, baseFontSize = 16 }: PxToRemProps) =>\n `${px / baseFontSize}rem`;\n","/**\n * @description\n * This is a utility function that allows us to use `HTML` syntax highlighting in IDEs.\n * It is used to tag template literals with a name that IDEs can recognize.\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/raw#building_an_identity_tag} for more info\n */\nexport const html = String.raw;\n/**\n * @description\n * This is a utility function that allows us to use `CSS` syntax highlighting in IDEs.\n * It is used to tag template literals with a name that IDEs can recognize.\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/raw#building_an_identity_tag} for more info\n */\nexport const css = String.raw;\n","import { createTokenObject } from '../utils';\n\nimport { borderRadiusEnum } from './radius';\n\n/**\n * Border radius in rem\n *\n * @example\n * .card {\n * border-radius: ${radius[100]};\n * }\n * // border-radius: 0.25rem;\n */\nexport const borderRadius = createTokenObject(\n borderRadiusEnum,\n 'radius',\n) as typeof borderRadiusEnum;\n","import { Breakpoint } from './types';\n\n/**\n * Breakpoint screen sizes in pixels\n */\nexport const screenSizes: Record = {\n sm: 600,\n md: 905,\n lg: 1240,\n xl: 1440,\n};\n","import { screenSizes } from './screenSizes';\nimport { Breakpoint } from './types';\n\n/**\n * Breakpoint media queries in CSS\n * @example\n * ${breakpoints.sm} {\n * // Styles for screens larger than 600px\n * }\n */\n\nexport const breakpoints: Record = {\n sm: `@media screen and (min-width: ${screenSizes.sm}px)`,\n md: `@media screen and (min-width: ${screenSizes.md}px)`,\n lg: `@media screen and (min-width: ${screenSizes.lg}px)`,\n xl: `@media screen and (min-width: ${screenSizes.xl}px)`,\n};\n","export const baseFontSize = 16;\n","export type FontFamily = 'sans' | 'serif' | 'code' | 'ui' | 'inherit';\n\nexport const fontFamiliesEnum: Record = {\n sans: `'DM Sans',sans-serif`,\n serif: `'Eczar',serif`,\n code: `'JetBrains Mono',monospace`,\n ui: `'Mona Sans',sans-serif`,\n inherit: 'inherit',\n};\n","import { createTokenObject } from '../utils';\n\nimport { fontFamiliesEnum } from './fontFamilies';\n\n/**\n * Font families\n * @description\n * The font families are defined in the `@mordech/tokens/css/fonts.css` file.\n * or in the `@mordech/tokens/css` file which imports all the tokens.\n * @example\n * .title {\n * font-family: ${fontFamilies.sans};\n * }\n *\n * // font-family: 'DM Sans',sans-serif;\n */\nexport const fontFamilies = createTokenObject(\n fontFamiliesEnum,\n 'font-family',\n) as typeof fontFamiliesEnum;\n","export type FontSizes = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'inherit';\n\nexport const fontSizesEnum: Record = {\n 0: '0.875rem',\n 1: '1rem',\n 2: '1.5rem',\n 3: '2.25rem',\n 4: '3rem',\n 5: '3.375rem',\n 6: '4rem',\n inherit: 'inherit',\n};\n","import { createTokenObject } from '../utils';\n\nimport { fontSizesEnum } from './fontSizes';\n\n/**\n * Font sizes in rem\n * @example\n * .title {\n * font-size: ${fontSizes[4]};\n * }\n * // font-size: 3rem;\n */\nexport const fontSizes = createTokenObject(\n fontSizesEnum,\n 'font-size',\n) as typeof fontSizesEnum;\n","export type FontWeights = 'regular' | 'medium' | 'bold';\n\nexport const fontWeightsEnum: Record = {\n regular: 400,\n medium: 500,\n bold: 700,\n};\n","import { createTokenObject } from '../utils';\n\nimport { FontWeights, fontWeightsEnum } from './fontWeights';\n\n/**\n * Font weights\n * @example\n * .title {\n * font-weight: ${fontWeights.bold};\n * }\n * // font-weight: 700;\n */\nexport const fontWeights = createTokenObject(\n fontWeightsEnum,\n 'font-weight',\n) as Record;\n","export type LineHeights = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'inherit';\n\nexport const lineHeightsEnum: Record = {\n 0: '150%',\n 1: '150%',\n 2: '150%',\n 3: '125%',\n 4: '115%',\n 5: '115%',\n 6: '115%',\n inherit: 'inherit',\n};\n","import { createTokenObject } from '../utils';\n\nimport { lineHeightsEnum } from './lineHeights';\n\n/**\n * Line heights in percentages\n * @example\n * .title {\n * line-height: ${lineHeights[4]};\n * }\n * // line-height: 115%;\n */\nexport const lineHeights = createTokenObject(\n lineHeightsEnum,\n 'line-height',\n) as typeof lineHeightsEnum;\n","import { baseFontSize } from '../../typography';\nimport { ManipulateValueFunction, pxToRem } from '../../utils';\n\nexport const screenSizesToRem: ManipulateValueFunction = (value) => {\n if (typeof value !== 'number') return value;\n return pxToRem({ px: value, baseFontSize: baseFontSize });\n};\n","import { createTokenObject } from '../utils';\n\nimport { screenSizesToRem } from './utils/screenSizesToRem';\nimport { screenSizes } from './screenSizes';\nimport { Breakpoint } from '.';\n\nexport const screenSizesRemEnum: typeof screenSizes = createTokenObject(\n screenSizes,\n 'screen-size',\n { manipulateValue: screenSizesToRem, type: 'base' },\n) as typeof screenSizes;\n\n/**\n * Breakpoint screen sizes in rem\n */\nexport const screenSizesRem = createTokenObject(\n screenSizes,\n 'screen-size',\n) as Record;\n","/**\n * Palette\n * @description\n * The palette is a collection of colors that are used throughout the design system.\n * Please use the palette to create new colors.\n * Do not use this colors directly.\n */\nexport const palette = {\n primary: {\n '03': '#070A13',\n '10': '#181B24',\n '20': '#272A34',\n '30': '#444651',\n '40': '#5B5E69',\n '50': '#757783',\n '60': '#8E909C',\n '70': '#A9ABB7',\n '80': '#C4C6D3',\n '90': '#E1E2EE',\n '95': '#EAEAF6',\n '99': '#FEFBFF',\n '100': '#FFFFFF',\n },\n secondary: {\n '03': '#060036',\n '10': '#130066',\n '20': '#380094',\n '30': '#5104CC',\n '40': '#6A35E4',\n '50': '#8455FF',\n '60': '#9C7AFF',\n '70': '#B59CFF',\n '80': '#CEBDFF',\n '90': '#E8DEFF',\n '95': '#F6EEFF',\n '99': '#FFFBFF',\n '100': '#FFFFFF',\n },\n success: {\n '03': '#010D00',\n '10': '#002209',\n '20': '#003913',\n '30': '#006729',\n '40': '#006E2C',\n '50': '#068A3A',\n '60': '#33A551',\n '70': '#53C169',\n '80': '#70DE82',\n '90': '#8CFB9B',\n '95': '#D3FFD2',\n '99': '#F6FFF1',\n '100': '#FFFFFF',\n },\n error: {\n '03': '#200002',\n '10': '#390005',\n '20': '#680010',\n '30': '#92001B',\n '40': '#BF0027',\n '50': '#EF0032',\n '60': '#FF5359',\n '70': '#FF8987',\n '80': '#FFB3B0',\n '90': '#FFDAD8',\n '95': '#FFEDEC',\n '99': '#FFFBFF',\n '100': '#FFFFFF',\n },\n neutral: {\n '03': '#060B13',\n '10': '#17181B',\n '20': '#2B3039',\n '30': '#424750',\n '40': '#595E68',\n '50': '#737882',\n '60': '#8C919B',\n '70': '#A7ACB7',\n '80': '#C4C7D0',\n '90': '#E0E2EA',\n '95': '#EAEBF1',\n '99': '#F7F6FA',\n '100': '#FFFFFF',\n },\n highlight: {\n yellowLight: '#F0F894',\n yellowDark: '#292C02',\n pinkLight: '#FFADE0',\n pinkDark: '#53184A',\n greenLight: '#49FCE1',\n greenDark: '#003731',\n },\n keywords: {\n inherit: 'inherit',\n initial: 'initial',\n revert: 'revert',\n transparent: 'transparent',\n },\n};\n","import { palette } from './palette';\n\n/**\n * Color theme\n * @description\n * The color theme is a set of colors that are used to create a consistent\n * look and feel across the application.\n *\n * Use this object to declare a static color.\n * To declare a dynamic colors that can change base on theme use `colors`.\n *\n * @example\n * import { colorTheme } from '@mrd/tokens';\n * colorTheme.light.primary.base;\n * // '#272931'\n */\nexport const colorTheme = {\n light: {\n primary: {\n base: palette['primary']['20'],\n onBase: palette['primary']['99'],\n container: palette['primary']['90'],\n onContainer: palette['primary']['20'],\n },\n secondary: {\n base: palette['secondary']['30'],\n onBase: palette['secondary']['99'],\n container: palette['secondary']['90'],\n onContainer: palette['secondary']['10'],\n },\n success: {\n base: palette['success']['30'],\n onBase: palette['success']['99'],\n container: palette['success']['90'],\n onContainer: palette['success']['10'],\n },\n error: {\n base: palette['error']['30'],\n onBase: palette['error']['99'],\n container: palette['error']['90'],\n onContainer: palette['error']['10'],\n },\n background: {\n base: palette['neutral']['99'],\n onBase: palette['neutral']['10'],\n onBaseVariant: palette['neutral']['20'],\n surface: palette['primary']['90'],\n onSurface: palette['primary']['10'],\n surfaceVariant: palette['primary']['80'],\n onSurfaceVariant: palette['primary']['10'],\n overlay: palette['neutral']['99'] + '80',\n backdrop: palette['neutral']['10'] + '80',\n },\n highlight: {\n yellow: palette['highlight']['yellowLight'],\n pink: palette['highlight']['pinkLight'],\n green: palette['highlight']['greenLight'],\n neutral: palette['neutral']['90'],\n },\n /**\n * @deprecated\n * Make element disabled by using `opacity: 0.38` instead of colors. Or use the opacity token for disabled elements.\n */\n disabled: {\n base: palette['primary']['60'],\n onBase: palette['primary']['90'],\n container: palette['primary']['90'],\n onContainer: palette['primary']['60'],\n },\n outline: palette['neutral']['80'],\n outlineVariant: palette['neutral']['60'],\n },\n\n dark: {\n primary: {\n base: palette['primary']['95'],\n onBase: palette['primary']['10'],\n container: palette['primary']['20'],\n onContainer: palette['primary']['99'],\n },\n secondary: {\n base: palette['secondary']['80'],\n onBase: palette['secondary']['03'],\n container: palette['secondary']['20'],\n onContainer: palette['secondary']['95'],\n },\n success: {\n base: palette['success']['80'],\n onBase: palette['success']['03'],\n container: palette['success']['20'],\n onContainer: palette['success']['95'],\n },\n error: {\n base: palette['error']['70'],\n onBase: palette['error']['10'],\n container: palette['error']['10'],\n onContainer: palette['error']['80'],\n },\n background: {\n base: palette['neutral']['10'],\n onBase: palette['neutral']['95'],\n onBaseVariant: palette['neutral']['80'],\n surface: palette['primary']['20'],\n onSurface: palette['primary']['95'],\n surfaceVariant: palette['primary']['30'],\n onSurfaceVariant: palette['primary']['95'],\n overlay: palette['neutral']['10'] + '73',\n backdrop: palette['neutral']['95'] + '80',\n },\n highlight: {\n yellow: palette['highlight']['yellowDark'],\n pink: palette['highlight']['pinkDark'],\n green: palette['highlight']['greenDark'],\n neutral: palette['neutral']['20'],\n },\n /**\n * @deprecated\n * Make element disabled by using `opacity: 0.38` instead of `color: disabled`\n */\n disabled: {\n base: palette['neutral']['60'],\n onBase: palette['neutral']['30'],\n container: palette['neutral']['40'],\n onContainer: palette['neutral']['70'],\n },\n outline: palette['neutral']['20'],\n outlineVariant: palette['neutral']['40'],\n },\n};\n","import { createTokenObject } from '../utils';\n\nimport { colorTheme } from './colorTheme';\n\n/**\n * Color tokens\n * @description\n * The color tokens are a set of colors that are used to create a consistent\n * look and feel across the application.\n *\n * Use this object to declare a dynamic color.\n * Colors are dynamic only if you have a data-theme attribute on the html element.\n *\n * @example\n * import { colors } from '@mrd/tokens';\n *\n * colors.primary.base;\n * // 'var(--mrd-color-primary-base, #272931)'\n */\nexport const colors: typeof colorTheme.light = createTokenObject(\n colorTheme.light,\n 'color',\n) as typeof colorTheme.light;\n","import { ColorTheme, Theme } from '../types';\n\n/**\n * @deprecated Use `createTokenObject` instead\n */\nexport const getThemeColors = (colorTheme: ColorTheme, theme: Theme) => {\n return Object.keys(colorTheme[theme])\n .map((color) => {\n return Object.keys(colorTheme[theme][color]).map((shade) => {\n return `--mrd-color-${color}-${shade}: ${colorTheme[theme][color][shade]};`;\n });\n })\n .flat();\n};\n","import { CSSProperties } from 'styled-components';\n\nexport type ElevationLevels = 0 | 1 | 2;\n\nexport const elevationEnum: Record<\n ElevationLevels,\n NonNullable\n> = {\n 0: `0 1px 3px 0 rgba(0, 0, 0, 0.07),\n 0 4px 7px 0 rgba(0, 0, 0, 0.06),\n 0 7px 12px 0 rgba(0, 0, 0, 0.04),\n 0 12px 21.44px 0 rgba(0, 0, 0, 0.04)`,\n 1: `0px 1.439px 2.657px 0px rgba(0, 0, 0, 0.07), \n 0px 3.458px 6.384px 0px rgba(0, 0, 0, 0.05), \n 0px 6.511px 12.021px 0px rgba(0, 0, 0, 0.04), \n 0px 11.615px 21.443px 0px rgba(0, 0, 0, 0.04), \n 0px 21.724px 40.107px 0px rgba(0, 0, 0, 0.03), \n 0px 52px 96px 0px rgba(0, 0, 0, 0.02)`,\n 2: `0px 0.658px 2.093px 0px rgba(0, 0, 0, 0.02), \n 0px 1.495px 4.755px 0px rgba(0, 0, 0, 0.03), \n 0px 2.601px 8.276px 0px rgba(0, 0, 0, 0.04), \n 0px 4.132px 13.148px 0px rgba(0, 0, 0, 0.05), \n 0px 6.376px 20.286px 0px rgba(0, 0, 0, 0.05), \n 0px 9.949px 31.654px 0px rgba(0, 0, 0, 0.06), \n 0px 16.516px 52.551px 0px rgba(0, 0, 0, 0.07), \n 0px 33px 105px 0px rgba(0, 0, 0, 0.09)`,\n};\n","import { createTokenObject } from '../utils';\n\nimport { elevationEnum } from './elevation';\n\n/**\n * Elevation levels\n *\n * @example\n * .elevated {\n * box-shadow: ${elevation[0]};\n * }\n */\n\nexport const elevation = createTokenObject(\n elevationEnum,\n 'elevation',\n) as typeof elevationEnum;\n","import { CSSProperties } from 'react';\n\nexport type OpacityTypes = 'disabled';\n\nexport const opacityEnum: Record<\n OpacityTypes,\n NonNullable\n> = {\n disabled: '0.38',\n};\n","import { createTokenObject } from '../utils';\n\nimport { opacityEnum } from './opacity';\n\n/**\n * Opacity levels\n *\n * @example\n * ...\n * opacity: ${opacity.disabled};\n * ...\n */\n\nexport const opacity = createTokenObject(\n opacityEnum,\n 'opacity',\n) as typeof opacityEnum;\n","/**\n * Page paddings in rem\n * @example\n * .page {\n * padding-inline-start: ${pagePaddings.sm};\n * padding-inline-end: ${pagePaddings.sm};\n * }\n */\nexport const pagePaddings = {\n sm: '1.5rem',\n md: '2rem',\n lg: '5.25rem',\n};\n","import { breakpoints } from '../breakpoints';\nimport { css } from '../utils';\n\nimport { pagePaddings } from './pagePaddings';\n\nexport const defaultPaddingDeclaration = css`\n :root {\n --mrd-default-padding: ${pagePaddings.sm};\n }\n\n ${breakpoints.sm} {\n :root {\n --mrd-default-padding: ${pagePaddings.md};\n }\n }\n\n ${breakpoints.lg} {\n :root {\n --mrd-default-padding: ${pagePaddings.lg};\n }\n }\n`;\n","import { css } from '../utils';\n\nimport { pagePaddings } from './pagePaddings';\n\n/**\n * Page padding variable\n * Returns a responsive padding declaration for the page\n *\n * Used in the context of a page only\n *\n * @example\n * .page {\n * ${pagePadding}\n * }\n */\nexport const pagePadding = css`\n padding-inline: var(--mrd-default-padding, ${pagePaddings.sm})\n var(--mrd-default-padding, ${pagePaddings.sm});\n`;\n","export type Spaces =\n | 0\n | 50\n | 100\n | 200\n | 300\n | 400\n | 600\n | 800\n | 1200\n | 1600\n | 2100\n | 3200\n | 6400;\n\nexport const spaceEnum: Record = {\n 0: '0',\n 50: '0.125rem',\n 100: '0.25rem',\n 200: '0.5rem',\n 300: '0.75rem',\n 400: '1rem',\n 600: '1.5rem',\n 800: '2rem',\n 1200: '3rem',\n 1600: '4rem',\n 2100: '5.25rem',\n 3200: '8rem',\n 6400: '16rem',\n};\n","import { createTokenObject } from '../utils';\n\nimport { spaceEnum } from './space';\n\n/**\n * Space increments in rem\n *\n * @example\n * .card {\n * gap: ${space[200]};\n * }\n * // gap: 0.5rem;\n */\nexport const space = createTokenObject(spaceEnum, 'space') as typeof spaceEnum;\n","export const transitionsEnum = {\n default: '0.3s ease-in-out',\n fast: '0.2s ease-in-out',\n slow: '0.5s ease-in-out',\n bounce: '250ms cubic-bezier(0.65, -1.63, 0.28, 2.72)',\n none: 'none',\n};\n","import { createTokenObject } from '../utils';\n\nimport { transitionsEnum } from './transitions';\n\n/**\n * Transitions\n * @example\n * .transition {\n * transition: all ${transitions.default};\n * }\n * // transition: all 0.3s ease-in-out;\n */\nexport const transitions = createTokenObject(\n transitionsEnum,\n 'transition',\n) as typeof transitionsEnum;\n"]}