@mirohq/design-system-stitches 2.3.11 → 2.3.13-input.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 +1 -0
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1 -0
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +505 -463
  6. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -3,7 +3,7 @@ import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef,
3
3
  import { CSS as CSS$1, VariantProps } from '@stitches/react';
4
4
  import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
5
5
  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';
6
+ import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, TransformProps, StyledComponentProps as StyledComponentProps$1 } from '@stitches/react/types/styled-component';
7
7
  import * as _stitches_react_types_util from '@stitches/react/types/util';
8
8
  import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
9
9
  import { RemoveIndex } from '@stitches/react/types/stitches';
@@ -210,6 +210,10 @@ declare const config: {
210
210
  readonly 800: "4rem";
211
211
  readonly 900: "4.5rem";
212
212
  };
213
+ fonts: {
214
+ readonly heading: "Roobert, sans-serif";
215
+ readonly body: "Open Sans, sans-serif";
216
+ };
213
217
  radii: {
214
218
  readonly none: 0;
215
219
  readonly half: "999em";
@@ -264,6 +268,7 @@ declare const config: {
264
268
  readonly 200: any;
265
269
  readonly 300: any;
266
270
  readonly 400: any;
271
+ readonly 500: any;
267
272
  readonly 600: any;
268
273
  readonly 800: any;
269
274
  readonly 1200: any;
@@ -680,6 +685,10 @@ declare const createTheme: <Argument0 extends string | ({
680
685
  readonly 800?: string | number | boolean | undefined;
681
686
  readonly 900?: string | number | boolean | undefined;
682
687
  } | undefined;
688
+ fonts?: {
689
+ readonly heading?: string | number | boolean | undefined;
690
+ readonly body?: string | number | boolean | undefined;
691
+ } | undefined;
683
692
  radii?: {
684
693
  readonly none?: string | number | boolean | undefined;
685
694
  readonly half?: string | number | boolean | undefined;
@@ -734,6 +743,7 @@ declare const createTheme: <Argument0 extends string | ({
734
743
  readonly 200?: string | number | boolean | undefined;
735
744
  readonly 300?: string | number | boolean | undefined;
736
745
  readonly 400?: string | number | boolean | undefined;
746
+ readonly 500?: string | number | boolean | undefined;
737
747
  readonly 600?: string | number | boolean | undefined;
738
748
  readonly 800?: string | number | boolean | undefined;
739
749
  readonly 1200?: string | number | boolean | undefined;
@@ -970,6 +980,10 @@ declare const createTheme: <Argument0 extends string | ({
970
980
  readonly 800?: string | number | boolean | undefined;
971
981
  readonly 900?: string | number | boolean | undefined;
972
982
  } | undefined;
983
+ fonts?: {
984
+ readonly heading?: string | number | boolean | undefined;
985
+ readonly body?: string | number | boolean | undefined;
986
+ } | undefined;
973
987
  radii?: {
974
988
  readonly none?: string | number | boolean | undefined;
975
989
  readonly half?: string | number | boolean | undefined;
@@ -1024,6 +1038,7 @@ declare const createTheme: <Argument0 extends string | ({
1024
1038
  readonly 200?: string | number | boolean | undefined;
1025
1039
  readonly 300?: string | number | boolean | undefined;
1026
1040
  readonly 400?: string | number | boolean | undefined;
1041
+ readonly 500?: string | number | boolean | undefined;
1027
1042
  readonly 600?: string | number | boolean | undefined;
1028
1043
  readonly 800?: string | number | boolean | undefined;
1029
1044
  readonly 1200?: string | number | boolean | undefined;
@@ -1266,6 +1281,10 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1266
1281
  readonly 800: "4rem";
1267
1282
  readonly 900: "4.5rem";
1268
1283
  };
1284
+ fonts: {
1285
+ readonly heading: "Roobert, sans-serif";
1286
+ readonly body: "Open Sans, sans-serif";
1287
+ };
1269
1288
  radii: {
1270
1289
  readonly none: 0;
1271
1290
  readonly half: "999em";
@@ -1320,6 +1339,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1320
1339
  readonly 200: any;
1321
1340
  readonly 300: any;
1322
1341
  readonly 400: any;
1342
+ readonly 500: any;
1323
1343
  readonly 600: any;
1324
1344
  readonly 800: any;
1325
1345
  readonly 1200: any;
@@ -1751,6 +1771,10 @@ declare const globalCss: <Styles extends {
1751
1771
  readonly 800: "4rem";
1752
1772
  readonly 900: "4.5rem";
1753
1773
  };
1774
+ fonts: {
1775
+ readonly heading: "Roobert, sans-serif";
1776
+ readonly body: "Open Sans, sans-serif";
1777
+ };
1754
1778
  radii: {
1755
1779
  readonly none: 0;
1756
1780
  readonly half: "999em";
@@ -1805,6 +1829,7 @@ declare const globalCss: <Styles extends {
1805
1829
  readonly 200: any;
1806
1830
  readonly 300: any;
1807
1831
  readonly 400: any;
1832
+ readonly 500: any;
1808
1833
  readonly 600: any;
1809
1834
  readonly 800: any;
1810
1835
  readonly 1200: any;
@@ -2218,6 +2243,10 @@ declare const globalCss: <Styles extends {
2218
2243
  readonly 800: "4rem";
2219
2244
  readonly 900: "4.5rem";
2220
2245
  };
2246
+ fonts: {
2247
+ readonly heading: "Roobert, sans-serif";
2248
+ readonly body: "Open Sans, sans-serif";
2249
+ };
2221
2250
  radii: {
2222
2251
  readonly none: 0;
2223
2252
  readonly half: "999em";
@@ -2272,6 +2301,7 @@ declare const globalCss: <Styles extends {
2272
2301
  readonly 200: any;
2273
2302
  readonly 300: any;
2274
2303
  readonly 400: any;
2304
+ readonly 500: any;
2275
2305
  readonly 600: any;
2276
2306
  readonly 800: any;
2277
2307
  readonly 1200: any;
@@ -2686,6 +2716,10 @@ declare const keyframes: (style: {
2686
2716
  readonly 800: "4rem";
2687
2717
  readonly 900: "4.5rem";
2688
2718
  };
2719
+ fonts: {
2720
+ readonly heading: "Roobert, sans-serif";
2721
+ readonly body: "Open Sans, sans-serif";
2722
+ };
2689
2723
  radii: {
2690
2724
  readonly none: 0;
2691
2725
  readonly half: "999em";
@@ -2740,6 +2774,7 @@ declare const keyframes: (style: {
2740
2774
  readonly 200: any;
2741
2775
  readonly 300: any;
2742
2776
  readonly 400: any;
2777
+ readonly 500: any;
2743
2778
  readonly 600: any;
2744
2779
  readonly 800: any;
2745
2780
  readonly 1200: any;
@@ -3130,6 +3165,7 @@ interface Theme {
3130
3165
  'border-widths': typeof tokens.borderWidths;
3131
3166
  colors: typeof tokens.colors & AliasColors;
3132
3167
  'font-sizes': typeof tokens.fontSizes;
3168
+ fonts: typeof tokens.fonts;
3133
3169
  radii: typeof tokens.radii;
3134
3170
  shadows: typeof tokens.shadows;
3135
3171
  sizes: typeof tokens.sizes;
@@ -3176,481 +3212,482 @@ interface CustomStylesProps {
3176
3212
  }
3177
3213
  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> | {
3178
3214
  [name: string]: unknown;
3179
- } = {}>(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 {
3180
- variants: {
3181
- [name: string]: unknown;
3215
+ } = {}>(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<{}, {
3216
+ 'border-widths': {
3217
+ readonly none: 0;
3218
+ readonly sm: "1px";
3219
+ readonly md: "2px";
3220
+ readonly lg: "4px";
3182
3221
  };
3183
- } ? 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<{}, {}> & {
3184
- css?: CSSUtil.CSS<{}, {
3185
- 'border-widths': {
3186
- readonly none: 0;
3187
- readonly sm: "1px";
3188
- readonly md: "2px";
3189
- readonly lg: "4px";
3190
- };
3191
- colors: {
3192
- readonly black: any;
3193
- readonly 'blue-100': any;
3194
- readonly 'blue-200': any;
3195
- readonly 'blue-300': any;
3196
- readonly 'blue-400': any;
3197
- readonly 'blue-500': any;
3198
- readonly 'blue-600': any;
3199
- readonly 'blue-700': any;
3200
- readonly 'blue-800': any;
3201
- readonly 'blue-900': any;
3202
- readonly 'blue-1000': any;
3203
- readonly 'gray-100': any;
3204
- readonly 'gray-200': any;
3205
- readonly 'gray-300': any;
3206
- readonly 'gray-400': any;
3207
- readonly 'gray-500': any;
3208
- readonly 'gray-600': any;
3209
- readonly 'gray-700': any;
3210
- readonly 'gray-800': any;
3211
- readonly 'gray-900': any;
3212
- readonly 'green-100': any;
3213
- readonly 'green-200': any;
3214
- readonly 'green-300': any;
3215
- readonly 'green-400': any;
3216
- readonly 'green-500': any;
3217
- readonly 'green-600': any;
3218
- readonly 'green-700': any;
3219
- readonly 'green-800': any;
3220
- readonly 'green-900': any;
3221
- readonly 'indigo-100': any;
3222
- readonly 'indigo-200': any;
3223
- readonly 'indigo-300': any;
3224
- readonly 'indigo-400': any;
3225
- readonly 'indigo-500': any;
3226
- readonly 'indigo-600': any;
3227
- readonly 'indigo-700': any;
3228
- readonly 'indigo-800': any;
3229
- readonly 'indigo-900': any;
3230
- readonly 'red-100': any;
3231
- readonly 'red-200': any;
3232
- readonly 'red-300': any;
3233
- readonly 'red-400': any;
3234
- readonly 'red-500': any;
3235
- readonly 'red-600': any;
3236
- readonly 'red-700': any;
3237
- readonly 'red-800': any;
3238
- readonly 'red-900': any;
3239
- readonly transparent: any;
3240
- readonly white: any;
3241
- readonly 'yellow-100': any;
3242
- readonly 'yellow-200': any;
3243
- readonly 'yellow-300': any;
3244
- readonly 'yellow-400': any;
3245
- readonly 'yellow-500': any;
3246
- readonly 'yellow-600': any;
3247
- readonly 'yellow-700': any;
3248
- readonly 'yellow-800': any;
3249
- readonly 'yellow-900': any;
3250
- "background-alpha-active"?: any;
3251
- "background-alpha-hover"?: any;
3252
- "background-danger-prominent"?: any;
3253
- "background-danger-prominent-active"?: any;
3254
- "background-danger-prominent-hover"?: any;
3255
- "background-danger-subtle"?: any;
3256
- "background-danger-subtle-active"?: any;
3257
- "background-danger-subtle-hover"?: any;
3258
- "background-neutrals"?: any;
3259
- "background-neutrals-active"?: any;
3260
- "background-neutrals-container"?: any;
3261
- "background-neutrals-controls-disabled"?: any;
3262
- "background-neutrals-disabled"?: any;
3263
- "background-neutrals-hover"?: any;
3264
- "background-neutrals-inactive"?: any;
3265
- "background-neutrals-inactive-hover"?: any;
3266
- "background-neutrals-inverted"?: any;
3267
- "background-neutrals-inverted-subtle"?: any;
3268
- "background-neutrals-page"?: any;
3269
- "background-neutrals-page-subtle"?: any;
3270
- "background-neutrals-scrolls"?: any;
3271
- "background-neutrals-scrolls-expanded"?: any;
3272
- "background-neutrals-scrolls-hover"?: any;
3273
- "background-neutrals-scrolls-pressed"?: any;
3274
- "background-neutrals-scrolls-pressed-hover"?: any;
3275
- "background-neutrals-subtle"?: any;
3276
- "background-neutrals-subtle-active"?: any;
3277
- "background-neutrals-subtle-hover"?: any;
3278
- "background-primary-prominent"?: any;
3279
- "background-primary-prominent-active"?: any;
3280
- "background-primary-prominent-expanded"?: any;
3281
- "background-primary-prominent-hover"?: any;
3282
- "background-primary-prominent-pressed"?: any;
3283
- "background-primary-prominent-pressed-hover"?: any;
3284
- "background-primary-prominent-selected"?: any;
3285
- "background-primary-subtle"?: any;
3286
- "background-primary-subtle-active"?: any;
3287
- "background-primary-subtle-expanded"?: any;
3288
- "background-primary-subtle-hover"?: any;
3289
- "background-primary-subtle-pressed"?: any;
3290
- "background-primary-subtle-pressed-hover"?: any;
3291
- "background-primary-subtle-selected"?: any;
3292
- "background-success"?: any;
3293
- "background-warning-prominent"?: any;
3294
- "background-warning-subtle"?: any;
3295
- "border-danger"?: any;
3296
- "border-danger-active"?: any;
3297
- "border-danger-hover"?: any;
3298
- "border-focus-inner"?: any;
3299
- "border-focus-middle"?: any;
3300
- "border-focus-outer"?: any;
3301
- "border-neutrals"?: any;
3302
- "border-neutrals-active"?: any;
3303
- "border-neutrals-controls"?: any;
3304
- "border-neutrals-controls-disabled"?: any;
3305
- "border-neutrals-disabled"?: any;
3306
- "border-neutrals-hover"?: any;
3307
- "border-neutrals-inverted"?: any;
3308
- "border-neutrals-subtle"?: any;
3309
- "border-neutrals-text"?: any;
3310
- "border-neutrals-text-active"?: any;
3311
- "border-neutrals-text-hover"?: any;
3312
- "border-neutrals-text-subtle"?: any;
3313
- "border-neutrals-text-subtle-active"?: any;
3314
- "border-neutrals-text-subtle-hover"?: any;
3315
- "border-neutrals-transparent"?: any;
3316
- "border-primary"?: any;
3317
- "border-primary-active"?: any;
3318
- "border-primary-hover"?: any;
3319
- "border-primary-inverted"?: any;
3320
- "border-success"?: any;
3321
- "border-warning"?: any;
3322
- "icon-danger"?: any;
3323
- "icon-danger-active"?: any;
3324
- "icon-danger-hover"?: any;
3325
- "icon-danger-inverted"?: any;
3326
- "icon-neutrals"?: any;
3327
- "icon-neutrals-disabled"?: any;
3328
- "icon-neutrals-inactive"?: any;
3329
- "icon-neutrals-inactive-hover"?: any;
3330
- "icon-neutrals-inverted"?: any;
3331
- "icon-neutrals-search"?: any;
3332
- "icon-neutrals-subtle"?: any;
3333
- "icon-neutrals-text"?: any;
3334
- "icon-primary"?: any;
3335
- "icon-primary-active"?: any;
3336
- "icon-primary-hover"?: any;
3337
- "icon-primary-inverted"?: any;
3338
- "icon-primary-selected"?: any;
3339
- "icon-success"?: any;
3340
- "icon-success-inverted"?: any;
3341
- "icon-warning"?: any;
3342
- "icon-warning-prominent"?: any;
3343
- "text-danger"?: any;
3344
- "text-danger-active"?: any;
3345
- "text-danger-hover"?: any;
3346
- "text-danger-inverted"?: any;
3347
- "text-neutrals"?: any;
3348
- "text-neutrals-active"?: any;
3349
- "text-neutrals-disabled"?: any;
3350
- "text-neutrals-hover"?: any;
3351
- "text-neutrals-inverted"?: any;
3352
- "text-neutrals-placeholder"?: any;
3353
- "text-neutrals-placeholder-only"?: any;
3354
- "text-neutrals-subtle"?: any;
3355
- "text-neutrals-subtle-active"?: any;
3356
- "text-neutrals-subtle-hover"?: any;
3357
- "text-primary"?: any;
3358
- "text-primary-active"?: any;
3359
- "text-primary-hover"?: any;
3360
- "text-primary-inverted"?: any;
3361
- "text-primary-inverted-subtle"?: any;
3362
- "text-primary-selected"?: any;
3363
- "text-success"?: any;
3364
- "text-warning"?: any;
3365
- };
3366
- 'font-sizes': {
3367
- readonly 150: "0.75rem";
3368
- readonly 175: "0.875rem";
3369
- readonly 200: "1rem";
3370
- readonly 225: "1.125rem";
3371
- readonly 250: "1.25rem";
3372
- readonly 300: "1.5rem";
3373
- readonly 400: "2rem";
3374
- readonly 500: "2.5rem";
3375
- readonly 600: "3rem";
3376
- readonly 800: "4rem";
3377
- readonly 900: "4.5rem";
3378
- };
3379
- radii: {
3380
- readonly none: 0;
3381
- readonly half: "999em";
3382
- readonly 25: "2px";
3383
- readonly 50: "4px";
3384
- readonly 75: "6px";
3385
- readonly 100: "8px";
3386
- readonly 200: "16px";
3387
- };
3388
- shadows: {
3389
- readonly 50: "0 4px 16px #05003812";
3390
- readonly 100: "0 8px 32px #05003808";
3391
- 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";
3392
- 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";
3393
- 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";
3394
- 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";
3395
- 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";
3396
- };
3397
- sizes: {
3398
- readonly number: string;
3399
- readonly 'icon-200': "16px";
3400
- readonly 'icon-300': "24px";
3401
- readonly 'icon-400': "32px";
3402
- };
3403
- space: {
3404
- readonly 0: 0;
3405
- readonly 50: "4px";
3406
- readonly 100: "8px";
3407
- readonly 150: "12px";
3408
- readonly 200: "16px";
3409
- readonly 300: "24px";
3410
- readonly 400: "32px";
3411
- readonly 500: "40px";
3412
- readonly 600: "48px";
3413
- readonly 700: "56px";
3414
- readonly 800: "64px";
3415
- readonly 1200: "96px";
3416
- readonly 1600: "128px";
3417
- };
3418
- 'space-gap': {
3419
- readonly 0: any;
3420
- readonly 50: any;
3421
- readonly 100: any;
3422
- readonly 200: any;
3423
- readonly 300: any;
3424
- };
3425
- 'space-inset': {
3426
- readonly 0: any;
3427
- readonly 50: any;
3428
- readonly 100: any;
3429
- readonly 150: any;
3430
- readonly 200: any;
3431
- readonly 300: any;
3432
- readonly 400: any;
3433
- readonly 600: any;
3434
- readonly 800: any;
3435
- readonly 1200: any;
3436
- readonly 1600: any;
3437
- };
3438
- 'space-offset': {
3439
- readonly 0: any;
3440
- readonly 50: any;
3441
- readonly 100: any;
3442
- readonly 150: any;
3443
- readonly 200: any;
3444
- readonly 300: any;
3445
- readonly 400: any;
3446
- readonly 600: any;
3447
- readonly 800: any;
3448
- readonly 1200: any;
3449
- readonly 1600: any;
3450
- readonly 'stacking-0': any;
3451
- readonly 'stacking-100': any;
3452
- readonly 'stacking-200': any;
3453
- readonly 'stacking-300': any;
3454
- readonly 'stacking-400': any;
3455
- readonly 'stacking-500': any;
3456
- readonly 'stacking-800': any;
3457
- };
3458
- 'stroke-width': {
3459
- readonly thin: "1.5px";
3460
- readonly normal: "2px";
3461
- readonly bold: "4px";
3222
+ colors: {
3223
+ readonly black: any;
3224
+ readonly 'blue-100': any;
3225
+ readonly 'blue-200': any;
3226
+ readonly 'blue-300': any;
3227
+ readonly 'blue-400': any;
3228
+ readonly 'blue-500': any;
3229
+ readonly 'blue-600': any;
3230
+ readonly 'blue-700': any;
3231
+ readonly 'blue-800': any;
3232
+ readonly 'blue-900': any;
3233
+ readonly 'blue-1000': any;
3234
+ readonly 'gray-100': any;
3235
+ readonly 'gray-200': any;
3236
+ readonly 'gray-300': any;
3237
+ readonly 'gray-400': any;
3238
+ readonly 'gray-500': any;
3239
+ readonly 'gray-600': any;
3240
+ readonly 'gray-700': any;
3241
+ readonly 'gray-800': any;
3242
+ readonly 'gray-900': any;
3243
+ readonly 'green-100': any;
3244
+ readonly 'green-200': any;
3245
+ readonly 'green-300': any;
3246
+ readonly 'green-400': any;
3247
+ readonly 'green-500': any;
3248
+ readonly 'green-600': any;
3249
+ readonly 'green-700': any;
3250
+ readonly 'green-800': any;
3251
+ readonly 'green-900': any;
3252
+ readonly 'indigo-100': any;
3253
+ readonly 'indigo-200': any;
3254
+ readonly 'indigo-300': any;
3255
+ readonly 'indigo-400': any;
3256
+ readonly 'indigo-500': any;
3257
+ readonly 'indigo-600': any;
3258
+ readonly 'indigo-700': any;
3259
+ readonly 'indigo-800': any;
3260
+ readonly 'indigo-900': any;
3261
+ readonly 'red-100': any;
3262
+ readonly 'red-200': any;
3263
+ readonly 'red-300': any;
3264
+ readonly 'red-400': any;
3265
+ readonly 'red-500': any;
3266
+ readonly 'red-600': any;
3267
+ readonly 'red-700': any;
3268
+ readonly 'red-800': any;
3269
+ readonly 'red-900': any;
3270
+ readonly transparent: any;
3271
+ readonly white: any;
3272
+ readonly 'yellow-100': any;
3273
+ readonly 'yellow-200': any;
3274
+ readonly 'yellow-300': any;
3275
+ readonly 'yellow-400': any;
3276
+ readonly 'yellow-500': any;
3277
+ readonly 'yellow-600': any;
3278
+ readonly 'yellow-700': any;
3279
+ readonly 'yellow-800': any;
3280
+ readonly 'yellow-900': any;
3281
+ "background-alpha-active"?: any;
3282
+ "background-alpha-hover"?: any;
3283
+ "background-danger-prominent"?: any;
3284
+ "background-danger-prominent-active"?: any;
3285
+ "background-danger-prominent-hover"?: any;
3286
+ "background-danger-subtle"?: any;
3287
+ "background-danger-subtle-active"?: any;
3288
+ "background-danger-subtle-hover"?: any;
3289
+ "background-neutrals"?: any;
3290
+ "background-neutrals-active"?: any;
3291
+ "background-neutrals-container"?: any;
3292
+ "background-neutrals-controls-disabled"?: any;
3293
+ "background-neutrals-disabled"?: any;
3294
+ "background-neutrals-hover"?: any;
3295
+ "background-neutrals-inactive"?: any;
3296
+ "background-neutrals-inactive-hover"?: any;
3297
+ "background-neutrals-inverted"?: any;
3298
+ "background-neutrals-inverted-subtle"?: any;
3299
+ "background-neutrals-page"?: any;
3300
+ "background-neutrals-page-subtle"?: any;
3301
+ "background-neutrals-scrolls"?: any;
3302
+ "background-neutrals-scrolls-expanded"?: any;
3303
+ "background-neutrals-scrolls-hover"?: any;
3304
+ "background-neutrals-scrolls-pressed"?: any;
3305
+ "background-neutrals-scrolls-pressed-hover"?: any;
3306
+ "background-neutrals-subtle"?: any;
3307
+ "background-neutrals-subtle-active"?: any;
3308
+ "background-neutrals-subtle-hover"?: any;
3309
+ "background-primary-prominent"?: any;
3310
+ "background-primary-prominent-active"?: any;
3311
+ "background-primary-prominent-expanded"?: any;
3312
+ "background-primary-prominent-hover"?: any;
3313
+ "background-primary-prominent-pressed"?: any;
3314
+ "background-primary-prominent-pressed-hover"?: any;
3315
+ "background-primary-prominent-selected"?: any;
3316
+ "background-primary-subtle"?: any;
3317
+ "background-primary-subtle-active"?: any;
3318
+ "background-primary-subtle-expanded"?: any;
3319
+ "background-primary-subtle-hover"?: any;
3320
+ "background-primary-subtle-pressed"?: any;
3321
+ "background-primary-subtle-pressed-hover"?: any;
3322
+ "background-primary-subtle-selected"?: any;
3323
+ "background-success"?: any;
3324
+ "background-warning-prominent"?: any;
3325
+ "background-warning-subtle"?: any;
3326
+ "border-danger"?: any;
3327
+ "border-danger-active"?: any;
3328
+ "border-danger-hover"?: any;
3329
+ "border-focus-inner"?: any;
3330
+ "border-focus-middle"?: any;
3331
+ "border-focus-outer"?: any;
3332
+ "border-neutrals"?: any;
3333
+ "border-neutrals-active"?: any;
3334
+ "border-neutrals-controls"?: any;
3335
+ "border-neutrals-controls-disabled"?: any;
3336
+ "border-neutrals-disabled"?: any;
3337
+ "border-neutrals-hover"?: any;
3338
+ "border-neutrals-inverted"?: any;
3339
+ "border-neutrals-subtle"?: any;
3340
+ "border-neutrals-text"?: any;
3341
+ "border-neutrals-text-active"?: any;
3342
+ "border-neutrals-text-hover"?: any;
3343
+ "border-neutrals-text-subtle"?: any;
3344
+ "border-neutrals-text-subtle-active"?: any;
3345
+ "border-neutrals-text-subtle-hover"?: any;
3346
+ "border-neutrals-transparent"?: any;
3347
+ "border-primary"?: any;
3348
+ "border-primary-active"?: any;
3349
+ "border-primary-hover"?: any;
3350
+ "border-primary-inverted"?: any;
3351
+ "border-success"?: any;
3352
+ "border-warning"?: any;
3353
+ "icon-danger"?: any;
3354
+ "icon-danger-active"?: any;
3355
+ "icon-danger-hover"?: any;
3356
+ "icon-danger-inverted"?: any;
3357
+ "icon-neutrals"?: any;
3358
+ "icon-neutrals-disabled"?: any;
3359
+ "icon-neutrals-inactive"?: any;
3360
+ "icon-neutrals-inactive-hover"?: any;
3361
+ "icon-neutrals-inverted"?: any;
3362
+ "icon-neutrals-search"?: any;
3363
+ "icon-neutrals-subtle"?: any;
3364
+ "icon-neutrals-text"?: any;
3365
+ "icon-primary"?: any;
3366
+ "icon-primary-active"?: any;
3367
+ "icon-primary-hover"?: any;
3368
+ "icon-primary-inverted"?: any;
3369
+ "icon-primary-selected"?: any;
3370
+ "icon-success"?: any;
3371
+ "icon-success-inverted"?: any;
3372
+ "icon-warning"?: any;
3373
+ "icon-warning-prominent"?: any;
3374
+ "text-danger"?: any;
3375
+ "text-danger-active"?: any;
3376
+ "text-danger-hover"?: any;
3377
+ "text-danger-inverted"?: any;
3378
+ "text-neutrals"?: any;
3379
+ "text-neutrals-active"?: any;
3380
+ "text-neutrals-disabled"?: any;
3381
+ "text-neutrals-hover"?: any;
3382
+ "text-neutrals-inverted"?: any;
3383
+ "text-neutrals-placeholder"?: any;
3384
+ "text-neutrals-placeholder-only"?: any;
3385
+ "text-neutrals-subtle"?: any;
3386
+ "text-neutrals-subtle-active"?: any;
3387
+ "text-neutrals-subtle-hover"?: any;
3388
+ "text-primary"?: any;
3389
+ "text-primary-active"?: any;
3390
+ "text-primary-hover"?: any;
3391
+ "text-primary-inverted"?: any;
3392
+ "text-primary-inverted-subtle"?: any;
3393
+ "text-primary-selected"?: any;
3394
+ "text-success"?: any;
3395
+ "text-warning"?: any;
3396
+ };
3397
+ 'font-sizes': {
3398
+ readonly 150: "0.75rem";
3399
+ readonly 175: "0.875rem";
3400
+ readonly 200: "1rem";
3401
+ readonly 225: "1.125rem";
3402
+ readonly 250: "1.25rem";
3403
+ readonly 300: "1.5rem";
3404
+ readonly 400: "2rem";
3405
+ readonly 500: "2.5rem";
3406
+ readonly 600: "3rem";
3407
+ readonly 800: "4rem";
3408
+ readonly 900: "4.5rem";
3409
+ };
3410
+ fonts: {
3411
+ readonly heading: "Roobert, sans-serif";
3412
+ readonly body: "Open Sans, sans-serif";
3413
+ };
3414
+ radii: {
3415
+ readonly none: 0;
3416
+ readonly half: "999em";
3417
+ readonly 25: "2px";
3418
+ readonly 50: "4px";
3419
+ readonly 75: "6px";
3420
+ readonly 100: "8px";
3421
+ readonly 200: "16px";
3422
+ };
3423
+ shadows: {
3424
+ readonly 50: "0 4px 16px #05003812";
3425
+ readonly 100: "0 8px 32px #05003808";
3426
+ 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";
3427
+ 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";
3428
+ 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";
3429
+ 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";
3430
+ 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";
3431
+ };
3432
+ sizes: {
3433
+ readonly number: string;
3434
+ readonly 'icon-200': "16px";
3435
+ readonly 'icon-300': "24px";
3436
+ readonly 'icon-400': "32px";
3437
+ };
3438
+ space: {
3439
+ readonly 0: 0;
3440
+ readonly 50: "4px";
3441
+ readonly 100: "8px";
3442
+ readonly 150: "12px";
3443
+ readonly 200: "16px";
3444
+ readonly 300: "24px";
3445
+ readonly 400: "32px";
3446
+ readonly 500: "40px";
3447
+ readonly 600: "48px";
3448
+ readonly 700: "56px";
3449
+ readonly 800: "64px";
3450
+ readonly 1200: "96px";
3451
+ readonly 1600: "128px";
3452
+ };
3453
+ 'space-gap': {
3454
+ readonly 0: any;
3455
+ readonly 50: any;
3456
+ readonly 100: any;
3457
+ readonly 200: any;
3458
+ readonly 300: any;
3459
+ };
3460
+ 'space-inset': {
3461
+ readonly 0: any;
3462
+ readonly 50: any;
3463
+ readonly 100: any;
3464
+ readonly 150: any;
3465
+ readonly 200: any;
3466
+ readonly 300: any;
3467
+ readonly 400: any;
3468
+ readonly 500: any;
3469
+ readonly 600: any;
3470
+ readonly 800: any;
3471
+ readonly 1200: any;
3472
+ readonly 1600: any;
3473
+ };
3474
+ 'space-offset': {
3475
+ readonly 0: any;
3476
+ readonly 50: any;
3477
+ readonly 100: any;
3478
+ readonly 150: any;
3479
+ readonly 200: any;
3480
+ readonly 300: any;
3481
+ readonly 400: any;
3482
+ readonly 600: any;
3483
+ readonly 800: any;
3484
+ readonly 1200: any;
3485
+ readonly 1600: any;
3486
+ readonly 'stacking-0': any;
3487
+ readonly 'stacking-100': any;
3488
+ readonly 'stacking-200': any;
3489
+ readonly 'stacking-300': any;
3490
+ readonly 'stacking-400': any;
3491
+ readonly 'stacking-500': any;
3492
+ readonly 'stacking-800': any;
3493
+ };
3494
+ 'stroke-width': {
3495
+ readonly thin: "1.5px";
3496
+ readonly normal: "2px";
3497
+ readonly bold: "4px";
3498
+ };
3499
+ 'z-indices': {
3500
+ readonly dropdownMenu: 100;
3501
+ readonly select: 200;
3502
+ readonly popover: 300;
3503
+ readonly tooltip: 400;
3504
+ };
3505
+ }, {
3506
+ readonly background: "colors";
3507
+ readonly backgroundColor: "colors";
3508
+ readonly backgroundImage: "colors";
3509
+ readonly blockSize: "sizes";
3510
+ readonly border: "colors";
3511
+ readonly borderBlock: "colors";
3512
+ readonly borderBlockEnd: "colors";
3513
+ readonly borderBlockStart: "colors";
3514
+ readonly borderBottom: "colors";
3515
+ readonly borderBottomColor: "colors";
3516
+ readonly borderBottomLeftRadius: "radii";
3517
+ readonly borderBottomRightRadius: "radii";
3518
+ readonly borderBottomStyle: "border-styles";
3519
+ readonly borderBottomWidth: "border-widths";
3520
+ readonly borderColor: "colors";
3521
+ readonly borderImage: "colors";
3522
+ readonly borderInline: "colors";
3523
+ readonly borderInlineEnd: "colors";
3524
+ readonly borderInlineStart: "colors";
3525
+ readonly borderLeft: "colors";
3526
+ readonly borderLeftColor: "colors";
3527
+ readonly borderLeftStyle: "border-styles";
3528
+ readonly borderLeftWidth: "border-widths";
3529
+ readonly borderRadius: "radii";
3530
+ readonly borderRight: "colors";
3531
+ readonly borderRightColor: "colors";
3532
+ readonly borderRightStyle: "border-styles";
3533
+ readonly borderRightWidth: "border-widths";
3534
+ readonly borderStyle: "border-styles";
3535
+ readonly borderTop: "colors";
3536
+ readonly borderTopColor: "colors";
3537
+ readonly borderTopLeftRadius: "radii";
3538
+ readonly borderTopRightRadius: "radii";
3539
+ readonly borderTopStyle: "border-styles";
3540
+ readonly borderTopWidth: "border-widths";
3541
+ readonly borderWidth: "border-widths";
3542
+ readonly bottom: "space";
3543
+ readonly boxShadow: "shadows";
3544
+ readonly caretColor: "colors";
3545
+ readonly color: "colors";
3546
+ readonly columnGap: "space-gap";
3547
+ readonly columnRuleColor: "colors";
3548
+ readonly fill: "colors";
3549
+ readonly flexBasis: "sizes";
3550
+ readonly fontFamily: "fonts";
3551
+ readonly fontSize: "font-sizes";
3552
+ readonly fontWeight: "font-weights";
3553
+ readonly gap: "space-gap";
3554
+ readonly gridColumnGap: "space-gap";
3555
+ readonly gridGap: "space-gap";
3556
+ readonly gridRowGap: "space-gap";
3557
+ readonly gridTemplateColumns: "sizes";
3558
+ readonly gridTemplateRows: "sizes";
3559
+ readonly height: "sizes";
3560
+ readonly inlineSize: "sizes";
3561
+ readonly inset: "space-inset";
3562
+ readonly insetBlock: "space-inset";
3563
+ readonly insetBlockEnd: "space-inset";
3564
+ readonly insetBlockStart: "space-inset";
3565
+ readonly insetInline: "space-inset";
3566
+ readonly insetInlineEnd: "space-inset";
3567
+ readonly insetInlineStart: "space-inset";
3568
+ readonly left: "space";
3569
+ readonly letterSpacing: "letter-spacings";
3570
+ readonly lineHeight: "line-heights";
3571
+ readonly margin: "space-offset";
3572
+ readonly marginBlock: "space-offset";
3573
+ readonly marginBlockEnd: "space-offset";
3574
+ readonly marginBlockStart: "space-offset";
3575
+ readonly marginBottom: "space-offset";
3576
+ readonly marginInline: "space-offset";
3577
+ readonly marginInlineEnd: "space-offset";
3578
+ readonly marginInlineStart: "space-offset";
3579
+ readonly marginLeft: "space-offset";
3580
+ readonly marginRight: "space-offset";
3581
+ readonly marginTop: "space-offset";
3582
+ readonly maxBlockSize: "sizes";
3583
+ readonly maxHeight: "sizes";
3584
+ readonly maxInlineSize: "sizes";
3585
+ readonly maxWidth: "sizes";
3586
+ readonly minBlockSize: "sizes";
3587
+ readonly minHeight: "sizes";
3588
+ readonly minInlineSize: "sizes";
3589
+ readonly minWidth: "sizes";
3590
+ readonly outline: "colors";
3591
+ readonly outlineColor: "colors";
3592
+ readonly padding: "space-inset";
3593
+ readonly paddingBlock: "space-inset";
3594
+ readonly paddingBlockEnd: "space-inset";
3595
+ readonly paddingBlockStart: "space-inset";
3596
+ readonly paddingBottom: "space-inset";
3597
+ readonly paddingInline: "space-inset";
3598
+ readonly paddingInlineEnd: "space-inset";
3599
+ readonly paddingInlineStart: "space-inset";
3600
+ readonly paddingLeft: "space-inset";
3601
+ readonly paddingRight: "space-inset";
3602
+ readonly paddingTop: "space-inset";
3603
+ readonly right: "space";
3604
+ readonly rowGap: "space-gap";
3605
+ readonly scrollMargin: "space-offset";
3606
+ readonly scrollMarginBlock: "space-offset";
3607
+ readonly scrollMarginBlockEnd: "space-offset";
3608
+ readonly scrollMarginBlockStart: "space-offset";
3609
+ readonly scrollMarginBottom: "space-offset";
3610
+ readonly scrollMarginInline: "space-offset";
3611
+ readonly scrollMarginInlineEnd: "space-offset";
3612
+ readonly scrollMarginInlineStart: "space-offset";
3613
+ readonly scrollMarginLeft: "space-offset";
3614
+ readonly scrollMarginRight: "space-offset";
3615
+ readonly scrollMarginTop: "space-offset";
3616
+ readonly scrollPadding: "space-inset";
3617
+ readonly scrollPaddingBlock: "space-inset";
3618
+ readonly scrollPaddingBlockEnd: "space-inset";
3619
+ readonly scrollPaddingBlockStart: "space-inset";
3620
+ readonly scrollPaddingBottom: "space-inset";
3621
+ readonly scrollPaddingInline: "space-inset";
3622
+ readonly scrollPaddingInlineEnd: "space-inset";
3623
+ readonly scrollPaddingInlineStart: "space-inset";
3624
+ readonly scrollPaddingLeft: "space-inset";
3625
+ readonly scrollPaddingRight: "space-inset";
3626
+ readonly scrollPaddingTop: "space-inset";
3627
+ readonly stroke: "colors";
3628
+ readonly strokeWidth: "stroke-width";
3629
+ readonly textDecorationColor: "colors";
3630
+ readonly textShadow: "shadows";
3631
+ readonly top: "space";
3632
+ readonly transition: "transitions";
3633
+ readonly width: "sizes";
3634
+ readonly zIndex: "z-indices";
3635
+ }, {
3636
+ paddingX: (value: {
3637
+ readonly [$$PropertyValue]: "padding";
3638
+ }) => {
3639
+ paddingLeft: {
3640
+ readonly [$$PropertyValue]: "padding";
3462
3641
  };
3463
- 'z-indices': {
3464
- readonly dropdownMenu: 100;
3465
- readonly select: 200;
3466
- readonly popover: 300;
3467
- readonly tooltip: 400;
3642
+ paddingRight: {
3643
+ readonly [$$PropertyValue]: "padding";
3468
3644
  };
3469
- }, {
3470
- readonly background: "colors";
3471
- readonly backgroundColor: "colors";
3472
- readonly backgroundImage: "colors";
3473
- readonly blockSize: "sizes";
3474
- readonly border: "colors";
3475
- readonly borderBlock: "colors";
3476
- readonly borderBlockEnd: "colors";
3477
- readonly borderBlockStart: "colors";
3478
- readonly borderBottom: "colors";
3479
- readonly borderBottomColor: "colors";
3480
- readonly borderBottomLeftRadius: "radii";
3481
- readonly borderBottomRightRadius: "radii";
3482
- readonly borderBottomStyle: "border-styles";
3483
- readonly borderBottomWidth: "border-widths";
3484
- readonly borderColor: "colors";
3485
- readonly borderImage: "colors";
3486
- readonly borderInline: "colors";
3487
- readonly borderInlineEnd: "colors";
3488
- readonly borderInlineStart: "colors";
3489
- readonly borderLeft: "colors";
3490
- readonly borderLeftColor: "colors";
3491
- readonly borderLeftStyle: "border-styles";
3492
- readonly borderLeftWidth: "border-widths";
3493
- readonly borderRadius: "radii";
3494
- readonly borderRight: "colors";
3495
- readonly borderRightColor: "colors";
3496
- readonly borderRightStyle: "border-styles";
3497
- readonly borderRightWidth: "border-widths";
3498
- readonly borderStyle: "border-styles";
3499
- readonly borderTop: "colors";
3500
- readonly borderTopColor: "colors";
3501
- readonly borderTopLeftRadius: "radii";
3502
- readonly borderTopRightRadius: "radii";
3503
- readonly borderTopStyle: "border-styles";
3504
- readonly borderTopWidth: "border-widths";
3505
- readonly borderWidth: "border-widths";
3506
- readonly bottom: "space";
3507
- readonly boxShadow: "shadows";
3508
- readonly caretColor: "colors";
3509
- readonly color: "colors";
3510
- readonly columnGap: "space-gap";
3511
- readonly columnRuleColor: "colors";
3512
- readonly fill: "colors";
3513
- readonly flexBasis: "sizes";
3514
- readonly fontFamily: "fonts";
3515
- readonly fontSize: "font-sizes";
3516
- readonly fontWeight: "font-weights";
3517
- readonly gap: "space-gap";
3518
- readonly gridColumnGap: "space-gap";
3519
- readonly gridGap: "space-gap";
3520
- readonly gridRowGap: "space-gap";
3521
- readonly gridTemplateColumns: "sizes";
3522
- readonly gridTemplateRows: "sizes";
3523
- readonly height: "sizes";
3524
- readonly inlineSize: "sizes";
3525
- readonly inset: "space-inset";
3526
- readonly insetBlock: "space-inset";
3527
- readonly insetBlockEnd: "space-inset";
3528
- readonly insetBlockStart: "space-inset";
3529
- readonly insetInline: "space-inset";
3530
- readonly insetInlineEnd: "space-inset";
3531
- readonly insetInlineStart: "space-inset";
3532
- readonly left: "space";
3533
- readonly letterSpacing: "letter-spacings";
3534
- readonly lineHeight: "line-heights";
3535
- readonly margin: "space-offset";
3536
- readonly marginBlock: "space-offset";
3537
- readonly marginBlockEnd: "space-offset";
3538
- readonly marginBlockStart: "space-offset";
3539
- readonly marginBottom: "space-offset";
3540
- readonly marginInline: "space-offset";
3541
- readonly marginInlineEnd: "space-offset";
3542
- readonly marginInlineStart: "space-offset";
3543
- readonly marginLeft: "space-offset";
3544
- readonly marginRight: "space-offset";
3545
- readonly marginTop: "space-offset";
3546
- readonly maxBlockSize: "sizes";
3547
- readonly maxHeight: "sizes";
3548
- readonly maxInlineSize: "sizes";
3549
- readonly maxWidth: "sizes";
3550
- readonly minBlockSize: "sizes";
3551
- readonly minHeight: "sizes";
3552
- readonly minInlineSize: "sizes";
3553
- readonly minWidth: "sizes";
3554
- readonly outline: "colors";
3555
- readonly outlineColor: "colors";
3556
- readonly padding: "space-inset";
3557
- readonly paddingBlock: "space-inset";
3558
- readonly paddingBlockEnd: "space-inset";
3559
- readonly paddingBlockStart: "space-inset";
3560
- readonly paddingBottom: "space-inset";
3561
- readonly paddingInline: "space-inset";
3562
- readonly paddingInlineEnd: "space-inset";
3563
- readonly paddingInlineStart: "space-inset";
3564
- readonly paddingLeft: "space-inset";
3565
- readonly paddingRight: "space-inset";
3566
- readonly paddingTop: "space-inset";
3567
- readonly right: "space";
3568
- readonly rowGap: "space-gap";
3569
- readonly scrollMargin: "space-offset";
3570
- readonly scrollMarginBlock: "space-offset";
3571
- readonly scrollMarginBlockEnd: "space-offset";
3572
- readonly scrollMarginBlockStart: "space-offset";
3573
- readonly scrollMarginBottom: "space-offset";
3574
- readonly scrollMarginInline: "space-offset";
3575
- readonly scrollMarginInlineEnd: "space-offset";
3576
- readonly scrollMarginInlineStart: "space-offset";
3577
- readonly scrollMarginLeft: "space-offset";
3578
- readonly scrollMarginRight: "space-offset";
3579
- readonly scrollMarginTop: "space-offset";
3580
- readonly scrollPadding: "space-inset";
3581
- readonly scrollPaddingBlock: "space-inset";
3582
- readonly scrollPaddingBlockEnd: "space-inset";
3583
- readonly scrollPaddingBlockStart: "space-inset";
3584
- readonly scrollPaddingBottom: "space-inset";
3585
- readonly scrollPaddingInline: "space-inset";
3586
- readonly scrollPaddingInlineEnd: "space-inset";
3587
- readonly scrollPaddingInlineStart: "space-inset";
3588
- readonly scrollPaddingLeft: "space-inset";
3589
- readonly scrollPaddingRight: "space-inset";
3590
- readonly scrollPaddingTop: "space-inset";
3591
- readonly stroke: "colors";
3592
- readonly strokeWidth: "stroke-width";
3593
- readonly textDecorationColor: "colors";
3594
- readonly textShadow: "shadows";
3595
- readonly top: "space";
3596
- readonly transition: "transitions";
3597
- readonly width: "sizes";
3598
- readonly zIndex: "z-indices";
3599
- }, {
3600
- paddingX: (value: {
3645
+ };
3646
+ paddingY: (value: {
3647
+ readonly [$$PropertyValue]: "padding";
3648
+ }) => {
3649
+ paddingTop: {
3601
3650
  readonly [$$PropertyValue]: "padding";
3602
- }) => {
3603
- paddingLeft: {
3604
- readonly [$$PropertyValue]: "padding";
3605
- };
3606
- paddingRight: {
3607
- readonly [$$PropertyValue]: "padding";
3608
- };
3609
3651
  };
3610
- paddingY: (value: {
3652
+ paddingBottom: {
3611
3653
  readonly [$$PropertyValue]: "padding";
3612
- }) => {
3613
- paddingTop: {
3614
- readonly [$$PropertyValue]: "padding";
3615
- };
3616
- paddingBottom: {
3617
- readonly [$$PropertyValue]: "padding";
3618
- };
3619
3654
  };
3620
- marginX: (value: {
3655
+ };
3656
+ marginX: (value: {
3657
+ readonly [$$PropertyValue]: "margin";
3658
+ }) => {
3659
+ marginLeft: {
3621
3660
  readonly [$$PropertyValue]: "margin";
3622
- }) => {
3623
- marginLeft: {
3624
- readonly [$$PropertyValue]: "margin";
3625
- };
3626
- marginRight: {
3627
- readonly [$$PropertyValue]: "margin";
3628
- };
3629
3661
  };
3630
- marginY: (value: {
3662
+ marginRight: {
3631
3663
  readonly [$$PropertyValue]: "margin";
3632
- }) => {
3633
- marginTop: {
3634
- readonly [$$PropertyValue]: "margin";
3635
- };
3636
- marginBottom: {
3637
- readonly [$$PropertyValue]: "margin";
3638
- };
3639
3664
  };
3640
- square: (value: {
3665
+ };
3666
+ marginY: (value: {
3667
+ readonly [$$PropertyValue]: "margin";
3668
+ }) => {
3669
+ marginTop: {
3670
+ readonly [$$PropertyValue]: "margin";
3671
+ };
3672
+ marginBottom: {
3673
+ readonly [$$PropertyValue]: "margin";
3674
+ };
3675
+ };
3676
+ square: (value: {
3677
+ readonly [$$PropertyValue]: "width";
3678
+ }) => {
3679
+ width: {
3641
3680
  readonly [$$PropertyValue]: "width";
3642
- }) => {
3643
- width: {
3644
- readonly [$$PropertyValue]: "width";
3645
- };
3646
- height: {
3647
- readonly [$$PropertyValue]: "width";
3648
- };
3649
3681
  };
3650
- }> | undefined;
3651
- }>>> & {
3652
- children?: React__default.ReactNode;
3653
- } & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3682
+ height: {
3683
+ readonly [$$PropertyValue]: "width";
3684
+ };
3685
+ };
3686
+ }>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
3687
+ variants: {
3688
+ [name: string]: unknown;
3689
+ };
3690
+ } ? 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<{}, {
3654
3691
  'border-widths': {
3655
3692
  readonly none: 0;
3656
3693
  readonly sm: "1px";
@@ -3845,6 +3882,10 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
3845
3882
  readonly 800: "4rem";
3846
3883
  readonly 900: "4.5rem";
3847
3884
  };
3885
+ fonts: {
3886
+ readonly heading: "Roobert, sans-serif";
3887
+ readonly body: "Open Sans, sans-serif";
3888
+ };
3848
3889
  radii: {
3849
3890
  readonly none: 0;
3850
3891
  readonly half: "999em";
@@ -3899,6 +3940,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
3899
3940
  readonly 200: any;
3900
3941
  readonly 300: any;
3901
3942
  readonly 400: any;
3943
+ readonly 500: any;
3902
3944
  readonly 600: any;
3903
3945
  readonly 800: any;
3904
3946
  readonly 1200: any;