@factorearth/component-library 4.5.0-alpha.0 → 4.6.1-alpha.0
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.
|
@@ -4,6 +4,10 @@ const FieldWrapperContainer = styled.div `
|
|
|
4
4
|
display: flex;
|
|
5
5
|
width: 100%;
|
|
6
6
|
gap: 16px;
|
|
7
|
+
@media (max-width: 500px) {
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 8px;
|
|
10
|
+
}
|
|
7
11
|
`;
|
|
8
12
|
const LabelContainer = styled.label `
|
|
9
13
|
display: flex;
|
|
@@ -18,12 +22,19 @@ const LabelContainer = styled.label `
|
|
|
18
22
|
line-height: 125%;
|
|
19
23
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
20
24
|
width: 50%;
|
|
25
|
+
@media (max-width: 500px) {
|
|
26
|
+
min-height: 16px;
|
|
27
|
+
padding-top: 0;
|
|
28
|
+
}
|
|
21
29
|
`;
|
|
22
30
|
const FieldActionContainer = styled.div `
|
|
23
31
|
display: flex;
|
|
24
32
|
width: 100%;
|
|
25
33
|
padding: 8px 0;
|
|
26
34
|
align-items: center;
|
|
35
|
+
@media (max-width: 500px) {
|
|
36
|
+
padding: 0;
|
|
37
|
+
}
|
|
27
38
|
`;
|
|
28
39
|
export const FieldWrapper = (props) => {
|
|
29
40
|
const { colorPalette, label, children, link, ...htmlProps } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../lib/Atoms/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA2B
|
|
1
|
+
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../lib/Atoms/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;;CAQlE,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;;UAWpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;;;;;CAMxD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;EAQrC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACN,oBAAC,qBAAqB,OAAK,SAAS,EAAE,YAAY,EAAE,YAAY;QAC9D,KAAK,IAAI,CACT,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY;YACxC,KAAK;YACL,IAAI,CACW,CACjB;QACA,QAAQ,CACc,CACxB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACN,oBAAC,oBAAoB,OAAK,SAAS,IAAG,QAAQ,CAAwB,CACtE,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -5,7 +5,7 @@ import Accordion from "../../Atoms/Accordion/Accordion";
|
|
|
5
5
|
import { Button } from "../../Atoms/Buttons/Button";
|
|
6
6
|
import { Typography } from "../../Atoms/Typography/Typography";
|
|
7
7
|
const TutorialOverlay = styled.div `
|
|
8
|
-
background-color: ${({ colors }) => `${colors.
|
|
8
|
+
background-color: ${({ colors }) => `${colors.background.secondary}90`};
|
|
9
9
|
position: absolute;
|
|
10
10
|
z-index: 1000;
|
|
11
11
|
display: flex;
|
|
@@ -26,7 +26,7 @@ const TutorialWrapper = styled.div `
|
|
|
26
26
|
height: 500px;
|
|
27
27
|
width: 500px;
|
|
28
28
|
border-radius: 4px;
|
|
29
|
-
box-shadow: ${({ colors }) => `${colors.
|
|
29
|
+
box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 5px 15px`};
|
|
30
30
|
margin-top: calc(50vh - 250px)
|
|
31
31
|
`;
|
|
32
32
|
//I used the calc above because `align-items: center` had no affect when applied to the TutorialOverlay styled div
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAqB;qBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.6.1-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public",
|
|
47
47
|
"registry": "https://registry.npmjs.org/"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "4ec0dd9c8c961dca86157d15a8be327beb021cb8",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|