From 280b6c41a2107bccb38500f54eb5663ef62c7ae3 Mon Sep 17 00:00:00 2001 From: Alexis Sourtzis Date: Mon, 18 Apr 2022 09:33:41 +0000 Subject: [PATCH 01/13] refactor(Tab):minor change in secondary pointing menu variables --- theme/themes/eea/collections/menu.variables | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/theme/themes/eea/collections/menu.variables b/theme/themes/eea/collections/menu.variables index db8c248f79..8fa9ba38b4 100644 --- a/theme/themes/eea/collections/menu.variables +++ b/theme/themes/eea/collections/menu.variables @@ -270,7 +270,7 @@ @secondaryPointingItemBorderBottom: @1px solid @midGray; -@secondaryPointingItemMaxWidth: 15.626rem; +@secondaryPointingItemMaxWidth: 15.625rem; /* Inverted Secondary */ @secondaryInvertedColor: @invertedLightTextColor; From 0e34cbf459e67b6910217f30a44a1e81f33df622 Mon Sep 17 00:00:00 2001 From: Alexis Sourtzis Date: Mon, 18 Apr 2022 11:29:51 +0000 Subject: [PATCH 02/13] refactor(Tab):scrollbar change in mobile & vertical tab fix --- theme/themes/eea/modules/tab.overrides | 25 +++++++++++++++++++++++++ theme/themes/eea/modules/tab.variables | 9 ++++++++- 2 files changed, 33 insertions(+), 1 deletion(-) diff --git a/theme/themes/eea/modules/tab.overrides b/theme/themes/eea/modules/tab.overrides index e34f8471d3..edc3d30ce2 100644 --- a/theme/themes/eea/modules/tab.overrides +++ b/theme/themes/eea/modules/tab.overrides @@ -10,4 +10,29 @@ a.item:hover { color: @tabActiveItemHoverColor; } + +} + +.ui.pointing.secondary.menu::-webkit-scrollbar { + height: @mobileTabScrollbarHeight; +} + +@media only screen and (min-width: @tabletBreakpoint) { + + .ui.pointing.secondary.menu::-webkit-scrollbar { + height: @tabletTabScrollbarHeight; + } + +} + +@media only screen and (max-width: @largestMobileScreen) { + + .ui.pointing.secondary.vertical.menu { + + .item { + font-size: @largestMobileItemFontSize; + padding: @largestMobileItemPadding; + } + + } } diff --git a/theme/themes/eea/modules/tab.variables b/theme/themes/eea/modules/tab.variables index 8b9115505c..2b5506a7aa 100644 --- a/theme/themes/eea/modules/tab.variables +++ b/theme/themes/eea/modules/tab.variables @@ -4,6 +4,9 @@ @tabActiveItemHoverColor: @secondaryColor; +@largestMobileItemFontSize: 1rem; +@largestMobileItemPadding: 1rem 0.25rem; + @headerSize: @h4; @headerSizeResponsive: @fontSize; @contentSize: @fontSize; @@ -14,4 +17,8 @@ @loadingContentOffset: -10000px; @loaderDistanceFromTop: 100px; -@loaderSize: 2.5em; \ No newline at end of file +@loaderSize: 2.5em; + +/* Scrollbar */ +@mobileTabScrollbarHeight: 0; +@tabletTabScrollbarHeight: 0.3rem; From 94996fcdf1ea7e55c63dd44e10edf1b44b9bdef5 Mon Sep 17 00:00:00 2001 From: Alexis Sourtzis Date: Tue, 19 Apr 2022 09:44:58 +0000 Subject: [PATCH 03/13] refactor(Button): move button to forms folder --- src/ui/{ => Form}/Button/Button.stories.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename src/ui/{ => Form}/Button/Button.stories.jsx (99%) diff --git a/src/ui/Button/Button.stories.jsx b/src/ui/Form/Button/Button.stories.jsx similarity index 99% rename from src/ui/Button/Button.stories.jsx rename to src/ui/Form/Button/Button.stories.jsx index 450a558678..6fe743cec7 100644 --- a/src/ui/Button/Button.stories.jsx +++ b/src/ui/Form/Button/Button.stories.jsx @@ -2,7 +2,7 @@ import React from 'react'; import { Button, Icon, Segment } from 'semantic-ui-react'; export default { - title: 'Components/Button', + title: 'Components/Forms/Button', component: Button, parameters: { actions: { From ab53642f27c996f929ff871d0794add39bab6c23 Mon Sep 17 00:00:00 2001 From: Alexis Sourtzis Date: Tue, 19 Apr 2022 13:06:29 +0000 Subject: [PATCH 04/13] feat(CallToAction):add feat call to action --- src/ui/CallToAction/CallToAction.stories.jsx | 231 +++++++++++++++++++ 1 file changed, 231 insertions(+) create mode 100644 src/ui/CallToAction/CallToAction.stories.jsx diff --git a/src/ui/CallToAction/CallToAction.stories.jsx b/src/ui/CallToAction/CallToAction.stories.jsx new file mode 100644 index 0000000000..13e163f0e2 --- /dev/null +++ b/src/ui/CallToAction/CallToAction.stories.jsx @@ -0,0 +1,231 @@ +import React from 'react'; +import { Button, Icon, Segment } from 'semantic-ui-react'; + +export default { + title: 'Components/Call To Action', + component: Button, + argTypes: { + label: { + description: 'link label', + table: { + defaultValue: { + summary: '', + }, + type: { + summary: 'string', + }, + }, + }, + href: { + description: "link's destination url", + table: { + defaultValue: { + summary: '', + }, + type: { summary: 'string' }, + }, + }, + disabled: { + description: 'link disabled', + table: { + defaultValue: { summary: 'false' }, + type: { summary: 'boolean' }, + }, + }, + }, +}; + +//Default Call To Action +export const Default = (args) => { + return ( + + {args.label} + + ); +}; +Default.args = { + label: 'Default Call To Action', + href: '/#', + disabled: false, +}; + +//Primary Call To Action +export const Primary = (args) => { + return ( + + {args.label} + + ); +}; +Primary.args = { + label: 'Primary Call To Action', + href: '/#', + disabled: false, +}; + +//Secondary Call To Action +export const Secondary = (args) => { + return ( + + {args.label} + + ); +}; +Secondary.args = { + label: 'Secondary Call To Action', + href: '/#', + disabled: false, +}; + +//Inverted Call To Action +export const Inverted = (args) => { + return ( + + + {args.button1} + + + {args.button2} + + + {args.button3} + + + ); +}; +Inverted.args = { + button1: 'Primary Call To Action', + button2: 'Secondary Call To Action', + button3: 'Default Call To Action', + href1: '/#', + href2: '/#', + href3: '/#', + disabled: false, +}; +Inverted.parameters = { + controls: { exclude: ['label', 'href'] }, + hideNoControlsWarning: true, +}; + +//Labeled Call To Action +export const Labeled = (args) => { + return ( +
+ + {args.label} + + +
+ ); +}; +Labeled.args = { + label: 'Labeled Call To Action', + icon: 'chevron right', + href: '/#', + disabled: false, +}; +Labeled.argTypes = { + variant: { + options: ['primary', 'secondary', 'default'], + description: 'call to action class', + control: { type: 'radio' }, + defaultValue: 'secondary', + table: { + defaultValue: { summary: 'secondary' }, + type: { summary: 'string' }, + }, + }, + icon: { + name: 'icon', + defaultValue: 'chevron right', + options: [ + 'chevron right', + 'arrow right', + 'sign-in', + 'sign-out', + 'play', + 'stop', + 'pause', + 'download', + 'upload', + 'print', + 'copy', + 'edit', + 'ellipsis', + ], + control: { type: 'select' }, + description: 'call to action icon', + table: { + defaultValue: { summary: 'chevron right' }, + type: { summary: 'string' }, + }, + }, + icon_position: { + options: ['left', 'right'], + control: { type: 'radio' }, + defaultValue: 'left', + description: 'icon left or right position', + table: { + defaultValue: { summary: 'left' }, + type: { summary: 'string' }, + }, + }, +}; + +//Text Call To Action +export const Text = (args) => { + return ( + + {args.label} + + ); +}; +Text.args = { + label: 'Text Call To Action', + href: '/#', +}; +Text.parameters = { + controls: { exclude: ['disabled'] }, + hideNoControlsWarning: true, +}; From e7dfabfc2f006505b0f1c802dc6fb48611518bcb Mon Sep 17 00:00:00 2001 From: Alexis Sourtzis Date: Wed, 20 Apr 2022 08:18:21 +0000 Subject: [PATCH 05/13] refactor(call to action):render call to action with Button as="a" --- src/ui/CallToAction/CallToAction.stories.jsx | 88 ++++++++------------ src/ui/Form/Button/Button.stories.jsx | 2 +- 2 files changed, 35 insertions(+), 55 deletions(-) diff --git a/src/ui/CallToAction/CallToAction.stories.jsx b/src/ui/CallToAction/CallToAction.stories.jsx index 13e163f0e2..2d3a74d73e 100644 --- a/src/ui/CallToAction/CallToAction.stories.jsx +++ b/src/ui/CallToAction/CallToAction.stories.jsx @@ -38,14 +38,9 @@ export default { //Default Call To Action export const Default = (args) => { return ( - + ); }; Default.args = { @@ -57,14 +52,15 @@ Default.args = { //Primary Call To Action export const Primary = (args) => { return ( - {args.label} - + ); }; Primary.args = { @@ -76,14 +72,15 @@ Primary.args = { //Secondary Call To Action export const Secondary = (args) => { return ( - {args.label} - + ); }; Secondary.args = { @@ -96,34 +93,35 @@ Secondary.args = { export const Inverted = (args) => { return ( - {args.button1} - - + ); }; @@ -145,17 +143,16 @@ Inverted.parameters = { export const Labeled = (args) => { return ( ); }; @@ -212,20 +209,3 @@ Labeled.argTypes = { }, }, }; - -//Text Call To Action -export const Text = (args) => { - return ( - - {args.label} - - ); -}; -Text.args = { - label: 'Text Call To Action', - href: '/#', -}; -Text.parameters = { - controls: { exclude: ['disabled'] }, - hideNoControlsWarning: true, -}; diff --git a/src/ui/Form/Button/Button.stories.jsx b/src/ui/Form/Button/Button.stories.jsx index 6fe743cec7..cfa957ae73 100644 --- a/src/ui/Form/Button/Button.stories.jsx +++ b/src/ui/Form/Button/Button.stories.jsx @@ -113,7 +113,7 @@ export const Labeled = (args) => { disabled={args.disabled} > {args.label} - + ); From 6c02c1953e102f2d90ab23023d6b4dfc738ced2e Mon Sep 17 00:00:00 2001 From: Antonis Tarantilis Date: Thu, 21 Apr 2022 11:11:46 +0000 Subject: [PATCH 06/13] refactor(button): add container to stories --- src/ui/CallToAction/CallToAction.stories.jsx | 138 +++++++++++-------- src/ui/Form/Button/Button.stories.jsx | 66 +++++---- 2 files changed, 124 insertions(+), 80 deletions(-) diff --git a/src/ui/CallToAction/CallToAction.stories.jsx b/src/ui/CallToAction/CallToAction.stories.jsx index 2d3a74d73e..3fcbe6628a 100644 --- a/src/ui/CallToAction/CallToAction.stories.jsx +++ b/src/ui/CallToAction/CallToAction.stories.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Button, Icon, Segment } from 'semantic-ui-react'; +import { Button, Icon, Container, Segment } from 'semantic-ui-react'; export default { title: 'Components/Call To Action', @@ -38,9 +38,11 @@ export default { //Default Call To Action export const Default = (args) => { return ( - + + + ); }; Default.args = { @@ -52,15 +54,17 @@ Default.args = { //Primary Call To Action export const Primary = (args) => { return ( - + + + ); }; Primary.args = { @@ -72,15 +76,17 @@ Primary.args = { //Secondary Call To Action export const Secondary = (args) => { return ( - + + + ); }; Secondary.args = { @@ -92,37 +98,43 @@ Secondary.args = { //Inverted Call To Action export const Inverted = (args) => { return ( - - - - - + + + + + + + + + + + ); }; Inverted.args = { @@ -142,7 +154,7 @@ Inverted.parameters = { //Labeled Call To Action export const Labeled = (args) => { return ( -
+ -
+ ); }; Labeled.args = { @@ -209,3 +221,19 @@ Labeled.argTypes = { }, }, }; + +//Text Button - can also play with text class +export const Link = (args) => { + return ( + + {args.label} + + ); +}; +Link.args = { + label: 'Link label', + href: '/#', +}; +Link.parameters = { + hideNoControlsWarning: true, +}; diff --git a/src/ui/Form/Button/Button.stories.jsx b/src/ui/Form/Button/Button.stories.jsx index cfa957ae73..1bbf37eb10 100644 --- a/src/ui/Form/Button/Button.stories.jsx +++ b/src/ui/Form/Button/Button.stories.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Button, Icon, Segment } from 'semantic-ui-react'; +import { Button, Icon, Container, Segment } from 'semantic-ui-react'; export default { title: 'Components/Forms/Button', @@ -32,7 +32,11 @@ export default { //Default Button export const Default = (args) => { - return ; + return ( + + + + ); }; Default.args = { label: 'Default Button', @@ -46,9 +50,11 @@ Default.parameters = { //Primary button export const Primary = (args) => { return ( - + + + ); }; Primary.args = { @@ -63,9 +69,11 @@ Primary.parameters = { //secondary Button export const Secondary = (args) => { return ( - + + + ); }; Secondary.args = { @@ -80,17 +88,23 @@ Secondary.parameters = { //secondary Button Inverted export const Inverted = (args) => { return ( - - - - - + + + + + + + + + + + ); }; Inverted.args = { @@ -107,7 +121,7 @@ Inverted.parameters = { //Call to action button export const Labeled = (args) => { return ( -
+ -
+ ); }; Labeled.args = { @@ -171,12 +185,14 @@ Labeled.argTypes = { }, }; -//Text Button - can also play with text class +//Text Button export const Text = (args) => { return ( - + + + ); }; Text.args = { From c822021ab37939632416ce74c0cc88a64b98a3c1 Mon Sep 17 00:00:00 2001 From: Antonis Tarantilis Date: Thu, 21 Apr 2022 11:12:19 +0000 Subject: [PATCH 07/13] refactor(button): update inverted button colors --- theme/themes/eea/elements/button.overrides | 70 ++++++++++++++++++++++ 1 file changed, 70 insertions(+) diff --git a/theme/themes/eea/elements/button.overrides b/theme/themes/eea/elements/button.overrides index d0f2c1342b..3ab73fd7bd 100644 --- a/theme/themes/eea/elements/button.overrides +++ b/theme/themes/eea/elements/button.overrides @@ -170,3 +170,73 @@ p.ui.button { font-size: @searchButtonFontSize; opacity: @searchButtonIconOpacity; } + + +/************* Inverted Buttons *************/ +// Override the light colors with the defaults + +/* Primary - button.less - L:3128 */ +.ui.inverted.primary.buttons .button, +.ui.inverted.primary.button { + box-shadow: 0px 0px 0px @invertedBorderSize @primaryColor inset !important; + color: @primaryColor; +} +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover, +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus, +.ui.inverted.primary.buttons .button.active, +.ui.inverted.primary.button.active, +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + color: @invertedHoveredTextColor; +} +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover { + background-color: @primaryColorHover; +} +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus { + background-color: @primaryColorFocus; +} +.ui.inverted.primary.buttons .active.button, +.ui.inverted.primary.active.button { + background-color: @primaryColorActive; +} +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + background-color: @primaryColorDown; +} + +/* Secondary - button.less - L:3128 */ +.ui.inverted.secondary.buttons .button, +.ui.inverted.secondary.button { + box-shadow: 0px 0px 0px @invertedBorderSize @secondaryColor inset !important; + color: @secondaryColor; +} +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover, +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus, +.ui.inverted.secondary.buttons .button.active, +.ui.inverted.secondary.button.active, +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + color: @invertedHoveredTextColor; +} +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover { + background-color: @secondaryColorHover; +} +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus { + background-color: @secondaryColorFocus; +} +.ui.inverted.secondary.buttons .active.button, +.ui.inverted.secondary.active.button { + background-color: @secondaryColorActive; +} +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + background-color: @secondaryColorDown; +} \ No newline at end of file From e4eed44e3519ae3dba7d16e252271a964fcb7a4b Mon Sep 17 00:00:00 2001 From: Antonis Tarantilis Date: Thu, 21 Apr 2022 13:51:53 +0000 Subject: [PATCH 08/13] docs(button): import call to action stories --- .../button_components/showcase_markdown.md | 20 +++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/website/docs/md_components/button_components/showcase_markdown.md b/website/docs/md_components/button_components/showcase_markdown.md index 77a93ad3e6..c12bdf1c80 100644 --- a/website/docs/md_components/button_components/showcase_markdown.md +++ b/website/docs/md_components/button_components/showcase_markdown.md @@ -2,20 +2,24 @@ import Iframe from '../iframe_component.mdx'; ## Default Button - + + +## Primary Button + + ## Secondary Button - + -## Secondary Button Inverted +## Inverted Buttons - + -## Call To Action +## Labeled Button - + -## Text Button +## Link - + From b473fabee196a3ec420e29160448d2be3d1685cc Mon Sep 17 00:00:00 2001 From: Antonis Tarantilis Date: Wed, 27 Apr 2022 11:10:49 +0000 Subject: [PATCH 09/13] refactor(tab): update vertical tab columns and content --- src/ui/Tab/Tab.stories.js | 90 ++++++++++++++++++++++---- theme/themes/eea/modules/tab.overrides | 13 ++-- theme/themes/eea/modules/tab.variables | 3 + 3 files changed, 87 insertions(+), 19 deletions(-) diff --git a/src/ui/Tab/Tab.stories.js b/src/ui/Tab/Tab.stories.js index 434fb39eea..1ad77e0b59 100644 --- a/src/ui/Tab/Tab.stories.js +++ b/src/ui/Tab/Tab.stories.js @@ -1,5 +1,5 @@ import React from 'react'; -import { Tab } from 'semantic-ui-react'; +import { Tab, Container } from 'semantic-ui-react'; export default { title: 'Components/Tab', @@ -26,6 +26,7 @@ export default { function TabContent({ panes, + renderActive, text, attached, borderless, @@ -36,7 +37,7 @@ function TabContent({ return ( ; +const Template = (args) => ( + + + +); export const Default = Template.bind({}); Default.args = { + renderActive: false, panes: [ { menuItem: 'Tab 1', @@ -74,25 +80,85 @@ Default.args = { export const Vertical = Template.bind({}); Vertical.args = { + renderActive: true, vertical: true, fluid: true, - grid: { paneWidth: 8, tabWidth: 3 }, + grid: { paneWidth: 7, tabWidth: 5 }, panes: [ { - menuItem: 'Tab 1', - pane: 'Tab 1 Content', + menuItem: 'Ground level ozone', + render: () => ( + + {' '} + is not directly emitted into the atmosphere. Instead, it forms in the + atmosphere from a chain of chemical reactions following emissions of + certain precursor gases: NOX, carbon monoxide (CO) and NMVOCs and + methane (CH4).{' '} + sources of air pollution{' '} + Ground-level ozone is formed from chemical reactions in the presence + of sunlight, following emissions of precursor gases, mainly NOX, + NMVOCs, CO and CH4. + + ), }, { - menuItem: 'Tab 2', - pane: 'Tab 2 Content', + menuItem: 'Nitrogen oxides', + render: () => ( + + {' '} + are emitted during fuel combustion from industrial facilities and the + road transport sector. NOX is a group of gases comprising nitrogen + monoxide (NO) and nitrogen dioxide (NO2). NO makes up the majority of + NOX emissions. NOX contributes to the formation of ozone and + particulate matter. + + ), }, { - menuItem: 'Tab 3', - pane: 'Tab 3 Content', + menuItem: 'Particulate matter', + render: () => ( + + {' '} + is a mixture of aerosol particles (solid and liquid) covering a wide + range of sizes and chemical compositions. PM is either directly + emitted as primary particles or it forms in the atmosphere from + emissions of certain precursor pollutants such as SO2, NOX, NH3 and + NMVOCs. PM is emitted from many anthropogenic sources, including both + combustion and non-combustion sources. Natural emissions of PM also + occur, including from sea salt and windblown Saharan dust. + + ), }, { - menuItem: 'Tab 4', - pane: 'Tab 4 Content', + menuItem: 'Sulphur dioxide', + render: () => ( + + {' '} + is formed and emitted by combustion of fossil fuels (mainly coal and + oil) primarily for electricity generation. High concentrations of SO2 + are associated with multiple health and environmental effects. The + highest concentrations of SO2 have been recorded in the vicinity of + large industrial facilities. SO2 emissions are an important + environmental issue because they are a major precursor to ambient + PM2.5 concentrations. + + ), + }, + { + menuItem: 'Benzopyrene', + render: () => ( + + {' '} + is a polycyclic aromatic hydrocarbon (PAH) found in fine PM. Its + origin is the incomplete combustion of various fuels. The main sources + of BaP in Europe are domestic home-heating, in particular wood- and + coal-burning, waste-burning, coke and steel production, and road + traffic. Other sources include outdoor fires. + + ), }, ], }; diff --git a/theme/themes/eea/modules/tab.overrides b/theme/themes/eea/modules/tab.overrides index edc3d30ce2..0126d82057 100644 --- a/theme/themes/eea/modules/tab.overrides +++ b/theme/themes/eea/modules/tab.overrides @@ -10,29 +10,28 @@ a.item:hover { color: @tabActiveItemHoverColor; } +} +// Contain images inside vertical tab content +.stretched.wide.column > .tab img { + max-width: @verticalTabPaneImageMaxWidth; } .ui.pointing.secondary.menu::-webkit-scrollbar { - height: @mobileTabScrollbarHeight; + height: @mobileTabScrollbarHeight; } @media only screen and (min-width: @tabletBreakpoint) { - .ui.pointing.secondary.menu::-webkit-scrollbar { height: @tabletTabScrollbarHeight; } - } @media only screen and (max-width: @largestMobileScreen) { - .ui.pointing.secondary.vertical.menu { - .item { - font-size: @largestMobileItemFontSize; padding: @largestMobileItemPadding; + font-size: @largestMobileItemFontSize; } - } } diff --git a/theme/themes/eea/modules/tab.variables b/theme/themes/eea/modules/tab.variables index 2b5506a7aa..8ae7740f6e 100644 --- a/theme/themes/eea/modules/tab.variables +++ b/theme/themes/eea/modules/tab.variables @@ -22,3 +22,6 @@ /* Scrollbar */ @mobileTabScrollbarHeight: 0; @tabletTabScrollbarHeight: 0.3rem; + +/* Images */ +@verticalTabPaneImageMaxWidth: 100%; From a51745e8ec045c583f9b0bfdb93b3a0eaec67110 Mon Sep 17 00:00:00 2001 From: github-actions Date: Thu, 28 Apr 2022 14:51:43 +0000 Subject: [PATCH 10/13] Autobuild of docusaurus docs --- docs/404.html | 4 ++-- docs/assets/js/41d5c757.30c9313e.js | 1 + docs/assets/js/41d5c757.d4ad50ea.js | 1 - docs/assets/js/9102e8b0.412dd455.js | 1 + docs/assets/js/9102e8b0.d785e669.js | 1 - ...n.8da4b2fa.js => runtime~main.ca3abee2.js} | 2 +- docs/blog/archive/index.html | 4 ++-- docs/docs/Components/Accordion/index.html | 4 ++-- docs/docs/Components/Blockquote/index.html | 4 ++-- docs/docs/Components/Breadcrumb/index.html | 4 ++-- docs/docs/Components/Buttons/index.html | 6 ++--- docs/docs/Components/Cards/index.html | 4 ++-- docs/docs/Components/Comment/index.html | 4 ++-- docs/docs/Components/Confirm/index.html | 4 ++-- docs/docs/Components/Divider/index.html | 4 ++-- .../docs/Components/Forms/Checkbox/index.html | 4 ++-- .../docs/Components/Forms/Dropdown/index.html | 4 ++-- docs/docs/Components/Forms/Radio/index.html | 4 ++-- .../docs/Components/Forms/TextArea/index.html | 4 ++-- .../Components/Forms/TextInput/index.html | 4 ++-- docs/docs/Components/Headings/index.html | 4 ++-- docs/docs/Components/Image/index.html | 4 ++-- .../Components/Inpage-Navigation/index.html | 4 ++-- docs/docs/Components/Item/index.html | 4 ++-- docs/docs/Components/Labels/index.html | 4 ++-- docs/docs/Components/Lists/index.html | 4 ++-- docs/docs/Components/Loader/index.html | 4 ++-- docs/docs/Components/Logo/index.html | 4 ++-- docs/docs/Components/Messages/index.html | 4 ++-- docs/docs/Components/Modal/index.html | 4 ++-- docs/docs/Components/Pagination/index.html | 4 ++-- docs/docs/Components/Popup/index.html | 4 ++-- docs/docs/Components/Progress/index.html | 4 ++-- .../docs/Components/Search/Filters/index.html | 4 ++-- .../Components/Search/Searchbox/index.html | 4 ++-- .../Components/Search/Suggestions/index.html | 4 ++-- docs/docs/Components/Segment/index.html | 4 ++-- docs/docs/Components/Statistic/index.html | 4 ++-- docs/docs/Components/Tab/index.html | 4 ++-- docs/docs/Components/Table/index.html | 4 ++-- .../docs/Components/Visuals/Charts/index.html | 4 ++-- .../Components/Visuals/Dashboard/index.html | 4 ++-- docs/docs/Components/Visuals/Maps/index.html | 4 ++-- docs/docs/Guidelines/colours/index.html | 4 ++-- docs/docs/Guidelines/iconography/index.html | 4 ++-- docs/docs/Guidelines/images/index.html | 4 ++-- docs/docs/Guidelines/intro/index.html | 4 ++-- docs/docs/Guidelines/spacing/index.html | 4 ++-- docs/docs/Guidelines/typography/index.html | 4 ++-- .../Resources/developer-guidelines/index.html | 4 ++-- .../Resources/theming-guidelines/index.html | 4 ++-- docs/docs/Templates/Grid/index.html | 4 ++-- docs/docs/Templates/PageHeader/index.html | 4 ++-- docs/docs/Templates/SiteFooter/index.html | 4 ++-- docs/docs/Templates/SiteHeader/index.html | 4 ++-- docs/docs/Utilities/intro/index.html | 4 ++-- docs/docs/getting-started/index.html | 4 ++-- docs/docs/intro/index.html | 4 ++-- docs/docs/whatsnew/index.html | 6 ++--- docs/index.html | 4 ++-- website/docs/2-whatsnew.md | 24 +++++++++++++++++-- 61 files changed, 137 insertions(+), 117 deletions(-) create mode 100644 docs/assets/js/41d5c757.30c9313e.js delete mode 100644 docs/assets/js/41d5c757.d4ad50ea.js create mode 100644 docs/assets/js/9102e8b0.412dd455.js delete mode 100644 docs/assets/js/9102e8b0.d785e669.js rename docs/assets/js/{runtime~main.8da4b2fa.js => runtime~main.ca3abee2.js} (50%) diff --git a/docs/404.html b/docs/404.html index de1070fafc..8a573a4445 100644 --- a/docs/404.html +++ b/docs/404.html @@ -5,13 +5,13 @@ Page Not Found | EEA Design System - +

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- + \ No newline at end of file diff --git a/docs/assets/js/41d5c757.30c9313e.js b/docs/assets/js/41d5c757.30c9313e.js new file mode 100644 index 0000000000..1c6e9a4b44 --- /dev/null +++ b/docs/assets/js/41d5c757.30c9313e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6245],{3905:function(e,a,t){t.d(a,{Zo:function(){return d},kt:function(){return p}});var i=t(7294);function n(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function o(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);a&&(i=i.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var l=i.createContext({}),c=function(e){var a=i.useContext(l),t=a;return e&&(t="function"==typeof e?e(a):m(m({},a),e)),t},d=function(e){var a=c(e.components);return i.createElement(l.Provider,{value:a},e.children)},s={inlineCode:"code",wrapper:function(e){var a=e.children;return i.createElement(i.Fragment,{},a)}},f=i.forwardRef((function(e,a){var t=e.components,n=e.mdxType,o=e.originalType,l=e.parentName,d=r(e,["components","mdxType","originalType","parentName"]),f=c(t),p=n,b=f["".concat(l,".").concat(p)]||f[p]||s[p]||o;return t?i.createElement(b,m(m({ref:a},d),{},{components:t})):i.createElement(b,m({ref:a},d))}));function p(e,a){var t=arguments,n=a&&a.mdxType;if("string"==typeof e||n){var o=t.length,m=new Array(o);m[0]=f;var r={};for(var l in a)hasOwnProperty.call(a,l)&&(r[l]=a[l]);r.originalType=e,r.mdxType="string"==typeof e?e:n,m[1]=r;for(var c=2;c