@kalink-ui/seedly 0.4.0 → 0.6.0

package/src/styles/seed/seed.tsx

@@ -1,12 +1,12 @@
 import { clsx } from 'clsx';
 
-import type { PolymorphicComponentProps } from '@/types/utils.types';
 import {
   extractSprinklesProps,
   type GetSprinkles,
   type SprinklesFnBase,
-} from '@/utils/extract-sprinkles-props';
+} from '../../utils/extract-sprinkles-props';
 
+import type { PolymorphicComponentProps } from '@kalink-ui/dibbly/types';
 import type { ElementType } from 'react';
 
 /**
@@ -22,10 +22,10 @@ export type SeedProps<
   TSprinklesFn extends SprinklesFnBase,
 > = PolymorphicComponentProps<TUse> & GetSprinkles<TSprinklesFn>;
 
-export interface CreateSeedParams<SprinklesFn> {
+export type CreateSeedParams<SprinklesFn> = {
   sprinkles: SprinklesFn;
   defaultClassName?: string;
-}
+};
 
 export function plantSeed<SprinklesFn extends SprinklesFnBase>({
   sprinkles,

package/src/styles/system-contract.css.ts

@@ -1,12 +1,12 @@
 import { createThemeContract } from '@vanilla-extract/css';
 
-const typeContract = {
+export const typeContract = {
   font: null,
   weight: null,
   lineHeight: null,
   tracking: null,
   size: null,
-};
+} as const;
 
 export const sys = createThemeContract({
   layout: {

package/src/styles/typography.css.ts

@@ -0,0 +1,23 @@
+import { styleVariants } from '@vanilla-extract/css';
+
+import { sys } from './system-contract.css';
+
+type TypographySize = 'large' | 'medium' | 'small';
+
+export const typography = Object.entries(sys.typography).reduce(
+  (acc, [key, value]) => {
+    return {
+      ...acc,
+      [key]: styleVariants(value, (variant) => {
+        return {
+          fontFamily: variant.font,
+          fontWeight: variant.weight,
+          lineHeight: variant.lineHeight,
+          letterSpacing: variant.tracking,
+          fontSize: variant.size,
+        };
+      }),
+    };
+  },
+  {} as Record<keyof typeof sys.typography, Record<TypographySize, string>>,
+);

package/src/utils/extract-sprinkles-props.ts

@@ -1,6 +1,7 @@
 import type { SprinklesProperties } from '@vanilla-extract/sprinkles';
 import type { UnknownRecord } from 'type-fest';
 
+/* eslint-disable-next-line @typescript-eslint/consistent-type-definitions */
 export interface SprinklesFnBase {
   /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
   (...args: any): string;

package/src/utils/index.ts

@@ -1,3 +1,2 @@
 export { extractSprinklesProps } from './extract-sprinkles-props';
-export { isObject } from './is-object';
 export { mapContractVars } from './map-contract-vars';

package/src/types/index.ts

@@ -1,5 +0,0 @@
-export {
-  type PolymorphicComponentProps,
-  type DistributiveOmit,
-  type UnwrapArray,
-} from './utils.types';

package/src/types/utils.types.ts

@@ -1,15 +0,0 @@
-import type { ComponentPropsWithRef, ElementType } from 'react';
-
-/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-export type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any
-  ? Omit<T, TOmitted>
-  : never;
-
-export type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
-
-export type PolymorphicComponentProps<TUse extends ElementType> = {
-  use?: TUse;
-} & DistributiveOmit<
-  ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>,
-  'use'
->;

package/src/utils/is-object.ts

@@ -1,3 +0,0 @@
-export const isObject = <T extends object>(value: unknown): value is T => {
-  return !!value && typeof value === "object" && !Array.isArray(value);
-};