@telesign/boreal-react 0.1.0-alpha.4 → 0.1.0-alpha.6

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.
Files changed (32) hide show
  1. package/README.md +5 -5
  2. package/dist/components/components.d.ts +95 -2
  3. package/dist/components/components.js +161 -1
  4. package/dist/components/components.js.map +1 -1
  5. package/dist/css/boreal.css +1066 -1074
  6. package/dist/css/global.css +403 -407
  7. package/dist/css/theme-connect.css +163 -164
  8. package/dist/css/theme-engage.css +163 -164
  9. package/dist/css/theme-protect.css +163 -164
  10. package/dist/css/theme-proximus.css +164 -165
  11. package/dist/scss/maps/_primitives.scss +404 -408
  12. package/dist/scss/maps/_theme-connect.scss +164 -165
  13. package/dist/scss/maps/_theme-engage.scss +164 -165
  14. package/dist/scss/maps/_theme-protect.scss +164 -165
  15. package/dist/scss/maps/_theme-proximus.scss +165 -166
  16. package/dist/scss/variables/_primitives.scss +404 -408
  17. package/dist/scss/variables/_theme-connect.scss +164 -165
  18. package/dist/scss/variables/_theme-engage.scss +164 -165
  19. package/dist/scss/variables/_theme-protect.scss +164 -165
  20. package/dist/scss/variables/_theme-proximus.scss +165 -166
  21. package/package.json +2 -2
  22. package/dist/css/theme-bics.css +0 -209
  23. package/dist/css/theme-masiv.css +0 -209
  24. package/dist/css/theme-telesign.css +0 -209
  25. package/dist/scss/maps/_theme-bics.scss +0 -209
  26. package/dist/scss/maps/_theme-masiv.scss +0 -209
  27. package/dist/scss/maps/_theme-telesign.scss +0 -209
  28. package/dist/scss/variables/_theme-bics.scss +0 -207
  29. package/dist/scss/variables/_theme-masiv.scss +0 -207
  30. package/dist/scss/variables/_theme-telesign.scss +0 -207
  31. package/dist/types/components/components.d.ts +0 -18
  32. package/dist/types/index.d.ts +0 -3
@@ -1,225 +1,224 @@
1
- $boreal-accent-dark: $boreal-color-proximus-mint-mint-700;
1
+ $boreal-primary-darker: $boreal-color-proximus-cobalt-cobalt-900;
2
+ $boreal-primary-dark: $boreal-color-proximus-cobalt-cobalt-700;
3
+ $boreal-primary-base: $boreal-color-proximus-cobalt-cobalt-500;
4
+ $boreal-primary-light: $boreal-color-proximus-cobalt-cobalt-200;
5
+ $boreal-primary-lighter: $boreal-color-proximus-cobalt-cobalt-50;
6
+ $boreal-accent-darker: $boreal-color-proximus-cobalt-cobalt-900;
7
+ $boreal-accent-dark: $boreal-color-proximus-cobalt-cobalt-700;
8
+ $boreal-accent-base: $boreal-color-proximus-cobalt-cobalt-500;
9
+ $boreal-accent-light: $boreal-color-proximus-cobalt-cobalt-300;
10
+ $boreal-accent-lighter: $boreal-color-proximus-cobalt-cobalt-100;
11
+ $boreal-neutral: $boreal-color-proximus-neutral-neutral-50;
12
+ $boreal-neutral-lighter: $boreal-color-proximus-onyx-onyx-50;
13
+ $boreal-neutral-light: $boreal-color-proximus-onyx-onyx-100;
14
+ $boreal-neutral-paper: $boreal-color-proximus-onyx-onyx-200;
15
+ $boreal-neutral-dark: $boreal-color-proximus-onyx-onyx-100;
16
+ $boreal-neutral-base: $boreal-color-proximus-onyx-onyx-200;
17
+ $boreal-neutral-darker: $boreal-color-proximus-onyx-onyx-500;
18
+ $boreal-neutral-deep: $boreal-color-proximus-onyx-onyx-600;
19
+ $boreal-neutral-ink: $boreal-color-proximus-onyx-onyx-700;
20
+ $boreal-neutral-deeper: $boreal-color-proximus-onyx-onyx-800;
21
+ $boreal-neutral-contrast: $boreal-color-proximus-onyx-onyx-900;
22
+ $boreal-base-darker: $boreal-color-proximus-onyx-onyx-200;
23
+ $boreal-base-dark: $boreal-color-proximus-onyx-onyx-100;
24
+ $boreal-base-alt: $boreal-color-proximus-onyx-onyx-700;
25
+ $boreal-base-light: $boreal-color-proximus-neutral-neutral-300;
26
+ $boreal-base-lighter: $boreal-color-proximus-neutral-neutral-200;
27
+ $boreal-danger-darker: $boreal-color-proximus-red-red-900;
28
+ $boreal-danger-dark: $boreal-color-proximus-red-red-800;
29
+ $boreal-danger-base: $boreal-color-proximus-red-red-500;
30
+ $boreal-danger-light: $boreal-color-proximus-red-red-200;
31
+ $boreal-danger-lighter: $boreal-color-proximus-red-red-50;
32
+ $boreal-success-dark: $boreal-color-proximus-mint-mint-700;
33
+ $boreal-success-base: $boreal-color-proximus-mint-mint-500;
34
+ $boreal-success-lighter: $boreal-color-proximus-mint-mint-50;
35
+ $boreal-success-darker: $boreal-color-proximus-mint-mint-900;
36
+ $boreal-success-light: $boreal-color-proximus-mint-mint-200;
37
+ $boreal-warning-darker: $boreal-color-proximus-amber-amber-900;
38
+ $boreal-warning-dark: $boreal-color-proximus-amber-amber-700;
39
+ $boreal-warning-base: $boreal-color-proximus-amber-amber-400;
40
+ $boreal-warning-light: $boreal-color-proximus-amber-amber-200;
41
+ $boreal-warning-lighter: $boreal-color-proximus-amber-amber-50;
42
+ $boreal-information-darker: $boreal-color-proximus-cobalt-cobalt-900;
43
+ $boreal-information-dark: $boreal-color-proximus-cobalt-cobalt-700;
44
+ $boreal-information-base: $boreal-color-proximus-cobalt-cobalt-500;
45
+ $boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
46
+ $boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-50;
47
+ $boreal-white: $boreal-color-proximus-neutral-neutral-50;
2
48
  $boreal-black: $boreal-color-proximus-onyx-onyx-900;
