From 919e2c3c6da1ca2505ce49fc7f19a00badcb15bf Mon Sep 17 00:00:00 2001 From: Bre 97 Date: Wed, 8 May 2024 09:26:12 +0000 Subject: [PATCH] chore: update docs --- test/index.html | 210 +++++++++++++++++++++++----------------- test/tailwind.config.js | 12 +-- 2 files changed, 127 insertions(+), 95 deletions(-) diff --git a/test/index.html b/test/index.html index 0d137b2..a73f4eb 100644 --- a/test/index.html +++ b/test/index.html @@ -26,14 +26,46 @@ position: relative; } + -
-

@glare-labs/tailwindcss-material-tokens

+
+

+ tailwindcss-material-tokens +

Typography

-
+

display-large

display-medium

display-small

@@ -62,140 +94,140 @@

Elevation

Shape

-
+
- +
- - - - - - - + + + + + + +
- - - - - - - + + + + + + +
- - - - - - - + + + + + + +
- - - - - - - + + + + + + +
- - - - - - - + + + + + + +
- - - - - - - + + + + + + +

Color

-
+
- P - S - T - E + P + S + T + E
- PC - SC - TC - EC + PC + SC + TC + EC
- PCF - PCFD - SCF - SCFD - TCF - TCFD + PCF + PCFD + SCF + SCFD + TCF + TCFD
- SCLowest - SCLow - SC - SCHigh - SCHighest + SCLowest + SCLow + SC + SCHigh + SCHighest
- Surface - SurfaceV - SurfaceD - SurfaceB - SurfaceT - SurfaceI + SurfaceB + Surface + SurfaceV + SurfaceD + SurfaceT + SurfaceI
- Shadow - Scrim - Background + Shadow + Scrim + Background
- B - BV + B + BV
- PaletteP - PaletteS - PaletteT - PaletteN - PaletteNV + PaletteP + PaletteS + PaletteT + PaletteN + PaletteNV

Motion

Emphasized

- +

Emphasized Decelerate

- +

Emphasized Accelerate

- +

Standard

- +

Standard Decelerate

- +

Standard Accelerate

- +
diff --git a/test/tailwind.config.js b/test/tailwind.config.js index c1d2de9..28abdeb 100644 --- a/test/tailwind.config.js +++ b/test/tailwind.config.js @@ -1,4 +1,4 @@ -import {ColorTokens, ElevationTokens, MotionTokens, ShapeTokens, TypographyTokens} from '../build' +import {ColorTokens, Color, Elevation, Motion, Shape, Typography} from '../build' /** @type {import('tailwindcss').Config} */ export default { @@ -9,11 +9,11 @@ export default { extend: {}, }, plugins: [ - ...ColorTokens.FullTokens, - ...ElevationTokens.FullTokens, - ...TypographyTokens.FullTokens, - ...ShapeTokens.FullTokens, - ...MotionTokens.FullTokens, + Color.plugin, + Elevation.plugin, + Typography.plugin, + Shape.plugin, + Motion.plugin, ], }