Skip to content

Commit

Permalink
updated URL for design system which was pointing to old one
Browse files Browse the repository at this point in the history
  • Loading branch information
KaranAtTeamForm committed Aug 11, 2023
1 parent 10ceb29 commit df3fc3e
Show file tree
Hide file tree
Showing 9 changed files with 11 additions and 11 deletions.
2 changes: 1 addition & 1 deletion lib/components/Avatar/Avatar.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@ You can use two custom props: `sizing` and `type`.

### For reference, see:

- [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays for design system values)
- [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays for design system values)

By default, we've set certain values on `Avatar` properties as documented in the table below. If these properties are not specified they will take on the default values.

Expand Down
2 changes: 1 addition & 1 deletion lib/components/Box/Box.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ You can use `space`, `layout`, `border`, and `color` properties with `Box`.
- [layout on Styled-System](https://styled-system.com/table#layout)
- [border on Styled-System](https://styled-system.com/table#border)
- [color on Styled-System](https://styled-system.com/table#color)
- [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays and scales for design system values)
- [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays and scales for design system values)

By default, we've set certain values on `Box` properties as documented in the table below.

Expand Down
4 changes: 2 additions & 2 deletions lib/components/Flex/Flex.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,15 +28,15 @@ You can use `space`, `layout`, and `flexbox` properties with `Flex`.
- [layout on Styled-System](https://styled-system.com/table#layout)
- [flexbox on Styled-System](https://styled-system.com/table#flexbox)
- [CSS Flexbox reference](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays for design system values)
- [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays for design system values)

By default, we've set certain values on `Flex` properties as documented in the table below.

<Controls component={Flex} />

## Upgrading

This component is a **breaking change** that replaces the [previous Flex component](https://www.npmjs.com/package/styled-flex-component). Use the following table as a guide to convert from the old properties to new `Flex` properties. Refer to [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) for values.
This component is a **breaking change** that replaces the [previous Flex component](https://www.npmjs.com/package/styled-flex-component). Use the following table as a guide to convert from the old properties to new `Flex` properties. Refer to [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) for values.

### `Flex` properties

Expand Down
2 changes: 1 addition & 1 deletion lib/components/Flex/FlexItem.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ You don't necessarily need to use `<FlexItem>` as the direct child element to `<

## Upgrading

This component is a **breaking change** that replaces the [previous Flex component](https://www.npmjs.com/package/styled-flex-component). Use the following table as a guide to convert from the old properties to new `Flex` properties. Refer to [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) for values.
This component is a **breaking change** that replaces the [previous Flex component](https://www.npmjs.com/package/styled-flex-component). Use the following table as a guide to convert from the old properties to new `Flex` properties. Refer to [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) for values.

### `FlexItem` properties

Expand Down
4 changes: 2 additions & 2 deletions lib/components/Grid/Grid.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ This component uses Styled System props. `Grid` uses `space`, `layout`, `color`
- [color on Styled-System](https://styled-system.com/table#color)
- [grid on Styled-System](https://styled-system.com/table#space)
- [CSS Grid Properties](https://css-tricks.com/snippets/css/complete-guide-grid)
- [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays and scales for design system values)
- [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays and scales for design system values)

By default, we've set certain default values on `Grid` as documented in the table below.

Expand Down Expand Up @@ -60,7 +60,7 @@ Using `GridItem` to wrap individual children in the grid ensures that the childr

#### With `GridItem`

Note that `GridItem` has default `padding="r"` where `r` refers to the **r**egular alias in the [space array scale](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js).
Note that `GridItem` has default `padding="r"` where `r` refers to the **r**egular alias in the [space array scale](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js).

<Canvas>
<Story id="components-grid--with-grid-item" />
Expand Down
2 changes: 1 addition & 1 deletion lib/components/Icon/Icon.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ Some examples of icons with props for size, colour or animation below. For full

Note: There are two different icon set weightings available in the Font Awesome free icons sets. Regular and solid. To use we need to specify which set to use by prefixing icon with either "far" or "fas" as shown in example code below.

To get started you can import the icons into Font Awesome library. Alternatively if you want to use their full icon set you need to purchase a PRO plan from Font awesome, and can install the full pro icon packages in your app. See the readme here for more details on how to use and install PRO: https://github.com/orchestrated-io/orca-design-system
To get started you can import the icons into Font Awesome library. Alternatively if you want to use their full icon set you need to purchase a PRO plan from Font awesome, and can install the full pro icon packages in your app. See the readme here for more details on how to use and install PRO: https://github.com/orchestrated-io/orcs-design-system

## Default

Expand Down
2 changes: 1 addition & 1 deletion lib/components/Icon/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import { space, color, typography, compose } from "styled-system";
*
* Note: There are two different icon set weightings available in the Font Awesome free icons sets. Regular and solid. To use we need to specify which set to use by prefixing icon with either "far" or "fas" as shown in example code below.
*
* To get started you can import the icons into Font Awesome library. Alternatively if you want to use their full icon set you need to purchase a PRO plan from Font awesome, and can install the full pro icon packages in your app. See the readme here for more details on how to use and install PRO: <https://github.com/orchestrated-io/orca-design-system>
* To get started you can import the icons into Font Awesome library. Alternatively if you want to use their full icon set you need to purchase a PRO plan from Font awesome, and can install the full pro icon packages in your app. See the readme here for more details on how to use and install PRO: <https://github.com/orchestrated-io/orcs-design-system>
*/

const IconStyles = compose(space, color, typography);
Expand Down
2 changes: 1 addition & 1 deletion lib/components/Spacer/Spacer.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Generally, `Spacer` should be used only when there is a need to specify precise

- [space on Styled-System](https://styled-system.com/table#space)
- [layout on Styled-System](https://styled-system.com/table#layout)
- [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays for design system values)
- [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js) (our arrays for design system values)

## Examples

Expand Down
2 changes: 1 addition & 1 deletion lib/components/Typography/Typography.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import { H1, H2, H3, H4, H5, H6, P, Text, Quote, Small, Code } from "orcs-design

By default, the design system uses **Open Sans**: https://fonts.google.com/specimen/Open+Sans with other sans serif families as fallback. The default font weight is 400, and the system also uses 600 for bold or emphasised text and 300 for light weights (to be used sparingly).

Font defaults can be changed via [systemtheme.js](https://github.com/orchestrated-io/orca-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js).
Font defaults can be changed via [systemtheme.js](https://github.com/orchestrated-io/orcs-design-system/blob/master/packages/orcs-design-system/lib/systemtheme.js).

<Typeset
fontSizes={[
Expand Down

0 comments on commit df3fc3e

Please sign in to comment.