@mirohq/design-system-stitches 2.3.14 → 2.3.15-make-typecheck-great-again.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.
Files changed (2) hide show
  1. package/dist/types.d.ts +120 -87
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -1,13 +1,17 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef, ComponentType } from 'react';
3
- import { CSS as CSS$1, VariantProps } from '@stitches/react';
3
+ import { VariantProps, DefaultThemeMap, CSSProperties } from '@stitches/react';
4
+ import * as _stitches_react_types_util from '@stitches/react/types/util';
5
+ import { Prefixed, Index } from '@stitches/react/types/util';
6
+ import { Globals } from '@stitches/react/types/css';
7
+ import { ScaleValue } from '@stitches/react/types/theme';
8
+ import * as CSSUtil$1 from '@stitches/react/types/css-util';
9
+ import { $$PropertyValue as $$PropertyValue$1, $$ScaleValue } from '@stitches/react/types/css-util';
4
10
  import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
5
11
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
6
12
  import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, StyledComponentProps as StyledComponentProps$1, TransformProps } from '@stitches/react/types/styled-component';
7
- import * as _stitches_react_types_util from '@stitches/react/types/util';
8
13
  import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
9
14
  import { RemoveIndex } from '@stitches/react/types/stitches';
10
- import * as CSSUtil from '@stitches/react/types/css-util';
11
15
  import { tokens } from '@mirohq/design-tokens';
12
16
  import { AliasColors } from '@mirohq/design-system-themes';
13
17
  import { ConfigType } from '@stitches/react/types/config';
@@ -450,53 +454,53 @@ declare const config: {
450
454
  };
451
455
  utils: {
452
456
  paddingX: (value: {
453
- readonly [CSSUtil.$$PropertyValue]: "padding";
457
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
454
458
  }) => {
455
459
  paddingLeft: {
456
- readonly [CSSUtil.$$PropertyValue]: "padding";
460
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
457
461
  };
458
462
  paddingRight: {
459
- readonly [CSSUtil.$$PropertyValue]: "padding";
463
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
460
464
  };
461
465
  };
462
466
  paddingY: (value: {
463
- readonly [CSSUtil.$$PropertyValue]: "padding";
467
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
464
468
  }) => {
465
469
  paddingTop: {
466
- readonly [CSSUtil.$$PropertyValue]: "padding";
470
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
467
471
  };
468
472
  paddingBottom: {
469
- readonly [CSSUtil.$$PropertyValue]: "padding";
473
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
470
474
  };
471
475
  };
472
476
  marginX: (value: {
473
- readonly [CSSUtil.$$PropertyValue]: "margin";
477
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
474
478
  }) => {
475
479
  marginLeft: {
476
- readonly [CSSUtil.$$PropertyValue]: "margin";
480
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
477
481
  };
478
482
  marginRight: {
479
- readonly [CSSUtil.$$PropertyValue]: "margin";
483
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
480
484
  };
481
485
  };
482
486
  marginY: (value: {
483
- readonly [CSSUtil.$$PropertyValue]: "margin";
487
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
484
488
  }) => {
485
489
  marginTop: {
486
- readonly [CSSUtil.$$PropertyValue]: "margin";
490
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
487
491
  };
488
492
  marginBottom: {
489
- readonly [CSSUtil.$$PropertyValue]: "margin";
493
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
490
494
  };
491
495
  };
492
496
  square: (value: {
493
- readonly [CSSUtil.$$PropertyValue]: "width";
497
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
494
498
  }) => {
495
499
  width: {
496
- readonly [CSSUtil.$$PropertyValue]: "width";
500
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
497
501
  };
498
502
  height: {
499
- readonly [CSSUtil.$$PropertyValue]: "width";
503
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
500
504
  };
501
505
  };
502
506
  };
