@mirohq/design-system-stitches 2.4.0 → 2.5.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 (6) hide show
  1. package/dist/main.js +3 -0
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +3 -0
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +578 -481
  6. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef, ComponentType } from 'react';
3
+ import * as _stitches_react from '@stitches/react';
3
4
  import { CSS as CSS$1, VariantProps } from '@stitches/react';
4
5
  import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
5
6
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
6
- import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, StyledComponentProps as StyledComponentProps$1, TransformProps } from '@stitches/react/types/styled-component';
7
+ import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, TransformProps, StyledComponentProps as StyledComponentProps$1 } from '@stitches/react/types/styled-component';
7
8
  import * as _stitches_react_types_util from '@stitches/react/types/util';
8
9
  import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
9
10
  import { RemoveIndex } from '@stitches/react/types/stitches';
@@ -280,6 +281,7 @@ declare const config: {
280
281
  readonly 200: any;
281
282
  readonly 300: any;
282
283
  readonly 400: any;
284
+ readonly 500: any;
283
285
  readonly 600: any;
284
286
  readonly 700: any;
285
287
  readonly 800: any;
@@ -501,6 +503,19 @@ declare const config: {
501
503
  readonly [CSSUtil.$$PropertyValue]: "width";
502
504
  };
503
505
  };
506
+ _hover: (css: _stitches_react.CSS<{
507
+ media: {};
508
+ theme: {};
509
+ themeMap: {};
510
+ utils: {};
511
+ }>) => {
512
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
513
+ media: {};
514
+ theme: {};
515
+ themeMap: {};
516
+ utils: {};
517
+ }>;
518
+ };
504
519
  };
505
520
  };
506
521
  declare const createTheme: <Argument0 extends string | ({
@@ -768,6 +783,7 @@ declare const createTheme: <Argument0 extends string | ({
768
783
  readonly 200?: string | number | boolean | undefined;
769
784
  readonly 300?: string | number | boolean | undefined;
770
785
  readonly 400?: string | number | boolean | undefined;
786
+ readonly 500?: string | number | boolean | undefined;
771
787
  readonly 600?: string | number | boolean | undefined;
772
788
  readonly 700?: string | number | boolean | undefined;
773
789
  readonly 800?: string | number | boolean | undefined;
@@ -1075,6 +1091,7 @@ declare const createTheme: <Argument0 extends string | ({
1075
1091
  readonly 200?: string | number | boolean | undefined;
1076
1092
  readonly 300?: string | number | boolean | undefined;
1077
1093
  readonly 400?: string | number | boolean | undefined;
1094
+ readonly 500?: string | number | boolean | undefined;
1078
1095
  readonly 600?: string | number | boolean | undefined;
1079
1096
  readonly 700?: string | number | boolean | undefined;
1080
1097
  readonly 800?: string | number | boolean | undefined;
@@ -1388,6 +1405,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1388
1405
  readonly 200: any;
1389
1406
  readonly 300: any;
1390
1407
  readonly 400: any;
1408
+ readonly 500: any;
1391
1409
  readonly 600: any;
1392
1410
  readonly 700: any;
1393
1411
  readonly 800: any;
@@ -1607,6 +1625,19 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1607
1625
  readonly [CSSUtil.$$PropertyValue]: "width";
1608
1626
  };
1609
1627
  };
1628
+ _hover: (css: _stitches_react.CSS<{
1629
+ media: {};
1630
+ theme: {};
1631
+ themeMap: {};
1632
+ utils: {};
1633
+ }>) => {
1634
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
1635
+ media: {};
1636
+ theme: {};
1637
+ themeMap: {};
1638
+ utils: {};
1639
+ }>;
1640
+ };
1610
1641
  }>>(...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> & {
1611
1642
  variants?: {
1612
1643
  [x: string]: {
@@ -1891,6 +1922,7 @@ declare const globalCss: <Styles extends {
1891
1922
  readonly 200: any;
1892
1923
  readonly 300: any;
1893
1924
  readonly 400: any;
1925
+ readonly 500: any;
1894
1926
  readonly 600: any;
1895
1927
  readonly 700: any;
1896
1928
  readonly 800: any;
@@ -2110,6 +2142,19 @@ declare const globalCss: <Styles extends {
2110
2142
  readonly [CSSUtil.$$PropertyValue]: "width";
2111
2143
  };
2112
2144
  };
2145
+ _hover: (css: _stitches_react.CSS<{
2146
+ media: {};
2147
+ theme: {};
2148
+ themeMap: {};
2149
+ utils: {};
2150
+ }>) => {
2151
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
2152
+ media: {};
2153
+ theme: {};
2154
+ themeMap: {};
2155
+ utils: {};
2156
+ }>;
2157
+ };
2113
2158
  }>;
2114
2159
  } : K extends `@property ${string}` ? CSSUtil.Native.AtRule.Property : CSSUtil.CSS<{}, {
2115
2160
  'border-widths': {
@@ -2376,6 +2421,7 @@ declare const globalCss: <Styles extends {
2376
2421
  readonly 200: any;
2377
2422
  readonly 300: any;
2378
2423
  readonly 400: any;
2424
+ readonly 500: any;
2379
2425
  readonly 600: any;
2380
2426
  readonly 700: any;
2381
2427
  readonly 800: any;
@@ -2595,6 +2641,19 @@ declare const globalCss: <Styles extends {
2595
2641
  readonly [CSSUtil.$$PropertyValue]: "width";
2596
2642
  };
2597
2643
  };
2644
+ _hover: (css: _stitches_react.CSS<{
2645
+ media: {};
2646
+ theme: {};
2647
+ themeMap: {};
2648
+ utils: {};
2649
+ }>) => {
2650
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
2651
+ media: {};
2652
+ theme: {};
2653
+ themeMap: {};
2654
+ utils: {};
2655
+ }>;
2656
+ };
2598
2657
  }>; })[]) => () => string;
