@atlassian/aui 8.0.7 → 8.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.
@@ -0,0 +1,112 @@
1
+ // Primary color palette
2
+ @ak-color-primary1: @ak-color-N800;
3
+ @ak-color-primary2: @ak-color-B500;
4
+ @ak-color-primary3: @ak-color-N0;
5
+
6
+ // Secondary color palette
7
+ @ak-color-secondary1: @ak-color-R300;
8
+ @ak-color-secondary2: @ak-color-Y300;
9
+ @ak-color-secondary3: @ak-color-G300;
10
+ @ak-color-secondary4: @ak-color-P300;
11
+ @ak-color-secondary5: @ak-color-T300;
12
+
13
+ // Reds
14
+ @ak-color-R50: #FFEBE6;
15
+ @ak-color-R75: #FFBDAD;
16
+ @ak-color-R100: #FF8F73;
17
+ @ak-color-R200: #FF7452;
18
+ @ak-color-R300: #FF5630;
19
+ @ak-color-R400: #DE350B;
20
+ @ak-color-R500: #BF2600;
21
+
22
+ // Yellows
23
+ @ak-color-Y50: #FFFAE6;
24
+ @ak-color-Y75: #FFF0B3;
25
+ @ak-color-Y100: #FFE380;
26
+ @ak-color-Y200: #FFC400;
27
+ @ak-color-Y300: #FFAB00;
28
+ @ak-color-Y400: #FF991F;
29
+ @ak-color-Y500: #FF8B00;
30
+
31
+ // Greens
32
+ @ak-color-G50: #E3FCEF;
33
+ @ak-color-G75: #ABF5D1;
34
+ @ak-color-G100: #79F2C0;
35
+ @ak-color-G200: #57D9A3;
36
+ @ak-color-G300: #36B37E;
37
+ @ak-color-G400: #00875A;
38
+ @ak-color-G500: #006644;
39
+
40
+ // Blues
41
+ @ak-color-B50: #DEEBFF;
42
+ @ak-color-B75: #B3D4FF;
43
+ @ak-color-B100: #4C9AFF;
44
+ @ak-color-B200: #2684FF;
45
+ @ak-color-B300: #0065FF;
46
+ @ak-color-B400: #0052CC;
47
+ @ak-color-B500: #0747A6;
48
+
49
+ // Purples
50
+ @ak-color-P50: #EAE6FF;
51
+ @ak-color-P75: #C0B6F2;
52
+ @ak-color-P100: #998DD9;
53
+ @ak-color-P200: #8777D9;
54
+ @ak-color-P300: #6554C0;
55
+ @ak-color-P400: #5243AA;
56
+ @ak-color-P500: #403294;
57
+
58
+ // Teals
59
+ @ak-color-T50: #E6FCFF;
60
+ @ak-color-T75: #B3F5FF;
61
+ @ak-color-T100: #79E2F2;
62
+ @ak-color-T200: #00C7E6;
63
+ @ak-color-T300: #00B8D9;
64
+ @ak-color-T400: #00A3BF;
65
+ @ak-color-T500: #008DA6;
66
+
67
+ @ak-color-N0: #FFFFFF;
68
+ @ak-color-N10: #FAFBFC;
69
+ @ak-color-N20: #F4F5F7;
70
+ @ak-color-N30: #EBECF0;
71
+ @ak-color-N40: #DFE1E6;
72
+ @ak-color-N50: #C1C7D0;
73
+ @ak-color-N60: #B3BAC5;
74
+ @ak-color-N70: #A5ADBA;
75
+ @ak-color-N80: #97A0AF;
76
+ @ak-color-N90: #8993A4;
77
+ @ak-color-N100: #7A869A;
78
+ @ak-color-N200: #6B778C;
79
+ @ak-color-N300: #5E6C84;
80
+ @ak-color-N400: #505F79;
81
+ @ak-color-N500: #42526E;
82
+ @ak-color-N600: #344563;
83
+ @ak-color-N700: #253858;
84
+ @ak-color-N800: #172B4D;
85
+
86
+ // ATTENTION: update the tints this if you update this one
87
+ @ak-color-N900: #091E42;
88
+
89
+
90
+ // Each tint is made of N900 and an alpha channel
91
+ // ak-color-NXXXA: rgba(red(@ak-color-N900), green(@ak-color-N900), 66, ALPHA);
92
+ // but we can't use this, because the JS export would not transform it properly
93
+ // so it follows:
94
+ // ak-color-N900 -> rgb(9,30,66)
95
+
96
+ @ak-color-N10A: rgba(9, 30, 66, 0.02);
97
+ @ak-color-N20A: rgba(9, 30, 66, 0.04);
98
+ @ak-color-N30A: rgba(9, 30, 66, 0.08);
99
+ @ak-color-N40A: rgba(9, 30, 66, 0.13);
100
+ @ak-color-N50A: rgba(9, 30, 66, 0.25);
101
+ @ak-color-N60A: rgba(9, 30, 66, 0.31);
102
+ @ak-color-N70A: rgba(9, 30, 66, 0.36);
103
+ @ak-color-N80A: rgba(9, 30, 66, 0.42);
104
+ @ak-color-N90A: rgba(9, 30, 66, 0.48);
105
+ @ak-color-N100A: rgba(9, 30, 66, 0.54);
106
+ @ak-color-N200A: rgba(9, 30, 66, 0.60);
107
+ @ak-color-N300A: rgba(9, 30, 66, 0.66);
108
+ @ak-color-N400A: rgba(9, 30, 66, 0.71);
109
+ @ak-color-N500A: rgba(9, 30, 66, 0.77);
110
+ @ak-color-N600A: rgba(9, 30, 66, 0.82);
111
+ @ak-color-N700A: rgba(9, 30, 66, 0.89);
112
+ @ak-color-N800A: rgba(9, 30, 66, 0.95);
@@ -0,0 +1,3 @@
1
+ @ak-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2
+ @ak-font-size-default: 14px;
3
+ @ak-code-font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace;
@@ -1,4 +1,4 @@
1
- @import '~@atlaskit/util-shared-styles/src/colors';
1
+ @import 'atlaskit-theme/colors';
2
2
 
3
3
  //
4
4
  // ADG3 Compatible Colours Palette
@@ -1,4 +1,4 @@
1
- @import '~@atlaskit/util-shared-styles/src/fonts';
1
+ @import 'atlaskit-theme/fonts';
2
2
  @import 'colors';
3
3
 
4
4
  @aui-text-color: @ak-color-N800;