@asante-org/leybold-design-system 1.2.2 → 1.3.0

package/package.json

@@ -1,115 +1,115 @@
-{
-  "name": "@asante-org/leybold-design-system",
-  "version": "1.2.2",
-  "description": "Design system for Leybold",
-  "license": "UNLICENSED",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "dist/assets"
-  ],
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build:npm": "rollup -c && node copy-css.js",
-    "publish:npm": "npm publish --access public",
-    "release:patch": "npm version patch && npm run build:npm && npm run publish:npm",
-    "release:minor": "npm version minor && npm run build:npm && npm run publish:npm",
-    "release:major": "npm version major && npm run build:npm && npm run publish:npm"
-  },
-  "dependencies": {
-    "@asante-org/edwardsvacuum-design-system": "^1.8.3",
-    "classnames": "^2.5.1",
-    "next": "13.3.0",
-    "path": "^0.12.7",
-    "react-slick": "^0.31.0",
-    "slick-carousel": "~1.8.1",
-    "uuidv4": "^6.2.13"
-  },
-  "devDependencies": {
-    "@babel/preset-react": "^7.26.3",
-    "@fortawesome/fontawesome-pro": "^6.4.0",
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-brands-svg-icons": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "~6.7.2",
-    "@fortawesome/pro-duotone-svg-icons": "^6.4.0",
-    "@fortawesome/pro-light-svg-icons": "^6.4.0",
-    "@fortawesome/pro-regular-svg-icons": "^6.4.0",
-    "@fortawesome/pro-solid-svg-icons": "^6.7.2",
-    "@fortawesome/pro-thin-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@fortawesome/sharp-solid-svg-icons": "^6.4.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-a11y": "7.0.12",
-    "@storybook/addon-essentials": "7.0.4",
-    "@storybook/addon-interactions": "7.0.4",
-    "@storybook/addon-links": "7.0.12",
-    "@storybook/addon-storysource": "7.0.12",
-    "@storybook/addon-styling": "1.0.1",
-    "@storybook/blocks": "7.0.4",
-    "@storybook/nextjs": "7.0.4",
-    "@storybook/react": "7.0.4",
-    "@storybook/testing-library": "0.0.14-next.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "18.15.11",
-    "@types/react": "18.0.35",
-    "@types/react-dom": "18.0.11",
-    "@types/react-slick": ">=0.23.10",
-    "@whitespace/storybook-addon-html": "^5.1.6",
-    "ajv": "^8.0.0",
-    "ajv-keywords": "^5.0.0",
-    "algoliasearch": "^5.45.0",
-    "autoprefixer": "10.4.14",
-    "css-loader": "^7.1.2",
-    "eslint": ">=6.8.0",
-    "eslint-config-next": "13.3.0",
-    "eslint-plugin-storybook": "^0.6.11",
-    "fs-extra": "11.1.1",
-    "glob": "10.3.10",
-    "http-server": "14.1.1",
-    "postcss": "8.4.23",
-    "postcss-loader": "^7.3.4",
-    "prettier": "^2.8.8",
-    "raw-loader": "^4.0.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-syntax-highlighter": "^15.5.0",
-    "rollup": "^4.34.8",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-typescript-paths": "^1.5.0",
-    "rollup-plugin-visualizer": "^6.0.4",
-    "sass": "^1.85.0",
-    "sass-loader": "^16.0.5",
-    "storybook": "7.0.4",
-    "storybook-addon-pseudo-states": "~2.0.2",
-    "style-loader": "^4.0.0",
-    "tailwindcss": "3.3.1",
-    "typescript": "5.0.4"
-  },
-  "peerDependencies": {
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "resolutions": {
-    "cli-table3": "0.5.1",
-    "strip-ansi": "6.0.1",
-    "sass-loader": "13.3.3"
-  }
-}
+{
+  "name": "@asante-org/leybold-design-system",
+  "version": "1.3.0",
+  "description": "Design system for Leybold",
+  "license": "UNLICENSED",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "dist/assets"
+  ],
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:npm": "rollup -c && node copy-css.js",
+    "publish:npm": "npm publish --access public",
+    "release:patch": "npm version patch && npm run build:npm && npm run publish:npm",
+    "release:minor": "npm version minor && npm run build:npm && npm run publish:npm",
+    "release:major": "npm version major && npm run build:npm && npm run publish:npm"
+  },
+  "dependencies": {
+    "@asante-org/edwardsvacuum-design-system": "^1.9.0",
+    "classnames": "^2.5.1",
+    "next": "13.3.0",
+    "path": "^0.12.7",
+    "react-slick": "^0.31.0",
+    "slick-carousel": "~1.8.1",
+    "uuidv4": "^6.2.13"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.26.3",
+    "@fortawesome/fontawesome-pro": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "~6.7.2",
+    "@fortawesome/pro-duotone-svg-icons": "^6.4.0",
+    "@fortawesome/pro-light-svg-icons": "^6.4.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.4.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.7.2",
+    "@fortawesome/pro-thin-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@fortawesome/sharp-solid-svg-icons": "^6.4.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-a11y": "7.0.12",
+    "@storybook/addon-essentials": "7.0.4",
+    "@storybook/addon-interactions": "7.0.4",
+    "@storybook/addon-links": "7.0.12",
+    "@storybook/addon-storysource": "7.0.12",
+    "@storybook/addon-styling": "1.0.1",
+    "@storybook/blocks": "7.0.4",
+    "@storybook/nextjs": "7.0.4",
+    "@storybook/react": "7.0.4",
+    "@storybook/testing-library": "0.0.14-next.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.2.0",
+    "@types/node": "18.15.11",
+    "@types/react": "18.0.35",
+    "@types/react-dom": "18.0.11",
+    "@types/react-slick": ">=0.23.10",
+    "@whitespace/storybook-addon-html": "^5.1.6",
+    "ajv": "^8.0.0",
+    "ajv-keywords": "^5.0.0",
+    "algoliasearch": "^5.45.0",
+    "autoprefixer": "10.4.14",
+    "css-loader": "^7.1.2",
+    "eslint": ">=6.8.0",
+    "eslint-config-next": "13.3.0",
+    "eslint-plugin-storybook": "^0.6.11",
+    "fs-extra": "11.1.1",
+    "glob": "10.3.10",
+    "http-server": "14.1.1",
+    "postcss": "8.4.23",
+    "postcss-loader": "^7.3.4",
+    "prettier": "^2.8.8",
+    "raw-loader": "^4.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-syntax-highlighter": "^15.5.0",
+    "rollup": "^4.34.8",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript-paths": "^1.5.0",
+    "rollup-plugin-visualizer": "^6.0.4",
+    "sass": "^1.85.0",
+    "sass-loader": "^16.0.5",
+    "storybook": "7.0.4",
+    "storybook-addon-pseudo-states": "~2.0.2",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "3.3.1",
+    "typescript": "5.0.4"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "resolutions": {
+    "cli-table3": "0.5.1",
+    "strip-ansi": "6.0.1",
+    "sass-loader": "13.3.3"
+  }
+}

