@flodesk/grain 11.69.0-next.13 → 11.69.0-next.15
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/button.js
CHANGED
|
@@ -54,7 +54,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
54
54
|
} : {
|
|
55
55
|
target: "e1blxzk90",
|
|
56
56
|
label: "Wrapper"
|
|
57
|
-
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:var(--grn-textbox-height-m);height:", _ref => {
|
|
57
|
+
})(styles.transitions, ";", styles.buttonReset, ";--padding-buffer:4px;position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:var(--grn-textbox-height-m);height:", _ref => {
|
|
58
58
|
let {
|
|
59
59
|
size
|
|
60
60
|
} = _ref;
|
|
@@ -63,7 +63,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
63
63
|
let {
|
|
64
64
|
size
|
|
65
65
|
} = _ref2;
|
|
66
|
-
return "var(--grn-textbox-paddingX-".concat(size, ")");
|
|
66
|
+
return "calc(var(--grn-textbox-paddingX-".concat(size, ") + var(--padding-buffer))");
|
|
67
67
|
}, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref3 => {
|
|
68
68
|
let {
|
|
69
69
|
variant
|
|
@@ -74,7 +74,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
74
74
|
hasSpinner
|
|
75
75
|
} = _ref4;
|
|
76
76
|
return hasSpinner && "\n opacity: 0;\n transition: opacity ".concat(getTransition('fast'), ";\n ");
|
|
77
|
-
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
77
|
+
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tc2gtaCkgdmFyKC0tc2gtcykgdmFyKC0tYmFja2dyb3VuZC1sKSAvIHZhcigtLWFsLTEwKSknO1xuXG5jb25zdCB2YXJpYW50Q29sb3JzID0ge1xuICBhY2NlbnQ6IHtcbiAgICBpY29uOiBpY29uSW52ZXJ0LFxuICAgIGNvbnRlbnQ6ICdzaGFkZTInLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnc2hhZGUxMicsXG4gICAgYmFja2dyb3VuZEhvdmVyOiAnc2hhZGUxMCcsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tYWwtNykpJyxcbiAgICBjb250ZW50OiAnb25CYWNrZ3JvdW5kRGFuZ2VyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ2JhY2tncm91bmREYW5nZXInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ2NvbG9yLW1peChpbiBoc2wsIHZhcigtLWdybi1jb2xvci1yZWQ3KSwgdmFyKC0tZ3JuLWNvbG9yLXJlZDYpKScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ2NvbG9yLW1peChpbiBoc2wsIHZhcigtLWdybi1jb2xvci1yZWQ2KSwgdmFyKC0tZ3JuLWNvbG9yLXJlZDYpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLXBhZGRpbmctYnVmZmVyOiA0cHg7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pO1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG4gIHBhZGRpbmctYmxvY2s6IDA7XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHNpemUgfSkgPT5cbiAgICBgY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC0ke3NpemV9KSArIHZhcigtLXBhZGRpbmctYnVmZmVyKSlgfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcbiAgJHtwID0+IHRhZ1N0eWxlc1twLmFzXX07XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IGBcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXIpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZCl9O1xuXG4gICAgQG1lZGlhKGhvdmVyOiBob3Zlcikge1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0taWNvbkNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3Zlcil9YFxuICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgJHtcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3ZlciAmJlxuICAgICAgICAgICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3Zlcil9YFxuICAgICAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBzZXQgY29sb3IgdG8gcHJldmVudCBpbmhlcml0aW5nIGZyb20gb3V0aXNkZSByZXNldFxuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICAgIH1cblxuICAgICAgJjphY3RpdmUge1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSl9YFxuICAgICAgICB9O1xuICAgICAgICAgJHtcbiAgICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUgJiZcbiAgICAgICAgICAgYGJvcmRlci1jb2xvcjoke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlKX1gXG4gICAgICAgICB9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRJY29uJyl9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAuSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgfVxuXG4gIC5idXR0b25UZXh0LFxuICAuSWNvbiB7XG4gICAgJHsoeyBoYXNTcGlubmVyIH0pID0+XG4gICAgICBoYXNTcGlubmVyICYmXG4gICAgICBgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgYH1cbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cblxuICBbZGF0YS1leHBlcmltZW50LXJvdW5kZWQtYnV0dG9uXSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSk7XG4gIH1cblxuICBbZGF0YS1leHBlcmltZW50LWNvbXBhY3QtdGV4dGJveF0gJiB7XG4gICAgcGFkZGluZzogMCAke2dldFNwYWNlKCdzMicpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoZnVuY3Rpb24gQnV0dG9uKFxuICB7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGljb24sXG4gICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgIGhhc0Z1bGxXaWR0aCxcbiAgICBoYXNTcGlubmVyLFxuICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICBzaXplID0gJ20nLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwidmFyKC0taWNvbkNvbG9yKVwiIC8+fVxuICAgICAgPFRleHQgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgPC9XcmFwcGVyPlxuICApO1xufSk7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcbiJdfQ== */"));
|
|
78
78
|
export const Button = /*#__PURE__*/forwardRef(function Button(_ref5, ref) {
|
|
79
79
|
let {
|
|
80
80
|
children,
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
const _excluded = ["children", "icon", "isActive", "onClick"],
|
|
3
|
-
_excluded2 = ["children"];
|
|
3
|
+
_excluded2 = ["children", "size", "hasFullWidth"];
|
|
4
4
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
5
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
6
6
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
7
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
8
7
|
import { getColor } from '../utilities';
|
|
9
8
|
import { Icon } from '.';
|
|
10
9
|
import React, { forwardRef } from 'react';
|
|
@@ -17,39 +16,41 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
|
|
|
17
16
|
} : {
|
|
18
17
|
target: "e9umpvt1",
|
|
19
18
|
label: "Wrapper"
|
|
20
|
-
})(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
19
|
+
})("--inset:2px;--height:", _ref => {
|
|
20
|
+
let {
|
|
21
|
+
size
|
|
22
|
+
} = _ref;
|
|
23
|
+
return "calc(var(--grn-textbox-height-".concat(size, ") - var(--inset) * 2)");
|
|
24
|
+
}, ";--radius:", _ref2 => {
|
|
25
|
+
let {
|
|
26
|
+
size
|
|
27
|
+
} = _ref2;
|
|
28
|
+
return "var(--grn-textbox-radius-".concat(size, ")");
|
|
29
|
+
}, ";display:flex;border-radius:var(--radius);padding:var(--inset);background:var(--grn-color-shade3);", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n .IconToggle {\n flex: 1 0 0;\n }\n ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1pbnNldDogMnB4O1xuICAtLWhlaWdodDogJHsoeyBzaXplIH0pID0+IGBjYWxjKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC0ke3NpemV9KSAtIHZhcigtLWluc2V0KSAqIDIpYH07XG4gIC0tcmFkaXVzOiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi10ZXh0Ym94LXJhZGl1cy0ke3NpemV9KWB9O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cyk7XG4gIHBhZGRpbmc6IHZhcigtLWluc2V0KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLXNoYWRlMyk7XG5cbiAgJHtwID0+ICFwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IGZpdC1jb250ZW50YH07XG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5JY29uVG9nZ2xlIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWdybi1jb2xvci1pY29uOiBjdXJyZW50Q29sb3I7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6IHZhcigtLWhlaWdodCk7XG4gIGhlaWdodDogdmFyKC0taGVpZ2h0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1yYWRpdXMpIC0gdmFyKC0taW5zZXQpKTtcblxuICAkeyh7IGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gICAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgICAgIWlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBgfTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICB0cmFuc2l0aW9uOiB1bnNldDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEljb25Ub2dnbGUoXG4gIHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzc05hbWU9XCJJY29uVG9nZ2xlXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIHNpemUgPSAnbScsIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IHNpemU9e3NpemV9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
|
|
29
30
|
const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
30
31
|
target: "e9umpvt0"
|
|
31
32
|
} : {
|
|
32
33
|
target: "e9umpvt0",
|
|
33
34
|
label: "ItemWrapper"
|
|
34
|
-
})(styles.buttonReset, ";--grn-color-icon:currentColor
|
|
35
|
+
})(styles.buttonReset, ";--grn-color-icon:currentColor;border:none;padding:0;min-width:var(--height);height:var(--height);background-color:transparent;display:flex;align-items:center;justify-content:center;color:", getColor('content2'), ";transition:var(--grn-transition-leave);border-radius:calc(var(--radius) - var(--inset));", _ref3 => {
|
|
35
36
|
let {
|
|
36
37
|
isActive
|
|
37
|
-
} =
|
|
38
|
+
} = _ref3;
|
|
38
39
|
return isActive && "\n color: ".concat(getColor('content'), ";\n background: ").concat(getColor('shade1'), ";\n ");
|
|
39
|
-
}, ";&:hover{transition:var(--grn-transition-hover);",
|
|
40
|
+
}, ";&:hover{transition:var(--grn-transition-hover);", _ref4 => {
|
|
40
41
|
let {
|
|
41
42
|
isActive
|
|
42
|
-
} =
|
|
43
|
+
} = _ref4;
|
|
43
44
|
return !isActive && "\n color: ".concat(getColor('content'), ";\n ");
|
|
44
|
-
}, ";}.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
-
export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(
|
|
45
|
+
}, ";}.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0taW5zZXQ6IDJweDtcbiAgLS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSkgLSB2YXIoLS1pbnNldCkgKiAyKWB9O1xuICAtLXJhZGl1czogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSlgfTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMpO1xuICBwYWRkaW5nOiB2YXIoLS1pbnNldCk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1zaGFkZTMpO1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuSWNvblRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ncm4tY29sb3ItaWNvbjogY3VycmVudENvbG9yO1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiB2YXIoLS1oZWlnaHQpO1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1sZWF2ZSk7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tcmFkaXVzKSAtIHZhcigtLWluc2V0KSk7XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlICYmXG4gICAgYFxuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICAgICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICAgICFpc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYH07XG4gIH1cblxuICAuSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlKFxuICB7IGNoaWxkcmVuLCBpY29uLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvblRvZ2dsZUdyb3VwKFxuICB7IGNoaWxkcmVuLCBzaXplID0gJ20nLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSBzaXplPXtzaXplfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
|
|
46
|
+
export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(_ref5, ref) {
|
|
46
47
|
let {
|
|
47
48
|
children,
|
|
48
49
|
icon,
|
|
49
50
|
isActive,
|
|
50
51
|
onClick
|
|
51
|
-
} =
|
|
52
|
-
props = _objectWithoutProperties(
|
|
52
|
+
} = _ref5,
|
|
53
|
+
props = _objectWithoutProperties(_ref5, _excluded);
|
|
53
54
|
return ___EmotionJSX(ItemWrapper, _extends({
|
|
54
55
|
ref: ref,
|
|
55
56
|
type: "button",
|
|
@@ -60,13 +61,17 @@ export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(_ref3, ref
|
|
|
60
61
|
icon: icon
|
|
61
62
|
}), children && children);
|
|
62
63
|
});
|
|
63
|
-
export const IconToggleGroup = /*#__PURE__*/forwardRef(function IconToggleGroup(
|
|
64
|
+
export const IconToggleGroup = /*#__PURE__*/forwardRef(function IconToggleGroup(_ref6, ref) {
|
|
64
65
|
let {
|
|
65
|
-
children
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
children,
|
|
67
|
+
size = 'm',
|
|
68
|
+
hasFullWidth
|
|
69
|
+
} = _ref6,
|
|
70
|
+
props = _objectWithoutProperties(_ref6, _excluded2);
|
|
68
71
|
return ___EmotionJSX(Wrapper, _extends({
|
|
69
|
-
ref: ref
|
|
72
|
+
ref: ref,
|
|
73
|
+
size: size,
|
|
74
|
+
hasFullWidth: hasFullWidth
|
|
70
75
|
}, props), children);
|
|
71
76
|
});
|
|
72
77
|
IconToggleGroup.propTypes = {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
const _excluded = ["children", "isActive", "isDisabled", "onClick"],
|
|
3
|
-
_excluded2 = ["children", "hasFullWidth"];
|
|
3
|
+
_excluded2 = ["children", "hasFullWidth", "size"];
|
|
4
4
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
5
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
6
6
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
7
|
-
import { getColor
|
|
7
|
+
import { getColor } from '../utilities';
|
|
8
8
|
import React, { forwardRef } from 'react';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
10
|
import { styles } from '../foundational';
|
|
@@ -14,21 +14,36 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
|
|
|
14
14
|
} : {
|
|
15
15
|
target: "e1fb3cwm1",
|
|
16
16
|
label: "Wrapper"
|
|
17
|
-
})("--
|
|
17
|
+
})("--inset:2px;--height:", _ref => {
|
|
18
|
+
let {
|
|
19
|
+
size
|
|
20
|
+
} = _ref;
|
|
21
|
+
return "calc(var(--grn-textbox-height-".concat(size, ") - var(--inset) * 2)");
|
|
22
|
+
}, ";--radius:", _ref2 => {
|
|
23
|
+
let {
|
|
24
|
+
size
|
|
25
|
+
} = _ref2;
|
|
26
|
+
return "var(--grn-textbox-radius-".concat(size, ")");
|
|
27
|
+
}, ";--paddingX:", _ref3 => {
|
|
28
|
+
let {
|
|
29
|
+
size
|
|
30
|
+
} = _ref3;
|
|
31
|
+
return "var(--grn-textbox-paddingX-".concat(size, ")");
|
|
32
|
+
}, ";display:flex;border-radius:var(--radius);padding:var(--inset);background:var(--grn-color-shade3);", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n .TextToggle {\n flex: 1 0 0;\n }\n ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0taW5zZXQ6IDJweDtcbiAgLS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSkgLSB2YXIoLS1pbnNldCkgKiAyKWB9O1xuICAtLXJhZGl1czogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSlgfTtcbiAgLS1wYWRkaW5nWDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC0ke3NpemV9KWB9O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cyk7XG4gIHBhZGRpbmc6IHZhcigtLWluc2V0KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLXNoYWRlMyk7XG5cbiAgJHtwID0+ICFwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IGZpdC1jb250ZW50YH07XG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UZXh0VG9nZ2xlIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgdmFyKC0tcGFkZGluZ1gpO1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLXJhZGl1cykgLSB2YXIoLS1pbnNldCkpO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1sZWF2ZSk7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlOScpfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dFRvZ2dsZShcbiAgeyBjaGlsZHJlbiwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIG9uQ2xpY2ssIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRleHRUb2dnbGVcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBUZXh0VG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGVHcm91cChcbiAgeyBjaGlsZHJlbiwgaGFzRnVsbFdpZHRoLCBzaXplID0gJ20nLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciByZWY9e3JlZn0gaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHNpemU9e3NpemV9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufSk7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
|
|
18
33
|
const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
19
34
|
target: "e1fb3cwm0"
|
|
20
35
|
} : {
|
|
21
36
|
target: "e1fb3cwm0",
|
|
22
37
|
label: "ItemWrapper"
|
|
23
|
-
})(styles.buttonReset, ";--borderColor:transparent
|
|
24
|
-
export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(
|
|
38
|
+
})(styles.buttonReset, ";--borderColor:transparent;border:none;padding:0 var(--paddingX);height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:calc(var(--radius) - var(--inset));white-space:nowrap;transition:var(--grn-transition-leave);&:hover{color:var(--grn-color-content);transition:var(--grn-transition-hover);}", p => p.isActive && "\n --borderColor: ".concat(getColor('shade9'), ";\n color: var(--grn-color-content);\n transition: var(--grn-transition-active);\n background-color: ").concat(getColor('shade1'), ";\n\n &:hover {\n transition: var(--grn-transition-active);\n }\n "), " &:disabled{color:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLWluc2V0OiAycHg7XG4gIC0taGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pIC0gdmFyKC0taW5zZXQpICogMilgfTtcbiAgLS1yYWRpdXM6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtcmFkaXVzLSR7c2l6ZX0pYH07XG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtcGFkZGluZ1gtJHtzaXplfSlgfTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMpO1xuICBwYWRkaW5nOiB2YXIoLS1pbnNldCk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1zaGFkZTMpO1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIHZhcigtLXBhZGRpbmdYKTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1yYWRpdXMpIC0gdmFyKC0taW5zZXQpKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTknKX07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGUoXG4gIHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgc2l6ZSA9ICdtJywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSBzaXplPXtzaXplfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
|
|
39
|
+
export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref4, ref) {
|
|
25
40
|
let {
|
|
26
41
|
children,
|
|
27
42
|
isActive,
|
|
28
43
|
isDisabled,
|
|
29
44
|
onClick
|
|
30
|
-
} =
|
|
31
|
-
props = _objectWithoutProperties(
|
|
45
|
+
} = _ref4,
|
|
46
|
+
props = _objectWithoutProperties(_ref4, _excluded);
|
|
32
47
|
return ___EmotionJSX(ItemWrapper, _extends({
|
|
33
48
|
ref: ref,
|
|
34
49
|
type: "button",
|
|
@@ -38,15 +53,17 @@ export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref, ref)
|
|
|
38
53
|
className: "TextToggle"
|
|
39
54
|
}, props), children);
|
|
40
55
|
});
|
|
41
|
-
export const TextToggleGroup = /*#__PURE__*/forwardRef(function TextToggleGroup(
|
|
56
|
+
export const TextToggleGroup = /*#__PURE__*/forwardRef(function TextToggleGroup(_ref5, ref) {
|
|
42
57
|
let {
|
|
43
58
|
children,
|
|
44
|
-
hasFullWidth
|
|
45
|
-
|
|
46
|
-
|
|
59
|
+
hasFullWidth,
|
|
60
|
+
size = 'm'
|
|
61
|
+
} = _ref5,
|
|
62
|
+
props = _objectWithoutProperties(_ref5, _excluded2);
|
|
47
63
|
return ___EmotionJSX(Wrapper, _extends({
|
|
48
64
|
ref: ref,
|
|
49
|
-
hasFullWidth: hasFullWidth
|
|
65
|
+
hasFullWidth: hasFullWidth,
|
|
66
|
+
size: size
|
|
50
67
|
}, props), children);
|
|
51
68
|
});
|
|
52
69
|
TextToggleGroup.propTypes = {
|
package/es/foundational/field.js
CHANGED
|
@@ -25,7 +25,7 @@ export const getFieldStyles = _ref => {
|
|
|
25
25
|
backgroundColor,
|
|
26
26
|
size
|
|
27
27
|
} = _ref;
|
|
28
|
-
return "\n ".concat(styles.transitions, ";\n appearance: none;\n display: block;\n font: inherit;\n color: inherit;\n transition-property: border-color;\n width: 100%;\n border-radius: var(--grn-
|
|
28
|
+
return "\n ".concat(styles.transitions, ";\n appearance: none;\n display: block;\n font: inherit;\n color: inherit;\n transition-property: border-color;\n width: 100%;\n border-radius: var(--grn-textbox-radius-").concat(size, ");\n\n outline: none;\n border: var(--grn-border-size) solid;\n border-color: ").concat(getColor(hasError ? 'contentDanger' : 'var(--grn-field-border-color)'), ";\n background-color: ").concat(getColor(backgroundColor ? backgroundColor : 'var(--grn-field-background)'), ";\n ").concat(fieldPlaceholderStyles, ";\n\n &:disabled {\n ").concat(fieldDisabledStyles, "\n }\n &:read-only {\n ").concat(fieldDisabledStyles, ";\n ").concat(safari16Fix, ";\n }\n\n ").concat(!hasError && "\n &:not(:disabled, :read-only) {\n &:hover {\n border-color: var(--grn-field-border-color-hover);\n }\n\n &:focus {\n transition: var(--grn-transition-active);\n border-color: var(--grn-field-border-color-focus);\n }\n }\n ", "\n");
|
|
29
29
|
};
|
|
30
30
|
const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
|
|
31
31
|
target: "e1swxi6p1"
|
|
@@ -54,7 +54,7 @@ const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "p
|
|
|
54
54
|
size
|
|
55
55
|
} = _ref4;
|
|
56
56
|
return "var(--grn-textbox-height-".concat(size, ")");
|
|
57
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG4vLyBmaXggZm9yIHNhZmFyaSB2MTYsIGluY29ycmVjdCBjb2xvciB3aGVuIHJlYWQtb25seVxuY29uc3Qgc2FmYXJpMTZGaXggPSBgXG4gIEBzdXBwb3J0cyAoaGFuZ2luZy1wdW5jdHVhdGlvbjogZmlyc3QpIGFuZCAobm90ICh0ZXh0LXRyYW5zZm9ybTogZnVsbC1zaXplLWthbmEpKSB7XG4gICAgJjpub3QoOnBsYWNlaG9sZGVyLXNob3duKSB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICB9XG4gICAgJjpwbGFjZWhvbGRlci1zaG93biB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgICB9XG4gICAgJjpub3QoW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT1cImRpc2FibGVkXCJdICYpIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGREaXNhYmxlZFN0eWxlcyA9IGBcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1kaXNhYmxlZENvbnRlbnQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSk7XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpIHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnY29udGVudERhbmdlcicgOiAndmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvciknKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ3ZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kKScpfTtcbiAgJHtmaWVsZFBsYWNlaG9sZGVyU3R5bGVzfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cbiAgJjpyZWFkLW9ubHkge1xuICAgICR7ZmllbGREaXNhYmxlZFN0eWxlc307XG4gICAgJHtzYWZhcmkxNkZpeH07XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItaG92ZXIpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWZvY3VzKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRGaWVsZFJvb3QgPSBzdHlsZWQuaW5wdXRgXG4gICR7KHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IsIHNpemUgfSl9O1xuICBwYWRkaW5nOiAkeyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQgfSkgPT5cbiAgICBgMCAke2dldFNwYWNlKHBhZGRpbmdSaWdodCl9IDAgJHtnZXRTcGFjZShwYWRkaW5nTGVmdCl9YH07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJbnB1dEZpZWxkKFxuICB7XG4gICAgcGFkZGluZ0xlZnQsXG4gICAgcGFkZGluZ1JpZ2h0LFxuICAgIGhhc0Vycm9yLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgcGFkZGluZ1ggPSBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYDtcbiAgcmV0dXJuIChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdCB8fCBwYWRkaW5nWH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0IHx8IHBhZGRpbmdYfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59KTtcblxuSW5wdXRGaWVsZC5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5zcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5zcGFjZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbJ20nLCAnbCddKSxcbn07XG5cbmNvbnN0IEZpZWxkTGFiZWxSb290ID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcblxuICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gIG1hcmdpbjogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRMYWJlbCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8RmllbGRMYWJlbFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GaWVsZExhYmVsUm9vdD5cbiAgKTtcbn0pO1xuXG5GaWVsZExhYmVsLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRIaW50KHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICk7XG59KTtcblxuRmllbGRIaW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkQ2xlYXJCdXR0b24gPSAoeyBvbkNsaWNrLCB0YWcgPSAnYnV0dG9uJywgLi4ucHJvcHMgfSkgPT4gKFxuICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSB0YWc9e3RhZ30gey4uLnByb3BzfSAvPlxuKTtcblxuRmllbGRDbGVhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
|
|
58
58
|
export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref5, ref) {
|
|
59
59
|
let {
|
|
60
60
|
paddingLeft,
|
|
@@ -92,7 +92,7 @@ const FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "p
|
|
|
92
92
|
} : {
|
|
93
93
|
target: "e1swxi6p0",
|
|
94
94
|
label: "FieldLabelRoot"
|
|
95
|
-
})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
95
|
+
})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG4vLyBmaXggZm9yIHNhZmFyaSB2MTYsIGluY29ycmVjdCBjb2xvciB3aGVuIHJlYWQtb25seVxuY29uc3Qgc2FmYXJpMTZGaXggPSBgXG4gIEBzdXBwb3J0cyAoaGFuZ2luZy1wdW5jdHVhdGlvbjogZmlyc3QpIGFuZCAobm90ICh0ZXh0LXRyYW5zZm9ybTogZnVsbC1zaXplLWthbmEpKSB7XG4gICAgJjpub3QoOnBsYWNlaG9sZGVyLXNob3duKSB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICB9XG4gICAgJjpwbGFjZWhvbGRlci1zaG93biB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgICB9XG4gICAgJjpub3QoW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT1cImRpc2FibGVkXCJdICYpIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGREaXNhYmxlZFN0eWxlcyA9IGBcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1kaXNhYmxlZENvbnRlbnQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSk7XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpIHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnY29udGVudERhbmdlcicgOiAndmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvciknKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ3ZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kKScpfTtcbiAgJHtmaWVsZFBsYWNlaG9sZGVyU3R5bGVzfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cbiAgJjpyZWFkLW9ubHkge1xuICAgICR7ZmllbGREaXNhYmxlZFN0eWxlc307XG4gICAgJHtzYWZhcmkxNkZpeH07XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItaG92ZXIpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWZvY3VzKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRGaWVsZFJvb3QgPSBzdHlsZWQuaW5wdXRgXG4gICR7KHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IsIHNpemUgfSl9O1xuICBwYWRkaW5nOiAkeyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQgfSkgPT5cbiAgICBgMCAke2dldFNwYWNlKHBhZGRpbmdSaWdodCl9IDAgJHtnZXRTcGFjZShwYWRkaW5nTGVmdCl9YH07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJbnB1dEZpZWxkKFxuICB7XG4gICAgcGFkZGluZ0xlZnQsXG4gICAgcGFkZGluZ1JpZ2h0LFxuICAgIGhhc0Vycm9yLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgcGFkZGluZ1ggPSBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYDtcbiAgcmV0dXJuIChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdCB8fCBwYWRkaW5nWH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0IHx8IHBhZGRpbmdYfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59KTtcblxuSW5wdXRGaWVsZC5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5zcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5zcGFjZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbJ20nLCAnbCddKSxcbn07XG5cbmNvbnN0IEZpZWxkTGFiZWxSb290ID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcblxuICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gIG1hcmdpbjogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRMYWJlbCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8RmllbGRMYWJlbFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GaWVsZExhYmVsUm9vdD5cbiAgKTtcbn0pO1xuXG5GaWVsZExhYmVsLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRIaW50KHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICk7XG59KTtcblxuRmllbGRIaW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkQ2xlYXJCdXR0b24gPSAoeyBvbkNsaWNrLCB0YWcgPSAnYnV0dG9uJywgLi4ucHJvcHMgfSkgPT4gKFxuICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSB0YWc9e3RhZ30gey4uLnByb3BzfSAvPlxuKTtcblxuRmllbGRDbGVhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
|
|
96
96
|
export const FieldLabel = /*#__PURE__*/forwardRef(function FieldLabel(_ref6, ref) {
|
|
97
97
|
let {
|
|
98
98
|
children
|
|
@@ -2,9 +2,9 @@ const legacyVariables = "\n :root {\n --grn-textbox-textSize-s: var(--grn-te
|
|
|
2
2
|
export const borderVariables = "\n :root {\n --grn-border-size: 1px;\n }\n";
|
|
3
3
|
const capValue = "\n :root {\n @supports not (font-size: 1cap) { --grn-cap-value: 0.74em }\n @supports (font-size: 1cap) { --grn-cap-value: 1cap }\n\n @supports not (height: 1lh) { --grn-lh-value: var(--grn-lineHeight-global) }\n @supports (height: 1lh) { --grn-lh-value: 1lh }\n }\n";
|
|
4
4
|
export const capVariables = "\n :root {\n --grn-cap: var(--grn-cap-value);\n --grn-lh: var(--grn-lh-value);\n\n --grn-cap-lh-offset: calc((var(--grn-lh) - var(--grn-cap)) / 2);\n --grn-cap-lh-offset-neg: calc((var(--grn-lh) - var(--grn-cap)) / -2);\n }\n";
|
|
5
|
-
export const fieldVariables = "\n :root, [data-theme], .grn-scope-next {\n --grn-field-paddingX: var(--grn-space-s2);\n --grn-field-paddingX-m: var(--grn-space-s2);\n --grn-field-paddingX-l: var(--grn-textbox-paddingX-l);\n\n --grn-field-border-color: transparent;\n --grn-field-border-color-hover: var(--grn-color-fade4);\n --grn-field-border-color-focus: var(--grn-color-shade7);\n --grn-field-border-color-disabled: transparent;\n --grn-field-background: var(--grn-color-shade3);\n --grn-field-background-disabled: var(--grn-color-shade3);\n --grn-field-placeholder-color: var(--grn-color-shade7);\n
|
|
5
|
+
export const fieldVariables = "\n :root, [data-theme], .grn-scope-next {\n --grn-field-paddingX: var(--grn-space-s2);\n --grn-field-paddingX-m: var(--grn-space-s2);\n --grn-field-paddingX-l: var(--grn-textbox-paddingX-l);\n\n --grn-field-border-color: transparent;\n --grn-field-border-color-hover: var(--grn-color-fade4);\n --grn-field-border-color-focus: var(--grn-color-shade7);\n --grn-field-border-color-disabled: transparent;\n --grn-field-background: var(--grn-color-shade3);\n --grn-field-background-disabled: var(--grn-color-shade3);\n --grn-field-placeholder-color: var(--grn-color-shade7);\n }\n";
|
|
6
6
|
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 :root [data-experiment-lighter-fields='true'],\n [data-theme][data-experiment-lighter-fields='true'] {\n --grn-field-border-color: var(--grn-color-fade2);\n }\n\n [data-experiment-match-button-and-field-padding=\"true\"] {\n --grn-field-paddingX: 14px;\n --grn-field-paddingX-m: 14px;\n --grn-textbox-paddingX-m: 14px;\n }\n";
|
|
7
|
-
export const textboxVariables = "\n :root {\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-text-s: var(--grn-text-s);\n\n --grn-textbox-height-m: 40px;\n --grn-textbox-paddingX-m: var(--grn-space-
|
|
7
|
+
export const textboxVariables = "\n :root {\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-text-s: var(--grn-text-s);\n\n --grn-textbox-height-m: 40px;\n --grn-textbox-paddingX-m: var(--grn-space-s2);\n --grn-textbox-radius-m: var(--grn-radius-s);\n --grn-textbox-text-m: var(--grn-text-m);\n\n --grn-textbox-height-l: 48px;\n --grn-textbox-paddingX-l: 16px;\n --grn-textbox-radius-l: var(--grn-radius-m);\n --grn-textbox-text-l: var(--grn-text-m);\n }\n";
|
|
8
8
|
export const clearbuttonVariables = "\n :root {\n --grn-clearbutton-height: 36px;\n }\n";
|
|
9
9
|
export const formVariables = "\n :root {\n --grn-form-title-content-gap: var(--grn-space-l);\n --grn-form-contents-gap: var(--grn-space-m);\n --grn-form-content-actions-gap: var(--grn-space-xl);\n --grn-form-control-label-gap: var(--grn-space-s);\n }\n";
|
|
10
10
|
export const transitionVariables = "\n :root {\n --grn-transition-leave: var(--grn-transition-slow);\n --grn-transition-hover: var(--grn-transition-fast);\n --grn-transition-active: var(--grn-transition-xxFast);\n }\n";
|