@q2devel/q2-storybook 1.0.14 → 1.0.20

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.
@@ -1,4 +1,3 @@
1
- // src/index.tsx
2
1
  import createAuthContext from './context/AuthContextFactory';
3
2
  import createAuthContextProvider from './provider/AuthContextProviderFactory';
4
3
  import createUseCurrentUserHook from './hooks/useCurrentUserHookFactory';
@@ -0,0 +1,9 @@
1
+ import React, { JSX } from "react";
2
+ type HeadingProps = {
3
+ level: 1 | 2 | 3 | 4 | 5 | 6;
4
+ children: React.ReactNode;
5
+ className?: string;
6
+ id?: string;
7
+ };
8
+ export default function Heading1({ level, children, className, id }: HeadingProps): JSX.Element;
9
+ export {};
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ import buildClassesByJoining from "../../utils/StylingHelper";
3
+ export default function Heading1(_a) {
4
+ var _b = _a.level, level = _b === void 0 ? 1 : _b, children = _a.children, className = _a.className, id = _a.id;
5
+ var Tag = "h".concat(level);
6
+ var baseStyles = {
7
+ 1: "text-4xl font-bold mt-12 mb-8 text-gray-900",
8
+ 2: "text-3xl font-semibold text-gray-900",
9
+ 3: "text-2xl font-semibold text-gray-900",
10
+ 4: "text-xl font-medium text-gray-900",
11
+ 5: "text-lg font-medium text-gray-900",
12
+ 6: "text-base font-medium text-gray-900",
13
+ };
14
+ return (React.createElement(Tag, { id: id, className: buildClassesByJoining(baseStyles[level], className) }, children));
15
+ }
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
3
3
  import React, { useEffect, useState } from 'react';
4
- import buildClassesByJoining from '../../utils/StyleHelper';
4
+ import buildClassesByJoining from '../../utils/StylingHelper';
5
5
  export var Banner = function (_a) {
6
6
  var items = _a.items, _b = _a.height, height = _b === void 0 ? 'md' : _b, _c = _a.autoplay, autoplay = _c === void 0 ? false : _c, _d = _a.autoplayInterval, autoplayInterval = _d === void 0 ? 5000 : _d, _e = _a.controls, controls = _e === void 0 ? 'both' : _e, _f = _a.overlayStyle, overlayStyle = _f === void 0 ? 'gradient' : _f, _g = _a.textAlignment, textAlignment = _g === void 0 ? 'center' : _g, _h = _a.textPosition, textPosition = _h === void 0 ? 'center' : _h, _j = _a.className, className = _j === void 0 ? '' : _j, _k = _a.imageClassName, imageClassName = _k === void 0 ? '' : _k, _l = _a.titleClassName, titleClassName = _l === void 0 ? '' : _l, _m = _a.subtitleClassName, subtitleClassName = _m === void 0 ? '' : _m, _o = _a.buttonClassName, buttonClassName = _o === void 0 ? '' : _o, _p = _a.indicatorsClassName, indicatorsClassName = _p === void 0 ? '' : _p, _q = _a.controlsClassName, controlsClassName = _q === void 0 ? '' : _q, _r = _a.contentClassName, contentClassName = _r === void 0 ? '' : _r, _s = _a.rounded, rounded = _s === void 0 ? 'none' : _s, _t = _a.buttonRounded, buttonRounded = _t === void 0 ? 'md' : _t, _u = _a.animation, animation = _u === void 0 ? 'slide' : _u, _v = _a.animationDuration, animationDuration = _v === void 0 ? 500 : _v, _w = _a.pauseOnHover, pauseOnHover = _w === void 0 ? true : _w, _x = _a.infiniteLoop, infiniteLoop = _x === void 0 ? true : _x, _y = _a.objectFit, objectFit = _y === void 0 ? 'cover' : _y, _z = _a.objectPosition, objectPosition = _z === void 0 ? 'center' : _z, renderItem = _a.renderItem, renderControls = _a.renderControls, renderIndicators = _a.renderIndicators, onSlideChange = _a.onSlideChange, _0 = _a.withOverlay, withOverlay = _0 === void 0 ? true : _0, _1 = _a.overlayOpacity, overlayOpacity = _1 === void 0 ? 0.5 : _1;
7
7
  var _2 = useState(0), currentIndex = _2[0], setCurrentIndex = _2[1];
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
3
3
  import React, { useState } from 'react';
4
- import buildClassesByJoining from '../../utils/StyleHelper';
4
+ import buildClassesByJoining from '../../utils/StylingHelper';
5
5
  export var NavBar = function (_a) {
6
6
  var
7
7
  // Structure
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import { MinusIcon, PlusIcon } from '@heroicons/react/24/solid';
13
13
  import React, { useState } from 'react';
14
- import { buildClassesByJoining } from '../../utils/StyleHelper';
14
+ import { buildClassesByJoining } from '../../utils/StylingHelper';
15
15
  // Quantity Control Component
16
16
  var QuantityControl = function (_a) {
17
17
  var quantity = _a.quantity, onIncrement = _a.onIncrement, onDecrement = _a.onDecrement, _b = _a.minQuantity, minQuantity = _b === void 0 ? 0 : _b, _c = _a.maxQuantity, maxQuantity = _c === void 0 ? 99 : _c, _d = _a.controlsClassName, controlsClassName = _d === void 0 ? '' : _d, _e = _a.buttonClassName, buttonClassName = _e === void 0 ? '' : _e, _f = _a.quantityClassName, quantityClassName = _f === void 0 ? '' : _f;
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  }
22
22
  return t;
23
23
  };
24
- import { buildClassesByJoining } from '../../utils/StyleHelper';
24
+ import { buildClassesByJoining } from '../../utils/StylingHelper';
25
25
  import React, { forwardRef, isValidElement, useId } from 'react';
26
26
  import ReactSelect from 'react-select';
27
27
  import Badge from '../badge/Badge';
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  }
22
22
  return t;