package/dist/app/layout.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import './globals.css';
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function RootLayout({ children, }: {
-    children: React.ReactNode;
-}): JSX.Element;

package/dist/app/page.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Home(): JSX.Element;

package/dist/index.css

@@ -1,88 +0,0 @@
-.Button-module__button___yfSXe {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-weight: 600;
-  line-height: 1.5;
-  text-align: center;
-  text-decoration: none;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  border: 2px solid transparent;
-  border-radius: 4px;
-  transition: all 0.2s ease-in-out;
-}
-.Button-module__button___yfSXe:focus-visible {
-  outline: 2px solid #0066cc;
-  outline-offset: 2px;
-}
-.Button-module__button--primary___XhVfu {
-  color: white;
-  background-color: #0066cc;
-  border-color: #0066cc;
-}
-.Button-module__button--primary___XhVfu:hover:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(0, 76.5, 153);
-  border-color: rgb(0, 76.5, 153);
-}
-.Button-module__button--primary___XhVfu:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(0, 63.75, 127.5);
-  border-color: rgb(0, 63.75, 127.5);
-}
-.Button-module__button--secondary___iFz5O {
-  color: white;
-  background-color: #6c757d;
-  border-color: #6c757d;
-}
-.Button-module__button--secondary___iFz5O:hover:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-}
-.Button-module__button--secondary___iFz5O:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
-  border-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
-}
-.Button-module__button--outline___G4qIX {
-  color: #0066cc;
-  background-color: transparent;
-  border-color: #0066cc;
-}
-.Button-module__button--outline___G4qIX:hover:not(.Button-module__button--disabled___zC2nI) {
-  color: white;
-  background-color: #0066cc;
-}
-.Button-module__button--outline___G4qIX:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(0, 76.5, 153);
-  border-color: rgb(0, 76.5, 153);
-}
-.Button-module__button--text___6Kh5s {
-  color: #0066cc;
-  background-color: transparent;
-  border-color: transparent;
-}
-.Button-module__button--text___6Kh5s:hover:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgba(0, 102, 204, 0.1);
-}
-.Button-module__button--text___6Kh5s:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgba(0, 102, 204, 0.2);
-}
-.Button-module__button--small___T4-Pw {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-}
-.Button-module__button--medium___EwhUs {
-  padding: 1rem 1.5rem;
-  font-size: 1rem;
-}
-.Button-module__button--large___uuXbF {
-  padding: 1.5rem 2rem;
-  font-size: 1.125rem;
-}
-.Button-module__button--disabled___zC2nI {
-  opacity: 0.5;
-  cursor: not-allowed;
-}

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export { Button } from './stories/components/Button';
-export type { ButtonProps } from './stories/components/Button';
-export * from './utils/styles';

