@yahoo/uds-v5-wip 1.35.0 → 1.36.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/_rolldown/runtime.js +13 -0
- package/dist/config/dist/component-resolution.d.ts +1 -1
- package/dist/config/dist/component-resolution.js +1 -1
- package/dist/config/dist/consts/defaultColors.d.ts +1 -2
- package/dist/config/dist/createConfig.d.ts +55 -87
- package/dist/config/dist/createConfig.js +82 -158
- package/dist/config/dist/defineStyleProp.d.ts +45 -0
- package/dist/config/dist/defineStyleProp.js +25 -0
- package/dist/config/dist/index.d.ts +4 -2
- package/dist/config/dist/index.js +4 -3
- package/dist/config/dist/preset-merge.js +0 -12
- package/dist/config/dist/propertyAcceptedTypes.js +81 -9
- package/dist/config/dist/propertyGroups.d.ts +1 -11
- package/dist/config/dist/propertyGroups.js +1 -19
- package/dist/config/dist/resolveStyleProp.d.ts +55 -1
- package/dist/config/dist/resolveStyleProp.js +197 -2
- package/dist/config/dist/serialize.d.ts +11 -4
- package/dist/config/dist/serialize.js +3 -3
- package/dist/config/dist/types/css-values.d.ts +60 -0
- package/dist/config/dist/types.d.ts +1 -2
- package/dist/config.d.ts +184 -184
- package/dist/core/dist/color-opacity-map.d.ts +13 -0
- package/dist/core/dist/color-opacity-map.js +33 -0
- package/dist/core/dist/configurable-prop-helpers.d.ts +32 -0
- package/dist/core/dist/configurable-prop-helpers.js +61 -0
- package/dist/core/dist/getStyles.js +3 -1
- package/dist/core/dist/index.d.ts +4 -1
- package/dist/core/dist/index.js +4 -1
- package/dist/core/dist/modifier-mappings.d.ts +13 -0
- package/dist/core/dist/modifier-mappings.js +61 -0
- package/dist/core/dist/style-prop-data.d.ts +33 -0
- package/dist/{loader/dist/packages/core/dist/propMappings.js → core/dist/style-prop-data.js} +2 -93
- package/dist/core.d.ts +4 -1
- package/dist/core.js +4 -1
- package/dist/fixtures.d.ts +3 -1
- package/dist/fixtures.js +3 -1
- package/dist/foundational-presets/dist/boldVibrant.d.ts +573 -224
- package/dist/foundational-presets/dist/brutalist.d.ts +573 -224
- package/dist/foundational-presets/dist/candy.d.ts +573 -224
- package/dist/foundational-presets/dist/cleanMinimalist.d.ts +573 -224
- package/dist/foundational-presets/dist/corporate.d.ts +573 -224
- package/dist/foundational-presets/dist/darkMoody.d.ts +573 -224
- package/dist/foundational-presets/dist/defaultPreset.d.ts +197 -198
- package/dist/foundational-presets/dist/defaultPreset.js +2 -312
- package/dist/foundational-presets/dist/forest.d.ts +573 -224
- package/dist/foundational-presets/dist/highContrast.d.ts +573 -224
- package/dist/foundational-presets/dist/lavender.d.ts +573 -224
- package/dist/foundational-presets/dist/luxury.d.ts +573 -224
- package/dist/foundational-presets/dist/monochrome.d.ts +573 -224
- package/dist/foundational-presets/dist/motion.d.ts +1 -2
- package/dist/foundational-presets/dist/neonCyber.d.ts +573 -224
- package/dist/foundational-presets/dist/newspaper.d.ts +573 -224
- package/dist/foundational-presets/dist/ocean.d.ts +573 -224
- package/dist/foundational-presets/dist/slate.d.ts +573 -224
- package/dist/foundational-presets/dist/style-props.js +1384 -0
- package/dist/foundational-presets/dist/sunset.d.ts +573 -224
- package/dist/foundational-presets/dist/terminal.d.ts +573 -224
- package/dist/foundational-presets/dist/warmOrganic.d.ts +573 -224
- package/dist/loader/dist/loader/style-transform.js +2 -1
- package/dist/loader/dist/loader.d.ts +1 -2
- package/dist/loader/dist/next.d.ts +1 -2
- package/dist/loader/dist/packages/core/dist/color-opacity-map.js +33 -0
- package/dist/loader/dist/packages/core/dist/getStyles.js +3 -1
- package/dist/loader/dist/packages/core/dist/modifier-mappings.js +61 -0
- package/dist/{core/dist/propMappings.js → loader/dist/packages/core/dist/style-prop-data.js} +2 -150
- package/dist/presets/dist/boldVibrant.d.ts +1 -2
- package/dist/presets/dist/brutalist.d.ts +1 -2
- package/dist/presets/dist/candy.d.ts +1 -2
- package/dist/presets/dist/cleanMinimalist.d.ts +1 -2
- package/dist/presets/dist/corporate.d.ts +1 -2
- package/dist/presets/dist/darkMoody.d.ts +1 -2
- package/dist/presets/dist/defaultPreset.d.ts +1 -2
- package/dist/presets/dist/forest.d.ts +1 -2
- package/dist/presets/dist/highContrast.d.ts +1 -2
- package/dist/presets/dist/lavender.d.ts +1 -2
- package/dist/presets/dist/luxury.d.ts +1 -2
- package/dist/presets/dist/monochrome.d.ts +1 -2
- package/dist/presets/dist/neonCyber.d.ts +1 -2
- package/dist/presets/dist/newspaper.d.ts +1 -2
- package/dist/presets/dist/ocean.d.ts +1 -2
- package/dist/presets/dist/slate.d.ts +1 -2
- package/dist/presets/dist/sunset.d.ts +1 -2
- package/dist/presets/dist/terminal.d.ts +1 -2
- package/dist/presets/dist/warmOrganic.d.ts +1 -2
- package/dist/remotion/dist/components/image-slide.d.ts +1 -2
- package/dist/remotion/dist/components/lower-third.d.ts +1 -2
- package/dist/remotion/dist/components/quote-card.d.ts +1 -2
- package/dist/remotion/dist/components/split-screen.d.ts +1 -2
- package/dist/remotion/dist/components/stat-card.d.ts +1 -2
- package/dist/remotion/dist/components/text-overlay.d.ts +1 -2
- package/dist/remotion/dist/components/title-card.d.ts +1 -2
- package/dist/remotion/dist/components/typing-text.d.ts +1 -2
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/dist/core/dist/propMappings.d.ts +0 -77
|
@@ -2,8 +2,9 @@ import { applyComponentStyleDefaults } from "../../../utils/dist/component-style
|
|
|
2
2
|
import { kebabCase } from "../../../utils/dist/string-utils/kebabCase.js";
|
|
3
3
|
import { componentVariantClass } from "../../../utils/dist/string-utils/componentClassName.js";
|
|
4
4
|
import "../../../utils/dist/index.js";
|
|
5
|
+
import { colorPropToOpacityProp } from "../packages/core/dist/color-opacity-map.js";
|
|
5
6
|
import { expandCompositeStyles } from "../packages/core/dist/compositeStyles.js";
|
|
6
|
-
import {
|
|
7
|
+
import { propMappings } from "../packages/core/dist/style-prop-data.js";
|
|
7
8
|
import { toCamelCase } from "../packages/core/dist/getStyles.js";
|
|
8
9
|
import "../packages/core/dist/index.js";
|
|
9
10
|
import { buildDynamicClassExpression, parseHandlerString } from "./dynamic-style-codegen.js";
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { LoaderDefinitionFunction } from "webpack";
|
|
2
2
|
|
|
3
3
|
//#region ../loader/dist/loader.d.ts
|
|
4
|
-
//#region src/loader.d.ts
|
|
5
4
|
declare const transformLoader: LoaderDefinitionFunction;
|
|
6
|
-
declare const normal: LoaderDefinitionFunction<{}, {}>;
|
|
5
|
+
declare const normal: LoaderDefinitionFunction<{}, {}>;
|
|
7
6
|
//#endregion
|
|
8
7
|
export { normal, transformLoader };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { NextConfig } from "next";
|
|
2
2
|
|
|
3
3
|
//#region ../loader/dist/next.d.ts
|
|
4
|
-
//#region src/next.d.ts
|
|
5
4
|
interface WithUdsOptions {
|
|
6
5
|
/** Output directory for generated files (default: '.uds') */
|
|
7
6
|
outputDir?: string;
|
|
@@ -12,6 +11,6 @@ interface WithUdsOptions {
|
|
|
12
11
|
type NextConfigFn = (phase: string, ctx: {
|
|
13
12
|
defaultConfig: NextConfig;
|
|
14
13
|
}) => NextConfig | Promise<NextConfig>;
|
|
15
|
-
declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn;
|
|
14
|
+
declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn;
|
|
16
15
|
//#endregion
|
|
17
16
|
export { WithUdsOptions, withUds };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
//#region ../loader/dist/packages/core/dist/color-opacity-map.js
|
|
2
|
+
/**
|
|
3
|
+
* Maps each color prop name to its corresponding opacity prop name.
|
|
4
|
+
* Used by the runtime (`getStyles`) and loader (`style-transform`) to merge
|
|
5
|
+
* a color value with its opacity before class generation.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* `bg="primary"` + `bgOpacity="75"` → class `bg-primary_75`
|
|
9
|
+
*/
|
|
10
|
+
const colorPropToOpacityProp = {
|
|
11
|
+
bg: "bgOpacity",
|
|
12
|
+
color: "colorOpacity",
|
|
13
|
+
textDecorationColor: "textDecorationColorOpacity",
|
|
14
|
+
borderColor: "borderColorOpacity",
|
|
15
|
+
borderYColor: "borderYColorOpacity",
|
|
16
|
+
borderXColor: "borderXColorOpacity",
|
|
17
|
+
borderStartColor: "borderStartColorOpacity",
|
|
18
|
+
borderLeftColor: "borderLeftColorOpacity",
|
|
19
|
+
borderEndColor: "borderEndColorOpacity",
|
|
20
|
+
borderRightColor: "borderRightColorOpacity",
|
|
21
|
+
borderTopColor: "borderTopColorOpacity",
|
|
22
|
+
borderBottomColor: "borderBottomColorOpacity",
|
|
23
|
+
divideColor: "divideColorOpacity",
|
|
24
|
+
outlineColor: "outlineColorOpacity",
|
|
25
|
+
ringColor: "ringColorOpacity",
|
|
26
|
+
ringOffsetColor: "ringOffsetColorOpacity",
|
|
27
|
+
fillColor: "fillColorOpacity",
|
|
28
|
+
strokeColor: "strokeColorOpacity",
|
|
29
|
+
shadowColor: "shadowColorOpacity",
|
|
30
|
+
caretColor: "caretColorOpacity"
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
export { colorPropToOpacityProp };
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import "../../../../../utils/dist/index.js";
|
|
2
|
+
import { colorPropToOpacityProp } from "./color-opacity-map.js";
|
|
2
3
|
import "./compositeStyles.js";
|
|
3
|
-
import {
|
|
4
|
+
import { propMappings } from "./style-prop-data.js";
|
|
4
5
|
import { stylePropsTwMap } from "./generated/stylePropsTwMap.js";
|
|
6
|
+
import { modifierMappings } from "./modifier-mappings.js";
|
|
5
7
|
//#region ../loader/dist/packages/core/dist/getStyles.js
|
|
6
8
|
/** Convert kebab-case CSS property to camelCase for React inline styles.
|
|
7
9
|
* CSS custom properties (--*) are kept as-is since React supports them verbatim. */
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
//#region ../loader/dist/packages/core/dist/modifier-mappings.js
|
|
2
|
+
const modifierMappings = {
|
|
3
|
+
_after: "after:",
|
|
4
|
+
_hover: "hover:",
|
|
5
|
+
_focus: "focus:",
|
|
6
|
+
_focusWithin: "focus-within:",
|
|
7
|
+
_focusVisible: "focus-visible:",
|
|
8
|
+
_active: "active:",
|
|
9
|
+
_visited: "visited:",
|
|
10
|
+
_target: "target:",
|
|
11
|
+
_first: "first:",
|
|
12
|
+
_last: "last:",
|
|
13
|
+
_only: "only:",
|
|
14
|
+
_odd: "odd:",
|
|
15
|
+
_even: "even:",
|
|
16
|
+
_firstOfType: "first-of-type:",
|
|
17
|
+
_lastOfType: "last-of-type:",
|
|
18
|
+
_onlyOfType: "only-of-type:",
|
|
19
|
+
_empty: "empty:",
|
|
20
|
+
_disabled: "disabled:",
|
|
21
|
+
_enabled: "enabled:",
|
|
22
|
+
_checked: "checked:",
|
|
23
|
+
_indeterminate: "indeterminate:",
|
|
24
|
+
_default: "default:",
|
|
25
|
+
_required: "required:",
|
|
26
|
+
_valid: "valid:",
|
|
27
|
+
_invalid: "invalid:",
|
|
28
|
+
_inRange: "in-range:",
|
|
29
|
+
_outOfRange: "out-of-range:",
|
|
30
|
+
_placeholderShown: "placeholder-shown:",
|
|
31
|
+
_autofill: "autofill:",
|
|
32
|
+
_readonly: "read-only:",
|
|
33
|
+
_file: "file:",
|
|
34
|
+
_selection: "selection:",
|
|
35
|
+
_backdrop: "backdrop:",
|
|
36
|
+
_motionReduce: "motion-reduce:",
|
|
37
|
+
_motionSafe: "motion-safe:",
|
|
38
|
+
_contrastMore: "contrast-more:",
|
|
39
|
+
_contrastLess: "contrast-less:",
|
|
40
|
+
_forcedColors: "forced-colors:",
|
|
41
|
+
_placeholder: "placeholder:",
|
|
42
|
+
_ariaBusy: "aria-busy:",
|
|
43
|
+
_ariaChecked: "aria-checked:",
|
|
44
|
+
_ariaHidden: "aria-hidden:",
|
|
45
|
+
_ariaPressed: "aria-pressed:",
|
|
46
|
+
_ariaReadonly: "aria-readonly:",
|
|
47
|
+
_ariaRequired: "aria-required:",
|
|
48
|
+
_ariaSelected: "aria-selected:",
|
|
49
|
+
_ariaCurrent: "aria-[current]:",
|
|
50
|
+
_ariaDisabled: "aria-disabled:",
|
|
51
|
+
_ariaExpanded: "aria-expanded:",
|
|
52
|
+
_dataDisabled: "data-[disabled=true]:",
|
|
53
|
+
_dataStateOpen: "data-[state=open]:",
|
|
54
|
+
_dataStateClosed: "data-[state=closed]:",
|
|
55
|
+
_startingStyle: "starting-style:",
|
|
56
|
+
_scrollbar: "*::-webkit-scrollbar:",
|
|
57
|
+
_scrollbarThumb: "*::-webkit-scrollbar-thumb:",
|
|
58
|
+
_scrollbarTrack: "*::-webkit-scrollbar-track:"
|
|
59
|
+
};
|
|
60
|
+
//#endregion
|
|
61
|
+
export { modifierMappings };
|
package/dist/{core/dist/propMappings.js → loader/dist/packages/core/dist/style-prop-data.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region ../core/dist/
|
|
1
|
+
//#region ../loader/dist/packages/core/dist/style-prop-data.js
|
|
2
2
|
const propMappings = {
|
|
3
3
|
animation: {
|
|
4
4
|
classPrefix: "animation",
|
|
@@ -1253,153 +1253,5 @@ const propMappings = {
|
|
|
1253
1253
|
augmentType: "CustomTextShadow"
|
|
1254
1254
|
}
|
|
1255
1255
|
};
|
|
1256
|
-
/**
|
|
1257
|
-
* Built-in modifier mappings (pseudo-classes, pseudo-elements, etc.).
|
|
1258
|
-
* Custom modifiers from defineModes() are handled dynamically in the runtime.
|
|
1259
|
-
*/
|
|
1260
|
-
const modifierMappings = {
|
|
1261
|
-
_after: "after:",
|
|
1262
|
-
_hover: "hover:",
|
|
1263
|
-
_focus: "focus:",
|
|
1264
|
-
_focusWithin: "focus-within:",
|
|
1265
|
-
_focusVisible: "focus-visible:",
|
|
1266
|
-
_active: "active:",
|
|
1267
|
-
_visited: "visited:",
|
|
1268
|
-
_target: "target:",
|
|
1269
|
-
_first: "first:",
|
|
1270
|
-
_last: "last:",
|
|
1271
|
-
_only: "only:",
|
|
1272
|
-
_odd: "odd:",
|
|
1273
|
-
_even: "even:",
|
|
1274
|
-
_firstOfType: "first-of-type:",
|
|
1275
|
-
_lastOfType: "last-of-type:",
|
|
1276
|
-
_onlyOfType: "only-of-type:",
|
|
1277
|
-
_empty: "empty:",
|
|
1278
|
-
_disabled: "disabled:",
|
|
1279
|
-
_enabled: "enabled:",
|
|
1280
|
-
_checked: "checked:",
|
|
1281
|
-
_indeterminate: "indeterminate:",
|
|
1282
|
-
_default: "default:",
|
|
1283
|
-
_required: "required:",
|
|
1284
|
-
_valid: "valid:",
|
|
1285
|
-
_invalid: "invalid:",
|
|
1286
|
-
_inRange: "in-range:",
|
|
1287
|
-
_outOfRange: "out-of-range:",
|
|
1288
|
-
_placeholderShown: "placeholder-shown:",
|
|
1289
|
-
_autofill: "autofill:",
|
|
1290
|
-
_readonly: "read-only:",
|
|
1291
|
-
_file: "file:",
|
|
1292
|
-
_selection: "selection:",
|
|
1293
|
-
_backdrop: "backdrop:",
|
|
1294
|
-
_motionReduce: "motion-reduce:",
|
|
1295
|
-
_motionSafe: "motion-safe:",
|
|
1296
|
-
_contrastMore: "contrast-more:",
|
|
1297
|
-
_contrastLess: "contrast-less:",
|
|
1298
|
-
_forcedColors: "forced-colors:",
|
|
1299
|
-
_placeholder: "placeholder:",
|
|
1300
|
-
_ariaBusy: "aria-busy:",
|
|
1301
|
-
_ariaChecked: "aria-checked:",
|
|
1302
|
-
_ariaHidden: "aria-hidden:",
|
|
1303
|
-
_ariaPressed: "aria-pressed:",
|
|
1304
|
-
_ariaReadonly: "aria-readonly:",
|
|
1305
|
-
_ariaRequired: "aria-required:",
|
|
1306
|
-
_ariaSelected: "aria-selected:",
|
|
1307
|
-
_ariaCurrent: "aria-[current]:",
|
|
1308
|
-
_ariaDisabled: "aria-disabled:",
|
|
1309
|
-
_ariaExpanded: "aria-expanded:",
|
|
1310
|
-
_dataDisabled: "data-[disabled=true]:",
|
|
1311
|
-
_dataStateOpen: "data-[state=open]:",
|
|
1312
|
-
_dataStateClosed: "data-[state=closed]:",
|
|
1313
|
-
_startingStyle: "starting-style:",
|
|
1314
|
-
_scrollbar: "*::-webkit-scrollbar:",
|
|
1315
|
-
_scrollbarThumb: "*::-webkit-scrollbar-thumb:",
|
|
1316
|
-
_scrollbarTrack: "*::-webkit-scrollbar-track:"
|
|
1317
|
-
};
|
|
1318
|
-
/** Maps ConfigurableProp names to propMappings keys when they differ */
|
|
1319
|
-
const configurablePropAliases = {};
|
|
1320
|
-
/** Look up a PropMapping by ConfigurableProp name */
|
|
1321
|
-
function getConfigurablePropMapping(prop) {
|
|
1322
|
-
return propMappings[configurablePropAliases[prop] ?? prop];
|
|
1323
|
-
}
|
|
1324
|
-
/**
|
|
1325
|
-
* Derives the configurable properties table from propMappings.
|
|
1326
|
-
* Groups props by augmentType — the primary prop is the one matching
|
|
1327
|
-
* a ConfigurableProp name, the rest are sub-properties.
|
|
1328
|
-
*/
|
|
1329
|
-
function getConfigurableProperties() {
|
|
1330
|
-
const byAugment = {};
|
|
1331
|
-
for (const [prop, mapping] of Object.entries(propMappings)) {
|
|
1332
|
-
if (!mapping.augmentType) continue;
|
|
1333
|
-
const aug = mapping.augmentType;
|
|
1334
|
-
if (!byAugment[aug]) byAugment[aug] = [];
|
|
1335
|
-
byAugment[aug].push(prop);
|
|
1336
|
-
}
|
|
1337
|
-
const entries = [];
|
|
1338
|
-
for (const [augmentType, props] of Object.entries(byAugment)) {
|
|
1339
|
-
const sorted = [...props].sort((a, b) => a.length - b.length);
|
|
1340
|
-
const primary = sorted[0];
|
|
1341
|
-
const subs = sorted.slice(1);
|
|
1342
|
-
entries.push({
|
|
1343
|
-
property: primary,
|
|
1344
|
-
subProperties: subs,
|
|
1345
|
-
augmentType
|
|
1346
|
-
});
|
|
1347
|
-
}
|
|
1348
|
-
return entries;
|
|
1349
|
-
}
|
|
1350
|
-
/**
|
|
1351
|
-
* Derives the CSS variable prefix table from propMappings.
|
|
1352
|
-
* Only includes props that have both cssProperty and defaultVarPrefix.
|
|
1353
|
-
* Deduplicates by defaultVarPrefix so each namespace appears once.
|
|
1354
|
-
*/
|
|
1355
|
-
function getCssVariablePrefixes() {
|
|
1356
|
-
const seen = /* @__PURE__ */ new Set();
|
|
1357
|
-
const entries = [];
|
|
1358
|
-
for (const [prop, mapping] of Object.entries(propMappings)) {
|
|
1359
|
-
if (!mapping.defaultVarPrefix || !mapping.cssProperty) continue;
|
|
1360
|
-
if (seen.has(mapping.defaultVarPrefix)) continue;
|
|
1361
|
-
seen.add(mapping.defaultVarPrefix);
|
|
1362
|
-
const prefix = `--uds-${mapping.defaultVarPrefix}-*`;
|
|
1363
|
-
const exampleToken = mapping.defaultVarPrefix.includes("color") ? "brand" : mapping.defaultVarPrefix === "spacing" ? "4" : mapping.defaultVarPrefix === "radius" ? "lg" : mapping.defaultVarPrefix === "border-width" ? "2" : "value";
|
|
1364
|
-
const exampleVar = `--uds-${mapping.defaultVarPrefix}-${exampleToken}`;
|
|
1365
|
-
const exampleUtility = `${mapping.classPrefix}-${exampleToken}`;
|
|
1366
|
-
entries.push({
|
|
1367
|
-
property: prop,
|
|
1368
|
-
cssPrefix: prefix,
|
|
1369
|
-
exampleVariable: exampleVar,
|
|
1370
|
-
exampleUtility
|
|
1371
|
-
});
|
|
1372
|
-
}
|
|
1373
|
-
return entries;
|
|
1374
|
-
}
|
|
1375
|
-
/**
|
|
1376
|
-
* Maps each color prop name to its corresponding opacity prop name.
|
|
1377
|
-
* Used by runtime (getStyles) and loader (style-transform) to merge
|
|
1378
|
-
* a color value with its opacity before class generation.
|
|
1379
|
-
*
|
|
1380
|
-
* e.g. `bg="primary"` + `bgOpacity="75"` → class `bg-primary_75`
|
|
1381
|
-
*/
|
|
1382
|
-
const colorPropToOpacityProp = {
|
|
1383
|
-
bg: "bgOpacity",
|
|
1384
|
-
color: "colorOpacity",
|
|
1385
|
-
textDecorationColor: "textDecorationColorOpacity",
|
|
1386
|
-
borderColor: "borderColorOpacity",
|
|
1387
|
-
borderYColor: "borderYColorOpacity",
|
|
1388
|
-
borderXColor: "borderXColorOpacity",
|
|
1389
|
-
borderStartColor: "borderStartColorOpacity",
|
|
1390
|
-
borderLeftColor: "borderLeftColorOpacity",
|
|
1391
|
-
borderEndColor: "borderEndColorOpacity",
|
|
1392
|
-
borderRightColor: "borderRightColorOpacity",
|
|
1393
|
-
borderTopColor: "borderTopColorOpacity",
|
|
1394
|
-
borderBottomColor: "borderBottomColorOpacity",
|
|
1395
|
-
divideColor: "divideColorOpacity",
|
|
1396
|
-
outlineColor: "outlineColorOpacity",
|
|
1397
|
-
ringColor: "ringColorOpacity",
|
|
1398
|
-
ringOffsetColor: "ringOffsetColorOpacity",
|
|
1399
|
-
fillColor: "fillColorOpacity",
|
|
1400
|
-
strokeColor: "strokeColorOpacity",
|
|
1401
|
-
shadowColor: "shadowColorOpacity",
|
|
1402
|
-
caretColor: "caretColorOpacity"
|
|
1403
|
-
};
|
|
1404
1256
|
//#endregion
|
|
1405
|
-
export {
|
|
1257
|
+
export { propMappings };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { boldVibrantFoundationPreset } from "../../foundational-presets/dist/boldVibrant.js";
|
|
2
2
|
//#region ../presets/dist/boldVibrant.d.ts
|
|
3
|
-
|
|
4
|
-
declare const boldVibrantPreset: typeof boldVibrantFoundationPreset; //#endregion
|
|
3
|
+
declare const boldVibrantPreset: typeof boldVibrantFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { boldVibrantPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { brutalistFoundationPreset } from "../../foundational-presets/dist/brutalist.js";
|
|
2
2
|
//#region ../presets/dist/brutalist.d.ts
|
|
3
|
-
|
|
4
|
-
declare const brutalistPreset: typeof brutalistFoundationPreset; //#endregion
|
|
3
|
+
declare const brutalistPreset: typeof brutalistFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { brutalistPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { candyFoundationPreset } from "../../foundational-presets/dist/candy.js";
|
|
2
2
|
//#region ../presets/dist/candy.d.ts
|
|
3
|
-
|
|
4
|
-
declare const candyPreset: typeof candyFoundationPreset; //#endregion
|
|
3
|
+
declare const candyPreset: typeof candyFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { candyPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { cleanMinimalistFoundationPreset } from "../../foundational-presets/dist/cleanMinimalist.js";
|
|
2
2
|
//#region ../presets/dist/cleanMinimalist.d.ts
|
|
3
|
-
|
|
4
|
-
declare const cleanMinimalistPreset: typeof cleanMinimalistFoundationPreset; //#endregion
|
|
3
|
+
declare const cleanMinimalistPreset: typeof cleanMinimalistFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { cleanMinimalistPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { corporateFoundationPreset } from "../../foundational-presets/dist/corporate.js";
|
|
2
2
|
//#region ../presets/dist/corporate.d.ts
|
|
3
|
-
|
|
4
|
-
declare const corporatePreset: typeof corporateFoundationPreset; //#endregion
|
|
3
|
+
declare const corporatePreset: typeof corporateFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { corporatePreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { darkMoodyFoundationPreset } from "../../foundational-presets/dist/darkMoody.js";
|
|
2
2
|
//#region ../presets/dist/darkMoody.d.ts
|
|
3
|
-
|
|
4
|
-
declare const darkMoodyPreset: typeof darkMoodyFoundationPreset; //#endregion
|
|
3
|
+
declare const darkMoodyPreset: typeof darkMoodyFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { darkMoodyPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { defaultFoundationPreset } from "../../foundational-presets/dist/defaultPreset.js";
|
|
2
2
|
//#region ../presets/dist/defaultPreset.d.ts
|
|
3
|
-
|
|
4
|
-
declare const defaultPreset: typeof defaultFoundationPreset; //#endregion
|
|
3
|
+
declare const defaultPreset: typeof defaultFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { defaultPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { forestFoundationPreset } from "../../foundational-presets/dist/forest.js";
|
|
2
2
|
//#region ../presets/dist/forest.d.ts
|
|
3
|
-
|
|
4
|
-
declare const forestPreset: typeof forestFoundationPreset; //#endregion
|
|
3
|
+
declare const forestPreset: typeof forestFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { forestPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { highContrastFoundationPreset } from "../../foundational-presets/dist/highContrast.js";
|
|
2
2
|
//#region ../presets/dist/highContrast.d.ts
|
|
3
|
-
|
|
4
|
-
declare const highContrastPreset: typeof highContrastFoundationPreset; //#endregion
|
|
3
|
+
declare const highContrastPreset: typeof highContrastFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { highContrastPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { lavenderFoundationPreset } from "../../foundational-presets/dist/lavender.js";
|
|
2
2
|
//#region ../presets/dist/lavender.d.ts
|
|
3
|
-
|
|
4
|
-
declare const lavenderPreset: typeof lavenderFoundationPreset; //#endregion
|
|
3
|
+
declare const lavenderPreset: typeof lavenderFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { lavenderPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { luxuryFoundationPreset } from "../../foundational-presets/dist/luxury.js";
|
|
2
2
|
//#region ../presets/dist/luxury.d.ts
|
|
3
|
-
|
|
4
|
-
declare const luxuryPreset: typeof luxuryFoundationPreset; //#endregion
|
|
3
|
+
declare const luxuryPreset: typeof luxuryFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { luxuryPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { monochromeFoundationPreset } from "../../foundational-presets/dist/monochrome.js";
|
|
2
2
|
//#region ../presets/dist/monochrome.d.ts
|
|
3
|
-
|
|
4
|
-
declare const monochromePreset: typeof monochromeFoundationPreset; //#endregion
|
|
3
|
+
declare const monochromePreset: typeof monochromeFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { monochromePreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { neonCyberFoundationPreset } from "../../foundational-presets/dist/neonCyber.js";
|
|
2
2
|
//#region ../presets/dist/neonCyber.d.ts
|
|
3
|
-
|
|
4
|
-
declare const neonCyberPreset: typeof neonCyberFoundationPreset; //#endregion
|
|
3
|
+
declare const neonCyberPreset: typeof neonCyberFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { neonCyberPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { newspaperFoundationPreset } from "../../foundational-presets/dist/newspaper.js";
|
|
2
2
|
//#region ../presets/dist/newspaper.d.ts
|
|
3
|
-
|
|
4
|
-
declare const newspaperPreset: typeof newspaperFoundationPreset; //#endregion
|
|
3
|
+
declare const newspaperPreset: typeof newspaperFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { newspaperPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { oceanFoundationPreset } from "../../foundational-presets/dist/ocean.js";
|
|
2
2
|
//#region ../presets/dist/ocean.d.ts
|
|
3
|
-
|
|
4
|
-
declare const oceanPreset: typeof oceanFoundationPreset; //#endregion
|
|
3
|
+
declare const oceanPreset: typeof oceanFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { oceanPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { slateFoundationPreset } from "../../foundational-presets/dist/slate.js";
|
|
2
2
|
//#region ../presets/dist/slate.d.ts
|
|
3
|
-
|
|
4
|
-
declare const slatePreset: typeof slateFoundationPreset; //#endregion
|
|
3
|
+
declare const slatePreset: typeof slateFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { slatePreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { sunsetFoundationPreset } from "../../foundational-presets/dist/sunset.js";
|
|
2
2
|
//#region ../presets/dist/sunset.d.ts
|
|
3
|
-
|
|
4
|
-
declare const sunsetPreset: typeof sunsetFoundationPreset; //#endregion
|
|
3
|
+
declare const sunsetPreset: typeof sunsetFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { sunsetPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { terminalFoundationPreset } from "../../foundational-presets/dist/terminal.js";
|
|
2
2
|
//#region ../presets/dist/terminal.d.ts
|
|
3
|
-
|
|
4
|
-
declare const terminalPreset: typeof terminalFoundationPreset; //#endregion
|
|
3
|
+
declare const terminalPreset: typeof terminalFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { terminalPreset };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { warmOrganicFoundationPreset } from "../../foundational-presets/dist/warmOrganic.js";
|
|
2
2
|
//#region ../presets/dist/warmOrganic.d.ts
|
|
3
|
-
|
|
4
|
-
declare const warmOrganicPreset: typeof warmOrganicFoundationPreset; //#endregion
|
|
3
|
+
declare const warmOrganicPreset: typeof warmOrganicFoundationPreset;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { warmOrganicPreset };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/image-slide.d.ts
|
|
5
|
-
//#region src/components/image-slide.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen image slide with optional caption overlay
|
|
8
7
|
*/
|
|
@@ -15,6 +14,6 @@ declare const ImageSlide: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
15
14
|
root: "div";
|
|
16
15
|
image: "img";
|
|
17
16
|
caption: "div";
|
|
18
|
-
}>>;
|
|
17
|
+
}>>;
|
|
19
18
|
//#endregion
|
|
20
19
|
export { ImageSlide };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/lower-third.d.ts
|
|
5
|
-
//#region src/components/lower-third.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Lower-third overlay with title and optional subtitle
|
|
8
7
|
*/
|
|
@@ -16,6 +15,6 @@ declare const LowerThird: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
16
15
|
content: "div";
|
|
17
16
|
title: "div";
|
|
18
17
|
subtitle: "div";
|
|
19
|
-
}>>;
|
|
18
|
+
}>>;
|
|
20
19
|
//#endregion
|
|
21
20
|
export { LowerThird };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/quote-card.d.ts
|
|
5
|
-
//#region src/components/quote-card.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen quote display with optional attribution
|
|
8
7
|
*/
|
|
@@ -16,6 +15,6 @@ declare const QuoteCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
16
15
|
quote: "div";
|
|
17
16
|
divider: "div";
|
|
18
17
|
attribution: "div";
|
|
19
|
-
}>>;
|
|
18
|
+
}>>;
|
|
20
19
|
//#endregion
|
|
21
20
|
export { QuoteCard };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/split-screen.d.ts
|
|
5
|
-
//#region src/components/split-screen.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Side-by-side split screen layout for comparing content
|
|
8
7
|
*/
|
|
@@ -20,6 +19,6 @@ declare const SplitScreen: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
20
19
|
leftBody: "div";
|
|
21
20
|
rightTitle: "div";
|
|
22
21
|
rightBody: "div";
|
|
23
|
-
}>>;
|
|
22
|
+
}>>;
|
|
24
23
|
//#endregion
|
|
25
24
|
export { SplitScreen };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/stat-card.d.ts
|
|
5
|
-
//#region src/components/stat-card.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen statistic display with large value and label
|
|
8
7
|
*/
|
|
@@ -14,6 +13,6 @@ declare const StatCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
14
13
|
root: "div";
|
|
15
14
|
value: "div";
|
|
16
15
|
label: "div";
|
|
17
|
-
}>>;
|
|
16
|
+
}>>;
|
|
18
17
|
//#endregion
|
|
19
18
|
export { StatCard };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/text-overlay.d.ts
|
|
5
|
-
//#region src/components/text-overlay.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen text overlay for displaying text over video or images
|
|
8
7
|
*/
|
|
@@ -12,6 +11,6 @@ declare const TextOverlay: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
12
11
|
}, {
|
|
13
12
|
root: "div";
|
|
14
13
|
text: "div";
|
|
15
|
-
}>>;
|
|
14
|
+
}>>;
|
|
16
15
|
//#endregion
|
|
17
16
|
export { TextOverlay };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/title-card.d.ts
|
|
5
|
-
//#region src/components/title-card.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen title card with optional subtitle for video scenes
|
|
8
7
|
*/
|
|
@@ -14,6 +13,6 @@ declare const TitleCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
14
13
|
root: "div";
|
|
15
14
|
title: "div";
|
|
16
15
|
subtitle: "div";
|
|
17
|
-
}>>;
|
|
16
|
+
}>>;
|
|
18
17
|
//#endregion
|
|
19
18
|
export { TitleCard };
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/typing-text.d.ts
|
|
5
|
-
//#region src/components/typing-text.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* @description Typing text animation that reveals characters frame by frame
|
|
8
7
|
*/
|
|
@@ -16,6 +15,6 @@ declare const TypingText: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
16
15
|
root: "div";
|
|
17
16
|
text: "div";
|
|
18
17
|
cursor: "div";
|
|
19
|
-
}>>;
|
|
18
|
+
}>>;
|
|
20
19
|
//#endregion
|
|
21
20
|
export { TypingText };
|