@flodesk/grain 11.69.0-next.5 → 11.69.0-next.6
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.
|
@@ -20,8 +20,13 @@ export function GrainProvider(_ref) {
|
|
|
20
20
|
return ___EmotionJSX(BreakpointsProvider, {
|
|
21
21
|
breakpoints: breakpoints
|
|
22
22
|
}, ___EmotionJSX(Global, {
|
|
23
|
-
styles: [styles, utilityStyles, process.env.NODE_ENV === "production" ? "" : ";label:GrainProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb3ZpZGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvdmlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBnZW5lcmF0ZVV0aWxpdGllc0NzcyB9IGZyb20gJy4uL3N0eWxlcy91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNQcm92aWRlciB9IGZyb20gJy4vYnJlYWtwb2ludHMtcHJvdmlkZXInO1xuXG5jb25zdCBkZWZhdWx0QnJlYWtwb2ludHMgPSB7XG4gIHRhYmxldDogMTE2OSxcbiAgbW9iaWxlOiA3NjcsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gR3JhaW5Qcm92aWRlcih7IGNoaWxkcmVuLCBicmVha3BvaW50cyA9IGRlZmF1bHRCcmVha3BvaW50cyB9KSB7XG4gIGNvbnN0IHV0aWxpdHlTdHlsZXMgPSBnZW5lcmF0ZVV0aWxpdGllc0Nzcyh7IGJyZWFrcG9pbnRzIH0pO1xuICByZXR1cm4gKFxuICAgIDxCcmVha3BvaW50c1Byb3ZpZGVyIGJyZWFrcG9pbnRzPXticmVha3BvaW50c30+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17W3N0eWxlcywgdXRpbGl0eVN0eWxlc119IC8+
|
|
24
|
-
}),
|
|
23
|
+
styles: [styles, utilityStyles, process.env.NODE_ENV === "production" ? "" : ";label:GrainProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb3ZpZGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvdmlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBnZW5lcmF0ZVV0aWxpdGllc0NzcyB9IGZyb20gJy4uL3N0eWxlcy91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNQcm92aWRlciB9IGZyb20gJy4vYnJlYWtwb2ludHMtcHJvdmlkZXInO1xuXG5jb25zdCBkZWZhdWx0QnJlYWtwb2ludHMgPSB7XG4gIHRhYmxldDogMTE2OSxcbiAgbW9iaWxlOiA3NjcsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gR3JhaW5Qcm92aWRlcih7IGNoaWxkcmVuLCBicmVha3BvaW50cyA9IGRlZmF1bHRCcmVha3BvaW50cyB9KSB7XG4gIGNvbnN0IHV0aWxpdHlTdHlsZXMgPSBnZW5lcmF0ZVV0aWxpdGllc0Nzcyh7IGJyZWFrcG9pbnRzIH0pO1xuICByZXR1cm4gKFxuICAgIDxCcmVha3BvaW50c1Byb3ZpZGVyIGJyZWFrcG9pbnRzPXticmVha3BvaW50c30+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17W3N0eWxlcywgdXRpbGl0eVN0eWxlc119IC8+XG4gICAgICA8ZGl2IGRhdGEtc2NvcGU9XCJuZXh0XCIgc3R5bGU9e3sgZGlzcGxheTogJ2NvbnRlbnRzJyB9fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9CcmVha3BvaW50c1Byb3ZpZGVyPlxuICApO1xufVxuXG5HcmFpblByb3ZpZGVyLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIGJyZWFrcG9pbnRzOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcbiJdfQ== */"]
|
|
24
|
+
}), ___EmotionJSX("div", {
|
|
25
|
+
"data-scope": "next",
|
|
26
|
+
style: {
|
|
27
|
+
display: 'contents'
|
|
28
|
+
}
|
|
29
|
+
}, children));
|
|
25
30
|
}
|
|
26
31
|
GrainProvider.propTypes = {
|
|
27
32
|
children: PropTypes.node.isRequired,
|
package/es/styles/colors/core.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
const core = "\n :root {\n --sh-h: 60;\n --sh-s: 12%;\n --bf-l: 20%;\n --wf-l: calc(100% - var(--bf-l));\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-green6);\n --grn-color-blue: var(--grn-color-blue6);\n }\n\n :root {\n --grn-color-red1: hsl(12 100% 97%);\n --grn-color-red2: hsl(12 100% 91%);\n --grn-color-red3: hsl(12 100% 82%);\n --grn-color-red4: hsl(12 99% 72%);\n --grn-color-red5: hsl(12 99% 63%);\n --grn-color-red6: hsl(13 97% 51%);\n --grn-color-red7: hsl(13 97% 42%);\n --grn-color-red8: hsl(7 98% 35%);\n --grn-color-red9: hsl(7 98% 28%);\n --grn-color-red10: hsl(5 99% 21%);\n --grn-color-red11: hsl(1 100% 15%);\n --grn-color-red12: hsl(357 100% 8%);\n\n --grn-color-yellow1: hsl(46 100% 95%);\n --grn-color-yellow2: hsl(47 97% 85%);\n --grn-color-yellow3: hsl(49 93% 73%);\n --grn-color-yellow4: hsl(51 89% 62%);\n --grn-color-yellow5: hsl(53 84% 48%);\n --grn-color-yellow6: hsl(53 77% 43%);\n --grn-color-yellow7: hsl(52 68% 37%);\n --grn-color-yellow8: hsl(52 58% 35%);\n --grn-color-yellow9: hsl(52 49% 31%);\n --grn-color-yellow10: hsl(53 41% 26%);\n --grn-color-yellow11: hsl(54 34% 16%);\n --grn-color-yellow12: hsl(55 27% 8%);\n\n --grn-color-green1: hsl(97 58% 95%);\n --grn-color-green2: hsl(97 58% 88%);\n --grn-color-green3: hsl(95 55% 75%);\n --grn-color-green4: hsl(94 56% 62%);\n --grn-color-green5: hsl(92 51% 49%);\n --grn-color-green6: hsl(92 57% 42%);\n --grn-color-green7: hsl(92 60% 38%);\n --grn-color-green8: hsl(92 64% 34%);\n --grn-color-green9: hsl(92 73% 27%);\n --grn-color-green10: hsl(92 85% 21%);\n --grn-color-green11: hsl(92 94% 13%);\n --grn-color-green12: hsl(92 100% 8%);\n\n --grn-color-blue1: hsl(215 100% 96%);\n --grn-color-blue2: hsl(215 100% 90%);\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 --core-s13: 3%;\n --core-s12: 3%;\n --core-s11: 3%;\n --core-s10: 3%;\n --core-s9: 3%;\n --core-s8: 4%;\n --core-s7: 5%;\n --core-s6: 8%;\n --core-s5: 9%;\n --core-s4: 12%;\n --core-s3: 14%;\n --core-s2: 18%;\n --core-s1: 18%;\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-s2);\n --sh-s11: var(--core-s3);\n --sh-s10: var(--core-s4);\n --sh-s9: var(--core-s5);\n --sh-s8: var(--core-s6);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s8);\n --sh-s5: var(--core-s9);\n --sh-s4: var(--core-s10);\n --sh-s3: var(--core-s11);\n --sh-s2: var(--core-s12);\n --sh-s1: var(--core-s13);\n }\n\n :root, [data-scope] {\n --grn-color-shadeTone13: hsl(var(--sh-h) var(--sh-s13) 0%);\n --grn-color-shadeTone12: hsl(var(--sh-h) var(--sh-s12) 6%);\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 --fds-10: 9%;\n --fds-9: 10%;\n --fds-8: 11%;\n --fds-7: 12%;\n --fds-6: 13%;\n --fds-5: 14%;\n --fds-4: 14%;\n --fds-3: 14%;\n --fds-2: 14%;\n --fds-1: 14%;\n\n --grn-color-lightFade10: hsl(var(--sh-h) var(--fds-1) var(--wf-l) / var(--al-10));\n --grn-color-lightFade9: hsl(var(--sh-h) var(--fds-2) var(--wf-l) / var(--al-9));\n --grn-color-lightFade8: hsl(var(--sh-h) var(--fds-3) var(--wf-l) / var(--al-8));\n --grn-color-lightFade7: hsl(var(--sh-h) var(--fds-4) var(--wf-l) / var(--al-7));\n --grn-color-lightFade6: hsl(var(--sh-h) var(--fds-5) var(--wf-l) / var(--al-6));\n --grn-color-lightFade5: hsl(var(--sh-h) var(--fds-6) var(--wf-l) / var(--al-5));\n --grn-color-lightFade4: hsl(var(--sh-h) var(--fds-7) var(--wf-l) / var(--al-4));\n --grn-color-lightFade3: hsl(var(--sh-h) var(--fds-8) var(--wf-l) / var(--al-3));\n --grn-color-lightFade2: hsl(var(--sh-h) var(--fds-9) var(--wf-l) / var(--al-2));\n --grn-color-lightFade1: hsl(var(--sh-h) var(--fds-10) var(--wf-l) / var(--al-1));\n\n --grn-color-darkFade10: hsl(var(--sh-h) var(--fds-10) var(--bf-l) / var(--al-10));\n --grn-color-darkFade9: hsl(var(--sh-h) var(--fds-9) var(--bf-l) / var(--al-9));\n --grn-color-darkFade8: hsl(var(--sh-h) var(--fds-8) var(--bf-l) / var(--al-8));\n --grn-color-darkFade7: hsl(var(--sh-h) var(--fds-7) var(--bf-l) / var(--al-7));\n --grn-color-darkFade6: hsl(var(--sh-h) var(--fds-6) var(--bf-l) / var(--al-6));\n --grn-color-darkFade5: hsl(var(--sh-h) var(--fds-5) var(--bf-l) / var(--al-5));\n --grn-color-darkFade4: hsl(var(--sh-h) var(--fds-4) var(--bf-l) / var(--al-4));\n --grn-color-darkFade3: hsl(var(--sh-h) var(--fds-3) var(--bf-l) / var(--al-3));\n --grn-color-darkFade2: hsl(var(--sh-h) var(--fds-2) var(--bf-l) / var(--al-2));\n --grn-color-darkFade1: hsl(var(--sh-h) var(--fds-1) 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\n [data-theme] [data-scope=\"next\"],\n [data-scope=\"next\"] {\n --sh-s: 0%;\n\n --sh-s13: 0%;\n --sh-s12: 0%;\n --sh-s11: 0%;\n --sh-s10: 0%;\n --sh-s9: 0%;\n --sh-s8: 0%;\n --sh-s7: 0%;\n --sh-s6: 0%;\n --sh-s5: 0%;\n --sh-s4: 0%;\n --sh-s3: 0%;\n --sh-s2: 0%;\n --sh-s1: 0%;\n\n --fds-10: 0%;\n --fds-9: 0%;\n --fds-8: 0%;\n --fds-7: 0%;\n --fds-6: 0%;\n --fds-5: 0%;\n --fds-4: 0%;\n --fds-3: 0%;\n --fds-2: 0%;\n --fds-1: 0%;\n }\n";
|
|
2
|
-
// --
|
|
3
2
|
export default core;
|