@asante-org/leybold-design-system 1.3.3 → 1.3.6
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.
- package/dist/index.esm.js +4575 -2205
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4618 -2206
- package/dist/index.js.map +1 -1
- package/dist/src/components/ContentCardHorizontal/index.d.ts +1 -1
- package/dist/src/experience/qr-form-journey/QrFormJourney.d.ts +0 -1
- package/dist/src/index.d.ts +2 -1
- package/dist/src/types/cards.d.ts +4 -2
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -3
- package/dist/app/layout.d.ts +0 -9
- package/dist/app/page.d.ts +0 -2
- package/dist/index.css +0 -88
- package/dist/index.d.ts +0 -3
- package/dist/index.esm.css +0 -88
- package/dist/stories/components/Algolia-dynamic-search/algolia-dynamic-search.d.ts +0 -4
- package/dist/stories/components/Algolia-dynamic-search/algolia-dynamic-search.stories.d.ts +0 -7
- package/dist/stories/components/Button/Button.d.ts +0 -35
- package/dist/stories/components/Button/Button.stories.d.ts +0 -15
- package/dist/stories/components/Button/index.d.ts +0 -2
- package/dist/stories/components/QRFormJourney/Qr-form/Qr-form.d.ts +0 -2
- package/dist/stories/components/QRFormJourney/Qr-form/Qr-form.stories.d.ts +0 -7
- package/dist/utils/styles/index.d.ts +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@asante-org/leybold-design-system",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.6",
|
|
4
4
|
"description": "Design system for Leybold",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -24,9 +24,8 @@
|
|
|
24
24
|
"release:major": "npm version major && npm run build:npm && npm run publish:npm"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@asante-org/edwardsvacuum-design-system": "^1.9.
|
|
27
|
+
"@asante-org/edwardsvacuum-design-system": "^1.9.6",
|
|
28
28
|
"classnames": "^2.5.1",
|
|
29
|
-
"next": "13.3.0",
|
|
30
29
|
"path": "^0.12.7",
|
|
31
30
|
"react-slick": "^0.31.0",
|
|
32
31
|
"slick-carousel": "~1.8.1",
|
|
@@ -34,6 +33,7 @@
|
|
|
34
33
|
},
|
|
35
34
|
"devDependencies": {
|
|
36
35
|
"@babel/preset-react": "^7.26.3",
|
|
36
|
+
"@babel/runtime": "^7.28.6",
|
|
37
37
|
"@fortawesome/fontawesome-pro": "^6.4.0",
|
|
38
38
|
"@fortawesome/fontawesome-svg-core": "^6.4.2",
|
|
39
39
|
"@fortawesome/free-brands-svg-icons": "^6.4.2",
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
"fs-extra": "11.1.1",
|
|
80
80
|
"glob": "10.3.10",
|
|
81
81
|
"http-server": "14.1.1",
|
|
82
|
+
"next": "13.3.0",
|
|
82
83
|
"postcss": "8.4.23",
|
|
83
84
|
"postcss-loader": "^7.3.4",
|
|
84
85
|
"prettier": "^2.8.8",
|
package/dist/app/layout.d.ts
DELETED
package/dist/app/page.d.ts
DELETED
package/dist/index.css
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
.Button-module__button___yfSXe {
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
justify-content: center;
|
|
5
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
6
|
-
font-weight: 600;
|
|
7
|
-
line-height: 1.5;
|
|
8
|
-
text-align: center;
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
vertical-align: middle;
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
-webkit-user-select: none;
|
|
13
|
-
-moz-user-select: none;
|
|
14
|
-
user-select: none;
|
|
15
|
-
border: 2px solid transparent;
|
|
16
|
-
border-radius: 4px;
|
|
17
|
-
transition: all 0.2s ease-in-out;
|
|
18
|
-
}
|
|
19
|
-
.Button-module__button___yfSXe:focus-visible {
|
|
20
|
-
outline: 2px solid #0066cc;
|
|
21
|
-
outline-offset: 2px;
|
|
22
|
-
}
|
|
23
|
-
.Button-module__button--primary___XhVfu {
|
|
24
|
-
color: white;
|
|
25
|
-
background-color: #0066cc;
|
|
26
|
-
border-color: #0066cc;
|
|
27
|
-
}
|
|
28
|
-
.Button-module__button--primary___XhVfu:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
29
|
-
background-color: rgb(0, 76.5, 153);
|
|
30
|
-
border-color: rgb(0, 76.5, 153);
|
|
31
|
-
}
|
|
32
|
-
.Button-module__button--primary___XhVfu:active:not(.Button-module__button--disabled___zC2nI) {
|
|
33
|
-
background-color: rgb(0, 63.75, 127.5);
|
|
34
|
-
border-color: rgb(0, 63.75, 127.5);
|
|
35
|
-
}
|
|
36
|
-
.Button-module__button--secondary___iFz5O {
|
|
37
|
-
color: white;
|
|
38
|
-
background-color: #6c757d;
|
|
39
|
-
border-color: #6c757d;
|
|
40
|
-
}
|
|
41
|
-
.Button-module__button--secondary___iFz5O:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
42
|
-
background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
|
|
43
|
-
border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
|
|
44
|
-
}
|
|
45
|
-
.Button-module__button--secondary___iFz5O:active:not(.Button-module__button--disabled___zC2nI) {
|
|
46
|
-
background-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
|
|
47
|
-
border-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
|
|
48
|
-
}
|
|
49
|
-
.Button-module__button--outline___G4qIX {
|
|
50
|
-
color: #0066cc;
|
|
51
|
-
background-color: transparent;
|
|
52
|
-
border-color: #0066cc;
|
|
53
|
-
}
|
|
54
|
-
.Button-module__button--outline___G4qIX:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
55
|
-
color: white;
|
|
56
|
-
background-color: #0066cc;
|
|
57
|
-
}
|
|
58
|
-
.Button-module__button--outline___G4qIX:active:not(.Button-module__button--disabled___zC2nI) {
|
|
59
|
-
background-color: rgb(0, 76.5, 153);
|
|
60
|
-
border-color: rgb(0, 76.5, 153);
|
|
61
|
-
}
|
|
62
|
-
.Button-module__button--text___6Kh5s {
|
|
63
|
-
color: #0066cc;
|
|
64
|
-
background-color: transparent;
|
|
65
|
-
border-color: transparent;
|
|
66
|
-
}
|
|
67
|
-
.Button-module__button--text___6Kh5s:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
68
|
-
background-color: rgba(0, 102, 204, 0.1);
|
|
69
|
-
}
|
|
70
|
-
.Button-module__button--text___6Kh5s:active:not(.Button-module__button--disabled___zC2nI) {
|
|
71
|
-
background-color: rgba(0, 102, 204, 0.2);
|
|
72
|
-
}
|
|
73
|
-
.Button-module__button--small___T4-Pw {
|
|
74
|
-
padding: 0.5rem 1rem;
|
|
75
|
-
font-size: 0.875rem;
|
|
76
|
-
}
|
|
77
|
-
.Button-module__button--medium___EwhUs {
|
|
78
|
-
padding: 1rem 1.5rem;
|
|
79
|
-
font-size: 1rem;
|
|
80
|
-
}
|
|
81
|
-
.Button-module__button--large___uuXbF {
|
|
82
|
-
padding: 1.5rem 2rem;
|
|
83
|
-
font-size: 1.125rem;
|
|
84
|
-
}
|
|
85
|
-
.Button-module__button--disabled___zC2nI {
|
|
86
|
-
opacity: 0.5;
|
|
87
|
-
cursor: not-allowed;
|
|
88
|
-
}
|
package/dist/index.d.ts
DELETED
package/dist/index.esm.css
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
.Button-module__button___yfSXe {
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
justify-content: center;
|
|
5
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
6
|
-
font-weight: 600;
|
|
7
|
-
line-height: 1.5;
|
|
8
|
-
text-align: center;
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
vertical-align: middle;
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
-webkit-user-select: none;
|
|
13
|
-
-moz-user-select: none;
|
|
14
|
-
user-select: none;
|
|
15
|
-
border: 2px solid transparent;
|
|
16
|
-
border-radius: 4px;
|
|
17
|
-
transition: all 0.2s ease-in-out;
|
|
18
|
-
}
|
|
19
|
-
.Button-module__button___yfSXe:focus-visible {
|
|
20
|
-
outline: 2px solid #0066cc;
|
|
21
|
-
outline-offset: 2px;
|
|
22
|
-
}
|
|
23
|
-
.Button-module__button--primary___XhVfu {
|
|
24
|
-
color: white;
|
|
25
|
-
background-color: #0066cc;
|
|
26
|
-
border-color: #0066cc;
|
|
27
|
-
}
|
|
28
|
-
.Button-module__button--primary___XhVfu:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
29
|
-
background-color: rgb(0, 76.5, 153);
|
|
30
|
-
border-color: rgb(0, 76.5, 153);
|
|
31
|
-
}
|
|
32
|
-
.Button-module__button--primary___XhVfu:active:not(.Button-module__button--disabled___zC2nI) {
|
|
33
|
-
background-color: rgb(0, 63.75, 127.5);
|
|
34
|
-
border-color: rgb(0, 63.75, 127.5);
|
|
35
|
-
}
|
|
36
|
-
.Button-module__button--secondary___iFz5O {
|
|
37
|
-
color: white;
|
|
38
|
-
background-color: #6c757d;
|
|
39
|
-
border-color: #6c757d;
|
|
40
|
-
}
|
|
41
|
-
.Button-module__button--secondary___iFz5O:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
42
|
-
background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
|
|
43
|
-
border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
|
|
44
|
-
}
|
|
45
|
-
.Button-module__button--secondary___iFz5O:active:not(.Button-module__button--disabled___zC2nI) {
|
|
46
|
-
background-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
|
|
47
|
-
border-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
|
|
48
|
-
}
|
|
49
|
-
.Button-module__button--outline___G4qIX {
|
|
50
|
-
color: #0066cc;
|
|
51
|
-
background-color: transparent;
|
|
52
|
-
border-color: #0066cc;
|
|
53
|
-
}
|
|
54
|
-
.Button-module__button--outline___G4qIX:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
55
|
-
color: white;
|
|
56
|
-
background-color: #0066cc;
|
|
57
|
-
}
|
|
58
|
-
.Button-module__button--outline___G4qIX:active:not(.Button-module__button--disabled___zC2nI) {
|
|
59
|
-
background-color: rgb(0, 76.5, 153);
|
|
60
|
-
border-color: rgb(0, 76.5, 153);
|
|
61
|
-
}
|
|
62
|
-
.Button-module__button--text___6Kh5s {
|
|
63
|
-
color: #0066cc;
|
|
64
|
-
background-color: transparent;
|
|
65
|
-
border-color: transparent;
|
|
66
|
-
}
|
|
67
|
-
.Button-module__button--text___6Kh5s:hover:not(.Button-module__button--disabled___zC2nI) {
|
|
68
|
-
background-color: rgba(0, 102, 204, 0.1);
|
|
69
|
-
}
|
|
70
|
-
.Button-module__button--text___6Kh5s:active:not(.Button-module__button--disabled___zC2nI) {
|
|
71
|
-
background-color: rgba(0, 102, 204, 0.2);
|
|
72
|
-
}
|
|
73
|
-
.Button-module__button--small___T4-Pw {
|
|
74
|
-
padding: 0.5rem 1rem;
|
|
75
|
-
font-size: 0.875rem;
|
|
76
|
-
}
|
|
77
|
-
.Button-module__button--medium___EwhUs {
|
|
78
|
-
padding: 1rem 1.5rem;
|
|
79
|
-
font-size: 1rem;
|
|
80
|
-
}
|
|
81
|
-
.Button-module__button--large___uuXbF {
|
|
82
|
-
padding: 1.5rem 2rem;
|
|
83
|
-
font-size: 1.125rem;
|
|
84
|
-
}
|
|
85
|
-
.Button-module__button--disabled___zC2nI {
|
|
86
|
-
opacity: 0.5;
|
|
87
|
-
cursor: not-allowed;
|
|
88
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import AlgoliaDynamicSearchLeybold from "./algolia-dynamic-search";
|
|
3
|
-
declare const meta: Meta<typeof AlgoliaDynamicSearchLeybold>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AlgoliaDynamicSearchLeybold>;
|
|
6
|
-
export declare const Products: Story;
|
|
7
|
-
export declare const ProductDetails: Story;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface ButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* Button content
|
|
5
|
-
*/
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Button variant
|
|
9
|
-
*/
|
|
10
|
-
variant?: 'primary' | 'secondary' | 'outline' | 'text';
|
|
11
|
-
/**
|
|
12
|
-
* Button size
|
|
13
|
-
*/
|
|
14
|
-
size?: 'small' | 'medium' | 'large';
|
|
15
|
-
/**
|
|
16
|
-
* Is button disabled?
|
|
17
|
-
*/
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Optional click handler
|
|
21
|
-
*/
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
/**
|
|
24
|
-
* Button type
|
|
25
|
-
*/
|
|
26
|
-
type?: 'button' | 'submit' | 'reset';
|
|
27
|
-
/**
|
|
28
|
-
* Additional CSS classes
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Primary UI component for user interaction
|
|
34
|
-
*/
|
|
35
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Button } from './Button';
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Button>;
|
|
6
|
-
export declare const Primary: Story;
|
|
7
|
-
export declare const Secondary: Story;
|
|
8
|
-
export declare const Outline: Story;
|
|
9
|
-
export declare const Text: Story;
|
|
10
|
-
export declare const Small: Story;
|
|
11
|
-
export declare const Medium: Story;
|
|
12
|
-
export declare const Large: Story;
|
|
13
|
-
export declare const Disabled: Story;
|
|
14
|
-
export declare const AllVariants: Story;
|
|
15
|
-
export declare const AllSizes: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { QrFormLeybold } from "./Qr-form";
|
|
3
|
-
declare const meta: Meta<typeof QrFormLeybold>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof QrFormLeybold>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const AEM: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|