@vygruppen/spor-react 9.6.0 → 9.6.1
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/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +11 -1
- package/dist/{CountryCodeSelect-EZTV452W.mjs → CountryCodeSelect-2KOFVXIQ.mjs} +1 -1
- package/dist/{chunk-7VZBL2PP.mjs → chunk-XXA3IGVH.mjs} +309 -479
- package/dist/index.d.mts +1 -694
- package/dist/index.d.ts +1 -694
- package/dist/index.js +362 -548
- package/dist/index.mjs +1 -1
- package/package.json +4 -4
- package/src/card/index.tsx +0 -1
- package/src/theme/components/index.ts +0 -1
- package/src/theme/components/static-card.ts +2 -3
- package/src/card/PressableCard.tsx +0 -52
- package/src/theme/components/pressable-card.ts +0 -179
package/dist/index.d.mts
CHANGED
@@ -464,42 +464,6 @@ declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, Card
|
|
464
464
|
*/
|
465
465
|
declare const StaticCard: ({ colorScheme, ...props }: any) => React.JSX.Element;
|
466
466
|
|
467
|
-
type PressableCardProps = Omit<BoxProps, "as"> & {
|
468
|
-
variant: "floating" | "accent" | "base";
|
469
|
-
size?: "sm" | "lg";
|
470
|
-
as: "button" | "a" | "label" | React.ComponentType;
|
471
|
-
};
|
472
|
-
/**
|
473
|
-
* Renders a Pressable card.
|
474
|
-
*
|
475
|
-
* The most basic version looks like this:
|
476
|
-
*
|
477
|
-
* ```tsx
|
478
|
-
* <PressableCard>
|
479
|
-
* Content
|
480
|
-
* </PressableCard>
|
481
|
-
* ```
|
482
|
-
*
|
483
|
-
* There are lots of color schemes available. You can also set the size as either `sm` or `lg`. The default is `sm`.
|
484
|
-
*
|
485
|
-
* ```tsx
|
486
|
-
* <PressableCard colorScheme="orange" size="lg">
|
487
|
-
* A smaller card
|
488
|
-
* </PressableCard>
|
489
|
-
* ```
|
490
|
-
*
|
491
|
-
* Pressable cards can also be rendered as button, link or label – like a li (list item) or an article.
|
492
|
-
* You do this by specifying the `as` prop. If no `as` is specified, button is chosen as default:
|
493
|
-
*
|
494
|
-
*
|
495
|
-
* ```tsx
|
496
|
-
* <PressableCard colorScheme="green" as="section">
|
497
|
-
* This is now a <section /> element
|
498
|
-
* </PressableCard>
|
499
|
-
* ```
|
500
|
-
*/
|
501
|
-
declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
|
502
|
-
|
503
467
|
/**
|
504
468
|
* A date picker component.
|
505
469
|
*
|
@@ -6978,15 +6942,6 @@ declare const theme: {
|
|
6978
6942
|
display: string;
|
6979
6943
|
borderRadius: string;
|
6980
6944
|
color: string;
|
6981
|
-
} | {
|
6982
|
-
color: string;
|
6983
|
-
backgroundColor: string;
|
6984
|
-
appearance: string;
|
6985
|
-
border: string;
|
6986
|
-
overflow: string;
|
6987
|
-
fontSize: string;
|
6988
|
-
display: string;
|
6989
|
-
borderRadius: string;
|
6990
6945
|
}) | undefined;
|
6991
6946
|
sizes?: {
|
6992
6947
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
@@ -7000,654 +6955,6 @@ declare const theme: {
|
|
7000
6955
|
colorScheme?: string | undefined;
|
7001
6956
|
} | undefined;
|
7002
6957
|
};
|
7003
|
-
PressableCard: {
|
7004
|
-
baseStyle?: ((props: any) => {
|
7005
|
-
_hover: {
|
7006
|
-
outline: string;
|
7007
|
-
outlineColor: string;
|
7008
|
-
backgroundColor: string;
|
7009
|
-
} | {
|
7010
|
-
_hover: {
|
7011
|
-
backgroundColor: string;
|
7012
|
-
};
|
7013
|
-
_active: {
|
7014
|
-
backgroundColor: string;
|
7015
|
-
};
|
7016
|
-
color: string;
|
7017
|
-
backgroundColor: string;
|
7018
|
-
};
|
7019
|
-
_disabled: {
|
7020
|
-
pointerEvents: string;
|
7021
|
-
color: string;
|
7022
|
-
outlineWidth: string;
|
7023
|
-
outlineColor: string;
|
7024
|
-
outlineStyle: string;
|
7025
|
-
outlineOffset: string;
|
7026
|
-
backgroundColor: string;
|
7027
|
-
} | {
|
7028
|
-
pointerEvents: string;
|
7029
|
-
color: string;
|
7030
|
-
outline: string;
|
7031
|
-
outlineColor: string;
|
7032
|
-
backgroundColor: string;
|
7033
|
-
};
|
7034
|
-
outline: string;
|
7035
|
-
outlineColor: string;
|
7036
|
-
backgroundColor: string;
|
7037
|
-
_focusVisible: {
|
7038
|
-
outlineWidth: string;
|
7039
|
-
outlineColor: string;
|
7040
|
-
outlineStyle: string;
|
7041
|
-
outlineOffset: string;
|
7042
|
-
};
|
7043
|
-
color: string;
|
7044
|
-
outlineWidth: string;
|
7045
|
-
outlineStyle: string;
|
7046
|
-
outlineOffset: string;
|
7047
|
-
appearance: string;
|
7048
|
-
border: string;
|
7049
|
-
overflow: string;
|
7050
|
-
fontSize: string;
|
7051
|
-
display: string;
|
7052
|
-
borderRadius: string;
|
7053
|
-
} | {
|
7054
|
-
_hover: {
|
7055
|
-
outline: string;
|
7056
|
-
outlineColor: string;
|
7057
|
-
backgroundColor: string;
|
7058
|
-
} | {
|
7059
|
-
_hover: {
|
7060
|
-
backgroundColor: string;
|
7061
|
-
};
|
7062
|
-
_active: {
|
7063
|
-
backgroundColor: string;
|
7064
|
-
};
|
7065
|
-
color: string;
|
7066
|
-
backgroundColor: string;
|
7067
|
-
};
|
7068
|
-
_disabled: {
|
7069
|
-
pointerEvents: string;
|
7070
|
-
color: string;
|
7071
|
-
outlineWidth: string;
|
7072
|
-
outlineColor: string;
|
7073
|
-
outlineStyle: string;
|
7074
|
-
outlineOffset: string;
|
7075
|
-
backgroundColor: string;
|
7076
|
-
} | {
|
7077
|
-
pointerEvents: string;
|
7078
|
-
color: string;
|
7079
|
-
outline: string;
|
7080
|
-
outlineColor: string;
|
7081
|
-
backgroundColor: string;
|
7082
|
-
};
|
7083
|
-
_active: {
|
7084
|
-
backgroundColor: string;
|
7085
|
-
};
|
7086
|
-
color: string;
|
7087
|
-
backgroundColor: string;
|
7088
|
-
_focusVisible: {
|
7089
|
-
outlineWidth: string;
|
7090
|
-
outlineColor: string;
|
7091
|
-
outlineStyle: string;
|
7092
|
-
outlineOffset: string;
|
7093
|
-
};
|
7094
|
-
outline: string;
|
7095
|
-
outlineColor: string;
|
7096
|
-
outlineWidth: string;
|
7097
|
-
outlineStyle: string;
|
7098
|
-
outlineOffset: string;
|
7099
|
-
appearance: string;
|
7100
|
-
border: string;
|
7101
|
-
overflow: string;
|
7102
|
-
fontSize: string;
|
7103
|
-
display: string;
|
7104
|
-
borderRadius: string;
|
7105
|
-
} | {
|
7106
|
-
_hover: {
|
7107
|
-
outline: string;
|
7108
|
-
outlineColor: string;
|
7109
|
-
backgroundColor: string;
|
7110
|
-
} | {
|
7111
|
-
_hover: {
|
7112
|
-
backgroundColor: string;
|
7113
|
-
};
|
7114
|
-
_active: {
|
7115
|
-
backgroundColor: string;
|
7116
|
-
};
|
7117
|
-
color: string;
|
7118
|
-
backgroundColor: string;
|
7119
|
-
};
|
7120
|
-
_disabled: {
|
7121
|
-
pointerEvents: string;
|
7122
|
-
color: string;
|
7123
|
-
outlineWidth: string;
|
7124
|
-
outlineColor: string;
|
7125
|
-
outlineStyle: string;
|
7126
|
-
outlineOffset: string;
|
7127
|
-
backgroundColor: string;
|
7128
|
-
} | {
|
7129
|
-
pointerEvents: string;
|
7130
|
-
color: string;
|
7131
|
-
outline: string;
|
7132
|
-
outlineColor: string;
|
7133
|
-
backgroundColor: string;
|
7134
|
-
};
|
7135
|
-
outline: string;
|
7136
|
-
outlineColor: string;
|
7137
|
-
backgroundColor: string;
|
7138
|
-
_focusVisible: {
|
7139
|
-
outlineWidth: string;
|
7140
|
-
outlineColor: string;
|
7141
|
-
outlineStyle: string;
|
7142
|
-
outlineOffset: string;
|
7143
|
-
};
|
7144
|
-
_active: {
|
7145
|
-
backgroundColor: string;
|
7146
|
-
};
|
7147
|
-
color: string;
|
7148
|
-
outlineWidth: string;
|
7149
|
-
outlineStyle: string;
|
7150
|
-
outlineOffset: string;
|
7151
|
-
appearance: string;
|
7152
|
-
border: string;
|
7153
|
-
overflow: string;
|
7154
|
-
fontSize: string;
|
7155
|
-
display: string;
|
7156
|
-
borderRadius: string;
|
7157
|
-
} | {
|
7158
|
-
_hover: {
|
7159
|
-
outline: string;
|
7160
|
-
outlineColor: string;
|
7161
|
-
backgroundColor: string;
|
7162
|
-
} | {
|
7163
|
-
_hover: {
|
7164
|
-
backgroundColor: string;
|
7165
|
-
};
|
7166
|
-
_active: {
|
7167
|
-
backgroundColor: string;
|
7168
|
-
};
|
7169
|
-
color: string;
|
7170
|
-
backgroundColor: string;
|
7171
|
-
};
|
7172
|
-
_disabled: {
|
7173
|
-
pointerEvents: string;
|
7174
|
-
color: string;
|
7175
|
-
outlineWidth: string;
|
7176
|
-
outlineColor: string;
|
7177
|
-
outlineStyle: string;
|
7178
|
-
outlineOffset: string;
|
7179
|
-
backgroundColor: string;
|
7180
|
-
} | {
|
7181
|
-
pointerEvents: string;
|
7182
|
-
color: string;
|
7183
|
-
outline: string;
|
7184
|
-
outlineColor: string;
|
7185
|
-
backgroundColor: string;
|
7186
|
-
};
|
7187
|
-
_active: {
|
7188
|
-
backgroundColor: string;
|
7189
|
-
};
|
7190
|
-
color: string;
|
7191
|
-
backgroundColor: string;
|
7192
|
-
_focusVisible: {
|
7193
|
-
outlineWidth: string;
|
7194
|
-
outlineColor: string;
|
7195
|
-
outlineStyle: string;
|
7196
|
-
outlineOffset: string;
|
7197
|
-
};
|
7198
|
-
outlineWidth: string;
|
7199
|
-
outlineColor: string;
|
7200
|
-
outlineStyle: string;
|
7201
|
-
outlineOffset: string;
|
7202
|
-
appearance: string;
|
7203
|
-
border: string;
|
7204
|
-
overflow: string;
|
7205
|
-
fontSize: string;
|
7206
|
-
display: string;
|
7207
|
-
borderRadius: string;
|
7208
|
-
} | {
|
7209
|
-
_hover: {
|
7210
|
-
outline: string;
|
7211
|
-
outlineColor: string;
|
7212
|
-
backgroundColor: string;
|
7213
|
-
} | {
|
7214
|
-
_hover: {
|
7215
|
-
backgroundColor: string;
|
7216
|
-
};
|
7217
|
-
_active: {
|
7218
|
-
backgroundColor: string;
|
7219
|
-
};
|
7220
|
-
color: string;
|
7221
|
-
backgroundColor: string;
|
7222
|
-
};
|
7223
|
-
_disabled: {
|
7224
|
-
pointerEvents: string;
|
7225
|
-
color: string;
|
7226
|
-
outlineWidth: string;
|
7227
|
-
outlineColor: string;
|
7228
|
-
outlineStyle: string;
|
7229
|
-
outlineOffset: string;
|
7230
|
-
backgroundColor: string;
|
7231
|
-
} | {
|
7232
|
-
pointerEvents: string;
|
7233
|
-
color: string;
|
7234
|
-
outline: string;
|
7235
|
-
outlineColor: string;
|
7236
|
-
backgroundColor: string;
|
7237
|
-
};
|
7238
|
-
outline: string;
|
7239
|
-
outlineColor: string;
|
7240
|
-
backgroundColor: string;
|
7241
|
-
_focusVisible: {
|
7242
|
-
outlineWidth: string;
|
7243
|
-
outlineColor: string;
|
7244
|
-
outlineStyle: string;
|
7245
|
-
outlineOffset: string;
|
7246
|
-
};
|
7247
|
-
color: string;
|
7248
|
-
appearance: string;
|
7249
|
-
border: string;
|
7250
|
-
overflow: string;
|
7251
|
-
fontSize: string;
|
7252
|
-
display: string;
|
7253
|
-
borderRadius: string;
|
7254
|
-
} | {
|
7255
|
-
_hover: {
|
7256
|
-
outline: string;
|
7257
|
-
outlineColor: string;
|
7258
|
-
backgroundColor: string;
|
7259
|
-
} | {
|
7260
|
-
_hover: {
|
7261
|
-
backgroundColor: string;
|
7262
|
-
};
|
7263
|
-
_active: {
|
7264
|
-
backgroundColor: string;
|
7265
|
-
};
|
7266
|
-
color: string;
|
7267
|
-
backgroundColor: string;
|
7268
|
-
};
|
7269
|
-
_disabled: {
|
7270
|
-
pointerEvents: string;
|
7271
|
-
color: string;
|
7272
|
-
outlineWidth: string;
|
7273
|
-
outlineColor: string;
|
7274
|
-
outlineStyle: string;
|
7275
|
-
outlineOffset: string;
|
7276
|
-
backgroundColor: string;
|
7277
|
-
} | {
|
7278
|
-
pointerEvents: string;
|
7279
|
-
color: string;
|
7280
|
-
outline: string;
|
7281
|
-
outlineColor: string;
|
7282
|
-
backgroundColor: string;
|
7283
|
-
};
|
7284
|
-
_active: {
|
7285
|
-
backgroundColor: string;
|
7286
|
-
};
|
7287
|
-
color: string;
|
7288
|
-
backgroundColor: string;
|
7289
|
-
_focusVisible: {
|
7290
|
-
outlineWidth: string;
|
7291
|
-
outlineColor: string;
|
7292
|
-
outlineStyle: string;
|
7293
|
-
outlineOffset: string;
|
7294
|
-
};
|
7295
|
-
outline: string;
|
7296
|
-
outlineColor: string;
|
7297
|
-
appearance: string;
|
7298
|
-
border: string;
|
7299
|
-
overflow: string;
|
7300
|
-
fontSize: string;
|
7301
|
-
display: string;
|
7302
|
-
borderRadius: string;
|
7303
|
-
} | {
|
7304
|
-
_hover: {
|
7305
|
-
outline: string;
|
7306
|
-
outlineColor: string;
|
7307
|
-
backgroundColor: string;
|
7308
|
-
} | {
|
7309
|
-
_hover: {
|
7310
|
-
backgroundColor: string;
|
7311
|
-
};
|
7312
|
-
_active: {
|
7313
|
-
backgroundColor: string;
|
7314
|
-
};
|
7315
|
-
color: string;
|
7316
|
-
backgroundColor: string;
|
7317
|
-
};
|
7318
|
-
_disabled: {
|
7319
|
-
pointerEvents: string;
|
7320
|
-
color: string;
|
7321
|
-
outlineWidth: string;
|
7322
|
-
outlineColor: string;
|
7323
|
-
outlineStyle: string;
|
7324
|
-
outlineOffset: string;
|
7325
|
-
backgroundColor: string;
|
7326
|
-
} | {
|
7327
|
-
pointerEvents: string;
|
7328
|
-
color: string;
|
7329
|
-
outline: string;
|
7330
|
-
outlineColor: string;
|
7331
|
-
backgroundColor: string;
|
7332
|
-
};
|
7333
|
-
outline: string;
|
7334
|
-
outlineColor: string;
|
7335
|
-
backgroundColor: string;
|
7336
|
-
_focusVisible: {
|
7337
|
-
outlineWidth: string;
|
7338
|
-
outlineColor: string;
|
7339
|
-
outlineStyle: string;
|
7340
|
-
outlineOffset: string;
|
7341
|
-
};
|
7342
|
-
_active: {
|
7343
|
-
backgroundColor: string;
|
7344
|
-
};
|
7345
|
-
color: string;
|
7346
|
-
appearance: string;
|
7347
|
-
border: string;
|
7348
|
-
overflow: string;
|
7349
|
-
fontSize: string;
|
7350
|
-
display: string;
|
7351
|
-
borderRadius: string;
|
7352
|
-
} | {
|
7353
|
-
_hover: {
|
7354
|
-
outline: string;
|
7355
|
-
outlineColor: string;
|
7356
|
-
backgroundColor: string;
|
7357
|
-
} | {
|
7358
|
-
_hover: {
|
7359
|
-
backgroundColor: string;
|
7360
|
-
};
|
7361
|
-
_active: {
|
7362
|
-
backgroundColor: string;
|
7363
|
-
};
|
7364
|
-
color: string;
|
7365
|
-
backgroundColor: string;
|
7366
|
-
};
|
7367
|
-
_disabled: {
|
7368
|
-
pointerEvents: string;
|
7369
|
-
color: string;
|
7370
|
-
outlineWidth: string;
|
7371
|
-
outlineColor: string;
|
7372
|
-
outlineStyle: string;
|
7373
|
-
outlineOffset: string;
|
7374
|
-
backgroundColor: string;
|
7375
|
-
} | {
|
7376
|
-
pointerEvents: string;
|
7377
|
-
color: string;
|
7378
|
-
outline: string;
|
7379
|
-
outlineColor: string;
|
7380
|
-
backgroundColor: string;
|
7381
|
-
};
|
7382
|
-
_active: {
|
7383
|
-
backgroundColor: string;
|
7384
|
-
};
|
7385
|
-
color: string;
|
7386
|
-
backgroundColor: string;
|
7387
|
-
_focusVisible: {
|
7388
|
-
outlineWidth: string;
|
7389
|
-
outlineColor: string;
|
7390
|
-
outlineStyle: string;
|
7391
|
-
outlineOffset: string;
|
7392
|
-
};
|
7393
|
-
outline: string;
|
7394
|
-
outlineColor: string;
|
7395
|
-
appearance: string;
|
7396
|
-
border: string;
|
7397
|
-
overflow: string;
|
7398
|
-
fontSize: string;
|
7399
|
-
display: string;
|
7400
|
-
borderRadius: string;
|
7401
|
-
} | {
|
7402
|
-
_hover: {
|
7403
|
-
outline: string;
|
7404
|
-
outlineColor: string;
|
7405
|
-
backgroundColor: string;
|
7406
|
-
} | {
|
7407
|
-
_hover: {
|
7408
|
-
backgroundColor: string;
|
7409
|
-
};
|
7410
|
-
_active: {
|
7411
|
-
backgroundColor: string;
|
7412
|
-
};
|
7413
|
-
color: string;
|
7414
|
-
backgroundColor: string;
|
7415
|
-
};
|
7416
|
-
_disabled: {
|
7417
|
-
pointerEvents: string;
|
7418
|
-
color: string;
|
7419
|
-
outlineWidth: string;
|
7420
|
-
outlineColor: string;
|
7421
|
-
outlineStyle: string;
|
7422
|
-
outlineOffset: string;
|
7423
|
-
backgroundColor: string;
|
7424
|
-
} | {
|
7425
|
-
pointerEvents: string;
|
7426
|
-
color: string;
|
7427
|
-
outline: string;
|
7428
|
-
outlineColor: string;
|
7429
|
-
backgroundColor: string;
|
7430
|
-
};
|
7431
|
-
outline: string;
|
7432
|
-
outlineColor: string;
|
7433
|
-
backgroundColor: string;
|
7434
|
-
_focusVisible: {
|
7435
|
-
outlineWidth: string;
|
7436
|
-
outlineColor: string;
|
7437
|
-
outlineStyle: string;
|
7438
|
-
outlineOffset: string;
|
7439
|
-
};
|
7440
|
-
_active: {
|
7441
|
-
backgroundColor: string;
|
7442
|
-
};
|
7443
|
-
color: string;
|
7444
|
-
appearance: string;
|
7445
|
-
border: string;
|
7446
|
-
overflow: string;
|
7447
|
-
fontSize: string;
|
7448
|
-
display: string;
|
7449
|
-
borderRadius: string;
|
7450
|
-
} | {
|
7451
|
-
_hover: {
|
7452
|
-
outline: string;
|
7453
|
-
outlineColor: string;
|
7454
|
-
backgroundColor: string;
|
7455
|
-
} | {
|
7456
|
-
_hover: {
|
7457
|
-
backgroundColor: string;
|
7458
|
-
};
|
7459
|
-
_active: {
|
7460
|
-
backgroundColor: string;
|
7461
|
-
};
|
7462
|
-
color: string;
|
7463
|
-
backgroundColor: string;
|
7464
|
-
};
|
7465
|
-
_disabled: {
|
7466
|
-
pointerEvents: string;
|
7467
|
-
color: string;
|
7468
|
-
outlineWidth: string;
|
7469
|
-
outlineColor: string;
|
7470
|
-
outlineStyle: string;
|
7471
|
-
outlineOffset: string;
|
7472
|
-
backgroundColor: string;
|
7473
|
-
} | {
|
7474
|
-
pointerEvents: string;
|
7475
|
-
color: string;
|
7476
|
-
outline: string;
|
7477
|
-
outlineColor: string;
|
7478
|
-
backgroundColor: string;
|
7479
|
-
};
|
7480
|
-
_active: {
|
7481
|
-
backgroundColor: string;
|
7482
|
-
};
|
7483
|
-
color: string;
|
7484
|
-
backgroundColor: string;
|
7485
|
-
_focusVisible: {
|
7486
|
-
outlineWidth: string;
|
7487
|
-
outlineColor: string;
|
7488
|
-
outlineStyle: string;
|
7489
|
-
outlineOffset: string;
|
7490
|
-
};
|
7491
|
-
outline: string;
|
7492
|
-
outlineColor: string;
|
7493
|
-
appearance: string;
|
7494
|
-
border: string;
|
7495
|
-
overflow: string;
|
7496
|
-
fontSize: string;
|
7497
|
-
display: string;
|
7498
|
-
borderRadius: string;
|
7499
|
-
} | {
|
7500
|
-
_hover: {
|
7501
|
-
outline: string;
|
7502
|
-
outlineColor: string;
|
7503
|
-
backgroundColor: string;
|
7504
|
-
} | {
|
7505
|
-
_hover: {
|
7506
|
-
backgroundColor: string;
|
7507
|
-
};
|
7508
|
-
_active: {
|
7509
|
-
backgroundColor: string;
|
7510
|
-
};
|
7511
|
-
color: string;
|
7512
|
-
backgroundColor: string;
|
7513
|
-
};
|
7514
|
-
_disabled: {
|
7515
|
-
pointerEvents: string;
|
7516
|
-
color: string;
|
7517
|
-
outlineWidth: string;
|
7518
|
-
outlineColor: string;
|
7519
|
-
outlineStyle: string;
|
7520
|
-
outlineOffset: string;
|
7521
|
-
backgroundColor: string;
|
7522
|
-
} | {
|
7523
|
-
pointerEvents: string;
|
7524
|
-
color: string;
|
7525
|
-
outline: string;
|
7526
|
-
outlineColor: string;
|
7527
|
-
backgroundColor: string;
|
7528
|
-
};
|
7529
|
-
outline: string;
|
7530
|
-
outlineColor: string;
|
7531
|
-
backgroundColor: string;
|
7532
|
-
_focusVisible: {
|
7533
|
-
outlineWidth: string;
|
7534
|
-
outlineColor: string;
|
7535
|
-
outlineStyle: string;
|
7536
|
-
outlineOffset: string;
|
7537
|
-
};
|
7538
|
-
_active: {
|
7539
|
-
backgroundColor: string;
|
7540
|
-
};
|
7541
|
-
color: string;
|
7542
|
-
appearance: string;
|
7543
|
-
border: string;
|
7544
|
-
overflow: string;
|
7545
|
-
fontSize: string;
|
7546
|
-
display: string;
|
7547
|
-
borderRadius: string;
|
7548
|
-
} | {
|
7549
|
-
_hover: {
|
7550
|
-
outline: string;
|
7551
|
-
outlineColor: string;
|
7552
|
-
backgroundColor: string;
|
7553
|
-
} | {
|
7554
|
-
_hover: {
|
7555
|
-
backgroundColor: string;
|
7556
|
-
};
|
7557
|
-
_active: {
|
7558
|
-
backgroundColor: string;
|
7559
|
-
};
|
7560
|
-
color: string;
|
7561
|
-
backgroundColor: string;
|
7562
|
-
};
|
7563
|
-
_disabled: {
|
7564
|
-
pointerEvents: string;
|
7565
|
-
color: string;
|
7566
|
-
outlineWidth: string;
|
7567
|
-
outlineColor: string;
|
7568
|
-
outlineStyle: string;
|
7569
|
-
outlineOffset: string;
|
7570
|
-
backgroundColor: string;
|
7571
|
-
} | {
|
7572
|
-
pointerEvents: string;
|
7573
|
-
color: string;
|
7574
|
-
outline: string;
|
7575
|
-
outlineColor: string;
|
7576
|
-
backgroundColor: string;
|
7577
|
-
};
|
7578
|
-
_active: {
|
7579
|
-
backgroundColor: string;
|
7580
|
-
};
|
7581
|
-
color: string;
|
7582
|
-
backgroundColor: string;
|
7583
|
-
_focusVisible: {
|
7584
|
-
outlineWidth: string;
|
7585
|
-
outlineColor: string;
|
7586
|
-
outlineStyle: string;
|
7587
|
-
outlineOffset: string;
|
7588
|
-
};
|
7589
|
-
appearance: string;
|
7590
|
-
border: string;
|
7591
|
-
overflow: string;
|
7592
|
-
fontSize: string;
|
7593
|
-
display: string;
|
7594
|
-
borderRadius: string;
|
7595
|
-
}) | undefined;
|
7596
|
-
sizes?: {
|
7597
|
-
sm: {
|
7598
|
-
boxShadow: string;
|
7599
|
-
_hover: {
|
7600
|
-
boxShadow: string;
|
7601
|
-
};
|
7602
|
-
_active: {
|
7603
|
-
boxShadow: string;
|
7604
|
-
};
|
7605
|
-
};
|
7606
|
-
lg: {
|
7607
|
-
boxShadow: string;
|
7608
|
-
_hover: {
|
7609
|
-
boxShadow: string;
|
7610
|
-
};
|
7611
|
-
_active: {
|
7612
|
-
boxShadow: string;
|
7613
|
-
};
|
7614
|
-
};
|
7615
|
-
} | undefined;
|
7616
|
-
variants?: {
|
7617
|
-
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
7618
|
-
_hover: {
|
7619
|
-
backgroundColor: string;
|
7620
|
-
};
|
7621
|
-
_active: {
|
7622
|
-
backgroundColor: string;
|
7623
|
-
};
|
7624
|
-
backgroundColor: string;
|
7625
|
-
};
|
7626
|
-
accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
7627
|
-
_hover: {
|
7628
|
-
backgroundColor: string;
|
7629
|
-
};
|
7630
|
-
_active: {
|
7631
|
-
backgroundColor: string;
|
7632
|
-
};
|
7633
|
-
backgroundColor: string;
|
7634
|
-
};
|
7635
|
-
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
7636
|
-
_hover: {
|
7637
|
-
backgroundColor: string;
|
7638
|
-
};
|
7639
|
-
_active: {
|
7640
|
-
backgroundColor: string;
|
7641
|
-
};
|
7642
|
-
backgroundColor: string;
|
7643
|
-
};
|
7644
|
-
} | undefined;
|
7645
|
-
defaultProps?: {
|
7646
|
-
size?: "sm" | "lg" | undefined;
|
7647
|
-
variant?: "base" | "floating" | "accent" | undefined;
|
7648
|
-
colorScheme?: string | undefined;
|
7649
|
-
} | undefined;
|
7650
|
-
};
|
7651
6958
|
TravelTag: {
|
7652
6959
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
7653
6960
|
container: {
|
@@ -9733,4 +9040,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
9733
9040
|
**/
|
9734
9041
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
9735
9042
|
|
9736
|
-
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton,
|
9043
|
+
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };
|