Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2025 release #1869

Draft
wants to merge 211 commits into
base: main
Choose a base branch
from
Draft

2025 release #1869

wants to merge 211 commits into from

Conversation

notlee
Copy link
Contributor

@notlee notlee commented Nov 13, 2024

A long running feature branch for a major 2025 release of design foundation changes.

@notlee notlee temporarily deployed to origami-webs-2025-relea-qwx29w November 25, 2024 16:09 Inactive
@notlee notlee temporarily deployed to origami-webs-2025-relea-qwx29w November 26, 2024 09:37 Inactive
@notlee notlee temporarily deployed to origami-webs-2025-relea-qwx29w November 26, 2024 09:57 Inactive
frshwtr and others added 24 commits November 27, 2024 11:43
* feat: introduce o-private-foundation

* feat: introduce o-private-foundation

* backstage: Add Sass token target

* backstage: Delete oPrivateFoundation mixin use, as it does not exist

---------

Co-authored-by: Lee Moody <[email protected]>
We decided to develop using traditional demos for this package, as the dev experience is better with Sass. We do not expect users to use this package
* feat: introduce o-private-foundation

* feat: introduce o-normalise to o-private-foundation

* feat: use o-private-foundation in origami components

* feat: introduce o-private-foundation

* feat: introduce o-private-foundation

* feat: introduce o-private-foundation

* chore: revert stories to use o-normalise

* chore: remove unused mixins and prefix remaining with private

* feat: use o-private-foundation's o-normalise

* fix: fix broken imports

* fix: fix buttons

* chore: use private foundation normalise

* chore: revert typography and buttons changes

* chore: correct errors

* chore: update package-lock.json

* chore: use main scss file

* chore: use imports as final approach, include o-colors

* chore: ensure private foundation is a peerDependency

* chore: remove tsx files

* chore: remove further cases of @use

* chore: remove unecessary variable

* chore: namespace variables

* chore: ensure original o-normalise is used in demos

---------

Co-authored-by: Lee Moody <[email protected]>
Takes o3-button and refactors to work in an o2 world. Slightly
odd use of Sass/CSS Custom Properties, with Sass conditionals
used to output duplicate CSS Custom Properties which override
each other in the same declaration. This was the safest way
to reuse o3 styles by effectively replacing class names for
Sass if statements. It's also more readable and simple than o2
Sass. Despite duplicating some properties, CSS output and
performance will be improved by moving away from the Origami
Image Service for coloured icons.

Currently supports:
- Types
- Themes
- Sizes
- Icons
- Icons only

Does not yet support:
- Custom theme maps

Will not support:
- Outputting CSS granularly. There are not many buttons left in
o2 components, and bundle size is reduced overall as noted above.

Other things of note:
- `o-private-foundation-get` allows other o2 components to grab tokens directly.
- Added Metric2 variable font
* backstage: Reduce use of Sass modules to prevent errors when importing multiple times via other components.

* backstage: Update o-table to use latest o-private-foundation changes.

* backstage: Remove o-buttons as an o-tabs dependency

* backstage: Remove o-buttons as an o-header dependency

* backstage: Remove o-buttons as an o-forms peer dependency

* backstage: Throw in o-private-foundation if a token is not found

* backstage: Remove o-buttons as an o-comments dependency

* backstage: Reluctantly port custom button colour Sass, to support messaging components.

* backstage: Remove o-buttons as an o-message dependency
)

* chore: align file structure with confirmed convention

* chore: fix lint errors

* chore: add private foundation includes to sass lint config

* chore: format o-multi-select/main.scss

* fix: format files

* fix: remove engine property from package.json

* chore: remove private-foundations

* chore: update normalise path

* chore: fix lint rules

* chore: fix lint rules
* feat: introduce and use o-private-foundation/o-visual-effects

* chore: update package-lock.json

* chore: move o-visual-effects, replace broken import
@notlee notlee temporarily deployed to origami-webs-2025-relea-qwx29w November 27, 2024 11:43 Inactive
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 28, 2025 15:46 Inactive
j-mes and others added 6 commits January 28, 2025 16:15
oPrivateTypographySans takes a scale value and reduces it by 1 if the font is Metric2. Therefore, any usages of the mixin with `$scale: 2` must be changed to be `$scale: 1`
mimics use on ft article pages, we expect this element may be redesigned or removed in the future, so do not intend to make part of the design system
This allows a share label with 4 characters to fit given our move to Metric 2 and a larger scale
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 29, 2025 09:50 Inactive
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 30, 2025 15:24 Inactive
j-mes and others added 4 commits January 30, 2025 16:51
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 30, 2025 17:44 Inactive
the inverse token was used for non-inverse focus state
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 31, 2025 13:06 Inactive
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 31, 2025 15:51 Inactive
* feat: use typography tokens in o-topper

* feat: use typography tokens in o-teaser

* fix: fix sass build errors, correct use case usage

* fix: not sure what happened here

* fix: fix topper token naming

* fix: fix headings sizes

* chore: Update components/o-private-foundation/src/scss/o-typography/main.scss

Co-authored-by: Lee Moody <[email protected]>

* fix: use correct tokens

* chore: ensure headline sizes are responsive

* fix: use o3 colors in if statement

* fix: prevent breaking change to topper API.

* fix: restore missing bar from headline

* fix: remove underline from pages that don't need it

* fix: correctly apply colours in branded demo

* fix: reset browser default margins

* fix: fix margins on headings

* fix: fix headline font weight

* fix: remove duplicate tag

* fix: fix various discrepancies in teasers

* fix: fix color discrepancies

* fix: fix color discrepancies

* fix: use correct font style and weighting on tags

* chore: decrease headline-sm sizes to font/lineheight size 3

* chore: use all headline-sm typography tokens

* fix: ensure live timestamps have highest specificity

* fix: remove underline

---------

Co-authored-by: Lee Moody <[email protected]>
@notlee notlee temporarily deployed to origami-webs-2025-relea-zmapot January 31, 2025 16:42 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants