diff --git a/Gemfile.lock b/Gemfile.lock index 178b21059..8377045c2 100644 --- 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 index 1008cf7fd..d941f5c5e 100644 --- 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 index 009e28354..fce54b982 100644 --- 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 index 4cf2f61bf..c5a3d6e57 100644 --- 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 index 1b4340295..4229dd33a 100644 --- 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 index 0fa200b94..09e656e87 100644 --- 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 index 8f077336d..5b3538462 100644 --- 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 } %> -

Core Icons

+

GUI Icons

<%= render partial: 'components/icon/grid_react', locals: { icons: core_icons, size: "1.25rem" } %>

Display Icons

diff --git a/preview/app/views/components/icon_vw.html.erb b/preview/app/views/components/icon_vw.html.erb index be89889ba..719297b74 100644 --- 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 } %> -

Core Icons

+

GUI Icons

<%= render partial: 'components/icon/grid_vw', locals: { icons: core_icons, size: "1.25rem" } %>

Display Icons

diff --git a/preview/package.json b/preview/package.json index 108c95edf..f2688a431 100644 --- 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 index bb704d546..aa50b3e56 100644 --- a/preview/yarn.lock +++ b/preview/yarn.lock @@ -2,10 +2,10 @@ # yarn lockfile v1 -"@ably/ui@7.0.1": - version "7.0.1" - resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-7.0.1.tgz#cf92e2f70c196a501d6e70c42643460c66e3e7a2" - integrity sha512-xkU1Za3J+qtMkswDD/lYg9Db1kviMpOAdBT7byo2qphxs3rnvEHw98ZgctJrhOd7FDEq62wIC0fFoaVmcU10vw== +"@ably/ui@7.0.1-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 new file mode 100644 index 000000000..6e42f041e --- /dev/null +++ b/src/core/icons/icon-display-api.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-display-gdpr.svg b/src/core/icons/icon-display-gdpr.svg new file mode 100644 index 000000000..711b5c708 --- /dev/null +++ b/src/core/icons/icon-display-gdpr.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-display-hipaa.svg b/src/core/icons/icon-display-hipaa.svg new file mode 100644 index 000000000..9b784864e --- /dev/null +++ b/src/core/icons/icon-display-hipaa.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/core/icons/icon-display-play.svg b/src/core/icons/icon-display-play.svg new file mode 100644 index 000000000..10bdc7d61 --- /dev/null +++ b/src/core/icons/icon-display-play.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-display-privacy-shield-framework.svg b/src/core/icons/icon-display-privacy-shield-framework.svg new file mode 100644 index 000000000..bcb9df7c2 --- /dev/null +++ b/src/core/icons/icon-display-privacy-shield-framework.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/core/icons/icon-display-soc2-type2.svg b/src/core/icons/icon-display-soc2-type2.svg new file mode 100644 index 000000000..45d644e44 --- /dev/null +++ b/src/core/icons/icon-display-soc2-type2.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-arrow-down.svg b/src/core/icons/icon-gui-arrow-down.svg new file mode 100644 index 000000000..a46aaa9f5 --- /dev/null +++ b/src/core/icons/icon-gui-arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-arrow-left.svg b/src/core/icons/icon-gui-arrow-left.svg new file mode 100644 index 000000000..4b41d1260 --- /dev/null +++ b/src/core/icons/icon-gui-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-arrow-right.svg b/src/core/icons/icon-gui-arrow-right.svg new file mode 100644 index 000000000..2344c81cb --- /dev/null +++ b/src/core/icons/icon-gui-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-arrow-up.svg b/src/core/icons/icon-gui-arrow-up.svg new file mode 100644 index 000000000..568571df6 --- /dev/null +++ b/src/core/icons/icon-gui-arrow-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-check-circled-fill.svg b/src/core/icons/icon-gui-check-circled-fill.svg new file mode 100644 index 000000000..9b1e8ad13 --- /dev/null +++ b/src/core/icons/icon-gui-check-circled-fill.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/core/icons/icon-gui-check-circled.svg b/src/core/icons/icon-gui-check-circled.svg new file mode 100644 index 000000000..c1089322c --- /dev/null +++ b/src/core/icons/icon-gui-check-circled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-checklist-checked.svg b/src/core/icons/icon-gui-checklist-checked.svg new file mode 100644 index 000000000..9edbed465 --- /dev/null +++ b/src/core/icons/icon-gui-checklist-checked.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-cross-circled-fill.svg b/src/core/icons/icon-gui-cross-circled-fill.svg new file mode 100644 index 000000000..84c0b8b04 --- /dev/null +++ b/src/core/icons/icon-gui-cross-circled-fill.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/core/icons/icon-gui-cross-circled.svg b/src/core/icons/icon-gui-cross-circled.svg new file mode 100644 index 000000000..9f40f3172 --- /dev/null +++ b/src/core/icons/icon-gui-cross-circled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-dash-circled.svg b/src/core/icons/icon-gui-dash-circled.svg new file mode 100644 index 000000000..dbaff1820 --- /dev/null +++ b/src/core/icons/icon-gui-dash-circled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-document-generic.svg b/src/core/icons/icon-gui-document-generic.svg new file mode 100644 index 000000000..87b551bb9 --- /dev/null +++ b/src/core/icons/icon-gui-document-generic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-info.svg b/src/core/icons/icon-gui-info.svg new file mode 100644 index 000000000..ca29ed83d --- /dev/null +++ b/src/core/icons/icon-gui-info.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-live-chat.svg b/src/core/icons/icon-gui-live-chat.svg new file mode 100644 index 000000000..cd7effe09 --- /dev/null +++ b/src/core/icons/icon-gui-live-chat.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/icons/icon-gui-quote-marks-solid.svg b/src/core/icons/icon-gui-quote-marks-solid.svg new file mode 100644 index 000000000..0c2074595 --- /dev/null +++ b/src/core/icons/icon-gui-quote-marks-solid.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/core/scripts.js b/src/core/scripts.js index 762f191ae..f628f3024 100644 --- a/src/core/scripts.js +++ b/src/core/scripts.js @@ -4,6 +4,8 @@ import "./styles.css"; export { default as reactRenderer, renderComponent } from "./react-renderer"; export { default as loadSprites } from "./load-sprites"; +export { default as toggleChatWidget } from "./hubspot-chat-toggle"; + export * from "./remote-data-store"; export * from "./remote-blogs-posts"; export * from "./remote-session-data";