ably-ui 4.2.0.dev.04ce1ff → 5.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3e9bcbf240a0a1b7b1ed243c7093590ed8be5713a3b806b035d012037b40d6a3
-  data.tar.gz: 330b62568bc989475fe6fd50ee34c223bd4d3d6a33c298affbf33be0741c5667
+  metadata.gz: 6affdd374453898a61eab4a3b46c740ea6e743f28610753701a1cb370f069a21
+  data.tar.gz: c0a099bf76000b63c15dbef975622a5913faa2cdd1dbbffc9d8c74a0e6c0375e
 SHA512:
-  metadata.gz: 46f4b7d0fe610d29029e0bbf0ab1288f15a4adf2133aab21b78f9edaaa3384ed31790e2ff61c2208bef40becdb2ac409d2046bd28619e9b59cf131398ad4cfef
-  data.tar.gz: 99e9c11d107b617943e401fc7c1e0ba6b0a2bb5c4f33fe3f016c734456dc947039ad569fe811f6006e6fb719cf4d84b332f2b7dd08d6365030e0b3bb03d2245c
+  metadata.gz: 063f4de46d58e22998eb466258b3644d4a153210f46b4d9f5e071a61c15fa6aa27bf097633ede1b906d55b2c2fa7868401ed9f8c4da278472b81c7903a78a93a
+  data.tar.gz: a6e7268c83a6938c21bcd2fcd413e7e731088c3029dff0d70c5d660555519955716c10e9f41b3a5a2ce6b8b1f473427d8a24e7082b9d39aedb7575356f3a522d

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (4.2.0)
+    ably-ui (4.2.0.dev.f1eb220)
       view_component (~> 2.33.0)
 
 GEM

data/README.md

@@ -34,8 +34,6 @@ Each module, apart from components, exposes a `scripts.js`, `styles.css` and `MO
 
 This type of installation gives you access to module/components assets as well as React components.
 
-Note, the package is currently hosted in our private GitHub registry, so you will need a `GITHUB_REGISTRY_TOKEN` environment variable in your shell to be able to install it. See [here](https://docs.github.com/en/free-pro-team@latest/github/authenticating-to-github/creating-a-personal-access-token) for instructions on obtaining one.
-
 ```bash
 npm install @ably/ui
 
