@mirohq/design-system-stitches 2.3.15-make-typecheck-great-again.0 → 2.3.16
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 +96 -120
- package/package.json +3 -3
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';
|
|
@@ -245,6 +241,7 @@ declare const config: {
|
|
|
245
241
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
246
242
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
247
243
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
244
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
248
245
|
};
|
|
249
246
|
sizes: {
|
|
250
247
|
readonly number: string;
|
|
@@ -454,53 +451,53 @@ declare const config: {
|
|
|
454
451
|
};
|
|
455
452
|
utils: {
|
|
456
453
|
paddingX: (value: {
|
|
457
|
-
readonly [CSSUtil
|
|
454
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
458
455
|
}) => {
|
|
459
456
|
paddingLeft: {
|
|
460
|
-
readonly [CSSUtil
|
|
457
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
461
458
|
};
|
|
462
459
|
paddingRight: {
|
|
463
|
-
readonly [CSSUtil
|
|
460
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
464
461
|
};
|
|
465
462
|
};
|
|
466
463
|
paddingY: (value: {
|
|
467
|
-
readonly [CSSUtil
|
|
464
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
468
465
|
}) => {
|
|
469
466
|
paddingTop: {
|
|
470
|
-
readonly [CSSUtil
|
|
467
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
471
468
|
};
|
|
472
469
|
paddingBottom: {
|
|
473
|
-
readonly [CSSUtil
|
|
470
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
474
471
|
};
|
|
475
472
|
};
|
|
476
473
|
marginX: (value: {
|
|
477
|
-
readonly [CSSUtil
|
|
474
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
478
475
|
}) => {
|
|
479
476
|
marginLeft: {
|
|
480
|
-
readonly [CSSUtil
|
|
477
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
481
478
|
};
|
|
482
479
|
marginRight: {
|
|
483
|
-
readonly [CSSUtil
|
|
480
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
484
481
|
};
|
|
485
482
|
};
|
|
486
483
|
marginY: (value: {
|
|
487
|
-
readonly [CSSUtil
|
|
484
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
488
485
|
}) => {
|
|
489
486
|
marginTop: {
|
|
490
|
-
readonly [CSSUtil
|
|
487
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
491
488
|
};
|
|
492
489
|
marginBottom: {
|
|
493
|
-
readonly [CSSUtil
|
|
490
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
494
491
|
};
|
|
495
492
|
};
|
|
496
493
|
square: (value: {
|
|
497
|
-
readonly [CSSUtil
|
|
494
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
498
495
|
}) => {
|
|
499
496
|
width: {
|
|
500
|
-
readonly [CSSUtil
|
|
497
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
501
498
|
};
|
|
502
499
|
height: {
|
|
503
|
-
readonly [CSSUtil
|
|
500
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
504
501
|
};
|
|
505
502
|
};
|
|
506
503
|
};
|
|
@@ -731,6 +728,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
731
728
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
732
729
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
733
730
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
731
|
+
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
734
732
|
} | undefined;
|
|
735
733
|
sizes?: {
|
|
736
734
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -1037,6 +1035,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1037
1035
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
1038
1036
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
1039
1037
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
1038
|
+
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
1040
1039
|
} | undefined;
|
|
1041
1040
|
sizes?: {
|
|
1042
1041
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -1123,7 +1122,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1123
1122
|
} & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
|
|
1124
1123
|
declare const css: <Composers extends (string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> | {
|
|
1125
1124
|
[name: string]: unknown;
|
|
1126
|
-
})[], CSS = CSSUtil
|
|
1125
|
+
})[], CSS = CSSUtil.CSS<{}, {
|
|
1127
1126
|
'border-widths': {
|
|
1128
1127
|
readonly none: 0;
|
|
1129
1128
|
readonly sm: "1px";
|
|
@@ -1349,6 +1348,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1349
1348
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1350
1349
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1351
1350
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1351
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1352
1352
|
};
|
|
1353
1353
|
sizes: {
|
|
1354
1354
|
readonly number: string;
|
|
@@ -1556,53 +1556,53 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1556
1556
|
readonly zIndex: "z-indices";
|
|
1557
1557
|
}, {
|
|
1558
1558
|
paddingX: (value: {
|
|
1559
|
-
readonly [CSSUtil
|
|
1559
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1560
1560
|
}) => {
|
|
1561
1561
|
paddingLeft: {
|
|
1562
|
-
readonly [CSSUtil
|
|
1562
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1563
1563
|
};
|
|
1564
1564
|
paddingRight: {
|
|
1565
|
-
readonly [CSSUtil
|
|
1565
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1566
1566
|
};
|
|
1567
1567
|
};
|
|
1568
1568
|
paddingY: (value: {
|
|
1569
|
-
readonly [CSSUtil
|
|
1569
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1570
1570
|
}) => {
|
|
1571
1571
|
paddingTop: {
|
|
1572
|
-
readonly [CSSUtil
|
|
1572
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1573
1573
|
};
|
|
1574
1574
|
paddingBottom: {
|
|
1575
|
-
readonly [CSSUtil
|
|
1575
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1576
1576
|
};
|
|
1577
1577
|
};
|
|
1578
1578
|
marginX: (value: {
|
|
1579
|
-
readonly [CSSUtil
|
|
1579
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1580
1580
|
}) => {
|
|
1581
1581
|
marginLeft: {
|
|
1582
|
-
readonly [CSSUtil
|
|
1582
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1583
1583
|
};
|
|
1584
1584
|
marginRight: {
|
|
1585
|
-
readonly [CSSUtil
|
|
1585
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1586
1586
|
};
|
|
1587
1587
|
};
|
|
1588
1588
|
marginY: (value: {
|
|
1589
|
-
readonly [CSSUtil
|
|
1589
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1590
1590
|
}) => {
|
|
1591
1591
|
marginTop: {
|
|
1592
|
-
readonly [CSSUtil
|
|
1592
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1593
1593
|
};
|
|
1594
1594
|
marginBottom: {
|
|
1595
|
-
readonly [CSSUtil
|
|
1595
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1596
1596
|
};
|
|
1597
1597
|
};
|
|
1598
1598
|
square: (value: {
|
|
1599
|
-
readonly [CSSUtil
|
|
1599
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
1600
1600
|
}) => {
|
|
1601
1601
|
width: {
|
|
1602
|
-
readonly [CSSUtil
|
|
1602
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
1603
1603
|
};
|
|
1604
1604
|
height: {
|
|
1605
|
-
readonly [CSSUtil
|
|
1605
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
1606
1606
|
};
|
|
1607
1607
|
};
|
|
1608
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> & {
|
|
@@ -1623,8 +1623,8 @@ declare const globalCss: <Styles extends {
|
|
|
1623
1623
|
}>(...styles: ({
|
|
1624
1624
|
'@import'?: unknown;
|
|
1625
1625
|
'@font-face'?: unknown;
|
|
1626
|
-
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? CSSUtil
|
|
1627
|
-
[x: string]: CSSUtil
|
|
1626
|
+
} & { [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}` ? {
|
|
1627
|
+
[x: string]: CSSUtil.CSS<{}, {
|
|
1628
1628
|
'border-widths': {
|
|
1629
1629
|
readonly none: 0;
|
|
1630
1630
|
readonly sm: "1px";
|
|
@@ -1850,6 +1850,7 @@ declare const globalCss: <Styles extends {
|
|
|
1850
1850
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1851
1851
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1852
1852
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1853
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1853
1854
|
};
|
|
1854
1855
|
sizes: {
|
|
1855
1856
|
readonly number: string;
|
|
@@ -2057,57 +2058,57 @@ declare const globalCss: <Styles extends {
|
|
|
2057
2058
|
readonly zIndex: "z-indices";
|
|
2058
2059
|
}, {
|
|
2059
2060
|
paddingX: (value: {
|
|
2060
|
-
readonly [CSSUtil
|
|
2061
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2061
2062
|
}) => {
|
|
2062
2063
|
paddingLeft: {
|
|
2063
|
-
readonly [CSSUtil
|
|
2064
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2064
2065
|
};
|
|
2065
2066
|
paddingRight: {
|
|
2066
|
-
readonly [CSSUtil
|
|
2067
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2067
2068
|
};
|
|
2068
2069
|
};
|
|
2069
2070
|
paddingY: (value: {
|
|
2070
|
-
readonly [CSSUtil
|
|
2071
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2071
2072
|
}) => {
|
|
2072
2073
|
paddingTop: {
|
|
2073
|
-
readonly [CSSUtil
|
|
2074
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2074
2075
|
};
|
|
2075
2076
|
paddingBottom: {
|
|
2076
|
-
readonly [CSSUtil
|
|
2077
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2077
2078
|
};
|
|
2078
2079
|
};
|
|
2079
2080
|
marginX: (value: {
|
|
2080
|
-
readonly [CSSUtil
|
|
2081
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2081
2082
|
}) => {
|
|
2082
2083
|
marginLeft: {
|
|
2083
|
-
readonly [CSSUtil
|
|
2084
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2084
2085
|
};
|
|
2085
2086
|
marginRight: {
|
|
2086
|
-
readonly [CSSUtil
|
|
2087
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2087
2088
|
};
|
|
2088
2089
|
};
|
|
2089
2090
|
marginY: (value: {
|
|
2090
|
-
readonly [CSSUtil
|
|
2091
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2091
2092
|
}) => {
|
|
2092
2093
|
marginTop: {
|
|
2093
|
-
readonly [CSSUtil
|
|
2094
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2094
2095
|
};
|
|
2095
2096
|
marginBottom: {
|
|
2096
|
-
readonly [CSSUtil
|
|
2097
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2097
2098
|
};
|
|
2098
2099
|
};
|
|
2099
2100
|
square: (value: {
|
|
2100
|
-
readonly [CSSUtil
|
|
2101
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2101
2102
|
}) => {
|
|
2102
2103
|
width: {
|
|
2103
|
-
readonly [CSSUtil
|
|
2104
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2104
2105
|
};
|
|
2105
2106
|
height: {
|
|
2106
|
-
readonly [CSSUtil
|
|
2107
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2107
2108
|
};
|
|
2108
2109
|
};
|
|
2109
2110
|
}>;
|
|
2110
|
-
} : K extends `@property ${string}` ? CSSUtil
|
|
2111
|
+
} : K extends `@property ${string}` ? CSSUtil.Native.AtRule.Property : CSSUtil.CSS<{}, {
|
|
2111
2112
|
'border-widths': {
|
|
2112
2113
|
readonly none: 0;
|
|
2113
2114
|
readonly sm: "1px";
|
|
@@ -2333,6 +2334,7 @@ declare const globalCss: <Styles extends {
|
|
|
2333
2334
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2334
2335
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2335
2336
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2337
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2336
2338
|
};
|
|
2337
2339
|
sizes: {
|
|
2338
2340
|
readonly number: string;
|
|
@@ -2540,58 +2542,58 @@ declare const globalCss: <Styles extends {
|
|
|
2540
2542
|
readonly zIndex: "z-indices";
|
|
2541
2543
|
}, {
|
|
2542
2544
|
paddingX: (value: {
|
|
2543
|
-
readonly [CSSUtil
|
|
2545
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2544
2546
|
}) => {
|
|
2545
2547
|
paddingLeft: {
|
|
2546
|
-
readonly [CSSUtil
|
|
2548
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2547
2549
|
};
|
|
2548
2550
|
paddingRight: {
|
|
2549
|
-
readonly [CSSUtil
|
|
2551
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2550
2552
|
};
|
|
2551
2553
|
};
|
|
2552
2554
|
paddingY: (value: {
|
|
2553
|
-
readonly [CSSUtil
|
|
2555
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2554
2556
|
}) => {
|
|
2555
2557
|
paddingTop: {
|
|
2556
|
-
readonly [CSSUtil
|
|
2558
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2557
2559
|
};
|
|
2558
2560
|
paddingBottom: {
|
|
2559
|
-
readonly [CSSUtil
|
|
2561
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2560
2562
|
};
|
|
2561
2563
|
};
|
|
2562
2564
|
marginX: (value: {
|
|
2563
|
-
readonly [CSSUtil
|
|
2565
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2564
2566
|
}) => {
|
|
2565
2567
|
marginLeft: {
|
|
2566
|
-
readonly [CSSUtil
|
|
2568
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2567
2569
|
};
|
|
2568
2570
|
marginRight: {
|
|
2569
|
-
readonly [CSSUtil
|
|
2571
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2570
2572
|
};
|
|
2571
2573
|
};
|
|
2572
2574
|
marginY: (value: {
|
|
2573
|
-
readonly [CSSUtil
|
|
2575
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2574
2576
|
}) => {
|
|
2575
2577
|
marginTop: {
|
|
2576
|
-
readonly [CSSUtil
|
|
2578
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2577
2579
|
};
|
|
2578
2580
|
marginBottom: {
|
|
2579
|
-
readonly [CSSUtil
|
|
2581
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2580
2582
|
};
|
|
2581
2583
|
};
|
|
2582
2584
|
square: (value: {
|
|
2583
|
-
readonly [CSSUtil
|
|
2585
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2584
2586
|
}) => {
|
|
2585
2587
|
width: {
|
|
2586
|
-
readonly [CSSUtil
|
|
2588
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2587
2589
|
};
|
|
2588
2590
|
height: {
|
|
2589
|
-
readonly [CSSUtil
|
|
2591
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2590
2592
|
};
|
|
2591
2593
|
};
|
|
2592
2594
|
}>; })[]) => () => string;
|
|
2593
2595
|
declare const keyframes: (style: {
|
|
2594
|
-
[offset: string]: CSSUtil
|
|
2596
|
+
[offset: string]: CSSUtil.CSS<{}, {
|
|
2595
2597
|
'border-widths': {
|
|
2596
2598
|
readonly none: 0;
|
|
2597
2599
|
readonly sm: "1px";
|
|
@@ -2817,6 +2819,7 @@ declare const keyframes: (style: {
|
|
|
2817
2819
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2818
2820
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2819
2821
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2822
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2820
2823
|
};
|
|
2821
2824
|
sizes: {
|
|
2822
2825
|
readonly number: string;
|
|
@@ -3024,53 +3027,53 @@ declare const keyframes: (style: {
|
|
|
3024
3027
|
readonly zIndex: "z-indices";
|
|
3025
3028
|
}, {
|
|
3026
3029
|
paddingX: (value: {
|
|
3027
|
-
readonly [CSSUtil
|
|
3030
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3028
3031
|
}) => {
|
|
3029
3032
|
paddingLeft: {
|
|
3030
|
-
readonly [CSSUtil
|
|
3033
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3031
3034
|
};
|
|
3032
3035
|
paddingRight: {
|
|
3033
|
-
readonly [CSSUtil
|
|
3036
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3034
3037
|
};
|
|
3035
3038
|
};
|
|
3036
3039
|
paddingY: (value: {
|
|
3037
|
-
readonly [CSSUtil
|
|
3040
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3038
3041
|
}) => {
|
|
3039
3042
|
paddingTop: {
|
|
3040
|
-
readonly [CSSUtil
|
|
3043
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3041
3044
|
};
|
|
3042
3045
|
paddingBottom: {
|
|
3043
|
-
readonly [CSSUtil
|
|
3046
|
+
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3044
3047
|
};
|
|
3045
3048
|
};
|
|
3046
3049
|
marginX: (value: {
|
|
3047
|
-
readonly [CSSUtil
|
|
3050
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3048
3051
|
}) => {
|
|
3049
3052
|
marginLeft: {
|
|
3050
|
-
readonly [CSSUtil
|
|
3053
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3051
3054
|
};
|
|
3052
3055
|
marginRight: {
|
|
3053
|
-
readonly [CSSUtil
|
|
3056
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3054
3057
|
};
|
|
3055
3058
|
};
|
|
3056
3059
|
marginY: (value: {
|
|
3057
|
-
readonly [CSSUtil
|
|
3060
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3058
3061
|
}) => {
|
|
3059
3062
|
marginTop: {
|
|
3060
|
-
readonly [CSSUtil
|
|
3063
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3061
3064
|
};
|
|
3062
3065
|
marginBottom: {
|
|
3063
|
-
readonly [CSSUtil
|
|
3066
|
+
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3064
3067
|
};
|
|
3065
3068
|
};
|
|
3066
3069
|
square: (value: {
|
|
3067
|
-
readonly [CSSUtil
|
|
3070
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
3068
3071
|
}) => {
|
|
3069
3072
|
width: {
|
|
3070
|
-
readonly [CSSUtil
|
|
3073
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
3071
3074
|
};
|
|
3072
3075
|
height: {
|
|
3073
|
-
readonly [CSSUtil
|
|
3076
|
+
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
3074
3077
|
};
|
|
3075
3078
|
};
|
|
3076
3079
|
}>;
|
|
@@ -3078,13 +3081,13 @@ declare const keyframes: (style: {
|
|
|
3078
3081
|
(): string;
|
|
3079
3082
|
name: string;
|
|
3080
3083
|
};
|
|
3081
|
-
declare type FontFace = CSSUtil
|
|
3084
|
+
declare type FontFace = CSSUtil.Native.AtRule.FontFace;
|
|
3082
3085
|
declare const fontFace: (...fonts: FontFace[]) => string;
|
|
3083
3086
|
|
|
3084
3087
|
declare type ForbiddenProps = 'className' | 'style' | 'as';
|
|
3085
3088
|
declare type AllowedProps = 'css' | 'asChild' | 'UNSAFE_style' | 'children';
|
|
3086
3089
|
declare type SafeProps<T> = Omit<T, ForbiddenProps>;
|
|
3087
|
-
declare type CSS =
|
|
3090
|
+
declare type CSS = CSS$1<typeof config>;
|
|
3088
3091
|
/**
|
|
3089
3092
|
* Build a type with all props from a element and Stitches CSS keys
|
|
3090
3093
|
* and remove dangerous attributes that could cause styles issues
|
|
@@ -3108,35 +3111,6 @@ declare type StrictComponentProps<Element extends ElementType> = Omit<StyledComp
|
|
|
3108
3111
|
* Get a union type from styled variant
|
|
3109
3112
|
*/
|
|
3110
3113
|
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
3114
|
|
|
3141
3115
|
declare const themeMap: {
|
|
3142
3116
|
readonly background: "colors";
|
|
@@ -3327,7 +3301,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3327
3301
|
[name: string]: unknown;
|
|
3328
3302
|
};
|
|
3329
3303
|
} ? 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
|
|
3304
|
+
css?: CSSUtil.CSS<{}, {
|
|
3331
3305
|
'border-widths': {
|
|
3332
3306
|
readonly none: 0;
|
|
3333
3307
|
readonly sm: "1px";
|
|
@@ -3553,6 +3527,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3553
3527
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
3554
3528
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
3555
3529
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
3530
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3556
3531
|
};
|
|
3557
3532
|
sizes: {
|
|
3558
3533
|
readonly number: string;
|
|
@@ -3812,7 +3787,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3812
3787
|
}> | undefined;
|
|
3813
3788
|
}>>> & {
|
|
3814
3789
|
children?: React__default.ReactNode;
|
|
3815
|
-
} & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil
|
|
3790
|
+
} & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3816
3791
|
'border-widths': {
|
|
3817
3792
|
readonly none: 0;
|
|
3818
3793
|
readonly sm: "1px";
|
|
@@ -4038,6 +4013,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4038
4013
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
4039
4014
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
4040
4015
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
4016
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
4041
4017
|
};
|
|
4042
4018
|
sizes: {
|
|
4043
4019
|
readonly number: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.16",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"lodash.merge": "^4.6.2",
|
|
30
|
-
"@mirohq/design-system-themes": "^0.5.
|
|
31
|
-
"@mirohq/design-tokens": "^3.
|
|
30
|
+
"@mirohq/design-system-themes": "^0.5.3",
|
|
31
|
+
"@mirohq/design-tokens": "^3.5.0",
|
|
32
32
|
"@mirohq/design-system-types": "^0.6.2"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|