@vygruppen/spor-react 12.24.2 → 12.24.4
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 +25 -25
- package/.turbo/turbo-postinstall.log +2 -2
- package/CHANGELOG.md +14 -0
- package/dist/index.cjs +11 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -8
- package/dist/index.d.ts +8 -8
- package/dist/index.mjs +12 -18
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
- package/src/input/PasswordInput.tsx +1 -2
- package/src/logo/VyLogo.tsx +5 -11
- package/src/theme/recipes/attached-inputs.ts +7 -7
package/dist/index.d.cts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
|
-
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1,
|
|
4
|
+
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, ComboboxRootProps, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
|
|
5
5
|
export { AspectRatio, Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Icon, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, SystemConfig, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnGroup, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { IconComponent } from '@vygruppen/spor-icon-react';
|
|
8
8
|
import { CalendarDate, DateDuration, DateValue as DateValue$1 } from '@internationalized/date';
|
|
9
9
|
export { Time } from '@internationalized/date';
|
|
10
10
|
import { DOMAttributes, FocusableElement } from '@react-types/shared';
|
|
11
|
-
import {
|
|
11
|
+
import { AriaCalendarProps, DateValue, AriaRangeCalendarProps, AriaButtonProps, AriaDatePickerProps, AriaDateRangePickerProps, RangeCalendarProps as RangeCalendarProps$1, AriaComboBoxProps, AriaListBoxProps } from 'react-aria';
|
|
12
12
|
import { CalendarState as CalendarState$1, RangeCalendarState as RangeCalendarState$1, ListState, SelectState } from 'react-stately';
|
|
13
13
|
export { Item, Section } from 'react-stately';
|
|
14
14
|
import { ThemeProviderProps } from 'next-themes';
|
|
@@ -1222,13 +1222,13 @@ declare const attachedInputsRecipe: _chakra_ui_react.RecipeDefinition<{
|
|
|
1222
1222
|
horizontal: {
|
|
1223
1223
|
flexDirection: "row";
|
|
1224
1224
|
"& > *:first-of-type:not(:last-of-type) [data-attachable]": {
|
|
1225
|
-
borderEndRadius:
|
|
1225
|
+
borderEndRadius: number;
|
|
1226
1226
|
};
|
|
1227
1227
|
"& > *:not(:first-of-type):not(:last-of-type) [data-attachable]": {
|
|
1228
|
-
borderRadius:
|
|
1228
|
+
borderRadius: number;
|
|
1229
1229
|
};
|
|
1230
1230
|
"& > *:not(:first-of-type):last-of-type [data-attachable]": {
|
|
1231
|
-
borderStartRadius:
|
|
1231
|
+
borderStartRadius: number;
|
|
1232
1232
|
};
|
|
1233
1233
|
"&[data-with-flip-button]": {
|
|
1234
1234
|
"& > *:nth-of-type(2) [data-scope='field'][data-part='root']": {
|
|
@@ -1244,13 +1244,13 @@ declare const attachedInputsRecipe: _chakra_ui_react.RecipeDefinition<{
|
|
|
1244
1244
|
vertical: {
|
|
1245
1245
|
flexDirection: "column";
|
|
1246
1246
|
"& > *:first-of-type:not(:last-of-type) [data-attachable]": {
|
|
1247
|
-
borderBottomRadius:
|
|
1247
|
+
borderBottomRadius: number;
|
|
1248
1248
|
};
|
|
1249
1249
|
"& > *:not(:first-of-type):not(:last-of-type) [data-attachable]": {
|
|
1250
|
-
borderRadius:
|
|
1250
|
+
borderRadius: number;
|
|
1251
1251
|
};
|
|
1252
1252
|
"& > *:not(:first-of-type):last-of-type [data-attachable]": {
|
|
1253
|
-
borderTopRadius:
|
|
1253
|
+
borderTopRadius: number;
|
|
1254
1254
|
};
|
|
1255
1255
|
};
|
|
1256
1256
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
|
-
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1,
|
|
4
|
+
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, ComboboxRootProps, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
|
|
5
5
|
export { AspectRatio, Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Icon, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, SystemConfig, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnGroup, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { IconComponent } from '@vygruppen/spor-icon-react';
|
|
8
8
|
import { CalendarDate, DateDuration, DateValue as DateValue$1 } from '@internationalized/date';
|
|
9
9
|
export { Time } from '@internationalized/date';
|
|
10
10
|
import { DOMAttributes, FocusableElement } from '@react-types/shared';
|
|
11
|
-
import {
|
|
11
|
+
import { AriaCalendarProps, DateValue, AriaRangeCalendarProps, AriaButtonProps, AriaDatePickerProps, AriaDateRangePickerProps, RangeCalendarProps as RangeCalendarProps$1, AriaComboBoxProps, AriaListBoxProps } from 'react-aria';
|
|
12
12
|
import { CalendarState as CalendarState$1, RangeCalendarState as RangeCalendarState$1, ListState, SelectState } from 'react-stately';
|
|
13
13
|
export { Item, Section } from 'react-stately';
|
|
14
14
|
import { ThemeProviderProps } from 'next-themes';
|
|
@@ -1222,13 +1222,13 @@ declare const attachedInputsRecipe: _chakra_ui_react.RecipeDefinition<{
|
|
|
1222
1222
|
horizontal: {
|
|
1223
1223
|
flexDirection: "row";
|
|
1224
1224
|
"& > *:first-of-type:not(:last-of-type) [data-attachable]": {
|
|
1225
|
-
borderEndRadius:
|
|
1225
|
+
borderEndRadius: number;
|
|
1226
1226
|
};
|
|
1227
1227
|
"& > *:not(:first-of-type):not(:last-of-type) [data-attachable]": {
|
|
1228
|
-
borderRadius:
|
|
1228
|
+
borderRadius: number;
|
|
1229
1229
|
};
|
|
1230
1230
|
"& > *:not(:first-of-type):last-of-type [data-attachable]": {
|
|
1231
|
-
borderStartRadius:
|
|
1231
|
+
borderStartRadius: number;
|
|
1232
1232
|
};
|
|
1233
1233
|
"&[data-with-flip-button]": {
|
|
1234
1234
|
"& > *:nth-of-type(2) [data-scope='field'][data-part='root']": {
|
|
@@ -1244,13 +1244,13 @@ declare const attachedInputsRecipe: _chakra_ui_react.RecipeDefinition<{
|
|
|
1244
1244
|
vertical: {
|
|
1245
1245
|
flexDirection: "column";
|
|
1246
1246
|
"& > *:first-of-type:not(:last-of-type) [data-attachable]": {
|
|
1247
|
-
borderBottomRadius:
|
|
1247
|
+
borderBottomRadius: number;
|
|
1248
1248
|
};
|
|
1249
1249
|
"& > *:not(:first-of-type):not(:last-of-type) [data-attachable]": {
|
|
1250
|
-
borderRadius:
|
|
1250
|
+
borderRadius: number;
|
|
1251
1251
|
};
|
|
1252
1252
|
"& > *:not(:first-of-type):last-of-type [data-attachable]": {
|
|
1253
|
-
borderTopRadius:
|
|
1253
|
+
borderTopRadius: number;
|
|
1254
1254
|
};
|
|
1255
1255
|
};
|
|
1256
1256
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ export { AspectRatio, Box, BreadcrumbCurrentLink, BreadcrumbEllipsis, Breadcrumb
|
|
|
3
3
|
import * as spor_icon_react_star from '@vygruppen/spor-icon-react';
|
|
4
4
|
import { DropdownDownFill24Icon, CopyOutline18Icon, CheckmarkFill18Icon, CloseFill18Icon, CloseFill30Icon, CloseFill24Icon, InformationFill24Icon, ServiceFill24Icon, QuestionFill24Icon, ErrorOutline24Icon, ErrorFill24Icon, AltTransportFill24Icon, WarningFill24Icon, SuccessFill24Icon, DropdownDownFill18Icon, DropdownRightFill18Icon, CalendarOutline24Icon, ArrowLeftFill24Icon, ChangeDirectionOutline24Icon, CloseOutline24Icon, SearchOutline24Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowRightFill18Icon, DropdownLeftOutline18Icon, DropdownRightOutline18Icon, ArrowUpFill18Icon, ArrowDownFill18Icon, ChangeDirectionFill18Icon, WalkFill30Icon, WalkFill24Icon, WalkFill18Icon, AltTransportFill30Icon, AltTransportFill18Icon, TramFill30Icon, TramFill24Icon, TramFill18Icon, SubwayFill30Icon, SubwayFill24Icon, SubwayFill18Icon, FerryFill30Icon, FerryFill24Icon, FerryFill18Icon, BusFill30Icon, BusFill24Icon, BusFill18Icon, ExpressBusFill30Icon, ExpressBusFill24Icon, ExpressBusFill18Icon, TrainFill30Icon, TrainFill24Icon, TrainFill18Icon, InformationFill18Icon, WarningFill18Icon, ErrorFill18Icon, LinkOutOutline24Icon, LinkOutOutline18Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon, DropdownLeftFill18Icon } from '@vygruppen/spor-icon-react';
|
|
5
5
|
import * as React20 from 'react';
|
|
6
|
-
import React20__default, { forwardRef, createContext, useId, cloneElement, useRef, useImperativeHandle, useMemo, isValidElement, useState, useEffect,
|
|
6
|
+
import React20__default, { forwardRef, createContext, useId, cloneElement, useRef, useImperativeHandle, useMemo, isValidElement, useState, useEffect, useLayoutEffect, useContext } from 'react';
|
|
7
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
8
|
import { spinnerColorData, inlineLoaderColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, spinnerLightData, spinnerDarkData, fullScreenLoaderBlackData, inlineLoaderLightData } from '@vygruppen/spor-loader';
|
|
9
9
|
import ReactLottie from 'lottie-react';
|
|
@@ -5124,25 +5124,19 @@ var CargonetLogo = forwardRef(
|
|
|
5124
5124
|
);
|
|
5125
5125
|
CargonetLogo.displayName = "CargonetLogo";
|
|
5126
5126
|
var SvgBox = chakra("svg");
|
|
5127
|
-
var fillRecipe = {
|
|
5127
|
+
var fillRecipe = defineRecipe({
|
|
5128
5128
|
base: {},
|
|
5129
5129
|
variants: {
|
|
5130
5130
|
fill: {
|
|
5131
5131
|
main: {
|
|
5132
|
-
fill:
|
|
5133
|
-
_light: "#1d211c",
|
|
5134
|
-
_dark: "#ffffff"
|
|
5135
|
-
}
|
|
5132
|
+
fill: "icon"
|
|
5136
5133
|
},
|
|
5137
5134
|
accent: {
|
|
5138
|
-
fill:
|
|
5139
|
-
_light: "#138c6e",
|
|
5140
|
-
_dark: "#ffffff"
|
|
5141
|
-
}
|
|
5135
|
+
fill: "icon.accent"
|
|
5142
5136
|
}
|
|
5143
5137
|
}
|
|
5144
5138
|
}
|
|
5145
|
-
};
|
|
5139
|
+
});
|
|
5146
5140
|
var Path = chakra("path", fillRecipe);
|
|
5147
5141
|
var SVGGroup = chakra("g", fillRecipe);
|
|
5148
5142
|
var VyLogo = forwardRef(
|
|
@@ -6430,7 +6424,7 @@ var attachedInputsRecipe = defineRecipe({
|
|
|
6430
6424
|
gap: "0.1rem",
|
|
6431
6425
|
width: "100%",
|
|
6432
6426
|
"& select": {
|
|
6433
|
-
borderEndRadius:
|
|
6427
|
+
borderEndRadius: 0
|
|
6434
6428
|
},
|
|
6435
6429
|
"& > *": {
|
|
6436
6430
|
position: "relative",
|
|
@@ -6445,13 +6439,13 @@ var attachedInputsRecipe = defineRecipe({
|
|
|
6445
6439
|
horizontal: {
|
|
6446
6440
|
flexDirection: "row",
|
|
6447
6441
|
"& > *:first-of-type:not(:last-of-type) [data-attachable]": {
|
|
6448
|
-
borderEndRadius:
|
|
6442
|
+
borderEndRadius: 0
|
|
6449
6443
|
},
|
|
6450
6444
|
"& > *:not(:first-of-type):not(:last-of-type) [data-attachable]": {
|
|
6451
|
-
borderRadius:
|
|
6445
|
+
borderRadius: 0
|
|
6452
6446
|
},
|
|
6453
6447
|
"& > *:not(:first-of-type):last-of-type [data-attachable]": {
|
|
6454
|
-
borderStartRadius:
|
|
6448
|
+
borderStartRadius: 0
|
|
6455
6449
|
},
|
|
6456
6450
|
"&[data-with-flip-button]": {
|
|
6457
6451
|
"& > *:nth-of-type(2) [data-scope='field'][data-part='root']": {
|
|
@@ -6467,13 +6461,13 @@ var attachedInputsRecipe = defineRecipe({
|
|
|
6467
6461
|
vertical: {
|
|
6468
6462
|
flexDirection: "column",
|
|
6469
6463
|
"& > *:first-of-type:not(:last-of-type) [data-attachable]": {
|
|
6470
|
-
borderBottomRadius:
|
|
6464
|
+
borderBottomRadius: 0
|
|
6471
6465
|
},
|
|
6472
6466
|
"& > *:not(:first-of-type):not(:last-of-type) [data-attachable]": {
|
|
6473
|
-
borderRadius:
|
|
6467
|
+
borderRadius: 0
|
|
6474
6468
|
},
|
|
6475
6469
|
"& > *:not(:first-of-type):last-of-type [data-attachable]": {
|
|
6476
|
-
borderTopRadius:
|
|
6470
|
+
borderTopRadius: 0
|
|
6477
6471
|
}
|
|
6478
6472
|
}
|
|
6479
6473
|
}
|