@abstraks-dev/ui-library 1.4.0 → 2.0.0

package/dist/__tests__/Hero.test.js

@@ -7,8 +7,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('Hero Component', () => {
   test('renders hero with default props', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hero.Hero, null, "Hero Content"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('hero');
+    const hero = _react2.screen.getByTestId('hero');
     expect(hero).toBeInTheDocument();
     expect(hero).toHaveClass('hero-wrapper');
     expect(_react2.screen.getByText('Hero Content')).toBeInTheDocument();
@@ -17,30 +16,26 @@ describe('Hero Component', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hero.Hero, {
       componentName: "custom-hero"
     }, "Custom Hero"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('hero');
+    const hero = _react2.screen.getByTestId('hero');
     expect(hero).toHaveClass('custom-hero-wrapper');
   });
   test('renders with additional className', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hero.Hero, {
       additionalClassName: "extra-class"
     }, "Styled Hero"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('hero');
+    const hero = _react2.screen.getByTestId('hero');
     expect(hero).toHaveClass('hero-wrapper', 'extra-class');
   });
   test('renders with background image', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hero.Hero, {
       background: "/path/to/image.jpg"
     }, "Hero with Background"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('hero');
+    const hero = _react2.screen.getByTestId('hero');
     expect(hero).toHaveStyle('background-image: url(/path/to/image.jpg)');
   });
   test('renders inner hero container', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hero.Hero, null, "Inner Content"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('hero');
+    const hero = _react2.screen.getByTestId('hero');
     const innerContainer = hero.querySelector('.hero');
     expect(innerContainer).toBeInTheDocument();
     expect(innerContainer).toHaveTextContent('Inner Content');
@@ -53,8 +48,7 @@ describe('Hero Component', () => {
   });
   test('renders without background image', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hero.Hero, null, "No Background"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('hero');
+    const hero = _react2.screen.getByTestId('hero');
     // Should not have background-image style at all
     expect(hero.style.backgroundImage).toBe('');
   });
@@ -65,8 +59,7 @@ describe('Hero Component', () => {
       additionalClassName: "home-hero large",
       background: "/hero-bg.png"
     }, "Landing Page Hero"));
-    const animation = _react2.screen.getByTestId('animation');
-    const hero = (0, _react2.within)(animation).getByTestId('landing-hero');
+    const hero = _react2.screen.getByTestId('landing-hero');
     expect(hero).toHaveClass('landing-hero-wrapper', 'home-hero', 'large');
     expect(hero).toHaveStyle('background-image: url(/hero-bg.png)');
     expect(_react2.screen.getByText('Landing Page Hero')).toBeInTheDocument();

package/dist/components/Avatar.js

@@ -60,10 +60,7 @@ const Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)(({
   const handleImageLoad = event => {
     onLoad?.(event);
   };
-  return /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-    fadingEntrances: "fadeIn",
-    duration: "faster"
-  }, /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: `${componentName} ${componentName}--${size} ${additionalClassName} ${isClickable ? `${componentName}--clickable` : ''} ${hasHoverEffect ? `${componentName}--hoverable` : ''} ${isLoading ? `${componentName}--loading` : ''} ${className}`.trim(),
     "data-testid": componentName,
     role: isClickable ? 'button' : role,
@@ -123,7 +120,7 @@ const Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)(({
     d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
   })))), isClickable && /*#__PURE__*/_react.default.createElement("span", {
     className: "sr-only"
-  }, "Press Enter or Space to interact with this avatar")));
+  }, "Press Enter or Space to interact with this avatar"));
 });
 Avatar.propTypes = {
   source: _propTypes.string,

package/dist/components/Button.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Button = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Animation = require("./Animation");
 var _propTypes = require("prop-types");
 var _icons = require("../icons");
 var _ssrSafeId = require("../utils/ssrSafeId");
@@ -121,10 +120,7 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(({
   }, children), iconTrailing && /*#__PURE__*/_react.default.createElement("span", {
     className: `${componentName}__icon ${componentName}__icon--trailing`
   }, iconTrailing));
-  return /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-    fadingEntrances: "fadeIn",
-    duration: "faster"
-  }, /*#__PURE__*/_react.default.createElement("button", _extends({}, restProps, {
+  return /*#__PURE__*/_react.default.createElement("button", _extends({}, restProps, {
     ref: ref,
     id: finalId,
     className: getClassNames(),
@@ -148,7 +144,7 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(({
     role: role
   }), buttonContent, /*#__PURE__*/_react.default.createElement("span", {
     className: "sr-only"
-  }, isLoading ? 'Button is loading, please wait' : 'Press Enter or Space to activate this button')));
+  }, isLoading ? 'Button is loading, please wait' : 'Press Enter or Space to activate this button'));
 });
 
 // Configure component PropTypes

