@square/maker/utils/maker-colors.js

Maker Design System by Square

!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("colord"),require("colord/plugins/a11y"),require("colord/plugins/lab"),require("colord/plugins/mix"),require("lodash/cloneDeep"));else if("function"==typeof define&&define.amd)define(["colord","colord/plugins/a11y","colord/plugins/lab","colord/plugins/mix","lodash/cloneDeep"],r);else{var l="object"==typeof exports?r(require("colord"),require("colord/plugins/a11y"),require("colord/plugins/lab"),require("colord/plugins/mix"),require("lodash/cloneDeep")):r(e.colord,e["colord/plugins/a11y"],e["colord/plugins/lab"],e["colord/plugins/mix"],e["lodash/cloneDeep"]);for(var t in l)("object"==typeof exports?exports:e)[t]=l[t]}}(this,(function(e,r,l,t,o){return(()=>{var f={235:r=>{"use strict";r.exports=e},366:e=>{"use strict";e.exports=r},473:e=>{"use strict";e.exports=l},836:e=>{"use strict";e.exports=t},552:e=>{"use strict";e.exports=o},719:e=>{e.exports=function(){return{"neutral-0":"#ffffff","neutral-10":"#f1f1f1","neutral-20":"#919191","neutral-80":"#707070","neutral-90":"#1b1b1b","neutral-100":"#000000",background:"#ffffff",heading:"#000000",body:"#000000",elevation:"#ffffff",overlay:"rgba(0, 0, 0, 0.32)",primary:"#006aff",contextualPrimary:{fill:"#006aff",onFill:"#ffffff",subtle:"#eff2f5",text:"#1c54c7"},error:{fill:"#cd2026",onFill:"#ffffff",text:"#a82826",subtle:"#f6eceb"},warning:{fill:"#ffbf00",onFill:"#000000",text:"#7e662a",subtle:"#f9eecf"},success:{fill:"#008000",onFill:"#ffffff",text:"#0a7A06",subtle:"#ebf1eb"}}}}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var l=n[e]={exports:{}};return f[e](l,l.exports,i),l.exports}i.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return i.d(r,{a:r}),r},i.d=(e,r)=>{for(var l in r)i.o(r,l)&&!i.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:r[l]})},i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";i.r(u),i.d(u,{default:()=>v});var e=i(552),r=i.n(e),l=i(235),t=i(366),o=i.n(t),f=i(836),n=i.n(f),a=i(473),c=i.n(a);(0,l.extend)([o()]);function s(e,r,t=3){let o=r;if(!r||(0,l.colord)(r).contrast(e)<t){o=(0,l.colord)(e).luminance()<.32?"#ffffff":"#000000"}return o}var d=i(719);const b=i.n(d)()();(0,l.extend)([o(),n(),c()]);const p={light:{"neutral-0":0,"neutral-10":.05,"neutral-20":.385,"neutral-80":.527,"neutral-90":.9,"neutral-100":1},dark:{"neutral-0":0,"neutral-10":.225,"neutral-20":.385,"neutral-80":.55,"neutral-90":.95,"neutral-100":1}},x={error:{fill:"#cd2026",text:"#a82826",subtle:"#f6eceb"},warning:{fill:"#ffbf00",text:"#7e662a",subtle:"#f9eecf"},success:{fill:"#008000",text:"#0a7A06",subtle:"#ebf1eb"}},g={error:{fill:"#cd2026",text:"#ff7566"},warning:{fill:"#ffbf00",text:"#ffbf00"},success:{fill:"#008000",text:"#64cc52"}};function y(e,r){return(0,l.colord)(e).delta(r)>=.25}function m(e,r){return(0,l.colord)(e).contrast(r)>=3}function v(e=b.background,t=b.primary){const o=(f=e,(0,l.colord)(f).luminance()<.32);var f;const n=s(e),i=o?p.dark:p.light,u={};Object.entries(i).forEach((([r,t])=>{u[r]=(0,l.colord)(e).mix(n,t).toHex()}));const a=o?r()(g):r()(x);return a.contextualPrimary=function(e=b.background,r=b.primary,t){const o=s(e),f=(0,l.colord)(r).toHsl(),n={};if(y(r,e)){n.fill=r;const t=.2;n.text=m(r,e)?(0,l.colord)(r).mix(o,t).toHex():o,n.onFill=s(n.fill)}else n.fill=o,n.text=o,n.onFill=r;if("#ffffff"===(0,l.colord)(e).toHex()){const e=25,r=95;n.subtle=(0,l.colord)({h:f.h,s:e,l:r}).toHex()}else n.subtle=t["neutral-10"];return n}(e,t,u),["error","warning","success"].forEach((r=>{y(a[r].fill,e)||(a[r].onFill=a[r].fill,a[r].fill=n),m(a[r].text,e)||(a[r].text=n),"#ffffff"!==(0,l.colord)(e).toHex()&&(a[r].subtle=u["neutral-10"]),a[r].onFill||(a[r].onFill=s(a[r].fill))})),{primary:t,background:e,heading:s(e),body:s(e),...u,...a,elevation:o?u["neutral-20"]:"#ffffff",overlay:o?"rgba(255, 255, 255, 0.32)":"rgba(0, 0, 0, 0.32)"}}})(),u})()}));
//# sourceMappingURL=maker-colors.js.map