From ffc080484eab4eebefee9ab3c99d2223683a660a Mon Sep 17 00:00:00 2001 From: David Moreno Date: Sat, 28 Jan 2023 21:01:26 +0100 Subject: [PATCH 1/4] Fix: links in README.md; Add links to components that are not linked --- README.md | 119 +++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 91 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index d34ceb21..a5a49d09 100644 --- a/README.md +++ b/README.md @@ -45,73 +45,101 @@ const Example = () => ( ### Accordion - [Design specs](https://zeroheight.com/22mjgbuf6/p/725942) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/accordion--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/accordion--base) ### Button - [Design specs](https://zeroheight.com/22mjgbuf6/p/60c52c/b/69b128) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/button--viewer) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/button--base) ### ButtonGroup - [Design specs](https://zeroheight.com/22mjgbuf6/p/794b6c) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/buttongroup--viewer) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/buttongroup--base) ### ButtonIcon - [Design specs](https://zeroheight.com/22mjgbuf6/p/849794) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/buttonicon--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/buttonicon--base) + +### Carousel + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/carousel--base) + +### ChartColumn + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/chartcolumn--base) + +### ChartLine + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/chartline--base) ### Check - [Design specs for Checkbox](https://zeroheight.com/22mjgbuf6/p/85c317/b/42c470) - [Design specs for Radio](https://zeroheight.com/22mjgbuf6/p/55cdda) - [Design specs for Check Area](https://zeroheight.com/22mjgbuf6/p/31ae5e) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/check--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/check--base) ### CheckGroup -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/checkgroup--row-check-area) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/checkgroup--base) + +### Device + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/device--base&args=variant:iphone-8) ### Field - [Design specs](https://zeroheight.com/22mjgbuf6/p/12656e/b/741ccf) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/field--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/field--base) ### Icon - [Design specs](https://zeroheight.com/22mjgbuf6/p/000506) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/icon--sizes) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/icon--base) ### Input - [Design specs](https://zeroheight.com/22mjgbuf6/p/12656e/t/a575) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/input--empty) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/input--base) + +### IssueDropDown + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/issuedropdown--drop-down) + +### Keyword + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/keyword--base) + +### Kpi + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/kpi--base) ### Level - [Design specs](https://zeroheight.com/22mjgbuf6/p/01a560) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/level--no-value) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/level--base&args=variant:medium;size:medium) -### Menu +### Menu + MenuOption - [Design specs](https://zeroheight.com/22mjgbuf6/p/88cf8e-tooltip) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/menu--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/menu-menuoption--base) ### Metric - [Design specs](https://zeroheight.com/22mjgbuf6/p/621cfc) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/metric--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/metric--base) ### Modal - [Design specs](https://zeroheight.com/22mjgbuf6/p/426a17) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/modal--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/modal--base) ### Page - [Design specs](https://zeroheight.com/22mjgbuf6/p/966db5) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/page--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/page--base) ### Panel @@ -121,61 +149,96 @@ const Example = () => ( ### ProgressBar - [Design specs](https://zeroheight.com/22mjgbuf6/p/71032c) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/progressbar--progress-element) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/progressbar--base) ### ProgressCircle - [Design specs](https://zeroheight.com/22mjgbuf6/p/412a1e) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/progresscircle--label-value) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/progresscircle--base) + +### Score + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/score--base) ### SearchField - [Design specs](https://zeroheight.com/22mjgbuf6/p/83e369) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/searchfield--busy) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/searchfield--base) + +### Section + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/section--all-elements) + +### Segment + +- [Storybook](http://localhost:6006/?path=/story/segment--base) ### Select - [Design specs](https://zeroheight.com/22mjgbuf6/p/12656e/t/7b7d) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/select--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/select--base) + +### SpeedMeter + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/speedmeter--base) ### Spinner - [Design specs](https://zeroheight.com/22mjgbuf6/p/01ddf2/b/21deb0) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/spinner--viewer) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/spinner--base) ### Switch - [Design specs](https://zeroheight.com/22mjgbuf6/p/18645f) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/switch--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/switch--base) ### Table - [Design specs](https://zeroheight.com/22mjgbuf6/p/15f90e) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/table--selectable) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/table--base) + +### Tabs + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/tabs--base) ### Tag - [Design specs](https://zeroheight.com/22mjgbuf6/p/48a462/b/3764b3) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/tag--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/tag--base) ### Task - [Design specs](https://zeroheight.com/22mjgbuf6/p/14cad2) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/task--error) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/task--base) ### TaskGroup -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/taskgroup--success) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/taskgroup--base) + +### Thumbnail + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/thumbnail--base) ### Tooltip - [Design specs](https://zeroheight.com/22mjgbuf6/p/88cf8e-tooltip) -- [Storybook](https://marketgoo.github.io/Ola/?path=/story/tooltip--default) +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/tooltip--base) + +### TreeList + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/treelist--base) + +### Layouts + +- [Storybook](https://marketgoo.github.io/Ola/?path=/story/layouts--form) ## Other Utilities -- CSS classes with design tokens: [Storybook](https://marketgoo.github.io/Ola/?path=/story/utils--font-styles) -- CSS classes with common layouts: [Storybook](https://marketgoo.github.io/Ola/?path=/story/layout--ola-ly-form) +- Font Styles: [Storybook](https://marketgoo.github.io/Ola/?path=/story/utils--font-styles) +- Colors: [Storybook](https://marketgoo.github.io/Ola/?path=/story/utils--colors) +- Background Colors: [Storybook](https://marketgoo.github.io/Ola/?path=/story/utils--background-colors) +- Black Bolds: [Storybook](https://marketgoo.github.io/Ola/?path=/story/utils--black-bolds) +- Margins: [Storybook](https://marketgoo.github.io/Ola/?path=/story/utils--margins) ## Browser support From fd37df7e10883bda44a3e63b9043c4a49f943400 Mon Sep 17 00:00:00 2001 From: David Moreno Date: Sun, 29 Jan 2023 19:49:49 +0100 Subject: [PATCH 2/4] Fix images source from https://placehold.it/100x100 to https://via.placeholder.com/100 (where 100 was an example dimension) The site https://placehold.it seems to no longer return test images: > 404 Not Found > Code: NoSuchBucket > Message: The specified bucket does not exist > BucketName: www.placeholder.com > RequestId: HF4ZKXV9GDC5QAWX > HostId: 4r62FQ9Ya4MGkzylGkTXeLTFYAMfbdxk/MVZq64QhIk1GCpjuEXo8FnUIosIfuxKkHnXcZyLfr4= --- src/Section/stories.js | 2 +- src/Thumbnail/test.js | 2 +- src/layouts/stories.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Section/stories.js b/src/Section/stories.js index d928ec72..c68feeb7 100644 --- a/src/Section/stories.js +++ b/src/Section/stories.js @@ -40,7 +40,7 @@ export const AllElements = () => export const CenteredHeaderWithImg = () =>
- } variant="center"> + } variant="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis eros quam, vitae consectetur leo vehicula ut. Etiam et ullamcorper turpis. diff --git a/src/Thumbnail/test.js b/src/Thumbnail/test.js index 3dca6ee9..09dd5549 100644 --- a/src/Thumbnail/test.js +++ b/src/Thumbnail/test.js @@ -3,7 +3,7 @@ import Thumbnail from './' import renderer from 'react-test-renderer' it('Default Thumbnail', () => { - const tree = renderer.create().toJSON() + const tree = renderer.create().toJSON() expect(tree).toMatchSnapshot() }) diff --git a/src/layouts/stories.js b/src/layouts/stories.js index 8715c3da..f3349169 100644 --- a/src/layouts/stories.js +++ b/src/layouts/stories.js @@ -34,7 +34,7 @@ export const Form = () => export const ImgContent = () =>
- +
Lorem ipsum From 925a2ba45a674ccbd2a49d984a825a3e4b1610a3 Mon Sep 17 00:00:00 2001 From: David Moreno Date: Sun, 29 Jan 2023 19:51:12 +0100 Subject: [PATCH 3/4] Revert "Fix images source from https://placehold.it/100x100 to https://via.placeholder.com/100 (where 100 was an example dimension)" This reverts commit fd37df7e10883bda44a3e63b9043c4a49f943400. --- src/Section/stories.js | 2 +- src/Thumbnail/test.js | 2 +- src/layouts/stories.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Section/stories.js b/src/Section/stories.js index c68feeb7..d928ec72 100644 --- a/src/Section/stories.js +++ b/src/Section/stories.js @@ -40,7 +40,7 @@ export const AllElements = () => export const CenteredHeaderWithImg = () =>
- } variant="center"> + } variant="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis eros quam, vitae consectetur leo vehicula ut. Etiam et ullamcorper turpis. diff --git a/src/Thumbnail/test.js b/src/Thumbnail/test.js index 09dd5549..3dca6ee9 100644 --- a/src/Thumbnail/test.js +++ b/src/Thumbnail/test.js @@ -3,7 +3,7 @@ import Thumbnail from './' import renderer from 'react-test-renderer' it('Default Thumbnail', () => { - const tree = renderer.create().toJSON() + const tree = renderer.create().toJSON() expect(tree).toMatchSnapshot() }) diff --git a/src/layouts/stories.js b/src/layouts/stories.js index f3349169..8715c3da 100644 --- a/src/layouts/stories.js +++ b/src/layouts/stories.js @@ -34,7 +34,7 @@ export const Form = () => export const ImgContent = () =>
- +
Lorem ipsum From dc6435890316a2d7b31e30702c595da08a250376 Mon Sep 17 00:00:00 2001 From: David Moreno Date: Sun, 29 Jan 2023 19:52:20 +0100 Subject: [PATCH 4/4] Fix images source from https://placehold.it/100x100 to https://via.placeholder.com/100 (where 100 was an example dimension) The site https://placehold.it seems to no longer return test images: > 404 Not Found > Code: NoSuchBucket > Message: The specified bucket does not exist > BucketName: www.placeholder.com > RequestId: HF4ZKXV9GDC5QAWX > HostId: 4r62FQ9Ya4MGkzylGkTXeLTFYAMfbdxk/MVZq64QhIk1GCpjuEXo8FnUIosIfuxKkHnXcZyLfr4= --- src/Section/stories.js | 2 +- src/Thumbnail/test.js | 2 +- src/layouts/stories.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Section/stories.js b/src/Section/stories.js index d928ec72..c68feeb7 100644 --- a/src/Section/stories.js +++ b/src/Section/stories.js @@ -40,7 +40,7 @@ export const AllElements = () => export const CenteredHeaderWithImg = () =>
- } variant="center"> + } variant="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis eros quam, vitae consectetur leo vehicula ut. Etiam et ullamcorper turpis. diff --git a/src/Thumbnail/test.js b/src/Thumbnail/test.js index 3dca6ee9..09dd5549 100644 --- a/src/Thumbnail/test.js +++ b/src/Thumbnail/test.js @@ -3,7 +3,7 @@ import Thumbnail from './' import renderer from 'react-test-renderer' it('Default Thumbnail', () => { - const tree = renderer.create().toJSON() + const tree = renderer.create().toJSON() expect(tree).toMatchSnapshot() }) diff --git a/src/layouts/stories.js b/src/layouts/stories.js index 8715c3da..f3349169 100644 --- a/src/layouts/stories.js +++ b/src/layouts/stories.js @@ -34,7 +34,7 @@ export const Form = () => export const ImgContent = () =>
- +
Lorem ipsum