@planningcenter/tapestry-migration-cli 2.6.0 → 2.6.1-qa-522.0
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.
|
@@ -153,7 +153,7 @@ const videoCamera = "M10.176,12.838h-8.60089c-0.59377,0 -1.07511,-0.4814 -1.0751
|
|
|
153
153
|
const viewCardStack = "M15.3333,0c0.3682,0 0.6667,0.29848 0.6667,0.66667v1.33333c0,0.36819 -0.2985,0.66667 -0.6667,0.66667h-14.66663c-0.36819,0 -0.66667,-0.29848 -0.66667,-0.66667v-1.33333c0,-0.36819 0.29848,-0.66667 0.66667,-0.66667zM0,5.33333c0,-0.36819 0.29848,-0.66666 0.66667,-0.66666h14.66663c0.3682,0 0.6667,0.29847 0.6667,0.66666v5.33337c0,0.3682 -0.2985,0.6666 -0.6667,0.6666h-14.66663c-0.36819,0 -0.66667,-0.2984 -0.66667,-0.6666zM15.3333,13.3333c0.3682,0 0.6667,0.2985 0.6667,0.6667v1.3333c0,0.3682 -0.2985,0.6667 -0.6667,0.6667h-14.66663c-0.36819,0 -0.66667,-0.2985 -0.66667,-0.6667v-1.3333c0,-0.3682 0.29848,-0.6667 0.66667,-0.6667z";
|
|
154
154
|
const viewTable = "M14,0c1.1046,0 2,0.89543 2,2v2h-16v-2c0,-1.10457 0.89543,-2 2,-2zM16,10h-7v-4h7zM9,12h7v2c0,1.1046 -0.8954,2 -2,2h-5zM7,16h-5c-1.10457,0 -2,-0.8954 -2,-2v-2h7zM7,10h-7v-4h7z";
|
|
155
155
|
const xCircle = "M11.3951,10.2621l-2.26245,-2.2621l2.26245,-2.26215l-1.1317,-1.1316l-2.2625,2.26215l-2.26246,-2.26215l-1.13175,1.1316l2.26246,2.26215l-2.26246,2.2621l1.13175,1.1316l2.26246,-2.2621l2.2625,2.2621zM16,8c0,2.1214 -0.8421,4.156 -2.3414,5.6569c-1.119,1.1188 -2.5446,1.8807 -4.09668,2.1894c-1.55205,0.3087 -3.16079,0.1502 -4.62278,-0.4553c-1.46199,-0.6055 -2.71157,-1.6309 -3.59073,-2.9465c-0.87916,-1.3156 -1.34841,-2.86226 -1.34841,-4.4445c0,-1.58224 0.46925,-3.12895 1.34841,-4.44453c0.87916,-1.31559 2.12874,-2.34097 3.59073,-2.94648c1.46199,-0.60551 3.07073,-0.76395 4.62278,-0.45529c1.55208,0.30866 2.97768,1.07056 4.09668,2.18935c1.4993,1.50098 2.3414,3.5356 2.3414,5.65695z";
|
|
156
|
-
const x$
|
|
156
|
+
const x$1 = "M9.88,8.035l5.7,5.7l-1.9,1.9l-5.7,-5.7l-5.7,5.7l-1.89999,-1.9l5.7,-5.7l-5.69999,-5.7l1.9,-1.9l5.7,5.7l5.7,-5.7l1.9,1.9z";
|
|
157
157
|
const r$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
158
158
|
__proto__: null,
|
|
159
159
|
bell,
|
|
@@ -308,7 +308,7 @@ const r$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
|
|
|
308
308
|
videoCamera,
|
|
309
309
|
viewCardStack,
|
|
310
310
|
viewTable,
|
|
311
|
-
x: x$
|
|
311
|
+
x: x$1,
|
|
312
312
|
xCircle
|
|
313
313
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
314
314
|
const checkbox0 = "M12,1c1.65685,0 3,1.34315 3,3v8c0,1.65685 -1.34315,3 -3,3h-8c-1.65685,0 -3,-1.34315 -3,-3v-8c0,-1.65685 1.34315,-3 3,-3z";
|
|
@@ -320,7 +320,7 @@ const radio0 = "M15,8c0,3.864 -3.136,7 -7,7c-3.864,0 -7,-3.136 -7,-7c0,-3.864 3.
|
|
|
320
320
|
const radio1 = "M11,8c0,1.656 -1.344,3 -3,3c-1.656,0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3c1.656,0 3,1.344 3,3z";
|
|
321
321
|
const rightChevron = "M11.175,8l-5,5l-1.175,-1.175l3.81667,-3.825l-3.81667,-3.825l1.175,-1.175z";
|
|
322
322
|
const upChevron = "M13,10l-1.175,1.175l-3.825,-3.81667l-3.825,3.81667l-1.175,-1.175l5,-5z";
|
|
323
|
-
const o$
|
|
323
|
+
const o$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
324
324
|
__proto__: null,
|
|
325
325
|
checkbox0,
|
|
326
326
|
checkbox1,
|
|
@@ -351,7 +351,7 @@ var hasRequiredReact_production_min;
|
|
|
351
351
|
function requireReact_production_min() {
|
|
352
352
|
if (hasRequiredReact_production_min) return react_production_min;
|
|
353
353
|
hasRequiredReact_production_min = 1;
|
|
354
|
-
var l2 = Symbol.for("react.element"), n2 = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), r2 = Symbol.for("react.profiler"), t2 = Symbol.for("react.provider"), u2 = Symbol.for("react.context"), v2 = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), x2 = Symbol.for("react.memo"),
|
|
354
|
+
var l2 = Symbol.for("react.element"), n2 = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), r2 = Symbol.for("react.profiler"), t2 = Symbol.for("react.provider"), u2 = Symbol.for("react.context"), v2 = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), x2 = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), z = Symbol.iterator;
|
|
355
355
|
function A(a2) {
|
|
356
356
|
if (null === a2 || "object" !== typeof a2) return null;
|
|
357
357
|
a2 = z && a2[z] || a2["@@iterator"];
|
|
@@ -362,7 +362,7 @@ function requireReact_production_min() {
|
|
|
362
362
|
}, enqueueForceUpdate: function() {
|
|
363
363
|
}, enqueueReplaceState: function() {
|
|
364
364
|
}, enqueueSetState: function() {
|
|
365
|
-
} },
|
|
365
|
+
} }, C = Object.assign, D = {};
|
|
366
366
|
function E(a2, b2, e2) {
|
|
367
367
|
this.props = a2;
|
|
368
368
|
this.context = b2;
|
|
@@ -388,25 +388,25 @@ function requireReact_production_min() {
|
|
|
388
388
|
}
|
|
389
389
|
var H = G.prototype = new F();
|
|
390
390
|
H.constructor = G;
|
|
391
|
-
|
|
391
|
+
C(H, E.prototype);
|
|
392
392
|
H.isPureReactComponent = true;
|
|
393
393
|
var I = Array.isArray, J = Object.prototype.hasOwnProperty, K = { current: null }, L = { key: true, ref: true, __self: true, __source: true };
|
|
394
394
|
function M(a2, b2, e2) {
|
|
395
|
-
var d2, c2 = {},
|
|
396
|
-
if (null != b2) for (d2 in void 0 !== b2.ref && (h2 = b2.ref), void 0 !== b2.key && (
|
|
395
|
+
var d2, c2 = {}, k2 = null, h2 = null;
|
|
396
|
+
if (null != b2) for (d2 in void 0 !== b2.ref && (h2 = b2.ref), void 0 !== b2.key && (k2 = "" + b2.key), b2) J.call(b2, d2) && !L.hasOwnProperty(d2) && (c2[d2] = b2[d2]);
|
|
397
397
|
var g = arguments.length - 2;
|
|
398
398
|
if (1 === g) c2.children = e2;
|
|
399
399
|
else if (1 < g) {
|
|
400
|
-
for (var
|
|
401
|
-
c2.children =
|
|
400
|
+
for (var f2 = Array(g), m2 = 0; m2 < g; m2++) f2[m2] = arguments[m2 + 2];
|
|
401
|
+
c2.children = f2;
|
|
402
402
|
}
|
|
403
403
|
if (a2 && a2.defaultProps) for (d2 in g = a2.defaultProps, g) void 0 === c2[d2] && (c2[d2] = g[d2]);
|
|
404
|
-
return { $$typeof: l2, type: a2, key:
|
|
404
|
+
return { $$typeof: l2, type: a2, key: k2, ref: h2, props: c2, _owner: K.current };
|
|
405
405
|
}
|
|
406
406
|
function N(a2, b2) {
|
|
407
407
|
return { $$typeof: l2, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
|
|
408
408
|
}
|
|
409
|
-
function
|
|
409
|
+
function O2(a2) {
|
|
410
410
|
return "object" === typeof a2 && null !== a2 && a2.$$typeof === l2;
|
|
411
411
|
}
|
|
412
412
|
function escape(a2) {
|
|
@@ -420,11 +420,11 @@ function requireReact_production_min() {
|
|
|
420
420
|
return "object" === typeof a2 && null !== a2 && null != a2.key ? escape("" + a2.key) : b2.toString(36);
|
|
421
421
|
}
|
|
422
422
|
function R(a2, b2, e2, d2, c2) {
|
|
423
|
-
var
|
|
424
|
-
if ("undefined" ===
|
|
423
|
+
var k2 = typeof a2;
|
|
424
|
+
if ("undefined" === k2 || "boolean" === k2) a2 = null;
|
|
425
425
|
var h2 = false;
|
|
426
426
|
if (null === a2) h2 = true;
|
|
427
|
-
else switch (
|
|
427
|
+
else switch (k2) {
|
|
428
428
|
case "string":
|
|
429
429
|
case "number":
|
|
430
430
|
h2 = true;
|
|
@@ -438,16 +438,16 @@ function requireReact_production_min() {
|
|
|
438
438
|
}
|
|
439
439
|
if (h2) return h2 = a2, c2 = c2(h2), a2 = "" === d2 ? "." + Q(h2, 0) : d2, I(c2) ? (e2 = "", null != a2 && (e2 = a2.replace(P, "$&/") + "/"), R(c2, b2, e2, "", function(a3) {
|
|
440
440
|
return a3;
|
|
441
|
-
})) : null != c2 && (
|
|
441
|
+
})) : null != c2 && (O2(c2) && (c2 = N(c2, e2 + (!c2.key || h2 && h2.key === c2.key ? "" : ("" + c2.key).replace(P, "$&/") + "/") + a2)), b2.push(c2)), 1;
|
|
442
442
|
h2 = 0;
|
|
443
443
|
d2 = "" === d2 ? "." : d2 + ":";
|
|
444
444
|
if (I(a2)) for (var g = 0; g < a2.length; g++) {
|
|
445
|
-
|
|
446
|
-
var
|
|
447
|
-
h2 += R(
|
|
445
|
+
k2 = a2[g];
|
|
446
|
+
var f2 = d2 + Q(k2, g);
|
|
447
|
+
h2 += R(k2, b2, e2, f2, c2);
|
|
448
448
|
}
|
|
449
|
-
else if (
|
|
450
|
-
else if ("object" ===
|
|
449
|
+
else if (f2 = A(a2), "function" === typeof f2) for (a2 = f2.call(a2), g = 0; !(k2 = a2.next()).done; ) k2 = k2.value, f2 = d2 + Q(k2, g++), h2 += R(k2, b2, e2, f2, c2);
|
|
450
|
+
else if ("object" === k2) throw b2 = String(a2), Error("Objects are not valid as a React child (found: " + ("[object Object]" === b2 ? "object with keys {" + Object.keys(a2).join(", ") + "}" : b2) + "). If you meant to render a collection of children, use an array instead.");
|
|
451
451
|
return h2;
|
|
452
452
|
}
|
|
453
453
|
function S(a2, b2, e2) {
|
|
@@ -458,7 +458,7 @@ function requireReact_production_min() {
|
|
|
458
458
|
});
|
|
459
459
|
return d2;
|
|
460
460
|
}
|
|
461
|
-
function
|
|
461
|
+
function T2(a2) {
|
|
462
462
|
if (-1 === a2._status) {
|
|
463
463
|
var b2 = a2._result;
|
|
464
464
|
b2 = b2();
|
|
@@ -491,7 +491,7 @@ function requireReact_production_min() {
|
|
|
491
491
|
return a3;
|
|
492
492
|
}) || [];
|
|
493
493
|
}, only: function(a2) {
|
|
494
|
-
if (!
|
|
494
|
+
if (!O2(a2)) throw Error("React.Children.only expected to receive a single React element child.");
|
|
495
495
|
return a2;
|
|
496
496
|
} };
|
|
497
497
|
react_production_min.Component = E;
|
|
@@ -504,21 +504,21 @@ function requireReact_production_min() {
|
|
|
504
504
|
react_production_min.act = X;
|
|
505
505
|
react_production_min.cloneElement = function(a2, b2, e2) {
|
|
506
506
|
if (null === a2 || void 0 === a2) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + a2 + ".");
|
|
507
|
-
var d2 =
|
|
507
|
+
var d2 = C({}, a2.props), c2 = a2.key, k2 = a2.ref, h2 = a2._owner;
|
|
508
508
|
if (null != b2) {
|
|
509
|
-
void 0 !== b2.ref && (
|
|
509
|
+
void 0 !== b2.ref && (k2 = b2.ref, h2 = K.current);
|
|
510
510
|
void 0 !== b2.key && (c2 = "" + b2.key);
|
|
511
511
|
if (a2.type && a2.type.defaultProps) var g = a2.type.defaultProps;
|
|
512
|
-
for (
|
|
512
|
+
for (f2 in b2) J.call(b2, f2) && !L.hasOwnProperty(f2) && (d2[f2] = void 0 === b2[f2] && void 0 !== g ? g[f2] : b2[f2]);
|
|
513
513
|
}
|
|
514
|
-
var
|
|
515
|
-
if (1 ===
|
|
516
|
-
else if (1 <
|
|
517
|
-
g = Array(
|
|
518
|
-
for (var m2 = 0; m2 <
|
|
514
|
+
var f2 = arguments.length - 2;
|
|
515
|
+
if (1 === f2) d2.children = e2;
|
|
516
|
+
else if (1 < f2) {
|
|
517
|
+
g = Array(f2);
|
|
518
|
+
for (var m2 = 0; m2 < f2; m2++) g[m2] = arguments[m2 + 2];
|
|
519
519
|
d2.children = g;
|
|
520
520
|
}
|
|
521
|
-
return { $$typeof: l2, type: a2.type, key: c2, ref:
|
|
521
|
+
return { $$typeof: l2, type: a2.type, key: c2, ref: k2, props: d2, _owner: h2 };
|
|
522
522
|
};
|
|
523
523
|
react_production_min.createContext = function(a2) {
|
|
524
524
|
a2 = { $$typeof: u2, _currentValue: a2, _currentValue2: a2, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null };
|
|
@@ -537,9 +537,9 @@ function requireReact_production_min() {
|
|
|
537
537
|
react_production_min.forwardRef = function(a2) {
|
|
538
538
|
return { $$typeof: v2, render: a2 };
|
|
539
539
|
};
|
|
540
|
-
react_production_min.isValidElement =
|
|
540
|
+
react_production_min.isValidElement = O2;
|
|
541
541
|
react_production_min.lazy = function(a2) {
|
|
542
|
-
return { $$typeof:
|
|
542
|
+
return { $$typeof: y, _payload: { _status: -1, _result: a2 }, _init: T2 };
|
|
543
543
|
};
|
|
544
544
|
react_production_min.memo = function(a2, b2) {
|
|
545
545
|
return { $$typeof: x2, type: a2, compare: void 0 === b2 ? null : b2 };
|
|
@@ -2611,7 +2611,7 @@ function LoadingSpinner() {
|
|
|
2611
2611
|
const buildComponentClassName$1 = ({ className, fullWidth, kind, loading, size }) => {
|
|
2612
2612
|
return classNames(kind && "tds-btn", size && size !== "md" && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", loading && "tds-btn--loading", className);
|
|
2613
2613
|
};
|
|
2614
|
-
const BaseButton = reactExports.forwardRef(({
|
|
2614
|
+
const BaseButton = reactExports.forwardRef(({ "aria-label": ariaLabel, className, disabled = false, fullWidth, kind = "secondary", label, loading = false, loadingAriaLabel = "Loading...", prefix, size, suffix, ...restProps }, ref) => {
|
|
2615
2615
|
const combinedClassName = buildComponentClassName$1({
|
|
2616
2616
|
className,
|
|
2617
2617
|
fullWidth,
|
|
@@ -2621,9 +2621,10 @@ const BaseButton = reactExports.forwardRef(({ size, prefix, suffix, kind = "seco
|
|
|
2621
2621
|
});
|
|
2622
2622
|
const prefixElement = enhanceElementWithClassName(prefix, "prefix");
|
|
2623
2623
|
const suffixElement = enhanceElementWithClassName(suffix, "suffix");
|
|
2624
|
+
const isDisabled = disabled || loading;
|
|
2624
2625
|
return React.createElement(
|
|
2625
2626
|
"button",
|
|
2626
|
-
{ type: "button", className: combinedClassName, ref, "aria-
|
|
2627
|
+
{ type: "button", className: combinedClassName, ref, ...restProps, "aria-busy": loading || void 0, "aria-disabled": isDisabled || void 0, disabled: isDisabled, "aria-label": loading ? loadingAriaLabel : ariaLabel },
|
|
2627
2628
|
loading && React.createElement(LoadingSpinner, null),
|
|
2628
2629
|
prefixElement,
|
|
2629
2630
|
loading ? React.createElement("span", null, label) : label,
|
|
@@ -2668,7 +2669,7 @@ const DropdownButton = reactExports.forwardRef((props, ref) => {
|
|
|
2668
2669
|
return React.createElement(BaseButton, { ref, ...props, ...dropdownProps(props) });
|
|
2669
2670
|
});
|
|
2670
2671
|
DropdownButton.displayName = "DropdownButton";
|
|
2671
|
-
const IconButton = reactExports.forwardRef(({
|
|
2672
|
+
const IconButton = reactExports.forwardRef(({ className, icon, ...restProps }, ref) => {
|
|
2672
2673
|
const iconOnlyClassName = classNames("tds-btn--icononly", className);
|
|
2673
2674
|
return React.createElement(BaseButton, { ...restProps, label: icon, className: iconOnlyClassName, ref });
|
|
2674
2675
|
});
|
|
@@ -2689,21 +2690,21 @@ function needsAttentionProps({ className, needsAttention }) {
|
|
|
2689
2690
|
className
|
|
2690
2691
|
};
|
|
2691
2692
|
}
|
|
2692
|
-
const PageHeaderActionsDropdownButton = reactExports.forwardRef(({
|
|
2693
|
+
const PageHeaderActionsDropdownButton = reactExports.forwardRef(({ className, needsAttention, ...props }, ref) => {
|
|
2693
2694
|
return React.createElement(DropdownButton, { ref, ...props, kind: "secondary-page-header", ...needsAttentionProps({ className, needsAttention }) });
|
|
2694
2695
|
});
|
|
2695
2696
|
PageHeaderActionsDropdownButton.displayName = "PageHeaderActionsDropdownButton";
|
|
2696
|
-
const buildComponentClassName = (size, kind, className) => {
|
|
2697
|
-
return classNames("tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], className);
|
|
2697
|
+
const buildComponentClassName = (size, kind, fullWidth, className) => {
|
|
2698
|
+
return classNames("tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", className);
|
|
2698
2699
|
};
|
|
2699
|
-
const BaseLink = reactExports.forwardRef(({
|
|
2700
|
-
const combinedClassName = buildComponentClassName(size, kind, className);
|
|
2700
|
+
const BaseLink = reactExports.forwardRef(({ children, className, external = false, fullWidth, href, kind, label, prefix, size, suffix, ...restProps }, ref) => {
|
|
2701
|
+
const combinedClassName = buildComponentClassName(size, kind, fullWidth, className);
|
|
2701
2702
|
const prefixElement = enhanceElementWithClassName(prefix, "prefix");
|
|
2702
2703
|
const suffixElement = enhanceElementWithClassName(suffix, "suffix");
|
|
2703
2704
|
const externalProps = external ? { rel: "noopener noreferrer", target: "_blank" } : {};
|
|
2704
2705
|
return React.createElement(
|
|
2705
2706
|
"a",
|
|
2706
|
-
{ href, className: combinedClassName, ref, ...
|
|
2707
|
+
{ href, className: combinedClassName, ref, ...restProps, ...externalProps },
|
|
2707
2708
|
prefixElement,
|
|
2708
2709
|
label || children,
|
|
2709
2710
|
suffixElement
|
|
@@ -2725,8 +2726,8 @@ const tokens = {
|
|
|
2725
2726
|
"--t-border-radius-lg": "8px",
|
|
2726
2727
|
"--t-border-radius-xl": "16px",
|
|
2727
2728
|
"--t-border-radius-round": "56px",
|
|
2728
|
-
"--t-border-radius
|
|
2729
|
-
"--t-border-width
|
|
2729
|
+
"--t-border-radius": "4px",
|
|
2730
|
+
"--t-border-width": "1px",
|
|
2730
2731
|
"--t-border-width-thick": "2px",
|
|
2731
2732
|
"--t-border-size-default": "1px",
|
|
2732
2733
|
"--t-border-size-thick": "2px",
|
|
@@ -2739,6 +2740,7 @@ const tokens = {
|
|
|
2739
2740
|
"--t-spacing-7": "56px",
|
|
2740
2741
|
"--t-spacing-fourth": "2px",
|
|
2741
2742
|
"--t-spacing-half": "4px",
|
|
2743
|
+
"--t-spacing-1-half": "12px",
|
|
2742
2744
|
"--t-element-size-3xl": "48px",
|
|
2743
2745
|
"--t-element-size-2xl": "32px",
|
|
2744
2746
|
"--t-element-size-xl": "24px",
|
|
@@ -2771,13 +2773,13 @@ const tokens = {
|
|
|
2771
2773
|
"--t-avatar-size-48": "48px",
|
|
2772
2774
|
"--t-avatar-size-72": "72px",
|
|
2773
2775
|
"--t-avatar-size-112": "112px",
|
|
2774
|
-
"--t-text-color-
|
|
2775
|
-
"--t-text-color
|
|
2776
|
-
"--t-text-color-
|
|
2777
|
-
"--t-text-color-
|
|
2778
|
-
"--t-text-color-
|
|
2779
|
-
"--t-text-color-
|
|
2780
|
-
"--t-text-color-interaction
|
|
2776
|
+
"--t-text-color-headline": "hsl(0, 0%, 12%)",
|
|
2777
|
+
"--t-text-color": "hsl(0, 0%, 24%)",
|
|
2778
|
+
"--t-text-color-secondary": "hsl(0, 0%, 42%)",
|
|
2779
|
+
"--t-text-color-disabled": "hsl(0, 0%, 68%)",
|
|
2780
|
+
"--t-text-color-placeholder": "hsl(0, 0%, 58%)",
|
|
2781
|
+
"--t-text-color-inverted": "hsl(0, 0%, 100%)",
|
|
2782
|
+
"--t-text-color-interaction": "hsl(204, 100%, 40%)",
|
|
2781
2783
|
"--t-text-color-interaction-hover": "hsl(204, 100%, 35%)",
|
|
2782
2784
|
"--t-text-color-interaction-active": "hsl(204, 100%, 30%)",
|
|
2783
2785
|
"--t-text-color-interaction-visited": "hsl(204, 100%, 30%)",
|
|
@@ -2808,21 +2810,21 @@ const tokens = {
|
|
|
2808
2810
|
"--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)",
|
|
2809
2811
|
"--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)",
|
|
2810
2812
|
"--t-text-color-tag-bold-magenta": "hsl(285, 71%, 20%)",
|
|
2811
|
-
"--t-icon-color
|
|
2812
|
-
"--t-icon-color-
|
|
2813
|
-
"--t-icon-color-
|
|
2814
|
-
"--t-icon-color-
|
|
2815
|
-
"--t-icon-color-
|
|
2816
|
-
"--t-icon-color-status-neutral
|
|
2813
|
+
"--t-icon-color": "hsl(0, 0%, 24%)",
|
|
2814
|
+
"--t-icon-color-secondary": "hsl(0, 0%, 42%)",
|
|
2815
|
+
"--t-icon-color-dim": "hsl(0, 0%, 58%)",
|
|
2816
|
+
"--t-icon-color-disabled": "hsl(0, 0%, 81%)",
|
|
2817
|
+
"--t-icon-color-inverted": "hsl(0, 0%, 100%)",
|
|
2818
|
+
"--t-icon-color-status-neutral": "hsl(0, 0%, 42%)",
|
|
2817
2819
|
"--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 58%)",
|
|
2818
2820
|
"--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)",
|
|
2819
2821
|
"--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)",
|
|
2820
|
-
"--t-icon-color-status-info
|
|
2822
|
+
"--t-icon-color-status-info": "hsl(204, 100%, 40%)",
|
|
2821
2823
|
"--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)",
|
|
2822
|
-
"--t-icon-color-status-success
|
|
2824
|
+
"--t-icon-color-status-success": "hsl(96, 57%, 33%)",
|
|
2823
2825
|
"--t-icon-color-status-success-secondary": "hsl(97, 57%, 40%)",
|
|
2824
|
-
"--t-icon-color-status-warning
|
|
2825
|
-
"--t-icon-color-status-error
|
|
2826
|
+
"--t-icon-color-status-warning": "hsl(42, 84%, 49%)",
|
|
2827
|
+
"--t-icon-color-status-error": "hsl(8, 60%, 47%)",
|
|
2826
2828
|
"--t-fill-color-neutral-100": "hsl(0, 0%, 100%)",
|
|
2827
2829
|
"--t-fill-color-neutral-000": "hsl(0, 0%, 12%)",
|
|
2828
2830
|
"--t-fill-color-neutral-010": "hsl(0, 0%, 24%)",
|
|
@@ -2835,36 +2837,41 @@ const tokens = {
|
|
|
2835
2837
|
"--t-fill-color-neutral-070": "hsl(0, 0%, 95%)",
|
|
2836
2838
|
"--t-fill-color-neutral-080": "hsl(0, 0%, 97%)",
|
|
2837
2839
|
"--t-fill-color-neutral-090": "hsl(0, 0%, 98%)",
|
|
2838
|
-
"--t-fill-color-interaction
|
|
2840
|
+
"--t-fill-color-interaction": "hsl(204, 100%, 40%)",
|
|
2839
2841
|
"--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)",
|
|
2840
2842
|
"--t-fill-color-interaction-active": "hsl(204, 100%, 30%)",
|
|
2841
2843
|
"--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)",
|
|
2842
2844
|
"--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)",
|
|
2843
2845
|
"--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)",
|
|
2844
|
-
"--t-fill-color-control
|
|
2846
|
+
"--t-fill-color-control": "hsl(204, 100%, 40%)",
|
|
2845
2847
|
"--t-fill-color-control-secondary": "hsl(97, 57%, 40%)",
|
|
2846
2848
|
"--t-fill-color-control-error": "hsl(8, 60%, 47%)",
|
|
2847
2849
|
"--t-fill-color-control-disabled": "hsl(0, 0%, 81%)",
|
|
2848
|
-
"--t-fill-color-status-neutral
|
|
2850
|
+
"--t-fill-color-status-neutral": "hsl(0, 0%, 42%)",
|
|
2849
2851
|
"--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)",
|
|
2850
2852
|
"--t-fill-color-status-neutral-dim": "hsl(0, 0%, 97%)",
|
|
2851
|
-
"--t-fill-color-status-
|
|
2853
|
+
"--t-fill-color-status-neutral-solid": "hsl(0, 0%, 42%)",
|
|
2854
|
+
"--t-fill-color-status-info": "hsl(204, 100%, 40%)",
|
|
2852
2855
|
"--t-fill-color-status-info-ghost": "hsl(203, 94%, 94%)",
|
|
2853
2856
|
"--t-fill-color-status-info-dim": "hsl(204, 100%, 97%)",
|
|
2854
|
-
"--t-fill-color-status-
|
|
2857
|
+
"--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)",
|
|
2858
|
+
"--t-fill-color-status-success": "hsl(96, 57%, 33%)",
|
|
2855
2859
|
"--t-fill-color-status-success-ghost": "hsl(97, 57%, 90%)",
|
|
2856
2860
|
"--t-fill-color-status-success-dim": "hsl(96, 60%, 95%)",
|
|
2857
|
-
"--t-fill-color-status-
|
|
2861
|
+
"--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)",
|
|
2862
|
+
"--t-fill-color-status-warning": "hsl(42, 84%, 63%)",
|
|
2858
2863
|
"--t-fill-color-status-warning-ghost": "hsl(42, 87%, 94%)",
|
|
2859
2864
|
"--t-fill-color-status-warning-dim": "hsl(42, 87%, 97%)",
|
|
2860
|
-
"--t-fill-color-status-
|
|
2865
|
+
"--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)",
|
|
2866
|
+
"--t-fill-color-status-error": "hsl(8, 60%, 47%)",
|
|
2861
2867
|
"--t-fill-color-status-error-ghost": "hsl(9, 59%, 93%)",
|
|
2862
2868
|
"--t-fill-color-status-error-dim": "hsl(7, 60%, 97%)",
|
|
2869
|
+
"--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)",
|
|
2863
2870
|
"--t-fill-color-alert-info": "hsl(204, 94%, 49%)",
|
|
2864
2871
|
"--t-fill-color-alert-success": "hsl(122, 60%, 41%)",
|
|
2865
2872
|
"--t-fill-color-alert-warning": "hsl(43, 96%, 58%)",
|
|
2866
2873
|
"--t-fill-color-alert-error": "hsl(4, 77%, 59%)",
|
|
2867
|
-
"--t-fill-color-tooltip
|
|
2874
|
+
"--t-fill-color-tooltip": "hsla(0, 0%, 12%, 0.9)",
|
|
2868
2875
|
"--t-fill-color-product-accounts-010": "hsl(212, 54%, 93%)",
|
|
2869
2876
|
"--t-fill-color-product-accounts-020": "hsl(209, 53%, 90%)",
|
|
2870
2877
|
"--t-fill-color-product-accounts-030": "hsl(210, 56%, 70%)",
|
|
@@ -2913,6 +2920,14 @@ const tokens = {
|
|
|
2913
2920
|
"--t-fill-color-product-home-060": "hsl(221, 90%, 50%)",
|
|
2914
2921
|
"--t-fill-color-product-home-070": "hsl(221, 90%, 45%)",
|
|
2915
2922
|
"--t-fill-color-product-home-080": "hsl(218, 84%, 25%)",
|
|
2923
|
+
"--t-fill-color-product-musicstand-010": "hsl(207, 61%, 93%)",
|
|
2924
|
+
"--t-fill-color-product-musicstand-020": "hsl(207, 61%, 90%)",
|
|
2925
|
+
"--t-fill-color-product-musicstand-030": "hsl(207, 58%, 85%)",
|
|
2926
|
+
"--t-fill-color-product-musicstand-040": "hsl(207, 59%, 60%)",
|
|
2927
|
+
"--t-fill-color-product-musicstand-050": "hsl(207, 59%, 50%)",
|
|
2928
|
+
"--t-fill-color-product-musicstand-060": "hsl(207, 59%, 40%)",
|
|
2929
|
+
"--t-fill-color-product-musicstand-070": "hsl(207, 59%, 35%)",
|
|
2930
|
+
"--t-fill-color-product-musicstand-080": "hsl(207, 59%, 25%)",
|
|
2916
2931
|
"--t-fill-color-product-people-010": "hsl(219, 73%, 91%)",
|
|
2917
2932
|
"--t-fill-color-product-people-020": "hsl(220, 69%, 81%)",
|
|
2918
2933
|
"--t-fill-color-product-people-030": "hsl(221, 73%, 71%)",
|
|
@@ -2945,7 +2960,7 @@ const tokens = {
|
|
|
2945
2960
|
"--t-fill-color-product-services-060": "hsl(89, 62%, 31%)",
|
|
2946
2961
|
"--t-fill-color-product-services-070": "hsl(89, 62%, 26%)",
|
|
2947
2962
|
"--t-fill-color-product-services-080": "hsl(89, 63%, 21%)",
|
|
2948
|
-
"--t-fill-color-product-staff
|
|
2963
|
+
"--t-fill-color-product-staff": "hsl(328, 100%, 45%)",
|
|
2949
2964
|
"--t-fill-color-product-staff-dark": "hsl(328, 100%, 38%)",
|
|
2950
2965
|
"--t-fill-color-product-staff-darker": "hsl(328, 100%, 33%)",
|
|
2951
2966
|
"--t-fill-color-product-accounts-gradient-brand": "linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%))",
|
|
@@ -3025,36 +3040,44 @@ const tokens = {
|
|
|
3025
3040
|
"--t-fill-color-tag-indigo-020": "hsl(233, 79%, 87%)",
|
|
3026
3041
|
"--t-fill-color-tag-indigo-030": "hsl(233, 77%, 81%)",
|
|
3027
3042
|
"--t-fill-color-tag-indigo-040": "hsl(236, 79%, 74%)",
|
|
3028
|
-
"--t-fill-color-button-neutral-solid
|
|
3043
|
+
"--t-fill-color-button-neutral-solid": "hsl(0, 0%, 93%)",
|
|
3029
3044
|
"--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 88%)",
|
|
3030
3045
|
"--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 81%)",
|
|
3031
3046
|
"--t-fill-color-button-neutral-solid-disabled": "hsl(0, 0%, 95%)",
|
|
3032
|
-
"--t-fill-color-button-neutral-outline
|
|
3033
|
-
"--t-fill-color-button-neutral-outline-
|
|
3034
|
-
"--t-fill-color-button-neutral-outline-
|
|
3035
|
-
"--t-fill-color-button-neutral-outline-
|
|
3036
|
-
"--t-fill-color-button-neutral-
|
|
3037
|
-
"--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)",
|
|
3047
|
+
"--t-fill-color-button-neutral-outline": "hsla(0, 0%, 100%, 0)",
|
|
3048
|
+
"--t-fill-color-button-neutral-outline-hover": "hsl(0, 0%, 95%)",
|
|
3049
|
+
"--t-fill-color-button-neutral-outline-active": "hsl(0, 0%, 93%)",
|
|
3050
|
+
"--t-fill-color-button-neutral-outline-disabled": "hsl(0, 0%, 98%)",
|
|
3051
|
+
"--t-fill-color-button-neutral-ghost": "hsla(0, 0%, 100%, 0)",
|
|
3038
3052
|
"--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)",
|
|
3039
3053
|
"--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)",
|
|
3040
3054
|
"--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)",
|
|
3041
3055
|
"--t-fill-color-button-neutral-ghost-disabled-solid": "hsl(0, 0%, 98%)",
|
|
3042
|
-
"--t-fill-color-button-neutral-responsive-header
|
|
3056
|
+
"--t-fill-color-button-neutral-responsive-header": "hsla(0, 0%, 0%, 0.1)",
|
|
3043
3057
|
"--t-fill-color-button-neutral-responsive-header-hover": "hsla(0, 0%, 0%, 0.2)",
|
|
3044
3058
|
"--t-fill-color-button-neutral-responsive-header-active": "hsla(0, 0%, 0%, 0.3)",
|
|
3045
3059
|
"--t-fill-color-button-neutral-responsive-header-disabled": "hsla(0, 0%, 0%, 0.05)",
|
|
3046
|
-
"--t-fill-color-button-
|
|
3060
|
+
"--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)",
|
|
3061
|
+
"--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)",
|
|
3062
|
+
"--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)",
|
|
3063
|
+
"--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)",
|
|
3064
|
+
"--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)",
|
|
3065
|
+
"--t-fill-color-button-interaction-solid": "hsl(204, 100%, 40%)",
|
|
3047
3066
|
"--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)",
|
|
3048
3067
|
"--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)",
|
|
3049
3068
|
"--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 95%)",
|
|
3069
|
+
"--t-fill-color-button-interaction-outline": "hsla(0, 0%, 100%, 0)",
|
|
3070
|
+
"--t-fill-color-button-interaction-outline-hover": "hsl(204, 100%, 97%)",
|
|
3071
|
+
"--t-fill-color-button-interaction-outline-active": "hsl(203, 94%, 94%)",
|
|
3072
|
+
"--t-fill-color-button-interaction-outline-disabled": "hsl(0, 0%, 98%)",
|
|
3073
|
+
"--t-fill-color-button-interaction-ghost": "hsla(0, 0%, 100%, 0)",
|
|
3074
|
+
"--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)",
|
|
3075
|
+
"--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)",
|
|
3076
|
+
"--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)",
|
|
3050
3077
|
"--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)",
|
|
3051
3078
|
"--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)",
|
|
3052
3079
|
"--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)",
|
|
3053
3080
|
"--t-fill-color-button-interaction-outline-dim-disabled": "hsl(0, 0%, 98%)",
|
|
3054
|
-
"--t-fill-color-button-interaction-ghost-default": "hsla(0, 0%, 100%, 0)",
|
|
3055
|
-
"--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)",
|
|
3056
|
-
"--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)",
|
|
3057
|
-
"--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)",
|
|
3058
3081
|
"--t-fill-color-button-create-solid-default": "hsl(96, 57%, 33%)",
|
|
3059
3082
|
"--t-fill-color-button-create-solid-hover": "hsl(97, 57%, 28%)",
|
|
3060
3083
|
"--t-fill-color-button-create-solid-active": "hsl(97, 57%, 23%)",
|
|
@@ -3063,19 +3086,23 @@ const tokens = {
|
|
|
3063
3086
|
"--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)",
|
|
3064
3087
|
"--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)",
|
|
3065
3088
|
"--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)",
|
|
3066
|
-
"--t-fill-color-button-delete-solid
|
|
3089
|
+
"--t-fill-color-button-delete-solid": "hsl(8, 60%, 47%)",
|
|
3067
3090
|
"--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)",
|
|
3068
3091
|
"--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)",
|
|
3069
3092
|
"--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 95%)",
|
|
3093
|
+
"--t-fill-color-button-delete-outline": "hsla(0, 0%, 100%, 0)",
|
|
3094
|
+
"--t-fill-color-button-delete-outline-hover": "hsl(7, 60%, 97%)",
|
|
3095
|
+
"--t-fill-color-button-delete-outline-active": "hsl(9, 59%, 93%)",
|
|
3096
|
+
"--t-fill-color-button-delete-outline-disabled": "hsl(0, 0%, 98%)",
|
|
3097
|
+
"--t-fill-color-button-delete-ghost": "hsla(0, 0%, 100%, 0)",
|
|
3098
|
+
"--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)",
|
|
3099
|
+
"--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)",
|
|
3100
|
+
"--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)",
|
|
3070
3101
|
"--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)",
|
|
3071
3102
|
"--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)",
|
|
3072
3103
|
"--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)",
|
|
3073
3104
|
"--t-fill-color-button-delete-outline-dim-disabled": "hsl(0, 0%, 98%)",
|
|
3074
|
-
"--t-fill-color-button-
|
|
3075
|
-
"--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)",
|
|
3076
|
-
"--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)",
|
|
3077
|
-
"--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)",
|
|
3078
|
-
"--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)",
|
|
3105
|
+
"--t-fill-color-button-pill": "hsl(0, 0%, 93%)",
|
|
3079
3106
|
"--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)",
|
|
3080
3107
|
"--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)",
|
|
3081
3108
|
"--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)",
|
|
@@ -3108,13 +3135,13 @@ const tokens = {
|
|
|
3108
3135
|
"--t-fill-color-transparency-dark-static-090": "hsla(0, 0%, 0%, 0.9)",
|
|
3109
3136
|
"--t-surface-color-card": "hsl(0, 0%, 100%)",
|
|
3110
3137
|
"--t-surface-color-canvas": "hsl(0, 0%, 100%)",
|
|
3111
|
-
"--t-border-color
|
|
3112
|
-
"--t-border-color-
|
|
3113
|
-
"--t-border-color-
|
|
3114
|
-
"--t-border-color-
|
|
3115
|
-
"--t-border-color-
|
|
3116
|
-
"--t-border-color-
|
|
3117
|
-
"--t-border-color-
|
|
3138
|
+
"--t-border-color": "hsl(0, 0%, 88%)",
|
|
3139
|
+
"--t-border-color-dark": "hsl(0, 0%, 81%)",
|
|
3140
|
+
"--t-border-color-darker": "hsl(0, 0%, 68%)",
|
|
3141
|
+
"--t-border-color-darkest": "hsl(0, 0%, 58%)",
|
|
3142
|
+
"--t-border-color-disabled": "hsl(0, 0%, 88%)",
|
|
3143
|
+
"--t-border-color-dim": "hsl(0, 0%, 95%)",
|
|
3144
|
+
"--t-border-color-white": "hsl(0, 0%, 100%)",
|
|
3118
3145
|
"--t-border-color-status-neutral": "hsl(0, 0%, 58%)",
|
|
3119
3146
|
"--t-border-color-status-info": "hsl(204, 100%, 40%)",
|
|
3120
3147
|
"--t-border-color-status-success": "hsl(97, 57%, 40%)",
|
|
@@ -3129,8 +3156,10 @@ const tokens = {
|
|
|
3129
3156
|
"--t-border-color-control-success": "hsl(97, 57%, 40%)",
|
|
3130
3157
|
"--t-border-color-control-warning": "hsl(42, 84%, 63%)",
|
|
3131
3158
|
"--t-border-color-control-error": "hsl(8, 60%, 47%)",
|
|
3132
|
-
"--t-border-color-control-disabled": "hsl(0, 0%,
|
|
3159
|
+
"--t-border-color-control-disabled": "hsl(0, 0%, 81%)",
|
|
3133
3160
|
"--t-shadow-overflow-color": "hsla(0, 0%, 0%, 0.07)",
|
|
3161
|
+
"--t-font-sans-serif": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
|
3162
|
+
"--t-font-monospace": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
|
|
3134
3163
|
"--t-form-background-color": "hsl(0, 0%, 100%)",
|
|
3135
3164
|
"--t-form-background-color-disabled": "hsl(0, 0%, 95%)",
|
|
3136
3165
|
"--t-form-background-color-error": "hsl(0, 0%, 100%)",
|
|
@@ -3144,11 +3173,53 @@ const tokens = {
|
|
|
3144
3173
|
"--t-form-border-radius": "4px",
|
|
3145
3174
|
"--t-form-border-width": "1px",
|
|
3146
3175
|
"--t-form-font-color": "hsl(0, 0%, 24%)",
|
|
3147
|
-
"--t-form-font-color-disabled": "hsl(0, 0%,
|
|
3176
|
+
"--t-form-font-color-disabled": "hsl(0, 0%, 68%)",
|
|
3148
3177
|
"--t-form-font-color-error": "hsl(8, 60%, 45%)",
|
|
3149
3178
|
"--t-form-font-color-readonly": "hsl(0, 0%, 24%)",
|
|
3150
3179
|
"--t-form-picker-icon-color": "hsl(0, 0%, 24%)",
|
|
3151
|
-
"--t-form-placeholder-color": "hsl(0, 0%, 58%)"
|
|
3180
|
+
"--t-form-placeholder-color": "hsl(0, 0%, 58%)",
|
|
3181
|
+
"--t-border-color-default-base": "hsl(0, 0%, 88%)",
|
|
3182
|
+
"--t-border-color-default-dark": "hsl(0, 0%, 81%)",
|
|
3183
|
+
"--t-border-color-default-darker": "hsl(0, 0%, 68%)",
|
|
3184
|
+
"--t-border-color-default-darkest": "hsl(0, 0%, 58%)",
|
|
3185
|
+
"--t-border-color-default-dim": "hsl(0, 0%, 95%)",
|
|
3186
|
+
"--t-border-color-default-disabled": "hsl(0, 0%, 88%)",
|
|
3187
|
+
"--t-border-color-default-white": "hsl(0, 0%, 100%)",
|
|
3188
|
+
"--t-border-radius-default": "4px",
|
|
3189
|
+
"--t-border-width-default": "1px",
|
|
3190
|
+
"--t-fill-color-button-delete-ghost-default": "hsla(0, 0%, 100%, 0)",
|
|
3191
|
+
"--t-fill-color-button-delete-outline-default": "hsla(0, 0%, 100%, 0)",
|
|
3192
|
+
"--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)",
|
|
3193
|
+
"--t-fill-color-button-interaction-ghost-default": "hsla(0, 0%, 100%, 0)",
|
|
3194
|
+
"--t-fill-color-button-interaction-outline-default": "hsla(0, 0%, 100%, 0)",
|
|
3195
|
+
"--t-fill-color-button-interaction-solid-default": "hsl(204, 100%, 40%)",
|
|
3196
|
+
"--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)",
|
|
3197
|
+
"--t-fill-color-button-neutral-outline-default": "hsla(0, 0%, 100%, 0)",
|
|
3198
|
+
"--t-fill-color-button-neutral-responsive-header-default": "hsla(0, 0%, 0%, 0.1)",
|
|
3199
|
+
"--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 93%)",
|
|
3200
|
+
"--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)",
|
|
3201
|
+
"--t-fill-color-control-primary": "hsl(204, 100%, 40%)",
|
|
3202
|
+
"--t-fill-color-interaction-default": "hsl(204, 100%, 40%)",
|
|
3203
|
+
"--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)",
|
|
3204
|
+
"--t-fill-color-status-error-primary": "hsl(8, 60%, 47%)",
|
|
3205
|
+
"--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.9)",
|
|
3206
|
+
"--t-icon-color-default-dim": "hsl(0, 0%, 58%)",
|
|
3207
|
+
"--t-icon-color-default-disabled": "hsl(0, 0%, 81%)",
|
|
3208
|
+
"--t-icon-color-default-inverted": "hsl(0, 0%, 100%)",
|
|
3209
|
+
"--t-icon-color-default-primary": "hsl(0, 0%, 24%)",
|
|
3210
|
+
"--t-icon-color-default-secondary": "hsl(0, 0%, 42%)",
|
|
3211
|
+
"--t-icon-color-status-error-primary": "hsl(8, 60%, 47%)",
|
|
3212
|
+
"--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)",
|
|
3213
|
+
"--t-icon-color-status-neutral-primary": "hsl(0, 0%, 42%)",
|
|
3214
|
+
"--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)",
|
|
3215
|
+
"--t-icon-color-status-warning-primary": "hsl(42, 84%, 49%)",
|
|
3216
|
+
"--t-text-color-default-disabled": "hsl(0, 0%, 68%)",
|
|
3217
|
+
"--t-text-color-default-headline": "hsl(0, 0%, 12%)",
|
|
3218
|
+
"--t-text-color-default-inverted": "hsl(0, 0%, 100%)",
|
|
3219
|
+
"--t-text-color-default-placeholder": "hsl(0, 0%, 58%)",
|
|
3220
|
+
"--t-text-color-default-primary": "hsl(0, 0%, 24%)",
|
|
3221
|
+
"--t-text-color-default-secondary": "hsl(0, 0%, 42%)",
|
|
3222
|
+
"--t-text-color-interaction-primary": "hsl(204, 100%, 40%)"
|
|
3152
3223
|
};
|
|
3153
3224
|
function token(varName) {
|
|
3154
3225
|
return `var(${varName})`;
|
|
@@ -3156,9 +3227,8 @@ function token(varName) {
|
|
|
3156
3227
|
function computedToken(varName) {
|
|
3157
3228
|
return tokens[varName];
|
|
3158
3229
|
}
|
|
3159
|
-
var
|
|
3160
|
-
var
|
|
3161
|
-
var o$5 = { dark: { fill: { active: { backgroundColor: "dark-2" }, backgroundColor: "dark-0", color: "dark-9", hover: { backgroundColor: "dark-1" } }, naked: { active: { backgroundColor: "dark-1" }, color: "dark-9", hover: { backgroundColor: "dark-0" } }, outline: { active: { backgroundColor: "dark-1" }, color: "dark-9", hover: { backgroundColor: "dark-0" }, stroke: "dark-3" } }, default: { fill: { active: { backgroundColor: "grey-5" }, backgroundColor: "grey-3", color: "foreground", hover: { backgroundColor: "grey-4" } }, naked: { active: { backgroundColor: "highlightSecondary" }, color: "foreground", hover: { backgroundColor: "highlight" } }, outline: { active: { backgroundColor: "highlightSecondary" }, color: "foreground", hover: { backgroundColor: "highlight" }, stroke: "separatorSecondary" } }, error: { fill: { active: { backgroundColor: "error-darker" }, backgroundColor: "error", color: "white", hover: { backgroundColor: "error-dark" } }, naked: { active: { backgroundColor: "error-lighter" }, color: "error", hover: { backgroundColor: "error-lightest" } }, outline: { active: { backgroundColor: "error-lighter" }, color: "error", hover: { backgroundColor: "error-lightest" }, stroke: "error" } }, info: { fill: { active: { backgroundColor: "blue-3" }, backgroundColor: "blue-5", color: "light-9", hover: { backgroundColor: "blue-4" } }, naked: { active: { backgroundColor: "blue-1" }, color: "blue-5", hover: { backgroundColor: "blue-0" } }, outline: { active: { backgroundColor: "blue-1" }, color: "blue-5", hover: { backgroundColor: "blue-0" }, stroke: "blue-5" } }, light: { fill: { active: { backgroundColor: "light-3" }, backgroundColor: "light-1", color: "white", hover: { backgroundColor: "light-2" } }, naked: { active: { backgroundColor: "light-1" }, color: "light-9", hover: { backgroundColor: "light-0" } }, outline: { active: { backgroundColor: "light-1" }, color: "white", hover: { backgroundColor: "light-0" }, stroke: "light-3" } }, primary: { fill: { active: { backgroundColor: "primary-darker" }, backgroundColor: "primary", color: "light-9", hover: { backgroundColor: "primary-dark" } }, naked: { active: { backgroundColor: "primary-lighter" }, color: "primary", hover: { backgroundColor: "primary-lightest" } }, outline: { active: { backgroundColor: "primary-lighter" }, color: "primary", hover: { backgroundColor: "primary-lightest" }, stroke: "primary" } }, success: { fill: { active: { backgroundColor: "success-darker" }, backgroundColor: "success", color: "white", hover: { backgroundColor: "success-dark" } }, naked: { active: { backgroundColor: "success-lighter" }, color: "success", hover: { backgroundColor: "success-lightest" } }, outline: { active: { backgroundColor: "success-lighter" }, color: "success", hover: { backgroundColor: "success-lightest" }, stroke: "success" } }, warning: { fill: { active: { backgroundColor: "yellow-3" }, backgroundColor: "yellow-5", color: "dark-9", hover: { backgroundColor: "yellow-4" } }, naked: { active: { backgroundColor: "yellow-1" }, color: "yellow-9", hover: { backgroundColor: "yellow-0" } }, outline: { active: { backgroundColor: "yellow-1" }, color: "yellow-9", hover: { backgroundColor: "yellow-0" }, stroke: "yellow-5" } }, white: { fill: { active: { backgroundColor: "grey-1" }, backgroundColor: "white", color: "primary", hover: { backgroundColor: "grey-0" } }, naked: { active: { backgroundColor: "light-1" }, color: "white", hover: { backgroundColor: "light-0" } }, outline: { active: { backgroundColor: "light-1" }, color: "white", hover: { backgroundColor: "light-0" }, stroke: "white" } } };
|
|
3230
|
+
var i$2 = { lg: { boxSize: 5, fontSize: 3, lineHeight: 4, paddingHorizontal: 1.75, paddingHorizontalDense: 1, paddingVertical: 0.5, radius: 5 }, md: { boxSize: 4, fontSize: 4, lineHeight: 3, paddingHorizontal: 1.375, paddingHorizontalDense: 1, paddingVertical: 0.5, radius: 4 }, sm: { boxSize: 3, fontSize: 5, lineHeight: 2.5, paddingHorizontal: 1, paddingHorizontalDense: 0.5, paddingVertical: 0.25, radius: 3 }, xl: { boxSize: 8, fontSize: 1, lineHeight: 5, paddingHorizontal: 2.25, paddingHorizontalDense: 2, paddingVertical: 1.5, radius: 6 }, xs: { boxSize: 2.5, fontSize: 5, lineHeight: 2.5, paddingHorizontal: 0.75, paddingHorizontalDense: 0.5, paddingVertical: 0, radius: 2.5 }, xxl: { boxSize: 14 } };
|
|
3231
|
+
var l$1 = { fill: { backgroundColor: token("--t-fill-color-button-interaction-solid-disabled"), color: token("--t-text-color-default-disabled"), opacity: 1 }, naked: { color: token("--t-text-color-default-disabled"), opacity: 1 }, outline: { backgroundColor: token("--t-fill-color-button-interaction-outline-dim-disabled"), color: token("--t-text-color-default-disabled"), opacity: 1, stroke: token("--t-border-color-button-neutral") } }, r$4 = { color: token("--t-text-color-status-neutral"), backgroundColor: token("--t-fill-color-button-neutral-responsive-header-default"), stroke: "transparent", hover: { backgroundColor: token("--t-fill-color-button-neutral-responsive-header-hover") }, active: { backgroundColor: token("--t-fill-color-button-neutral-responsive-header-active") }, disabled: { color: token("--t-text-color-default-disabled"), backgroundColor: token("--t-fill-color-button-neutral-responsive-header-disabled"), borderColor: token("--t-fill-color-button-neutral-responsive-header-disabled"), opacity: 1 }, mediaQueries: { "@media (min-width: 600px)": { color: token("--t-text-color-status-neutral"), backgroundColor: "var(--local-page-header-button-background-color, transparent)", boxShadow: "inset 0px 0px 0px 1px var(--t-border-color-button-neutral)", hover: { backgroundColor: token("--t-fill-color-button-neutral-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-neutral-outline-dim-active") }, disabled: l$1.outline } } }, e$7 = { dark: { fill: { active: { backgroundColor: "dark-2" }, backgroundColor: "dark-0", color: "dark-9", hover: { backgroundColor: "dark-1" }, disabled: l$1.fill }, naked: { active: { backgroundColor: "dark-1" }, color: "dark-9", hover: { backgroundColor: "dark-0" }, disabled: l$1.naked }, outline: { active: { backgroundColor: "dark-1" }, color: "dark-9", hover: { backgroundColor: "dark-0" }, stroke: "dark-3", disabled: l$1.outline } }, default: { fill: { backgroundColor: token("--t-fill-color-button-neutral-solid-default"), color: token("--t-text-color-status-neutral"), hover: { backgroundColor: token("--t-fill-color-button-neutral-solid-hover") }, active: { backgroundColor: token("--t-fill-color-button-neutral-solid-active") }, disabled: l$1.fill }, naked: { color: token("--t-text-color-status-neutral"), hover: { backgroundColor: token("--t-fill-color-button-neutral-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-neutral-outline-dim-active") }, disabled: l$1.naked }, outline: { color: token("--t-text-color-status-neutral"), stroke: token("--t-border-color-button-neutral"), hover: { backgroundColor: token("--t-fill-color-button-neutral-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-neutral-outline-dim-active") }, disabled: l$1.outline } }, secondaryPageHeader: { fill: r$4, naked: r$4, outline: r$4 }, error: { fill: { backgroundColor: token("--t-fill-color-button-delete-solid-default"), color: token("--t-text-color-default-inverted"), hover: { backgroundColor: token("--t-fill-color-button-delete-solid-hover") }, active: { backgroundColor: token("--t-fill-color-button-delete-solid-active") }, disabled: l$1.fill }, naked: { color: token("--t-text-color-status-error"), hover: { backgroundColor: token("--t-fill-color-button-delete-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-delete-outline-dim-active") }, disabled: l$1.naked }, outline: { color: token("--t-text-color-status-error"), stroke: token("--t-border-color-button-delete"), hover: { backgroundColor: token("--t-fill-color-button-delete-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-delete-outline-dim-active") }, disabled: l$1.outline } }, info: { fill: { active: { backgroundColor: "blue-3" }, backgroundColor: "blue-5", color: "light-9", hover: { backgroundColor: "blue-4" }, disabled: l$1.fill }, naked: { active: { backgroundColor: "blue-1" }, color: "blue-5", hover: { backgroundColor: "blue-0" }, disabled: l$1.naked }, outline: { active: { backgroundColor: "blue-1" }, color: "blue-5", hover: { backgroundColor: "blue-0" }, stroke: "blue-5", disabled: l$1.outline } }, light: { fill: { active: { backgroundColor: "light-3" }, backgroundColor: "light-1", color: "white", hover: { backgroundColor: "light-2" }, disabled: l$1.fill }, naked: { active: { backgroundColor: "light-1" }, color: "light-9", hover: { backgroundColor: "light-0" }, disabled: l$1.naked }, outline: { active: { backgroundColor: "light-1" }, color: "white", hover: { backgroundColor: "light-0" }, stroke: "light-3", disabled: l$1.outline } }, primary: { fill: { backgroundColor: token("--t-fill-color-button-interaction-solid-default"), color: token("--t-text-color-default-inverted"), hover: { backgroundColor: token("--t-fill-color-button-interaction-solid-hover") }, active: { backgroundColor: token("--t-fill-color-button-interaction-solid-active") }, disabled: l$1.fill }, naked: { color: token("--t-text-color-interaction-primary"), hover: { backgroundColor: token("--t-fill-color-button-interaction-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-interaction-outline-dim-active") }, disabled: l$1.naked }, outline: { color: token("--t-text-color-interaction-primary"), stroke: token("--t-border-color-button-info"), hover: { backgroundColor: token("--t-fill-color-button-interaction-outline-dim-hover") }, active: { backgroundColor: token("--t-fill-color-button-interaction-outline-dim-active") }, disabled: l$1.outline } }, success: { fill: { active: { backgroundColor: "success-darker" }, backgroundColor: "success", color: "white", hover: { backgroundColor: "success-dark" }, disabled: l$1.fill }, naked: { active: { backgroundColor: "success-lighter" }, color: "success", hover: { backgroundColor: "success-lightest" }, disabled: l$1.naked }, outline: { active: { backgroundColor: "success-lighter" }, color: "success", hover: { backgroundColor: "success-lightest" }, stroke: "success", disabled: l$1.outline } }, warning: { fill: { active: { backgroundColor: "yellow-3" }, backgroundColor: "yellow-5", color: "dark-9", hover: { backgroundColor: "yellow-4" }, disabled: l$1.fill }, naked: { active: { backgroundColor: "yellow-1" }, color: "yellow-9", hover: { backgroundColor: "yellow-0" }, disabled: l$1.naked }, outline: { active: { backgroundColor: "yellow-1" }, color: "yellow-9", hover: { backgroundColor: "yellow-0" }, stroke: "yellow-5", disabled: l$1.outline } }, white: { fill: { active: { backgroundColor: "grey-1" }, backgroundColor: "white", color: "primary", hover: { backgroundColor: "grey-0" }, disabled: l$1.fill }, naked: { active: { backgroundColor: "light-1" }, color: "white", hover: { backgroundColor: "light-0" }, disabled: l$1.naked }, outline: { active: { backgroundColor: "light-1" }, color: "white", hover: { backgroundColor: "light-0" }, stroke: "white", disabled: l$1.outline } } };
|
|
3162
3232
|
var o$4 = function() {
|
|
3163
3233
|
return o$4 = Object.assign || function(t2) {
|
|
3164
3234
|
for (var r2, o2 = 1, n2 = arguments.length; o2 < n2; o2++) for (var e2 in r2 = arguments[o2]) Object.prototype.hasOwnProperty.call(r2, e2) && (t2[e2] = r2[e2]);
|
|
@@ -3174,7 +3244,7 @@ function n$3(t2, r2) {
|
|
|
3174
3244
|
}
|
|
3175
3245
|
return o2;
|
|
3176
3246
|
}
|
|
3177
|
-
function e$
|
|
3247
|
+
function e$6(t2, r2, o2) {
|
|
3178
3248
|
for (var n2, e2 = 0, c2 = r2.length; e2 < c2; e2++) !n2 && e2 in r2 || (n2 || (n2 = Array.prototype.slice.call(r2, 0, e2)), n2[e2] = r2[e2]);
|
|
3179
3249
|
return t2.concat(n2 || Array.prototype.slice.call(r2));
|
|
3180
3250
|
}
|
|
@@ -3778,14 +3848,14 @@ function toColorString(color) {
|
|
|
3778
3848
|
if (isHsl(color)) return hsl(color);
|
|
3779
3849
|
throw new PolishedError(8);
|
|
3780
3850
|
}
|
|
3781
|
-
function curried(
|
|
3851
|
+
function curried(f2, length, acc) {
|
|
3782
3852
|
return function fn() {
|
|
3783
3853
|
var combined = acc.concat(Array.prototype.slice.call(arguments));
|
|
3784
|
-
return combined.length >= length ?
|
|
3854
|
+
return combined.length >= length ? f2.apply(this, combined) : curried(f2, length, combined);
|
|
3785
3855
|
};
|
|
3786
3856
|
}
|
|
3787
|
-
function curry(
|
|
3788
|
-
return curried(
|
|
3857
|
+
function curry(f2) {
|
|
3858
|
+
return curried(f2, f2.length, []);
|
|
3789
3859
|
}
|
|
3790
3860
|
function adjustHue(degree, color) {
|
|
3791
3861
|
if (color === "transparent") return color;
|
|
@@ -3838,9 +3908,9 @@ function mix(weight, color, otherColor) {
|
|
|
3838
3908
|
});
|
|
3839
3909
|
var alphaDelta = color1.alpha - color2.alpha;
|
|
3840
3910
|
var x2 = parseFloat(weight) * 2 - 1;
|
|
3841
|
-
var
|
|
3911
|
+
var y = x2 * alphaDelta === -1 ? x2 : x2 + alphaDelta;
|
|
3842
3912
|
var z = 1 + x2 * alphaDelta;
|
|
3843
|
-
var weight1 = (
|
|
3913
|
+
var weight1 = (y / z + 1) / 2;
|
|
3844
3914
|
var weight2 = 1 - weight1;
|
|
3845
3915
|
var mixedColor = {
|
|
3846
3916
|
red: Math.floor(color1.red * weight1 + color2.red * weight2),
|
|
@@ -4431,22 +4501,22 @@ function requireKebabCase() {
|
|
|
4431
4501
|
}
|
|
4432
4502
|
var kebabCaseExports = requireKebabCase();
|
|
4433
4503
|
const n$2 = /* @__PURE__ */ getDefaultExportFromCjs(kebabCaseExports);
|
|
4434
|
-
var
|
|
4504
|
+
var f = false;
|
|
4435
4505
|
if ("undefined" != typeof window) try {
|
|
4436
|
-
var
|
|
4437
|
-
return
|
|
4506
|
+
var s$3 = { get passive() {
|
|
4507
|
+
return f = true, true;
|
|
4438
4508
|
} };
|
|
4439
|
-
window.addEventListener("test", null,
|
|
4509
|
+
window.addEventListener("test", null, s$3), window.removeEventListener("test", null, s$3);
|
|
4440
4510
|
} catch (e2) {
|
|
4441
|
-
|
|
4511
|
+
f = false;
|
|
4442
4512
|
}
|
|
4443
4513
|
"text-width" + (/* @__PURE__ */ new Date()).getTime();
|
|
4444
|
-
var
|
|
4445
|
-
|
|
4446
|
-
function
|
|
4514
|
+
var T = "undefined" == typeof document ? null : document.createElement("canvas");
|
|
4515
|
+
T && T.getContext("2d");
|
|
4516
|
+
function te(e2, t2) {
|
|
4447
4517
|
return e2 && t2 ? "var(--".concat(n$2(e2), "-").concat(n$2(t2), ")") : void 0;
|
|
4448
4518
|
}
|
|
4449
|
-
function d
|
|
4519
|
+
function d(t2, n2) {
|
|
4450
4520
|
return Object.keys(t2).map((function(e2) {
|
|
4451
4521
|
var c2, o2, a2, u2 = t2[e2];
|
|
4452
4522
|
return "string" == typeof u2 ? ((c2 = {})[e2] = u2, o2 = c2) : o2 = Array.isArray(u2) ? u2.reduce((function(t3, n3, c3) {
|
|
@@ -4461,22 +4531,22 @@ function d$1(t2, n2) {
|
|
|
4461
4531
|
}), {}), n2({ colors: o2, name: (a2 = e2, a2.charAt(0).toUpperCase() + a2.slice(1)) });
|
|
4462
4532
|
}));
|
|
4463
4533
|
}
|
|
4464
|
-
function m
|
|
4465
|
-
var n2 = d
|
|
4534
|
+
function m(t2) {
|
|
4535
|
+
var n2 = d(t2, (function(r2) {
|
|
4466
4536
|
return r2.colors;
|
|
4467
4537
|
})).reduce((function(t3, n3) {
|
|
4468
4538
|
return o$4(o$4({}, t3), n3);
|
|
4469
4539
|
}), {});
|
|
4470
4540
|
return Object.keys(n2).reduce((function(t3, e2) {
|
|
4471
4541
|
var c2, o2 = n2[e2], a2 = "string" == typeof o2 ? n2[o2] : void 0;
|
|
4472
|
-
return o$4(o$4({}, t3), ((c2 = {})[e2] = a2 ?
|
|
4542
|
+
return o$4(o$4({}, t3), ((c2 = {})[e2] = a2 ? te("colors", o2) : o2, c2));
|
|
4473
4543
|
}), {});
|
|
4474
4544
|
}
|
|
4475
|
-
var
|
|
4476
|
-
function
|
|
4477
|
-
return l2 ?
|
|
4545
|
+
var o$3 = { create: { create35: token("--t-fill-color-control-secondary") }, interaction66: token("--t-fill-color-control-primary") }, a$1 = { apps: { calendar: token("--t-fill-color-product-calendar-050"), "check-ins": token("--t-fill-color-product-checkins-050"), giving: token("--t-fill-color-product-giving-050"), groups: token("--t-fill-color-product-groups-050"), home: token("--t-fill-color-product-home-050"), "music-stand": "#4984c4", pco: "#3565cf", people: token("--t-fill-color-product-people-050"), "planning-center": "#2266f7", projector: "#f19900", registrations: token("--t-fill-color-product-registrations-050"), services: token("--t-fill-color-product-services-050") }, background: { background: token("--t-surface-color-card"), backgroundSecondary: token("--t-surface-color-canvas"), backgroundTertiary: token("--t-fill-color-neutral-070") }, static: { staticDark: computedToken("--t-text-color-default-primary"), staticLight: computedToken("--t-text-color-default-inverted") }, blue: ["hsl(197, 56%, 92%)", "hsl(197, 56%, 88%)", "hsl(197, 56%, 72%)", "hsl(197, 56%, 64%)", "hsl(197, 56%, 52%)", "hsl(197, 56%, 44%)", "hsl(197, 56%, 40%)", "hsl(197, 56%, 32%)", "hsl(197, 56%, 24%)", "hsl(197, 56%, 20%)"], dark: ["hsla(0,0%,0%,0.04)", "hsla(0,0%,0%,0.08)", token("--t-fill-color-transparency-dark-010"), token("--t-fill-color-transparency-dark-020"), token("--t-fill-color-transparency-dark-020"), token("--t-fill-color-transparency-dark-030"), token("--t-fill-color-transparency-dark-040"), token("--t-fill-color-transparency-dark-050"), token("--t-fill-color-transparency-dark-060"), token("--t-fill-color-transparency-dark-070")], days: { friday: "#F69688", monday: "#789FF8", saturday: "#66BEEB", sunday: "#7DC156", thursday: "#FA7EA4", tuesday: "#A193FD", wednesday: "#D18CF6" }, error: { base: token("--t-fill-color-button-delete-solid-default"), dark: token("--t-fill-color-button-delete-solid-hover"), darker: token("--t-fill-color-button-delete-solid-active"), light: "hsl(8, 60%, 85%)", lighter: token("--t-fill-color-status-error-ghost"), lightest: token("--t-fill-color-status-error-dim") }, foreground: { foreground: token("--t-text-color-default-primary"), foregroundSecondary: token("--t-text-color-default-secondary"), foregroundTertiary: "hsl(0, 0%, 58%)" }, green: ["hsl(96, 24%, 92%)", "hsl(96, 30%, 84%)", "hsl(96, 32%, 76%)", "hsl(96, 34%, 72%)", "hsl(96, 36%, 64%)", "hsl(96, 40%, 58%)", "hsl(96, 44%, 50%)", "hsl(96, 48%, 40%)", "hsl(96, 52%, 30%)", "hsl(96, 60%, 20%)"], grey: [token("--t-fill-color-neutral-090"), token("--t-fill-color-neutral-080"), token("--t-fill-color-neutral-070"), token("--t-fill-color-neutral-060"), token("--t-fill-color-neutral-050"), token("--t-fill-color-neutral-040"), token("--t-fill-color-neutral-030"), token("--t-fill-color-neutral-025"), token("--t-fill-color-neutral-020"), token("--t-fill-color-neutral-010")], highlight: { highlight: token("--t-fill-color-neutral-070"), highlightSecondary: token("--t-fill-color-neutral-060") }, interaction: { base: token("--t-fill-color-interaction-default"), dark: token("--t-fill-color-interaction-hover"), darker: token("--t-fill-color-interaction-active"), darkest: "hsl(221, 90%, 31%)", light: "hsl(221, 91%, 70%)", lighter: "hsl(0, 0%, 81%);", lightest: token("--t-fill-color-interaction-disabled") }, light: [token("--t-fill-color-transparency-light-010"), token("--t-fill-color-transparency-light-020"), token("--t-fill-color-transparency-light-030"), token("--t-fill-color-transparency-light-040"), token("--t-fill-color-transparency-light-050"), token("--t-fill-color-transparency-light-060"), token("--t-fill-color-transparency-light-070"), token("--t-fill-color-transparency-light-080"), token("--t-fill-color-transparency-light-090"), "hsla(0,0%,100%,0.96)"], link: { linkBackground: token("--t-fill-color-neutral-090"), linkForeground: token("--t-text-color-interaction-primary") }, primary: { base: "hsl(88, 44%, 40%)", dark: "hsl(88, 46%, 36%)", darker: "hsl(88, 52%, 32%)", darkest: "hsl(88, 72%, 20%)", light: "hsl(88, 40%, 54%)", lighter: "hsl(88, 32%, 86%)", lightest: "hsl(88, 24%, 92%)" }, red: ["hsl(8, 73%, 96%)", "hsl(8, 74%, 92%)", "hsl(8, 75%, 88%)", "hsl(8, 76%, 68%)", "hsl(8, 77%, 60%)", "hsl(8, 78%, 56%)", "hsl(8, 79%, 52%)", "hsl(8, 80%, 48%)", "hsl(8, 81%, 40%)", "hsl(8, 82%, 30%)"], separator: { separator: token("--t-fill-color-neutral-040"), separatorFocus: token("--t-form-border-color-focus"), separatorFocusSecondary: token("--t-fill-color-neutral-050"), separatorHover: token("--t-form-border-color-hover"), separatorSecondary: token("--t-fill-color-neutral-050"), separatorTertiary: token("--t-fill-color-neutral-050") }, success: { base: token("--t-fill-color-status-success-solid"), dark: token("--t-text-color-status-success"), darker: "hsl(86, 91%, 23%)", light: token("--t-border-color-control-success"), lighter: token("--t-fill-color-status-success-ghost"), lightest: token("--t-fill-color-status-success-dim") }, surface: { surface: token("--t-surface-color-card"), surfaceSecondary: token("--t-surface-color-canvas"), surfaceTertiary: token("--t-fill-color-neutral-070") }, tapestry: o$3, warning: { base: token("--t-fill-color-status-warning-solid"), dark: token("--t-fill-color-status-warning-solid"), darker: token("--t-icon-color-status-warning-primary"), light: "hsl(42, 87%, 90%)", lighter: token("--t-fill-color-status-warning-ghost"), lightest: token("--t-fill-color-status-warning-dim") }, yellow: ["hsl(50, 89%, 90%)", "hsl(50, 90%, 86%)", "hsl(50, 91%, 74%)", "hsl(50, 92%, 68%)", "hsl(50, 93%, 62%)", "hsl(50, 94%, 56%)", "hsl(50, 95%, 48%)", "hsl(50, 96%, 40%)", "hsl(50, 97%, 32%)", "hsl(50, 98%, 26%)"] }, s$2 = m(a$1);
|
|
4546
|
+
function e$5(l2) {
|
|
4547
|
+
return l2 ? s$2[l2] : s$2;
|
|
4478
4548
|
}
|
|
4479
|
-
var i$2
|
|
4549
|
+
var s$1 = { boxSizes: i$2, breakpoints: { lg: 960, md: 720, sm: 600, xl: 1200, xs: 480 }, button: { themes: e$7 }, calendar: { weekStartsOn: 0 }, checkbox: { checkedFill: token("--t-fill-color-control-primary"), checkedStroke: token("--t-fill-color-control-primary"), disabled: { checkedFill: token("--t-fill-color-control-disabled"), checkedStroke: token("--t-border-color-control-disabled"), fill: token("--t-fill-color-neutral-070"), stroke: token("--t-border-color-control-disabled") }, fill: token("--t-surface-color-card"), focusStroke: token("--t-fill-color-control-primary"), stroke: token("--t-border-color-control-neutral") }, colors: s$2, elevations: ["0 2px 5px rgba(0,0,0,0.043)", "0 4px 12px rgba(0,0,0,0.12)", "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)", "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)", "0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)", "0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"], fontSizes: [30, 21, 18, 16, 14, 12, 10], group: { radius: 3 }, icons: { general: r$5, tapestry: o$5 }, pageBody: { backgroundColor: token("--t-surface-color-card") }, id: "default", lineHeights: [40, 32, 24, 24, 20, 16, 16], spinner: { color: token("--t-fill-color-neutral-010"), sizes: { lg: 3, md: 2.5, sm: 2, xl: 5, xs: 1.75, xxl: 8, xxs: 1.5 }, thickness: { lg: 5, md: 4, sm: 3, xl: 7, xs: 3, xxl: 9, xxs: 3 }, trackColor: token("--t-fill-color-transparency-dark-020") }, toggleSwitch: { backgroundColor: token("--t-fill-color-control-primary") } };
|
|
4480
4550
|
var _baseFindIndex;
|
|
4481
4551
|
var hasRequired_baseFindIndex;
|
|
4482
4552
|
function require_baseFindIndex() {
|
|
@@ -4996,8 +5066,8 @@ function r$2(o2) {
|
|
|
4996
5066
|
return "number" == typeof o2 ? o2 + "px" : o2;
|
|
4997
5067
|
}
|
|
4998
5068
|
function t$2(t2) {
|
|
4999
|
-
var i2 = t2.borderWidth, e2 = t2.borderTopWidth, b2 = t2.borderRightWidth, u2 = t2.borderBottomWidth, s2 = t2.borderLeftWidth, h2 = t2.radius, R = t2.radiusTop, a2 = t2.radiusRight, m2 = t2.radiusBottom, p = t2.radiusLeft,
|
|
5000
|
-
return void 0 !== i2 && (W.borderTopWidth = r$2(i2), W.borderRightWidth = r$2(i2), W.borderBottomWidth = r$2(i2), W.borderLeftWidth = r$2(i2)), void 0 !== e2 && (W.borderTopWidth = r$2(e2)), void 0 !== b2 && (W.borderRightWidth = r$2(b2)), void 0 !== u2 && (W.borderBottomWidth = r$2(u2)), void 0 !== s2 && (W.borderLeftWidth = r$2(s2)), void 0 !== h2 && ("circle" === h2 ? W.borderRadius = "100%" : "pill" === h2 ? W.borderRadius = "10em" : "pill-left" === h2 ? (W.borderTopLeftRadius = "10em", W.borderBottomLeftRadius = "10em") : "pill-right" === h2 ? (W.borderTopRightRadius = "10em", W.borderBottomRightRadius = "10em") : (W.borderTopLeftRadius = r$2(h2), W.borderTopRightRadius = r$2(h2), W.borderBottomRightRadius = r$2(h2), W.borderBottomLeftRadius = r$2(h2))), void 0 !== R && (W.borderTopLeftRadius = r$2(R), W.borderTopRightRadius = r$2(R)), void 0 !== a2 && (W.borderTopRightRadius = r$2(a2), W.borderBottomRightRadius = r$2(a2)), void 0 !== m2 && (W.borderBottomRightRadius = r$2(m2), W.borderBottomLeftRadius = r$2(m2)), void 0 !== p && (W.borderTopLeftRadius = r$2(p), W.borderBottomLeftRadius = r$2(p)), o$4(o$4({},
|
|
5069
|
+
var i2 = t2.borderWidth, e2 = t2.borderTopWidth, b2 = t2.borderRightWidth, u2 = t2.borderBottomWidth, s2 = t2.borderLeftWidth, h2 = t2.radius, R = t2.radiusTop, a2 = t2.radiusRight, m2 = t2.radiusBottom, p = t2.radiusLeft, f2 = n$3(t2, ["borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft"]), W = {};
|
|
5070
|
+
return void 0 !== i2 && (W.borderTopWidth = r$2(i2), W.borderRightWidth = r$2(i2), W.borderBottomWidth = r$2(i2), W.borderLeftWidth = r$2(i2)), void 0 !== e2 && (W.borderTopWidth = r$2(e2)), void 0 !== b2 && (W.borderRightWidth = r$2(b2)), void 0 !== u2 && (W.borderBottomWidth = r$2(u2)), void 0 !== s2 && (W.borderLeftWidth = r$2(s2)), void 0 !== h2 && ("circle" === h2 ? W.borderRadius = "100%" : "pill" === h2 ? W.borderRadius = "10em" : "pill-left" === h2 ? (W.borderTopLeftRadius = "10em", W.borderBottomLeftRadius = "10em") : "pill-right" === h2 ? (W.borderTopRightRadius = "10em", W.borderBottomRightRadius = "10em") : (W.borderTopLeftRadius = r$2(h2), W.borderTopRightRadius = r$2(h2), W.borderBottomRightRadius = r$2(h2), W.borderBottomLeftRadius = r$2(h2))), void 0 !== R && (W.borderTopLeftRadius = r$2(R), W.borderTopRightRadius = r$2(R)), void 0 !== a2 && (W.borderTopRightRadius = r$2(a2), W.borderBottomRightRadius = r$2(a2)), void 0 !== m2 && (W.borderBottomRightRadius = r$2(m2), W.borderBottomLeftRadius = r$2(m2)), void 0 !== p && (W.borderTopLeftRadius = r$2(p), W.borderBottomLeftRadius = r$2(p)), o$4(o$4({}, f2), W);
|
|
5001
5071
|
}
|
|
5002
5072
|
var _isKey;
|
|
5003
5073
|
var hasRequired_isKey;
|
|
@@ -5614,50 +5684,50 @@ function requireGet() {
|
|
|
5614
5684
|
return get_1;
|
|
5615
5685
|
}
|
|
5616
5686
|
requireGet();
|
|
5617
|
-
var
|
|
5618
|
-
function
|
|
5619
|
-
for (var
|
|
5620
|
-
return
|
|
5621
|
-
return null !=
|
|
5687
|
+
var h$1 = { baseline: "baseline", center: "center", end: "flex-end", start: "flex-start", stretch: "stretch" }, v = { center: "center", end: "flex-end", "space-around": "space-around", "space-between": "space-between", "space-evenly": "space-evenly", start: "flex-start" };
|
|
5688
|
+
function x() {
|
|
5689
|
+
for (var t2 = [], r2 = 0; r2 < arguments.length; r2++) t2[r2] = arguments[r2];
|
|
5690
|
+
return t2.some((function(t3) {
|
|
5691
|
+
return null != t3;
|
|
5622
5692
|
}));
|
|
5623
5693
|
}
|
|
5624
|
-
function
|
|
5625
|
-
return "number" == typeof
|
|
5694
|
+
function b(t2) {
|
|
5695
|
+
return "number" == typeof t2 ? 8 * t2 + "px" : t2;
|
|
5626
5696
|
}
|
|
5627
|
-
function
|
|
5628
|
-
var n2 =
|
|
5697
|
+
function j(r2, e2) {
|
|
5698
|
+
var n2 = e2.split(/\s+/);
|
|
5629
5699
|
if (1 === n2.length) {
|
|
5630
5700
|
var o2 = n2[0];
|
|
5631
5701
|
n2 = [o2, o2, o2, o2];
|
|
5632
5702
|
} else 2 === n2.length ? n2 = n2.concat(n2) : 3 === n2.length && n2.push(n2[1]);
|
|
5633
|
-
return ["Top", "Right", "Bottom", "Left"].reduce((function(
|
|
5634
|
-
var
|
|
5635
|
-
return o$4(o$4({},
|
|
5703
|
+
return ["Top", "Right", "Bottom", "Left"].reduce((function(e3, o3, a2) {
|
|
5704
|
+
var i2;
|
|
5705
|
+
return o$4(o$4({}, e3), ((i2 = {})["".concat(r2).concat(o3)] = n2[a2], i2));
|
|
5636
5706
|
}), {});
|
|
5637
5707
|
}
|
|
5638
|
-
function
|
|
5639
|
-
for (var
|
|
5640
|
-
return
|
|
5641
|
-
return "string" == typeof
|
|
5708
|
+
function k() {
|
|
5709
|
+
for (var t2 = [], r2 = 0; r2 < arguments.length; r2++) t2[r2] = arguments[r2];
|
|
5710
|
+
return t2.reduce((function(t3, r3) {
|
|
5711
|
+
return "string" == typeof r3 ? r3 : null != r3 ? 8 * r3 + "px" : t3;
|
|
5642
5712
|
}), 0);
|
|
5643
5713
|
}
|
|
5644
|
-
function
|
|
5645
|
-
if ("object" == typeof
|
|
5646
|
-
var
|
|
5647
|
-
if ("transparent" ===
|
|
5648
|
-
if (
|
|
5649
|
-
var
|
|
5650
|
-
return "rgba(".concat(
|
|
5714
|
+
function O(t2) {
|
|
5715
|
+
if ("object" == typeof t2) {
|
|
5716
|
+
var r2 = e$5(t2.base) || t2.base;
|
|
5717
|
+
if ("transparent" === r2) return r2;
|
|
5718
|
+
if (t2.darken && (r2 = curriedDarken$1(t2.darken, r2)), t2.lighten && (r2 = curriedLighten$1(t2.lighten, r2)), void 0 !== t2.alpha) {
|
|
5719
|
+
var e2 = parseToRgb(r2), n2 = e2.red, u2 = e2.green, c2 = e2.blue;
|
|
5720
|
+
return "rgba(".concat(n2, ", ").concat(u2, ", ").concat(c2, ", ").concat(t2.alpha, ")");
|
|
5651
5721
|
}
|
|
5652
|
-
return
|
|
5722
|
+
return r2;
|
|
5653
5723
|
}
|
|
5654
|
-
return
|
|
5724
|
+
return e$5(t2) || t2;
|
|
5655
5725
|
}
|
|
5656
5726
|
function e$4(e2, t2) {
|
|
5657
|
-
var b2 = e2.backgroundColor, d2 = e2.borderColor,
|
|
5658
|
-
return Object.keys(
|
|
5659
|
-
var e3 =
|
|
5660
|
-
e3 && (a2[o2] = t2 && t2.colors && t2.colors[e3] ?
|
|
5727
|
+
var b2 = e2.backgroundColor, d2 = e2.borderColor, C = e2.borderBottomColor, i2 = e2.borderLeftColor, s2 = e2.borderRightColor, c2 = e2.borderTopColor, f2 = e2.color, u2 = e2.fill, n2 = e2.outlineColor, m2 = e2.stroke, a2 = n$3(e2, ["backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke"]), k2 = { backgroundColor: b2, borderBottomColor: C, borderColor: d2, borderLeftColor: i2, borderRightColor: s2, borderTopColor: c2, color: f2, fill: u2, outlineColor: n2, stroke: m2 };
|
|
5728
|
+
return Object.keys(k2).forEach((function(o2) {
|
|
5729
|
+
var e3 = k2[o2];
|
|
5730
|
+
e3 && (a2[o2] = t2 && t2.colors && t2.colors[e3] ? te("colors", e3) : O(e3));
|
|
5661
5731
|
})), a2;
|
|
5662
5732
|
}
|
|
5663
5733
|
function o$2(o2, t2) {
|
|
@@ -5666,8 +5736,8 @@ function o$2(o2, t2) {
|
|
|
5666
5736
|
}
|
|
5667
5737
|
function l(l2) {
|
|
5668
5738
|
void 0 === l2 && (l2 = {});
|
|
5669
|
-
var n2 = l2.alignItems, t2 = l2.alignSelf, a2 = l2.basis,
|
|
5670
|
-
return
|
|
5739
|
+
var n2 = l2.alignItems, t2 = l2.alignSelf, a2 = l2.basis, f2 = l2.direction, d2 = l2.flexBasis, x2 = l2.flexGrow, p = l2.flexShrink, v$1 = l2.flexWrap, w = l2.grow, g = l2.justifyContent, m2 = l2.shrink, u2 = l2.wrap, S = n$3(l2, ["alignItems", "alignSelf", "basis", "direction", "flexBasis", "flexGrow", "flexShrink", "flexWrap", "grow", "justifyContent", "shrink", "wrap"]), h2 = {};
|
|
5740
|
+
return f2 && (h2.flexDirection = f2), void 0 === u2 && (u2 = v$1), void 0 !== u2 && (h2.flexWrap = "reverse" === u2 ? "wrap-reverse" : true === u2 || "wrap" === u2 ? "wrap" : "nowrap"), void 0 === w && (w = x2), void 0 !== w && (h2.flexGrow = true === w ? 1 : w), void 0 === m2 && (m2 = p), void 0 !== m2 && (h2.flexShrink = true === m2 ? 1 : m2), void 0 === a2 && (a2 = d2), void 0 !== a2 && (h2.flexBasis = b(a2)), g && (h2.justifyContent = v[g] || g), n2 && (h2.alignItems = h$1[n2] || n2), t2 && (h2.alignSelf = h$1[t2] || t2), o$4(o$4({}, S), h2);
|
|
5671
5741
|
}
|
|
5672
5742
|
function r$1(r2) {
|
|
5673
5743
|
void 0 === r2 && (r2 = {});
|
|
@@ -5676,42 +5746,42 @@ function r$1(r2) {
|
|
|
5676
5746
|
}
|
|
5677
5747
|
function t$1(t2) {
|
|
5678
5748
|
var i2 = t2.uppercase, r2 = n$3(t2, ["uppercase"]);
|
|
5679
|
-
return r2.boxShadow && r2.boxShadow.constructor === Array && (r2.boxShadow = r2.boxShadow.join(", ")), void 0 !== r2.lineHeight && (r2.lineHeight = "number" == typeof r2.lineHeight ?
|
|
5749
|
+
return r2.boxShadow && r2.boxShadow.constructor === Array && (r2.boxShadow = r2.boxShadow.join(", ")), void 0 !== r2.lineHeight && (r2.lineHeight = "number" == typeof r2.lineHeight ? b(r2.lineHeight) : r2.lineHeight), i2 && (r2.textTransform = "uppercase", r2.letterSpacing = "0.15em"), r2;
|
|
5680
5750
|
}
|
|
5681
5751
|
function e$3(e2) {
|
|
5682
|
-
var d2 = e2.position, r2 = e2.top, s2 = e2.right, n2 = e2.bottom, p = e2.left, l2 = e2.zIndex, m2 = n$3(e2, ["position", "top", "right", "bottom", "left", "zIndex"]),
|
|
5683
|
-
return d2 && (
|
|
5752
|
+
var d2 = e2.position, r2 = e2.top, s2 = e2.right, n2 = e2.bottom, p = e2.left, l2 = e2.zIndex, m2 = n$3(e2, ["position", "top", "right", "bottom", "left", "zIndex"]), f2 = {};
|
|
5753
|
+
return d2 && (f2.position = d2), void 0 !== r2 && (f2.top = b(r2)), void 0 !== s2 && (f2.right = b(s2)), void 0 !== n2 && (f2.bottom = b(n2)), void 0 !== p && (f2.left = b(p)), void 0 !== l2 && (f2.zIndex = l2), o$4(o$4({}, m2), f2);
|
|
5684
5754
|
}
|
|
5685
5755
|
function h(h2) {
|
|
5686
5756
|
var e2 = h2.width, m2 = h2.height, d2 = h2.minWidth, n2 = h2.minHeight, a2 = h2.maxWidth, o2 = h2.maxHeight, r2 = n$3(h2, ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight"]), g = { height: m2, maxHeight: o2, maxWidth: a2, minHeight: n2, minWidth: d2, width: e2 };
|
|
5687
5757
|
return Object.keys(g).forEach((function(i2) {
|
|
5688
5758
|
var h3 = g[i2];
|
|
5689
|
-
void 0 !== h3 && (r2[i2] =
|
|
5759
|
+
void 0 !== h3 && (r2[i2] = b(h3));
|
|
5690
5760
|
})), r2;
|
|
5691
5761
|
}
|
|
5692
5762
|
function o$1(o2) {
|
|
5693
|
-
var p = o2.padding, r2 = o2.paddingHorizontal, m2 = o2.paddingVertical, e2 = o2.paddingTop,
|
|
5694
|
-
if (
|
|
5695
|
-
var w =
|
|
5763
|
+
var p = o2.padding, r2 = o2.paddingHorizontal, m2 = o2.paddingVertical, e2 = o2.paddingTop, f2 = o2.paddingRight, l2 = o2.paddingBottom, h2 = o2.paddingLeft, s2 = o2.margin, B = o2.marginHorizontal, L = o2.marginVertical, R = o2.marginTop, T2 = o2.marginRight, c2 = o2.marginBottom, u2 = o2.marginLeft, v2 = o2.gap, G = o2.columnGap, z = o2.rowGap, H = n$3(o2, ["padding", "paddingHorizontal", "paddingVertical", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginHorizontal", "marginVertical", "marginTop", "marginRight", "marginBottom", "marginLeft", "gap", "columnGap", "rowGap"]), V = {};
|
|
5764
|
+
if (x(p)) if ("string" == typeof p) {
|
|
5765
|
+
var w = j("padding", p);
|
|
5696
5766
|
V.paddingTop = w.paddingTop, V.paddingRight = w.paddingRight, V.paddingBottom = w.paddingBottom, V.paddingLeft = w.paddingLeft;
|
|
5697
5767
|
} else {
|
|
5698
|
-
var b$1 =
|
|
5768
|
+
var b$1 = k(p);
|
|
5699
5769
|
V.paddingTop = b$1, V.paddingRight = b$1, V.paddingBottom = b$1, V.paddingLeft = b$1;
|
|
5700
5770
|
}
|
|
5701
|
-
if (
|
|
5702
|
-
var
|
|
5703
|
-
V.marginTop =
|
|
5771
|
+
if (x(m2, e2) && (V.paddingTop = k(m2, e2)), x(r2, f2) && (V.paddingRight = k(r2, f2)), x(m2, l2) && (V.paddingBottom = k(m2, l2)), x(r2, h2) && (V.paddingLeft = k(r2, h2)), x(s2)) if ("string" == typeof s2) {
|
|
5772
|
+
var j$1 = j("margin", s2);
|
|
5773
|
+
V.marginTop = j$1.marginTop, V.marginRight = j$1.marginRight, V.marginBottom = j$1.marginBottom, V.marginLeft = j$1.marginLeft;
|
|
5704
5774
|
} else {
|
|
5705
|
-
var y
|
|
5706
|
-
V.marginTop = y
|
|
5775
|
+
var y = k(s2);
|
|
5776
|
+
V.marginTop = y, V.marginRight = y, V.marginBottom = y, V.marginLeft = y;
|
|
5707
5777
|
}
|
|
5708
|
-
return
|
|
5778
|
+
return x(L, R) && (V.marginTop = k(L, R)), x(B, T2) && (V.marginRight = k(B, T2)), x(L, c2) && (V.marginBottom = k(L, c2)), x(B, u2) && (V.marginLeft = k(B, u2)), void 0 !== v2 && (V.gap = b(v2)), void 0 !== G && (V.columnGap = b(G)), void 0 !== z && (V.rowGap = b(z)), o$4(o$4({}, H), V);
|
|
5709
5779
|
}
|
|
5710
5780
|
function e$2(e2, r2) {
|
|
5711
5781
|
var c2 = e2.stroke, p = e2.strokeAlign, n2 = void 0 === p ? "outside" : p, x2 = e2.strokeOpacity, a2 = e2.strokeWeight, l2 = n$3(e2, ["stroke", "strokeAlign", "strokeOpacity", "strokeWeight"]), u2 = {};
|
|
5712
5782
|
if (c2 && a2) {
|
|
5713
|
-
var d2 = r2 && r2.colors && r2.colors[c2] ?
|
|
5714
|
-
"inside" === n2 ?
|
|
5783
|
+
var d2 = r2 && r2.colors && r2.colors[c2] ? te("colors", c2) : O(c2), f2 = u2.boxShadow ? u2.boxShadow.split(", ") : [];
|
|
5784
|
+
"inside" === n2 ? f2.unshift("inset 0px 0px 0px ".concat(a2, "px ").concat(d2)) : "outside" === n2 ? f2.unshift("0px 0px 0px ".concat(a2, "px ").concat(d2)) : "center" === n2 && (f2.unshift("inset 0px 0px 0px ".concat(a2 / 2, "px ").concat(d2)), f2.unshift("0px 0px 0px ".concat(a2 / 2, "px ").concat(d2))), u2.boxShadow = f2.join(", ");
|
|
5715
5785
|
} else u2.stroke = c2, x2 && (u2.strokeOpacity = x2);
|
|
5716
5786
|
return o$4(o$4({}, l2), u2);
|
|
5717
5787
|
}
|
|
@@ -5721,20 +5791,20 @@ function a(a2) {
|
|
|
5721
5791
|
}
|
|
5722
5792
|
function e$1(e2, t2) {
|
|
5723
5793
|
if (void 0 !== e2.fontSize) {
|
|
5724
|
-
var
|
|
5725
|
-
e2.fontSize = "number" == typeof
|
|
5794
|
+
var f2 = t2 && t2.fontSizes && t2.fontSizes[e2.fontSize] || e2.fontSize;
|
|
5795
|
+
e2.fontSize = "number" == typeof f2 ? f2 + "px" : f2;
|
|
5726
5796
|
}
|
|
5727
5797
|
return e2;
|
|
5728
5798
|
}
|
|
5729
5799
|
var c = [r$1, l, e$3, h, o$1, t$2, e$2, e$1, e$4, o$2, a, t$1];
|
|
5730
|
-
var o = ["alignContent", "alignItems", "alignSelf", "alignmentBaseline", "animation", "animationDelay", "animationDirection", "animationDuration", "animationFillMode", "animationIterationCount", "animationName", "animationPlayState", "animationTimingFunction", "aspectRatio", "backfaceVisibility", "background", "backgroundAttachment", "backgroundBlendMode", "backgroundClip", "backgroundImage", "backgroundOrigin", "backgroundPosition", "backgroundPositionX", "backgroundPositionY", "backgroundRepeat", "backgroundSize", "baselineShift", "border", "borderBottom", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStyle", "borderBottomWidth", "borderCollapse", "borderImage", "borderImageOutset", "borderImageRepeat", "borderImageSlice", "borderImageSource", "borderImageWidth", "borderLeft", "borderLeftStyle", "borderLeftWidth", "borderRadius", "borderRight", "borderRightStyle", "borderRightWidth", "borderSpacing", "borderStyle", "borderTop", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStyle", "borderTopWidth", "borderWidth", "bottom", "boxShadow", "boxSizing", "breakAfter", "breakBefore", "breakInside", "clear", "clip", "clipPath", "clipRule", "columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns", "contain", "content", "counterIncrement", "counterReset", "cursor", "direction", "display", "fillOpacity", "fillRule", "filter", "flex", "flexBasis", "flexDirection", "flexFlow", "flexGrow", "flexShrink", "flexWrap", "font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontSize", "fontStretch", "fontStyle", "fontVariant", "fontVariantCaps", "fontVariantLigatures", "fontVariantNumeric", "fontWeight", "gap", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumn", "gridColumnEnd", "gridColumnGap", "gridColumnStart", "gridGap", "gridRow", "gridRowEnd", "gridRowGap", "gridRowStart", "gridTemplate", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "height", "hyphens", "imageRendering", "isolation", "justifyContent", "justifyItems", "justifySelf", "left", "letterSpacing", "lightingColor", "lineHeight", "listStyle", "listStyleImage", "listStylePosition", "listStyleType", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mask", "maskType", "maxHeight", "maxWidth", "minHeight", "minWidth", "mixBlendMode", "motion", "objectFit", "objectPosition", "opacity", "order", "outline", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "overflow", "overflowWrap", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "pageBreakAfter", "pageBreakBefore", "pageBreakInside", "perspective", "perspectiveOrigin", "placeItems", "placeSelf", "pointerEvents", "position", "resize", "right", "strokeDasharray", "strokeDashoffset", "strokeLinecap", "strokeLinejoin", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "tableLayout", "textAlign", "textDecoration", "textIndent", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "top", "touchAction", "transform", "transformOrigin", "transformStyle", "transition", "transitionDelay", "transitionDuration", "transitionProperty", "transitionTimingFunction", "verticalAlign", "visibility", "clipPath", "filter", "userSelect", "WebkitOverflowScrolling", "writingMode", "whiteSpace", "width", "willChange", "wordBreak", "wordSpacing", "wordWrap", "zIndex"], e = ["backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke"], i$1 = ["css", "column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd", "basis", "elevation", "grow", "marginHorizontal", "marginVertical", "paddingHorizontal", "paddingVertical", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft", "x", "y", "rotate", "scale", "uppercase", "shrink", "wrap", "strokeAlign", "strokeWeight"], r = e$
|
|
5800
|
+
var o = ["alignContent", "alignItems", "alignSelf", "alignmentBaseline", "animation", "animationDelay", "animationDirection", "animationDuration", "animationFillMode", "animationIterationCount", "animationName", "animationPlayState", "animationTimingFunction", "aspectRatio", "backfaceVisibility", "background", "backgroundAttachment", "backgroundBlendMode", "backgroundClip", "backgroundImage", "backgroundOrigin", "backgroundPosition", "backgroundPositionX", "backgroundPositionY", "backgroundRepeat", "backgroundSize", "baselineShift", "border", "borderBottom", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStyle", "borderBottomWidth", "borderCollapse", "borderImage", "borderImageOutset", "borderImageRepeat", "borderImageSlice", "borderImageSource", "borderImageWidth", "borderLeft", "borderLeftStyle", "borderLeftWidth", "borderRadius", "borderRight", "borderRightStyle", "borderRightWidth", "borderSpacing", "borderStyle", "borderTop", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStyle", "borderTopWidth", "borderWidth", "bottom", "boxShadow", "boxSizing", "breakAfter", "breakBefore", "breakInside", "clear", "clip", "clipPath", "clipRule", "columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns", "contain", "content", "counterIncrement", "counterReset", "cursor", "direction", "display", "fillOpacity", "fillRule", "filter", "flex", "flexBasis", "flexDirection", "flexFlow", "flexGrow", "flexShrink", "flexWrap", "font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontSize", "fontStretch", "fontStyle", "fontVariant", "fontVariantCaps", "fontVariantLigatures", "fontVariantNumeric", "fontWeight", "gap", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumn", "gridColumnEnd", "gridColumnGap", "gridColumnStart", "gridGap", "gridRow", "gridRowEnd", "gridRowGap", "gridRowStart", "gridTemplate", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "height", "hyphens", "imageRendering", "isolation", "justifyContent", "justifyItems", "justifySelf", "left", "letterSpacing", "lightingColor", "lineHeight", "listStyle", "listStyleImage", "listStylePosition", "listStyleType", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mask", "maskType", "maxHeight", "maxWidth", "minHeight", "minWidth", "mixBlendMode", "motion", "objectFit", "objectPosition", "opacity", "order", "outline", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "overflow", "overflowWrap", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "pageBreakAfter", "pageBreakBefore", "pageBreakInside", "perspective", "perspectiveOrigin", "placeItems", "placeSelf", "pointerEvents", "position", "resize", "right", "strokeDasharray", "strokeDashoffset", "strokeLinecap", "strokeLinejoin", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "tableLayout", "textAlign", "textDecoration", "textIndent", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "top", "touchAction", "transform", "transformOrigin", "transformStyle", "transition", "transitionDelay", "transitionDuration", "transitionProperty", "transitionTimingFunction", "verticalAlign", "visibility", "clipPath", "filter", "userSelect", "WebkitOverflowScrolling", "writingMode", "whiteSpace", "width", "willChange", "wordBreak", "wordSpacing", "wordWrap", "zIndex"], e = ["backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke"], i$1 = ["css", "column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd", "basis", "elevation", "grow", "marginHorizontal", "marginVertical", "paddingHorizontal", "paddingVertical", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft", "x", "y", "rotate", "scale", "uppercase", "shrink", "wrap", "strokeAlign", "strokeWeight"], r = e$6(e$6(e$6([], o, true), e, true), i$1), n$1 = ["active", "focus", "hover"];
|
|
5731
5801
|
var n = c.length;
|
|
5732
5802
|
function s(t2, e2, s2) {
|
|
5733
5803
|
void 0 === t2 && (t2 = {});
|
|
5734
5804
|
var i2 = o$4({}, t2);
|
|
5735
5805
|
e2 && (i2 = e2.getStyles(i2, s2));
|
|
5736
|
-
for (var c$
|
|
5737
|
-
i2 = (0, c[c$
|
|
5806
|
+
for (var c$1 = 0; c$1 < n; c$1++) {
|
|
5807
|
+
i2 = (0, c[c$1])(i2, s2);
|
|
5738
5808
|
}
|
|
5739
5809
|
return i2.css && delete (i2 = o$4(o$4({}, i2), u(i2.css, e2, s2))).css, i2;
|
|
5740
5810
|
}
|
|
@@ -5752,34 +5822,34 @@ function u(t2, o2, e2) {
|
|
|
5752
5822
|
}), {}) : i(t2, o2, e2) : null;
|
|
5753
5823
|
}
|
|
5754
5824
|
function t(t2) {
|
|
5755
|
-
var o2 = t2.className, d2 = void 0 === o2 ? void 0 : o2, v2 = t2.mediaQueries, l2 = void 0 === v2 ? {} : v2, c2 = t2.plugin, u2 = void 0 === c2 ? void 0 : c2, p = t2.variant,
|
|
5825
|
+
var o2 = t2.className, d2 = void 0 === o2 ? void 0 : o2, v2 = t2.mediaQueries, l2 = void 0 === v2 ? {} : v2, c2 = t2.plugin, u2 = void 0 === c2 ? void 0 : c2, p = t2.variant, f2 = t2.variants, m2 = void 0 === f2 ? {} : f2, y = t2.visible, b2 = void 0 === y || y, x2 = n$3(t2, ["className", "mediaQueries", "plugin", "variant", "variants", "visible"]), O2 = {}, j2 = {}, k2 = function(e2) {
|
|
5756
5826
|
return r.indexOf(e2) > -1 || n$1.indexOf(e2) > -1 || u2 && u2.styleProps.indexOf(e2) > -1;
|
|
5757
5827
|
};
|
|
5758
5828
|
for (var N in x2) {
|
|
5759
5829
|
var g = x2[N];
|
|
5760
|
-
|
|
5830
|
+
k2(N) ? j2[N] = g : O2[N] = g;
|
|
5761
5831
|
}
|
|
5762
|
-
return o$4(o$4({},
|
|
5832
|
+
return o$4(o$4({}, O2), { className: d2 ? "tapestry-react-reset ".concat(d2) : "tapestry-react-reset", css: function(t3) {
|
|
5763
5833
|
var o3 = {};
|
|
5764
5834
|
for (var d3 in j2) {
|
|
5765
5835
|
var v3 = j2[d3];
|
|
5766
5836
|
r$3(r, d3) || u2 && u2.styleProps.indexOf(d3) > -1 ? o3[d3] = v3 : r$3(n$1, d3) && (o3["&:".concat(d3)] = s(v3, u2, t3));
|
|
5767
5837
|
}
|
|
5768
|
-
var c3 = s(o3, u2, t3),
|
|
5838
|
+
var c3 = s(o3, u2, t3), f3 = Object.keys(l2).reduce((function(e2, i2) {
|
|
5769
5839
|
var r2 = null == t3 ? void 0 : t3.breakpoints[i2], s$12 = r2 ? "number" == typeof r2 ? "@media screen and (min-width: ".concat(r2, "px)") : r2 : i2, a2 = s(l2[i2], u2, t3);
|
|
5770
5840
|
return void 0 !== a2.visible && (a2.display = a2.visible ? c3.display : "none", delete a2.visible), e2[s$12] = a2, e2;
|
|
5771
|
-
}), {}),
|
|
5841
|
+
}), {}), y2 = function(r2) {
|
|
5772
5842
|
var n2 = r2.variants, s2 = n$3(r2, ["variants"]);
|
|
5773
5843
|
return n2 ? o$4(o$4({}, s2), x3(n2)) : r2;
|
|
5774
5844
|
}, x3 = function(s$12) {
|
|
5775
5845
|
return Object.keys(s$12).reduce((function(o4, d4) {
|
|
5776
|
-
var v4, l3 = s(s$12[d4], u2, t3),
|
|
5777
|
-
return void 0 !==
|
|
5846
|
+
var v4, l3 = s(s$12[d4], u2, t3), f4 = l3.visible, m3 = n$3(l3, ["visible"]);
|
|
5847
|
+
return void 0 !== f4 && (m3.display = f4 ? c3.display : "none"), p.includes(d4) ? o$4(o$4({}, o4), y2(m3)) : r$3(n$1, d4) ? o$4(o$4({}, o4), ((v4 = {})[":".concat(d4)] = y2(m3), v4)) : o4;
|
|
5778
5848
|
}), {});
|
|
5779
|
-
},
|
|
5780
|
-
return false === b2 && (c3.display = "none"), [c3,
|
|
5849
|
+
}, O3 = x3(m2);
|
|
5850
|
+
return false === b2 && (c3.display = "none"), [c3, f3, O3];
|
|
5781
5851
|
} });
|
|
5782
5852
|
}
|
|
5783
|
-
exports.defaultTheme =
|
|
5853
|
+
exports.defaultTheme = s$1;
|
|
5784
5854
|
exports.splitStyles = t;
|
|
5785
5855
|
exports.stylePropNames = r;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-migration-cli",
|
|
3
|
-
"version": "2.6.0",
|
|
3
|
+
"version": "2.6.1-qa-522.0",
|
|
4
4
|
"description": "CLI tool for Tapestry migrations",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"author": "Planning Center",
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"engines": {
|
|
26
|
-
"node": ">=
|
|
26
|
+
"node": ">=20.0.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"commander": "^11.0.0",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"publishConfig": {
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "90ad76260c5e388c8167676ff475ca2ae262fc91"
|
|
55
55
|
}
|
|
@@ -30,7 +30,8 @@ export default function Test() {
|
|
|
30
30
|
expect(result).toContain(
|
|
31
31
|
'import { Button, Tooltip } from "@planningcenter/tapestry-react"'
|
|
32
32
|
)
|
|
33
|
-
expect(result).toContain('<Tooltip {...{ title: "Save this item" }}
|
|
33
|
+
expect(result).toContain('<Tooltip {...{ title: "Save this item" }}')
|
|
34
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
34
35
|
expect(result).toContain("<Button>Save</Button>")
|
|
35
36
|
expect(result).toContain("</Tooltip>")
|
|
36
37
|
expect(result).not.toContain("tooltip=")
|
|
@@ -47,7 +48,8 @@ export default function Test() {
|
|
|
47
48
|
|
|
48
49
|
const result = applyTransform(input)
|
|
49
50
|
|
|
50
|
-
expect(result).toContain('<Tooltip {...{ title: "Save this item" }}
|
|
51
|
+
expect(result).toContain('<Tooltip {...{ title: "Save this item" }}')
|
|
52
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
51
53
|
expect(result).toContain("<Button>Save</Button>")
|
|
52
54
|
expect(result).not.toContain("tooltip=")
|
|
53
55
|
})
|
|
@@ -63,9 +65,8 @@ export default function Test() {
|
|
|
63
65
|
|
|
64
66
|
const result = applyTransform(input)
|
|
65
67
|
|
|
66
|
-
expect(result).toContain(
|
|
67
|
-
|
|
68
|
-
)
|
|
68
|
+
expect(result).toContain('<Tooltip {...{text: "Save", placement: "top"}}')
|
|
69
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
69
70
|
expect(result).toContain("<Button>Save</Button>")
|
|
70
71
|
expect(result).not.toContain("tooltip=")
|
|
71
72
|
})
|
|
@@ -81,7 +82,8 @@ export default function Test() {
|
|
|
81
82
|
|
|
82
83
|
const result = applyTransform(input)
|
|
83
84
|
|
|
84
|
-
expect(result).toContain('<Tooltip {...{title: "Help"}}
|
|
85
|
+
expect(result).toContain('<Tooltip {...{title: "Help"}}')
|
|
86
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
85
87
|
expect(result).toContain(
|
|
86
88
|
'<Button variant="primary" onClick={handler} disabled>Save</Button>'
|
|
87
89
|
)
|
|
@@ -99,7 +101,8 @@ export default function Test() {
|
|
|
99
101
|
|
|
100
102
|
const result = applyTransform(input)
|
|
101
103
|
|
|
102
|
-
expect(result).toContain('<Tooltip {...{title: "Icon button"}}
|
|
104
|
+
expect(result).toContain('<Tooltip {...{title: "Icon button"}}')
|
|
105
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
103
106
|
expect(result).toContain("<Button />")
|
|
104
107
|
expect(result).toContain("</Tooltip>")
|
|
105
108
|
expect(result).not.toContain("tooltip=")
|
|
@@ -121,7 +124,8 @@ export default function Test() {
|
|
|
121
124
|
expect(result).toContain(
|
|
122
125
|
'import { Button, Link, Tooltip } from "@planningcenter/tapestry-react"'
|
|
123
126
|
)
|
|
124
|
-
expect(result).toContain('<Tooltip {...{title: "Save"}}
|
|
127
|
+
expect(result).toContain('<Tooltip {...{title: "Save"}}')
|
|
128
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
125
129
|
})
|
|
126
130
|
|
|
127
131
|
it("should not add duplicate Tooltip import", () => {
|
|
@@ -197,8 +201,9 @@ export default function Test() {
|
|
|
197
201
|
expect(result).toContain(
|
|
198
202
|
'import { Button, Tooltip } from "@planningcenter/tapestry-react"'
|
|
199
203
|
)
|
|
200
|
-
expect(result).toContain('<Tooltip {...{title: "Save the document"}}
|
|
201
|
-
expect(result).toContain('<Tooltip {...{title: "Cancel operation"}}
|
|
204
|
+
expect(result).toContain('<Tooltip {...{title: "Save the document"}}')
|
|
205
|
+
expect(result).toContain('<Tooltip {...{title: "Cancel operation"}}')
|
|
206
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
202
207
|
expect(result).not.toContain("tooltip=")
|
|
203
208
|
})
|
|
204
209
|
|
|
@@ -218,7 +223,8 @@ export default function Test() {
|
|
|
218
223
|
|
|
219
224
|
const result = applyTransform(input)
|
|
220
225
|
|
|
221
|
-
expect(result).toContain('<Tooltip {...{title: "Has tooltip"}}
|
|
226
|
+
expect(result).toContain('<Tooltip {...{title: "Has tooltip"}}')
|
|
227
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
222
228
|
expect(result).toContain("<Button>With Tooltip</Button>")
|
|
223
229
|
expect(result).toContain("<Button>Without Tooltip</Button>")
|
|
224
230
|
// Only one Tooltip wrapper should be created
|
|
@@ -282,7 +288,8 @@ export default function Test() {
|
|
|
282
288
|
expect(result).toContain(
|
|
283
289
|
'import { Button as TapestryButton, Tooltip } from "@planningcenter/tapestry-react"'
|
|
284
290
|
)
|
|
285
|
-
expect(result).toContain('<Tooltip {...{title: "Save item"}}
|
|
291
|
+
expect(result).toContain('<Tooltip {...{title: "Save item"}}')
|
|
292
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
286
293
|
expect(result).toContain("<TapestryButton>Save</TapestryButton>")
|
|
287
294
|
expect(result).not.toContain("tooltip=")
|
|
288
295
|
})
|
|
@@ -307,8 +314,9 @@ export default function Test({ items }) {
|
|
|
307
314
|
const result = applyTransform(input)
|
|
308
315
|
|
|
309
316
|
expect(result).toContain(
|
|
310
|
-
"<Tooltip key={item.id} {...`Save ${item.name}`}
|
|
317
|
+
"<Tooltip key={item.id} {...`Save ${item.name}`}"
|
|
311
318
|
)
|
|
319
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
312
320
|
expect(result).toContain("<Button onClick={() => save(item)}>")
|
|
313
321
|
expect(result).not.toContain("tooltip=")
|
|
314
322
|
})
|
|
@@ -324,7 +332,8 @@ export default function Test() {
|
|
|
324
332
|
|
|
325
333
|
const result = applyTransform(input)
|
|
326
334
|
|
|
327
|
-
expect(result).toContain("<Tooltip
|
|
335
|
+
expect(result).toContain("<Tooltip")
|
|
336
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
328
337
|
expect(result).toContain("<Button>Save</Button>")
|
|
329
338
|
expect(result).toContain("</Tooltip>")
|
|
330
339
|
expect(result).not.toContain("tooltip")
|
|
@@ -359,11 +368,12 @@ export default function Test() {
|
|
|
359
368
|
expect(result).toContain(
|
|
360
369
|
'import { Button, Link, Tooltip } from "@planningcenter/tapestry-react"'
|
|
361
370
|
)
|
|
362
|
-
expect(result).toContain('<Tooltip {...{title: "Submit the form"}}
|
|
371
|
+
expect(result).toContain('<Tooltip {...{title: "Submit the form"}}')
|
|
372
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
363
373
|
expect(result).toContain('type="submit" variant="primary"')
|
|
364
374
|
expect(result).toContain("Submit")
|
|
365
375
|
expect(result).toContain(
|
|
366
|
-
'<Tooltip {...{text: "Reset form", placement: "bottom"}}
|
|
376
|
+
'<Tooltip {...{text: "Reset form", placement: "bottom"}}'
|
|
367
377
|
)
|
|
368
378
|
expect(result).toContain('type="reset"')
|
|
369
379
|
expect(result).toContain("Reset")
|
|
@@ -384,8 +394,9 @@ export default function Test() {
|
|
|
384
394
|
const result = applyTransform(input)!
|
|
385
395
|
|
|
386
396
|
expect(result.replace(/(\s*)?\n(\s*)?/gm, " ")).toContain(
|
|
387
|
-
'<Tooltip {...{ title: "Click me" }}
|
|
397
|
+
'<Tooltip {...{ title: "Click me" }}'
|
|
388
398
|
)
|
|
399
|
+
expect(result).toContain("refAsInnerRef={false}")
|
|
389
400
|
expect(result).toContain("<Button>Click</Button>")
|
|
390
401
|
expect(result).not.toContain("tooltip=")
|
|
391
402
|
})
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { addAttribute } from "../../shared/actions/addAttribute"
|
|
1
2
|
import { createWrapper } from "../../shared/actions/createWrapper"
|
|
2
3
|
import { getAttributeValueAsProps } from "../../shared/actions/getAttributeValueAsProps"
|
|
3
4
|
import { removeAttribute } from "../../shared/actions/removeAttribute"
|
|
@@ -18,7 +19,7 @@ const transform = attributeTransformFactory({
|
|
|
18
19
|
|
|
19
20
|
removeAttribute("tooltip", { element, j, source })
|
|
20
21
|
|
|
21
|
-
createWrapper({
|
|
22
|
+
const wrapperElement = createWrapper({
|
|
22
23
|
conflictAlias: "TRTooltip",
|
|
23
24
|
element,
|
|
24
25
|
j,
|
|
@@ -28,6 +29,13 @@ const transform = attributeTransformFactory({
|
|
|
28
29
|
wrapperProps,
|
|
29
30
|
})
|
|
30
31
|
|
|
32
|
+
addAttribute({
|
|
33
|
+
element: wrapperElement,
|
|
34
|
+
j,
|
|
35
|
+
name: "refAsInnerRef",
|
|
36
|
+
value: false,
|
|
37
|
+
})
|
|
38
|
+
|
|
31
39
|
return true
|
|
32
40
|
},
|
|
33
41
|
})
|