@flodesk/grain 11.76.0 → 11.77.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/popover.js
CHANGED
|
@@ -36,7 +36,7 @@ const ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
36
36
|
isOpen
|
|
37
37
|
} = _ref4;
|
|
38
38
|
return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
|
|
39
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgJHsoeyBpc09wZW4gfSkgPT5cbiAgICBpc09wZW5cbiAgICAgID8gYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9YFxuICAgICAgOiBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTsgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG5gO1xuXG5jb25zdCBwb3BvdmVyT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbiAgczI6IDggKiAxLjUsXG4gIG06IDggKiAyLFxuICBsOiA4ICogMyxcbiAgbDI6IDggKiA0LFxuICB4bDogOCAqIDUsXG4gIHhsMjogOCAqIDYsXG4gIHh4bDogOCAqIDcsXG59O1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoZnVuY3Rpb24gUG9wb3ZlcihcbiAge1xuICAgIGNoaWxkcmVuLFxuICAgIHBhZGRpbmcgPSAnbCcsXG4gICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgd2lkdGggPSAnMjU2cHgnLFxuICAgIHRyaWdnZXIsXG4gICAgaXNPcGVuLFxuICAgIG9uQ2xvc2UsXG4gICAgekluZGV4ID0gMSxcbiAgICBoYXNQb3J0YWwgPSB0cnVlLFxuICAgIG9mZnNldDogcG9wb3Zlck9mZnNldCA9ICd4cycsXG4gICAgc3RyYXRlZ3kgPSAnZml4ZWQnLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChlc2NQcmVzcykgb25DbG9zZSgpO1xuICB9LCBbZXNjUHJlc3MsIG9uQ2xvc2VdKTtcblxuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBzdHJhdGVneSxcbiAgICBtaWRkbGV3YXJlOiBbXG4gICAgICBvZmZzZXQocG9wb3Zlck9mZnNldHNbcG9wb3Zlck9mZnNldF0pLFxuICAgICAgZmxpcCgpLFxuICAgICAgc2hpZnQoe1xuICAgICAgICBwYWRkaW5nOiA0LFxuICAgICAgICBjcm9zc0F4aXM6IHRydWUsXG4gICAgICAgIGxpbWl0ZXI6IGxpbWl0U2hpZnQoe1xuICAgICAgICAgIGNyb3NzQXhpczogZmFsc2UsXG4gICAgICAgIH0pLFxuICAgICAgfSksXG4gICAgXSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgfSk7XG5cbiAgY29uc3QgUm9vdCA9IGhhc1BvcnRhbCA/
|
|
39
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgJHsoeyBpc09wZW4gfSkgPT5cbiAgICBpc09wZW5cbiAgICAgID8gYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9YFxuICAgICAgOiBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTsgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG5gO1xuXG5jb25zdCBwb3BvdmVyT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbiAgczI6IDggKiAxLjUsXG4gIG06IDggKiAyLFxuICBsOiA4ICogMyxcbiAgbDI6IDggKiA0LFxuICB4bDogOCAqIDUsXG4gIHhsMjogOCAqIDYsXG4gIHh4bDogOCAqIDcsXG59O1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoZnVuY3Rpb24gUG9wb3ZlcihcbiAge1xuICAgIGNoaWxkcmVuLFxuICAgIHBhZGRpbmcgPSAnbCcsXG4gICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgd2lkdGggPSAnMjU2cHgnLFxuICAgIHRyaWdnZXIsXG4gICAgaXNPcGVuLFxuICAgIG9uQ2xvc2UsXG4gICAgekluZGV4ID0gMSxcbiAgICBoYXNQb3J0YWwgPSB0cnVlLFxuICAgIG9mZnNldDogcG9wb3Zlck9mZnNldCA9ICd4cycsXG4gICAgc3RyYXRlZ3kgPSAnZml4ZWQnLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChlc2NQcmVzcykgb25DbG9zZSgpO1xuICB9LCBbZXNjUHJlc3MsIG9uQ2xvc2VdKTtcblxuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBzdHJhdGVneSxcbiAgICBtaWRkbGV3YXJlOiBbXG4gICAgICBvZmZzZXQocG9wb3Zlck9mZnNldHNbcG9wb3Zlck9mZnNldF0pLFxuICAgICAgZmxpcCgpLFxuICAgICAgc2hpZnQoe1xuICAgICAgICBwYWRkaW5nOiA0LFxuICAgICAgICBjcm9zc0F4aXM6IHRydWUsXG4gICAgICAgIGxpbWl0ZXI6IGxpbWl0U2hpZnQoe1xuICAgICAgICAgIGNyb3NzQXhpczogZmFsc2UsXG4gICAgICAgIH0pLFxuICAgICAgfSksXG4gICAgXSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgfSk7XG5cbiAgY29uc3QgUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IG1lcmdlUmVmcyhbcmVmLCB3cmFwcGVyUmVmXSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lcmdlZFRyaWdnZXJSZWYgPSBtZXJnZVJlZnMoW3JlZmVyZW5jZSwgdHJpZ2dlci5yZWYsIHRyaWdnZXJSZWZdKTtcblxuICB1c2VPbkNsaWNrT3V0c2lkZShbd3JhcHBlclJlZiwgdHJpZ2dlclJlZl0sIG9uQ2xvc2UpO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtjbG9uZUVsZW1lbnQodHJpZ2dlciwgeyByZWY6IG1lcmdlZFRyaWdnZXJSZWYgfSl9XG4gICAgICA8Um9vdD5cbiAgICAgICAgPGRpdiByZWY9e21lcmdlZFJlZn0+XG4gICAgICAgICAgPENoaWxkcmVuV3JhcHBlclxuICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgcGFkZGluZz17cGFkZGluZ31cbiAgICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9DaGlsZHJlbldyYXBwZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Sb290PlxuICAgIDwvPlxuICApO1xufSk7XG5cblBvcG92ZXIucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIHdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIHN0cmF0ZWd5OiBQcm9wVHlwZXMub25lT2YoWydhYnNvbHV0ZScsICdmaXhlZCddKSxcbiAgb2Zmc2V0OiB0eXBlcy5zcGFjZSxcbn07XG4iXX0= */"));
|
|
40
40
|
const popoverOffsets = {
|
|
41
41
|
xs: 8 / 2,
|
|
42
42
|
s: 8 * 1,
|
|
@@ -87,7 +87,6 @@ export const Popover = /*#__PURE__*/forwardRef(function Popover(_ref5, ref) {
|
|
|
87
87
|
});
|
|
88
88
|
const Root = hasPortal ? FloatingPortal : Fragment;
|
|
89
89
|
const mergedRef = mergeRefs([ref, wrapperRef]);
|
|
90
|
-
// used for click outside
|
|
91
90
|
const triggerRef = useRef(null);
|
|
92
91
|
const mergedTriggerRef = mergeRefs([reference, trigger.ref, triggerRef]);
|
|
93
92
|
useOnClickOutside([wrapperRef, triggerRef], onClose);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
4
|
+
const IconPeople = props => ___EmotionJSX("svg", _extends({
|
|
5
|
+
viewBox: "0 0 34 36",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8
|
+
}, props), ___EmotionJSX("path", {
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
d: "M12.669 19.031c1.865 0 3.355-.001 4.556.097 1.218.1 2.27.31 3.239.803a8.25 8.25 0 0 1 3.605 3.605c.494.969.704 2.021.803 3.24.098 1.2.097 2.69.097 4.555v2.138a1.5 1.5 0 0 1-3 0V31.33c0-1.915-.001-3.261-.087-4.311-.085-1.033-.243-1.647-.486-2.122a5.25 5.25 0 0 0-2.294-2.294c-.475-.243-1.089-.401-2.122-.486-1.05-.086-2.396-.087-4.311-.087h-.338c-1.915 0-3.261.001-4.311.087-1.033.085-1.647.243-2.123.486a5.25 5.25 0 0 0-2.293 2.294c-.243.475-.401 1.089-.486 2.122-.086 1.05-.087 2.396-.087 4.311v2.138a1.5 1.5 0 0 1-3 0V31.33c0-1.865-.001-3.355.097-4.556.1-1.218.31-2.27.803-3.239a8.25 8.25 0 0 1 3.605-3.605c.969-.494 2.021-.704 3.24-.803 1.2-.098 2.69-.097 4.555-.097zm14.493 1.518a1.5 1.5 0 0 1 1.976-.773q.165.073.326.155a8.25 8.25 0 0 1 3.605 3.605c.494.969.703 2.022.803 3.24.098 1.201.097 2.69.097 4.555v2.138a1.5 1.5 0 0 1-3 0V31.33c0-1.914-.001-3.26-.087-4.31-.085-1.033-.244-1.647-.486-2.123a5.25 5.25 0 0 0-2.294-2.294 3 3 0 0 0-.167-.08 1.5 1.5 0 0 1-.773-1.975M12.5 1.03a7.969 7.969 0 1 1 0 15.938 7.969 7.969 0 0 1 0-15.938m10.152 1.424a1.5 1.5 0 0 1 1.967-.795 7.97 7.97 0 0 1 4.85 7.341 7.98 7.98 0 0 1-4.842 7.337 1.5 1.5 0 0 1-1.18-2.758 4.982 4.982 0 0 0 0-9.158 1.5 1.5 0 0 1-.795-1.967M12.5 4.031a4.969 4.969 0 1 0 0 9.938 4.969 4.969 0 0 0 0-9.938"
|
|
11
|
+
}));
|
|
12
|
+
IconPeople.viewBoxWidth = 34;
|
|
13
|
+
export default IconPeople;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
4
|
+
const IconTrophy = props => ___EmotionJSX("svg", _extends({
|
|
5
|
+
viewBox: "0 0 36 36",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8
|
+
}, props), ___EmotionJSX("path", {
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
d: "M29 0a1.5 1.5 0 0 1 1.5 1.5V7h4A1.5 1.5 0 0 1 36 8.5c0 1.714-.496 4.8-1.96 7.701-1.457 2.884-3.96 5.746-8.03 6.718-1.753 1.56-3.921 2.62-6.323 2.96.435 1.638 1.602 3.164 3.144 4.44 1.978 1.637 4.212 2.565 5.335 2.69A1.5 1.5 0 0 1 28 36H8a1.5 1.5 0 0 1-.166-2.991c1.123-.125 3.357-1.053 5.335-2.69 1.542-1.276 2.708-2.802 3.142-4.44-2.4-.34-4.569-1.4-6.323-2.96-4.068-.973-6.571-3.834-8.027-6.718C.496 13.3 0 10.214 0 8.5A1.5 1.5 0 0 1 1.5 7h4V1.5A1.5 1.5 0 0 1 7 0zM18 29.386c-.802 1.265-1.845 2.356-2.919 3.245q-.228.188-.464.369h6.766q-.236-.18-.464-.37c-1.074-.888-2.117-1.98-2.919-3.244M8.5 12.73C8.5 18.499 12.847 23 18 23s9.5-4.5 9.5-10.27V3h-19zM3.124 10c.198 1.361.655 3.146 1.515 4.85.44.873.977 1.702 1.622 2.438A14 14 0 0 1 5.5 12.73V10zM30.5 12.73c0 1.595-.27 3.131-.762 4.558a11.7 11.7 0 0 0 1.623-2.438c.86-1.704 1.317-3.489 1.515-4.85H30.5z"
|
|
11
|
+
}));
|
|
12
|
+
IconTrophy.viewBoxWidth = 36;
|
|
13
|
+
export default IconTrophy;
|
package/es/icons/index.js
CHANGED
|
@@ -128,4 +128,6 @@ export { default as IconDevices } from './icon-devices.js';
|
|
|
128
128
|
export { default as IconCornerSquare } from './icon-corner-square.js';
|
|
129
129
|
export { default as IconCornerRound } from './icon-corner-round.js';
|
|
130
130
|
export { default as IconCornerPill } from './icon-corner-pill.js';
|
|
131
|
-
export { default as IconCalendar } from './icon-calendar.js';
|
|
131
|
+
export { default as IconCalendar } from './icon-calendar.js';
|
|
132
|
+
export { default as IconPeople } from './icon-people.js';
|
|
133
|
+
export { default as IconTrophy } from './icon-trophy.js';
|
package/es/styles/colors/core.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const core = "\n :root {\n --sh-h: 13.85;\n --bf-l: 20%;\n --wf-l: calc(100% - var(--bf-l));\n }\n\n :root {\n --grn-color-red1: hsl(9 74% 97%);\n --grn-color-red2: hsl(9 74% 91%);\n --grn-color-red3: hsl(9 74% 82%);\n --grn-color-red4: hsl(9 74% 72%);\n --grn-color-red5: hsl(9 74% 63%);\n --grn-color-red6: hsl(9 74% 48%);\n --grn-color-red7: hsl(9 74% 42%);\n --grn-color-red8: hsl(9 74% 35%);\n --grn-color-red9: hsl(9 74% 28%);\n --grn-color-red10: hsl(9 74% 21%);\n --grn-color-red11: hsl(9 74% 15%);\n --grn-color-red12: hsl(9 74% 8%);\n\n --grn-color-yellow1: hsl(50 96% 95%);\n --grn-color-yellow2: hsl(50 96% 88%);\n --grn-color-yellow3: hsl(50 96% 78%);\n --grn-color-yellow4: hsl(50 96% 68%);\n --grn-color-yellow5: hsl(50 96% 50%);\n --grn-color-yellow6: hsl(50 96% 43%);\n --grn-color-yellow7: hsl(50 96% 37%);\n --grn-color-yellow8: hsl(50 96% 35%);\n --grn-color-yellow9: hsl(50 96% 31%);\n --grn-color-yellow10: hsl(50 96% 26%);\n --grn-color-yellow11: hsl(50 95% 16%);\n --grn-color-yellow12: hsl(50 96% 8%);\n\n --grn-color-green1: hsl(109 40% 95%);\n --grn-color-green2: hsl(109 40% 88%);\n --grn-color-green3: hsl(109 40% 75%);\n --grn-color-green4: hsl(109 40% 62%);\n --grn-color-green5: hsl(109 40% 49%);\n --grn-color-green6: hsl(109 40% 42%);\n --grn-color-green7: hsl(109 40% 37%);\n --grn-color-green8: hsl(109 40% 34%);\n --grn-color-green9: hsl(109 40% 27%);\n --grn-color-green10: hsl(109 40% 21%);\n --grn-color-green11: hsl(109 40% 13%);\n --grn-color-green12: hsl(109 40% 8%);\n\n --grn-color-blue1: hsl(215 100% 97%);\n --grn-color-blue2: hsl(215 100% 92%);\n --grn-color-blue3: hsl(216 96% 82%);\n --grn-color-blue4: hsl(218 93% 71%);\n --grn-color-blue5: hsl(218 89% 59%);\n --grn-color-blue6: hsl(219 91% 48%);\n --grn-color-blue7: hsl(219 91% 41%);\n --grn-color-blue8: hsl(220 92% 35%);\n --grn-color-blue9: hsl(220 92% 29%);\n --grn-color-blue10: hsl(220 95% 22%);\n --grn-color-blue11: hsl(220 95% 15%);\n --grn-color-blue12: hsl(220 96% 9%);\n }\n\n :root {\n --grn-color-red: var(--grn-color-red6);\n --grn-color-yellow: var(--grn-color-yellow5);\n --grn-color-green: var(--grn-color-green5);\n --grn-color-blue: var(--grn-color-blue5);\n }\n\n :root {\n --core-s13: 20%;\n --core-s12: 22%;\n --core-s11: 15%;\n --core-s10: 12%;\n --core-s9: 9%;\n --core-s8: 7%;\n --core-s7: 5%;\n --core-s6: 6%;\n --core-s5: 7%;\n --core-s4: 7%;\n --core-s3: 7%;\n --core-s2: 6%;\n --core-s1: 6%;\n }\n\n :root {\n --sh-s13: var(--core-s13);\n --sh-s12: var(--core-s12);\n --sh-s11: var(--core-s11);\n --sh-s10: var(--core-s10);\n --sh-s9: var(--core-s9);\n --sh-s8: var(--core-s8);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s6);\n --sh-s5: var(--core-s5);\n --sh-s4: var(--core-s4);\n --sh-s3: var(--core-s3);\n --sh-s2: var(--core-s2);\n --sh-s1: var(--core-s1);\n }\n\n [data-theme='dark'], [data-theme='invert'] {\n --sh-s13: var(--core-s1);\n --sh-s12: var(--core-
|
|
1
|
+
const core = "\n :root {\n --sh-h: 13.85;\n --bf-l: 20%;\n --wf-l: calc(100% - var(--bf-l));\n }\n\n :root {\n --grn-color-red1: hsl(9 74% 97%);\n --grn-color-red2: hsl(9 74% 91%);\n --grn-color-red3: hsl(9 74% 82%);\n --grn-color-red4: hsl(9 74% 72%);\n --grn-color-red5: hsl(9 74% 63%);\n --grn-color-red6: hsl(9 74% 48%);\n --grn-color-red7: hsl(9 74% 42%);\n --grn-color-red8: hsl(9 74% 35%);\n --grn-color-red9: hsl(9 74% 28%);\n --grn-color-red10: hsl(9 74% 21%);\n --grn-color-red11: hsl(9 74% 15%);\n --grn-color-red12: hsl(9 74% 8%);\n\n --grn-color-yellow1: hsl(50 96% 95%);\n --grn-color-yellow2: hsl(50 96% 88%);\n --grn-color-yellow3: hsl(50 96% 78%);\n --grn-color-yellow4: hsl(50 96% 68%);\n --grn-color-yellow5: hsl(50 96% 50%);\n --grn-color-yellow6: hsl(50 96% 43%);\n --grn-color-yellow7: hsl(50 96% 37%);\n --grn-color-yellow8: hsl(50 96% 35%);\n --grn-color-yellow9: hsl(50 96% 31%);\n --grn-color-yellow10: hsl(50 96% 26%);\n --grn-color-yellow11: hsl(50 95% 16%);\n --grn-color-yellow12: hsl(50 96% 8%);\n\n --grn-color-green1: hsl(109 40% 95%);\n --grn-color-green2: hsl(109 40% 88%);\n --grn-color-green3: hsl(109 40% 75%);\n --grn-color-green4: hsl(109 40% 62%);\n --grn-color-green5: hsl(109 40% 49%);\n --grn-color-green6: hsl(109 40% 42%);\n --grn-color-green7: hsl(109 40% 37%);\n --grn-color-green8: hsl(109 40% 34%);\n --grn-color-green9: hsl(109 40% 27%);\n --grn-color-green10: hsl(109 40% 21%);\n --grn-color-green11: hsl(109 40% 13%);\n --grn-color-green12: hsl(109 40% 8%);\n\n --grn-color-blue1: hsl(215 100% 97%);\n --grn-color-blue2: hsl(215 100% 92%);\n --grn-color-blue3: hsl(216 96% 82%);\n --grn-color-blue4: hsl(218 93% 71%);\n --grn-color-blue5: hsl(218 89% 59%);\n --grn-color-blue6: hsl(219 91% 48%);\n --grn-color-blue7: hsl(219 91% 41%);\n --grn-color-blue8: hsl(220 92% 35%);\n --grn-color-blue9: hsl(220 92% 29%);\n --grn-color-blue10: hsl(220 95% 22%);\n --grn-color-blue11: hsl(220 95% 15%);\n --grn-color-blue12: hsl(220 96% 9%);\n }\n\n :root {\n --grn-color-red: var(--grn-color-red6);\n --grn-color-yellow: var(--grn-color-yellow5);\n --grn-color-green: var(--grn-color-green5);\n --grn-color-blue: var(--grn-color-blue5);\n }\n\n :root {\n --core-s13: 20%;\n --core-s12: 22%;\n --core-s11: 15%;\n --core-s10: 12%;\n --core-s9: 9%;\n --core-s8: 7%;\n --core-s7: 5%;\n --core-s6: 6%;\n --core-s5: 7%;\n --core-s4: 7%;\n --core-s3: 7%;\n --core-s2: 6%;\n --core-s1: 6%;\n }\n\n :root {\n --sh-s13: var(--core-s13);\n --sh-s12: var(--core-s12);\n --sh-s11: var(--core-s11);\n --sh-s10: var(--core-s10);\n --sh-s9: var(--core-s9);\n --sh-s8: var(--core-s8);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s6);\n --sh-s5: var(--core-s5);\n --sh-s4: var(--core-s4);\n --sh-s3: var(--core-s3);\n --sh-s2: var(--core-s2);\n --sh-s1: var(--core-s1);\n }\n\n [data-theme='dark'], [data-theme='invert'] {\n --sh-s13: var(--core-s1);\n --sh-s12: var(--core-s1);\n --sh-s11: var(--core-s1);\n --sh-s10: var(--core-s1);\n --sh-s9: var(--core-s1);\n --sh-s8: var(--core-s1);\n --sh-s7: var(--core-s1);\n --sh-s6: var(--core-s1);\n --sh-s5: var(--core-s1);\n --sh-s4: var(--core-s1);\n --sh-s3: var(--core-s1);\n --sh-s2: var(--core-s1);\n --sh-s1: var(--core-s1);\n }\n\n :root, [data-theme] {\n --grn-color-shadeTone13: hsl(var(--sh-h) var(--sh-s13) 10%);\n --grn-color-shadeTone12: hsl(var(--sh-h) var(--sh-s12) 11.5%);\n --grn-color-shadeTone11: hsl(var(--sh-h) var(--sh-s11) 15%);\n --grn-color-shadeTone10: hsl(var(--sh-h) var(--sh-s10) 21%);\n --grn-color-shadeTone9: hsl(var(--sh-h) var(--sh-s9) 28%);\n --grn-color-shadeTone8: hsl(var(--sh-h) var(--sh-s8) 38%);\n --grn-color-shadeTone7: hsl(var(--sh-h) var(--sh-s7) 51%);\n --grn-color-shadeTone6: hsl(var(--sh-h) var(--sh-s6) 70%);\n --grn-color-shadeTone5: hsl(var(--sh-h) var(--sh-s5) 82%);\n --grn-color-shadeTone4: hsl(var(--sh-h) var(--sh-s4) 90%);\n --grn-color-shadeTone3: hsl(var(--sh-h) var(--sh-s3) 95%);\n --grn-color-shadeTone2: hsl(var(--sh-h) var(--sh-s2) 97.5%);\n --grn-color-shadeTone1: hsl(var(--sh-h) var(--sh-s1) 100%);\n\n --al-10: 73%;\n --al-9: 66%;\n --al-8: 59%;\n --al-7: 52%;\n --al-6: 45%;\n --al-5: 38%;\n --al-4: 31%;\n --al-3: 23%;\n --al-2: 15%;\n --al-1: 8%;\n\n --grn-color-lightFade10: hsl(var(--sh-h) 14% var(--wf-l) / var(--al-10));\n --grn-color-lightFade9: hsl(var(--sh-h) 14% var(--wf-l) / var(--al-9));\n --grn-color-lightFade8: hsl(var(--sh-h) 14% var(--wf-l) / var(--al-8));\n --grn-color-lightFade7: hsl(var(--sh-h) 14% var(--wf-l) / var(--al-7));\n --grn-color-lightFade6: hsl(var(--sh-h) 14% var(--wf-l) / var(--al-6));\n --grn-color-lightFade5: hsl(var(--sh-h) 13% var(--wf-l) / var(--al-5));\n --grn-color-lightFade4: hsl(var(--sh-h) 12% var(--wf-l) / var(--al-4));\n --grn-color-lightFade3: hsl(var(--sh-h) 11% var(--wf-l) / var(--al-3));\n --grn-color-lightFade2: hsl(var(--sh-h) 10% var(--wf-l) / var(--al-2));\n --grn-color-lightFade1: hsl(var(--sh-h) 9% var(--wf-l) / var(--al-1));\n\n --grn-color-darkFade10: hsl(var(--sh-h) 9% var(--bf-l) / var(--al-10));\n --grn-color-darkFade9: hsl(var(--sh-h) 10% var(--bf-l) / var(--al-9));\n --grn-color-darkFade8: hsl(var(--sh-h) 11% var(--bf-l) / var(--al-8));\n --grn-color-darkFade7: hsl(var(--sh-h) 12% var(--bf-l) / var(--al-7));\n --grn-color-darkFade6: hsl(var(--sh-h) 13% var(--bf-l) / var(--al-6));\n --grn-color-darkFade5: hsl(var(--sh-h) 14% var(--bf-l) / var(--al-5));\n --grn-color-darkFade4: hsl(var(--sh-h) 14% var(--bf-l) / var(--al-4));\n --grn-color-darkFade3: hsl(var(--sh-h) 14% var(--bf-l) / var(--al-3));\n --grn-color-darkFade2: hsl(var(--sh-h) 14% var(--bf-l) / var(--al-2));\n --grn-color-darkFade1: hsl(var(--sh-h) 14% var(--bf-l) / var(--al-1));\n }\n\n :root {\n --grn-color-warning: var(--grn-color-yellow4);\n --grn-color-danger: var(--grn-color-red7);\n --grn-color-success: var(--grn-color-green9);\n --grn-color-selection: var(--grn-color-blue6);\n }\n";
|
|
2
2
|
export default core;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const theme = "\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-darkFade10);\n --grn-color-fade9: var(--grn-color-darkFade9);\n --grn-color-fade8: var(--grn-color-darkFade8);\n --grn-color-fade7: var(--grn-color-darkFade7);\n --grn-color-fade6: var(--grn-color-darkFade6);\n --grn-color-fade5: var(--grn-color-darkFade5);\n --grn-color-fade4: var(--grn-color-darkFade4);\n --grn-color-fade3: var(--grn-color-darkFade3);\n --grn-color-fade2: var(--grn-color-darkFade2);\n --grn-color-fade1: var(--grn-color-darkFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone1);\n --grn-color-shade2: var(--grn-color-shadeTone2);\n --grn-color-shade3: var(--grn-color-shadeTone3);\n --grn-color-shade4: var(--grn-color-shadeTone4);\n --grn-color-shade5: var(--grn-color-shadeTone5);\n --grn-color-shade6: var(--grn-color-shadeTone6);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone8);\n --grn-color-shade9: var(--grn-color-shadeTone9);\n --grn-color-shade10: var(--grn-color-shadeTone10);\n --grn-color-shade11: var(--grn-color-shadeTone11);\n --grn-color-shade12: var(--grn-color-shadeTone12);\n --grn-color-shade13: var(--grn-color-shadeTone13);\n }\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-lightFade10);\n --grn-color-fade9: var(--grn-color-lightFade9);\n --grn-color-fade8: var(--grn-color-lightFade8);\n --grn-color-fade7: var(--grn-color-lightFade7);\n --grn-color-fade6: var(--grn-color-lightFade6);\n --grn-color-fade5: var(--grn-color-lightFade5);\n --grn-color-fade4: var(--grn-color-lightFade4);\n --grn-color-fade3: var(--grn-color-lightFade3);\n --grn-color-fade2: var(--grn-color-lightFade2);\n --grn-color-fade1: var(--grn-color-lightFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone13);\n --grn-color-shade2: var(--grn-color-shadeTone12);\n --grn-color-shade3: var(--grn-color-shadeTone11);\n --grn-color-shade4: var(--grn-color-shadeTone10);\n --grn-color-shade5: var(--grn-color-shadeTone9);\n --grn-color-shade6: var(--grn-color-shadeTone8);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone6);\n --grn-color-shade9: var(--grn-color-shadeTone5);\n --grn-color-shade10: var(--grn-color-shadeTone4);\n --grn-color-shade11: var(--grn-color-shadeTone3);\n --grn-color-shade12: var(--grn-color-shadeTone2);\n --grn-color-shade13: var(--grn-color-shadeTone1);\n }\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --content-l: 20%;\n --background-l: 80%;\n --fade-l: var(--bf-l);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --content-l: 80%;\n --background-l: 20%;\n --fade-l: var(--wf-l);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n :root,\n [data-theme] {\n --grn-color-content: var(--grn-color-shade12);\n --grn-color-content2: var(--grn-color-fade7);\n --grn-color-content3: var(--grn-color-fade5);\n --grn-color-disabledContent: var(--grn-color-shade7);\n\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-iconDanger: color-mix(in hsl, var(--grn-color-contentDanger), transparent 48%);\n --grn-color-disabledIcon: var(--grn-color-fade4);\n\n --grn-color-background: var(--grn-color-shade1);\n --grn-color-background2: var(--grn-color-shade2);\n --grn-color-background3: var(--grn-color-shade3);\n --grn-color-disabledBackground: var(--grn-color-shade4);\n --grn-color-backdrop: color-mix(in hsl, var(--grn-color-shadeTone12), transparent 40%);\n\n --grn-color-border: color-mix(in hsl, var(--grn-color-shade10), transparent 88%);\n --grn-color-border2: color-mix(in hsl, var(--grn-color-shade10), transparent 80%);\n\n --grn-color-overlay: var(--grn-color-fade1);\n --grn-color-overlay2: var(--grn-color-fade2);\n\n --grn-color-overlayDanger: color-mix(in hsl, var(--grn-color-red7), transparent 89%);\n --grn-color-overlayDanger2: color-mix(in hsl, var(--grn-color-red7), transparent 82%);\n }\n\n [data-theme='dark'],\n [data-theme='
|
|
1
|
+
const theme = "\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-darkFade10);\n --grn-color-fade9: var(--grn-color-darkFade9);\n --grn-color-fade8: var(--grn-color-darkFade8);\n --grn-color-fade7: var(--grn-color-darkFade7);\n --grn-color-fade6: var(--grn-color-darkFade6);\n --grn-color-fade5: var(--grn-color-darkFade5);\n --grn-color-fade4: var(--grn-color-darkFade4);\n --grn-color-fade3: var(--grn-color-darkFade3);\n --grn-color-fade2: var(--grn-color-darkFade2);\n --grn-color-fade1: var(--grn-color-darkFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone1);\n --grn-color-shade2: var(--grn-color-shadeTone2);\n --grn-color-shade3: var(--grn-color-shadeTone3);\n --grn-color-shade4: var(--grn-color-shadeTone4);\n --grn-color-shade5: var(--grn-color-shadeTone5);\n --grn-color-shade6: var(--grn-color-shadeTone6);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone8);\n --grn-color-shade9: var(--grn-color-shadeTone9);\n --grn-color-shade10: var(--grn-color-shadeTone10);\n --grn-color-shade11: var(--grn-color-shadeTone11);\n --grn-color-shade12: var(--grn-color-shadeTone12);\n --grn-color-shade13: var(--grn-color-shadeTone13);\n }\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-lightFade10);\n --grn-color-fade9: var(--grn-color-lightFade9);\n --grn-color-fade8: var(--grn-color-lightFade8);\n --grn-color-fade7: var(--grn-color-lightFade7);\n --grn-color-fade6: var(--grn-color-lightFade6);\n --grn-color-fade5: var(--grn-color-lightFade5);\n --grn-color-fade4: var(--grn-color-lightFade4);\n --grn-color-fade3: var(--grn-color-lightFade3);\n --grn-color-fade2: var(--grn-color-lightFade2);\n --grn-color-fade1: var(--grn-color-lightFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone13);\n --grn-color-shade2: var(--grn-color-shadeTone12);\n --grn-color-shade3: var(--grn-color-shadeTone11);\n --grn-color-shade4: var(--grn-color-shadeTone10);\n --grn-color-shade5: var(--grn-color-shadeTone9);\n --grn-color-shade6: var(--grn-color-shadeTone8);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone6);\n --grn-color-shade9: var(--grn-color-shadeTone5);\n --grn-color-shade10: var(--grn-color-shadeTone4);\n --grn-color-shade11: var(--grn-color-shadeTone3);\n --grn-color-shade12: var(--grn-color-shadeTone2);\n --grn-color-shade13: var(--grn-color-shadeTone1);\n }\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --content-l: 20%;\n --background-l: 80%;\n --fade-l: var(--bf-l);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --content-l: 80%;\n --background-l: 20%;\n --fade-l: var(--wf-l);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n :root,\n [data-theme] {\n --grn-color-content: var(--grn-color-shade12);\n --grn-color-content2: var(--grn-color-fade7);\n --grn-color-content3: var(--grn-color-fade5);\n --grn-color-disabledContent: var(--grn-color-shade7);\n\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-iconDanger: color-mix(in hsl, var(--grn-color-contentDanger), transparent 48%);\n --grn-color-disabledIcon: var(--grn-color-fade4);\n\n --grn-color-background: var(--grn-color-shade1);\n --grn-color-background2: var(--grn-color-shade2);\n --grn-color-background3: var(--grn-color-shade3);\n --grn-color-disabledBackground: var(--grn-color-shade4);\n --grn-color-backdrop: color-mix(in hsl, var(--grn-color-shadeTone12), transparent 40%);\n\n --grn-color-border: color-mix(in hsl, var(--grn-color-shade10), transparent 88%);\n --grn-color-border2: color-mix(in hsl, var(--grn-color-shade10), transparent 80%);\n\n --grn-color-overlay: var(--grn-color-fade1);\n --grn-color-overlay2: var(--grn-color-fade2);\n\n --grn-color-overlayDanger: color-mix(in hsl, var(--grn-color-red7), transparent 89%);\n --grn-color-overlayDanger2: color-mix(in hsl, var(--grn-color-red7), transparent 82%);\n }\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-iconDanger: color-mix(in hsl, var(--grn-color-red5), transparent 40%);\n\n --grn-color-background2: color-mix(in hsl, var(--grn-color-shade1), black);\n }\n\n :root,\n [data-theme] {\n --grn-color-contentDanger: var(--grn-color-red7);\n --grn-color-backgroundDanger: var(--grn-color-red6);\n --grn-color-onBackgroundDanger: white;\n --grn-color-backgroundDangerSubtle: var(--grn-color-red2);\n --grn-color-onBackgroundDangerSubtle: var(--grn-color-red10);\n --grn-color-backgroundDangerSubtleLarge: var(--grn-color-red1);\n\n --grn-color-contentWarning: var(--grn-color-yellow10);\n --grn-color-backgroundWarning: var(--grn-color-yellow4);\n --grn-color-onBackgroundWarning: var(--grn-color-yellow11);\n --grn-color-backgroundWarningSubtle: var(--grn-color-yellow2);\n --grn-color-onBackgroundWarningSubtle: var(--grn-color-yellow11);\n --grn-color-backgroundWarningSubtleLarge: var(--grn-color-yellow1);\n\n --grn-color-contentSuccess: var(--grn-color-green10);\n --grn-color-backgroundSuccess: var(--grn-color-green7);\n --grn-color-onBackgroundSuccess: white;\n --grn-color-backgroundSuccessSubtle: var(--grn-color-green2);\n --grn-color-onBackgroundSuccessSubtle: var(--grn-color-green11);\n --grn-color-backgroundSuccessSubtleLarge: var(--grn-color-green1);\n\n --grn-color-contentInfo: var(--grn-color-blue7);\n --grn-color-backgroundInfo: var(--grn-color-blue6);\n --grn-color-onBackgroundInfo: white;\n --grn-color-backgroundInfoSubtle: var(--grn-color-blue2);\n --grn-color-onBackgroundInfoSubtle: var(--grn-color-blue10);\n --grn-color-backgroundInfoSubtleLarge: var(--grn-color-blue1);\n }\n\n [data-theme='dark'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-contentDanger: var(--grn-color-red5);\n --grn-color-backgroundDangerSubtle: var(--grn-color-red11);\n --grn-color-onBackgroundDangerSubtle: var(--grn-color-red1);\n --grn-color-backgroundDangerSubtleLarge: var(--grn-color-red12);\n\n --grn-color-contentWarning: var(--grn-color-yellow5);\n --grn-color-backgroundWarningSubtle: var(--grn-color-yellow11);\n --grn-color-onBackgroundWarningSubtle: var(--grn-color-yellow1);\n --grn-color-backgroundWarningSubtleLarge: var(--grn-color-yellow12);\n\n --grn-color-contentSuccess: var(--grn-color-green5);\n --grn-color-backgroundSuccessSubtle: var(--grn-color-green11);\n --grn-color-onBackgroundSuccessSubtle: var(--grn-color-green1);\n --grn-color-backgroundSuccessSubtleLarge: var(--grn-color-green12);\n\n --grn-color-contentInfo: var(--grn-color-blue5);\n --grn-color-backgroundInfoSubtle: var(--grn-color-blue11);\n --grn-color-onBackgroundInfoSubtle: var(--grn-color-blue1);\n --grn-color-backgroundInfoSubtleLarge: var(--grn-color-blue12);\n }\n\n [data-experiment-darker-content-2-and-3=\"true\"] {\n --grn-color-content2: hsl(var(--sh-h) 12% var(--content-l) / 67%);\n --grn-color-content3: hsl(var(--sh-h) 12% var(--content-l) / 42%);\n }\n";
|
|
2
2
|
export default theme;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flodesk/grain",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.77.0",
|
|
4
4
|
"description": "Flodesk design system",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"types": "es/types/index.d.ts",
|
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
"eslint-plugin-mdx": "^2.0.2",
|
|
75
75
|
"eslint-plugin-prettier": "^4.2.1",
|
|
76
76
|
"husky": "^9.1.7",
|
|
77
|
+
"lint-staged": "^13.1.2",
|
|
77
78
|
"lost-pixel": "^3.18.2",
|
|
78
79
|
"next": "^13.5.6",
|
|
79
80
|
"prettier": "^2.8.8",
|