@@ -123,18 +121,9 @@ To use `ably-ui` with [Ruby on Rails](https://rubyonrails.org/) add the `ably-ui
 ```ruby
 gem 'ably-ui',
     '1.0.0',
-    require: 'ably_ui',
-    source: 'https://rubygems.pkg.github.com/ably'
-```
-
-And then run:
-
-```bash
-bundle config https://rubygems.pkg.github.com/ably USERNAME:TOKEN
+    require: 'ably_ui'
 ```
 
-Where `USERNAME` is your GitHub username (without the `@`) and TOKEN is your [GitHub access token](https://docs.github.com/en/free-pro-team@latest/github/authenticating-to-github/creating-a-personal-access-token). This is required because the gem is downloaded from a private gem registry on GitHub.
-
 Components are exposed as [View Components](https://github.com/github/view_component) and should be available in any view:
 
 ```erb
@@ -268,13 +257,20 @@ Then change back `path` to source `source` in the `Gemfile`. If you need to upda
 
 Make sure you commit & push your work and remove the [development-specific config](#using-the-development-build-of-ably-ui-in-the-preview-app) before doing this.
 
-You will need to authenticate with the GitHub [NPM registry](https://docs.github.com/en/free-pro-team@latest/packages/using-github-packages-with-your-projects-ecosystem/configuring-npm-for-use-with-github-packages#authenticating-to-github-packages) and [gem registry](https://docs.github.com/en/free-pro-team@latest/packages/using-github-packages-with-your-projects-ecosystem/configuring-rubygems-for-use-with-github-packages#authenticating-with-a-personal-access-token) to publish.
+You will need to authenticate with [npmjs](https://docs.npmjs.com/creating-and-viewing-access-tokens) and [Ruby Gems](https://guides.rubygems.org/api-key-scopes/) to publish.
 
 After the above, you should have:
 
-- GITHUB_REGISTRY_TOKEN set in your environment (`.npmrc` will read from it)
-- you should do registry login as described in the above docs with your GitHub username and password
-- a `~/.gem/credentials` file with a `:github: Bearer TOKEN` (replace GITHUB_REGISTRY_TOKEN with your token - interpolation does not work here)
+- NPM_TOKEN set in your environment
+- `.npmrc` file to read NPM_TOKEN from your environment like this:
+  ```
+  //registry.npmjs.org/:_authToken=${NPM_TOKEN}
+  ```
+- a `~/.gem/credentials` file that has your Rubygems API key:
+  ```
+  ---
+  :rubygems_api_key: REPLACE_THIS_WITH_YOUR_OWN_API_KEY
+  ```
 
 To deploy a review app with your in-progress code, you can use the `pre-release` script:
 
@@ -389,7 +385,7 @@ This will trigger GitHub actions in supported apps (currently [Voltaire](http://
 **To trigger a release:**
 
 - Merge your PR into `main`.
-- On the Github [Ably-UI](http://github.com/ably/ui) repo, [create a new release](https://github.com/ably/ui/releases/new) tag.
+- On the Github [Ably-UI](http://github.com/ably/ably-ui) repo, [create a new release](https://github.com/ably/ably-ui/releases/new) tag.
 - Create a new tag with the new version number for the release.
   - _Do not prefix the tag with a `v`_
 - Add a meaningful title for the Release.

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '4.2.0.dev.04ce1ff'
+  VERSION = '5.0.0'
 end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 4.2.0.dev.04ce1ff
+  version: 5.0.0
 platform: ruby
 authors:
 - Dominik Piatek
 - Arti Mathanda
 - Bruce Thomas
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-10-21 00:00:00.000000000 Z
+date: 2021-10-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -26,7 +26,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 2.33.0
-description:
+description: 
 email:
 - dominik.piatek@ably.com
 - arti.mathanda@ably.com
@@ -52,8 +52,6 @@ files:
 - lib/ably_ui/core/contact_footer/contact_footer.rb
 - lib/ably_ui/core/cookie_message/component.css
 - lib/ably_ui/core/cookie_message/component.js
-- lib/ably_ui/core/core.base.css
-- lib/ably_ui/core/core.components.css
 - lib/ably_ui/core/core.rb
 - lib/ably_ui/core/feature_footer/component.css
 - lib/ably_ui/core/feature_footer/component.js
@@ -86,7 +84,6 @@ files:
 - lib/ably_ui/core/footer/component.js
 - lib/ably_ui/core/footer/footer.html.erb
 - lib/ably_ui/core/footer/footer.rb
-- lib/ably_ui/core/icon/component.css
 - lib/ably_ui/core/icon/component.js
 - lib/ably_ui/core/icon/icon.html.erb
 - lib/ably_ui/core/icon/icon.rb
@@ -177,15 +174,11 @@ files:
 - lib/ably_ui/core/slider/slider.html.erb
 - lib/ably_ui/core/slider/slider.rb
 - lib/ably_ui/core/sprites.svg
-- lib/ably_ui/core/styles.base.css
-- lib/ably_ui/core/styles.components.css
 - lib/ably_ui/core/styles.css
 - lib/ably_ui/core/uptime/component.css
 - lib/ably_ui/core/uptime/component.js
 - lib/ably_ui/core/uptime/uptime.html.erb
 - lib/ably_ui/core/uptime/uptime.rb
-- lib/ably_ui/react/connect_state_wrapper/component.js
-- lib/ably_ui/react/scripts.js
 - lib/ably_ui/reset/scripts.js
 - lib/ably_ui/reset/styles.css
 - lib/ably_ui/version.rb
@@ -194,7 +187,7 @@ licenses:
 - Apache-2.0
 metadata:
   source_code_uri: https://github.com/ably/ably-ui
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -205,12 +198,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.2.3
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
 test_files: []

data/lib/ably_ui/core/core.base.css

@@ -1 +0,0 @@
-@import "./styles/properties.css";

data/lib/ably_ui/core/core.components.css

@@ -1,49 +0,0 @@
-@import "./styles/buttons.css";
-@import "./styles/layout.css";
-@import "./styles/text.css";
-
-@layer components {
-  .ui-input {
-    @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
-    @apply hover:bg-white hover:shadow-input hover:border-transparent;
-    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
-    @apply max-w-screen-sm;
-  }
-
-  /* Basis for icon component */
-  .ui-icon-cool-black {
-    stroke: var(--color-cool-black);
-  }
-
-  .ui-icon-white {
-    stroke: var(--color-white);
-  }
-
-  .ui-icon-dark-grey {
-    stroke: var(--color-dark-grey);
-  }
-
-  /* Extend how tailwind does group hover for icons */
-  .group {
-    &:hover {
-      .group-hover\:icon-gui-hover {
-        stroke: var(--color-gui-hover);
-      }
-    }
-
-    &:focus {
-      .group-focus\:icon-gui-focus {
-        stroke: var(--color-gui-focus);
-      }
-    }
-  }
-
-  .ui-version-tag {
-    @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
-
-    position: relative;
-    vertical-align: super;
-    margin-left: 3px;
-    font-size: 8px;
-  }
-}

data/lib/ably_ui/core/icon/component.css

@@ -1 +0,0 @@
-

data/lib/ably_ui/core/styles.base.css

@@ -1 +0,0 @@
-@import "./styles/properties.css";

data/lib/ably_ui/core/styles.components.css

@@ -1,49 +0,0 @@
-@import "./styles/buttons.css";
-@import "./styles/layout.css";
-@import "./styles/text.css";
-
-@layer components {
-  .ui-input {
-    @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
-    @apply hover:bg-white hover:shadow-input hover:border-transparent;
-    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
-    @apply max-w-screen-sm;
-  }
-
-  /* Basis for icon component */
-  .ui-icon-cool-black {
-    stroke: var(--color-cool-black);
-  }
-
-  .ui-icon-white {
-    stroke: var(--color-white);
-  }
-
-  .ui-icon-dark-grey {
-    stroke: var(--color-dark-grey);
-  }
-
-  /* Extend how tailwind does group hover for icons */
-  .group {
-    &:hover {
-      .group-hover\:icon-gui-hover {
-        stroke: var(--color-gui-hover);
-      }
-    }
-
-    &:focus {
-      .group-focus\:icon-gui-focus {
-        stroke: var(--color-gui-focus);
-      }
-    }
-  }
-
-  .ui-version-tag {
-    @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
-
-    position: relative;
-    vertical-align: super;
-    margin-left: 3px;
-    font-size: 8px;
-  }
-}

data/lib/ably_ui/react/connect_state_wrapper/component.js

@@ -1 +0,0 @@
-!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}));

data/lib/ably_ui/react/scripts.js

@@ -1 +0,0 @@
-!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})()}));