@redgate/brand-web-toolkit 0.0.5 → 0.0.7

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 (99) hide show
  1. package/components/_virtual/comparison-sdk.svg.js +6 -0
  2. package/components/_virtual/comparison-sdk.svg.js.map +1 -0
  3. package/components/_virtual/data-compare-for-oracle.svg.js +6 -0
  4. package/components/_virtual/data-compare-for-oracle.svg.js.map +1 -0
  5. package/components/_virtual/dlm-automation.svg.js +6 -0
  6. package/components/_virtual/dlm-automation.svg.js.map +1 -0
  7. package/components/_virtual/dlm-dashboard.svg.js +6 -0
  8. package/components/_virtual/dlm-dashboard.svg.js.map +1 -0
  9. package/components/_virtual/flyway.svg.js +6 -0
  10. package/components/_virtual/flyway.svg.js.map +1 -0
  11. package/components/_virtual/readyroll.svg.js +6 -0
  12. package/components/_virtual/readyroll.svg.js.map +1 -0
  13. package/components/_virtual/redgate-monitor.svg.js +6 -0
  14. package/components/_virtual/redgate-monitor.svg.js.map +1 -0
  15. package/components/_virtual/redgate-pgcompare.svg.js +6 -0
  16. package/components/_virtual/redgate-pgcompare.svg.js.map +1 -0
  17. package/components/_virtual/redgate-pgnow.svg.js +6 -0
  18. package/components/_virtual/redgate-pgnow.svg.js.map +1 -0
  19. package/components/_virtual/redgate-test-data-manager.svg.js +6 -0
  20. package/components/_virtual/redgate-test-data-manager.svg.js.map +1 -0
  21. package/components/_virtual/redgate_assistant.svg.js +6 -0
  22. package/components/_virtual/redgate_assistant.svg.js.map +1 -0
  23. package/components/_virtual/redgate_data_modeler.svg.js +6 -0
  24. package/components/_virtual/redgate_data_modeler.svg.js.map +1 -0
  25. package/components/_virtual/schema-compare-for-mysql.svg.js +6 -0
  26. package/components/_virtual/schema-compare-for-mysql.svg.js.map +1 -0
  27. package/components/_virtual/schema-compare-for-oracle.svg.js +6 -0
  28. package/components/_virtual/schema-compare-for-oracle.svg.js.map +1 -0
  29. package/components/_virtual/shopping-cart.svg.js +6 -0
  30. package/components/_virtual/shopping-cart.svg.js.map +1 -0
  31. package/components/_virtual/source-control-for-oracle.svg.js +6 -0
  32. package/components/_virtual/source-control-for-oracle.svg.js.map +1 -0
  33. package/components/_virtual/sql-backup.svg.js +6 -0
  34. package/components/_virtual/sql-backup.svg.js.map +1 -0
  35. package/components/_virtual/sql-change-automation.svg.js +6 -0
  36. package/components/_virtual/sql-change-automation.svg.js.map +1 -0
  37. package/components/_virtual/sql-clone.svg.js +6 -0
  38. package/components/_virtual/sql-clone.svg.js.map +1 -0
  39. package/components/_virtual/sql-code-guard.svg.js +6 -0
  40. package/components/_virtual/sql-code-guard.svg.js.map +1 -0
  41. package/components/_virtual/sql-compare.svg.js +6 -0
  42. package/components/_virtual/sql-compare.svg.js.map +1 -0
  43. package/components/_virtual/sql-data-catalog.svg.js +6 -0
  44. package/components/_virtual/sql-data-catalog.svg.js.map +1 -0
  45. package/components/_virtual/sql-data-compare.svg.js +6 -0
  46. package/components/_virtual/sql-data-compare.svg.js.map +1 -0
  47. package/components/_virtual/sql-data-generator.svg.js +6 -0
  48. package/components/_virtual/sql-data-generator.svg.js.map +1 -0
  49. package/components/_virtual/sql-data-masker.svg.js +6 -0
  50. package/components/_virtual/sql-data-masker.svg.js.map +1 -0
  51. package/components/_virtual/sql-dependency-tracker.svg.js +6 -0
  52. package/components/_virtual/sql-dependency-tracker.svg.js.map +1 -0
  53. package/components/_virtual/sql-doc.svg.js +6 -0
  54. package/components/_virtual/sql-doc.svg.js.map +1 -0
  55. package/components/_virtual/sql-estate-manager.svg.js +6 -0
  56. package/components/_virtual/sql-estate-manager.svg.js.map +1 -0
  57. package/components/_virtual/sql-index-manager.svg.js +6 -0
  58. package/components/_virtual/sql-index-manager.svg.js.map +1 -0
  59. package/components/_virtual/sql-multi-script.svg.js +6 -0
  60. package/components/_virtual/sql-multi-script.svg.js.map +1 -0
  61. package/components/_virtual/sql-prompt.svg.js +6 -0
  62. package/components/_virtual/sql-prompt.svg.js.map +1 -0
  63. package/components/_virtual/sql-scripts-manager.svg.js +6 -0
  64. package/components/_virtual/sql-scripts-manager.svg.js.map +1 -0
  65. package/components/_virtual/sql-search.svg.js +6 -0
  66. package/components/_virtual/sql-search.svg.js.map +1 -0
  67. package/components/_virtual/sql-source-control.svg.js +6 -0
  68. package/components/_virtual/sql-source-control.svg.js.map +1 -0
  69. package/components/_virtual/sql-test.svg.js +6 -0
  70. package/components/_virtual/sql-test.svg.js.map +1 -0
  71. package/components/_virtual/sql-toolbelt.svg.js +6 -0
  72. package/components/_virtual/sql-toolbelt.svg.js.map +1 -0
  73. package/components/_virtual/table-expand-large.svg.js +6 -0
  74. package/components/_virtual/table-expand-large.svg.js.map +1 -0
  75. package/components/_virtual/table-expand-medium.svg.js +6 -0
  76. package/components/_virtual/table-expand-medium.svg.js.map +1 -0
  77. package/components/_virtual/table-expand-small.svg.js +6 -0
  78. package/components/_virtual/table-expand-small.svg.js.map +1 -0
  79. package/components/_virtual/user.svg.js +6 -0
  80. package/components/_virtual/user.svg.js.map +1 -0
  81. package/components/icons/Icons.d.ts +5 -0
  82. package/components/icons/Icons.js +10 -0
  83. package/components/icons/Icons.js.map +1 -1
  84. package/components/icons/ProductIcon.d.ts +23 -0
  85. package/components/icons/ProductIcon.js +25 -0
  86. package/components/icons/ProductIcon.js.map +1 -0
  87. package/components/icons/ProductIcons.d.ts +39 -0
  88. package/components/icons/ProductIcons.js +77 -0
  89. package/components/icons/ProductIcons.js.map +1 -0
  90. package/components/icons/index.d.ts +2 -1
  91. package/components/icons/index.js +1 -0
  92. package/components/icons/index.js.map +1 -1
  93. package/package.json +1 -1
  94. package/tailwindcss/pass.css +9 -5
  95. package/tailwindcss/redgate.css +3 -3
  96. package/tailwindcss/sql-server-central.css +6 -4
  97. package/tailwindcss/src/pass/input.css +67 -64
  98. package/tailwindcss/src/redgate/input.css +6 -6
  99. package/tailwindcss/src/sql-server-central/input.css +32 -31
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Kanit&display=swap");
1
+ @import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
2
2
  @import 'tailwindcss';
