From b6fbd943afdb81878e311af6d2e3e13fcb76b914 Mon Sep 17 00:00:00 2001 From: akeneo Date: Thu, 31 Aug 2023 09:30:35 +0000 Subject: [PATCH] Extract from https://github.com/akeneo/pim-community-dev/commit/7a8c8854ad425f0de8d0fa92731f65939cc7d8fc With commits: Merge pull request #20207 from akeneo/backport-20230824 Adds backport script compat: Adds missing category command bus compat: Missing service in integration tests compat: disable typechecking on tests compat: Removes EE migrations Removes EE steps from the CE CI compat: Register new microfrontend for Structure UI compat: Removes invalid feature flags compat: Updates path to fixtures compat: Removes ZDD migration for assets Updates last commit backported Merge pull request #18764 from akeneo/fix-dqi-path Merge pull request #18763 from akeneo/fix-enrichment-mk-tests AST-702: Move CustomerHeaderStamp to Component directory AST-702: Validate that the same stamp can't be used twice AST-702: Document MessengerBundle's new ability to handle custom Stamps AST-702: Update MessengerBundle's JsonSerializer test AST-702: Ability to add custom headers to MessengerBundle's messages RAB-1496: Add controller to fetch family templates (#18715) Merge pull request #18758 from nelson-akeneo/crowdin/master-2023-08-29-19-04 CXP-1485: Data transformation foundations (#18374) GRF-706: Asynchronous deletion of category images (#18596) Merge pull request #18739 from akeneo/PIM-11155 GRF Add messenger command bus to category (#18736) Merge pull request #18674 from akeneo/PIM-11111-3 Merge pull request #18731 from akeneo/PIM-11167 RAB-1588: Fix coupling issue (#18724) Merge pull request #18742 from nelson-akeneo/crowdin/master-2023-08-28-19-03 Merge pull request #18730 from akeneo/PIM-11166 Merge pull request #18697 from akeneo/PIM-11158 PIM-11165: Fix Apps - Cannot give permissions to categories when one of them has a numeric code (#18720) Merge pull request #18727 from nelson-akeneo/crowdin/master-2023-08-25-19-03 Merge pull request #18716 from akeneo/PIM-11164 Merge pull request #18707 from akeneo/CPM-1177-4 Merge pull request #18705 from akeneo/CPM-1177-3 RAB-1562: List generated files endpoint (#18693) Merge pull request #18703 from akeneo/CPM-1177-2 Merge pull request #18702 from akeneo/RAB-1567-2 RAB-1498: update create family button (#18588) Merge pull request #18701 from akeneo/CPM-1177-1 Merge pull request #18591 from akeneo/CPM-1178 PH-1032: :recycle: Remove reset notion in API message PH-1032: :recycle: Move reset feature flag into handler PH-1032: :sparkles: Use the existing maintenance mode subscriber. PH-1032: :sparkles: Use the existing maintenance page. Merge pull request #18681 from akeneo/PIM-11160 Merge pull request #18599 from akeneo/CPM-1212 OCT-281: App default permissions are not updated when locale is activated [GE] (#18375) Merge pull request #18646 from akeneo/RAB-1568 Merge pull request #18657 from akeneo/CPM-1177-command-without-user Merge pull request #18502 from akeneo/PIM-11129 Merge pull request #18651 from nelson-akeneo/crowdin/master-2023-08-21-19-37 Merge pull request #18640 from akeneo/fix-alt-v20230821013905 GRF-929: A created product is added to workflows (#18616) Merge pull request #18637 from akeneo/remove-tenantid-warning Merge pull request #18636 from akeneo/CPM-1221 Merge pull request #18632 from nelson-akeneo/crowdin/master-2023-08-18-19-04 Merge pull request #18624 from akeneo/add-is-visible-column-to-job-instance-table Merge pull request #18621 from akeneo/RAB-1567 Merge pull request #18550 from akeneo/CPM-1210 Merge pull request #18601 from akeneo/CPM-1213 Merge pull request #18617 from nelson-akeneo/crowdin/master-2023-08-17-19-04 Merge pull request #18605 from akeneo/RAB-1564 RAB-1532: Get Tailored Export query Service Api (#18362) RAB-1501: Create a wrapper to fetch templates from GitHub (#18485) Merge pull request #18578 from akeneo/PIM-11144 [PIM-11146] Pim sigterm (#18593) Merge pull request #18504 from akeneo/CPM-1174 Merge pull request #18589 from akeneo/PIM-11143 GRF-922 : Remove unused controller pim_enrich_category_rest_list_selected_children (#18576) GRF-927: Use JSON schema validation on translation columns (#18563) PIM-11128: Fix rate limit exceeded errors occurring during imports (#18508) Merge pull request #18587 from akeneo/fix-integration-test Merge pull request #18574 from akeneo/GRF-928 Merge pull request #18519 from akeneo/PIM-11131 Merge pull request #18567 from nelson-akeneo/crowdin/master-2023-08-11-19-03 RAC-1311: Merge legacy InstallerBundle and new InstallerBundle (#18456) GRF-918: Create barebone task (#18527) Merge pull request #18555 from nelson-akeneo/crowdin/master-2023-08-10-19-03 Merge pull request #18534 from akeneo/PIM-11056-removal Merge pull request #18359 from akeneo/PIM-11108 Merge pull request #18517 from nelson-akeneo/crowdin/master-2023-08-09-09-14 Merge pull request #18454 from akeneo/AST-711-Implement-design-updates GRF-916 : Create barebone workflow (#18475) Merge pull request #18494 from akeneo/CPM-1174 Merge pull request #18400 from akeneo/CPM-1175 Merge pull request #18497 from akeneo/PIM-11120-fix-issues AST-708: Create Share link when Assets are imported through import (#18438) Merge pull request #18486 from akeneo/PIM-11120-fix-error-table-not-existing Merge pull request #18318 from akeneo/CPM-1182 Merge pull request #18158 from akeneo/fb-multiple-identifiers JEL-425: Add alternative colors in the DSM and Tags compenent (#18428) Merge pull request #18464 from akeneo/PIM-11120-migration-zdd Merge pull request #18430 from akeneo/PIM-11120 SDS-29105: :globe_with_meridians: Edit Oro_filters from manual PR because Nelson is down (#18406) RAB-1545: Allow only some job to pause (#18345) JEL-304: Add and handle message attribute-group DQI activation is updated (#18109) RAB-1507: Improve Job/TE/TI Service API (#18370) RAB-1553: Flush step elements when job is pausing and every items has been processed (#18383) Merge pull request #18348 from akeneo/RAB-1340 PH-1205: :white_check_mark: Fix specs PH-1205: :rotating_light: Fix autoloader PH-1205: :rotating_light: Fix code style PH-1210: :recycle: Move Tenant integration tests out of GRTH PH-1210: :recycle: Move Tenant specs out of GRTH PH-1210: :recycle: Move Tenant component out of GRTH Merge pull request #18313 from akeneo/PIM-11114 Merge pull request #18380 from akeneo/ECA-838-add-warning-illustration GRF-887 configure workflow test suites (#18107) JEL-303: add event and handler to evaluate family on upsert (#18052) PIM-11087: Accept more filetypes in Reference Entities (#18230) GRF-915 : Remove enriched_category feature flag (#18329) Merge pull request #18353 from akeneo/PIM-11119 GRF-914: Remove feature flag: update template attribute (#18288) RAB-1533: Delete Job Instance Service Api (#18290) Merge pull request #18299 from akeneo/CPM-1171 JEL-301: add queue and consumer to react on attributes create/update for DQI (#17926) Merge pull request #18311 from akeneo/SP-fixmigration Fix outline on Search component Merge pull request #18295 from akeneo/revert-crowdin Merge pull request #18292 from nelson-akeneo/crowdin/master-2023-07-24-20-06 Merge pull request #18287 from akeneo/fix-zdd-inte-test Merge pull request #18205 from akeneo/SP-678 Merge pull request #20207 from akeneo/backport-20230824 --- lib/components/Field/Field.js | 3 + lib/components/Field/Field.js.map | 2 +- lib/components/Search/Search.js | 2 +- lib/components/Search/Search.js.map | 2 +- lib/components/Tags/Tags.d.ts | 2 +- lib/components/Tags/Tags.js | 35 +-- lib/components/Tags/Tags.js.map | 2 +- lib/illustrations/WarningIllustration.d.ts | 4 + lib/illustrations/WarningIllustration.js | 38 ++++ lib/illustrations/WarningIllustration.js.map | 1 + lib/illustrations/index.d.ts | 1 + lib/illustrations/index.js | 1 + lib/illustrations/index.js.map | 2 +- lib/theme/common.d.ts | 5 +- lib/theme/common.js | 47 +++- lib/theme/common.js.map | 2 +- lib/theme/connector/index.js | 1 + lib/theme/connector/index.js.map | 2 +- lib/theme/onboarder/index.js | 1 + lib/theme/onboarder/index.js.map | 2 +- lib/theme/pim/index.js | 1 + lib/theme/pim/index.js.map | 2 +- lib/theme/shared-catalogs/index.js | 1 + lib/theme/shared-catalogs/index.js.map | 2 +- lib/theme/theme.d.ts | 50 ++++- lib/theme/theme.js | 9 +- lib/theme/theme.js.map | 2 +- package.json | 2 +- ...omponents-field-block-correctly-1-snap.png | Bin 0 -> 4335 bytes ...ponents-tags-standard-correctly-1-snap.png | Bin 5911 -> 12152 bytes src/components/Field/Field.stories.mdx | 20 +- src/components/Field/Field.tsx | 6 +- src/components/Field/Field.unit.tsx | 13 +- src/components/Search/Search.tsx | 2 +- src/components/Tags/Tags.stories.mdx | 10 +- src/components/Tags/Tags.tsx | 59 +++-- src/components/Tags/Tags.unit.tsx | 4 +- src/guidelines/Colors.stories.mdx | 30 +++ src/illustrations/WarningIllustration.tsx | 12 ++ src/illustrations/index.ts | 1 + src/theme/common.ts | 59 ++++- src/theme/connector/index.ts | 3 +- src/theme/onboarder/index.ts | 3 +- src/theme/pim/index.ts | 3 +- src/theme/shared-catalogs/index.ts | 3 +- src/theme/theme.ts | 55 ++++- static/illustrations/Warning.svg | 203 ++++++++++++++++++ 47 files changed, 616 insertions(+), 94 deletions(-) create mode 100644 lib/illustrations/WarningIllustration.d.ts create mode 100644 lib/illustrations/WarningIllustration.js create mode 100644 lib/illustrations/WarningIllustration.js.map create mode 100644 src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-field-block-correctly-1-snap.png create mode 100644 src/illustrations/WarningIllustration.tsx create mode 100644 static/illustrations/Warning.svg diff --git a/lib/components/Field/Field.js b/lib/components/Field/Field.js index 6ca8e132..8508b5bd 100644 --- a/lib/components/Field/Field.js +++ b/lib/components/Field/Field.js @@ -50,6 +50,9 @@ var Field = react_1.default.forwardRef(function (_a, forwardedRef) { if (react_1.default.isValidElement(child) && child.type === components_1.Helper) { return react_1.default.createElement(HelperContainer, null, react_1.default.cloneElement(child, { inline: true })); } + if (react_1.default.isValidElement(child) && child.type === components_1.Block) { + return react_1.default.cloneElement(child, { id: inputId, ariaLabelledBy: labelId }); + } if (react_1.default.isValidElement(child)) { return react_1.default.cloneElement(child, { id: inputId, 'aria-labelledby': labelId }); } diff --git a/lib/components/Field/Field.js.map b/lib/components/Field/Field.js.map index abc2a4b0..fa33d797 100644 --- a/lib/components/Field/Field.js.map +++ b/lib/components/Field/Field.js.map @@ -1 +1 @@ -{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0D;AAC1D,wEAAuC;AACvC,+CAA4F;AAC5F,qCAAkC;AAElC,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,wIAAsB,8DAGxC,EAA+C,KAC7D,KADc,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAA9B,CAA8B,CAC7D,CAAC;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,2KAAA,wGAMhC,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,2BAAM,CAAC,KAAK,mFAAA,gBAEzB,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,2BAAM,CAAC,IAAI,sGAAA,mCAE1B,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,gHAAA,6CAGjC,IAAA,CAAC;AAuDF,IAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAC5B,UACE,EAUa,EACb,YAAiC;IAV/B,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,OAAO,aAAA,EACP,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cATT,iGAUC,CADQ;IAIT,IAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,IAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAEhC,IAAM,iBAAiB,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;QAC1D,IAAI,eAAK,CAAC,cAAc,CAAc,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAM,EAAE;YACrE,OAAO,8BAAC,eAAe,QAAE,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAmB,CAAC;SACvF;QAED,IAAI,eAAK,CAAC,cAAc,CAAsB,KAAK,CAAC,EAAE;YACpD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAC,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAC,CAAC,CAAC;SAC7E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,cAAc,aAAC,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,KAAK,IAAM,IAAI;QACxE,8BAAC,cAAc;YACZ,UAAU,IAAI,8BAAC,iBAAI,IAAC,KAAK,EAAC,SAAS,GAAG;YACvC,8BAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO;gBACjC,KAAK;gBACL,aAAa,IAAI,CAChB;;oBACQ,0CAAK,aAAa,CAAM,CAC7B,CACJ,CACK;YACP,OAAO,IAAI,8BAAC,OAAO,QAAE,OAAO,CAAW;YACvC,MAAM,IAAI,CAAC,QAAQ,KAAK,OAAO,MAAM,CAAC,CAAC,CAAC,8BAAC,mBAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,MAAM,CAAC;YAC1E,OAAO,CACO;QAChB,iBAAiB,CACH,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,sBAAK"} \ No newline at end of file +{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/lib/components/Search/Search.js b/lib/components/Search/Search.js index bdb6e6b3..534fbcbf 100644 --- a/lib/components/Search/Search.js +++ b/lib/components/Search/Search.js @@ -53,7 +53,7 @@ var react_1 = __importDefault(require("react")); var styled_components_1 = __importStar(require("styled-components")); var theme_1 = require("../../theme"); var icons_1 = require("../../icons"); -var Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ", ";\n background: ", ";\n height: 44px;\n box-sizing: border-box;\n gap: 10px;\n\n :focus-within {\n border-bottom: 1px solid ", ";\n }\n\n ", "\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ", ";\n background: ", ";\n height: 44px;\n box-sizing: border-box;\n gap: 10px;\n\n :focus-within {\n border-bottom: 1px solid ", ";\n }\n\n ", "\n"])), (0, theme_1.getColor)('grey', 100), (0, theme_1.getColor)('white'), (0, theme_1.getColor)('brand', 100), function (_a) { +var Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ", ";\n background: ", ";\n height: 44px;\n box-sizing: border-box;\n gap: 10px;\n\n &:focus-within {\n border-bottom: 1px solid ", ";\n }\n\n ", "\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ", ";\n background: ", ";\n height: 44px;\n box-sizing: border-box;\n gap: 10px;\n\n &:focus-within {\n border-bottom: 1px solid ", ";\n }\n\n ", "\n"])), (0, theme_1.getColor)('grey', 100), (0, theme_1.getColor)('white'), (0, theme_1.getColor)('brand', 100), function (_a) { var sticky = _a.sticky; return undefined !== sticky && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: sticky;\n top: ", "px;\n z-index: 9;\n "], ["\n position: sticky;\n top: ", "px;\n z-index: 9;\n "])), sticky); }); diff --git a/lib/components/Search/Search.js.map b/lib/components/Search/Search.js.map index eedbbcbd..6bb85290 100644 --- a/lib/components/Search/Search.js.map +++ b/lib/components/Search/Search.js.map @@ -1 +1 @@ -{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA+E;AAC/E,qEAA8C;AAC9C,qCAAwD;AACxD,qCAAuC;AAGvC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,6UAAuC,4GAItC,EAAqB,mBAClC,EAAiB,iHAMF,EAAsB,cAGjD,EAMC,IACJ,KAjB4B,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAClC,IAAA,gBAAQ,EAAC,OAAO,CAAC,EAMF,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,EAGjD,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,SAAS,KAAK,MAAM,QACpB,uBAAG,4IAAA,wCAEM,EAAM,8BAEd,KAFQ,MAAM,CAEd;AALD,CAKC,CACJ,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,6HAAA,0DAIjC,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,uMAAA,+DAIrB,EAAqB,uDAInB,EAAqB,UAEjC,KANU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAInB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAEjC,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,uLAAA,6CAEP,EAAqB,qEAIzC,KAJoB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAIzC,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,IAAI,oLAAA,qCAEpB,EAAsB,0EAIhC,KAJU,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,CAIhC,CAAC;AA0CF,IAAM,MAAM,GAAG,UAAC,EAA2F;IAA1F,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAA7E,iFAA8E,CAAD;IAC3F,OAAO,CACL,8BAAC,SAAS,eAAK,IAAI;QACjB,8BAAC,eAAe;YACd,8BAAC,kBAAU,IAAC,IAAI,EAAE,EAAE,GAAI;YACxB,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,KAAoC,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,GACtF,CACc;QACjB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAKM,wBAAM;AAHd,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC"} \ No newline at end of file +{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA+E;AAC/E,qEAA8C;AAC9C,qCAAwD;AACxD,qCAAuC;AAGvC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,8UAAuC,4GAItC,EAAqB,mBAClC,EAAiB,kHAMF,EAAsB,cAGjD,EAMC,IACJ,KAjB4B,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAClC,IAAA,gBAAQ,EAAC,OAAO,CAAC,EAMF,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,EAGjD,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,SAAS,KAAK,MAAM,QACpB,uBAAG,4IAAA,wCAEM,EAAM,8BAEd,KAFQ,MAAM,CAEd;AALD,CAKC,CACJ,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,6HAAA,0DAIjC,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,uMAAA,+DAIrB,EAAqB,uDAInB,EAAqB,UAEjC,KANU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAInB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAEjC,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,uLAAA,6CAEP,EAAqB,qEAIzC,KAJoB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAIzC,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,IAAI,oLAAA,qCAEpB,EAAsB,0EAIhC,KAJU,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,CAIhC,CAAC;AA0CF,IAAM,MAAM,GAAG,UAAC,EAA2F;IAA1F,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAA7E,iFAA8E,CAAD;IAC3F,OAAO,CACL,8BAAC,SAAS,eAAK,IAAI;QACjB,8BAAC,eAAe;YACd,8BAAC,kBAAU,IAAC,IAAI,EAAE,EAAE,GAAI;YACxB,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,KAAoC,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,GACtF,CACc;QACjB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAKM,wBAAM;AAHd,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC"} \ No newline at end of file diff --git a/lib/components/Tags/Tags.d.ts b/lib/components/Tags/Tags.d.ts index 6779eba8..21eb17ed 100644 --- a/lib/components/Tags/Tags.d.ts +++ b/lib/components/Tags/Tags.d.ts @@ -1,5 +1,5 @@ import React, { ReactNode } from 'react'; -declare type Tint = 'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red'; +declare type Tint = 'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red' | 'dark_cyan' | 'forest_green' | 'olive_green' | 'hot_pink' | 'coral_red' | 'orange' | 'chocolate'; declare const Tag: import("styled-components").StyledComponent<"li", any, { tint: Tint; } & React.HTMLAttributes & Record & import("styled-components").ThemeProps, never>; diff --git a/lib/components/Tags/Tags.js b/lib/components/Tags/Tags.js index 4ab0226e..21341478 100644 --- a/lib/components/Tags/Tags.js +++ b/lib/components/Tags/Tags.js @@ -52,39 +52,20 @@ exports.Tag = exports.Tags = void 0; var react_1 = __importStar(require("react")); var styled_components_1 = __importDefault(require("styled-components")); var theme_1 = require("../../theme"); +var convertTintToColorCode = function (str) { + return str.replace(/_([a-z])/g, function (g) { + return g[1].toUpperCase(); + }); +}; var Tag = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid;\n border-color: ", ";\n color: ", ";\n background-color: ", ";\n height: 16px;\n line-height: 16px;\n padding: 0 6px;\n display: inline-block;\n border-radius: 2px;\n font-size: ", ";\n text-transform: uppercase;\n overflow: hidden;\n max-width: 200px;\n white-space: nowrap;\n text-overflow: ellipsis;\n"], ["\n border: 1px solid;\n border-color: ", ";\n color: ", ";\n background-color: ", ";\n height: 16px;\n line-height: 16px;\n padding: 0 6px;\n display: inline-block;\n border-radius: 2px;\n font-size: ", ";\n text-transform: uppercase;\n overflow: hidden;\n max-width: 200px;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])), function (_a) { var tint = _a.tint; - return ({ - green: '#81cccc', - blue: '#4ca8e0', - dark_blue: '#5e63b6', - purple: '#9452ba', - dark_purple: '#52267d', - yellow: '#fcce76', - red: '#f74b64', - }[tint]); + return (0, theme_1.getColorAlternative)(convertTintToColorCode(tint), 100); }, function (_a) { var tint = _a.tint; - return ({ - green: '#5da8a6', - blue: '#3278b7', - dark_blue: '#3b438c', - purple: '#763e9e', - dark_purple: '#36145e', - yellow: '#ca8411', - red: '#c92343', - }[tint]); + return (0, theme_1.getColorAlternative)(convertTintToColorCode(tint), 120); }, function (_a) { var tint = _a.tint; - return ({ - green: '#f5fafa', - blue: '#f0f7fc', - dark_blue: '#efeff8', - purple: '#f3eef9', - dark_purple: '#eeeaf2', - yellow: '#fefbf2', - red: '#fdedf0', - }[tint]); + return (0, theme_1.getColorAlternative)(convertTintToColorCode(tint), 10); }, (0, theme_1.getFontSize)('small')); exports.Tag = Tag; var TagsContainer = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n padding-inline-start: 0;\n margin-block-end: 0;\n margin-block-start: 0;\n list-style-type: none;\n gap: 10px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n padding-inline-start: 0;\n margin-block-end: 0;\n margin-block-start: 0;\n list-style-type: none;\n gap: 10px;\n"]))); diff --git a/lib/components/Tags/Tags.js.map b/lib/components/Tags/Tags.js.map index e8947768..9bdfb960 100644 --- a/lib/components/Tags/Tags.js.map +++ b/lib/components/Tags/Tags.js.map @@ -1 +1 @@ -{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,wEAAuC;AACvC,qCAA2D;AAY3D,IAAM,GAAG,GAAG,2BAAM,CAAC,EAAE,0ZAA8B,0CAEjC,EASN,cACD,EASC,yBACU,EASV,6HAMG,EAAoB,iIAMlC,KAzCiB,UAAC,EAAM;QAAL,IAAI,UAAA;IACpB,OAAA,CAAC;QACC,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,GAAG,EAAE,SAAS;KACf,CAAC,IAAI,CAAC,CAAC;AARR,CAQQ,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IACb,OAAA,CAAC;QACC,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,GAAG,EAAE,SAAS;KACf,CAAC,IAAI,CAAC,CAAC;AARR,CAQQ,EACU,UAAC,EAAM;QAAL,IAAI,UAAA;IACxB,OAAA,CAAC;QACC,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,GAAG,EAAE,SAAS;KACf,CAAC,IAAI,CAAC,CAAC;AARR,CAQQ,EAMG,IAAA,mBAAW,EAAC,OAAO,CAAC,CAMlC,CAAC;AAmDY,kBAAG;AAlDjB,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,mOAAA,gKAQ9B,IAAA,CAAC;AAYF,IAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,UAAC,EAA8B,EAAE,YAAmC;IAAlE,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAlB,YAAmB,CAAD;IACjB,IAAM,QAAQ,GAAG,UAAC,QAAoB;QACpC,IAAI,KAAK,GAAG,EAAE,CAAC;QAEf,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;YAChC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,KAAK,IAAI,KAAK,CAAC;aAChB;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,aAAC,GAAG,EAAE,YAAY,IAAM,IAAI,GACvC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;;QACjC,IAAI,IAAA,sBAAc,EAAW,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE;YAEzD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,KAAK,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,QAAQ,CAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,CAAC;aAC7D,CAAC,CAAC;SACJ;QACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,oBAAI"} \ No newline at end of file +{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,wEAAuC;AACvC,qCAAgF;AAyBhF,IAAM,sBAAsB,GAAG,UAAC,GAAW;IACzC,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,UAAU,CAAC;QACzC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAKF,IAAM,GAAG,GAAG,2BAAM,CAAC,EAAE,0ZAA8B,0CAEjC,EAAkE,cACzE,EAAkE,yBACvD,EAAiE,6HAMxE,EAAoB,iIAMlC,KAdiB,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;AAAtD,CAAsD,EACzE,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;AAAtD,CAAsD,EACvD,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AAArD,CAAqD,EAMxE,IAAA,mBAAW,EAAC,OAAO,CAAC,CAMlC,CAAC;AAmDY,kBAAG;AAlDjB,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,mOAAA,gKAQ9B,IAAA,CAAC;AAYF,IAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,UAAC,EAA8B,EAAE,YAAmC;IAAlE,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAlB,YAAmB,CAAD;IACjB,IAAM,QAAQ,GAAG,UAAC,QAAoB;QACpC,IAAI,KAAK,GAAG,EAAE,CAAC;QAEf,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;YAChC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,KAAK,IAAI,KAAK,CAAC;aAChB;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,aAAC,GAAG,EAAE,YAAY,IAAM,IAAI,GACvC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;;QACjC,IAAI,IAAA,sBAAc,EAAW,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE;YAEzD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,KAAK,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,QAAQ,CAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,CAAC;aAC7D,CAAC,CAAC;SACJ;QACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,oBAAI"} \ No newline at end of file diff --git a/lib/illustrations/WarningIllustration.d.ts b/lib/illustrations/WarningIllustration.d.ts new file mode 100644 index 00000000..557320dd --- /dev/null +++ b/lib/illustrations/WarningIllustration.d.ts @@ -0,0 +1,4 @@ +import React from 'react'; +import { IllustrationProps } from './IllustrationProps'; +declare const WarningIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element; +export { WarningIllustration }; diff --git a/lib/illustrations/WarningIllustration.js b/lib/illustrations/WarningIllustration.js new file mode 100644 index 00000000..703f6c4e --- /dev/null +++ b/lib/illustrations/WarningIllustration.js @@ -0,0 +1,38 @@ +"use strict"; +var __assign = (this && this.__assign) || function () { + __assign = Object.assign || function(t) { + for (var s, i = 1, n = arguments.length; i < n; i++) { + s = arguments[i]; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) + t[p] = s[p]; + } + return t; + }; + return __assign.apply(this, arguments); +}; +var __rest = (this && this.__rest) || function (s, e) { + var t = {}; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) + t[p] = s[p]; + if (s != null && typeof Object.getOwnPropertySymbols === "function") + for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { + if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) + t[p[i]] = s[p[i]]; + } + return t; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.WarningIllustration = void 0; +var react_1 = __importDefault(require("react")); +var Warning_svg_1 = __importDefault(require("../../static/illustrations/Warning.svg")); +var WarningIllustration = function (_a) { + var title = _a.title, _b = _a.size, size = _b === void 0 ? 256 : _b, props = __rest(_a, ["title", "size"]); + return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256" }, props), + title && react_1.default.createElement("title", null, title), + react_1.default.createElement("image", { href: Warning_svg_1.default }))); +}; +exports.WarningIllustration = WarningIllustration; +//# sourceMappingURL=WarningIllustration.js.map \ No newline at end of file diff --git a/lib/illustrations/WarningIllustration.js.map b/lib/illustrations/WarningIllustration.js.map new file mode 100644 index 00000000..6fd386bd --- /dev/null +++ b/lib/illustrations/WarningIllustration.js.map @@ -0,0 +1 @@ +{"version":3,"file":"WarningIllustration.js","sourceRoot":"","sources":["../../src/illustrations/WarningIllustration.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uFAA6D;AAE7D,IAAM,mBAAmB,GAAG,UAAC,EAAgD;IAA/C,IAAA,KAAK,WAAA,EAAE,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EAAK,KAAK,cAA5B,iBAA6B,CAAD;IAAyB,OAAA,CAChF,gDAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,aAAa,IAAK,KAAK;QAC5D,KAAK,IAAI,6CAAQ,KAAK,CAAS;QAChC,yCAAO,IAAI,EAAE,qBAAO,GAAI,CACpB,CACP,CAAA;CAAA,CAAC;AAEM,kDAAmB"} \ No newline at end of file diff --git a/lib/illustrations/index.d.ts b/lib/illustrations/index.d.ts index b57bc7d4..30de7860 100644 --- a/lib/illustrations/index.d.ts +++ b/lib/illustrations/index.d.ts @@ -58,3 +58,4 @@ export * from './UserRolesIllustration'; export * from './UsersIllustration'; export * from './UsingIllustration'; export * from './ViewsIllustration'; +export * from './WarningIllustration'; diff --git a/lib/illustrations/index.js b/lib/illustrations/index.js index df7a95ff..acd6d23d 100644 --- a/lib/illustrations/index.js +++ b/lib/illustrations/index.js @@ -70,4 +70,5 @@ __exportStar(require("./UserRolesIllustration"), exports); __exportStar(require("./UsersIllustration"), exports); __exportStar(require("./UsingIllustration"), exports); __exportStar(require("./ViewsIllustration"), exports); +__exportStar(require("./WarningIllustration"), exports); //# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/lib/illustrations/index.js.map b/lib/illustrations/index.js.map index d7f5833b..145f36e5 100644 --- a/lib/illustrations/index.js.map +++ b/lib/illustrations/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/illustrations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4DAA0C;AAC1C,mEAAiD;AACjD,oDAAkC;AAClC,oDAAkC;AAClC,gEAA8C;AAC9C,uDAAqC;AACrC,iEAA+C;AAC/C,gEAA8C;AAC9C,2DAAyC;AACzC,yDAAuC;AACvC,yDAAuC;AACvC,qDAAmC;AACnC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,+DAA6C;AAC7C,oEAAkD;AAClD,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,+DAA6C;AAC7C,8DAA4C;AAC5C,0DAAwC;AACxC,uDAAqC;AACrC,2DAAyC;AACzC,0DAAwC;AACxC,uDAAqC;AACrC,8DAA4C;AAC5C,sDAAoC;AACpC,uDAAqC;AACrC,0DAAwC;AACxC,uDAAqC;AACrC,2DAAyC;AACzC,0DAAwC;AACxC,sDAAoC;AACpC,uDAAqC;AACrC,4DAA0C;AAC1C,4DAA0C;AAC1C,0DAAwC;AACxC,sDAAoC;AACpC,qDAAmC;AACnC,0DAAwC;AACxC,gEAA8C;AAC9C,6DAA2C;AAC3C,iEAA+C;AAC/C,yDAAuC;AACvC,wDAAsC;AACtC,0DAAwC;AACxC,sDAAoC;AACpC,4DAA0C;AAC1C,uDAAqC;AACrC,yDAAuC;AACvC,uDAAqC;AACrC,uDAAqC;AACrC,yDAAuC;AACvC,2DAAyC;AACzC,0DAAwC;AACxC,sDAAoC;AACpC,sDAAoC;AACpC,sDAAoC"} \ No newline at end of file +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/illustrations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4DAA0C;AAC1C,mEAAiD;AACjD,oDAAkC;AAClC,oDAAkC;AAClC,gEAA8C;AAC9C,uDAAqC;AACrC,iEAA+C;AAC/C,gEAA8C;AAC9C,2DAAyC;AACzC,yDAAuC;AACvC,yDAAuC;AACvC,qDAAmC;AACnC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,+DAA6C;AAC7C,oEAAkD;AAClD,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,+DAA6C;AAC7C,8DAA4C;AAC5C,0DAAwC;AACxC,uDAAqC;AACrC,2DAAyC;AACzC,0DAAwC;AACxC,uDAAqC;AACrC,8DAA4C;AAC5C,sDAAoC;AACpC,uDAAqC;AACrC,0DAAwC;AACxC,uDAAqC;AACrC,2DAAyC;AACzC,0DAAwC;AACxC,sDAAoC;AACpC,uDAAqC;AACrC,4DAA0C;AAC1C,4DAA0C;AAC1C,0DAAwC;AACxC,sDAAoC;AACpC,qDAAmC;AACnC,0DAAwC;AACxC,gEAA8C;AAC9C,6DAA2C;AAC3C,iEAA+C;AAC/C,yDAAuC;AACvC,wDAAsC;AACtC,0DAAwC;AACxC,sDAAoC;AACpC,4DAA0C;AAC1C,uDAAqC;AACrC,yDAAuC;AACvC,uDAAqC;AACrC,uDAAqC;AACrC,yDAAuC;AACvC,2DAAyC;AACzC,0DAAwC;AACxC,sDAAoC;AACpC,sDAAoC;AACpC,sDAAoC;AACpC,wDAAsC"} \ No newline at end of file diff --git a/lib/theme/common.d.ts b/lib/theme/common.d.ts index d1d7bc10..82c080ab 100644 --- a/lib/theme/common.d.ts +++ b/lib/theme/common.d.ts @@ -1,10 +1,11 @@ -import { Color, FontFamily, FontSize, Palette } from './theme'; +import { Color, ColorAlternative, FontFamily, FontSize, Palette } from './theme'; declare const CommonStyle: import("styled-components").FlattenInterpolation & import("styled-components").ThemeProps, any>>; declare const placeholderStyle: import("styled-components").FlattenSimpleInterpolation; declare const color: Color; +declare const colorAlternative: ColorAlternative; declare const fontSize: FontSize; declare const palette: Palette; declare const fontFamily: FontFamily; declare const BrandedPath: import("styled-components").StyledComponent<"path", any, Record & import("styled-components").ThemeProps, never>; declare const SkeletonPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>; -export { color, fontFamily, fontSize, palette, CommonStyle, BrandedPath, SkeletonPlaceholder, placeholderStyle }; +export { color, colorAlternative, fontFamily, fontSize, palette, CommonStyle, BrandedPath, SkeletonPlaceholder, placeholderStyle, }; diff --git a/lib/theme/common.js b/lib/theme/common.js index fb91e9e8..e2893744 100644 --- a/lib/theme/common.js +++ b/lib/theme/common.js @@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) { return result; }; Object.defineProperty(exports, "__esModule", { value: true }); -exports.placeholderStyle = exports.SkeletonPlaceholder = exports.BrandedPath = exports.CommonStyle = exports.palette = exports.fontSize = exports.fontFamily = exports.color = void 0; +exports.placeholderStyle = exports.SkeletonPlaceholder = exports.BrandedPath = exports.CommonStyle = exports.palette = exports.fontSize = exports.fontFamily = exports.colorAlternative = exports.color = void 0; var styled_components_1 = __importStar(require("styled-components")); var theme_1 = require("./theme"); var CommonStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n input,\n button,\n select,\n textarea {\n font-family: 'Lato';\n font-size: ", ";\n }\n\n font-family: 'Lato';\n font-size: ", ";\n color: ", ";\n line-height: 20px;\n box-sizing: border-box;\n"], ["\n input,\n button,\n select,\n textarea {\n font-family: 'Lato';\n font-size: ", ";\n }\n\n font-family: 'Lato';\n font-size: ", ";\n color: ", ";\n line-height: 20px;\n box-sizing: border-box;\n"])), (0, theme_1.getFontSize)('default'), (0, theme_1.getFontSize)('default'), (0, theme_1.getColor)('grey', 120)); @@ -88,6 +88,51 @@ var color = { white: '#ffffff', }; exports.color = color; +var colorAlternative = { + blue10: '#F0F7FC', + blue100: '#4CA8E0', + blue120: '#3278B7', + chocolate10: '#EEE9E5', + chocolate100: '#512500', + chocolate120: '#441F00', + coralRed10: '#FDF0EF', + coralRed100: '#ED6A5E', + coralRed120: '#B72215', + darkBlue10: '#EFEFF8', + darkBlue100: '#5e63b6', + darkBlue120: '#3B438C', + darkCyan10: '#E5F3F3', + darkCyan100: '#008B8B', + darkCyan120: '#007575', + darkPurple10: '#EEEAF2', + darkPurple100: '#52267D', + darkPurple120: '#36145E', + forestGreen10: '#EDF1EB', + forestGreen100: '#50723C', + forestGreen120: '#436032', + green10: '#F5FAFA', + green100: '#81CCCC', + green120: '#5DA8A6', + hotPink10: '#FFF0F7', + hotPink100: '#FF69B4', + hotPink120: '#CC0066', + oliveGreen10: '#F0F4E9', + oliveGreen100: '#6B8E23', + oliveGreen120: '#5A771D', + orange10: '#FFF3E5', + orange100: '#FF8600', + orange120: '#B25E00', + purple10: '#F3EEF9', + purple100: '#9452BA', + purple120: '#763E9E', + red10: '#FDEDF0', + red100: '#F74B64', + red120: '#C92343', + yellow10: '#FEFBF2', + yellow100: '#FCCE76', + yellow120: '#D69A38', +}; +exports.colorAlternative = colorAlternative; var fontSize = { big: '15px', bigger: '17px', diff --git a/lib/theme/common.js.map b/lib/theme/common.js.map index 50b66d14..88f7c7c5 100644 --- a/lib/theme/common.js.map +++ b/lib/theme/common.js.map @@ -1 +1 @@ -{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/theme/common.ts"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/theme/common.ts"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/lib/theme/connector/index.js b/lib/theme/connector/index.js index ae8f0757..15f51f2b 100644 --- a/lib/theme/connector/index.js +++ b/lib/theme/connector/index.js @@ -16,6 +16,7 @@ var common_1 = require("../common"); var connectorTheme = { name: 'Connector', color: __assign(__assign({}, common_1.color), { brand20: '#dbdef3', brand40: '#b8bde8', brand60: '#959cdc', brand80: '#727bd1', brand100: '#4f5bc6', brand120: '#3b4494', brand140: '#272d62' }), + colorAlternative: common_1.colorAlternative, fontSize: common_1.fontSize, palette: common_1.palette, fontFamily: common_1.fontFamily, diff --git a/lib/theme/connector/index.js.map b/lib/theme/connector/index.js.map index 357e987f..bef38199 100644 --- a/lib/theme/connector/index.js.map +++ b/lib/theme/connector/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/connector/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAA+D;AAE/D,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,wCAAc"} \ No newline at end of file +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/connector/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,wCAAc"} \ No newline at end of file diff --git a/lib/theme/onboarder/index.js b/lib/theme/onboarder/index.js index e1837523..db31deff 100644 --- a/lib/theme/onboarder/index.js +++ b/lib/theme/onboarder/index.js @@ -16,6 +16,7 @@ var common_1 = require("../common"); var onboarderTheme = { name: 'Onboarder', color: __assign(__assign({}, common_1.color), { brand20: '#dbedf8', brand40: '#b7dcf2', brand60: '#93caec', brand80: '#6fb9e6', brand100: '#4ca8e0', brand120: '#3c86b3', brand140: '#2d6486' }), + colorAlternative: common_1.colorAlternative, fontSize: common_1.fontSize, palette: common_1.palette, fontFamily: common_1.fontFamily, diff --git a/lib/theme/onboarder/index.js.map b/lib/theme/onboarder/index.js.map index 5f8f3f56..47dd0f9e 100644 --- a/lib/theme/onboarder/index.js.map +++ b/lib/theme/onboarder/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/onboarder/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAA+D;AAE/D,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,wCAAc"} \ No newline at end of file +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/onboarder/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,wCAAc"} \ No newline at end of file diff --git a/lib/theme/pim/index.js b/lib/theme/pim/index.js index 93512d69..3dfee631 100644 --- a/lib/theme/pim/index.js +++ b/lib/theme/pim/index.js @@ -16,6 +16,7 @@ var common_1 = require("../common"); var pimTheme = { name: 'PIM', color: __assign(__assign({}, common_1.color), { brand20: '#eadcf1', brand40: '#d4bae3', brand60: '#be97d5', brand80: '#a974c7', brand100: '#9452ba', brand120: '#764194', brand140: '#58316f' }), + colorAlternative: common_1.colorAlternative, fontSize: common_1.fontSize, palette: common_1.palette, fontFamily: common_1.fontFamily, diff --git a/lib/theme/pim/index.js.map b/lib/theme/pim/index.js.map index 8c383bf8..b9ee0d5c 100644 --- a/lib/theme/pim/index.js.map +++ b/lib/theme/pim/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/pim/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAA+D;AAE/D,IAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,KAAK;IACX,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,4BAAQ"} \ No newline at end of file +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/pim/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,KAAK;IACX,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,4BAAQ"} \ No newline at end of file diff --git a/lib/theme/shared-catalogs/index.js b/lib/theme/shared-catalogs/index.js index 20b3bde5..8c649f4c 100644 --- a/lib/theme/shared-catalogs/index.js +++ b/lib/theme/shared-catalogs/index.js @@ -16,6 +16,7 @@ var common_1 = require("../common"); var sharedCatalogsTheme = { name: 'Shared Catalogs', color: __assign(__assign({}, common_1.color), { brand20: '#fdf0d8', brand40: '#fce1b2', brand60: '#fbd28b', brand80: '#fac365', brand100: '#f9b53f', brand120: '#c79032', brand140: '#956c25' }), + colorAlternative: common_1.colorAlternative, fontSize: common_1.fontSize, palette: common_1.palette, fontFamily: common_1.fontFamily, diff --git a/lib/theme/shared-catalogs/index.js.map b/lib/theme/shared-catalogs/index.js.map index c95fd6ae..a400ec0f 100644 --- a/lib/theme/shared-catalogs/index.js.map +++ b/lib/theme/shared-catalogs/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/shared-catalogs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAA+D;AAE/D,IAAM,mBAAmB,GAAU;IACjC,IAAI,EAAE,iBAAiB;IACvB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,kDAAmB"} \ No newline at end of file +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/shared-catalogs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,mBAAmB,GAAU;IACjC,IAAI,EAAE,iBAAiB;IACvB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,kDAAmB"} \ No newline at end of file diff --git a/lib/theme/theme.d.ts b/lib/theme/theme.d.ts index d0cc0874..3f2fc2c7 100644 --- a/lib/theme/theme.d.ts +++ b/lib/theme/theme.d.ts @@ -62,6 +62,50 @@ declare type Color = { brand140: string; white: string; }; +declare type ColorAlternative = { + blue10: string; + blue100: string; + blue120: string; + chocolate10: string; + chocolate100: string; + chocolate120: string; + coralRed10: string; + coralRed100: string; + coralRed120: string; + darkBlue10: string; + darkBlue100: string; + darkBlue120: string; + darkCyan10: string; + darkCyan100: string; + darkCyan120: string; + darkPurple10: string; + darkPurple100: string; + darkPurple120: string; + forestGreen10: string; + forestGreen100: string; + forestGreen120: string; + green10: string; + green100: string; + green120: string; + hotPink10: string; + hotPink100: string; + hotPink120: string; + oliveGreen10: string; + oliveGreen100: string; + oliveGreen120: string; + orange10: string; + orange100: string; + orange120: string; + purple10: string; + purple100: string; + purple120: string; + red10: string; + red100: string; + red120: string; + yellow10: string; + yellow100: string; + yellow120: string; +}; declare type Palette = { primary: string; secondary: string; @@ -74,6 +118,7 @@ declare type Theme = { palette: Palette; fontSize: FontSize; color: Color; + colorAlternative: ColorAlternative; fontFamily: FontFamily; }; declare type FontFamily = { @@ -83,8 +128,9 @@ declare type FontFamily = { declare type Level = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger'; declare const getColor: (color: string, gradient?: number | undefined) => (props: AkeneoThemedProps) => string; declare const getColorForLevel: (level: Level, gradient: number) => (props: AkeneoThemedProps) => string; +declare const getColorAlternative: (color: string, gradient?: number | undefined) => (props: AkeneoThemedProps) => string; declare const getFontSize: (fontSize: keyof FontSize) => (props: AkeneoThemedProps) => string; declare const getFontFamily: (fontFamilyType: keyof FontFamily) => (props: AkeneoThemedProps) => string; export declare type AkeneoThemedProps