3
- $boreal-accent-light: $boreal-color-proximus-mint-mint-200;
4
- $boreal-white: $boreal-color-white;
5
- $boreal-accent-base: $boreal-color-proximus-mint-mint-400;
6
- $boreal-extended-teal-light: $boreal-color-engage-teal-teal-20;
7
- $boreal-extended-teal-lighter: $boreal-color-engage-teal-teal-5;
8
- $boreal-extended-teal-base: $boreal-color-engage-teal-teal-40;
9
- $boreal-extended-teal-dark: $boreal-color-engage-teal-teal-70;
10
- $boreal-extended-teal-darker: $boreal-color-engage-teal-teal-90;
11
- $boreal-extended-purple-base: $boreal-color-engage-purple-purple-50;
12
- $boreal-extended-purple-dark: $boreal-color-engage-purple-purple-70;
13
- $boreal-extended-orange-base: $boreal-color-engage-orange-orange-40;
14
- $boreal-extended-purple-light: $boreal-color-engage-purple-purple-20;
15
- $boreal-extended-orange-darker: $boreal-color-engage-orange-orange-90;
49
+ $boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
50
+ $boreal-user-base: $boreal-color-proximus-cobalt-cobalt-50;
16
51
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
17
- $boreal-extended-orange-dark: $boreal-color-engage-orange-orange-70;
18
52
  $boreal-extended-orange-light: $boreal-color-engage-orange-orange-20;
53
+ $boreal-extended-orange-base: $boreal-color-engage-orange-orange-40;
54
+ $boreal-extended-orange-dark: $boreal-color-engage-orange-orange-70;
55
+ $boreal-extended-orange-darker: $boreal-color-engage-orange-orange-90;
56
+ $boreal-extended-onyx-lighter: $boreal-color-protect-onyx-onyx-100;
57
+ $boreal-extended-onyx-light: $boreal-color-protect-onyx-onyx-200;
58
+ $boreal-extended-onyx-base: $boreal-color-protect-onyx-onyx-500;
59
+ $boreal-extended-onyx-dark: $boreal-color-protect-onyx-onyx-600;
60
+ $boreal-extended-onyx-darker: $boreal-color-protect-onyx-onyx-900;
19
61
  $boreal-extended-purple-lighter: $boreal-color-engage-purple-purple-5;
62
+ $boreal-extended-purple-light: $boreal-color-engage-purple-purple-20;
63
+ $boreal-extended-purple-base: $boreal-color-engage-purple-purple-50;
64
+ $boreal-extended-purple-dark: $boreal-color-engage-purple-purple-70;
20
65
  $boreal-extended-purple-darker: $boreal-color-engage-purple-purple-90;
66
+ $boreal-extended-rose-lighter: $boreal-color-engage-rose-rose-5;
67
+ $boreal-extended-rose-light: $boreal-color-engage-rose-rose-20;
68
+ $boreal-extended-rose-base: $boreal-color-engage-rose-rose-50;
69
+ $boreal-extended-rose-dark: $boreal-color-engage-rose-rose-70;
70
+ $boreal-extended-rose-darker: $boreal-color-engage-rose-rose-90;
71
+ $boreal-extended-teal-lighter: $boreal-color-engage-teal-teal-5;
72
+ $boreal-extended-teal-base: $boreal-color-engage-teal-teal-40;
73
+ $boreal-extended-teal-dark: $boreal-color-engage-teal-teal-70;
74
+ $boreal-extended-teal-light: $boreal-color-engage-teal-teal-20;
75
+ $boreal-extended-teal-darker: $boreal-color-engage-teal-teal-90;
21
76
  $boreal-extended-cyan-lighter: $boreal-color-engage-cyan-cyan-5;
22
77
  $boreal-extended-cyan-light: $boreal-color-engage-cyan-cyan-20;
23
78
  $boreal-extended-cyan-base: $boreal-color-engage-cyan-cyan-40;
24
79
  $boreal-extended-cyan-dark: $boreal-color-engage-cyan-cyan-70;
25
80
  $boreal-extended-cyan-darker: $boreal-color-engage-cyan-cyan-90;
26
- $boreal-extended-lime-dark: $boreal-color-engage-lime-lime-70;
81
+ $boreal-extended-lime-lighter: $boreal-color-engage-lime-lime-5;
82
+ $boreal-extended-lime-light: $boreal-color-engage-lime-lime-20;
27
83
  $boreal-extended-lime-base: $boreal-color-engage-lime-lime-40;
84
+ $boreal-extended-lime-dark: $boreal-color-engage-lime-lime-70;
28
85
  $boreal-extended-lime-darker: $boreal-color-engage-lime-lime-90;
29
- $boreal-extended-lime-light: $boreal-color-engage-lime-lime-20;
30
- $boreal-extended-lime-lighter: $boreal-color-engage-lime-lime-5;
31
86
  $boreal-extended-cobalt-lighter: $boreal-color-protect-cobalt-cobalt-50;
32
87
  $boreal-extended-cobalt-light: $boreal-color-protect-cobalt-cobalt-100;
33
88
  $boreal-extended-cobalt-base: $boreal-color-protect-cobalt-cobalt-600;
34
89
  $boreal-extended-cobalt-dark: $boreal-color-protect-cobalt-cobalt-800;
35
90
  $boreal-extended-cobalt-darker: $boreal-color-protect-cobalt-cobalt-900;