package/dist/components/Card.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Card = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Animation = require("./Animation");
 var _propTypes = require("prop-types");
 var _Heading = _interopRequireDefault(require("./Heading"));
 var _Avatar = _interopRequireDefault(require("./Avatar"));
@@ -123,14 +122,11 @@ const Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(({
     componentName: "card-title"
   }, title), subTitle && /*#__PURE__*/_react.default.createElement(_Paragraph.Paragraph, {
     componentName: "card-subtitle"
-  }, subTitle), bodyCopy && /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-    fadingEntrances: "fadeIn",
-    duration: "faster"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, subTitle), bodyCopy && /*#__PURE__*/_react.default.createElement("div", {
     className: `${componentName}__body`
   }, /*#__PURE__*/_react.default.createElement(_Paragraph.Paragraph, {
     className: `${componentName}__body-copy`
-  }, bodyCopy), children)));
+  }, bodyCopy), children));
 });
 
 // Set display name for debugging

package/dist/components/Hero.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Hero = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Animation = require("./Animation");
 var _propTypes = require("prop-types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -97,10 +96,7 @@ const Hero = exports.Hero = /*#__PURE__*/(0, _react.forwardRef)(({
       'aria-describedby': `${testId}-bg-description`
     })
   };
-  return /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-    fadingEntrances: "fadeIn",
-    duration: "faster"
-  }, /*#__PURE__*/_react.default.createElement("section", _extends({
+  return /*#__PURE__*/_react.default.createElement("section", _extends({
     ref: ref,
     className: heroClasses,
     "data-testid": testId || finalComponentName,
@@ -115,7 +111,7 @@ const Hero = exports.Hero = /*#__PURE__*/(0, _react.forwardRef)(({
     "aria-hidden": "true"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: finalComponentName
-  }, children)));
+  }, children));
 });
 Hero.propTypes = {
   // ===========================================

package/dist/components/Paragraph.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Paragraph = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Animation = require("./Animation");
 var _propTypes = require("prop-types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -66,15 +65,12 @@ const Paragraph = exports.Paragraph = /*#__PURE__*/(0, _react.forwardRef)(({
 
   // Build CSS classes: root class is componentName, then size, then className
   const paragraphClasses = [finalComponentName, size !== 'medium' && `${finalComponentName}--${size}`, finalClassName].filter(Boolean).join(' ').trim();
-  return /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-    fadingEntrances: "fadeIn",
-    duration: "faster"
-  }, /*#__PURE__*/_react.default.createElement("p", _extends({
+  return /*#__PURE__*/_react.default.createElement("p", _extends({
     ref: ref,
     id: finalId,
     className: paragraphClasses,
     "data-testid": testId || 'paragraph'
-  }, restProps), children));
+  }, restProps), children);
 });
 
 // Set display name for debugging

package/dist/components/Select.js

@@ -5,25 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Select = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("prop-types");
 var _Label = require("./Label");
 var _Error = require("./Error");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const {
-  string,
-  number,
-  bool,
-  arrayOf,
-  oneOfType,
-  shape,
-  element,
-  func,
-  object
-} = _propTypes.default;
-// components
-
 /**
  * Select - Accessible dropdown selection component with comprehensive form support
  *
@@ -254,18 +240,18 @@ Select.propTypes = {
    * The name attribute for the select input (required for form submission)
    * Used to identify the field in form data and for accessibility
    */
