From 37ea45f1ddd2a3fb1fdd3d2ef187a01057a97b02 Mon Sep 17 00:00:00 2001 From: Raphael Ferrand Date: Mon, 15 Jan 2024 16:27:09 +0100 Subject: [PATCH 01/16] SWED-2379 migrate components snippets #1 --- .../components/ActionList/index.js | 8 +-- .../components/Buttons/constants.js | 15 ++++-- .../components/Dropdown/constants.js | 9 ++-- .../components/Expandable/constants.js | 2 +- .../components/InputField/constants.js | 2 +- .../components/InputField/index.js | 2 +- .../components/Links/constants.js | 8 +-- .../components/Links/index.js | 6 ++- src/App/components/ActionList/index.js | 6 +-- src/App/components/Alert/index.js | 2 +- src/App/components/Button/index.js | 16 ++---- src/App/components/CodeTags/index.js | 10 ++-- src/App/components/Dialog/index.js | 6 +-- src/App/components/Dropdown/index.js | 26 +++++----- src/App/components/Expandable/index.js | 3 +- src/App/components/FormComponents/Checkbox.js | 5 +- src/App/components/FormComponents/Radio.js | 11 ++-- src/App/components/InputGroup/index.js | 28 ++++------- src/App/components/Link/index.js | 10 ++-- .../Icon/__snapshots__/index.test.js.snap | 10 ---- src/App/docutils/Icon/index.js | 15 ------ src/App/docutils/Icon/index.test.js | 16 ------ src/App/docutils/index.js | 2 - src/icons/shapes/export-arrow-up-right.svg | 1 + src/less/components/breadcrumb.less | 2 +- src/less/components/code-tags.less | 21 +++++++- src/less/components/dialog.less | 22 +++++++- src/less/components/form.less | 3 +- src/less/components/links.less | 50 +++++++++++-------- src/less/variables-payex.less | 1 - src/less/variables-swedbankpay.less | 5 +- 31 files changed, 156 insertions(+), 167 deletions(-) delete mode 100644 src/App/docutils/Icon/__snapshots__/index.test.js.snap delete mode 100644 src/App/docutils/Icon/index.js delete mode 100644 src/App/docutils/Icon/index.test.js create mode 100644 src/icons/shapes/export-arrow-up-right.svg diff --git a/src/App/ComponentsDocumentation/components/ActionList/index.js b/src/App/ComponentsDocumentation/components/ActionList/index.js index 8b6ea1a31d..25c4a517c0 100644 --- a/src/App/ComponentsDocumentation/components/ActionList/index.js +++ b/src/App/ComponentsDocumentation/components/ActionList/index.js @@ -11,19 +11,19 @@ import NpmInformation from "@docutils/NpmInformation"; const items = [ { name: "Add bookmark", - icon: "bookmark", + icon: "at-bookmark-star", }, { name: "Add client", - icon: "business_center", + icon: "at-business-suitcase", }, { name: "Add document", - icon: "add_circle", + icon: "at-plus-circle", }, { name: "Add user", - icon: "person_add", + icon: "at-user-plus", }, ]; diff --git a/src/App/ComponentsDocumentation/components/Buttons/constants.js b/src/App/ComponentsDocumentation/components/Buttons/constants.js index 50d35e1bb3..8f7a06cf4b 100644 --- a/src/App/ComponentsDocumentation/components/Buttons/constants.js +++ b/src/App/ComponentsDocumentation/components/Buttons/constants.js @@ -13,13 +13,13 @@ const ButtonOptions = (idAddOn) => ({ { name: "Before", value: { - icon: "cloud", + icon: "at-cloud-database", }, }, { name: "After", value: { - icon: "keyboard_arrow_down", + icon: "swepay-icon-chevron-down", iconAfter: true, }, }, @@ -153,13 +153,13 @@ export const overviewButtons = { { name: "Before", value: { - icon: "cloud", + icon: "at-cloud-database", }, }, { name: "After", value: { - icon: "keyboard_arrow_down", + icon: "swepay-icon-chevron-down", iconAfter: true, }, }, @@ -225,7 +225,12 @@ export const overviewButtons = { { tab: "Icon only", component: ( - + ), title: "Icon only button", options: IconButtonOptions(), diff --git a/src/App/ComponentsDocumentation/components/Dropdown/constants.js b/src/App/ComponentsDocumentation/components/Dropdown/constants.js index 639a2c4a66..046ff9c5b0 100644 --- a/src/App/ComponentsDocumentation/components/Dropdown/constants.js +++ b/src/App/ComponentsDocumentation/components/Dropdown/constants.js @@ -2,7 +2,6 @@ import React from "react"; import { Link } from "react-router-dom"; import DropdownComponent from "@components/Dropdown"; import ButtonComponent from "@components/Button"; -import { Icon } from "@docutils"; import CheckboxComponent from "@components/FormComponents/Checkbox"; import Radio from "@components/FormComponents/Radio"; import InputGroup from "@components/InputGroup"; @@ -15,7 +14,7 @@ const tabsContent = { className="dropdown-option" key="item-overview-action-1" > - +