@kubit-ui-web/react-components 2.0.0-beta.70 → 2.0.0-beta.72

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kubit-ui-web/react-components
 
+## 2.0.0-beta.72
+
+### Major Changes
+
+- Merge branch 'feat/new-prop-variant-to-snackbar' into break/2.0.0-venus-version
+
+## 2.0.0-beta.71
+
+### Major Changes
+
+- Clean project
+
 ## 2.0.0-beta.70
 
 ### Major Changes

package/README.md

@@ -41,8 +41,8 @@ pnpm add @kubit-ui-web/react-components @kubit-ui-web/design-system
 
 This package requires the following peer dependencies:
 
-- `react` >= 17.0.0 || >= 18.3.1
-- `react-dom` >= 17.0.0 || >= 18.3.1
+- `react` ^18.3.0 || ^19.0.0
+- `react-dom` ^18.3.0 || ^19.0.0
 
 ## Quick Start
 

package/dist/cjs/components/snackbar/snackbar.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var _ in a)if(__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:a[_]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{Snackbar:()=>Snackbar});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const useClassName_js_namespaceObject=require("../../lib/hooks/useClassName/useClassName.js");const useSnackbarAutoClose_js_namespaceObject=require("./hooks/useSnackbarAutoClose.js");const external_snackbarStandAlone_js_namespaceObject=require("./snackbarStandAlone.js");const SnackbarComponent=({additionalClasses:e,closeTimeout:a,open:_=false,...r},s)=>{const c=(0,useClassName_js_namespaceObject.useClassName)({additionalClassNames:e,component:"SNACKBAR"});const n=(0,external_react_namespaceObject.useRef)(null);(0,external_react_namespaceObject.useImperativeHandle)(s,()=>n?.current,[]);const{handleBlur:t,handleFocus:o,handleMouseEnter:b,handleMouseLeave:p}=(0,useSnackbarAutoClose_js_namespaceObject.useSnackbarAutoClose)({closeTimeout:a,onClose:r.onClose,open:_});return(0,jsx_runtime_namespaceObject.jsx)(external_snackbarStandAlone_js_namespaceObject.SnackbarStandAlone,{...r,ref:n,cssClasses:c,open:_,onBlur:t,onFocus:o,onMouseEnter:b,onMouseLeave:p})};const Snackbar=(0,external_react_namespaceObject.forwardRef)(SnackbarComponent);exports.Snackbar=__webpack_exports__.Snackbar;for(var __rspack_i in __webpack_exports__)if(-1===["Snackbar"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var _ in a)if(__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:a[_]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{Snackbar:()=>Snackbar});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const useClassName_js_namespaceObject=require("../../lib/hooks/useClassName/useClassName.js");const useSnackbarAutoClose_js_namespaceObject=require("./hooks/useSnackbarAutoClose.js");const external_snackbarStandAlone_js_namespaceObject=require("./snackbarStandAlone.js");const SnackbarComponent=({additionalClasses:e,additionalVariantClasses:a,closeTimeout:_,open:r=false,variant:s,...n},t)=>{const c=(0,useClassName_js_namespaceObject.useClassName)({additionalClassNames:e,component:"SNACKBAR",variant:s});const o=(0,external_react_namespaceObject.useRef)(null);(0,external_react_namespaceObject.useImperativeHandle)(t,()=>o?.current,[]);const{handleBlur:b,handleFocus:p,handleMouseEnter:u,handleMouseLeave:l}=(0,useSnackbarAutoClose_js_namespaceObject.useSnackbarAutoClose)({closeTimeout:_,onClose:n.onClose,open:r});return(0,jsx_runtime_namespaceObject.jsx)(external_snackbarStandAlone_js_namespaceObject.SnackbarStandAlone,{...n,ref:o,cssVariantClasses:c,open:r,onBlur:b,onFocus:p,onMouseEnter:u,onMouseLeave:l})};const Snackbar=(0,external_react_namespaceObject.forwardRef)(SnackbarComponent);exports.Snackbar=__webpack_exports__.Snackbar;for(var __rspack_i in __webpack_exports__)if(-1===["Snackbar"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/snackbar/snackbarStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var a in _)if(__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:_[a]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{SnackbarStandAlone:()=>SnackbarStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const popover_js_namespaceObject=require("../popover/popover.js");const SnackbarStandAloneComponent=({children:e,cssClasses:_,onClose:a,open:r,popover:t,...c},s)=>(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{disableClickOverlayClose:true,disableEscapeClose:true,component:"div",open:r,onClose:a,...t,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,className:(0,classNames_js_namespaceObject.classNames)(_?.container),"data-testid":"snackbar",...c,children:e})});const SnackbarStandAlone=(0,external_react_namespaceObject.forwardRef)(SnackbarStandAloneComponent);exports.SnackbarStandAlone=__webpack_exports__.SnackbarStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SnackbarStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var a in _)if(__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:_[a]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{SnackbarStandAlone:()=>SnackbarStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const popover_js_namespaceObject=require("../popover/popover.js");const SnackbarStandAloneComponent=({children:e,cssVariantClasses:_,onClose:a,open:r,popover:t,...c},s)=>(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{disableClickOverlayClose:true,disableEscapeClose:true,component:"div",open:r,onClose:a,...t,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,className:(0,classNames_js_namespaceObject.classNames)(_?.container),"data-testid":"snackbar",...c,children:e})});const SnackbarStandAlone=(0,external_react_namespaceObject.forwardRef)(SnackbarStandAloneComponent);exports.SnackbarStandAlone=__webpack_exports__.SnackbarStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SnackbarStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/esm/components/snackbar/snackbar.mjs

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useImperativeHandle as e,useRef as n}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.mjs";import{useSnackbarAutoClose as t}from"./hooks/useSnackbarAutoClose.mjs";import{SnackbarStandAlone as a}from"./snackbarStandAlone.mjs";const m=({additionalClasses:s,closeTimeout:m,open:c=false,...l},u)=>{const i=r({additionalClassNames:s,component:"SNACKBAR"});const p=n(null);e(u,()=>p?.current,[]);const{handleBlur:C,handleFocus:f,handleMouseEnter:k,handleMouseLeave:b}=t({closeTimeout:m,onClose:l.onClose,open:c});return o(a,{...l,ref:p,cssClasses:i,open:c,onBlur:C,onFocus:f,onMouseEnter:k,onMouseLeave:b})};const c=s(m);export{c as Snackbar};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useImperativeHandle as n,useRef as e}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.mjs";import{useSnackbarAutoClose as a}from"./hooks/useSnackbarAutoClose.mjs";import{SnackbarStandAlone as t}from"./snackbarStandAlone.mjs";const m=({additionalClasses:s,additionalVariantClasses:m,closeTimeout:c,open:l=false,variant:u,...i},p)=>{const C=r({additionalClassNames:s,component:"SNACKBAR",variant:u});const f=e(null);n(p,()=>f?.current,[]);const{handleBlur:k,handleFocus:b,handleMouseEnter:j,handleMouseLeave:A}=a({closeTimeout:c,onClose:i.onClose,open:l});return o(t,{...i,ref:f,cssVariantClasses:C,open:l,onBlur:k,onFocus:b,onMouseEnter:j,onMouseLeave:A})};const c=s(m);export{c as Snackbar};

