@vinyasa/tokens 2.0.1 → 2.0.2

package/dist/esm/VinyasaProvider.d.ts

@@ -2,12 +2,15 @@ import { type ReactNode } from 'react';
 import { type Density } from './density';
 import { type ColorScheme, type Contrast } from './themes';
 import { type VinyasaTheme } from './themes/base';
+export type BrandName = 'dusk' | 'sunrise' | 'yellow';
 export declare const useVinyasaTheme: () => VinyasaTheme;
+export type ThemeOverride = Partial<Record<ColorScheme, Partial<Record<Contrast, Partial<VinyasaTheme>>>>>;
 export interface VinyasaProviderProps {
-    theme?: Partial<VinyasaTheme>;
+    theme?: ThemeOverride;
     colorScheme?: ColorScheme;
+    brand?: BrandName;
     contrast?: Contrast;
     density?: Density;
     children: ReactNode;
 }
-export declare const VinyasaProvider: ({ theme, colorScheme, contrast, density, children, }: VinyasaProviderProps) => import("react").JSX.Element;
+export declare const VinyasaProvider: ({ theme, colorScheme, brand, contrast, density, children, }: VinyasaProviderProps) => import("react").JSX.Element;

package/dist/esm/border.d.ts

@@ -0,0 +1,4 @@
+export declare const borderWidth: {
+    readonly thin: "1px";
+    readonly thick: "2px";
+};

package/dist/esm/brands.d.ts

@@ -0,0 +1,20 @@
+export interface BrandAccent {
+    primary: string;
+    onPrimary: string;
+    focus: string;
+    tertiary: string;
+    onTertiary: string;
+}
+export interface Brand {
+    light: {
+        normal: BrandAccent;
+        high: BrandAccent;
+    };
+    dark: {
+        normal: BrandAccent;
+        high: BrandAccent;
+    };
+}
+export declare const duskBrand: Brand;
+export declare const sunriseBrand: Brand;
+export declare const yellowBrand: Brand;

package/dist/esm/contract.css.d.ts

@@ -25,10 +25,15 @@ export declare const themeContract: {
     space4: `var(--${string})`;
     space5: `var(--${string})`;
     space6: `var(--${string})`;
+    space7: `var(--${string})`;
+    space8: `var(--${string})`;
+    radiusXs: `var(--${string})`;
     radiusSm: `var(--${string})`;
     radiusMd: `var(--${string})`;
+    radiusLg: `var(--${string})`;
     radiusFull: `var(--${string})`;
     borderWidthThin: `var(--${string})`;
+    borderWidthThick: `var(--${string})`;
     borderColorDefault: `var(--${string})`;
     fontFamilySans: `var(--${string})`;
     fontFamilyMono: `var(--${string})`;

package/dist/esm/density.d.ts

@@ -1,5 +1,5 @@
 import { type VinyasaTheme } from './themes/base';
 export type Density = 'compact' | 'comfortable' | 'spacious';
-type DensitySpacing = Pick<VinyasaTheme, 'space1' | 'space2' | 'space3' | 'space4' | 'space5' | 'space6'>;
+type DensitySpacing = Pick<VinyasaTheme, 'space1' | 'space2' | 'space3' | 'space4' | 'space5' | 'space6' | 'space7' | 'space8'>;
 export declare const resolveDensitySpacing: (density: Density) => DensitySpacing;
 export {};

package/dist/esm/index.d.ts

@@ -1,12 +1,12 @@
+export { type Brand, type BrandAccent, duskBrand, sunriseBrand, yellowBrand } from './brands';
 export { themeContract } from './contract.css';
 export { focusRingStyle } from './focusRing';
 export { type VinyasaTheme } from './themes/base';
 export { createTheme, lightHighContrastTheme, lightTheme } from './themes/light';
 export { darkHighContrastTheme, darkTheme } from './themes/dark';
-export { orangeHighContrastTheme, orangeTheme } from './themes/orange';
 export { resolveBaseTheme, type ColorScheme, type Contrast } from './themes';
 export { resolveDensitySpacing, type Density } from './density';
 export { breakpoints, grid } from './layout';
 export { useAssertVinyasaProvider } from './useAssertVinyasaProvider';
 export { useThemedRef } from './useThemedRef';
-export { VinyasaProvider, useVinyasaTheme, type VinyasaProviderProps } from './VinyasaProvider';
+export { VinyasaProvider, useVinyasaTheme, type BrandName, type ThemeOverride, type VinyasaProviderProps, } from './VinyasaProvider';