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/foundation-theme.json CHANGED
@@ -1,117 +1,117 @@
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 800",
10
- "fontStretch": "75% 100%",
11
- "fontDisplay": "swap",
12
- "emitFontFace": false
13
- }
14
- ],
15
- "fontStacks": {
16
- "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
17
- },
18
- "elements": [
19
- {
20
- "identifier": "body",
21
- "fontSize": 1,
22
- "lineHeight": 3,
23
- "spaceAfter": 2,
24
- "fontFamily": "ubuntu-sans",
25
- "fontWeight": 400,
26
- "fontStyle": "normal"
27
- },
28
- {
29
- "identifier": "h6",
30
- "fontSize": 1,
31
- "lineHeight": 3,
32
- "spaceAfter": 2,
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 800",
10
+ "fontStretch": "75% 100%",
11
+ "fontDisplay": "swap",
12
+ "emitFontFace": false
13
+ }
14
+ ],
15
+ "fontStacks": {
16
+ "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
17
+ },
18
+ "elements": [
19
+ {
20
+ "identifier": "body",
21
+ "fontSize": 1,
22
+ "lineHeight": 3,
23
+ "spaceAfter": 2,
24
+ "fontFamily": "ubuntu-sans",
25
+ "fontWeight": 400,
26
+ "fontStyle": "normal"
27
+ },
28
+ {
29
+ "identifier": "h6",
30
+ "fontSize": 1,
31
+ "lineHeight": 3,
32
+ "spaceAfter": 2,
33
33
  "fontFamily": "ubuntu-sans",
34
34
  "fontWeight": 550,
35
35
  "fontStyle": "normal"
36
- },
37
- {
38
- "identifier": "h5",
39
- "fontSize": 1,
40
- "lineHeight": 3,
41
- "spaceAfter": 2,
36
+ },
37
+ {
38
+ "identifier": "h5",
39
+ "fontSize": 1,
40
+ "lineHeight": 3,
41
+ "spaceAfter": 2,
42
42
  "fontFamily": "ubuntu-sans",
43
43
  "fontWeight": 550,
44
44
  "fontStyle": "normal",
45
45
  "letterSpacing": "0.05em"
46
- },
47
- {
48
- "identifier": "h4",
49
- "fontSize": 1.5,
50
- "lineHeight": 4,
51
- "spaceAfter": 2,
52
- "fontFamily": "ubuntu-sans",
53
- "fontWeight": 300,
54
- "fontStyle": "normal"
55
- },
56
- {
57
- "identifier": "h3",
58
- "fontSize": 1.5,
59
- "lineHeight": 4,
60
- "spaceAfter": 2,
61
- "fontFamily": "ubuntu-sans",
62
- "fontWeight": 500,
63
- "fontStyle": "normal"
64
- },
65
- {
66
- "identifier": "h2",
67
- "fontSize": 2.625,
68
- "lineHeight": 6,
69
- "spaceAfter": 2,
70
- "fontFamily": "ubuntu-sans",
71
- "fontWeight": 200,
72
- "fontStyle": "normal"
73
- },
74
- {
75
- "identifier": "h1",
76
- "fontSize": 2.625,
77
- "lineHeight": 6,
78
- "spaceAfter": 2,
79
- "fontFamily": "ubuntu-sans",
80
- "fontWeight": 500,
81
- "fontStyle": "normal"
82
- }
83
- ],
84
- "roles": {
85
- "body": "body",
86
- "h1": "h1",
87
- "h2": "h2",
88
- "h3": "h3",
89
- "h4": "h4",
90
- "h5": "h5",
91
- "h6": "h6"
92
- },
93
- "layout": {
94
- "contentMaxWidthRem": 90,
95
- "contentPaddingInlineRem": 1,
96
- "measureRem": 40,
97
- "sectionSpaceBaselineUnits": 8,
98
- "sectionSpaceShallowBaselineUnits": 3,
99
- "sectionSpaceDeepBaselineUnits": 16,
100
- "stripSpaceBaselineUnits": 8,
101
- "gridGapInlineBaselineUnits": 2,
102
- "gridGapBlockBaselineUnits": 2,
103
- "pageMarginBaselineUnits": 2
104
- },
105
- "components": {
106
- "borderWidthPx": 1,
107
- "radiusRem": 0,
108
- "controlBlockPaddingRem": 0.5,
109
- "controlCompactBlockPaddingRem": 0.25,
110
- "controlInlinePaddingRem": 1,
111
- "controlVisualSizeRem": 1,
112
- "fieldGapBaselineUnits": 1,
113
- "panelPaddingInlineBaselineUnits": 2,
114
- "panelPaddingBlockBaselineUnits": 2,
115
- "accordionIndentBaselineUnits": 3
116
- }
117
- }
46
+ },
47
+ {
48
+ "identifier": "h4",
49
+ "fontSize": 1.5,
50
+ "lineHeight": 4,
51
+ "spaceAfter": 2,
52
+ "fontFamily": "ubuntu-sans",
53
+ "fontWeight": 300,
54
+ "fontStyle": "normal"
55
+ },
56
+ {
57
+ "identifier": "h3",
58
+ "fontSize": 1.5,
59
+ "lineHeight": 4,
60
+ "spaceAfter": 2,
61
+ "fontFamily": "ubuntu-sans",
62
+ "fontWeight": 500,
63
+ "fontStyle": "normal"
64
+ },
65
+ {
66
+ "identifier": "h2",
67
+ "fontSize": 2.625,
68
+ "lineHeight": 6,
69
+ "spaceAfter": 2,
70
+ "fontFamily": "ubuntu-sans",
71
+ "fontWeight": 200,
72
+ "fontStyle": "normal"
73
+ },
74
+ {
75
+ "identifier": "h1",
76
+ "fontSize": 2.625,
77
+ "lineHeight": 6,
78
+ "spaceAfter": 2,
79
+ "fontFamily": "ubuntu-sans",
80
+ "fontWeight": 500,
81
+ "fontStyle": "normal"
82
+ }
83
+ ],
84
+ "roles": {
85
+ "body": "body",
86
+ "h1": "h1",
87
+ "h2": "h2",
88
+ "h3": "h3",
89
+ "h4": "h4",
90
+ "h5": "h5",
91
+ "h6": "h6"
92
+ },
93
+ "layout": {
94
+ "contentMaxWidthRem": 90,
95
+ "contentPaddingInlineRem": 1,
96
+ "measureRem": 40,
97
+ "sectionSpaceBaselineUnits": 8,
98
+ "sectionSpaceShallowBaselineUnits": 3,
99
+ "sectionSpaceDeepBaselineUnits": 16,
100
+ "stripSpaceBaselineUnits": 8,
101
+ "gridGapInlineBaselineUnits": 2,
102
+ "gridGapBlockBaselineUnits": 2,
103
+ "pageMarginBaselineUnits": 2
104
+ },
105
+ "components": {
106
+ "borderWidthRem": 0.0625,
107
+ "radiusRem": 0,
108
+ "controlBlockPaddingRem": 0.5,
109
+ "controlCompactBlockPaddingRem": 0.25,
110
+ "controlInlinePaddingRem": 1,
111
+ "controlVisualSizeRem": 1,
112
+ "fieldGapBaselineUnits": 1,
113
+ "panelPaddingInlineBaselineUnits": 2,
114
+ "panelPaddingBlockBaselineUnits": 2,
115
+ "accordionIndentBaselineUnits": 3
116
+ }
117
+ }
package/config/tiers/app.json CHANGED
@@ -1,120 +1,120 @@
1
- {
2
- "baselineUnit": 0.25,
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 800",
10
- "fontStretch": "75% 100%",
11
- "fontDisplay": "swap",
12
- "emitFontFace": false
13
- }
14
- ],
15
- "fontStacks": {
16
- "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
17
- },
18
- "elements": [
19
- {
20
- "identifier": "h1",
21
- "fontSize": 1.5,
22
- "lineHeight": 8,
23
- "spaceAfter": 4,
24
- "fontFamily": "ubuntu-sans",
25
- "fontWeight": 500,
26
- "fontStyle": "normal"
27
- },
28
- {
29
- "identifier": "h2",
30
- "fontSize": 1.5,
31
- "lineHeight": 8,
32
- "spaceAfter": 4,
33
- "fontFamily": "ubuntu-sans",
34
- "fontWeight": 300,
35
- "fontStyle": "normal"
36
- },
37
- {
38
- "identifier": "h3",
39
- "fontSize": 1.125,
40
- "lineHeight": 6,
41
- "spaceAfter": 4,
42
- "fontFamily": "ubuntu-sans",
43
- "fontWeight": 600,
44
- "fontStyle": "normal"
45
- },
46
- {
47
- "identifier": "h4",
48
- "fontSize": 1.125,
49
- "lineHeight": 6,
50
- "spaceAfter": 4,
51
- "fontFamily": "ubuntu-sans",
52
- "fontWeight": 400,
53
- "fontStyle": "normal"
54
- },
55
- {
56
- "identifier": "h5",
57
- "fontSize": 0.875,
58
- "lineHeight": 5,
59
- "spaceAfter": 4,
60
- "fontFamily": "ubuntu-sans",
1
+ {
2
+ "baselineUnit": 0.25,
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 800",
10
+ "fontStretch": "75% 100%",
11
+ "fontDisplay": "swap",
12
+ "emitFontFace": false
13
+ }
14
+ ],
15
+ "fontStacks": {
16
+ "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
17
+ },
18
+ "elements": [
19
+ {
20
+ "identifier": "h1",
21
+ "fontSize": 1.5,
22
+ "lineHeight": 8,
23
+ "spaceAfter": 4,
24
+ "fontFamily": "ubuntu-sans",
25
+ "fontWeight": 500,
26
+ "fontStyle": "normal"
27
+ },
28
+ {
29
+ "identifier": "h2",
30
+ "fontSize": 1.5,
31
+ "lineHeight": 8,
32
+ "spaceAfter": 4,
33
+ "fontFamily": "ubuntu-sans",
34
+ "fontWeight": 300,
35
+ "fontStyle": "normal"
36
+ },
37
+ {
38
+ "identifier": "h3",
39
+ "fontSize": 1.125,
40
+ "lineHeight": 6,
41
+ "spaceAfter": 4,
42
+ "fontFamily": "ubuntu-sans",
43
+ "fontWeight": 600,
44
+ "fontStyle": "normal"
45
+ },
46
+ {
47
+ "identifier": "h4",
48
+ "fontSize": 1.125,
49
+ "lineHeight": 6,
50
+ "spaceAfter": 4,
51
+ "fontFamily": "ubuntu-sans",
52
+ "fontWeight": 400,
53
+ "fontStyle": "normal"
54
+ },
55
+ {
56
+ "identifier": "h5",
57
+ "fontSize": 0.875,
58
+ "lineHeight": 5,
59
+ "spaceAfter": 4,
60
+ "fontFamily": "ubuntu-sans",
61
61
  "fontWeight": 600,
62
62
  "fontStyle": "normal",
63
63
  "fontVariantCaps": "all-small-caps",
64
64
  "letterSpacing": "0.05em"
65
- },
66
- {
67
- "identifier": "h6",
68
- "fontSize": 0.875,
69
- "lineHeight": 5,
70
- "spaceAfter": 4,
71
- "fontFamily": "ubuntu-sans",
72
- "fontWeight": 400,
73
- "fontStyle": "italic"
74
- },
75
- {
76
- "identifier": "body",
77
- "fontSize": 0.875,
78
- "lineHeight": 5,
79
- "spaceAfter": 4,
80
- "fontFamily": "ubuntu-sans",
81
- "fontWeight": 400,
82
- "fontStyle": "normal"
83
- }
84
- ],
85
- "roles": {
86
- "body": "body",
87
- "h1": "h1",
88
- "h2": "h2",
89
- "h3": "h3",
90
- "h4": "h4",
91
- "h5": "h5",
92
- "h6": "h6"
93
- },
94
- "layout": {
95
- "contentMaxWidthRem": 90,
96
- "contentPaddingInlineRem": 1,
97
- "measureRem": 40,
98
- "sectionSpaceBaselineUnits": 4,
99
- "sectionSpaceShallowBaselineUnits": 2,
100
- "sectionSpaceDeepBaselineUnits": 8,
101
- "stripSpaceBaselineUnits": 16,
102
- "gridGapInlineBaselineUnits": 6,
103
- "gridGapBlockBaselineUnits": 6,
104
- "pageMarginBaselineUnits": 8
105
- },
106
- "components": {
107
- "borderWidthPx": 1,
108
- "radiusRem": 0.125,
109
- "controlBlockPaddingRem": 0.5,
110
- "controlCompactBlockPaddingRem": 0.375,
111
- "controlInlinePaddingRem": 1,
112
- "controlInlinePaddingActionRem": 0.5,
113
- "controlInlinePaddingFieldRem": 0.25,
114
- "controlVisualSizeRem": 1,
115
- "fieldGapBaselineUnits": 2,
116
- "panelPaddingInlineBaselineUnits": 6,
117
- "panelPaddingBlockBaselineUnits": 6,
118
- "accordionIndentBaselineUnits": 6
119
- }
120
- }
65
+ },
66
+ {
67
+ "identifier": "h6",
68
+ "fontSize": 0.875,
69
+ "lineHeight": 5,
70
+ "spaceAfter": 4,
71
+ "fontFamily": "ubuntu-sans",
72
+ "fontWeight": 400,
73
+ "fontStyle": "italic"
74
+ },
75
+ {
76
+ "identifier": "body",
77
+ "fontSize": 0.875,
78
+ "lineHeight": 5,
79
+ "spaceAfter": 4,
80
+ "fontFamily": "ubuntu-sans",
81
+ "fontWeight": 400,
82
+ "fontStyle": "normal"
83
+ }
84
+ ],
85
+ "roles": {
86
+ "body": "body",
87
+ "h1": "h1",
88
+ "h2": "h2",
89
+ "h3": "h3",
90
+ "h4": "h4",
91
+ "h5": "h5",
92
+ "h6": "h6"
93
+ },
94
+ "layout": {
95
+ "contentMaxWidthRem": 60,
96
+ "contentPaddingInlineRem": 1,
97
+ "measureRem": 40,
98
+ "sectionSpaceBaselineUnits": 4,
99
+ "sectionSpaceShallowBaselineUnits": 2,
100
+ "sectionSpaceDeepBaselineUnits": 8,
101
+ "stripSpaceBaselineUnits": 12,
102
+ "gridGapInlineBaselineUnits": 6,
103
+ "gridGapBlockBaselineUnits": 6,
104
+ "pageMarginBaselineUnits": 8
105
+ },
106
+ "components": {
107
+ "borderWidthRem": 0.0625,
108
+ "radiusRem": 0.125,
109
+ "controlBlockPaddingRem": 0.5,
110
+ "controlCompactBlockPaddingRem": 0.375,
111
+ "controlInlinePaddingRem": 1,
112
+ "controlInlinePaddingActionRem": 1,
113
+ "controlInlinePaddingFieldRem": 0.25,
114
+ "controlVisualSizeRem": 1,
115
+ "fieldGapBaselineUnits": 2,
116
+ "panelPaddingInlineBaselineUnits": 3,
117
+ "panelPaddingBlockBaselineUnits": 3,
118
+ "accordionIndentBaselineUnits": 6
119
+ }
120
+ }