@kubit-ui-web/react-components 2.0.0-beta.57 → 2.0.0-beta.58
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/CHANGELOG.md
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`./lib/provider/utilsProvider/utilsProvider.js`),n=require(`./lib/provider/stylesProvider/stylesProvider.js`),r=require(`./components/accordion/accordionControlled.js`),i=require(`./components/accordion/accordionUnControlled.js`),a=require(`./components/text/text2.js`),o=require(`./components/alert/alertControlled.js`),s=require(`./components/dot/dot.js`),ee=require(`./components/icon/icon.js`),c=require(`./components/icon/iconHost.js`),l=require(`./components/avatar/avatar.js`),u=require(`./components/badge/badge.js`),d=require(`./components/link/link.js`),f=require(`./lib/types/states/states.js`),p=require(`./components/breadcrumbs/breadcrumbs.js`),m=require(`./lib/types/positions/positions.js`),h=require(`./components/button/button.js`),g=require(`./components/calendar/calendar.js`),_=require(`./components/card/cardStandAlone.js`),v=require(`./components/card/card.js`),y=require(`./components/carousel/types/carousel.js`),b=require(`./components/carousel/carousel.js`),x=require(`./components/checkboxBase/checkboxBaseControlled.js`),S=require(`./components/label/labelStandAlone.js`),
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`./lib/provider/utilsProvider/utilsProvider.js`),n=require(`./lib/provider/stylesProvider/stylesProvider.js`),r=require(`./components/accordion/accordionControlled.js`),i=require(`./components/accordion/accordionUnControlled.js`),a=require(`./components/text/text2.js`),o=require(`./components/alert/alertControlled.js`),s=require(`./components/dot/dot.js`),ee=require(`./components/icon/icon.js`),c=require(`./components/icon/iconHost.js`),l=require(`./components/avatar/avatar.js`),u=require(`./components/badge/badge.js`),d=require(`./components/link/link.js`),f=require(`./lib/types/states/states.js`),p=require(`./components/breadcrumbs/breadcrumbs.js`),m=require(`./lib/types/positions/positions.js`),h=require(`./components/button/button.js`),g=require(`./components/calendar/calendar.js`),_=require(`./components/card/cardStandAlone.js`),v=require(`./components/card/card.js`),y=require(`./components/carousel/types/carousel.js`),b=require(`./components/carousel/carousel.js`),x=require(`./components/checkboxBase/checkboxBaseControlled.js`),S=require(`./lib/components/errorMessage/errorMessage.js`),C=require(`./components/label/labelStandAlone.js`),w=require(`./components/checkbox/checkboxControlled.js`),T=require(`./components/checkbox/checkboxUnControlled.js`),E=require(`./components/checkboxBase/checkboxBaseUncontrolled.js`),D=require(`./components/chip/chip.js`),O=require(`./components/tableBody/tableBody.js`),k=require(`./components/table/table.js`),A=require(`./components/tableCaption/tableCaption.js`),j=require(`./components/tableDivider/tableDivider.js`),M=require(`./components/tableCell/tableCell.js`),N=require(`./components/tableHead/tableHead.js`),P=require(`./components/tableRow/tableRow.js`),F=require(`./components/dataTable/dataTable.js`),I=require(`./lib/types/breakpoints/breakpoints.js`),L=require(`./components/image/image2.js`),R=require(`./components/inputBase/inputBase.js`),z=require(`./components/inputDecoration/inputDecoration.js`),B=require(`./components/input/input.js`),V=require(`./components/inputSignature/inputSignatureControlled.js`),H=require(`./components/inputSignature/inputSignatureUncontrolled.js`),U=require(`./components/link/linkAsButton/linkAsButton.js`),te=require(`./components/option/option.js`),W=require(`./components/listOptions/listOptions.js`),G=require(`./components/popover/popover.js`),K=require(`./components/modal/modalControlled.js`),q=require(`./components/modal/modalUnControlled.js`),J=require(`./components/pageControl/pageControl.js`),Y=require(`./components/pagination/pagination.js`),X=require(`./components/popover/animations/spring.animations.js`),Z=require(`./components/progressBar/progressBar.js`),Q=require(`./components/radioButton/radioButtonStandAlone.js`),ne=require(`./components/radioButton/radioButton.js`),re=require(`./components/select/selectControlled.js`),ie=require(`./components/select/selectUncontrolled.js`),ae=require(`./components/selectorBoxFile/selectorBoxFile.js`),oe=require(`./components/skeleton/skeleton2.js`),se=require(`./components/tooltip/tooltipUnControlled.js`),ce=require(`./components/slider/slider.js`),le=require(`./components/snackbar/snackbar.js`),ue=require(`./components/stepperNumber/stepperNumber.js`),de=require(`./components/tableFoot/tableFoot.js`),fe=require(`./components/tabs/tabsControlled.js`),pe=require(`./components/tabs/tabsUnControlled.js`),me=require(`./components/tag/tag.js`),he=require(`./components/textArea/textArea.js`),ge=require(`./components/toggle/toggleStandAlone.js`),_e=require(`./components/toggle/toggleControlled.js`),ve=require(`./components/toggle/toggleUnControlled.js`),ye=require(`./components/tooltip/tooltipControlled.js`),be=require(`./components/virtualKeyboard/virtualKeyboard.js`),xe=require(`./lib/types/sizes/sizes.js`);let $=require(`@floating-ui/dom`);exports.Accordion=i.AccordionUnControlled,exports.AccordionControlled=r.AccordionControlled,exports.Alert=o.Alert,exports.Avatar=l.Avatar,exports.Badge=u.Badge,exports.BreadCrumbs=p.BreadCrumbs,exports.Button=h.Button,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=y.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=y.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.Calendar=g.Calendar,exports.Card=v.Card,exports.CardStandAlone=_.CardStandAlone,exports.Carousel=b.Carousel,exports.Checkbox=T.CheckboxUnControlled,exports.CheckboxBase=E.CheckboxBaseUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxControlled=w.CheckboxControlled,exports.Chip=D.Chip,exports.DEVICE_BREAKPOINTS=I.DEVICE_BREAKPOINTS,exports.DataTable=F.DataTable,exports.DeviceBreakpointsTypeUtils=I.DeviceBreakpointsTypeUtils,exports.Dot=s.Dot,exports.ErrorMessage=S.ErrorMessage,exports.GenericComponentContext=e.GenericComponentContext,exports.GenericComponentsProvider=e.GenericComponentsProvider,exports.Icon=c.IconHost,exports.IconBasic=ee.IconBasic,exports.Image=L.Image,exports.Input=B.Input,exports.InputBase=R.InputBase,exports.InputDecoration=z.InputDecoration,exports.InputSignature=H.InputSignatureUnControlled,exports.InputSignatureControlled=V.InputSignatureControlled,exports.Label=C.LabelStandAlone,exports.Link=d.Link,exports.LinkAsButton=U.LinkAsButton,exports.ListOptions=W.ListOptions,exports.MIRROR_POSITIONS=m.MIRROR_POSITIONS,exports.Modal=q.ModalUnControlled,exports.ModalControlled=K.ModalControlled,exports.Option=te.Option,exports.POSITIONS=m.POSITIONS,exports.PageControl=J.PageControl,exports.Pagination=Y.Pagination,exports.Popover=G.Popover,exports.ProgressBar=Z.ProgressBar,exports.RadioButton=ne.RadioButton,exports.RadioButtonStandAlone=Q.RadioButtonStandAlone,exports.SIZES=xe.SIZES,exports.STATES=f.STATES,exports.Select=ie.SelectUnControlled,exports.SelectControlled=re.SelectControlled,exports.SelectorBoxFile=ae.SelectorBoxFile,exports.Skeleton=oe.Skeleton,exports.Slider=ce.Slider,exports.Snackbar=le.Snackbar,exports.StepperNumber=ue.StepperNumber,exports.StylesContext=n.StylesContext,exports.StylesProvider=n.StylesProvider,exports.Table=k.Table,exports.TableBody=O.TableBody,exports.TableCaption=A.TableCaption,exports.TableCell=M.TableCell,exports.TableDivider=j.TableDivider,exports.TableFoot=de.TableFoot,exports.TableHead=N.TableHead,exports.TableRow=P.TableRow,exports.Tabs=pe.TabsUnControlled,exports.TabsControlled=fe.TabsControlled,exports.Tag=me.Tag,exports.Text=a.Text,exports.TextArea=he.TextArea,exports.ToggleControlled=_e.ToggleControlled,exports.ToggleStandalone=ge.ToggleStandalone,exports.ToggleUncontrolled=ve.ToggleUncontrolled,exports.Tooltip=se.TooltipUnControlled,exports.TooltipControlled=ye.TooltipControlled,exports.UtilsContext=t.UtilsContext,exports.UtilsProvider=t.UtilsProvider,exports.VirtualKeyboard=be.VirtualKeyboard,exports.createSpringAnimation=X.createSpringAnimation,exports.generateSpringKeyframes=X.generateSpringKeyframes,exports.generateSpringKeyframesRule=X.generateSpringKeyframesRule,Object.defineProperty(exports,`popoverMWArrow`,{enumerable:!0,get:function(){return $.arrow}}),Object.defineProperty(exports,`popoverMWAutoPlacement`,{enumerable:!0,get:function(){return $.autoPlacement}}),Object.defineProperty(exports,`popoverMWFlip`,{enumerable:!0,get:function(){return $.flip}}),Object.defineProperty(exports,`popoverMWHide`,{enumerable:!0,get:function(){return $.hide}}),Object.defineProperty(exports,`popoverMWOffset`,{enumerable:!0,get:function(){return $.offset}}),Object.defineProperty(exports,`popoverMWShift`,{enumerable:!0,get:function(){return $.shift}}),Object.defineProperty(exports,`popoverMWSize`,{enumerable:!0,get:function(){return $.size}}),exports.useGenericComponents=e.useGenericComponents,exports.useStylesContext=n.useStylesContext,exports.useUtilsProvider=t.useUtilsProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`../../utils/date/formatDate.js`),t=require(`../../utils/date/transformDate.js`),n=require(`../../utils/date/date.js`),r=require(`../genericComponentsProvider/defaultGenericComponents.js`),i=require(`../genericComponentsProvider/genericComponentsProvider.js`),a=require(`../utilsProvider/utilsProvider.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.createContext)(void 0),l=()=>{let e=(0,o.useContext)(c);if(!e)throw Error(`useStylesContext must be used within a StylesProvider`);return e};var u={lg:992,md:768,sm:576,xl:1200},d=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});exports.StylesContext=c,exports.StylesProvider=({bernovaProvider:l={},breakpoints:f=u,children:p,icons:
|
|
1
|
+
const e=require(`../../utils/date/formatDate.js`),t=require(`../../utils/date/transformDate.js`),n=require(`../../utils/date/date.js`),r=require(`../genericComponentsProvider/defaultGenericComponents.js`),i=require(`../genericComponentsProvider/genericComponentsProvider.js`),a=require(`../utilsProvider/utilsProvider.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.createContext)(void 0),l=()=>{let e=(0,o.useContext)(c);if(!e)throw Error(`useStylesContext must be used within a StylesProvider`);return e};var u={lg:992,md:768,sm:576,xl:1200},d=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});exports.StylesContext=c,exports.StylesProvider=({bernovaProvider:l={},breakpoints:f=u,children:p,dateHelpers:m,genericComponents:h,icons:g={},illustrations:_={},jsInCss:v=!0,linkId:y=`kb-styled-provider`,themeSelected:b})=>{let x=(0,o.useMemo)(()=>d(f),[f]),S=(0,o.useMemo)(()=>new l({jsInCss:v,linkId:y}),[l,v,y]),[C,w]=(0,o.useState)(b||S.themeSelected);S.themeSelected=C||``;let T=e=>{S.themeSelected=e,w(e)},E=({additionalClassNames:e,component:t,variant:n})=>S.getComponentStyles({additionalClassNames:e,component:t,variant:n||``}),D=(0,o.useMemo)(()=>({breakpoints:f,changeTheme:T,classes:[],currentTheme:C,getComponentStyles:E,icons:g,illustrations:_,mediaQueries:x,themeClassNames:S.classNames,themes:S.allThemes,themeVariables:S.variables}),[f,C,g,_,x,S.classNames,S.allThemes,S.variables]);return(0,s.jsx)(a.UtilsProvider,{dateHelpers:{getAddDays:n.getAddDays,getAddMonths:n.getAddMonths,getAddYears:n.getAddYears,getAllMonthName:(e,t)=>n.getAllMonthNames(e===`numeric`||e===`2-digit`?`long`:e||`long`,t),getAllWeekdayName:n.getAllWeekdayNames,getSubDays:n.getSubDays,getSubMonths:n.getSubMonths,getSubYears:n.getSubYears,isAfter:n.isAfter,isBefore:n.isBefore,isDatesEqual:n.isDatesEqual,...m},formatDate:e.formatDate,transformDate:t.transformDate,children:(0,s.jsx)(i.GenericComponentsProvider,{value:{...r.defaultGenericComponents,...h},children:(0,s.jsx)(c.Provider,{value:D,children:p})})})},exports.useStylesContext=l;
|
package/dist/esm/index.js
CHANGED
|
@@ -21,6 +21,7 @@ import { Card } from "./components/card/card.js";
|
|
|
21
21
|
import { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY } from "./components/carousel/types/carousel.js";
|
|
22
22
|
import { Carousel } from "./components/carousel/carousel.js";
|
|
23
23
|
import { CheckboxBaseControlled } from "./components/checkboxBase/checkboxBaseControlled.js";
|
|
24
|
+
import { ErrorMessage } from "./lib/components/errorMessage/errorMessage.js";
|
|
24
25
|
import { LabelStandAlone } from "./components/label/labelStandAlone.js";
|
|
25
26
|
import { CheckboxControlled } from "./components/checkbox/checkboxControlled.js";
|
|
26
27
|
import { CheckboxUnControlled } from "./components/checkbox/checkboxUnControlled.js";
|
|
@@ -73,4 +74,4 @@ import { ToggleUncontrolled } from "./components/toggle/toggleUnControlled.js";
|
|
|
73
74
|
import { TooltipControlled } from "./components/tooltip/tooltipControlled.js";
|
|
74
75
|
import { VirtualKeyboard } from "./components/virtualKeyboard/virtualKeyboard.js";
|
|
75
76
|
import { SIZES } from "./lib/types/sizes/sizes.js";
|
|
76
|
-
export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, useGenericComponents, useStylesContext, useUtilsProvider };
|
|
77
|
+
export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, ErrorMessage, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, useGenericComponents, useStylesContext, useUtilsProvider };
|
|
@@ -22,15 +22,15 @@ var defaultBreakpoints = {
|
|
|
22
22
|
onlyMobile: `(max-width: ${e.md - 1}px)`,
|
|
23
23
|
onlyTablet: `(min-width: ${e.md}px) and (max-width: ${e.lg - 1}px)`
|
|
24
24
|
});
|
|
25
|
-
const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreakpoints, children: a,
|
|
25
|
+
const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreakpoints, children: a, dateHelpers: o, genericComponents: s, icons: c = {}, illustrations: l = {}, jsInCss: u = !0, linkId: d = "kb-styled-provider", themeSelected: f }) => {
|
|
26
26
|
let p = useMemo(() => buildMediaQueries(i), [i]), m = useMemo(() => new r({
|
|
27
|
-
jsInCss:
|
|
28
|
-
linkId:
|
|
27
|
+
jsInCss: u,
|
|
28
|
+
linkId: d
|
|
29
29
|
}), [
|
|
30
30
|
r,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
]), [h, g] = useState(
|
|
31
|
+
u,
|
|
32
|
+
d
|
|
33
|
+
]), [h, g] = useState(f || m.themeSelected);
|
|
34
34
|
m.themeSelected = h || "";
|
|
35
35
|
let _ = (e) => {
|
|
36
36
|
m.themeSelected = e, g(e);
|
|
@@ -44,8 +44,8 @@ const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreak
|
|
|
44
44
|
classes: [],
|
|
45
45
|
currentTheme: h,
|
|
46
46
|
getComponentStyles: v,
|
|
47
|
-
icons:
|
|
48
|
-
illustrations:
|
|
47
|
+
icons: c,
|
|
48
|
+
illustrations: l,
|
|
49
49
|
mediaQueries: p,
|
|
50
50
|
themeClassNames: m.classNames,
|
|
51
51
|
themes: m.allThemes,
|
|
@@ -53,8 +53,8 @@ const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreak
|
|
|
53
53
|
}), [
|
|
54
54
|
i,
|
|
55
55
|
h,
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
c,
|
|
57
|
+
l,
|
|
58
58
|
p,
|
|
59
59
|
m.classNames,
|
|
60
60
|
m.allThemes,
|
|
@@ -73,14 +73,14 @@ const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreak
|
|
|
73
73
|
isAfter,
|
|
74
74
|
isBefore,
|
|
75
75
|
isDatesEqual,
|
|
76
|
-
...
|
|
76
|
+
...o
|
|
77
77
|
},
|
|
78
78
|
formatDate,
|
|
79
79
|
transformDate,
|
|
80
80
|
children: /* @__PURE__ */ jsx(GenericComponentsProvider, {
|
|
81
81
|
value: {
|
|
82
82
|
...defaultGenericComponents,
|
|
83
|
-
...
|
|
83
|
+
...s
|
|
84
84
|
},
|
|
85
85
|
children: /* @__PURE__ */ jsx(StylesContext.Provider, {
|
|
86
86
|
value: y,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { AriaAttributes } from 'react';
|
|
|
2
2
|
import { AriaRole } from 'react';
|
|
3
3
|
import { ComponentType } from 'react';
|
|
4
4
|
import { Context } from 'react';
|
|
5
|
-
import {
|
|
5
|
+
import { CssLibPropsType as CssLibPropsType_2 } from 'bernova/interfaces';
|
|
6
6
|
import { CSSProperties } from 'react';
|
|
7
7
|
import { DOMAttributes } from 'react';
|
|
8
8
|
import { FC } from 'react';
|
|
@@ -1809,7 +1809,9 @@ export declare const createSpringAnimation: (direction: "up" | "down" | "left" |
|
|
|
1809
1809
|
keyframesCSS: string;
|
|
1810
1810
|
};
|
|
1811
1811
|
|
|
1812
|
-
export declare type CssLibPropsType =
|
|
1812
|
+
export declare type CssLibPropsType = CssLibPropsType_2<any> & {
|
|
1813
|
+
$dynamicValues?: string[];
|
|
1814
|
+
};
|
|
1813
1815
|
|
|
1814
1816
|
export declare type DataAttributes = {
|
|
1815
1817
|
[key in `data-${string}`]?: string;
|
|
@@ -1986,7 +1988,7 @@ declare interface DateFormatOptions {
|
|
|
1986
1988
|
hourCycle?: Intl.DateTimeFormatOptions['hourCycle'];
|
|
1987
1989
|
}
|
|
1988
1990
|
|
|
1989
|
-
declare
|
|
1991
|
+
declare interface dateHelpers {
|
|
1990
1992
|
/** Subtracts a specified number of days from a date */
|
|
1991
1993
|
getSubDays: (date: Date, amount: number) => Date;
|
|
1992
1994
|
/** Subtracts a specified number of months from a date */
|
|
@@ -2026,7 +2028,7 @@ declare type dateHelpers = {
|
|
|
2026
2028
|
* @returns True if dates are equal
|
|
2027
2029
|
*/
|
|
2028
2030
|
isDatesEqual: (firstDate: Date | number | string, secondDate: Date | number | string, shouldCompareTime: boolean) => boolean;
|
|
2029
|
-
}
|
|
2031
|
+
}
|
|
2030
2032
|
|
|
2031
2033
|
export declare const DEVICE_BREAKPOINTS: {
|
|
2032
2034
|
readonly DESKTOP: "desktop";
|
|
@@ -2151,6 +2153,53 @@ declare interface ElementOrIconProps extends Omit<IconProps, 'icon'>, DataAttrib
|
|
|
2151
2153
|
basic?: boolean;
|
|
2152
2154
|
}
|
|
2153
2155
|
|
|
2156
|
+
/**
|
|
2157
|
+
* ErrorMessage component for displaying error messages.
|
|
2158
|
+
*
|
|
2159
|
+
* This component renders a styled error message with optional icons and
|
|
2160
|
+
* customizable variants. It uses the ErrorMessageStandAlone component
|
|
2161
|
+
* for rendering with CSS classes from the design system.
|
|
2162
|
+
*
|
|
2163
|
+
* @example
|
|
2164
|
+
* ```tsx
|
|
2165
|
+
* <ErrorMessage variant="default">
|
|
2166
|
+
* Please enter a valid email address
|
|
2167
|
+
* </ErrorMessage>
|
|
2168
|
+
* ```
|
|
2169
|
+
*/
|
|
2170
|
+
export declare const ErrorMessage: ForwardRefExoticComponent<Omit<ErrorMessageStandAloneProps, "styles"> & {
|
|
2171
|
+
variant?: string | undefined;
|
|
2172
|
+
additionalClasses?: Partial<{
|
|
2173
|
+
icon: string;
|
|
2174
|
+
error_message: string;
|
|
2175
|
+
typography: string;
|
|
2176
|
+
}>;
|
|
2177
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
2178
|
+
|
|
2179
|
+
declare type ErrorMessageCssClasses = ComponentSelected<ComponentsTypesComponents['ERROR_MESSAGE']>;
|
|
2180
|
+
|
|
2181
|
+
export declare type ErrorMessageProps<Variant = undefined extends string ? unknown : string> = Omit<ErrorMessageStandAloneProps, 'styles'> & {
|
|
2182
|
+
variant?: Variant;
|
|
2183
|
+
additionalClasses?: Partial<ErrorMessageCssClasses>;
|
|
2184
|
+
};
|
|
2185
|
+
|
|
2186
|
+
export declare interface ErrorMessageStandAloneProps extends Pick<AriaAttributes, 'aria-live'> {
|
|
2187
|
+
cssClasses?: ErrorMessageCssClasses;
|
|
2188
|
+
show?: boolean;
|
|
2189
|
+
message?: CommonTextProps;
|
|
2190
|
+
id?: string;
|
|
2191
|
+
icon?: CommonIconProps;
|
|
2192
|
+
}
|
|
2193
|
+
|
|
2194
|
+
export declare interface ErrorMessageStyleProps extends CssLibPropsType {
|
|
2195
|
+
_icon?: CssLibPropsType;
|
|
2196
|
+
_typography?: CssLibPropsType;
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
export declare type ErrorMessageVariantStyles<Variant extends string> = ErrorMessageStyleProps & {
|
|
2200
|
+
[key in Variant]: ErrorMessageStyleProps;
|
|
2201
|
+
};
|
|
2202
|
+
|
|
2154
2203
|
declare type FormatDateType = 'd' | 'dd' | 'ddd' | 'dddd' | 'f' | 'ff' | 'fff' | 'F' | 'FF' | 'FFF' | 'ffff' | 'FFFF' | 't' | 'tt' | 'T' | 'TT' | 'ttt' | 'TTT' | 'tttt' | 'TTTT';
|
|
2155
2204
|
|
|
2156
2205
|
/**
|
|
@@ -3413,6 +3462,31 @@ export declare type OptionVariantStyles<Variant extends string> = OptionStylePro
|
|
|
3413
3462
|
[key in Variant]: OptionStyleProps;
|
|
3414
3463
|
};
|
|
3415
3464
|
|
|
3465
|
+
declare type OverlayCssClasses = ComponentSelected<ComponentsTypesComponents['OVERLAY']>;
|
|
3466
|
+
|
|
3467
|
+
/**
|
|
3468
|
+
* Interface for the Overlay component with a variant.
|
|
3469
|
+
* Extends the OverlayStandAloneProps interface and adds a variant and additional CSS classes.
|
|
3470
|
+
*
|
|
3471
|
+
* @template Variant - The type of the variant for the Overlay.
|
|
3472
|
+
*/
|
|
3473
|
+
export declare interface OverlayProps<Variant = undefined extends string ? unknown : string> extends Omit<OverlayStandAloneProps, 'cssClasses'> {
|
|
3474
|
+
variant?: Variant;
|
|
3475
|
+
additionalClasses?: Partial<OverlayCssClasses>;
|
|
3476
|
+
}
|
|
3477
|
+
|
|
3478
|
+
/**
|
|
3479
|
+
* Interface for the standalone Overlay component.
|
|
3480
|
+
* Includes optional CSS classes and data attributes.
|
|
3481
|
+
*/
|
|
3482
|
+
export declare interface OverlayStandAloneProps extends DataAttributes {
|
|
3483
|
+
cssClasses?: OverlayCssClasses;
|
|
3484
|
+
}
|
|
3485
|
+
|
|
3486
|
+
export declare type OverlayVariantStyles<Variant extends string> = CssLibPropsType & {
|
|
3487
|
+
[key in Variant]: CssLibPropsType;
|
|
3488
|
+
};
|
|
3489
|
+
|
|
3416
3490
|
/**
|
|
3417
3491
|
* PageControl component for pagination/slide navigation indicators.
|
|
3418
3492
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kubit-ui-web/react-components",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.58",
|
|
4
4
|
"description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kubit",
|
|
@@ -157,22 +157,22 @@
|
|
|
157
157
|
"@vitejs/plugin-react": "^5.1.4",
|
|
158
158
|
"@vitest/coverage-v8": "^4.0.18",
|
|
159
159
|
"@vitest/ui": "^4.0.18",
|
|
160
|
-
"bernova": "1.5.
|
|
160
|
+
"bernova": "1.5.4",
|
|
161
161
|
"eslint": "^10.0.0",
|
|
162
162
|
"eslint-config-kubit": "2.0.2",
|
|
163
|
-
"glob": "^13.0.
|
|
164
|
-
"html-validate": "^10.
|
|
165
|
-
"jsdom": "^28.
|
|
163
|
+
"glob": "^13.0.4",
|
|
164
|
+
"html-validate": "^10.8.0",
|
|
165
|
+
"jsdom": "^28.1.0",
|
|
166
166
|
"prettier": "^3.8.1",
|
|
167
167
|
"react": "^19.2.4",
|
|
168
168
|
"react-dom": "^19.2.4",
|
|
169
169
|
"typescript": "^5.9.3",
|
|
170
|
-
"typescript-eslint": "^8.
|
|
170
|
+
"typescript-eslint": "^8.56.0",
|
|
171
171
|
"vite": "8.0.0-beta.10",
|
|
172
172
|
"vite-plugin-dts": "^4.5.4",
|
|
173
173
|
"vitest": "^4.0.18",
|
|
174
174
|
"vitest-axe": "^0.1.0",
|
|
175
|
-
"@kubit-ui-web/design-system": "2.0.0-beta.
|
|
175
|
+
"@kubit-ui-web/design-system": "2.0.0-beta.17"
|
|
176
176
|
},
|
|
177
177
|
"publishConfig": {
|
|
178
178
|
"access": "public",
|