Skip to content

Commit 1933d8e

Browse files
authored
Fix typos (#13257)
* fix typos * update test, due to typo in property order list
1 parent 154164d commit 1933d8e

File tree

8 files changed

+31
-31
lines changed

8 files changed

+31
-31
lines changed

packages/tailwindcss/src/css-parser.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -480,7 +480,7 @@ describe.each(['Unix', 'Windows'])('Line endings: %s', (lineEndings) => {
480480
])
481481
})
482482

483-
it('should parse mutlti-line declarations', () => {
483+
it('should parse multi-line declarations', () => {
484484
expect(
485485
parse(css`
486486
.foo {

packages/tailwindcss/src/css-parser.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -379,7 +379,7 @@ export function parse(input: string) {
379379
// in the stack.
380380
let grandParent = stack.pop() ?? null
381381

382-
// We are the root node which means we are done and contine with the next
382+
// We are the root node which means we are done and continue with the next
383383
// node.
384384
if (grandParent === null && parent) {
385385
ast.push(parent)

packages/tailwindcss/src/index.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ describe('compiling CSS', () => {
112112
})
113113
})
114114

115-
describe('arbitrary prpoerties', () => {
115+
describe('arbitrary properties', () => {
116116
it('should generate arbitrary properties', () => {
117117
expect(run(['[color:red]'])).toMatchInlineSnapshot(`
118118
".\\[color\\:red\\] {

packages/tailwindcss/src/intellisense.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ test('getClassList', () => {
2525
expect(classNames).toMatchSnapshot()
2626
})
2727

28-
test('Theme values with underscores are converted back to deciaml points', () => {
28+
test('Theme values with underscores are converted back to decimal points', () => {
2929
let design = loadDesignSystem()
3030
let classes = design.getClassList()
3131

packages/tailwindcss/src/property-order.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -301,7 +301,7 @@ export default [
301301

302302
'--tw-blur',
303303
'--tw-brightness',
304-
'--tw-contast',
304+
'--tw-contrast',
305305
'--tw-drop-shadow',
306306
'--tw-grayscale',
307307
'--tw-hue-rotate',
@@ -312,7 +312,7 @@ export default [
312312

313313
'--tw-backdrop-blur',
314314
'--tw-backdrop-brightness',
315-
'--tw-backdrop-contast',
315+
'--tw-backdrop-contrast',
316316
'--tw-backdrop-grayscale',
317317
'--tw-backdrop-hue-rotate',
318318
'--tw-backdrop-invert',

packages/tailwindcss/src/sort.test.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,13 @@ function loadDesign() {
1515
}
1616

1717
const table = [
18-
// Utitlies
18+
// Utilities
1919
['px-3 p-1 py-3', 'p-1 py-3 px-3'],
2020

2121
// Utilities with variants
2222
['px-3 focus:hover:p-3 hover:p-1 py-3', 'py-3 px-3 hover:p-1 focus:hover:p-3'],
2323

24-
// Utitlies with important
24+
// Utilities with important
2525
['px-3 py-4! p-1', 'p-1 py-4! px-3'],
2626
['py-4! px-3 p-1', 'p-1 py-4! px-3'],
2727

packages/tailwindcss/src/utilities.test.ts

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9278,6 +9278,16 @@ test('filter', () => {
92789278
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
92799279
}
92809280
9281+
.contrast-50 {
9282+
--tw-contrast: contrast(50%);
9283+
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
9284+
}
9285+
9286+
.contrast-\\[1\\.23\\] {
9287+
--tw-contrast: contrast(1.23);
9288+
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
9289+
}
9290+
92819291
.drop-shadow-\\[0_0_red\\] {
92829292
--tw-drop-shadow: drop-shadow(0 0 red);
92839293
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -9363,16 +9373,6 @@ test('filter', () => {
93639373
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
93649374
}
93659375
9366-
.contrast-50 {
9367-
--tw-contrast: contrast(50%);
9368-
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
9369-
}
9370-
9371-
.contrast-\\[1\\.23\\] {
9372-
--tw-contrast: contrast(1.23);
9373-
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
9374-
}
9375-
93769376
.filter {
93779377
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
93789378
}
@@ -9537,6 +9537,18 @@ test('backdrop-filter', () => {
95379537
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
95389538
}
95399539
9540+
.backdrop-contrast-50 {
9541+
--tw-backdrop-contrast: contrast(50%);
9542+
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9543+
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9544+
}
9545+
9546+
.backdrop-contrast-\\[1\\.23\\] {
9547+
--tw-backdrop-contrast: contrast(1.23);
9548+
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9549+
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9550+
}
9551+
95409552
.backdrop-grayscale {
95419553
--tw-backdrop-grayscale: grayscale(100%);
95429554
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -9645,18 +9657,6 @@ test('backdrop-filter', () => {
96459657
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
96469658
}
96479659
9648-
.backdrop-contrast-50 {
9649-
--tw-backdrop-contrast: contrast(50%);
9650-
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9651-
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9652-
}
9653-
9654-
.backdrop-contrast-\\[1\\.23\\] {
9655-
--tw-backdrop-contrast: contrast(1.23);
9656-
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9657-
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
9658-
}
9659-
96609660
.backdrop-filter {
96619661
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
96629662
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );

packages/tailwindcss/tests/ui.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,7 @@ test('borders can be added without a border-style utility', async ({ page }) =>
193193
expect(await getPropertyValue('#x', 'border')).toEqual('2px solid rgb(0, 0, 0)')
194194
})
195195

196-
test('borders can be added to a single side withou a border-style utility', async ({ page }) => {
196+
test('borders can be added to a single side without a border-style utility', async ({ page }) => {
197197
let { getPropertyValue } = await render(
198198
page,
199199
html`<div id="x" class="text-black border-r-2 border-dashed hover:border-r-4">

0 commit comments

Comments
 (0)