UNPKG

@financial-times/o-layout

Version:

Provides page layouts and typography as a starting point to create internal tools or products.

registry.origami.ft.com/components/o-layout

135 lines (70 loc) • 7.26 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
# Changelog ### Bug Fixes - Add skip link for screen reader users ## [6.0.0](https://github.com/Financial-Times/origami/compare/o-layout-v5.4.0...o-layout-v6.0.0) (2025-02-20) ### ⚠ BREAKING CHANGES This introduces a new design language and visually breaking changes. Including mobile optimised typography, icons, and buttons (see [MIGRATION.md](./MIGRATION.md)). #### Origami 3: Principles, Purpose, and Impact For anyone in P&T. We covered what’s new in Origami 3 (o3), why it matters, and what’s next. [Slides](https://docs.google.com/presentation/d/1Qs8RHpMrDxxP5LyrVlnsUHnS3AriRK5-IboUeneRyMs/edit#slide=id.g764506c38c_0_357) | [Recording](https://drive.google.com/file/d/1OMW9zdTOEUvWyW1trsFqL3XhpTejYelO/view) #### Origami 3: Bridging design & code For designers and engineers alike. How to work with design guidelines, design foundations, and techniques for designer–engineer collaboration. [Slides](https://docs.google.com/presentation/d/1pGBKFNv-g8RbY2g3SJ7v823XBI-MQqpjHrdgg9B6bzI/edit#slide=id.g764506c38c_0_357) | [Recording](https://drive.google.com/file/d/14hWVKM690arNEWROPHx9gmebnOUa6wlM/view) #### Origami 3: Engineers’ Deep Dive We got into the technical detail. Working with Origami CSS (no more Sass), custom elements, JSX templates, etc. [Slides](https://docs.google.com/presentation/d/1s1S959CwZYnd0Q89EhsDFLFUuy2HZ9UnpBVaDHDFX7A/edit#slide=id.g3347c4befb5_0_402) | [Recording](https://drive.google.com/file/d/1hDtSN8Ce_P0Vr_dv0KXuXhs5Q9aHfvAp/view) ## [5.4.0](https://github.com/Financial-Times/origami/compare/o-layout-v5.3.4...o-layout-v5.4.0) (2024-05-30) ### Features - Allow font output to be turned off for o-layout ([0e1dc72](https://github.com/Financial-Times/origami/commit/0e1dc721a6e19da9adf17e8e003a20e479b7c4d1)) ## [5.3.4](https://github.com/Financial-Times/origami/compare/o-layout-v5.3.3...o-layout-v5.3.4) (2023-10-27) ### Bug Fixes - Update node and npm ([c371fc3](https://github.com/Financial-Times/origami/commit/c371fc3f7f2d66266dbca95862ecef3ddeb1f339)) ## [5.3.3](https://github.com/Financial-Times/origami/compare/o-layout-v5.3.2...o-layout-v5.3.3) (2023-08-25) ### Bug Fixes - update o-typography dependency ([fb45b47](https://github.com/Financial-Times/origami/commit/fb45b47274241ea828f7dd50233441a76a215a51)) ### [5.3.2](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.3.1...o-layout-v5.3.2) (2023-04-28) ### Bug Fixes - Require latest minor version of o-colors, o-buttons, and o-forms ([#1098](https://www.github.com/Financial-Times/origami/issues/1098)) ([b856ca6](https://www.github.com/Financial-Times/origami/commit/b856ca66c9ec555f3c70833ffa35cb05cd19841f)) ### [5.3.1](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.3.0...o-layout-v5.3.1) (2023-01-20) ### Bug Fixes - ensure components depend on the latest o-normalise version ([e910236](https://www.github.com/Financial-Times/origami/commit/e910236454318ce1bf198a06da7e76c0893c9142)) ## [5.3.0](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.2.5...o-layout-v5.3.0) (2023-01-04) ### Features - add o-layout tsx and storybok demos ([#898](https://www.github.com/Financial-Times/origami/issues/898)) ([862300f](https://www.github.com/Financial-Times/origami/commit/862300fcde17520e63e8d98b4f1510ed4e54da01)) ### [5.2.5](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.2.4...o-layout-v5.2.5) (2022-12-21) ### Bug Fixes - require 3.3.0 or higher ([fc180c6](https://www.github.com/Financial-Times/origami/commit/fc180c619755daa1b7bfe65509f354cf0de113bf)) ### [5.2.3](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.2.2...o-layout-v5.2.3) (2022-04-21) ### Bug Fixes - Adds basic existence checking to most module entry points ([#714](https://www.github.com/Financial-Times/origami/issues/714)) ([7ba3a61](https://www.github.com/Financial-Times/origami/commit/7ba3a61d0de2a32d3a27a225fd4258b3820c7bda)) ### [5.2.2](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.2.1...o-layout-v5.2.2) (2022-02-16) ### Bug Fixes - remove icon for external links ([da7ea84](https://www.github.com/Financial-Times/origami/commit/da7ea8441f16db163e4459183d263cefea40e6b6)) ### [5.2.1](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.2.0...o-layout-v5.2.1) (2022-01-13) ### Bug Fixes - expand all uses of docs to documentation ([26f8d9d](https://www.github.com/Financial-Times/origami/commit/26f8d9d8cbbe3e78902d8c3951b37e08150a77bd)) - expand all uses of spec to specification ([e93de37](https://www.github.com/Financial-Times/origami/commit/e93de3789c3a0ae8b2737ab9d9e9e63b294e8f65)) ## [5.2.0](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.1.1...o-layout-v5.2.0) (2021-11-24) ### Features - allow npm 8 in engines config ([eeb1cae](https://www.github.com/Financial-Times/origami/commit/eeb1cae6e7f0379e647f2b41240b1f294997d528)) ### [5.1.1](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.1.0...o-layout-v5.1.1) (2021-11-08) ### Bug Fixes - pin components to latest o-brand, or greater ([3a6ccea](https://www.github.com/Financial-Times/origami/commit/3a6ccea1e838e4a2003322ca1f855d0b87b26b60)) ## [5.1.0](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.0.7...o-layout-v5.1.0) (2021-11-08) ### Features - Rename master brand in component origami.json ([f642faf](https://www.github.com/Financial-Times/origami/commit/f642faf0574d84ea8185b56e6090c8015def27e6)) ### [5.0.7](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.0.6...o-layout-v5.0.7) (2021-11-02) ### Bug Fixes - Update `o-brand` in components, replace "master" with "core" ([322617e](https://www.github.com/Financial-Times/origami/commit/322617ea80f30a6825d9c36872e05574b871ea82)) ### [5.0.6](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.0.5...o-layout-v5.0.6) (2021-09-24) ### Bug Fixes - add custom navigation to this.navAnchors in order to stop errors being thrown ([f49e9ea](https://www.github.com/Financial-Times/origami/commit/f49e9ea9cdb95fbe24d3cddef9d8e3481bf2b5e3)) - fallback to 16px if an o-layout\_\_main is not on the page ([e737352](https://www.github.com/Financial-Times/origami/commit/e737352a73aefa9dcbc3cf7240b48a8bc5a1ecfd)) - only setup scrolling based heading highlighting if intersectionobserver exists ([8c5f869](https://www.github.com/Financial-Times/origami/commit/8c5f86971eb80564284ecaf41ae2fb4f8b27c69c)) ### Performance Improvements - improve performance and logic around how to highlight headings in the sidebar ([b995ae0](https://www.github.com/Financial-Times/origami/commit/b995ae0600c72fb052666ca051082a8d36ad700d)) ### [5.0.5](https://www.github.com/Financial-Times/origami/compare/o-layout-v5.0.4...o-layout-v5.0.5) (2021-09-21) ### Bug Fixes - Add homepage, bugs and support email to the package.json ([6c0de60](https://www.github.com/Financial-Times/origami/commit/6c0de60ebd6e64c4dd16d000fcc6b79412ce30f4)) - update bugs urls ([3ea0ca0](https://www.github.com/Financial-Times/origami/commit/3ea0ca03bcb6e55142a77387ad0fff5ddf056d44)) - update origami json urls ([c757653](https://www.github.com/Financial-Times/origami/commit/c7576532b5a14f0462d5346dfb63238be025602e))