package/dist/esm/components/snackbar/snackbarStandAlone.mjs

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{classNames as r}from"../../lib/utils/classNames/classNames.mjs";import{Popover as s}from"../popover/popover.mjs";const a=({children:o,cssClasses:a,onClose:t,open:i,popover:c,...l},m)=>e(s,{disableClickOverlayClose:true,disableEscapeClose:true,component:"div",open:i,onClose:t,...c,children:e("div",{ref:m,className:r(a?.container),"data-testid":"snackbar",...l,children:o})});const t=o(a);export{t as SnackbarStandAlone};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{classNames as r}from"../../lib/utils/classNames/classNames.mjs";import{Popover as s}from"../popover/popover.mjs";const a=({children:o,cssVariantClasses:a,onClose:t,open:i,popover:c,...l},m)=>e(s,{disableClickOverlayClose:true,disableEscapeClose:true,component:"div",open:i,onClose:t,...c,children:e("div",{ref:m,className:r(a?.container),"data-testid":"snackbar",...l,children:o})});const t=o(a);export{t as SnackbarStandAlone};

package/dist/types/components/snackbar/snackbar.d.ts

@@ -1,2 +1,2 @@
 import type { ISnackbar } from './types/snackbar';
-export declare const Snackbar: import("react").ForwardRefExoticComponent<ISnackbar & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Snackbar: import("react").ForwardRefExoticComponent<ISnackbar<string | undefined> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/snackbar/types/snackbar.d.ts

