Skip to content

Commit 67550a7

Browse files
maxholmanmaxholman
committed
chore: lint
1 parent 24f216f commit 67550a7

15 files changed

Lines changed: 64 additions & 57 deletions

‎lib/badge.css.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
} from '@vanilla-extract/css';
77
import { createGlobalThemeMapFn } from './css-helpers.js';
88
import { purposeVariantVars } from './purpose.css.js';
9-
import { globalVars, type Prefix } from './vars.css.js';
9+
import { baseVars, type Prefix } from './vars.css.js';
1010

1111
/**
1212
* Badge vars
@@ -24,8 +24,8 @@ export const badgeVars = createGlobalThemeContract(
2424
);
2525

2626
const badgeClassName = style({
27-
borderRadius: globalVars.border.radius,
28-
borderWidth: globalVars.border.width,
27+
borderRadius: baseVars.border.radius,
28+
borderWidth: baseVars.border.width,
2929
borderStyle: 'solid',
3030
});
3131

‎lib/button.css.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
import { calc } from '@vanilla-extract/css-utils';
77
import { createGlobalThemeMapFn } from './css-helpers.js';
88
import { typedObjectEntries, typedObjectFromEntries } from './utils.js';
9-
import { propsVars, globalVars, type Prefix } from './vars.css.js';
9+
import { propsVars, baseVars, type Prefix } from './vars.css.js';
1010

1111
export type ButtonVariant =
1212
| 'default'
@@ -77,8 +77,8 @@ export const buttonClassName = style([
7777
{
7878
cursor: 'pointer',
7979
userSelect: 'none',
80-
borderRadius: globalVars.border.radius,
81-
borderWidth: globalVars.border.width,
80+
borderRadius: baseVars.border.radius,
81+
borderWidth: baseVars.border.width,
8282
selectors: {
8383
'&[disabled]': {
8484
pointerEvents: 'none',

‎lib/callout.css.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
} from '@vanilla-extract/css';
77
import { createGlobalThemeMapFn } from './css-helpers.js';
88
import { purposeVariantVars } from './purpose.css.js';
9-
import { globalVars, type Prefix } from './vars.css.js';
9+
import { baseVars, type Prefix } from './vars.css.js';
1010

1111
/**
1212
* Callout vars
@@ -27,8 +27,8 @@ const calloutClassName = style({
2727
display: 'grid',
2828
gridTemplateColumns: 'auto 1fr',
2929
borderStyle: 'solid',
30-
borderRadius: globalVars.border.radius,
31-
borderWidth: globalVars.border.width,
30+
borderRadius: baseVars.border.radius,
31+
borderWidth: baseVars.border.width,
3232
padding: calloutVars.padding,
3333
});
3434

‎lib/decorative.css.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { style } from '@vanilla-extract/css';
2-
import { propsVars, globalVars } from './vars.css.js';
2+
import { propsVars, baseVars } from './vars.css.js';
33

44
export const dividerClassName = style({
55
height: propsVars.border.width[1],
6-
backgroundColor: globalVars.color.muted.borderColor,
6+
backgroundColor: baseVars.color.muted.borderColor,
77
});

‎lib/design-system.css.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { style } from '@vanilla-extract/css';
2-
import { globalVars } from './vars.css.js';
2+
import { baseVars } from './vars.css.js';
33

44
export const designSystemClassName = style({
5-
color: globalVars.color.fgColor,
6-
backgroundColor: globalVars.color.bgColor,
5+
color: baseVars.color.fgColor,
6+
backgroundColor: baseVars.color.bgColor,
77
});

‎lib/forms.css.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import {
88
focusWidthVar,
99
} from './focusable.css.js';
1010
import { purposeVariantVars } from './purpose.css.js';
11-
import { globalVars, type Prefix, propsVars } from './vars.css.js';
11+
import { baseVars, type Prefix, propsVars } from './vars.css.js';
1212
import { textVariantVars } from './typography.css.js';
1313

1414
/**
@@ -83,7 +83,7 @@ export const formInputFocusNotCheckRadioClassName = style([
8383
focusVisibleClassName,
8484
{
8585
outlineWidth: formControlVars.outline.width,
86-
borderRadius: globalVars.border.radius,
86+
borderRadius: baseVars.border.radius,
8787
borderColor: purposeVariantVars.default.muted.borderColor,
8888
selectors: {
8989
'&:focus': {
@@ -182,7 +182,7 @@ export const formInputCheckboxInput = style([
182182
// size and color of the check
183183
aspectRatio: '1/1',
184184
// height: '0.35em',
185-
boxShadow: `inset 1em 1em ${globalVars.color.accent}`,
185+
boxShadow: `inset 1em 1em ${baseVars.color.accent}`,
186186
},
187187
'&:checked': {
188188
// background/border of the check
@@ -203,7 +203,7 @@ export const formInputRadioInput = style([
203203
height: '0.5rem',
204204
aspectRatio: '1/1',
205205
borderRadius: '50%',
206-
boxShadow: `inset 1em 1em ${globalVars.color.accent}`,
206+
boxShadow: `inset 1em 1em ${baseVars.color.accent}`,
207207
},
208208
},
209209
},

‎lib/link.css.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
import { createGlobalThemeMapFn } from './css-helpers.js';
77
import { focusableClassName, focusRadiusVar } from './focusable.css.js';
88
import { textVariantVars } from './typography.css.js';
9-
import { globalVars, type Prefix, propsVars } from './vars.css.js';
9+
import { baseVars, type Prefix, propsVars } from './vars.css.js';
1010

1111
export type LinkVariant = 'strong' | 'normal' | 'weak' | 'none';
1212

@@ -90,11 +90,11 @@ const textLinkClassName = style([
9090
export const linkStyleVariantLegacy = styleVariants(
9191
{
9292
strong: {
93-
color: globalVars.color.accent,
93+
color: baseVars.color.accent,
9494
fontWeight: textVariantVars.fontWeight.medium,
9595
},
9696
normal: {
97-
color: globalVars.color.accent,
97+
color: baseVars.color.accent,
9898
},
9999
none: {
100100
// color: linkColorVar,
@@ -103,7 +103,7 @@ export const linkStyleVariantLegacy = styleVariants(
103103
textDecoration: 'underline',
104104
selectors: {
105105
'&:hover': {
106-
color: globalVars.color.accent,
106+
color: baseVars.color.accent,
107107
},
108108
},
109109
},

‎lib/modal.css.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { style, type StyleRule } from '@vanilla-extract/css';
22
import { precomputedViewportRules, type Viewport } from './box.css.js';
33
import { typedObjectEntries, typedObjectFromEntries } from './utils.js';
4-
import { propsVars, globalVars } from './vars.css.js';
4+
import { propsVars, baseVars } from './vars.css.js';
55

66
// WARN: ordering is important here as it affects the generated CSS
77
// it should be the opposite order of viewportSizes (I think)
@@ -76,10 +76,10 @@ export const modalClassName = style({
7676
});
7777

7878
export const modalInnerClassName = style({
79-
backgroundColor: globalVars.color.bgColor,
80-
borderRadius: globalVars.border.radius,
81-
outlineColor: globalVars.color.borderColor,
82-
outlineWidth: globalVars.border.width,
79+
backgroundColor: baseVars.color.bgColor,
80+
borderRadius: baseVars.border.radius,
81+
outlineColor: baseVars.color.borderColor,
82+
outlineWidth: baseVars.border.width,
8383
outlineStyle: 'solid',
8484
});
8585

‎lib/panel.css.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { createGlobalThemeContract, style } from '@vanilla-extract/css';
22
import { createGlobalThemeMapFn } from './css-helpers.js';
3-
import { globalVars, type Prefix } from './vars.css.js';
3+
import { baseVars, type Prefix } from './vars.css.js';
44

55
/**
66
* Panel vars
@@ -21,10 +21,10 @@ export const panelVars = createGlobalThemeContract(
2121
);
2222

2323
export const panelClassName = style({
24-
borderColor: globalVars.color.muted.borderColor,
24+
borderColor: baseVars.color.muted.borderColor,
2525
borderStyle: 'solid',
26-
borderWidth: globalVars.border.width,
27-
borderRadius: globalVars.border.radius,
26+
borderWidth: baseVars.border.width,
27+
borderRadius: baseVars.border.radius,
2828
paddingBlock: panelVars.padding.block,
2929
paddingInline: panelVars.padding.inline,
3030
});

‎lib/tokens.ts‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import type { panelVars } from './panel.css.js';
77
import type { purposeVariantVars } from './purpose.css.js';
88
import { textVariantVars } from './typography.css.js';
99
import type { MapLeafNodes } from './vanilla-extract-css-types.js';
10-
import { globalVars, type propsVars } from './vars.css.js';
10+
import { baseVars, type propsVars } from './vars.css.js';
1111

1212
export const defaultGlobalTokens = {
1313
border: {
@@ -31,7 +31,7 @@ export const defaultGlobalTokens = {
3131
borderColor: openPropsTokens.gray5,
3232
},
3333
},
34-
} satisfies MapLeafNodes<typeof globalVars, string>;
34+
} satisfies MapLeafNodes<typeof baseVars, string>;
3535

3636
export const defaultPropsTokens = {
3737
border: {
@@ -206,33 +206,33 @@ export const defaultTextLinkTokens = {
206206
strong: {
207207
fontWeight: textVariantVars.fontWeight.medium,
208208
rest: {
209-
fgColor: globalVars.color.accent,
209+
fgColor: baseVars.color.accent,
210210
textDecoration: 'underline',
211211
},
212212
hover: {
213-
fgColor: globalVars.color.accent,
213+
fgColor: baseVars.color.accent,
214214
textDecoration: 'underline',
215215
},
216216
},
217217
normal: {
218218
fontWeight: textVariantVars.fontWeight.normal,
219219
rest: {
220-
fgColor: globalVars.color.accent,
220+
fgColor: baseVars.color.accent,
221221
textDecoration: 'none',
222222
},
223223
hover: {
224-
fgColor: globalVars.color.accent,
224+
fgColor: baseVars.color.accent,
225225
textDecoration: 'underline',
226226
},
227227
},
228228
weak: {
229229
fontWeight: textVariantVars.fontWeight.normal,
230230
rest: {
231-
fgColor: globalVars.color.fgColor,
231+
fgColor: baseVars.color.fgColor,
232232
textDecoration: 'underline',
233233
},
234234
hover: {
235-
fgColor: globalVars.color.accent,
235+
fgColor: baseVars.color.accent,
236236
textDecoration: 'underline',
237237
},
238238
},

0 commit comments

Comments
 (0)