Adam Shaw arshaw

Overview

The goal is make a powerful theme system that BOTH established components libraries can leverage, as well as developers wanting one-off advanced customizations. With an eye towards Tailwind usage. Most changes will be additive, exposing additional hooks for themes to leverage, and there will be very few breaking changes.

Issues to Address

Tailwind support: #5868
Exposed theme system: #4332
Custom elements in toolbar: #496

	/*
	Called towards the end of Duration::round when either:
	- "relativeTo" is a ZonedDateTime
	- "relativeTo" is a PlainDate
	Also called towards the end of PlainDateTime/PlainDate::since/until when largestUnit > day
	Also called towards the end of ZonedDateTime::since/until when largestUnit >= day

	Avoids concepts of balancing/unbalancing/normalizing that the original algorithm uses,
	a lot of which seems repetitive. Instead, leverages epoch-nanosecond comparisons.
	Both more performant and smaller code size.

	new Temporal.ZonedDateTime(nano, timeZone, calendar)
	/* instead: */ Temporal.Instant.fromEpochMilliseconds(milli)
	/* */ .toZonedDateTimeISO(timeZone)
	/* OR */
	/* instead: */ Temporal.Instant.fromEpochMilliseconds(milli)
	/* */ .toZonedDateTime({ timeZone, calendar })

	zonedDateTime.epochMicroseconds
	/* instead: */ zonedDateTime.epochMilliseconds


	class MyApp extends Component {

	fullCalendar = React.createRef()

	render() {
	return (
	<div>
	<button onClick={ this.handleNext }>goto next</button>
	<FullCalendar ref={ this.fullCalendar } />

	<div class="app-card">
	<div class="app-card--title"></div>
	<div class="app-card--content"></div>
	</div>

	<!-- a variation -->
	<div class="app-card -tall">
	<div class="app-card--title"></div>
	<div class="app-card--content"></div>
	</div>

	<div class="app-card">
	<div class="app-card__title"></div>
	<div class="app-card__content"></div>
	</div>

	<!-- a variation -->
	<div class="app-card--tall">
	<div class="app-card__title"></div>
	<div class="app-card__content"></div>
	</div>