- From: Ryan Johnson via GitHub <sysbot+gh@w3.org>
- Date: Tue, 08 Nov 2022 00:14:00 +0000
- To: public-design-tokens-log@w3.org
## Issue 1: `timingFunction` name
The value of `timingFunction` is not a function (JSON doesn't have functions). It's a Cubic Beziér curve definition, so I'd be more inclined to call it `timingCurve` or `easingCurve` to better reflect its actual value. However, with issue 2 (below), maybe call it `easing`, such that it would support any acceptable easing definition (whether cubic beziér, linear, or stepped).
## Issue 2: acceptable `timingFunction` values
Looking at [CSS Easing Functions Level 1](https://www.w3.org/TR/css-easing-1/#easing-functions), there are 3 different classes of easing functions:
1. "linear"
* less common than Cubic Beziér, but probably more common than step easing
* same as `[0, 0, 1, 1]` (Cubic Beziér)
2. Cubic Beziér
* likely the most common to be used
3. Step easing
* **cannot** be described in Cubic Beziér form
* likely the least common
## Issue 3: optional vs required properties
See #179, for partial composite token definition.
## Questions
1. Do design tools recognize CSS easing keywords (`ease`, `ease-in`, `ease-out`, `ease-in-out`, and `linear`)?
1. If so, to they use the same curve definition as defined by CSS?
2. Do design tools provide additional or alternate keywords?
1. If so, how common are their definitions between other design tools?
--
GitHub Notification of comment by CITguy
Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/103#issuecomment-1306402854 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 8 November 2022 00:14:02 UTC