akeneo-design-system 0.1.231 → 0.1.233
Sign up to get free protection for your applications and to get access to all the features.
package/CONTRIBUTING.md
CHANGED
|
@@ -16,7 +16,7 @@ As a general advice, you should ask the assigned designer what to do and make su
|
|
|
16
16
|
$ front-packages/akeneo-design-system/bin/dsm generate ComponentName
|
|
17
17
|
$ yarn --cwd=front-packages/akeneo-design-system storybook:start
|
|
18
18
|
# Or with Docker
|
|
19
|
-
$ docker
|
|
19
|
+
$ docker compose run --rm -p 6006:6006 node yarn --cwd=front-packages/akeneo-design-system storybook:start
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
- Then implement your Component logic in the newly created file `src/components/ComponentName/ComponentName.tsx`
|
|
@@ -53,7 +53,7 @@ var react_1 = __importStar(require("react"));
|
|
|
53
53
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
54
54
|
var theme_1 = require("../../theme");
|
|
55
55
|
var AvatarListContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n & > * {\n margin-right: -4px;\n position: relative;\n }\n"], ["\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n & > * {\n margin-right: -4px;\n position: relative;\n }\n"])));
|
|
56
|
-
var RemainingAvatar = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 32px;\n width: 32px;\n
|
|
56
|
+
var RemainingAvatar = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 32px;\n width: 32px;\n color: ", ";\n border: 1px solid;\n line-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n border-radius: 32px;\n"], ["\n height: 32px;\n width: 32px;\n color: ", ";\n border: 1px solid;\n line-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n border-radius: 32px;\n"])), (0, theme_1.getColor)('grey', 120));
|
|
57
57
|
var Avatars = function (_a) {
|
|
58
58
|
var max = _a.max, _b = _a.maxTitle, maxTitle = _b === void 0 ? 10 : _b, children = _a.children, rest = __rest(_a, ["max", "maxTitle", "children"]);
|
|
59
59
|
var childrenArray = react_1.Children.toArray(children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatars.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatars.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,wEAAuC;AAEvC,qCAAwD;AAGxD,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,yNAAkC,sJAQvE,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Avatars.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatars.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,wEAAuC;AAEvC,qCAAwD;AAGxD,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,yNAAkC,sJAQvE,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,IAAI,sRAAA,8CAGxB,EAAqB,mKAQ/B,KARU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAQ/B,CAAC;AAUF,IAAM,OAAO,GAA2B,UAAC,EAAuC;IAAtC,IAAA,GAAG,SAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAtC,+BAAuC,CAAD;IAC7E,IAAM,aAAa,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjD,IAAM,iBAAiB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACtD,IAAM,iBAAiB,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC7E,IAAM,sBAAsB,GAAG,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC;IAC1D,IAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,CAAC;IAEpD,IAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC;QAClC,IAAM,cAAc,GAAG,iBAAiB;aACrC,GAAG,CAAC,UAAA,KAAK;YACR,IAAI,CAAC,eAAK,CAAC,cAAc,CAAc,KAAK,CAAC;gBAAE,OAAO;YAChD,IAAA,KAAkC,KAAK,CAAC,KAAK,EAA5C,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAe,CAAC;YAEpD,OAAO,CAAA,CAAG,SAAS,IAAI,EAAE,WAAI,QAAQ,IAAI,EAAE,CAAE,CAAA,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC;QACnE,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;aAClB,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,IAAI,iBAAiB,CAAC,MAAM,GAAG,QAAQ,EAAE;YACvC,OAAO,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SAC3C;QAED,OAAO,cAAc,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,8BAAC,mBAAmB,aAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,mBAAmB,IAAM,IAAI;QACpE,sBAAsB,GAAG,CAAC,IAAI,8BAAC,eAAe;;YAAG,sBAAsB,CAAmB;QAC1F,eAAe,CACI,CACvB,CAAC;AACJ,CAAC,CAAC;AAEM,0BAAO"}
|
package/package.json
CHANGED
|
@@ -17,14 +17,14 @@ const AvatarListContainer = styled.div<AvatarsProps & AkeneoThemedProps>`
|
|
|
17
17
|
const RemainingAvatar = styled.span`
|
|
18
18
|
height: 32px;
|
|
19
19
|
width: 32px;
|
|
20
|
-
|
|
20
|
+
color: ${getColor('grey', 120)};
|
|
21
|
+
border: 1px solid;
|
|
21
22
|
line-height: 32px;
|
|
22
23
|
display: flex;
|
|
23
24
|
align-items: center;
|
|
24
25
|
justify-content: center;
|
|
25
26
|
font-size: 15px;
|
|
26
27
|
border-radius: 32px;
|
|
27
|
-
background-color: ${getColor('white')};
|
|
28
28
|
`;
|
|
29
29
|
|
|
30
30
|
type AvatarsProps = Override<
|