@vygruppen/spor-react 9.11.0 → 9.11.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.
Files changed (14) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +6 -0
  3. package/dist/{CountryCodeSelect-633P6ZEW.mjs → CountryCodeSelect-KU4HQMG3.mjs} +1 -1
  4. package/dist/{chunk-RR7HZ3VH.mjs → chunk-PA6EOPOZ.mjs} +20 -14
  5. package/dist/index.d.mts +167 -162
  6. package/dist/index.d.ts +167 -162
  7. package/dist/index.js +28 -15
  8. package/dist/index.mjs +1 -1
  9. package/package.json +2 -2
  10. package/src/logo/VyLogo.tsx +4 -90
  11. package/src/logo/VyLogoDefault.tsx +104 -0
  12. package/src/logo/VyLogoPride.tsx +4 -4
  13. package/src/logo/index.tsx +1 -0
  14. package/types.d.ts +3 -0
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import tokens__default from '@vygruppen/spor-design-tokens';
2
1
  import * as tokens from '@vygruppen/spor-design-tokens';
3
2
  export { tokens };
4
3
  import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
@@ -1938,6 +1937,16 @@ type VyLogoPrideProps = {
1938
1937
  } & BoxProps;
1939
1938
  declare const VyLogoPride: ({ colorScheme, ...boxProps }: VyLogoPrideProps) => React.JSX.Element;
1940
1939
 
