Merge pull request #165 from ably/add-icons

Add icons
ably · Apr 1, 2022 · 748c60b · 748c60b
2 parents ac5badb + 625d79a
commit 748c60b
Show file tree

Hide file tree

Showing 31 changed files with 123 additions and 21 deletions.
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (7.0.1)
+    ably-ui (7.0.1.dev.778adc0)
       view_component (>= 2.33, < 2.50)
 
 GEM

diff --git a/lib/ably_ui/version.rb b/lib/ably_ui/version.rb
@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.0.1'
+  VERSION = '7.0.1.dev.778adc0'
 end
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "7.0.1",
+  "version": "7.0.1-dev.778adc0",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",

diff --git a/preview/Gemfile b/preview/Gemfile
@@ -36,4 +36,4 @@ gem 'view_component', '~> 2.33.0', require: 'view_component/engine'
 
 gem 'responders'
 
-gem 'ably-ui', '7.0.1', require: 'ably_ui'
+gem 'ably-ui', '7.0.1.dev.778adc0', require: 'ably_ui'
diff --git a/preview/Gemfile.lock b/preview/Gemfile.lock
@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    ably-ui (7.0.1)
+    ably-ui (7.0.1.dev.778adc0)
       view_component (>= 2.33, < 2.50)
     actioncable (6.0.3.4)
       actionpack (= 6.0.3.4)
@@ -169,7 +169,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  ably-ui (= 7.0.1)
+  ably-ui (= 7.0.1.dev.778adc0)
   bootsnap (>= 1.4.2)
   byebug
   listen (~> 3.2)

diff --git a/preview/app/controllers/components_controller.rb b/preview/app/controllers/components_controller.rb
@@ -44,33 +44,50 @@ def icon
     template = "icon_#{framework}.html.erb"
     core_icons = %w[
       icon-gui-ably-badge
+      icon-gui-arrow-bidirectional-horizontal
+      icon-gui-arrow-bidirectional-vertical
+      icon-gui-arrow-down
+      icon-gui-arrow-left
+      icon-gui-arrow-right
+      icon-gui-arrow-up
       icon-gui-burger-menu
+      icon-gui-check-circled-fill
+      icon-gui-check-circled
+      icon-gui-checklist-checked
+      icon-gui-clock
       icon-gui-close
+      icon-gui-cross-circled-fill
+      icon-gui-cross-circled
+      icon-gui-dash-circled
       icon-gui-disclosure-arrow
+      icon-gui-document-generic
       icon-gui-enlarge
       icon-gui-external-link
       icon-gui-history
+      icon-gui-info
       icon-gui-link-arrow
+      icon-gui-live-chat
       icon-gui-minus
       icon-gui-plus
+      icon-gui-quote-marks-solid
       icon-gui-refresh
       icon-gui-search
       icon-gui-tick
       icon-gui-warning
-      icon-gui-clock
-      icon-gui-arrow-bidirectional-vertical
-      icon-gui-arrow-bidirectional-horizontal
     ]
 
     display_icons = %w[
       icon-display-48hrs
       icon-display-api-keys
+      icon-display-api
       icon-display-browser
       icon-display-calendar
       icon-display-call-mobile
       icon-display-cloud-servers
       icon-display-documentation
+      icon-display-gdpr
       icon-display-general-comms
+      icon-display-hipaa
       icon-display-it-support-access
       icon-display-it-support-helpdesk
       icon-display-laptop
@@ -79,13 +96,23 @@ def icon
       icon-display-message
       icon-display-padlock-closed
       icon-display-platform
+      icon-display-play
+      icon-display-privacy-shield-framework
       icon-display-servers
       icon-display-shopping-cart
       icon-display-sla
+      icon-display-soc2-type2
       icon-display-tech-account-comms
     ]
 
-    social_icons = %w[linkedin twitter github glassdoor facebook]
+    social_icons = %w[
+      discord
+      facebook
+      github
+      glassdoor
+      linkedin
+      twitter
+    ]
 
     other_icons = %w[quote]
 