3
3
 
4
4
  @import '../global/theme.css';
@@ -11,7 +11,6 @@
11
11
  @import '../global/base.css';
12
12
 
13
13
  @theme {
14
-
15
14
  /* COLOUR MODES */
16
15
  --color-text-primary: var(--color-indigo-600);
17
16
  --color-text-primary_hover: var(--color-indigo-400);
@@ -19,139 +18,139 @@
19
18
  --color-text-primary_on-accent-strong: var(--color-white);
20
19
  --color-text-primary_on-accent-strongest: var(--color-indigo-900);
21
20
  --color-text-primary_on-accent-strongest-alt: var(--color-white);
22
-
21
+
23
22
  --color-text-secondary: var(--color-indigo-400);
24
23
  --color-text-secondary_hover: var(--color-indigo-700);
25
24
  --color-text-secondary_on-accent-subtle: var(--color-indigo-700);
26
25
  --color-text-secondary_on-accent-strong: var(--color-indigo-100);
27
26
  --color-text-secondary_on-accent-strongest: var(--color-indigo-800);
28
-
27
+
29
28
  --color-text-tertiary: var(--color-indigo-400);
30
29
  --color-text-tertiary_hover: var(--color-indigo-600);
31
30
  --color-text-tertiary_on-accent-subtle: var(--color-indigo-400);
32
31
  --color-text-tertiary_on-accent-strong: var(--color-indigo-200);
33
32
  --color-text-tertiary_on-accent-strongest: var(--color-indigo-400);
34
-
33
+
35
34
  --color-text-accent-primary: var(--color-indigo-400);
36
35
  --color-text-accent-primary_hover: var(--color-indigo-800);
37
36
  --color-text-accent-primary_on-accent-subtle: var(--color-indigo-400);
38
37
  --color-text-accent-primary_on-accent-strong: var(--color-indigo-25);
39
38
  --color-text-accent-primary_on-accent-strongest: var(--color-indigo-800);
40
-
39
+
41
40
  --color-text-accent-secondary: var(--color-indigo-700);
42
41
  --color-text-accent-secondary_hover: var(--color-indigo-800);
43
42
  --color-text-accent-secondary_on-accent-subtle: var(--color-indigo-700);
44
43
  --color-text-accent-secondary_on-accent-strong: var(--color-indigo-700);
45
44
  --color-text-accent-secondary_on-accent-strongest: var(--color-indigo-700);
46
-
45
+
47
46
  --color-text-accent-tertiary: var(--color-indigo-600);
48
47
  --color-text-accent-tertiary_on-hover: var(--color-indigo-600);
49
48
  --color-text-accent-tertiary_on-accent-subtle: var(--color-indigo-600);
50
49
  --color-text-accent-tertiary_on-accent-strong: var(--color-indigo-600);
51
50
  --color-text-accent-tertiary_on-accent-strongest: var(--color-indigo-600);
52
-
51
+
53
52
  --color-border-primary: var(--color-indigo-300);
54
53
  --color-border-primary_on-accent-subtle: var(--color-indigo-300);
55
54
  --color-border-primary_on-accent-strong: var(--color-indigo-300);
56
55
  --color-border-primary_on-accent-strongest: var(--color-indigo-300);
57
-
56
+
58
57
  --color-border-secondary: var(--color-gray-200);
59
58
  --color-border-secondary_on-accent-subtle: var(--color-gray-200);
60
59
  --color-border-secondary_on-accent-strong: var(--color-gray-200);
61
60
  --color-border-secondary_on-accent-strongest: var(--color-gray-200);
62
61
  --color-border-secondary_alt: rgba(0, 0, 0, 0.1);
63
-
62
+
64
63
  --color-border-tertiary: var(--color-gray-100);
65
64
  --color-border-tertiary_on-accent-subtle: var(--color-gray-100);
66
65
  --color-border-tertiary_on-accent-strong: var(--color-gray-100);
67
66
  --color-border-tertiary_on-accent-strongest: var(--color-gray-100);
68
-
67
+
69
68
  --color-border-accent: var(--color-pass-pink);
70
69
  --color-border-accent_on-accent-subtle: var(--color-pass-pink);
71
70
  --color-border-accent_on-accent-strong: var(--color-indigo-500);
72
71
  --color-border-accent_on-accent-strongest: var(--color-indigo-500);
73
72
  --color-border-accent_alt: var(--color-indigo-600);
74
-
73
+
75
74
  --color-border-accent_interactive: var(--color-indigo-300);
76
75
  --color-border-accent-interactive_on-subtle: var(--color-indigo-300);
77
76
  --color-border-accent-interactive_on-strong: var(--color-indigo-300);
78
77
  --color-border-accent-interactive_on-strongest: var(--color-indigo-300);
79
-
78
+
80
79
  --color-border-error: var(--color-red-500);
81
80
  --color-border-error_subtle: var(--color-red-300);
82
-
81
+
83
82
  --color-fg-primary: var(--color-gray-900);
84
83
  --color-fg-primary_alt: var(--color-gray-900);
85
84
  --color-fg-primary_on-accent-subtle: var(--color-gray-900);
86
85
  --color-fg-primary_on-accent-strong: var(--color-gray-900);
87
86
  --color-fg-primary_on-accent-strongest: var(--color-gray-900);
88
87
  --color-fg-primary_on-accent-strongest-alt: var(--color-white);
89
-
88
+
90
89
  --color-fg-secondary: var(--color-indigo-400);
91
90
  --color-fg-secondary_hover: var(--color-indigo-700);
92
91
  --color-fg-secondary_on-accent-subtle: var(--color-indigo-700);
93
92
  --color-fg-secondary_on-accent-strong: var(--color-indigo-100);
94
93
  --color-fg-secondary_on-accent-strongest: var(--color-indigo-800);
95
-
94
+
96
95
  --color-fg-tertiary: var(--color-indigo-400);
97
96
  --color-fg-tertiary_hover: var(--color-indigo-600);
98
97
  --color-fg-tertiary_on-accent-subtle: var(--color-indigo-400);
99
98
  --color-fg-tertiary_on-accent-strong: var(--color-indigo-200);
100
99
  --color-fg-tertiary_on-accent-strongest: var(--color-indigo-400);
101
-
100
+
102
101
  --color-fg-accent-primary: var(--color-indigo-600);
103
102
  --color-fg-accent-primary_alt: var(--color-indigo-600);
104
103
  --color-fg-accent-secondary: var(--color-indigo-500);
105
104
  --color-fg-accent-secondary_alt: var(--color-indigo-500);
106
105
  --color-fg-accent-secondary_hover: var(--color-indigo-600);
107
-
106
+
108
107
  --color-fg-error-primary: var(--color-red-600);
109
108
  --color-fg-error-secondary: var(--color-red-500);
110
109
  --color-fg-warning-primary: var(--color-yellow-600);
111
110
  --color-fg-warning-secondary: var(--color-yellow-500);
112
111
  --color-fg-success-primary: var(--color-green-600);
113
112
  --color-fg-success-secondary: var(--color-green-500);
114
-
113
+
115
114
  --color-bg-quaternary: var(--color-gray-200);
116
115
  --color-bg-quaternary-hover: var(--color-gray-200);
117
116
  --color-bg-overlay: var(--color-gray-950);
118
-
117
+
119
118
  --color-bg-primary: var(--color-white);
120
119
  --color-bg-primary_hover: var(--color-gray-50);
121
120
  --color-bg-primary_on-accent-subtle: var(--color-indigo-25);
122
121
  --color-bg-primary_alt: var(--color-white);
123
122
  --color-bg-primary-static: var(--color-gray-950);
124
-
123
+
125
124
  --color-bg-secondary: var(--color-gray-50);
126
125
  --color-bg-secondary_hover: var(--color-gray-100);
127
126
  --color-bg-secondary_alt: var(--color-gray-50);
128
127
  --color-bg-secondary-static: var(--color-gray-600);
129
-
128
+
130
129
  --color-bg-tertiary: var(--color-gray-100);
131
130
  --color-bg-tertiary-hover: var(--color-gray-200);
132
-
131
+
133
132
  --color-bg-accent-subtlest: var(--color-indigo-25);
134
133
  --color-bg-accent-subtlest-hover: var(--color-indigo-50);
135
-
134
+
136
135
  --color-bg-accent-subtle: var(--color-indigo-50);
137
136
  --color-bg-accent-subtle-hover: var(--color-indigo-25);
138
137
  --color-bg-accent-subtle_alt: var(--color-indigo-50);
139
-
138
+
140
139
  --color-bg-accent-strong: var(--color-indigo-500);
141
140
  --color-bg-accent-strong-hover: var(--color-indigo-700);
142
-
141
+
143
142
  --color-bg-accent-strongest: var(--color-pass-yellow);
144
143
  --color-bg-accent-strongest_hover: var(--color-pass-green);
145
-
144
+
146
145
  --color-bg-accent-strongest-alt: var(--color-indigo-400);
147
146
  --color-bg-accent-strongest-alt_hover: var(--color-indigo-400);
148
147
  --color-bg-accent-strongest-alt_on-subtle: var(--color-indigo-600);
149
148
  --color-bg-accent-strongest-alt_on-strong: var(--color-indigo-600);
150
149
  --color-bg-accent-strongest-alt_on-strongest: var(--color-indigo-600);
151
-
150
+
152
151
  --color-bg-accent-strong-primary-alt: var(--color-indigo-400);
153
152
  --color-bg-accent-strong-primary-alt-hover: var(--color-indigo-400);
154
-
153
+
155
154
  --color-bg-error-primary: var(--color-red-50);
156
155
  --color-bg-error-secondary: var(--color-red-100);
157
156
  --color-bg-error-solid: var(--color-red-600);
@@ -162,10 +161,10 @@
162
161
  --color-bg-success-primary: var(--color-green-50);
163
162
  --color-bg-success-secondary: var(--color-green-100);
164
163
  --color-bg-success-solid: var(--color-green-600);
165
-
164
+
166
165
  --color-focus-ring: var(--color-indigo-500);
167
166
  --color-focus-ring-error: var(--color-indigo-500);
168
-
167
+
169
168
  --color-shadow-xs: rgba(0, 0, 0, 0.05);
170
169
  --color-shadow-sm_01: rgba(0, 0, 0, 0.1);
171
170
  --color-shadow-sm_02: rgba(0, 0, 0, 0.1);
@@ -198,8 +197,8 @@
198
197
 
199
198
  /* TYPOGRAPHY */
200
199
  /* Font family */
201
- --font-family-display: "Kanit", sans-serif;
202
- --font-family-body: "Kanit", sans-serif;
200
+ --font-family-display: 'Kanit', sans-serif;
201
+ --font-family-body: 'Kanit', sans-serif;
203
202
  --default-font-family: var(--font-family-body);
204
203
  }
