@factorearth/component-library 3.0.49-alpha.0 → 3.0.50-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.
|
@@ -21,7 +21,6 @@ const MaximizeIconContainer = styled.div `
|
|
|
21
21
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
22
22
|
`;
|
|
23
23
|
const MaximizeIcon = styled(FiMaximize) `
|
|
24
|
-
color: ${({ colorPalette }) => colorPalette.utils.icon};
|
|
25
24
|
width: 20px;
|
|
26
25
|
height: 20px;
|
|
27
26
|
`;
|
|
@@ -37,7 +36,10 @@ const NoteArea = styled.textarea `
|
|
|
37
36
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
38
37
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
39
38
|
border-left: none;
|
|
40
|
-
font-size: 14px;
|
|
39
|
+
font-size: 14px;
|
|
40
|
+
:focus-visible {
|
|
41
|
+
max-height: 30px;
|
|
42
|
+
}
|
|
41
43
|
${({ noHistory }) => !noHistory && `border-right: none;`}
|
|
42
44
|
${({ noHistory }) => !noHistory &&
|
|
43
45
|
`border-top-right-radius: 0px;border-bottom-right-radius: 0px;`}
|
|
@@ -46,7 +48,7 @@ export const NoteFieldTextArea = forwardRef((props, ref) => {
|
|
|
46
48
|
const { colorPalette, toggleFullScreenView, noHistory } = props;
|
|
47
49
|
return (React.createElement(NoteContainer, { colorPalette: colorPalette },
|
|
48
50
|
React.createElement(MaximizeIconContainer, { colorPalette: colorPalette },
|
|
49
|
-
React.createElement(MaximizeIcon, {
|
|
51
|
+
React.createElement(MaximizeIcon, { color: colorPalette.utils.icon, onClick: toggleFullScreenView })),
|
|
50
52
|
React.createElement(NoteArea, { ...props, ref: ref, colorPalette: colorPalette, noHistory: noHistory })));
|
|
51
53
|
});
|
|
52
54
|
//# sourceMappingURL=NoteField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,UAAU,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIzD,CAAC;AACF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;CACjE,CAAC;AACF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,UAAU,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIzD,CAAC;AACF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;CACjE,CAAC;AACF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAGtC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAA8C;iBAC7D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;kBACvC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;;GAMpE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,qBAAqB;GACtD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACnB,CAAC,SAAS;IACV,+DAA+D;CAChE,CAAC;AAYF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC,CAAC,KAA6B,EAAE,GAAsC,EAAC,EAAE;IACpH,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACN,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;QACxC,oBAAC,qBAAqB,IAAC,YAAY,EAAE,YAAY;YAChD,oBAAC,YAAY,IACZ,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,EAC9B,OAAO,EAAE,oBAAoB,GAC5B,CACqB;QACxB,oBAAC,QAAQ,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CACpE,CAChB,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import styled from "@emotion/styled";
|
|
|
3
3
|
const CardContainer = styled.div `
|
|
4
4
|
padding: 24px;
|
|
5
5
|
background-color: ${({ colorPalette }) => colorPalette.background.primary};
|
|
6
|
-
border-width: .5px;
|
|
6
|
+
border-width: 0.5px;
|
|
7
7
|
border-style: solid;
|
|
8
8
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
9
9
|
border-right: none;
|
|
@@ -20,7 +20,7 @@ const FieldsXThumbnailSection = styled.section `
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
:has(div > div[aria-label="show-image"]) {
|
|
23
|
-
|
|
23
|
+
flex-direction: column;
|
|
24
24
|
}
|
|
25
25
|
`;
|
|
26
26
|
const ThumbnailSectionFields = styled.section `
|
|
@@ -45,8 +45,10 @@ export const Card = forwardRef((props, ref) => {
|
|
|
45
45
|
return (React.createElement(CardContainer, { ...props, ref: ref, colorPalette: colorPalette },
|
|
46
46
|
React.createElement(FieldsXThumbnailSection, { colorPalette: colorPalette },
|
|
47
47
|
thumbnail,
|
|
48
|
-
React.createElement(ThumbnailSectionFields, { colorPalette: colorPalette },
|
|
49
|
-
|
|
48
|
+
React.createElement(ThumbnailSectionFields, { colorPalette: colorPalette }, Array.isArray(thumbnailSectionFields) &&
|
|
49
|
+
thumbnailSectionFields.map((element) => element))),
|
|
50
|
+
Array.isArray(remainingFields) &&
|
|
51
|
+
remainingFields.map((element) => element),
|
|
50
52
|
React.createElement(ButtonContainer, null, buttons.map((element) => element))));
|
|
51
53
|
});
|
|
52
54
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../lib/Organisms/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../lib/Organisms/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;qBAErC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGzD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;CAGjE,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAE5C;;;;qBAImB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;;;;;CASzE,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,OAAO,CAA0B;;qBAElD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;;;;CAQzE,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAcF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC7B,CAAC,KAAgB,EAAE,GAAiC,EAAE,EAAE;IACvD,MAAM,EACL,YAAY,EACZ,SAAS,EACT,sBAAsB,EACtB,eAAe,EACf,OAAO,GACP,GAAG,KAAK,CAAC;IACV,OAAO,CACN,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY;QAC7D,oBAAC,uBAAuB,IAAC,YAAY,EAAE,YAAY;YACjD,SAAS;YACV,oBAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,IAChD,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC;gBACrC,sBAAsB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CACzB,CACA;QACzB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;YAC9B,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC;QAC1C,oBAAC,eAAe,QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAmB,CACvD,CAChB,CAAC;AACH,CAAC,CACD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.50-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",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"access": "public",
|
|
46
46
|
"registry": "https://registry.npmjs.org/"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "7bfd74e28a02f358d5d7d26c0a6d143bb1348729",
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@emotion/react": "^11.13.0",
|
|
51
51
|
"@emotion/styled": "^11.13.0",
|