@mmb-digital/design-system-web 0.1.3 → 0.1.4
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/components/button/index.d.ts +2 -0
- package/dist/index.cjs.js +12 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +12 -12
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/index.ts +3 -0
- package/src/index.ts +2 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e,t,o,s=require("react"),r=require("styled-components");!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(e||(e={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(t||(t={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(o||(o={}));const i=r.button`
|
|
2
2
|
/* common styles */
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-shrink: 0;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
cursor: pointer;
|
|
8
8
|
|
|
9
9
|
/* type specific styles */
|
|
10
|
-
${({buttonStyle:t})=>{switch(t){case e.PRIMARY:return
|
|
10
|
+
${({buttonStyle:t})=>{switch(t){case e.PRIMARY:return r.css`
|
|
11
11
|
color: ${({theme:e})=>e.colors.fg.neutral.white.light};
|
|
12
12
|
background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
|
|
13
13
|
border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
background-color: ${({theme:e})=>e.colors.bg.disabled.light};
|
|
30
30
|
border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
|
|
31
31
|
}
|
|
32
|
-
`;case e.SECONDARY:return
|
|
32
|
+
`;case e.SECONDARY:return r.css`
|
|
33
33
|
color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
|
|
34
34
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
35
35
|
border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtle.light};
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
54
54
|
border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
|
|
55
55
|
}
|
|
56
|
-
`;case e.TERTIARY:return
|
|
56
|
+
`;case e.TERTIARY:return r.css`
|
|
57
57
|
color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
|
|
58
58
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
59
59
|
border: none;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
`;default:return""}}}
|
|
78
78
|
|
|
79
79
|
/* size specific styles */
|
|
80
|
-
${({size:e})=>{switch(e){case t.XS:return
|
|
80
|
+
${({size:e})=>{switch(e){case t.XS:return r.css`
|
|
81
81
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
82
82
|
min-height: ${({theme:e})=>e.spacing.xl};
|
|
83
83
|
padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
line-height: ${({theme:e})=>e.font.lineHeight.body.xs};
|
|
87
87
|
letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
|
|
88
88
|
border-radius: ${({theme:e})=>e.borderRadius.xxs};
|
|
89
|
-
`;case t.SM:return
|
|
89
|
+
`;case t.SM:return r.css`
|
|
90
90
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
91
91
|
min-height: ${({theme:e})=>e.spacing.xl};
|
|
92
92
|
padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
|
|
96
96
|
letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
|
|
97
97
|
border-radius: ${({theme:e})=>e.borderRadius.xxs};
|
|
98
|
-
`;case t.MD:return
|
|
98
|
+
`;case t.MD:return r.css`
|
|
99
99
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
100
100
|
min-height: ${({theme:e})=>e.spacing.xxl};
|
|
101
101
|
padding: ${({theme:e})=>e.spacing.xs} ${({theme:e})=>e.spacing.sm};
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
|
|
105
105
|
letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
|
|
106
106
|
border-radius: ${({theme:e})=>e.borderRadius.xs};
|
|
107
|
-
`;case t.XL:return
|
|
107
|
+
`;case t.XL:return r.css`
|
|
108
108
|
gap: ${({theme:e})=>e.spacing.xs};
|
|
109
109
|
min-height: ${({theme:e})=>e.spacing.xxxl};
|
|
110
110
|
padding: ${({theme:e})=>e.spacing.sm};
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
font-weight: ${({theme:e})=>e.font.weight.medium};
|
|
113
113
|
line-height: ${({theme:e})=>e.font.lineHeight.body.md};
|
|
114
114
|
border-radius: ${({theme:e})=>e.borderRadius.xs};
|
|
115
|
-
`;case t.XXL:return
|
|
115
|
+
`;case t.XXL:return r.css`
|
|
116
116
|
gap: ${({theme:e})=>e.spacing.sm};
|
|
117
117
|
min-height: ${({theme:e})=>e.spacing.xxxxl};
|
|
118
118
|
padding: ${({theme:e})=>e.spacing.md} ${({theme:e})=>e.spacing.xl};
|
|
@@ -120,12 +120,12 @@
|
|
|
120
120
|
font-weight: ${({theme:e})=>e.font.weight.medium};
|
|
121
121
|
line-height: ${({theme:e})=>e.font.lineHeight.body.lg};
|
|
122
122
|
border-radius: ${({theme:e})=>e.borderRadius.sm};
|
|
123
|
-
`;default:return
|
|
123
|
+
`;default:return r.css`
|
|
124
124
|
border-radius: ${({theme:e})=>e.borderRadius.xxs};
|
|
125
125
|
`}}}
|
|
126
|
-
`,
|
|
126
|
+
`,l=r.div`
|
|
127
127
|
display: flex;
|
|
128
128
|
align-items: center;
|
|
129
129
|
height: 100%;
|
|
130
|
-
`;
|
|
130
|
+
`;exports.Button=e=>{const{buttonStyle:t,children:r,disabled:n=!1,displayOnlyIcon:h=!1,iconLeft:d,iconRight:c,onClick:a,size:g,type:m=o.BUTTON}=e;return s.createElement(i,{buttonStyle:t,disabled:n,displayOnlyIcon:h,size:g,type:m,onClick:a},void 0!==d&&s.createElement(l,{size:g},d),!h&&s.createElement(s.Fragment,null,r,void 0!==c&&s.createElement(l,{size:g},c)))};
|
|
131
131
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../src/components/button/button.types.ts","../src/components/button/button.styles.ts"],"sourcesContent":[null,null],"names":["ButtonStyle","ButtonSize","ButtonType","styled","button","buttonStyle","PRIMARY","css","theme","colors","fg","neutral","white","light","bg","brand","bold","border","hover","shadow","buttonFocus","pressed","disabled","SECONDARY","subtle","default","TERTIARY","size","XS","spacing","xxs","xl","xs","font","body","weight","medium","lineHeight","letterSpacing","md","borderRadius","SM","sm","MD","xxl","XL","xxxl","XXL","xxxxl","lg","div"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../src/components/button/button.types.ts","../src/components/button/button.styles.ts","../src/components/button/button.tsx"],"sourcesContent":[null,null,null],"names":["ButtonStyle","ButtonSize","ButtonType","ButtonStyled","styled","button","buttonStyle","PRIMARY","css","theme","colors","fg","neutral","white","light","bg","brand","bold","border","hover","shadow","buttonFocus","pressed","disabled","SECONDARY","subtle","default","TERTIARY","size","XS","spacing","xxs","xl","xs","font","body","weight","medium","lineHeight","letterSpacing","md","borderRadius","SM","sm","MD","xxl","XL","xxxl","XXL","xxxxl","lg","IconWrapperStyled","div","props","children","displayOnlyIcon","iconLeft","iconRight","onClick","type","BUTTON","React","createElement","undefined","Fragment"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './components/button/
|
|
1
|
+
export * from './components/button/index';
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"react";import
|
|
1
|
+
import e from"react";import t,{css as o}from"styled-components";var r,i,s;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(r||(r={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(i||(i={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(s||(s={}));const l=t.button`
|
|
2
2
|
/* common styles */
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-shrink: 0;
|
|
@@ -7,7 +7,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
7
7
|
cursor: pointer;
|
|
8
8
|
|
|
9
9
|
/* type specific styles */
|
|
10
|
-
${({buttonStyle:e})=>{switch(e){case
|
|
10
|
+
${({buttonStyle:e})=>{switch(e){case r.PRIMARY:return o`
|
|
11
11
|
color: ${({theme:e})=>e.colors.fg.neutral.white.light};
|
|
12
12
|
background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
|
|
13
13
|
border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
|
|
@@ -29,7 +29,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
29
29
|
background-color: ${({theme:e})=>e.colors.bg.disabled.light};
|
|
30
30
|
border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
|
|
31
31
|
}
|
|
32
|
-
`;case
|
|
32
|
+
`;case r.SECONDARY:return o`
|
|
33
33
|
color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
|
|
34
34
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
35
35
|
border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtle.light};
|
|
@@ -53,7 +53,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
53
53
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
54
54
|
border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
|
|
55
55
|
}
|
|
56
|
-
`;case
|
|
56
|
+
`;case r.TERTIARY:return o`
|
|
57
57
|
color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
|
|
58
58
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
59
59
|
border: none;
|
|
@@ -77,7 +77,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
77
77
|
`;default:return""}}}
|
|
78
78
|
|
|
79
79
|
/* size specific styles */
|
|
80
|
-
${({size:e})=>{switch(e){case
|
|
80
|
+
${({size:e})=>{switch(e){case i.XS:return o`
|
|
81
81
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
82
82
|
min-height: ${({theme:e})=>e.spacing.xl};
|
|
83
83
|
padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
|
|
@@ -86,7 +86,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
86
86
|
line-height: ${({theme:e})=>e.font.lineHeight.body.xs};
|
|
87
87
|
letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
|
|
88
88
|
border-radius: ${({theme:e})=>e.borderRadius.xxs};
|
|
89
|
-
`;case
|
|
89
|
+
`;case i.SM:return o`
|
|
90
90
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
91
91
|
min-height: ${({theme:e})=>e.spacing.xl};
|
|
92
92
|
padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
|
|
@@ -95,7 +95,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
95
95
|
line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
|
|
96
96
|
letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
|
|
97
97
|
border-radius: ${({theme:e})=>e.borderRadius.xxs};
|
|
98
|
-
`;case
|
|
98
|
+
`;case i.MD:return o`
|
|
99
99
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
100
100
|
min-height: ${({theme:e})=>e.spacing.xxl};
|
|
101
101
|
padding: ${({theme:e})=>e.spacing.xs} ${({theme:e})=>e.spacing.sm};
|
|
@@ -104,7 +104,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
104
104
|
line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
|
|
105
105
|
letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
|
|
106
106
|
border-radius: ${({theme:e})=>e.borderRadius.xs};
|
|
107
|
-
`;case
|
|
107
|
+
`;case i.XL:return o`
|
|
108
108
|
gap: ${({theme:e})=>e.spacing.xs};
|
|
109
109
|
min-height: ${({theme:e})=>e.spacing.xxxl};
|
|
110
110
|
padding: ${({theme:e})=>e.spacing.sm};
|
|
@@ -112,7 +112,7 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
112
112
|
font-weight: ${({theme:e})=>e.font.weight.medium};
|
|
113
113
|
line-height: ${({theme:e})=>e.font.lineHeight.body.md};
|
|
114
114
|
border-radius: ${({theme:e})=>e.borderRadius.xs};
|
|
115
|
-
`;case
|
|
115
|
+
`;case i.XXL:return o`
|
|
116
116
|
gap: ${({theme:e})=>e.spacing.sm};
|
|
117
117
|
min-height: ${({theme:e})=>e.spacing.xxxxl};
|
|
118
118
|
padding: ${({theme:e})=>e.spacing.md} ${({theme:e})=>e.spacing.xl};
|
|
@@ -120,12 +120,12 @@ import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){
|
|
|
120
120
|
font-weight: ${({theme:e})=>e.font.weight.medium};
|
|
121
121
|
line-height: ${({theme:e})=>e.font.lineHeight.body.lg};
|
|
122
122
|
border-radius: ${({theme:e})=>e.borderRadius.sm};
|
|
123
|
-
`;default:return
|
|
123
|
+
`;default:return o`
|
|
124
124
|
border-radius: ${({theme:e})=>e.borderRadius.xxs};
|
|
125
125
|
`}}}
|
|
126
|
-
`,
|
|
126
|
+
`,n=t.div`
|
|
127
127
|
display: flex;
|
|
128
128
|
align-items: center;
|
|
129
129
|
height: 100%;
|
|
130
|
-
|
|
130
|
+
`,h=t=>{const{buttonStyle:o,children:r,disabled:i=!1,displayOnlyIcon:h=!1,iconLeft:d,iconRight:c,onClick:a,size:g,type:m=s.BUTTON}=t;return e.createElement(l,{buttonStyle:o,disabled:i,displayOnlyIcon:h,size:g,type:m,onClick:a},void 0!==d&&e.createElement(n,{size:g},d),!h&&e.createElement(e.Fragment,null,r,void 0!==c&&e.createElement(n,{size:g},c)))};export{h as Button};
|
|
131
131
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/components/button/button.types.ts","../src/components/button/button.styles.ts"],"sourcesContent":[null,null],"names":["ButtonStyle","ButtonSize","ButtonType","styled","button","buttonStyle","PRIMARY","css","theme","colors","fg","neutral","white","light","bg","brand","bold","border","hover","shadow","buttonFocus","pressed","disabled","SECONDARY","subtle","default","TERTIARY","size","XS","spacing","xxs","xl","xs","font","body","weight","medium","lineHeight","letterSpacing","md","borderRadius","SM","sm","MD","xxl","XL","xxxl","XXL","xxxxl","lg","div"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/components/button/button.types.ts","../src/components/button/button.styles.ts","../src/components/button/button.tsx"],"sourcesContent":[null,null,null],"names":["ButtonStyle","ButtonSize","ButtonType","ButtonStyled","styled","button","buttonStyle","PRIMARY","css","theme","colors","fg","neutral","white","light","bg","brand","bold","border","hover","shadow","buttonFocus","pressed","disabled","SECONDARY","subtle","default","TERTIARY","size","XS","spacing","xxs","xl","xs","font","body","weight","medium","lineHeight","letterSpacing","md","borderRadius","SM","sm","MD","xxl","XL","xxxl","XXL","xxxxl","lg","IconWrapperStyled","div","Button","props","children","displayOnlyIcon","iconLeft","iconRight","onClick","type","BUTTON","React","createElement","undefined","Fragment"],"mappings":"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"}
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from './components/button/button';
|
|
1
|
+
// export * from './components/button/button';
|
|
2
|
+
export * from './components/button/index';
|