@wistia/ui 0.15.9-beta.b435f6ed.046d7a7 → 0.15.9-beta.b4bf6192.26e9d46
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.cjs +15 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.mjs +15 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.15.9-beta.
|
|
3
|
+
* @license @wistia/ui v0.15.9-beta.b4bf6192.26e9d46
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -10266,6 +10266,7 @@ var TWO_FIFTY_FIVE = 255;
|
|
|
10266
10266
|
var DEFAULT_MIN_CONTRAST = 4.5;
|
|
10267
10267
|
var DEFAULT_COLOR_FOR_COMPARISON = "#ffffff";
|
|
10268
10268
|
var DEFAULT_OPACITY_FOR_CONTRAST_CALCULATION = 1;
|
|
10269
|
+
var DEFAULT_SWATCH_DIAMETER_PX = 24;
|
|
10269
10270
|
|
|
10270
10271
|
// src/components/ColorPicker/contrast-utils.ts
|
|
10271
10272
|
var CONTRAST_EPSILON = 4e-3;
|
|
@@ -10851,7 +10852,7 @@ var DerivativeHalfCircle = import_styled_components50.default.div`
|
|
|
10851
10852
|
`;
|
|
10852
10853
|
var ColorSwatch = ({
|
|
10853
10854
|
children,
|
|
10854
|
-
diameterPx =
|
|
10855
|
+
diameterPx = DEFAULT_SWATCH_DIAMETER_PX,
|
|
10855
10856
|
isSelected = false,
|
|
10856
10857
|
derivativeIsSelected = false,
|
|
10857
10858
|
value
|
|
@@ -11304,9 +11305,17 @@ var import_styled_components58 = __toESM(require("styled-components"));
|
|
|
11304
11305
|
|
|
11305
11306
|
// src/components/ColorPicker/ValueSwatch.tsx
|
|
11306
11307
|
var import_jsx_runtime240 = require("react/jsx-runtime");
|
|
11307
|
-
var ValueSwatch = (
|
|
11308
|
+
var ValueSwatch = ({
|
|
11309
|
+
diameterPx = DEFAULT_SWATCH_DIAMETER_PX
|
|
11310
|
+
}) => {
|
|
11308
11311
|
const { valueAsHex } = useColorPickerState();
|
|
11309
|
-
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
11312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
11313
|
+
ColorSwatch,
|
|
11314
|
+
{
|
|
11315
|
+
diameterPx,
|
|
11316
|
+
value: valueAsHex
|
|
11317
|
+
}
|
|
11318
|
+
);
|
|
11310
11319
|
};
|
|
11311
11320
|
ValueSwatch.displayName = "ValueSwatch_UI";
|
|
11312
11321
|
|
|
@@ -11324,7 +11333,7 @@ var StyledPopoverTrigger = (0, import_styled_components58.default)(import_react_
|
|
|
11324
11333
|
background-color: var(--wui-color-bg-surface);
|
|
11325
11334
|
border-radius: var(--wui-border-radius-rounded);
|
|
11326
11335
|
border: 1px solid var(--wui-color-border);
|
|
11327
|
-
padding:
|
|
11336
|
+
padding: var(--wui-space-01);
|
|
11328
11337
|
transition: background-color var(--wui-motion-duration-03) var(--wui-motion-ease);
|
|
11329
11338
|
|
|
11330
11339
|
&:hover {
|
|
@@ -11336,7 +11345,7 @@ var DefaultTriggerContentContainer = import_styled_components58.default.div`
|
|
|
11336
11345
|
display: flex;
|
|
11337
11346
|
flex-direction: row;
|
|
11338
11347
|
gap: var(--wui-space-02);
|
|
11339
|
-
padding-right: var(--wui-space-
|
|
11348
|
+
padding-right: var(--wui-space-02);
|
|
11340
11349
|
`;
|
|
11341
11350
|
var DefaultTriggerContent = () => {
|
|
11342
11351
|
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(DefaultTriggerContentContainer, { children: [
|