baseline-foundry 0.1.3 → 0.1.4

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 (43) hide show
  1. package/README.md +568 -552
  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/css-app-tier.js +73 -73
  11. package/dist/css-components/article-pagination.js +140 -140
  12. package/dist/css-components/button-actions.js +161 -161
  13. package/dist/css-components/cards-options.js +176 -176
  14. package/dist/css-components/chip-badge-status.js +158 -158
  15. package/dist/css-components/content-card.js +490 -490
  16. package/dist/css-components/control-row.js +14 -14
  17. package/dist/css-components/cta-figure-aspect.js +120 -120
  18. package/dist/css-components/document-navigation.js +390 -390
  19. package/dist/css-components/editorial-content.js +42 -42
  20. package/dist/css-components/icon.js +72 -72
  21. package/dist/css-components/interactive-feedback.js +217 -217
  22. package/dist/css-components/interactive-tables.js +155 -155
  23. package/dist/css-components/legacy-navigation.d.ts +9 -0
  24. package/dist/css-components/legacy-navigation.js +763 -0
  25. package/dist/css-components/linked-logo-site-layout.js +177 -177
  26. package/dist/css-components/list-tree.js +94 -94
  27. package/dist/css-components/logo-media.js +201 -201
  28. package/dist/css-components/navigation-layout.js +144 -144
  29. package/dist/css-components/panel.js +144 -144
  30. package/dist/css-components/search-box-and-filter.js +263 -263
  31. package/dist/css-components/sites-editorial-ports.js +243 -243
  32. package/dist/css-components/sites-foundation.js +146 -146
  33. package/dist/css-components/sites-rich-lists.js +344 -344
  34. package/dist/css-components/static-content-ports.js +182 -182
  35. package/dist/css-components/tab-section.js +82 -82
  36. package/dist/css-components/table.js +75 -75
  37. package/dist/css-components/tabs-choice-breadcrumbs.js +303 -303
  38. package/dist/css-components/tiered-list-equal-height-row.js +271 -271
  39. package/dist/css-components.js +1791 -2542
  40. package/dist/css-grid.js +172 -172
  41. package/dist/css.js +240 -240
  42. package/docs/publishing.md +30 -13
  43. package/package.json +119 -108
