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