@flodesk/grain 11.26.1 → 11.27.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.
package/es/components/link.js
CHANGED
|
@@ -27,12 +27,12 @@ const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ?
|
|
|
27
27
|
as
|
|
28
28
|
} = _ref;
|
|
29
29
|
return as === 'button' && "\n ".concat(styles.buttonReset, ";\n border: none;\n background: transparent;\n padding: 0;\n text-decoration: underline;\n font-weight: unset;\n ");
|
|
30
|
-
}, ";", styles.transitions, "
|
|
30
|
+
}, ";", styles.transitions, ";--lineHeightAndCapOffset:calc((var(--grn-lineHeight-global) - var(--grn-cap)) / 2);--line-thickness:0.08em;--line-offset-buffer:0.8px;--line-offset:calc(\n var(--lineHeightAndCapOffset) - var(--line-thickness) - var(--line-offset-buffer)\n );text-decoration:underline;text-underline-offset:var(--line-offset);text-decoration-thickness:var(--line-thickness);text-decoration-color:", _ref2 => {
|
|
31
31
|
let {
|
|
32
32
|
variant
|
|
33
33
|
} = _ref2;
|
|
34
34
|
return textDecorationColorStyles[variant];
|
|
35
|
-
}, ";color:inherit;cursor:pointer;@media (hover: hover){&:hover{text-decoration-color:currentColor;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgdGV4dERlY29yYXRpb25Db2xvclN0eWxlcyA9IHtcbiAgbmV1dHJhbDogYGN1cnJlbnRDb2xvcmAsXG4gIHN1YnRsZTogYHRyYW5zcGFyZW50YCxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGFzIH0pID0+
|
|
35
|
+
}, ";color:inherit;cursor:pointer;@media (hover: hover){&:hover{text-decoration-color:currentColor;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgdGV4dERlY29yYXRpb25Db2xvclN0eWxlcyA9IHtcbiAgbmV1dHJhbDogYGN1cnJlbnRDb2xvcmAsXG4gIHN1YnRsZTogYHRyYW5zcGFyZW50YCxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGFzIH0pID0+XG4gICAgYXMgPT09ICdidXR0b24nICYmXG4gICAgYFxuICAgICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgICAgYm9yZGVyOiBub25lO1xuICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgcGFkZGluZzogMDtcbiAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgYH07XG5cbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gIC0tbGluZUhlaWdodEFuZENhcE9mZnNldDogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLWxpbmUtdGhpY2tuZXNzOiAwLjA4ZW07XG4gIC0tbGluZS1vZmZzZXQtYnVmZmVyOiAwLjhweDtcblxuICAvKiBzZXRzIHRoZSBsaW5lIGluc2lkZSBvZiB0aGUgbGluZSBoZWlnaHQgYm94LCBwcmV2ZW50cyBjaWlwcGluZyB3aGVuIGhhcyBlbGxpcHNpcyBpbiBTYWZhcmkgICovXG4gIC0tbGluZS1vZmZzZXQ6IGNhbGMoXG4gICAgdmFyKC0tbGluZUhlaWdodEFuZENhcE9mZnNldCkgLSB2YXIoLS1saW5lLXRoaWNrbmVzcykgLSB2YXIoLS1saW5lLW9mZnNldC1idWZmZXIpXG4gICk7XG5cbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogdmFyKC0tbGluZS1vZmZzZXQpO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiB2YXIoLS1saW5lLXRoaWNrbmVzcyk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHsoeyB2YXJpYW50IH0pID0+IHRleHREZWNvcmF0aW9uQ29sb3JTdHlsZXNbdmFyaWFudF19O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIEBtZWRpYSAoaG92ZXI6IGhvdmVyKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCB0eXBlPXt0eXBlfSByZWY9e3JlZn0gYXM9e3RhZ30gdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
|
|
36
36
|
|
|
37
37
|
export const Link = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
38
38
|
let {
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
.trimTop:before {
|
|
2
|
-
--
|
|
3
|
-
--cap: 1cap;
|
|
4
|
-
--lineHeightAndCapOffset: calc((var(--grn-lineHeight-global) - var(--cap, var(--capFallback))) / 2);
|
|
2
|
+
--lineHeightAndCapOffset: calc((var(--grn-lineHeight-global) - var(--grn-cap)) / 2);
|
|
5
3
|
|
|
6
4
|
content: '';
|
|
7
5
|
margin-top: calc(-1 * var(--lineHeightAndCapOffset));
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
const capVariables = "\n :root {\n @supports not (font-size: 1cap) { --grn-cap: 0.74em }\n @supports (font-size: 1cap) { --grn-cap: 1cap }\n }\n";
|
|
1
2
|
const componentVariables = "\n :root {\n --grn-strokeSize: 1px;\n --grn-dividerStrokeSize: 1px;\n --grn-activeBorderColor: var(--grn-color-shade9);\n --grn-textBoxHeight: 40px;\n --grn-clearButtonHeight: 36px;\n --grn-clearButtonDangerBackgroundHover: hsl(var(--redHS) var(--redL) / 12%);\n --grn-clearButtonDangerBackgroundActive: hsl(var(--redHS) var(--redL) / 19%);\n --grn-dangerIconColor: hsl(var(--redHS) var(--redL) / 70%);\n }\n";
|
|
2
3
|
const experiments = "\n [data-experiment-compact-textbox=\"true\"] {\n --grn-textBoxHeight: 36px;\n\n --grn-textbox-height-m: 36px;\n --grn-textbox-paddingX-m: var(--grn-space-s2);\n }\n";
|
|
3
|
-
const textboxVariables = "\n
|
|
4
|
-
const foundationalVariables = "\n ".concat(componentVariables, "\n ").concat(textboxVariables, "\n ").concat(experiments, "\n");
|
|
4
|
+
const textboxVariables = "\n :root {\n --grn-textbox-height-m: 40px;\n --grn-textbox-paddingX-m: var(--grn-space-m);\n --grn-textbox-radius-m: var(--grn-radius-s);\n --grn-textbox-textSize-m: var(--grn-text-m);\n\n --grn-textbox-height-s: 28px;\n --grn-textbox-paddingX-s: var(--grn-space-s);\n --grn-textbox-radius-s: var(--grn-radius-xs);\n --grn-textbox-textSize-s: var(--grn-text-s);\n }\n";
|
|
5
|
+
const foundationalVariables = "\n ".concat(componentVariables, "\n ").concat(textboxVariables, "\n ").concat(experiments, "\n ").concat(capVariables, "\n");
|
|
5
6
|
export default foundationalVariables;
|