@lateralus-ai/shipping-ui 2.0.0-dev.3 → 2.0.0-dev.30

package/src/stories/components/Forms.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { FormsCanvas } from "../canvases/FormsCanvas";
-
-const meta: Meta = {
-  title: "Components/Forms",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <FormsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { FormsCanvas } from "../canvases/FormsCanvas";
+
+const meta: Meta = {
+  title: "Components/Forms",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <FormsCanvas /> };
 

package/src/stories/components/Icons.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { IconsCanvas } from "../canvases/IconsCanvas";
-
-const meta: Meta = {
-  title: "Components/Icons",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <IconsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { IconsCanvas } from "../canvases/IconsCanvas";
+
+const meta: Meta = {
+  title: "Components/Icons",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <IconsCanvas /> };
 

package/src/stories/components/Illustrations.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { IllustrationsCanvas } from "../canvases/IllustrationsCanvas";
-
-const meta: Meta = {
-  title: "Components/Illustrations",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <IllustrationsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { IllustrationsCanvas } from "../canvases/IllustrationsCanvas";
+
+const meta: Meta = {
+  title: "Components/Illustrations",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <IllustrationsCanvas /> };
 

package/src/stories/components/Library.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { LibraryCanvas } from "../canvases/LibraryCanvas";
-
-const meta: Meta = {
-  title: "Components/Library",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <LibraryCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { LibraryCanvas } from "../canvases/LibraryCanvas";
+
+const meta: Meta = {
+  title: "Components/Library",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <LibraryCanvas /> };
 

package/src/stories/components/Modals.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ModalsCanvas } from "../canvases/ModalsCanvas";
-
-const meta: Meta = {
-  title: "Components/Modals",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ModalsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ModalsCanvas } from "../canvases/ModalsCanvas";
+
+const meta: Meta = {
+  title: "Components/Modals",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ModalsCanvas /> };
 

package/src/stories/components/Report.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ReportCanvas } from "../canvases/ReportCanvas";
-
-const meta: Meta = {
-  title: "Components/Report",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ReportCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ReportCanvas } from "../canvases/ReportCanvas";
+
+const meta: Meta = {
+  title: "Components/Report",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ReportCanvas /> };
 

package/src/stories/components/ReportLayout.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ReportLayoutCanvas } from "../canvases/ReportLayoutCanvas";
-
-const meta: Meta = {
-  title: "Components/Report Layout",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ReportLayoutCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ReportLayoutCanvas } from "../canvases/ReportLayoutCanvas";
+
+const meta: Meta = {
+  title: "Components/Report Layout",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ReportLayoutCanvas /> };
 

package/src/stories/components/Search.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SearchCanvas } from "../canvases/SearchCanvas";
-
-const meta: Meta = {
-  title: "Components/Search",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <SearchCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { SearchCanvas } from "../canvases/SearchCanvas";
+
+const meta: Meta = {
+  title: "Components/Search",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <SearchCanvas /> };
 

package/src/stories/components/Settings.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SettingsCanvas } from "../canvases/SettingsCanvas";
-
-const meta: Meta = {
-  title: "Components/Settings",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <SettingsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { SettingsCanvas } from "../canvases/SettingsCanvas";
+
+const meta: Meta = {
+  title: "Components/Settings",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <SettingsCanvas /> };
 

package/src/stories/components/Ships.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ShipsCanvas } from "../canvases/ShipsCanvas";
-
-const meta: Meta = {
-  title: "Components/Ships",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ShipsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ShipsCanvas } from "../canvases/ShipsCanvas";
+
+const meta: Meta = {
+  title: "Components/Ships",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ShipsCanvas /> };
 