36
- $boreal-extended-onyx-lighter: $boreal-color-protect-onyx-onyx-100;
37
- $boreal-extended-onyx-light: $boreal-color-protect-onyx-onyx-200;
38
- $boreal-extended-onyx-base: $boreal-color-protect-onyx-onyx-500;
39
- $boreal-extended-onyx-dark: $boreal-color-protect-onyx-onyx-600;
40
- $boreal-extended-onyx-darker: $boreal-color-protect-onyx-onyx-900;
41
- $boreal-extended-rose-lighter: $boreal-color-engage-rose-rose-5;
42
- $boreal-extended-rose-light: $boreal-color-engage-rose-rose-20;
43
- $boreal-extended-rose-base: $boreal-color-engage-rose-rose-50;
44
- $boreal-extended-rose-dark: $boreal-color-engage-rose-rose-70;
45
- $boreal-extended-rose-darker: $boreal-color-engage-rose-rose-90;
46
- $boreal-neutral-deep: $boreal-color-proximus-onyx-onyx-600;
47
- $boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-5;
48
- $boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
49
- $boreal-success-lighter: $boreal-color-proximus-mint-mint-5;
50
- $boreal-information-base: $boreal-color-proximus-cobalt-cobalt-500;
51
- $boreal-neutral-contrast: $boreal-color-proximus-onyx-onyx-900;
52
- $boreal-information-dark: $boreal-color-proximus-cobalt-cobalt-700;
53
- $boreal-neutral-base: $boreal-color-proximus-onyx-onyx-400;
54
- $boreal-warning-base: $boreal-color-proximus-amber-amber-400;
55
- $boreal-neutral-ink: $boreal-color-proximus-onyx-onyx-700;
56
- $boreal-warning-dark: $boreal-color-proximus-amber-amber-700;
57
- $boreal-warning-darker: $boreal-color-proximus-amber-amber-900;
58
- $boreal-warning-light: $boreal-color-proximus-amber-amber-200;
59
- $boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
60
- $boreal-success-light: $boreal-color-proximus-mint-mint-200;
61
- $boreal-neutral-ligther: $boreal-color-proximus-neutral-neutral-200;
62
- $boreal-success-base: $boreal-color-proximus-mint-mint-600;
63
- $boreal-primary-dark: $boreal-color-proximus-cobalt-cobalt-700;
64
- $boreal-danger-darker: $boreal-color-proximus-red-red-900;
65
- $boreal-primary-darker: $boreal-color-proximus-cobalt-cobalt-900;
66
- $boreal-danger-dark: $boreal-color-proximus-red-red-800;
67
- $boreal-base-alt: $boreal-color-proximus-onyx-onyx-900;
68
- $boreal-neutral-dark: $boreal-color-proximus-onyx-onyx-100;
69
- $boreal-danger-lighter: $boreal-color-proximus-red-red-50;
70
- $boreal-base-lighter: $boreal-color-proximus-neutral-neutral-300;
71
- $boreal-danger-light: $boreal-color-proximus-red-red-200;
72
- $boreal-accent-lighter: $boreal-color-proximus-mint-mint-5;
73
- $boreal-success-dark: $boreal-color-proximus-mint-mint-700;
74
- $boreal-neutral: $boreal-color-proximus-onyx-onyx-50;
75
- $boreal-accent-darker: $boreal-color-proximus-mint-mint-900;
76
- $boreal-neutral-paper: $boreal-color-proximus-onyx-onyx-200;
77
- $boreal-warning-lighter: $boreal-color-proximus-amber-amber-50;
78
- $boreal-success-darker: $boreal-color-proximus-mint-mint-900;
79
- $boreal-primary-base: $boreal-color-proximus-cobalt-cobalt-500;
80
- $boreal-information-darker: $boreal-color-proximus-cobalt-cobalt-900;
81
- $boreal-neutral-darker: $boreal-color-proximus-onyx-onyx-500;
82
- $boreal-neutral-light: $boreal-color-proximus-onyx-onyx-100;
83
- $boreal-danger-base: $boreal-color-proximus-red-red-500;
84
- $boreal-neutral-deeper: $boreal-color-proximus-onyx-onyx-800;
85
- $boreal-base-light: $boreal-color-proximus-neutral-neutral-300;
86
- $boreal-primary-light: $boreal-color-proximus-cobalt-cobalt-200;
87
- $boreal-primary-lighter: $boreal-color-proximus-cobalt-cobalt-5;
88
- $boreal-base-dark: $boreal-color-proximus-onyx-onyx-100;
89
- $boreal-base-darker: $boreal-color-proximus-onyx-onyx-200;
90
- $boreal-user-base: $boreal-color-proximus-cobalt-cobalt-5;
91
- $boreal-bg-overlay: $boreal-neutral-contrast;
92
- $boreal-bg-inverse: $boreal-white;
93
- $boreal-bg-primary-darker: $boreal-primary-darker;
94
- $boreal-bg-neutral: $boreal-neutral;
95
- $boreal-bg-primary-base: $boreal-primary-base;
96
- $boreal-bg-neutral-ink: $boreal-neutral-ink;
97
91
  $boreal-bg-primary-lighter: $boreal-primary-lighter;
98
92
  $boreal-bg-primary-light: $boreal-primary-light;
93
+ $boreal-bg-primary-base: $boreal-primary-base;
94
+ $boreal-bg-primary-darker: $boreal-primary-darker;
95
+ $boreal-bg-inverse: $boreal-white;
96
+ $boreal-bg-neutral: $boreal-neutral;
99
97
  $boreal-bg-neutral-light: $boreal-neutral-light;
100
98
  $boreal-bg-neutral-paper: $boreal-neutral-paper;
101
- $boreal-bg-nuetral-dark: $boreal-neutral-dark;
99
+ $boreal-bg-neutral-dark: $boreal-neutral-dark;
102
100
  $boreal-bg-neutral-base: $boreal-neutral-base;
103
101
  $boreal-bg-neutral-darker: $boreal-neutral-darker;
104
102
  $boreal-bg-neutral-deep: $boreal-neutral-deep;
105
- $boreal-text-success-base: $boreal-success-base;
106
- $boreal-text-danger-base: $boreal-danger-base;
107
- $boreal-text-information-base: $boreal-information-base;
108
- $boreal-text-accent: $boreal-accent-base;
103
+ $boreal-bg-neutral-ink: $boreal-neutral-ink;
104
+ $boreal-bg-overlay: $boreal-neutral-contrast;
109
105
  $boreal-text-default: $boreal-neutral-ink;
