ably-ui 11.7.0 → 11.7.1.dev.2e09628
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.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +7 -7
- data/lib/ably_ui/core/code/component.css +2 -0
- data/lib/ably_ui/core/company_autocomplete/component.js +2 -1
- data/lib/ably_ui/core/contact_footer/contact_footer.html.erb +8 -8
- data/lib/ably_ui/core/feature_footer/feature_footer.html.erb +6 -6
- data/lib/ably_ui/core/featured_link/component.css +0 -15
- data/lib/ably_ui/core/featured_link/component.js +1 -1
- data/lib/ably_ui/core/featured_link/featured_link.html.erb +14 -5
- data/lib/ably_ui/core/featured_link/featured_link.rb +3 -1
- data/lib/ably_ui/core/flash/component.css +0 -4
- data/lib/ably_ui/core/fonts/jetBrains-mono.css +3 -0
- data/lib/ably_ui/core/fonts/manrope.css +3 -0
- data/lib/ably_ui/core/footer/component.css +3 -3
- data/lib/ably_ui/core/footer/footer.html.erb +14 -14
- data/lib/ably_ui/core/meganav/component.css +6 -6
- data/lib/ably_ui/core/meganav_blog_posts_list/component.js +2 -1
- data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +1 -1
- data/lib/ably_ui/core/meganav_content_products/meganav_content_products.html.erb +1 -1
- data/lib/ably_ui/core/notice/component.js +1 -1
- data/lib/ably_ui/core/notice/notice.html.erb +3 -3
- data/lib/ably_ui/core/scripts.js +2 -1
- data/lib/ably_ui/core/showcase/showcase.html.erb +7 -7
- data/lib/ably_ui/core/styles.css +226 -116
- data/lib/ably_ui/core/uptime/component.css +1 -1
- data/lib/ably_ui/version.rb +1 -1
- metadata +11 -9
data/lib/ably_ui/core/scripts.js
CHANGED
@@ -1 +1,2 @@
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("array-flat-polyfill"),require("react"),require("react-dom"),require("redux")):"function"==typeof define&&define.amd?define([,,,],e):"object"==typeof exports?exports.AblyUi=e(require("array-flat-polyfill"),require("react"),require("react-dom"),require("redux")):(t.AblyUi=t.AblyUi||{},t.AblyUi.Core=e(t[void 0],t[void 0],t[void 0],t[void 0]))}(this,((t,e,r,n)=>(()=>{var o={757:(t,e,r)=>{t.exports=r(666)},666:t=>{var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof y?e:y,i=Object.create(o.prototype),a=new k(n||[]);return i._invoke=function(t,e,r){var n=f;return function(o,i){if(n===d)throw new Error("Generator is already running");if(n===h){if("throw"===o)throw i;return _()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=P(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=d;var u=l(t,e,r);if("normal"===u.type){if(n=r.done?h:p,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n=h,r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var f="suspendedStart",p="suspendedYield",d="executing",h="completed",v={};function y(){}function g(){}function b(){}var m={};m[i]=function(){return this};var w=Object.getPrototypeOf,x=w&&w(w(A([])));x&&x!==r&&n.call(x,i)&&(m=x);var O=b.prototype=y.prototype=Object.create(m);function j(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function S(t,e){function r(o,i,a,c){var u=l(t[o],t,i);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function P(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,P(t,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=l(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:_}}function _(){return{value:e,done:!0}}return g.prototype=O.constructor=b,b.constructor=g,g.displayName=u(b,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,u(t,c,"GeneratorFunction")),t.prototype=Object.create(O),t},t.awrap=function(t){return{__await:t}},j(S.prototype),S.prototype[a]=function(){return this},t.AsyncIterator=S,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new S(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},j(O),u(O,c,"Generator"),O[i]=function(){return this},O.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=A,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(L),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(u&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),L(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}},670:e=>{"use strict";e.exports=t},225:t=>{"use strict";t.exports=e},779:t=>{"use strict";t.exports=r},293:t=>{"use strict";t.exports=n}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{attachStoreToWindow:()=>y,connectState:()=>b,createRemoteDataStore:()=>m,fetchBlogPosts:()=>L,fetchSessionData:()=>N,getRemoteDataStore:()=>g,loadSprites:()=>u,queryId:()=>s,queryIdAll:()=>l,reactRenderer:()=>i,reducerBlogPosts:()=>_,reducerSessionData:()=>F,renderComponent:()=>o,selectRecentBlogPosts:()=>D,selectSessionData:()=>I,toggleChatWidget:()=>h}),a(670);var t=a(225),e=a.n(t),r=a(779),n=a.n(r),o=function(t,r,o){return n().render(e().createElement(t,r),o)};function i(t){var r=document.querySelectorAll("[data-react]");Array.from(r).forEach((function(r){var o=r.getAttribute("data-react"),i=t[o];if(i){var a=r.getAttribute("data-react-props"),c=a&&JSON.parse(a||{});n().render(e().createElement(i,c),r),r.removeAttribute("data-react"),r.removeAttribute("data-react-props")}}))}const u=function(t){fetch(t).then((function(t){return t.text()})).then((function(t){var e=document.createElement("div");e.style.display="none",e.innerHTML=t,document.body.appendChild(e)})).catch((function(t){return console.error(t)}))};var s=function(t){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(t,"]"))},l=function(t){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelectorAll("[data-id=".concat(t,"]"))};function f(t,e){t.disabled=!0,t.innerText=e}var p=100,d=30;function h(){var t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).dataId,e=s(t),r=s("open-chat-widget",e),n=r.dataset.enabledLabel,o=r.dataset.disabledLabel;if(t&&e){var i,a=s("open-chat-widget",e);return f(a,o),function t(e){var r,o,c,u,s=null===(r=window)||void 0===r||null===(o=r.HubSpotConversations)||void 0===o?void 0:o.widget,l=document.querySelector("#hubspot-messages-iframe-container");i=function(t){t.preventDefault(),s.open()},s&&l?(a.addEventListener("click",i),u=n,(c=a).disabled=!1,c.innerText=u):--d&&setTimeout((function(){return t(p)}),e)}(0),function(){f(a,o),a.removeEventListener("click",i)}}}var v=a(293),y=function(t){window.AblyUi=window.AblyUi||{},window.AblyUi.RemoteDataStore=t},g=function(){if(!window.AblyUi.RemoteDataStore)throw new Error("Remote store was called before one was created");return window.AblyUi.RemoteDataStore},b=function(t,e){var r=g(),n=t(r);r.subscribe((function(){var o=t(r);o!==n&&(n=o,e(o))}))},m=function(t){return(0,v.createStore)((0,v.combineReducers)(t))},w=a(757),x=a.n(w),O=function(t){return t&&t.includes("application/json")};function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){P(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function P(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function E(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}var L=function(){var t,e=(t=x().mark((function t(e,r){var n,o;return x().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,r){t.next=4;break}return console.log('Skipping fetching blog posts, invalid blogUrl: "'.concat(r,'"')),t.abrupt("return");case 4:return t.next=6,fetch(r);case 6:if(n=t.sent,!O(n.headers.get("content-type"))){t.next=14;break}return t.next=10,n.json();case 10:o=t.sent,e.dispatch({type:"blog/loaded",payload:o}),t.next=15;break;case 14:throw new Error("Blog posts url is not serving json");case 15:t.next=20;break;case 17:t.prev=17,t.t0=t.catch(0),console.warn("Could not fetch blog posts due to error:",t.t0);case 20:case"end":return t.stop()}}),t,null,[[0,17]])})),function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function a(t){E(i,n,o,a,c,"next",t)}function c(t){E(i,n,o,a,c,"throw",t)}a(void 0)}))});return function(t,r){return e.apply(this,arguments)}}(),k={recent:null},A="blogPosts",_=P({},A,(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:k,e=arguments.length>1?arguments[1]:void 0;return"blog/loaded"===e.type?S(S({},t),{},{recent:e.payload}):t})),D=function(t){var e;return null===(e=t.getState()[A])||void 0===e?void 0:e.recent};function q(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?q(Object(r),!0).forEach((function(e){R(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function R(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function U(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}var N=function(){var t,e=(t=x().mark((function t(e,r){var n,o,i;return x().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return e.dispatch({type:"session/loaded",payload:t})},t.prev=1,r){t.next=6;break}return console.log('Skipping fetching session, invalid sessionUrl: "'.concat(r,'"')),n(),t.abrupt("return");case 6:return t.next=8,fetch(r,{cache:"no-cache"});case 8:if(o=t.sent,O(o.headers.get("content-type"))){t.next=12;break}throw new Error("Session endpoint is not serving json");case 12:return t.next=14,o.json();case 14:"not-found"===(i=t.sent).error?n():n(i),t.next=22;break;case 18:t.prev=18,t.t0=t.catch(1),n(),console.warn("Could not fetch session data due to error:",t.t0);case 22:case"end":return t.stop()}}),t,null,[[1,18]])})),function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function a(t){U(i,n,o,a,c,"next",t)}function c(t){U(i,n,o,a,c,"throw",t)}a(void 0)}))});return function(t,r){return e.apply(this,arguments)}}(),G={data:null},C="session",F=R({},C,(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:G,e=arguments.length>1?arguments[1]:void 0;return"session/loaded"===e.type?T(T({},t),{},{data:e.payload}):t})),I=function(t){var e;return null===(e=t.getState()[C])||void 0===e?void 0:e.data}})(),c})()));
|
1
|
+
/*! For license information please see scripts.js.LICENSE.txt */
|
2
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("array-flat-polyfill"),require("react"),require("react-dom"),require("redux")):"function"==typeof define&&define.amd?define([,,,],e):"object"==typeof exports?exports.AblyUi=e(require("array-flat-polyfill"),require("react"),require("react-dom"),require("redux")):(t.AblyUi=t.AblyUi||{},t.AblyUi.Core=e(t[void 0],t[void 0],t[void 0],t[void 0]))}(this,((t,e,r,n)=>(()=>{var o={670:e=>{"use strict";e.exports=t},225:t=>{"use strict";t.exports=e},779:t=>{"use strict";t.exports=r},293:t=>{"use strict";t.exports=n},61:(t,e,r)=>{var n=r(698).default;function o(){"use strict";t.exports=o=function(){return r},t.exports.__esModule=!0,t.exports.default=t.exports;var e,r={},i=Object.prototype,a=i.hasOwnProperty,c=Object.defineProperty||function(t,e,r){t[e]=r.value},u="function"==typeof Symbol?Symbol:{},s=u.iterator||"@@iterator",l=u.asyncIterator||"@@asyncIterator",f=u.toStringTag||"@@toStringTag";function p(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{p({},"")}catch(e){p=function(t,e,r){return t[e]=r}}function d(t,e,r,n){var o=e&&e.prototype instanceof w?e:w,i=Object.create(o.prototype),a=new q(n||[]);return c(i,"_invoke",{value:k(t,r,a)}),i}function h(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}r.wrap=d;var y="suspendedStart",v="suspendedYield",g="executing",b="completed",m={};function w(){}function x(){}function O(){}var j={};p(j,s,(function(){return this}));var S=Object.getPrototypeOf,P=S&&S(S(R([])));P&&P!==i&&a.call(P,s)&&(j=P);var E=O.prototype=w.prototype=Object.create(j);function L(t){["next","throw","return"].forEach((function(e){p(t,e,(function(t){return this._invoke(e,t)}))}))}function _(t,e){function r(o,i,c,u){var s=h(t[o],t,i);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==n(f)&&a.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,c,u)}),(function(t){r("throw",t,c,u)})):e.resolve(f).then((function(t){l.value=t,c(l)}),(function(t){return r("throw",t,c,u)}))}u(s.arg)}var o;c(this,"_invoke",{value:function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}})}function k(t,r,n){var o=y;return function(i,a){if(o===g)throw new Error("Generator is already running");if(o===b){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=A(c,n);if(u){if(u===m)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=b,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=g;var s=h(t,r,n);if("normal"===s.type){if(o=n.done?b:v,s.arg===m)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(o=b,n.method="throw",n.arg=s.arg)}}}function A(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,A(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var i=h(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,m;var a=i.arg;return a?a.done?(r[t.resultName]=a.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,m):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function D(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function T(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function q(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(D,this),this.reset(!0)}function R(t){if(t||""===t){var r=t[s];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(a.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(n(t)+" is not iterable")}return x.prototype=O,c(E,"constructor",{value:O,configurable:!0}),c(O,"constructor",{value:x,configurable:!0}),x.displayName=p(O,f,"GeneratorFunction"),r.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===x||"GeneratorFunction"===(e.displayName||e.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,O):(t.__proto__=O,p(t,f,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},L(_.prototype),p(_.prototype,l,(function(){return this})),r.AsyncIterator=_,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new _(d(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),p(E,f,"Generator"),p(E,s,(function(){return this})),p(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=R,q.prototype={constructor:q,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(T),!t)for(var r in this)"t"===r.charAt(0)&&a.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function n(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],c=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var u=a.call(i,"catchLoc"),s=a.call(i,"finallyLoc");if(u&&s){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=t,i.arg=e,o?(this.method="next",this.next=o.finallyLoc,m):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),m},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),T(r),m}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;T(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:R(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),m}},r}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports},698:t=>{function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},687:(t,e,r)=>{var n=r(61)();t.exports=n;try{regeneratorRuntime=n}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{attachStoreToWindow:()=>v,connectState:()=>b,createRemoteDataStore:()=>m,fetchBlogPosts:()=>L,fetchSessionData:()=>N,getRemoteDataStore:()=>g,loadSprites:()=>u,queryId:()=>s,queryIdAll:()=>l,reactRenderer:()=>i,reducerBlogPosts:()=>A,reducerSessionData:()=>C,renderComponent:()=>o,selectRecentBlogPosts:()=>D,selectSessionData:()=>F,toggleChatWidget:()=>h}),a(670);var t=a(225),e=a.n(t),r=a(779),n=a.n(r),o=function(t,r,o){return n().render(e().createElement(t,r),o)};function i(t){var r=document.querySelectorAll("[data-react]");Array.from(r).forEach((function(r){var o=r.getAttribute("data-react"),i=t[o];if(i){var a=r.getAttribute("data-react-props"),c=a&&JSON.parse(a||{});n().render(e().createElement(i,c),r),r.removeAttribute("data-react"),r.removeAttribute("data-react-props")}}))}const u=function(t){fetch(t).then((function(t){return t.text()})).then((function(t){var e=document.createElement("div");e.style.display="none",e.innerHTML=t,document.body.appendChild(e)})).catch((function(t){return console.error(t)}))};var s=function(t){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(t,"]"))},l=function(t){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelectorAll("[data-id=".concat(t,"]"))};function f(t,e){t.disabled=!0,t.innerText=e}var p=100,d=30;function h(){var t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).dataId,e=s(t),r=s("open-chat-widget",e),n=r.dataset.enabledLabel,o=r.dataset.disabledLabel;if(t&&e){var i,a=s("open-chat-widget",e);return f(a,o),function t(e){var r,o,c,u,s=null===(r=window)||void 0===r||null===(o=r.HubSpotConversations)||void 0===o?void 0:o.widget,l=document.querySelector("#hubspot-messages-iframe-container");i=function(t){t.preventDefault(),s.open()},s&&l?(a.addEventListener("click",i),u=n,(c=a).disabled=!1,c.innerText=u):--d&&setTimeout((function(){return t(p)}),e)}(0),function(){f(a,o),a.removeEventListener("click",i)}}}var y=a(293),v=function(t){window.AblyUi=window.AblyUi||{},window.AblyUi.RemoteDataStore=t},g=function(){if(!window.AblyUi.RemoteDataStore)throw new Error("Remote store was called before one was created");return window.AblyUi.RemoteDataStore},b=function(t,e){var r=g(),n=t(r);r.subscribe((function(){var o=t(r);o!==n&&(n=o,e(o))}))},m=function(t){return(0,y.createStore)((0,y.combineReducers)(t))},w=a(687),x=a.n(w),O=function(t){return t&&t.includes("application/json")};function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){P(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function P(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function E(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}var L=function(){var t,e=(t=x().mark((function t(e,r){var n,o;return x().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,r){t.next=4;break}return console.log('Skipping fetching blog posts, invalid blogUrl: "'.concat(r,'"')),t.abrupt("return");case 4:return t.next=6,fetch(r);case 6:if(n=t.sent,!O(n.headers.get("content-type"))){t.next=14;break}return t.next=10,n.json();case 10:o=t.sent,e.dispatch({type:"blog/loaded",payload:o}),t.next=15;break;case 14:throw new Error("Blog posts url is not serving json");case 15:t.next=20;break;case 17:t.prev=17,t.t0=t.catch(0),console.warn("Could not fetch blog posts due to error:",t.t0);case 20:case"end":return t.stop()}}),t,null,[[0,17]])})),function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function a(t){E(i,n,o,a,c,"next",t)}function c(t){E(i,n,o,a,c,"throw",t)}a(void 0)}))});return function(t,r){return e.apply(this,arguments)}}(),_={recent:null},k="blogPosts",A=P({},k,(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:_,e=arguments.length>1?arguments[1]:void 0;return"blog/loaded"===e.type?S(S({},t),{},{recent:e.payload}):t})),D=function(t){var e;return null===(e=t.getState()[k])||void 0===e?void 0:e.recent};function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function q(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){R(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function R(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function U(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}var N=function(){var t,e=(t=x().mark((function t(e,r){var n,o,i;return x().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return e.dispatch({type:"session/loaded",payload:t})},t.prev=1,r){t.next=6;break}return console.log('Skipping fetching session, invalid sessionUrl: "'.concat(r,'"')),n(),t.abrupt("return");case 6:return t.next=8,fetch(r,{cache:"no-cache"});case 8:if(o=t.sent,O(o.headers.get("content-type"))){t.next=12;break}throw new Error("Session endpoint is not serving json");case 12:return t.next=14,o.json();case 14:"not-found"===(i=t.sent).error?n():n(i),t.next=22;break;case 18:t.prev=18,t.t0=t.catch(1),n(),console.warn("Could not fetch session data due to error:",t.t0);case 22:case"end":return t.stop()}}),t,null,[[1,18]])})),function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function a(t){U(i,n,o,a,c,"next",t)}function c(t){U(i,n,o,a,c,"throw",t)}a(void 0)}))});return function(t,r){return e.apply(this,arguments)}}(),G={data:null},M="session",C=R({},M,(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:G,e=arguments.length>1?arguments[1]:void 0;return"session/loaded"===e.type?q(q({},t),{},{data:e.payload}):t})),F=function(t){var e;return null===(e=t.getState()[M])||void 0===e?void 0:e.data}})(),c})()));
|
@@ -36,15 +36,15 @@
|
|
36
36
|
<% if company[:layout] == "quotes" %>
|
37
37
|
<%= render(AblyUi::Core::Icon.new(name: "quote", size: "1.25rem", color: "text-cool-black")) %>
|
38
38
|
|
39
|
-
<p class="text-quote
|
39
|
+
<p class="ui-text-quote mb-24"><%= company[:quote] %></p>
|
40
40
|
|
41
41
|
<div class="flex items-center">
|
42
42
|
<div class="flex-shrink-0 flex-grow-0 mr-16 overflow-hidden rounded-full flex align-center justify-center w-48 h-48">
|
43
43
|
<%= image_tag company[:author][:thumbnail], alt: "Picture of #{company[:author][:name]}, #{company[:author][:title]}", class: "w-48 h-48 filter-grayscale" %>
|
44
44
|
</div>
|
45
45
|
<div>
|
46
|
-
<p class="text-p2
|
47
|
-
<p class="text-p3
|
46
|
+
<p class="ui-text-p2"><%= company[:author][:name] %></p>
|
47
|
+
<p class="ui-text-p3"><%= company[:author][:title] %></p>
|
48
48
|
</div>
|
49
49
|
</div>
|
50
50
|
<% end %>
|
@@ -54,16 +54,16 @@
|
|
54
54
|
<% company[:columns].each_with_index do |col, n| %>
|
55
55
|
<% if company[:columns].last == col %>
|
56
56
|
<div class="flex-1 mt-40 sm:mt-0 <%= col[:classname] %>" data-id="casestudy-column">
|
57
|
-
<p class="text-h4 pb-24"><%= col[:heading] %></p>
|
58
|
-
<p class="text-p1
|
57
|
+
<p class="ui-text-h4 pb-24"><%= col[:heading] %></p>
|
58
|
+
<p class="ui-text-p1"><%= col[:text] %></p>
|
59
59
|
<%- if col[:button] %>
|
60
60
|
<a class="ui-btn self-start p-btn mt-24" href="<%= col[:button][:href] %>"><%= col[:button][:label] %></a>
|
61
61
|
<% end %>
|
62
62
|
</div>
|
63
63
|
<% else %>
|
64
64
|
<div class="flex-1 mt-40 sm:mt-0 mr-24 sm:mr-32 xl:mr-64 <%= col[:classname] %>" data-id="casestudy-column">
|
65
|
-
<p class="text-title-xl
|
66
|
-
<p class="text-p1
|
65
|
+
<p class="ui-text-title-xl"><%= col[:heading] %></p>
|
66
|
+
<p class="ui-text-p1 mb-0 sm:mb-32"><%= col[:text] %></p>
|
67
67
|
</div>
|
68
68
|
<% end %>
|
69
69
|
<% end %>
|
data/lib/ably_ui/core/styles.css
CHANGED
@@ -1,34 +1,132 @@
|
|
1
1
|
@layer base {
|
2
2
|
:root {
|
3
|
-
|
4
|
-
--color-
|
5
|
-
--color-
|
6
|
-
--color-
|
7
|
-
--color-
|
8
|
-
--color-
|
9
|
-
--color-
|
10
|
-
--color-
|
11
|
-
--color-
|
12
|
-
--color-
|
13
|
-
--color-
|
14
|
-
--color-
|
15
|
-
--color-
|
16
|
-
--color-
|
17
|
-
--color-
|
18
|
-
|
3
|
+
/* Neutral colors */
|
4
|
+
--color-neutral-000: #ffffff;
|
5
|
+
--color-neutral-100: #f8fafc;
|
6
|
+
--color-neutral-200: #f4f8fb;
|
7
|
+
--color-neutral-300: #edf1f7;
|
8
|
+
--color-neutral-400: #e2e7ef;
|
9
|
+
--color-neutral-500: #c6ced9;
|
10
|
+
--color-neutral-600: #adb6c2;
|
11
|
+
--color-neutral-700: #89929f;
|
12
|
+
--color-neutral-800: #667085;
|
13
|
+
--color-neutral-900: #39414e;
|
14
|
+
--color-neutral-1000: #2b303b;
|
15
|
+
--color-neutral-1100: #202531;
|
16
|
+
--color-neutral-1200: #141924;
|
17
|
+
--color-neutral-1300: #03020d;
|
18
|
+
|
19
|
+
/* Ably orange */
|
20
|
+
--color-orange-100: #fff5f1;
|
21
|
+
--color-orange-200: #ffe3d8;
|
22
|
+
--color-orange-300: #ffc4ae;
|
23
|
+
--color-orange-400: #ff9c79;
|
24
|
+
--color-orange-500: #ff723f;
|
25
|
+
--color-orange-600: #ff5416;
|
26
|
+
--color-orange-700: #ff2739;
|
27
|
+
--color-orange-800: #e40000;
|
28
|
+
--color-orange-900: #b82202;
|
29
|
+
--color-orange-1000: #751500;
|
30
|
+
--color-orange-1100: #2a0b00;
|
31
|
+
|
32
|
+
/* Secondary colours */
|
33
|
+
--color-yellow-100: #fffbef;
|
34
|
+
--color-yellow-200: #fff0ba;
|
35
|
+
--color-yellow-300: #ffe27c;
|
36
|
+
--color-yellow-400: #ffd43d;
|
37
|
+
--color-yellow-500: #f8c100;
|
38
|
+
--color-yellow-600: #e8a700;
|
39
|
+
--color-yellow-700: #ac8600;
|
40
|
+
--color-yellow-800: #654f00;
|
41
|
+
--color-yellow-900: #291c01;
|
42
|
+
--color-green-100: #f1fff1;
|
43
|
+
--color-green-200: #b8ffbb;
|
44
|
+
--color-green-300: #80ff85;
|
45
|
+
--color-green-400: #08ff13;
|
46
|
+
--color-green-500: #00e80b;
|
47
|
+
--color-green-600: #00c008;
|
48
|
+
--color-green-700: #008e06;
|
49
|
+
--color-green-800: #005303;
|
50
|
+
--color-green-900: #002a02;
|
51
|
+
--color-blue-100: #f1fbff;
|
52
|
+
--color-blue-200: #b8eaff;
|
53
|
+
--color-blue-300: #80d9ff;
|
54
|
+
--color-blue-400: #4ad4ff;
|
55
|
+
--color-blue-500: #2cc0ff;
|
56
|
+
--color-blue-600: #00a5ec;
|
57
|
+
--color-blue-700: #0284cd;
|
58
|
+
--color-blue-800: #004b75;
|
59
|
+
--color-blue-900: #001b2a;
|
60
|
+
--color-violet-100: #f7f2fe;
|
61
|
+
--color-violet-200: #d8bcfb;
|
62
|
+
--color-violet-300: #b986f8;
|
63
|
+
--color-violet-400: #9951f5;
|
64
|
+
--color-violet-500: #7a1bf2;
|
65
|
+
--color-violet-600: #5f0bc9;
|
66
|
+
--color-violet-700: #460894;
|
67
|
+
--color-violet-800: #2d055e;
|
68
|
+
--color-violet-900: #130228;
|
69
|
+
--color-pink-100: #fff1fc;
|
70
|
+
--color-pink-200: #ffb8f1;
|
71
|
+
--color-pink-300: #ff80e6;
|
72
|
+
--color-pink-400: #ff47db;
|
73
|
+
--color-pink-500: #ff17d2;
|
74
|
+
--color-pink-600: #d400ab;
|
75
|
+
--color-pink-700: #9c007e;
|
76
|
+
--color-pink-800: #630050;
|
77
|
+
--color-pink-900: #2a0022;
|
78
|
+
|
79
|
+
/* GUI colours */
|
80
|
+
/* Note: The ‘Light and ‘Dark’ refers to the colour of the background on which the colour is used. */
|
81
|
+
--color-gui-blue-default-light: #006edc;
|
82
|
+
--color-gui-blue-hover-light: #0862b9;
|
83
|
+
--color-gui-blue-active-light: #074095;
|
84
|
+
--color-gui-blue-default-dark: #4da6ff;
|
85
|
+
--color-gui-blue-hover-dark: #2894ff;
|
86
|
+
--color-gui-blue-active-dark: #0080ff;
|
87
|
+
--color-gui-blue-focus: #80b9f2;
|
88
|
+
--color-gui-unavailable: #a8a8a8;
|
89
|
+
--color-gui-success-green: #11cb24;
|
90
|
+
--color-gui-error-red: #fb0c0c;
|
91
|
+
--color-gui-focus: #80b9f2;
|
19
92
|
--color-gui-focus-outline: #80b9f2;
|
20
|
-
--color-gui-active: #074095;
|
21
93
|
--color-gui-visited: #4887c2;
|
22
|
-
|
23
|
-
|
24
|
-
--color-
|
94
|
+
|
95
|
+
/* Colours replaced by neutral colours */
|
96
|
+
--color-white: var(--color-neutral-000);
|
97
|
+
--color-extra-light-grey: var(--color-neutral-100);
|
98
|
+
--color-light-grey: var(--color-neutral-200);
|
99
|
+
--color-mid-grey: var(--color-neutral-500);
|
100
|
+
--color-dark-grey: var(--color-neutral-800);
|
101
|
+
--color-charcoal-grey: var(--color-neutral-1000);
|
102
|
+
--color-cool-black: var(--color-neutral-1300);
|
103
|
+
|
104
|
+
/* Colours replaced by orange colours */
|
105
|
+
--color-active-orange: var(--color-orange-600);
|
106
|
+
--color-bright-red: var(--color-orange-700);
|
107
|
+
--color-red-orange: var(--color-orange-800);
|
108
|
+
|
109
|
+
/* Colours replaced by secondary colours */
|
110
|
+
--color-electric-cyan: var(--color-blue-400);
|
111
|
+
--color-zingy-green: var(--color-green-400);
|
112
|
+
--color-jazzy-pink: var(--color-pink-500);
|
113
|
+
|
114
|
+
/* Colours replaced by GUI colours */
|
115
|
+
--color-gui-default: var(--color-gui-blue-default-light);
|
116
|
+
--color-gui-hover: var(--color-gui-blue-hover-light);
|
117
|
+
--color-gui-active: var(--color-gui-blue-active-light);
|
118
|
+
--color-gui-error: var(--color-gui-error-red);
|
119
|
+
--color-gui-success: var(--color-gui-success-green);
|
120
|
+
--color-gui-default-dark: var(--color-gui-blue-default-dark);
|
121
|
+
--color-gui-hover-dark: var(--color-gui-blue-hover-dark);
|
122
|
+
--color-gui-active-dark: var(--color-gui-blue-active-dark);
|
25
123
|
|
26
124
|
/* code syntax: theme */
|
27
|
-
--syntax-black: var(--color-
|
28
|
-
--syntax-dark-grey: var(--color-
|
29
|
-
--syntax-mid-grey: var(--color-
|
30
|
-
--syntax-light-grey: var(--color-
|
31
|
-
--syntax-extra-light-grey: var(--color-
|
125
|
+
--syntax-black: var(--color-neutral-1300);
|
126
|
+
--syntax-dark-grey: var(--color-neutral-800);
|
127
|
+
--syntax-mid-grey: var(--color-neutral-500);
|
128
|
+
--syntax-light-grey: var(--color-neutral-200);
|
129
|
+
--syntax-extra-light-grey: var(--color-neutral-100);
|
32
130
|
--syntax-orange: #e78c45;
|
33
131
|
--syntax-yellow: #e7c547;
|
34
132
|
--syntax-blue: #3490ec;
|
@@ -70,44 +168,51 @@
|
|
70
168
|
|
71
169
|
--gradient-hot-pink: linear-gradient(
|
72
170
|
80.2deg,
|
73
|
-
var(--color-
|
171
|
+
var(--color-orange-700) 0%,
|
74
172
|
var(--color-jazzy-pink) 100%
|
75
173
|
);
|
76
174
|
|
77
|
-
--fs-title-xl:
|
78
|
-
--fs-title:
|
79
|
-
--fs-title-xs:
|
80
|
-
--fs-h1-xl:
|
81
|
-
--fs-h1:
|
82
|
-
--fs-h1-xs:
|
83
|
-
|
175
|
+
--fs-title-xl: 3rem;
|
176
|
+
--fs-title: 2.75rem;
|
177
|
+
--fs-title-xs: 2.5rem;
|
178
|
+
--fs-h1-xl: 2.5rem;
|
179
|
+
--fs-h1: 2.25rem;
|
180
|
+
--fs-h1-xs: 2rem;
|
181
|
+
|
182
|
+
--fs-h2-xl: 2.125rem;
|
84
183
|
--fs-h2: 2rem;
|
85
|
-
--fs-h2-xs: 1.
|
184
|
+
--fs-h2-xs: 1.75rem;
|
185
|
+
|
86
186
|
--fs-h3: 1.5rem;
|
87
|
-
--fs-h4: 1.
|
88
|
-
--fs-
|
89
|
-
|
187
|
+
--fs-h4: 1.25rem;
|
188
|
+
--fs-h5: 1rem;
|
189
|
+
|
190
|
+
--fs-p1: 1rem;
|
191
|
+
--fs-p2: 0.938rem;
|
90
192
|
--fs-p3: 0.875rem;
|
91
193
|
--fs-standfirst-xl: 2.25rem;
|
92
194
|
--fs-standfirst: 1.5rem;
|
93
|
-
--fs-sub-header: 1.
|
94
|
-
--fs-sub-header-xs: 1.
|
195
|
+
--fs-sub-header: 1.125rem;
|
196
|
+
--fs-sub-header-xs: 1.063rem;
|
95
197
|
--fs-overline1: 1rem;
|
96
198
|
--fs-overline2: 0.875rem;
|
97
|
-
--fs-btn1:
|
98
|
-
--fs-btn2:
|
199
|
+
--fs-btn1: 1rem;
|
200
|
+
--fs-btn2: 0.938rem;
|
99
201
|
--fs-btn3: 0.875rem;
|
100
|
-
--fs-menu1:
|
101
|
-
--fs-menu2:
|
202
|
+
--fs-menu1: 1rem;
|
203
|
+
--fs-menu2: 0.938rem;
|
102
204
|
--fs-menu3: 0.875rem;
|
103
|
-
--fs-quote: 1.
|
104
|
-
--fs-code: 0.
|
205
|
+
--fs-quote: 1.25rem;
|
206
|
+
--fs-code: 0.938rem;
|
207
|
+
--fs-code2: 0.813rem;
|
105
208
|
|
106
209
|
--lh-dense: 1;
|
107
210
|
--lh-tight: 1.125;
|
108
211
|
--lh-snug: 1.15;
|
212
|
+
--lh-min-normal: 1.2;
|
109
213
|
--lh-normal: 1.25;
|
110
214
|
--lh-relaxed: 1.45;
|
215
|
+
--lh-extra-relaxed: 1.6;
|
111
216
|
|
112
217
|
--ls-tighten-0_025: -0.025em;
|
113
218
|
--ls-tighten-0_02: -0.02em;
|
@@ -115,7 +220,9 @@
|
|
115
220
|
--ls-tighten-0_01: -0.01em;
|
116
221
|
--ls-tighten-0_005: -0.005em;
|
117
222
|
--ls-tighten-0_0025: -0.0025em;
|
223
|
+
--ls-tighten-0_0015: -0.0015em;
|
118
224
|
--ls-widen-0_1: 0.1em;
|
225
|
+
--ls-widen-0_16: 0.16em;
|
119
226
|
--ls-widen-0_15: 0.15em;
|
120
227
|
|
121
228
|
--spacing-0: 0px;
|
@@ -130,6 +237,7 @@
|
|
130
237
|
--spacing-20: 1.25rem;
|
131
238
|
--spacing-24: 1.5rem;
|
132
239
|
--spacing-32: 2rem;
|
240
|
+
--spacing-36: 2.25rem;
|
133
241
|
--spacing-40: 2.5rem;
|
134
242
|
--spacing-48: 3rem;
|
135
243
|
--spacing-64: 4rem;
|
@@ -177,7 +285,7 @@
|
|
177
285
|
}
|
178
286
|
@layer components {
|
179
287
|
.ui-btn {
|
180
|
-
@apply text-white bg-cool-black text-btn2 font-sans font-
|
288
|
+
@apply text-white bg-cool-black text-btn2 font-sans font-bold inline-block rounded p-btn;
|
181
289
|
@apply hover:text-white hover:bg-active-orange;
|
182
290
|
@apply active:text-white active:bg-red-orange;
|
183
291
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
@@ -201,7 +309,7 @@
|
|
201
309
|
background-size: 200% 100%;
|
202
310
|
background-position: 0% 0%;
|
203
311
|
|
204
|
-
@apply text-white text-btn2 font-sans font-
|
312
|
+
@apply text-white text-btn2 font-sans font-bold inline-block rounded p-btn;
|
205
313
|
@apply focus:outline-gui-focus;
|
206
314
|
@apply inline-flex items-center justify-center;
|
207
315
|
}
|
@@ -217,7 +325,7 @@
|
|
217
325
|
}
|
218
326
|
|
219
327
|
.ui-btn-invert {
|
220
|
-
@apply text-cool-black bg-white text-btn2 font-sans font-
|
328
|
+
@apply text-cool-black bg-white text-btn2 font-sans font-bold inline-block rounded p-btn;
|
221
329
|
@apply hover:text-white hover:bg-active-orange;
|
222
330
|
@apply active:text-white active:bg-red-orange;
|
223
331
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
@@ -227,7 +335,7 @@
|
|
227
335
|
}
|
228
336
|
|
229
337
|
.ui-btn-secondary {
|
230
|
-
@apply text-cool-black bg-white text-btn2 font-sans font-
|
338
|
+
@apply text-cool-black bg-white text-btn2 font-sans font-bold inline-block border-btn border-cool-black rounded p-btn;
|
231
339
|
@apply hover:text-cool-black hover:border-active-orange hover:bg-white;
|
232
340
|
@apply active:border-red-orange active:bg-white;
|
233
341
|
@apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
|
@@ -237,7 +345,7 @@
|
|
237
345
|
}
|
238
346
|
|
239
347
|
.ui-btn-secondary-invert {
|
240
|
-
@apply text-white bg-cool-black text-btn2 font-sans font-
|
348
|
+
@apply text-white bg-cool-black text-btn2 font-sans font-bold inline-block border-btn border-mid-grey rounded p-btn;
|
241
349
|
@apply hover:text-white hover:border-active-orange;
|
242
350
|
@apply active:border-red-orange;
|
243
351
|
@apply focus:outline-gui-focus;
|
@@ -322,47 +430,53 @@
|
|
322
430
|
}
|
323
431
|
@layer components {
|
324
432
|
.ui-text-title {
|
325
|
-
@apply font-sans font-
|
433
|
+
@apply font-sans font-extrabold text-cool-black;
|
326
434
|
@apply text-title-xs xs:text-title xl:text-title-xl;
|
327
|
-
@apply tracking-tighten-0.
|
435
|
+
@apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
|
328
436
|
}
|
329
437
|
|
330
438
|
.ui-text-h1 {
|
331
|
-
@apply font-sans font-
|
439
|
+
@apply font-sans font-extrabold text-cool-black;
|
332
440
|
@apply text-h1-xs xs:text-h1 xl:text-h1-xl;
|
333
|
-
@apply tracking-tighten-0.
|
441
|
+
@apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
|
334
442
|
}
|
335
443
|
|
336
444
|
.ui-text-h2 {
|
337
|
-
@apply font-sans font-
|
445
|
+
@apply font-sans font-extrabold text-cool-black;
|
338
446
|
@apply text-h2-xs xs:text-h2 xl:text-h2-xl;
|
339
|
-
@apply tracking-tighten-0.
|
447
|
+
@apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
|
340
448
|
}
|
341
449
|
|
342
450
|
.ui-text-h3 {
|
343
|
-
@apply font-sans font-
|
451
|
+
@apply font-sans font-extrabold text-cool-black;
|
344
452
|
@apply text-h3;
|
345
|
-
@apply tracking-tighten-0.
|
453
|
+
@apply tracking-tighten-0.005;
|
346
454
|
}
|
347
455
|
|
348
456
|
.ui-text-h4 {
|
349
|
-
@apply font-sans font-
|
457
|
+
@apply font-sans font-extrabold text-cool-black;
|
350
458
|
@apply text-h4;
|
351
|
-
@apply tracking-
|
459
|
+
@apply tracking-tighten-0.0015;
|
460
|
+
}
|
461
|
+
|
462
|
+
.ui-text-h5 {
|
463
|
+
@apply font-sans font-extrabold text-cool-black;
|
464
|
+
@apply text-h5;
|
465
|
+
@apply tracking-tighten-0.0025;
|
352
466
|
}
|
353
467
|
|
354
468
|
.ui-text-p1 {
|
355
|
-
@apply font-sans font-
|
469
|
+
@apply font-sans font-medium text-charcoal-grey;
|
356
470
|
@apply text-p1;
|
357
471
|
}
|
358
472
|
|
359
473
|
.ui-text-p2 {
|
360
|
-
@apply font-sans font-
|
474
|
+
@apply font-sans font-medium text-charcoal-grey;
|
361
475
|
@apply text-p2;
|
362
476
|
}
|
363
477
|
|
364
478
|
.ui-text-p3 {
|
365
|
-
@apply font-sans font-
|
479
|
+
@apply font-sans font-medium text-charcoal-grey;
|
366
480
|
@apply text-p3;
|
367
481
|
}
|
368
482
|
|
@@ -373,60 +487,70 @@
|
|
373
487
|
}
|
374
488
|
|
375
489
|
.ui-text-quote {
|
376
|
-
@apply font-sans font-
|
377
|
-
@apply text-quote;
|
378
|
-
@apply tracking-tighten-0.
|
490
|
+
@apply font-sans font-normal text-cool-black;
|
491
|
+
@apply text-quote leading-normal;
|
492
|
+
@apply tracking-tighten-0.0015;
|
379
493
|
}
|
380
494
|
|
381
495
|
.ui-text-sub-header {
|
382
|
-
@apply font-sans font-
|
383
|
-
@apply text-sub-header-xs xs:text-sub-header;
|
384
|
-
@apply tracking-tighten-0.025;
|
496
|
+
@apply font-sans font-semibold text-neutral-800;
|
497
|
+
@apply text-sub-header-xs xs:text-sub-header leading-normal;
|
385
498
|
}
|
386
499
|
|
387
500
|
.ui-text-overline1 {
|
388
|
-
@apply font-
|
389
|
-
@apply text-overline1;
|
390
|
-
@apply tracking-widen-0.
|
501
|
+
@apply font-mono font-medium text-active-orange uppercase;
|
502
|
+
@apply text-overline1 leading-normal;
|
503
|
+
@apply tracking-widen-0.16;
|
391
504
|
}
|
392
505
|
|
393
506
|
.ui-text-overline2 {
|
394
|
-
@apply font-
|
395
|
-
@apply text-overline2;
|
396
|
-
@apply tracking-widen-0.
|
507
|
+
@apply font-mono font-medium text-active-orange uppercase;
|
508
|
+
@apply text-overline2 leading-normal;
|
509
|
+
@apply tracking-widen-0.16;
|
397
510
|
}
|
398
511
|
|
399
512
|
.ui-text-menu1 {
|
400
|
-
@apply font-sans font-
|
401
|
-
@apply text-menu1;
|
513
|
+
@apply font-sans font-medium text-cool-black;
|
514
|
+
@apply text-menu1 leading-snug;
|
402
515
|
}
|
403
516
|
|
404
517
|
.ui-text-menu2 {
|
405
|
-
@apply font-sans font-
|
406
|
-
@apply text-menu2;
|
518
|
+
@apply font-sans font-medium text-cool-black;
|
519
|
+
@apply text-menu2 leading-snug;
|
407
520
|
}
|
408
521
|
|
409
522
|
.ui-text-menu3 {
|
410
|
-
@apply font-sans font-
|
411
|
-
@apply text-menu3;
|
523
|
+
@apply font-sans font-medium text-cool-black;
|
524
|
+
@apply text-menu3 leading-snug;
|
412
525
|
}
|
413
526
|
|
414
527
|
.ui-text-code {
|
415
|
-
@apply font-mono font-
|
528
|
+
@apply font-mono font-normal text-code;
|
529
|
+
}
|
530
|
+
|
531
|
+
.ui-text-code2 {
|
532
|
+
@apply font-mono font-normal text-code2;
|
416
533
|
}
|
417
534
|
|
418
535
|
.ui-text-code-inline {
|
419
|
-
@apply font-mono font-
|
536
|
+
@apply font-mono font-normal text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
|
420
537
|
}
|
421
538
|
|
422
539
|
.ui-unordered-list {
|
423
|
-
@apply text-p1 font-
|
424
|
-
@apply
|
540
|
+
@apply text-p1 font-medium text-charcoal-grey;
|
541
|
+
@apply ml-32 my-16;
|
542
|
+
@apply list-disc;
|
425
543
|
}
|
426
544
|
|
427
545
|
.ui-ordered-list {
|
428
|
-
@apply text-p1 font-
|
429
|
-
@apply ml-32
|
546
|
+
@apply text-p1 font-medium text-charcoal-grey;
|
547
|
+
@apply ml-32 my-16;
|
548
|
+
@apply list-decimal;
|
549
|
+
}
|
550
|
+
|
551
|
+
.ui-ordered-list li,
|
552
|
+
.ui-unordered-list li {
|
553
|
+
@apply mb-8;
|
430
554
|
}
|
431
555
|
|
432
556
|
.ui-unordered-list li > *:last-of-type:not(ul):not(ol),
|
@@ -435,37 +559,19 @@
|
|
435
559
|
}
|
436
560
|
|
437
561
|
.ui-unordered-list ul {
|
438
|
-
@apply ml-24
|
562
|
+
@apply ml-24 my-8 list-circle;
|
439
563
|
}
|
440
564
|
|
441
565
|
.ui-ordered-list ol {
|
442
|
-
@apply ml-24
|
566
|
+
@apply ml-24 my-16 list-decimal;
|
443
567
|
}
|
444
568
|
|
445
569
|
.ui-unordered-list ul ul {
|
446
|
-
@apply list-square;
|
447
|
-
}
|
448
|
-
|
449
|
-
.ui-unordered-list-with-emphasis {
|
450
|
-
@apply text-p1 font-light text-cool-black;
|
451
|
-
@apply list-disc ml-32 mt-32 -mb-12;
|
452
|
-
}
|
453
|
-
|
454
|
-
.ui-unordered-list-with-emphasis li div {
|
455
|
-
@apply relative -top-12;
|
570
|
+
@apply list-square my-8;
|
456
571
|
}
|
457
572
|
|
458
|
-
.ui-unordered-list
|
459
|
-
@apply
|
460
|
-
}
|
461
|
-
|
462
|
-
.ui-unordered-list-with-emphasis ul {
|
463
|
-
margin-top: calc(var(--spacing-16) + var(--spacing-8));
|
464
|
-
@apply ml-24 list-circle;
|
465
|
-
}
|
466
|
-
|
467
|
-
.ui-unordered-list-with-emphasis ul ul {
|
468
|
-
@apply list-square;
|
573
|
+
.ui-unordered-list ul ul {
|
574
|
+
@apply my-8;
|
469
575
|
}
|
470
576
|
|
471
577
|
.ui-link {
|
@@ -480,14 +586,18 @@
|
|
480
586
|
@apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
|
481
587
|
@apply underline;
|
482
588
|
}
|
589
|
+
|
590
|
+
.ui-figcaption {
|
591
|
+
@apply font-mono text-p3 text-neutral-800;
|
592
|
+
}
|
483
593
|
}
|
484
594
|
@layer components {
|
485
595
|
.ui-checkbox-p1 {
|
486
|
-
@apply flex items-start mb-16 font-sans;
|
596
|
+
@apply flex items-start mb-16 font-sans font-medium;
|
487
597
|
}
|
488
598
|
|
489
599
|
.ui-checkbox-p2 {
|
490
|
-
@apply flex items-start mb-12 font-sans;
|
600
|
+
@apply flex items-start mb-12 font-sans font-medium;
|
491
601
|
}
|
492
602
|
|
493
603
|
.ui-checkbox-input {
|
@@ -506,12 +616,12 @@
|
|
506
616
|
|
507
617
|
.ui-checkbox-label-p1 {
|
508
618
|
@apply select-none;
|
509
|
-
@apply text-p1 font-
|
619
|
+
@apply text-p1 font-medium text-cool-black;
|
510
620
|
}
|
511
621
|
|
512
622
|
.ui-checkbox-label-p2 {
|
513
623
|
@apply select-none;
|
514
|
-
@apply text-p2 font-
|
624
|
+
@apply text-p2 font-medium text-cool-black;
|
515
625
|
}
|
516
626
|
|
517
627
|
.ui-checkbox-input:disabled + .ui-checkbox-styled {
|
@@ -532,7 +642,7 @@
|
|
532
642
|
}
|
533
643
|
|
534
644
|
.ui-textarea {
|
535
|
-
@apply font-sans font-
|
645
|
+
@apply font-sans font-medium text-cool-black text-p1;
|
536
646
|
@apply p-input mb-16;
|
537
647
|
@apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
|
538
648
|
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
@@ -553,7 +663,7 @@
|
|
553
663
|
}
|
554
664
|
@layer components {
|
555
665
|
.ui-input {
|
556
|
-
@apply text-p2 font-
|
666
|
+
@apply text-p2 font-medium bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
|
557
667
|
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
558
668
|
@apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
|
559
669
|
@apply max-w-screen-sm;
|