package/dist/index.esm.css

@@ -1,88 +0,0 @@
-.Button-module__button___yfSXe {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-weight: 600;
-  line-height: 1.5;
-  text-align: center;
-  text-decoration: none;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  border: 2px solid transparent;
-  border-radius: 4px;
-  transition: all 0.2s ease-in-out;
-}
-.Button-module__button___yfSXe:focus-visible {
-  outline: 2px solid #0066cc;
-  outline-offset: 2px;
-}
-.Button-module__button--primary___XhVfu {
-  color: white;
-  background-color: #0066cc;
-  border-color: #0066cc;
-}
-.Button-module__button--primary___XhVfu:hover:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(0, 76.5, 153);
-  border-color: rgb(0, 76.5, 153);
-}
-.Button-module__button--primary___XhVfu:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(0, 63.75, 127.5);
-  border-color: rgb(0, 63.75, 127.5);
-}
-.Button-module__button--secondary___iFz5O {
-  color: white;
-  background-color: #6c757d;
-  border-color: #6c757d;
-}
-.Button-module__button--secondary___iFz5O:hover:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-}
-.Button-module__button--secondary___iFz5O:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
-  border-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
-}
-.Button-module__button--outline___G4qIX {
-  color: #0066cc;
-  background-color: transparent;
-  border-color: #0066cc;
-}
-.Button-module__button--outline___G4qIX:hover:not(.Button-module__button--disabled___zC2nI) {
-  color: white;
-  background-color: #0066cc;
-}
-.Button-module__button--outline___G4qIX:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgb(0, 76.5, 153);
-  border-color: rgb(0, 76.5, 153);
-}
-.Button-module__button--text___6Kh5s {
-  color: #0066cc;
-  background-color: transparent;
-  border-color: transparent;
-}
-.Button-module__button--text___6Kh5s:hover:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgba(0, 102, 204, 0.1);
-}
-.Button-module__button--text___6Kh5s:active:not(.Button-module__button--disabled___zC2nI) {
-  background-color: rgba(0, 102, 204, 0.2);
-}
-.Button-module__button--small___T4-Pw {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-}
-.Button-module__button--medium___EwhUs {
-  padding: 1rem 1.5rem;
-  font-size: 1rem;
-}
-.Button-module__button--large___uuXbF {
-  padding: 1.5rem 2rem;
-  font-size: 1.125rem;
-}
-.Button-module__button--disabled___zC2nI {
-  opacity: 0.5;
-  cursor: not-allowed;
-}

package/dist/stories/components/Algolia-dynamic-search/algolia-dynamic-search.d.ts

@@ -1,4 +0,0 @@
-import "@asantemedia-org/edwardsvacuum-design-system/dist/index.scss";
-import "./algolia-dynamic-search.scss";
-declare const AlgoliaDynamicSearchLeybold: (props: any) => JSX.Element;
-export default AlgoliaDynamicSearchLeybold;

package/dist/stories/components/Algolia-dynamic-search/algolia-dynamic-search.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import AlgoliaDynamicSearchLeybold from "./algolia-dynamic-search";
-declare const meta: Meta<typeof AlgoliaDynamicSearchLeybold>;
-export default meta;
-type Story = StoryObj<typeof AlgoliaDynamicSearchLeybold>;
-export declare const Products: Story;
-export declare const ProductDetails: Story;

package/dist/stories/components/Button/Button.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-export interface ButtonProps {
-    /**
-     * Button content
-     */
-    children: React.ReactNode;
-    /**
-     * Button variant
-     */
-    variant?: 'primary' | 'secondary' | 'outline' | 'text';
-    /**
-     * Button size
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Is button disabled?
-     */
-    disabled?: boolean;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-    /**
-     * Button type
-     */
-    type?: 'button' | 'submit' | 'reset';
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: React.FC<ButtonProps>;

package/dist/stories/components/Button/Button.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from './Button';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Outline: Story;
-export declare const Text: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const Disabled: Story;
-export declare const AllVariants: Story;
-export declare const AllSizes: Story;

package/dist/stories/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';

package/dist/stories/components/QRFormJourney/Qr-form/Qr-form.d.ts

@@ -1,2 +0,0 @@
-import "./qr-form.scss";
-export declare const QrFormLeybold: (props: any) => JSX.Element;

package/dist/stories/components/QRFormJourney/Qr-form/Qr-form.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { QrFormLeybold } from "./Qr-form";
-declare const meta: Meta<typeof QrFormLeybold>;
-export default meta;
-type Story = StoryObj<typeof QrFormLeybold>;
-export declare const Default: Story;
-export declare const AEM: Story;

package/dist/utils/styles/index.d.ts

@@ -1 +0,0 @@
-export {};