package/src/stories/components/SidebarLayouts.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SidebarLayoutsCanvas } from "../canvases/SidebarLayoutsCanvas";
-
-const meta: Meta = {
-  title: "Components/Sidebar Layouts",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <SidebarLayoutsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { SidebarLayoutsCanvas } from "../canvases/SidebarLayoutsCanvas";
+
+const meta: Meta = {
+  title: "Components/Sidebar Layouts",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <SidebarLayoutsCanvas /> };
 

package/src/stories/components/Skeletons.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SkeletonsCanvas } from "../canvases/SkeletonsCanvas";
-
-const meta: Meta = {
-  title: "Components/Skeletons",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <SkeletonsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { SkeletonsCanvas } from "../canvases/SkeletonsCanvas";
+
+const meta: Meta = {
+  title: "Components/Skeletons",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <SkeletonsCanvas /> };
 

package/src/stories/components/Workflows.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { WorkflowsCanvas } from "../canvases/WorkflowsCanvas";
-
-const meta: Meta = {
-  title: "Components/Workflows",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <WorkflowsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { WorkflowsCanvas } from "../canvases/WorkflowsCanvas";
+
+const meta: Meta = {
+  title: "Components/Workflows",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <WorkflowsCanvas /> };
 

package/src/stories/style-guide/Buttons.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ButtonsMatrixCanvas } from "../canvases/ButtonsMatrixCanvas";
-
-const meta: Meta = {
-  title: "Style Guide/Buttons",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ButtonsMatrixCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ButtonsMatrixCanvas } from "../canvases/ButtonsMatrixCanvas";
+
+const meta: Meta = {
+  title: "Style Guide/Buttons",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ButtonsMatrixCanvas /> };
 

package/src/stories/style-guide/ColorTokens.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ColorTokensCanvas } from "../canvases/ColorTokensCanvas";
-
-const meta: Meta = {
-  title: "Style Guide/Color Tokens",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ColorTokensCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ColorTokensCanvas } from "../canvases/ColorTokensCanvas";
+
+const meta: Meta = {
+  title: "Style Guide/Color Tokens",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ColorTokensCanvas /> };
 