205
204
 
@@ -212,53 +211,57 @@
212
211
  --color-text-primary_on-accent-strong: var(--color-white);
213
212
  --color-text-primary_on-accent-strongest: var(--color-indigo-700);
214
213
  --color-text-primary_on-accent-strongest-alt: var(--color-indigo-700);
215
-
214
+
216
215
  --color-text-secondary: var(--color-indigo-50);
217
216
  --color-text-secondary_hover: var(--color-white);
218
217
  --color-text-secondary_on-accent-subtle: var(--color-indigo-50);
219
218
  --color-text-secondary_on-accent-strong: var(--color-indigo-500);
220
219
  --color-text-secondary_on-accent-strongest: var(--color-indigo-700);
221
-
220
+
222
221
  --color-text-tertiary: var(--color-indigo-100);
223
222
  --color-text-tertiary_hover: var(--color-indigo-25);
224
223
  --color-text-tertiary_on-accent-subtle: var(--color-indigo-100);
225
224
  --color-text-tertiary_on-accent-strong: var(--color-indigo-400);
226
225
  --color-text-tertiary_on-accent-strongest: var(--color-indigo-500);
227
-
226
+
228
227
  --color-text-accent-primary: var(--color-pass-yellow);
229
228
  --color-text-accent-primary_hover: var(--color-pass-green);
