baseline-foundry 0.1.3

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 (145) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +588 -0
  3. package/config/experiments/ibm-plex-engine-smoke.json +115 -0
  4. package/config/experiments/ubuntu-engine-smoke.json +115 -0
  5. package/config/foundation-theme.json +117 -0
  6. package/config/tiers/app.json +120 -0
  7. package/config/tiers/documentation.json +120 -0
  8. package/config/tiers/editorial.json +120 -0
  9. package/config/tiers/os.json +120 -0
  10. package/dist/accordion.d.ts +5 -0
  11. package/dist/accordion.js +32 -0
  12. package/dist/application-layout.d.ts +4 -0
  13. package/dist/application-layout.js +181 -0
  14. package/dist/baseline-grid-overlay.d.ts +5 -0
  15. package/dist/baseline-grid-overlay.js +50 -0
  16. package/dist/baseline-grid-theme.d.ts +3 -0
  17. package/dist/baseline-grid-theme.js +3 -0
  18. package/dist/baseline-grid.d.ts +7 -0
  19. package/dist/baseline-grid.js +35 -0
  20. package/dist/build.d.ts +21 -0
  21. package/dist/build.js +440 -0
  22. package/dist/code-snippet.d.ts +6 -0
  23. package/dist/code-snippet.js +95 -0
  24. package/dist/contextual-menu.d.ts +4 -0
  25. package/dist/contextual-menu.js +156 -0
  26. package/dist/css-app-tier.d.ts +1 -0
  27. package/dist/css-app-tier.js +77 -0
  28. package/dist/css-components/article-pagination.d.ts +13 -0
  29. package/dist/css-components/article-pagination.js +151 -0
  30. package/dist/css-components/button-actions.d.ts +7 -0
  31. package/dist/css-components/button-actions.js +165 -0
  32. package/dist/css-components/cards-options.d.ts +6 -0
  33. package/dist/css-components/cards-options.js +180 -0
  34. package/dist/css-components/chip-badge-status.d.ts +10 -0
  35. package/dist/css-components/chip-badge-status.js +162 -0
  36. package/dist/css-components/content-card.d.ts +25 -0
  37. package/dist/css-components/content-card.js +517 -0
  38. package/dist/css-components/control-row.d.ts +2 -0
  39. package/dist/css-components/control-row.js +18 -0
  40. package/dist/css-components/cta-figure-aspect.d.ts +1 -0
  41. package/dist/css-components/cta-figure-aspect.js +123 -0
  42. package/dist/css-components/document-navigation.d.ts +13 -0
  43. package/dist/css-components/document-navigation.js +400 -0
  44. package/dist/css-components/editorial-content.d.ts +6 -0
  45. package/dist/css-components/editorial-content.js +52 -0
  46. package/dist/css-components/icon.d.ts +1 -0
  47. package/dist/css-components/icon.js +75 -0
  48. package/dist/css-components/interactive-feedback.d.ts +2 -0
  49. package/dist/css-components/interactive-feedback.js +230 -0
  50. package/dist/css-components/interactive-tables.d.ts +7 -0
  51. package/dist/css-components/interactive-tables.js +164 -0
  52. package/dist/css-components/linked-logo-site-layout.d.ts +21 -0
  53. package/dist/css-components/linked-logo-site-layout.js +214 -0
  54. package/dist/css-components/list-tree.d.ts +5 -0
  55. package/dist/css-components/list-tree.js +98 -0
  56. package/dist/css-components/list.d.ts +3 -0
  57. package/dist/css-components/list.js +119 -0
  58. package/dist/css-components/logo-media.d.ts +16 -0
  59. package/dist/css-components/logo-media.js +219 -0
  60. package/dist/css-components/navigation-layout.d.ts +5 -0
  61. package/dist/css-components/navigation-layout.js +151 -0
  62. package/dist/css-components/panel.d.ts +6 -0
  63. package/dist/css-components/panel.js +148 -0
  64. package/dist/css-components/search-box-and-filter.d.ts +9 -0
  65. package/dist/css-components/search-box-and-filter.js +267 -0
  66. package/dist/css-components/sites-editorial-ports.d.ts +19 -0
  67. package/dist/css-components/sites-editorial-ports.js +264 -0
  68. package/dist/css-components/sites-foundation.d.ts +17 -0
  69. package/dist/css-components/sites-foundation.js +173 -0
  70. package/dist/css-components/sites-rich-lists.d.ts +18 -0
  71. package/dist/css-components/sites-rich-lists.js +364 -0
  72. package/dist/css-components/static-content-ports.d.ts +14 -0
  73. package/dist/css-components/static-content-ports.js +206 -0
  74. package/dist/css-components/tab-section.d.ts +19 -0
  75. package/dist/css-components/tab-section.js +103 -0
  76. package/dist/css-components/table.d.ts +7 -0
  77. package/dist/css-components/table.js +79 -0
  78. package/dist/css-components/tabs-choice-breadcrumbs.d.ts +9 -0
  79. package/dist/css-components/tabs-choice-breadcrumbs.js +307 -0
  80. package/dist/css-components/tiered-list-equal-height-row.d.ts +1 -0
  81. package/dist/css-components/tiered-list-equal-height-row.js +286 -0
  82. package/dist/css-components.d.ts +2 -0
  83. package/dist/css-components.js +2701 -0
  84. package/dist/css-grid.d.ts +1 -0
  85. package/dist/css-grid.js +179 -0
  86. package/dist/css.d.ts +6 -0
  87. package/dist/css.js +431 -0
  88. package/dist/experiments/ibm-plex-engine-smoke/styles.css +8969 -0
  89. package/dist/experiments/ibm-plex-engine-smoke/surfaces.json +604 -0
  90. package/dist/experiments/ibm-plex-engine-smoke/tokens.json +217 -0
  91. package/dist/in-page-navigation.d.ts +7 -0
  92. package/dist/in-page-navigation.js +136 -0
  93. package/dist/index.d.ts +37 -0
  94. package/dist/index.js +18 -0
  95. package/dist/interactive-feedback.d.ts +14 -0
  96. package/dist/interactive-feedback.js +96 -0
  97. package/dist/interactive-tables.d.ts +28 -0
  98. package/dist/interactive-tables.js +184 -0
  99. package/dist/list-tree.d.ts +4 -0
  100. package/dist/list-tree.js +44 -0
  101. package/dist/panel-drawer.d.ts +4 -0
  102. package/dist/panel-drawer.js +171 -0
  103. package/dist/presets/app-tier/styles.css +9459 -0
  104. package/dist/presets/app-tier/surfaces.json +1225 -0
  105. package/dist/presets/app-tier/tokens.json +221 -0
  106. package/dist/presets/prose/styles.css +9442 -0
  107. package/dist/presets/prose/surfaces.json +1225 -0
  108. package/dist/presets/prose/tokens.json +221 -0
  109. package/dist/presets.d.ts +6 -0
  110. package/dist/presets.js +27 -0
  111. package/dist/range-controls.d.ts +9 -0
  112. package/dist/range-controls.js +73 -0
  113. package/dist/resizable-aside.d.ts +4 -0
  114. package/dist/resizable-aside.js +328 -0
  115. package/dist/side-navigation.d.ts +4 -0
  116. package/dist/side-navigation.js +219 -0
  117. package/dist/styles.css +9442 -0
  118. package/dist/surfaces.json +1225 -0
  119. package/dist/tabs.d.ts +4 -0
  120. package/dist/tabs.js +88 -0
  121. package/dist/tier-registry.d.ts +10 -0
  122. package/dist/tier-registry.js +25 -0
  123. package/dist/tiers/app/styles.css +9459 -0
  124. package/dist/tiers/app/surfaces.json +1225 -0
  125. package/dist/tiers/app/tokens.json +221 -0
  126. package/dist/tiers/documentation/styles.css +9442 -0
  127. package/dist/tiers/documentation/surfaces.json +1225 -0
  128. package/dist/tiers/documentation/tokens.json +221 -0
  129. package/dist/tiers/editorial/styles.css +9442 -0
  130. package/dist/tiers/editorial/surfaces.json +1225 -0
  131. package/dist/tiers/editorial/tokens.json +221 -0
  132. package/dist/tiers/os/styles.css +9442 -0
  133. package/dist/tiers/os/surfaces.json +1225 -0
  134. package/dist/tiers/os/tokens.json +221 -0
  135. package/dist/tokens.json +221 -0
  136. package/dist/tooltip.d.ts +4 -0
  137. package/dist/tooltip.js +70 -0
  138. package/dist/top-navigation.d.ts +4 -0
  139. package/dist/top-navigation.js +354 -0
  140. package/dist/types.d.ts +155 -0
  141. package/dist/types.js +1 -0
  142. package/dist/vanilla-theme-colors.d.ts +5 -0
  143. package/dist/vanilla-theme-colors.js +208 -0
  144. package/docs/publishing.md +66 -0
  145. package/package.json +108 -0
package/config/experiments/ibm-plex-engine-smoke.json ADDED
@@ -0,0 +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
+ }
package/config/experiments/ubuntu-engine-smoke.json ADDED
@@ -0,0 +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
+ }
package/config/foundation-theme.json ADDED
@@ -0,0 +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,
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
+ "fontWeight": 550,
44
+ "fontStyle": "normal",
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
+ }
package/config/tiers/app.json ADDED
@@ -0,0 +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",
61
+ "fontWeight": 600,
62
+ "fontStyle": "normal",
63
+ "fontVariantCaps": "all-small-caps",
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
+ }
package/config/tiers/documentation.json ADDED
@@ -0,0 +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",
43
+ "fontWeight": 500,
44
+ "fontStyle": "normal",
45
+ "fontVariantCaps": "all-small-caps",
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
+ }