Add Modern Font Stacks (#498)

* add fonts

* remove --font-emoji

* remove fallback fonts, fixed #500

* remove quotes

* fix quotes

* remove fonts

* fix formatting

* fix removed fonts

* add fonts, better description, and use details element

* adjust .font-family-grid styles

* grammar, link to danklammer's gh

* fix test

* Update src/extra/normalize.src.css

* add old fonts

* Update src/props.fonts.css

Co-authored-by: Adam Argyle <argyle@google.com>

* update --monospace-code everywhere

* update --font-serif

* add notice for monospace-code font stack

* formatting

---------

Co-authored-by: Adam Argyle <argyle@google.com>

Drawn Borders (#496)

* add drawn borders

* fix tests

* fix word

add px-based sizes (#493)

* add px-based sizes

* change heading capitalization to match others

* replace size-px with size-static

* revert to size-px instead of size-static

Remove anchor link focus padding (#492)

add shake-z animation (#489)

* add wobble animation

* adjust wobble animation timing function

* update test

* rename animation to shake-z

* Update docsite/index.html

Co-authored-by: Adam Argyle <argyle@google.com>

* Update docsite/index.html

Co-authored-by: Adam Argyle <argyle@google.com>

* add animation shake z in animation props example

---------

Co-authored-by: Adam Argyle <argyle@google.com>

Fix media queries "-only" breakpoints bug and update documentation (#488)

* Fix media queries '-only' breakpoints bug

* Update documentation for media queries '-only' breakpoints

Assorted typos (#487)

add from-one class to size and box-shadow demos (#482)

* add from-one class to size demos

* fix count on shadows

Fix Gradient Docs (#480)

Implement clickable color swatches to copy color props to clipboard (#476)

* replace color swatch spans with buttons

* add click to copy functionality

* update color swatch css for use with buttons

* add basic markup and rough styles for copy option selector

* move color copy css to separate file

* move javascript to separate file

* add tooltip functionality and styles

* update index.css for tooltips

* implement selecting format for copied color

* change tooltip style to match buttons

* clean up js

* move checkbox outside of label and refactor css to match

* started implementing roving-ux

* replaced color swatches with lists

* style copy type selectors

* added missing 12th color swatch

* remove unnecessary classes

* update package-lock

* fix mobile layout and make tooltips unclickable

* fix animation not playing when first clicking

* fix misshapen outline on tabover

* fix color of copy options when light mode

* fix ease squish animation speed

* change copy example to reflect default selected option

* Apply suggestions from code review

Co-authored-by: Adam Argyle <argyle@google.com>

* move color conversion to separate file

---------

Co-authored-by: Adam Argyle <argyle@google.com>

Fix the broken link for durations.css (#477)

* Fix the broken link for durations.css

* Reduce the PR to link change only

durations.css – correct leap-year duration; introduce olympiad (#475)

Hi there,

just noted an error in the durations. A leap year does not refer to a time span of four years, but to the length of the year where the leap day occurs, i.e. 366 days.

On the other hand, conveniently, there *is* a duration that describes a four-year timespan, an olympiad, which I introduced as a new property.

Add script to generate bundle sizes (#474)

Add script to generate bundle sizes

docs: configure Open Graph metadata properly (#472)

feat(media): add inverted colors custom media query (#469)

undo part of 327a70f (#392) to fix #455 to make figma-tokens plugin work again (#456)

fix: naming to --animation-slide-in-up (#452)

bookmarklet suggestion (#447)

feat(custom-media): add --forcedColors to the custom media queries list (#445)

* feat(custom-media): add --forcedColors to the custom media queries list

* docs(custom-media): add --forcedColors to the Preference Vars secction of the docs site

fix(customMQ): extend --HDcolor media query with color-gamut check (#444)

fixes #440 (#441)

Chore: add `width: fit-content` to a tag (#436)

* Add `width: fit-content` to anchor tag style

* Update normalize.src.css

* Update src/extra/normalize.src.css

Co-authored-by: Adam Argyle <argyle@google.com>

---------

Co-authored-by: Adam Argyle <argyle@google.com>

fix(props.js): prefix mask individual props file names as all others (#435)

Style dictionary tokens (#433)

* feat: generate json for style dictionary

* chore: update package-lock.json

* refactor(build/to-style-dictionary.js): maintains code consistency with others

* fix(build/to-style-dictionary.js): references to existing tokens

* chore: add export entry for `open-props.style-dictionary-tokens.json`

* feat(build/to-style-dictionary.js): nested tokens for 'other' meta types

* refactor(build/to-style-dictionary.js): replace the forEach loop with reduce

* style(build/to-style-dictionary.js): adhere to the formatting style of the code

* fix(build/to-style-dictionary.js): references to existing tokens when nested

Bounce easings (#430)

* stubs 5 new bouncy easings

* document new easings

* update tests to new prop total

* update token count test

* Apply suggestions from code review

Co-authored-by: Ric <Cthulahoop@users.noreply.github.com>

---------

Co-authored-by: Ric <Cthulahoop@users.noreply.github.com>

fix referencing of elastic easing (#428)

* fix referencing of elastic easing

* add test that checks if references are valid

fixes #425 (#426)

Created durations.css to address #415; (#424)

* Created durations.css to address #415;

* cut v1.6.3 with new durations.css

---------

Co-authored-by: Adam Argyle <atom@argyleink.com>

v1.6 (#421)

* version bump

* Added --ease-anticipate-* easings (#419)

* breaking change: added --ease-elastic-in, renamed --ease-elastic-* and --ease-squish-* to --ease-elastic-out-* and --ease-elastic-in-out-*

* Update docsite/index.css

Fixed typo from refactor in docsite/index.css as per Adam's comment

Co-authored-by: Adam Argyle <argyle@google.com>

* adjusted tests to correspond to additional props we added

---------

Co-authored-by: Alex Li <alex.li@twosigma.com>
Co-authored-by: Adam Argyle <argyle@google.com>

* document and create fallback

* update tests

---------

Co-authored-by: Alex Li <aml7hqv@virginia.edu>
Co-authored-by: Alex Li <alex.li@twosigma.com>

balance figcaptions (#418)

custom plugin to combine rules (#412)

* custom plugin to combine rules

* fmt

* Update postcss-combine-selectors.cjs

* Update postcss.config.cjs

* removes the postcss plugin from package.json

---------

Co-authored-by: Adam Argyle <argyle@google.com>

fix typo (#413)

adds inner-shadow-highlight variable to inner shadow 1-4 (#399)

* adds inner-shadow-highlight variable to inner shadow 1-4

* update test to reflect new prop count

fix breaking centered text-alignment for td, th (#400)

* fix breaking centered text-alignment for td, th

I noticed that :where(td,th) has text-align: left set, which messes things up when td or th has align="center" in their html tag. 

I fixed this issue, but I think it would be better to remove the alignment from :where(td,th) altogether, because it might also cause problems for right-to-left users.

* Update src/extra/normalize.src.css

---------

Co-authored-by: Adam Argyle <argyle@google.com>

restore (#408)

fixes #310 (#395)

Table styles (#394)

* fixes #319

* cut v1.5.14 with <table> styles in normalize

Spring Easings ⚽️ (#387)

* easings and docs lookin good

* update tests with new 5 props

* prep for publish

add `text-wrap: balance;` (#382)

add relative sizes to OP (#370)

* add relative sizes to props

* add relative sizes demo to docsite

* use relative sizes in codebase

* fix op lenght in tests

fix inconsistent quotes (#377)

fix #375 (#376)

When cleaning up after an animation has finished, instead of toggling
which button to show, simply always show the play button.

Text cursor on text inputs (#368)

Fixes #366

Fix documentation for postcss JIT plugin in CSS mode (#369)

Fix accessibility issues on theme toggle button (#365)

init build process (#360)

op-logo-svg-fix (#359)

align line-stem to inner circle

chore: include color helper (#355)

* chore: include color helper

* chore: adjust layout

* minor

typescript part 2: electric boogaloo (#338)

* replace custom scripts with `tsc`

* fix test

* prettier please

* include tsconfig

Co-authored-by: Mayank <mayank99@users.noreply.github.com>