-  name: string.isRequired,
+  name: _propTypes.string.isRequired,
   /**
    * The label text displayed above the select (required for accessibility)
    * Should clearly describe what the user is selecting
    */
-  label: string.isRequired,
+  label: _propTypes.string.isRequired,
   /**
    * Function called when selection changes (required)
    * Receives the change event as parameter
    * @param {Event} event - The change event from the select
    */
-  onChange: func.isRequired,
+  onChange: _propTypes.func.isRequired,
   // ==============
   // Content Props
   // ==============
@@ -273,7 +259,7 @@ Select.propTypes = {
    * Current selected value(s) - string for single select, array for multiple
    * Controls the select input (controlled component)
    */
-  value: oneOfType([string, number, arrayOf(string)]),
+  value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number, (0, _propTypes.arrayOf)(_propTypes.string)]),
   /**
    * Array of options for the select dropdown
    * Can be strings, objects with {value, label}, or React elements
@@ -287,21 +273,21 @@ Select.propTypes = {
    *   { value: 'ca', label: 'Canada', disabled: true }
    * ]
    */
-  options: arrayOf(oneOfType([string, shape({
-    value: oneOfType([string, number]).isRequired,
-    label: string,
-    disabled: bool
-  }), element])),
+  options: (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([_propTypes.string, (0, _propTypes.shape)({
+    value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]).isRequired,
+    label: _propTypes.string,
+    disabled: _propTypes.bool
+  }), _propTypes.element])),
   /**
    * Placeholder text shown when no option is selected
    * Not applicable for multiple selects
    */
-  placeholder: string,
+  placeholder: _propTypes.string,
   /**
    * Additional help text displayed below the label
    * Provides context or instructions for the user
    */
-  helpText: string,
+  helpText: _propTypes.string,
   // =============
   // Layout Props
   // =============
