@ndlib/component-library 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/theme/Color.stories.js +15 -0
- package/dist/theme/colors.d.ts +16 -1
- package/dist/theme/colors.js +30 -0
- package/package.json +1 -1
|
@@ -20,6 +20,21 @@ const colors = [
|
|
|
20
20
|
{ color: COLOR.SECONDARY, label: 'SECONDARY' },
|
|
21
21
|
{ color: COLOR.SECONDARY_HIGHLIGHT, label: 'SECONDARY_HIGHLIGHT' },
|
|
22
22
|
{ color: COLOR.TEXT_ON_SECONDARY, label: 'TEXT_ON_SECONDARY' },
|
|
23
|
+
{ color: COLOR.ND_BLUE, label: 'ND_BLUE' },
|
|
24
|
+
{ color: COLOR.ND_GOLD, label: 'ND_GOLD' },
|
|
25
|
+
{ color: COLOR.ND_METALLIC_GOLD, label: 'ND_METALLIC_GOLD' },
|
|
26
|
+
{ color: COLOR.ND_SECONDARY_1, label: 'ND_SECONDARY_1' },
|
|
27
|
+
{ color: COLOR.ND_SECONDARY_2, label: 'ND_SECONDARY_2' },
|
|
28
|
+
{ color: COLOR.ND_SECONDARY_3, label: 'ND_SECONDARY_3' },
|
|
29
|
+
{ color: COLOR.ND_SECONDARY_4, label: 'ND_SECONDARY_4' },
|
|
30
|
+
{ color: COLOR.ND_SECONDARY_5, label: 'ND_SECONDARY_5' },
|
|
31
|
+
{ color: COLOR.ND_SECONDARY_6, label: 'ND_SECONDARY_6' },
|
|
32
|
+
{ color: COLOR.ND_TERTIARY_1, label: 'ND_TERTIARY_1' },
|
|
33
|
+
{ color: COLOR.ND_TERTIARY_2, label: 'ND_TERTIARY_2' },
|
|
34
|
+
{ color: COLOR.ND_TERTIARY_3, label: 'ND_TERTIARY_3' },
|
|
35
|
+
{ color: COLOR.ND_TERTIARY_4, label: 'ND_TERTIARY_4' },
|
|
36
|
+
{ color: COLOR.ND_TERTIARY_5, label: 'ND_TERTIARY_5' },
|
|
37
|
+
{ color: COLOR.ND_TERTIARY_6, label: 'ND_TERTIARY_6' },
|
|
23
38
|
];
|
|
24
39
|
export const Default = {
|
|
25
40
|
render: () => (_jsx(Row, Object.assign({ sx: { flexWrap: 'wrap' } }, { children: colors.map((color) => (_jsxs(Group, Object.assign({ type: GROUP_TYPE.GROUP, sx: { mr: 3, mt: 0, flexBasis: '100px' } }, { children: [_jsx(Label, Object.assign({ size: LABEL_SIZE.SM }, { children: color.label })), _jsx(ColorSquare, { color: color.color })] })))) }))),
|
package/dist/theme/colors.d.ts
CHANGED
|
@@ -7,7 +7,22 @@ export declare enum COLOR {
|
|
|
7
7
|
SECONDARY = "secondary",
|
|
8
8
|
SECONDARY_HIGHLIGHT = "secondaryHighlight",
|
|
9
9
|
TEXT_ON_PRIMARY = "textOnPrimary",
|
|
10
|
-
TEXT_ON_SECONDARY = "textOnSecondary"
|
|
10
|
+
TEXT_ON_SECONDARY = "textOnSecondary",
|
|
11
|
+
ND_BLUE = "ndBlue",
|
|
12
|
+
ND_GOLD = "ndGold",
|
|
13
|
+
ND_METALLIC_GOLD = "ndMetallicGold",
|
|
14
|
+
ND_SECONDARY_1 = "ndSecondary1",
|
|
15
|
+
ND_SECONDARY_2 = "ndSecondary2",
|
|
16
|
+
ND_SECONDARY_3 = "ndSecondary3",
|
|
17
|
+
ND_SECONDARY_4 = "ndSecondary4",
|
|
18
|
+
ND_SECONDARY_5 = "ndSecondary5",
|
|
19
|
+
ND_SECONDARY_6 = "ndSecondary6",
|
|
20
|
+
ND_TERTIARY_1 = "ndTertiary1",
|
|
21
|
+
ND_TERTIARY_2 = "ndTertiary2",
|
|
22
|
+
ND_TERTIARY_3 = "ndTertiary3",
|
|
23
|
+
ND_TERTIARY_4 = "ndTertiary4",
|
|
24
|
+
ND_TERTIARY_5 = "ndTertiary5",
|
|
25
|
+
ND_TERTIARY_6 = "ndTertiary6"
|
|
11
26
|
}
|
|
12
27
|
export declare const colors: {
|
|
13
28
|
[key in COLOR]: string;
|
package/dist/theme/colors.js
CHANGED
|
@@ -9,6 +9,21 @@ export var COLOR;
|
|
|
9
9
|
COLOR["SECONDARY_HIGHLIGHT"] = "secondaryHighlight";
|
|
10
10
|
COLOR["TEXT_ON_PRIMARY"] = "textOnPrimary";
|
|
11
11
|
COLOR["TEXT_ON_SECONDARY"] = "textOnSecondary";
|
|
12
|
+
COLOR["ND_BLUE"] = "ndBlue";
|
|
13
|
+
COLOR["ND_GOLD"] = "ndGold";
|
|
14
|
+
COLOR["ND_METALLIC_GOLD"] = "ndMetallicGold";
|
|
15
|
+
COLOR["ND_SECONDARY_1"] = "ndSecondary1";
|
|
16
|
+
COLOR["ND_SECONDARY_2"] = "ndSecondary2";
|
|
17
|
+
COLOR["ND_SECONDARY_3"] = "ndSecondary3";
|
|
18
|
+
COLOR["ND_SECONDARY_4"] = "ndSecondary4";
|
|
19
|
+
COLOR["ND_SECONDARY_5"] = "ndSecondary5";
|
|
20
|
+
COLOR["ND_SECONDARY_6"] = "ndSecondary6";
|
|
21
|
+
COLOR["ND_TERTIARY_1"] = "ndTertiary1";
|
|
22
|
+
COLOR["ND_TERTIARY_2"] = "ndTertiary2";
|
|
23
|
+
COLOR["ND_TERTIARY_3"] = "ndTertiary3";
|
|
24
|
+
COLOR["ND_TERTIARY_4"] = "ndTertiary4";
|
|
25
|
+
COLOR["ND_TERTIARY_5"] = "ndTertiary5";
|
|
26
|
+
COLOR["ND_TERTIARY_6"] = "ndTertiary6";
|
|
12
27
|
})(COLOR || (COLOR = {}));
|
|
13
28
|
export const colors = {
|
|
14
29
|
[COLOR.TEXT]: '#222222',
|
|
@@ -20,4 +35,19 @@ export const colors = {
|
|
|
20
35
|
[COLOR.SECONDARY]: '#f8e999',
|
|
21
36
|
[COLOR.SECONDARY_HIGHLIGHT]: '#ddcc70',
|
|
22
37
|
[COLOR.TEXT_ON_SECONDARY]: '#242111',
|
|
38
|
+
[COLOR.ND_BLUE]: '#0c2340',
|
|
39
|
+
[COLOR.ND_GOLD]: '#d39F10',
|
|
40
|
+
[COLOR.ND_METALLIC_GOLD]: '#ae9142',
|
|
41
|
+
[COLOR.ND_SECONDARY_1]: '#5aabbc',
|
|
42
|
+
[COLOR.ND_SECONDARY_2]: '#999623',
|
|
43
|
+
[COLOR.ND_SECONDARY_3]: '#5f1709',
|
|
44
|
+
[COLOR.ND_SECONDARY_4]: '#465510',
|
|
45
|
+
[COLOR.ND_SECONDARY_5]: '#f6e7a1',
|
|
46
|
+
[COLOR.ND_SECONDARY_6]: '#302205',
|
|
47
|
+
[COLOR.ND_TERTIARY_1]: '#00823E',
|
|
48
|
+
[COLOR.ND_TERTIARY_2]: '#4a3651',
|
|
49
|
+
[COLOR.ND_TERTIARY_3]: '#ffcf01',
|
|
50
|
+
[COLOR.ND_TERTIARY_4]: '#aa272f',
|
|
51
|
+
[COLOR.ND_TERTIARY_5]: '#5a412f',
|
|
52
|
+
[COLOR.ND_TERTIARY_6]: '#ba6f2e',
|
|
23
53
|
};
|