1 | import React from 'react';
|
2 | import { md, Example } from '@kalamazoo/docs';
|
3 |
|
4 | export default md`
|
5 | Available colors in the Atlassian design foundation.
|
6 | Refer to the [design documentation](https://atlassian.design/guidelines/product/foundations/color) for more information.
|
7 |
|
8 | ${(
|
9 | <Example
|
10 | packageName="@kalamazoo/theme"
|
11 | Component={require('../examples/colors').default}
|
12 | source={require('!!raw-loader!../examples/colors')}
|
13 | title="Colors"
|
14 | />
|
15 | )}
|
16 |
|
17 | There are also color palletes available with pre-chosen colors for you to use,
|
18 | coming in 8,
|
19 | 16,
|
20 | and 24 color variations.
|
21 | Refer to the [design documentation](https://atlassian.design/guidelines/product/patterns/color-palette) for more information.
|
22 |
|
23 | ${(
|
24 | <Example
|
25 | highlight="3,9,19,29,11-12,21-22,31-32"
|
26 | packageName="@kalamazoo/theme"
|
27 | Component={require('../examples/color-palettes').default}
|
28 | source={require('!!raw-loader!../examples/color-palettes')}
|
29 | title="Color palettes"
|
30 | />
|
31 | )}
|
32 | `;
|