package/config/tiers/documentation.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": "body",
21
- "fontSize": 0.875,
22
- "lineHeight": 5,
23
- "spaceAfter": 3,
24
- "fontFamily": "ubuntu-sans",
25
- "fontWeight": 400,
26
- "fontStyle": "normal"
27
- },
28
- {
29
- "identifier": "h6",
30
- "fontSize": 1.125,
31
- "lineHeight": 6,
32
- "spaceAfter": 1,
33
- "fontFamily": "ubuntu-sans",
34
- "fontWeight": 300,
35
- "fontStyle": "normal"
36
- },
37
- {
38
- "identifier": "h5",
39
- "fontSize": 1.125,
40
- "lineHeight": 6,
41
- "spaceAfter": 1,
42
- "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": "body",
21
+ "fontSize": 0.875,
22
+ "lineHeight": 5,
23
+ "spaceAfter": 3,
24
+ "fontFamily": "ubuntu-sans",
25
+ "fontWeight": 400,
26
+ "fontStyle": "normal"
27
+ },
28
+ {
29
+ "identifier": "h6",
30
+ "fontSize": 1.125,
31
+ "lineHeight": 6,
32
+ "spaceAfter": 1,
33
+ "fontFamily": "ubuntu-sans",
34
+ "fontWeight": 300,
35
+ "fontStyle": "normal"
36
+ },
37
+ {
38
+ "identifier": "h5",
39
+ "fontSize": 1.125,
40
+ "lineHeight": 6,
41
+ "spaceAfter": 1,
42
+ "fontFamily": "ubuntu-sans",
43
43
  "fontWeight": 500,
44
44
  "fontStyle": "normal",
45
45
  "fontVariantCaps": "all-small-caps",
46
46
  "letterSpacing": "0.05em"
47
- },
48
- {
49
- "identifier": "h4",
50
- "fontSize": 1.5,
51
- "lineHeight": 8,
52
- "spaceAfter": 1,
53
- "fontFamily": "ubuntu-sans",
54
- "fontWeight": 300,
55
- "fontStyle": "normal"
56
- },
57
- {
58
- "identifier": "h3",
59
- "fontSize": 1.5,
60
- "lineHeight": 8,
61
- "spaceAfter": 1,
62
- "fontFamily": "ubuntu-sans",
63
- "fontWeight": 500,
64
- "fontStyle": "normal"
65
- },
66
- {
67
- "identifier": "h2",
68
- "fontSize": 2,
69
- "lineHeight": 10,
70
- "spaceAfter": 1,
71
- "fontFamily": "ubuntu-sans",
72
- "fontWeight": 300,
73
- "fontStyle": "normal"
74
- },
75
- {
76
- "identifier": "h1",
77
- "fontSize": 2,
78
- "lineHeight": 10,
79
- "spaceAfter": 1,
80
- "fontFamily": "ubuntu-sans",
81
- "fontWeight": 500,
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": 96,
96
- "contentPaddingInlineRem": 1.5,
97
- "measureRem": 38,
98
- "sectionSpaceBaselineUnits": 12,
99
- "sectionSpaceShallowBaselineUnits": 6,
100
- "sectionSpaceDeepBaselineUnits": 24,
101
- "stripSpaceBaselineUnits": 12,
102
- "gridGapInlineBaselineUnits": 6,
103
- "gridGapBlockBaselineUnits": 6,
104
- "pageMarginBaselineUnits": 6
105
- },
106
- "components": {
107
- "borderWidthPx": 1,
108
- "radiusRem": 0,
109
- "controlBlockPaddingRem": 0.5,
110
- "controlCompactBlockPaddingRem": 0.375,
111
- "controlInlinePaddingRem": 0.875,
112
- "controlInlinePaddingActionRem": 1,
113
- "controlInlinePaddingFieldRem": 0.5,
114
- "controlVisualSizeRem": 0.875,
115
- "fieldGapBaselineUnits": 2,
116
- "panelPaddingInlineBaselineUnits": 4,
117
- "panelPaddingBlockBaselineUnits": 4,
118
- "accordionIndentBaselineUnits": 6
119
- }
120
- }
47
+ },
48
+ {
49
+ "identifier": "h4",
50
+ "fontSize": 1.5,
51
+ "lineHeight": 8,
52
+ "spaceAfter": 1,
53
+ "fontFamily": "ubuntu-sans",
54
+ "fontWeight": 300,
55
+ "fontStyle": "normal"
56
+ },
57
+ {
58
+ "identifier": "h3",
59
+ "fontSize": 1.5,
60
+ "lineHeight": 8,
61
+ "spaceAfter": 1,
62
+ "fontFamily": "ubuntu-sans",
63
+ "fontWeight": 500,
64
+ "fontStyle": "normal"
65
+ },
66
+ {
67
+ "identifier": "h2",
68
+ "fontSize": 2,
69
+ "lineHeight": 10,
70
+ "spaceAfter": 1,
71
+ "fontFamily": "ubuntu-sans",
72
+ "fontWeight": 300,
73
+ "fontStyle": "normal"
74
+ },
75
+ {
76
+ "identifier": "h1",
77
+ "fontSize": 2,
78
+ "lineHeight": 10,
79
+ "spaceAfter": 1,
80
+ "fontFamily": "ubuntu-sans",
81
+ "fontWeight": 500,
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": 96,
96
+ "contentPaddingInlineRem": 1.5,
97
+ "measureRem": 38,
98
+ "sectionSpaceBaselineUnits": 12,
99
+ "sectionSpaceShallowBaselineUnits": 6,
100
+ "sectionSpaceDeepBaselineUnits": 24,
101
+ "stripSpaceBaselineUnits": 12,
102
+ "gridGapInlineBaselineUnits": 6,
103
+ "gridGapBlockBaselineUnits": 6,
104
+ "pageMarginBaselineUnits": 6
105
+ },
106
+ "components": {
107
+ "borderWidthPx": 1,
108
+ "radiusRem": 0,
109
+ "controlBlockPaddingRem": 0.5,
110
+ "controlCompactBlockPaddingRem": 0.375,
111
+ "controlInlinePaddingRem": 0.875,
112
+ "controlInlinePaddingActionRem": 1,
113
+ "controlInlinePaddingFieldRem": 0.5,
114
+ "controlVisualSizeRem": 0.875,
115
+ "fieldGapBaselineUnits": 2,
116
+ "panelPaddingInlineBaselineUnits": 4,
117
+ "panelPaddingBlockBaselineUnits": 4,
118
+ "accordionIndentBaselineUnits": 6
119
+ }
120
+ }
package/config/tiers/editorial.json CHANGED
@@ -1,120 +1,120 @@
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
- "fontFamily": "ubuntu-sans",
34
- "fontWeight": 550,
35
- "fontStyle": "normal"
36
- },
37
- {
38
- "identifier": "h5",
39
- "fontSize": 1,
40
- "lineHeight": 3,
41
- "spaceAfter": 2,
42
- "fontFamily": "ubuntu-sans",
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
+ "fontFamily": "ubuntu-sans",
34
+ "fontWeight": 550,
35
+ "fontStyle": "normal"
36
+ },
37
+ {
38
+ "identifier": "h5",
39
+ "fontSize": 1,
40
+ "lineHeight": 3,
41
+ "spaceAfter": 2,
42
+ "fontFamily": "ubuntu-sans",
43
43
  "fontWeight": 550,
44
44
  "fontStyle": "normal",
45
45
  "fontVariantCaps": "all-small-caps",
46
46
  "letterSpacing": "0.05em"
47
- },
48
- {
49
- "identifier": "h4",
50
- "fontSize": 1.5,
51
- "lineHeight": 4,
52
- "spaceAfter": 2,
53
- "fontFamily": "ubuntu-sans",
54
- "fontWeight": 300,
55
- "fontStyle": "normal"
56
- },
57
- {
58
- "identifier": "h3",
59
- "fontSize": 1.5,
60
- "lineHeight": 4,
61
- "spaceAfter": 2,
62
- "fontFamily": "ubuntu-sans",
63
- "fontWeight": 500,
64
- "fontStyle": "normal"
65
- },
66
- {
67
- "identifier": "h2",
68
- "fontSize": 2.625,
69
- "lineHeight": 6,
70
- "spaceAfter": 2,
71
- "fontFamily": "ubuntu-sans",
72
- "fontWeight": 200,
73
- "fontStyle": "normal"
74
- },
75
- {
76
- "identifier": "h1",
77
- "fontSize": 2.625,
78
- "lineHeight": 6,
79
- "spaceAfter": 2,
80
- "fontFamily": "ubuntu-sans",
81
- "fontWeight": 500,
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": 8,
99
- "sectionSpaceShallowBaselineUnits": 3,
100
- "sectionSpaceDeepBaselineUnits": 16,
101
- "stripSpaceBaselineUnits": 8,
102
- "gridGapInlineBaselineUnits": 2,
103
- "gridGapBlockBaselineUnits": 2,
104
- "pageMarginBaselineUnits": 2
105
- },
106
- "components": {
107
- "borderWidthPx": 1,
108
- "radiusRem": 0,
109
- "controlBlockPaddingRem": 0.5,
110
- "controlCompactBlockPaddingRem": 0.25,
111
- "controlInlinePaddingRem": 1,
112
- "controlInlinePaddingActionRem": 1,
113
- "controlInlinePaddingFieldRem": 0.5,
114
- "controlVisualSizeRem": 1,
115
- "fieldGapBaselineUnits": 1,
116
- "panelPaddingInlineBaselineUnits": 2,
117
- "panelPaddingBlockBaselineUnits": 2,
118
- "accordionIndentBaselineUnits": 3
119
- }
120
- }
47
+ },
48
+ {
49
+ "identifier": "h4",
50
+ "fontSize": 1.5,
51
+ "lineHeight": 4,
52
+ "spaceAfter": 2,
53
+ "fontFamily": "ubuntu-sans",
54
+ "fontWeight": 300,
55
+ "fontStyle": "normal"
56
+ },
57
+ {
58
+ "identifier": "h3",
59
+ "fontSize": 1.5,
60
+ "lineHeight": 4,
61
+ "spaceAfter": 2,
62
+ "fontFamily": "ubuntu-sans",
63
+ "fontWeight": 500,
64
+ "fontStyle": "normal"
65
+ },
66
+ {
67
+ "identifier": "h2",
68
+ "fontSize": 2.625,
69
+ "lineHeight": 6,
70
+ "spaceAfter": 2,
71
+ "fontFamily": "ubuntu-sans",
72
+ "fontWeight": 200,
73
+ "fontStyle": "normal"
74
+ },
75
+ {
76
+ "identifier": "h1",
77
+ "fontSize": 2.625,
78
+ "lineHeight": 6,
79
+ "spaceAfter": 2,
80
+ "fontFamily": "ubuntu-sans",
81
+ "fontWeight": 500,
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": 8,
99
+ "sectionSpaceShallowBaselineUnits": 3,
100
+ "sectionSpaceDeepBaselineUnits": 16,
101
+ "stripSpaceBaselineUnits": 8,
102
+ "gridGapInlineBaselineUnits": 2,
103
+ "gridGapBlockBaselineUnits": 2,
104
+ "pageMarginBaselineUnits": 2
105
+ },
106
+ "components": {
107
+ "borderWidthPx": 1,
108
+ "radiusRem": 0,
109
+ "controlBlockPaddingRem": 0.5,
110
+ "controlCompactBlockPaddingRem": 0.25,
111
+ "controlInlinePaddingRem": 1,
112
+ "controlInlinePaddingActionRem": 1,
113
+ "controlInlinePaddingFieldRem": 0.5,
114
+ "controlVisualSizeRem": 1,
115
+ "fieldGapBaselineUnits": 1,
116
+ "panelPaddingInlineBaselineUnits": 2,
117
+ "panelPaddingBlockBaselineUnits": 2,
118
+ "accordionIndentBaselineUnits": 3
119
+ }
120
+ }