baseline-foundry 0.1.3 → 0.1.5

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 (84) hide show
  1. package/README.md +577 -553
  2. package/config/experiments/ibm-plex-engine-smoke.json +115 -115
  3. package/config/experiments/ubuntu-engine-smoke.json +115 -115
  4. package/config/foundation-theme.json +110 -110
  5. package/config/tiers/app.json +116 -116
  6. package/config/tiers/documentation.json +116 -116
  7. package/config/tiers/editorial.json +116 -116
  8. package/config/tiers/os.json +116 -116
  9. package/dist/baseline-grid-overlay.js +43 -43
  10. package/dist/build.js +4 -4
  11. package/dist/code-snippet.js +1 -1
  12. package/dist/css-app-tier.js +78 -73
  13. package/dist/css-components/article-pagination.js +141 -140
  14. package/dist/css-components/button-actions.js +181 -161
  15. package/dist/css-components/cards-options.js +176 -176
  16. package/dist/css-components/chip-badge-status.d.ts +0 -3
  17. package/dist/css-components/chip-badge-status.js +174 -159
  18. package/dist/css-components/content-card.d.ts +7 -7
  19. package/dist/css-components/content-card.js +498 -497
  20. package/dist/css-components/control-row.d.ts +1 -1
  21. package/dist/css-components/control-row.js +15 -15
  22. package/dist/css-components/cta-figure-aspect.js +120 -120
  23. package/dist/css-components/document-navigation.js +427 -390
  24. package/dist/css-components/editorial-content.js +42 -42
  25. package/dist/css-components/icon.js +72 -72
  26. package/dist/css-components/interactive-feedback.js +239 -217
  27. package/dist/css-components/interactive-tables.js +160 -155
  28. package/dist/css-components/legacy-navigation.d.ts +8 -0
  29. package/dist/css-components/legacy-navigation.js +816 -0
  30. package/dist/css-components/linked-logo-site-layout.d.ts +3 -3
  31. package/dist/css-components/linked-logo-site-layout.js +177 -180
  32. package/dist/css-components/list-tree.js +96 -94
  33. package/dist/css-components/list.js +9 -7
  34. package/dist/css-components/logo-media.d.ts +6 -6
  35. package/dist/css-components/logo-media.js +218 -207
  36. package/dist/css-components/navigation-layout.js +144 -144
  37. package/dist/css-components/panel.js +148 -144
  38. package/dist/css-components/search-box-and-filter.d.ts +0 -1
  39. package/dist/css-components/search-box-and-filter.js +263 -264
  40. package/dist/css-components/sites-editorial-ports.d.ts +3 -4
  41. package/dist/css-components/sites-editorial-ports.js +279 -247
  42. package/dist/css-components/sites-foundation.js +142 -146
  43. package/dist/css-components/sites-rich-lists.d.ts +5 -5
  44. package/dist/css-components/sites-rich-lists.js +339 -349
  45. package/dist/css-components/static-content-ports.d.ts +3 -3
  46. package/dist/css-components/static-content-ports.js +200 -186
  47. package/dist/css-components/tab-section.d.ts +3 -3
  48. package/dist/css-components/tab-section.js +93 -85
  49. package/dist/css-components/table.js +76 -75
  50. package/dist/css-components/tabs-choice-breadcrumbs.js +307 -303
  51. package/dist/css-components/tiered-list-equal-height-row.js +271 -271
  52. package/dist/css-components.js +1881 -2554
  53. package/dist/css-grid.d.ts +1 -1
  54. package/dist/css-grid.js +183 -173
  55. package/dist/css.js +317 -241
  56. package/dist/experiments/ibm-plex-engine-smoke/styles.css +894 -538
  57. package/dist/experiments/ibm-plex-engine-smoke/surfaces.json +2 -2
  58. package/dist/experiments/ibm-plex-engine-smoke/tokens.json +1 -1
  59. package/dist/in-page-navigation.js +1 -1
  60. package/dist/presets/app-tier/styles.css +928 -568
  61. package/dist/presets/app-tier/surfaces.json +17 -17
  62. package/dist/presets/app-tier/tokens.json +7 -7
  63. package/dist/presets/prose/styles.css +919 -562
  64. package/dist/presets/prose/surfaces.json +17 -17
  65. package/dist/presets/prose/tokens.json +1 -1
  66. package/dist/resizable-aside.js +12 -4
  67. package/dist/styles.css +919 -562
  68. package/dist/surfaces.json +17 -17
  69. package/dist/tiers/app/styles.css +928 -568
  70. package/dist/tiers/app/surfaces.json +17 -17
  71. package/dist/tiers/app/tokens.json +7 -7
  72. package/dist/tiers/documentation/styles.css +920 -563
  73. package/dist/tiers/documentation/surfaces.json +17 -17
  74. package/dist/tiers/documentation/tokens.json +2 -2
  75. package/dist/tiers/editorial/styles.css +919 -562
  76. package/dist/tiers/editorial/surfaces.json +17 -17
  77. package/dist/tiers/editorial/tokens.json +1 -1
  78. package/dist/tiers/os/styles.css +925 -568
  79. package/dist/tiers/os/surfaces.json +17 -17
  80. package/dist/tiers/os/tokens.json +7 -7
  81. package/dist/tokens.json +1 -1
  82. package/dist/types.d.ts +1 -1
  83. package/docs/publishing.md +31 -14
  84. package/package.json +119 -108
