ably-ui 6.0.1 → 6.1.0.dev.c60d872
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/lib/ably_ui/core/company_autocomplete/component.css +46 -0
- data/lib/ably_ui/core/company_autocomplete/component.js +1 -0
- data/lib/ably_ui/core/core.base.css +1 -0
- data/lib/ably_ui/core/core.components.css +49 -0
- data/lib/ably_ui/core/icon/component.css +1 -0
- data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +6 -0
- data/lib/ably_ui/core/styles.base.css +1 -0
- data/lib/ably_ui/core/styles.components.css +49 -0
- data/lib/ably_ui/react/connect_state_wrapper/component.js +1 -0
- data/lib/ably_ui/react/scripts.js +1 -0
- data/lib/ably_ui/version.rb +1 -1
- metadata +17 -8
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4349e3171b486c84ff9cf8cbf687f3366a1463081714fecc781ba0fbfa7511a6
|
4
|
+
data.tar.gz: efb49e115baffcad51a780c8f672df0e8cae4c23230e0814e2a15754af66bf6d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c44a866438863e842c73b5629614df781e3b7bb9b4ee9f2120014eca90cd577f81df8b355ed18bf43d03638a92ada336c12475acee5a5b1f8c103a58612b2e3c
|
7
|
+
data.tar.gz: 556e61c627ccd746b60beebd188b4863f611ef23633286eef612bc20ad8445c3d56f0bb837c3a919fa1e1034ba1fa5eaafabc05c596ca63976c4d41e650943d3
|
data/Gemfile.lock
CHANGED
@@ -0,0 +1,46 @@
|
|
1
|
+
@layer components {
|
2
|
+
.ui-company-autocomplete-container {
|
3
|
+
@apply shadow-container absolute bg-white w-full z-10 font-sans;
|
4
|
+
}
|
5
|
+
|
6
|
+
.ui-company-autocomplete-list {
|
7
|
+
@apply border border-mid-grey border-t-0;
|
8
|
+
}
|
9
|
+
|
10
|
+
.ui-company-autocomplete-listitem {
|
11
|
+
@apply border-b border-mid-grey h-48;
|
12
|
+
}
|
13
|
+
|
14
|
+
.ui-company-autocomplete-btn {
|
15
|
+
@apply h-full w-full flex items-center py-4 px-12;
|
16
|
+
}
|
17
|
+
|
18
|
+
.ui-company-autocomplete-btn:focus {
|
19
|
+
@apply focus:text-gui-focus;
|
20
|
+
}
|
21
|
+
|
22
|
+
.ui-company-autocomplete-listitem:last-child {
|
23
|
+
@apply border-b-0;
|
24
|
+
}
|
25
|
+
|
26
|
+
.ui-company-autocomplete-listitem:hover {
|
27
|
+
@apply bg-light-grey cursor-pointer;
|
28
|
+
}
|
29
|
+
|
30
|
+
.ui-company-autocomplete-listitem:hover .ui-company-autocomplete-name {
|
31
|
+
@apply text-gui-hover;
|
32
|
+
}
|
33
|
+
|
34
|
+
.ui-company-autocomplete-logo {
|
35
|
+
@apply w-32;
|
36
|
+
}
|
37
|
+
|
38
|
+
.ui-company-autocomplete-name {
|
39
|
+
@apply font-sans font-light text-cool-black ml-8 text-p3 text-left;
|
40
|
+
}
|
41
|
+
|
42
|
+
.ui-company-autocomplete-domain {
|
43
|
+
@apply font-sans font-light text-dark-grey ml-auto text-p3;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.AblyUi=e():(t.AblyUi=t.AblyUi||{},t.AblyUi.Core=t.AblyUi.Core||{},t.AblyUi.Core.CompanyAutocomplete=e())}(this,(function(){return(()=>{var t={7757:(t,e,r)=>{t.exports=r(5666)},3096:(t,e,r)=>{var n="Expected a function",o=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,c=/^0o[0-7]+$/i,u=parseInt,f="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g,l="object"==typeof self&&self&&self.Object===Object&&self,s=f||l||Function("return this")(),p=Object.prototype.toString,d=Math.max,h=Math.min,v=function(){return s.Date.now()};function y(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function m(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==p.call(t)}(t))return NaN;if(y(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=y(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(o,"");var r=a.test(t);return r||c.test(t)?u(t.slice(2),r?2:8):i.test(t)?NaN:+t}t.exports=function(t,e,r){var o=!0,i=!0;if("function"!=typeof t)throw new TypeError(n);return y(r)&&(o="leading"in r?!!r.leading:o,i="trailing"in r?!!r.trailing:i),function(t,e,r){var o,i,a,c,u,f,l=0,s=!1,p=!1,g=!0;if("function"!=typeof t)throw new TypeError(n);function w(e){var r=o,n=i;return o=i=void 0,l=e,c=t.apply(n,r)}function b(t){return l=t,u=setTimeout(E,e),s?w(t):c}function x(t){var r=t-f;return void 0===f||r>=e||r<0||p&&t-l>=a}function E(){var t=v();if(x(t))return L(t);u=setTimeout(E,function(t){var r=e-(t-f);return p?h(r,a-(t-l)):r}(t))}function L(t){return u=void 0,g&&o?w(t):(o=i=void 0,c)}function j(){var t=v(),r=x(t);if(o=arguments,i=this,f=t,r){if(void 0===u)return b(f);if(p)return u=setTimeout(E,e),w(f)}return void 0===u&&(u=setTimeout(E,e)),c}return e=m(e)||0,y(r)&&(s=!!r.leading,a=(p="maxWait"in r)?d(m(r.maxWait)||0,e):a,g="trailing"in r?!!r.trailing:g),j.cancel=function(){void 0!==u&&clearTimeout(u),l=0,o=f=i=u=void 0},j.flush=function(){return void 0===u?c:L(v())},j}(t,e,{leading:o,maxWait:e,trailing:i})}},5666: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 f(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=s;return function(o,i){if(n===d)throw new Error("Generator is already running");if(n===h){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=O(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===s)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=f;var s="suspendedStart",p="suspendedYield",d="executing",h="completed",v={};function y(){}function m(){}function g(){}var w={};w[i]=function(){return this};var b=Object.getPrototypeOf,x=b&&b(b(N([])));x&&x!==r&&n.call(x,i)&&(w=x);var E=g.prototype=y.prototype=Object.create(w);function L(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function j(t,e){function r(o,i,a,c){var u=l(t[o],t,i);if("throw"!==u.type){var f=u.arg,s=f.value;return s&&"object"==typeof s&&n.call(s,"__await")?e.resolve(s.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(s).then((function(t){f.value=t,a(f)}),(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 O(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,O(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 T(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){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(T,this),this.reset(!0)}function N(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:S}}function S(){return{value:e,done:!0}}return m.prototype=E.constructor=g,g.constructor=m,m.displayName=u(g,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===m||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,u(t,c,"GeneratorFunction")),t.prototype=Object.create(E),t},t.awrap=function(t){return{__await:t}},L(j.prototype),j.prototype[a]=function(){return this},t.AsyncIterator=j,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new j(f(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),u(E,c,"Generator"),E[i]=function(){return this},E.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=N,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(_),!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"),f=n.call(a,"finallyLoc");if(u&&f){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(!f)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),_(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;_(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(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)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};return(()=>{"use strict";r.d(n,{default:()=>h});var t=r(7757),e=r.n(t),o=r(3096),i=r.n(o);function a(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)}function c(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function c(t){a(i,n,o,c,u,"next",t)}function u(t){a(i,n,o,c,u,"throw",t)}c(void 0)}))}}var u=function(t){return t.parentNode.querySelector("[data-id=company-autocomplete-dropdown]")},f=function(t){return t?t.querySelectorAll("li > button"):[]},l=function(t){return Array.from(t).indexOf(document.activeElement)},s=function(t){var e=u(t);e&&(e.classList.add("hidden"),e.querySelector("ol").innerHTML="")},p=function(t,e){var r=t.parentNode,n=function(t){var e=u(t);if(!e){t.parentNode.style.position="relative",(e=document.createElement("div")).dataset.id="company-autocomplete-dropdown",e.classList.add("ui-company-autocomplete-container");var r=document.createElement("ol");return r.classList.add("ui-company-autocomplete-list"),{container:e,list:r}}return{container:e,list:e.querySelector("ol")}}(t),o=n.container,i=n.list,a=function(t){return t.map((function(t){var e=document.createElement("li");e.classList.add("ui-company-autocomplete-listitem");var r=document.createElement("button");r.classList.add("ui-company-autocomplete-btn"),r.dataset.name=t.name;var n=document.createElement("img");n.alt="".concat(t.name," logo"),n.src=t.logo,n.classList.add("ui-company-autocomplete-logo");var o=document.createElement("p");o.textContent=t.name,o.classList.add("ui-company-autocomplete-name");var i=document.createElement("p");return i.textContent=t.domain,i.classList.add("ui-company-autocomplete-domain"),r.append(n),r.append(o),r.append(i),e.append(r),e}))}(e);s(t),a.forEach((function(r,n){i.append(r),r.addEventListener("click",(function(r){t.value=e[n].name,r.preventDefault()}))})),o.append(i),o.classList.remove("hidden"),r.append(o)},d=function(){var t=c(e().mark((function t(r,n){var o,i;return e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,n){t.next=3;break}return t.abrupt("return",[]);case 3:return t.next=5,fetch("".concat(r,"?query=").concat(n));case 5:return o=t.sent,t.next=8,o.json();case 8:return i=t.sent,t.abrupt("return",i);case 12:return t.prev=12,t.t0=t.catch(0),console.error(t.t0),t.abrupt("return",[]);case 16:case"end":return t.stop()}}),t,null,[[0,12]])})));return function(e,r){return t.apply(this,arguments)}}();const h=function(t,r){t&&r&&(t.addEventListener("keyup",i()(function(){var n=c(e().mark((function n(o){var i,a;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!["Enter","Space","Tab","Escape"].includes(o.code)){e.next=2;break}return e.abrupt("return");case 2:return i=o.target.value,e.next=5,d(r,i);case 5:(a=e.sent)&&a.length>0&&p(t,a);case 7:case"end":return e.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),100,{trailing:!0})),t.parentNode.addEventListener("keydown",(function(e){"ArrowDown"===e.code?function(t,e){var r=u(t),n=f(r),o=l(n);0!==n.length&&(document.activeElement===t?n[0].focus():o>=0&&o<n.length-1&&n[o+1].focus(),e.preventDefault())}(t,e):"ArrowUp"===e.code?function(t,e){var r=u(t),n=f(r),o=l(n);0!==n.length&&(0===o?t.focus():o>0&&n[o-1].focus(),e.preventDefault())}(t,e):"Enter"===e.code||"Space"===e.code?function(t,e){e.target.dataset.name&&(t.value=e.target.dataset.name,s(t),t.focus(),e.preventDefault())}(t,e):"Tab"===e.code?function(t,e){var r=u(t),n=f(r),o=l(n);(document.activeElement===t&&e.shiftKey||o===n.length-1)&&s(t)}(t,e):"Escape"===e.code&&s(t)})),document.body.addEventListener("click",(function(){s(t)})))}})(),n.default})()}));
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "./styles/properties.css";
|
@@ -0,0 +1,49 @@
|
|
1
|
+
@import "./styles/buttons.css";
|
2
|
+
@import "./styles/layout.css";
|
3
|
+
@import "./styles/text.css";
|
4
|
+
|
5
|
+
@layer components {
|
6
|
+
.ui-input {
|
7
|
+
@apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
|
8
|
+
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
9
|
+
@apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
|
10
|
+
@apply max-w-screen-sm;
|
11
|
+
}
|
12
|
+
|
13
|
+
/* Basis for icon component */
|
14
|
+
.ui-icon-cool-black {
|
15
|
+
stroke: var(--color-cool-black);
|
16
|
+
}
|
17
|
+
|
18
|
+
.ui-icon-white {
|
19
|
+
stroke: var(--color-white);
|
20
|
+
}
|
21
|
+
|
22
|
+
.ui-icon-dark-grey {
|
23
|
+
stroke: var(--color-dark-grey);
|
24
|
+
}
|
25
|
+
|
26
|
+
/* Extend how tailwind does group hover for icons */
|
27
|
+
.group {
|
28
|
+
&:hover {
|
29
|
+
.group-hover\:icon-gui-hover {
|
30
|
+
stroke: var(--color-gui-hover);
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
&:focus {
|
35
|
+
.group-focus\:icon-gui-focus {
|
36
|
+
stroke: var(--color-gui-focus);
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
.ui-version-tag {
|
42
|
+
@apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
|
43
|
+
|
44
|
+
position: relative;
|
45
|
+
vertical-align: super;
|
46
|
+
margin-left: 3px;
|
47
|
+
font-size: 8px;
|
48
|
+
}
|
49
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -35,6 +35,12 @@
|
|
35
35
|
<p class="ui-meganav-media-copy">Augment your apps with realtime updates like weather or transit.</p>
|
36
36
|
<% end %>
|
37
37
|
</li>
|
38
|
+
<li>
|
39
|
+
<%= link_to abs_url("/periodic-table-of-realtime"), class: "ui-meganav-media group" do %>
|
40
|
+
<p class="ui-meganav-media-heading">The Periodic Table of Realtime</p>
|
41
|
+
<p class="ui-meganav-media-copy">A compendium for all things realtime and event-driven.</p>
|
42
|
+
<% end %>
|
43
|
+
</li>
|
38
44
|
</ul>
|
39
45
|
</div>
|
40
46
|
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "./styles/properties.css";
|
@@ -0,0 +1,49 @@
|
|
1
|
+
@import "./styles/buttons.css";
|
2
|
+
@import "./styles/layout.css";
|
3
|
+
@import "./styles/text.css";
|
4
|
+
|
5
|
+
@layer components {
|
6
|
+
.ui-input {
|
7
|
+
@apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
|
8
|
+
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
9
|
+
@apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
|
10
|
+
@apply max-w-screen-sm;
|
11
|
+
}
|
12
|
+
|
13
|
+
/* Basis for icon component */
|
14
|
+
.ui-icon-cool-black {
|
15
|
+
stroke: var(--color-cool-black);
|
16
|
+
}
|
17
|
+
|
18
|
+
.ui-icon-white {
|
19
|
+
stroke: var(--color-white);
|
20
|
+
}
|
21
|
+
|
22
|
+
.ui-icon-dark-grey {
|
23
|
+
stroke: var(--color-dark-grey);
|
24
|
+
}
|
25
|
+
|
26
|
+
/* Extend how tailwind does group hover for icons */
|
27
|
+
.group {
|
28
|
+
&:hover {
|
29
|
+
.group-hover\:icon-gui-hover {
|
30
|
+
stroke: var(--color-gui-hover);
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
&:focus {
|
35
|
+
.group-focus\:icon-gui-focus {
|
36
|
+
stroke: var(--color-gui-focus);
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
.ui-version-tag {
|
42
|
+
@apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
|
43
|
+
|
44
|
+
position: relative;
|
45
|
+
vertical-align: super;
|
46
|
+
margin-left: 3px;
|
47
|
+
font-size: 8px;
|
48
|
+
}
|
49
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.React=e.AblyUi.React||{},e.AblyUi.React.ConnectStateWrapper=t())}(this,(function(){return{}.default}));
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define([,],t):"object"==typeof exports?exports.AblyUi=t(require("react"),require("react-dom")):(e.AblyUi=e.AblyUi||{},e.AblyUi.React=t(e[void 0],e[void 0]))}(this,(function(e,t){return(()=>{"use strict";var r={281:t=>{t.exports=e},645:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{reactRenderer:()=>i});var e=a(281),t=a.n(e),r=a(645),o=a.n(r);function i(e){var r=document.querySelectorAll("[data-react]");Array.from(r).forEach((function(r){var a=r.getAttribute("data-react"),n=e[a];if(!n)throw new Error('Found a data-react attribute with "'.concat(a,'" but no matching component.'));var i=r.getAttribute("data-react-props"),c=i&&JSON.parse(i||{});o().render(t().createElement(n,c),r),r.removeAttribute("data-react"),r.removeAttribute("data-react-props")}))}})(),n})()}));
|
data/lib/ably_ui/version.rb
CHANGED
metadata
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: ably-ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 6.0.
|
4
|
+
version: 6.1.0.dev.c60d872
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Dominik Piatek
|
8
8
|
- Arti Mathanda
|
9
9
|
- Bruce Thomas
|
10
|
-
autorequire:
|
10
|
+
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date:
|
13
|
+
date: 2022-01-24 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: view_component
|
@@ -26,7 +26,7 @@ dependencies:
|
|
26
26
|
- - "~>"
|
27
27
|
- !ruby/object:Gem::Version
|
28
28
|
version: 2.33.0
|
29
|
-
description:
|
29
|
+
description:
|
30
30
|
email:
|
31
31
|
- dominik.piatek@ably.com
|
32
32
|
- arti.mathanda@ably.com
|
@@ -45,6 +45,8 @@ files:
|
|
45
45
|
- lib/ably_ui/core/code/code.rb
|
46
46
|
- lib/ably_ui/core/code/component.css
|
47
47
|
- lib/ably_ui/core/code/component.js
|
48
|
+
- lib/ably_ui/core/company_autocomplete/component.css
|
49
|
+
- lib/ably_ui/core/company_autocomplete/component.js
|
48
50
|
- lib/ably_ui/core/connect_state_wrapper/component.js
|
49
51
|
- lib/ably_ui/core/contact_footer/component.css
|
50
52
|
- lib/ably_ui/core/contact_footer/component.js
|
@@ -52,6 +54,8 @@ files:
|
|
52
54
|
- lib/ably_ui/core/contact_footer/contact_footer.rb
|
53
55
|
- lib/ably_ui/core/cookie_message/component.css
|
54
56
|
- lib/ably_ui/core/cookie_message/component.js
|
57
|
+
- lib/ably_ui/core/core.base.css
|
58
|
+
- lib/ably_ui/core/core.components.css
|
55
59
|
- lib/ably_ui/core/core.rb
|
56
60
|
- lib/ably_ui/core/customer_logos/component.js
|
57
61
|
- lib/ably_ui/core/customer_logos/customer_logos.html.erb
|
@@ -87,6 +91,7 @@ files:
|
|
87
91
|
- lib/ably_ui/core/footer/component.js
|
88
92
|
- lib/ably_ui/core/footer/footer.html.erb
|
89
93
|
- lib/ably_ui/core/footer/footer.rb
|
94
|
+
- lib/ably_ui/core/icon/component.css
|
90
95
|
- lib/ably_ui/core/icon/component.js
|
91
96
|
- lib/ably_ui/core/icon/icon.html.erb
|
92
97
|
- lib/ably_ui/core/icon/icon.rb
|
@@ -183,11 +188,15 @@ files:
|
|
183
188
|
- lib/ably_ui/core/slider/slider.html.erb
|
184
189
|
- lib/ably_ui/core/slider/slider.rb
|
185
190
|
- lib/ably_ui/core/sprites.svg
|
191
|
+
- lib/ably_ui/core/styles.base.css
|
192
|
+
- lib/ably_ui/core/styles.components.css
|
186
193
|
- lib/ably_ui/core/styles.css
|
187
194
|
- lib/ably_ui/core/uptime/component.css
|
188
195
|
- lib/ably_ui/core/uptime/component.js
|
189
196
|
- lib/ably_ui/core/uptime/uptime.html.erb
|
190
197
|
- lib/ably_ui/core/uptime/uptime.rb
|
198
|
+
- lib/ably_ui/react/connect_state_wrapper/component.js
|
199
|
+
- lib/ably_ui/react/scripts.js
|
191
200
|
- lib/ably_ui/reset/scripts.js
|
192
201
|
- lib/ably_ui/reset/styles.css
|
193
202
|
- lib/ably_ui/version.rb
|
@@ -196,7 +205,7 @@ licenses:
|
|
196
205
|
- Apache-2.0
|
197
206
|
metadata:
|
198
207
|
source_code_uri: https://github.com/ably/ably-ui
|
199
|
-
post_install_message:
|
208
|
+
post_install_message:
|
200
209
|
rdoc_options: []
|
201
210
|
require_paths:
|
202
211
|
- lib
|
@@ -207,12 +216,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
207
216
|
version: '0'
|
208
217
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
209
218
|
requirements:
|
210
|
-
- - "
|
219
|
+
- - ">"
|
211
220
|
- !ruby/object:Gem::Version
|
212
|
-
version:
|
221
|
+
version: 1.3.1
|
213
222
|
requirements: []
|
214
223
|
rubygems_version: 3.2.3
|
215
|
-
signing_key:
|
224
|
+
signing_key:
|
216
225
|
specification_version: 4
|
217
226
|
summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
|
218
227
|
test_files: []
|