110
106
  $boreal-text-default-light: $boreal-neutral-base;
111
- $boreal-text-inverse: $boreal-white;
112
- $boreal-text-warning-base: $boreal-warning-base;
107
+ $boreal-text-base: $boreal-base-alt;
108
+ $boreal-text-default-dark: $boreal-neutral-dark;
109
+ $boreal-text-default-darker: $boreal-neutral-darker;
110
+ $boreal-text-default-deep: $boreal-neutral-deep;
111
+ $boreal-text-default-ink: $boreal-neutral-ink;
113
112
  $boreal-text-disabled: $boreal-neutral-dark;
113
+ $boreal-text-accent: $boreal-accent-base;
114
+ $boreal-text-primary-dark: $boreal-primary-dark;
114
115
  $boreal-text-primary-base: $boreal-primary-base;
116
+ $boreal-text-primary-light: $boreal-primary-light;
115
117
  $boreal-text-danger-dark: $boreal-danger-dark;
116
- $boreal-text-success-dark: $boreal-success-dark;
117
- $boreal-text-information-dark: $boreal-information-darker;
118
- $boreal-text-warning-light: $boreal-warning-light;
118
+ $boreal-text-danger-base: $boreal-danger-base;
119
119
  $boreal-text-danger-light: $boreal-danger-light;
120
+ $boreal-text-success-dark: $boreal-success-dark;
121
+ $boreal-text-success-base: $boreal-success-base;
120
122
  $boreal-text-success-light: $boreal-success-light;
123
+ $boreal-text-information-dark: $boreal-information-darker;
124
+ $boreal-text-information-base: $boreal-information-base;
121
125
  $boreal-text-information-light: $boreal-information-light;
122
126
  $boreal-text-warning-dark: $boreal-warning-darker;
123
- $boreal-text-base: $boreal-base-alt;
124
- $boreal-text-primary-light: $boreal-primary-light;
125
- $boreal-text-primary-dark: $boreal-primary-dark;
126
- $boreal-text-default-dark: $boreal-neutral-dark;
127
- $boreal-text-default-darker: $boreal-neutral-darker;
128
- $boreal-text-default-deep: $boreal-neutral-deep;
129
- $boreal-text-default-ink: $boreal-neutral-ink;
127
+ $boreal-text-warning-base: $boreal-warning-base;
128
+ $boreal-text-warning-light: $boreal-warning-light;
129
+ $boreal-text-inverse: $boreal-white;
130
130
  $boreal-ui-default-base: $boreal-neutral;
131
- $boreal-ui-inverse: $boreal-white;
131
+ $boreal-ui-default-lighter: $boreal-base-lighter;
132
+ $boreal-ui-default-light: $boreal-neutral-paper;
133
+ $boreal-ui-default-paper: $boreal-neutral-dark;
134
+ $boreal-ui-default-dark: $boreal-neutral-base;
135
+ $boreal-ui-default-darker: $boreal-neutral-darker;
136
+ $boreal-ui-default-deep: $boreal-neutral-deep;
137
+ $boreal-ui-default-ink: $boreal-neutral-ink;
138
+ $boreal-ui-primary-dark: $boreal-primary-dark;
139
+ $boreal-ui-primary-base: $boreal-primary-base;
140
+ $boreal-ui-primary-light: $boreal-primary-light;
141
+ $boreal-ui-primary-lighter: $boreal-primary-lighter;
132
142
  $boreal-ui-accent: $boreal-accent-base;
133
143
  $boreal-ui-black-light: $boreal-neutral-darker;
144
+ $boreal-ui-black: $boreal-neutral-contrast;
134
145
  $boreal-ui-base: $boreal-base-alt;
135
146
  $boreal-ui-base-light: $boreal-base-light;
136
- $boreal-ui-disabled: $boreal-neutral-ligther;
137
- $boreal-ui-info-light: $boreal-information-light;
138
- $boreal-ui-success-light: $boreal-success-light;
147
+ $boreal-ui-base-lighter: $boreal-base-lighter;
148
+ $boreal-ui-success-dark: $boreal-success-dark;
139
149
  $boreal-ui-success-base: $boreal-success-base;
140
- $boreal-ui-black: $boreal-neutral-contrast;
141
- $boreal-ui-danger-light: $boreal-danger-light;
142
- $boreal-ui-primary-lighter: $boreal-primary-lighter;
143
- $boreal-ui-danger-base: $boreal-danger-base;
144
- $boreal-ui-info-base: $boreal-information-base;
145
- $boreal-ui-primary-base: $boreal-primary-base;
146
- $boreal-ui-primary-light: $boreal-primary-light;
147
- $boreal-ui-primary-dark: $boreal-primary-dark;
148
- $boreal-ui-warning-base: $boreal-warning-base;
150
+ $boreal-ui-success-light: $boreal-success-light;
149
151
  $boreal-ui-success-lighter: $boreal-success-lighter;
152
+ $boreal-ui-danger-dark: $boreal-danger-dark;
153
+ $boreal-ui-danger-base: $boreal-danger-base;
154
+ $boreal-ui-danger-light: $boreal-danger-light;
150
155
  $boreal-ui-danger-lighter: $boreal-danger-lighter;
156
+ $boreal-ui-info-dark: $boreal-information-dark;
157
+ $boreal-ui-info-base: $boreal-information-base;
158
+ $boreal-ui-info-light: $boreal-information-light;
151
159
  $boreal-ui-info-lighter: $boreal-information-lighter;
160
+ $boreal-ui-warning-dark: $boreal-warning-dark;
161
+ $boreal-ui-warning-base: $boreal-warning-base;
152
162
  $boreal-ui-warning-light: $boreal-warning-light;
153
163
  $boreal-ui-warning-lighter: $boreal-warning-lighter;