@@ -133,9 +160,9 @@ def meganav_props
   def meganav_react_props
     props = {
       paths: {
-        logo: helpers.asset_path('ably_ui/core/images/ably-logo.svg'),
-        icon_sprites: helpers.asset_path('ably_ui/core/sprites.svg'),
-        ably_stack: helpers.asset_path('ably_ui/core/images/ably-stack.svg'),
+        logo: helpers.asset_path('ably_ui/core/images/ably-logo'),
+        icon_sprites: helpers.asset_path('ably_ui/core/sprites'),
+        ably_stack: helpers.asset_path('ably_ui/core/images/ably-stack'),
         blog_thumb1: helpers.asset_path('ably_ui/core/images/blog-thumb1.jpg'),
         blog_thumb2: helpers.asset_path('ably_ui/core/images/blog-thumb2.jpg'),
         blog_thumb3: helpers.asset_path('ably_ui/core/images/blog-thumb3.jpg')
@@ -162,7 +189,7 @@ def meganav_vw_props
   def footer_react_props
     {
       paths: {
-        ably_stack: helpers.asset_path('ably_ui/core/images/ably-stack.svg'),
+        ably_stack: helpers.asset_path('ably_ui/core/images/ably-stack'),
         rocket_list:
           helpers.asset_path('ably_ui/core/images/rocket-list-2021.png'),
         flexible_companies:

diff --git a/preview/app/views/components/icon_react.html.erb b/preview/app/views/components/icon_react.html.erb
@@ -4,7 +4,7 @@
 
 <%= render partial: 'components/icon/arguments', locals: { component_parameters: component_parameters, framework: framework } %>
 
-<h2 class="text-h2 mb-32 font-sans">Core Icons</h2>
+<h2 class="text-h2 mb-32 font-sans">GUI Icons</h2>
 <%= render partial: 'components/icon/grid_react', locals: { icons: core_icons, size: "1.25rem" } %>
 
 <h2 class="text-h2 mb-32 font-sans">Display Icons</h2>

diff --git a/preview/app/views/components/icon_vw.html.erb b/preview/app/views/components/icon_vw.html.erb
@@ -4,7 +4,7 @@
 
 <%= render partial: 'components/icon/arguments', locals: { component_parameters: component_parameters, framework: framework } %>
 
-<h2 class="text-h2 mb-32 font-sans">Core Icons</h2>
+<h2 class="text-h2 mb-32 font-sans">GUI Icons</h2>
 <%= render partial: 'components/icon/grid_vw', locals: { icons: core_icons, size: "1.25rem" } %>
 
 <h2 class="text-h2 mb-32 font-sans">Display Icons</h2>

diff --git a/preview/package.json b/preview/package.json
@@ -2,7 +2,7 @@
   "name": "preview",
   "private": true,
   "dependencies": {
-    "@ably/ui": "7.0.1",
+    "@ably/ui": "7.0.1-dev.778adc0",
     "@babel/preset-react": "^7.12.5",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.3.0",

diff --git a/preview/yarn.lock b/preview/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@ably/[email protected]":
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-7.0.1.tgz#cf92e2f70c196a501d6e70c42643460c66e3e7a2"
-  integrity sha512-xkU1Za3J+qtMkswDD/lYg9Db1kviMpOAdBT7byo2qphxs3rnvEHw98ZgctJrhOd7FDEq62wIC0fFoaVmcU10vw==
+"@ably/[email protected]-dev.778adc0":
+  version "7.0.1-dev.778adc0"
+  resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-7.0.1-dev.778adc0.tgz#26f49075379e1439aeb11173ce29317a2af78c39"
+  integrity sha512-1Fjvdk4jjIotJPvV0MzuTRDVmOYcTgkODNg1T/9P+SYXrEnMatmjCC8kbfWtEiNsFY/Y/6eutkCHOsQVT7pzsg==
   dependencies:
     array-flat-polyfill "^1.0.1"
     deepmerge "^4.2.2"

diff --git a/src/core/icons/icon-display-api.svg b/src/core/icons/icon-display-api.svg
diff --git a/src/core/icons/icon-display-gdpr.svg b/src/core/icons/icon-display-gdpr.svg
diff --git a/src/core/icons/icon-display-hipaa.svg b/src/core/icons/icon-display-hipaa.svg
diff --git a/src/core/icons/icon-display-play.svg b/src/core/icons/icon-display-play.svg
Original file line number	Diff line number	Diff line change
Expand Up		@@ -36,4 +36,4 @@ gem 'view_component', '~> 2.33.0', require: 'view_component/engine'

		gem 'responders'

		gem 'ably-ui', '7.0.1', require: 'ably_ui'
		gem 'ably-ui', '7.0.1.dev.778adc0', require: 'ably_ui'