@@ -5,7 +5,7 @@ import type { DataAttributes } from '../../../lib/types/dataAttributes/dataAttri
 export type SnackbarPopover = Omit<IPopover, 'children' | 'open'>;
 export type SnackbarV2CssClasses = ComponentSelected<ComponentsTypesComponents['SNACKBAR']>;
 export interface ISnackbarStandAlone extends DataAttributes, AriaAttributes {
-    cssClasses?: SnackbarV2CssClasses;
+    cssVariantClasses?: SnackbarV2CssClasses;
     popover?: SnackbarPopover;
     open?: boolean;
     children?: React.ReactNode;
@@ -15,7 +15,9 @@ export interface ISnackbarStandAlone extends DataAttributes, AriaAttributes {
     onFocus?: React.FocusEventHandler<HTMLDivElement>;
     onBlur?: React.FocusEventHandler<HTMLDivElement>;
 }
-export interface ISnackbar extends Omit<ISnackbarStandAlone, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'> {
+export interface ISnackbar<Variant = undefined extends string | unknown ? string | undefined : string | unknown> extends Omit<ISnackbarStandAlone, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur' | 'cssVariantClasses'> {
+    variant?: Variant;
+    additionalVariantClasses?: Partial<SnackbarV2CssClasses>;
     additionalClasses?: SnackbarV2CssClasses;
     closeTimeout?: number;
 }

package/dist/types/components/snackbar/types/snackbarTheme.d.ts

@@ -2,4 +2,7 @@ import type { CssLibPropsType } from '../../../lib/types/cssGenerator/stylesType
 export interface SnackbarStyleProps extends CssLibPropsType {
     _container?: CssLibPropsType;
 }
-export type SnackBarStyles = SnackbarStyleProps;
+export type SnackbarVariantStyles<Variant extends string> = {
+    [key in Variant]: SnackbarStyleProps;
+};
+export type SnackBarStyles<Variant extends string = string> = SnackbarStyleProps & SnackbarVariantStyles<Variant>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.70",
+  "version": "2.0.0-beta.72",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -143,7 +143,7 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.5"
+    "@floating-ui/dom": "^1.7.6"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^1.4.5",
@@ -163,7 +163,7 @@
     "eslint": "^10.0.2",
     "eslint-config-kubit": "2.0.2",
     "glob": "^13.0.6",
-    "html-validate": "^10.9.0",
+    "html-validate": "^10.11.0",
     "jsdom": "^28.1.0",
     "prettier": "^3.8.1",
     "react": "^19.2.4",
@@ -172,7 +172,7 @@
     "typescript-eslint": "^8.56.1",
     "vitest": "^4.0.18",
     "vitest-axe": "^0.1.0",
-    "@kubit-ui-web/design-system": "2.0.0-beta.30"
+    "@kubit-ui-web/design-system": "2.0.0-beta.32"
   },
   "publishConfig": {
     "access": "public",
@@ -187,25 +187,17 @@
   "scripts": {
     "dev": "rslib build --watch",
     "build": "rslib build",
-    "predist": "rm -rf dist",
-    "dist": "rslib build",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
-    "test": "pnpm lint && pnpm typecheck && vitest --coverage.enabled=true --silent --run",
-    "test:ci": "vitest --ui --coverage.enabled=true",
+    "test": "vitest --coverage.enabled=true --silent --run",
     "test:watch": "vitest --watch",
-    "test:unit": "vitest --run",
     "test:coverage": "vitest --coverage.enabled=true --run",
     "test:coverage:ui": "vitest --coverage.enabled=true --ui",
     "typecheck": "tsc --noEmit",
-    "validate": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm dist",
+    "validate": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm build",
     "validate:quick": "pnpm lint && pnpm typecheck",
-    "pack:check": "pnpm pack --dry-run",
-    "pack:size": "pnpm pack --dry-run 2>&1 | tail -1",
-    "pack:analyze": "pnpm pack && tar -tzf *.tgz | head -50 && rm *.tgz",
-    "pack:verify": "pnpm pack:check && pnpm pack:size",
     "clean": "rm -rf dist node_modules",
     "clean:build": "rm -rf dist",
     "prerelease": "pnpm validate && pnpm test"