1940
+ type VyLogoDefaultProps = {
1941
+ /** The color of the logo
1942
+ *
1943
+ * Use `"light"` when the logo is used on a light background.
1944
+ * Use `"dark"` when the logo is used on a dark background.
1945
+ */
1946
+ colorScheme: "light" | "dark";
1947
+ } & BoxProps;
1948
+ declare const VyLogoDefault: ({ colorScheme, ...boxProps }: VyLogoDefaultProps) => React.JSX.Element;
1949
+
1941
1950
  type JumpButtonProps = BoxProps & {
1942
1951
  onClick: () => void;
1943
1952
  "aria-label"?: string;
@@ -2347,48 +2356,6 @@ type TableProps = Omit<TableProps$1, "variant" | "colorScheme"> & {
2347
2356
  */
2348
2357
  declare const Table: _chakra_ui_system_dist_system_types.ComponentWithAs<"table", TableProps>;
2349
2358
 
2350
- type ColorsType = typeof tokens__default.color.alias & typeof tokens__default.color.palette & typeof tokens__default.color.vyDigital & {
2351
- linjetag: typeof tokens__default.color.linjetag;
2352
- };
2353
-
2354
- declare const textStyles: {
2355
- "2xl": {
2356
- fontSize: (string | null)[];
2357
- fontFamily: string;
2358
- lineHeight: string;
2359
- };
2360
- "xl-display": {
2361
- fontSize: (string | null)[];
2362
- fontFamily: string;
2363
- lineHeight: string;
2364
- };
2365
- "xl-sans": {
2366
- fontSize: (string | null)[];
2367
- fontFamily: string;
2368
- lineHeight: string;
2369
- };
2370
- lg: {
2371
- fontSize: (string | null)[];
2372
- fontFamily: string;
2373
- lineHeight: string;
2374
- };
2375
- md: {
2376
- fontSize: (string | null)[];
2377
- fontFamily: string;
2378
- lineHeight: string;
2379
- };
2380
- sm: {
2381
- fontSize: (string | null)[];
2382
- fontFamily: string;
2383
- lineHeight: string;
2384
- };
2385
- xs: {
2386
- fontSize: (string | null)[];
2387
- fontFamily: string;
2388
- lineHeight: string;
2389
- };
2390
- };
2391
-
2392
2359
  /** A string of CSS that should be injected in the global CSS space */
2393
2360
  declare const fontFaces: string;
2394
2361
 
@@ -2969,16 +2936,16 @@ declare const theme: {
2969
2936
  outlineColor: string;
2970
2937
  backgroundColor?: undefined;
2971
2938
  } | {
2972
- backgroundColor: string;
2973
- outlineColor: string;
2939
+ backgroundColor: any;
2940
+ outlineColor: any;
2974
2941
  };
2975
2942
  _active: {
2976
2943
  outline: string;
2977
2944
  outlineColor: string;
2978
2945
  backgroundColor: string;
2979
2946
  } | {
2980
- backgroundColor: string;
2981
- outlineColor: string;
2947
+ backgroundColor: any;
2948
+ outlineColor: any;
2982
2949
  };
2983
2950
  _disabled: {
2984
2951
  pointerEvents: string;
@@ -3013,16 +2980,16 @@ declare const theme: {
3013
2980
  outlineColor: string;
3014
2981
  backgroundColor?: undefined;
3015
2982
  } | {
3016
- backgroundColor: string;
3017
- outlineColor: string;
2983
+ backgroundColor: any;
2984
+ outlineColor: any;
3018
2985
  };
3019
2986
  _active: {
3020
2987
  outline: string;
3021
2988
  outlineColor: string;
3022
2989
  backgroundColor: string;
3023
2990
  } | {
3024
- backgroundColor: string;
3025
- outlineColor: string;
2991
+ backgroundColor: any;
2992
+ outlineColor: any;
3026
2993
  };
3027
2994
  _disabled: {
3028
2995
  pointerEvents: string;
@@ -3057,16 +3024,16 @@ declare const theme: {
3057
3024
  outlineColor: string;
3058
3025
  backgroundColor?: undefined;
3059
3026
  } | {
3060
- backgroundColor: string;
3061
- outlineColor: string;
3027
+ backgroundColor: any;
3028
+ outlineColor: any;
3062
3029
  };
3063
3030
  _active: {
3064
3031
  outline: string;
3065
3032
  outlineColor: string;
3066
3033
  backgroundColor: string;
3067
3034
  } | {
3068
- backgroundColor: string;
3069
- outlineColor: string;
3035
+ backgroundColor: any;
3036
+ outlineColor: any;
3070
3037
  };
3071
3038
  _disabled: {
3072
3039
  pointerEvents: string;
@@ -3089,8 +3056,8 @@ declare const theme: {
3089
3056
  outlineStyle: string;
3090
3057
  outlineOffset: string;
3091
3058
  };
3092
- backgroundColor: string;
3093
- outlineColor: string;
3059
+ backgroundColor: any;
3060
+ outlineColor: any;
3094
3061
  outline: string;
3095
3062
  };
3096
3063
  backgroundColor: string;
@@ -3117,16 +3084,16 @@ declare const theme: {
3117
3084
  outlineColor: string;
3118
3085
  backgroundColor?: undefined;
3119
3086
  } | {
3120
- backgroundColor: string;
3121
- outlineColor: string;
3087
+ backgroundColor: any;
3088
+ outlineColor: any;
3122
3089
  };
3123
3090
  _active: {
3124
3091
  outline: string;
3125
3092
  outlineColor: string;
3126
3093
  backgroundColor: string;
3127
3094
  } | {
3128
- backgroundColor: string;
3129
- outlineColor: string;
3095
+ backgroundColor: any;
3096
+ outlineColor: any;
3130
3097
  };
3131
3098
  _disabled: {
3132
3099
  pointerEvents: string;
@@ -3161,16 +3128,16 @@ declare const theme: {
3161
3128
  outlineColor: string;
3162
3129
  backgroundColor?: undefined;
3163
3130
  } | {
3164
- backgroundColor: string;
3165
- outlineColor: string;
3131
+ backgroundColor: any;
3132
+ outlineColor: any;
3166
3133
  };
3167
3134
  _active: {
3168
3135
  outline: string;
3169
3136
  outlineColor: string;
3170
3137
  backgroundColor: string;
3171
3138
  } | {
3172
- backgroundColor: string;
3173
- outlineColor: string;
3139
+ backgroundColor: any;
3140
+ outlineColor: any;
3174
3141
  };
3175
3142
  _disabled: {
3176
3143
  pointerEvents: string;
@@ -3205,16 +3172,16 @@ declare const theme: {
3205
3172
  outlineColor: string;
3206
3173
  backgroundColor?: undefined;
3207
3174
  } | {
3208
- backgroundColor: string;
3209
- outlineColor: string;
3175
+ backgroundColor: any;
3176
+ outlineColor: any;
3210
3177
  };
3211
3178
  _active: {
3212
3179
  outline: string;
3213
3180
  outlineColor: string;
3214
3181
  backgroundColor: string;
3215
3182
  } | {
3216
- backgroundColor: string;
3217
- outlineColor: string;
3183
+ backgroundColor: any;
3184
+ outlineColor: any;
3218
3185
  };
3219
3186
  _disabled: {
3220
3187
  pointerEvents: string;
@@ -3237,8 +3204,8 @@ declare const theme: {
3237
3204
  outlineStyle: string;
3238
3205
  outlineOffset: string;
3239
3206
  };
3240
- backgroundColor: string;
3241
- outlineColor: string;
3207
+ backgroundColor: any;
3208
+ outlineColor: any;
3242
3209
  outline: string;
3243
3210
  };
3244
3211
  backgroundColor: string;
@@ -3263,16 +3230,16 @@ declare const theme: {
3263
3230
  outlineColor: string;
3264
3231
  backgroundColor?: undefined;
3265
3232
  } | {
3266
- backgroundColor: string;
3267
- outlineColor: string;
3233
+ backgroundColor: any;
3234
+ outlineColor: any;
3268
3235
  };
3269
3236
  _active: {
3270
3237
  outline: string;
3271
3238
  outlineColor: string;
3272
3239
  backgroundColor: string;
3273
3240
  } | {
3274
- backgroundColor: string;
3275
- outlineColor: string;
3241
+ backgroundColor: any;
3242
+ outlineColor: any;
3276
3243
  };
3277
3244
  _disabled: {
3278
3245
  pointerEvents: string;
@@ -3307,16 +3274,16 @@ declare const theme: {
3307
3274
  outlineColor: string;
3308
3275
  backgroundColor?: undefined;
3309
3276
  } | {
3310
- backgroundColor: string;
3311
- outlineColor: string;
3277
+ backgroundColor: any;
3278
+ outlineColor: any;
3312
3279
  };
3313
3280
  _active: {
3314
3281
  outline: string;
3315
3282
  outlineColor: string;
3316
3283
  backgroundColor: string;
3317
3284
  } | {
3318
- backgroundColor: string;
3319
- outlineColor: string;
3285
+ backgroundColor: any;
3286
+ outlineColor: any;
3320
3287
  };
3321
3288
  _disabled: {
3322
3289
  pointerEvents: string;
@@ -3351,16 +3318,16 @@ declare const theme: {
3351
3318
  outlineColor: string;
3352
3319
  backgroundColor?: undefined;
3353
3320
  } | {
3354
- backgroundColor: string;
3355
- outlineColor: string;
3321
+ backgroundColor: any;
3322
+ outlineColor: any;
3356
3323
  };
3357
3324
  _active: {
3358
3325
  outline: string;
3359
3326
  outlineColor: string;
3360
3327
  backgroundColor: string;
3361
3328
  } | {
3362
- backgroundColor: string;
3363
- outlineColor: string;
3329
+ backgroundColor: any;
3330
+ outlineColor: any;
3364
3331
  };
3365
3332
  _disabled: {
3366
3333
  pointerEvents: string;
@@ -3383,11 +3350,11 @@ declare const theme: {
3383
3350
  outlineStyle: string;
3384
3351
  outlineOffset: string;
3385
3352
  };
3386
- backgroundColor: string;
3387
- outlineColor: string;
3353
+ backgroundColor: any;
3354
+ outlineColor: any;
3388
3355
  outline: string;
3389
3356
  };
3390
- backgroundColor: string;
3357
+ backgroundColor: any;
3391
3358
  appearance: string;
3392
3359
  border: string;
3393
3360
  overflow: string;
@@ -3964,7 +3931,7 @@ declare const theme: {
3964
3931
  paddingY: number;
3965
3932
  alignItems: string;
3966
3933
  _hover: {
3967
- zIndex: number;
3934
+ zIndex: any;
3968
3935
  };
3969
3936
  _disabled: {
3970
3937
  backgroundColor: string;
@@ -7319,7 +7286,7 @@ declare const theme: {
7319
7286
  display: string;
7320
7287
  borderRadius: string;
7321
7288
  } | {
7322
- backgroundColor: string;
7289
+ backgroundColor: any;
7323
7290
  _focusVisible: {
7324
7291
  outlineWidth: string;
7325
7292
  outlineColor: string;
@@ -8983,13 +8950,13 @@ declare const theme: {
8983
8950
  };
8984
8951
  breakpoints: {
8985
8952
  base: string;
8986
- sm: string;
8987
- md: string;
8988
- lg: string;
8989
- xl: string;
8990
- "2xl": string;
8953
+ sm: any;
8954
+ md: any;
8955
+ lg: any;
8956
+ xl: any;
8957
+ "2xl": any;
8991
8958
  };
8992
- colors: ColorsType;
8959
+ colors: any;
8993
8960
  config: {
8994
8961
  cssVarPrefix: string;
8995
8962
  initialColorMode: string;
@@ -9001,29 +8968,29 @@ declare const theme: {
9001
8968
  mono: string;
9002
8969
  };
9003
8970
  fontSizes: {
9004
- "2xs": string;
9005
- xs: string;
9006
- sm: string;
9007
- md: string;
9008
- lg: string;
9009
- xl: string;
9010
- "2xl": string;
9011
- "3xl": string;
8971
+ "2xs": any;
8972
+ xs: any;
8973
+ sm: any;
8974
+ md: any;
8975
+ lg: any;
8976
+ xl: any;
8977
+ "2xl": any;
8978
+ "3xl": any;
9012
8979
  mobile: {
9013
- xs: string;
9014
- sm: string;
9015
- md: string;
9016
- lg: string;
9017
- xl: string;
9018
- xxl: string;
8980
+ xs: any;
8981
+ sm: any;
8982
+ md: any;
8983
+ lg: any;
8984
+ xl: any;
8985
+ xxl: any;
9019
8986
  };
9020
8987
  desktop: {
9021
- xs: string;
9022
- sm: string;
9023
- md: string;
9024
- lg: string;
9025
- xl: string;
9026
- xxl: string;
8988
+ xs: any;
8989
+ sm: any;
8990
+ md: any;
8991
+ lg: any;
8992
+ xl: any;
8993
+ xxl: any;
9027
8994
  };
9028
8995
  };
9029
8996
  fontWeights: {
@@ -9032,24 +8999,24 @@ declare const theme: {
9032
8999
  bold: number;
9033
9000
  };
9034
9001
  lineHeights: {
9035
- base: string;
9036
- normal: string;
9002
+ base: any;
9003
+ normal: any;
9037
9004
  };
9038
9005
  radii: {
9039
- none: string;
9040
- xs: string;
9041
- sm: string;
9042
- md: string;
9043
- lg: string;
9044
- xl: string;
9045
- "2xl": string;
9006
+ none: any;
9007
+ xs: any;
9008
+ sm: any;
9009
+ md: any;
9010
+ lg: any;
9011
+ xl: any;
9012
+ "2xl": any;
9046
9013
  round: string;
9047
9014
  };
9048
9015
  shadows: {
9049
9016
  none: string;
9050
- sm: string;
9051
- md: string;
9052
- lg: string;
9017
+ sm: any;
9018
+ md: any;
9019
+ lg: any;
9053
9020
  };
9054
9021
  sizes: {
9055
9022
  container: {
@@ -9247,55 +9214,55 @@ declare const theme: {
9247
9214
  }, string>;
9248
9215
  textStyles: {
9249
9216
  "2xl": {
9250
- fontSize: (string | null)[];
9251
- fontFamily: string;
9252
- lineHeight: string;
9217
+ fontSize: any[];
9218
+ fontFamily: any;
9219
+ lineHeight: any;
9253
9220
  };
9254
9221
  "xl-display": {
9255
- fontSize: (string | null)[];
9256
- fontFamily: string;
9257
- lineHeight: string;
9222
+ fontSize: any[];
9223
+ fontFamily: any;
9224
+ lineHeight: any;
9258
9225
  };
9259
9226
  "xl-sans": {
9260
- fontSize: (string | null)[];
9261
- fontFamily: string;
9262
- lineHeight: string;
9227
+ fontSize: any[];
9228
+ fontFamily: any;
9229
+ lineHeight: any;
9263
9230
  };
9264
9231
  lg: {
9265
- fontSize: (string | null)[];
9266
- fontFamily: string;
9267
- lineHeight: string;
9232
+ fontSize: any[];
9233
+ fontFamily: any;
9234
+ lineHeight: any;
9268
9235
  };
9269
9236
  md: {
9270
- fontSize: (string | null)[];
9271
- fontFamily: string;
9272
- lineHeight: string;
9237
+ fontSize: any[];
9238
+ fontFamily: any;
9239
+ lineHeight: any;
9273
9240
  };
9274
9241
  sm: {
9275
- fontSize: (string | null)[];
9276
- fontFamily: string;
9277
- lineHeight: string;
9242
+ fontSize: any[];
9243
+ fontFamily: any;
9244
+ lineHeight: any;
9278
9245
  };
9279
9246
  xs: {
9280
- fontSize: (string | null)[];
9281
- fontFamily: string;
9282
- lineHeight: string;
9247
+ fontSize: any[];
9248
+ fontFamily: any;
9249
+ lineHeight: any;
9283
9250
  };
9284
9251
  };
9285
9252
  zIndices: {
9286
- hide: number;
9253
+ hide: any;
9287
9254
  auto: string;
9288
- base: number;
9289
- docked: number;
9290
- dropdown: number;
9291
- sticky: number;
9292
- banner: number;
9293
- overlay: number;
9294
- modal: number;
9295
- popover: number;
9296
- skipLink: number;
9297
- toast: number;
9298
- tooltip: number;
9255
+ base: any;
9256
+ docked: any;
9257
+ dropdown: any;
9258
+ sticky: any;
9259
+ banner: any;
9260
+ overlay: any;
9261
+ modal: any;
9262
+ popover: any;
9263
+ skipLink: any;
9264
+ toast: any;
9265
+ tooltip: any;
9299
9266
  };
9300
9267
  styles: {
9301
9268
  global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -9388,12 +9355,12 @@ declare const brandTheme: {
9388
9355
  colors: {
9389
9356
  bg: {
9390
9357
  default: {
9391
- dark: string;
9358
+ dark: any;
9392
9359
  };
9393
9360
  };
9394
9361
  surface: {
9395
9362
  default: {
9396
- dark: string;
9363
+ dark: any;
9397
9364
  };
9398
9365
  };
9399
9366
  };
@@ -9500,6 +9467,44 @@ type CodeProps = CodeProps$1 & {
9500
9467
  */
9501
9468
  declare const Code: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CodeProps>;
9502
9469
 
9470
+ declare const textStyles: {
9471
+ "2xl": {
9472
+ fontSize: any[];
9473
+ fontFamily: any;
9474
+ lineHeight: any;
9475
+ };
9476
+ "xl-display": {
9477
+ fontSize: any[];
9478
+ fontFamily: any;
9479
+ lineHeight: any;
9480
+ };
9481
+ "xl-sans": {
9482
+ fontSize: any[];
9483
+ fontFamily: any;
9484
+ lineHeight: any;
9485
+ };
9486
+ lg: {
9487
+ fontSize: any[];
9488
+ fontFamily: any;
9489
+ lineHeight: any;
9490
+ };
9491
+ md: {
9492
+ fontSize: any[];
9493
+ fontFamily: any;
9494
+ lineHeight: any;
9495
+ };
9496
+ sm: {
9497
+ fontSize: any[];
9498
+ fontFamily: any;
9499
+ lineHeight: any;
9500
+ };
9501
+ xs: {
9502
+ fontSize: any[];
9503
+ fontFamily: any;
9504
+ lineHeight: any;
9505
+ };
9506
+ };
9507
+
9503
9508
  type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
9504
9509
  /** The heading level, e.g. h1, h2, h3... **/
9505
9510
  as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -9559,4 +9564,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
9559
9564
  **/
9560
9565
  declare function slugify(text: string | string[], maxLength?: number): string;
9561
9566
 
9562
- 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, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, TogglePride, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };
9567
+ 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, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, TogglePride, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoDefault, VyLogoDefaultProps, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };
package/dist/index.js CHANGED
@@ -4631,7 +4631,7 @@ var init_VyLogoPride = __esm({
4631
4631
  const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
4632
4632
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
4633
4633
  const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
4634
- React88.useId();
4634
+ const id = React88.useId();
4635
4635
  return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React88__namespace.default.createElement(
4636
4636
  "svg",
4637
4637
  {
@@ -4653,7 +4653,7 @@ var init_VyLogoPride = __esm({
4653
4653
  /* @__PURE__ */ React88__namespace.default.createElement(
4654
4654
  "mask",
4655
4655
  {
4656
- id: "mask0_4247_11084",
4656
+ id: `${id}-a-pride`,
4657
4657
  style: { maskType: "luminance" },
4658
4658
  maskUnits: "userSpaceOnUse",
4659
4659
  x: "0",
@@ -4671,7 +4671,7 @@ var init_VyLogoPride = __esm({
4671
4671
  }
4672
4672
  )
4673
4673
  ),
4674
- /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: "url(#mask0_4247_11084)" }, /* @__PURE__ */ React88__namespace.default.createElement(
4674
+ /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React88__namespace.default.createElement(
4675
4675
  "path",
4676
4676
  {
4677
4677
  fillRule: "evenodd",
@@ -4742,7 +4742,7 @@ var init_VyLogoPride = __esm({
4742
4742
  /* @__PURE__ */ React88__namespace.default.createElement(
4743
4743
  "mask",
4744
4744
  {
4745
- id: "mask1_4247_11084",
4745
+ id: `${id}-b-pride`,
4746
4746
  style: { maskType: "luminance" },
4747
4747
  maskUnits: "userSpaceOnUse",
4748
4748
  x: "30",
@@ -4760,7 +4760,7 @@ var init_VyLogoPride = __esm({
4760
4760
  }
4761
4761
  )
4762
4762
  ),
4763
- /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: "url(#mask1_4247_11084)" }, /* @__PURE__ */ React88__namespace.default.createElement(
4763
+ /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React88__namespace.default.createElement(
4764
4764
  "path",
4765
4765
  {
4766
4766
  fillRule: "evenodd",
@@ -4814,16 +4814,13 @@ var init_VyLogoPride = __esm({
4814
4814
  };
4815
4815
  }
4816
4816
  });
4817
- exports.VyLogo = void 0;
4818
- var init_VyLogo = __esm({
4819
- "src/logo/VyLogo.tsx"() {
4820
- init_pride();
4821
- init_VyLogoPride();
4822
- exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4823
- const { isPride } = exports.usePride();
4824
- if (isPride) {
4825
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoPride, { colorScheme, ...boxProps });
4826
- }
4817
+ exports.VyLogoDefault = void 0;
4818
+ var init_VyLogoDefault = __esm({
4819
+ "src/logo/VyLogoDefault.tsx"() {
4820
+ exports.VyLogoDefault = ({
4821
+ colorScheme,
4822
+ ...boxProps
4823
+ }) => {
4827
4824
  const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4828
4825
  const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
4829
4826
  const id = React88.useId();
@@ -4931,12 +4928,28 @@ var init_VyLogo = __esm({
4931
4928
  };
4932
4929
  }
4933
4930
  });
4931
+ exports.VyLogo = void 0;
4932
+ var init_VyLogo = __esm({
4933
+ "src/logo/VyLogo.tsx"() {
4934
+ init_pride();
4935
+ init_VyLogoPride();
4936
+ init_VyLogoDefault();
4937
+ exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4938
+ const { isPride } = exports.usePride();
4939
+ if (isPride) {
4940
+ return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoPride, { colorScheme, ...boxProps });
4941
+ }
4942
+ return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoDefault, { colorScheme, ...boxProps });
4943
+ };
4944
+ }
4945
+ });
4934
4946
 
4935
4947
  // src/logo/index.tsx
4936
4948
  var init_logo = __esm({
4937
4949
  "src/logo/index.tsx"() {
4938
4950
  init_VyLogo();
4939
4951
  init_VyLogoPride();
4952
+ init_VyLogoDefault();
4940
4953
  }
4941
4954
  });
4942
4955
  exports.JumpButton = void 0; var texts18;