230
229
  --color-text-accent-primary_on-accent-subtle: var(--color-pass-yellow);
231
230
  --color-text-accent-primary_on-accent-strong: var(--color-indigo-800);
232
- --color-text-accent-primary_on-accent-strongest: var(--color-indigo-800);
233
-
231
+ --color-text-accent-primary_on-accent-strongest: var(
232
+ --color-indigo-800
233
+ );
234
+
234
235
  --color-text-accent-secondary: var(--color-gray-300);
235
236
  --color-text-accent-secondary_hover: var(--color-gray-200);
236
237
  --color-text-accent-secondary_on-accent-subtle: var(--color-gray-300);
237
238
  --color-text-accent-secondary_on-accent-strong: var(--color-gray-300);
238
- --color-text-accent-secondary_on-accent-strongest: var(--color-gray-300);
239
-
239
+ --color-text-accent-secondary_on-accent-strongest: var(
240
+ --color-gray-300
241
+ );
242
+
240
243
  --color-text-accent-tertiary: var(--color-gray-400);
241
244
  --color-text-accent-tertiary_on-hover: var(--color-gray-400);
242
245
  --color-text-accent-tertiary_on-accent-subtle: var(--color-gray-400);
243
246
  --color-text-accent-tertiary_on-accent-strong: var(--color-gray-400);
