@atlaskit/theme
Version:
The AtlasKit theme framework
1 lines • 11.2 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/helpers/defineProperty"),require("react"),require("prop-types"),require("styled-components"),require("babel-runtime/helpers/taggedTemplateLiteral")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/classCallCheck","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","babel-runtime/helpers/defineProperty","react","prop-types","styled-components","babel-runtime/helpers/taggedTemplateLiteral"],t):"object"==typeof exports?exports["@atlaskit/theme"]=t(require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/helpers/defineProperty"),require("react"),require("prop-types"),require("styled-components"),require("babel-runtime/helpers/taggedTemplateLiteral")):e["@atlaskit/theme"]=t(e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["babel-runtime/helpers/defineProperty"],e.react,e["prop-types"],e["styled-components"],e["babel-runtime/helpers/taggedTemplateLiteral"])}(this,function(e,t,r,n,o,l,i,u){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}Object.defineProperty(t,"__esModule",{value:!0}),t.codeFontFamily=t.fontFamily=t.fontSize=t.gridSize=t.borderRadius=t.AtlasKitThemeProvider=t.themed=t.math=t.colors=void 0;var l=r(2),i=o(l),u=r(6),a=o(u),s=r(3),d=n(s),c=r(7),N=n(c);t.colors=i,t.math=a,t.themed=d.default,t.AtlasKitThemeProvider=N.default,t.borderRadius=function(){return 3},t.gridSize=function(){return 8},t.fontSize=function(){return 14},t.fontFamily=function(){return'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'},t.codeFontFamily=function(){return'"SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace'}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.green=t.yellow=t.red=t.purple=t.teal=t.blue=t.primary=t.linkOutline=t.linkActive=t.linkHover=t.link=t.codeBlock=t.subtleHeading=t.heading=t.subtleText=t.text=t.background=t.DN10A=t.DN20A=t.DN30A=t.DN40A=t.DN50A=t.DN60A=t.DN70A=t.DN80A=t.DN90A=t.DN100A=t.DN200A=t.DN300A=t.DN400A=t.DN500A=t.DN600A=t.DN700A=t.DN800A=t.DN0=t.DN10=t.DN20=t.DN30=t.DN40=t.DN50=t.DN60=t.DN70=t.DN80=t.DN90=t.DN100=t.DN200=t.DN300=t.DN400=t.DN500=t.DN600=t.DN700=t.DN800=t.DN900=t.N800A=t.N700A=t.N600A=t.N500A=t.N400A=t.N300A=t.N200A=t.N100A=t.N90A=t.N80A=t.N70A=t.N60A=t.N50A=t.N40A=t.N30A=t.N20A=t.N10A=t.N900=t.N800=t.N700=t.N600=t.N500=t.N400=t.N300=t.N200=t.N100=t.N90=t.N80=t.N70=t.N60=t.N50=t.N40=t.N30=t.N20=t.N10=t.N0=t.T500=t.T400=t.T300=t.T200=t.T100=t.T75=t.T50=t.P500=t.P400=t.P300=t.P200=t.P100=t.P75=t.P50=t.B500=t.B400=t.B300=t.B200=t.B100=t.B75=t.B50=t.G500=t.G400=t.G300=t.G200=t.G100=t.G75=t.G50=t.Y500=t.Y400=t.Y300=t.Y200=t.Y100=t.Y75=t.Y50=t.R500=t.R400=t.R300=t.R200=t.R100=t.R75=t.R50=void 0;var o=r(3),l=n(o),i=(t.R50="#FFEBE6",t.R75="#FFBDAD",t.R100="#FF8F73",t.R200="#FF7452",t.R300="#FF5630"),u=(t.R400="#DE350B",t.R500="#BF2600",t.Y50="#FFFAE6",t.Y75="#FFF0B3",t.Y100="#FFE380",t.Y200="#FFC400",t.Y300="#FFAB00"),a=(t.Y400="#FF991F",t.Y500="#FF8B00",t.G50="#E3FCEF",t.G75="#ABF5D1",t.G100="#79F2C0",t.G200="#57D9A3",t.G300="#36B37E"),s=(t.G400="#00875A",t.G500="#006644",t.B50="#DEEBFF",t.B75="#B3D4FF",t.B100="#4C9AFF"),d=t.B200="#2684FF",c=t.B300="#0065FF",N=t.B400="#0052CC",f=t.B500="#0747A6",h=(t.P50="#EAE6FF",t.P75="#C0B6F2",t.P100="#998DD9"),p=(t.P200="#8777D9",t.P300="#6554C0"),b=(t.P400="#5243AA",t.P500="#403294",t.T50="#E6FCFF",t.T75="#B3F5FF",t.T100="#79E2F2",t.T200="#00C7E6"),A=t.T300="#00B8D9",D=(t.T400="#00A3BF",t.T500="#008DA6",t.N0="#FFFFFF"),g=(t.N10="#FAFBFC",t.N20="#F4F5F7"),F=(t.N30="#EBECF0",t.N40="#DFE1E6",t.N50="#C1C7D0",t.N60="#B3BAC5",t.N70="#A5ADBA",t.N80="#97A0AF",t.N90="#8993A4",t.N100="#7A869A",t.N200="#6B778C",t.N300="#5E6C84"),m=(t.N400="#505F79",t.N500="#42526E",t.N600="#344563",t.N700="#253858",t.N800="#172B4D"),y=t.N900="#091E42",E=(t.N10A="rgba(9, 30, 66, 0.02)",t.N20A="rgba(9, 30, 66, 0.04)",t.N30A="rgba(9, 30, 66, 0.08)",t.N40A="rgba(9, 30, 66, 0.13)",t.N50A="rgba(9, 30, 66, 0.25)",t.N60A="rgba(9, 30, 66, 0.31)",t.N70A="rgba(9, 30, 66, 0.36)",t.N80A="rgba(9, 30, 66, 0.42)",t.N90A="rgba(9, 30, 66, 0.48)",t.N100A="rgba(9, 30, 66, 0.54)",t.N200A="rgba(9, 30, 66, 0.60)",t.N300A="rgba(9, 30, 66, 0.66)",t.N400A="rgba(9, 30, 66, 0.71)",t.N500A="rgba(9, 30, 66, 0.77)",t.N600A="rgba(9, 30, 66, 0.82)",t.N700A="rgba(9, 30, 66, 0.89)",t.N800A="rgba(9, 30, 66, 0.95)",t.DN900="#E6EDFA",t.DN800="#DCE5F5",t.DN700="#CED9EB",t.DN600="#B8C7E0"),v=(t.DN500="#ABBBD6",t.DN400="#9FB0CC",t.DN300="#8C9CB8"),B=(t.DN200="#7988A3",t.DN100="#67758F",t.DN90="#56637A",t.DN80="#455166",t.DN70="#3B475C",t.DN60="#313D52",t.DN50="#283447"),T=(t.DN40="#202B3D",t.DN30="#1B2638");t.DN20="#121A29",t.DN10="#0E1624",t.DN0="#0D1424",t.DN800A="rgba(13, 20, 36, 0.06)",t.DN700A="rgba(13, 20, 36, 0.14)",t.DN600A="rgba(13, 20, 36, 0.18)",t.DN500A="rgba(13, 20, 36, 0.29)",t.DN400A="rgba(13, 20, 36, 0.36)",t.DN300A="rgba(13, 20, 36, 0.40)",t.DN200A="rgba(13, 20, 36, 0.47)",t.DN100A="rgba(13, 20, 36, 0.53)",t.DN90A="rgba(13, 20, 36, 0.63)",t.DN80A="rgba(13, 20, 36, 0.73)",t.DN70A="rgba(13, 20, 36, 0.78)",t.DN60A="rgba(13, 20, 36, 0.81)",t.DN50A="rgba(13, 20, 36, 0.85)",t.DN40A="rgba(13, 20, 36, 0.89)",t.DN30A="rgba(13, 20, 36, 0.92)",t.DN20A="rgba(13, 20, 36, 0.95)",t.DN10A="rgba(13, 20, 36, 0.97)",t.background=(0,l.default)({light:D,dark:T}),t.text=(0,l.default)({light:y,dark:E}),t.subtleText=(0,l.default)({light:F,dark:v}),t.heading=(0,l.default)({light:m,dark:E}),t.subtleHeading=(0,l.default)({light:F,dark:v}),t.codeBlock=(0,l.default)({light:g,dark:B}),t.link=(0,l.default)({light:N,dark:s}),t.linkHover=(0,l.default)({light:c,dark:d}),t.linkActive=(0,l.default)({light:f,dark:s}),t.linkOutline=(0,l.default)({light:s,dark:d}),t.primary=(0,l.default)({light:N,dark:s}),t.blue=(0,l.default)({light:N,dark:s}),t.teal=(0,l.default)({light:A,dark:b}),t.purple=(0,l.default)({light:p,dark:h}),t.red=(0,l.default)({light:i,dark:i}),t.yellow=(0,l.default)({light:u,dark:u}),t.green=(0,l.default)({light:a,dark:a})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){return function(r){var n=(0,u.default)(r),o=t[r[e]];if(o)return o[n.mode]}}function l(e){return"string"==typeof e?o.apply(void 0,arguments):function(t){var r=(0,u.default)(t);return e[r.mode]}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=l;var i=r(4),u=n(i)},function(e,t,r){"use strict";function n(e){return e.theme&&e.theme[o.CHANNEL]?e.theme[o.CHANNEL]:l}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(5),l={mode:o.DEAULT_THEME_MODE}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FLATTENED="__FLATTENED__",t.CHANNEL="__ATLASKIT_THEME__",t.DEAULT_THEME_MODE="light",t.THEME_MODES=["light","dark"]},function(e,t){"use strict";function r(e,t){return function(r){return e(r)+t}}function n(e,t){return function(r){return e(r)-t}}function o(e,t){return function(r){return e(r)*t}}function l(e,t){return function(r){return e(r)/t}}Object.defineProperty(t,"__esModule",{value:!0}),t.add=r,t.subtract=n,t.multiply=o,t.divide=l},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){return"\n body { background: "+(0,g.background)(e)+"; }\n "}function l(e){return{theme:(0,f.default)({},y.CHANNEL,{mode:e})}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(8),u=n(i),a=r(9),s=n(a),d=r(10),c=n(d),N=r(11),f=n(N),h=r(12),p=n(h),b=r(13),A=n(b),D=r(14),g=r(2),F=r(15),m=n(F),y=r(5),E=function(e){function t(r){(0,u.default)(this,t);var n=(0,s.default)(this,e.call(this,r));return n.state=l(r.mode),n}return(0,c.default)(t,e),t.prototype.getChildContext=function(){return{hasAtlasKitThemeProvider:!0}},t.prototype.componentWillMount=function(){if(!this.context.hasAtlasKitThemeProvider){var e=o(this.state);this.stylesheet=document.createElement("style"),this.stylesheet.type="text/css",this.stylesheet.innerHTML=e,document.head.appendChild(this.stylesheet)}},t.prototype.componentWillReceiveProps=function(e){if(e.mode!==this.props.mode){var t=l(e.mode);if(this.stylesheet){var r=o(t);this.stylesheet.innerHTML=r}this.setState(t)}},t.prototype.componentWillUnmount=function(){this.stylesheet&&(document.head.removeChild(this.stylesheet),delete this.stylesheet)},t.prototype.render=function(){var e=this.props.children;return p.default.createElement(D.ThemeProvider,{theme:this.state.theme},p.default.createElement(m.default,null,e))},t}(h.Component);E.propTypes={mode:A.default.oneOf(y.THEME_MODES)},E.defaultProps={mode:y.DEFAULT_THEME_MODE},E.childContextTypes={hasAtlasKitThemeProvider:A.default.bool},E.contextTypes={hasAtlasKitThemeProvider:A.default.bool},t.default=E,E.propTypes={children:A.default.node}},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=i},function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(16),i=o(l),u=(0,i.default)(["\n background-color: ",";\n color: ",";\n\n a {\n color: ",";\n }\n a:hover {\n color: ",";\n }\n a:active {\n color: ",";\n }\n a:focus {\n outline-color: ",";\n }\n h1 {\n color: ",";\n }\n h2 {\n color: ",";\n }\n h3 {\n color: ",";\n }\n h4 {\n color: ",";\n }\n h5 {\n color: ",";\n }\n h6 {\n color: ",";\n }\n small {\n color: ",";\n }\n"],["\n background-color: ",";\n color: ",";\n\n a {\n color: ",";\n }\n a:hover {\n color: ",";\n }\n a:active {\n color: ",";\n }\n a:focus {\n outline-color: ",";\n }\n h1 {\n color: ",";\n }\n h2 {\n color: ",";\n }\n h3 {\n color: ",";\n }\n h4 {\n color: ",";\n }\n h5 {\n color: ",";\n }\n h6 {\n color: ",";\n }\n small {\n color: ",";\n }\n"]),a=r(14),s=o(a),d=r(2),c=n(d),N=s.default.div(u,c.background,c.text,c.link,c.linkHover,c.linkActive,c.linkOutline,c.heading,c.heading,c.heading,c.heading,c.heading,c.subtleHeading,c.subtleText);t.default=N},function(e,t){e.exports=u}])});