154
- $boreal-ui-base-lighter: $boreal-base-lighter;
155
- $boreal-ui-default-lighter: $boreal-neutral-ligther;
156
- $boreal-ui-success-dark: $boreal-success-dark;
157
- $boreal-ui-danger-dark: $boreal-danger-dark;
158
- $boreal-ui-info-dark: $boreal-information-dark;
159
- $boreal-ui-warning-dark: $boreal-warning-dark;
160
- $boreal-ui-default-light: $boreal-neutral-light;
161
- $boreal-ui-default-paper: $boreal-neutral-paper;
162
- $boreal-ui-default-dark: $boreal-neutral-dark;
163
- $boreal-ui-default-darker: $boreal-neutral-darker;
164
- $boreal-ui-default-deep: $boreal-neutral-deep;
165
- $boreal-ui-default-ink: $boreal-neutral-ink;
166
- $boreal-icon-info-dark: $boreal-information-darker;
164
+ $boreal-ui-disabled: $boreal-neutral-lighter;
165
+ $boreal-ui-inverse: $boreal-white;
166
+ $boreal-stroke-primary-dark: $boreal-primary-dark;
167
+ $boreal-stroke-primary-base: $boreal-primary-base;
168
+ $boreal-stroke-primary-light: $boreal-primary-light;
169
+ $boreal-stroke-default-lighter: $boreal-base-lighter;
170
+ $boreal-stroke-default-light: $boreal-base-light;
171
+ $boreal-stroke-default-dark: $boreal-base-dark;
172
+ $boreal-stroke-default-ink: $boreal-base-alt;
173
+ $boreal-stroke-accent: $boreal-accent-base;
174
+ $boreal-stroke-info-dark: $boreal-information-dark;
175
+ $boreal-stroke-info-base: $boreal-information-base;
176
+ $boreal-stroke-info-light: $boreal-information-light;
177
+ $boreal-stroke-warning-dark: $boreal-warning-dark;
178
+ $boreal-stroke-warning: $boreal-warning-base;
179
+ $boreal-stroke-warning-light: $boreal-warning-light;
180
+ $boreal-stroke-success-dark: $boreal-success-dark;
181
+ $boreal-stroke-success-base: $boreal-success-base;
182
+ $boreal-stroke-success-light: $boreal-success-light;
183
+ $boreal-stroke-danger-dark: $boreal-danger-dark;
184
+ $boreal-stroke-danger-base: $boreal-danger-base;
185
+ $boreal-stroke-danger-light: $boreal-danger-light;
186
+ $boreal-stroke-focus: $boreal-focus;
187
+ $boreal-stroke-inverse: $boreal-white;
188
+ $boreal-icon-primary-dark: $boreal-primary-dark;
189
+ $boreal-icon-primary-base: $boreal-primary-base;
190
+ $boreal-icon-primary-light: $boreal-primary-light;
191
+ $boreal-icon-accent-base: $boreal-accent-base;
167
192
  $boreal-icon-default-lighter: $boreal-neutral-paper;
168
193
  $boreal-icon-default-light: $boreal-neutral-dark;
169
194
  $boreal-icon-default-dark: $boreal-neutral-base;
170
- $boreal-icon-success-base: $boreal-success-base;
171
- $boreal-icon-inverse: $boreal-white;
172
- $boreal-icon-warning-base: $boreal-warning-base;
173
- $boreal-icon-accent-base: $boreal-accent-base;
174
- $boreal-icon-danger-base: $boreal-danger-base;
175
- $boreal-icon-base: $boreal-base-alt;
176
- $boreal-icon-primary-base: $boreal-primary-base;
177
- $boreal-icon-success-dark: $boreal-success-dark;
178
- $boreal-icon-warning-dark: $boreal-warning-darker;
179
- $boreal-icon-danger-dark: $boreal-danger-dark;
195
+ $boreal-icon-default-ink: $boreal-neutral-ink;
196
+ $boreal-icon-info-dark: $boreal-information-darker;
180
197
  $boreal-icon-info-base: $boreal-information-base;
181
198
  $boreal-icon-info-light: $boreal-information-light;
199
+ $boreal-icon-success-dark: $boreal-success-dark;
200
+ $boreal-icon-success-base: $boreal-success-base;
182
201
  $boreal-icon-success-light: $boreal-success-light;
202
+ $boreal-icon-warning-dark: $boreal-warning-darker;
203
+ $boreal-icon-warning-base: $boreal-warning-base;
183
204
  $boreal-icon-warning-light: $boreal-warning-light;
205
+ $boreal-icon-danger-dark: $boreal-danger-dark;
206
+ $boreal-icon-danger-base: $boreal-danger-base;
184
207
  $boreal-icon-danger-light: $boreal-danger-light;
208
+ $boreal-icon-base: $boreal-base-alt;
209
+ $boreal-icon-inverse: $boreal-white;
185
210
  $boreal-icon-disabled: $boreal-neutral-dark;
186
- $boreal-icon-primary-light: $boreal-primary-light;
187
- $boreal-icon-primary-dark: $boreal-primary-dark;
188
211
  $boreal-icon-user: $boreal-user-base;
189
- $boreal-icon-default-ink: $boreal-neutral-ink;
190
- $boreal-alpha-black-50: #272a2f80;
212
+ $boreal-alpha-black-5: #272a2f0d;
213
+ $boreal-alpha-black-10: #272a2f1a;
191
214
  $boreal-alpha-black-25: #272a2f40;
192
- $boreal-alpha-white-50: #ffffff80;
193
- $boreal-alpha-white-25: #ffffff40;
215
+ $boreal-alpha-black-50: #272a2f80;
194
216
  $boreal-alpha-white-10: #ffffff1a;
217
+ $boreal-alpha-white-25: #ffffff40;
218
+ $boreal-alpha-white-50: #ffffff80;
219
+ $boreal-alpha-white-55: #ffffff8c;
195
220
  $boreal-alpha-white-75: #ffffffbf;
221
+ $boreal-alpha-white-80: #ffffffcc;
196
222
  $boreal-alpha-white-85: #ffffffd9;
197
223
  $boreal-alpha-white-90: #ffffffe6;