@@ -1119,7 +1123,7 @@ declare const createTheme: <Argument0 extends string | ({
1119
1123
  } & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
1120
1124
  declare const css: <Composers extends (string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> | {
1121
1125
  [name: string]: unknown;
1122
- })[], CSS = CSSUtil.CSS<{}, {
1126
+ })[], CSS = CSSUtil$1.CSS<{}, {
1123
1127
  'border-widths': {
1124
1128
  readonly none: 0;
1125
1129
  readonly sm: "1px";
@@ -1552,53 +1556,53 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1552
1556
  readonly zIndex: "z-indices";
1553
1557
  }, {
1554
1558
  paddingX: (value: {
1555
- readonly [CSSUtil.$$PropertyValue]: "padding";
1559
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
1556
1560
  }) => {
1557
1561
  paddingLeft: {
1558
- readonly [CSSUtil.$$PropertyValue]: "padding";
1562
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
1559
1563
  };
1560
1564
  paddingRight: {
1561
- readonly [CSSUtil.$$PropertyValue]: "padding";
1565
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
1562
1566
  };
1563
1567
  };
1564
1568
  paddingY: (value: {
1565
- readonly [CSSUtil.$$PropertyValue]: "padding";
1569
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
1566
1570
  }) => {
1567
1571
  paddingTop: {
1568
- readonly [CSSUtil.$$PropertyValue]: "padding";
1572
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
1569
1573
  };
1570
1574
  paddingBottom: {
1571
- readonly [CSSUtil.$$PropertyValue]: "padding";
1575
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
1572
1576
  };
1573
1577
  };
1574
1578
  marginX: (value: {
1575
- readonly [CSSUtil.$$PropertyValue]: "margin";
1579
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
1576
1580
  }) => {
1577
1581
  marginLeft: {
1578
- readonly [CSSUtil.$$PropertyValue]: "margin";
1582
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
1579
1583
  };
1580
1584
  marginRight: {
1581
- readonly [CSSUtil.$$PropertyValue]: "margin";
1585
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
1582
1586
  };
1583
1587
  };
1584
1588
  marginY: (value: {
1585
- readonly [CSSUtil.$$PropertyValue]: "margin";
1589
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
1586
1590
  }) => {
1587
1591
  marginTop: {
1588
- readonly [CSSUtil.$$PropertyValue]: "margin";
1592
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
1589
1593
  };
1590
1594
  marginBottom: {
1591
- readonly [CSSUtil.$$PropertyValue]: "margin";
1595
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
1592
1596
  };
1593
1597
  };
1594
1598
  square: (value: {
1595
- readonly [CSSUtil.$$PropertyValue]: "width";
1599
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
1596
1600
  }) => {
1597
1601
  width: {
1598
- readonly [CSSUtil.$$PropertyValue]: "width";
1602
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
1599
1603
  };
1600
1604
  height: {
1601
- readonly [CSSUtil.$$PropertyValue]: "width";
1605
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
1602
1606
  };
1603
1607
  };
1604
1608
  }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
@@ -1619,8 +1623,8 @@ declare const globalCss: <Styles extends {
1619
1623
  }>(...styles: ({
1620
1624
  '@import'?: unknown;
1621
1625
  '@font-face'?: unknown;
1622
- } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? CSSUtil.Native.AtRule.FontFace | CSSUtil.Native.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
1623
- [x: string]: CSSUtil.CSS<{}, {
1626
+ } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? CSSUtil$1.Native.AtRule.FontFace | CSSUtil$1.Native.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
1627
+ [x: string]: CSSUtil$1.CSS<{}, {
1624
1628
  'border-widths': {
1625
1629
  readonly none: 0;
1626
1630
  readonly sm: "1px";
@@ -2053,57 +2057,57 @@ declare const globalCss: <Styles extends {
2053
2057
  readonly zIndex: "z-indices";
2054
2058
  }, {
2055
2059
  paddingX: (value: {
2056
- readonly [CSSUtil.$$PropertyValue]: "padding";
2060
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2057
2061
  }) => {
2058
2062
  paddingLeft: {
2059
- readonly [CSSUtil.$$PropertyValue]: "padding";
2063
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2060
2064
  };
2061
2065
  paddingRight: {
2062
- readonly [CSSUtil.$$PropertyValue]: "padding";
2066
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2063
2067
  };
2064
2068
  };
2065
2069
  paddingY: (value: {
2066
- readonly [CSSUtil.$$PropertyValue]: "padding";
2070
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2067
2071
  }) => {
2068
2072
  paddingTop: {
2069
- readonly [CSSUtil.$$PropertyValue]: "padding";
2073
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2070
2074
  };
2071
2075
  paddingBottom: {
2072
- readonly [CSSUtil.$$PropertyValue]: "padding";
2076
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2073
2077
  };
2074
2078
  };
2075
2079
  marginX: (value: {
2076
- readonly [CSSUtil.$$PropertyValue]: "margin";
2080
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2077
2081
  }) => {
2078
2082
  marginLeft: {
2079
- readonly [CSSUtil.$$PropertyValue]: "margin";
2083
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2080
2084
  };
2081
2085
  marginRight: {
2082
- readonly [CSSUtil.$$PropertyValue]: "margin";
2086
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2083
2087
  };
2084
2088
  };
2085
2089
  marginY: (value: {
2086
- readonly [CSSUtil.$$PropertyValue]: "margin";
2090
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2087
2091
  }) => {
2088
2092
  marginTop: {
2089
- readonly [CSSUtil.$$PropertyValue]: "margin";
2093
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2090
2094
  };
2091
2095
  marginBottom: {
2092
- readonly [CSSUtil.$$PropertyValue]: "margin";
2096
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2093
2097
  };
2094
2098
  };
2095
2099
  square: (value: {
2096
- readonly [CSSUtil.$$PropertyValue]: "width";
2100
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
2097
2101
  }) => {
2098
2102
  width: {
2099
- readonly [CSSUtil.$$PropertyValue]: "width";
2103
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
2100
2104
  };
2101
2105
  height: {
2102
- readonly [CSSUtil.$$PropertyValue]: "width";
2106
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
2103
2107
  };
2104
2108
  };
2105
2109
  }>;
2106
- } : K extends `@property ${string}` ? CSSUtil.Native.AtRule.Property : CSSUtil.CSS<{}, {
2110
+ } : K extends `@property ${string}` ? CSSUtil$1.Native.AtRule.Property : CSSUtil$1.CSS<{}, {
2107
2111
  'border-widths': {
2108
2112
  readonly none: 0;
2109
2113
  readonly sm: "1px";
@@ -2536,58 +2540,58 @@ declare const globalCss: <Styles extends {
2536
2540
  readonly zIndex: "z-indices";
2537
2541
  }, {
2538
2542
  paddingX: (value: {
2539
- readonly [CSSUtil.$$PropertyValue]: "padding";
2543
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2540
2544
  }) => {
2541
2545
  paddingLeft: {
2542
- readonly [CSSUtil.$$PropertyValue]: "padding";
2546
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2543
2547
  };
2544
2548
  paddingRight: {
2545
- readonly [CSSUtil.$$PropertyValue]: "padding";
2549
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2546
2550
  };
2547
2551
  };
2548
2552
  paddingY: (value: {
2549
- readonly [CSSUtil.$$PropertyValue]: "padding";
2553
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2550
2554
  }) => {
2551
2555
  paddingTop: {
2552
- readonly [CSSUtil.$$PropertyValue]: "padding";
2556
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2553
2557
  };
2554
2558
  paddingBottom: {
2555
- readonly [CSSUtil.$$PropertyValue]: "padding";
2559
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
2556
2560
  };
2557
2561
  };
2558
2562
  marginX: (value: {
2559
- readonly [CSSUtil.$$PropertyValue]: "margin";
2563
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2560
2564
  }) => {
2561
2565
  marginLeft: {
2562
- readonly [CSSUtil.$$PropertyValue]: "margin";
2566
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2563
2567
  };
2564
2568
  marginRight: {
2565
- readonly [CSSUtil.$$PropertyValue]: "margin";
2569
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2566
2570
  };
2567
2571
  };
2568
2572
  marginY: (value: {
2569
- readonly [CSSUtil.$$PropertyValue]: "margin";
2573
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2570
2574
  }) => {
2571
2575
  marginTop: {
2572
- readonly [CSSUtil.$$PropertyValue]: "margin";
2576
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2573
2577
  };
2574
2578
  marginBottom: {
2575
- readonly [CSSUtil.$$PropertyValue]: "margin";
2579
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
2576
2580
  };
2577
2581
  };
2578
2582
  square: (value: {
2579
- readonly [CSSUtil.$$PropertyValue]: "width";
2583
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
2580
2584
  }) => {
2581
2585
  width: {
2582
- readonly [CSSUtil.$$PropertyValue]: "width";
2586
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
2583
2587
  };
2584
2588
  height: {
2585
- readonly [CSSUtil.$$PropertyValue]: "width";
2589
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
2586
2590
  };
2587
2591
  };
2588
2592
  }>; })[]) => () => string;
2589
2593
  declare const keyframes: (style: {
2590
- [offset: string]: CSSUtil.CSS<{}, {
2594
+ [offset: string]: CSSUtil$1.CSS<{}, {
2591
2595
  'border-widths': {
2592
2596
  readonly none: 0;
2593
2597
  readonly sm: "1px";
@@ -3020,53 +3024,53 @@ declare const keyframes: (style: {
3020
3024
  readonly zIndex: "z-indices";
3021
3025
  }, {
3022
3026
  paddingX: (value: {
3023
- readonly [CSSUtil.$$PropertyValue]: "padding";
3027
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
3024
3028
  }) => {
3025
3029
  paddingLeft: {
3026
- readonly [CSSUtil.$$PropertyValue]: "padding";
3030
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
3027
3031
  };
3028
3032
  paddingRight: {
3029
- readonly [CSSUtil.$$PropertyValue]: "padding";
3033
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
3030
3034
  };
3031
3035
  };
3032
3036
  paddingY: (value: {
3033
- readonly [CSSUtil.$$PropertyValue]: "padding";
3037
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
3034
3038
  }) => {
3035
3039
  paddingTop: {
3036
- readonly [CSSUtil.$$PropertyValue]: "padding";
3040
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
3037
3041
  };
3038
3042
  paddingBottom: {
3039
- readonly [CSSUtil.$$PropertyValue]: "padding";
3043
+ readonly [CSSUtil$1.$$PropertyValue]: "padding";
3040
3044
  };
3041
3045
  };
3042
3046
  marginX: (value: {
3043
- readonly [CSSUtil.$$PropertyValue]: "margin";
3047
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
3044
3048
  }) => {
3045
3049
  marginLeft: {
3046
- readonly [CSSUtil.$$PropertyValue]: "margin";
3050
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
3047
3051
  };
3048
3052
  marginRight: {
3049
- readonly [CSSUtil.$$PropertyValue]: "margin";
3053
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
3050
3054
  };
3051
3055
  };
3052
3056
  marginY: (value: {
3053
- readonly [CSSUtil.$$PropertyValue]: "margin";
3057
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
3054
3058
  }) => {
3055
3059
  marginTop: {
3056
- readonly [CSSUtil.$$PropertyValue]: "margin";
3060
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
3057
3061
  };
3058
3062
  marginBottom: {
3059
- readonly [CSSUtil.$$PropertyValue]: "margin";
3063
+ readonly [CSSUtil$1.$$PropertyValue]: "margin";
3060
3064
  };
3061
3065
  };
3062
3066
  square: (value: {
3063
- readonly [CSSUtil.$$PropertyValue]: "width";
3067
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
3064
3068
  }) => {
3065
3069
  width: {
3066
- readonly [CSSUtil.$$PropertyValue]: "width";
3070
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
3067
3071
  };
3068
3072
  height: {
3069
- readonly [CSSUtil.$$PropertyValue]: "width";
3073
+ readonly [CSSUtil$1.$$PropertyValue]: "width";
3070
3074
  };
3071
3075
  };
3072
3076
  }>;
@@ -3074,13 +3078,13 @@ declare const keyframes: (style: {
3074
3078
  (): string;
3075
3079
  name: string;
3076
3080
  };
3077
- declare type FontFace = CSSUtil.Native.AtRule.FontFace;
3081
+ declare type FontFace = CSSUtil$1.Native.AtRule.FontFace;
3078
3082
  declare const fontFace: (...fonts: FontFace[]) => string;
3079
3083
 
3080
3084
  declare type ForbiddenProps = 'className' | 'style' | 'as';
3081
3085
  declare type AllowedProps = 'css' | 'asChild' | 'UNSAFE_style' | 'children';
3082
3086
  declare type SafeProps<T> = Omit<T, ForbiddenProps>;
3083
- declare type CSS = CSS$1<typeof config>;
3087
+ declare type CSS = StitchesCSS<typeof config>;
3084
3088
  /**
3085
3089
  * Build a type with all props from a element and Stitches CSS keys
3086
3090
  * and remove dangerous attributes that could cause styles issues
@@ -3104,6 +3108,35 @@ declare type StrictComponentProps<Element extends ElementType> = Omit<StyledComp
3104
3108
  * Get a union type from styled variant
3105
3109
  */
3106
3110
  declare type NonResponsiveVariantProps<Element extends {}, Prop extends keyof VariantProps<Element>> = ExtractValidKeys<VariantProps<Element>[Prop]>;
3111
+ declare type ValueByPropertyName<PropertyName> = PropertyName extends keyof CSSProperties ? CSSProperties[PropertyName] : never;
3112
+ declare type TokenByPropertyName<PropertyName, Theme, ThemeMap> = PropertyName extends keyof ThemeMap ? TokenByScaleName<ThemeMap[PropertyName], Theme> : never;
3113
+ declare type TokenByScaleName<ScaleName, Theme> = ScaleName extends keyof Theme ? Prefixed<'$', keyof Theme[ScaleName]> : never;
3114
+ declare type StitchesCSS<Config extends {
3115
+ media?: {};
3116
+ theme?: {};
3117
+ themeMap?: {};
3118
+ utils?: {};
3119
+ } = {
3120
+ media: {};
3121
+ theme: {};
3122
+ themeMap: {};
3123
+ utils: {};
3124
+ }> = CSSUtil<Config['media'], Config['theme'], Config['themeMap'], Config['utils']>;
3125
+ declare type CSSUtil<Media = {}, Theme = {}, ThemeMap = DefaultThemeMap, Utils = {}> = {
3126
+ [K in Prefixed<'@', keyof Media>]?: CSSUtil<Media, Theme, ThemeMap, Utils>;
3127
+ } & {
3128
+ [K in keyof CSSProperties]?: ValueByPropertyName<K> | TokenByPropertyName<K, Theme, ThemeMap> | Globals | ScaleValue | Index | undefined;
3129
+ } & {
3130
+ [K in keyof Utils as K extends keyof CSSProperties ? never : K]?: Utils[K] extends (arg: infer P) => any ? (P extends any[] ? Array<$$PropertyValue$1 extends keyof P[0] ? ValueByPropertyName<P[0][$$PropertyValue$1]> | TokenByPropertyName<P[0][$$PropertyValue$1], Theme, ThemeMap> | Globals | ScaleValue | undefined : $$ScaleValue extends keyof P[0] ? TokenByScaleName<P[0][$$ScaleValue], Theme> | {
3131
+ scale: P[0][$$ScaleValue];
3132
+ } | undefined : never> | P : $$PropertyValue$1 extends keyof P ? ValueByPropertyName<P[$$PropertyValue$1]> | TokenByPropertyName<P[$$PropertyValue$1], Theme, ThemeMap> | Globals | undefined : $$ScaleValue extends keyof P ? TokenByScaleName<P[$$ScaleValue], Theme> | {
3133
+ scale: P[$$ScaleValue];
3134
+ } | undefined : never) | P : never;
3135
+ } & {
3136
+ [K in keyof ThemeMap as K extends keyof CSSProperties ? never : K extends keyof Utils ? never : K]?: Globals | Index | undefined;
3137
+ } & {
3138
+ [K: string]: number | string | any | {} | undefined;
3139
+ };
3107
3140
 
3108
3141
  declare const themeMap: {
3109
3142
  readonly background: "colors";
@@ -3294,7 +3327,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
3294
3327
  [name: string]: unknown;
3295
3328
  };
3296
3329
  } ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & SafeProps<React__default.PropsWithRef<_stitches_react_types_util.Assign<Element_1 extends React__default.ComponentType<any> | keyof JSX.IntrinsicElements ? React__default.ComponentPropsWithRef<Element_1> : never, TransformProps<{}, {}> & {
3297
- css?: CSSUtil.CSS<{}, {
3330
+ css?: CSSUtil$1.CSS<{}, {
3298
3331
  'border-widths': {
3299
3332
  readonly none: 0;
3300
3333
  readonly sm: "1px";
@@ -3779,7 +3812,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
3779
3812
  }> | undefined;
3780
3813
  }>>> & {
3781
3814
  children?: React__default.ReactNode;
3782
- } & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3815
+ } & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil$1.CSS<{}, {
3783
3816
  'border-widths': {
3784
3817
  readonly none: 0;
3785
3818
  readonly sm: "1px";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.3.14",
3
+ "version": "2.3.15-make-typecheck-great-again.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "lodash.merge": "^4.6.2",
30
- "@mirohq/design-system-types": "^0.6.2",
31
30
  "@mirohq/design-system-themes": "^0.5.1",
32
- "@mirohq/design-tokens": "^3.4.1"
31
+ "@mirohq/design-tokens": "^3.4.1",
32
+ "@mirohq/design-system-types": "^0.6.2"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"