@kubit-ui-web/react-components 2.0.0-beta.59 → 2.0.0-beta.60

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @kubit-ui-web/react-components
 
+## 2.0.0-beta.60
+
+### Major Changes
+
+- Include globalStyles on styles provider context
+
 ## 2.0.0-beta.59
 
 ### Major Changes

package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js

@@ -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,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;
+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,globalStyles:S.globalStyles,icons:g,illustrations:_,mediaQueries:x,themeClassNames:S.classNames,themes:S.allThemes,themeVariables:S.variables}),[f,C,g,_,x,S.classNames,S.allThemes,S.variables,S.globalStyles]);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/lib/provider/stylesProvider/stylesProvider.js

@@ -44,6 +44,7 @@ const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreak
 		classes: [],
 		currentTheme: h,
 		getComponentStyles: v,
+		globalStyles: m.globalStyles,
 		icons: c,
 		illustrations: l,
 		mediaQueries: p,
@@ -58,7 +59,8 @@ const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreak
 		p,
 		m.classNames,
 		m.allThemes,
-		m.variables
+		m.variables,
+		m.globalStyles
 	]);
 	return /* @__PURE__ */ jsx(UtilsProvider, {
 		dateHelpers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.59",
+  "version": "2.0.0-beta.60",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -172,7 +172,7 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18",
     "vitest-axe": "^0.1.0",
-    "@kubit-ui-web/design-system": "2.0.0-beta.18"
+    "@kubit-ui-web/design-system": "2.0.0-beta.20"
   },
   "publishConfig": {
     "access": "public",