198
- $boreal-alpha-white-95: #ffffffe6;
199
- $boreal-alpha-white-80: #ffffffcc;
200
- $boreal-alpha-white-55: #ffffff8c;
201
- $boreal-alpha-black-5: #272a2f0d;
202
- $boreal-alpha-black-10: #272a2f1a;
203
- $boreal-extended-tael-darker: $boreal-extended-teal-darker;
204
- $boreal-stroke-warning: $boreal-warning-base;
205
- $boreal-stroke-inverse: $boreal-white;
206
- $boreal-stroke-info-base: $boreal-information-base;
207
- $boreal-stroke-success-base: $boreal-success-base;
208
- $boreal-stroke-default-dark: $boreal-base-dark;
209
- $boreal-stroke-default-light: $boreal-base-light;
210
- $boreal-stroke-default-ink: $boreal-base-alt;
211
- $boreal-stroke-focus: $boreal-focus;
212
- $boreal-stroke-danger-base: $boreal-danger-base;
213
- $boreal-stroke-accent: $boreal-accent-base;
214
- $boreal-stroke-primary-base: $boreal-primary-base;
215
- $boreal-stroke-primary-light: $boreal-primary-light;
216
- $boreal-stroke-primary-dark: $boreal-primary-dark;
217
- $boreal-stroke-info-light: $boreal-information-light;
218
- $boreal-stroke-info-dark: $boreal-information-dark;
219
- $boreal-stroke-success-light: $boreal-success-light;
220
- $boreal-stroke-success-dark: $boreal-success-dark;
221
- $boreal-stroke-warning-light: $boreal-warning-light;
222
- $boreal-stroke-warning-dark: $boreal-warning-dark;
223
- $boreal-stroke-danger-light: $boreal-danger-light;
224
- $boreal-stroke-danger-dark: $boreal-danger-dark;
225
- $boreal-stroke-default-lighter: $boreal-base-lighter;
224
+ $boreal-alpha-white-95: #ffffffe6;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telesign/boreal-react",
3
- "version": "0.1.0-alpha.4",
3
+ "version": "0.1.0-alpha.6",
4
4
  "description": "Wrapper for React BorealDS",
5
5
  "keywords": [
6
6
  "Boreal",
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@stencil/react-output-target": "^1.2.0",
46
- "@telesign/boreal-web-components": "0.1.0-alpha.2"
46
+ "@telesign/boreal-web-components": "0.1.0-alpha.4"
47
47
  },