package/config/experiments/ibm-plex-engine-smoke.json CHANGED
@@ -1,115 +1,115 @@
1
- {
2
- "baselineUnit": 0.5,
3
- "fontFiles": [
4
- {
5
- "family": "ibm-plex-sans",
6
- "path": "../../assets/fonts/IBMPlexSansVar-Roman.woff2",
7
- "cssFamily": "IBM Plex Sans",
8
- "fontStyle": "normal",
9
- "fontWeight": "100 700",
10
- "fontDisplay": "swap"
11
- }
12
- ],
13
- "fontStacks": {
14
- "ibm-plex-sans": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif"
15
- },
16
- "elements": [
17
- {
18
- "identifier": "body",
19
- "fontSize": 1,
20
- "lineHeight": 3,
21
- "spaceAfter": 2,
22
- "fontFamily": "ibm-plex-sans",
23
- "fontWeight": 400,
24
- "fontStyle": "normal"
25
- },
26
- {
27
- "identifier": "h6",
28
- "fontSize": 1,
29
- "lineHeight": 3,
30
- "spaceAfter": 2,
31
- "fontFamily": "ibm-plex-sans",
32
- "fontWeight": 400,
33
- "fontStyle": "normal"
34
- },
35
- {
36
- "identifier": "h5",
37
- "fontSize": 1,
38
- "lineHeight": 3,
39
- "spaceAfter": 2,
40
- "fontFamily": "ibm-plex-sans",
41
- "fontWeight": 600,
42
- "fontStyle": "normal",
43
- "fontVariantCaps": "all-small-caps"
44
- },
45
- {
46
- "identifier": "h4",
47
- "fontSize": 1.5,
48
- "lineHeight": 4,
49
- "spaceAfter": 2,
50
- "fontFamily": "ibm-plex-sans",
51
- "fontWeight": 400,
52
- "fontStyle": "normal"
53
- },
54
- {
55
- "identifier": "h3",
56
- "fontSize": 2.5,
57
- "lineHeight": 6,
58
- "spaceAfter": 2,
59
- "fontFamily": "ibm-plex-sans",
60
- "fontWeight": 500,
61
- "fontStyle": "normal"
62
- },
63
- {
64
- "identifier": "h2",
65
- "fontSize": 4,
66
- "lineHeight": 10,
67
- "spaceAfter": 2,
68
- "fontFamily": "ibm-plex-sans",
69
- "fontWeight": 300,
70
- "fontStyle": "normal"
71
- },
72
- {
73
- "identifier": "h1",
74
- "fontSize": 8,
75
- "lineHeight": 18,
76
- "spaceAfter": 2,
77
- "fontFamily": "ibm-plex-sans",
78
- "fontWeight": 400,
79
- "fontStyle": "normal"
80
- }
81
- ],
82
- "roles": {
83
- "body": "body",
84
- "h1": "h1",
85
- "h2": "h2",
86
- "h3": "h3",
87
- "h4": "h4",
88
- "h5": "h5",
89
- "h6": "h6"
90
- },
91
- "layout": {
92
- "contentMaxWidthRem": 120,
93
- "contentPaddingInlineRem": 1.5,
94
- "measureRem": 40,
95
- "sectionSpaceBaselineUnits": 8,
96
- "sectionSpaceShallowBaselineUnits": 3,
97
- "sectionSpaceDeepBaselineUnits": 16,
98
- "stripSpaceBaselineUnits": 8,
99
- "gridGapInlineBaselineUnits": 3,
100
- "gridGapBlockBaselineUnits": 3,
101
- "pageMarginBaselineUnits": 3
102
- },
103
- "components": {
104
- "borderWidthPx": 1,
105
- "radiusRem": 0,
106
- "controlBlockPaddingRem": 0.5,
107
- "controlCompactBlockPaddingRem": 0.25,
108
- "controlInlinePaddingRem": 1,
109
- "controlVisualSizeRem": 1,
110
- "fieldGapBaselineUnits": 1,
111
- "panelPaddingInlineBaselineUnits": 2,
112
- "panelPaddingBlockBaselineUnits": 2,
113
- "accordionIndentBaselineUnits": 3
114
- }
115
- }
1
+ {
2
+ "baselineUnit": 0.5,
3
+ "fontFiles": [
4
+ {
5
+ "family": "ibm-plex-sans",
6
+ "path": "../../assets/fonts/IBMPlexSansVar-Roman.woff2",
7
+ "cssFamily": "IBM Plex Sans",
8
+ "fontStyle": "normal",
9
+ "fontWeight": "100 700",
10
+ "fontDisplay": "swap"
11
+ }
12
+ ],
13
+ "fontStacks": {
14
+ "ibm-plex-sans": "\"IBM Plex Sans\", \"Segoe UI\", system-ui, sans-serif"
15
+ },
16
+ "elements": [
17
+ {
18
+ "identifier": "body",
19
+ "fontSize": 1,
20
+ "lineHeight": 3,
21
+ "spaceAfter": 2,
22
+ "fontFamily": "ibm-plex-sans",
23
+ "fontWeight": 400,
24
+ "fontStyle": "normal"
25
+ },
26
+ {
27
+ "identifier": "h6",
28
+ "fontSize": 1,
29
+ "lineHeight": 3,
30
+ "spaceAfter": 2,
31
+ "fontFamily": "ibm-plex-sans",
32
+ "fontWeight": 400,
33
+ "fontStyle": "normal"
34
+ },
35
+ {
36
+ "identifier": "h5",
37
+ "fontSize": 1,
38
+ "lineHeight": 3,
39
+ "spaceAfter": 2,
40
+ "fontFamily": "ibm-plex-sans",
41
+ "fontWeight": 600,
42
+ "fontStyle": "normal",
43
+ "fontVariantCaps": "all-small-caps"
44
+ },
45
+ {
46
+ "identifier": "h4",
47
+ "fontSize": 1.5,
48
+ "lineHeight": 4,
49
+ "spaceAfter": 2,
50
+ "fontFamily": "ibm-plex-sans",
51
+ "fontWeight": 400,
52
+ "fontStyle": "normal"
53
+ },
54
+ {
55
+ "identifier": "h3",
56
+ "fontSize": 2.5,
57
+ "lineHeight": 6,
58
+ "spaceAfter": 2,
59
+ "fontFamily": "ibm-plex-sans",
60
+ "fontWeight": 500,
61
+ "fontStyle": "normal"
62
+ },
63
+ {
64
+ "identifier": "h2",
65
+ "fontSize": 4,
66
+ "lineHeight": 10,
67
+ "spaceAfter": 2,
68
+ "fontFamily": "ibm-plex-sans",
69
+ "fontWeight": 300,
70
+ "fontStyle": "normal"
71
+ },
72
+ {
73
+ "identifier": "h1",
74
+ "fontSize": 8,
75
+ "lineHeight": 18,
76
+ "spaceAfter": 2,
77
+ "fontFamily": "ibm-plex-sans",
78
+ "fontWeight": 400,
79
+ "fontStyle": "normal"
80
+ }
81
+ ],
82
+ "roles": {
83
+ "body": "body",
84
+ "h1": "h1",
85
+ "h2": "h2",
86
+ "h3": "h3",
87
+ "h4": "h4",
88
+ "h5": "h5",
89
+ "h6": "h6"
90
+ },
91
+ "layout": {
92
+ "contentMaxWidthRem": 120,
93
+ "contentPaddingInlineRem": 1.5,
94
+ "measureRem": 40,
95
+ "sectionSpaceBaselineUnits": 8,
96
+ "sectionSpaceShallowBaselineUnits": 3,
97
+ "sectionSpaceDeepBaselineUnits": 16,
98
+ "stripSpaceBaselineUnits": 8,
99
+ "gridGapInlineBaselineUnits": 3,
100
+ "gridGapBlockBaselineUnits": 3,
101
+ "pageMarginBaselineUnits": 3
102
+ },
103
+ "components": {
104
+ "borderWidthRem": 0.0625,
105
+ "radiusRem": 0,
106
+ "controlBlockPaddingRem": 0.5,
107
+ "controlCompactBlockPaddingRem": 0.25,
108
+ "controlInlinePaddingRem": 1,
109
+ "controlVisualSizeRem": 1,
110
+ "fieldGapBaselineUnits": 1,
111
+ "panelPaddingInlineBaselineUnits": 2,
112
+ "panelPaddingBlockBaselineUnits": 2,
113
+ "accordionIndentBaselineUnits": 3
114
+ }
115
+ }
package/config/experiments/ubuntu-engine-smoke.json CHANGED
@@ -1,115 +1,115 @@
1
- {
2
- "baselineUnit": 0.5,
3
- "fontFiles": [
4
- {
5
- "family": "ubuntu-sans",
6
- "path": "../../assets/fonts/UbuntuSans[wdth,wght].ttf",
7
- "cssFamily": "Ubuntu Sans",
8
- "fontStyle": "normal",
9
- "fontWeight": "100 900",
10
- "fontDisplay": "swap"
11
- }
12
- ],
13
- "fontStacks": {
14
- "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
15
- },
16
- "elements": [
17
- {
18
- "identifier": "body",
19
- "fontSize": 1,
20
- "lineHeight": 3,
21
- "spaceAfter": 2,
22
- "fontFamily": "ubuntu-sans",
23
- "fontWeight": 400,
24
- "fontStyle": "normal"
25
- },
26
- {
27
- "identifier": "h6",
28
- "fontSize": 1,
29
- "lineHeight": 3,
30
- "spaceAfter": 2,
31
- "fontFamily": "ubuntu-sans",
32
- "fontWeight": 400,
33
- "fontStyle": "normal"
34
- },
35
- {
36
- "identifier": "h5",
37
- "fontSize": 1,
38
- "lineHeight": 3,
39
- "spaceAfter": 2,
40
- "fontFamily": "ubuntu-sans",
41
- "fontWeight": 600,
42
- "fontStyle": "normal",
43
- "fontVariantCaps": "all-small-caps"
44
- },
45
- {
46
- "identifier": "h4",
47
- "fontSize": 1.5,
48
- "lineHeight": 4,
49
- "spaceAfter": 2,
50
- "fontFamily": "ubuntu-sans",
51
- "fontWeight": 400,
52
- "fontStyle": "normal"
53
- },
54
- {
55
- "identifier": "h3",
56
- "fontSize": 2.5,
57
- "lineHeight": 6,
58
- "spaceAfter": 2,
59
- "fontFamily": "ubuntu-sans",
60
- "fontWeight": 500,
61
- "fontStyle": "normal"
62
- },
63
- {
64
- "identifier": "h2",
65
- "fontSize": 4,
66
- "lineHeight": 10,
67
- "spaceAfter": 2,
68
- "fontFamily": "ubuntu-sans",
69
- "fontWeight": 300,
70
- "fontStyle": "normal"
71
- },
72
- {
73
- "identifier": "h1",
74
- "fontSize": 8,
75
- "lineHeight": 18,
76
- "spaceAfter": 2,
77
- "fontFamily": "ubuntu-sans",
78
- "fontWeight": 400,
79
- "fontStyle": "normal"
80
- }
81
- ],
82
- "roles": {
83
- "body": "body",
84
- "h1": "h1",
85
- "h2": "h2",
86
- "h3": "h3",
87
- "h4": "h4",
88
- "h5": "h5",
89
- "h6": "h6"
90
- },
91
- "layout": {
92
- "contentMaxWidthRem": 120,
93
- "contentPaddingInlineRem": 1.5,
94
- "measureRem": 40,
95
- "sectionSpaceBaselineUnits": 8,
96
- "sectionSpaceShallowBaselineUnits": 3,
97
- "sectionSpaceDeepBaselineUnits": 16,
98
- "stripSpaceBaselineUnits": 8,
99
- "gridGapInlineBaselineUnits": 3,
100
- "gridGapBlockBaselineUnits": 3,
101
- "pageMarginBaselineUnits": 3
102
- },
103
- "components": {
104
- "borderWidthPx": 1,
105
- "radiusRem": 0,
106
- "controlBlockPaddingRem": 0.5,
107
- "controlCompactBlockPaddingRem": 0.25,
108
- "controlInlinePaddingRem": 1,
109
- "controlVisualSizeRem": 1,
110
- "fieldGapBaselineUnits": 1,
111
- "panelPaddingInlineBaselineUnits": 2,
112
- "panelPaddingBlockBaselineUnits": 2,
113
- "accordionIndentBaselineUnits": 3
114
- }
115
- }
1
+ {
2
+ "baselineUnit": 0.5,
3
+ "fontFiles": [
4
+ {
5
+ "family": "ubuntu-sans",
6
+ "path": "../../assets/fonts/UbuntuSans[wdth,wght].ttf",
7
+ "cssFamily": "Ubuntu Sans",
8
+ "fontStyle": "normal",
9
+ "fontWeight": "100 900",
10
+ "fontDisplay": "swap"
11
+ }
12
+ ],
13
+ "fontStacks": {
14
+ "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
15
+ },
16
+ "elements": [
17
+ {
18
+ "identifier": "body",
19
+ "fontSize": 1,
20
+ "lineHeight": 3,
21
+ "spaceAfter": 2,
22
+ "fontFamily": "ubuntu-sans",
23
+ "fontWeight": 400,
24
+ "fontStyle": "normal"
25
+ },
26
+ {
27
+ "identifier": "h6",
28
+ "fontSize": 1,
29
+ "lineHeight": 3,
30
+ "spaceAfter": 2,
31
+ "fontFamily": "ubuntu-sans",
32
+ "fontWeight": 400,
33
+ "fontStyle": "normal"
34
+ },
35
+ {
36
+ "identifier": "h5",
37
+ "fontSize": 1,
38
+ "lineHeight": 3,
39
+ "spaceAfter": 2,
40
+ "fontFamily": "ubuntu-sans",
41
+ "fontWeight": 600,
42
+ "fontStyle": "normal",
43
+ "fontVariantCaps": "all-small-caps"
44
+ },
45
+ {
46
+ "identifier": "h4",
47
+ "fontSize": 1.5,
48
+ "lineHeight": 4,
49
+ "spaceAfter": 2,
50
+ "fontFamily": "ubuntu-sans",
51
+ "fontWeight": 400,
52
+ "fontStyle": "normal"
53
+ },
54
+ {
55
+ "identifier": "h3",
56
+ "fontSize": 2.5,
57
+ "lineHeight": 6,
58
+ "spaceAfter": 2,
59
+ "fontFamily": "ubuntu-sans",
60
+ "fontWeight": 500,
61
+ "fontStyle": "normal"
62
+ },
63
+ {
64
+ "identifier": "h2",
65
+ "fontSize": 4,
66
+ "lineHeight": 10,
67
+ "spaceAfter": 2,
68
+ "fontFamily": "ubuntu-sans",
69
+ "fontWeight": 300,
70
+ "fontStyle": "normal"
71
+ },
72
+ {
73
+ "identifier": "h1",
74
+ "fontSize": 8,
75
+ "lineHeight": 18,
76
+ "spaceAfter": 2,
77
+ "fontFamily": "ubuntu-sans",
78
+ "fontWeight": 400,
79
+ "fontStyle": "normal"
80
+ }
81
+ ],
82
+ "roles": {
83
+ "body": "body",
84
+ "h1": "h1",
85
+ "h2": "h2",
86
+ "h3": "h3",
87
+ "h4": "h4",
88
+ "h5": "h5",
89
+ "h6": "h6"
90
+ },
91
+ "layout": {
92
+ "contentMaxWidthRem": 120,
93
+ "contentPaddingInlineRem": 1.5,
94
+ "measureRem": 40,
95
+ "sectionSpaceBaselineUnits": 8,
96
+ "sectionSpaceShallowBaselineUnits": 3,
97
+ "sectionSpaceDeepBaselineUnits": 16,
98
+ "stripSpaceBaselineUnits": 8,
99
+ "gridGapInlineBaselineUnits": 3,
100
+ "gridGapBlockBaselineUnits": 3,
101
+ "pageMarginBaselineUnits": 3
102
+ },
103
+ "components": {
104
+ "borderWidthRem": 0.0625,
105
+ "radiusRem": 0,
106
+ "controlBlockPaddingRem": 0.5,
107
+ "controlCompactBlockPaddingRem": 0.25,
108
+ "controlInlinePaddingRem": 1,
109
+ "controlVisualSizeRem": 1,
110
+ "fieldGapBaselineUnits": 1,
111
+ "panelPaddingInlineBaselineUnits": 2,
112
+ "panelPaddingBlockBaselineUnits": 2,
113
+ "accordionIndentBaselineUnits": 3
114
+ }
115
+ }