@wistia/ui 0.26.5 → 0.26.6-beta.7aca9543.d0df8d8
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/index.d.ts +27 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +164 -156
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.26.
|
|
3
|
+
* @license @wistia/ui v0.26.6-beta.7aca9543.d0df8d8
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
|
|
11
11
|
import { Children, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useTransition } from "react";
|
|
12
12
|
import { createGlobalStyle, css, keyframes, styled } from "styled-components";
|
|
13
|
-
import { isArray, isBoolean, isEmptyString, isFunction, isNil, isNonEmptyArray, isNonEmptyString, isNotNil, isNotUndefined, isNumber, isRecord, isString, isUndefined } from "@wistia/type-guards";
|
|
13
|
+
import { isArray, isBoolean, isDate, isEmptyString, isFunction, isNil, isNonEmptyArray, isNonEmptyString, isNotNil, isNotUndefined, isNumber, isRecord, isString, isUndefined } from "@wistia/type-guards";
|
|
14
14
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
15
|
import { Toaster, toast } from "sonner";
|
|
16
16
|
import { isValid } from "date-fns/isValid";
|
|
@@ -519,13 +519,6 @@ const buildTimeDuration = (numberOfMilliseconds) => {
|
|
|
519
519
|
};
|
|
520
520
|
};
|
|
521
521
|
//#endregion
|
|
522
|
-
//#region src/helpers/dateTime/isDate.ts
|
|
523
|
-
/**
|
|
524
|
-
* @param {*} date - possible date value - unknown type
|
|
525
|
-
* @returns {boolean} - whether it is a date object
|
|
526
|
-
*/
|
|
527
|
-
const isDate = (date) => date instanceof Date;
|
|
528
|
-
//#endregion
|
|
529
522
|
//#region src/helpers/dateTime/isInvalidDate.ts
|
|
530
523
|
/**
|
|
531
524
|
* @param {*} date - a Date object - could be unknown though
|
|
@@ -1093,17 +1086,6 @@ const dateTime = {
|
|
|
1093
1086
|
timeOnlyString
|
|
1094
1087
|
};
|
|
1095
1088
|
//#endregion
|
|
1096
|
-
//#region src/helpers/mergeRefs/mergeRefs.ts
|
|
1097
|
-
const mergeRefs = (refs) => (value) => {
|
|
1098
|
-
refs.forEach((ref) => {
|
|
1099
|
-
if (isFunction(ref)) {
|
|
1100
|
-
ref(value);
|
|
1101
|
-
return;
|
|
1102
|
-
}
|
|
1103
|
-
if (isNotNil(ref)) ref.current = value;
|
|
1104
|
-
});
|
|
1105
|
-
};
|
|
1106
|
-
//#endregion
|
|
1107
1089
|
//#region src/helpers/isUrl/isUrl.ts
|
|
1108
1090
|
/**
|
|
1109
1091
|
* Loosely validates a URL string
|
|
@@ -1123,6 +1105,167 @@ const isUrl = (str) => {
|
|
|
1123
1105
|
return localhostDomain.test(remaining) || nonLocalhostDomain.test(remaining);
|
|
1124
1106
|
};
|
|
1125
1107
|
//#endregion
|
|
1108
|
+
//#region src/helpers/getBackgroundGradient/getBackgroundGradient.ts
|
|
1109
|
+
const gradients = {
|
|
1110
|
+
defaultDarkOne: css`
|
|
1111
|
+
background-color: #222d66;
|
|
1112
|
+
background-image:
|
|
1113
|
+
radial-gradient(farthest-corner at top right, #222d66, transparent 70%),
|
|
1114
|
+
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
1115
|
+
radial-gradient(farthest-corner at bottom left, #6b84ff, transparent 57%),
|
|
1116
|
+
radial-gradient(farthest-corner at top left, #2949e5, transparent 68%);
|
|
1117
|
+
`,
|
|
1118
|
+
defaultDarkTwo: css`
|
|
1119
|
+
background-color: #222d66;
|
|
1120
|
+
background-image:
|
|
1121
|
+
radial-gradient(farthest-corner at top left, #6b84ff, transparent 100%),
|
|
1122
|
+
radial-gradient(farthest-corner at bottom left, #222d66, transparent 57%),
|
|
1123
|
+
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
1124
|
+
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
|
|
1125
|
+
`,
|
|
1126
|
+
defaultLightOne: css`
|
|
1127
|
+
background-color: #ccd5ff;
|
|
1128
|
+
background-image:
|
|
1129
|
+
radial-gradient(farthest-corner at bottom right, #ccd5ff, transparent 55%),
|
|
1130
|
+
radial-gradient(farthest-corner at top left, #ccd5ff, transparent 65%),
|
|
1131
|
+
radial-gradient(farthest-corner at top right, #6b84ff, transparent 50%),
|
|
1132
|
+
radial-gradient(farthest-corner at bottom left, #f7f8ff, transparent 50%);
|
|
1133
|
+
`,
|
|
1134
|
+
defaultLightTwo: css`
|
|
1135
|
+
background-color: #ccd5ff;
|
|
1136
|
+
background-image:
|
|
1137
|
+
radial-gradient(ellipse at top, #ccd5ff, transparent),
|
|
1138
|
+
radial-gradient(ellipse at bottom, #6b84ff, transparent);
|
|
1139
|
+
`,
|
|
1140
|
+
defaultMidOne: css`
|
|
1141
|
+
background-color: #6b84ff;
|
|
1142
|
+
background-image:
|
|
1143
|
+
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%),
|
|
1144
|
+
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
1145
|
+
radial-gradient(farthest-corner at top left, #6b84ff, transparent 80%),
|
|
1146
|
+
radial-gradient(farthest-corner at bottom left, #222d66, transparent 57%);
|
|
1147
|
+
`,
|
|
1148
|
+
defaultMidTwo: css`
|
|
1149
|
+
background-color: #6b84ff;
|
|
1150
|
+
background-image:
|
|
1151
|
+
radial-gradient(ellipse at top, #2949e5, transparent),
|
|
1152
|
+
radial-gradient(ellipse at bottom, #ccd5ff, transparent);
|
|
1153
|
+
`,
|
|
1154
|
+
green: css`
|
|
1155
|
+
background-color: #fafffa;
|
|
1156
|
+
background-image:
|
|
1157
|
+
radial-gradient(farthest-corner at bottom left, #b0e5a5, transparent 50%),
|
|
1158
|
+
radial-gradient(farthest-corner at top right, #268713, transparent 50%),
|
|
1159
|
+
radial-gradient(farthest-corner at top left, #44b62d, transparent 65%),
|
|
1160
|
+
radial-gradient(farthest-corner at bottom right, #44b62d, transparent 55%);
|
|
1161
|
+
`,
|
|
1162
|
+
greenWithPop: css`
|
|
1163
|
+
background-color: #fafffa;
|
|
1164
|
+
background-image:
|
|
1165
|
+
radial-gradient(farthest-corner at bottom left, #b0e5a5, transparent 50%),
|
|
1166
|
+
radial-gradient(farthest-corner at top right, #2949e5, transparent 50%),
|
|
1167
|
+
radial-gradient(farthest-corner at top left, #44b62d, transparent 65%),
|
|
1168
|
+
radial-gradient(farthest-corner at bottom right, #44b62d, transparent 55%);
|
|
1169
|
+
`,
|
|
1170
|
+
pink: css`
|
|
1171
|
+
background-color: #fffff0;
|
|
1172
|
+
background-image:
|
|
1173
|
+
radial-gradient(farthest-corner at bottom left, #ffc7e8, transparent 50%),
|
|
1174
|
+
radial-gradient(farthest-corner at top right, #e0128e, transparent 70%),
|
|
1175
|
+
radial-gradient(farthest-corner at top left, #ff40b3, transparent 65%),
|
|
1176
|
+
radial-gradient(farthest-corner at bottom right, #ff40b3, transparent 55%);
|
|
1177
|
+
`,
|
|
1178
|
+
pinkWithPop: css`
|
|
1179
|
+
background-color: #fffff0;
|
|
1180
|
+
background-image:
|
|
1181
|
+
radial-gradient(farthest-corner at top right, #e0128e, transparent 70%),
|
|
1182
|
+
radial-gradient(farthest-corner at top left, #ff40b3, transparent 65%),
|
|
1183
|
+
radial-gradient(farthest-corner at bottom right, #ff40b3, transparent 55%),
|
|
1184
|
+
radial-gradient(farthest-corner at bottom left, #2949e5, transparent 50%);
|
|
1185
|
+
`,
|
|
1186
|
+
playfulGradientOne: css`
|
|
1187
|
+
background-color: #f7f8ff;
|
|
1188
|
+
background-image:
|
|
1189
|
+
radial-gradient(farthest-corner at top left, #d65cff, transparent 68%),
|
|
1190
|
+
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
1191
|
+
radial-gradient(farthest-corner at bottom left, #ffc7e8, transparent 57%),
|
|
1192
|
+
radial-gradient(farthest-corner at top right, #ffcaba, transparent 70%);
|
|
1193
|
+
`,
|
|
1194
|
+
playfulGradientTwo: css`
|
|
1195
|
+
background-color: #f7f8ff;
|
|
1196
|
+
background-image:
|
|
1197
|
+
radial-gradient(farthest-corner at top left, #44b62d, transparent 68%),
|
|
1198
|
+
radial-gradient(farthest-corner at bottom right, #eff18d, transparent 50%),
|
|
1199
|
+
radial-gradient(farthest-corner at bottom left, #ccd5ff, transparent 57%),
|
|
1200
|
+
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
|
|
1201
|
+
`,
|
|
1202
|
+
purple: css`
|
|
1203
|
+
background-color: #f2caff;
|
|
1204
|
+
background-image:
|
|
1205
|
+
radial-gradient(ellipse at 0% 100%, #f9e5ff, transparent 50%),
|
|
1206
|
+
radial-gradient(ellipse at 100% 0%, #e093fa, transparent 70%);
|
|
1207
|
+
`,
|
|
1208
|
+
purpleWithPop: css`
|
|
1209
|
+
background-color: #f2caff;
|
|
1210
|
+
background-image:
|
|
1211
|
+
radial-gradient(farthest-corner at bottom left, #f2caff, transparent 50%),
|
|
1212
|
+
radial-gradient(farthest-corner at top left, #d65cff, transparent 65%),
|
|
1213
|
+
radial-gradient(farthest-corner at bottom right, #d65cff, transparent 55%),
|
|
1214
|
+
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
|
|
1215
|
+
`,
|
|
1216
|
+
yellow: css`
|
|
1217
|
+
background-color: #fffff0;
|
|
1218
|
+
background-image:
|
|
1219
|
+
radial-gradient(farthest-corner at bottom left, #eff18d, transparent 50%),
|
|
1220
|
+
radial-gradient(farthest-corner at top right, #bcbf19, transparent 70%),
|
|
1221
|
+
radial-gradient(farthest-corner at top left, #e8ec1e, transparent 65%),
|
|
1222
|
+
radial-gradient(farthest-corner at bottom right, #e8ec1e, transparent 55%);
|
|
1223
|
+
`,
|
|
1224
|
+
yellowWithPop: css`
|
|
1225
|
+
background-color: #fffff0;
|
|
1226
|
+
background-image:
|
|
1227
|
+
radial-gradient(farthest-corner at bottom left, #eff18d, transparent 50%),
|
|
1228
|
+
radial-gradient(farthest-corner at top right, #bcbf19, transparent 70%),
|
|
1229
|
+
radial-gradient(farthest-corner at top left, #e8ec1e, transparent 65%),
|
|
1230
|
+
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 55%);
|
|
1231
|
+
`
|
|
1232
|
+
};
|
|
1233
|
+
const gradientMap = Object.keys(gradients);
|
|
1234
|
+
/**
|
|
1235
|
+
* Retrieves the CSS background gradient corresponding to the given gradient name.
|
|
1236
|
+
* If the specified gradient name is not found, the default gradient ('defaultDarkOne') is returned.
|
|
1237
|
+
* @param {GradientName} gradientName - The name of the gradient to retrieve.
|
|
1238
|
+
* @returns {CssStyleType} The CSS string representing the specified gradient.
|
|
1239
|
+
*/
|
|
1240
|
+
const getBackgroundGradient = (gradientName) => {
|
|
1241
|
+
return isNotNil(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
|
|
1242
|
+
};
|
|
1243
|
+
//#endregion
|
|
1244
|
+
//#region src/helpers/getBackgroundGradient/getSemiRandomBackgroundGradient.ts
|
|
1245
|
+
const MULTIPLIER = 31;
|
|
1246
|
+
/**
|
|
1247
|
+
* Retrieves a semi-random background gradient based on the given id.
|
|
1248
|
+
*
|
|
1249
|
+
* @param {string} id - The id to use to generate the semi-random background gradient.
|
|
1250
|
+
* @returns {GradientName} gradientName
|
|
1251
|
+
*/
|
|
1252
|
+
const getSemiRandomBackgroundGradient = (id) => {
|
|
1253
|
+
if (!(typeof id === "string" && id)) return gradientMap[0];
|
|
1254
|
+
const hashCode = Array.from(id).reduce((num, char) => Math.imul(MULTIPLIER, num) + char.charCodeAt(0) || 0, 0);
|
|
1255
|
+
return gradientMap[Math.abs(hashCode) % gradientMap.length];
|
|
1256
|
+
};
|
|
1257
|
+
//#endregion
|
|
1258
|
+
//#region src/helpers/mergeRefs/mergeRefs.ts
|
|
1259
|
+
const mergeRefs = (refs) => (value) => {
|
|
1260
|
+
refs.forEach((ref) => {
|
|
1261
|
+
if (isFunction(ref)) {
|
|
1262
|
+
ref(value);
|
|
1263
|
+
return;
|
|
1264
|
+
}
|
|
1265
|
+
if (isNotNil(ref)) ref.current = value;
|
|
1266
|
+
});
|
|
1267
|
+
};
|
|
1268
|
+
//#endregion
|
|
1126
1269
|
//#region src/css/breakpoints.ts
|
|
1127
1270
|
const breakpoints = {
|
|
1128
1271
|
xs: "0em",
|
|
@@ -15445,141 +15588,6 @@ const ThumbnailBadge = ({ icon, label, ...props }) => {
|
|
|
15445
15588
|
};
|
|
15446
15589
|
ThumbnailBadge.displayName = "ThumbnailBadge_UI";
|
|
15447
15590
|
//#endregion
|
|
15448
|
-
//#region src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
|
|
15449
|
-
const gradients = {
|
|
15450
|
-
defaultDarkOne: css`
|
|
15451
|
-
background-color: #222d66;
|
|
15452
|
-
background-image:
|
|
15453
|
-
radial-gradient(farthest-corner at top right, #222d66, transparent 70%),
|
|
15454
|
-
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
15455
|
-
radial-gradient(farthest-corner at bottom left, #6b84ff, transparent 57%),
|
|
15456
|
-
radial-gradient(farthest-corner at top left, #2949e5, transparent 68%);
|
|
15457
|
-
`,
|
|
15458
|
-
defaultDarkTwo: css`
|
|
15459
|
-
background-color: #222d66;
|
|
15460
|
-
background-image:
|
|
15461
|
-
radial-gradient(farthest-corner at top left, #6b84ff, transparent 100%),
|
|
15462
|
-
radial-gradient(farthest-corner at bottom left, #222d66, transparent 57%),
|
|
15463
|
-
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
15464
|
-
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
|
|
15465
|
-
`,
|
|
15466
|
-
defaultLightOne: css`
|
|
15467
|
-
background-color: #ccd5ff;
|
|
15468
|
-
background-image:
|
|
15469
|
-
radial-gradient(farthest-corner at bottom right, #ccd5ff, transparent 55%),
|
|
15470
|
-
radial-gradient(farthest-corner at top left, #ccd5ff, transparent 65%),
|
|
15471
|
-
radial-gradient(farthest-corner at top right, #6b84ff, transparent 50%),
|
|
15472
|
-
radial-gradient(farthest-corner at bottom left, #f7f8ff, transparent 50%);
|
|
15473
|
-
`,
|
|
15474
|
-
defaultLightTwo: css`
|
|
15475
|
-
background-color: #ccd5ff;
|
|
15476
|
-
background-image:
|
|
15477
|
-
radial-gradient(ellipse at top, #ccd5ff, transparent),
|
|
15478
|
-
radial-gradient(ellipse at bottom, #6b84ff, transparent);
|
|
15479
|
-
`,
|
|
15480
|
-
defaultMidOne: css`
|
|
15481
|
-
background-color: #6b84ff;
|
|
15482
|
-
background-image:
|
|
15483
|
-
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%),
|
|
15484
|
-
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
15485
|
-
radial-gradient(farthest-corner at top left, #6b84ff, transparent 80%),
|
|
15486
|
-
radial-gradient(farthest-corner at bottom left, #222d66, transparent 57%);
|
|
15487
|
-
`,
|
|
15488
|
-
defaultMidTwo: css`
|
|
15489
|
-
background-color: #6b84ff;
|
|
15490
|
-
background-image:
|
|
15491
|
-
radial-gradient(ellipse at top, #2949e5, transparent),
|
|
15492
|
-
radial-gradient(ellipse at bottom, #ccd5ff, transparent);
|
|
15493
|
-
`,
|
|
15494
|
-
green: css`
|
|
15495
|
-
background-color: #fafffa;
|
|
15496
|
-
background-image:
|
|
15497
|
-
radial-gradient(farthest-corner at bottom left, #b0e5a5, transparent 50%),
|
|
15498
|
-
radial-gradient(farthest-corner at top right, #268713, transparent 50%),
|
|
15499
|
-
radial-gradient(farthest-corner at top left, #44b62d, transparent 65%),
|
|
15500
|
-
radial-gradient(farthest-corner at bottom right, #44b62d, transparent 55%);
|
|
15501
|
-
`,
|
|
15502
|
-
greenWithPop: css`
|
|
15503
|
-
background-color: #fafffa;
|
|
15504
|
-
background-image:
|
|
15505
|
-
radial-gradient(farthest-corner at bottom left, #b0e5a5, transparent 50%),
|
|
15506
|
-
radial-gradient(farthest-corner at top right, #2949e5, transparent 50%),
|
|
15507
|
-
radial-gradient(farthest-corner at top left, #44b62d, transparent 65%),
|
|
15508
|
-
radial-gradient(farthest-corner at bottom right, #44b62d, transparent 55%);
|
|
15509
|
-
`,
|
|
15510
|
-
pink: css`
|
|
15511
|
-
background-color: #fffff0;
|
|
15512
|
-
background-image:
|
|
15513
|
-
radial-gradient(farthest-corner at bottom left, #ffc7e8, transparent 50%),
|
|
15514
|
-
radial-gradient(farthest-corner at top right, #e0128e, transparent 70%),
|
|
15515
|
-
radial-gradient(farthest-corner at top left, #ff40b3, transparent 65%),
|
|
15516
|
-
radial-gradient(farthest-corner at bottom right, #ff40b3, transparent 55%);
|
|
15517
|
-
`,
|
|
15518
|
-
pinkWithPop: css`
|
|
15519
|
-
background-color: #fffff0;
|
|
15520
|
-
background-image:
|
|
15521
|
-
radial-gradient(farthest-corner at top right, #e0128e, transparent 70%),
|
|
15522
|
-
radial-gradient(farthest-corner at top left, #ff40b3, transparent 65%),
|
|
15523
|
-
radial-gradient(farthest-corner at bottom right, #ff40b3, transparent 55%),
|
|
15524
|
-
radial-gradient(farthest-corner at bottom left, #2949e5, transparent 50%);
|
|
15525
|
-
`,
|
|
15526
|
-
playfulGradientOne: css`
|
|
15527
|
-
background-color: #f7f8ff;
|
|
15528
|
-
background-image:
|
|
15529
|
-
radial-gradient(farthest-corner at top left, #d65cff, transparent 68%),
|
|
15530
|
-
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
|
|
15531
|
-
radial-gradient(farthest-corner at bottom left, #ffc7e8, transparent 57%),
|
|
15532
|
-
radial-gradient(farthest-corner at top right, #ffcaba, transparent 70%);
|
|
15533
|
-
`,
|
|
15534
|
-
playfulGradientTwo: css`
|
|
15535
|
-
background-color: #f7f8ff;
|
|
15536
|
-
background-image:
|
|
15537
|
-
radial-gradient(farthest-corner at top left, #44b62d, transparent 68%),
|
|
15538
|
-
radial-gradient(farthest-corner at bottom right, #eff18d, transparent 50%),
|
|
15539
|
-
radial-gradient(farthest-corner at bottom left, #ccd5ff, transparent 57%),
|
|
15540
|
-
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
|
|
15541
|
-
`,
|
|
15542
|
-
purple: css`
|
|
15543
|
-
background-color: #f2caff;
|
|
15544
|
-
background-image:
|
|
15545
|
-
radial-gradient(ellipse at 0% 100%, #f9e5ff, transparent 50%),
|
|
15546
|
-
radial-gradient(ellipse at 100% 0%, #e093fa, transparent 70%);
|
|
15547
|
-
`,
|
|
15548
|
-
purpleWithPop: css`
|
|
15549
|
-
background-color: #f2caff;
|
|
15550
|
-
background-image:
|
|
15551
|
-
radial-gradient(farthest-corner at bottom left, #f2caff, transparent 50%),
|
|
15552
|
-
radial-gradient(farthest-corner at top left, #d65cff, transparent 65%),
|
|
15553
|
-
radial-gradient(farthest-corner at bottom right, #d65cff, transparent 55%),
|
|
15554
|
-
radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
|
|
15555
|
-
`,
|
|
15556
|
-
yellow: css`
|
|
15557
|
-
background-color: #fffff0;
|
|
15558
|
-
background-image:
|
|
15559
|
-
radial-gradient(farthest-corner at bottom left, #eff18d, transparent 50%),
|
|
15560
|
-
radial-gradient(farthest-corner at top right, #bcbf19, transparent 70%),
|
|
15561
|
-
radial-gradient(farthest-corner at top left, #e8ec1e, transparent 65%),
|
|
15562
|
-
radial-gradient(farthest-corner at bottom right, #e8ec1e, transparent 55%);
|
|
15563
|
-
`,
|
|
15564
|
-
yellowWithPop: css`
|
|
15565
|
-
background-color: #fffff0;
|
|
15566
|
-
background-image:
|
|
15567
|
-
radial-gradient(farthest-corner at bottom left, #eff18d, transparent 50%),
|
|
15568
|
-
radial-gradient(farthest-corner at top right, #bcbf19, transparent 70%),
|
|
15569
|
-
radial-gradient(farthest-corner at top left, #e8ec1e, transparent 65%),
|
|
15570
|
-
radial-gradient(farthest-corner at bottom right, #2949e5, transparent 55%);
|
|
15571
|
-
`
|
|
15572
|
-
};
|
|
15573
|
-
/**
|
|
15574
|
-
* Retrieves the CSS background gradient corresponding to the given gradient name.
|
|
15575
|
-
* If the specified gradient name is not found, the default gradient ('defaultDarkOne') is returned.
|
|
15576
|
-
* @param {GradientName} gradientName - The name of the gradient to retrieve.
|
|
15577
|
-
* @returns {CssStyleType} The CSS string representing the specified gradient.
|
|
15578
|
-
*/
|
|
15579
|
-
const getBackgroundGradient = (gradientName) => {
|
|
15580
|
-
return isNotNil(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
|
|
15581
|
-
};
|
|
15582
|
-
//#endregion
|
|
15583
15591
|
//#region src/components/Thumbnail/ThumbnailStoryboardViewer.tsx
|
|
15584
15592
|
const ScrubLine = styled.div`
|
|
15585
15593
|
position: absolute;
|
|
@@ -15993,6 +16001,6 @@ const WistiaLogo = ({ description, height = 100, hoverColor, href, iconOnly = fa
|
|
|
15993
16001
|
};
|
|
15994
16002
|
WistiaLogo.displayName = "WistiaLogo_UI";
|
|
15995
16003
|
//#endregion
|
|
15996
|
-
export { ActionButton, Avatar, Badge, Banner, Box, Breadcrumb, Breadcrumbs, Button, ButtonGroup, Card, Center, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, Collapsible, CollapsibleContent, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorList, ColorListGroup, ColorListOption, ColorPicker, ColorPickerPopoverContent, ColorPickerSection, ColorPickerTrigger, ColorSchemeWrapper, Combobox, ComboboxOption, ContextMenu, ContrastControls, CustomizableThemeWrapper, DataCard, DataCardHoverArrow, DataCardTrend, DataCards, DataList, DataListItem, DataListItemLabel, DataListItemValue, Divider, EditableHeading, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextRoot, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, FeatureCard, FeatureCardImage, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormGroup, Grid, Heading, HexColorInput, HueSlider, Icon, IconButton, Image, ImageDimensionsValidator, Input, InputClickToCopy, InputDuration, InputPassword, KeyboardShortcut, Label, Link, List, ListItem, Mark, Markdown, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, Modal, ModalCallout, ModalCallouts, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverCloseButton, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PreviewCard, ProgressBar, Radio, RadioCard, RadioCardImage, RadioGroup, RadioMenuItem, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, Select, SelectOption, SelectOptionGroup, Sidebar, SidebarButton, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarSearchInput, SidebarTitle, Slider, SplitButton, Stack, SubMenu, Switch, Table, TableBody, TableCell, TableFoot, TableHead, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Text, Thumbnail, ThumbnailBadge, ThumbnailCollage, Tooltip, UIProvider, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, iconSizeMap, isKeyboardKey, isUrl, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, stripExtension, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|
|
16004
|
+
export { ActionButton, Avatar, Badge, Banner, Box, Breadcrumb, Breadcrumbs, Button, ButtonGroup, Card, Center, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, Collapsible, CollapsibleContent, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorList, ColorListGroup, ColorListOption, ColorPicker, ColorPickerPopoverContent, ColorPickerSection, ColorPickerTrigger, ColorSchemeWrapper, Combobox, ComboboxOption, ContextMenu, ContrastControls, CustomizableThemeWrapper, DataCard, DataCardHoverArrow, DataCardTrend, DataCards, DataList, DataListItem, DataListItemLabel, DataListItemValue, Divider, EditableHeading, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextRoot, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, FeatureCard, FeatureCardImage, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormGroup, Grid, Heading, HexColorInput, HueSlider, Icon, IconButton, Image, ImageDimensionsValidator, Input, InputClickToCopy, InputDuration, InputPassword, KeyboardShortcut, Label, Link, List, ListItem, Mark, Markdown, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, Modal, ModalCallout, ModalCallouts, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverCloseButton, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PreviewCard, ProgressBar, Radio, RadioCard, RadioCardImage, RadioGroup, RadioMenuItem, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, Select, SelectOption, SelectOptionGroup, Sidebar, SidebarButton, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarSearchInput, SidebarTitle, Slider, SplitButton, Stack, SubMenu, Switch, Table, TableBody, TableCell, TableFoot, TableHead, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Text, Thumbnail, ThumbnailBadge, ThumbnailCollage, Tooltip, UIProvider, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isKeyboardKey, isUrl, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, stripExtension, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|
|
15997
16005
|
|
|
15998
16006
|
//# sourceMappingURL=index.js.map
|