@@ -309,17 +295,17 @@ Select.propTypes = {
    * Whether to hide the label visually (but keep it for screen readers)
    * Use when layout constraints require hidden labels
    */
-  hideLabel: bool,
+  hideLabel: _propTypes.bool,
   /**
    * Whether multiple options can be selected
    * Changes the select behavior and value type
    */
-  multiple: bool,
+  multiple: _propTypes.bool,
   /**
    * Number of visible options (for multiple selects)
    * Controls the height of the select box
    */
-  size: number,
+  size: _propTypes.number,
   // ==================
   // Validation Props
   // ==================
@@ -327,22 +313,22 @@ Select.propTypes = {
    * Whether selection is required for form validation
    * Adds visual indicator and accessibility attributes
    */
-  required: bool,
+  required: _propTypes.bool,
   /**
    * Whether the select is in an error state
    * Shows error styling and sets aria-invalid
    */
-  error: bool,
+  error: _propTypes.bool,
   /**
    * Error message to display when error is true
    * Announced by screen readers for accessibility
    */
-  errorText: string,
+  errorText: _propTypes.string,
   /**
    * Whether the select is disabled
    * Prevents user interaction and excludes from form submission
    */
-  disabled: bool,
+  disabled: _propTypes.bool,
   // ====================
   // Accessibility Props
   // ====================
@@ -350,27 +336,27 @@ Select.propTypes = {
    * Unique identifier for the select element
    * Generated automatically if not provided
    */
-  id: string,
+  id: _propTypes.string,
   /**
    * Accessible label for screen readers when hideLabel is true
    * Should be provided when label is hidden visually
    */
-  ariaLabel: string,
+  ariaLabel: _propTypes.string,
   /**
    * Space-separated IDs of elements that describe this select
    * Used for additional context or instructions
    */
-  ariaDescribedBy: string,
+  ariaDescribedBy: _propTypes.string,
   /**
    * Explicitly set aria-required (usually handled by required prop)
    * Override for custom validation scenarios
    */
-  ariaRequired: bool,
+  ariaRequired: _propTypes.bool,
   /**
    * Tab order position for keyboard navigation
    * Usually managed automatically by DOM order
    */
-  tabIndex: number,
+  tabIndex: _propTypes.number,
   // ================
   // Event Handlers
   // ================
@@ -378,17 +364,17 @@ Select.propTypes = {
    * Function called when select receives focus
    * @param {Event} event - The focus event
    */
-  onFocus: func,
+  onFocus: _propTypes.func,
   /**
    * Function called when select loses focus
    * @param {Event} event - The blur event
    */
-  onBlur: func,
+  onBlur: _propTypes.func,
   /**
    * Function called on keydown events
    * @param {KeyboardEvent} event - The keyboard event
    */
-  onKeyDown: func,
+  onKeyDown: _propTypes.func,
   // ==============
   // Styling Props
   // ==============
@@ -396,12 +382,12 @@ Select.propTypes = {
    * Additional CSS classes to apply to the wrapper
    * Merged with default component classes
    */
-  className: string,
+  className: _propTypes.string,
   /**
    * Inline styles for the select element
    * Use sparingly - prefer CSS classes
    */
-  style: object,
+  style: _propTypes.object,
   // ==============
   // Testing Props
   // ==============
@@ -409,12 +395,12 @@ Select.propTypes = {
    * Test ID for automated testing frameworks
    * Applied as data-testid attribute
    */
-  'data-testid': string,
+  'data-testid': _propTypes.string,
   /**
    * Cypress test selector
    * Applied as data-cy attribute
    */
-  'data-cy': string
+  'data-cy': _propTypes.string
 };
 
 // Set display name for better debugging and dev tools

package/dist/components/Tabs.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tabs = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Animation = require("./Animation");
 var _propTypes = require("prop-types");
 var _ssrSafeId = require("../utils/ssrSafeId");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -185,10 +184,7 @@ const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)(({
       tabIndex: isActive ? 0 : -1
     }, tabPanelProps, tab.panelProps), isActive && /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClass}__panel-content`
-    }, /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-      fadingEntrances: "fadeIn",
-      duration: "faster"
-    }, typeof tab.content === 'function' ? tab.content() : tab.content)));
+    }, typeof tab.content === 'function' ? tab.content() : tab.content));
   })));
 });
 

package/dist/components/TextInput.js

@@ -8,7 +8,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _Label = require("./Label");
 var _Error = require("./Error");
-var _Animation = require("./Animation");
 var _ssrSafeId = require("../utils/ssrSafeId");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /*eslint-disable no-unused-vars*/ // components
@@ -110,10 +109,7 @@ const TextInput = exports.TextInput = /*#__PURE__*/(0, _react.forwardRef)(({
   // Build CSS classes
   const wrapperClasses = [`${componentName}-wrapper`, finalClassName, `${componentName}-wrapper--${variant}`, `${componentName}-wrapper--${size}`, error && `${componentName}-wrapper--error`, disabled && `${componentName}-wrapper--disabled`, readOnly && `${componentName}-wrapper--readonly`].filter(Boolean).join(' ');
   const inputClasses = ['input', 'text-input', `text-input--${variant}`, `text-input--${size}`, `text-input--type-${finalType}`, error && 'text-input--error', disabled && 'text-input--disabled', readOnly && 'text-input--readonly'].filter(Boolean).join(' ');
-  return /*#__PURE__*/_react.default.createElement(_Animation.AnimatedDiv, {
-    fadingEntrances: "fadeIn",
-    duration: "faster"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperClasses,
     "data-testid": `${componentName}-wrapper`
   }, showLabel && finalLabel && /*#__PURE__*/_react.default.createElement(_Label.Label, {
@@ -158,7 +154,7 @@ const TextInput = exports.TextInput = /*#__PURE__*/(0, _react.forwardRef)(({
     className: `${componentName}__error`,
     role: "alert",
     "aria-live": "polite"
-  }, errorText)));
+  }, errorText));
 });
 
 // Set display name for debugging

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abstraks-dev/ui-library",
-  "version": "1.4.0",
+  "version": "2.0.0",
   "description": "User Interface library",
   "main": "dist/index.js",
   "files": [