48
48
  "scripts": {
49
49
  "release": "release-it",
@@ -1,209 +0,0 @@
1
- [data-theme="bics"] {
2
- --boreal-accent-dark: var(--boreal-color-bics-byzantine-byzantine-2);
3
- --boreal-black: var(--boreal-color-bics-black-black-1);
4
- --boreal-accent-light: var(--boreal-color-bics-byzantine-byzantine-5);
5
- --boreal-white: var(--boreal-color-white);
6
- --boreal-accent-base: var(--boreal-color-bics-byzantine-byzantine-3);
7
- --boreal-extended-teal-light: var(--boreal-color-masiv-teal-teal-20);
8
- --boreal-extended-teal-lighter: var(--boreal-color-masiv-teal-teal-5);
9
- --boreal-extended-teal-base: var(--boreal-color-masiv-teal-teal-40);
10
- --boreal-extended-teal-dark: var(--boreal-color-masiv-teal-teal-70);
11
- --boreal-extended-teal-darker: var(--boreal-color-masiv-teal-teal-90);
12
- --boreal-extended-purple-base: var(--boreal-color-masiv-purple-purple-50);
13
- --boreal-extended-purple-dark: var(--boreal-color-masiv-purple-purple-70);
14
- --boreal-extended-orange-base: var(--boreal-color-masiv-orange-orange-40);
15
- --boreal-extended-purple-light: var(--boreal-color-masiv-purple-purple-20);
16
- --boreal-extended-orange-darker: var(--boreal-color-masiv-orange-orange-90);
17
- --boreal-extended-orange-lighter: var(--boreal-color-masiv-orange-orange-5);
18
- --boreal-extended-orange-dark: var(--boreal-color-masiv-orange-orange-70);
19
- --boreal-extended-orange-light: var(--boreal-color-masiv-orange-orange-20);
20
- --boreal-extended-purple-lighter: var(--boreal-color-masiv-purple-purple-5);
21
- --boreal-extended-purple-darker: var(--boreal-color-masiv-purple-purple-90);
22
- --boreal-extended-cyan-lighter: var(--boreal-color-masiv-cyan-cyan-5);
23
- --boreal-extended-cyan-light: var(--boreal-color-masiv-cyan-cyan-20);
24
- --boreal-extended-cyan-base: var(--boreal-color-masiv-cyan-cyan-40);
25
- --boreal-extended-cyan-dark: var(--boreal-color-masiv-cyan-cyan-70);
26
- --boreal-extended-cyan-darker: var(--boreal-color-masiv-cyan-cyan-90);
27
- --boreal-extended-lime-dark: var(--boreal-color-masiv-lime-lime-70);
28
- --boreal-extended-lime-base: var(--boreal-color-masiv-lime-lime-40);
29
- --boreal-extended-lime-darker: var(--boreal-color-masiv-lime-lime-90);
30
- --boreal-extended-lime-light: var(--boreal-color-masiv-lime-lime-20);
31
- --boreal-extended-lime-lighter: var(--boreal-color-masiv-lime-lime-5);
32
- --boreal-extended-cobalt-lighter: var(--boreal-color-telesign-cobalt-cobalt-50);
33
- --boreal-extended-cobalt-light: var(--boreal-color-telesign-cobalt-cobalt-100);
34
- --boreal-extended-cobalt-base: var(--boreal-color-telesign-cobalt-cobalt-600);
35
- --boreal-extended-cobalt-dark: var(--boreal-color-telesign-cobalt-cobalt-800);
36
- --boreal-extended-cobalt-darker: var(--boreal-color-telesign-cobalt-cobalt-900);
37
- --boreal-extended-onyx-lighter: var(--boreal-color-telesign-onyx-onyx-100);
38
- --boreal-extended-onyx-light: var(--boreal-color-telesign-onyx-onyx-200);
39
- --boreal-extended-onyx-base: var(--boreal-color-telesign-onyx-onyx-500);
40
- --boreal-extended-onyx-dark: var(--boreal-color-telesign-onyx-onyx-600);
41
- --boreal-extended-onyx-darker: var(--boreal-color-telesign-onyx-onyx-900);
42
- --boreal-extended-rose-lighter: var(--boreal-color-masiv-rose-rose-5);
43
- --boreal-extended-rose-light: var(--boreal-color-masiv-rose-rose-20);
44
- --boreal-extended-rose-base: var(--boreal-color-masiv-rose-rose-50);
45
- --boreal-extended-rose-dark: var(--boreal-color-masiv-rose-rose-70);
46
- --boreal-extended-rose-darker: var(--boreal-color-masiv-rose-rose-90);
47
- --boreal-neutral-600: var(--boreal-color-bics-black-black-4);
48
- --boreal-information-lighter: var(--boreal-extended-cobalt-lighter);
49
- --boreal-information-light: var(--boreal-extended-cobalt-light);
50
- --boreal-success-lighter: var(--boreal-color-bics-success-success-7);
51
- --boreal-information-base: var(--boreal-extended-cobalt-base);
52
- --boreal-neutral-900: var(--boreal-color-bics-black-black-1);
53
- --boreal-information-dark: var(--boreal-extended-cobalt-dark);
54
- --boreal-neutral-400: var(--boreal-color-bics-grey-grey-4);
55
- --boreal-warning-base: var(--boreal-color-bics-warning-warning-4);
56
- --boreal-neutral-700: var(--boreal-color-bics-black-black-3);
57
- --boreal-warning-dark: var(--boreal-color-bics-warning-warning-2);
58
- --boreal-warning-darker: var(--boreal-color-bics-warning-warning-1);
59
- --boreal-warning-light: var(--boreal-color-bics-warning-warning-5);
60
- --boreal-focus: #3b60c54d;
61
- --boreal-success-light: var(--boreal-color-bics-success-success-6);
62
- --boreal-neutral-50: var(--boreal-color-bics-black-black-7);
63
- --boreal-success-base: var(--boreal-color-bics-success-success-4);
64
- --boreal-primary-dark: var(--boreal-color-bics-petrol-petrol-2);
65
- --boreal-danger-darker: var(--boreal-color-bics-error-error-1);
66
- --boreal-primary-darker: var(--boreal-color-bics-petrol-petrol-1);
67
- --boreal-danger-dark: var(--boreal-color-bics-error-error-2);
68
- --boreal-base-alt: var(--boreal-color-bics-grey-grey-3);
69
- --boreal-neutral-300: var(--boreal-color-bics-grey-grey-5);
70
- --boreal-danger-lighter: var(--boreal-color-bics-error-error-7);
71
- --boreal-base-lighter: var(--boreal-color-bics-grey-grey-7);
72
- --boreal-danger-light: var(--boreal-color-bics-error-error-5);
73
- --boreal-accent-lighter: var(--boreal-color-bics-byzantine-byzantine-6);
74
- --boreal-success-dark: var(--boreal-color-bics-success-success-2);
75
- --boreal-neutral-25: var(--boreal-color-bics-grey-grey-7);
76
- --boreal-accent-darker: var(--boreal-color-bics-byzantine-byzantine-1);
77
- --boreal-neutral-200: var(--boreal-color-bics-grey-grey-6);
78
- --boreal-warning-lighter: var(--boreal-color-bics-warning-warning-7);
79
- --boreal-success-darker: var(--boreal-color-bics-success-success-1);
80
- --boreal-primary-base: var(--boreal-color-bics-petrol-petrol-3);
81
- --boreal-information-darker: var(--boreal-extended-cobalt-darker);
82
- --boreal-neutral-500: var(--boreal-color-bics-black-black-5);
83
- --boreal-neutral-100: var(--boreal-color-bics-grey-grey-7);
84
- --boreal-danger-base: var(--boreal-color-bics-error-error-4);
85
- --boreal-neutral-800: var(--boreal-color-bics-black-black-2);
86
- --boreal-base-light: var(--boreal-color-bics-grey-grey-8);
87
- --boreal-primary-light: var(--boreal-color-bics-petrol-petrol-5);
88
- --boreal-primary-lighter: var(--boreal-color-bics-petrol-petrol-7);
89
- --boreal-base-dark: var(--boreal-color-bics-grey-grey-5);
90
- --boreal-base-darker: var(--boreal-color-bics-grey-grey-5);
91
- --boreal-user-base: var(--boreal-color-bics-petrol-petrol-3);
92
- --boreal-bg-overlay: var(--boreal-neutral-900);
93
- --boreal-bg-inverse: var(--boreal-white);
94
- --boreal-bg-primary-darker: var(--boreal-primary-darker);
95
- --boreal-bg-default: var(--boreal-neutral-25);
96
- --boreal-bg-primary: var(--boreal-primary-base);
97
- --boreal-bg-neutral: var(--boreal-neutral-700);
98
- --boreal-text-success: var(--boreal-success-base);
99
- --boreal-text-danger: var(--boreal-danger-base);
100
- --boreal-text-default-darker: var(--boreal-neutral-900);
101
- --boreal-text-information: var(--boreal-information-base);
102
- --boreal-text-accent: var(--boreal-accent-base);
103
- --boreal-text-default: var(--boreal-neutral-700);
104
- --boreal-text-default-light: var(--boreal-neutral-400);
105
- --boreal-text-inverse: var(--boreal-white);
106
- --boreal-text-warning: var(--boreal-warning-base);
107
- --boreal-text-disabled: var(--boreal-neutral-300);
108
- --boreal-text-primary: var(--boreal-primary-base);
109
- --boreal-text-danger-dark: var(--boreal-danger-dark);
110
- --boreal-text-success-dark: var(--boreal-success-dark);
111
- --boreal-text-information-dark: var(--boreal-information-darker);
112
- --boreal-text-warning-light: var(--boreal-warning-light);
113
- --boreal-text-danger-light: var(--boreal-danger-light);
114
- --boreal-text-success-light: var(--boreal-success-light);
115
- --boreal-text-information-light: var(--boreal-information-light);
116
- --boreal-text-warning-dark: var(--boreal-warning-darker);
117
- --boreal-text-base: var(--boreal-base-alt);
118
- --boreal-text-primary-light: var(--boreal-primary-light);
119
- --boreal-text-primary-dark: var(--boreal-primary-dark);
120
- --boreal-ui-default: var(--boreal-white);
121
- --boreal-ui-inverse: var(--boreal-white);
122
- --boreal-ui-accent: var(--boreal-accent-base);
123
- --boreal-ui-black-light: var(--boreal-neutral-500);
124
- --boreal-ui-base: var(--boreal-base-alt);
125
- --boreal-ui-base-light: var(--boreal-base-light);
126
- --boreal-ui-disabled: var(--boreal-neutral-50);
127
- --boreal-ui-info-light: var(--boreal-information-light);
128
- --boreal-ui-success-light: var(--boreal-success-light);
129
- --boreal-ui-success: var(--boreal-success-base);
130
- --boreal-ui-black: var(--boreal-neutral-900);
131
- --boreal-ui-danger-light: var(--boreal-danger-light);
132
- --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
133
- --boreal-ui-danger: var(--boreal-danger-base);
134
- --boreal-ui-info: var(--boreal-information-base);
135
- --boreal-ui-primary: var(--boreal-primary-base);
136
- --boreal-ui-primary-light: var(--boreal-primary-light);
137
- --boreal-ui-primary-dark: var(--boreal-primary-dark);
138
- --boreal-ui-warning: var(--boreal-warning-base);
139
- --boreal-ui-success-lighter: var(--boreal-success-lighter);
140
- --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
141
- --boreal-ui-info-lighter: var(--boreal-information-lighter);
142
- --boreal-ui-warning-light: var(--boreal-warning-light);
143
- --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
144
- --boreal-ui-base-lighter: var(--boreal-base-lighter);
145
- --boreal-ui-default-dark: var(--boreal-base-dark);
146
- --boreal-ui-success-dark: var(--boreal-success-dark);
147
- --boreal-ui-danger-dark: var(--boreal-danger-dark);
148
- --boreal-ui-info-dark: var(--boreal-information-dark);
149
- --boreal-ui-warning-dark: var(--boreal-warning-dark);
150
- --boreal-ui-default-light: var(--boreal-base-light);
151
- --boreal-icon-info-dark: var(--boreal-information-darker);
152
- --boreal-icon-default-lighter: var(--boreal-neutral-200);
153
- --boreal-icon-default-light: var(--boreal-neutral-300);
154
- --boreal-icon-default: var(--boreal-neutral-700);
155
- --boreal-icon-success: var(--boreal-success-base);
156
- --boreal-icon-inverse: var(--boreal-white);
157
- --boreal-icon-warning: var(--boreal-warning-base);
158
- --boreal-icon-accent: var(--boreal-accent-base);
159
- --boreal-icon-danger: var(--boreal-danger-base);
160
- --boreal-icon-base: var(--boreal-base-alt);
161
- --boreal-icon-primary: var(--boreal-primary-base);
162
- --boreal-icon-success-dark: var(--boreal-success-dark);
163
- --boreal-icon-warning-dark: var(--boreal-warning-darker);
164
- --boreal-icon-danger-dark: var(--boreal-danger-dark);
165
- --boreal-icon-info: var(--boreal-information-base);
166
- --boreal-icon-info-light: var(--boreal-information-light);
167
- --boreal-icon-success-light: var(--boreal-success-light);
168
- --boreal-icon-warning-light: var(--boreal-warning-light);
169
- --boreal-icon-danger-light: var(--boreal-danger-light);
170
- --boreal-icon-disabled: var(--boreal-neutral-300);
171
- --boreal-icon-primary-light: var(--boreal-primary-light);
172
- --boreal-icon-primary-dark: var(--boreal-primary-dark);
173
- --boreal-icon-user: var(--boreal-user-base);
174
- --boreal-alpha-black-50: #272a2f80;
175
- --boreal-alpha-black-25: #272a2f40;
176
- --boreal-alpha-white-50: #ffffff80;
177
- --boreal-alpha-white-25: #ffffff40;
178
- --boreal-alpha-white-10: #ffffff1a;
179
- --boreal-alpha-white-75: #ffffffbf;
180
- --boreal-alpha-white-85: #ffffffd9;
181
- --boreal-alpha-white-90: #ffffffe6;
182
- --boreal-alpha-white-95: #ffffffe6;
183
- --boreal-alpha-white-80: #ffffffcc;
184
- --boreal-alpha-white-55: #ffffff8c;
185
- --boreal-alpha-black-5: #272a2f0d;
186
- --boreal-alpha-black-10: #272a2f1a;
187
- --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
188
- --boreal-stroke-warning: var(--boreal-warning-base);
189
- --boreal-stroke-inverse: var(--boreal-white);
190
- --boreal-stroke-info: var(--boreal-information-base);
191
- --boreal-stroke-success: var(--boreal-success-base);
192
- --boreal-stroke-default-dark: var(--boreal-base-dark);
193
- --boreal-stroke-default-light: var(--boreal-base-light);
194
- --boreal-stroke-default: var(--boreal-base-alt);
195
- --boreal-stroke-focus: var(--boreal-focus);
196
- --boreal-stroke-danger: var(--boreal-danger-base);
197
- --boreal-stroke-accent: var(--boreal-accent-base);
198
- --boreal-stroke-primary: var(--boreal-primary-base);
199
- --boreal-stroke-primary-light: var(--boreal-primary-light);
200
- --boreal-stroke-primary-dark: var(--boreal-primary-dark);
201
- --boreal-stroke-info-light: var(--boreal-information-light);
202
- --boreal-stroke-info-dark: var(--boreal-information-dark);
203
- --boreal-stroke-success-light: var(--boreal-success-light);
204
- --boreal-stroke-success-dark: var(--boreal-success-dark);
205
- --boreal-stroke-warning-light: var(--boreal-warning-light);
206
- --boreal-stroke-warning-dark: var(--boreal-warning-dark);
207
- --boreal-stroke-danger-light: var(--boreal-danger-light);
208
- --boreal-stroke-danger-dark: var(--boreal-danger-dark);
209
- }