@vygruppen/spor-react 9.6.1 → 9.6.2
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 +6 -0
- package/dist/{CountryCodeSelect-2KOFVXIQ.mjs → CountryCodeSelect-EZTV452W.mjs} +1 -1
- package/dist/{chunk-XXA3IGVH.mjs → chunk-7VZBL2PP.mjs} +479 -309
- package/dist/index.d.mts +694 -1
- package/dist/index.d.ts +694 -1
- package/dist/index.js +548 -362
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/card/PressableCard.tsx +52 -0
- package/src/card/index.tsx +1 -0
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/pressable-card.ts +179 -0
- package/src/theme/components/static-card.ts +3 -2
package/dist/index.d.mts
CHANGED
|
@@ -464,6 +464,42 @@ 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";
|
|
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
|
+
|
|
467
503
|
/**
|
|
468
504
|
* A date picker component.
|
|
469
505
|
*
|
|
@@ -6942,6 +6978,15 @@ declare const theme: {
|
|
|
6942
6978
|
display: string;
|
|
6943
6979
|
borderRadius: string;
|
|
6944
6980
|
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;
|
|
6945
6990
|
}) | undefined;
|
|
6946
6991
|
sizes?: {
|
|
6947
6992
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
@@ -6955,6 +7000,654 @@ declare const theme: {
|
|
|
6955
7000
|
colorScheme?: string | undefined;
|
|
6956
7001
|
} | undefined;
|
|
6957
7002
|
};
|
|
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
|
+
};
|
|
6958
7651
|
TravelTag: {
|
|
6959
7652
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6960
7653
|
container: {
|
|
@@ -9040,4 +9733,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
9040
9733
|
**/
|
|
9041
9734
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
9042
9735
|
|
|
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 };
|
|
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, PressableCard, 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 };
|