ably-ui 6.0.0 → 6.0.1.dev.2e2d2c8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b6f484f182f3a8dc81de63dd443993b54596a53aecf6fa12222183ef4bbfaf66
4
- data.tar.gz: 492ba25b285b7636a0cd749352751843a55c6e03ed11387b3880c9ab292651bd
3
+ metadata.gz: 7c25dac751aec98f36bdcad53ef4ff749c738f1489927706d0c6ea5f1387e5b6
4
+ data.tar.gz: 7c3c8bba0dc5c0c68eab410169bb9b177202119f6f1543dc745eade6e9c5097a
5
5
  SHA512:
6
- metadata.gz: 62bb73319cfb84b17afc6ec409135101700d2377cf467361c03cdff7cc591092ce92230b591bc92491ec08438f84b0c38e96ad58b8a3ace8bac8417efce6f477
7
- data.tar.gz: 87c77813e5826c3245ac1c3fa8613740441a8badf5f15a7868b1fb3d7c03b8ec44bd3309c90db7133b1d1077f951aab1fca3811fc80e69d67fc2d54bf8292fa2
6
+ metadata.gz: 0a6d98eb188245ca2f73e9a273ef3dad3ff01eee395b99f983dd1094dc6f80a69148280209bfb0041665f684ded3d27ee4b6f70f1ecfb1eb4d611fd7232f0ebc
7
+ data.tar.gz: 1d4bb8f4122de07c0fbc0a750630683be62792508821d9fe90a6ec722178ec9b20cd5c2c9a70f9f79b59551d18cc93f6847ebd88a1ed1fbb2e04e6d4ee768a8d
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (5.3.0.dev.3c981a4)
4
+ ably-ui (6.0.1)
5
5
  view_component (~> 2.33.0)
6
6
 
7
7
  GEM
@@ -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
+ }
@@ -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})()}));
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '6.0.0'
2
+ VERSION = '6.0.1.dev.2e2d2c8'
3
3
  end
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.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: 2021-12-01 00:00:00.000000000 Z
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: '0'
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: []