diff --git a/.changeset/rare-ways-reflect.md b/.changeset/rare-ways-reflect.md new file mode 100644 index 0000000000..fe2da8e03a --- /dev/null +++ b/.changeset/rare-ways-reflect.md @@ -0,0 +1,12 @@ +--- +'@pandacss/is-valid-prop': minor +'@pandacss/generator': minor +'@pandacss/types': minor +--- + +Add support for recent baseline and experimental css properties: + +- **Size interpolation:** fieldSizing, interpolateSize +- **Text rendering:** textWrapMode, textWrapStyle and textSpacingTrim +- **[Experimental] Anchor positioning:** anchorName, anchorScope, positionAnchor, positionArea, positionTry, + positionTryFallback, positionTryOrder, positionVisibility diff --git a/package.json b/package.json index 22b71fce54..30b3b139f8 100644 --- a/package.json +++ b/package.json @@ -50,7 +50,7 @@ "tsup": "8.0.2", "tsx": "4.7.1", "typescript": "5.6.2", - "vite-tsconfig-paths": "4.3.1", + "vite-tsconfig-paths": "5.1.4", "vitest": "1.5.0" }, "devDependencies": { diff --git a/packages/config/src/merge-config.ts b/packages/config/src/merge-config.ts index f4fa280d54..86ecdcb927 100644 --- a/packages/config/src/merge-config.ts +++ b/packages/config/src/merge-config.ts @@ -89,6 +89,7 @@ export function mergeConfigs(configs: ExtendableConfig[]) { globalCss: mergeExtensions(reversed.map((config) => config.globalCss ?? {})), globalVars: mergeExtensions(reversed.map((config) => config.globalVars ?? {})), globalFontface: mergeExtensions(reversed.map((config) => config.globalFontface ?? {})), + globalPositionTry: mergeExtensions(reversed.map((config) => config.globalPositionTry ?? {})), staticCss: mergeExtensions(reversed.map((config) => config.staticCss ?? {})), themes: mergeExtensions(reversed.map((config) => config.themes ?? {})), hooks: mergeHooks(pluginHooks), diff --git a/packages/core/__tests__/global-position-try.test.ts b/packages/core/__tests__/global-position-try.test.ts new file mode 100644 index 0000000000..75c212ccd0 --- /dev/null +++ b/packages/core/__tests__/global-position-try.test.ts @@ -0,0 +1,39 @@ +import { GlobalPositionTry } from '../src/global-position-try' + +describe('global position try', () => { + test('dash ident', () => { + const pos = new GlobalPositionTry({ + globalPositionTry: { + '--bottom-scrollable': { + alignSelf: 'stretch', + }, + }, + }) + + expect(pos.toString()).toMatchInlineSnapshot(` + "@position-try --bottom-scrollable { + align-self: stretch; + + }" + `) + }) + + test('without dash ident', () => { + const pos = new GlobalPositionTry({ + globalPositionTry: { + 'bottom-scrollable': { + positionArea: 'block-start span-inline-end', + alignSelf: 'stretch', + }, + }, + }) + + expect(pos.toString()).toMatchInlineSnapshot(` + "@position-try --bottom-scrollable { + position-area: block-start span-inline-end; + align-self: stretch; + + }" + `) + }) +}) diff --git a/packages/core/src/context.ts b/packages/core/src/context.ts index be360252c5..429c954d48 100644 --- a/packages/core/src/context.ts +++ b/packages/core/src/context.ts @@ -18,6 +18,8 @@ import type { } from '@pandacss/types' import { Conditions } from './conditions' import { FileEngine } from './file' +import { GlobalFontface } from './global-fontface' +import { GlobalPositionTry } from './global-position-try' import { GlobalVars } from './global-vars' import { HooksApi } from './hooks-api' import { ImportMap } from './import-map' @@ -34,7 +36,6 @@ import { StyleEncoder } from './style-encoder' import { Stylesheet } from './stylesheet' import type { ParserOptions, StylesheetContext } from './types' import { Utility } from './utility' -import { GlobalFontface } from './global-fontface' const defaults = (config: UserConfig): UserConfig => ({ cssVarRoot: ':where(:root, :host)', @@ -71,6 +72,7 @@ export class Context { globalVars: GlobalVars globalFontface: GlobalFontface + globalPositionTry: GlobalPositionTry encoder: StyleEncoder decoder: StyleDecoder @@ -189,6 +191,10 @@ export class Context { globalFontface: this.config.globalFontface, }) + this.globalPositionTry = new GlobalPositionTry({ + globalPositionTry: this.config.globalPositionTry, + }) + this.messages = getMessages({ jsx: this.jsx, config: this.config, @@ -343,6 +349,7 @@ export class Context { helpers: patternFns, globalVars: this.globalVars, globalFontface: this.globalFontface, + globalPositionTry: this.globalPositionTry, } satisfies Omit } diff --git a/packages/core/src/global-position-try.ts b/packages/core/src/global-position-try.ts new file mode 100644 index 0000000000..cc92319ab7 --- /dev/null +++ b/packages/core/src/global-position-try.ts @@ -0,0 +1,45 @@ +import type { FontfaceRule, GlobalPositionTry as GlobalPositionTryDefinition } from '@pandacss/types' +import { stringify } from './stringify' + +interface GlobalFontfaceOptions { + globalPositionTry?: GlobalPositionTryDefinition +} + +export class GlobalPositionTry { + names: string[] + + constructor(private opts: GlobalFontfaceOptions) { + this.names = Object.keys(opts.globalPositionTry ?? {}) + } + + isEmpty() { + return this.names.length === 0 + } + + toString() { + return stringifyGlobalPositionTry(this.opts.globalPositionTry ?? {}) + } +} + +const stringifyGlobalPositionTry = (dfns: GlobalPositionTryDefinition) => { + if (!dfns) return '' + + const lines: string[] = [] + + Object.entries(dfns).forEach(([key, value]) => { + const _value = Array.isArray(value) ? value : [value] + _value.forEach((v) => { + lines.push(stringifyPositionTry(key, v)) + }) + }) + + return lines.join('\n\n') +} + +const ident = (key: string) => (key.startsWith('--') ? key : `--${key}`) + +function stringifyPositionTry(key: string, config: FontfaceRule) { + return `@position-try ${ident(key)} { + ${stringify(config)} +}` +} diff --git a/packages/core/src/stylesheet.ts b/packages/core/src/stylesheet.ts index 98f38d9804..7edcf41aea 100644 --- a/packages/core/src/stylesheet.ts +++ b/packages/core/src/stylesheet.ts @@ -62,6 +62,7 @@ export class Stylesheet { let css = stringify(result) css += this.context.globalVars.toString() css += this.context.globalFontface.toString() + css += this.context.globalPositionTry.toString() if (this.context.hooks['cssgen:done']) { css = this.context.hooks['cssgen:done']({ artifact: 'global', content: css }) ?? css diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts index a15085b1d1..0573b9f0a5 100644 --- a/packages/core/src/types.ts +++ b/packages/core/src/types.ts @@ -29,7 +29,15 @@ export interface TransformResult { export interface StylesheetContext extends Pick< Context, - 'utility' | 'conditions' | 'encoder' | 'decoder' | 'isValidProperty' | 'hooks' | 'globalVars' | 'globalFontface' + | 'utility' + | 'conditions' + | 'encoder' + | 'decoder' + | 'isValidProperty' + | 'hooks' + | 'globalVars' + | 'globalFontface' + | 'globalPositionTry' > { layers: Layers helpers: PatternHelpers diff --git a/packages/fixture/src/config.ts b/packages/fixture/src/config.ts index 8f9fc4be1b..be5a3474a4 100644 --- a/packages/fixture/src/config.ts +++ b/packages/fixture/src/config.ts @@ -60,7 +60,10 @@ const textStyles = { }, } -export const fixturePreset: Omit = { +export const fixturePreset: Omit< + PresetCore, + 'globalCss' | 'staticCss' | 'globalVars' | 'globalFontface' | 'globalPositionTry' +> = { ...presetBase, conditions, theme: { diff --git a/packages/generator/__tests__/generate-style-props.test.ts b/packages/generator/__tests__/generate-style-props.test.ts index d16732383f..b0a073a40f 100644 --- a/packages/generator/__tests__/generate-style-props.test.ts +++ b/packages/generator/__tests__/generate-style-props.test.ts @@ -232,6 +232,14 @@ describe('generate property types', () => { * **Initial value**: \`read-only\` */ WebkitUserModify?: ConditionalValue + /** + * The **\`user-select\`** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes. + * + * **Syntax**: \`auto | text | none | contain | all\` + * + * **Initial value**: \`auto\` + */ + WebkitUserSelect?: ConditionalValue /** * The **\`accent-color\`** CSS property sets the accent color for user-interface controls generated by some elements. * @@ -319,6 +327,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/all */ all?: ConditionalValue + anchorName?: ConditionalValue + anchorScope?: ConditionalValue /** * The **\`animation\`** shorthand CSS property applies an animation between styles. It is a shorthand for \`animation-name\`, \`animation-duration\`, \`animation-timing-function\`, \`animation-delay\`, \`animation-iteration-count\`, \`animation-direction\`, \`animation-fill-mode\`, and \`animation-play-state\`. * @@ -491,6 +501,20 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-start */ animationRangeStart?: ConditionalValue + /** + * The **\`animation-timeline\`** CSS property specifies the timeline that is used to control the progress of an animation. + * + * **Syntax**: \`#\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **115** | n/a | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline + */ + animationTimeline?: ConditionalValue /** * The **\`animation-timing-function\`** CSS property sets how an animation progresses through the duration of each cycle. * @@ -506,20 +530,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/animation-timing-function */ animationTimingFunction?: ConditionalValue - /** - * The **\`animation-timeline\`** CSS property specifies the timeline that is used to control the progress of an animation. - * - * **Syntax**: \`#\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **115** | n/a | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline - */ - animationTimeline?: ConditionalValue /** * The **\`appearance\`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme. * @@ -549,7 +559,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/aspect-ratio */ aspectRatio?: ConditionalValue - azimuth?: ConditionalValue /** * The **\`backdrop-filter\`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent. * @@ -799,34 +808,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-block-color */ borderBlockColor?: ConditionalValue - /** - * The **\`border-block-style\`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-style'>\` - * - * **Initial value**: \`none\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style - */ - borderBlockStyle?: ConditionalValue - /** - * The **\`border-block-width\`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-width'>\` - * - * **Initial value**: \`medium\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width - */ - borderBlockWidth?: ConditionalValue /** * The **\`border-block-end\`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet. * @@ -935,6 +916,34 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-width */ borderBlockStartWidth?: ConditionalValue + /** + * The **\`border-block-style\`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-style'>\` + * + * **Initial value**: \`none\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style + */ + borderBlockStyle?: ConditionalValue + /** + * The **\`border-block-width\`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-width'>\` + * + * **Initial value**: \`medium\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width + */ + borderBlockWidth?: ConditionalValue /** * The **\`border-bottom\`** shorthand CSS property sets an element's bottom border. It sets the values of \`border-bottom-width\`, \`border-bottom-style\` and \`border-bottom-color\`. * @@ -1168,18 +1177,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-inline */ borderInline?: ConditionalValue - /** - * The **\`border-inline-end\`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet. - * - * **Syntax**: \`<'border-top-width'> || <'border-top-style'> || \` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **69** | **41** | **12.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end - */ - borderInlineEnd?: ConditionalValue /** * The **\`border-inline-color\`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-color\` and \`border-bottom-color\`, or \`border-right-color\` and \`border-left-color\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. * @@ -1195,33 +1192,17 @@ describe('generate property types', () => { */ borderInlineColor?: ConditionalValue /** - * The **\`border-inline-style\`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-style'>\` - * - * **Initial value**: \`none\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style - */ - borderInlineStyle?: ConditionalValue - /** - * The **\`border-inline-width\`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-width'>\` + * The **\`border-inline-end\`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet. * - * **Initial value**: \`medium\` + * **Syntax**: \`<'border-top-width'> || <'border-top-style'> || \` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | + * | **69** | **41** | **12.1** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end */ - borderInlineWidth?: ConditionalValue + borderInlineEnd?: ConditionalValue /** * The **\`border-inline-end-color\`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-color\`, \`border-right-color\`, \`border-bottom-color\`, or \`border-left-color\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. * @@ -1323,6 +1304,34 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width */ borderInlineStartWidth?: ConditionalValue + /** + * The **\`border-inline-style\`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-style'>\` + * + * **Initial value**: \`none\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style + */ + borderInlineStyle?: ConditionalValue + /** + * The **\`border-inline-width\`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-width'>\` + * + * **Initial value**: \`medium\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width + */ + borderInlineWidth?: ConditionalValue /** * The **\`border-left\`** shorthand CSS property sets all the properties of an element's left border. * @@ -1768,6 +1777,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/clip-path */ clipPath?: ConditionalValue + clipRule?: ConditionalValue /** * The **\`color\`** CSS property sets the foreground color value of an element's text and text decorations, and sets the \`currentcolor\` value. \`currentcolor\` may be used as an indirect value on _other_ properties and is the default for other color properties, such as \`border-color\`. * @@ -1782,6 +1792,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/color */ color?: ConditionalValue + colorInterpolationFilters?: ConditionalValue /** * The **\`color-scheme\`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in. * @@ -1955,18 +1966,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/contain */ contain?: ConditionalValue - /** - * The **\`contain-intrinsic-size\`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment. - * - * **Syntax**: \`[ auto? [ none | ] ]{1,2}\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :--: | :-: | - * | **83** | **107** | **17** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size - */ - containIntrinsicSize?: ConditionalValue /** * The **\`contain-intrinsic-block-size\`** CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment. * @@ -2009,6 +2008,18 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size */ containIntrinsicInlineSize?: ConditionalValue + /** + * The **\`contain-intrinsic-size\`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment. + * + * **Syntax**: \`[ auto? [ none | ] ]{1,2}\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | **83** | **107** | **17** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size + */ + containIntrinsicSize?: ConditionalValue /** * The **\`contain-intrinsic-width\`** CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment. * @@ -2147,6 +2158,9 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/cursor */ cursor?: ConditionalValue + cx?: ConditionalValue + cy?: ConditionalValue + d?: ConditionalValue /** * The **\`direction\`** CSS property sets the direction of text, table columns, and horizontal overflow. Use \`rtl\` for languages written from right to left (like Hebrew or Arabic), and \`ltr\` for those written from left to right (like English and most other languages). * @@ -2175,6 +2189,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/display */ display?: ConditionalValue + dominantBaseline?: ConditionalValue /** * The **\`empty-cells\`** CSS property sets whether borders and backgrounds appear around \`\` cells that have no visible content. * @@ -2189,6 +2204,10 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/empty-cells */ emptyCells?: ConditionalValue + fieldSizing?: ConditionalValue + fill?: ConditionalValue + fillOpacity?: ConditionalValue + fillRule?: ConditionalValue /** * The **\`filter\`** CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. * @@ -2319,6 +2338,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/float */ float?: ConditionalValue + floodColor?: ConditionalValue + floodOpacity?: ConditionalValue /** * The **\`font\`** CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font. * @@ -2416,20 +2437,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/font-palette */ fontPalette?: ConditionalValue - /** - * The **\`font-variation-settings\`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values. - * - * **Syntax**: \`normal | [ ]#\` - * - * **Initial value**: \`normal\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :----: | :-: | - * | **62** | **62** | **11** | **17** | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings - */ - fontVariationSettings?: ConditionalValue /** * The **\`font-size\`** CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative \`\` units, such as \`em\`, \`ex\`, and so forth. * @@ -2681,6 +2688,20 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-position */ fontVariantPosition?: ConditionalValue + /** + * The **\`font-variation-settings\`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values. + * + * **Syntax**: \`normal | [ ]#\` + * + * **Initial value**: \`normal\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :----: | :-: | + * | **62** | **62** | **11** | **17** | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings + */ + fontVariationSettings?: ConditionalValue /** * The **\`font-weight\`** CSS property sets the weight (or boldness) of the font. The weights available depend on the \`font-family\` that is currently set. * @@ -3059,12 +3080,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/inline-size */ inlineSize?: ConditionalValue - /** - * **Syntax**: \`auto | none\` - * - * **Initial value**: \`auto\` - */ - inputSecurity?: ConditionalValue /** * The **\`inset\`** CSS property is a shorthand that corresponds to the \`top\`, \`right\`, \`bottom\`, and/or \`left\` properties. It has the same multi-value syntax of the \`margin\` shorthand. * @@ -3157,6 +3172,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline-start */ insetInlineStart?: ConditionalValue + interpolateSize?: ConditionalValue /** * The **\`isolation\`** CSS property determines whether an element must create a new stacking context. * @@ -3256,6 +3272,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing */ letterSpacing?: ConditionalValue + lightingColor?: ConditionalValue /** * The **\`line-break\`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols. * @@ -3523,6 +3540,10 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/margin-trim */ marginTrim?: ConditionalValue + marker?: ConditionalValue + markerEnd?: ConditionalValue + markerMid?: ConditionalValue + markerStart?: ConditionalValue /** * The **\`mask\`** CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points. * @@ -4685,6 +4706,12 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/position */ position?: ConditionalValue + positionAnchor?: ConditionalValue + positionArea?: ConditionalValue + positionTry?: ConditionalValue + positionTryFallbacks?: ConditionalValue + positionTryOrder?: ConditionalValue + positionVisibility?: ConditionalValue /** * The **\`print-color-adjust\`** CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device. * @@ -4714,6 +4741,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/quotes */ quotes?: ConditionalValue + r?: ConditionalValue /** * The **\`resize\`** CSS property sets whether an element is resizable, and if so, in which directions. * @@ -4805,6 +4833,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/ruby-position */ rubyPosition?: ConditionalValue + rx?: ConditionalValue + ry?: ConditionalValue /** * The **\`scale\`** CSS property allows you to specify scale transforms individually and independently of the \`transform\` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the \`transform\` value. * @@ -4820,72 +4850,30 @@ describe('generate property types', () => { */ scale?: ConditionalValue /** - * The **\`scrollbar-color\`** CSS property sets the color of the scrollbar track and thumb. + * The **\`scroll-behavior\`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. * - * **Syntax**: \`auto | {2}\` + * **Syntax**: \`auto | smooth\` * * **Initial value**: \`auto\` * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **121** | **64** | No | n/a | No | + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **61** | **36** | **15.4** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-behavior */ - scrollbarColor?: ConditionalValue + scrollBehavior?: ConditionalValue /** - * The **\`scrollbar-gutter\`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed. - * - * **Syntax**: \`auto | stable && both-edges?\` + * The **\`scroll-margin\`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the \`margin\` property does for margins of an element. * - * **Initial value**: \`auto\` + * **Syntax**: \`{1,4}\` * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :--: | :-: | - * | **94** | **97** | No | n/a | No | + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :-----------------------: | :--: | :-: | + * | **69** | **90** | **14.1** | n/a | No | + * | | | 11 _(scroll-snap-margin)_ | | | * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter - */ - scrollbarGutter?: ConditionalValue - /** - * The **\`scrollbar-width\`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown. - * - * **Syntax**: \`auto | thin | none\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **121** | **64** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width - */ - scrollbarWidth?: ConditionalValue - /** - * The **\`scroll-behavior\`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. - * - * **Syntax**: \`auto | smooth\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **61** | **36** | **15.4** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-behavior - */ - scrollBehavior?: ConditionalValue - /** - * The **\`scroll-margin\`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the \`margin\` property does for margins of an element. - * - * **Syntax**: \`{1,4}\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :-----------------------: | :--: | :-: | - * | **69** | **90** | **14.1** | n/a | No | - * | | | 11 _(scroll-snap-margin)_ | | | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin */ scrollMargin?: ConditionalValue /** @@ -4901,7 +4889,7 @@ describe('generate property types', () => { */ scrollMarginBlock?: ConditionalValue /** - * The \`scroll-margin-block-start\` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-block-end\` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -4911,11 +4899,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end */ - scrollMarginBlockStart?: ConditionalValue + scrollMarginBlockEnd?: ConditionalValue /** - * The \`scroll-margin-block-end\` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-block-start\` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -4925,9 +4913,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start */ - scrollMarginBlockEnd?: ConditionalValue + scrollMarginBlockStart?: ConditionalValue /** * The \`scroll-margin-bottom\` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * @@ -4956,7 +4944,7 @@ describe('generate property types', () => { */ scrollMarginInline?: ConditionalValue /** - * The \`scroll-margin-inline-start\` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-inline-end\` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -4966,11 +4954,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end */ - scrollMarginInlineStart?: ConditionalValue + scrollMarginInlineEnd?: ConditionalValue /** - * The \`scroll-margin-inline-end\` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-inline-start\` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -4980,9 +4968,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start */ - scrollMarginInlineEnd?: ConditionalValue + scrollMarginInlineStart?: ConditionalValue /** * The \`scroll-margin-left\` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * @@ -5053,7 +5041,7 @@ describe('generate property types', () => { */ scrollPaddingBlock?: ConditionalValue /** - * The \`scroll-padding-block-start\` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-block-end\` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -5063,11 +5051,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end */ - scrollPaddingBlockStart?: ConditionalValue + scrollPaddingBlockEnd?: ConditionalValue /** - * The \`scroll-padding-block-end\` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-block-start\` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -5077,9 +5065,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start */ - scrollPaddingBlockEnd?: ConditionalValue + scrollPaddingBlockStart?: ConditionalValue /** * The \`scroll-padding-bottom\` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * @@ -5107,7 +5095,7 @@ describe('generate property types', () => { */ scrollPaddingInline?: ConditionalValue /** - * The \`scroll-padding-inline-start\` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-inline-end\` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -5117,11 +5105,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end */ - scrollPaddingInlineStart?: ConditionalValue + scrollPaddingInlineEnd?: ConditionalValue /** - * The \`scroll-padding-inline-end\` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-inline-start\` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -5131,9 +5119,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start */ - scrollPaddingInlineEnd?: ConditionalValue + scrollPaddingInlineStart?: ConditionalValue /** * The \`scroll-padding-left\` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * @@ -5265,6 +5253,48 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name */ scrollTimelineName?: ConditionalValue + /** + * The **\`scrollbar-color\`** CSS property sets the color of the scrollbar track and thumb. + * + * **Syntax**: \`auto | {2}\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **121** | **64** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color + */ + scrollbarColor?: ConditionalValue + /** + * The **\`scrollbar-gutter\`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed. + * + * **Syntax**: \`auto | stable && both-edges?\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | **94** | **97** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter + */ + scrollbarGutter?: ConditionalValue + /** + * The **\`scrollbar-width\`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown. + * + * **Syntax**: \`auto | thin | none\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **121** | **64** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width + */ + scrollbarWidth?: ConditionalValue /** * The **\`shape-image-threshold\`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for \`shape-outside\`. * @@ -5307,6 +5337,17 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/shape-outside */ shapeOutside?: ConditionalValue + shapeRendering?: ConditionalValue + stopColor?: ConditionalValue + stopOpacity?: ConditionalValue + stroke?: ConditionalValue + strokeDasharray?: ConditionalValue + strokeDashoffset?: ConditionalValue + strokeLinecap?: ConditionalValue + strokeLinejoin?: ConditionalValue + strokeMiterlimit?: ConditionalValue + strokeOpacity?: ConditionalValue + strokeWidth?: ConditionalValue /** * The **\`tab-size\`** CSS property is used to customize the width of tab characters (U+0009). * @@ -5364,6 +5405,10 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/text-align-last */ textAlignLast?: ConditionalValue + textAnchor?: ConditionalValue + textBox?: ConditionalValue + textBoxEdge?: ConditionalValue + textBoxTrim?: ConditionalValue /** * The **\`text-combine-upright\`** CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes. * @@ -5636,6 +5681,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/text-size-adjust */ textSizeAdjust?: ConditionalValue + textSpacingTrim?: ConditionalValue /** * The **\`text-transform\`** CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby. * @@ -5693,6 +5739,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap */ textWrap?: ConditionalValue + textWrapMode?: ConditionalValue + textWrapStyle?: ConditionalValue /** * The **\`timeline-scope\`** CSS property modifies the scope of a named animation timeline. * @@ -5925,6 +5973,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/user-select */ userSelect?: ConditionalValue + vectorEffect?: ConditionalValue /** * The **\`vertical-align\`** CSS property sets vertical alignment of an inline, inline-block or table-cell box. * @@ -6146,6 +6195,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/writing-mode */ writingMode?: ConditionalValue + x?: ConditionalValue + y?: ConditionalValue /** * The **\`z-index\`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one. * @@ -6176,34 +6227,9 @@ describe('generate property types', () => { zoom?: ConditionalValue alignmentBaseline?: ConditionalValue baselineShift?: ConditionalValue - clipRule?: ConditionalValue colorInterpolation?: ConditionalValue colorRendering?: ConditionalValue - dominantBaseline?: ConditionalValue - fill?: ConditionalValue - fillOpacity?: ConditionalValue - fillRule?: ConditionalValue - floodColor?: ConditionalValue - floodOpacity?: ConditionalValue glyphOrientationVertical?: ConditionalValue - lightingColor?: ConditionalValue - marker?: ConditionalValue - markerEnd?: ConditionalValue - markerMid?: ConditionalValue - markerStart?: ConditionalValue - shapeRendering?: ConditionalValue - stopColor?: ConditionalValue - stopOpacity?: ConditionalValue - stroke?: ConditionalValue - strokeDasharray?: ConditionalValue - strokeDashoffset?: ConditionalValue - strokeLinecap?: ConditionalValue - strokeLinejoin?: ConditionalValue - strokeMiterlimit?: ConditionalValue - strokeOpacity?: ConditionalValue - strokeWidth?: ConditionalValue - textAnchor?: ConditionalValue - vectorEffect?: ConditionalValue /** * The **\`position\`** CSS property sets how an element is positioned in a document. The \`top\`, \`right\`, \`bottom\`, and \`left\` properties determine the final location of positioned elements. * @@ -7287,8 +7313,6 @@ describe('generate property types', () => { */ shadow?: ConditionalValue shadowColor?: ConditionalValue - x?: ConditionalValue - y?: ConditionalValue z?: ConditionalValue /** * The \`scroll-margin-block\` shorthand property sets the scroll margins of an element in the block dimension. @@ -7704,6 +7728,14 @@ describe('generate property types', () => { * **Initial value**: \`read-only\` */ WebkitUserModify?: ConditionalValue> + /** + * The **\`user-select\`** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes. + * + * **Syntax**: \`auto | text | none | contain | all\` + * + * **Initial value**: \`auto\` + */ + WebkitUserSelect?: ConditionalValue> /** * The **\`accent-color\`** CSS property sets the accent color for user-interface controls generated by some elements. * @@ -7791,6 +7823,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/all */ all?: ConditionalValue> + anchorName?: ConditionalValue> + anchorScope?: ConditionalValue> /** * The **\`animation\`** shorthand CSS property applies an animation between styles. It is a shorthand for \`animation-name\`, \`animation-duration\`, \`animation-timing-function\`, \`animation-delay\`, \`animation-iteration-count\`, \`animation-direction\`, \`animation-fill-mode\`, and \`animation-play-state\`. * @@ -7963,6 +7997,20 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-start */ animationRangeStart?: ConditionalValue> + /** + * The **\`animation-timeline\`** CSS property specifies the timeline that is used to control the progress of an animation. + * + * **Syntax**: \`#\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **115** | n/a | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline + */ + animationTimeline?: ConditionalValue> /** * The **\`animation-timing-function\`** CSS property sets how an animation progresses through the duration of each cycle. * @@ -7978,20 +8026,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/animation-timing-function */ animationTimingFunction?: ConditionalValue> - /** - * The **\`animation-timeline\`** CSS property specifies the timeline that is used to control the progress of an animation. - * - * **Syntax**: \`#\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **115** | n/a | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline - */ - animationTimeline?: ConditionalValue> /** * The **\`appearance\`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme. * @@ -8021,7 +8055,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/aspect-ratio */ aspectRatio?: ConditionalValue> - azimuth?: ConditionalValue> /** * The **\`backdrop-filter\`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent. * @@ -8271,34 +8304,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-block-color */ borderBlockColor?: ConditionalValue> - /** - * The **\`border-block-style\`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-style'>\` - * - * **Initial value**: \`none\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style - */ - borderBlockStyle?: ConditionalValue> - /** - * The **\`border-block-width\`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-width'>\` - * - * **Initial value**: \`medium\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width - */ - borderBlockWidth?: ConditionalValue> /** * The **\`border-block-end\`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet. * @@ -8407,6 +8412,34 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-width */ borderBlockStartWidth?: ConditionalValue> + /** + * The **\`border-block-style\`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-style'>\` + * + * **Initial value**: \`none\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style + */ + borderBlockStyle?: ConditionalValue> + /** + * The **\`border-block-width\`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-width'>\` + * + * **Initial value**: \`medium\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width + */ + borderBlockWidth?: ConditionalValue> /** * The **\`border-bottom\`** shorthand CSS property sets an element's bottom border. It sets the values of \`border-bottom-width\`, \`border-bottom-style\` and \`border-bottom-color\`. * @@ -8640,18 +8673,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/border-inline */ borderInline?: ConditionalValue> - /** - * The **\`border-inline-end\`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet. - * - * **Syntax**: \`<'border-top-width'> || <'border-top-style'> || \` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **69** | **41** | **12.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end - */ - borderInlineEnd?: ConditionalValue> /** * The **\`border-inline-color\`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-color\` and \`border-bottom-color\`, or \`border-right-color\` and \`border-left-color\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. * @@ -8667,33 +8688,17 @@ describe('generate property types', () => { */ borderInlineColor?: ConditionalValue> /** - * The **\`border-inline-style\`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-style'>\` - * - * **Initial value**: \`none\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style - */ - borderInlineStyle?: ConditionalValue> - /** - * The **\`border-inline-width\`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. - * - * **Syntax**: \`<'border-top-width'>\` + * The **\`border-inline-end\`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet. * - * **Initial value**: \`medium\` + * **Syntax**: \`<'border-top-width'> || <'border-top-style'> || \` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | + * | **69** | **41** | **12.1** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end */ - borderInlineWidth?: ConditionalValue> + borderInlineEnd?: ConditionalValue> /** * The **\`border-inline-end-color\`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-color\`, \`border-right-color\`, \`border-bottom-color\`, or \`border-left-color\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. * @@ -8778,11 +8783,39 @@ describe('generate property types', () => { * | **69** | **41** | **12.1** | n/a | No | * | | 3 _(-moz-border-start-style)_ | | | | * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style + */ + borderInlineStartStyle?: ConditionalValue> + /** + * The **\`border-inline-start-width\`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\`, \`border-right-width\`, \`border-bottom-width\`, or \`border-left-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-width'>\` + * + * **Initial value**: \`medium\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **69** | **41** | **12.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width + */ + borderInlineStartWidth?: ConditionalValue> + /** + * The **\`border-inline-style\`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-style\` and \`border-bottom-style\`, or \`border-left-style\` and \`border-right-style\` properties depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * + * **Syntax**: \`<'border-top-style'>\` + * + * **Initial value**: \`none\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style */ - borderInlineStartStyle?: ConditionalValue> + borderInlineStyle?: ConditionalValue> /** - * The **\`border-inline-start-width\`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\`, \`border-right-width\`, \`border-bottom-width\`, or \`border-left-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. + * The **\`border-inline-width\`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the \`border-top-width\` and \`border-bottom-width\`, or \`border-left-width\`, and \`border-right-width\` property depending on the values defined for \`writing-mode\`, \`direction\`, and \`text-orientation\`. * * **Syntax**: \`<'border-top-width'>\` * @@ -8790,11 +8823,11 @@ describe('generate property types', () => { * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :------: | :--: | :-: | - * | **69** | **41** | **12.1** | n/a | No | + * | **87** | **66** | **14.1** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width */ - borderInlineStartWidth?: ConditionalValue> + borderInlineWidth?: ConditionalValue> /** * The **\`border-left\`** shorthand CSS property sets all the properties of an element's left border. * @@ -9240,6 +9273,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/clip-path */ clipPath?: ConditionalValue> + clipRule?: ConditionalValue> /** * The **\`color\`** CSS property sets the foreground color value of an element's text and text decorations, and sets the \`currentcolor\` value. \`currentcolor\` may be used as an indirect value on _other_ properties and is the default for other color properties, such as \`border-color\`. * @@ -9254,6 +9288,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/color */ color?: ConditionalValue> + colorInterpolationFilters?: ConditionalValue> /** * The **\`color-scheme\`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in. * @@ -9427,18 +9462,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/contain */ contain?: ConditionalValue> - /** - * The **\`contain-intrinsic-size\`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment. - * - * **Syntax**: \`[ auto? [ none | ] ]{1,2}\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :--: | :-: | - * | **83** | **107** | **17** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size - */ - containIntrinsicSize?: ConditionalValue> /** * The **\`contain-intrinsic-block-size\`** CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment. * @@ -9481,6 +9504,18 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size */ containIntrinsicInlineSize?: ConditionalValue> + /** + * The **\`contain-intrinsic-size\`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment. + * + * **Syntax**: \`[ auto? [ none | ] ]{1,2}\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | **83** | **107** | **17** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size + */ + containIntrinsicSize?: ConditionalValue> /** * The **\`contain-intrinsic-width\`** CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment. * @@ -9619,6 +9654,9 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/cursor */ cursor?: ConditionalValue> + cx?: ConditionalValue> + cy?: ConditionalValue> + d?: ConditionalValue> /** * The **\`direction\`** CSS property sets the direction of text, table columns, and horizontal overflow. Use \`rtl\` for languages written from right to left (like Hebrew or Arabic), and \`ltr\` for those written from left to right (like English and most other languages). * @@ -9647,6 +9685,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/display */ display?: ConditionalValue> + dominantBaseline?: ConditionalValue> /** * The **\`empty-cells\`** CSS property sets whether borders and backgrounds appear around \`
\` cells that have no visible content. * @@ -9661,6 +9700,10 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/empty-cells */ emptyCells?: ConditionalValue> + fieldSizing?: ConditionalValue> + fill?: ConditionalValue> + fillOpacity?: ConditionalValue> + fillRule?: ConditionalValue> /** * The **\`filter\`** CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. * @@ -9791,6 +9834,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/float */ float?: ConditionalValue> + floodColor?: ConditionalValue> + floodOpacity?: ConditionalValue> /** * The **\`font\`** CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font. * @@ -9888,20 +9933,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/font-palette */ fontPalette?: ConditionalValue> - /** - * The **\`font-variation-settings\`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values. - * - * **Syntax**: \`normal | [ ]#\` - * - * **Initial value**: \`normal\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :----: | :-: | - * | **62** | **62** | **11** | **17** | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings - */ - fontVariationSettings?: ConditionalValue> /** * The **\`font-size\`** CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative \`\` units, such as \`em\`, \`ex\`, and so forth. * @@ -10153,6 +10184,20 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-position */ fontVariantPosition?: ConditionalValue> + /** + * The **\`font-variation-settings\`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values. + * + * **Syntax**: \`normal | [ ]#\` + * + * **Initial value**: \`normal\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :----: | :-: | + * | **62** | **62** | **11** | **17** | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings + */ + fontVariationSettings?: ConditionalValue> /** * The **\`font-weight\`** CSS property sets the weight (or boldness) of the font. The weights available depend on the \`font-family\` that is currently set. * @@ -10531,12 +10576,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/inline-size */ inlineSize?: ConditionalValue> - /** - * **Syntax**: \`auto | none\` - * - * **Initial value**: \`auto\` - */ - inputSecurity?: ConditionalValue> /** * The **\`inset\`** CSS property is a shorthand that corresponds to the \`top\`, \`right\`, \`bottom\`, and/or \`left\` properties. It has the same multi-value syntax of the \`margin\` shorthand. * @@ -10629,6 +10668,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline-start */ insetInlineStart?: ConditionalValue> + interpolateSize?: ConditionalValue> /** * The **\`isolation\`** CSS property determines whether an element must create a new stacking context. * @@ -10728,6 +10768,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing */ letterSpacing?: ConditionalValue> + lightingColor?: ConditionalValue> /** * The **\`line-break\`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols. * @@ -10995,6 +11036,10 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/margin-trim */ marginTrim?: ConditionalValue> + marker?: ConditionalValue> + markerEnd?: ConditionalValue> + markerMid?: ConditionalValue> + markerStart?: ConditionalValue> /** * The **\`mask\`** CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points. * @@ -12157,6 +12202,12 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/position */ position?: ConditionalValue> + positionAnchor?: ConditionalValue> + positionArea?: ConditionalValue> + positionTry?: ConditionalValue> + positionTryFallbacks?: ConditionalValue> + positionTryOrder?: ConditionalValue> + positionVisibility?: ConditionalValue> /** * The **\`print-color-adjust\`** CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device. * @@ -12186,6 +12237,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/quotes */ quotes?: ConditionalValue> + r?: ConditionalValue> /** * The **\`resize\`** CSS property sets whether an element is resizable, and if so, in which directions. * @@ -12277,6 +12329,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/ruby-position */ rubyPosition?: ConditionalValue> + rx?: ConditionalValue> + ry?: ConditionalValue> /** * The **\`scale\`** CSS property allows you to specify scale transforms individually and independently of the \`transform\` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the \`transform\` value. * @@ -12291,48 +12345,6 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/scale */ scale?: ConditionalValue> - /** - * The **\`scrollbar-color\`** CSS property sets the color of the scrollbar track and thumb. - * - * **Syntax**: \`auto | {2}\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **121** | **64** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color - */ - scrollbarColor?: ConditionalValue> - /** - * The **\`scrollbar-gutter\`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed. - * - * **Syntax**: \`auto | stable && both-edges?\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :--: | :-: | - * | **94** | **97** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter - */ - scrollbarGutter?: ConditionalValue> - /** - * The **\`scrollbar-width\`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown. - * - * **Syntax**: \`auto | thin | none\` - * - * **Initial value**: \`auto\` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **121** | **64** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width - */ - scrollbarWidth?: ConditionalValue> /** * The **\`scroll-behavior\`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. * @@ -12373,7 +12385,7 @@ describe('generate property types', () => { */ scrollMarginBlock?: ConditionalValue> /** - * The \`scroll-margin-block-start\` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-block-end\` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -12383,11 +12395,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end */ - scrollMarginBlockStart?: ConditionalValue> + scrollMarginBlockEnd?: ConditionalValue> /** - * The \`scroll-margin-block-end\` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-block-start\` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -12397,9 +12409,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start */ - scrollMarginBlockEnd?: ConditionalValue> + scrollMarginBlockStart?: ConditionalValue> /** * The \`scroll-margin-bottom\` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * @@ -12428,7 +12440,7 @@ describe('generate property types', () => { */ scrollMarginInline?: ConditionalValue> /** - * The \`scroll-margin-inline-start\` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-inline-end\` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -12438,11 +12450,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end */ - scrollMarginInlineStart?: ConditionalValue> + scrollMarginInlineEnd?: ConditionalValue> /** - * The \`scroll-margin-inline-end\` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The \`scroll-margin-inline-start\` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: \`\` * @@ -12452,9 +12464,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start */ - scrollMarginInlineEnd?: ConditionalValue> + scrollMarginInlineStart?: ConditionalValue> /** * The \`scroll-margin-left\` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * @@ -12525,7 +12537,7 @@ describe('generate property types', () => { */ scrollPaddingBlock?: ConditionalValue> /** - * The \`scroll-padding-block-start\` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-block-end\` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -12535,11 +12547,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end */ - scrollPaddingBlockStart?: ConditionalValue> + scrollPaddingBlockEnd?: ConditionalValue> /** - * The \`scroll-padding-block-end\` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-block-start\` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -12549,9 +12561,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start */ - scrollPaddingBlockEnd?: ConditionalValue> + scrollPaddingBlockStart?: ConditionalValue> /** * The \`scroll-padding-bottom\` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * @@ -12579,7 +12591,7 @@ describe('generate property types', () => { */ scrollPaddingInline?: ConditionalValue> /** - * The \`scroll-padding-inline-start\` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-inline-end\` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -12589,11 +12601,11 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end */ - scrollPaddingInlineStart?: ConditionalValue> + scrollPaddingInlineEnd?: ConditionalValue> /** - * The \`scroll-padding-inline-end\` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The \`scroll-padding-inline-start\` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: \`auto | \` * @@ -12603,9 +12615,9 @@ describe('generate property types', () => { * | :----: | :-----: | :----: | :--: | :-: | * | **69** | **68** | **15** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end + * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start */ - scrollPaddingInlineEnd?: ConditionalValue> + scrollPaddingInlineStart?: ConditionalValue> /** * The \`scroll-padding-left\` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * @@ -12737,6 +12749,48 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name */ scrollTimelineName?: ConditionalValue> + /** + * The **\`scrollbar-color\`** CSS property sets the color of the scrollbar track and thumb. + * + * **Syntax**: \`auto | {2}\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **121** | **64** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color + */ + scrollbarColor?: ConditionalValue> + /** + * The **\`scrollbar-gutter\`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed. + * + * **Syntax**: \`auto | stable && both-edges?\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | **94** | **97** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter + */ + scrollbarGutter?: ConditionalValue> + /** + * The **\`scrollbar-width\`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown. + * + * **Syntax**: \`auto | thin | none\` + * + * **Initial value**: \`auto\` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **121** | **64** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width + */ + scrollbarWidth?: ConditionalValue> /** * The **\`shape-image-threshold\`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for \`shape-outside\`. * @@ -12779,6 +12833,17 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/shape-outside */ shapeOutside?: ConditionalValue> + shapeRendering?: ConditionalValue> + stopColor?: ConditionalValue> + stopOpacity?: ConditionalValue> + stroke?: ConditionalValue> + strokeDasharray?: ConditionalValue> + strokeDashoffset?: ConditionalValue> + strokeLinecap?: ConditionalValue> + strokeLinejoin?: ConditionalValue> + strokeMiterlimit?: ConditionalValue> + strokeOpacity?: ConditionalValue> + strokeWidth?: ConditionalValue> /** * The **\`tab-size\`** CSS property is used to customize the width of tab characters (U+0009). * @@ -12836,6 +12901,10 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/text-align-last */ textAlignLast?: ConditionalValue> + textAnchor?: ConditionalValue> + textBox?: ConditionalValue> + textBoxEdge?: ConditionalValue> + textBoxTrim?: ConditionalValue> /** * The **\`text-combine-upright\`** CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes. * @@ -13108,6 +13177,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/text-size-adjust */ textSizeAdjust?: ConditionalValue> + textSpacingTrim?: ConditionalValue> /** * The **\`text-transform\`** CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby. * @@ -13165,6 +13235,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap */ textWrap?: ConditionalValue> + textWrapMode?: ConditionalValue> + textWrapStyle?: ConditionalValue> /** * The **\`timeline-scope\`** CSS property modifies the scope of a named animation timeline. * @@ -13397,6 +13469,7 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/user-select */ userSelect?: ConditionalValue> + vectorEffect?: ConditionalValue> /** * The **\`vertical-align\`** CSS property sets vertical alignment of an inline, inline-block or table-cell box. * @@ -13618,6 +13691,8 @@ describe('generate property types', () => { * @see https://developer.mozilla.org/docs/Web/CSS/writing-mode */ writingMode?: ConditionalValue> + x?: ConditionalValue> + y?: ConditionalValue> /** * The **\`z-index\`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one. * @@ -13648,34 +13723,9 @@ describe('generate property types', () => { zoom?: ConditionalValue> alignmentBaseline?: ConditionalValue> baselineShift?: ConditionalValue> - clipRule?: ConditionalValue> colorInterpolation?: ConditionalValue> colorRendering?: ConditionalValue> - dominantBaseline?: ConditionalValue> - fill?: ConditionalValue> - fillOpacity?: ConditionalValue> - fillRule?: ConditionalValue> - floodColor?: ConditionalValue> - floodOpacity?: ConditionalValue> glyphOrientationVertical?: ConditionalValue> - lightingColor?: ConditionalValue> - marker?: ConditionalValue> - markerEnd?: ConditionalValue> - markerMid?: ConditionalValue> - markerStart?: ConditionalValue> - shapeRendering?: ConditionalValue> - stopColor?: ConditionalValue> - stopOpacity?: ConditionalValue> - stroke?: ConditionalValue> - strokeDasharray?: ConditionalValue> - strokeDashoffset?: ConditionalValue> - strokeLinecap?: ConditionalValue> - strokeLinejoin?: ConditionalValue> - strokeMiterlimit?: ConditionalValue> - strokeOpacity?: ConditionalValue> - strokeWidth?: ConditionalValue> - textAnchor?: ConditionalValue> - vectorEffect?: ConditionalValue> /** * The **\`position\`** CSS property sets how an element is positioned in a document. The \`top\`, \`right\`, \`bottom\`, and \`left\` properties determine the final location of positioned elements. * @@ -14759,8 +14809,6 @@ describe('generate property types', () => { */ shadow?: ConditionalValue> shadowColor?: ConditionalValue> - x?: ConditionalValue> - y?: ConditionalValue> z?: ConditionalValue> /** * The \`scroll-margin-block\` shorthand property sets the scroll margins of an element in the block dimension. diff --git a/packages/generator/src/artifacts/generated/is-valid-prop.mjs.json b/packages/generator/src/artifacts/generated/is-valid-prop.mjs.json index 9d07d32a21..f4a161a590 100644 --- a/packages/generator/src/artifacts/generated/is-valid-prop.mjs.json +++ b/packages/generator/src/artifacts/generated/is-valid-prop.mjs.json @@ -1,3 +1,3 @@ { - "content": "// src/index.ts\nvar userGeneratedStr = \"\";\nvar userGenerated = userGeneratedStr.split(\",\");\nvar cssPropertiesStr = \"WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect\";\nvar allCssProperties = cssPropertiesStr.split(\",\").concat(userGenerated);\nvar properties = new Map(allCssProperties.map((prop) => [prop, true]));\nfunction memo(fn) {\n const cache = /* @__PURE__ */ Object.create(null);\n return (arg) => {\n if (cache[arg] === void 0)\n cache[arg] = fn(arg);\n return cache[arg];\n };\n}\nvar cssPropertySelectorRegex = /&|@/;\nvar isCssProperty = /* @__PURE__ */ memo((prop) => {\n return properties.has(prop) || prop.startsWith(\"--\") || cssPropertySelectorRegex.test(prop);\n});\nexport {\n allCssProperties,\n isCssProperty\n};\n" + "content": "// src/index.ts\nvar userGeneratedStr = \"\";\nvar userGenerated = userGeneratedStr.split(\",\");\nvar cssPropertiesStr = \"WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical\";\nvar allCssProperties = cssPropertiesStr.split(\",\").concat(userGenerated);\nvar properties = new Map(allCssProperties.map((prop) => [prop, true]));\nfunction memo(fn) {\n const cache = /* @__PURE__ */ Object.create(null);\n return (arg) => {\n if (cache[arg] === void 0)\n cache[arg] = fn(arg);\n return cache[arg];\n };\n}\nvar cssPropertySelectorRegex = /&|@/;\nvar isCssProperty = /* @__PURE__ */ memo((prop) => {\n return properties.has(prop) || prop.startsWith(\"--\") || cssPropertySelectorRegex.test(prop);\n});\nexport {\n allCssProperties,\n isCssProperty\n};\n" } \ No newline at end of file diff --git a/packages/generator/src/artifacts/generated/system-types.d.ts.json b/packages/generator/src/artifacts/generated/system-types.d.ts.json index 3689b2155f..28884efe20 100644 --- a/packages/generator/src/artifacts/generated/system-types.d.ts.json +++ b/packages/generator/src/artifacts/generated/system-types.d.ts.json @@ -1,3 +1,3 @@ { - "content": "import type { ConditionalValue, Nested } from './conditions'\nimport type { AtRule, PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\nexport type Pretty = { [K in keyof T]: T[K] } & {}\n\nexport type DistributiveOmit = T extends unknown ? Omit : never\n\nexport type DistributiveUnion = {\n [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]\n} & DistributiveOmit\n\nexport type Assign = {\n [K in keyof T]: K extends keyof U ? U[K] : T[K]\n} & U\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport interface CssProperties extends PropertiesFallback, CssVarProperties {}\n\nexport interface CssKeyframes {\n [name: string]: {\n [time: string]: CssProperties\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ninterface GenericProperties {\n [key: string]: ConditionalValue\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested\n\nexport type SystemStyleObject = Omit, 'base'>\n\nexport interface GlobalStyleObject {\n [selector: string]: SystemStyleObject\n}\nexport interface ExtendableGlobalStyleObject {\n [selector: string]: SystemStyleObject | undefined\n extend?: GlobalStyleObject | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Composition (text styles, layer styles)\n * -----------------------------------------------------------------------------*/\n\ntype FilterStyleObject

= {\n [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}\n\nexport type CompositionStyleObject = Nested & CssVarProperties>\n\n/* -----------------------------------------------------------------------------\n * Font face\n * -----------------------------------------------------------------------------*/\n\nexport type GlobalFontfaceRule = Omit & Required>\n\nexport type FontfaceRule = Omit\n\nexport interface GlobalFontface {\n [name: string]: FontfaceRule | FontfaceRule[]\n}\n\nexport interface ExtendableGlobalFontface {\n [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined\n extend?: GlobalFontface | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\ninterface WithCss {\n css?: SystemStyleObject | SystemStyleObject[]\n}\n\nexport type JsxStyleProps = SystemStyleObject & WithCss\n\nexport interface PatchedHTMLProps {\n htmlWidth?: string | number\n htmlHeight?: string | number\n htmlTranslate?: 'yes' | 'no' | undefined\n htmlContent?: string\n}\n\nexport type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'\n\ntype WithHTMLProps = DistributiveOmit & PatchedHTMLProps\n\nexport type JsxHTMLProps, P extends Record = {}> = Assign<\n WithHTMLProps,\n P\n>\n" + "content": "import type { ConditionalValue, Nested } from './conditions'\nimport type { AtRule, Globals, PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\nexport type Pretty = { [K in keyof T]: T[K] } & {}\n\nexport type DistributiveOmit = T extends unknown ? Omit : never\n\nexport type DistributiveUnion = {\n [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]\n} & DistributiveOmit\n\nexport type Assign = {\n [K in keyof T]: K extends keyof U ? U[K] : T[K]\n} & U\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\ntype DashedIdent = `--${string}`\n\ntype StringToMultiple = T | `${T}, ${T}`\n\nexport type PositionAreaAxis =\n | 'left'\n | 'center'\n | 'right'\n | 'x-start'\n | 'x-end'\n | 'span-x-start'\n | 'span-x-end'\n | 'x-self-start'\n | 'x-self-end'\n | 'span-x-self-start'\n | 'span-x-self-end'\n | 'span-all'\n | 'top'\n | 'bottom'\n | 'span-top'\n | 'span-bottom'\n | 'y-start'\n | 'y-end'\n | 'span-y-start'\n | 'span-y-end'\n | 'y-self-start'\n | 'y-self-end'\n | 'span-y-self-start'\n | 'span-y-self-end'\n | 'block-start'\n | 'block-end'\n | 'span-block-start'\n | 'span-block-end'\n | 'inline-start'\n | 'inline-end'\n | 'span-inline-start'\n | 'span-inline-end'\n | 'self-block-start'\n | 'self-block-end'\n | 'span-self-block-start'\n | 'span-self-block-end'\n | 'self-inline-start'\n | 'self-inline-end'\n | 'span-self-inline-start'\n | 'span-self-inline-end'\n | 'start'\n | 'end'\n | 'span-start'\n | 'span-end'\n | 'self-start'\n | 'self-end'\n | 'span-self-start'\n | 'span-self-end'\n\ntype PositionTry =\n | 'normal'\n | 'flip-block'\n | 'flip-inline'\n | 'top'\n | 'bottom'\n | 'left'\n | 'right'\n | 'block-start'\n | 'block-end'\n | 'inline-start'\n | 'inline-end'\n | DashedIdent\n\nexport interface ModernCssProperties {\n anchorName?: Globals | 'none' | DashedIdent | StringToMultiple\n anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple\n fieldSizing?: Globals | 'fixed' | 'content'\n interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'\n positionAnchor?: Globals | 'auto' | DashedIdent\n positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String\n positionTry?: Globals | StringToMultiple | String\n positionTryFallback?: Globals | 'none' | StringToMultiple | String\n positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'\n positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'\n textWrapMode?: Globals | 'wrap' | 'nowrap'\n textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'\n textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'\n}\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport interface CssProperties extends PropertiesFallback, CssVarProperties, ModernCssProperties {}\n\nexport interface CssKeyframes {\n [name: string]: {\n [time: string]: CssProperties\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ninterface GenericProperties {\n [key: string]: ConditionalValue\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested\n\nexport type SystemStyleObject = Omit, 'base'>\n\nexport interface GlobalStyleObject {\n [selector: string]: SystemStyleObject\n}\nexport interface ExtendableGlobalStyleObject {\n [selector: string]: SystemStyleObject | undefined\n extend?: GlobalStyleObject | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Composition (text styles, layer styles)\n * -----------------------------------------------------------------------------*/\n\ntype FilterStyleObject

= {\n [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}\n\nexport type CompositionStyleObject = Nested & CssVarProperties>\n\n/* -----------------------------------------------------------------------------\n * Font face\n * -----------------------------------------------------------------------------*/\n\nexport type GlobalFontfaceRule = Omit & Required>\n\nexport type FontfaceRule = Omit\n\nexport interface GlobalFontface {\n [name: string]: FontfaceRule | FontfaceRule[]\n}\n\nexport interface ExtendableGlobalFontface {\n [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined\n extend?: GlobalFontface | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\ninterface WithCss {\n css?: SystemStyleObject | SystemStyleObject[]\n}\n\nexport type JsxStyleProps = SystemStyleObject & WithCss\n\nexport interface PatchedHTMLProps {\n htmlWidth?: string | number\n htmlHeight?: string | number\n htmlTranslate?: 'yes' | 'no' | undefined\n htmlContent?: string\n}\n\nexport type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'\n\ntype WithHTMLProps = DistributiveOmit & PatchedHTMLProps\n\nexport type JsxHTMLProps, P extends Record = {}> = Assign<\n WithHTMLProps,\n P\n>\n" } \ No newline at end of file diff --git a/packages/is-valid-prop/package.json b/packages/is-valid-prop/package.json index 3f4f709e95..07efb0bc18 100644 --- a/packages/is-valid-prop/package.json +++ b/packages/is-valid-prop/package.json @@ -38,6 +38,6 @@ "dist" ], "devDependencies": { - "mdn-data": "2.4.2" + "mdn-data": "^2.15.0" } } diff --git a/packages/is-valid-prop/src/index.ts b/packages/is-valid-prop/src/index.ts index 7744ed9905..22a1d6e91a 100644 --- a/packages/is-valid-prop/src/index.ts +++ b/packages/is-valid-prop/src/index.ts @@ -1,7 +1,7 @@ const userGeneratedStr = '' const userGenerated = userGeneratedStr.split(',') const cssPropertiesStr = - 'WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect' + 'WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical' const allCssProperties = cssPropertiesStr.split(',').concat(userGenerated) diff --git a/packages/studio/styled-system/jsx/is-valid-prop.mjs b/packages/studio/styled-system/jsx/is-valid-prop.mjs index cf9bbdefe5..828cf36fe7 100644 --- a/packages/studio/styled-system/jsx/is-valid-prop.mjs +++ b/packages/studio/styled-system/jsx/is-valid-prop.mjs @@ -3,7 +3,7 @@ import { memo } from '../helpers.mjs'; // src/index.ts var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle" var userGenerated = userGeneratedStr.split(","); -var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect"; +var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical"; var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated); var properties = new Map(allCssProperties.map((prop) => [prop, true])); var cssPropertySelectorRegex = /&|@/; diff --git a/packages/studio/styled-system/types/style-props.d.ts b/packages/studio/styled-system/types/style-props.d.ts index d811d2c35e..b463d44fc0 100644 --- a/packages/studio/styled-system/types/style-props.d.ts +++ b/packages/studio/styled-system/types/style-props.d.ts @@ -226,6 +226,14 @@ WebkitTouchCallout?: ConditionalValue + /** + * The **`user-select`** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes. + * + * **Syntax**: `auto | text | none | contain | all` + * + * **Initial value**: `auto` + */ +WebkitUserSelect?: ConditionalValue /** * The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements. * @@ -313,6 +321,8 @@ alignTracks?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/all */ all?: ConditionalValue + anchorName?: ConditionalValue + anchorScope?: ConditionalValue /** * The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`. * @@ -485,6 +495,20 @@ animationRangeEnd?: ConditionalValue + /** + * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation. + * + * **Syntax**: `#` + * + * **Initial value**: `auto` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **115** | n/a | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline + */ +animationTimeline?: ConditionalValue /** * The **`animation-timing-function`** CSS property sets how an animation progresses through the duration of each cycle. * @@ -500,20 +524,6 @@ animationRangeStart?: ConditionalValue - /** - * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation. - * - * **Syntax**: `#` - * - * **Initial value**: `auto` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **115** | n/a | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline - */ -animationTimeline?: ConditionalValue /** * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme. * @@ -543,7 +553,6 @@ appearance?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/aspect-ratio */ aspectRatio?: ConditionalValue - azimuth?: ConditionalValue /** * The **`backdrop-filter`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent. * @@ -793,34 +802,6 @@ borderBlock?: ConditionalValue - /** - * The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. - * - * **Syntax**: `<'border-top-style'>` - * - * **Initial value**: `none` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style - */ -borderBlockStyle?: ConditionalValue - /** - * The **`border-block-width`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. - * - * **Syntax**: `<'border-top-width'>` - * - * **Initial value**: `medium` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width - */ -borderBlockWidth?: ConditionalValue /** * The **`border-block-end`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet. * @@ -929,6 +910,34 @@ borderBlockStartStyle?: ConditionalValue + /** + * The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. + * + * **Syntax**: `<'border-top-style'>` + * + * **Initial value**: `none` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style + */ +borderBlockStyle?: ConditionalValue + /** + * The **`border-block-width`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. + * + * **Syntax**: `<'border-top-width'>` + * + * **Initial value**: `medium` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width + */ +borderBlockWidth?: ConditionalValue /** * The **`border-bottom`** shorthand CSS property sets an element's bottom border. It sets the values of `border-bottom-width`, `border-bottom-style` and `border-bottom-color`. * @@ -1162,18 +1171,6 @@ borderImageWidth?: ConditionalValue - /** - * The **`border-inline-end`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet. - * - * **Syntax**: `<'border-top-width'> || <'border-top-style'> || ` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **69** | **41** | **12.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end - */ -borderInlineEnd?: ConditionalValue /** * The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. * @@ -1189,33 +1186,17 @@ borderInlineEnd?: ConditionalValue /** - * The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. - * - * **Syntax**: `<'border-top-style'>` - * - * **Initial value**: `none` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style - */ -borderInlineStyle?: ConditionalValue - /** - * The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. - * - * **Syntax**: `<'border-top-width'>` + * The **`border-inline-end`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet. * - * **Initial value**: `medium` + * **Syntax**: `<'border-top-width'> || <'border-top-style'> || ` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :------: | :--: | :-: | - * | **87** | **66** | **14.1** | n/a | No | + * | **69** | **41** | **12.1** | n/a | No | * - * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end */ -borderInlineWidth?: ConditionalValue +borderInlineEnd?: ConditionalValue /** * The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. * @@ -1317,6 +1298,34 @@ borderInlineStartStyle?: ConditionalValue + /** + * The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. + * + * **Syntax**: `<'border-top-style'>` + * + * **Initial value**: `none` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style + */ +borderInlineStyle?: ConditionalValue + /** + * The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`. + * + * **Syntax**: `<'border-top-width'>` + * + * **Initial value**: `medium` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **87** | **66** | **14.1** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width + */ +borderInlineWidth?: ConditionalValue /** * The **`border-left`** shorthand CSS property sets all the properties of an element's left border. * @@ -1762,6 +1771,7 @@ clear?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/clip-path */ clipPath?: ConditionalValue + clipRule?: ConditionalValue /** * The **`color`** CSS property sets the foreground color value of an element's text and text decorations, and sets the `currentcolor` value. `currentcolor` may be used as an indirect value on _other_ properties and is the default for other color properties, such as `border-color`. * @@ -1776,6 +1786,7 @@ clipPath?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/color */ color?: ConditionalValue + colorInterpolationFilters?: ConditionalValue /** * The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in. * @@ -1949,18 +1960,6 @@ columns?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/contain */ contain?: ConditionalValue - /** - * The **`contain-intrinsic-size`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment. - * - * **Syntax**: `[ auto? [ none | ] ]{1,2}` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :--: | :-: | - * | **83** | **107** | **17** | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size - */ -containIntrinsicSize?: ConditionalValue /** * The **`contain-intrinsic-block-size`** CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment. * @@ -2003,6 +2002,18 @@ containIntrinsicHeight?: ConditionalValue + /** + * The **`contain-intrinsic-size`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment. + * + * **Syntax**: `[ auto? [ none | ] ]{1,2}` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | **83** | **107** | **17** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size + */ +containIntrinsicSize?: ConditionalValue /** * The **`contain-intrinsic-width`** CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment. * @@ -2141,6 +2152,9 @@ counterSet?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/cursor */ cursor?: ConditionalValue + cx?: ConditionalValue + cy?: ConditionalValue + d?: ConditionalValue /** * The **`direction`** CSS property sets the direction of text, table columns, and horizontal overflow. Use `rtl` for languages written from right to left (like Hebrew or Arabic), and `ltr` for those written from left to right (like English and most other languages). * @@ -2169,6 +2183,7 @@ direction?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/display */ display?: ConditionalValue + dominantBaseline?: ConditionalValue /** * The **`empty-cells`** CSS property sets whether borders and backgrounds appear around `

` cells that have no visible content. * @@ -2183,6 +2198,10 @@ display?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/empty-cells */ emptyCells?: ConditionalValue + fieldSizing?: ConditionalValue + fill?: ConditionalValue + fillOpacity?: ConditionalValue + fillRule?: ConditionalValue /** * The **`filter`** CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. * @@ -2313,6 +2332,8 @@ flexWrap?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/float */ float?: ConditionalValue + floodColor?: ConditionalValue + floodOpacity?: ConditionalValue /** * The **`font`** CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font. * @@ -2410,20 +2431,6 @@ fontOpticalSizing?: ConditionalValue - /** - * The **`font-variation-settings`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values. - * - * **Syntax**: `normal | [ ]#` - * - * **Initial value**: `normal` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :----: | :-: | - * | **62** | **62** | **11** | **17** | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings - */ -fontVariationSettings?: ConditionalValue /** * The **`font-size`** CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative `` units, such as `em`, `ex`, and so forth. * @@ -2675,6 +2682,20 @@ fontVariantNumeric?: ConditionalValue + /** + * The **`font-variation-settings`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values. + * + * **Syntax**: `normal | [ ]#` + * + * **Initial value**: `normal` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :----: | :-: | + * | **62** | **62** | **11** | **17** | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings + */ +fontVariationSettings?: ConditionalValue /** * The **`font-weight`** CSS property sets the weight (or boldness) of the font. The weights available depend on the `font-family` that is currently set. * @@ -3053,12 +3074,6 @@ initialLetter?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/inline-size */ inlineSize?: ConditionalValue - /** - * **Syntax**: `auto | none` - * - * **Initial value**: `auto` - */ -inputSecurity?: ConditionalValue /** * The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand. * @@ -3151,6 +3166,7 @@ insetInlineEnd?: ConditionalValue + interpolateSize?: ConditionalValue /** * The **`isolation`** CSS property determines whether an element must create a new stacking context. * @@ -3250,6 +3266,7 @@ left?: ConditionalValue + lightingColor?: ConditionalValue /** * The **`line-break`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols. * @@ -3517,6 +3534,10 @@ marginTop?: ConditionalValue + marker?: ConditionalValue + markerEnd?: ConditionalValue + markerMid?: ConditionalValue + markerStart?: ConditionalValue /** * The **`mask`** CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points. * @@ -4679,6 +4700,12 @@ pointerEvents?: ConditionalValue + positionAnchor?: ConditionalValue + positionArea?: ConditionalValue + positionTry?: ConditionalValue + positionTryFallbacks?: ConditionalValue + positionTryOrder?: ConditionalValue + positionVisibility?: ConditionalValue /** * The **`print-color-adjust`** CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device. * @@ -4708,6 +4735,7 @@ printColorAdjust?: ConditionalValue + r?: ConditionalValue /** * The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions. * @@ -4799,6 +4827,8 @@ rubyMerge?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/ruby-position */ rubyPosition?: ConditionalValue + rx?: ConditionalValue + ry?: ConditionalValue /** * The **`scale`** CSS property allows you to specify scale transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value. * @@ -4813,48 +4843,6 @@ rubyPosition?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/scale */ scale?: ConditionalValue - /** - * The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb. - * - * **Syntax**: `auto | {2}` - * - * **Initial value**: `auto` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **121** | **64** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color - */ -scrollbarColor?: ConditionalValue - /** - * The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed. - * - * **Syntax**: `auto | stable && both-edges?` - * - * **Initial value**: `auto` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :----: | :-----: | :----: | :--: | :-: | - * | **94** | **97** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter - */ -scrollbarGutter?: ConditionalValue - /** - * The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown. - * - * **Syntax**: `auto | thin | none` - * - * **Initial value**: `auto` - * - * | Chrome | Firefox | Safari | Edge | IE | - * | :-----: | :-----: | :----: | :--: | :-: | - * | **121** | **64** | No | n/a | No | - * - * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width - */ -scrollbarWidth?: ConditionalValue /** * The **`scroll-behavior`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. * @@ -4895,7 +4883,7 @@ scrollMargin?: ConditionalValue /** - * The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: `` * @@ -4905,11 +4893,11 @@ scrollMarginBlock?: ConditionalValue +scrollMarginBlockEnd?: ConditionalValue /** - * The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: `` * @@ -4919,9 +4907,9 @@ scrollMarginBlockStart?: ConditionalValue +scrollMarginBlockStart?: ConditionalValue /** * The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * @@ -4950,7 +4938,7 @@ scrollMarginBottom?: ConditionalValue /** - * The `scroll-margin-inline-start` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: `` * @@ -4960,11 +4948,11 @@ scrollMarginInline?: ConditionalValue +scrollMarginInlineEnd?: ConditionalValue /** - * The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. + * The `scroll-margin-inline-start` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * * **Syntax**: `` * @@ -4974,9 +4962,9 @@ scrollMarginInlineStart?: ConditionalValue +scrollMarginInlineStart?: ConditionalValue /** * The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets. * @@ -5047,7 +5035,7 @@ scrollPadding?: ConditionalValue /** - * The `scroll-padding-block-start` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: `auto | ` * @@ -5057,11 +5045,11 @@ scrollPaddingBlock?: ConditionalValue +scrollPaddingBlockEnd?: ConditionalValue /** - * The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The `scroll-padding-block-start` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: `auto | ` * @@ -5071,9 +5059,9 @@ scrollPaddingBlockStart?: ConditionalValue +scrollPaddingBlockStart?: ConditionalValue /** * The `scroll-padding-bottom` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * @@ -5101,7 +5089,7 @@ scrollPaddingBottom?: ConditionalValue /** - * The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: `auto | ` * @@ -5111,11 +5099,11 @@ scrollPaddingInline?: ConditionalValue +scrollPaddingInlineEnd?: ConditionalValue /** - * The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. + * The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * * **Syntax**: `auto | ` * @@ -5125,9 +5113,9 @@ scrollPaddingInlineStart?: ConditionalValue +scrollPaddingInlineStart?: ConditionalValue /** * The `scroll-padding-left` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport. * @@ -5259,6 +5247,48 @@ scrollTimelineAxis?: ConditionalValue + /** + * The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb. + * + * **Syntax**: `auto | {2}` + * + * **Initial value**: `auto` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **121** | **64** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color + */ +scrollbarColor?: ConditionalValue + /** + * The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed. + * + * **Syntax**: `auto | stable && both-edges?` + * + * **Initial value**: `auto` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | **94** | **97** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter + */ +scrollbarGutter?: ConditionalValue + /** + * The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown. + * + * **Syntax**: `auto | thin | none` + * + * **Initial value**: `auto` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **121** | **64** | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width + */ +scrollbarWidth?: ConditionalValue /** * The **`shape-image-threshold`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for `shape-outside`. * @@ -5301,6 +5331,17 @@ shapeMargin?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/shape-outside */ shapeOutside?: ConditionalValue + shapeRendering?: ConditionalValue + stopColor?: ConditionalValue + stopOpacity?: ConditionalValue + stroke?: ConditionalValue + strokeDasharray?: ConditionalValue + strokeDashoffset?: ConditionalValue + strokeLinecap?: ConditionalValue + strokeLinejoin?: ConditionalValue + strokeMiterlimit?: ConditionalValue + strokeOpacity?: ConditionalValue + strokeWidth?: ConditionalValue /** * The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009). * @@ -5358,6 +5399,10 @@ textAlign?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/text-align-last */ textAlignLast?: ConditionalValue + textAnchor?: ConditionalValue + textBox?: ConditionalValue + textBoxEdge?: ConditionalValue + textBoxTrim?: ConditionalValue /** * The **`text-combine-upright`** CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes. * @@ -5630,6 +5675,7 @@ textShadow?: ConditionalValue + textSpacingTrim?: ConditionalValue /** * The **`text-transform`** CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby. * @@ -5687,6 +5733,8 @@ textUnderlinePosition?: ConditionalValue + textWrapMode?: ConditionalValue + textWrapStyle?: ConditionalValue /** * The **`timeline-scope`** CSS property modifies the scope of a named animation timeline. * @@ -5919,6 +5967,7 @@ unicodeBidi?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/user-select */ userSelect?: ConditionalValue + vectorEffect?: ConditionalValue /** * The **`vertical-align`** CSS property sets vertical alignment of an inline, inline-block or table-cell box. * @@ -6140,6 +6189,8 @@ wordWrap?: ConditionalValue * @see https://developer.mozilla.org/docs/Web/CSS/writing-mode */ writingMode?: ConditionalValue + x?: ConditionalValue + y?: ConditionalValue /** * The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one. * @@ -6170,34 +6221,9 @@ zIndex?: ConditionalValue zoom?: ConditionalValue alignmentBaseline?: ConditionalValue baselineShift?: ConditionalValue - clipRule?: ConditionalValue colorInterpolation?: ConditionalValue colorRendering?: ConditionalValue - dominantBaseline?: ConditionalValue - fill?: ConditionalValue - fillOpacity?: ConditionalValue - fillRule?: ConditionalValue - floodColor?: ConditionalValue - floodOpacity?: ConditionalValue glyphOrientationVertical?: ConditionalValue - lightingColor?: ConditionalValue - marker?: ConditionalValue - markerEnd?: ConditionalValue - markerMid?: ConditionalValue - markerStart?: ConditionalValue - shapeRendering?: ConditionalValue - stopColor?: ConditionalValue - stopOpacity?: ConditionalValue - stroke?: ConditionalValue - strokeDasharray?: ConditionalValue - strokeDashoffset?: ConditionalValue - strokeLinecap?: ConditionalValue - strokeLinejoin?: ConditionalValue - strokeMiterlimit?: ConditionalValue - strokeOpacity?: ConditionalValue - strokeWidth?: ConditionalValue - textAnchor?: ConditionalValue - vectorEffect?: ConditionalValue /** * The **`position`** CSS property sets how an element is positioned in a document. The `top`, `right`, `bottom`, and `left` properties determine the final location of positioned elements. * @@ -7281,8 +7307,6 @@ borderEndColor?: ConditionalValue shadowColor?: ConditionalValue - x?: ConditionalValue - y?: ConditionalValue z?: ConditionalValue /** * The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension. diff --git a/packages/studio/styled-system/types/system-types.d.ts b/packages/studio/styled-system/types/system-types.d.ts index 63ff6bd1e2..5674bd5231 100644 --- a/packages/studio/styled-system/types/system-types.d.ts +++ b/packages/studio/styled-system/types/system-types.d.ts @@ -1,6 +1,6 @@ /* eslint-disable */ import type { ConditionalValue, Nested } from './conditions'; -import type { AtRule, PropertiesFallback } from './csstype'; +import type { AtRule, Globals, PropertiesFallback } from './csstype'; import type { SystemProperties, CssVarProperties } from './style-props'; type String = string & {} @@ -22,9 +22,93 @@ export type Assign = { * Native css properties * -----------------------------------------------------------------------------*/ +type DashedIdent = `--${string}` + +type StringToMultiple = T | `${T}, ${T}` + +export type PositionAreaAxis = + | 'left' + | 'center' + | 'right' + | 'x-start' + | 'x-end' + | 'span-x-start' + | 'span-x-end' + | 'x-self-start' + | 'x-self-end' + | 'span-x-self-start' + | 'span-x-self-end' + | 'span-all' + | 'top' + | 'bottom' + | 'span-top' + | 'span-bottom' + | 'y-start' + | 'y-end' + | 'span-y-start' + | 'span-y-end' + | 'y-self-start' + | 'y-self-end' + | 'span-y-self-start' + | 'span-y-self-end' + | 'block-start' + | 'block-end' + | 'span-block-start' + | 'span-block-end' + | 'inline-start' + | 'inline-end' + | 'span-inline-start' + | 'span-inline-end' + | 'self-block-start' + | 'self-block-end' + | 'span-self-block-start' + | 'span-self-block-end' + | 'self-inline-start' + | 'self-inline-end' + | 'span-self-inline-start' + | 'span-self-inline-end' + | 'start' + | 'end' + | 'span-start' + | 'span-end' + | 'self-start' + | 'self-end' + | 'span-self-start' + | 'span-self-end' + +type PositionTry = + | 'normal' + | 'flip-block' + | 'flip-inline' + | 'top' + | 'bottom' + | 'left' + | 'right' + | 'block-start' + | 'block-end' + | 'inline-start' + | 'inline-end' + | DashedIdent + +export interface ModernCssProperties { + anchorName?: Globals | 'none' | DashedIdent | StringToMultiple + anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple + fieldSizing?: Globals | 'fixed' | 'content' + interpolateSize?: Globals | 'allow-keywords' | 'numeric-only' + positionAnchor?: Globals | 'auto' | DashedIdent + positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String + positionTry?: Globals | StringToMultiple | String + positionTryFallback?: Globals | 'none' | StringToMultiple | String + positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size' + positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow' + textWrapMode?: Globals | 'wrap' | 'nowrap' + textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start' + textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable' +} + export type CssProperty = keyof PropertiesFallback -export interface CssProperties extends PropertiesFallback, CssVarProperties {} +export interface CssProperties extends PropertiesFallback, CssVarProperties, ModernCssProperties {} export interface CssKeyframes { [name: string]: { diff --git a/packages/types/src/config.ts b/packages/types/src/config.ts index ffe397febb..1843f9b96c 100644 --- a/packages/types/src/config.ts +++ b/packages/types/src/config.ts @@ -9,6 +9,7 @@ import type { ExtendableGlobalStyleObject, GlobalFontface, GlobalStyleObject, + SystemStyleObject, } from './system-types' import type { ExtendableTheme, Theme } from './theme' import type { ExtendableUtilityConfig, UtilityConfig } from './utility' @@ -61,6 +62,10 @@ export interface PresetCore { * The global fontface for your project. */ globalFontface?: GlobalFontface + /** + * The global custom position try fallback option + */ + globalPositionTry?: GlobalPositionTry /** * Used to generate css utility classes for your project. */ @@ -135,6 +140,15 @@ interface ExtendableGlobalVars { extend?: GlobalVarsDefinition } +export interface GlobalPositionTry { + [key: string]: SystemStyleObject +} + +interface ExtendableGlobalPositionTry { + [key: string]: SystemStyleObject | GlobalPositionTry | undefined + extend?: GlobalPositionTry | undefined +} + export interface ThemeVariant extends Pick {} export interface ThemeVariantsMap { @@ -160,6 +174,10 @@ export interface ExtendableOptions { * The global fontface for your project. */ globalFontface?: ExtendableGlobalFontface + /** + * The global custom position try fallback option + */ + globalPositionTry?: ExtendableGlobalPositionTry /** * Used to generate css utility classes for your project. */ diff --git a/packages/types/src/system-types.ts b/packages/types/src/system-types.ts index 730a99e96b..cb6acfcb49 100644 --- a/packages/types/src/system-types.ts +++ b/packages/types/src/system-types.ts @@ -1,5 +1,5 @@ import type { ConditionalValue, Nested } from './conditions' -import type { AtRule, PropertiesFallback } from './csstype' +import type { AtRule, Globals, PropertiesFallback } from './csstype' import type { SystemProperties, CssVarProperties } from './style-props' type String = string & {} @@ -21,9 +21,93 @@ export type Assign = { * Native css properties * -----------------------------------------------------------------------------*/ +type DashedIdent = `--${string}` + +type StringToMultiple = T | `${T}, ${T}` + +export type PositionAreaAxis = + | 'left' + | 'center' + | 'right' + | 'x-start' + | 'x-end' + | 'span-x-start' + | 'span-x-end' + | 'x-self-start' + | 'x-self-end' + | 'span-x-self-start' + | 'span-x-self-end' + | 'span-all' + | 'top' + | 'bottom' + | 'span-top' + | 'span-bottom' + | 'y-start' + | 'y-end' + | 'span-y-start' + | 'span-y-end' + | 'y-self-start' + | 'y-self-end' + | 'span-y-self-start' + | 'span-y-self-end' + | 'block-start' + | 'block-end' + | 'span-block-start' + | 'span-block-end' + | 'inline-start' + | 'inline-end' + | 'span-inline-start' + | 'span-inline-end' + | 'self-block-start' + | 'self-block-end' + | 'span-self-block-start' + | 'span-self-block-end' + | 'self-inline-start' + | 'self-inline-end' + | 'span-self-inline-start' + | 'span-self-inline-end' + | 'start' + | 'end' + | 'span-start' + | 'span-end' + | 'self-start' + | 'self-end' + | 'span-self-start' + | 'span-self-end' + +type PositionTry = + | 'normal' + | 'flip-block' + | 'flip-inline' + | 'top' + | 'bottom' + | 'left' + | 'right' + | 'block-start' + | 'block-end' + | 'inline-start' + | 'inline-end' + | DashedIdent + +export interface ModernCssProperties { + anchorName?: Globals | 'none' | DashedIdent | StringToMultiple + anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple + fieldSizing?: Globals | 'fixed' | 'content' + interpolateSize?: Globals | 'allow-keywords' | 'numeric-only' + positionAnchor?: Globals | 'auto' | DashedIdent + positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String + positionTry?: Globals | StringToMultiple | String + positionTryFallback?: Globals | 'none' | StringToMultiple | String + positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size' + positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow' + textWrapMode?: Globals | 'wrap' | 'nowrap' + textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start' + textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable' +} + export type CssProperty = keyof PropertiesFallback -export interface CssProperties extends PropertiesFallback, CssVarProperties {} +export interface CssProperties extends PropertiesFallback, CssVarProperties, ModernCssProperties {} export interface CssKeyframes { [name: string]: { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d94a41ec79..66cda420f9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -57,11 +57,11 @@ importers: specifier: 5.6.2 version: 5.6.2 vite-tsconfig-paths: - specifier: 4.3.1 - version: 4.3.1(typescript@5.6.2)(vite@5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + specifier: 5.1.4 + version: 5.1.4(typescript@5.6.2)(vite@5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) vitest: specifier: 1.5.0 - version: 1.5.0(@types/node@20.11.30)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 1.5.0(@types/node@20.11.30)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) devDependencies: '@types/eslint': specifier: 8.56.12 @@ -96,10 +96,10 @@ importers: devDependencies: astro: specifier: 4.16.18 - version: 4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2) + version: 4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2) vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) packages/cli: dependencies: @@ -406,8 +406,8 @@ importers: packages/is-valid-prop: devDependencies: mdn-data: - specifier: 2.4.2 - version: 2.4.2 + specifier: ^2.15.0 + version: 2.15.0 packages/logger: dependencies: @@ -653,7 +653,7 @@ importers: dependencies: '@astrojs/react': specifier: 3.6.3 - version: 3.6.3(@types/node@22.10.2)(@types/react-dom@18.2.19)(@types/react@18.2.55)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(terser@5.37.0) + version: 3.6.3(@types/node@22.10.2)(@types/react-dom@18.2.19)(@types/react@18.2.55)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(terser@5.38.1) '@pandacss/astro-plugin-studio': specifier: workspace:* version: link:../astro-plugin-studio @@ -674,7 +674,7 @@ importers: version: link:../types astro: specifier: 4.16.18 - version: 4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2) + version: 4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2) react: specifier: 18.2.0 version: 18.2.0 @@ -683,7 +683,7 @@ importers: version: 18.2.0(react@18.2.0) vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) devDependencies: '@types/react': specifier: 18.2.55 @@ -862,10 +862,10 @@ importers: dependencies: '@astrojs/solid-js': specifier: 4.4.4 - version: 4.4.4(@testing-library/jest-dom@6.5.0)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(solid-js@1.8.15)(terser@5.37.0) + version: 4.4.4(@testing-library/jest-dom@6.5.0)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(solid-js@1.8.15)(terser@5.38.1) astro: specifier: 4.16.18 - version: 4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2) + version: 4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2) solid-js: specifier: 1.8.15 version: 1.8.15 @@ -888,16 +888,16 @@ importers: devDependencies: '@builder.io/qwik': specifier: 1.12.0 - version: 1.12.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 1.12.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@preact/preset-vite': specifier: 2.10.1 - version: 2.10.1(@babel/core@7.23.9)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 2.10.1(@babel/core@7.23.9)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@solidjs/testing-library': specifier: 0.8.10 version: 0.8.10(solid-js@1.8.15) '@testing-library/jest-dom': specifier: 6.4.2 - version: 6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@testing-library/preact': specifier: 3.2.3 version: 3.2.3(preact@10.19.5) @@ -915,13 +915,13 @@ importers: version: 18.2.19 '@vitejs/plugin-react-swc': specifier: 3.6.0 - version: 3.6.0(@swc/helpers@0.4.36)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 3.6.0(@swc/helpers@0.4.36)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@vitejs/plugin-vue': specifier: 5.0.5 - version: 5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.19(typescript@5.6.2)) + version: 5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.19(typescript@5.6.2)) '@vitejs/plugin-vue-jsx': specifier: 3.1.0 - version: 3.1.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.19(typescript@5.6.2)) + version: 3.1.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.19(typescript@5.6.2)) cac: specifier: 6.7.14 version: 6.7.14 @@ -951,13 +951,13 @@ importers: version: 5.6.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-plugin-solid: specifier: 2.10.2 - version: 2.10.2(@testing-library/jest-dom@6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 2.10.2(@testing-library/jest-dom@6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) vitest: specifier: 1.5.0 - version: 1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vue: specifier: 3.4.19 version: 3.4.19(typescript@5.6.2) @@ -980,7 +980,7 @@ importers: version: link:../css-lib nuxt: specifier: 3.12.4 - version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) postcss: specifier: 8.4.49 version: 8.4.49 @@ -1117,7 +1117,7 @@ importers: version: link:../../packages/cli nuxt: specifier: 3.12.4 - version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) postcss: specifier: 8.4.49 version: 8.4.49 @@ -1136,22 +1136,25 @@ importers: version: link:../../packages/cli '@preact/preset-vite': specifier: 2.10.1 - version: 2.10.1(@babel/core@7.26.0)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 2.10.1(@babel/core@7.26.0)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) typescript: specifier: 5.6.2 version: 5.6.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-tsconfig-paths: + specifier: 5.1.4 + version: 5.1.4(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) sandbox/qwik-ts: devDependencies: '@builder.io/qwik': specifier: 1.12.0 - version: 1.12.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 1.12.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@builder.io/qwik-city': specifier: 1.4.5 - version: 1.4.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.37.0) + version: 1.4.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.38.1) '@pandacss/dev': specifier: workspace:* version: link:../../packages/cli @@ -1166,10 +1169,10 @@ importers: version: 6.18.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-tsconfig-paths: - specifier: 4.3.1 - version: 4.3.1(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + specifier: 5.1.4 + version: 5.1.4(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) sandbox/remix: dependencies: @@ -1200,7 +1203,7 @@ importers: version: link:../../packages/cli '@remix-run/dev': specifier: 2.6.0 - version: 2.6.0(@remix-run/serve@2.6.0(typescript@5.6.2))(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 2.6.0(@remix-run/serve@2.6.0(typescript@5.6.2))(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@types/react': specifier: 18.2.55 version: 18.2.55 @@ -1258,7 +1261,7 @@ importers: version: 18.2.19 '@vitejs/plugin-react': specifier: 4.2.1 - version: 4.2.1(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 4.2.1(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) postcss: specifier: 8.4.49 version: 8.4.49 @@ -1270,7 +1273,7 @@ importers: version: 5.6.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-bundle-visualizer: specifier: 1.0.1 version: 1.0.1(rollup@4.20.0) @@ -1289,10 +1292,10 @@ importers: version: 5.6.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-plugin-solid: specifier: 2.10.2 - version: 2.10.2(@testing-library/jest-dom@6.5.0)(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 2.10.2(@testing-library/jest-dom@6.5.0)(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) sandbox/storybook: dependencies: @@ -1347,10 +1350,10 @@ importers: version: link:../../packages/cli '@sveltejs/adapter-auto': specifier: 3.1.1 - version: 3.1.1(@sveltejs/kit@2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))) + version: 3.1.1(@sveltejs/kit@2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))) '@sveltejs/kit': specifier: 2.8.3 - version: 2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) autoprefixer: specifier: 10.4.20 version: 10.4.20(postcss@8.4.49) @@ -1383,7 +1386,7 @@ importers: version: 5.6.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) sandbox/vite-ts: dependencies: @@ -1408,7 +1411,7 @@ importers: version: 18.2.19 '@vitejs/plugin-react': specifier: 4.2.1 - version: 4.2.1(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + version: 4.2.1(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) postcss: specifier: 8.4.49 version: 8.4.49 @@ -1420,7 +1423,7 @@ importers: version: 5.6.2 vite: specifier: 5.4.11 - version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + version: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-bundle-visualizer: specifier: 1.0.1 version: 1.0.1(rollup@4.20.0) @@ -1438,7 +1441,7 @@ importers: version: 18.3.0-canary-14fd9630e-20240213(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react@18.3.0-canary-14fd9630e-20240213)(webpack@5.96.1(@swc/core@1.7.6)(esbuild@0.19.12)) waku: specifier: 0.19.3 - version: 0.19.3(@swc/helpers@0.5.12)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react-server-dom-webpack@18.3.0-canary-14fd9630e-20240213(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react@18.3.0-canary-14fd9630e-20240213)(webpack@5.96.1(@swc/core@1.7.6)(esbuild@0.19.12)))(react@18.3.0-canary-14fd9630e-20240213)(terser@5.37.0) + version: 0.19.3(@swc/helpers@0.5.12)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react-server-dom-webpack@18.3.0-canary-14fd9630e-20240213(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react@18.3.0-canary-14fd9630e-20240213)(webpack@5.96.1(@swc/core@1.7.6)(esbuild@0.19.12)))(react@18.3.0-canary-14fd9630e-20240213)(terser@5.38.1) devDependencies: '@pandacss/dev': specifier: workspace:* @@ -1903,6 +1906,11 @@ packages: engines: {node: '>=6.0.0'} hasBin: true + '@babel/parser@7.26.7': + resolution: {integrity: sha512-kEvgGGgEjRUutvdVvZhbn/BxVt+5VSpwXz1j3WYXQbXDo8KzFOPNG2GQbdAiNq8g6wn1yKk7C/qrke03a84V+w==} + engines: {node: '>=6.0.0'} + hasBin: true + '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.3': resolution: {integrity: sha512-wUrcsxZg6rqBXG05HG1FPYgsP6EvwF4WpBbxIpWIIYnH8wG0gzx3yZY3dtEHas4sTAOGkbTsc9EGPxwff8lRoA==} engines: {node: '>=6.9.0'} @@ -2533,6 +2541,10 @@ packages: resolution: {integrity: sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==} engines: {node: '>=6.9.0'} + '@babel/runtime@7.26.7': + resolution: {integrity: sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==} + engines: {node: '>=6.9.0'} + '@babel/standalone@7.25.3': resolution: {integrity: sha512-uR+EoBqIIIvKGCG7fOj7HKupu3zVObiMfdEwoPZfVCPpcWJaZ1PkshaP5/6cl6BKAm1Zcv25O1rf+uoQ7V8nqA==} engines: {node: '>=6.9.0'} @@ -2557,6 +2569,10 @@ packages: resolution: {integrity: sha512-rkOSPOw+AXbgtwUga3U4u8RpoK9FEFWBNAlTpcnkLFjL5CT+oyHNuUUC/xx6XefEJ16r38r8Bc/lfp6rYuHeJQ==} engines: {node: '>=6.9.0'} + '@babel/traverse@7.26.7': + resolution: {integrity: sha512-1x1sgeyRLC3r5fQOM0/xtQKsYjyxmFjaOrLJNtZ81inNjyJHGIolTULPiSc/2qe1/qfpFLisLQYFnnZl7QoedA==} + engines: {node: '>=6.9.0'} + '@babel/types@7.25.2': resolution: {integrity: sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==} engines: {node: '>=6.9.0'} @@ -2573,6 +2589,10 @@ packages: resolution: {integrity: sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==} engines: {node: '>=6.9.0'} + '@babel/types@7.26.7': + resolution: {integrity: sha512-t8kDRGrKXyp6+tjUh7hw2RLyclsW4TRoRvRHtSyAX9Bb5ldlFh+90YAYY6awRXrlB4G5G2izNeGySpATlFzmOg==} + engines: {node: '>=6.9.0'} + '@braintree/sanitize-url@6.0.4': resolution: {integrity: sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==} @@ -8171,8 +8191,8 @@ packages: caniuse-lite@1.0.30001669: resolution: {integrity: sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==} - caniuse-lite@1.0.30001695: - resolution: {integrity: sha512-vHyLade6wTgI2u1ec3WQBxv+2BrTERV28UXQu9LO6lZ9pYeMk34vjXFLOxo1A4UBA8XTL4njRQZdno/yYaSmWw==} + caniuse-lite@1.0.30001697: + resolution: {integrity: sha512-GwNPlWJin8E+d7Gxq96jxM6w0w+VFeyyXRsjU58emtkYqnbwHqXm5uT2uCmO0RQE9htWknOP4xtBlLmM/gWxvQ==} capital-case@1.0.4: resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==} @@ -9482,8 +9502,8 @@ packages: electron-to-chromium@1.5.5: resolution: {integrity: sha512-QR7/A7ZkMS8tZuoftC/jfqNkZLQO779SSW3YuZHP4eXpj3EffGLFcB/Xu9AAZQzLccTiCV+EmUo3ha4mQ9wnlA==} - electron-to-chromium@1.5.83: - resolution: {integrity: sha512-LcUDPqSt+V0QmI47XLzZrz5OqILSMGsPFkDYus22rIbgorSvBYEFqq854ltTmUdHkY92FSdAAvsh4jWEULMdfQ==} + electron-to-chromium@1.5.93: + resolution: {integrity: sha512-M+29jTcfNNoR9NV7la4SwUqzWAxEwnc7ThA5e1m6LRSotmpfpCpLcIfgtSCVL+MllNLgAyM/5ru86iMRemPzDQ==} elkjs@0.9.3: resolution: {integrity: sha512-f/ZeWvW/BCXbhGEf1Ujp29EASo/lk1FDnETgNKwJrsVvGZhUWCZyg3xLJjAsxfOmt8KjswHmI5EwCQcPMpOYhQ==} @@ -9535,8 +9555,8 @@ packages: resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==} engines: {node: '>=10.13.0'} - enhanced-resolve@5.18.0: - resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==} + enhanced-resolve@5.18.1: + resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==} engines: {node: '>=10.13.0'} enquirer@2.4.1: @@ -12238,8 +12258,8 @@ packages: mdn-data@2.10.0: resolution: {integrity: sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==} - mdn-data@2.4.2: - resolution: {integrity: sha512-idPW/pIOG+kFB36OahZHGCXZaaKIp5aYbbgRS/NACMbCpSJTTbW+T9XmMLMzvs27vnRhUO1xrd++gAGv7lm1gA==} + mdn-data@2.15.0: + resolution: {integrity: sha512-KIrS0lFPOqA4DgeO16vI5fkAsy8p++WBlbXtB5P1EQs8ubBgguAInNd1DnrCeTRfGchY0kgThgDOOIPyOLH2dQ==} mdurl@1.0.1: resolution: {integrity: sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==} @@ -15842,8 +15862,8 @@ packages: engines: {node: '>=10'} hasBin: true - terser@5.37.0: - resolution: {integrity: sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==} + terser@5.38.1: + resolution: {integrity: sha512-GWANVlPM/ZfYzuPHjq0nxT+EbOEDDN3Jwhwdg1D8TU8oSkktp8w64Uq4auuGLxFSoNTRDncTq2hQHX1Ld9KHkA==} engines: {node: '>=10'} hasBin: true @@ -16706,8 +16726,8 @@ packages: vite-prerender-plugin@0.5.5: resolution: {integrity: sha512-WUXn08rPL8CkbEeLYQI/O/IAD2ggsy5Fp5tA5QMDOpiGi7J4vNBZW/gqYRmCd1ap3XdeobFCFBYEA5mqv39lAQ==} - vite-tsconfig-paths@4.3.1: - resolution: {integrity: sha512-cfgJwcGOsIxXOLU/nELPny2/LUD/lcf1IbfyeKTv2bsupVbTH/xpFtdQlBmIP1GEK2CjjLxYhFfB+QODFAx5aw==} + vite-tsconfig-paths@5.1.4: + resolution: {integrity: sha512-cYj0LRuLV2c2sMqhqhGpaO3LretdtMn/BVX4cPLanIZuwwrkVl+lK84E/miEXkCHWXuq65rhNN4rXsBcOB3S4w==} peerDependencies: vite: '*' peerDependenciesMeta: @@ -17601,15 +17621,15 @@ snapshots: dependencies: prismjs: 1.29.0 - '@astrojs/react@3.6.3(@types/node@22.10.2)(@types/react-dom@18.2.19)(@types/react@18.2.55)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(terser@5.37.0)': + '@astrojs/react@3.6.3(@types/node@22.10.2)(@types/react-dom@18.2.19)(@types/react@18.2.55)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(terser@5.38.1)': dependencies: '@types/react': 18.2.55 '@types/react-dom': 18.2.19 - '@vitejs/plugin-react': 4.3.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@vitejs/plugin-react': 4.3.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) ultrahtml: 1.5.3 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - less @@ -17621,11 +17641,11 @@ snapshots: - supports-color - terser - '@astrojs/solid-js@4.4.4(@testing-library/jest-dom@6.5.0)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(solid-js@1.8.15)(terser@5.37.0)': + '@astrojs/solid-js@4.4.4(@testing-library/jest-dom@6.5.0)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(solid-js@1.8.15)(terser@5.38.1)': dependencies: solid-js: 1.8.15 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-plugin-solid: 2.10.2(@testing-library/jest-dom@6.5.0)(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-plugin-solid: 2.10.2(@testing-library/jest-dom@6.5.0)(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) transitivePeerDependencies: - '@testing-library/jest-dom' - '@types/node' @@ -17844,12 +17864,12 @@ snapshots: '@babel/helper-create-class-features-plugin@7.25.0(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-annotate-as-pure': 7.25.9 + '@babel/helper-annotate-as-pure': 7.24.7 '@babel/helper-member-expression-to-functions': 7.24.8 '@babel/helper-optimise-call-expression': 7.24.7 '@babel/helper-replace-supers': 7.25.0(@babel/core@7.26.0) '@babel/helper-skip-transparent-expression-wrappers': 7.24.7 - '@babel/traverse': 7.26.5 + '@babel/traverse': 7.26.4 semver: 6.3.1 transitivePeerDependencies: - supports-color @@ -17982,7 +18002,7 @@ snapshots: '@babel/core': 7.26.0 '@babel/helper-annotate-as-pure': 7.25.9 '@babel/helper-wrap-function': 7.25.0 - '@babel/traverse': 7.26.5 + '@babel/traverse': 7.26.4 transitivePeerDependencies: - supports-color @@ -18000,7 +18020,7 @@ snapshots: '@babel/core': 7.26.0 '@babel/helper-member-expression-to-functions': 7.24.8 '@babel/helper-optimise-call-expression': 7.24.7 - '@babel/traverse': 7.26.5 + '@babel/traverse': 7.26.4 transitivePeerDependencies: - supports-color @@ -18069,6 +18089,10 @@ snapshots: dependencies: '@babel/types': 7.26.5 + '@babel/parser@7.26.7': + dependencies: + '@babel/types': 7.26.7 + '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.3(@babel/core@7.23.9)': dependencies: '@babel/core': 7.23.9 @@ -18307,7 +18331,7 @@ snapshots: '@babel/plugin-syntax-import-attributes@7.24.7(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.9)': dependencies: @@ -18317,7 +18341,7 @@ snapshots: '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.23.9)': dependencies: @@ -18397,7 +18421,7 @@ snapshots: '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.12.9)': dependencies: '@babel/core': 7.12.9 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.23.9)': dependencies: @@ -18407,7 +18431,7 @@ snapshots: '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.23.9)': dependencies: @@ -18514,7 +18538,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-module-imports': 7.25.9 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/helper-remap-async-to-generator': 7.25.0(@babel/core@7.26.0) transitivePeerDependencies: - supports-color @@ -18551,7 +18575,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-create-class-features-plugin': 7.25.0(@babel/core@7.26.0) - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 transitivePeerDependencies: - supports-color @@ -18568,7 +18592,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-create-class-features-plugin': 7.25.0(@babel/core@7.26.0) - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.26.0) transitivePeerDependencies: - supports-color @@ -18588,9 +18612,9 @@ snapshots: '@babel/plugin-transform-classes@7.25.0(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-annotate-as-pure': 7.25.9 + '@babel/helper-annotate-as-pure': 7.25.7 '@babel/helper-compilation-targets': 7.25.9 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/helper-replace-supers': 7.25.0(@babel/core@7.26.0) '@babel/traverse': 7.26.4 globals: 11.12.0 @@ -18629,7 +18653,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.26.0) - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-transform-duplicate-keys@7.24.7(@babel/core@7.23.9)': dependencies: @@ -18677,7 +18701,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-builder-binary-assignment-operator-visitor': 7.24.7 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 transitivePeerDependencies: - supports-color @@ -18728,8 +18752,8 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-compilation-targets': 7.25.9 - '@babel/helper-plugin-utils': 7.25.9 - '@babel/traverse': 7.26.5 + '@babel/helper-plugin-utils': 7.25.7 + '@babel/traverse': 7.26.4 transitivePeerDependencies: - supports-color @@ -18806,7 +18830,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0) - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.24.8 '@babel/helper-simple-access': 7.24.7 transitivePeerDependencies: - supports-color @@ -18905,7 +18929,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-compilation-targets': 7.25.9 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.26.0) '@babel/plugin-transform-parameters': 7.24.7(@babel/core@7.26.0) @@ -18920,7 +18944,7 @@ snapshots: '@babel/plugin-transform-object-super@7.24.7(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/helper-replace-supers': 7.25.0(@babel/core@7.26.0) transitivePeerDependencies: - supports-color @@ -18982,7 +19006,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-create-class-features-plugin': 7.25.0(@babel/core@7.26.0) - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 transitivePeerDependencies: - supports-color @@ -18999,9 +19023,9 @@ snapshots: '@babel/plugin-transform-private-property-in-object@7.24.7(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-annotate-as-pure': 7.25.9 + '@babel/helper-annotate-as-pure': 7.25.7 '@babel/helper-create-class-features-plugin': 7.25.0(@babel/core@7.26.0) - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.26.0) transitivePeerDependencies: - supports-color @@ -19105,7 +19129,7 @@ snapshots: '@babel/helper-module-imports': 7.25.9 '@babel/helper-plugin-utils': 7.25.9 '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.0) - '@babel/types': 7.26.3 + '@babel/types': 7.26.5 transitivePeerDependencies: - supports-color @@ -19130,7 +19154,7 @@ snapshots: '@babel/plugin-transform-regenerator@7.24.7(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 regenerator-transform: 0.15.2 '@babel/plugin-transform-reserved-words@7.24.7(@babel/core@7.23.9)': @@ -19176,7 +19200,7 @@ snapshots: '@babel/plugin-transform-spread@7.24.7(@babel/core@7.26.0)': dependencies: '@babel/core': 7.26.0 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.25.7 '@babel/helper-skip-transparent-expression-wrappers': 7.24.7 transitivePeerDependencies: - supports-color @@ -19373,7 +19397,7 @@ snapshots: '@babel/compat-data': 7.26.3 '@babel/core': 7.26.0 '@babel/helper-compilation-targets': 7.25.9 - '@babel/helper-plugin-utils': 7.25.9 + '@babel/helper-plugin-utils': 7.24.8 '@babel/helper-validator-option': 7.25.9 '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.3(@babel/core@7.26.0) '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.0(@babel/core@7.26.0) @@ -19532,6 +19556,10 @@ snapshots: dependencies: regenerator-runtime: 0.14.1 + '@babel/runtime@7.26.7': + dependencies: + regenerator-runtime: 0.14.1 + '@babel/standalone@7.25.3': {} '@babel/template@7.25.0': @@ -19582,6 +19610,18 @@ snapshots: transitivePeerDependencies: - supports-color + '@babel/traverse@7.26.7': + dependencies: + '@babel/code-frame': 7.26.2 + '@babel/generator': 7.26.5 + '@babel/parser': 7.26.7 + '@babel/template': 7.25.9 + '@babel/types': 7.26.7 + debug: 4.4.0 + globals: 11.12.0 + transitivePeerDependencies: + - supports-color + '@babel/types@7.25.2': dependencies: '@babel/helper-string-parser': 7.24.8 @@ -19604,11 +19644,16 @@ snapshots: '@babel/helper-string-parser': 7.25.9 '@babel/helper-validator-identifier': 7.25.9 + '@babel/types@7.26.7': + dependencies: + '@babel/helper-string-parser': 7.25.9 + '@babel/helper-validator-identifier': 7.25.9 + '@braintree/sanitize-url@6.0.4': {} '@builder.io/partytown@0.7.6': {} - '@builder.io/qwik-city@1.4.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.37.0)': + '@builder.io/qwik-city@1.4.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.38.1)': dependencies: '@mdx-js/mdx': 2.3.0 '@types/mdx': 2.0.13 @@ -19616,7 +19661,7 @@ snapshots: svgo: 3.3.2 undici: 6.18.2 vfile: 6.0.2 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-imagetools: 6.2.9(rollup@4.20.0) zod: 3.22.4 transitivePeerDependencies: @@ -19631,10 +19676,10 @@ snapshots: - supports-color - terser - '@builder.io/qwik@1.12.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@builder.io/qwik@1.12.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: csstype: 3.1.3 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) '@changesets/apply-release-plan@7.0.8': dependencies: @@ -20507,7 +20552,7 @@ snapshots: '@emotion/babel-plugin@11.13.5': dependencies: '@babel/helper-module-imports': 7.25.9 - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@emotion/hash': 0.9.2 '@emotion/memoize': 0.9.0 '@emotion/serialize': 1.3.3 @@ -20538,7 +20583,7 @@ snapshots: '@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@emotion/babel-plugin': 11.13.5 '@emotion/cache': 11.14.0 '@emotion/serialize': 1.3.3 @@ -20564,7 +20609,7 @@ snapshots: '@emotion/styled@11.13.0(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@emotion/babel-plugin': 11.13.5 '@emotion/is-prop-valid': 1.3.1 '@emotion/react': 11.13.0(@types/react@18.2.55)(react@18.2.0) @@ -21636,7 +21681,7 @@ snapshots: '@mui/material@5.16.6(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@emotion/styled@11.13.0(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@mui/core-downloads-tracker': 5.16.14 '@mui/system': 5.16.14(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@emotion/styled@11.13.0(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0) '@mui/types': 7.2.21(@types/react@18.2.55) @@ -21657,7 +21702,7 @@ snapshots: '@mui/private-theming@5.16.14(@types/react@18.2.55)(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@mui/utils': 5.16.14(@types/react@18.2.55)(react@18.2.0) prop-types: 15.8.1 react: 18.2.0 @@ -21666,7 +21711,7 @@ snapshots: '@mui/styled-engine@5.16.14(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@emotion/styled@11.13.0(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@emotion/cache': 11.14.0 csstype: 3.1.3 prop-types: 15.8.1 @@ -21677,7 +21722,7 @@ snapshots: '@mui/system@5.16.14(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@emotion/styled@11.13.0(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@mui/private-theming': 5.16.14(@types/react@18.2.55)(react@18.2.0) '@mui/styled-engine': 5.16.14(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@emotion/styled@11.13.0(@emotion/react@11.13.0(@types/react@18.2.55)(react@18.2.0))(@types/react@18.2.55)(react@18.2.0))(react@18.2.0) '@mui/types': 7.2.21(@types/react@18.2.55) @@ -21697,7 +21742,7 @@ snapshots: '@mui/utils@5.16.14(@types/react@18.2.55)(react@18.2.0)': dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 '@mui/types': 7.2.21(@types/react@18.2.55) '@types/prop-types': 15.7.14 clsx: 2.1.1 @@ -21870,12 +21915,12 @@ snapshots: '@nuxt/devalue@2.0.2': {} - '@nuxt/devtools-kit@1.3.9(magicast@0.3.4)(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@nuxt/devtools-kit@1.3.9(magicast@0.3.4)(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.20.0) '@nuxt/schema': 3.12.4(rollup@4.20.0) execa: 7.2.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - magicast - rollup @@ -21894,13 +21939,13 @@ snapshots: rc9: 2.1.2 semver: 7.6.3 - '@nuxt/devtools@1.3.9(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@nuxt/devtools@1.3.9(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@antfu/utils': 0.7.10 - '@nuxt/devtools-kit': 1.3.9(magicast@0.3.4)(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@nuxt/devtools-kit': 1.3.9(magicast@0.3.4)(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@nuxt/devtools-wizard': 1.3.9 '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.20.0) - '@vue/devtools-core': 7.3.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@vue/devtools-core': 7.3.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@vue/devtools-kit': 7.3.3 birpc: 0.2.17 consola: 3.2.3 @@ -21929,9 +21974,9 @@ snapshots: simple-git: 3.25.0 sirv: 2.0.4 unimport: 3.10.0(rollup@4.20.0) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-plugin-inspect: 0.8.5(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.20.0))(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) - vite-plugin-vue-inspector: 5.1.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-plugin-inspect: 0.8.5(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.20.0))(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) + vite-plugin-vue-inspector: 5.1.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) which: 3.0.1 ws: 8.18.0 transitivePeerDependencies: @@ -22060,12 +22105,12 @@ snapshots: - rollup - supports-color - '@nuxt/vite-builder@3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2))': + '@nuxt/vite-builder@3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2))': dependencies: '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.20.0) '@rollup/plugin-replace': 5.0.7(rollup@4.20.0) - '@vitejs/plugin-vue': 5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.36(typescript@5.6.2)) - '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.36(typescript@5.6.2)) + '@vitejs/plugin-vue': 5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.36(typescript@5.6.2)) + '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.36(typescript@5.6.2)) autoprefixer: 10.4.20(postcss@8.4.49) clear: 0.1.0 consola: 3.2.3 @@ -22091,9 +22136,9 @@ snapshots: ufo: 1.5.4 unenv: 1.10.0 unplugin: 1.12.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-node: 2.0.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-plugin-checker: 0.7.2(eslint@8.56.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-node: 2.0.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-plugin-checker: 0.7.2(eslint@8.56.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) vue: 3.4.36(typescript@5.6.2) vue-bundle-renderer: 2.1.0 transitivePeerDependencies: @@ -22119,12 +22164,12 @@ snapshots: - vti - vue-tsc - '@nuxt/vite-builder@3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2))': + '@nuxt/vite-builder@3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2))': dependencies: '@nuxt/kit': 3.12.4(magicast@0.3.5)(rollup@4.20.0) '@rollup/plugin-replace': 5.0.7(rollup@4.20.0) - '@vitejs/plugin-vue': 5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.36(typescript@5.6.2)) - '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.36(typescript@5.6.2)) + '@vitejs/plugin-vue': 5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.36(typescript@5.6.2)) + '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.36(typescript@5.6.2)) autoprefixer: 10.4.20(postcss@8.4.49) clear: 0.1.0 consola: 3.2.3 @@ -22150,9 +22195,9 @@ snapshots: ufo: 1.5.4 unenv: 1.10.0 unplugin: 1.12.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-node: 2.0.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-plugin-checker: 0.7.2(eslint@8.56.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-node: 2.0.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-plugin-checker: 0.7.2(eslint@8.56.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) vue: 3.4.36(typescript@5.6.2) vue-bundle-renderer: 2.1.0 transitivePeerDependencies: @@ -22513,33 +22558,33 @@ snapshots: '@popperjs/core@2.11.8': {} - '@preact/preset-vite@2.10.1(@babel/core@7.23.9)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@preact/preset-vite@2.10.1(@babel/core@7.23.9)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.23.9 '@babel/plugin-transform-react-jsx': 7.25.9(@babel/core@7.23.9) '@babel/plugin-transform-react-jsx-development': 7.24.7(@babel/core@7.23.9) - '@prefresh/vite': 2.4.6(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@prefresh/vite': 2.4.6(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@rollup/pluginutils': 4.2.1 babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.23.9) debug: 4.4.0 kolorist: 1.8.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-prerender-plugin: 0.5.5 transitivePeerDependencies: - preact - supports-color - '@preact/preset-vite@2.10.1(@babel/core@7.26.0)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@preact/preset-vite@2.10.1(@babel/core@7.26.0)(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.26.0 '@babel/plugin-transform-react-jsx': 7.25.9(@babel/core@7.26.0) '@babel/plugin-transform-react-jsx-development': 7.24.7(@babel/core@7.26.0) - '@prefresh/vite': 2.4.6(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@prefresh/vite': 2.4.6(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@rollup/pluginutils': 4.2.1 babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.26.0) debug: 4.4.0 kolorist: 1.8.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-prerender-plugin: 0.5.5 transitivePeerDependencies: - preact @@ -22553,7 +22598,7 @@ snapshots: '@prefresh/utils@1.2.0': {} - '@prefresh/vite@2.4.6(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@prefresh/vite@2.4.6(preact@10.19.5)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.26.0 '@prefresh/babel-plugin': 0.5.1 @@ -22561,7 +22606,7 @@ snapshots: '@prefresh/utils': 1.2.0 '@rollup/pluginutils': 4.2.1 preact: 10.19.5 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color @@ -22974,7 +23019,7 @@ snapshots: '@remix-run/css-bundle@2.6.0': {} - '@remix-run/dev@2.6.0(@remix-run/serve@2.6.0(typescript@5.6.2))(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@remix-run/dev@2.6.0(@remix-run/serve@2.6.0(typescript@5.6.2))(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.23.9 '@babel/generator': 7.25.0 @@ -22990,7 +23035,7 @@ snapshots: '@remix-run/router': 1.15.0 '@remix-run/server-runtime': 2.6.0(typescript@5.6.2) '@types/mdx': 2.0.13 - '@vanilla-extract/integration': 6.5.0(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + '@vanilla-extract/integration': 6.5.0(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) arg: 5.0.2 cacache: 17.1.4 chalk: 4.1.2 @@ -23032,7 +23077,7 @@ snapshots: optionalDependencies: '@remix-run/serve': 2.6.0(typescript@5.6.2) typescript: 5.6.2 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -23870,14 +23915,14 @@ snapshots: '@types/express': 4.17.21 file-system-cache: 2.3.0 - '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))': + '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))': dependencies: - '@sveltejs/kit': 2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@sveltejs/kit': 2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) import-meta-resolve: 4.1.0 - '@sveltejs/kit@2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@sveltejs/kit@2.8.3(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: - '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@types/cookie': 0.6.0 cookie: 0.6.0 devalue: 5.1.1 @@ -23891,28 +23936,28 @@ snapshots: sirv: 3.0.0 svelte: 4.2.19 tiny-glob: 0.2.9 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) - '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: - '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) debug: 4.4.0 svelte: 4.2.19 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color - '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: - '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) debug: 4.4.0 deepmerge: 4.3.1 kleur: 4.1.5 magic-string: 0.30.17 svelte: 4.2.19 svelte-hmr: 0.16.0(svelte@4.2.19) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vitefu: 0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vitefu: 0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) transitivePeerDependencies: - supports-color @@ -24176,7 +24221,7 @@ snapshots: lz-string: 1.5.0 pretty-format: 27.5.1 - '@testing-library/jest-dom@6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@testing-library/jest-dom@6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@adobe/css-tools': 4.4.0 '@babel/runtime': 7.25.0 @@ -24187,7 +24232,7 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 optionalDependencies: - vitest: 1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vitest: 1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) '@testing-library/jest-dom@6.5.0': dependencies: @@ -24898,7 +24943,7 @@ snapshots: transitivePeerDependencies: - babel-plugin-macros - '@vanilla-extract/integration@6.5.0(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)': + '@vanilla-extract/integration@6.5.0(@types/node@22.10.2)(babel-plugin-macros@3.1.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)': dependencies: '@babel/core': 7.26.0 '@babel/plugin-syntax-typescript': 7.24.7(@babel/core@7.26.0) @@ -24911,8 +24956,8 @@ snapshots: lodash: 4.17.21 mlly: 1.7.1 outdent: 0.8.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-node: 1.6.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-node: 1.6.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -24949,74 +24994,74 @@ snapshots: dependencies: resolve: 1.22.8 - '@vitejs/plugin-react-swc@3.6.0(@swc/helpers@0.4.36)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@vitejs/plugin-react-swc@3.6.0(@swc/helpers@0.4.36)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@swc/core': 1.7.6(@swc/helpers@0.4.36) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@swc/helpers' - '@vitejs/plugin-react@4.2.1(vite@5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@vitejs/plugin-react@4.2.1(vite@5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.23.9 '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.23.9) '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.23.9) '@types/babel__core': 7.20.5 react-refresh: 0.14.2 - vite: 5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color - '@vitejs/plugin-react@4.2.1(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@vitejs/plugin-react@4.2.1(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.23.9 '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.23.9) '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.23.9) '@types/babel__core': 7.20.5 react-refresh: 0.14.2 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color - '@vitejs/plugin-react@4.3.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@vitejs/plugin-react@4.3.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@babel/core': 7.26.0 '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0) '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0) '@types/babel__core': 7.20.5 react-refresh: 0.14.2 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.19(typescript@5.6.2))': + '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.19(typescript@5.6.2))': dependencies: '@babel/core': 7.23.9 '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.23.9) '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.23.9) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vue: 3.4.19(typescript@5.6.2) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue-jsx@4.0.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.36(typescript@5.6.2))': + '@vitejs/plugin-vue-jsx@4.0.0(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.36(typescript@5.6.2))': dependencies: '@babel/core': 7.26.0 '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.26.0) '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.26.0) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vue: 3.4.36(typescript@5.6.2) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue@5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.19(typescript@5.6.2))': + '@vitejs/plugin-vue@5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.19(typescript@5.6.2))': dependencies: - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vue: 3.4.19(typescript@5.6.2) - '@vitejs/plugin-vue@5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))(vue@3.4.36(typescript@5.6.2))': + '@vitejs/plugin-vue@5.0.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))(vue@3.4.36(typescript@5.6.2))': dependencies: - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vue: 3.4.36(typescript@5.6.2) '@vitest/expect@1.5.0': @@ -25211,14 +25256,14 @@ snapshots: '@vue/devtools-api@6.6.3': {} - '@vue/devtools-core@7.3.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0))': + '@vue/devtools-core@7.3.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1))': dependencies: '@vue/devtools-kit': 7.3.3 '@vue/devtools-shared': 7.3.7 mitt: 3.0.1 nanoid: 3.3.7 pathe: 1.1.2 - vite-hot-client: 0.2.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite-hot-client: 0.2.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) transitivePeerDependencies: - vite @@ -26666,7 +26711,7 @@ snapshots: astring@1.8.6: {} - astro@4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2): + astro@4.16.18(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2): dependencies: '@astrojs/compiler': 2.10.3 '@astrojs/internal-helpers': 0.4.1 @@ -26722,8 +26767,8 @@ snapshots: tsconfck: 3.1.4(typescript@5.6.2) unist-util-visit: 5.0.0 vfile: 6.0.3 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vitefu: 1.0.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vitefu: 1.0.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) which-pm: 3.0.0 xxhash-wasm: 1.1.0 yargs-parser: 21.1.1 @@ -26790,9 +26835,9 @@ snapshots: babel-eslint@10.1.0(eslint@7.32.0): dependencies: '@babel/code-frame': 7.26.2 - '@babel/parser': 7.26.5 - '@babel/traverse': 7.26.5 - '@babel/types': 7.26.5 + '@babel/parser': 7.26.7 + '@babel/traverse': 7.26.7 + '@babel/types': 7.26.7 eslint: 7.32.0 eslint-visitor-keys: 1.3.0 resolve: 1.22.10 @@ -27194,8 +27239,8 @@ snapshots: browserslist@4.24.4: dependencies: - caniuse-lite: 1.0.30001695 - electron-to-chromium: 1.5.83 + caniuse-lite: 1.0.30001697 + electron-to-chromium: 1.5.93 node-releases: 2.0.19 update-browserslist-db: 1.1.2(browserslist@4.24.4) @@ -27360,7 +27405,7 @@ snapshots: caniuse-lite@1.0.30001669: {} - caniuse-lite@1.0.30001695: {} + caniuse-lite@1.0.30001697: {} capital-case@1.0.4: dependencies: @@ -28614,7 +28659,7 @@ snapshots: detect-port@1.6.1: dependencies: address: 1.2.2 - debug: 4.3.7 + debug: 4.4.0 transitivePeerDependencies: - supports-color @@ -28690,7 +28735,7 @@ snapshots: dom-helpers@5.2.1: dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 csstype: 3.1.3 dom-serializer@1.4.1: @@ -28793,7 +28838,7 @@ snapshots: electron-to-chromium@1.5.5: {} - electron-to-chromium@1.5.83: {} + electron-to-chromium@1.5.93: {} elkjs@0.9.3: {} @@ -28859,7 +28904,7 @@ snapshots: graceful-fs: 4.2.11 tapable: 2.2.1 - enhanced-resolve@5.18.0: + enhanced-resolve@5.18.1: dependencies: graceful-fs: 4.2.11 tapable: 2.2.1 @@ -31352,7 +31397,7 @@ snapshots: http-proxy-agent@7.0.2: dependencies: agent-base: 7.1.1 - debug: 4.3.6 + debug: 4.4.0 transitivePeerDependencies: - supports-color @@ -31398,7 +31443,7 @@ snapshots: https-proxy-agent@7.0.5: dependencies: agent-base: 7.1.1 - debug: 4.3.6 + debug: 4.4.0 transitivePeerDependencies: - supports-color @@ -32866,7 +32911,7 @@ snapshots: mdn-data@2.10.0: {} - mdn-data@2.4.2: {} + mdn-data@2.15.0: {} mdurl@1.0.1: {} @@ -33920,7 +33965,7 @@ snapshots: '@rollup/plugin-node-resolve': 15.2.3(rollup@4.20.0) '@rollup/plugin-replace': 5.0.7(rollup@4.20.0) '@rollup/plugin-terser': 0.4.4(rollup@4.20.0) - '@rollup/pluginutils': 5.1.0(rollup@4.20.0) + '@rollup/pluginutils': 5.1.4(rollup@4.20.0) '@types/http-proxy': 1.17.14 '@vercel/nft': 0.26.5 archiver: 7.0.1 @@ -34153,14 +34198,14 @@ snapshots: optionalDependencies: fsevents: 2.3.3 - nuxt@3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + nuxt@3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@nuxt/devalue': 2.0.2 - '@nuxt/devtools': 1.3.9(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@nuxt/devtools': 1.3.9(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.20.0) '@nuxt/schema': 3.12.4(rollup@4.20.0) '@nuxt/telemetry': 2.5.4(magicast@0.3.4)(rollup@4.20.0) - '@nuxt/vite-builder': 3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2)) + '@nuxt/vite-builder': 3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2)) '@unhead/dom': 1.9.16 '@unhead/ssr': 1.9.16 '@unhead/vue': 1.9.16(vue@3.4.36(typescript@5.6.2)) @@ -34260,14 +34305,14 @@ snapshots: - vue-tsc - xml2js - nuxt@3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + nuxt@3.12.4(@parcel/watcher@2.4.1)(@types/node@22.10.2)(eslint@8.56.0)(ioredis@5.4.1)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@nuxt/devalue': 2.0.2 - '@nuxt/devtools': 1.3.9(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@nuxt/devtools': 1.3.9(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) '@nuxt/kit': 3.12.4(magicast@0.3.5)(rollup@4.20.0) '@nuxt/schema': 3.12.4(rollup@4.20.0) '@nuxt/telemetry': 2.5.4(magicast@0.3.5)(rollup@4.20.0) - '@nuxt/vite-builder': 3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.37.0)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2)) + '@nuxt/vite-builder': 3.12.4(@types/node@22.10.2)(eslint@8.56.0)(less@4.2.0)(lightningcss@1.25.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.20.0)(terser@5.38.1)(typescript@5.6.2)(vue@3.4.36(typescript@5.6.2)) '@unhead/dom': 1.9.16 '@unhead/ssr': 1.9.16 '@unhead/vue': 1.9.16(vue@3.4.36(typescript@5.6.2)) @@ -35925,7 +35970,7 @@ snapshots: react-transition-group@4.4.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0): dependencies: - '@babel/runtime': 7.26.0 + '@babel/runtime': 7.26.7 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 @@ -37568,7 +37613,7 @@ snapshots: jest-worker: 27.5.1 schema-utils: 4.3.0 serialize-javascript: 6.0.2 - terser: 5.37.0 + terser: 5.38.1 webpack: 5.96.1(@swc/core@1.7.6)(esbuild@0.19.12) optionalDependencies: '@swc/core': 1.7.6(@swc/helpers@0.4.36) @@ -37581,7 +37626,7 @@ snapshots: commander: 2.20.3 source-map-support: 0.5.21 - terser@5.37.0: + terser@5.38.1: dependencies: '@jridgewell/source-map': 0.3.6 acorn: 8.14.0 @@ -38446,9 +38491,9 @@ snapshots: - rollup - supports-color - vite-hot-client@0.2.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-hot-client@0.2.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vite-imagetools@6.2.9(rollup@4.20.0): dependencies: @@ -38457,13 +38502,13 @@ snapshots: transitivePeerDependencies: - rollup - vite-node@1.5.0(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite-node@1.5.0(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: cac: 6.7.14 debug: 4.4.0 pathe: 1.1.2 picocolors: 1.1.1 - vite: 5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - less @@ -38475,13 +38520,13 @@ snapshots: - supports-color - terser - vite-node@1.5.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite-node@1.5.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: cac: 6.7.14 - debug: 4.3.6 + debug: 4.4.0 pathe: 1.1.2 picocolors: 1.1.1 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - less @@ -38493,13 +38538,13 @@ snapshots: - supports-color - terser - vite-node@1.6.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite-node@1.6.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: cac: 6.7.14 debug: 4.4.0 pathe: 1.1.2 picocolors: 1.1.1 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - less @@ -38511,13 +38556,13 @@ snapshots: - supports-color - terser - vite-node@2.0.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite-node@2.0.5(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: cac: 6.7.14 debug: 4.4.0 pathe: 1.1.2 tinyrainbow: 1.2.0 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@types/node' - less @@ -38529,7 +38574,7 @@ snapshots: - supports-color - terser - vite-plugin-checker@0.7.2(eslint@8.56.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-plugin-checker@0.7.2(eslint@8.56.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@babel/code-frame': 7.26.2 ansi-escapes: 4.3.2 @@ -38541,7 +38586,7 @@ snapshots: npm-run-path: 4.0.1 strip-ansi: 6.0.1 tiny-invariant: 1.3.3 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) vscode-languageclient: 7.0.0 vscode-languageserver: 7.0.0 vscode-languageserver-textdocument: 1.0.12 @@ -38551,7 +38596,7 @@ snapshots: optionator: 0.9.4 typescript: 5.6.2 - vite-plugin-inspect@0.8.5(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.20.0))(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-plugin-inspect@0.8.5(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.20.0))(rollup@4.20.0)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@antfu/utils': 0.7.10 '@rollup/pluginutils': 5.1.4(rollup@4.20.0) @@ -38562,14 +38607,14 @@ snapshots: perfect-debounce: 1.0.0 picocolors: 1.1.1 sirv: 2.0.4 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) optionalDependencies: '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.20.0) transitivePeerDependencies: - rollup - supports-color - vite-plugin-solid@2.10.2(@testing-library/jest-dom@6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)))(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-plugin-solid@2.10.2(@testing-library/jest-dom@6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)))(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@babel/core': 7.23.9 '@types/babel__core': 7.20.5 @@ -38577,14 +38622,14 @@ snapshots: merge-anything: 5.1.7 solid-js: 1.8.15 solid-refresh: 0.6.3(solid-js@1.8.15) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vitefu: 0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vitefu: 0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) optionalDependencies: - '@testing-library/jest-dom': 6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@testing-library/jest-dom': 6.4.2(vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) transitivePeerDependencies: - supports-color - vite-plugin-solid@2.10.2(@testing-library/jest-dom@6.5.0)(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-plugin-solid@2.10.2(@testing-library/jest-dom@6.5.0)(solid-js@1.8.15)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@babel/core': 7.23.9 '@types/babel__core': 7.20.5 @@ -38592,14 +38637,14 @@ snapshots: merge-anything: 5.1.7 solid-js: 1.8.15 solid-refresh: 0.6.3(solid-js@1.8.15) - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vitefu: 0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vitefu: 0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) optionalDependencies: '@testing-library/jest-dom': 6.5.0 transitivePeerDependencies: - supports-color - vite-plugin-vue-inspector@5.1.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-plugin-vue-inspector@5.1.3(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: '@babel/core': 7.26.0 '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.26.0) @@ -38610,7 +38655,7 @@ snapshots: '@vue/compiler-dom': 3.4.36 kolorist: 1.8.0 magic-string: 0.30.17 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color @@ -38622,29 +38667,29 @@ snapshots: source-map: 0.7.4 stack-trace: 1.0.0-pre2 - vite-tsconfig-paths@4.3.1(typescript@5.6.2)(vite@5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-tsconfig-paths@5.1.4(typescript@5.6.2)(vite@5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: - debug: 4.3.6 + debug: 4.4.0 globrex: 0.1.2 - tsconfck: 3.0.2(typescript@5.6.2) + tsconfck: 3.1.4(typescript@5.6.2) optionalDependencies: - vite: 5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color - typescript - vite-tsconfig-paths@4.3.1(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vite-tsconfig-paths@5.1.4(typescript@5.6.2)(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): dependencies: - debug: 4.3.6 + debug: 4.4.0 globrex: 0.1.2 - tsconfck: 3.0.2(typescript@5.6.2) + tsconfck: 3.1.4(typescript@5.6.2) optionalDependencies: - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - supports-color - typescript - vite@5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite@5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: esbuild: 0.19.12 postcss: 8.4.49 @@ -38654,9 +38699,9 @@ snapshots: fsevents: 2.3.3 less: 4.2.0 lightningcss: 1.25.1 - terser: 5.37.0 + terser: 5.38.1 - vite@5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite@5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: esbuild: 0.21.5 postcss: 8.4.49 @@ -38666,9 +38711,9 @@ snapshots: fsevents: 2.3.3 less: 4.2.0 lightningcss: 1.25.1 - terser: 5.37.0 + terser: 5.38.1 - vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: esbuild: 0.21.5 postcss: 8.4.49 @@ -38678,17 +38723,17 @@ snapshots: fsevents: 2.3.3 less: 4.2.0 lightningcss: 1.25.1 - terser: 5.37.0 + terser: 5.38.1 - vitefu@0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vitefu@0.2.5(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): optionalDependencies: - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) - vitefu@1.0.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)): + vitefu@1.0.4(vite@5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)): optionalDependencies: - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) - vitest@1.5.0(@types/node@20.11.30)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vitest@1.5.0(@types/node@20.11.30)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: '@vitest/expect': 1.5.0 '@vitest/runner': 1.5.0 @@ -38707,8 +38752,8 @@ snapshots: strip-literal: 2.1.0 tinybench: 2.9.0 tinypool: 0.8.4 - vite: 5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-node: 1.5.0(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-node: 1.5.0(@types/node@20.11.30)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) why-is-node-running: 2.3.0 optionalDependencies: '@types/node': 20.11.30 @@ -38724,7 +38769,7 @@ snapshots: - supports-color - terser - vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0): + vitest@1.5.0(@types/node@22.10.2)(happy-dom@15.10.2)(jsdom@24.0.0)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1): dependencies: '@vitest/expect': 1.5.0 '@vitest/runner': 1.5.0 @@ -38743,8 +38788,8 @@ snapshots: strip-literal: 2.1.0 tinybench: 2.9.0 tinypool: 0.8.4 - vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) - vite-node: 1.5.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.4.11(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) + vite-node: 1.5.0(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) why-is-node-running: 2.3.0 optionalDependencies: '@types/node': 22.10.2 @@ -38829,17 +38874,17 @@ snapshots: dependencies: xml-name-validator: 5.0.0 - waku@0.19.3(@swc/helpers@0.5.12)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react-server-dom-webpack@18.3.0-canary-14fd9630e-20240213(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react@18.3.0-canary-14fd9630e-20240213)(webpack@5.96.1(@swc/core@1.7.6)(esbuild@0.19.12)))(react@18.3.0-canary-14fd9630e-20240213)(terser@5.37.0): + waku@0.19.3(@swc/helpers@0.5.12)(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react-server-dom-webpack@18.3.0-canary-14fd9630e-20240213(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react@18.3.0-canary-14fd9630e-20240213)(webpack@5.96.1(@swc/core@1.7.6)(esbuild@0.19.12)))(react@18.3.0-canary-14fd9630e-20240213)(terser@5.38.1): dependencies: '@hono/node-server': 1.7.0 '@swc/core': 1.4.0(@swc/helpers@0.5.12) - '@vitejs/plugin-react': 4.2.1(vite@5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0)) + '@vitejs/plugin-react': 4.2.1(vite@5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1)) dotenv: 16.4.2 hono: 4.0.0 react: 18.3.0-canary-14fd9630e-20240213 react-dom: 18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213) react-server-dom-webpack: 18.3.0-canary-14fd9630e-20240213(react-dom@18.3.0-canary-14fd9630e-20240213(react@18.3.0-canary-14fd9630e-20240213))(react@18.3.0-canary-14fd9630e-20240213)(webpack@5.96.1(@swc/core@1.7.6)(esbuild@0.19.12)) - vite: 5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.37.0) + vite: 5.0.12(@types/node@22.10.2)(less@4.2.0)(lightningcss@1.25.1)(terser@5.38.1) transitivePeerDependencies: - '@swc/helpers' - '@types/node' @@ -39101,7 +39146,7 @@ snapshots: acorn: 8.14.0 browserslist: 4.24.4 chrome-trace-event: 1.0.4 - enhanced-resolve: 5.18.0 + enhanced-resolve: 5.18.1 es-module-lexer: 1.6.0 eslint-scope: 5.1.1 events: 3.3.0 diff --git a/sandbox/preact-ts/package.json b/sandbox/preact-ts/package.json index 8e028038d7..8b6894359e 100644 --- a/sandbox/preact-ts/package.json +++ b/sandbox/preact-ts/package.json @@ -17,6 +17,7 @@ "@pandacss/dev": "workspace:*", "@preact/preset-vite": "2.10.1", "typescript": "5.6.2", - "vite": "5.4.11" + "vite": "5.4.11", + "vite-tsconfig-paths": "5.1.4" } } diff --git a/sandbox/preact-ts/vite.config.ts b/sandbox/preact-ts/vite.config.ts index ff6042a20e..9d885d1ff6 100644 --- a/sandbox/preact-ts/vite.config.ts +++ b/sandbox/preact-ts/vite.config.ts @@ -1,9 +1,10 @@ import { defineConfig } from 'vite' import preact from '@preact/preset-vite' +import tsconfigPaths from 'vite-tsconfig-paths' // https://vitejs.dev/config/ export default defineConfig({ - plugins: [preact()], + plugins: [tsconfigPaths(), preact()], resolve: { conditions: ['source'], }, diff --git a/sandbox/qwik-ts/package.json b/sandbox/qwik-ts/package.json index 4cd631cb3c..92d5b93a70 100644 --- a/sandbox/qwik-ts/package.json +++ b/sandbox/qwik-ts/package.json @@ -28,6 +28,6 @@ "typescript": "5.6.2", "undici": "6.18.2", "vite": "5.4.11", - "vite-tsconfig-paths": "4.3.1" + "vite-tsconfig-paths": "5.1.4" } }