anchor_view_components 0.19.0 → 0.20.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7e2a60354dbc20761276da05c682b655fd627e029add58567e29db5954522951
-  data.tar.gz: 2f0d6eb82cdc9824c7524541696bd346cb5542492a88f76b107f6e7d5bace4cc
+  metadata.gz: 26f407ed0f511827c3627b111f3a64a52764f003248ea206aaac3f3902ceb65c
+  data.tar.gz: a266da369857e596d2e89dc239e8645a49cd0b03011dc1209d6ed43597e91a4a
 SHA512:
-  metadata.gz: '04539df2f5ac5097f37b0dd597ebb7bc708ba4977ae312d50ecf6efe6db86aec399e72c135f1865b209ab655ac6374e56cd60c98e7827cbd099cb309b7deafe3'
-  data.tar.gz: 5d32b2956b275cff10c0ecc21d1e5f0036c60baee10f21b6206dcd0d584e398c326ba934c3596f9d7f49a3909334ffcee8eac703b30c7361a499632207423564
+  metadata.gz: 358b6150a5bf00924ab8ff87f18fe6ce7726e2ce71a96a9dab897f478696c261fd64fbe9608ed25fb4ba5a5c51c2ea937e97a4e1b054bc5e93e87e157945d598
+  data.tar.gz: 8672cde3365dc8492b26067dc05da0cae85a515355c417154695c1c5399f8b9de0e4222ab069ef1b332cc0f589304bb6bc78bdf1ed0f305f1ccce8998b235366

data/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## 0.20.1
+
+### Patch Changes
+
+- 5914d0c: Fix `gem push` command in `bin/publish`
+
+## 0.20.0
+
+### Minor Changes
+
+- cf985b0: Added the `warning-triangle` icon
+- cf985b0: Added a test ID to the Table pagination
+
+### Patch Changes
+
+- d436563: Add a script for adding icons to Anchor from Iconoir
+- 7afa4f7: Improve and automate package releasing using [Changesets].
+
+  [Changesets]: https://github.com/changesets/changesets
+
 ## 0.19.0 - 2023-09-21
 
 ### Fixed
@@ -77,29 +97,34 @@
 ## 0.12.0 - 2023-09-11
 
 ### Changed
-- Added a record argument to the TableComponent row link lambda
 
+- Added a record argument to the TableComponent row link lambda
 
 ## 0.11.4 - 2023-09-07
 
 ### Added
+
 - PopoverComponent was extracted from ActionMenuComponent
 
 ### Changed
+
 - Added optional totals to TableComponent
 
 ## 0.11.3 - 2023-09-06
 
 ### Added
+
 - Allow adding captions to tables.
 - Show empty message when no data on tables.
 
 ### Changed
+
 - Prioritize methods over #[] (#52)
 
 ## 0.11.2 - 2023-09-02
 
 ### Fixed
+
 - Aligment of button menu items in action menu component.
 
 ## 0.11.1 - 2023-09-01

data/README.md

@@ -64,6 +64,10 @@ To see component previews:
 - Go to the `demo/` directory, install dependencies, and run `bin/dev`
 - See the components at http://localhost:3000
 
+## Releasing
+
+See [RELEASING.md](RELEASING.md)
+
 ## License
 
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/images/icons/README.md

@@ -0,0 +1,16 @@
+# Icons
+
+We use icons from [Iconoir]. Not all icons are currently included in Anchor.
+
+## Adding icons
+
+To help ensure icon names and their SVG source stay consistent, please use the
+script in the Anchor ViewComponents repo to add new icons:
+
+```
+bin/add_icon [icon-name]
+```
+
+Icons and their name can be found by searching the [Iconoir] website.
+
+[Iconoir]: https://iconoir.com

data/app/assets/images/icons/cancel.svg

@@ -1,3 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" color="currentColor" viewBox="0 0 24 24">
-  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243"/>
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

data/app/assets/images/icons/check-circle.svg

@@ -0,0 +1,5 @@
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 12.5L10 15.5L17 8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/images/icons/fast-left-circle.svg

@@ -1,4 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" color="currentColor" viewBox="0 0 24 24">
-  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/>
-  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.5 13 12l3.5 3.5m-6-7L7 12l3.5 3.5"/>
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 8.5L13 12L16.5 15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 8.5L7 12L10.5 15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

data/app/assets/images/icons/menu.svg

@@ -1,3 +1,6 @@
-<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 5h18M3 12h18M3 19h18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 19H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

data/app/assets/images/icons/nav-arrow-down.svg

@@ -1,3 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" color="currentColor" viewBox="0 0 24 24">
-  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 9 6 6 6-6"/>
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

data/app/assets/images/icons/nav-arrow-left.svg