2599
2658
  declare const keyframes: (style: {
2600
2659
  [offset: string]: CSSUtil.CSS<{}, {
@@ -2862,6 +2921,7 @@ declare const keyframes: (style: {
2862
2921
  readonly 200: any;
2863
2922
  readonly 300: any;
2864
2923
  readonly 400: any;
2924
+ readonly 500: any;
2865
2925
  readonly 600: any;
2866
2926
  readonly 700: any;
2867
2927
  readonly 800: any;
@@ -3081,6 +3141,19 @@ declare const keyframes: (style: {
3081
3141
  readonly [CSSUtil.$$PropertyValue]: "width";
3082
3142
  };
3083
3143
  };
3144
+ _hover: (css: _stitches_react.CSS<{
3145
+ media: {};
3146
+ theme: {};
3147
+ themeMap: {};
3148
+ utils: {};
3149
+ }>) => {
3150
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
3151
+ media: {};
3152
+ theme: {};
3153
+ themeMap: {};
3154
+ utils: {};
3155
+ }>;
3156
+ };
3084
3157
  }>;
3085
3158
  }) => {
3086
3159
  (): string;
@@ -3302,499 +3375,509 @@ interface CustomStylesProps {
3302
3375
  }
3303
3376
  declare const styled: <Element_1 extends _stitches_react_types_util.Function | React__default.ComponentType<any> | keyof JSX.IntrinsicElements = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
3304
3377
  [name: string]: unknown;
3305
- } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps$1<[Composers]>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
3306
- variants: {
3307
- [name: string]: unknown;
3378
+ } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3379
+ 'border-widths': {
3380
+ readonly none: 0;
3381
+ readonly sm: "1px";
3382
+ readonly md: "2px";
3383
+ readonly lg: "4px";
3308
3384
  };
3309
- } ? 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<{}, {}> & {
3310
- css?: CSSUtil.CSS<{}, {
3311
- 'border-widths': {
3312
- readonly none: 0;
3313
- readonly sm: "1px";
3314
- readonly md: "2px";
3315
- readonly lg: "4px";
3316
- };
3317
- colors: {
3318
- readonly black: any;
3319
- readonly 'blue-100': any;
3320
- readonly 'blue-200': any;
3321
- readonly 'blue-300': any;
3322
- readonly 'blue-400': any;
3323
- readonly 'blue-500': any;
3324
- readonly 'blue-600': any;
3325
- readonly 'blue-700': any;
3326
- readonly 'blue-800': any;
3327
- readonly 'blue-900': any;
3328
- readonly 'blue-1000': any;
3329
- readonly 'gray-100': any;
3330
- readonly 'gray-200': any;
3331
- readonly 'gray-300': any;
3332
- readonly 'gray-400': any;
3333
- readonly 'gray-500': any;
3334
- readonly 'gray-600': any;
3335
- readonly 'gray-700': any;
3336
- readonly 'gray-800': any;
3337
- readonly 'gray-900': any;
3338
- readonly 'green-100': any;
3339
- readonly 'green-200': any;
3340
- readonly 'green-300': any;
3341
- readonly 'green-400': any;
3342
- readonly 'green-500': any;
3343
- readonly 'green-600': any;
3344
- readonly 'green-700': any;
3345
- readonly 'green-800': any;
3346
- readonly 'green-900': any;
3347
- readonly 'indigo-100': any;
3348
- readonly 'indigo-200': any;
3349
- readonly 'indigo-300': any;
3350
- readonly 'indigo-400': any;
3351
- readonly 'indigo-500': any;
3352
- readonly 'indigo-600': any;
3353
- readonly 'indigo-700': any;
3354
- readonly 'indigo-800': any;
3355
- readonly 'indigo-900': any;
3356
- readonly 'red-100': any;
3357
- readonly 'red-200': any;
3358
- readonly 'red-300': any;
3359
- readonly 'red-400': any;
3360
- readonly 'red-500': any;
3361
- readonly 'red-600': any;
3362
- readonly 'red-700': any;
3363
- readonly 'red-800': any;
3364
- readonly 'red-900': any;
3365
- readonly transparent: any;
3366
- readonly white: any;
3367
- readonly 'yellow-100': any;
3368
- readonly 'yellow-200': any;
3369
- readonly 'yellow-300': any;
3370
- readonly 'yellow-400': any;
3371
- readonly 'yellow-500': any;
3372
- readonly 'yellow-600': any;
3373
- readonly 'yellow-700': any;
3374
- readonly 'yellow-800': any;
3375
- readonly 'yellow-900': any;
3376
- "background-alpha-active"?: any;
3377
- "background-alpha-hover"?: any;
3378
- "background-danger-prominent"?: any;
3379
- "background-danger-prominent-active"?: any;
3380
- "background-danger-prominent-hover"?: any;
3381
- "background-danger-subtle"?: any;
3382
- "background-danger-subtle-active"?: any;
3383
- "background-danger-subtle-hover"?: any;
3384
- "background-neutrals"?: any;
3385
- "background-neutrals-active"?: any;
3386
- "background-neutrals-container"?: any;
3387
- "background-neutrals-controls-disabled"?: any;
3388
- "background-neutrals-disabled"?: any;
3389
- "background-neutrals-hover"?: any;
3390
- "background-neutrals-inactive"?: any;
3391
- "background-neutrals-inactive-hover"?: any;
3392
- "background-neutrals-inverted"?: any;
3393
- "background-neutrals-inverted-subtle"?: any;
3394
- "background-neutrals-page"?: any;
3395
- "background-neutrals-page-subtle"?: any;
3396
- "background-neutrals-scrolls"?: any;
3397
- "background-neutrals-scrolls-expanded"?: any;
3398
- "background-neutrals-scrolls-hover"?: any;
3399
- "background-neutrals-scrolls-pressed"?: any;
3400
- "background-neutrals-scrolls-pressed-hover"?: any;
3401
- "background-neutrals-subtle"?: any;
3402
- "background-neutrals-subtle-active"?: any;
3403
- "background-neutrals-subtle-hover"?: any;
3404
- "background-primary-prominent"?: any;
3405
- "background-primary-prominent-active"?: any;
3406
- "background-primary-prominent-expanded"?: any;
3407
- "background-primary-prominent-hover"?: any;
3408
- "background-primary-prominent-pressed"?: any;
3409
- "background-primary-prominent-pressed-hover"?: any;
3410
- "background-primary-prominent-selected"?: any;
3411
- "background-primary-subtle"?: any;
3412
- "background-primary-subtle-active"?: any;
3413
- "background-primary-subtle-expanded"?: any;
3414
- "background-primary-subtle-hover"?: any;
3415
- "background-primary-subtle-pressed"?: any;
3416
- "background-primary-subtle-pressed-hover"?: any;
3417
- "background-primary-subtle-selected"?: any;
3418
- "background-success"?: any;
3419
- "background-success-prominent"?: any;
3420
- "background-success-prominent-active"?: any;
3421
- "background-success-prominent-hover"?: any;
3422
- "background-warning-prominent"?: any;
3423
- "background-warning-subtle"?: any;
3424
- "border-danger"?: any;
3425
- "border-danger-active"?: any;
3426
- "border-danger-hover"?: any;
3427
- "border-focus-inner"?: any;
3428
- "border-focus-middle"?: any;
3429
- "border-focus-outer"?: any;
3430
- "border-neutrals"?: any;
3431
- "border-neutrals-active"?: any;
3432
- "border-neutrals-controls"?: any;
3433
- "border-neutrals-controls-disabled"?: any;
3434
- "border-neutrals-disabled"?: any;
3435
- "border-neutrals-hover"?: any;
3436
- "border-neutrals-inverted"?: any;
3437
- "border-neutrals-subtle"?: any;
3438
- "border-neutrals-text"?: any;
3439
- "border-neutrals-text-active"?: any;
3440
- "border-neutrals-text-hover"?: any;
3441
- "border-neutrals-text-subtle"?: any;
3442
- "border-neutrals-text-subtle-active"?: any;
3443
- "border-neutrals-text-subtle-hover"?: any;
3444
- "border-neutrals-transparent"?: any;
3445
- "border-primary"?: any;
3446
- "border-primary-active"?: any;
3447
- "border-primary-hover"?: any;
3448
- "border-primary-inverted"?: any;
3449
- "border-success"?: any;
3450
- "border-success-active"?: any;
3451
- "border-success-hover"?: any;
3452
- "border-warning"?: any;
3453
- "icon-danger"?: any;
3454
- "icon-danger-active"?: any;
3455
- "icon-danger-hover"?: any;
3456
- "icon-danger-inverted"?: any;
3457
- "icon-neutrals"?: any;
3458
- "icon-neutrals-disabled"?: any;
3459
- "icon-neutrals-inactive"?: any;
3460
- "icon-neutrals-inactive-hover"?: any;
3461
- "icon-neutrals-inverted"?: any;
3462
- "icon-neutrals-search"?: any;
3463
- "icon-neutrals-subtle"?: any;
3464
- "icon-neutrals-text"?: any;
3465
- "icon-primary"?: any;
3466
- "icon-primary-active"?: any;
3467
- "icon-primary-hover"?: any;
3468
- "icon-primary-inverted"?: any;
3469
- "icon-primary-selected"?: any;
3470
- "icon-success"?: any;
3471
- "icon-success-active"?: any;
3472
- "icon-success-hover"?: any;
3473
- "icon-success-inverted"?: any;
3474
- "icon-warning"?: any;
3475
- "icon-warning-prominent"?: any;
3476
- "icon-warning-subtle"?: any;
3477
- "text-danger"?: any;
3478
- "text-danger-active"?: any;
3479
- "text-danger-hover"?: any;
3480
- "text-danger-inverted"?: any;
3481
- "text-neutrals"?: any;
3482
- "text-neutrals-active"?: any;
3483
- "text-neutrals-disabled"?: any;
3484
- "text-neutrals-hover"?: any;
3485
- "text-neutrals-inverted"?: any;
3486
- "text-neutrals-placeholder"?: any;
3487
- "text-neutrals-placeholder-only"?: any;
3488
- "text-neutrals-subtle"?: any;
3489
- "text-neutrals-subtle-active"?: any;
3490
- "text-neutrals-subtle-hover"?: any;
3491
- "text-primary"?: any;
3492
- "text-primary-active"?: any;
3493
- "text-primary-hover"?: any;
3494
- "text-primary-inverted"?: any;
3495
- "text-primary-inverted-subtle"?: any;
3496
- "text-primary-selected"?: any;
3497
- "text-success"?: any;
3498
- "text-success-active"?: any;
3499
- "text-success-hover"?: any;
3500
- "text-success-inverted"?: any;
3501
- "text-warning"?: any;
3502
- "text-warning-subtle"?: any;
3503
- };
3504
- 'font-sizes': {
3505
- readonly 150: "0.75rem";
3506
- readonly 175: "0.875rem";
3507
- readonly 200: "1rem";
3508
- readonly 225: "1.125rem";
3509
- readonly 250: "1.25rem";
3510
- readonly 300: "1.5rem";
3511
- readonly 400: "2rem";
3512
- readonly 500: "2.5rem";
3513
- readonly 600: "3rem";
3514
- readonly 800: "4rem";
3515
- readonly 900: "4.5rem";
3516
- };
3517
- fonts: {
3518
- readonly heading: "Roobert, sans-serif";
3519
- readonly body: "Open Sans, sans-serif";
3520
- };
3521
- radii: {
3522
- readonly none: 0;
3523
- readonly half: "999em";
3524
- readonly 25: "2px";
3525
- readonly 50: "4px";
3526
- readonly 75: "6px";
3527
- readonly 100: "8px";
3528
- readonly 200: "16px";
3529
- };
3530
- shadows: {
3531
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3532
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3533
- 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";
3534
- 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";
3535
- 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";
3536
- 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";
3537
- };
3538
- sizes: {
3539
- readonly number: string;
3540
- readonly 'icon-200': "16px";
3541
- readonly 'icon-300': "24px";
3542
- readonly 'icon-400': "32px";
3543
- };
3544
- space: {
3545
- readonly 0: "0px";
3546
- readonly 25: "2px";
3547
- readonly 50: "4px";
3548
- readonly 100: "8px";
3549
- readonly 150: "12px";
3550
- readonly 200: "16px";
3551
- readonly 300: "24px";
3552
- readonly 400: "32px";
3553
- readonly 500: "40px";
3554
- readonly 600: "48px";
3555
- readonly 700: "56px";
3556
- readonly 800: "64px";
3557
- readonly 1200: "96px";
3558
- readonly 1600: "128px";
3559
- };
3560
- 'space-gap': {
3561
- readonly 0: any;
3562
- readonly 50: any;
3563
- readonly 100: any;
3564
- readonly 200: any;
3565
- readonly 300: any;
3566
- };
3567
- 'space-inset': {
3568
- readonly 0: any;
3569
- readonly 50: any;
3570
- readonly 100: any;
3571
- readonly 150: any;
3572
- readonly 200: any;
3573
- readonly 300: any;
3574
- readonly 400: any;
3575
- readonly 600: any;
3576
- readonly 700: any;
3577
- readonly 800: any;
3578
- readonly 1200: any;
3579
- readonly 1600: any;
3580
- };
3581
- 'space-offset': {
3582
- readonly 0: any;
3583
- readonly 50: any;
3584
- readonly 100: any;
3585
- readonly 150: any;
3586
- readonly 200: any;
3587
- readonly 300: any;
3588
- readonly 400: any;
3589
- readonly 600: any;
3590
- readonly 800: any;
3591
- readonly 1200: any;
3592
- readonly 1600: any;
3593
- readonly 'stacking-0': any;
3594
- readonly 'stacking-100': any;
3595
- readonly 'stacking-200': any;
3596
- readonly 'stacking-300': any;
3597
- readonly 'stacking-400': any;
3598
- readonly 'stacking-500': any;
3599
- readonly 'stacking-800': any;
3600
- };
3601
- 'stroke-width': {
3602
- readonly thin: "1.5px";
3603
- readonly normal: "2px";
3604
- readonly bold: "4px";
3385
+ colors: {
3386
+ readonly black: any;
3387
+ readonly 'blue-100': any;
3388
+ readonly 'blue-200': any;
3389
+ readonly 'blue-300': any;
3390
+ readonly 'blue-400': any;
3391
+ readonly 'blue-500': any;
3392
+ readonly 'blue-600': any;
3393
+ readonly 'blue-700': any;
3394
+ readonly 'blue-800': any;
3395
+ readonly 'blue-900': any;
3396
+ readonly 'blue-1000': any;
3397
+ readonly 'gray-100': any;
3398
+ readonly 'gray-200': any;
3399
+ readonly 'gray-300': any;
3400
+ readonly 'gray-400': any;
3401
+ readonly 'gray-500': any;
3402
+ readonly 'gray-600': any;
3403
+ readonly 'gray-700': any;
3404
+ readonly 'gray-800': any;
3405
+ readonly 'gray-900': any;
3406
+ readonly 'green-100': any;
3407
+ readonly 'green-200': any;
3408
+ readonly 'green-300': any;
3409
+ readonly 'green-400': any;
3410
+ readonly 'green-500': any;
3411
+ readonly 'green-600': any;
3412
+ readonly 'green-700': any;
3413
+ readonly 'green-800': any;
3414
+ readonly 'green-900': any;
3415
+ readonly 'indigo-100': any;
3416
+ readonly 'indigo-200': any;
3417
+ readonly 'indigo-300': any;
3418
+ readonly 'indigo-400': any;
3419
+ readonly 'indigo-500': any;
3420
+ readonly 'indigo-600': any;
3421
+ readonly 'indigo-700': any;
3422
+ readonly 'indigo-800': any;
3423
+ readonly 'indigo-900': any;
3424
+ readonly 'red-100': any;
3425
+ readonly 'red-200': any;
3426
+ readonly 'red-300': any;
3427
+ readonly 'red-400': any;
3428
+ readonly 'red-500': any;
3429
+ readonly 'red-600': any;
3430
+ readonly 'red-700': any;
3431
+ readonly 'red-800': any;
3432
+ readonly 'red-900': any;
3433
+ readonly transparent: any;
3434
+ readonly white: any;
3435
+ readonly 'yellow-100': any;
3436
+ readonly 'yellow-200': any;
3437
+ readonly 'yellow-300': any;
3438
+ readonly 'yellow-400': any;
3439
+ readonly 'yellow-500': any;
3440
+ readonly 'yellow-600': any;
3441
+ readonly 'yellow-700': any;
3442
+ readonly 'yellow-800': any;
3443
+ readonly 'yellow-900': any;
3444
+ "background-alpha-active"?: any;
3445
+ "background-alpha-hover"?: any;
3446
+ "background-danger-prominent"?: any;
3447
+ "background-danger-prominent-active"?: any;
3448
+ "background-danger-prominent-hover"?: any;
3449
+ "background-danger-subtle"?: any;
3450
+ "background-danger-subtle-active"?: any;
3451
+ "background-danger-subtle-hover"?: any;
3452
+ "background-neutrals"?: any;
3453
+ "background-neutrals-active"?: any;
3454
+ "background-neutrals-container"?: any;
3455
+ "background-neutrals-controls-disabled"?: any;
3456
+ "background-neutrals-disabled"?: any;
3457
+ "background-neutrals-hover"?: any;
3458
+ "background-neutrals-inactive"?: any;
3459
+ "background-neutrals-inactive-hover"?: any;
3460
+ "background-neutrals-inverted"?: any;
3461
+ "background-neutrals-inverted-subtle"?: any;
3462
+ "background-neutrals-page"?: any;
3463
+ "background-neutrals-page-subtle"?: any;
3464
+ "background-neutrals-scrolls"?: any;
3465
+ "background-neutrals-scrolls-expanded"?: any;
3466
+ "background-neutrals-scrolls-hover"?: any;
3467
+ "background-neutrals-scrolls-pressed"?: any;
3468
+ "background-neutrals-scrolls-pressed-hover"?: any;
3469
+ "background-neutrals-subtle"?: any;
3470
+ "background-neutrals-subtle-active"?: any;
3471
+ "background-neutrals-subtle-hover"?: any;
3472
+ "background-primary-prominent"?: any;
3473
+ "background-primary-prominent-active"?: any;
3474
+ "background-primary-prominent-expanded"?: any;
3475
+ "background-primary-prominent-hover"?: any;
3476
+ "background-primary-prominent-pressed"?: any;
3477
+ "background-primary-prominent-pressed-hover"?: any;
3478
+ "background-primary-prominent-selected"?: any;
3479
+ "background-primary-subtle"?: any;
3480
+ "background-primary-subtle-active"?: any;
3481
+ "background-primary-subtle-expanded"?: any;
3482
+ "background-primary-subtle-hover"?: any;
3483
+ "background-primary-subtle-pressed"?: any;
3484
+ "background-primary-subtle-pressed-hover"?: any;
3485
+ "background-primary-subtle-selected"?: any;
3486
+ "background-success"?: any;
3487
+ "background-success-prominent"?: any;
3488
+ "background-success-prominent-active"?: any;
3489
+ "background-success-prominent-hover"?: any;
3490
+ "background-warning-prominent"?: any;
3491
+ "background-warning-subtle"?: any;
3492
+ "border-danger"?: any;
3493
+ "border-danger-active"?: any;
3494
+ "border-danger-hover"?: any;
3495
+ "border-focus-inner"?: any;
3496
+ "border-focus-middle"?: any;
3497
+ "border-focus-outer"?: any;
3498
+ "border-neutrals"?: any;
3499
+ "border-neutrals-active"?: any;
3500
+ "border-neutrals-controls"?: any;
3501
+ "border-neutrals-controls-disabled"?: any;
3502
+ "border-neutrals-disabled"?: any;
3503
+ "border-neutrals-hover"?: any;
3504
+ "border-neutrals-inverted"?: any;
3505
+ "border-neutrals-subtle"?: any;
3506
+ "border-neutrals-text"?: any;
3507
+ "border-neutrals-text-active"?: any;
3508
+ "border-neutrals-text-hover"?: any;
3509
+ "border-neutrals-text-subtle"?: any;
3510
+ "border-neutrals-text-subtle-active"?: any;
3511
+ "border-neutrals-text-subtle-hover"?: any;
3512
+ "border-neutrals-transparent"?: any;
3513
+ "border-primary"?: any;
3514
+ "border-primary-active"?: any;
3515
+ "border-primary-hover"?: any;
3516
+ "border-primary-inverted"?: any;
3517
+ "border-success"?: any;
3518
+ "border-success-active"?: any;
3519
+ "border-success-hover"?: any;
3520
+ "border-warning"?: any;
3521
+ "icon-danger"?: any;
3522
+ "icon-danger-active"?: any;
3523
+ "icon-danger-hover"?: any;
3524
+ "icon-danger-inverted"?: any;
3525
+ "icon-neutrals"?: any;
3526
+ "icon-neutrals-disabled"?: any;
3527
+ "icon-neutrals-inactive"?: any;
3528
+ "icon-neutrals-inactive-hover"?: any;
3529
+ "icon-neutrals-inverted"?: any;
3530
+ "icon-neutrals-search"?: any;
3531
+ "icon-neutrals-subtle"?: any;
3532
+ "icon-neutrals-text"?: any;
3533
+ "icon-primary"?: any;
3534
+ "icon-primary-active"?: any;
3535
+ "icon-primary-hover"?: any;
3536
+ "icon-primary-inverted"?: any;
3537
+ "icon-primary-selected"?: any;
3538
+ "icon-success"?: any;
3539
+ "icon-success-active"?: any;
3540
+ "icon-success-hover"?: any;
3541
+ "icon-success-inverted"?: any;
3542
+ "icon-warning"?: any;
3543
+ "icon-warning-prominent"?: any;
3544
+ "icon-warning-subtle"?: any;
3545
+ "text-danger"?: any;
3546
+ "text-danger-active"?: any;
3547
+ "text-danger-hover"?: any;
3548
+ "text-danger-inverted"?: any;
3549
+ "text-neutrals"?: any;
3550
+ "text-neutrals-active"?: any;
3551
+ "text-neutrals-disabled"?: any;
3552
+ "text-neutrals-hover"?: any;
3553
+ "text-neutrals-inverted"?: any;
3554
+ "text-neutrals-placeholder"?: any;
3555
+ "text-neutrals-placeholder-only"?: any;
3556
+ "text-neutrals-subtle"?: any;
3557
+ "text-neutrals-subtle-active"?: any;
3558
+ "text-neutrals-subtle-hover"?: any;
3559
+ "text-primary"?: any;
3560
+ "text-primary-active"?: any;
3561
+ "text-primary-hover"?: any;
3562
+ "text-primary-inverted"?: any;
3563
+ "text-primary-inverted-subtle"?: any;
3564
+ "text-primary-selected"?: any;
3565
+ "text-success"?: any;
3566
+ "text-success-active"?: any;
3567
+ "text-success-hover"?: any;
3568
+ "text-success-inverted"?: any;
3569
+ "text-warning"?: any;
3570
+ "text-warning-subtle"?: any;
3571
+ };
3572
+ 'font-sizes': {
3573
+ readonly 150: "0.75rem";
3574
+ readonly 175: "0.875rem";
3575
+ readonly 200: "1rem";
3576
+ readonly 225: "1.125rem";
3577
+ readonly 250: "1.25rem";
3578
+ readonly 300: "1.5rem";
3579
+ readonly 400: "2rem";
3580
+ readonly 500: "2.5rem";
3581
+ readonly 600: "3rem";
3582
+ readonly 800: "4rem";
3583
+ readonly 900: "4.5rem";
3584
+ };
3585
+ fonts: {
3586
+ readonly heading: "Roobert, sans-serif";
3587
+ readonly body: "Open Sans, sans-serif";
3588
+ };
3589
+ radii: {
3590
+ readonly none: 0;
3591
+ readonly half: "999em";
3592
+ readonly 25: "2px";
3593
+ readonly 50: "4px";
3594
+ readonly 75: "6px";
3595
+ readonly 100: "8px";
3596
+ readonly 200: "16px";
3597
+ };
3598
+ shadows: {
3599
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3600
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3601
+ 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";
3602
+ 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";
3603
+ 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";
3604
+ 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";
3605
+ };
3606
+ sizes: {
3607
+ readonly number: string;
3608
+ readonly 'icon-200': "16px";
3609
+ readonly 'icon-300': "24px";
3610
+ readonly 'icon-400': "32px";
3611
+ };
3612
+ space: {
3613
+ readonly 0: "0px";
3614
+ readonly 25: "2px";
3615
+ readonly 50: "4px";
3616
+ readonly 100: "8px";
3617
+ readonly 150: "12px";
3618
+ readonly 200: "16px";
3619
+ readonly 300: "24px";
3620
+ readonly 400: "32px";
3621
+ readonly 500: "40px";
3622
+ readonly 600: "48px";
3623
+ readonly 700: "56px";
3624
+ readonly 800: "64px";
3625
+ readonly 1200: "96px";
3626
+ readonly 1600: "128px";
3627
+ };
3628
+ 'space-gap': {
3629
+ readonly 0: any;
3630
+ readonly 50: any;
3631
+ readonly 100: any;
3632
+ readonly 200: any;
3633
+ readonly 300: any;
3634
+ };
3635
+ 'space-inset': {
3636
+ readonly 0: any;
3637
+ readonly 50: any;
3638
+ readonly 100: any;
3639
+ readonly 150: any;
3640
+ readonly 200: any;
3641
+ readonly 300: any;
3642
+ readonly 400: any;
3643
+ readonly 500: any;
3644
+ readonly 600: any;
3645
+ readonly 700: any;
3646
+ readonly 800: any;
3647
+ readonly 1200: any;
3648
+ readonly 1600: any;
3649
+ };
3650
+ 'space-offset': {
3651
+ readonly 0: any;
3652
+ readonly 50: any;
3653
+ readonly 100: any;
3654
+ readonly 150: any;
3655
+ readonly 200: any;
3656
+ readonly 300: any;
3657
+ readonly 400: any;
3658
+ readonly 600: any;
3659
+ readonly 800: any;
3660
+ readonly 1200: any;
3661
+ readonly 1600: any;
3662
+ readonly 'stacking-0': any;
3663
+ readonly 'stacking-100': any;
3664
+ readonly 'stacking-200': any;
3665
+ readonly 'stacking-300': any;
3666
+ readonly 'stacking-400': any;
3667
+ readonly 'stacking-500': any;
3668
+ readonly 'stacking-800': any;
3669
+ };
3670
+ 'stroke-width': {
3671
+ readonly thin: "1.5px";
3672
+ readonly normal: "2px";
3673
+ readonly bold: "4px";
3674
+ };
3675
+ 'z-indices': {
3676
+ readonly dropdownMenu: 100;
3677
+ readonly select: 200;
3678
+ readonly popover: 300;
3679
+ readonly tooltip: 400;
3680
+ };
3681
+ }, {
3682
+ readonly background: "colors";
3683
+ readonly backgroundColor: "colors";
3684
+ readonly backgroundImage: "colors";
3685
+ readonly blockSize: "sizes";
3686
+ readonly border: "colors";
3687
+ readonly borderBlock: "colors";
3688
+ readonly borderBlockEnd: "colors";
3689
+ readonly borderBlockStart: "colors";
3690
+ readonly borderBottom: "colors";
3691
+ readonly borderBottomColor: "colors";
3692
+ readonly borderBottomLeftRadius: "radii";
3693
+ readonly borderBottomRightRadius: "radii";
3694
+ readonly borderBottomStyle: "border-styles";
3695
+ readonly borderBottomWidth: "border-widths";
3696
+ readonly borderColor: "colors";
3697
+ readonly borderImage: "colors";
3698
+ readonly borderInline: "colors";
3699
+ readonly borderInlineEnd: "colors";
3700
+ readonly borderInlineStart: "colors";
3701
+ readonly borderLeft: "colors";
3702
+ readonly borderLeftColor: "colors";
3703
+ readonly borderLeftStyle: "border-styles";
3704
+ readonly borderLeftWidth: "border-widths";
3705
+ readonly borderRadius: "radii";
3706
+ readonly borderRight: "colors";
3707
+ readonly borderRightColor: "colors";
3708
+ readonly borderRightStyle: "border-styles";
3709
+ readonly borderRightWidth: "border-widths";
3710
+ readonly borderSpacing: "space-offset";
3711
+ readonly borderStyle: "border-styles";
3712
+ readonly borderTop: "colors";
3713
+ readonly borderTopColor: "colors";
3714
+ readonly borderTopLeftRadius: "radii";
3715
+ readonly borderTopRightRadius: "radii";
3716
+ readonly borderTopStyle: "border-styles";
3717
+ readonly borderTopWidth: "border-widths";
3718
+ readonly borderWidth: "border-widths";
3719
+ readonly bottom: "space";
3720
+ readonly boxShadow: "shadows";
3721
+ readonly caretColor: "colors";
3722
+ readonly color: "colors";
3723
+ readonly columnGap: "space-gap";
3724
+ readonly columnRuleColor: "colors";
3725
+ readonly fill: "colors";
3726
+ readonly flexBasis: "sizes";
3727
+ readonly fontFamily: "fonts";
3728
+ readonly fontSize: "font-sizes";
3729
+ readonly fontWeight: "font-weights";
3730
+ readonly gap: "space-gap";
3731
+ readonly gridColumnGap: "space-gap";
3732
+ readonly gridGap: "space-gap";
3733
+ readonly gridRowGap: "space-gap";
3734
+ readonly gridTemplateColumns: "sizes";
3735
+ readonly gridTemplateRows: "sizes";
3736
+ readonly height: "sizes";
3737
+ readonly inlineSize: "sizes";
3738
+ readonly inset: "space-inset";
3739
+ readonly insetBlock: "space-inset";
3740
+ readonly insetBlockEnd: "space-inset";
3741
+ readonly insetBlockStart: "space-inset";
3742
+ readonly insetInline: "space-inset";
3743
+ readonly insetInlineEnd: "space-inset";
3744
+ readonly insetInlineStart: "space-inset";
3745
+ readonly left: "space";
3746
+ readonly letterSpacing: "letter-spacings";
3747
+ readonly lineHeight: "line-heights";
3748
+ readonly margin: "space-offset";
3749
+ readonly marginBlock: "space-offset";
3750
+ readonly marginBlockEnd: "space-offset";
3751
+ readonly marginBlockStart: "space-offset";
3752
+ readonly marginBottom: "space-offset";
3753
+ readonly marginInline: "space-offset";
3754
+ readonly marginInlineEnd: "space-offset";
3755
+ readonly marginInlineStart: "space-offset";
3756
+ readonly marginLeft: "space-offset";
3757
+ readonly marginRight: "space-offset";
3758
+ readonly marginTop: "space-offset";
3759
+ readonly maxBlockSize: "sizes";
3760
+ readonly maxHeight: "sizes";
3761
+ readonly maxInlineSize: "sizes";
3762
+ readonly maxWidth: "sizes";
3763
+ readonly minBlockSize: "sizes";
3764
+ readonly minHeight: "sizes";
3765
+ readonly minInlineSize: "sizes";
3766
+ readonly minWidth: "sizes";
3767
+ readonly outline: "colors";
3768
+ readonly outlineColor: "colors";
3769
+ readonly padding: "space-inset";
3770
+ readonly paddingBlock: "space-inset";
3771
+ readonly paddingBlockEnd: "space-inset";
3772
+ readonly paddingBlockStart: "space-inset";
3773
+ readonly paddingBottom: "space-inset";
3774
+ readonly paddingInline: "space-inset";
3775
+ readonly paddingInlineEnd: "space-inset";
3776
+ readonly paddingInlineStart: "space-inset";
3777
+ readonly paddingLeft: "space-inset";
3778
+ readonly paddingRight: "space-inset";
3779
+ readonly paddingTop: "space-inset";
3780
+ readonly right: "space";
3781
+ readonly rowGap: "space-gap";
3782
+ readonly scrollMargin: "space-offset";
3783
+ readonly scrollMarginBlock: "space-offset";
3784
+ readonly scrollMarginBlockEnd: "space-offset";
3785
+ readonly scrollMarginBlockStart: "space-offset";
3786
+ readonly scrollMarginBottom: "space-offset";
3787
+ readonly scrollMarginInline: "space-offset";
3788
+ readonly scrollMarginInlineEnd: "space-offset";
3789
+ readonly scrollMarginInlineStart: "space-offset";
3790
+ readonly scrollMarginLeft: "space-offset";
3791
+ readonly scrollMarginRight: "space-offset";
3792
+ readonly scrollMarginTop: "space-offset";
3793
+ readonly scrollPadding: "space-inset";
3794
+ readonly scrollPaddingBlock: "space-inset";
3795
+ readonly scrollPaddingBlockEnd: "space-inset";
3796
+ readonly scrollPaddingBlockStart: "space-inset";
3797
+ readonly scrollPaddingBottom: "space-inset";
3798
+ readonly scrollPaddingInline: "space-inset";
3799
+ readonly scrollPaddingInlineEnd: "space-inset";
3800
+ readonly scrollPaddingInlineStart: "space-inset";
3801
+ readonly scrollPaddingLeft: "space-inset";
3802
+ readonly scrollPaddingRight: "space-inset";
3803
+ readonly scrollPaddingTop: "space-inset";
3804
+ readonly stroke: "colors";
3805
+ readonly strokeWidth: "stroke-width";
3806
+ readonly textDecorationColor: "colors";
3807
+ readonly textShadow: "shadows";
3808
+ readonly top: "space";
3809
+ readonly transition: "transitions";
3810
+ readonly width: "sizes";
3811
+ readonly zIndex: "z-indices";
3812
+ }, {
3813
+ paddingX: (value: {
3814
+ readonly [$$PropertyValue]: "padding";
3815
+ }) => {
3816
+ paddingLeft: {
3817
+ readonly [$$PropertyValue]: "padding";
3605
3818
  };
3606
- 'z-indices': {
3607
- readonly dropdownMenu: 100;
3608
- readonly select: 200;
3609
- readonly popover: 300;
3610
- readonly tooltip: 400;
3819
+ paddingRight: {
3820
+ readonly [$$PropertyValue]: "padding";
3611
3821
  };
3612
- }, {
3613
- readonly background: "colors";
3614
- readonly backgroundColor: "colors";
3615
- readonly backgroundImage: "colors";
3616
- readonly blockSize: "sizes";
3617
- readonly border: "colors";
3618
- readonly borderBlock: "colors";
3619
- readonly borderBlockEnd: "colors";
3620
- readonly borderBlockStart: "colors";
3621
- readonly borderBottom: "colors";
3622
- readonly borderBottomColor: "colors";
3623
- readonly borderBottomLeftRadius: "radii";
3624
- readonly borderBottomRightRadius: "radii";
3625
- readonly borderBottomStyle: "border-styles";
3626
- readonly borderBottomWidth: "border-widths";
3627
- readonly borderColor: "colors";
3628
- readonly borderImage: "colors";
3629
- readonly borderInline: "colors";
3630
- readonly borderInlineEnd: "colors";
3631
- readonly borderInlineStart: "colors";
3632
- readonly borderLeft: "colors";
3633
- readonly borderLeftColor: "colors";
3634
- readonly borderLeftStyle: "border-styles";
3635
- readonly borderLeftWidth: "border-widths";
3636
- readonly borderRadius: "radii";
3637
- readonly borderRight: "colors";
3638
- readonly borderRightColor: "colors";
3639
- readonly borderRightStyle: "border-styles";
3640
- readonly borderRightWidth: "border-widths";
3641
- readonly borderSpacing: "space-offset";
3642
- readonly borderStyle: "border-styles";
3643
- readonly borderTop: "colors";
3644
- readonly borderTopColor: "colors";
3645
- readonly borderTopLeftRadius: "radii";
3646
- readonly borderTopRightRadius: "radii";
3647
- readonly borderTopStyle: "border-styles";
3648
- readonly borderTopWidth: "border-widths";
3649
- readonly borderWidth: "border-widths";
3650
- readonly bottom: "space";
3651
- readonly boxShadow: "shadows";
3652
- readonly caretColor: "colors";
3653
- readonly color: "colors";
3654
- readonly columnGap: "space-gap";
3655
- readonly columnRuleColor: "colors";
3656
- readonly fill: "colors";
3657
- readonly flexBasis: "sizes";
3658
- readonly fontFamily: "fonts";
3659
- readonly fontSize: "font-sizes";
3660
- readonly fontWeight: "font-weights";
3661
- readonly gap: "space-gap";
3662
- readonly gridColumnGap: "space-gap";
3663
- readonly gridGap: "space-gap";
3664
- readonly gridRowGap: "space-gap";
3665
- readonly gridTemplateColumns: "sizes";
3666
- readonly gridTemplateRows: "sizes";
3667
- readonly height: "sizes";
3668
- readonly inlineSize: "sizes";
3669
- readonly inset: "space-inset";
3670
- readonly insetBlock: "space-inset";
3671
- readonly insetBlockEnd: "space-inset";
3672
- readonly insetBlockStart: "space-inset";
3673
- readonly insetInline: "space-inset";
3674
- readonly insetInlineEnd: "space-inset";
3675
- readonly insetInlineStart: "space-inset";
3676
- readonly left: "space";
3677
- readonly letterSpacing: "letter-spacings";
3678
- readonly lineHeight: "line-heights";
3679
- readonly margin: "space-offset";
3680
- readonly marginBlock: "space-offset";
3681
- readonly marginBlockEnd: "space-offset";
3682
- readonly marginBlockStart: "space-offset";
3683
- readonly marginBottom: "space-offset";
3684
- readonly marginInline: "space-offset";
3685
- readonly marginInlineEnd: "space-offset";
3686
- readonly marginInlineStart: "space-offset";
3687
- readonly marginLeft: "space-offset";
3688
- readonly marginRight: "space-offset";
3689
- readonly marginTop: "space-offset";
3690
- readonly maxBlockSize: "sizes";
3691
- readonly maxHeight: "sizes";
3692
- readonly maxInlineSize: "sizes";
3693
- readonly maxWidth: "sizes";
3694
- readonly minBlockSize: "sizes";
3695
- readonly minHeight: "sizes";
3696
- readonly minInlineSize: "sizes";
3697
- readonly minWidth: "sizes";
3698
- readonly outline: "colors";
3699
- readonly outlineColor: "colors";
3700
- readonly padding: "space-inset";
3701
- readonly paddingBlock: "space-inset";
3702
- readonly paddingBlockEnd: "space-inset";
3703
- readonly paddingBlockStart: "space-inset";
3704
- readonly paddingBottom: "space-inset";
3705
- readonly paddingInline: "space-inset";
3706
- readonly paddingInlineEnd: "space-inset";
3707
- readonly paddingInlineStart: "space-inset";
3708
- readonly paddingLeft: "space-inset";
3709
- readonly paddingRight: "space-inset";
3710
- readonly paddingTop: "space-inset";
3711
- readonly right: "space";
3712
- readonly rowGap: "space-gap";
3713
- readonly scrollMargin: "space-offset";
3714
- readonly scrollMarginBlock: "space-offset";
3715
- readonly scrollMarginBlockEnd: "space-offset";
3716
- readonly scrollMarginBlockStart: "space-offset";
3717
- readonly scrollMarginBottom: "space-offset";
3718
- readonly scrollMarginInline: "space-offset";
3719
- readonly scrollMarginInlineEnd: "space-offset";
3720
- readonly scrollMarginInlineStart: "space-offset";
3721
- readonly scrollMarginLeft: "space-offset";
3722
- readonly scrollMarginRight: "space-offset";
3723
- readonly scrollMarginTop: "space-offset";
3724
- readonly scrollPadding: "space-inset";
3725
- readonly scrollPaddingBlock: "space-inset";
3726
- readonly scrollPaddingBlockEnd: "space-inset";
3727
- readonly scrollPaddingBlockStart: "space-inset";
3728
- readonly scrollPaddingBottom: "space-inset";
3729
- readonly scrollPaddingInline: "space-inset";
3730
- readonly scrollPaddingInlineEnd: "space-inset";
3731
- readonly scrollPaddingInlineStart: "space-inset";
3732
- readonly scrollPaddingLeft: "space-inset";
3733
- readonly scrollPaddingRight: "space-inset";
3734
- readonly scrollPaddingTop: "space-inset";
3735
- readonly stroke: "colors";
3736
- readonly strokeWidth: "stroke-width";
3737
- readonly textDecorationColor: "colors";
3738
- readonly textShadow: "shadows";
3739
- readonly top: "space";
3740
- readonly transition: "transitions";
3741
- readonly width: "sizes";
3742
- readonly zIndex: "z-indices";
3743
- }, {
3744
- paddingX: (value: {
3822
+ };
3823
+ paddingY: (value: {
3824
+ readonly [$$PropertyValue]: "padding";
3825
+ }) => {
3826
+ paddingTop: {
3745
3827
  readonly [$$PropertyValue]: "padding";
3746
- }) => {
3747
- paddingLeft: {
3748
- readonly [$$PropertyValue]: "padding";
3749
- };
3750
- paddingRight: {
3751
- readonly [$$PropertyValue]: "padding";
3752
- };
3753
3828
  };
3754
- paddingY: (value: {
3829
+ paddingBottom: {
3755
3830
  readonly [$$PropertyValue]: "padding";
3756
- }) => {
3757
- paddingTop: {
3758
- readonly [$$PropertyValue]: "padding";
3759
- };
3760
- paddingBottom: {
3761
- readonly [$$PropertyValue]: "padding";
3762
- };
3763
3831
  };
3764
- marginX: (value: {
3832
+ };
3833
+ marginX: (value: {
3834
+ readonly [$$PropertyValue]: "margin";
3835
+ }) => {
3836
+ marginLeft: {
3765
3837
  readonly [$$PropertyValue]: "margin";
3766
- }) => {
3767
- marginLeft: {
3768
- readonly [$$PropertyValue]: "margin";
3769
- };
3770
- marginRight: {
3771
- readonly [$$PropertyValue]: "margin";
3772
- };
3773
3838
  };
3774
- marginY: (value: {
3839
+ marginRight: {
3775
3840
  readonly [$$PropertyValue]: "margin";
3776
- }) => {
3777
- marginTop: {
3778
- readonly [$$PropertyValue]: "margin";
3779
- };
3780
- marginBottom: {
3781
- readonly [$$PropertyValue]: "margin";
3782
- };
3783
3841
  };
3784
- square: (value: {
3842
+ };
3843
+ marginY: (value: {
3844
+ readonly [$$PropertyValue]: "margin";
3845
+ }) => {
3846
+ marginTop: {
3847
+ readonly [$$PropertyValue]: "margin";
3848
+ };
3849
+ marginBottom: {
3850
+ readonly [$$PropertyValue]: "margin";
3851
+ };
3852
+ };
3853
+ square: (value: {
3854
+ readonly [$$PropertyValue]: "width";
3855
+ }) => {
3856
+ width: {
3857
+ readonly [$$PropertyValue]: "width";
3858
+ };
3859
+ height: {
3785
3860
  readonly [$$PropertyValue]: "width";
3786
- }) => {
3787
- width: {
3788
- readonly [$$PropertyValue]: "width";
3789
- };
3790
- height: {
3791
- readonly [$$PropertyValue]: "width";
3792
- };
3793
3861
  };
3794
- }> | undefined;
3795
- }>>> & {
3796
- children?: React__default.ReactNode;
3797
- } & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3862
+ };
3863
+ _hover: (css: _stitches_react.CSS<{
3864
+ media: {};
3865
+ theme: {};
3866
+ themeMap: {};
3867
+ utils: {};
3868
+ }>) => {
3869
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
3870
+ media: {};
3871
+ theme: {};
3872
+ themeMap: {};
3873
+ utils: {};
3874
+ }>;
3875
+ };
3876
+ }>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
3877
+ variants: {
3878
+ [name: string]: unknown;
3879
+ };
3880
+ } ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3798
3881
  'border-widths': {
3799
3882
  readonly none: 0;
3800
3883
  readonly sm: "1px";
@@ -4059,6 +4142,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
4059
4142
  readonly 200: any;
4060
4143
  readonly 300: any;
4061
4144
  readonly 400: any;
4145
+ readonly 500: any;
4062
4146
  readonly 600: any;
4063
4147
  readonly 700: any;
4064
4148
  readonly 800: any;
@@ -4278,6 +4362,19 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
4278
4362
  readonly [$$PropertyValue]: "width";
4279
4363
  };
4280
4364
  };
4365
+ _hover: (css: _stitches_react.CSS<{
4366
+ media: {};
4367
+ theme: {};
4368
+ themeMap: {};
4369
+ utils: {};
4370
+ }>) => {
4371
+ '&:hover, &[data-hovered]': _stitches_react.CSS<{
4372
+ media: {};
4373
+ theme: {};
4374
+ themeMap: {};
4375
+ utils: {};
4376
+ }>;
4377
+ };
4281
4378
  }>>>>> & StitchesInternals<Element_1, StyledComponentProps$1<[Composers]>, {}>;
4282
4379
 
4283
4380
  declare const stitchesCssRoot: {