> = ThemedStyledProps; -export type { Theme, FontSize, FontFamily, Color, Level, Palette }; -export { getColor, getFontFamily, getColorForLevel, getFontSize }; +export type { Theme, FontSize, FontFamily, Color, ColorAlternative, Level, Palette }; +export { getColor, getFontFamily, getColorForLevel, getColorAlternative, getFontSize }; diff --git a/lib/theme/theme.js b/lib/theme/theme.js index 9f12ab3c..7ce71319 100644 --- a/lib/theme/theme.js +++ b/lib/theme/theme.js @@ -1,6 +1,6 @@ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); -exports.getFontSize = exports.getColorForLevel = exports.getFontFamily = exports.getColor = void 0; +exports.getFontSize = exports.getColorAlternative = exports.getColorForLevel = exports.getFontFamily = exports.getColor = void 0; var getColor = function (color, gradient) { return function (_a) { var theme = _a.theme; @@ -15,6 +15,13 @@ var getColorForLevel = function (level, gradient) { }; }; exports.getColorForLevel = getColorForLevel; +var getColorAlternative = function (color, gradient) { + return function (_a) { + var theme = _a.theme; + return theme.colorAlternative["" + color + (gradient !== null && gradient !== void 0 ? gradient : '')]; + }; +}; +exports.getColorAlternative = getColorAlternative; var getFontSize = function (fontSize) { return function (_a) { var theme = _a.theme; diff --git a/lib/theme/theme.js.map b/lib/theme/theme.js.map index 3c115a4d..79b33ced 100644 --- a/lib/theme/theme.js.map +++ b/lib/theme/theme.js.map @@ -1 +1 @@ -{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":";;;AA0FA,IAAM,QAAQ,GACZ,UAAC,KAAa,EAAE,QAAiB;IACjC,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,KAAK,CAAC,KAAG,KAAK,IAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAE,CAAW;IAAlD,CAAkD;AADpD,CACoD,CAAC;AAmB/C,4BAAQ;AAjBhB,IAAM,gBAAgB,GACpB,UAAC,KAAY,EAAE,QAAgB;IAC/B,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,QAAU,CAAW;IAA3D,CAA2D;AAD7D,CAC6D,CAAC;AAc/B,4CAAgB;AAZjD,IAAM,WAAW,GACf,UAAC,QAAwB;IACzB,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAAxB,CAAwB;AAD1B,CAC0B,CAAC;AASsB,kCAAW;AAP9D,IAAM,aAAa,GACjB,UAAC,cAAgC;IACjC,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;IAAhC,CAAgC;AADlC,CACkC,CAAC;AAInB,sCAAa"} \ No newline at end of file +{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":";;;AAwIA,IAAM,QAAQ,GACZ,UAAC,KAAa,EAAE,QAAiB;IACjC,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,KAAK,CAAC,KAAG,KAAK,IAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAE,CAAW;IAAlD,CAAkD;AADpD,CACoD,CAAC;AAwB/C,4BAAQ;AAtBhB,IAAM,gBAAgB,GACpB,UAAC,KAAY,EAAE,QAAgB;IAC/B,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,QAAU,CAAW;IAA3D,CAA2D;AAD7D,CAC6D,CAAC;AAmB/B,4CAAgB;AAjBjD,IAAM,mBAAmB,GACvB,UAAC,KAAa,EAAE,QAAiB;IACjC,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,gBAAgB,CAAC,KAAG,KAAK,IAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAE,CAAW;IAA7D,CAA6D;AAD/D,CAC+D,CAAC;AAcf,kDAAmB;AAZtE,IAAM,WAAW,GACf,UAAC,QAAwB;IACzB,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAAxB,CAAwB;AAD1B,CAC0B,CAAC;AAS2C,kCAAW;AAPnF,IAAM,aAAa,GACjB,UAAC,cAAgC;IACjC,OAAA,UAAC,EAA0B;YAAzB,KAAK,WAAA;QACL,OAAA,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;IAAhC,CAAgC;AADlC,CACkC,CAAC;AAInB,sCAAa"} \ No newline at end of file diff --git a/package.json b/package.json index 86f5cc88..5223e00c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "akeneo-design-system", - "version": "0.1.224", + "version": "0.1.225", "description": "Akeneo design system", "main": "lib/index.js", "scripts": { diff --git a/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-field-block-correctly-1-snap.png b/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-field-block-correctly-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..c19d9562c85412746c9d92a96f740193e9db4284 GIT binary patch literal 4335 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 MLseJho3a(`KcnmK(EtDd literal 0 HcmV?d00001 diff --git a/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-tags-standard-correctly-1-snap.png b/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-tags-standard-correctly-1-snap.png index 5285ce9110008e67466980a45c86fedd50cda59e..1a9fbae291f0f68d39cc3a424e6113508a12b649 100644 GIT binary patch literal 12152 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 URbZt1FR}iMl%iyfxbe6D1H1k#(f|Me literal 5911 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 diff --git a/src/components/Field/Field.stories.mdx b/src/components/Field/Field.stories.mdx index a753564d..71ff1b96 100644 --- a/src/components/Field/Field.stories.mdx +++ b/src/components/Field/Field.stories.mdx @@ -1,7 +1,7 @@ import {useState} from 'react'; import {Meta, Story, ArgsTable, Canvas} from '@storybook/addon-docs'; import {Field} from './Field.tsx'; -import {Helper, Link, Locale, TextInput, Button} from '../../components'; +import {Helper, Link, Locale, TextInput, Button, Block} from '../../components'; + +## Variation with Block + + + + {args => { + return ( + + } + /> + + ); + }} + + diff --git a/src/components/Field/Field.tsx b/src/components/Field/Field.tsx index b5a6ffdd..c30f2364 100644 --- a/src/components/Field/Field.tsx +++ b/src/components/Field/Field.tsx @@ -1,6 +1,6 @@ import React, {Ref, ReactElement, ReactNode} from 'react'; import styled from 'styled-components'; -import {Helper, HelperProps, InputProps, Locale, LocaleProps, Pill} from '../../components'; +import {Helper, HelperProps, InputProps, Locale, LocaleProps, Pill, Block, BlockProps} from '../../components'; import {useId} from '../../hooks'; const FieldContainer = styled.div<{fullWidth: boolean}>` @@ -106,6 +106,10 @@ const Field = React.forwardRef( return {React.cloneElement(child, {inline: true})}; } + if (React.isValidElement(child) && child.type === Block) { + return React.cloneElement(child, {id: inputId, ariaLabelledBy: labelId}); + } + if (React.isValidElement>(child)) { return React.cloneElement(child, {id: inputId, 'aria-labelledby': labelId}); } diff --git a/src/components/Field/Field.unit.tsx b/src/components/Field/Field.unit.tsx index cdeef94e..c90947e3 100644 --- a/src/components/Field/Field.unit.tsx +++ b/src/components/Field/Field.unit.tsx @@ -1,7 +1,7 @@ import React from 'react'; import {Field} from './Field'; import {render, screen} from '../../storybook/test-util'; -import {TextInput, Helper} from '../../components'; +import {TextInput, Helper, Block} from '../../components'; test('it renders its children properly', () => { render( @@ -35,6 +35,17 @@ test('it does not render something else than an Input or Helpers', () => { expect(screen.queryByText('Something else')).not.toBeInTheDocument(); }); +test('it renders a Block', () => { + render( + + + + ); + + expect(screen.getByTestId('block')).toBeInTheDocument(); + expect(screen.getByText('My block title')).toBeInTheDocument(); +}); + test('Field supports forwardRef', () => { const ref = {current: null}; diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx index 544ef101..25a2ad23 100644 --- a/src/components/Search/Search.tsx +++ b/src/components/Search/Search.tsx @@ -14,7 +14,7 @@ const Container = styled.div<{sticky?: number} & AkeneoThemedProps>` box-sizing: border-box; gap: 10px; - :focus-within { + &:focus-within { border-bottom: 1px solid ${getColor('brand', 100)}; } diff --git a/src/components/Tags/Tags.stories.mdx b/src/components/Tags/Tags.stories.mdx index 085e4eda..9e4538fa 100644 --- a/src/components/Tags/Tags.stories.mdx +++ b/src/components/Tags/Tags.stories.mdx @@ -16,7 +16,7 @@ Tags can be used to display a list of keywords. A `Tags` element can only accept a list of `Tag` children. -Each Tag must have one `tint` attribute that you can pick in that list: `'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red'` +Each Tag must have one `tint` attribute that you can pick in that list: `'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red' | 'dark_cyan' | 'forest_green' | 'olive_green' | 'hot_pink' | 'coral_red' | 'orange' | 'chocolate'` ## Playground @@ -30,8 +30,14 @@ Each Tag must have one `tint` attribute that you can pick in that list: `'green' Purple Dark Purple Green + Forest Green + Olive Green + Dark Cyan + Hot Pink + Coral Red + Chocolate Yellow - Very very very very looooonnnnnng teeeexxt + Very very very very looooonnnnnng teeeexxt ; }} diff --git a/src/components/Tags/Tags.tsx b/src/components/Tags/Tags.tsx index 6c797589..0ee7c785 100644 --- a/src/components/Tags/Tags.tsx +++ b/src/components/Tags/Tags.tsx @@ -1,6 +1,6 @@ import React, {Ref, ReactNode, isValidElement} from 'react'; import styled from 'styled-components'; -import {AkeneoThemedProps, getFontSize} from '../../theme'; +import {AkeneoThemedProps, getColorAlternative, getFontSize} from '../../theme'; /** * The colors defined in this file are the alternative ones @@ -8,42 +8,37 @@ import {AkeneoThemedProps, getFontSize} from '../../theme'; * https://www.notion.so/akeneo/Alternative-colors-0f5283c1b02f4fd4a418f1e20f2efa99 * Those colors will most likely only be used with the tags components */ -type Tint = 'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red'; +type Tint = + | 'green' + | 'blue' + | 'dark_blue' + | 'purple' + | 'dark_purple' + | 'yellow' + | 'red' + | 'dark_cyan' + | 'forest_green' + | 'olive_green' + | 'hot_pink' + | 'coral_red' + | 'orange' + | 'chocolate'; + +// Because tints are in snake_case, and colors code are in camelCase +const convertTintToColorCode = (str: string) => { + return str.replace(/_([a-z])/g, function (g) { + return g[1].toUpperCase(); + }); +}; + type TagProps = { tint: Tint; } & React.HTMLAttributes; const Tag = styled.li` border: 1px solid; - border-color: ${({tint}) => - ({ - green: '#81cccc', - blue: '#4ca8e0', - dark_blue: '#5e63b6', - purple: '#9452ba', - dark_purple: '#52267d', - yellow: '#fcce76', - red: '#f74b64', - }[tint])}; - color: ${({tint}) => - ({ - green: '#5da8a6', - blue: '#3278b7', - dark_blue: '#3b438c', - purple: '#763e9e', - dark_purple: '#36145e', - yellow: '#ca8411', - red: '#c92343', - }[tint])}; - background-color: ${({tint}) => - ({ - green: '#f5fafa', - blue: '#f0f7fc', - dark_blue: '#efeff8', - purple: '#f3eef9', - dark_purple: '#eeeaf2', - yellow: '#fefbf2', - red: '#fdedf0', - }[tint])}; + border-color: ${({tint}) => getColorAlternative(convertTintToColorCode(tint), 100)}; + color: ${({tint}) => getColorAlternative(convertTintToColorCode(tint), 120)}; + background-color: ${({tint}) => getColorAlternative(convertTintToColorCode(tint), 10)}; height: 16px; line-height: 16px; padding: 0 6px; diff --git a/src/components/Tags/Tags.unit.tsx b/src/components/Tags/Tags.unit.tsx index 05319df7..3355fb85 100644 --- a/src/components/Tags/Tags.unit.tsx +++ b/src/components/Tags/Tags.unit.tsx @@ -5,11 +5,11 @@ import {render, screen} from '../../storybook/test-util'; test('it renders its children properly', () => { render( - Red Tag + Dark blue Tag ); - expect(screen.getByText('Red Tag')).toBeInTheDocument(); + expect(screen.getByText('Dark blue Tag')).toBeInTheDocument(); }); test('it fails when there are invalid children', () => { diff --git a/src/guidelines/Colors.stories.mdx b/src/guidelines/Colors.stories.mdx index 084eaa92..d80b9721 100644 --- a/src/guidelines/Colors.stories.mdx +++ b/src/guidelines/Colors.stories.mdx @@ -10,6 +10,7 @@ export const ColorContainer = styled(PreviewContainer)` `; export const colors = ['green', 'blue', 'yellow', 'red', 'grey', 'purple']; +export const colorsAlternative = ['green', 'darkCyan', 'forestGreen', 'oliveGreen', 'blue', 'darkBlue', 'purple', 'darkPurple', 'hotPink', 'red', 'coralRed', 'yellow', 'orange', 'chocolate']; # Colors @@ -68,3 +69,32 @@ Colors enhance the experience by providing visual clues and drawing attention to + + + +

+

Alternative colors

+ {colorsAlternative.map(colorName => { + return ( +
+ {colorName} + + {Object.keys(themes[0].colorAlternative) + .filter(colorCode => 0 === colorCode.indexOf(colorName)) + .map(colorCode => { + const color = themes[0].colorAlternative[colorCode]; + return ( + + + {colorCode} + {color} + + ); + })} + +
+ ); + })} +
+ + diff --git a/src/illustrations/WarningIllustration.tsx b/src/illustrations/WarningIllustration.tsx new file mode 100644 index 00000000..0a006798 --- /dev/null +++ b/src/illustrations/WarningIllustration.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import {IllustrationProps} from './IllustrationProps'; +import Warning from '../../static/illustrations/Warning.svg'; + +const WarningIllustration = ({title, size = 256, ...props}: IllustrationProps) => ( + + {title && {title}} + + +); + +export {WarningIllustration}; diff --git a/src/illustrations/index.ts b/src/illustrations/index.ts index b57bc7d4..30de7860 100644 --- a/src/illustrations/index.ts +++ b/src/illustrations/index.ts @@ -58,3 +58,4 @@ export * from './UserRolesIllustration'; export * from './UsersIllustration'; export * from './UsingIllustration'; export * from './ViewsIllustration'; +export * from './WarningIllustration'; diff --git a/src/theme/common.ts b/src/theme/common.ts index 25f0f9d2..2cbb2e5b 100644 --- a/src/theme/common.ts +++ b/src/theme/common.ts @@ -1,5 +1,5 @@ import styled, {css, keyframes} from 'styled-components'; -import {Color, FontFamily, FontSize, getColor, getFontSize, Palette} from './theme'; +import {Color, ColorAlternative, FontFamily, FontSize, getColor, getFontSize, Palette} from './theme'; const CommonStyle = css` input, @@ -100,6 +100,51 @@ const color: Color = { white: '#ffffff', }; +const colorAlternative: ColorAlternative = { + blue10: '#F0F7FC', + blue100: '#4CA8E0', + blue120: '#3278B7', + chocolate10: '#EEE9E5', + chocolate100: '#512500', + chocolate120: '#441F00', + coralRed10: '#FDF0EF', + coralRed100: '#ED6A5E', + coralRed120: '#B72215', + darkBlue10: '#EFEFF8', + darkBlue100: '#5e63b6', + darkBlue120: '#3B438C', + darkCyan10: '#E5F3F3', + darkCyan100: '#008B8B', + darkCyan120: '#007575', + darkPurple10: '#EEEAF2', + darkPurple100: '#52267D', + darkPurple120: '#36145E', + forestGreen10: '#EDF1EB', + forestGreen100: '#50723C', + forestGreen120: '#436032', + green10: '#F5FAFA', + green100: '#81CCCC', + green120: '#5DA8A6', + hotPink10: '#FFF0F7', + hotPink100: '#FF69B4', + hotPink120: '#CC0066', + oliveGreen10: '#F0F4E9', + oliveGreen100: '#6B8E23', + oliveGreen120: '#5A771D', + orange10: '#FFF3E5', + orange100: '#FF8600', + orange120: '#B25E00', + purple10: '#F3EEF9', + purple100: '#9452BA', + purple120: '#763E9E', + red10: '#FDEDF0', + red100: '#F74B64', + red120: '#C92343', + yellow10: '#FEFBF2', + yellow100: '#FCCE76', + yellow120: '#D69A38', +}; + const fontSize: FontSize = { big: '15px', bigger: '17px', @@ -129,4 +174,14 @@ const SkeletonPlaceholder = styled.div` ${placeholderStyle} `; -export {color, fontFamily, fontSize, palette, CommonStyle, BrandedPath, SkeletonPlaceholder, placeholderStyle}; +export { + color, + colorAlternative, + fontFamily, + fontSize, + palette, + CommonStyle, + BrandedPath, + SkeletonPlaceholder, + placeholderStyle, +}; diff --git a/src/theme/connector/index.ts b/src/theme/connector/index.ts index ead5ce5b..4d98874e 100644 --- a/src/theme/connector/index.ts +++ b/src/theme/connector/index.ts @@ -1,5 +1,5 @@ import {Theme} from '../theme'; -import {color, fontSize, palette, fontFamily} from '../common'; +import {color, fontSize, palette, fontFamily, colorAlternative} from '../common'; const connectorTheme: Theme = { name: 'Connector', @@ -13,6 +13,7 @@ const connectorTheme: Theme = { brand120: '#3b4494', brand140: '#272d62', }, + colorAlternative, fontSize, palette, fontFamily, diff --git a/src/theme/onboarder/index.ts b/src/theme/onboarder/index.ts index 9231c0b6..48918dc0 100644 --- a/src/theme/onboarder/index.ts +++ b/src/theme/onboarder/index.ts @@ -1,5 +1,5 @@ import {Theme} from '../theme'; -import {color, fontSize, palette, fontFamily} from '../common'; +import {color, fontSize, palette, fontFamily, colorAlternative} from '../common'; const onboarderTheme: Theme = { name: 'Onboarder', @@ -13,6 +13,7 @@ const onboarderTheme: Theme = { brand120: '#3c86b3', brand140: '#2d6486', }, + colorAlternative, fontSize, palette, fontFamily, diff --git a/src/theme/pim/index.ts b/src/theme/pim/index.ts index 3950f57c..7c98cc34 100644 --- a/src/theme/pim/index.ts +++ b/src/theme/pim/index.ts @@ -1,5 +1,5 @@ import {Theme} from '../theme'; -import {color, fontSize, palette, fontFamily} from '../common'; +import {color, colorAlternative, fontSize, palette, fontFamily} from '../common'; const pimTheme: Theme = { name: 'PIM', @@ -13,6 +13,7 @@ const pimTheme: Theme = { brand120: '#764194', brand140: '#58316f', }, + colorAlternative, fontSize, palette, fontFamily, diff --git a/src/theme/shared-catalogs/index.ts b/src/theme/shared-catalogs/index.ts index fb47f672..937599ea 100644 --- a/src/theme/shared-catalogs/index.ts +++ b/src/theme/shared-catalogs/index.ts @@ -1,5 +1,5 @@ import {Theme} from '../theme'; -import {color, fontSize, palette, fontFamily} from '../common'; +import {color, fontSize, palette, fontFamily, colorAlternative} from '../common'; const sharedCatalogsTheme: Theme = { name: 'Shared Catalogs', @@ -13,6 +13,7 @@ const sharedCatalogsTheme: Theme = { brand120: '#c79032', brand140: '#956c25', }, + colorAlternative, fontSize, palette, fontFamily, diff --git a/src/theme/theme.ts b/src/theme/theme.ts index 78c4c031..fe264488 100644 --- a/src/theme/theme.ts +++ b/src/theme/theme.ts @@ -65,6 +65,51 @@ type Color = { white: string; }; +type ColorAlternative = { + blue10: string; + blue100: string; + blue120: string; + chocolate10: string; + chocolate100: string; + chocolate120: string; + coralRed10: string; + coralRed100: string; + coralRed120: string; + darkBlue10: string; + darkBlue100: string; + darkBlue120: string; + darkCyan10: string; + darkCyan100: string; + darkCyan120: string; + darkPurple10: string; + darkPurple100: string; + darkPurple120: string; + forestGreen10: string; + forestGreen100: string; + forestGreen120: string; + green10: string; + green100: string; + green120: string; + hotPink10: string; + hotPink100: string; + hotPink120: string; + oliveGreen10: string; + oliveGreen100: string; + oliveGreen120: string; + orange10: string; + orange100: string; + orange120: string; + purple10: string; + purple100: string; + purple120: string; + red10: string; + red100: string; + red120: string; + yellow10: string; + yellow100: string; + yellow120: string; +}; + type Palette = { primary: string; secondary: string; @@ -78,6 +123,7 @@ type Theme = { palette: Palette; fontSize: FontSize; color: Color; + colorAlternative: ColorAlternative; fontFamily: FontFamily; }; @@ -98,6 +144,11 @@ const getColorForLevel = ({theme}: AkeneoThemedProps): string => theme.color[`${theme.palette[level]}${gradient}`] as string; +const getColorAlternative = + (color: string, gradient?: number): ((props: AkeneoThemedProps) => string) => + ({theme}: AkeneoThemedProps): string => + theme.colorAlternative[`${color}${gradient ?? ''}`] as string; + const getFontSize = (fontSize: keyof FontSize): ((props: AkeneoThemedProps) => string) => ({theme}: AkeneoThemedProps): string => @@ -109,5 +160,5 @@ const getFontFamily = theme.fontFamily[fontFamilyType]; export type AkeneoThemedProps

> = ThemedStyledProps; -export type {Theme, FontSize, FontFamily, Color, Level, Palette}; -export {getColor, getFontFamily, getColorForLevel, getFontSize}; +export type {Theme, FontSize, FontFamily, Color, ColorAlternative, Level, Palette}; +export {getColor, getFontFamily, getColorForLevel, getColorAlternative, getFontSize}; diff --git a/static/illustrations/Warning.svg b/static/illustrations/Warning.svg new file mode 100644 index 00000000..9810491b --- /dev/null +++ b/static/illustrations/Warning.svg @@ -0,0 +1,203 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +