baseline-foundry 0.1.6 → 0.2.0

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 (80) hide show
  1. package/README.md +22 -7
  2. package/config/canonical-spacing.resolved.json +71 -0
  3. package/config/experiments/ibm-plex-engine-smoke.json +7 -6
  4. package/config/experiments/ubuntu-engine-smoke.json +7 -6
  5. package/config/foundation-theme.json +7 -6
  6. package/config/tiers/app.json +8 -9
  7. package/config/tiers/documentation.json +7 -8
  8. package/config/tiers/editorial.json +7 -8
  9. package/config/tiers/os.json +7 -8
  10. package/dist/application-layout.js +1 -1
  11. package/dist/build.d.ts +1 -0
  12. package/dist/build.js +98 -36
  13. package/dist/css-app-tier.js +4 -46
  14. package/dist/css-component-contracts.d.ts +7 -0
  15. package/dist/css-component-contracts.js +82 -0
  16. package/dist/css-components/application-geometry.d.ts +5 -0
  17. package/dist/css-components/application-geometry.js +31 -0
  18. package/dist/css-components/article-pagination.js +6 -5
  19. package/dist/css-components/button-actions.js +68 -4
  20. package/dist/css-components/cards-options.js +2 -2
  21. package/dist/css-components/chip-badge-status.d.ts +0 -1
  22. package/dist/css-components/chip-badge-status.js +37 -15
  23. package/dist/css-components/content-card.js +11 -10
  24. package/dist/css-components/control-geometry.d.ts +12 -0
  25. package/dist/css-components/control-geometry.js +22 -0
  26. package/dist/css-components/cta-figure-aspect.js +2 -2
  27. package/dist/css-components/document-navigation.js +28 -18
  28. package/dist/css-components/editorial-content.js +1 -1
  29. package/dist/css-components/icon.js +24 -2
  30. package/dist/css-components/interactive-feedback.js +27 -14
  31. package/dist/css-components/interactive-tables.js +9 -6
  32. package/dist/css-components/legacy-navigation.js +32 -25
  33. package/dist/css-components/list-tree.js +5 -5
  34. package/dist/css-components/list.js +17 -12
  35. package/dist/css-components/logo-media.js +2 -2
  36. package/dist/css-components/navigation-geometry.d.ts +5 -0
  37. package/dist/css-components/navigation-geometry.js +30 -0
  38. package/dist/css-components/nested-controls.d.ts +8 -0
  39. package/dist/css-components/nested-controls.js +37 -0
  40. package/dist/css-components/panel.js +12 -13
  41. package/dist/css-components/search-box-and-filter.d.ts +0 -1
  42. package/dist/css-components/search-box-and-filter.js +3 -3
  43. package/dist/css-components/sites-editorial-ports.js +8 -1
  44. package/dist/css-components/sites-foundation.js +2 -2
  45. package/dist/css-components/table.js +9 -1
  46. package/dist/css-components/tabs-choice-breadcrumbs.js +9 -9
  47. package/dist/css-components/tiered-list-equal-height-row.js +2 -2
  48. package/dist/css-components.js +99 -229
  49. package/dist/css.js +44 -1
  50. package/dist/dtcg-spacing.d.ts +40 -0
  51. package/dist/dtcg-spacing.js +163 -0
  52. package/dist/experiments/ibm-plex-engine-smoke/styles.css +557 -360
  53. package/dist/experiments/ibm-plex-engine-smoke/surfaces.json +182 -14
  54. package/dist/experiments/ibm-plex-engine-smoke/tokens.json +91 -7
  55. package/dist/index.d.ts +1 -0
  56. package/dist/presets/app-tier/styles.css +700 -494
  57. package/dist/presets/app-tier/surfaces.json +709 -29
  58. package/dist/presets/app-tier/tokens.json +178 -8
  59. package/dist/presets/prose/styles.css +699 -486
  60. package/dist/presets/prose/surfaces.json +709 -29
  61. package/dist/presets/prose/tokens.json +177 -7
  62. package/dist/styles.css +699 -486
  63. package/dist/surfaces.json +709 -29
  64. package/dist/tiers/app/styles.css +700 -494
  65. package/dist/tiers/app/surfaces.json +709 -29
  66. package/dist/tiers/app/tokens.json +178 -8
  67. package/dist/tiers/documentation/styles.css +699 -486
  68. package/dist/tiers/documentation/surfaces.json +709 -29
  69. package/dist/tiers/documentation/tokens.json +177 -7
  70. package/dist/tiers/editorial/styles.css +699 -486
  71. package/dist/tiers/editorial/surfaces.json +709 -29
  72. package/dist/tiers/editorial/tokens.json +177 -7
  73. package/dist/tiers/os/styles.css +699 -486
  74. package/dist/tiers/os/surfaces.json +709 -29
  75. package/dist/tiers/os/tokens.json +177 -7
  76. package/dist/tokens.json +177 -7
  77. package/dist/types.d.ts +13 -13
  78. package/dist/vanilla-theme-colors.js +5 -1
  79. package/docs/publishing.md +7 -1
  80. package/package.json +1 -1
package/dist/experiments/ibm-plex-engine-smoke/surfaces.json CHANGED
@@ -6,6 +6,93 @@
6
6
  "engine": "metrics-compensated",
7
7
  "tokens": {
8
8
  "baselineUnit": "0.5rem",
9
+ "inlineUnit": "0.25rem",
10
+ "spacing": {
11
+ "spacing.baseline": {
12
+ "$type": "dimension",
13
+ "$value": {
14
+ "value": 0.5,
15
+ "unit": "rem"
16
+ }
17
+ },
18
+ "spacing.gap.field.block": {
19
+ "$type": "dimension",
20
+ "$value": {
21
+ "value": 0.5,
22
+ "unit": "rem"
23
+ }
24
+ },
25
+ "spacing.gap.mark.inline": {
26
+ "$type": "dimension",
27
+ "$value": {
28
+ "value": 0.5,
29
+ "unit": "rem"
30
+ }
31
+ },
32
+ "spacing.gap.group.block": {
33
+ "$type": "dimension",
34
+ "$value": {
35
+ "value": 1.5,
36
+ "unit": "rem"
37
+ }
38
+ },
39
+ "spacing.gap.pattern.block": {
40
+ "$type": "dimension",
41
+ "$value": {
42
+ "value": 4,
43
+ "unit": "rem"
44
+ }
45
+ },
46
+ "spacing.gap.region.block": {
47
+ "$type": "dimension",
48
+ "$value": {
49
+ "value": 8,
50
+ "unit": "rem"
51
+ }
52
+ },
53
+ "spacing.inset.field.inline": {
54
+ "$type": "dimension",
55
+ "$value": {
56
+ "value": 0.5,
57
+ "unit": "rem"
58
+ }
59
+ },
60
+ "spacing.inset.action.inline": {
61
+ "$type": "dimension",
62
+ "$value": {
63
+ "value": 1,
64
+ "unit": "rem"
65
+ }
66
+ },
67
+ "spacing.inset.continuation.inline": {
68
+ "$type": "dimension",
69
+ "$value": {
70
+ "value": 2,
71
+ "unit": "rem"
72
+ }
73
+ },
74
+ "spacing.inset.surface.inline": {
75
+ "$type": "dimension",
76
+ "$value": {
77
+ "value": 1,
78
+ "unit": "rem"
79
+ }
80
+ },
81
+ "spacing.inset.surface.block": {
82
+ "$type": "dimension",
83
+ "$value": {
84
+ "value": 1,
85
+ "unit": "rem"
86
+ }
87
+ },
88
+ "spacing.inset.strip.block": {
89
+ "$type": "dimension",
90
+ "$value": {
91
+ "value": 4,
92
+ "unit": "rem"
93
+ }
94
+ }
95
+ },
9
96
  "fontFiles": [
10
97
  {
11
98
  "family": "ibm-plex-sans",
@@ -209,16 +296,13 @@
209
296
  "borderWidth": "0.0625rem",
210
297
  "barThickness": "0.1875rem",
211
298
  "radius": "0rem",
212
- "controlBlockPadding": "0.5rem",
213
- "controlCompactBlockPadding": "0.25rem",
214
- "controlInlinePadding": "1rem",
215
- "controlInlinePaddingAction": "1rem",
216
- "controlInlinePaddingField": "0.5rem",
299
+ "inlineInsetField": "0.5rem",
300
+ "inlineInsetAction": "1rem",
301
+ "inlineInsetContinuation": "2rem",
217
302
  "controlVisualSize": "1rem",
218
303
  "fieldGap": "0.5rem",
219
304
  "panelPaddingInline": "1rem",
220
- "panelPaddingBlock": "1rem",
221
- "accordionIndent": "1.5rem"
305
+ "panelPaddingBlock": "1rem"
222
306
  }
223
307
  },
224
308
  "metrics": {
@@ -306,6 +390,93 @@
306
390
  "engine": "metrics-compensated",
307
391
  "tokens": {
308
392
  "baselineUnit": "0.5rem",
393
+ "inlineUnit": "0.25rem",
394
+ "spacing": {
395
+ "spacing.baseline": {
396
+ "$type": "dimension",
397
+ "$value": {
398
+ "value": 0.5,
399
+ "unit": "rem"
400
+ }
401
+ },
402
+ "spacing.gap.field.block": {
403
+ "$type": "dimension",
404
+ "$value": {
405
+ "value": 0.5,
406
+ "unit": "rem"
407
+ }
408
+ },
409
+ "spacing.gap.mark.inline": {
410
+ "$type": "dimension",
411
+ "$value": {
412
+ "value": 0.5,
413
+ "unit": "rem"
414
+ }
415
+ },
416
+ "spacing.gap.group.block": {
417
+ "$type": "dimension",
418
+ "$value": {
419
+ "value": 1.5,
420
+ "unit": "rem"
421
+ }
422
+ },
423
+ "spacing.gap.pattern.block": {
424
+ "$type": "dimension",
425
+ "$value": {
426
+ "value": 4,
427
+ "unit": "rem"
428
+ }
429
+ },
430
+ "spacing.gap.region.block": {
431
+ "$type": "dimension",
432
+ "$value": {
433
+ "value": 8,
434
+ "unit": "rem"
435
+ }
436
+ },
437
+ "spacing.inset.field.inline": {
438
+ "$type": "dimension",
439
+ "$value": {
440
+ "value": 0.5,
441
+ "unit": "rem"
442
+ }
443
+ },
444
+ "spacing.inset.action.inline": {
445
+ "$type": "dimension",
446
+ "$value": {
447
+ "value": 1,
448
+ "unit": "rem"
449
+ }
450
+ },
451
+ "spacing.inset.continuation.inline": {
452
+ "$type": "dimension",
453
+ "$value": {
454
+ "value": 2,
455
+ "unit": "rem"
456
+ }
457
+ },
458
+ "spacing.inset.surface.inline": {
459
+ "$type": "dimension",
460
+ "$value": {
461
+ "value": 1,
462
+ "unit": "rem"
463
+ }
464
+ },
465
+ "spacing.inset.surface.block": {
466
+ "$type": "dimension",
467
+ "$value": {
468
+ "value": 1,
469
+ "unit": "rem"
470
+ }
471
+ },
472
+ "spacing.inset.strip.block": {
473
+ "$type": "dimension",
474
+ "$value": {
475
+ "value": 4,
476
+ "unit": "rem"
477
+ }
478
+ }
479
+ },
309
480
  "fontFiles": [
310
481
  {
311
482
  "family": "ubuntu-sans",
@@ -509,16 +680,13 @@
509
680
  "borderWidth": "0.0625rem",
510
681
  "barThickness": "0.1875rem",
511
682
  "radius": "0rem",
512
- "controlBlockPadding": "0.5rem",
513
- "controlCompactBlockPadding": "0.25rem",
514
- "controlInlinePadding": "1rem",
515
- "controlInlinePaddingAction": "1rem",
516
- "controlInlinePaddingField": "0.5rem",
683
+ "inlineInsetField": "0.5rem",
684
+ "inlineInsetAction": "1rem",
685
+ "inlineInsetContinuation": "2rem",
517
686
  "controlVisualSize": "1rem",
518
687
  "fieldGap": "0.5rem",
519
688
  "panelPaddingInline": "1rem",
520
- "panelPaddingBlock": "1rem",
521
- "accordionIndent": "1.5rem"
689
+ "panelPaddingBlock": "1rem"
522
690
  }
523
691
  },
524
692
  "metrics": {
package/dist/experiments/ibm-plex-engine-smoke/tokens.json CHANGED
@@ -1,5 +1,92 @@
1
1
  {
2
2
  "baselineUnit": "0.5rem",
3
+ "inlineUnit": "0.25rem",
4
+ "spacing": {
5
+ "spacing.baseline": {
6
+ "$type": "dimension",
7
+ "$value": {
8
+ "value": 0.5,
9
+ "unit": "rem"
10
+ }
11
+ },
12
+ "spacing.gap.field.block": {
13
+ "$type": "dimension",
14
+ "$value": {
15
+ "value": 0.5,
16
+ "unit": "rem"
17
+ }
18
+ },
19
+ "spacing.gap.mark.inline": {
20
+ "$type": "dimension",
21
+ "$value": {
22
+ "value": 0.5,
23
+ "unit": "rem"
24
+ }
25
+ },
26
+ "spacing.gap.group.block": {
27
+ "$type": "dimension",
28
+ "$value": {
29
+ "value": 1.5,
30
+ "unit": "rem"
31
+ }
32
+ },
33
+ "spacing.gap.pattern.block": {
34
+ "$type": "dimension",
35
+ "$value": {
36
+ "value": 4,
37
+ "unit": "rem"
38
+ }
39
+ },
40
+ "spacing.gap.region.block": {
41
+ "$type": "dimension",
42
+ "$value": {
43
+ "value": 8,
44
+ "unit": "rem"
45
+ }
46
+ },
47
+ "spacing.inset.field.inline": {
48
+ "$type": "dimension",
49
+ "$value": {
50
+ "value": 0.5,
51
+ "unit": "rem"
52
+ }
53
+ },
54
+ "spacing.inset.action.inline": {
55
+ "$type": "dimension",
56
+ "$value": {
57
+ "value": 1,
58
+ "unit": "rem"
59
+ }
60
+ },
61
+ "spacing.inset.continuation.inline": {
62
+ "$type": "dimension",
63
+ "$value": {
64
+ "value": 2,
65
+ "unit": "rem"
66
+ }
67
+ },
68
+ "spacing.inset.surface.inline": {
69
+ "$type": "dimension",
70
+ "$value": {
71
+ "value": 1,
72
+ "unit": "rem"
73
+ }
74
+ },
75
+ "spacing.inset.surface.block": {
76
+ "$type": "dimension",
77
+ "$value": {
78
+ "value": 1,
79
+ "unit": "rem"
80
+ }
81
+ },
82
+ "spacing.inset.strip.block": {
83
+ "$type": "dimension",
84
+ "$value": {
85
+ "value": 4,
86
+ "unit": "rem"
87
+ }
88
+ }
89
+ },
3
90
  "fontFiles": [
4
91
  {
5
92
  "family": "ibm-plex-sans",
@@ -203,15 +290,12 @@
203
290
  "borderWidth": "0.0625rem",
204
291
  "barThickness": "0.1875rem",
205
292
  "radius": "0rem",
206
- "controlBlockPadding": "0.5rem",
207
- "controlCompactBlockPadding": "0.25rem",
208
- "controlInlinePadding": "1rem",
209
- "controlInlinePaddingAction": "1rem",
210
- "controlInlinePaddingField": "0.5rem",
293
+ "inlineInsetField": "0.5rem",
294
+ "inlineInsetAction": "1rem",
295
+ "inlineInsetContinuation": "2rem",
211
296
  "controlVisualSize": "1rem",
212
297
  "fieldGap": "0.5rem",
213
298
  "panelPaddingInline": "1rem",
214
- "panelPaddingBlock": "1rem",
215
- "accordionIndent": "1.5rem"
299
+ "panelPaddingBlock": "1rem"
216
300
  }
217
301
  }
package/dist/index.d.ts CHANGED
@@ -33,5 +33,6 @@ export type { SideNavigationInitOptions } from "./side-navigation.js";
33
33
  export type { TopNavigationInitOptions } from "./top-navigation.js";
34
34
  export type { BaselineGeneratorTokens, BuildThemeResult, ComponentTokens, DeriveBaselineTokensResult, LayoutTokens, ThemeComponentsConfig, ThemeConfig, ThemeElementConfig, ThemeFontFile, ThemeLayoutConfig, ThemeSurface, ThemeSurfaceManifest, ThemeSurfaceManifestEntry, ThemeTokens, TypographyToken } from "./types.js";
35
35
  export type { BuiltInThemeName, PresetName, TierName } from "./tier-registry.js";
36
+ export type { CanonicalProduct, DtcgSpacingTokenId, ResolvedDtcgDimensionToken, ResolvedDtcgSpacing } from "./dtcg-spacing.js";
36
37
  export type { TabsInitOptions } from "./tabs.js";
37
38
  export type { TooltipInitOptions } from "./tooltip.js";