@mekari/pixel3-styled-system 0.0.0

package/tokens/index.mjs

@@ -0,0 +1,848 @@
+const tokens = {
+  "borders.none": {
+    "value": "none",
+    "variable": "var(--mp-borders-none)"
+  },
+  "borders.sm": {
+    "value": "1px",
+    "variable": "var(--mp-borders-sm)"
+  },
+  "borders.md": {
+    "value": "1.5px",
+    "variable": "var(--mp-borders-md)"
+  },
+  "borders.lg": {
+    "value": "2px",
+    "variable": "var(--mp-borders-lg)"
+  },
+  "colors.currentcolor": {
+    "value": "currentcolor",
+    "variable": "var(--mp-colors-currentcolor)"
+  },
+  "colors.dark": {
+    "value": "#232933",
+    "variable": "var(--mp-colors-dark)"
+  },
+  "colors.white": {
+    "value": "#FFFFFF",
+    "variable": "var(--mp-colors-white)"
+  },
+  "colors.background": {
+    "value": "#F1F5F9",
+    "variable": "var(--mp-colors-background)"
+  },
+  "colors.overlay": {
+    "value": "rgba(22, 26, 32, 0.8)",
+    "variable": "var(--mp-colors-overlay)"
+  },
+  "colors.brand.capital": {
+    "value": "#2F5573",
+    "variable": "var(--mp-colors-brand-capital)"
+  },
+  "colors.brand.esign": {
+    "value": "#00C853",
+    "variable": "var(--mp-colors-brand-esign)"
+  },
+  "colors.brand.expense": {
+    "value": "#183883",
+    "variable": "var(--mp-colors-brand-expense)"
+  },
+  "colors.brand.flex": {
+    "value": "#7C4DFF",
+    "variable": "var(--mp-colors-brand-flex)"
+  },
+  "colors.brand.jurnal": {
+    "value": "#40C3FF",
+    "variable": "var(--mp-colors-brand-jurnal)"
+  },
+  "colors.brand.klikpajak": {
+    "value": "#FF9100",
+    "variable": "var(--mp-colors-brand-klikpajak)"
+  },
+  "colors.brand.mekari": {
+    "value": "#651FFF",
+    "variable": "var(--mp-colors-brand-mekari)"
+  },
+  "colors.brand.qontak": {
+    "value": "#2979FF",
+    "variable": "var(--mp-colors-brand-qontak)"
+  },
+  "colors.brand.talenta": {
+    "value": "#F22929",
+    "variable": "var(--mp-colors-brand-talenta)"
+  },
+  "colors.brand.university": {
+    "value": "#448AFF",
+    "variable": "var(--mp-colors-brand-university)"
+  },
+  "colors.gray.25": {
+    "value": "#F8F9FB",
+    "variable": "var(--mp-colors-gray-25)"
+  },
+  "colors.gray.50": {
+    "value": "#EDF0F2",
+    "variable": "var(--mp-colors-gray-50)"
+  },
+  "colors.gray.100": {
+    "value": "#D0D6DD",
+    "variable": "var(--mp-colors-gray-100)"
+  },
+  "colors.gray.400": {
+    "value": "#8B95A5",
+    "variable": "var(--mp-colors-gray-400)"
+  },
+  "colors.gray.600": {
+    "value": "#626B79",
+    "variable": "var(--mp-colors-gray-600)"
+  },
+  "colors.blue.50": {
+    "value": "#EAECFB",
+    "variable": "var(--mp-colors-blue-50)"
+  },
+  "colors.blue.100": {
+    "value": "#D5DEFF",
+    "variable": "var(--mp-colors-blue-100)"
+  },
+  "colors.blue.400": {
+    "value": "#4B61DD",
+    "variable": "var(--mp-colors-blue-400)"
+  },
+  "colors.blue.500": {
+    "value": "#1C44D5",
+    "variable": "var(--mp-colors-blue-500)"
+  },
+  "colors.blue.700": {
+    "value": "#0031BE",
+    "variable": "var(--mp-colors-blue-700)"
+  },
+  "colors.red.50": {
+    "value": "#FDECEE",
+    "variable": "var(--mp-colors-red-50)"
+  },
+  "colors.red.400": {
+    "value": "#DA473F",
+    "variable": "var(--mp-colors-red-400)"
+  },
+  "colors.red.500": {
+    "value": "#C83E39",
+    "variable": "var(--mp-colors-red-500)"
+  },
+  "colors.red.700": {
+    "value": "#AB3129",
+    "variable": "var(--mp-colors-red-700)"
+  },
+  "colors.green.50": {
+    "value": "#E8F5EB",
+    "variable": "var(--mp-colors-green-50)"
+  },
+  "colors.green.400": {
+    "value": "#68BE79",
+    "variable": "var(--mp-colors-green-400)"
+  },
+  "colors.green.500": {
+    "value": "#4FB262",
+    "variable": "var(--mp-colors-green-500)"
+  },
+  "colors.green.700": {
+    "value": "#3C914D",
+    "variable": "var(--mp-colors-green-700)"
+  },
+  "colors.orange.50": {
+    "value": "#FBF3DD",
+    "variable": "var(--mp-colors-orange-50)"
+  },
+  "colors.orange.400": {
+    "value": "#E0AB00",
+    "variable": "var(--mp-colors-orange-400)"
+  },
+  "colors.orange.500": {
+    "value": "#DE9400",
+    "variable": "var(--mp-colors-orange-500)"
+  },
+  "colors.orange.700": {
+    "value": "#DB8000",
+    "variable": "var(--mp-colors-orange-700)"
+  },
+  "colors.sky.100": {
+    "value": "#60A5FA",
+    "variable": "var(--mp-colors-sky-100)"
+  },
+  "colors.sky.400": {
+    "value": "#3B82F6",
+    "variable": "var(--mp-colors-sky-400)"
+  },
+  "colors.teal.100": {
+    "value": "#2DD4BF",
+    "variable": "var(--mp-colors-teal-100)"
+  },
+  "colors.teal.400": {
+    "value": "#14B8A6",
+    "variable": "var(--mp-colors-teal-400)"
+  },
+  "colors.violet.100": {
+    "value": "#A78BFA",
+    "variable": "var(--mp-colors-violet-100)"
+  },
+  "colors.violet.400": {
+    "value": "#8B5CF6",
+    "variable": "var(--mp-colors-violet-400)"
+  },
+  "colors.amber.100": {
+    "value": "#FBBF24",
+    "variable": "var(--mp-colors-amber-100)"
+  },
+  "colors.amber.400": {
+    "value": "#F59E0B",
+    "variable": "var(--mp-colors-amber-400)"
+  },
+  "colors.rose.100": {
+    "value": "#F87171",
+    "variable": "var(--mp-colors-rose-100)"
+  },
+  "colors.rose.400": {
+    "value": "#EF4444",
+    "variable": "var(--mp-colors-rose-400)"
+  },
+  "colors.stone.100": {
+    "value": "#A1A1AA",
+    "variable": "var(--mp-colors-stone-100)"
+  },
+  "colors.stone.400": {
+    "value": "#71717A",
+    "variable": "var(--mp-colors-stone-400)"
+  },
+  "colors.lime.100": {
+    "value": "#A3E635",
+    "variable": "var(--mp-colors-lime-100)"
+  },
+  "colors.lime.400": {
+    "value": "#84CC16",
+    "variable": "var(--mp-colors-lime-400)"
+  },
+  "colors.pink.100": {
+    "value": "#F472B6",
+    "variable": "var(--mp-colors-pink-100)"
+  },
+  "colors.pink.400": {
+    "value": "#EC4899",
+    "variable": "var(--mp-colors-pink-400)"
+  },
+  "colors.apricot.100": {
+    "value": "#FB923C",
+    "variable": "var(--mp-colors-apricot-100)"
+  },
+  "colors.apricot.400": {
+    "value": "#F97316",
+    "variable": "var(--mp-colors-apricot-400)"
+  },
+  "colors.aqua.100": {
+    "value": "#22D3EE",
+    "variable": "var(--mp-colors-aqua-100)"
+  },
+  "colors.aqua.400": {
+    "value": "#06B6D4",
+    "variable": "var(--mp-colors-aqua-400)"
+  },
+  "colors.leaf.100": {
+    "value": "#4ADE80",
+    "variable": "var(--mp-colors-leaf-100)"
+  },
+  "colors.leaf.400": {
+    "value": "#22C55E",
+    "variable": "var(--mp-colors-leaf-400)"
+  },
+  "colors.fuchsia.100": {
+    "value": "#E879F9",
+    "variable": "var(--mp-colors-fuchsia-100)"
+  },
+  "colors.fuchsia.400": {
+    "value": "#D946EF",
+    "variable": "var(--mp-colors-fuchsia-400)"
+  },
+  "colors.ice.50": {
+    "value": "#E0EEFF",
+    "variable": "var(--mp-colors-ice-50)"
+  },
+  "colors.ice.100": {
+    "value": "#B4D3F2",
+    "variable": "var(--mp-colors-ice-100)"
+  },
+  "colors.ash.100": {
+    "value": "#E7EDF5",
+    "variable": "var(--mp-colors-ash-100)"
+  },
+  "durations.slow": {
+    "value": "100ms",
+    "variable": "var(--mp-durations-slow)"
+  },
+  "durations.normal": {
+    "value": "250ms",
+    "variable": "var(--mp-durations-normal)"
+  },
+  "durations.fast": {
+    "value": "300ms",
+    "variable": "var(--mp-durations-fast)"
+  },
+  "fonts.body": {
+    "value": "\"inter\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, Segoe UI, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
+    "variable": "var(--mp-fonts-body)"
+  },
+  "fonts.mono": {
+    "value": "SFMono-Regular, Menlo, Monaco,Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+    "variable": "var(--mp-fonts-mono)"
+  },
+  "fontSizes.xs": {
+    "value": "0.625rem",
+    "variable": "var(--mp-font-sizes-xs)"
+  },
+  "fontSizes.sm": {
+    "value": "0.75rem",
+    "variable": "var(--mp-font-sizes-sm)"
+  },
+  "fontSizes.md": {
+    "value": "0.875rem",
+    "variable": "var(--mp-font-sizes-md)"
+  },
+  "fontSizes.lg": {
+    "value": "1rem",
+    "variable": "var(--mp-font-sizes-lg)"
+  },
+  "fontSizes.xl": {
+    "value": "1.25rem",
+    "variable": "var(--mp-font-sizes-xl)"
+  },
+  "fontSizes.2xl": {
+    "value": "1.5rem",
+    "variable": "var(--mp-font-sizes-2xl)"
+  },
+  "fontWeights.regular": {
+    "value": "400",
+    "variable": "var(--mp-font-weights-regular)"
+  },
+  "fontWeights.semiBold": {
+    "value": "600",
+    "variable": "var(--mp-font-weights-semi-bold)"
+  },
+  "fontWeights.bold": {
+    "value": "800",
+    "variable": "var(--mp-font-weights-bold)"
+  },
+  "lineHeights.xs": {
+    "value": 1.2,
+    "variable": "var(--mp-line-heights-xs)"
+  },
+  "lineHeights.sm": {
+    "value": 1.34,
+    "variable": "var(--mp-line-heights-sm)"
+  },
+  "lineHeights.md": {
+    "value": 1.4,
+    "variable": "var(--mp-line-heights-md)"
+  },
+  "lineHeights.lg": {
+    "value": 1.429,
+    "variable": "var(--mp-line-heights-lg)"
+  },
+  "lineHeights.xl": {
+    "value": 1.5,
+    "variable": "var(--mp-line-heights-xl)"
+  },
+  "lineHeights.2xl": {
+    "value": 1.67,
+    "variable": "var(--mp-line-heights-2xl)"
+  },
+  "lineHeights.3xl": {
+    "value": 1.71,
+    "variable": "var(--mp-line-heights-3xl)"
+  },
+  "letterSpacings.tighter": {
+    "value": "-0.05em",
+    "variable": "var(--mp-letter-spacings-tighter)"
+  },
+  "letterSpacings.tight": {
+    "value": "-0.025em",
+    "variable": "var(--mp-letter-spacings-tight)"
+  },
+  "letterSpacings.normal": {
+    "value": "0",
+    "variable": "var(--mp-letter-spacings-normal)"
+  },
+  "letterSpacings.wide": {
+    "value": "0.025em",
+    "variable": "var(--mp-letter-spacings-wide)"
+  },
+  "letterSpacings.wider": {
+    "value": "0.05em",
+    "variable": "var(--mp-letter-spacings-wider)"
+  },
+  "letterSpacings.widest": {
+    "value": "0.1em",
+    "variable": "var(--mp-letter-spacings-widest)"
+  },
+  "opacity.0": {
+    "value": 0,
+    "variable": "var(--mp-opacity-0)"
+  },
+  "opacity.40": {
+    "value": 0.4,
+    "variable": "var(--mp-opacity-40)"
+  },
+  "opacity.60": {
+    "value": 0.6,
+    "variable": "var(--mp-opacity-60)"
+  },
+  "opacity.100": {
+    "value": 1,
+    "variable": "var(--mp-opacity-100)"
+  },
+  "radii.none": {
+    "value": "0",
+    "variable": "var(--mp-radii-none)"
+  },
+  "radii.xs": {
+    "value": "0.125rem",
+    "variable": "var(--mp-radii-xs)"
+  },
+  "radii.sm": {
+    "value": "0.25rem",
+    "variable": "var(--mp-radii-sm)"
+  },
+  "radii.md": {
+    "value": "0.375rem",
+    "variable": "var(--mp-radii-md)"
+  },
+  "radii.lg": {
+    "value": "0.5rem",
+    "variable": "var(--mp-radii-lg)"
+  },
+  "radii.xl": {
+    "value": "0.75rem",
+    "variable": "var(--mp-radii-xl)"
+  },
+  "radii.full": {
+    "value": "50%",
+    "variable": "var(--mp-radii-full)"
+  },
+  "shadows.xs": {
+    "value": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
+    "variable": "var(--mp-shadows-xs)"
+  },
+  "shadows.sm": {
+    "value": "0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.10)",
+    "variable": "var(--mp-shadows-sm)"
+  },
+  "shadows.md": {
+    "value": "0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10)",
+    "variable": "var(--mp-shadows-md)"
+  },
+  "shadows.lg": {
+    "value": "0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05)",
+    "variable": "var(--mp-shadows-lg)"
+  },
+  "shadows.focus": {
+    "value": "0 0 0 3px rgba(224, 238, 255, 1)",
+    "variable": "var(--mp-shadows-focus)"
+  },
+  "shadows.xl": {
+    "value": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+    "variable": "var(--mp-shadows-xl)"
+  },
+  "shadows.2xl": {
+    "value": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    "variable": "var(--mp-shadows-2xl)"
+  },
+  "shadows.outline": {
+    "value": "0 0 0 3px #E0EEFF",
+    "variable": "var(--mp-shadows-outline)"
+  },
+  "shadows.outline-tab": {
+    "value": "0 0 0 2px #E0EEFF",
+    "variable": "var(--mp-shadows-outline-tab)"
+  },
+  "shadows.outer": {
+    "value": "0 0 0 3px rgba(224, 238, 255, 1)",
+    "variable": "var(--mp-shadows-outer)"
+  },
+  "shadows.inner": {
+    "value": "inset 0 2px 4px 0 rgba( 0, 0, 0, 0.06)",
+    "variable": "var(--mp-shadows-inner)"
+  },
+  "shadows.none": {
+    "value": "none",
+    "variable": "var(--mp-shadows-none)"
+  },
+  "sizes.0": {
+    "value": "0",
+    "variable": "var(--mp-sizes-0)"
+  },
+  "sizes.1": {
+    "value": "0.25rem",
+    "variable": "var(--mp-sizes-1)"
+  },
+  "sizes.2": {
+    "value": "0.5rem",
+    "variable": "var(--mp-sizes-2)"
+  },
+  "sizes.3": {
+    "value": "0.75rem",
+    "variable": "var(--mp-sizes-3)"
+  },
+  "sizes.4": {
+    "value": "1rem",
+    "variable": "var(--mp-sizes-4)"
+  },
+  "sizes.5": {
+    "value": "1.25rem",
+    "variable": "var(--mp-sizes-5)"
+  },
+  "sizes.6": {
+    "value": "1.5rem",
+    "variable": "var(--mp-sizes-6)"
+  },
+  "sizes.7": {
+    "value": "1.75rem",
+    "variable": "var(--mp-sizes-7)"
+  },
+  "sizes.8": {
+    "value": "2rem",
+    "variable": "var(--mp-sizes-8)"
+  },
+  "sizes.9": {
+    "value": "2.25rem",
+    "variable": "var(--mp-sizes-9)"
+  },
+  "sizes.10": {
+    "value": "2.5rem",
+    "variable": "var(--mp-sizes-10)"
+  },
+  "sizes.11": {
+    "value": "2.75rem",
+    "variable": "var(--mp-sizes-11)"
+  },
+  "sizes.12": {
+    "value": "3rem",
+    "variable": "var(--mp-sizes-12)"
+  },
+  "sizes.16": {
+    "value": "4rem",
+    "variable": "var(--mp-sizes-16)"
+  },
+  "sizes.20": {
+    "value": "5rem",
+    "variable": "var(--mp-sizes-20)"
+  },
+  "sizes.22": {
+    "value": "5.5rem",
+    "variable": "var(--mp-sizes-22)"
+  },
+  "sizes.65": {
+    "value": "17.5rem",
+    "variable": "var(--mp-sizes-65)"
+  },
+  "sizes.0.25": {
+    "value": "0.0625rem",
+    "variable": "var(--mp-sizes-0\\.25)"
+  },
+  "sizes.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--mp-sizes-0\\.5)"
+  },
+  "sizes.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--mp-sizes-2\\.5)"
+  },
+  "sizes.7.5": {
+    "value": "1.875rem",
+    "variable": "var(--mp-sizes-7\\.5)"
+  },
+  "sizes.9.5": {
+    "value": "2.375rem",
+    "variable": "var(--mp-sizes-9\\.5)"
+  },
+  "sizes.full": {
+    "value": "100%",
+    "variable": "var(--mp-sizes-full)"
+  },
+  "sizes.breakpoint-sm": {
+    "value": "22.5em",
+    "variable": "var(--mp-sizes-breakpoint-sm)"
+  },
+  "sizes.breakpoint-md": {
+    "value": "48em",
+    "variable": "var(--mp-sizes-breakpoint-md)"
+  },
+  "sizes.breakpoint-lg": {
+    "value": "64em",
+    "variable": "var(--mp-sizes-breakpoint-lg)"
+  },
+  "sizes.breakpoint-xl": {
+    "value": "80em",
+    "variable": "var(--mp-sizes-breakpoint-xl)"
+  },
+  "spacing.0": {
+    "value": "0",
+    "variable": "var(--mp-spacing-0)"
+  },
+  "spacing.1": {
+    "value": "0.25rem",
+    "variable": "var(--mp-spacing-1)"
+  },
+  "spacing.2": {
+    "value": "0.5rem",
+    "variable": "var(--mp-spacing-2)"
+  },
+  "spacing.3": {
+    "value": "0.75rem",
+    "variable": "var(--mp-spacing-3)"
+  },
+  "spacing.4": {
+    "value": "1rem",
+    "variable": "var(--mp-spacing-4)"
+  },
+  "spacing.5": {
+    "value": "1.3rem",
+    "variable": "var(--mp-spacing-5)"
+  },
+  "spacing.6": {
+    "value": "1.5rem",
+    "variable": "var(--mp-spacing-6)"
+  },
+  "spacing.8": {
+    "value": "2rem",
+    "variable": "var(--mp-spacing-8)"
+  },
+  "spacing.12": {
+    "value": "3rem",
+    "variable": "var(--mp-spacing-12)"
+  },
+  "spacing.16": {
+    "value": "4rem",
+    "variable": "var(--mp-spacing-16)"
+  },
+  "spacing.20": {
+    "value": "5rem",
+    "variable": "var(--mp-spacing-20)"
+  },
+  "spacing.24": {
+    "value": "6rem",
+    "variable": "var(--mp-spacing-24)"
+  },
+  "spacing.32": {
+    "value": "8rem",
+    "variable": "var(--mp-spacing-32)"
+  },
+  "spacing.40": {
+    "value": "10rem",
+    "variable": "var(--mp-spacing-40)"
+  },
+  "spacing.64": {
+    "value": "16rem",
+    "variable": "var(--mp-spacing-64)"
+  },
+  "spacing.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--mp-spacing-0\\.5)"
+  },
+  "spacing.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--mp-spacing-1\\.5)"
+  },
+  "zIndex.hide": {
+    "value": -1,
+    "variable": "var(--mp-z-index-hide)"
+  },
+  "zIndex.base": {
+    "value": 0,
+    "variable": "var(--mp-z-index-base)"
+  },
+  "zIndex.docked": {
+    "value": 10,
+    "variable": "var(--mp-z-index-docked)"
+  },
+  "zIndex.sticky": {
+    "value": 1100,
+    "variable": "var(--mp-z-index-sticky)"
+  },
+  "zIndex.overlay": {
+    "value": 1300,
+    "variable": "var(--mp-z-index-overlay)"
+  },
+  "zIndex.modal": {
+    "value": 1400,
+    "variable": "var(--mp-z-index-modal)"
+  },
+  "zIndex.popover": {
+    "value": 1500,
+    "variable": "var(--mp-z-index-popover)"
+  },
+  "zIndex.tooltip": {
+    "value": 1800,
+    "variable": "var(--mp-z-index-tooltip)"
+  },
+  "breakpoints.sm": {
+    "value": "22.5em",
+    "variable": "var(--mp-breakpoints-sm)"
+  },
+  "breakpoints.md": {
+    "value": "48em",
+    "variable": "var(--mp-breakpoints-md)"
+  },
+  "breakpoints.lg": {
+    "value": "64em",
+    "variable": "var(--mp-breakpoints-lg)"
+  },
+  "breakpoints.xl": {
+    "value": "80em",
+    "variable": "var(--mp-breakpoints-xl)"
+  },
+  "spacing.-0": {
+    "value": "calc(var(--mp-spacing-0) * -1)",
+    "variable": "var(--mp-spacing-0)"
+  },
+  "spacing.-1": {
+    "value": "calc(var(--mp-spacing-1) * -1)",
+    "variable": "var(--mp-spacing-1)"
+  },
+  "spacing.-2": {
+    "value": "calc(var(--mp-spacing-2) * -1)",
+    "variable": "var(--mp-spacing-2)"
+  },
+  "spacing.-3": {
+    "value": "calc(var(--mp-spacing-3) * -1)",
+    "variable": "var(--mp-spacing-3)"
+  },
+  "spacing.-4": {
+    "value": "calc(var(--mp-spacing-4) * -1)",
+    "variable": "var(--mp-spacing-4)"
+  },
+  "spacing.-5": {
+    "value": "calc(var(--mp-spacing-5) * -1)",
+    "variable": "var(--mp-spacing-5)"
+  },
+  "spacing.-6": {
+    "value": "calc(var(--mp-spacing-6) * -1)",
+    "variable": "var(--mp-spacing-6)"
+  },
+  "spacing.-8": {
+    "value": "calc(var(--mp-spacing-8) * -1)",
+    "variable": "var(--mp-spacing-8)"
+  },
+  "spacing.-12": {
+    "value": "calc(var(--mp-spacing-12) * -1)",
+    "variable": "var(--mp-spacing-12)"
+  },
+  "spacing.-16": {
+    "value": "calc(var(--mp-spacing-16) * -1)",
+    "variable": "var(--mp-spacing-16)"
+  },
+  "spacing.-20": {
+    "value": "calc(var(--mp-spacing-20) * -1)",
+    "variable": "var(--mp-spacing-20)"
+  },
+  "spacing.-24": {
+    "value": "calc(var(--mp-spacing-24) * -1)",
+    "variable": "var(--mp-spacing-24)"
+  },
+  "spacing.-32": {
+    "value": "calc(var(--mp-spacing-32) * -1)",
+    "variable": "var(--mp-spacing-32)"
+  },
+  "spacing.-40": {
+    "value": "calc(var(--mp-spacing-40) * -1)",
+    "variable": "var(--mp-spacing-40)"
+  },
+  "spacing.-64": {
+    "value": "calc(var(--mp-spacing-64) * -1)",
+    "variable": "var(--mp-spacing-64)"
+  },
+  "spacing.-0.5": {
+    "value": "calc(var(--mp-spacing-0\\.5) * -1)",
+    "variable": "var(--mp-spacing-0\\.5)"
+  },
+  "spacing.-1.5": {
+    "value": "calc(var(--mp-spacing-1\\.5) * -1)",
+    "variable": "var(--mp-spacing-1\\.5)"
+  },
+  "colors.colorPalette": {
+    "value": "var(--mp-colors-color-palette)",
+    "variable": "var(--mp-colors-color-palette)"
+  },
+  "colors.colorPalette.capital": {
+    "value": "var(--mp-colors-color-palette-capital)",
+    "variable": "var(--mp-colors-color-palette-capital)"
+  },
+  "colors.colorPalette.esign": {
+    "value": "var(--mp-colors-color-palette-esign)",
+    "variable": "var(--mp-colors-color-palette-esign)"
+  },
+  "colors.colorPalette.expense": {
+    "value": "var(--mp-colors-color-palette-expense)",
+    "variable": "var(--mp-colors-color-palette-expense)"
+  },
+  "colors.colorPalette.flex": {
+    "value": "var(--mp-colors-color-palette-flex)",
+    "variable": "var(--mp-colors-color-palette-flex)"
+  },
+  "colors.colorPalette.jurnal": {
+    "value": "var(--mp-colors-color-palette-jurnal)",
+    "variable": "var(--mp-colors-color-palette-jurnal)"
+  },
+  "colors.colorPalette.klikpajak": {
+    "value": "var(--mp-colors-color-palette-klikpajak)",
+    "variable": "var(--mp-colors-color-palette-klikpajak)"
+  },
+  "colors.colorPalette.mekari": {
+    "value": "var(--mp-colors-color-palette-mekari)",
+    "variable": "var(--mp-colors-color-palette-mekari)"
+  },
+  "colors.colorPalette.qontak": {
+    "value": "var(--mp-colors-color-palette-qontak)",
+    "variable": "var(--mp-colors-color-palette-qontak)"
+  },
+  "colors.colorPalette.talenta": {
+    "value": "var(--mp-colors-color-palette-talenta)",
+    "variable": "var(--mp-colors-color-palette-talenta)"
+  },
+  "colors.colorPalette.university": {
+    "value": "var(--mp-colors-color-palette-university)",
+    "variable": "var(--mp-colors-color-palette-university)"
+  },
+  "colors.colorPalette.25": {
+    "value": "var(--mp-colors-color-palette-25)",
+    "variable": "var(--mp-colors-color-palette-25)"
+  },
+  "colors.colorPalette.50": {
+    "value": "var(--mp-colors-color-palette-50)",
+    "variable": "var(--mp-colors-color-palette-50)"
+  },
+  "colors.colorPalette.100": {
+    "value": "var(--mp-colors-color-palette-100)",
+    "variable": "var(--mp-colors-color-palette-100)"
+  },
+  "colors.colorPalette.400": {
+    "value": "var(--mp-colors-color-palette-400)",
+    "variable": "var(--mp-colors-color-palette-400)"
+  },
+  "colors.colorPalette.600": {
+    "value": "var(--mp-colors-color-palette-600)",
+    "variable": "var(--mp-colors-color-palette-600)"
+  },
+  "colors.colorPalette.500": {
+    "value": "var(--mp-colors-color-palette-500)",
+    "variable": "var(--mp-colors-color-palette-500)"
+  },
+  "colors.colorPalette.700": {
+    "value": "var(--mp-colors-color-palette-700)",
+    "variable": "var(--mp-colors-color-palette-700)"
+  }
+}
+
+export function token(path, fallback) {
+  return tokens[path]?.value || fallback
+}
+
+function tokenVar(path, fallback) {
+  return tokens[path]?.variable || fallback
+}
+
+token.var = tokenVar