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/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
+ "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
+ }
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
+ "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
+ }