244
247
  --color-text-accent-tertiary_on-accent-strongest: var(--color-gray-400);
245
-
248
+
246
249
  --color-border-primary: var(--color-indigo-200);
247
250
  --color-border-primary_on-accent-subtle: var(--color-indigo-200);
248
251
  --color-border-primary_on-accent-strong: var(--color-indigo-200);
249
252
  --color-border-primary_on-accent-strongest: var(--color-indigo-200);
250
-
253
+
251
254
  --color-border-secondary: var(--color-gray-800);
252
255
  --color-border-secondary_on-accent-subtle: var(--color-gray-800);
253
256
  --color-border-secondary_on-accent-strong: var(--color-gray-800);
254
257
  --color-border-secondary_on-accent-strongest: var(--color-gray-800);
255
258
  --color-border-secondary_alt: var(--color-gray-800);
256
-
259
+
257
260
  --color-border-tertiary: var(--color-gray-800);
258
261
  --color-border-tertiary_on-accent-subtle: var(--color-gray-800);
259
262
  --color-border-tertiary_on-accent-strong: var(--color-gray-800);
260
263
  --color-border-tertiary_on-accent-strongest: var(--color-gray-800);
261
-
264
+
262
265
  --color-border-accent: var(--color-pass-pink);
263
266
  --color-border-accent_on-accent-subtle: var(--color-pass-pink);
264
267
  --color-border-accent_on-accent-strong: var(--color-indigo-400);
@@ -270,82 +273,82 @@
270
273
  --color-border-accent-interactive_on-subtle: var(--color-indigo-200);
271
274
  --color-border-accent-interactive_on-strong: var(--color-indigo-200);
272
275
  --color-border-accent-interactive_on-strongest: var(--color-indigo-200);
273
-
276
+
274
277
  --color-border-error: var(--color-red-400);
275
278
  --color-border-error_subtle: var(--color-red-500);
276
-
279
+
277
280
  --color-fg-primary: var(--color-white);
278
281
  --color-fg-primary_alt: var(--color-white);
279
282
  --color-fg-primary_on-accent-subtle: var(--color-white);
280
283
  --color-fg-primary_on-accent-strong: var(--color-white);
281
284
  --color-fg-primary_on-accent-strongest: var(--color-white);
282
285
  --color-fg-primary_on-accent-strongest-alt: var(--color-indigo-600);
283
-
286
+
284
287
  --color-fg-secondary: var(--color-indigo-50);
285
288
  --color-fg-secondary_hover: var(--color-white);
286
289
  --color-fg-secondary_on-accent-subtle: var(--color-indigo-50);
287
290
  --color-fg-secondary_on-accent-strong: var(--color-indigo-500);
288
291
  --color-fg-secondary_on-accent-strongest: var(--color-indigo-700);
289
-
292
+
290
293
  --color-fg-tertiary: var(--color-indigo-100);
291
294
  --color-fg-tertiary_hover: var(--color-indigo-25);
292
295
  --color-fg-tertiary_on-accent-subtle: var(--color-indigo-100);
293
296
  --color-fg-tertiary_on-accent-strong: var(--color-indigo-400);
294
297
  --color-fg-tertiary_on-accent-strongest: var(--color-indigo-500);
295
-
298
+
296
299
  --color-fg-accent-primary: var(--color-indigo-500);
297
300
  --color-fg-accent-primary_alt: var(--color-gray-300);
298
301
  --color-fg-accent-secondary: var(--color-indigo-500);
299
302
  --color-fg-accent-secondary_alt: var(--color-gray-600);
300
303
  --color-fg-accent-secondary_hover: var(--color-gray-500);
301
-
304
+
302
305
  --color-fg-error-primary: var(--color-red-500);
303
306
  --color-fg-error-secondary: var(--color-red-400);
304
307
  --color-fg-warning-primary: var(--color-yellow-500);
305
308
  --color-fg-warning-secondary: var(--color-yellow-400);
306
309
  --color-fg-success-primary: var(--color-green-500);
307
310
  --color-fg-success-secondary: var(--color-green-400);
