From 54108fc7698037a7ad7a60db5e6a72afd4a0d58a Mon Sep 17 00:00:00 2001 From: cassandra Date: Fri, 12 Nov 2021 11:28:41 +0000 Subject: [PATCH 1/7] docs(icons): added more icons --- packages/categories.yml | 127 +++ packages/icons.yml | 733 ++++++++++++++++++ packages/icons/categories.yml | 1 + packages/icons/src/svg/checkmark--filled.svg | 12 + packages/icons/src/svg/chevron--mini.svg | 6 + .../icons/src/svg/chevron--sort--down.svg | 11 + packages/icons/src/svg/chevron--sort--up.svg | 11 + packages/icons/src/svg/chevron--sort.svg | 12 + packages/icons/src/svg/close--filled.svg | 12 + packages/icons/src/svg/error--filled.svg | 12 + packages/icons/src/svg/error--outline.svg | 12 + packages/icons/src/svg/export.svg | 12 + packages/icons/src/svg/fade.svg | 15 + packages/icons/src/svg/information.svg | 13 + packages/icons/src/svg/interactions.svg | 9 + packages/icons/src/svg/launch.svg | 12 + packages/icons/src/svg/light.svg | 19 + packages/icons/src/svg/list--bulleted.svg | 14 + packages/icons/src/svg/maximize.svg | 12 + packages/icons/src/svg/minimize.svg | 12 + packages/icons/src/svg/misuse--outline.svg | 12 + packages/icons/src/svg/misuse.svg | 14 + packages/icons/src/svg/new-tab.svg | 12 + packages/icons/src/svg/nominal.svg | 9 + packages/icons/src/svg/notification--off.svg | 15 + packages/icons/src/svg/notification.svg | 14 + packages/icons/src/svg/ordinal.svg | 9 + .../icons/src/svg/pause--outline--filled.svg | 11 + packages/icons/src/svg/pause--outline.svg | 13 + packages/icons/src/svg/pause.svg | 12 + packages/icons/src/svg/play--filled.svg | 12 + .../icons/src/svg/play--outline--filled.svg | 13 + packages/icons/src/svg/play--outline.svg | 13 + packages/icons/src/svg/power.svg | 13 + packages/icons/src/svg/redo.svg | 11 + packages/icons/src/svg/restart.svg | 12 + packages/icons/src/svg/save.svg | 13 + packages/icons/src/svg/star--filled.svg | 11 + packages/icons/src/svg/star--half.svg | 11 + packages/icons/src/svg/star.svg | 13 + packages/icons/src/svg/stop--filled.svg | 12 + .../icons/src/svg/stop--outline--filled.svg | 13 + packages/icons/src/svg/stop--outline.svg | 12 + packages/icons/src/svg/stop.svg | 11 + packages/icons/src/svg/undo.svg | 11 + packages/icons/src/svg/unlocked.svg | 12 + packages/icons/src/svg/user--avatar.svg | 15 + packages/icons/src/svg/view--off.svg | 16 + packages/icons/src/svg/view.svg | 14 + packages/icons/src/svg/warning--alt.svg | 14 + packages/icons/src/svg/warning--filled.svg | 14 + packages/icons/src/svg/warning.svg | 13 + packages/icons/src/svg/zoom--in.svg | 13 + packages/icons/src/svg/zoom--out.svg | 13 + packages/logos/readme.md | 42 - .../MainNavigation/MainNavigation.stories.js | 2 +- yarn.lock | 10 +- 57 files changed, 1495 insertions(+), 52 deletions(-) create mode 100644 packages/categories.yml create mode 100644 packages/icons.yml create mode 100755 packages/icons/src/svg/checkmark--filled.svg create mode 100755 packages/icons/src/svg/chevron--mini.svg create mode 100755 packages/icons/src/svg/chevron--sort--down.svg create mode 100755 packages/icons/src/svg/chevron--sort--up.svg create mode 100755 packages/icons/src/svg/chevron--sort.svg create mode 100755 packages/icons/src/svg/close--filled.svg create mode 100755 packages/icons/src/svg/error--filled.svg create mode 100755 packages/icons/src/svg/error--outline.svg create mode 100755 packages/icons/src/svg/export.svg create mode 100755 packages/icons/src/svg/fade.svg create mode 100755 packages/icons/src/svg/information.svg create mode 100755 packages/icons/src/svg/interactions.svg create mode 100755 packages/icons/src/svg/launch.svg create mode 100755 packages/icons/src/svg/light.svg create mode 100755 packages/icons/src/svg/list--bulleted.svg create mode 100755 packages/icons/src/svg/maximize.svg create mode 100755 packages/icons/src/svg/minimize.svg create mode 100755 packages/icons/src/svg/misuse--outline.svg create mode 100755 packages/icons/src/svg/misuse.svg create mode 100755 packages/icons/src/svg/new-tab.svg create mode 100755 packages/icons/src/svg/nominal.svg create mode 100755 packages/icons/src/svg/notification--off.svg create mode 100755 packages/icons/src/svg/notification.svg create mode 100755 packages/icons/src/svg/ordinal.svg create mode 100755 packages/icons/src/svg/pause--outline--filled.svg create mode 100755 packages/icons/src/svg/pause--outline.svg create mode 100755 packages/icons/src/svg/pause.svg create mode 100755 packages/icons/src/svg/play--filled.svg create mode 100755 packages/icons/src/svg/play--outline--filled.svg create mode 100755 packages/icons/src/svg/play--outline.svg create mode 100755 packages/icons/src/svg/power.svg create mode 100755 packages/icons/src/svg/redo.svg create mode 100755 packages/icons/src/svg/restart.svg create mode 100755 packages/icons/src/svg/save.svg create mode 100755 packages/icons/src/svg/star--filled.svg create mode 100755 packages/icons/src/svg/star--half.svg create mode 100755 packages/icons/src/svg/star.svg create mode 100755 packages/icons/src/svg/stop--filled.svg create mode 100755 packages/icons/src/svg/stop--outline--filled.svg create mode 100755 packages/icons/src/svg/stop--outline.svg create mode 100755 packages/icons/src/svg/stop.svg create mode 100755 packages/icons/src/svg/undo.svg create mode 100755 packages/icons/src/svg/unlocked.svg create mode 100755 packages/icons/src/svg/user--avatar.svg create mode 100755 packages/icons/src/svg/view--off.svg create mode 100755 packages/icons/src/svg/view.svg create mode 100755 packages/icons/src/svg/warning--alt.svg create mode 100755 packages/icons/src/svg/warning--filled.svg create mode 100755 packages/icons/src/svg/warning.svg create mode 100755 packages/icons/src/svg/zoom--in.svg create mode 100755 packages/icons/src/svg/zoom--out.svg diff --git a/packages/categories.yml b/packages/categories.yml new file mode 100644 index 000000000..5c391fe66 --- /dev/null +++ b/packages/categories.yml @@ -0,0 +1,127 @@ +categories: +- name: Actions + subcategories: + - name: Controls + members: + - add--circle + - add--outline + - add + - arrow--down + - arrow--left + - arrow--right + - arrow--up + - arrows + - asleep + - awake + - back-to-top + - caret--down + - caret--left + - caret--right + - caret--up + - checkmark--circle + - checkmark--filled + - checkmark--outline + - checkmark + - chevron--down + - chevron--left + - chevron--mini + - chevron--right + - chevron--sort--down + - chevron--sort--up + - chevron--sort + - chevron--up + - close--circle + - close--filled + - close--outline + - close + - delete + - download + - draggable + - edit--glyph + - ellipsis + - error--filled + - error--outline + - error--solid + - error + - export + - fade + - favorite--outline + - favorite--solid + - favorite + - female + - filter + - header--avatar + - header--chevron + - header--search + - help--glyph + - help--outline + - help + - home + - info--circle + - info--outline + - info--solid + - info + - information + - interactions + - launch + - light + - list--bulleted + - locked + - male + - maximize + - menu + - minimize + - misuse--outline + - misuse + - new-tab + - nominal + - notification--off + - notification + - ordinal + - overflow-menu + - pause--outline--filled + - pause--outline + - pause + - play--filled + - play--outline--filled + - play--outline + - play + - power + - print + - redo + - restart + - save + - search--solid + - search + - settings + - star--filled + - star--half + - star--solid + - star + - stop--filled + - stop--outline--filled + - stop--outline + - stop + - subtract--outline + - subtract + - undo + - unlocked + - upload + - user--avatar + - user + - view--off + - view + - warning--alt + - warning--filled + - warning--outline + - warning--solid + - warning + - wfp-logo--acronym + - wfp-logo--emblem + - wfp-logo--extended--en + - wfp-logo--standard-black-en + - wfp-logo--vertical--en + - zoom--in + - zoom--out + - warning--alt + - warning--filled \ No newline at end of file diff --git a/packages/icons.yml b/packages/icons.yml new file mode 100644 index 000000000..e7810ca8e --- /dev/null +++ b/packages/icons.yml @@ -0,0 +1,733 @@ + +- name: add--circle + friendly_name: add--circle + aliases: + - WFP legacy icons + sizes: + - glyph +- name: add--outline + friendly_name: add--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: add + friendly_name: add + aliases: + - WFP legacy icons + sizes: + - glyph +- name: arrow--down + friendly_name: arrow--down + aliases: + - WFP legacy icons + sizes: + - glyph +- name: arrow--left + friendly_name: arrow--left + aliases: + - WFP legacy icons + sizes: + - glyph +- name: arrow--right + friendly_name: arrow--right + aliases: + - WFP legacy icons + sizes: + - glyph +- name: arrow--up + friendly_name: arrow--up + aliases: + - WFP legacy icons + sizes: + - glyph +- name: arrows + friendly_name: arrows + aliases: + - WFP legacy icons + sizes: + - glyph +- name: asleep + friendly_name: asleep + aliases: + - WFP legacy icons + sizes: + - glyph +- name: awake + friendly_name: awake + aliases: + - WFP legacy icons + sizes: + - glyph +- name: back-to-top + friendly_name: back-to-top + aliases: + - WFP legacy icons + sizes: + - glyph +- name: caret--down + friendly_name: caret--down + aliases: + - WFP legacy icons + sizes: + - glyph +- name: caret--left + friendly_name: caret--left + aliases: + - WFP legacy icons + sizes: + - glyph +- name: caret--right + friendly_name: caret--right + aliases: + - WFP legacy icons + sizes: + - glyph +- name: caret--up + friendly_name: caret--up + aliases: + - WFP legacy icons + sizes: + - glyph +- name: checkmark--circle + friendly_name: checkmark--circle + aliases: + - WFP legacy icons + sizes: + - glyph +- name: checkmark--filled + friendly_name: checkmark--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: checkmark--outline + friendly_name: checkmark--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: checkmark + friendly_name: checkmark + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--down + friendly_name: chevron--down + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--left + friendly_name: chevron--left + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--mini + friendly_name: chevron--mini + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--right + friendly_name: chevron--right + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--sort--down + friendly_name: chevron--sort--down + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--sort--up + friendly_name: chevron--sort--up + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--sort + friendly_name: chevron--sort + aliases: + - WFP legacy icons + sizes: + - glyph +- name: chevron--up + friendly_name: chevron--up + aliases: + - WFP legacy icons + sizes: + - glyph +- name: close--circle + friendly_name: close--circle + aliases: + - WFP legacy icons + sizes: + - glyph +- name: close--filled + friendly_name: close--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: close--outline + friendly_name: close--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: close + friendly_name: close + aliases: + - WFP legacy icons + sizes: + - glyph +- name: delete + friendly_name: delete + aliases: + - WFP legacy icons + sizes: + - glyph +- name: download + friendly_name: download + aliases: + - WFP legacy icons + sizes: + - glyph +- name: draggable + friendly_name: draggable + aliases: + - WFP legacy icons + sizes: + - glyph +- name: edit--glyph + friendly_name: edit--glyph + aliases: + - WFP legacy icons + sizes: + - glyph +- name: ellipsis + friendly_name: ellipsis + aliases: + - WFP legacy icons + sizes: + - glyph +- name: error--filled + friendly_name: error--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: error--outline + friendly_name: error--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: error--solid + friendly_name: error--solid + aliases: + - WFP legacy icons + sizes: + - glyph +- name: error + friendly_name: error + aliases: + - WFP legacy icons + sizes: + - glyph +- name: export + friendly_name: export + aliases: + - WFP legacy icons + sizes: + - glyph +- name: fade + friendly_name: fade + aliases: + - WFP legacy icons + sizes: + - glyph +- name: favorite--outline + friendly_name: favorite--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: favorite--solid + friendly_name: favorite--solid + aliases: + - WFP legacy icons + sizes: + - glyph +- name: favorite + friendly_name: favorite + aliases: + - WFP legacy icons + sizes: + - glyph +- name: female + friendly_name: female + aliases: + - WFP legacy icons + sizes: + - glyph +- name: filter + friendly_name: filter + aliases: + - WFP legacy icons + sizes: + - glyph +- name: header--avatar + friendly_name: header--avatar + aliases: + - WFP legacy icons + sizes: + - glyph +- name: header--chevron + friendly_name: header--chevron + aliases: + - WFP legacy icons + sizes: + - glyph +- name: header--search + friendly_name: header--search + aliases: + - WFP legacy icons + sizes: + - glyph +- name: help--glyph + friendly_name: help--glyph + aliases: + - WFP legacy icons + sizes: + - glyph +- name: help--outline + friendly_name: help--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: help + friendly_name: help + aliases: + - WFP legacy icons + sizes: + - glyph +- name: home + friendly_name: home + aliases: + - WFP legacy icons + sizes: + - glyph +- name: info--circle + friendly_name: info--circle + aliases: + - WFP legacy icons + sizes: + - glyph +- name: info--outline + friendly_name: info--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: info--solid + friendly_name: info--solid + aliases: + - WFP legacy icons + sizes: + - glyph +- name: info + friendly_name: info + aliases: + - WFP legacy icons + sizes: + - glyph +- name: information + friendly_name: information + aliases: + - WFP legacy icons + sizes: + - glyph +- name: interactions + friendly_name: interactions + aliases: + - WFP legacy icons + sizes: + - glyph +- name: launch + friendly_name: launch + aliases: + - WFP legacy icons + sizes: + - glyph +- name: light + friendly_name: light + aliases: + - WFP legacy icons + sizes: + - glyph +- name: list--bulleted + friendly_name: list--bulleted + aliases: + - WFP legacy icons + sizes: + - glyph +- name: locked + friendly_name: locked + aliases: + - WFP legacy icons + sizes: + - glyph +- name: male + friendly_name: male + aliases: + - WFP legacy icons + sizes: + - glyph +- name: maximize + friendly_name: maximize + aliases: + - WFP legacy icons + sizes: + - glyph +- name: menu + friendly_name: menu + aliases: + - WFP legacy icons + sizes: + - glyph +- name: minimize + friendly_name: minimize + aliases: + - WFP legacy icons + sizes: + - glyph +- name: misuse--outline + friendly_name: misuse--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: misuse + friendly_name: misuse + aliases: + - WFP legacy icons + sizes: + - glyph +- name: new-tab + friendly_name: new-tab + aliases: + - WFP legacy icons + sizes: + - glyph +- name: nominal + friendly_name: nominal + aliases: + - WFP legacy icons + sizes: + - glyph +- name: notification--off + friendly_name: notification--off + aliases: + - WFP legacy icons + sizes: + - glyph +- name: notification + friendly_name: notification + aliases: + - WFP legacy icons + sizes: + - glyph +- name: ordinal + friendly_name: ordinal + aliases: + - WFP legacy icons + sizes: + - glyph +- name: overflow-menu + friendly_name: overflow-menu + aliases: + - WFP legacy icons + sizes: + - glyph +- name: pause--outline--filled + friendly_name: pause--outline--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: pause--outline + friendly_name: pause--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: pause + friendly_name: pause + aliases: + - WFP legacy icons + sizes: + - glyph +- name: play--filled + friendly_name: play--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: play--outline--filled + friendly_name: play--outline--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: play--outline + friendly_name: play--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: play + friendly_name: play + aliases: + - WFP legacy icons + sizes: + - glyph +- name: power + friendly_name: power + aliases: + - WFP legacy icons + sizes: + - glyph +- name: print + friendly_name: print + aliases: + - WFP legacy icons + sizes: + - glyph +- name: redo + friendly_name: redo + aliases: + - WFP legacy icons + sizes: + - glyph +- name: restart + friendly_name: restart + aliases: + - WFP legacy icons + sizes: + - glyph +- name: save + friendly_name: save + aliases: + - WFP legacy icons + sizes: + - glyph +- name: search--solid + friendly_name: search--solid + aliases: + - WFP legacy icons + sizes: + - glyph +- name: search + friendly_name: search + aliases: + - WFP legacy icons + sizes: + - glyph +- name: settings + friendly_name: settings + aliases: + - WFP legacy icons + sizes: + - glyph +- name: star--filled + friendly_name: star--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: star--half + friendly_name: star--half + aliases: + - WFP legacy icons + sizes: + - glyph +- name: star--solid + friendly_name: star--solid + aliases: + - WFP legacy icons + sizes: + - glyph +- name: star + friendly_name: star + aliases: + - WFP legacy icons + sizes: + - glyph +- name: stop--filled + friendly_name: stop--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: stop--outline--filled + friendly_name: stop--outline--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: stop--outline + friendly_name: stop--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: stop + friendly_name: stop + aliases: + - WFP legacy icons + sizes: + - glyph +- name: subtract--outline + friendly_name: subtract--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: subtract + friendly_name: subtract + aliases: + - WFP legacy icons + sizes: + - glyph +- name: undo + friendly_name: undo + aliases: + - WFP legacy icons + sizes: + - glyph +- name: unlocked + friendly_name: unlocked + aliases: + - WFP legacy icons + sizes: + - glyph +- name: upload + friendly_name: upload + aliases: + - WFP legacy icons + sizes: + - glyph +- name: user--avatar + friendly_name: user--avatar + aliases: + - WFP legacy icons + sizes: + - glyph +- name: user + friendly_name: user + aliases: + - WFP legacy icons + sizes: + - glyph +- name: view--off + friendly_name: view--off + aliases: + - WFP legacy icons + sizes: + - glyph +- name: view + friendly_name: view + aliases: + - WFP legacy icons + sizes: + - glyph +- name: warning--alt + friendly_name: warning--alt + aliases: + - WFP legacy icons + sizes: + - glyph +- name: warning--filled + friendly_name: warning--filled + aliases: + - WFP legacy icons + sizes: + - glyph +- name: warning--outline + friendly_name: warning--outline + aliases: + - WFP legacy icons + sizes: + - glyph +- name: warning--solid + friendly_name: warning--solid + aliases: + - WFP legacy icons + sizes: + - glyph +- name: warning + friendly_name: warning + aliases: + - WFP legacy icons + sizes: + - glyph +- name: wfp-logo--acronym + friendly_name: wfp-logo--acronym + aliases: + - WFP legacy icons + sizes: + - glyph +- name: wfp-logo--emblem + friendly_name: wfp-logo--emblem + aliases: + - WFP legacy icons + sizes: + - glyph +- name: wfp-logo--extended--en + friendly_name: wfp-logo--extended--en + aliases: + - WFP legacy icons + sizes: + - glyph +- name: wfp-logo--standard-black-en + friendly_name: wfp-logo--standard-black-en + aliases: + - WFP legacy icons + sizes: + - glyph +- name: wfp-logo--vertical--en + friendly_name: wfp-logo--vertical--en + aliases: + - WFP legacy icons + sizes: + - glyph +- name: zoom--in + friendly_name: zoom--in + aliases: + - WFP legacy icons + sizes: + - glyph +- name: zoom--out + friendly_name: zoom--out + aliases: + - WFP legacy icons + sizes: + - glyph +- name: warning--alt + friendly_name: warning--alt + aliases: + - Carbon icons + sizes: + - 16 +- name: warning--filled + friendly_name: warning--filled + aliases: + - Carbon icons + sizes: + - 16 \ No newline at end of file diff --git a/packages/icons/categories.yml b/packages/icons/categories.yml index 43ce95f2e..9c71ef731 100644 --- a/packages/icons/categories.yml +++ b/packages/icons/categories.yml @@ -17,6 +17,7 @@ categories: - caret--right - caret--up - checkmark--circle + - checkmark--filled - checkmark--outline - checkmark - chevron--down diff --git a/packages/icons/src/svg/checkmark--filled.svg b/packages/icons/src/svg/checkmark--filled.svg new file mode 100755 index 000000000..365c67f46 --- /dev/null +++ b/packages/icons/src/svg/checkmark--filled.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/packages/icons/src/svg/chevron--mini.svg b/packages/icons/src/svg/chevron--mini.svg new file mode 100755 index 000000000..34e30998d --- /dev/null +++ b/packages/icons/src/svg/chevron--mini.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/packages/icons/src/svg/chevron--sort--down.svg b/packages/icons/src/svg/chevron--sort--down.svg new file mode 100755 index 000000000..d24accd20 --- /dev/null +++ b/packages/icons/src/svg/chevron--sort--down.svg @@ -0,0 +1,11 @@ + + + + +chevron--sort + + + diff --git a/packages/icons/src/svg/chevron--sort--up.svg b/packages/icons/src/svg/chevron--sort--up.svg new file mode 100755 index 000000000..df5f5ba8c --- /dev/null +++ b/packages/icons/src/svg/chevron--sort--up.svg @@ -0,0 +1,11 @@ + + + + +chevron--sort + + + diff --git a/packages/icons/src/svg/chevron--sort.svg b/packages/icons/src/svg/chevron--sort.svg new file mode 100755 index 000000000..085040c69 --- /dev/null +++ b/packages/icons/src/svg/chevron--sort.svg @@ -0,0 +1,12 @@ + + + + +chevron--sort + + + + diff --git a/packages/icons/src/svg/close--filled.svg b/packages/icons/src/svg/close--filled.svg new file mode 100755 index 000000000..867055371 --- /dev/null +++ b/packages/icons/src/svg/close--filled.svg @@ -0,0 +1,12 @@ + + + + +misuse + + + diff --git a/packages/icons/src/svg/error--filled.svg b/packages/icons/src/svg/error--filled.svg new file mode 100755 index 000000000..26eb23ea6 --- /dev/null +++ b/packages/icons/src/svg/error--filled.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/packages/icons/src/svg/error--outline.svg b/packages/icons/src/svg/error--outline.svg new file mode 100755 index 000000000..d2304ddb3 --- /dev/null +++ b/packages/icons/src/svg/error--outline.svg @@ -0,0 +1,12 @@ + + + + +checkmark + + + + diff --git a/packages/icons/src/svg/export.svg b/packages/icons/src/svg/export.svg new file mode 100755 index 000000000..15d1b220d --- /dev/null +++ b/packages/icons/src/svg/export.svg @@ -0,0 +1,12 @@ + + + + +export + + + + diff --git a/packages/icons/src/svg/fade.svg b/packages/icons/src/svg/fade.svg new file mode 100755 index 000000000..a71128ae2 --- /dev/null +++ b/packages/icons/src/svg/fade.svg @@ -0,0 +1,15 @@ + + + + +fade + + + + + + + diff --git a/packages/icons/src/svg/information.svg b/packages/icons/src/svg/information.svg new file mode 100755 index 000000000..62994df1d --- /dev/null +++ b/packages/icons/src/svg/information.svg @@ -0,0 +1,13 @@ + + + + +information + + + + + diff --git a/packages/icons/src/svg/interactions.svg b/packages/icons/src/svg/interactions.svg new file mode 100755 index 000000000..90c9fd445 --- /dev/null +++ b/packages/icons/src/svg/interactions.svg @@ -0,0 +1,9 @@ + + + + Interactions 16 + Created with Sketch. + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/launch.svg b/packages/icons/src/svg/launch.svg new file mode 100755 index 000000000..b55fbb5d5 --- /dev/null +++ b/packages/icons/src/svg/launch.svg @@ -0,0 +1,12 @@ + + + + +launch + + + + diff --git a/packages/icons/src/svg/light.svg b/packages/icons/src/svg/light.svg new file mode 100755 index 000000000..f7811b976 --- /dev/null +++ b/packages/icons/src/svg/light.svg @@ -0,0 +1,19 @@ + + + + +light + + + + + + + + + + + diff --git a/packages/icons/src/svg/list--bulleted.svg b/packages/icons/src/svg/list--bulleted.svg new file mode 100755 index 000000000..df9875743 --- /dev/null +++ b/packages/icons/src/svg/list--bulleted.svg @@ -0,0 +1,14 @@ + + + + +list--bulleted + + + + + + diff --git a/packages/icons/src/svg/maximize.svg b/packages/icons/src/svg/maximize.svg new file mode 100755 index 000000000..05dc76480 --- /dev/null +++ b/packages/icons/src/svg/maximize.svg @@ -0,0 +1,12 @@ + + + + +maximize + + + + diff --git a/packages/icons/src/svg/minimize.svg b/packages/icons/src/svg/minimize.svg new file mode 100755 index 000000000..d42828f17 --- /dev/null +++ b/packages/icons/src/svg/minimize.svg @@ -0,0 +1,12 @@ + + + + +minimize + + + + diff --git a/packages/icons/src/svg/misuse--outline.svg b/packages/icons/src/svg/misuse--outline.svg new file mode 100755 index 000000000..03092ac4b --- /dev/null +++ b/packages/icons/src/svg/misuse--outline.svg @@ -0,0 +1,12 @@ + + + + +checkmark + + + + diff --git a/packages/icons/src/svg/misuse.svg b/packages/icons/src/svg/misuse.svg new file mode 100755 index 000000000..94e2fbccf --- /dev/null +++ b/packages/icons/src/svg/misuse.svg @@ -0,0 +1,14 @@ + + + + + + + + diff --git a/packages/icons/src/svg/new-tab.svg b/packages/icons/src/svg/new-tab.svg new file mode 100755 index 000000000..f118366ac --- /dev/null +++ b/packages/icons/src/svg/new-tab.svg @@ -0,0 +1,12 @@ + + + + +new-tab + + + + diff --git a/packages/icons/src/svg/nominal.svg b/packages/icons/src/svg/nominal.svg new file mode 100755 index 000000000..b0be3145b --- /dev/null +++ b/packages/icons/src/svg/nominal.svg @@ -0,0 +1,9 @@ + + + + Nominal 16 + Created with Sketch. + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/notification--off.svg b/packages/icons/src/svg/notification--off.svg new file mode 100755 index 000000000..e90adbbf1 --- /dev/null +++ b/packages/icons/src/svg/notification--off.svg @@ -0,0 +1,15 @@ + + + + +notification--off + + + + diff --git a/packages/icons/src/svg/notification.svg b/packages/icons/src/svg/notification.svg new file mode 100755 index 000000000..aeb432d9b --- /dev/null +++ b/packages/icons/src/svg/notification.svg @@ -0,0 +1,14 @@ + + + + +notification + + + diff --git a/packages/icons/src/svg/ordinal.svg b/packages/icons/src/svg/ordinal.svg new file mode 100755 index 000000000..cfe9bc91c --- /dev/null +++ b/packages/icons/src/svg/ordinal.svg @@ -0,0 +1,9 @@ + + + + Ordinal 16 + Created with Sketch. + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/pause--outline--filled.svg b/packages/icons/src/svg/pause--outline--filled.svg new file mode 100755 index 000000000..2322d5e05 --- /dev/null +++ b/packages/icons/src/svg/pause--outline--filled.svg @@ -0,0 +1,11 @@ + + + + +pause--outline--filled + + + diff --git a/packages/icons/src/svg/pause--outline.svg b/packages/icons/src/svg/pause--outline.svg new file mode 100755 index 000000000..3a45b3378 --- /dev/null +++ b/packages/icons/src/svg/pause--outline.svg @@ -0,0 +1,13 @@ + + + + +pause--outline + + + + + diff --git a/packages/icons/src/svg/pause.svg b/packages/icons/src/svg/pause.svg new file mode 100755 index 000000000..e9f1c9ee5 --- /dev/null +++ b/packages/icons/src/svg/pause.svg @@ -0,0 +1,12 @@ + + + + +pause + + + + diff --git a/packages/icons/src/svg/play--filled.svg b/packages/icons/src/svg/play--filled.svg new file mode 100755 index 000000000..24a87e5a2 --- /dev/null +++ b/packages/icons/src/svg/play--filled.svg @@ -0,0 +1,12 @@ + + + + +play--solid--filled + + + diff --git a/packages/icons/src/svg/play--outline--filled.svg b/packages/icons/src/svg/play--outline--filled.svg new file mode 100755 index 000000000..e604c1830 --- /dev/null +++ b/packages/icons/src/svg/play--outline--filled.svg @@ -0,0 +1,13 @@ + + + + +play--outline--filled + + + + diff --git a/packages/icons/src/svg/play--outline.svg b/packages/icons/src/svg/play--outline.svg new file mode 100755 index 000000000..f7f70cc90 --- /dev/null +++ b/packages/icons/src/svg/play--outline.svg @@ -0,0 +1,13 @@ + + + + +play--outline + + + + diff --git a/packages/icons/src/svg/power.svg b/packages/icons/src/svg/power.svg new file mode 100755 index 000000000..5e16972ae --- /dev/null +++ b/packages/icons/src/svg/power.svg @@ -0,0 +1,13 @@ + + + + +power + + + + diff --git a/packages/icons/src/svg/redo.svg b/packages/icons/src/svg/redo.svg new file mode 100755 index 000000000..5d3da118e --- /dev/null +++ b/packages/icons/src/svg/redo.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/packages/icons/src/svg/restart.svg b/packages/icons/src/svg/restart.svg new file mode 100755 index 000000000..d694a677f --- /dev/null +++ b/packages/icons/src/svg/restart.svg @@ -0,0 +1,12 @@ + + + + +restart + + + diff --git a/packages/icons/src/svg/save.svg b/packages/icons/src/svg/save.svg new file mode 100755 index 000000000..b720f040c --- /dev/null +++ b/packages/icons/src/svg/save.svg @@ -0,0 +1,13 @@ + + + + +save + + + diff --git a/packages/icons/src/svg/star--filled.svg b/packages/icons/src/svg/star--filled.svg new file mode 100755 index 000000000..834f8a214 --- /dev/null +++ b/packages/icons/src/svg/star--filled.svg @@ -0,0 +1,11 @@ + + + + +star--filled + + + diff --git a/packages/icons/src/svg/star--half.svg b/packages/icons/src/svg/star--half.svg new file mode 100755 index 000000000..baae2a9ca --- /dev/null +++ b/packages/icons/src/svg/star--half.svg @@ -0,0 +1,11 @@ + + + + +star--half + + + diff --git a/packages/icons/src/svg/star.svg b/packages/icons/src/svg/star.svg new file mode 100755 index 000000000..4b176cae8 --- /dev/null +++ b/packages/icons/src/svg/star.svg @@ -0,0 +1,13 @@ + + + + +star + + + diff --git a/packages/icons/src/svg/stop--filled.svg b/packages/icons/src/svg/stop--filled.svg new file mode 100755 index 000000000..f49e473fb --- /dev/null +++ b/packages/icons/src/svg/stop--filled.svg @@ -0,0 +1,12 @@ + + + + +stop--solid--filled + + + diff --git a/packages/icons/src/svg/stop--outline--filled.svg b/packages/icons/src/svg/stop--outline--filled.svg new file mode 100755 index 000000000..ca18f4e5d --- /dev/null +++ b/packages/icons/src/svg/stop--outline--filled.svg @@ -0,0 +1,13 @@ + + + + +stop--outline--filled + + + + diff --git a/packages/icons/src/svg/stop--outline.svg b/packages/icons/src/svg/stop--outline.svg new file mode 100755 index 000000000..eb2544c3f --- /dev/null +++ b/packages/icons/src/svg/stop--outline.svg @@ -0,0 +1,12 @@ + + + + +stop--outline + + + + diff --git a/packages/icons/src/svg/stop.svg b/packages/icons/src/svg/stop.svg new file mode 100755 index 000000000..6cc7a846f --- /dev/null +++ b/packages/icons/src/svg/stop.svg @@ -0,0 +1,11 @@ + + + + +stop + + + diff --git a/packages/icons/src/svg/undo.svg b/packages/icons/src/svg/undo.svg new file mode 100755 index 000000000..4c2ca3bc7 --- /dev/null +++ b/packages/icons/src/svg/undo.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/packages/icons/src/svg/unlocked.svg b/packages/icons/src/svg/unlocked.svg new file mode 100755 index 000000000..12e718a95 --- /dev/null +++ b/packages/icons/src/svg/unlocked.svg @@ -0,0 +1,12 @@ + + + + +unlocked + + + diff --git a/packages/icons/src/svg/user--avatar.svg b/packages/icons/src/svg/user--avatar.svg new file mode 100755 index 000000000..3d6e895ed --- /dev/null +++ b/packages/icons/src/svg/user--avatar.svg @@ -0,0 +1,15 @@ + + + + +user--avatar + + + + diff --git a/packages/icons/src/svg/view--off.svg b/packages/icons/src/svg/view--off.svg new file mode 100755 index 000000000..100c2970d --- /dev/null +++ b/packages/icons/src/svg/view--off.svg @@ -0,0 +1,16 @@ + + + + +view--off + + + + + diff --git a/packages/icons/src/svg/view.svg b/packages/icons/src/svg/view.svg new file mode 100755 index 000000000..33a4f8119 --- /dev/null +++ b/packages/icons/src/svg/view.svg @@ -0,0 +1,14 @@ + + + + +view + + + + diff --git a/packages/icons/src/svg/warning--alt.svg b/packages/icons/src/svg/warning--alt.svg new file mode 100755 index 000000000..2243ba819 --- /dev/null +++ b/packages/icons/src/svg/warning--alt.svg @@ -0,0 +1,14 @@ + + + + +warning--alt + + + + + diff --git a/packages/icons/src/svg/warning--filled.svg b/packages/icons/src/svg/warning--filled.svg new file mode 100755 index 000000000..ffadd5c10 --- /dev/null +++ b/packages/icons/src/svg/warning--filled.svg @@ -0,0 +1,14 @@ + + + + + + + + diff --git a/packages/icons/src/svg/warning.svg b/packages/icons/src/svg/warning.svg new file mode 100755 index 000000000..3f5c54b76 --- /dev/null +++ b/packages/icons/src/svg/warning.svg @@ -0,0 +1,13 @@ + + + + +warning + + + + + diff --git a/packages/icons/src/svg/zoom--in.svg b/packages/icons/src/svg/zoom--in.svg new file mode 100755 index 000000000..a01fa1d66 --- /dev/null +++ b/packages/icons/src/svg/zoom--in.svg @@ -0,0 +1,13 @@ + + + + +zoom--in + + + + diff --git a/packages/icons/src/svg/zoom--out.svg b/packages/icons/src/svg/zoom--out.svg new file mode 100755 index 000000000..82bc51898 --- /dev/null +++ b/packages/icons/src/svg/zoom--out.svg @@ -0,0 +1,13 @@ + + + + +zoom--out + + + + diff --git a/packages/logos/readme.md b/packages/logos/readme.md index e427bc72a..cb38fd5fe 100644 --- a/packages/logos/readme.md +++ b/packages/logos/readme.md @@ -1,45 +1,3 @@ -# World Food Programme UI Kit (WFP-UI) Logos - -Status: work in progress - -This repository features the Logo assets of the World Food Programme. - -### CDN usage: - -All logos are available on WFP's CDN. -By using `latest` your application will always show the latest logos. Otherwise you can use a version like `0.0.1` for fixed versioning. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - https://uikit.wfp.org/cdn/logos/latest/wfpLogoAcronymBlackAll.svg - https://uikit.wfp.org/cdn/logos/latest/wfpLogoAcronymBlueAll.svg diff --git a/packages/ui/src/components/MainNavigation/MainNavigation.stories.js b/packages/ui/src/components/MainNavigation/MainNavigation.stories.js index 5daa20be9..a393cedac 100644 --- a/packages/ui/src/components/MainNavigation/MainNavigation.stories.js +++ b/packages/ui/src/components/MainNavigation/MainNavigation.stories.js @@ -101,7 +101,7 @@ export const Regular = (args) => ( + Welcome Lorem! diff --git a/yarn.lock b/yarn.lock index 95c6b8814..e925279a0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1270,7 +1270,7 @@ resolved "https://registry.yarnpkg.com/@carbon/import-once/-/import-once-10.6.0.tgz#a8fb846d9dc3eea9d45d9131a235e898d0f8db1e" integrity sha512-vi0lnmZot9J5uW2p9chtyLBwe3nCTY4HrDWuglLOZVOHu7dbLQiRjD/r3uOjB4lr5qduRwk2hblBXKBhpVDBpg== -"@carbon/layout@^10.26.0", "@carbon/layout@^10.29.0": +"@carbon/layout@^10.29.0": version "10.29.0" resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.29.0.tgz#ae140bb535fbbf293f6197ff51bf8f698d05cfa2" integrity sha512-+Gc7i6ys8ySuyCFvj2Fke23paU1NaOirRQLQ63zDzKLLu2XwAVaBKq9msdUdolfOTmrQwAs9dQ83QBB9AGqS8g== @@ -1301,14 +1301,6 @@ resolved "https://registry.yarnpkg.com/@carbon/test-utils/-/test-utils-10.3.0.tgz#fb8ff7ebe9e94bfdd457c33ceaef4c270c3d7872" integrity sha512-zEOpzWKimQrOajRM/64W8tKz+DbS7IDI7hratQZGxsYX+Pr91ZQpf45jMGVxxNcvuihXalUQYrMuEOH2MrbyAw== -"@carbon/type@10.33.0", "@carbon/type@^10.33.0": - version "10.33.0" - resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.33.0.tgz#ae16432e154b053f4d15a36445cda19c3c0dbeff" - integrity sha512-VdJJUy795iBid1evtZTX7a1iGX0z2mIa17q/mcUx8GJJKnJn54mjnLk/t+5/YuIBDQ/uRjBW6qORN7gQClziTg== - dependencies: - "@carbon/import-once" "^10.6.0" - "@carbon/layout" "^10.29.0" - "@choojs/findup@^0.2.1": version "0.2.1" resolved "https://registry.yarnpkg.com/@choojs/findup/-/findup-0.2.1.tgz#ac13c59ae7be6e1da64de0779a0a7f03d75615a3" From a52d29d7d43bfa6a39ae3e92e0c1ad5d98d3056e Mon Sep 17 00:00:00 2001 From: cassandra Date: Fri, 12 Nov 2021 11:38:12 +0000 Subject: [PATCH 2/7] docs(icons): merged into un-core icon fix --- packages/categories.yml | 2 -- packages/icons.yml | 12 ------------ 2 files changed, 14 deletions(-) diff --git a/packages/categories.yml b/packages/categories.yml index 5c391fe66..3278970d0 100644 --- a/packages/categories.yml +++ b/packages/categories.yml @@ -11,8 +11,6 @@ categories: - arrow--right - arrow--up - arrows - - asleep - - awake - back-to-top - caret--down - caret--left diff --git a/packages/icons.yml b/packages/icons.yml index e7810ca8e..b21207d97 100644 --- a/packages/icons.yml +++ b/packages/icons.yml @@ -47,18 +47,6 @@ - WFP legacy icons sizes: - glyph -- name: asleep - friendly_name: asleep - aliases: - - WFP legacy icons - sizes: - - glyph -- name: awake - friendly_name: awake - aliases: - - WFP legacy icons - sizes: - - glyph - name: back-to-top friendly_name: back-to-top aliases: From fca7764841fac4efa7eeb92d1030ff367fe652aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Robert=20Gu=CC=88hne?= Date: Mon, 15 Nov 2021 14:21:25 +0100 Subject: [PATCH 3/7] fix(icons): generate metadata in the correct folder --- packages/icons/categories.yml | 3 ++- packages/icons/icons.yml | 12 ++++++++++++ packages/icons/tasks/create-iconlist.js | 6 +++--- 3 files changed, 17 insertions(+), 4 deletions(-) diff --git a/packages/icons/categories.yml b/packages/icons/categories.yml index 9c71ef731..4066109eb 100644 --- a/packages/icons/categories.yml +++ b/packages/icons/categories.yml @@ -17,7 +17,6 @@ categories: - caret--right - caret--up - checkmark--circle - - checkmark--filled - checkmark--outline - checkmark - chevron--down @@ -59,7 +58,9 @@ categories: - search--solid - search - settings + - star--filled - star--solid + - star - subtract--outline - subtract - upload diff --git a/packages/icons/icons.yml b/packages/icons/icons.yml index 907f6c99f..81f0c7482 100644 --- a/packages/icons/icons.yml +++ b/packages/icons/icons.yml @@ -329,12 +329,24 @@ - WFP legacy icons sizes: - glyph +- name: star--filled + friendly_name: star--filled + aliases: + - WFP legacy icons + sizes: + - glyph - name: star--solid friendly_name: star--solid aliases: - WFP legacy icons sizes: - glyph +- name: star + friendly_name: star + aliases: + - WFP legacy icons + sizes: + - glyph - name: subtract--outline friendly_name: subtract--outline aliases: diff --git a/packages/icons/tasks/create-iconlist.js b/packages/icons/tasks/create-iconlist.js index c92570abc..87ac8b3c4 100644 --- a/packages/icons/tasks/create-iconlist.js +++ b/packages/icons/tasks/create-iconlist.js @@ -42,12 +42,12 @@ fs.readdirSync(testFolder16).forEach((file) => { - 16`; }); -fs.writeFile('../icons.yml', icons, (err) => { +fs.writeFile('./icons.yml', icons, (err) => { if (err) throw err; }); -// Write data in 'Output.txt' . +// Write categories in 'categories.yml' . -fs.writeFile('../categories.yml', categoryList, (err) => { +fs.writeFile('./categories.yml', categoryList, (err) => { if (err) throw err; }); From e21d7b5821a19e5abcba800c25e5d3d67a4046a0 Mon Sep 17 00:00:00 2001 From: cassandra Date: Thu, 18 Nov 2021 11:14:57 +0000 Subject: [PATCH 4/7] refactor(types): manually included type decalrations from PR into this branch --- packages/ui/src/components/Footer/Footer.js | 11 +- .../src/components/Footer/Footer.stories.js | 270 ++++++++++++--- .../src/components/Footer/FooterExternal.js | 217 +----------- .../ui/src/components/Hero/HeroExternal.js | 1 + packages/ui/src/components/Search/Search.js | 2 +- packages/ui/src/components/Tooltip/Tooltip.js | 2 +- .../documentation/samples/NotFound.stories.js | 2 +- packages/ui/src/types/AnchorNavigation.d.ts | 11 + packages/ui/src/types/AuthLayout.d.ts | 12 + packages/ui/src/types/BackgroundContent.d.ts | 10 + packages/ui/src/types/BannerNavigation.d.ts | 12 + .../ui/src/types/BannerNavigationItem.d.ts | 10 + packages/ui/src/types/Blockquote.d.ts | 18 + packages/ui/src/types/Breadcrumb.d.ts | 10 + packages/ui/src/types/BreadcrumbHome.d.ts | 10 + packages/ui/src/types/BreadcrumbItem.d.ts | 12 + packages/ui/src/types/Button.d.ts | 19 ++ packages/ui/src/types/Card.d.ts | 21 ++ packages/ui/src/types/Checkbox.d.ts | 13 + packages/ui/src/types/ContentSwitcher.d.ts | 11 + packages/ui/src/types/ContextMenu.d.ts | 13 + packages/ui/src/types/ContextMenuGroup.d.ts | 10 + packages/ui/src/types/ContextMenuItem.d.ts | 10 + packages/ui/src/types/Credits.d.ts | 11 + .../ui/src/types/DateRangePickerInput.d.ts | 12 + packages/ui/src/types/Empty.d.ts | 15 + packages/ui/src/types/Footer.d.ts | 21 ++ packages/ui/src/types/Form.d.ts | 11 + packages/ui/src/types/FormGroup.d.ts | 18 + packages/ui/src/types/FormHint.d.ts | 12 + packages/ui/src/types/FormLabel.d.ts | 10 + packages/ui/src/types/FormWizard.d.ts | 14 + packages/ui/src/types/Hero.d.ts | 20 ++ packages/ui/src/types/Icon.d.ts | 20 ++ packages/ui/src/types/InfoBar.d.ts | 13 + packages/ui/src/types/InlineLoading.d.ts | 13 + packages/ui/src/types/Input.d.ts | 21 ++ packages/ui/src/types/InputGroup.d.ts | 16 + packages/ui/src/types/Item.d.ts | 20 ++ packages/ui/src/types/Link.d.ts | 11 + packages/ui/src/types/List/List.d.ts | 13 + packages/ui/src/types/List/ListItem.d.ts | 11 + packages/ui/src/types/List/index.d.ts | 11 + packages/ui/src/types/Loading.d.ts | 12 + packages/ui/src/types/Modal/Modal.d.ts | 33 ++ packages/ui/src/types/Modal/ModalWrapper.d.ts | 28 ++ packages/ui/src/types/Modal/index.d.ts | 11 + packages/ui/src/types/Module/Module.d.ts | 15 + packages/ui/src/types/Module/ModuleBody.d.ts | 12 + .../ui/src/types/Module/ModuleFooter.d.ts | 10 + .../ui/src/types/Module/ModuleHeader.d.ts | 10 + packages/ui/src/types/Module/index.d.ts | 19 ++ .../src/types/Navigation/MainNavigation.d.ts | 15 + .../types/Navigation/MainNavigationItem.d.ts | 15 + .../types/Navigation/SecondaryNavigation.d.ts | 13 + .../src/types/Navigation/StepNavigation.d.ts | 15 + .../types/Navigation/StepNavigationItem.d.ts | 15 + .../src/types/Navigation/SubNavigation.d.ts | 10 + .../Navigation/SubNavigationContent.d.ts | 10 + .../types/Navigation/SubNavigationFilter.d.ts | 10 + .../types/Navigation/SubNavigationGroup.d.ts | 12 + .../types/Navigation/SubNavigationHeader.d.ts | 10 + .../types/Navigation/SubNavigationItem.d.ts | 10 + .../types/Navigation/SubNavigationLink.d.ts | 10 + .../types/Navigation/SubNavigationList.d.ts | 10 + .../types/Navigation/SubNavigationTitle.d.ts | 10 + packages/ui/src/types/Navigation/index.d.ts | 59 ++++ .../Notification/InlineNotification.d.ts | 22 ++ .../src/types/Notification/Notification.d.ts | 15 + .../NotificationActionButton.d.ts | 10 + .../Notification/NotificationButton.d.ts | 15 + .../types/Notification/NotificationIcon.d.ts | 14 + .../Notification/NotificationTextDetails.d.ts | 14 + .../types/Notification/ToastNotification.d.ts | 23 ++ packages/ui/src/types/Notification/index.d.ts | 31 ++ packages/ui/src/types/NumberInput.d.ts | 14 + packages/ui/src/types/Pagination.d.ts | 28 ++ packages/ui/src/types/RadioButton.d.ts | 14 + packages/ui/src/types/RadioButtonGroup.d.ts | 18 + packages/ui/src/types/ReadMore.d.ts | 18 + packages/ui/src/types/Search.d.ts | 11 + packages/ui/src/types/Select/Select.d.ts | 21 ++ packages/ui/src/types/Select/SelectItem.d.ts | 11 + packages/ui/src/types/Select/index.d.ts | 11 + packages/ui/src/types/Sidebar/Sidebar.d.ts | 13 + .../src/types/Sidebar/SidebarBackButton.d.ts | 10 + .../src/types/Sidebar/SidebarContentBody.d.ts | 10 + .../types/Sidebar/SidebarContentHeader.d.ts | 10 + .../ui/src/types/Sidebar/SidebarHeader.d.ts | 11 + .../ui/src/types/Sidebar/SidebarScroll.d.ts | 10 + packages/ui/src/types/Sidebar/index.d.ts | 27 ++ .../ui/src/types/SingleDatePickerInput.d.ts | 22 ++ packages/ui/src/types/Story.d.ts | 10 + packages/ui/src/types/Table/Table.d.ts | 12 + .../ui/src/types/Table/TablePagination.d.ts | 9 + packages/ui/src/types/Table/index.d.ts | 10 + packages/ui/src/types/Tabs/Tab.d.ts | 21 ++ packages/ui/src/types/Tabs/TabContent.d.ts | 11 + packages/ui/src/types/Tabs/Tabs.d.ts | 17 + packages/ui/src/types/Tabs/index.d.ts | 15 + packages/ui/src/types/Tag.d.ts | 13 + packages/ui/src/types/Text.d.ts | 14 + packages/ui/src/types/TextArea.d.ts | 21 ++ packages/ui/src/types/TextInput.d.ts | 24 ++ packages/ui/src/types/Toggle.d.ts | 14 + packages/ui/src/types/Tooltip.d.ts | 19 ++ packages/ui/src/types/Unit.d.ts | 19 ++ packages/ui/src/types/User.d.ts | 16 + packages/ui/src/types/Value.d.ts | 12 + packages/ui/src/types/Wrapper.d.ts | 14 + packages/ui/src/types/index.d.ts | 314 ++++++++++++------ packages/ui/src/types/utils/index.d.ts | 122 +++++++ 112 files changed, 2136 insertions(+), 348 deletions(-) create mode 100644 packages/ui/src/types/AnchorNavigation.d.ts create mode 100644 packages/ui/src/types/AuthLayout.d.ts create mode 100644 packages/ui/src/types/BackgroundContent.d.ts create mode 100644 packages/ui/src/types/BannerNavigation.d.ts create mode 100644 packages/ui/src/types/BannerNavigationItem.d.ts create mode 100644 packages/ui/src/types/Blockquote.d.ts create mode 100644 packages/ui/src/types/Breadcrumb.d.ts create mode 100644 packages/ui/src/types/BreadcrumbHome.d.ts create mode 100644 packages/ui/src/types/BreadcrumbItem.d.ts create mode 100644 packages/ui/src/types/Button.d.ts create mode 100644 packages/ui/src/types/Card.d.ts create mode 100644 packages/ui/src/types/Checkbox.d.ts create mode 100644 packages/ui/src/types/ContentSwitcher.d.ts create mode 100644 packages/ui/src/types/ContextMenu.d.ts create mode 100644 packages/ui/src/types/ContextMenuGroup.d.ts create mode 100644 packages/ui/src/types/ContextMenuItem.d.ts create mode 100644 packages/ui/src/types/Credits.d.ts create mode 100644 packages/ui/src/types/DateRangePickerInput.d.ts create mode 100644 packages/ui/src/types/Empty.d.ts create mode 100644 packages/ui/src/types/Footer.d.ts create mode 100644 packages/ui/src/types/Form.d.ts create mode 100644 packages/ui/src/types/FormGroup.d.ts create mode 100644 packages/ui/src/types/FormHint.d.ts create mode 100644 packages/ui/src/types/FormLabel.d.ts create mode 100644 packages/ui/src/types/FormWizard.d.ts create mode 100644 packages/ui/src/types/Hero.d.ts create mode 100644 packages/ui/src/types/Icon.d.ts create mode 100644 packages/ui/src/types/InfoBar.d.ts create mode 100644 packages/ui/src/types/InlineLoading.d.ts create mode 100644 packages/ui/src/types/Input.d.ts create mode 100644 packages/ui/src/types/InputGroup.d.ts create mode 100644 packages/ui/src/types/Item.d.ts create mode 100644 packages/ui/src/types/Link.d.ts create mode 100644 packages/ui/src/types/List/List.d.ts create mode 100644 packages/ui/src/types/List/ListItem.d.ts create mode 100644 packages/ui/src/types/List/index.d.ts create mode 100644 packages/ui/src/types/Loading.d.ts create mode 100644 packages/ui/src/types/Modal/Modal.d.ts create mode 100644 packages/ui/src/types/Modal/ModalWrapper.d.ts create mode 100644 packages/ui/src/types/Modal/index.d.ts create mode 100644 packages/ui/src/types/Module/Module.d.ts create mode 100644 packages/ui/src/types/Module/ModuleBody.d.ts create mode 100644 packages/ui/src/types/Module/ModuleFooter.d.ts create mode 100644 packages/ui/src/types/Module/ModuleHeader.d.ts create mode 100644 packages/ui/src/types/Module/index.d.ts create mode 100644 packages/ui/src/types/Navigation/MainNavigation.d.ts create mode 100644 packages/ui/src/types/Navigation/MainNavigationItem.d.ts create mode 100644 packages/ui/src/types/Navigation/SecondaryNavigation.d.ts create mode 100644 packages/ui/src/types/Navigation/StepNavigation.d.ts create mode 100644 packages/ui/src/types/Navigation/StepNavigationItem.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigation.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationContent.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationFilter.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationGroup.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationHeader.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationItem.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationLink.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationList.d.ts create mode 100644 packages/ui/src/types/Navigation/SubNavigationTitle.d.ts create mode 100644 packages/ui/src/types/Navigation/index.d.ts create mode 100644 packages/ui/src/types/Notification/InlineNotification.d.ts create mode 100644 packages/ui/src/types/Notification/Notification.d.ts create mode 100644 packages/ui/src/types/Notification/NotificationActionButton.d.ts create mode 100644 packages/ui/src/types/Notification/NotificationButton.d.ts create mode 100644 packages/ui/src/types/Notification/NotificationIcon.d.ts create mode 100644 packages/ui/src/types/Notification/NotificationTextDetails.d.ts create mode 100644 packages/ui/src/types/Notification/ToastNotification.d.ts create mode 100644 packages/ui/src/types/Notification/index.d.ts create mode 100644 packages/ui/src/types/NumberInput.d.ts create mode 100644 packages/ui/src/types/Pagination.d.ts create mode 100644 packages/ui/src/types/RadioButton.d.ts create mode 100644 packages/ui/src/types/RadioButtonGroup.d.ts create mode 100644 packages/ui/src/types/ReadMore.d.ts create mode 100644 packages/ui/src/types/Search.d.ts create mode 100644 packages/ui/src/types/Select/Select.d.ts create mode 100644 packages/ui/src/types/Select/SelectItem.d.ts create mode 100644 packages/ui/src/types/Select/index.d.ts create mode 100644 packages/ui/src/types/Sidebar/Sidebar.d.ts create mode 100644 packages/ui/src/types/Sidebar/SidebarBackButton.d.ts create mode 100644 packages/ui/src/types/Sidebar/SidebarContentBody.d.ts create mode 100644 packages/ui/src/types/Sidebar/SidebarContentHeader.d.ts create mode 100644 packages/ui/src/types/Sidebar/SidebarHeader.d.ts create mode 100644 packages/ui/src/types/Sidebar/SidebarScroll.d.ts create mode 100644 packages/ui/src/types/Sidebar/index.d.ts create mode 100644 packages/ui/src/types/SingleDatePickerInput.d.ts create mode 100644 packages/ui/src/types/Story.d.ts create mode 100644 packages/ui/src/types/Table/Table.d.ts create mode 100644 packages/ui/src/types/Table/TablePagination.d.ts create mode 100644 packages/ui/src/types/Table/index.d.ts create mode 100644 packages/ui/src/types/Tabs/Tab.d.ts create mode 100644 packages/ui/src/types/Tabs/TabContent.d.ts create mode 100644 packages/ui/src/types/Tabs/Tabs.d.ts create mode 100644 packages/ui/src/types/Tabs/index.d.ts create mode 100644 packages/ui/src/types/Tag.d.ts create mode 100644 packages/ui/src/types/Text.d.ts create mode 100644 packages/ui/src/types/TextArea.d.ts create mode 100644 packages/ui/src/types/TextInput.d.ts create mode 100644 packages/ui/src/types/Toggle.d.ts create mode 100644 packages/ui/src/types/Tooltip.d.ts create mode 100644 packages/ui/src/types/Unit.d.ts create mode 100644 packages/ui/src/types/User.d.ts create mode 100644 packages/ui/src/types/Value.d.ts create mode 100644 packages/ui/src/types/Wrapper.d.ts create mode 100644 packages/ui/src/types/utils/index.d.ts diff --git a/packages/ui/src/components/Footer/Footer.js b/packages/ui/src/components/Footer/Footer.js index e132f2e5e..aa4e5ba89 100755 --- a/packages/ui/src/components/Footer/Footer.js +++ b/packages/ui/src/components/Footer/Footer.js @@ -34,6 +34,7 @@ const Footer = ({ sdgLogo, pageWidth, productName, + socialIcons, ...other }) => { const classNames = classnames( @@ -45,7 +46,7 @@ const Footer = ({ const footer = external ? ( - {children} + {children} ) : (
@@ -161,13 +162,19 @@ Footer.propTypes = { When external is set to true, the logo will be left and description will right on the footer. It is false by default. */ external: PropTypes.bool, + + /** + * This prop can only be called on external footer. It can be used to apply social icons to your footer + */ + socialIcons: PropTypes.node, + /** Meta content, usually the copyright notice */ metaContent: PropTypes.node, /** - Meta links, usually are leagal links like privacy, terms of use. + Meta links, usually are legal links like privacy, terms of use. */ metaLinks: PropTypes.node, /** diff --git a/packages/ui/src/components/Footer/Footer.stories.js b/packages/ui/src/components/Footer/Footer.stories.js index 317fa3cf7..6cb2de918 100644 --- a/packages/ui/src/components/Footer/Footer.stories.js +++ b/packages/ui/src/components/Footer/Footer.stories.js @@ -63,51 +63,105 @@ export const External = (args) => Second legal link } +socialIcons={ + <> +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • + +} > -
    -

    First title

    - -
    -
    -

    Second title

    - -
    +
    + {/* Title is optional */} +

    Title

    + +
    +
    + {/* Title is optional */} +

    Title

    + +
    ); @@ -210,3 +264,131 @@ OverrideLogos.story = { }, }, }; + + +/** + * Twitter social icon + */ +const TwitterIcon = () => ( + + Twitter icon + + + + + + + + + +); + +/** + * Facebook social icon + */ +const FacebookIcon = () => ( + + Facebook icon + + + + + + + + + +); + +/** + * Instagram social icon + */ +const InstagramIcon = () => ( + + Instagram icon + + + + + + + + + +); + +/** + * LinkedIn social icon + */ +const LinkedinIcon = () => ( + + LinkedIn icon + + + + + + + + + +); + +/** + * YouTube social icon + */ +const YoutubeIcon = () => ( + + YouTube icon + + + + + + + + + +); + +/** + * TikTok social icon + */ +const TiktokIcon = () => ( + + TikTok icon + + + + + + + + + +); \ No newline at end of file diff --git a/packages/ui/src/components/Footer/FooterExternal.js b/packages/ui/src/components/Footer/FooterExternal.js index 26069a5f4..0aa9f9630 100644 --- a/packages/ui/src/components/Footer/FooterExternal.js +++ b/packages/ui/src/components/Footer/FooterExternal.js @@ -15,6 +15,7 @@ const FooterExternal = ({ children, metaContent, metaLinks, + socialIcons, }) => { const externalClasses = classnames(`${prefix}--footer-ext`, className); return ( @@ -31,63 +32,18 @@ const FooterExternal = ({
    {metaContent}
    + {socialIcons && (

    Follow WFP on:

    -
    + ) + } +
    - - + {children}
    @@ -112,34 +68,10 @@ FooterExternal.propTypes = { children: PropTypes.node, metaContent: PropTypes.node, metaLinks: PropTypes.node, -}; - -const LinksColumn = () => { - return ( -
    - {/* Title is optional */} -

    Title

    - -
    - ); + /** + * Use this prop when you want to add any social icons + */ + socialIcons: PropTypes.node }; const FooterMetaLink = ({ className, href, children }) => { @@ -163,131 +95,6 @@ FooterMetaLink.propTypes = { children: PropTypes.node, }; -/** - * Twitter social icon - */ -const TwitterIcon = () => ( - - Twitter icon - - - - - - - - - -); - -/** - * Facebook social icon - */ -const FacebookIcon = () => ( - - Facebook icon - - - - - - - - - -); - -/** - * Instagram social icon - */ -const InstagramIcon = () => ( - - Instagram icon - - - - - - - - - -); - -/** - * LinkedIn social icon - */ -const LinkedinIcon = () => ( - - LinkedIn icon - - - - - - - - - -); - -/** - * YouTube social icon - */ -const YoutubeIcon = () => ( - - YouTube icon - - - - - - - - - -); -/** - * TikTok social icon - */ -const TiktokIcon = () => ( - - TikTok icon - - - - - - - - - -); -export { FooterExternal, LinksColumn, FooterMetaLink }; +export { FooterExternal, FooterMetaLink }; diff --git a/packages/ui/src/components/Hero/HeroExternal.js b/packages/ui/src/components/Hero/HeroExternal.js index 2e3f0f2a0..c51a2860b 100644 --- a/packages/ui/src/components/Hero/HeroExternal.js +++ b/packages/ui/src/components/Hero/HeroExternal.js @@ -1,6 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import Button from '../Button'; +import classNames from 'classnames'; import Wrapper from '../Wrapper'; import { settings } from '../../globals/js'; diff --git a/packages/ui/src/components/Search/Search.js b/packages/ui/src/components/Search/Search.js index 684cd1d1b..261f0e28a 100644 --- a/packages/ui/src/components/Search/Search.js +++ b/packages/ui/src/components/Search/Search.js @@ -154,7 +154,7 @@ Search.propTypes = { /** * Specify a custom `id` for the input */ - id: PropTypes.string.isRequired, + id: PropTypes.string, /** * The new value is available first arg 'searchValue' and evt object if needed is on second arg. diff --git a/packages/ui/src/components/Tooltip/Tooltip.js b/packages/ui/src/components/Tooltip/Tooltip.js index 43f2f4ae6..952ae6bc8 100644 --- a/packages/ui/src/components/Tooltip/Tooltip.js +++ b/packages/ui/src/components/Tooltip/Tooltip.js @@ -127,7 +127,7 @@ Tooltip.propTypes = { /** * Provide the content for the tooltip */ - content: PropTypes.node, + content: PropTypes.oneOfType([PropTypes.node, PropTypes.func]), /** * Provide a dark styled tooltip diff --git a/packages/ui/src/documentation/samples/NotFound.stories.js b/packages/ui/src/documentation/samples/NotFound.stories.js index 94018707c..296ecfe02 100644 --- a/packages/ui/src/documentation/samples/NotFound.stories.js +++ b/packages/ui/src/documentation/samples/NotFound.stories.js @@ -22,7 +22,7 @@ export default { export const Regular = (args) => ( - { + title?: string + children?: React.ReactNode + } +} + +declare class AnchorNavigation extends React.Component{ } +export = AnchorNavigation \ No newline at end of file diff --git a/packages/ui/src/types/AuthLayout.d.ts b/packages/ui/src/types/AuthLayout.d.ts new file mode 100644 index 000000000..b0712d7b9 --- /dev/null +++ b/packages/ui/src/types/AuthLayout.d.ts @@ -0,0 +1,12 @@ +import * as React from 'react' + +declare namespace AuthLayout { + interface AuthLayoutProps extends React.HTMLProps { + children: React.ReactNode + image?: React.ReactNode + backgroundContent?: React.ReactNode + } +} + +declare class AuthLayout extends React.Component { } +export = AuthLayout \ No newline at end of file diff --git a/packages/ui/src/types/BackgroundContent.d.ts b/packages/ui/src/types/BackgroundContent.d.ts new file mode 100644 index 000000000..4e4ae6aac --- /dev/null +++ b/packages/ui/src/types/BackgroundContent.d.ts @@ -0,0 +1,10 @@ +import * as React from 'react' + +declare namespace BackgroundContent { + interface BackgroundContentProps extends React.HTMLProps { + children: React.ReactNode + } +} + +declare class BackgroundContent extends React.Component { } +export = BackgroundContent \ No newline at end of file diff --git a/packages/ui/src/types/BannerNavigation.d.ts b/packages/ui/src/types/BannerNavigation.d.ts new file mode 100644 index 000000000..b602b1070 --- /dev/null +++ b/packages/ui/src/types/BannerNavigation.d.ts @@ -0,0 +1,12 @@ +import * as React from 'react' +import { ScreenSize } from './utils' + +declare namespace BannerNavigation { + interface BannerNavigationProps extends React.HTMLProps { + children: React.ReactNode + pageWidth?: ScreenSize + } +} + +declare class BannerNavigation extends React.Component { } +export = BannerNavigation \ No newline at end of file diff --git a/packages/ui/src/types/BannerNavigationItem.d.ts b/packages/ui/src/types/BannerNavigationItem.d.ts new file mode 100644 index 000000000..7e4e0cf3b --- /dev/null +++ b/packages/ui/src/types/BannerNavigationItem.d.ts @@ -0,0 +1,10 @@ +import * as React from 'react' + +declare namespace BannerNavigationItem { + interface BannerNavigationItemProps extends React.HTMLProps { + children: React.ReactNode + } +} + +declare class BannerNavigationItem extends React.Component { } +export = BannerNavigationItem \ No newline at end of file diff --git a/packages/ui/src/types/Blockquote.d.ts b/packages/ui/src/types/Blockquote.d.ts new file mode 100644 index 000000000..bfa925401 --- /dev/null +++ b/packages/ui/src/types/Blockquote.d.ts @@ -0,0 +1,18 @@ +import * as React from 'react' +import { IIcon, StatusKind } from './utils'; + +declare namespace Blockquote { + interface BlockquoteProps extends Omit, 'title'> { + children?: React.ReactNode + code?: boolean + light?: boolean + toggable?: boolean + title?: React.ReactNode + kind?: StatusKind + withIcon?: boolean + icon?: React.ReactNode | IIcon + } +} + +declare class Blockquote extends React.Component { } +export = Blockquote \ No newline at end of file diff --git a/packages/ui/src/types/Breadcrumb.d.ts b/packages/ui/src/types/Breadcrumb.d.ts new file mode 100644 index 000000000..cd31f2db0 --- /dev/null +++ b/packages/ui/src/types/Breadcrumb.d.ts @@ -0,0 +1,10 @@ +import * as React from 'react'; + +declare namespace Breadcrumb { + interface BreadcrumbProps extends React.HTMLProps { + children?: React.ReactNode + } +} + +declare class Breadcrumb extends React.Component{ } +export = Breadcrumb \ No newline at end of file diff --git a/packages/ui/src/types/BreadcrumbHome.d.ts b/packages/ui/src/types/BreadcrumbHome.d.ts new file mode 100644 index 000000000..b5a64cf87 --- /dev/null +++ b/packages/ui/src/types/BreadcrumbHome.d.ts @@ -0,0 +1,10 @@ +import * as React from 'react'; + +declare namespace BreadcrumbHome { + interface BreadcrumbHomeProps extends React.HTMLProps { + hometext?: React.ReactNode + } +} + +declare class BreadcrumbHome extends React.Component{ } +export = BreadcrumbHome \ No newline at end of file diff --git a/packages/ui/src/types/BreadcrumbItem.d.ts b/packages/ui/src/types/BreadcrumbItem.d.ts new file mode 100644 index 000000000..919c86849 --- /dev/null +++ b/packages/ui/src/types/BreadcrumbItem.d.ts @@ -0,0 +1,12 @@ +import * as React from 'react'; + +declare namespace BreadcrumbItem { + interface BreadcrumbItemProps extends React.HTMLProps { + href?: string + children?: React.ReactNode + disableLink?: boolean + } +} + +declare class BreadcrumbItem extends React.Component{ } +export = BreadcrumbItem \ No newline at end of file diff --git a/packages/ui/src/types/Button.d.ts b/packages/ui/src/types/Button.d.ts new file mode 100644 index 000000000..7c4166ff4 --- /dev/null +++ b/packages/ui/src/types/Button.d.ts @@ -0,0 +1,19 @@ +import * as React from 'react'; +import { ButtonKind, IIcon } from './utils'; + +declare namespace Button { + interface ButtonProps extends React.ButtonHTMLAttributes