ably-ui 6.0.0 → 6.0.1.dev.2e2d2c8
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/styles.base.css +1 -0
- data/lib/ably_ui/core/styles.components.css +49 -0
- data/lib/ably_ui/core/styles.css +5 -5
- 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: 7c25dac751aec98f36bdcad53ef4ff749c738f1489927706d0c6ea5f1387e5b6
|
4
|
+
data.tar.gz: 7c3c8bba0dc5c0c68eab410169bb9b177202119f6f1543dc745eade6e9c5097a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0a6d98eb188245ca2f73e9a273ef3dad3ff01eee395b99f983dd1094dc6f80a69148280209bfb0041665f684ded3d27ee4b6f70f1ecfb1eb4d611fd7232f0ebc
|
7
|
+
data.tar.gz: 1d4bb8f4122de07c0fbc0a750630683be62792508821d9fe90a6ec722178ec9b20cd5c2c9a70f9f79b59551d18cc93f6847ebd88a1ed1fbb2e04e6d4ee768a8d
|
data/Gemfile.lock
CHANGED
@@ -0,0 +1,46 @@
|
|
1
|
+
@layer components {
|
2
|
+
.ws-company-autocomplete-container {
|
3
|
+
@apply shadow-container absolute bg-white w-full z-10 font-sans;
|
4
|
+
}
|
5
|
+
|
6
|
+
.ws-company-autocomplete-list {
|
7
|
+
@apply border border-mid-grey border-t-0;
|
8
|
+
}
|
9
|
+
|
10
|
+
.ws-company-autocomplete-listitem {
|
11
|
+
@apply border-b border-mid-grey h-48;
|
12
|
+
}
|
13
|
+
|
14
|
+
.ws-company-autocomplete-btn {
|
15
|
+
@apply h-full w-full flex items-center py-4 px-12;
|
16
|
+
}
|
17
|
+
|
18
|
+
.ws-company-autocomplete-btn:focus {
|
19
|
+
@apply focus:text-gui-focus;
|
20
|
+
}
|
21
|
+
|
22
|
+
.ws-company-autocomplete-listitem:last-child {
|
23
|
+
@apply border-b-0;
|
24
|
+
}
|
25
|
+
|
26
|
+
.ws-company-autocomplete-listitem:hover {
|
27
|
+
@apply bg-light-grey cursor-pointer;
|
28
|
+
}
|
29
|
+
|
30
|
+
.ws-company-autocomplete-listitem:hover .ws-company-autocomplete-name {
|
31
|
+
@apply text-gui-hover;
|
32
|
+
}
|
33
|
+
|
34
|
+
.ws-company-autocomplete-logo {
|
35
|
+
@apply w-32;
|
36
|
+
}
|
37
|
+
|
38
|
+
.ws-company-autocomplete-name {
|
39
|
+
@apply font-sans font-light text-cool-black ml-8 text-p3 text-left;
|
40
|
+
}
|
41
|
+
|
42
|
+
.ws-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,s="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g,f="object"==typeof self&&self&&self.Object===Object&&self,l=s||f||Function("return this")(),p=Object.prototype.toString,d=Math.max,h=Math.min,v=function(){return l.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,s,f=0,l=!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,f=e,c=t.apply(n,r)}function b(t){return f=t,u=setTimeout(E,e),l?w(t):c}function x(t){var r=t-s;return void 0===s||r>=e||r<0||p&&t-f>=a}function E(){var t=v();if(x(t))return L(t);u=setTimeout(E,function(t){var r=e-(t-s);return p?h(r,a-(t-f)):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,s=t,r){if(void 0===u)return b(s);if(p)return u=setTimeout(E,e),w(s)}return void 0===u&&(u=setTimeout(E,e)),c}return e=m(e)||0,y(r)&&(l=!!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),f=0,o=s=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 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=l;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===l)throw n=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=d;var u=f(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 f(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l="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=f(t[o],t,i);if("throw"!==u.type){var s=u.arg,l=s.value;return l&&"object"==typeof l&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(l).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 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=f(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(s(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"),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),_(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:()=>w});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="https://autocomplete.clearbit.com/v1/companies/suggest",s=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)},p=function(t){var e=s(t);e&&(e.classList.add("hidden"),e.querySelector("ol").innerHTML="")},d=function(t,e){var r=t.parentNode,n=function(t){var e=s(t);if(!e){t.parentNode.style.position="relative",(e=document.createElement("div")).dataset.id="company-autocomplete-dropdown",e.classList.add("ws-company-autocomplete-container");var r=document.createElement("ol");return r.classList.add("ws-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("ws-company-autocomplete-listitem");var r=document.createElement("button");r.classList.add("ws-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("ws-company-autocomplete-logo");var o=document.createElement("p");o.textContent=t.name,o.classList.add("ws-company-autocomplete-name");var i=document.createElement("p");return i.textContent=t.domain,i.classList.add("ws-company-autocomplete-domain"),r.append(n),r.append(o),r.append(i),e.append(r),e}))}(e);p(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)},h=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)}}(),v=function(t,e){var r=s(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())},y=function(t,e){var r=s(t),n=f(r),o=l(n);0!==n.length&&(0===o?t.focus():o>0&&n[o-1].focus(),e.preventDefault())},m=function(t,e){var r=s(t),n=f(r),o=l(n);(document.activeElement===t&&e.shiftKey||o===n.length-1)&&p(t)},g=function(t,e){e.target.dataset.name&&(t.value=e.target.dataset.name,p(t),t.focus(),e.preventDefault())};const w=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:u;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,h(r,i);case 5:(a=e.sent)&&a.length>0&&d(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?v(t,e):"ArrowUp"===e.code?y(t,e):"Enter"===e.code||"Space"===e.code?g(t,e):"Tab"===e.code?m(t,e):"Escape"===e.code&&p(t)})),document.body.addEventListener("click",(function(){p(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
|
+
|
@@ -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
|
+
}
|
data/lib/ably_ui/core/styles.css
CHANGED
@@ -175,7 +175,7 @@
|
|
175
175
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
176
176
|
@apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
|
177
177
|
@apply transition-colors;
|
178
|
-
@apply flex items-center;
|
178
|
+
@apply inline-flex items-center justify-center;
|
179
179
|
}
|
180
180
|
|
181
181
|
.ui-btn-alt {
|
@@ -195,7 +195,7 @@
|
|
195
195
|
|
196
196
|
@apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
|
197
197
|
@apply focus:outline-gui-focus;
|
198
|
-
@apply flex items-center;
|
198
|
+
@apply inline-flex items-center justify-center;
|
199
199
|
}
|
200
200
|
|
201
201
|
.ui-btn-alt:hover,
|
@@ -215,7 +215,7 @@
|
|
215
215
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
216
216
|
@apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
|
217
217
|
@apply transition-colors;
|
218
|
-
@apply flex items-center;
|
218
|
+
@apply inline-flex items-center justify-center;
|
219
219
|
}
|
220
220
|
|
221
221
|
.ui-btn-secondary {
|
@@ -225,7 +225,7 @@
|
|
225
225
|
@apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
|
226
226
|
@apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:bg-white disabled:cursor-not-allowed;
|
227
227
|
@apply transition-colors;
|
228
|
-
@apply flex items-center;
|
228
|
+
@apply inline-flex items-center justify-center;
|
229
229
|
}
|
230
230
|
|
231
231
|
.ui-btn-secondary-invert {
|
@@ -235,7 +235,7 @@
|
|
235
235
|
@apply focus:outline-gui-focus;
|
236
236
|
@apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:cursor-not-allowed;
|
237
237
|
@apply transition-colors;
|
238
|
-
@apply flex items-center;
|
238
|
+
@apply inline-flex items-center justify-center;
|
239
239
|
}
|
240
240
|
|
241
241
|
.ui-btn-icon {
|
@@ -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.0.1.dev.2e2d2c8
|
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-20 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: []
|