Skip to content

Commit

Permalink
Upgraded Styleguidist to latest version and fixed most of issues it i…
Browse files Browse the repository at this point in the history
…ntroduced
  • Loading branch information
TriangleJuice committed Mar 17, 2021
1 parent c232360 commit 33f3d78
Show file tree
Hide file tree
Showing 15 changed files with 766 additions and 1,516 deletions.
2,230 changes: 734 additions & 1,496 deletions package-lock.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
"jest-cli": "^22.4.4",
"lerna": "^4.0.0",
"react-addons-test-utils": "^15.6.2",
"react-styleguidist": "^8.0.0",
"react-styleguidist": "^11.1.5",
"rollup": "^2.26.9",
"rollup-plugin-babel": "^3.0.7",
"rollup-plugin-node-resolve": "^3.4.0",
Expand Down
4 changes: 4 additions & 0 deletions packages/alert/Readme.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
### Success
```
import Icon from '../icon/src/Icon';
<Alert
type="success"
title="This is a success box!"
Expand All @@ -10,6 +12,8 @@
```

```
import Icon from '../icon/src/Icon';
<Alert
type="warning"
title="This is a warning box!"
Expand Down
19 changes: 10 additions & 9 deletions packages/autocomplete/src/component/Autocomplete.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,17 @@ import classNames from 'classnames';
import ReactDOM from 'react-dom';


import {MultipleSelectionMode} from "../models/MultipleSelectionMode";
import {SingleSelectionMode} from "../models/SingleSelectionMode";
import TagList, {TagListItem} from "../../../taglist";
import {SyncSearchMode} from "../models/SyncSearchMode";
import {AsyncSearchMode} from "../models/AsyncSearchMode";
import {fromEvent, Subject} from "rxjs";
import {MultipleSelectionMode} from '../models/MultipleSelectionMode';
import {SingleSelectionMode} from '../models/SingleSelectionMode';
import TagList, {TagListItem} from '../../../taglist';
import {SyncSearchMode} from '../models/SyncSearchMode';
import {AsyncSearchMode} from '../models/AsyncSearchMode';
import {fromEvent, Subject} from 'rxjs';
import {debounceTime, filter, map, takeUntil, tap} from 'rxjs/operators';
import InputLabel from "../../../form/src/InputLabel";
import Icon from "../../../icon";
import {stateClasses} from "../../../form/src/TextField/TextField";
import InputLabel from '../../../form/src/InputLabel';
import FlyoutContent from '../../../flyout-button/src/FlyoutContent/FlyoutContent'
import Icon from '../../../icon';
import {stateClasses} from '../../../form/src/TextField/TextField';

import './Autocomplete.scss';

Expand Down
4 changes: 4 additions & 0 deletions packages/button/Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,15 @@
### Button modifiers

```
import Icon from '../icon/src/Icon';
<div className="m-alert d-alert m-alert--wcag u-margin-bottom">
<p>Due to [WCAG 2.1 AA](https://www.w3.org/TR/WCAG21/) compliance only `primary` and `secondary` are available in combination with `negative`.
The fallback is `primary` for `success`, `warning` and `danger`. See the <a href="https://www.w3.org/TR/WCAG21/#contrast-minimum" title="Web Content Accessibility Guidelines (WCAG) 2.1 Success Criterion 1.4.3 Contrast (Minimum)" className="has-icon-right" target="_blank">Contrast criterion<Icon name="external-link" ariaLabel=" (external)" /></a>.</p>
</div>
```

```
<Button type="primary" negative>Negative</Button>{' '}
<Button type="primary" outline>Outline</Button>{' '}
<Button icon="close" ariaLabel="Close" transparent></Button>
Expand Down
1 change: 0 additions & 1 deletion packages/calendar/Readme.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
### Calendar
```
const Calendar = require('./src/Calendar').default;
<Calendar
format={"DD/MM/YYYY"}
onChange={(date) => console.log('date is ' + date)}
Expand Down
2 changes: 1 addition & 1 deletion packages/flyout-button/Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@
<FlyoutButton icon="bell" outline flyoutHasPadding>
this is the flyout content
</FlyoutButton>
```
```
4 changes: 2 additions & 2 deletions packages/flyout-button/src/FlyoutButton.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import Button from '../../button/src/Button';
import classNames from 'classnames';
import FlyoutContent from './FlyoutContent';
import FlyoutContent from './FlyoutContent/FlyoutContent';
const flyoutSizes = {
small: 'sm',
medium: 'md',
Expand Down Expand Up @@ -81,4 +81,4 @@ class FlyoutButton extends Component<Props> {
}
}

export default FlyoutButton;
export default FlyoutButton;
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react';
import classNames from 'classnames';
type Props = {
Expand Down
1 change: 1 addition & 0 deletions packages/flyout-button/src/FlyoutContent/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export { default } from './FlyoutContent';
4 changes: 3 additions & 1 deletion packages/flyout/Readme.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
```
import Button from '../button/src/Button';
<Flyout trigger={
<Button type="primary">Click me!</Button>
} hasPadding>
this is the flyout
</Flyout>
```
```
2 changes: 1 addition & 1 deletion packages/flyout/src/Flyout.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React, { Component } from 'react';
import classNames from 'classnames';
import ReactDOM from 'react-dom';

import FlyoutContent from '../../flyout-button/src/FlyoutContent';
import FlyoutContent from '../../flyout-button/src/FlyoutContent/FlyoutContent';

const flyoutSizes = {
small: 'sm',
Expand Down
2 changes: 2 additions & 0 deletions packages/subfooter/Readme.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
```
import Icon from '../icon/src/Icon';
const ContentBlock = require('./src').ContentBlock;
const NavBlock = require('./src').NavBlock;
const ButtonBlock = require('./src').ButtonBlock;
Expand Down
6 changes: 3 additions & 3 deletions styleguide.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -30,9 +30,9 @@ module.exports = {
console.log('Environment: ', process.env.NODE_ENV);
return webpackConfig;
},
editorConfig: {
theme: 'xq-light',
},
// editorConfig: {
// theme: 'xq-light',
// },
styleguideDir: 'docs',
title: 'ACPaaS UI React Components',
usageMode: 'expand',
Expand Down

0 comments on commit 33f3d78

Please sign in to comment.