308
-
311
+
309
312
  --color-bg-quaternary: var(--color-indigo-700);
310
313
  --color-bg-quaternary-hover: var(--color-indigo-700);
311
314
  --color-bg-overlay: var(--color-indigo-800);
312
-
315
+
313
316
  --color-bg-primary: var(--color-indigo-500);
314
317
  --color-bg-primary_hover: var(--color-indigo-700);
315
318
  --color-bg-primary_on-accent-subtle: var(--color-indigo-400);
316
319
  --color-bg-primary_alt: var(--color-indigo-700);
317
320
  --color-bg-primary-static: var(--color-indigo-600);
318
-
321
+
319
322
  --color-bg-secondary: var(--color-indigo-700);
320
323
  --color-bg-secondary_hover: var(--color-indigo-950);
321
324
  --color-bg-secondary_alt: var(--color-indigo-500);
322
325
  --color-bg-secondary-static: var(--color-indigo-600);
323
-
326
+
324
327
  --color-bg-tertiary: var(--color-indigo-800);
325
328
  --color-bg-tertiary-hover: var(--color-indigo-700);
326
-
329
+
327
330
  --color-bg-accent-subtlest: var(--color-indigo-800);
328
331
  --color-bg-accent-subtlest-hover: var(--color-indigo-700);
329
-
332
+
330
333
  --color-bg-accent-subtle: var(--color-indigo-400);
331
334
  --color-bg-accent-subtle-hover: var(--color-indigo-700);
332
335
  --color-bg-accent-subtle_alt: var(--color-indigo-700);
333
-
336
+
334
337
  --color-bg-accent-strong: var(--color-indigo-400);
335
338
  --color-bg-accent-strong-hover: var(--color-indigo-500);
336
-
339
+
337
340
  --color-bg-accent-strongest: var(--color-pass-yellow);
338
341
  --color-bg-accent-strongest_hover: var(--color-pass-green);
339
-
342
+
340
343
  --color-bg-accent-strongest-alt: var(--color-pass-yellow);
341
344
  --color-bg-accent-strongest-alt_hover: var(--color-indigo-100);
342
345
  --color-bg-accent-strongest-alt_on-subtle: var(--color-indigo-25);
343
346
  --color-bg-accent-strongest-alt_on-strong: var(--color-indigo-25);
344
347
  --color-bg-accent-strongest-alt_on-strongest: var(--color-indigo-25);
345
-
348
+
346
349
  --color-bg-accent-strong-primary-alt: var(--color-indigo-300);
347
350
  --color-bg-accent-strong-primary-alt-hover: var(--color-indigo-300);
348
-
351
+
349
352
  --color-bg-error-primary: var(--color-red-950);
350
353
  --color-bg-error-secondary: var(--color-red-600);
351
354
  --color-bg-error-solid: var(--color-red-600);
@@ -356,10 +359,10 @@
356
359
  --color-bg-success-primary: var(--color-green-950);
357
360
  --color-bg-success-secondary: var(--color-green-600);
358
361
  --color-bg-success-solid: var(--color-green-600);
359
-
362
+
360
363
  --color-focus-ring: var(--color-indigo-500);
361
364
  --color-focus-ring-error: var(--color-indigo-500);
362
-
365
+
363
366
  --color-shadow-xs: var(--color-transparent);
364
367
  --color-shadow-sm_01: var(--color-transparent);
365
368
  --color-shadow-sm_02: var(--color-transparent);
@@ -378,4 +381,4 @@
378
381
  --color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
379
382
  --color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
380
383
  }
381
- }
384
+ }
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
1
+ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
2
2
  @import 'tailwindcss';
3
3
 
4
4
  @font-face {
@@ -6,7 +6,8 @@
6
6
  font-style: normal;
7
7
  font-weight: 500;
8
8
  font-display: swap;
9
- src: url('https://cdn.red-gate.com/assets/fonts/redgate-type/redgate-type-medium.woff') format('woff');
9
+ src: url('https://cdn.red-gate.com/assets/fonts/redgate-type/redgate-type-medium.woff')
10
+ format('woff');
10
11
  }
11
12
 
12
13
  @import '../global/theme.css';
@@ -19,7 +20,6 @@
19
20
  @import '../global/base.css';
20
21
 
21
22
  @theme {
22
-
23
23
  /* COLOUR MODES */
24
24
  --color-text-primary: var(--color-gray-950);
25
25
  --color-text-primary_hover: var(--color-red-600);
@@ -177,8 +177,8 @@
177
177
 
178
178
  /* TYPOGRAPHY */
179
179
  /* Font family */
180
- --font-family-display: "Gatebase", sans-serif;
181
- --font-family-body: "Roboto", sans-serif;
180
+ --font-family-display: 'Gatebase', sans-serif;
181
+ --font-family-body: 'Roboto', sans-serif;
182
182
  --default-font-family: var(--font-family-body);
183
183
  }
184
184
 
@@ -327,4 +327,4 @@
327
327
  --color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
328
328
  --color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
329
329
  }