@@ -1,3 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" color="currentColor" viewBox="0 0 24 24">
-  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m15 6-6 6 6 6"/>
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 6L9 12L15 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

data/app/assets/images/icons/nav-arrow-right.svg

@@ -1,3 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" color="currentColor" viewBox="0 0 24 24">
-  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9 6 6 6-6 6"/>
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

data/app/assets/images/icons/warning-triangle.svg

@@ -0,0 +1,6 @@
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z" stroke="currentColor" stroke-linecap="round"/>
+<path d="M12 9V13" stroke="currentColor" stroke-linecap="round"/>
+<path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/components/anchor/table/pagination_component.html.erb

@@ -1,4 +1,4 @@
-<div class="flex font-semibold items-center justify-between mt-3 px-2 text-base">
+<div class="flex font-semibold items-center justify-between mt-3 px-2 text-base" data-testid="table-pagination">
   <%= tag.span total %>
 
   <%= tag.nav(

data/lib/anchor/view_components/version.rb

@@ -1,5 +1,5 @@
 module Anchor
   module ViewComponents
-    VERSION = "0.19.0".freeze
+    VERSION = "0.20.1".freeze
   end
 end

data/previews/anchor/icon_component_preview.rb

@@ -1,12 +1,11 @@
 module Anchor
   class IconComponentPreview < Preview
-    # Icons
-    # ------------
-    # We use icons from [Iconoir](https://iconoir.com). Not all icons are
-    # currently included in Anchor; those that are [can be viewed on
-    # GitHub](https://github.com/BuoySoftware/anchor_view_components/tree/main/app/assets/images/icons).
     def default
-      anchor_icon(icon: "actions-check-circle-base")
+      anchor_icon(icon: "check-circle")
+    end
+
+    def warning
+      anchor_icon(icon: "warning-triangle", classes: "text-critical")
     end
   end
 end

data/previews/anchor/toast_component_preview.rb

@@ -18,7 +18,7 @@ module Anchor
 
     def with_icon
       anchor_toast do |toast|
-        toast.with_icon(icon: "actions-check-circle-base")
+        toast.with_icon(icon: "check-circle")
         "Confirmed"
       end
     end

data/previews/pages/icons.md.erb

@@ -0,0 +1,16 @@
+We use icons from [Iconoir]. Not all icons are currently included in Anchor;
+those that are [can be viewed on GitHub][gh-icons].
+
+## Adding icons
+
+To help ensure icon names and their SVG source stay consistent, please use the
+script in the Anchor ViewComponents repo to add new icons:
+
+```
+bin/add_icon [icon-name]
+```
+
+Icons and their name can be found by searching the [Iconoir] website.
+
+[Iconoir]: https://iconoir.com
+[gh-icons]: https://github.com/BuoySoftware/anchor_view_components/tree/main/app/assets/images/icons

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: anchor_view_components
 version: !ruby/object:Gem::Version
-  version: 0.19.0
+  version: 0.20.1
 platform: ruby
 authors:
 - Buoy Software
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-09-21 00:00:00.000000000 Z
+date: 2023-09-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -38,8 +38,8 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.0'
-description:
-email:
+description: 
+email: 
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -54,14 +54,16 @@ files:
 - app/assets/images/buoy-logomark.svg
 - app/assets/images/favicon.ico
 - app/assets/images/favicon.svg
-- app/assets/images/icons/actions-check-circle-base.svg
+- app/assets/images/icons/README.md
 - app/assets/images/icons/cancel.svg
+- app/assets/images/icons/check-circle.svg
 - app/assets/images/icons/fast-left-circle.svg
 - app/assets/images/icons/loading-indicator.svg
 - app/assets/images/icons/menu.svg
 - app/assets/images/icons/nav-arrow-down.svg
 - app/assets/images/icons/nav-arrow-left.svg
 - app/assets/images/icons/nav-arrow-right.svg
+- app/assets/images/icons/warning-triangle.svg
 - app/assets/stylesheets/anchor-view-components.tailwind.css
 - app/assets/stylesheets/components/action-menu.css
 - app/assets/stylesheets/components/button.css
@@ -173,12 +175,13 @@ files:
 - previews/forms/default.html.erb
 - previews/pages/forms.md.erb
 - previews/pages/helpers.md.erb
+- previews/pages/icons.md.erb
 homepage: https://github.com/BuoySoftware/anchor_view_components
 licenses:
 - MIT
 metadata:
   rubygems_mfa_required: 'true'
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -193,8 +196,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.18
-signing_key:
+rubygems_version: 3.4.10
+signing_key: 
 specification_version: 4
 summary: ViewComponents for Buoy’s design system, Anchor
 test_files: []

data/app/assets/images/icons/actions-check-circle-base.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7 12.5L10 15.5L17 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>