@mekari/pixel3-styled-system 0.2.1 → 0.3.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/types/jsx.d.ts CHANGED
@@ -18,6 +18,8 @@ interface Dict {
18
18
  [k: string]: unknown
19
19
  }
20
20
 
21
+ export type DataAttrs = Record<`data-${string}`, unknown>
22
+
21
23
  export interface UnstyledProps {
22
24
  /**
23
25
  * Whether to remove recipe styles
@@ -42,7 +44,7 @@ interface RecipeFn {
42
44
 
43
45
  export interface JsxFactoryOptions<TProps extends Dict> {
44
46
  dataAttr?: boolean
45
- defaultProps?: Partial<TProps>
47
+ defaultProps?: Partial<TProps> & DataAttrs
46
48
  shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean
47
49
  forwardProps?: string[]
48
50
  }
@@ -6,10 +6,10 @@ type Primitive = string | number | boolean | null | undefined
6
6
  type LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)
7
7
 
8
8
  export type PatternProperty =
9
- | { type: 'property'; value: CssProperty }
10
- | { type: 'enum'; value: string[] }
11
- | { type: 'token'; value: TokenCategory; property?: CssProperty }
12
- | { type: 'string' | 'boolean' | 'number' }
9
+ | { type: 'property'; value: CssProperty; description?: string }
10
+ | { type: 'enum'; value: string[]; description?: string }
11
+ | { type: 'token'; value: TokenCategory; property?: CssProperty; description?: string }
12
+ | { type: 'string' | 'boolean' | 'number'; description?: string }
13
13
 
14
14
  export interface PatternHelpers {
15
15
  map: (value: any, fn: (value: string) => string | undefined) => any
@@ -95,6 +95,7 @@ export interface UtilityValues {
95
95
  textIndent: Tokens["spacing"];
96
96
  textShadow: Tokens["shadows"];
97
97
  textShadowColor: Tokens["colors"];
98
+ WebkitTextFillColor: Tokens["colors"];
98
99
  textWrap: "wrap" | "balance" | "nowrap";
99
100
  truncate: boolean;
100
101
  background: Tokens["colors"];