23
23
  };
24
- import { buildClassesByJoining } from '../../utils/StyleHelper';
24
+ import { buildClassesByJoining } from '../../utils/StylingHelper';
25
25
  import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/outline';
26
26
  import { forwardRef, useCallback, useId, useMemo, useState } from 'react';
27
27
  import React from 'react';
package/dist/index.d.ts CHANGED
@@ -1,3 +1,7 @@
1
+ export { default as createAuthentication } from './auth';
2
+ export * from './auth/config/config.types';
3
+ export * from './auth/service/AuthService.types';
4
+ export * from './auth/types';
1
5
  export { default as Badge } from './components/badge/Badge';
2
6
  export { Banner } from './components/banner/Banner';
3
7
  export { default as Button } from './components/button/Button';
@@ -6,4 +10,4 @@ export { ProductCard } from './components/product-card/ProductCard';
6
10
  export { default as SelectField } from './components/select-field/SelectField';
7
11
  export { default as TextField } from './components/text-field/TextField';
8
12
  export { default as ImageWithText } from './components/text-with-image/ImageWithText';
9
- export { buildClassesByJoining } from './utils/StyleHelper';
13
+ export { buildClassesByJoining } from './utils/StylingHelper';
package/dist/index.js CHANGED
@@ -1,3 +1,7 @@
1
+ export { default as createAuthentication } from './auth';
2
+ export * from './auth/config/config.types';
3
+ export * from './auth/service/AuthService.types';
4
+ export * from './auth/types';
1
5
  export { default as Badge } from './components/badge/Badge';
2
6
  export { Banner } from './components/banner/Banner';
3
7
  export { default as Button } from './components/button/Button';
@@ -6,4 +10,4 @@ export { ProductCard } from './components/product-card/ProductCard';
6
10
  export { default as SelectField } from './components/select-field/SelectField';
7
11
  export { default as TextField } from './components/text-field/TextField';
8
12
  export { default as ImageWithText } from './components/text-with-image/ImageWithText';
9
- export { buildClassesByJoining } from './utils/StyleHelper';
13
+ export { buildClassesByJoining } from './utils/StylingHelper';
@@ -1,4 +1,4 @@
1
- import { twMerge } from 'tailwind-merge';
2
- export declare const buildClassesByJoining: (...args: any[]) => string;
3
- export { twMerge };
4
- export default buildClassesByJoining;
1
+ import { twMerge } from 'tailwind-merge';
2
+ export declare const buildClassesByJoining: (...args: any[]) => string;
3
+ export { twMerge };
4
+ export default buildClassesByJoining;
@@ -1,12 +1,12 @@
1
- import classNames from 'classnames';
2
- import { twMerge } from 'tailwind-merge';
3
- export var buildClassesByJoining = function () {
4
- var args = [];
5
- for (var _i = 0; _i < arguments.length; _i++) {
6
- args[_i] = arguments[_i];
7
- }
8
- var combinedClasses = classNames.apply(void 0, args);
9
- return twMerge(combinedClasses);
10
- };
11
- export { twMerge };
12
- export default buildClassesByJoining;
1
+ import classNames from 'classnames';
2
+ import { twMerge } from 'tailwind-merge';
3
+ export var buildClassesByJoining = function () {
4
+ var args = [];
5
+ for (var _i = 0; _i < arguments.length; _i++) {
6
+ args[_i] = arguments[_i];
7
+ }
8
+ var combinedClasses = classNames.apply(void 0, args);
9
+ return twMerge(combinedClasses);
10
+ };
11
+ export { twMerge };
12
+ export default buildClassesByJoining;
@@ -0,0 +1,4 @@
1
+ import { twMerge } from 'tailwind-merge';
2
+ export declare const buildClassesByJoining: (...args: any[]) => string;
3
+ export { twMerge };
4
+ export default buildClassesByJoining;
@@ -0,0 +1,12 @@
1
+ import classNames from 'classnames';
2
+ import { twMerge } from 'tailwind-merge';
3
+ export var buildClassesByJoining = function () {
4
+ var args = [];
5
+ for (var _i = 0; _i < arguments.length; _i++) {
6
+ args[_i] = arguments[_i];
7
+ }
8
+ var combinedClasses = classNames.apply(void 0, args);
9
+ return twMerge(combinedClasses);
10
+ };
11
+ export { twMerge };
12
+ export default buildClassesByJoining;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@q2devel/q2-storybook",
3
- "version": "1.0.14",
3
+ "version": "1.0.20",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",