@candide/design-tokens 0.1.6 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +154 -24
- package/contract.json +191 -41
- package/dist/bt/tokens.css +1 -1
- package/dist/tn/tokens.css +1 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# x-design-tokens
|
|
2
2
|
|
|
3
|
-
Design tokens for Babylonstoren (`bt`) and The Newt (`tn`).
|
|
3
|
+
Design tokens for Babylonstoren (`bt`) and The Newt (`tn`). **Figma is the source of truth.** Designers publish from Tokens Studio, this repository renders CSS.
|
|
4
4
|
|
|
5
5
|
Part of Candide ATMOS, epic [EP-1300](https://candide.atlassian.net/browse/EP-1300). This repository is [EP-1360](https://candide.atlassian.net/browse/EP-1360). The design is in the [Slite specification](https://candide.slite.com/app/docs/SULRkstniipUpk), sections 8 and 11 to 14.
|
|
6
6
|
|
|
@@ -18,46 +18,176 @@ Unlayered CSS beats every `@layer`, whatever the order and whatever the specific
|
|
|
18
18
|
## Layout
|
|
19
19
|
|
|
20
20
|
```
|
|
21
|
-
tokens
|
|
22
|
-
tokens
|
|
23
|
-
|
|
24
|
-
tokens/brands/
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
tokens/$metadata.json the set order Tokens Studio applies
|
|
22
|
+
tokens/$themes.json two themes, one per brand, in one group
|
|
23
|
+
tokens/core/tier1.json brand agnostic ramps: neutrals, utility colours, spacing
|
|
24
|
+
tokens/brands/bt/ tier1.json the brand's own ramps, type scale, radii, shadows
|
|
25
|
+
tier2.json the semantic layer
|
|
26
|
+
tier3.json the control layer: buttons, forms, links
|
|
27
|
+
tokens/brands/tn/ the same three files
|
|
28
|
+
contract.json the legal --x-* names and their types, core tier 1 plus tier 2 and 3
|
|
29
|
+
terrazzo.config.ts one build per BRAND and MODE, reading .tokens-dtcg/
|
|
30
|
+
scripts/ normalise, build, emit, and the four checks
|
|
31
|
+
.tokens-dtcg/ gitignored, written by every build, never edited by hand
|
|
28
32
|
```
|
|
29
33
|
|
|
30
|
-
|
|
34
|
+
Every set comes straight from a Figma variable collection. Nothing here is hand authored.
|
|
35
|
+
|
|
36
|
+
**Brand tier 1 is private to a brand.** Babylonstoren has a blue ramp and Helvetica Neue; The Newt has cream and green ramps and Avenir Next. Naming one of those gives you something that exists in one brand and not the other, so `brands/<brand>/tier1` is not in the contract.
|
|
37
|
+
|
|
38
|
+
**Core tier 1 is.** Both brands load the identical `core/tier1` file, so its spacing scale, neutrals and utility colours carry the same names *and* the same values by construction. Measured: 54 of them reach the built CSS and zero differ between the brands. Excluding them would leave the spacing scale unnameable, which is not a safety property, only a mistake.
|
|
39
|
+
|
|
40
|
+
So the contract is **`core/tier1` plus `tier2` and `tier3`**, 286 names.
|
|
41
|
+
|
|
42
|
+
## Token format
|
|
43
|
+
|
|
44
|
+
Two tools read these files and they disagree about how a value is written.
|
|
45
|
+
|
|
46
|
+
**Tokens Studio writes strings.** That is the source form in `tokens/`, because designers own these files and the Figma plugin is what edits them.
|
|
47
|
+
|
|
48
|
+
```json
|
|
49
|
+
{ "$type": "fontSizes", "$value": "14px" }
|
|
50
|
+
{ "$type": "color", "$value": "#202e68" }
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
**Terrazzo 2.7.1 requires the DTCG 2025.10 object form.** It rejects the string form and exits 1.
|
|
54
|
+
|
|
55
|
+
```json
|
|
56
|
+
{ "$type": "dimension", "$value": { "value": 14, "unit": "px" } }
|
|
57
|
+
{ "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.1255, 0.1804, 0.4078] } }
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
Tokens Studio cannot read the object form. Its plugin prints `[object Object]` for every value, so the designer sees an empty token set.
|
|
61
|
+
|
|
62
|
+
`scripts/normalise-tokens.mjs` resolves this. It converts the source into the object form under `.tokens-dtcg/`, and every build and check runs it first. The conversion goes one way only. Nothing writes back to `tokens/`, so the plugin stays the single editor of the source.
|
|
63
|
+
|
|
64
|
+
### What the normaliser does
|
|
65
|
+
|
|
66
|
+
| Step | Why |
|
|
67
|
+
| --- | --- |
|
|
68
|
+
| String values to DTCG objects | Terrazzo rejects strings |
|
|
69
|
+
| Tokens Studio types to DTCG types | see below |
|
|
70
|
+
| Font families gain a fallback stack | Figma stores a bare family name, so `Helvetica Neue` builds as `"Helvetica Neue", sans-serif` |
|
|
71
|
+
| `-mobile` styles folded into the base, per mode | see Viewport |
|
|
72
|
+
| Same name aliases across tiers collapsed | see Tiers |
|
|
73
|
+
| Illegal names and dangling aliases dropped | see Source defects |
|
|
74
|
+
|
|
75
|
+
### Types
|
|
76
|
+
|
|
77
|
+
Tokens Studio groups the plugin's token list by its **own** type vocabulary, which is finer than DTCG's, and it shows **no Dimension section at all**. A token typed `dimension` therefore appears nowhere in the plugin, however correct the CSS it produces.
|
|
78
|
+
|
|
79
|
+
A Figma import types almost everything `dimension`, so the source carries the finer type and the build maps it down.
|
|
80
|
+
|
|
81
|
+
| Source `$type` | Plugin section | Built as |
|
|
82
|
+
| --- | --- | --- |
|
|
83
|
+
| `spacing` | Spacing | `dimension` |
|
|
84
|
+
| `sizing` | Sizing | `dimension` |
|
|
85
|
+
| `borderRadius` | Border Radius | `dimension` |
|
|
86
|
+
| `borderWidth` | Border Width | `dimension` |
|
|
87
|
+
| `fontSizes` | Font Size | `dimension` |
|
|
88
|
+
| `lineHeights` | Line Height | `dimension` |
|
|
89
|
+
| `letterSpacing` | Letter Spacing | `dimension` |
|
|
90
|
+
| `fontWeights` | Font Weight | `fontWeight` |
|
|
91
|
+
| `fontFamilies` | Font Family | `fontFamily` |
|
|
92
|
+
| `textCase` | Text Case | `string` |
|
|
93
|
+
| `color` | Color | `color` |
|
|
94
|
+
|
|
95
|
+
Shadow parts are typed `sizing`. Figma models a shadow as five separate variables rather than one composite, and Tokens Studio has no type for a shadow part, so `sizing` is the nearest bucket that keeps them visible.
|
|
96
|
+
|
|
97
|
+
`npm run check:source` fails on any token typed `dimension` or `text`, because both are invisible: the plugin does not list `dimension`, and Terrazzo silently emits nothing for `text`. Re-importing from Figma reintroduces both, so the check is what stops half the library quietly disappearing.
|
|
98
|
+
|
|
99
|
+
`contract.json` records the built type, not the source type, because the contract is what the shop lints against.
|
|
100
|
+
|
|
101
|
+
**Font weight is a unit trap.** Figma stores a weight as a FLOAT, and the import option that usefully turns spacing into dimensions also turns weight 400 into `400px`. That is invalid CSS and a browser drops the declaration. The source types weights as `fontWeights`, and the normaliser strips a trailing `px` from any weight, so a re-import cannot bring it back.
|
|
102
|
+
|
|
103
|
+
### Viewport
|
|
104
|
+
|
|
105
|
+
Figma bakes the viewport into the token name. The unsuffixed style is **desktop**, and `-mobile` is the variant. This repository does the opposite, building one permutation per mode and diffing them into a media query.
|
|
106
|
+
|
|
107
|
+
The normaliser folds one into the other. On a mobile build each `x-mobile` value overwrites `x`; on a desktop build the `-mobile` tokens are simply dropped. Either way the CSS carries one name per property, so a consumer writes `--x-typography-body-default-font-size` and never thinks about viewport.
|
|
108
|
+
|
|
109
|
+
A `-mobile` token that aliases its own desktop twin is a no-op and is skipped. If it aliases a **different property** of that twin, that is a mis-wire in Figma and the source check fails.
|
|
110
|
+
|
|
111
|
+
### Tiers
|
|
112
|
+
|
|
113
|
+
In Figma the tiers are separate collections, so tier 2 can hold `border.width.sm` that references tier 1's `border.width.sm`. Flattening the collections into one namespace turns that into a token that points at itself.
|
|
114
|
+
|
|
115
|
+
The normaliser collapses those: when a token in a higher tier aliases a token of the identical name in a lower tier, the higher one is removed and the lower one's value stands. That is what the Figma reference meant.
|
|
116
|
+
|
|
117
|
+
### Source defects
|
|
118
|
+
|
|
119
|
+
Figma is the source of truth, so defects are fixed in Figma, never patched here. `npm run check:source` names each one and fails.
|
|
120
|
+
|
|
121
|
+
Two kinds are also dropped from the build, so one bad variable cannot take down a whole brand's stylesheet:
|
|
122
|
+
|
|
123
|
+
- **An illegal name.** A Figma variable called `disabled 2` would emit `--x-...-disabled 2`, which is not a legal custom property and breaks the CSS rule around it.
|
|
124
|
+
- **A dangling alias.** A reference to a variable the brand does not define has no correct value, so shipping nothing beats shipping a wrong one.
|
|
125
|
+
|
|
126
|
+
## Tokens Studio setup
|
|
127
|
+
|
|
128
|
+
Point the Figma plugin at this repository under Settings, Sync, GitHub.
|
|
129
|
+
|
|
130
|
+
| Field | Value |
|
|
131
|
+
| --- | --- |
|
|
132
|
+
| Repository | `candide-com/x-design-tokens` |
|
|
133
|
+
| Branch | a `tokens/<name>` branch, so the `preview` workflow fires on the push |
|
|
134
|
+
| File path | `tokens` |
|
|
135
|
+
| Token format | W3C DTCG |
|
|
136
|
+
|
|
137
|
+
The `tokens` file path and the `tokens/` branch prefix are unrelated. One is a folder, the other is a branch name.
|
|
138
|
+
|
|
139
|
+
### Themes
|
|
140
|
+
|
|
141
|
+
`$themes.json` holds two themes, Babylonstoren and The Newt, in one group called `Brand`. A group is exclusive, so a designer picks one and the plugin turns the other off. Without a group the themes are independent switches and both brands can be on at once, which resolves to whichever sits later in `tokenSetOrder`.
|
|
142
|
+
|
|
143
|
+
Viewport is not a theme, because Figma carries it in the token name rather than in a separate collection.
|
|
144
|
+
|
|
145
|
+
`selectedTokenSets` lists **only the enabled sets**. Tokens Studio omits the rest and treats absent as disabled. Writing them out explicitly means the plugin's copy and the file say the same thing but do not match, so it offers to push a config change every time someone opens it, forever.
|
|
146
|
+
|
|
147
|
+
`npm run check:sets` fails when a theme has no group, when the themes span more than one group, when a theme lists a set as `"disabled"`, or when a theme's enabled sets differ from what the build compiles.
|
|
148
|
+
|
|
149
|
+
Both `$themes.json` and `$metadata.json` are written by the plugin. Do not hand-edit them beyond what the checks require.
|
|
31
150
|
|
|
32
151
|
## Commands
|
|
33
152
|
|
|
34
153
|
```bash
|
|
35
|
-
npm run validate
|
|
36
|
-
npm run build
|
|
37
|
-
npm run check:sets
|
|
38
|
-
npm run check
|
|
154
|
+
npm run validate # check the sets, the source, the schema, build, check the contract
|
|
155
|
+
npm run build # four Terrazzo builds, then emit the two CSS shapes
|
|
156
|
+
npm run check:sets # sets are wired, present, ordered, and covered by the themes
|
|
157
|
+
npm run check:source # names and aliases in the Figma source are sound
|
|
158
|
+
npm run check # DTCG schema and lint, for all four brand and mode combinations
|
|
39
159
|
npm run check:contract # every contract name is present in every build, with a valid value
|
|
40
160
|
```
|
|
41
161
|
|
|
42
|
-
To regenerate `contract.json` after
|
|
162
|
+
To regenerate `contract.json` after design adds or removes a token:
|
|
43
163
|
|
|
44
164
|
```bash
|
|
45
165
|
node scripts/check-contract.mjs --write
|
|
46
166
|
```
|
|
47
167
|
|
|
48
|
-
##
|
|
168
|
+
## CI
|
|
49
169
|
|
|
50
|
-
|
|
170
|
+
| Workflow | Runs on | Does |
|
|
171
|
+
| --- | --- | --- |
|
|
172
|
+
| `validate` | every pull request, every push to `main` | `npm run validate`. Publishes nothing. |
|
|
173
|
+
| `preview` | a push to a `tokens/**` branch | overwrites `<brand>/preview.css`, 15 second cache. Stage and review read this. |
|
|
174
|
+
| `release` | a `v*` tag | npm publish, then the immutable version copy, then `<brand>/production.css`, 60 second cache. |
|
|
175
|
+
| `rollback` | manual dispatch | restores `production.css` from an immutable copy. |
|
|
51
176
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
177
|
+
Preview carries `--x-tokens-version: "0.0.0-preview.<short sha>"`, so a stage page names the commit it is running.
|
|
178
|
+
|
|
179
|
+
The three bucket workflows read two repository variables and one secret. Set them under Settings, Secrets and variables, Actions.
|
|
180
|
+
|
|
181
|
+
| Name | Kind | Example |
|
|
182
|
+
| --- | --- | --- |
|
|
183
|
+
| `BUCKET` | variable | `gs://some-bucket` |
|
|
184
|
+
| `PREFIX` | variable | `design-tokens` |
|
|
185
|
+
| `GCP_SA_KEY` | secret | the service account JSON |
|
|
56
186
|
|
|
57
|
-
|
|
187
|
+
The bucket has to be publicly readable. The shop server fetches the CSS over plain HTTPS with no credentials, so a private bucket breaks the runtime path in production while every CI job still passes.
|
|
58
188
|
|
|
59
189
|
## Known gaps
|
|
60
190
|
|
|
61
|
-
1. **The
|
|
62
|
-
2. **
|
|
63
|
-
3. **
|
|
191
|
+
1. **The shop does not consume these values yet.** It references 56 `--x-*` names, all of them Angular Material palette variables or local ones. The shopping assistant panel emits its own Figma named variables unprefixed and hardcoded in Sass. Wiring the shop to this package is EP-1016.
|
|
192
|
+
2. **Nothing reaches the bucket yet.** The workflows are written but `publish-bucket`, `preview` and `rollback` all need the `GCP_SA_KEY` secret and the `BUCKET` and `PREFIX` repository variables, none of which are set. `validate` and the npm publish work without them.
|
|
193
|
+
3. **Fonts are named but not hosted.** Figma names Helvetica Neue, Avenir Next and Adobe Caslon Pro. All three are commercially licensed and none are hosted, so browsers fall back until EP-1021 puts the files in the bucket. The normaliser adds a fallback stack so the fallback is at least the right shape.
|
package/contract.json
CHANGED
|
@@ -1,140 +1,290 @@
|
|
|
1
1
|
{
|
|
2
2
|
"tokens": {
|
|
3
|
-
"--x-border-radius-32": "dimension",
|
|
4
|
-
"--x-border-radius-4": "dimension",
|
|
5
3
|
"--x-border-radius-lg": "dimension",
|
|
6
4
|
"--x-border-radius-md": "dimension",
|
|
7
5
|
"--x-border-radius-none": "dimension",
|
|
8
|
-
"--x-border-radius-round": "dimension",
|
|
9
6
|
"--x-border-radius-sm": "dimension",
|
|
10
|
-
"--x-
|
|
11
|
-
"--x-
|
|
12
|
-
"--x-
|
|
13
|
-
"--x-
|
|
7
|
+
"--x-box-shadow-md-blur": "dimension",
|
|
8
|
+
"--x-box-shadow-md-color": "color",
|
|
9
|
+
"--x-box-shadow-md-spread": "dimension",
|
|
10
|
+
"--x-box-shadow-md-x": "dimension",
|
|
11
|
+
"--x-box-shadow-md-y": "dimension",
|
|
12
|
+
"--x-box-shadow-sm-blur": "dimension",
|
|
13
|
+
"--x-box-shadow-sm-color": "color",
|
|
14
|
+
"--x-box-shadow-sm-spread": "dimension",
|
|
15
|
+
"--x-box-shadow-sm-x": "dimension",
|
|
16
|
+
"--x-box-shadow-sm-y": "dimension",
|
|
17
|
+
"--x-button-color-background-active": "color",
|
|
18
|
+
"--x-button-color-background-default": "color",
|
|
19
|
+
"--x-button-color-background-disabled": "color",
|
|
20
|
+
"--x-button-color-background-hover": "color",
|
|
21
|
+
"--x-button-color-border-active": "color",
|
|
22
|
+
"--x-button-color-border-default": "color",
|
|
23
|
+
"--x-button-color-border-hover": "color",
|
|
24
|
+
"--x-button-color-content-active": "color",
|
|
25
|
+
"--x-button-color-content-default": "color",
|
|
26
|
+
"--x-button-color-content-disabled": "color",
|
|
27
|
+
"--x-button-color-content-hover": "color",
|
|
28
|
+
"--x-button-knockout-color-background-active": "color",
|
|
29
|
+
"--x-button-knockout-color-background-default": "color",
|
|
30
|
+
"--x-button-knockout-color-background-disabled": "color",
|
|
31
|
+
"--x-button-knockout-color-background-hover": "color",
|
|
32
|
+
"--x-button-knockout-color-content-active": "color",
|
|
33
|
+
"--x-button-knockout-color-content-default": "color",
|
|
34
|
+
"--x-button-knockout-color-content-disabled": "color",
|
|
35
|
+
"--x-button-knockout-color-content-hover": "color",
|
|
36
|
+
"--x-button-primary-color-background-active": "color",
|
|
37
|
+
"--x-button-primary-color-background-default": "color",
|
|
38
|
+
"--x-button-primary-color-background-disabled": "color",
|
|
39
|
+
"--x-button-primary-color-background-hover": "color",
|
|
40
|
+
"--x-button-primary-color-border-active": "color",
|
|
41
|
+
"--x-button-primary-color-border-default": "color",
|
|
42
|
+
"--x-button-primary-color-border-disabled": "color",
|
|
43
|
+
"--x-button-primary-color-border-hover": "color",
|
|
44
|
+
"--x-button-primary-color-content-active": "color",
|
|
45
|
+
"--x-button-primary-color-content-default": "color",
|
|
46
|
+
"--x-button-primary-color-content-disabled": "color",
|
|
47
|
+
"--x-button-primary-color-content-hover": "color",
|
|
48
|
+
"--x-button-tertiary-color-background-default": "color",
|
|
49
|
+
"--x-button-tertiary-color-border-active": "color",
|
|
50
|
+
"--x-button-tertiary-color-border-default": "color",
|
|
51
|
+
"--x-button-tertiary-color-border-disabled": "color",
|
|
52
|
+
"--x-button-tertiary-color-border-hover": "color",
|
|
53
|
+
"--x-button-tertiary-color-content-active": "color",
|
|
54
|
+
"--x-button-tertiary-color-content-default": "color",
|
|
55
|
+
"--x-button-tertiary-color-content-disabled": "color",
|
|
56
|
+
"--x-button-tertiary-color-content-hover": "color",
|
|
14
57
|
"--x-color-background-brand": "color",
|
|
58
|
+
"--x-color-background-brand-disabled": "color",
|
|
15
59
|
"--x-color-background-brand-hover": "color",
|
|
60
|
+
"--x-color-background-brand-knockout": "color",
|
|
61
|
+
"--x-color-background-brand-knockout-hover": "color",
|
|
16
62
|
"--x-color-background-default": "color",
|
|
17
63
|
"--x-color-background-default-hover": "color",
|
|
18
64
|
"--x-color-background-disabled": "color",
|
|
19
65
|
"--x-color-background-knockout": "color",
|
|
20
66
|
"--x-color-background-subtle": "color",
|
|
21
67
|
"--x-color-background-subtle-hover": "color",
|
|
22
|
-
"--x-color-background-transparent": "color",
|
|
68
|
+
"--x-color-background-transparent-light": "color",
|
|
69
|
+
"--x-color-background-transparent-strong": "color",
|
|
23
70
|
"--x-color-background-utility-error": "color",
|
|
71
|
+
"--x-color-background-utility-error-knockout": "color",
|
|
72
|
+
"--x-color-background-utility-info": "color",
|
|
73
|
+
"--x-color-background-utility-info-knockout": "color",
|
|
24
74
|
"--x-color-background-utility-success": "color",
|
|
75
|
+
"--x-color-background-utility-success-knockout": "color",
|
|
25
76
|
"--x-color-background-utility-warning": "color",
|
|
77
|
+
"--x-color-background-utility-warning-knockout": "color",
|
|
78
|
+
"--x-color-border-brand": "color",
|
|
26
79
|
"--x-color-border-default": "color",
|
|
80
|
+
"--x-color-border-default-hover": "color",
|
|
81
|
+
"--x-color-border-disabled": "color",
|
|
27
82
|
"--x-color-border-knockout": "color",
|
|
83
|
+
"--x-color-border-strong": "color",
|
|
28
84
|
"--x-color-border-subtle": "color",
|
|
29
85
|
"--x-color-border-utility-error": "color",
|
|
30
|
-
"--x-color-
|
|
31
|
-
"--x-color-
|
|
32
|
-
"--x-color-
|
|
33
|
-
"--x-color-brand-blue-400": "color",
|
|
34
|
-
"--x-color-brand-blue-50": "color",
|
|
35
|
-
"--x-color-brand-blue-500": "color",
|
|
36
|
-
"--x-color-brand-blue-600": "color",
|
|
37
|
-
"--x-color-brand-blue-700": "color",
|
|
38
|
-
"--x-color-brand-blue-800": "color",
|
|
39
|
-
"--x-color-brand-blue-900": "color",
|
|
40
|
-
"--x-color-brand-pale-100": "color",
|
|
41
|
-
"--x-color-brand-pale-200": "color",
|
|
42
|
-
"--x-color-brand-pale-300": "color",
|
|
43
|
-
"--x-color-brand-pale-400": "color",
|
|
44
|
-
"--x-color-brand-pale-50": "color",
|
|
45
|
-
"--x-color-brand-pale-500": "color",
|
|
46
|
-
"--x-color-brand-pale-600": "color",
|
|
47
|
-
"--x-color-brand-pale-700": "color",
|
|
48
|
-
"--x-color-brand-pale-800": "color",
|
|
49
|
-
"--x-color-brand-pale-900": "color",
|
|
86
|
+
"--x-color-border-utility-info": "color",
|
|
87
|
+
"--x-color-border-utility-success": "color",
|
|
88
|
+
"--x-color-border-utility-warning": "color",
|
|
50
89
|
"--x-color-content-brand": "color",
|
|
90
|
+
"--x-color-content-brand-hover": "color",
|
|
51
91
|
"--x-color-content-brand-knockout": "color",
|
|
52
92
|
"--x-color-content-default": "color",
|
|
93
|
+
"--x-color-content-default-hover": "color",
|
|
53
94
|
"--x-color-content-disabled": "color",
|
|
54
95
|
"--x-color-content-knockout": "color",
|
|
55
96
|
"--x-color-content-subtle": "color",
|
|
56
97
|
"--x-color-content-utility-error": "color",
|
|
98
|
+
"--x-color-content-utility-info": "color",
|
|
57
99
|
"--x-color-content-utility-success": "color",
|
|
58
100
|
"--x-color-content-utility-warning": "color",
|
|
59
|
-
"--x-color-focus-ring-default": "color",
|
|
60
|
-
"--x-color-link-default": "color",
|
|
61
|
-
"--x-color-link-hover": "color",
|
|
62
|
-
"--x-color-neutral-0": "color",
|
|
63
101
|
"--x-color-neutral-100": "color",
|
|
64
|
-
"--x-color-neutral-1000": "color",
|
|
65
102
|
"--x-color-neutral-200": "color",
|
|
66
103
|
"--x-color-neutral-300": "color",
|
|
67
104
|
"--x-color-neutral-400": "color",
|
|
105
|
+
"--x-color-neutral-500": "color",
|
|
68
106
|
"--x-color-neutral-600": "color",
|
|
69
107
|
"--x-color-neutral-700": "color",
|
|
70
108
|
"--x-color-neutral-800": "color",
|
|
71
|
-
"--x-color-
|
|
72
|
-
"--x-color-
|
|
109
|
+
"--x-color-neutral-900": "color",
|
|
110
|
+
"--x-color-neutral-black": "color",
|
|
111
|
+
"--x-color-neutral-white": "color",
|
|
112
|
+
"--x-color-transparent-25": "color",
|
|
113
|
+
"--x-color-transparent-90": "color",
|
|
73
114
|
"--x-color-utility-green-100": "color",
|
|
115
|
+
"--x-color-utility-green-200": "color",
|
|
116
|
+
"--x-color-utility-green-300": "color",
|
|
117
|
+
"--x-color-utility-green-400": "color",
|
|
74
118
|
"--x-color-utility-green-500": "color",
|
|
119
|
+
"--x-color-utility-green-600": "color",
|
|
75
120
|
"--x-color-utility-green-700": "color",
|
|
121
|
+
"--x-color-utility-green-800": "color",
|
|
122
|
+
"--x-color-utility-green-900": "color",
|
|
123
|
+
"--x-color-utility-orange-100": "color",
|
|
124
|
+
"--x-color-utility-orange-200": "color",
|
|
125
|
+
"--x-color-utility-orange-300": "color",
|
|
126
|
+
"--x-color-utility-orange-400": "color",
|
|
127
|
+
"--x-color-utility-orange-500": "color",
|
|
128
|
+
"--x-color-utility-orange-600": "color",
|
|
129
|
+
"--x-color-utility-orange-700": "color",
|
|
130
|
+
"--x-color-utility-orange-800": "color",
|
|
131
|
+
"--x-color-utility-orange-900": "color",
|
|
76
132
|
"--x-color-utility-red-100": "color",
|
|
77
|
-
"--x-color-utility-red-
|
|
133
|
+
"--x-color-utility-red-200": "color",
|
|
134
|
+
"--x-color-utility-red-300": "color",
|
|
135
|
+
"--x-color-utility-red-400": "color",
|
|
78
136
|
"--x-color-utility-red-500": "color",
|
|
137
|
+
"--x-color-utility-red-600": "color",
|
|
138
|
+
"--x-color-utility-red-700": "color",
|
|
139
|
+
"--x-color-utility-red-800": "color",
|
|
79
140
|
"--x-color-utility-red-900": "color",
|
|
141
|
+
"--x-focus-ring-color-border-default": "color",
|
|
142
|
+
"--x-focus-ring-color-border-knockout": "color",
|
|
143
|
+
"--x-form-color-background-active": "color",
|
|
144
|
+
"--x-form-color-background-default": "color",
|
|
145
|
+
"--x-form-color-background-focus": "color",
|
|
146
|
+
"--x-form-color-background-hover": "color",
|
|
147
|
+
"--x-form-color-border-active": "color",
|
|
148
|
+
"--x-form-color-border-default": "color",
|
|
149
|
+
"--x-form-color-border-focus": "color",
|
|
150
|
+
"--x-form-color-border-hover": "color",
|
|
151
|
+
"--x-link-color-content-active": "color",
|
|
152
|
+
"--x-link-color-content-default": "color",
|
|
153
|
+
"--x-link-color-content-hover": "color",
|
|
154
|
+
"--x-link-color-content-visited": "color",
|
|
155
|
+
"--x-link-knockout-color-content-active": "color",
|
|
156
|
+
"--x-link-knockout-color-content-default": "color",
|
|
157
|
+
"--x-link-knockout-color-content-hover": "color",
|
|
158
|
+
"--x-link-knockout-color-content-visited": "color",
|
|
159
|
+
"--x-spacing-0": "dimension",
|
|
80
160
|
"--x-spacing-12": "dimension",
|
|
81
161
|
"--x-spacing-128": "dimension",
|
|
82
162
|
"--x-spacing-16": "dimension",
|
|
83
|
-
"--x-spacing-
|
|
163
|
+
"--x-spacing-20": "dimension",
|
|
84
164
|
"--x-spacing-24": "dimension",
|
|
165
|
+
"--x-spacing-28": "dimension",
|
|
85
166
|
"--x-spacing-32": "dimension",
|
|
86
167
|
"--x-spacing-4": "dimension",
|
|
168
|
+
"--x-spacing-40": "dimension",
|
|
169
|
+
"--x-spacing-44": "dimension",
|
|
87
170
|
"--x-spacing-48": "dimension",
|
|
88
171
|
"--x-spacing-64": "dimension",
|
|
89
172
|
"--x-spacing-8": "dimension",
|
|
173
|
+
"--x-spacing-80": "dimension",
|
|
90
174
|
"--x-spacing-96": "dimension",
|
|
91
|
-
"--x-spacing-none": "dimension",
|
|
92
175
|
"--x-typography-body-default-font-family": "fontFamily",
|
|
93
176
|
"--x-typography-body-default-font-size": "dimension",
|
|
94
177
|
"--x-typography-body-default-font-weight": "fontWeight",
|
|
95
178
|
"--x-typography-body-default-letter-spacing": "dimension",
|
|
96
179
|
"--x-typography-body-default-line-height": "dimension",
|
|
180
|
+
"--x-typography-body-default-text-transform": "string",
|
|
181
|
+
"--x-typography-body-lg-font-family": "fontFamily",
|
|
182
|
+
"--x-typography-body-lg-font-size": "dimension",
|
|
183
|
+
"--x-typography-body-lg-font-weight": "fontWeight",
|
|
184
|
+
"--x-typography-body-lg-letter-spacing": "dimension",
|
|
185
|
+
"--x-typography-body-lg-line-height": "dimension",
|
|
186
|
+
"--x-typography-body-lg-text-transform": "string",
|
|
97
187
|
"--x-typography-body-sm-font-family": "fontFamily",
|
|
98
188
|
"--x-typography-body-sm-font-size": "dimension",
|
|
99
189
|
"--x-typography-body-sm-font-weight": "fontWeight",
|
|
100
190
|
"--x-typography-body-sm-letter-spacing": "dimension",
|
|
101
191
|
"--x-typography-body-sm-line-height": "dimension",
|
|
102
|
-
"--x-typography-
|
|
103
|
-
"--x-typography-font-family
|
|
192
|
+
"--x-typography-body-sm-text-transform": "string",
|
|
193
|
+
"--x-typography-display-default-font-family": "fontFamily",
|
|
194
|
+
"--x-typography-display-default-font-size": "dimension",
|
|
195
|
+
"--x-typography-display-default-font-weight": "fontWeight",
|
|
196
|
+
"--x-typography-display-default-letter-spacing": "dimension",
|
|
197
|
+
"--x-typography-display-default-line-height": "dimension",
|
|
198
|
+
"--x-typography-display-default-text-transform": "string",
|
|
199
|
+
"--x-typography-display-sm-font-family": "fontFamily",
|
|
200
|
+
"--x-typography-display-sm-font-size": "dimension",
|
|
201
|
+
"--x-typography-display-sm-font-weight": "fontWeight",
|
|
202
|
+
"--x-typography-display-sm-letter-spacing": "dimension",
|
|
203
|
+
"--x-typography-display-sm-line-height": "dimension",
|
|
204
|
+
"--x-typography-display-sm-text-transform": "string",
|
|
104
205
|
"--x-typography-headline-default-font-family": "fontFamily",
|
|
105
206
|
"--x-typography-headline-default-font-size": "dimension",
|
|
106
207
|
"--x-typography-headline-default-font-weight": "fontWeight",
|
|
107
208
|
"--x-typography-headline-default-letter-spacing": "dimension",
|
|
108
209
|
"--x-typography-headline-default-line-height": "dimension",
|
|
210
|
+
"--x-typography-headline-default-text-transform": "string",
|
|
211
|
+
"--x-typography-headline-lg-font-family": "fontFamily",
|
|
212
|
+
"--x-typography-headline-lg-font-size": "dimension",
|
|
213
|
+
"--x-typography-headline-lg-font-weight": "fontWeight",
|
|
214
|
+
"--x-typography-headline-lg-letter-spacing": "dimension",
|
|
215
|
+
"--x-typography-headline-lg-line-height": "dimension",
|
|
216
|
+
"--x-typography-headline-lg-text-transform": "string",
|
|
109
217
|
"--x-typography-headline-sm-font-family": "fontFamily",
|
|
110
218
|
"--x-typography-headline-sm-font-size": "dimension",
|
|
111
219
|
"--x-typography-headline-sm-font-weight": "fontWeight",
|
|
112
220
|
"--x-typography-headline-sm-letter-spacing": "dimension",
|
|
113
221
|
"--x-typography-headline-sm-line-height": "dimension",
|
|
222
|
+
"--x-typography-headline-sm-text-transform": "string",
|
|
114
223
|
"--x-typography-headline-xs-font-family": "fontFamily",
|
|
115
224
|
"--x-typography-headline-xs-font-size": "dimension",
|
|
116
225
|
"--x-typography-headline-xs-font-weight": "fontWeight",
|
|
117
226
|
"--x-typography-headline-xs-letter-spacing": "dimension",
|
|
118
227
|
"--x-typography-headline-xs-line-height": "dimension",
|
|
228
|
+
"--x-typography-headline-xs-text-transform": "string",
|
|
119
229
|
"--x-typography-label-default-font-family": "fontFamily",
|
|
120
230
|
"--x-typography-label-default-font-size": "dimension",
|
|
121
231
|
"--x-typography-label-default-font-weight": "fontWeight",
|
|
122
232
|
"--x-typography-label-default-letter-spacing": "dimension",
|
|
123
233
|
"--x-typography-label-default-line-height": "dimension",
|
|
234
|
+
"--x-typography-label-default-text-transform": "string",
|
|
235
|
+
"--x-typography-label-lg-font-family": "fontFamily",
|
|
236
|
+
"--x-typography-label-lg-font-size": "dimension",
|
|
237
|
+
"--x-typography-label-lg-font-weight": "fontWeight",
|
|
238
|
+
"--x-typography-label-lg-letter-spacing": "dimension",
|
|
239
|
+
"--x-typography-label-lg-line-height": "dimension",
|
|
240
|
+
"--x-typography-label-lg-text-transform": "string",
|
|
124
241
|
"--x-typography-label-sm-font-family": "fontFamily",
|
|
125
242
|
"--x-typography-label-sm-font-size": "dimension",
|
|
126
243
|
"--x-typography-label-sm-font-weight": "fontWeight",
|
|
127
244
|
"--x-typography-label-sm-letter-spacing": "dimension",
|
|
128
245
|
"--x-typography-label-sm-line-height": "dimension",
|
|
246
|
+
"--x-typography-label-sm-text-transform": "string",
|
|
129
247
|
"--x-typography-label-xs-font-family": "fontFamily",
|
|
130
248
|
"--x-typography-label-xs-font-size": "dimension",
|
|
131
249
|
"--x-typography-label-xs-font-weight": "fontWeight",
|
|
132
250
|
"--x-typography-label-xs-letter-spacing": "dimension",
|
|
133
251
|
"--x-typography-label-xs-line-height": "dimension",
|
|
252
|
+
"--x-typography-label-xs-text-transform": "string",
|
|
253
|
+
"--x-typography-meta-default-font-family": "fontFamily",
|
|
254
|
+
"--x-typography-meta-default-font-size": "dimension",
|
|
255
|
+
"--x-typography-meta-default-font-weight": "fontWeight",
|
|
256
|
+
"--x-typography-meta-default-letter-spacing": "dimension",
|
|
257
|
+
"--x-typography-meta-default-line-height": "dimension",
|
|
258
|
+
"--x-typography-meta-default-text-transform": "string",
|
|
259
|
+
"--x-typography-meta-lg-font-family": "fontFamily",
|
|
260
|
+
"--x-typography-meta-lg-font-size": "dimension",
|
|
261
|
+
"--x-typography-meta-lg-font-weight": "fontWeight",
|
|
262
|
+
"--x-typography-meta-lg-letter-spacing": "dimension",
|
|
263
|
+
"--x-typography-meta-lg-line-height": "dimension",
|
|
264
|
+
"--x-typography-meta-lg-text-transform": "string",
|
|
134
265
|
"--x-typography-meta-sm-font-family": "fontFamily",
|
|
135
266
|
"--x-typography-meta-sm-font-size": "dimension",
|
|
136
267
|
"--x-typography-meta-sm-font-weight": "fontWeight",
|
|
137
268
|
"--x-typography-meta-sm-letter-spacing": "dimension",
|
|
138
|
-
"--x-typography-meta-sm-line-height": "dimension"
|
|
269
|
+
"--x-typography-meta-sm-line-height": "dimension",
|
|
270
|
+
"--x-typography-meta-sm-text-transform": "string",
|
|
271
|
+
"--x-typography-title-default-font-family": "fontFamily",
|
|
272
|
+
"--x-typography-title-default-font-size": "dimension",
|
|
273
|
+
"--x-typography-title-default-font-weight": "fontWeight",
|
|
274
|
+
"--x-typography-title-default-letter-spacing": "dimension",
|
|
275
|
+
"--x-typography-title-default-line-height": "dimension",
|
|
276
|
+
"--x-typography-title-default-text-transform": "string",
|
|
277
|
+
"--x-typography-title-lg-font-family": "fontFamily",
|
|
278
|
+
"--x-typography-title-lg-font-size": "dimension",
|
|
279
|
+
"--x-typography-title-lg-font-weight": "fontWeight",
|
|
280
|
+
"--x-typography-title-lg-letter-spacing": "dimension",
|
|
281
|
+
"--x-typography-title-lg-line-height": "dimension",
|
|
282
|
+
"--x-typography-title-lg-text-transform": "string",
|
|
283
|
+
"--x-typography-title-sm-font-family": "fontFamily",
|
|
284
|
+
"--x-typography-title-sm-font-size": "dimension",
|
|
285
|
+
"--x-typography-title-sm-font-weight": "fontWeight",
|
|
286
|
+
"--x-typography-title-sm-letter-spacing": "dimension",
|
|
287
|
+
"--x-typography-title-sm-line-height": "dimension",
|
|
288
|
+
"--x-typography-title-sm-text-transform": "string"
|
|
139
289
|
}
|
|
140
290
|
}
|
package/dist/bt/tokens.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@layer x-tokens, theme, base, x-mat-sys, components, utilities;
|
|
2
|
-
@layer x-tokens{:root{--x-tokens-version:"0.1.6";--x-border-radius-4:4px;--x-border-radius-32:32px;--x-border-radius-lg:16px;--x-border-radius-md:8px;--x-border-radius-none:0px;--x-border-radius-round:9999px;--x-border-radius-sm:2px;--x-border-width-lg:4px;--x-border-width-md:2px;--x-border-width-none:0px;--x-border-width-sm:1px;--x-color-background-brand:var(--x-color-brand-pale-500);--x-color-background-brand-hover:#cad9ec;--x-color-background-default:var(--x-color-neutral-0);--x-color-background-default-hover:var(--x-color-brand-pale-50);--x-color-background-disabled:var(--x-color-neutral-100);--x-color-background-knockout:var(--x-color-brand-blue-600);--x-color-background-subtle:#ecf2f9;--x-color-background-subtle-hover:var(--x-color-brand-pale-200);--x-color-background-transparent:#0000;--x-color-background-utility-error:var(--x-color-utility-red-100);--x-color-background-utility-success:var(--x-color-utility-green-100);--x-color-background-utility-warning:var(--x-color-utility-amber-100);--x-color-border-default:var(--x-color-brand-pale-300);--x-color-border-knockout:var(--x-color-neutral-0);--x-color-border-subtle:var(--x-color-neutral-200);--x-color-border-utility-error:var(--x-color-utility-red-500);--x-color-brand-blue-50:#325e92;--x-color-brand-blue-100:#2a5384;--x-color-brand-blue-200:#1e4370;--x-color-brand-blue-300:#15365f;--x-color-brand-blue-400:#0f2e53;--x-color-brand-blue-500:#09223f;--x-color-brand-blue-600:#202e68;--x-color-brand-blue-700:#00162f;--x-color-brand-blue-800:#001124;--x-color-brand-blue-900:#000c1a;--x-color-brand-pale-50:#f9fbfd;--x-color-brand-pale-100:#f0f5fa;--x-color-brand-pale-200:#e6eef7;--x-color-brand-pale-300:#dbe7f3;--x-color-brand-pale-400:#d4e1f1;--x-color-brand-pale-500:#d2deed;--x-color-brand-pale-600:#c3d2e6;--x-color-brand-pale-700:#c0d3e9;--x-color-brand-pale-800:#b9cee7;--x-color-brand-pale-900:#adc5e2;--x-color-content-brand:var(--x-color-brand-blue-500);--x-color-content-brand-knockout:var(--x-color-neutral-0);--x-color-content-default:var(--x-color-brand-blue-600);--x-color-content-disabled:var(--x-color-neutral-400);--x-color-content-knockout:var(--x-color-neutral-0);--x-color-content-subtle:var(--x-color-neutral-700);--x-color-content-utility-error:var(--x-color-utility-red-900);--x-color-content-utility-success:var(--x-color-utility-green-700);--x-color-content-utility-warning:var(--x-color-utility-amber-500);--x-color-focus-ring-default:var(--x-color-brand-blue-500);--x-color-link-default:#003282;--x-color-link-hover:var(--x-color-brand-blue-500);--x-color-neutral-0:#fff;--x-color-neutral-100:#eee;--x-color-neutral-200:#e6e6e6;--x-color-neutral-300:#ccc;--x-color-neutral-400:#ababab;--x-color-neutral-600:#4a4a4a;--x-color-neutral-700:#484a4f;--x-color-neutral-800:#222;--x-color-neutral-1000:#000;--x-color-utility-amber-100:#fbefea;--x-color-utility-amber-500:#c55a2c;--x-color-utility-green-100:#d0e0bf;--x-color-utility-green-500:#7c9e60;--x-color-utility-green-700:#4f772d;--x-color-utility-red-50:#f7e4e4;--x-color-utility-red-100:#ffe0d9;--x-color-utility-red-500:#ba1b1b;--x-color-utility-red-900:#630e0f;--x-spacing-2:2px;--x-spacing-4:4px;--x-spacing-8:8px;--x-spacing-12:12px;--x-spacing-16:16px;--x-spacing-24:24px;--x-spacing-32:32px;--x-spacing-48:48px;--x-spacing-64:64px;--x-spacing-96:96px;--x-spacing-128:128px;--x-spacing-none:0px;--x-typography-body-default-font-family:var(--x-typography-font-family-sans);--x-typography-body-default-font-size:14px;--x-typography-body-default-font-weight:300;--x-typography-body-default-letter-spacing:0px;--x-typography-body-default-line-height:20px;--x-typography-body-sm-font-family:var(--x-typography-font-family-sans);--x-typography-body-sm-font-size:13px;--x-typography-body-sm-font-weight:300;--x-typography-body-sm-letter-spacing:0px;--x-typography-body-sm-line-height:18px;--x-typography-font-family-sans:"Nunito Sans", sans-serif;--x-typography-font-family-serif:"Cormorant Garamond", serif;--x-typography-headline-default-font-family:var(--x-typography-font-family-serif);--x-typography-headline-default-font-size:32px;--x-typography-headline-default-font-weight:400;--x-typography-headline-default-letter-spacing:0.64px;--x-typography-headline-default-line-height:40px;--x-typography-headline-sm-font-family:var(--x-typography-font-family-serif);--x-typography-headline-sm-font-size:28px;--x-typography-headline-sm-font-weight:400;--x-typography-headline-sm-letter-spacing:0px;--x-typography-headline-sm-line-height:32px;--x-typography-headline-xs-font-family:var(--x-typography-font-family-serif);--x-typography-headline-xs-font-size:24px;--x-typography-headline-xs-font-weight:400;--x-typography-headline-xs-letter-spacing:0.48px;--x-typography-headline-xs-line-height:30px;--x-typography-label-default-font-family:var(--x-typography-font-family-sans);--x-typography-label-default-font-size:16px;--x-typography-label-default-font-weight:400;--x-typography-label-default-letter-spacing:0px;--x-typography-label-default-line-height:24px;--x-typography-label-sm-font-family:var(--x-typography-font-family-sans);--x-typography-label-sm-font-size:14px;--x-typography-label-sm-font-weight:400;--x-typography-label-sm-letter-spacing:0px;--x-typography-label-sm-line-height:20px;--x-typography-label-xs-font-family:var(--x-typography-font-family-sans);--x-typography-label-xs-font-size:12px;--x-typography-label-xs-font-weight:400;--x-typography-label-xs-letter-spacing:0px;--x-typography-label-xs-line-height:16px;--x-typography-meta-sm-font-family:var(--x-typography-font-family-sans);--x-typography-meta-sm-font-size:11px;--x-typography-meta-sm-font-weight:300;--x-typography-meta-sm-letter-spacing:0px;--x-typography-meta-sm-line-height:14px}@media (min-width:1200px){:root{--x-typography-body-default-font-size:16px;--x-typography-body-default-line-height:24px;--x-typography-headline-default-font-size:36px;--x-typography-headline-default-line-height:36px}}}
|
|
2
|
+
@layer x-tokens{:root{--x-tokens-version:"0.2.0";--x-border-radius-0:0px;--x-border-radius-2:2px;--x-border-radius-4:4px;--x-border-radius-8:8px;--x-border-radius-12:12px;--x-border-radius-16:16px;--x-border-radius-32:32px;--x-border-radius-lg:var(--x-border-radius-16);--x-border-radius-md:var(--x-border-radius-8);--x-border-radius-none:var(--x-border-radius-0);--x-border-radius-round:999px;--x-border-radius-sm:var(--x-border-radius-2);--x-border-width-lg:4px;--x-border-width-md:2px;--x-border-width-sm:1px;--x-border-width-xl:8px;--x-box-shadow-md-blur:var(--x-shadow-sm-blur);--x-box-shadow-md-color:var(--x-shadow-md-color);--x-box-shadow-md-spread:var(--x-shadow-md-spread);--x-box-shadow-md-x:var(--x-shadow-md-x);--x-box-shadow-md-y:var(--x-shadow-md-y);--x-box-shadow-sm-blur:var(--x-shadow-sm-blur);--x-box-shadow-sm-color:var(--x-shadow-sm-color);--x-box-shadow-sm-spread:var(--x-shadow-sm-spread);--x-box-shadow-sm-x:var(--x-shadow-sm-x);--x-box-shadow-sm-y:var(--x-shadow-sm-y);--x-button-color-background-active:var(--x-color-brand-blue-700);--x-button-color-background-default:var(--x-color-neutral-white);--x-button-color-background-disabled:var(--x-color-neutral-white);--x-button-color-background-hover:var(--x-color-brand-blue-600);--x-button-color-border-active:var(--x-color-brand-blue-700);--x-button-color-border-default:var(--x-color-brand-blue-600);--x-button-color-border-hover:var(--x-color-brand-blue-700);--x-button-color-content-active:var(--x-color-neutral-white);--x-button-color-content-default:var(--x-color-brand-blue-600);--x-button-color-content-disabled:var(--x-color-neutral-500);--x-button-color-content-hover:var(--x-color-neutral-white);--x-button-knockout-color-background-active:var(--x-color-brand-blue-300);--x-button-knockout-color-background-default:var(--x-color-neutral-white);--x-button-knockout-color-background-disabled:var(--x-color-neutral-400);--x-button-knockout-color-background-hover:var(--x-color-brand-blue-200);--x-button-knockout-color-content-active:var(--x-color-brand-blue-800);--x-button-knockout-color-content-default:var(--x-color-brand-blue-600);--x-button-knockout-color-content-disabled:var(--x-color-neutral-400);--x-button-knockout-color-content-hover:var(--x-color-brand-blue-700);--x-button-primary-color-background-active:var(--x-color-neutral-white);--x-button-primary-color-background-default:var(--x-color-brand-blue-600);--x-button-primary-color-background-disabled:var(--x-color-neutral-400);--x-button-primary-color-background-hover:var(--x-color-neutral-white);--x-button-primary-color-border-active:var(--x-color-brand-blue-700);--x-button-primary-color-border-default:var(--x-color-brand-blue-600);--x-button-primary-color-border-disabled:var(--x-color-neutral-400);--x-button-primary-color-border-hover:var(--x-color-brand-blue-700);--x-button-primary-color-content-active:var(--x-color-brand-blue-800);--x-button-primary-color-content-default:var(--x-color-neutral-white);--x-button-primary-color-content-disabled:var(--x-color-neutral-white);--x-button-primary-color-content-hover:var(--x-color-brand-blue-600);--x-button-tertiary-color-background-default:var(--x-color-neutral-white);--x-button-tertiary-color-border-active:var(--x-color-border-default-hover);--x-button-tertiary-color-border-default:var(--x-color-border-default);--x-button-tertiary-color-border-disabled:var(--x-color-border-disabled);--x-button-tertiary-color-border-hover:var(--x-color-border-default-hover);--x-button-tertiary-color-content-active:var(--x-color-brand-blue-800);--x-button-tertiary-color-content-default:var(--x-color-brand-blue-600);--x-button-tertiary-color-content-disabled:var(--x-color-neutral-500);--x-button-tertiary-color-content-hover:var(--x-color-brand-blue-800);--x-color-background-brand:var(--x-color-brand-blue-300);--x-color-background-brand-disabled:var(--x-color-neutral-300);--x-color-background-brand-hover:var(--x-color-brand-blue-400);--x-color-background-brand-knockout:var(--x-color-brand-blue-800);--x-color-background-brand-knockout-hover:var(--x-color-brand-blue-900);--x-color-background-default:var(--x-color-neutral-white);--x-color-background-default-hover:var(--x-color-neutral-200);--x-color-background-disabled:var(--x-color-neutral-300);--x-color-background-knockout:var(--x-color-brand-blue-700);--x-color-background-subtle:var(--x-color-brand-blue-200);--x-color-background-subtle-hover:var(--x-color-brand-blue-300);--x-color-background-transparent-light:var(--x-color-transparent-25);--x-color-background-transparent-strong:var(--x-color-transparent-90);--x-color-background-utility-error:var(--x-color-utility-red-100);--x-color-background-utility-error-knockout:var(--x-color-utility-red-700);--x-color-background-utility-info:var(--x-color-brand-blue-100);--x-color-background-utility-info-knockout:var(--x-color-brand-blue-700);--x-color-background-utility-success:var(--x-color-utility-green-100);--x-color-background-utility-success-knockout:var(--x-color-utility-green-600);--x-color-background-utility-warning:var(--x-color-utility-orange-100);--x-color-background-utility-warning-knockout:var(--x-color-utility-orange-700);--x-color-border-brand:var(--x-color-brand-blue-600);--x-color-border-default:var(--x-color-brand-blue-300);--x-color-border-default-hover:var(--x-color-brand-blue-400);--x-color-border-disabled:var(--x-color-neutral-300);--x-color-border-knockout:var(--x-color-neutral-400);--x-color-border-strong:var(--x-color-neutral-900);--x-color-border-subtle:var(--x-color-neutral-300);--x-color-border-utility-error:var(--x-color-utility-red-600);--x-color-border-utility-info:var(--x-color-brand-blue-600);--x-color-border-utility-success:var(--x-color-utility-green-600);--x-color-border-utility-warning:var(--x-color-utility-orange-700);--x-color-brand-blue-100:#f8fafc;--x-color-brand-blue-200:#ecf2f9;--x-color-brand-blue-300:#dde7f3;--x-color-brand-blue-400:#cad9ec;--x-color-brand-blue-500:#214a9d;--x-color-brand-blue-600:#202e68;--x-color-brand-blue-700:#1d2a5f;--x-color-brand-blue-800:#17214a;--x-color-brand-blue-900:#121939;--x-color-brand-cream-100:#fbfaf8;--x-color-brand-cream-200:#f7f6f4;--x-color-brand-cream-300:#f4f2ee;--x-color-brand-cream-400:#eeece7;--x-color-brand-cream-500:#ebe8e2;--x-color-brand-cream-600:#e6e2d8;--x-color-brand-cream-700:#d1cec7;--x-color-brand-cream-800:#a3a09b;--x-color-brand-cream-900:#7f7c78;--x-color-content-brand:var(--x-color-brand-blue-500);--x-color-content-brand-hover:var(--x-color-brand-blue-600);--x-color-content-brand-knockout:var(--x-color-brand-blue-100);--x-color-content-default:var(--x-color-brand-blue-600);--x-color-content-default-hover:var(--x-color-brand-blue-800);--x-color-content-disabled:var(--x-color-neutral-800);--x-color-content-knockout:var(--x-color-neutral-100);--x-color-content-subtle:var(--x-color-neutral-600);--x-color-content-utility-error:var(--x-color-utility-red-700);--x-color-content-utility-info:var(--x-color-brand-blue-500);--x-color-content-utility-success:var(--x-color-utility-green-700);--x-color-content-utility-warning:var(--x-color-utility-orange-700);--x-color-neutral-100:#fcfcfc;--x-color-neutral-200:#f2f2f3;--x-color-neutral-300:#d7d8db;--x-color-neutral-400:#9699a0;--x-color-neutral-500:#7a7e87;--x-color-neutral-600:#61646b;--x-color-neutral-700:#484a4f;--x-color-neutral-800:#313337;--x-color-neutral-900:#1c1d1f;--x-color-neutral-black:#000;--x-color-neutral-white:#fff;--x-color-transparent-25:#00000040;--x-color-transparent-90:#000000e6;--x-color-utility-green-100:#eaf0eb;--x-color-utility-green-200:#ceddd1;--x-color-utility-green-300:#b6ccbb;--x-color-utility-green-400:#95b59c;--x-color-utility-green-500:#81a689;--x-color-utility-green-600:#61906b;--x-color-utility-green-700:#45664c;--x-color-utility-green-800:#354f3b;--x-color-utility-green-900:#293c2d;--x-color-utility-orange-100:#f7ebdd;--x-color-utility-orange-200:#f6dcc1;--x-color-utility-orange-300:#f2cba3;--x-color-utility-orange-400:#ecb278;--x-color-utility-orange-500:#e8a35e;--x-color-utility-orange-600:#e28b36;--x-color-utility-orange-700:#ce7f31;--x-color-utility-orange-800:#914600;--x-color-utility-orange-900:#5e3000;--x-color-utility-red-100:#fceaef;--x-color-utility-red-200:#f8c5d1;--x-color-utility-red-300:#efa2b2;--x-color-utility-red-400:#dd7c88;--x-color-utility-red-500:#cd5a61;--x-color-utility-red-600:#b82f30;--x-color-utility-red-700:#952323;--x-color-utility-red-800:#631717;--x-color-utility-red-900:#390e0e;--x-focus-ring-color-border-default:var(--x-color-brand-blue-500);--x-focus-ring-color-border-knockout:var(--x-color-neutral-white);--x-form-color-background-active:var(--x-color-neutral-white);--x-form-color-background-default:var(--x-color-neutral-white);--x-form-color-background-focus:var(--x-color-neutral-white);--x-form-color-background-hover:var(--x-color-neutral-white);--x-form-color-border-active:var(--x-color-neutral-black);--x-form-color-border-default:var(--x-color-neutral-500);--x-form-color-border-focus:var(--x-color-neutral-black);--x-form-color-border-hover:var(--x-color-neutral-black);--x-link-color-content-active:var(--x-color-brand-blue-600);--x-link-color-content-default:var(--x-color-brand-blue-500);--x-link-color-content-hover:var(--x-color-brand-blue-600);--x-link-color-content-visited:var(--x-color-brand-blue-500);--x-link-knockout-color-content-active:var(--x-color-brand-blue-200);--x-link-knockout-color-content-default:var(--x-color-brand-blue-100);--x-link-knockout-color-content-hover:var(--x-color-brand-blue-200);--x-link-knockout-color-content-visited:var(--x-color-brand-blue-300);--x-shadow-md-blur:16px;--x-shadow-md-color:#0000000f;--x-shadow-md-spread:0px;--x-shadow-md-x:4px;--x-shadow-md-y:12px;--x-shadow-sm-blur:4px;--x-shadow-sm-color:#00000040;--x-shadow-sm-spread:0px;--x-shadow-sm-x:0px;--x-shadow-sm-y:4px;--x-spacing-0:0px;--x-spacing-4:4px;--x-spacing-8:8px;--x-spacing-12:12px;--x-spacing-16:16px;--x-spacing-20:20px;--x-spacing-24:24px;--x-spacing-28:28px;--x-spacing-32:32px;--x-spacing-40:40px;--x-spacing-44:44px;--x-spacing-48:48px;--x-spacing-64:64px;--x-spacing-80:80px;--x-spacing-96:96px;--x-spacing-128:128px;--x-typography-body-default-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-body-default-font-size:var(--x-typography-font-size-14);--x-typography-body-default-font-weight:var(--x-typography-font-weight-400);--x-typography-body-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-body-default-line-height:var(--x-typography-line-height-20);--x-typography-body-default-text-transform:var(--x-typography-text-transform-none);--x-typography-body-lg-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-body-lg-font-size:var(--x-typography-font-size-18);--x-typography-body-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-body-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-body-lg-line-height:var(--x-typography-line-height-24);--x-typography-body-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-body-sm-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-body-sm-font-size:var(--x-typography-font-size-12);--x-typography-body-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-body-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-body-sm-line-height:var(--x-typography-line-height-16);--x-typography-body-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-display-default-font-family:var(--x-typography-font-family-cormorant-garamond);--x-typography-display-default-font-size:var(--x-typography-font-size-48);--x-typography-display-default-font-weight:var(--x-typography-font-weight-400);--x-typography-display-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-display-default-line-height:var(--x-typography-line-height-48);--x-typography-display-default-text-transform:var(--x-typography-text-transform-none);--x-typography-display-sm-font-family:var(--x-typography-font-family-cormorant-garamond);--x-typography-display-sm-font-size:var(--x-typography-font-size-40);--x-typography-display-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-display-sm-letter-spacing:var(--x-typography-letter-spacing-half);--x-typography-display-sm-line-height:var(--x-typography-line-height-48);--x-typography-display-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-font-family-cormorant-garamond:"Cormorant Garamond", serif;--x-typography-font-family-helvetica-neue:"Helvetica Neue", sans-serif;--x-typography-font-size-12:12px;--x-typography-font-size-14:14px;--x-typography-font-size-16:16px;--x-typography-font-size-18:18px;--x-typography-font-size-20:20px;--x-typography-font-size-24:24px;--x-typography-font-size-28:28px;--x-typography-font-size-32:32px;--x-typography-font-size-40:40px;--x-typography-font-size-48:48px;--x-typography-font-size-56:56px;--x-typography-font-size-64:64px;--x-typography-font-size-80:80px;--x-typography-font-size-100:100px;--x-typography-font-weight-400:400;--x-typography-font-weight-700:700;--x-typography-headline-default-font-family:var(--x-typography-font-family-cormorant-garamond);--x-typography-headline-default-font-size:var(--x-typography-font-size-32);--x-typography-headline-default-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-default-line-height:var(--x-typography-line-height-36);--x-typography-headline-default-text-transform:var(--x-typography-text-transform-none);--x-typography-headline-lg-font-family:var(--x-typography-font-family-cormorant-garamond);--x-typography-headline-lg-font-size:var(--x-typography-font-size-40);--x-typography-headline-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-lg-line-height:var(--x-typography-line-height-48);--x-typography-headline-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-headline-sm-font-family:var(--x-typography-font-family-cormorant-garamond);--x-typography-headline-sm-font-size:var(--x-typography-font-size-28);--x-typography-headline-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-sm-line-height:var(--x-typography-line-height-32);--x-typography-headline-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-headline-xs-font-family:var(--x-typography-font-family-cormorant-garamond);--x-typography-headline-xs-font-size:var(--x-typography-font-size-24);--x-typography-headline-xs-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-xs-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-xs-line-height:var(--x-typography-line-height-28);--x-typography-headline-xs-text-transform:var(--x-typography-text-transform-none);--x-typography-label-default-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-label-default-font-size:var(--x-typography-font-size-16);--x-typography-label-default-font-weight:var(--x-typography-font-weight-400);--x-typography-label-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-default-line-height:var(--x-typography-line-height-24);--x-typography-label-default-text-transform:var(--x-typography-text-transform-none);--x-typography-label-lg-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-label-lg-font-size:var(--x-typography-font-size-20);--x-typography-label-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-label-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-lg-line-height:var(--x-typography-line-height-28);--x-typography-label-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-label-sm-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-label-sm-font-size:var(--x-typography-font-size-14);--x-typography-label-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-label-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-sm-line-height:var(--x-typography-line-height-20);--x-typography-label-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-label-xs-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-label-xs-font-size:var(--x-typography-font-size-12);--x-typography-label-xs-font-weight:var(--x-typography-font-weight-400);--x-typography-label-xs-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-xs-line-height:var(--x-typography-line-height-16);--x-typography-label-xs-text-transform:var(--x-typography-text-transform-none);--x-typography-letter-spacing-0:0px;--x-typography-letter-spacing-1:1px;--x-typography-letter-spacing-1-half:1.5px;--x-typography-letter-spacing-2:2px;--x-typography-letter-spacing-half:0.5px;--x-typography-letter-spacing-minus-1:-1px;--x-typography-letter-spacing-minus-1-half:-1.5px;--x-typography-letter-spacing-minus-2:-2px;--x-typography-letter-spacing-minus-half:-0.5px;--x-typography-line-height-16:16px;--x-typography-line-height-20:20px;--x-typography-line-height-24:24px;--x-typography-line-height-28:28px;--x-typography-line-height-32:32px;--x-typography-line-height-36:36px;--x-typography-line-height-40:40px;--x-typography-line-height-48:48px;--x-typography-line-height-56:56px;--x-typography-line-height-64:64px;--x-typography-line-height-72:72px;--x-typography-line-height-80:80px;--x-typography-line-height-100:100px;--x-typography-line-height-110:110px;--x-typography-meta-default-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-meta-default-font-size:var(--x-typography-font-size-14);--x-typography-meta-default-font-weight:var(--x-typography-font-weight-400);--x-typography-meta-default-letter-spacing:var(--x-typography-letter-spacing-1-half);--x-typography-meta-default-line-height:var(--x-typography-line-height-20);--x-typography-meta-default-text-transform:var(--x-typography-text-transform-uppercase);--x-typography-meta-lg-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-meta-lg-font-size:var(--x-typography-font-size-14);--x-typography-meta-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-meta-lg-letter-spacing:var(--x-typography-letter-spacing-1-half);--x-typography-meta-lg-line-height:var(--x-typography-line-height-20);--x-typography-meta-lg-text-transform:var(--x-typography-text-transform-uppercase);--x-typography-meta-sm-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-meta-sm-font-size:var(--x-typography-font-size-12);--x-typography-meta-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-meta-sm-letter-spacing:var(--x-typography-letter-spacing-1-half);--x-typography-meta-sm-line-height:var(--x-typography-line-height-16);--x-typography-meta-sm-text-transform:var(--x-typography-text-transform-uppercase);--x-typography-text-transform-none:none;--x-typography-text-transform-uppercase:uppercase;--x-typography-title-default-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-title-default-font-size:var(--x-typography-font-size-28);--x-typography-title-default-font-weight:var(--x-typography-font-weight-400);--x-typography-title-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-title-default-line-height:var(--x-typography-line-height-36);--x-typography-title-default-text-transform:var(--x-typography-text-transform-none);--x-typography-title-lg-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-title-lg-font-size:var(--x-typography-font-size-56);--x-typography-title-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-title-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-title-lg-line-height:var(--x-typography-line-height-72);--x-typography-title-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-title-sm-font-family:var(--x-typography-font-family-helvetica-neue);--x-typography-title-sm-font-size:var(--x-typography-font-size-24);--x-typography-title-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-title-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-title-sm-line-height:var(--x-typography-line-height-32);--x-typography-title-sm-text-transform:var(--x-typography-text-transform-none)}@media (min-width:1200px){:root{--x-typography-body-default-font-size:var(--x-typography-font-size-16);--x-typography-body-default-line-height:var(--x-typography-line-height-24);--x-typography-body-lg-font-size:var(--x-typography-font-size-20);--x-typography-body-lg-line-height:var(--x-typography-line-height-28);--x-typography-body-sm-font-size:var(--x-typography-font-size-14);--x-typography-body-sm-line-height:var(--x-typography-line-height-20);--x-typography-display-default-font-size:var(--x-typography-font-size-80);--x-typography-display-default-line-height:var(--x-typography-line-height-80);--x-typography-display-sm-font-size:var(--x-typography-font-size-56);--x-typography-display-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-display-sm-line-height:var(--x-typography-line-height-64);--x-typography-headline-default-font-size:var(--x-typography-font-size-40);--x-typography-headline-default-line-height:var(--x-typography-line-height-48);--x-typography-headline-lg-font-size:var(--x-typography-font-size-48);--x-typography-headline-lg-line-height:var(--x-typography-font-size-56);--x-typography-headline-sm-font-size:var(--x-typography-font-size-32);--x-typography-headline-sm-line-height:var(--x-typography-line-height-36);--x-typography-headline-xs-font-size:var(--x-typography-font-size-28);--x-typography-headline-xs-line-height:var(--x-typography-line-height-32);--x-typography-meta-lg-font-size:var(--x-typography-font-size-16);--x-typography-meta-lg-line-height:var(--x-typography-line-height-24);--x-typography-title-lg-font-size:var(--x-typography-font-size-64);--x-typography-title-lg-line-height:var(--x-typography-line-height-80)}}}
|
package/dist/tn/tokens.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@layer x-tokens, theme, base, x-mat-sys, components, utilities;
|
|
2
|
-
@layer x-tokens{:root{--x-tokens-version:"0.1.6";--x-border-radius-4:4px;--x-border-radius-32:32px;--x-border-radius-lg:16px;--x-border-radius-md:8px;--x-border-radius-none:0px;--x-border-radius-round:9999px;--x-border-radius-sm:2px;--x-border-width-lg:4px;--x-border-width-md:2px;--x-border-width-none:0px;--x-border-width-sm:1px;--x-color-background-brand:var(--x-color-brand-pale-500);--x-color-background-brand-hover:#cad9ec;--x-color-background-default:var(--x-color-neutral-0);--x-color-background-default-hover:var(--x-color-brand-pale-50);--x-color-background-disabled:var(--x-color-neutral-100);--x-color-background-knockout:var(--x-color-brand-blue-500);--x-color-background-subtle:#ecf2f9;--x-color-background-subtle-hover:var(--x-color-brand-pale-200);--x-color-background-transparent:#0000;--x-color-background-utility-error:var(--x-color-utility-red-100);--x-color-background-utility-success:var(--x-color-utility-green-100);--x-color-background-utility-warning:var(--x-color-utility-amber-100);--x-color-border-default:var(--x-color-neutral-300);--x-color-border-knockout:var(--x-color-neutral-0);--x-color-border-subtle:var(--x-color-neutral-200);--x-color-border-utility-error:var(--x-color-utility-red-500);--x-color-brand-blue-50:#e3e7eb;--x-color-brand-blue-100:#b8c3ce;--x-color-brand-blue-200:#899bad;--x-color-brand-blue-300:#59728c;--x-color-brand-blue-400:#365473;--x-color-brand-blue-500:#12365a;--x-color-brand-blue-600:#103052;--x-color-brand-blue-700:#0d2948;--x-color-brand-blue-800:#0a223f;--x-color-brand-blue-900:#05162e;--x-color-brand-pale-50:#f9fbfd;--x-color-brand-pale-100:#f0f5fa;--x-color-brand-pale-200:#e6eef7;--x-color-brand-pale-300:#dbe7f3;--x-color-brand-pale-400:#d4e1f1;--x-color-brand-pale-500:#d2deed;--x-color-brand-pale-600:#c3d2e6;--x-color-brand-pale-700:#c0d3e9;--x-color-brand-pale-800:#b9cee7;--x-color-brand-pale-900:#adc5e2;--x-color-content-brand:var(--x-color-brand-blue-500);--x-color-content-brand-knockout:var(--x-color-neutral-0);--x-color-content-default:var(--x-color-neutral-600);--x-color-content-disabled:var(--x-color-neutral-400);--x-color-content-knockout:var(--x-color-neutral-0);--x-color-content-subtle:var(--x-color-neutral-700);--x-color-content-utility-error:var(--x-color-utility-red-900);--x-color-content-utility-success:var(--x-color-utility-green-700);--x-color-content-utility-warning:var(--x-color-utility-amber-500);--x-color-focus-ring-default:var(--x-color-brand-blue-500);--x-color-link-default:#003282;--x-color-link-hover:var(--x-color-brand-blue-500);--x-color-neutral-0:#fff;--x-color-neutral-100:#eee;--x-color-neutral-200:#e6e6e6;--x-color-neutral-300:#ccc;--x-color-neutral-400:#ababab;--x-color-neutral-600:#4a4a4a;--x-color-neutral-700:#484a4f;--x-color-neutral-800:#222;--x-color-neutral-1000:#000;--x-color-utility-amber-100:#fbefea;--x-color-utility-amber-500:#c55a2c;--x-color-utility-green-100:#d0e0bf;--x-color-utility-green-500:#7c9e60;--x-color-utility-green-700:#4f772d;--x-color-utility-red-50:#f7e4e4;--x-color-utility-red-100:#ffe0d9;--x-color-utility-red-500:#ba1b1b;--x-color-utility-red-900:#630e0f;--x-spacing-2:2px;--x-spacing-4:4px;--x-spacing-8:8px;--x-spacing-12:12px;--x-spacing-16:16px;--x-spacing-24:24px;--x-spacing-32:32px;--x-spacing-48:48px;--x-spacing-64:64px;--x-spacing-96:96px;--x-spacing-128:128px;--x-spacing-none:0px;--x-typography-body-default-font-family:var(--x-typography-font-family-sans);--x-typography-body-default-font-size:14px;--x-typography-body-default-font-weight:300;--x-typography-body-default-letter-spacing:0px;--x-typography-body-default-line-height:20px;--x-typography-body-sm-font-family:var(--x-typography-font-family-sans);--x-typography-body-sm-font-size:13px;--x-typography-body-sm-font-weight:300;--x-typography-body-sm-letter-spacing:0px;--x-typography-body-sm-line-height:18px;--x-typography-font-family-sans:"Nunito Sans", sans-serif;--x-typography-font-family-serif:"EB Garamond", serif;--x-typography-headline-default-font-family:var(--x-typography-font-family-serif);--x-typography-headline-default-font-size:32px;--x-typography-headline-default-font-weight:400;--x-typography-headline-default-letter-spacing:0px;--x-typography-headline-default-line-height:40px;--x-typography-headline-sm-font-family:var(--x-typography-font-family-serif);--x-typography-headline-sm-font-size:28px;--x-typography-headline-sm-font-weight:400;--x-typography-headline-sm-letter-spacing:1.12px;--x-typography-headline-sm-line-height:32px;--x-typography-headline-xs-font-family:var(--x-typography-font-family-serif);--x-typography-headline-xs-font-size:24px;--x-typography-headline-xs-font-weight:400;--x-typography-headline-xs-letter-spacing:0.48px;--x-typography-headline-xs-line-height:30px;--x-typography-label-default-font-family:var(--x-typography-font-family-sans);--x-typography-label-default-font-size:16px;--x-typography-label-default-font-weight:400;--x-typography-label-default-letter-spacing:0px;--x-typography-label-default-line-height:24px;--x-typography-label-sm-font-family:var(--x-typography-font-family-sans);--x-typography-label-sm-font-size:14px;--x-typography-label-sm-font-weight:400;--x-typography-label-sm-letter-spacing:0px;--x-typography-label-sm-line-height:20px;--x-typography-label-xs-font-family:var(--x-typography-font-family-sans);--x-typography-label-xs-font-size:12px;--x-typography-label-xs-font-weight:400;--x-typography-label-xs-letter-spacing:0px;--x-typography-label-xs-line-height:16px;--x-typography-meta-sm-font-family:var(--x-typography-font-family-sans);--x-typography-meta-sm-font-size:11px;--x-typography-meta-sm-font-weight:300;--x-typography-meta-sm-letter-spacing:0px;--x-typography-meta-sm-line-height:14px}@media (min-width:1200px){:root{--x-typography-body-default-font-size:16px;--x-typography-body-default-line-height:24px;--x-typography-headline-default-font-size:36px}}}
|
|
2
|
+
@layer x-tokens{:root{--x-tokens-version:"0.2.0";--x-border-radius-0:0px;--x-border-radius-2:2px;--x-border-radius-4:4px;--x-border-radius-8:8px;--x-border-radius-12:12px;--x-border-radius-16:16px;--x-border-radius-32:32px;--x-border-radius-lg:var(--x-border-radius-16);--x-border-radius-md:var(--x-border-radius-8);--x-border-radius-none:var(--x-border-radius-0);--x-border-radius-round:999px;--x-border-radius-sm:var(--x-border-radius-2);--x-border-width-lg:4px;--x-border-width-md:2px;--x-border-width-sm:1px;--x-border-width-xl:8px;--x-box-shadow-md-blur:var(--x-shadow-md-blur);--x-box-shadow-md-color:var(--x-shadow-md-color);--x-box-shadow-md-spread:var(--x-shadow-md-spread);--x-box-shadow-md-x:var(--x-shadow-md-x);--x-box-shadow-md-y:var(--x-shadow-md-y);--x-box-shadow-sm-blur:var(--x-shadow-sm-blur);--x-box-shadow-sm-color:var(--x-shadow-sm-color);--x-box-shadow-sm-spread:var(--x-shadow-sm-spread);--x-box-shadow-sm-x:var(--x-shadow-sm-x);--x-box-shadow-sm-y:var(--x-shadow-sm-y);--x-button-color-background-active:var(--x-color-brand-green-700);--x-button-color-background-default:var(--x-color-neutral-white);--x-button-color-background-disabled:var(--x-color-neutral-white);--x-button-color-background-hover:var(--x-color-brand-green-600);--x-button-color-border-active:var(--x-color-brand-green-700);--x-button-color-border-default:var(--x-color-brand-green-600);--x-button-color-border-hover:var(--x-color-brand-green-700);--x-button-color-content-active:var(--x-color-neutral-white);--x-button-color-content-default:var(--x-color-brand-green-600);--x-button-color-content-disabled:var(--x-color-neutral-500);--x-button-color-content-hover:var(--x-color-neutral-white);--x-button-knockout-color-background-active:var(--x-color-brand-green-300);--x-button-knockout-color-background-default:var(--x-color-neutral-white);--x-button-knockout-color-background-disabled:var(--x-color-neutral-400);--x-button-knockout-color-background-hover:var(--x-color-brand-green-200);--x-button-knockout-color-content-active:var(--x-color-brand-green-800);--x-button-knockout-color-content-default:var(--x-color-brand-green-600);--x-button-knockout-color-content-disabled:var(--x-color-neutral-400);--x-button-knockout-color-content-hover:var(--x-color-brand-green-700);--x-button-primary-color-background-active:var(--x-color-neutral-white);--x-button-primary-color-background-default:var(--x-color-brand-green-600);--x-button-primary-color-background-disabled:var(--x-color-neutral-400);--x-button-primary-color-background-hover:var(--x-color-neutral-white);--x-button-primary-color-border-active:var(--x-color-brand-green-700);--x-button-primary-color-border-default:var(--x-color-brand-green-600);--x-button-primary-color-border-disabled:var(--x-color-neutral-400);--x-button-primary-color-border-hover:var(--x-color-brand-green-700);--x-button-primary-color-content-active:var(--x-color-brand-green-800);--x-button-primary-color-content-default:var(--x-color-neutral-white);--x-button-primary-color-content-disabled:var(--x-color-neutral-white);--x-button-primary-color-content-hover:var(--x-color-brand-green-600);--x-button-tertiary-color-background-default:var(--x-color-neutral-white);--x-button-tertiary-color-border-active:var(--x-color-border-default-hover);--x-button-tertiary-color-border-default:var(--x-color-border-default);--x-button-tertiary-color-border-disabled:var(--x-color-border-disabled);--x-button-tertiary-color-border-hover:var(--x-color-border-default-hover);--x-button-tertiary-color-content-active:var(--x-color-brand-green-800);--x-button-tertiary-color-content-default:var(--x-color-brand-green-600);--x-button-tertiary-color-content-disabled:var(--x-color-neutral-500);--x-button-tertiary-color-content-hover:var(--x-color-brand-green-800);--x-color-background-brand:var(--x-color-brand-green-200);--x-color-background-brand-disabled:var(--x-color-neutral-300);--x-color-background-brand-hover:var(--x-color-brand-green-300);--x-color-background-brand-knockout:var(--x-color-brand-green-500);--x-color-background-brand-knockout-hover:var(--x-color-brand-green-600);--x-color-background-default:var(--x-color-neutral-100);--x-color-background-default-hover:var(--x-color-neutral-200);--x-color-background-disabled:var(--x-color-neutral-300);--x-color-background-knockout:var(--x-color-brand-green-600);--x-color-background-subtle:var(--x-color-brand-green-100);--x-color-background-subtle-hover:var(--x-color-brand-green-200);--x-color-background-transparent-light:var(--x-color-transparent-25);--x-color-background-transparent-strong:var(--x-color-transparent-90);--x-color-background-utility-error:var(--x-color-utility-red-100);--x-color-background-utility-error-knockout:var(--x-color-utility-red-700);--x-color-background-utility-info:var(--x-color-brand-green-100);--x-color-background-utility-info-knockout:var(--x-color-brand-green-700);--x-color-background-utility-success:var(--x-color-utility-green-100);--x-color-background-utility-success-knockout:var(--x-color-utility-green-600);--x-color-background-utility-warning:var(--x-color-utility-orange-100);--x-color-background-utility-warning-knockout:var(--x-color-utility-orange-700);--x-color-border-brand:var(--x-color-brand-green-600);--x-color-border-default:var(--x-color-brand-green-300);--x-color-border-default-hover:var(--x-color-brand-green-400);--x-color-border-disabled:var(--x-color-neutral-300);--x-color-border-knockout:var(--x-color-neutral-400);--x-color-border-strong:var(--x-color-neutral-900);--x-color-border-subtle:var(--x-color-neutral-300);--x-color-border-utility-error:var(--x-color-utility-red-600);--x-color-border-utility-info:var(--x-color-brand-green-600);--x-color-border-utility-success:var(--x-color-utility-green-600);--x-color-border-utility-warning:var(--x-color-utility-orange-700);--x-color-brand-cream-100:#f9fafb;--x-color-brand-cream-200:#f7f6f4;--x-color-brand-cream-300:#f4f2ee;--x-color-brand-cream-400:#eeece7;--x-color-brand-cream-500:#ebe8e2;--x-color-brand-cream-600:#e6e2db;--x-color-brand-cream-700:#d1cec7;--x-color-brand-cream-800:#a3a09b;--x-color-brand-cream-900:#7f7c78;--x-color-brand-green-100:#ebece8;--x-color-brand-green-200:#c0c3b8;--x-color-brand-green-300:#a1a695;--x-color-brand-green-400:#767e65;--x-color-brand-green-500:#5c6547;--x-color-brand-green-600:#333e19;--x-color-brand-green-700:#242c12;--x-color-brand-green-800:#1c220e;--x-color-brand-green-900:#151a0b;--x-color-content-brand:var(--x-color-brand-green-500);--x-color-content-brand-hover:var(--x-color-brand-green-600);--x-color-content-brand-knockout:var(--x-color-brand-green-100);--x-color-content-default:var(--x-color-brand-green-600);--x-color-content-default-hover:var(--x-color-brand-green-800);--x-color-content-disabled:var(--x-color-neutral-800);--x-color-content-knockout:var(--x-color-brand-cream-100);--x-color-content-subtle:var(--x-color-neutral-600);--x-color-content-utility-error:var(--x-color-utility-red-700);--x-color-content-utility-info:var(--x-color-brand-green-500);--x-color-content-utility-success:var(--x-color-utility-green-700);--x-color-content-utility-warning:var(--x-color-utility-orange-700);--x-color-neutral-100:#fcfcfc;--x-color-neutral-200:#f2f2f3;--x-color-neutral-300:#d7d8db;--x-color-neutral-400:#9699a0;--x-color-neutral-500:#7a7e87;--x-color-neutral-600:#61646b;--x-color-neutral-700:#484a4f;--x-color-neutral-800:#313337;--x-color-neutral-900:#1c1d1f;--x-color-neutral-black:#000;--x-color-neutral-white:#fff;--x-color-transparent-25:#00000040;--x-color-transparent-90:#000000e6;--x-color-utility-green-100:#eaf0eb;--x-color-utility-green-200:#ceddd1;--x-color-utility-green-300:#b6ccbb;--x-color-utility-green-400:#95b59c;--x-color-utility-green-500:#81a689;--x-color-utility-green-600:#61906b;--x-color-utility-green-700:#45664c;--x-color-utility-green-800:#354f3b;--x-color-utility-green-900:#293c2d;--x-color-utility-orange-100:#f7ebdd;--x-color-utility-orange-200:#f6dcc1;--x-color-utility-orange-300:#f2cba3;--x-color-utility-orange-400:#ecb278;--x-color-utility-orange-500:#e8a35e;--x-color-utility-orange-600:#e28b36;--x-color-utility-orange-700:#ce7f31;--x-color-utility-orange-800:#914600;--x-color-utility-orange-900:#5e3000;--x-color-utility-red-100:#fceaef;--x-color-utility-red-200:#f8c5d1;--x-color-utility-red-300:#efa2b2;--x-color-utility-red-400:#dd7c88;--x-color-utility-red-500:#cd5a61;--x-color-utility-red-600:#b82f30;--x-color-utility-red-700:#952323;--x-color-utility-red-800:#631717;--x-color-utility-red-900:#390e0e;--x-focus-ring-color-border-default:var(--x-color-brand-green-500);--x-focus-ring-color-border-knockout:var(--x-color-neutral-white);--x-form-color-background-active:var(--x-color-neutral-white);--x-form-color-background-default:var(--x-color-neutral-white);--x-form-color-background-focus:var(--x-color-neutral-white);--x-form-color-background-hover:var(--x-color-neutral-white);--x-form-color-border-active:var(--x-color-neutral-black);--x-form-color-border-default:var(--x-color-neutral-500);--x-form-color-border-focus:var(--x-color-neutral-black);--x-form-color-border-hover:var(--x-color-neutral-black);--x-link-color-content-active:var(--x-color-brand-green-600);--x-link-color-content-default:var(--x-color-brand-green-500);--x-link-color-content-hover:var(--x-color-brand-green-600);--x-link-color-content-visited:var(--x-color-brand-green-500);--x-link-knockout-color-content-active:var(--x-color-brand-green-200);--x-link-knockout-color-content-default:var(--x-color-brand-green-100);--x-link-knockout-color-content-hover:var(--x-color-brand-green-200);--x-link-knockout-color-content-visited:var(--x-color-brand-green-300);--x-shadow-md-blur:16px;--x-shadow-md-color:#0000000f;--x-shadow-md-spread:0px;--x-shadow-md-x:4px;--x-shadow-md-y:12px;--x-shadow-sm-blur:4px;--x-shadow-sm-color:#00000040;--x-shadow-sm-spread:0px;--x-shadow-sm-x:0px;--x-shadow-sm-y:4px;--x-spacing-0:0px;--x-spacing-4:4px;--x-spacing-8:8px;--x-spacing-12:12px;--x-spacing-16:16px;--x-spacing-20:20px;--x-spacing-24:24px;--x-spacing-28:28px;--x-spacing-32:32px;--x-spacing-40:40px;--x-spacing-44:44px;--x-spacing-48:48px;--x-spacing-64:64px;--x-spacing-80:80px;--x-spacing-96:96px;--x-spacing-128:128px;--x-typography-body-default-font-family:var(--x-typography-font-family-avenir-next);--x-typography-body-default-font-size:var(--x-typography-font-size-14);--x-typography-body-default-font-weight:var(--x-typography-font-weight-400);--x-typography-body-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-body-default-line-height:var(--x-typography-line-height-20);--x-typography-body-default-text-transform:var(--x-typography-text-transform-none);--x-typography-body-lg-font-family:var(--x-typography-font-family-avenir-next);--x-typography-body-lg-font-size:var(--x-typography-font-size-18);--x-typography-body-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-body-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-body-lg-line-height:var(--x-typography-line-height-24);--x-typography-body-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-body-sm-font-family:var(--x-typography-font-family-avenir-next);--x-typography-body-sm-font-size:var(--x-typography-font-size-12);--x-typography-body-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-body-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-body-sm-line-height:var(--x-typography-line-height-16);--x-typography-body-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-display-default-font-family:var(--x-typography-font-family-adobe-caslon-pro);--x-typography-display-default-font-size:var(--x-typography-font-size-48);--x-typography-display-default-font-weight:var(--x-typography-font-weight-400);--x-typography-display-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-display-default-line-height:var(--x-typography-line-height-48);--x-typography-display-default-text-transform:var(--x-typography-text-transform-none);--x-typography-display-sm-font-family:var(--x-typography-font-family-adobe-caslon-pro);--x-typography-display-sm-font-size:var(--x-typography-font-size-32);--x-typography-display-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-display-sm-letter-spacing:var(--x-typography-letter-spacing-half);--x-typography-display-sm-line-height:var(--x-typography-line-height-40);--x-typography-display-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-font-family-adobe-caslon-pro:"Adobe Caslon Pro", serif;--x-typography-font-family-avenir-next:"Avenir Next", sans-serif;--x-typography-font-size-12:12px;--x-typography-font-size-14:14px;--x-typography-font-size-16:16px;--x-typography-font-size-18:18px;--x-typography-font-size-20:20px;--x-typography-font-size-24:24px;--x-typography-font-size-28:28px;--x-typography-font-size-32:32px;--x-typography-font-size-40:40px;--x-typography-font-size-48:48px;--x-typography-font-size-56:56px;--x-typography-font-size-64:64px;--x-typography-font-size-80:80px;--x-typography-font-size-100:100px;--x-typography-font-weight-400:400;--x-typography-font-weight-700:700;--x-typography-headline-default-font-family:var(--x-typography-font-family-adobe-caslon-pro);--x-typography-headline-default-font-size:var(--x-typography-font-size-32);--x-typography-headline-default-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-default-line-height:var(--x-typography-line-height-36);--x-typography-headline-default-text-transform:var(--x-typography-text-transform-none);--x-typography-headline-lg-font-family:var(--x-typography-font-family-adobe-caslon-pro);--x-typography-headline-lg-font-size:var(--x-typography-font-size-40);--x-typography-headline-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-lg-line-height:var(--x-typography-line-height-48);--x-typography-headline-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-headline-sm-font-family:var(--x-typography-font-family-adobe-caslon-pro);--x-typography-headline-sm-font-size:var(--x-typography-font-size-28);--x-typography-headline-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-sm-line-height:var(--x-typography-line-height-32);--x-typography-headline-sm-text-transform:var(--x-typography-display-sm-text-transform);--x-typography-headline-xs-font-family:var(--x-typography-font-family-adobe-caslon-pro);--x-typography-headline-xs-font-size:var(--x-typography-font-size-24);--x-typography-headline-xs-font-weight:var(--x-typography-font-weight-400);--x-typography-headline-xs-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-headline-xs-line-height:var(--x-typography-line-height-28);--x-typography-headline-xs-text-transform:var(--x-typography-text-transform-none);--x-typography-label-default-font-family:var(--x-typography-font-family-avenir-next);--x-typography-label-default-font-size:var(--x-typography-font-size-16);--x-typography-label-default-font-weight:var(--x-typography-font-weight-400);--x-typography-label-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-default-line-height:var(--x-typography-line-height-24);--x-typography-label-default-text-transform:var(--x-typography-text-transform-none);--x-typography-label-lg-font-family:var(--x-typography-font-family-avenir-next);--x-typography-label-lg-font-size:var(--x-typography-font-size-20);--x-typography-label-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-label-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-lg-line-height:var(--x-typography-line-height-28);--x-typography-label-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-label-sm-font-family:var(--x-typography-font-family-avenir-next);--x-typography-label-sm-font-size:var(--x-typography-font-size-14);--x-typography-label-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-label-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-sm-line-height:var(--x-typography-line-height-20);--x-typography-label-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-label-xs-font-family:var(--x-typography-font-family-avenir-next);--x-typography-label-xs-font-size:var(--x-typography-font-size-12);--x-typography-label-xs-font-weight:var(--x-typography-font-weight-400);--x-typography-label-xs-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-label-xs-line-height:var(--x-typography-line-height-16);--x-typography-label-xs-text-transform:var(--x-typography-text-transform-none);--x-typography-letter-spacing-0:0px;--x-typography-letter-spacing-1:1px;--x-typography-letter-spacing-1-half:1.5px;--x-typography-letter-spacing-2:2px;--x-typography-letter-spacing-half:0.5px;--x-typography-letter-spacing-minus-1:-1px;--x-typography-letter-spacing-minus-1-half:-1.5px;--x-typography-letter-spacing-minus-2:-2px;--x-typography-letter-spacing-minus-half:-0.5px;--x-typography-line-height-16:16px;--x-typography-line-height-20:20px;--x-typography-line-height-24:24px;--x-typography-line-height-28:28px;--x-typography-line-height-32:32px;--x-typography-line-height-36:36px;--x-typography-line-height-40:40px;--x-typography-line-height-48:48px;--x-typography-line-height-56:56px;--x-typography-line-height-64:64px;--x-typography-line-height-72:72px;--x-typography-line-height-80:80px;--x-typography-line-height-100:100px;--x-typography-line-height-110:110px;--x-typography-meta-default-font-family:var(--x-typography-font-family-avenir-next);--x-typography-meta-default-font-size:var(--x-typography-font-size-14);--x-typography-meta-default-font-weight:var(--x-typography-font-weight-400);--x-typography-meta-default-letter-spacing:var(--x-typography-letter-spacing-1-half);--x-typography-meta-default-line-height:var(--x-typography-line-height-20);--x-typography-meta-default-text-transform:var(--x-typography-text-transform-uppercase);--x-typography-meta-lg-font-family:var(--x-typography-font-family-avenir-next);--x-typography-meta-lg-font-size:var(--x-typography-font-size-14);--x-typography-meta-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-meta-lg-letter-spacing:var(--x-typography-letter-spacing-1-half);--x-typography-meta-lg-line-height:var(--x-typography-line-height-20);--x-typography-meta-lg-text-transform:var(--x-typography-text-transform-uppercase);--x-typography-meta-sm-font-family:var(--x-typography-font-family-avenir-next);--x-typography-meta-sm-font-size:var(--x-typography-font-size-12);--x-typography-meta-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-meta-sm-letter-spacing:var(--x-typography-letter-spacing-1-half);--x-typography-meta-sm-line-height:var(--x-typography-line-height-16);--x-typography-meta-sm-text-transform:var(--x-typography-text-transform-uppercase);--x-typography-text-transform-none:none;--x-typography-text-transform-uppercase:uppercase;--x-typography-title-default-font-family:var(--x-typography-font-family-avenir-next);--x-typography-title-default-font-size:var(--x-typography-font-size-28);--x-typography-title-default-font-weight:var(--x-typography-font-weight-400);--x-typography-title-default-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-title-default-line-height:var(--x-typography-line-height-36);--x-typography-title-default-text-transform:var(--x-typography-text-transform-none);--x-typography-title-lg-font-family:var(--x-typography-font-family-avenir-next);--x-typography-title-lg-font-size:var(--x-typography-font-size-56);--x-typography-title-lg-font-weight:var(--x-typography-font-weight-400);--x-typography-title-lg-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-title-lg-line-height:var(--x-typography-line-height-72);--x-typography-title-lg-text-transform:var(--x-typography-text-transform-none);--x-typography-title-sm-font-family:var(--x-typography-font-family-avenir-next);--x-typography-title-sm-font-size:var(--x-typography-font-size-24);--x-typography-title-sm-font-weight:var(--x-typography-font-weight-400);--x-typography-title-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-title-sm-line-height:var(--x-typography-line-height-32);--x-typography-title-sm-text-transform:var(--x-typography-text-transform-none)}@media (min-width:1200px){:root{--x-typography-body-default-font-size:var(--x-typography-font-size-16);--x-typography-body-default-line-height:var(--x-typography-line-height-24);--x-typography-body-lg-font-size:var(--x-typography-font-size-20);--x-typography-body-lg-line-height:var(--x-typography-line-height-28);--x-typography-body-sm-font-size:var(--x-typography-font-size-14);--x-typography-body-sm-line-height:var(--x-typography-line-height-20);--x-typography-display-default-font-size:var(--x-typography-font-size-80);--x-typography-display-default-line-height:var(--x-typography-line-height-80);--x-typography-display-sm-font-size:var(--x-typography-font-size-56);--x-typography-display-sm-letter-spacing:var(--x-typography-letter-spacing-0);--x-typography-display-sm-line-height:var(--x-typography-line-height-64);--x-typography-headline-default-font-size:var(--x-typography-font-size-40);--x-typography-headline-default-line-height:var(--x-typography-line-height-48);--x-typography-headline-lg-font-size:var(--x-typography-font-size-48);--x-typography-headline-lg-line-height:var(--x-typography-line-height-56);--x-typography-headline-sm-font-size:var(--x-typography-font-size-32);--x-typography-headline-sm-line-height:var(--x-typography-line-height-36);--x-typography-headline-sm-text-transform:var(--x-typography-text-transform-none);--x-typography-headline-xs-font-size:var(--x-typography-font-size-28);--x-typography-headline-xs-line-height:var(--x-typography-line-height-32);--x-typography-meta-lg-font-size:var(--x-typography-font-size-16);--x-typography-meta-lg-line-height:var(--x-typography-line-height-24);--x-typography-title-lg-font-size:var(--x-typography-font-size-64);--x-typography-title-lg-line-height:var(--x-typography-line-height-80)}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@candide/design-tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Candide design tokens for Babylonstoren and The Newt. DTCG source, rendered CSS output.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"private": false,
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"url": "git+https://github.com/candide-com/x-design-tokens.git"
|
|
10
10
|
},
|
|
11
11
|
"publishConfig": {
|
|
12
|
-
"access": "
|
|
12
|
+
"access": "public"
|
|
13
13
|
},
|
|
14
14
|
"files": [
|
|
15
15
|
"dist/*/tokens.css",
|
|
@@ -28,9 +28,10 @@
|
|
|
28
28
|
"check": "node scripts/check-all-sets.mjs",
|
|
29
29
|
"check:contract": "node scripts/check-contract.mjs",
|
|
30
30
|
"check:sets": "node scripts/check-set-paths.mjs",
|
|
31
|
-
"validate": "npm run check:sets && npm run check && npm run build && npm run check:contract",
|
|
31
|
+
"validate": "npm run check:sets && npm run check:source && npm run check && npm run build && npm run check:contract",
|
|
32
32
|
"test": "node --test scripts/",
|
|
33
|
-
"prepublishOnly": "npm run validate"
|
|
33
|
+
"prepublishOnly": "npm run validate",
|
|
34
|
+
"check:source": "node scripts/check-source.mjs"
|
|
34
35
|
},
|
|
35
36
|
"devDependencies": {
|
|
36
37
|
"@terrazzo/cli": "2.7.1",
|