@financial-times/o-private-foundation 1.2.2 → 1.2.3

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 (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +1 -1
  3. package/src/scss/tokens/core.scss +24 -0
  4. package/src/scss/tokens/professional.scss +24 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.2.3](https://github.com/Financial-Times/origami/compare/o-private-foundation-v1.2.2...o-private-foundation-v1.2.3) (2025-03-27)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * use transparent for ghost button in the neutral theme ([b300a3b](https://github.com/Financial-Times/origami/commit/b300a3b89b8c9f64432519a6028dc67078cc1d53))
9
+
3
10
  ## [1.2.2](https://github.com/Financial-Times/origami/compare/o-private-foundation-v1.2.1...o-private-foundation-v1.2.2) (2025-03-19)
4
11
 
5
12
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/o-private-foundation",
3
- "version": "1.2.2",
3
+ "version": "1.2.3",
4
4
  "description": "Foundation components for use in Origami components only.",
5
5
  "keywords": [],
6
6
  "homepage": "https://registry.origami.ft.com/components/o-private-foundation",
package/src/scss/tokens/core.scss CHANGED
@@ -144,6 +144,18 @@ $tokens: (
144
144
  '_o3-button-primary-mono-active-background': #727071,
145
145
  '_o3-button-primary-mono-active-color': #ffffff,
146
146
  '_o3-button-primary-mono-active-border': rgba(255, 255, 255, 0),
147
+ '_o3-button-primary-neutral-background': #f2e5da,
148
+ '_o3-button-primary-neutral-border': #f2e5da,
149
+ '_o3-button-primary-neutral-color': #33302e,
150
+ '_o3-button-primary-neutral-hover-background': #e6d9ce,
151
+ '_o3-button-primary-neutral-hover-border': #e6d9ce,
152
+ '_o3-button-primary-neutral-hover-color': #33302e,
153
+ '_o3-button-primary-neutral-focus-background': #e6d9ce,
154
+ '_o3-button-primary-neutral-focus-border': #e6d9ce,
155
+ '_o3-button-primary-neutral-focus-color': #33302e,
156
+ '_o3-button-primary-neutral-active-background': #ccc1b7,
157
+ '_o3-button-primary-neutral-active-border': #f2e5da,
158
+ '_o3-button-primary-neutral-active-color': #33302e,
147
159
  '_o3-button-secondary-standard-color': #0d7680,
148
160
  '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0),
149
161
  '_o3-button-secondary-standard-border': #0d7680,
@@ -216,6 +228,18 @@ $tokens: (
216
228
  '_o3-button-ghost-mono-active-background': #262a33,
217
229
  '_o3-button-ghost-mono-active-color': #ffffff,
218
230
  '_o3-button-ghost-mono-active-border': rgba(255, 255, 255, 0),
231
+ '_o3-button-ghost-neutral-background': rgba(255, 255, 255, 0),
232
+ '_o3-button-ghost-neutral-border': rgba(255, 255, 255, 0),
233
+ '_o3-button-ghost-neutral-color': #33302e,
234
+ '_o3-button-ghost-neutral-hover-background': #e6d9ce,
235
+ '_o3-button-ghost-neutral-hover-border': #e6d9ce,
236
+ '_o3-button-ghost-neutral-hover-color': #33302e,
237
+ '_o3-button-ghost-neutral-focus-background': #e6d9ce,
238
+ '_o3-button-ghost-neutral-focus-border': #e6d9ce,
239
+ '_o3-button-ghost-neutral-focus-color': #33302e,
240
+ '_o3-button-ghost-neutral-active-background': #ccc1b7,
241
+ '_o3-button-ghost-neutral-active-border': #f2e5da,
242
+ '_o3-button-ghost-neutral-active-color': #33302e,
219
243
  'o3-spacing-5xs': 0.25rem,
220
244
  'o3-spacing-4xs': 0.5rem,
221
245
  'o3-spacing-3xs': 0.75rem,
package/src/scss/tokens/professional.scss CHANGED
@@ -381,6 +381,18 @@ $tokens: (
381
381
  '_o3-button-primary-inverse-active-background': #7b968e,
382
382
  '_o3-button-primary-inverse-active-color': #262a33,
383
383
  '_o3-button-primary-inverse-active-border': rgba(255, 255, 255, 0),
384
+ '_o3-button-primary-neutral-background': #f2e5da,
385
+ '_o3-button-primary-neutral-border': #f2e5da,
386
+ '_o3-button-primary-neutral-color': #33302e,
387
+ '_o3-button-primary-neutral-hover-background': #e6d9ce,
388
+ '_o3-button-primary-neutral-hover-border': #e6d9ce,
389
+ '_o3-button-primary-neutral-hover-color': #33302e,
390
+ '_o3-button-primary-neutral-focus-background': #e6d9ce,
391
+ '_o3-button-primary-neutral-focus-border': #e6d9ce,
392
+ '_o3-button-primary-neutral-focus-color': #33302e,
393
+ '_o3-button-primary-neutral-active-background': #ccc1b7,
394
+ '_o3-button-primary-neutral-active-border': #f2e5da,
395
+ '_o3-button-primary-neutral-active-color': #33302e,
384
396
  '_o3-button-secondary-standard-color': #262a33,
385
397
  '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0),
386
398
  '_o3-button-secondary-standard-border': #262a33,
@@ -429,6 +441,18 @@ $tokens: (
429
441
  '_o3-button-ghost-inverse-active-background': #c0efd8,
430
442
  '_o3-button-ghost-inverse-active-color': #000000,
431
443
  '_o3-button-ghost-inverse-active-border': rgba(255, 255, 255, 0),
444
+ '_o3-button-ghost-neutral-background': rgba(255, 255, 255, 0),
445
+ '_o3-button-ghost-neutral-border': rgba(255, 255, 255, 0),
446
+ '_o3-button-ghost-neutral-color': #33302e,
447
+ '_o3-button-ghost-neutral-hover-background': #e6d9ce,
448
+ '_o3-button-ghost-neutral-hover-border': #e6d9ce,
449
+ '_o3-button-ghost-neutral-hover-color': #33302e,
450
+ '_o3-button-ghost-neutral-focus-background': #e6d9ce,
451
+ '_o3-button-ghost-neutral-focus-border': #e6d9ce,
452
+ '_o3-button-ghost-neutral-focus-color': #33302e,
453
+ '_o3-button-ghost-neutral-active-background': #ccc1b7,
454
+ '_o3-button-ghost-neutral-active-border': #f2e5da,
455
+ '_o3-button-ghost-neutral-active-color': #33302e,
432
456
  '_o3-tooltip-background-color': #262a33,
433
457
  '_o3-tooltip-text-color': #ffffff,
434
458
  '_o3-tooltip-icon-info': url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z' fill='black'/%3E%3Cpath d='M13.2948 10.012V17.376H10.7188V10.012H13.2948ZM10.5508 7.99602C10.5508 7.58536 10.6908 7.25402 10.9708 7.00202C11.2601 6.75002 11.6008 6.62402 11.9928 6.62402C12.3941 6.62402 12.7348 6.75002 13.0148 7.00202C13.3041 7.25402 13.4488 7.58536 13.4488 7.99602C13.4488 8.40669 13.3041 8.74269 13.0148 9.00402C12.7348 9.25602 12.3941 9.38202 11.9928 9.38202C11.6008 9.38202 11.2601 9.25602 10.9708 9.00402C10.6908 8.74269 10.5508 8.40669 10.5508 7.99602Z' fill='black'/%3E%3C/svg%3E"),