330
- }
330
+ }
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
1
+ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
2
2
  @import 'tailwindcss';
3
3
 
4
4
  @import '../global/theme.css';
@@ -11,7 +11,6 @@
11
11
  @import '../global/base.css';
12
12
 
13
13
  @theme {
14
-
15
14
  /* COLOUR MODES */
16
15
  --color-text-primary: var(--color-blue-800);
17
16
  --color-text-primary_hover: var(--color-blue-600);
@@ -39,115 +38,115 @@
39
38
  --color-text-accent-secondary_on-accent-subtle: var(--color-blue-600);
40
39
  --color-text-accent-secondary_on-accent-strong: var(--color-blue-600);
41
40
  --color-text-accent-secondary_on-accent-strongest: var(--color-blue-600);
42
-
41
+
43
42
  --color-text-accent-tertiary: var(--color-blue-500);
44
43
  --color-text-accent-tertiary_on-hover: var(--color-blue-600);
45
44
  --color-text-accent-tertiary_on-accent-subtle: var(--color-blue-600);
46
45
  --color-text-accent-tertiary_on-accent-strong: var(--color-blue-600);
47
46
  --color-text-accent-tertiary_on-accent-strongest: var(--color-blue-600);
48
-
47
+
49
48
  --color-border-primary: var(--color-gray-500);
50
49
  --color-border-primary_on-accent-subtle: var(--color-gray-500);
51
50
  --color-border-primary_on-accent-strong: var(--color-gray-500);
52
51
  --color-border-primary_on-accent-strongest: var(--color-gray-500);
53
-
52
+
54
53
  --color-border-secondary: var(--color-gray-200);
55
54
  --color-border-secondary_on-accent-subtle: var(--color-gray-200);
56
55
  --color-border-secondary_on-accent-strong: var(--color-gray-200);
57
56
  --color-border-secondary_on-accent-strongest: var(--color-gray-200);
58
57
  --color-border-secondary_alt: rgba(0, 0, 0, 0.1);
59
-
58
+
60
59
  --color-border-tertiary: var(--color-gray-100);
61
60
  --color-border-tertiary_on-accent-subtle: var(--color-gray-100);
62
61
  --color-border-tertiary_on-accent-strong: var(--color-gray-100);
63
62
  --color-border-tertiary_on-accent-strongest: var(--color-gray-100);
64
-
63
+
65
64
  --color-border-accent: var(--color-blue-600);
66
65
  --color-border-accent_on-accent-subtle: var(--color-blue-600);
67
66
  --color-border-accent_on-accent-strong: var(--color-blue-500);
68
67
  --color-border-accent_on-accent-strongest: var(--color-blue-500);
69
68
  --color-border-accent_alt: var(--color-blue-600);
70
-
69
+
71
70
  --color-border-accent_interactive: var(--color-blue-600);
72
71
  --color-border-accent-interactive_on-subtle: var(--color-blue-600);
73
72
  --color-border-accent-interactive_on-strong: var(--color-blue-600);
74
73
  --color-border-accent-interactive_on-strongest: var(--color-blue-600);
75
-
74
+
76
75
  --color-border-error: var(--color-red-500);
77
76
  --color-border-error_subtle: var(--color-red-300);
78
-
77
+
79
78
  --color-fg-primary: var(--color-gray-900);
80
79
  --color-fg-primary_alt: var(--color-gray-900);
81
80
  --color-fg-primary_on-accent-subtle: var(--color-gray-900);
82
81
  --color-fg-primary_on-accent-strong: var(--color-gray-900);
83
82
  --color-fg-primary_on-accent-strongest: var(--color-gray-900);
84
83
  --color-fg-primary_on-accent-strongest-alt: var(--color-white);
85
-
84
+
86
85
  --color-fg-secondary: var(--color-gray-700);
87
86
  --color-fg-secondary_hover: var(--color-gray-950);
88
87
  --color-fg-secondary_on-accent-subtle: var(--color-blue-700);
89
88
  --color-fg-secondary_on-accent-strong: var(--color-blue-50);
90
89
  --color-fg-secondary_on-accent-strongest: var(--color-blue-800);
91
-
90
+
92
91
  --color-fg-tertiary: var(--color-gray-600);
93
92
  --color-fg-tertiary_hover: var(--color-gray-700);
94
93
  --color-fg-tertiary_on-accent-subtle: var(--color-blue-600);
95
94
  --color-fg-tertiary_on-accent-strong: var(--color-blue-50);
96
95
  --color-fg-tertiary_on-accent-strongest: var(--color-blue-700);
97
-
96
+
98
97
  --color-fg-accent-primary: var(--color-blue-600);
99
98
  --color-fg-accent-primary_alt: var(--color-blue-600);
100
99
  --color-fg-accent-secondary: var(--color-blue-500);
101
100
  --color-fg-accent-secondary_alt: var(--color-blue-500);
102
101
  --color-fg-accent-secondary_hover: var(--color-blue-600);
103
-
102
+
104
103
  --color-fg-error-primary: var(--color-red-600);
105
104
  --color-fg-error-secondary: var(--color-red-500);
106
105
  --color-fg-warning-primary: var(--color-yellow-600);
107
106
  --color-fg-warning-secondary: var(--color-yellow-500);
108
107
  --color-fg-success-primary: var(--color-green-600);
109
108
  --color-fg-success-secondary: var(--color-green-500);
110
-
109
+
111
110
  --color-bg-quaternary: var(--color-gray-200);
112
111
  --color-bg-quaternary-hover: var(--color-gray-200);
113
112
  --color-bg-overlay: var(--color-gray-950);
114
-
113
+
115
114
  --color-bg-primary: var(--color-white);
116
115
  --color-bg-primary_hover: var(--color-gray-50);
117
116
  --color-bg-primary_on-accent-subtle: var(--color-blue-25);
118
117
  --color-bg-primary_alt: var(--color-white);
119
118
  --color-bg-primary-static: var(--color-gray-950);
120
-
119
+
121
120
  --color-bg-secondary: var(--color-gray-50);
122
121
  --color-bg-secondary_hover: var(--color-gray-100);
123
122
  --color-bg-secondary_alt: var(--color-gray-50);
124
123
  --color-bg-secondary-static: var(--color-gray-600);
125
-
124
+
126
125
  --color-bg-tertiary: var(--color-gray-100);
127
126
  --color-bg-tertiary-hover: var(--color-gray-200);
128
-
127
+
129
128
  --color-bg-accent-subtlest: var(--color-blue-25);
130
129
  --color-bg-accent-subtlest-hover: var(--color-blue-50);
131
-
130
+
132
131
  --color-bg-accent-subtle: var(--color-blue-50);
133
132
  --color-bg-accent-subtle-hover: var(--color-blue-25);
134
133
  --color-bg-accent-subtle_alt: var(--color-blue-50);
135
-
134
+
136
135
  --color-bg-accent-strong: var(--color-blue-800);
137
136
  --color-bg-accent-strong-hover: var(--color-blue-700);
138
-
137
+
139
138
  --color-bg-accent-strongest: var(--color-yellow-200);
140
139
  --color-bg-accent-strongest_hover: var(--color-yellow-100);
141
-
140
+
142
141
  --color-bg-accent-strongest-alt: var(--color-blue-600);
143
142
  --color-bg-accent-strongest-alt_hover: var(--color-blue-700);
144
143
  --color-bg-accent-strongest-alt_on-subtle: var(--color-blue-600);
145
144
  --color-bg-accent-strongest-alt_on-strong: var(--color-blue-600);
146
145
  --color-bg-accent-strongest-alt_on-strongest: var(--color-blue-600);
147
-
146
+
148
147
  --color-bg-accent-strong-primary-alt: var(--color-yellow-300);
149
148
  --color-bg-accent-strong-primary-alt-hover: var(--color-blue-600);
150
-
149
+
151
150
  --color-bg-error-primary: var(--color-red-50);
152
151
  --color-bg-error-secondary: var(--color-red-100);
153
152
  --color-bg-error-solid: var(--color-red-600);
@@ -158,10 +157,10 @@
158
157
  --color-bg-success-primary: var(--color-green-50);
159
158
  --color-bg-success-secondary: var(--color-green-100);
160
159
  --color-bg-success-solid: var(--color-green-600);
161
-
160
+
162
161
  --color-focus-ring: var(--color-blue-500);
163
162
  --color-focus-ring-error: var(--color-blue-500);
164
-
163
+
165
164
  --color-shadow-xs: rgba(0, 0, 0, 0.05);
166
165
  --color-shadow-sm_01: rgba(0, 0, 0, 0.1);
167
166
  --color-shadow-sm_02: rgba(0, 0, 0, 0.1);
@@ -194,8 +193,8 @@
194
193
 
195
194
  /* TYPOGRAPHY */
196
195
  /* Font family */
197
- --font-family-display: "Roboto", sans-serif;
198
- --font-family-body: "Roboto", sans-serif;
196
+ --font-family-display: 'Roboto', sans-serif;
197
+ --font-family-body: 'Roboto', sans-serif;
199
198
  --default-font-family: var(--font-family-body);
200
199
  }
201
200
 
@@ -227,7 +226,9 @@
227
226
  --color-text-accent-secondary_hover: var(--color-gray-200);
228
227
  --color-text-accent-secondary_on-accent-subtle: var(--color-blue-400);
229
228
  --color-text-accent-secondary_on-accent-strong: var(--color-blue-400);
230
- --color-text-accent-secondary_on-accent-strongest: var(--color-blue-400);
229
+ --color-text-accent-secondary_on-accent-strongest: var(
230
+ --color-blue-400
231
+ );
231
232
  --color-text-accent-tertiary: var(--color-gray-500);
232
233
  --color-text-accent-tertiary_on-hover: var(--color-gray-500);
233
234
  --color-text-accent-tertiary_on-accent-subtle: var(--color-gray-500);
@@ -344,4 +345,4 @@
344
345
  --color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
345
346
  --color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
346
347
  }
347
- }
348
+ }