package/src/stories/style-guide/Colors.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ColorsCanvas } from "../canvases/ColorsCanvas";
-
-const meta: Meta = {
-  title: "Style Guide/Colors",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <ColorsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { ColorsCanvas } from "../canvases/ColorsCanvas";
+
+const meta: Meta = {
+  title: "Style Guide/Colors",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <ColorsCanvas /> };
 

package/src/stories/style-guide/RaiseLevels.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RaiseLevelsCanvas } from "../canvases/RaiseLevelsCanvas";
-
-const meta: Meta = {
-  title: "Style Guide/Raise Levels",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <RaiseLevelsCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { RaiseLevelsCanvas } from "../canvases/RaiseLevelsCanvas";
+
+const meta: Meta = {
+  title: "Style Guide/Raise Levels",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <RaiseLevelsCanvas /> };
 

package/src/stories/style-guide/Typography.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { TypographyCanvas } from "../canvases/TypographyCanvas";
-
-const meta: Meta = {
-  title: "Style Guide/Typography",
-  parameters: { layout: "fullscreen" },
-};
-export default meta;
-
-type Story = StoryObj;
-export const Canvas: Story = { render: () => <TypographyCanvas /> };
+import type { Meta, StoryObj } from "@storybook/react";
+import { TypographyCanvas } from "../canvases/TypographyCanvas";
+
+const meta: Meta = {
+  title: "Style Guide/Typography",
+  parameters: { layout: "fullscreen" },
+};
+export default meta;
+
+type Story = StoryObj;
+export const Canvas: Story = { render: () => <TypographyCanvas /> };
 

package/src/tailwind-theme.ts

@@ -74,6 +74,10 @@ export const theme = {
     md: borderRadius.md,
     sm: borderRadius.sm,
   },
+  /** Extends Tailwind’s max-width scale (7xl = 1280px). */
+  maxWidth: {
+    "8xl": "1640px",
+  },
   colors: {
     grey: colorScales.grey,
     gray: colorScales.grey,
@@ -148,10 +152,10 @@ export const theme = {
       },
     },
     accent: {
-      onLight: "var(--accent-on-light)",
-      onDark: "var(--accent-on-dark)",
-      bgLight: "var(--accent-bg-light)",
-      bgLighter: "var(--accent-bg-lighter)",
+      "on-light": "var(--accent-on-light)",
+      "on-dark": "var(--accent-on-dark)",
+      "bg-light": "var(--accent-bg-light)",
+      "bg-lighter": "var(--accent-bg-lighter)",
     },
     divider: {
       primary: "var(--divider-primary)",

package/src/theme-entry.ts

@@ -1,2 +1,2 @@
-export { theme as tailwindTheme } from "./tailwind-theme";
-export { theme } from "./tailwind-theme";
+export { theme as tailwindTheme } from "./tailwind-theme";
+export { theme } from "./tailwind-theme";

package/src/utils/cn.ts

@@ -1,6 +1,33 @@
-import { twMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";
 import { type ClassValue, clsx } from "clsx";
 
+/**
+ * Custom fontSize keys from tailwind-theme.ts (tailwind-merge@1.x API).
+ * Without this, twMerge treats e.g. text-caption-2-em as the same group as
+ * text-display-on-light-primary and drops the font-size class.
+ */
+const fontSizeTokens = [
+  "title",
+  "title-em",
+  "heading",
+  "subheader",
+  "subheader-em",
+  "body",
+  "body-em",
+  "caption-1",
+  "caption-1-em",
+  "caption-2",
+  "caption-2-em",
+  "footnote",
+  "footnote-em",
+] as const;
+
+const twMerge = extendTailwindMerge({
+  classGroups: {
+    "font-size": [{ text: [...fontSizeTokens] }],
+  },
+});
+
 /**
  * Merges the tailwind clases (using twMerge). Conditionally removes false values
  * @param inputs The tailwind classes to merge

package/dist/theme-entry-D2X3Ptjf.js

@@ -1 +0,0 @@
-"use strict";const n={50:"#fdfdfc",100:"#f4f2ea",200:"#e1ddce",300:"#bfb9a5",400:"#969080",500:"#6e6960",600:"#524e47",700:"#3a3733",800:"#312e2a",900:"#262420"},o={50:"#f5f8f2",100:"#dde6d2",200:"#c5d4b3",300:"#a8bf8f",400:"#7a9a5e",500:"#5a7a42",600:"#456332",700:"#304624",800:"#223018",900:"#141c0e"},d={50:"#eef1f8",100:"#dae0ef",200:"#b8c4e0",300:"#8fa3cc",400:"#5274ae",500:"#3a5d96",600:"#154199",700:"#103480",800:"#0c2860",900:"#081c42"},c={50:"#faf3f1",100:"#f0d3cc",200:"#e4b0a5",300:"#c97a6b",400:"#b85a48",500:"#a0392a",600:"#802c20",700:"#621f16",800:"#45150f",900:"#2a0c08"},l={50:"#faf1de",100:"#f5e4c0",200:"#efd49a",300:"#e4bc6a",400:"#d9a03e",500:"#c48820",600:"#8f6318",700:"#5a3d0d",800:"#3d2a09",900:"#261a05"},s={50:"#f6f2f8",100:"#e2d9e8",200:"#cbbad6",300:"#b09bc3",400:"#957cb0",500:"#7a5d9d",600:"#5e4680",700:"#3d2e4a",800:"#2a2033",900:"#18121c"},p="#ffffff",a={grey:n,green:o,blue:d,red:c,orange:l,purple:s},t={raise1:"0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)",raise2:"0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)",raise3:"0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)"},r={control:"8px",lg:"8px",md:"6px",sm:"4px"},e=(v,i)=>[v,{lineHeight:i.lineHeight,letterSpacing:i.letterSpacing,...i.fontWeight?{fontWeight:String(i.fontWeight)}:{}}],g={fontFamily:{heading:['"TRY Vesterbro"',"Libre Baskerville","Georgia","serif"],sans:['"Matter-TRIAL"',"DM Sans","system-ui","sans-serif"],mono:["Roboto Mono","monospace"]},fontSize:{title:e("28px",{lineHeight:"34px",letterSpacing:"-0.02em"}),"title-em":e("28px",{lineHeight:"34px",letterSpacing:"-0.02em",fontWeight:500}),heading:e("22px",{lineHeight:"28px",letterSpacing:"0",fontWeight:500}),subheader:e("18px",{lineHeight:"28px",letterSpacing:"-0.01em"}),"subheader-em":e("18px",{lineHeight:"28px",letterSpacing:"-0.01em",fontWeight:500}),body:e("16px",{lineHeight:"24px",letterSpacing:"-0.01em"}),"body-em":e("16px",{lineHeight:"24px",letterSpacing:"-0.01em",fontWeight:500}),"caption-1":e("16px",{lineHeight:"22px",letterSpacing:"0.02em"}),"caption-1-em":e("16px",{lineHeight:"22px",letterSpacing:"0.02em",fontWeight:500}),"caption-2":e("14px",{lineHeight:"20px",letterSpacing:"0.01em"}),"caption-2-em":e("14px",{lineHeight:"20px",letterSpacing:"0.01em",fontWeight:500}),footnote:e("13px",{lineHeight:"17px",letterSpacing:"0"}),"footnote-em":e("13px",{lineHeight:"17px",letterSpacing:"0",fontWeight:500})},boxShadow:{raise1:t.raise1,raise2:t.raise2,raise3:t.raise3},borderRadius:{control:r.control,lg:r.lg,md:r.md,sm:r.sm},colors:{grey:a.grey,gray:a.grey,green:a.green,blue:a.blue,red:a.red,orange:a.orange,purple:a.purple,white:"#ffffff",action:{primary:{idle:"var(--action-primary-idle)","on-idle":"var(--action-primary-on-idle)",hover:"var(--action-primary-hover)","on-hover":"var(--action-primary-on-hover)",disabled:"var(--action-primary-disabled)","on-disabled":"var(--action-primary-on-disabled)"},secondary:{idle:"var(--action-secondary-idle)","on-idle":"var(--action-secondary-on-idle)",hover:"var(--action-secondary-hover)","on-hover":"var(--action-secondary-on-hover)",disabled:"var(--action-secondary-disabled)","on-disabled":"var(--action-secondary-on-disabled)"},tertiary:{idle:"var(--action-tertiary-idle)","on-idle":"var(--action-tertiary-on-idle)",hover:"var(--action-tertiary-hover)","on-hover":"var(--action-tertiary-on-hover)",disabled:"var(--action-tertiary-disabled)","on-disabled":"var(--action-tertiary-on-disabled)"},quaternary:{idle:"var(--action-quaternary-idle)","on-idle":"var(--action-quaternary-on-idle)",hover:"var(--action-quaternary-hover)","on-hover":"var(--action-quaternary-on-hover)",disabled:"var(--action-quaternary-disabled)","on-disabled":"var(--action-quaternary-on-disabled)"},destructive:{idle:"var(--action-destructive-idle)","on-idle":"var(--action-destructive-on-idle)",hover:"var(--action-destructive-hover)","on-hover":"var(--action-destructive-on-hover)",disabled:"var(--action-destructive-disabled)","on-disabled":"var(--action-destructive-on-disabled)"}},background:{primary:"var(--background-primary)",secondary:"var(--background-secondary)",tertiary:"var(--background-tertiary)",hover:"var(--background-hover)",selected:"var(--background-selected)",overlay:"var(--background-overlay)"},display:{"on-light":{primary:"var(--display-on-light-primary)",secondary:"var(--display-on-light-secondary)",tertiary:"var(--display-on-light-tertiary)",quaternary:"var(--display-on-light-quaternary)"},"on-dark":{primary:"var(--display-on-dark-primary)",secondary:"var(--display-on-dark-secondary)",tertiary:"var(--display-on-dark-tertiary)",quaternary:"var(--display-on-dark-quaternary)"}},accent:{onLight:"var(--accent-on-light)",onDark:"var(--accent-on-dark)",bgLight:"var(--accent-bg-light)",bgLighter:"var(--accent-bg-lighter)"},divider:{primary:"var(--divider-primary)",secondary:"var(--divider-secondary)"},meta:{green:"var(--meta-green)",onGreen:"var(--meta-on-green)",orange:"var(--meta-orange)",onOrange:"var(--meta-on-orange)",red:"var(--meta-red)",onRed:"var(--meta-on-red)",blue:"var(--meta-blue)",onBlue:"var(--meta-on-blue)",purple:"var(--meta-purple)",onPurple:"var(--meta-on-purple)"},"text-primary":"var(--display-on-light-primary)","text-secondary":"var(--display-on-light-secondary)","text-tertiary":"var(--display-on-light-tertiary)","surface-primary":"var(--background-primary)","surface-secondary":"var(--background-secondary)","surface-hover":"var(--background-secondary)","border-light":"var(--divider-primary)","border-medium":"var(--divider-secondary)"}};exports.blue=d;exports.borderRadius=r;exports.colorScales=a;exports.elevation=t;exports.green=o;exports.grey=n;exports.orange=l;exports.purple=s;exports.red=c;exports.theme=g;exports.white=p;