openproject-primer_view_components 0.34.0 → 0.35.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +26 -0
- data/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +27 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_menu/action_menu_element.js +13 -43
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +13 -51
- data/app/components/primer/alpha/tab_nav.css +1 -1
- data/app/components/primer/alpha/tab_nav.css.json +2 -0
- data/app/components/primer/alpha/tab_nav.css.map +1 -1
- data/app/components/primer/alpha/tab_nav.pcss +11 -1
- data/app/components/primer/alpha/tab_panels.html.erb +5 -9
- data/app/components/primer/alpha/tab_panels.rb +4 -13
- data/app/components/primer/alpha/text_field.rb +1 -0
- data/app/components/primer/alpha/underline_nav.css +1 -1
- data/app/components/primer/alpha/underline_nav.css.json +2 -0
- data/app/components/primer/alpha/underline_nav.css.map +1 -1
- data/app/components/primer/alpha/underline_nav.pcss +7 -1
- data/app/components/primer/alpha/underline_panels.css +1 -0
- data/app/components/primer/alpha/underline_panels.css.json +6 -0
- data/app/components/primer/alpha/underline_panels.css.map +1 -0
- data/app/components/primer/alpha/underline_panels.html.erb +6 -8
- data/app/components/primer/alpha/underline_panels.pcss +4 -0
- data/app/components/primer/alpha/underline_panels.rb +6 -14
- data/app/components/primer/beta/icon_button.rb +5 -0
- data/app/components/primer/beta/relative_time.rb +3 -0
- data/app/components/primer/beta/spinner.html.erb +3 -0
- data/app/components/primer/beta/spinner.rb +15 -1
- data/app/components/primer/open_project/flex_layout.rb +1 -1
- data/app/components/primer/primer.pcss +1 -0
- data/lib/primer/forms/dsl/text_field_input.rb +8 -1
- data/lib/primer/forms/primer_text_field.d.ts +27 -0
- data/lib/primer/forms/primer_text_field.js +17 -5
- data/lib/primer/forms/primer_text_field.ts +24 -5
- data/lib/primer/forms/text_field.html.erb +6 -2
- data/lib/primer/view_components/version.rb +2 -2
- data/previews/primer/alpha/text_field_preview.rb +11 -0
- data/previews/primer/beta/breadcrumbs_preview.rb +9 -0
- data/previews/primer/beta/icon_button_preview/summary_as_button.html.erb +12 -0
- data/previews/primer/beta/icon_button_preview.rb +95 -14
- data/previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb +13 -0
- data/previews/primer/beta/relative_time_preview.rb +12 -0
- data/previews/primer/beta/spinner_preview.rb +2 -2
- data/static/arguments.json +12 -12
- data/static/constants.json +1 -0
- data/static/info_arch.json +78 -13
- data/static/previews.json +65 -0
- metadata +9 -3
    
        data/static/info_arch.json
    CHANGED
    
    | @@ -7628,18 +7628,6 @@ | |
| 7628 7628 | 
             
                    "default": "N/A",
         | 
| 7629 7629 | 
             
                    "description": "One of `:left` or `:right`. - Defaults to left"
         | 
| 7630 7630 | 
             
                  },
         | 
| 7631 | 
            -
                  {
         | 
| 7632 | 
            -
                    "name": "body_arguments",
         | 
| 7633 | 
            -
                    "type": "Hash",
         | 
| 7634 | 
            -
                    "default": "`{}`",
         | 
| 7635 | 
            -
                    "description": "{{link_to_system_arguments_docs}} for the body wrapper."
         | 
| 7636 | 
            -
                  },
         | 
| 7637 | 
            -
                  {
         | 
| 7638 | 
            -
                    "name": "wrapper_arguments",
         | 
| 7639 | 
            -
                    "type": "Hash",
         | 
| 7640 | 
            -
                    "default": "`{}`",
         | 
| 7641 | 
            -
                    "description": "{{link_to_system_arguments_docs}} for the `TabContainer` wrapper."
         | 
| 7642 | 
            -
                  },
         | 
| 7643 7631 | 
             
                  {
         | 
| 7644 7632 | 
             
                    "name": "system_arguments",
         | 
| 7645 7633 | 
             
                    "type": "Hash",
         | 
| @@ -8155,6 +8143,12 @@ | |
| 8155 8143 | 
             
                    "default": "N/A",
         | 
| 8156 8144 | 
             
                    "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}} component."
         | 
| 8157 8145 | 
             
                  },
         | 
| 8146 | 
            +
                  {
         | 
| 8147 | 
            +
                    "name": "leading_spinner",
         | 
| 8148 | 
            +
                    "type": "Boolean",
         | 
| 8149 | 
            +
                    "default": "N/A",
         | 
| 8150 | 
            +
                    "description": "If `true`, a leading spinner will be included in the markup. The spinner can be shown via the `showLeadingSpinner()` JavaScript method, and hidden via `hideLeadingSpinner()`. If this argument is `true`, a leading visual must also be provided."
         | 
| 8151 | 
            +
                  },
         | 
| 8158 8152 | 
             
                  {
         | 
| 8159 8153 | 
             
                    "name": "show_clear_button",
         | 
| 8160 8154 | 
             
                    "type": "Boolean",
         | 
| @@ -10947,6 +10941,19 @@ | |
| 10947 10941 | 
             
                        "color-contrast"
         | 
| 10948 10942 | 
             
                      ]
         | 
| 10949 10943 | 
             
                    }
         | 
| 10944 | 
            +
                  },
         | 
| 10945 | 
            +
                  {
         | 
| 10946 | 
            +
                    "preview_path": "primer/beta/breadcrumbs/with_link_target",
         | 
| 10947 | 
            +
                    "name": "with_link_target",
         | 
| 10948 | 
            +
                    "snapshot": "false",
         | 
| 10949 | 
            +
                    "skip_rules": {
         | 
| 10950 | 
            +
                      "wont_fix": [
         | 
| 10951 | 
            +
                        "region"
         | 
| 10952 | 
            +
                      ],
         | 
| 10953 | 
            +
                      "will_fix": [
         | 
| 10954 | 
            +
                        "color-contrast"
         | 
| 10955 | 
            +
                      ]
         | 
| 10956 | 
            +
                    }
         | 
| 10950 10957 | 
             
                  }
         | 
| 10951 10958 | 
             
                ],
         | 
| 10952 10959 | 
             
                "subcomponents": [
         | 
| @@ -12640,7 +12647,7 @@ | |
| 12640 12647 | 
             
              {
         | 
| 12641 12648 | 
             
                "fully_qualified_name": "Primer::Beta::IconButton",
         | 
| 12642 12649 | 
             
                "description": "Use `IconButton` to render Icon-only buttons without the default button styles.\n\n`IconButton` will always render with a tooltip unless the tag is `:summary`.",
         | 
| 12643 | 
            -
                "accessibility_docs": "`IconButton` requires an `aria-label`, which will provide assistive technologies with an accessible label.\nThe `aria-label` should describe the action to be invoked rather than the icon itself. For instance,\nif your `IconButton` renders a magnifying glass icon and invokes a search action, the `aria-label` should be\n`\"Search\"` instead of `\"Magnifying glass\"`.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\n[Learn more about best functional image practices (WAI Images)](https://www.w3.org/WAI/tutorials/images/functional)",
         | 
| 12650 | 
            +
                "accessibility_docs": "`IconButton` requires an `aria-label`, which will provide assistive technologies with an accessible label.\nThe `aria-label` should describe the action to be invoked rather than the icon itself. For instance,\nif your `IconButton` renders a magnifying glass icon and invokes a search action, the `aria-label` should be\n`\"Search\"` instead of `\"Magnifying glass\"`.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\n[Learn more about best functional image practices (WAI Images)](https://www.w3.org/WAI/tutorials/images/functional)\n\nAdditional markup is required if setting the `tag` argument to either `:a` or `:summary`.\n\n* `:a` requires you to pass in an `href` attribute\n* `:summary` requires you to wrap the component in a `<details>` element",
         | 
| 12644 12651 | 
             
                "is_form_component": false,
         | 
| 12645 12652 | 
             
                "is_published": true,
         | 
| 12646 12653 | 
             
                "requires_js": false,
         | 
| @@ -12789,6 +12796,32 @@ | |
| 12789 12796 | 
             
                        "color-contrast"
         | 
| 12790 12797 | 
             
                      ]
         | 
| 12791 12798 | 
             
                    }
         | 
| 12799 | 
            +
                  },
         | 
| 12800 | 
            +
                  {
         | 
| 12801 | 
            +
                    "preview_path": "primer/beta/icon_button/link_as_button",
         | 
| 12802 | 
            +
                    "name": "link_as_button",
         | 
| 12803 | 
            +
                    "snapshot": "true",
         | 
| 12804 | 
            +
                    "skip_rules": {
         | 
| 12805 | 
            +
                      "wont_fix": [
         | 
| 12806 | 
            +
                        "region"
         | 
| 12807 | 
            +
                      ],
         | 
| 12808 | 
            +
                      "will_fix": [
         | 
| 12809 | 
            +
                        "color-contrast"
         | 
| 12810 | 
            +
                      ]
         | 
| 12811 | 
            +
                    }
         | 
| 12812 | 
            +
                  },
         | 
| 12813 | 
            +
                  {
         | 
| 12814 | 
            +
                    "preview_path": "primer/beta/icon_button/summary_as_button",
         | 
| 12815 | 
            +
                    "name": "summary_as_button",
         | 
| 12816 | 
            +
                    "snapshot": "true",
         | 
| 12817 | 
            +
                    "skip_rules": {
         | 
| 12818 | 
            +
                      "wont_fix": [
         | 
| 12819 | 
            +
                        "region"
         | 
| 12820 | 
            +
                      ],
         | 
| 12821 | 
            +
                      "will_fix": [
         | 
| 12822 | 
            +
                        "color-contrast"
         | 
| 12823 | 
            +
                      ]
         | 
| 12824 | 
            +
                    }
         | 
| 12792 12825 | 
             
                  }
         | 
| 12793 12826 | 
             
                ],
         | 
| 12794 12827 | 
             
                "subcomponents": [
         | 
| @@ -14496,6 +14529,12 @@ | |
| 14496 14529 | 
             
                    "default": "`nil`",
         | 
| 14497 14530 | 
             
                    "description": "Provide a custom title to the element."
         | 
| 14498 14531 | 
             
                  },
         | 
| 14532 | 
            +
                  {
         | 
| 14533 | 
            +
                    "name": "no_title",
         | 
| 14534 | 
            +
                    "type": "Boolean",
         | 
| 14535 | 
            +
                    "default": "`false`",
         | 
| 14536 | 
            +
                    "description": "Removes the `title` attribute provided on the element by default."
         | 
| 14537 | 
            +
                  },
         | 
| 14499 14538 | 
             
                  {
         | 
| 14500 14539 | 
             
                    "name": "system_arguments",
         | 
| 14501 14540 | 
             
                    "type": "Hash",
         | 
| @@ -14574,6 +14613,32 @@ | |
| 14574 14613 | 
             
                        "color-contrast"
         | 
| 14575 14614 | 
             
                      ]
         | 
| 14576 14615 | 
             
                    }
         | 
| 14616 | 
            +
                  },
         | 
| 14617 | 
            +
                  {
         | 
| 14618 | 
            +
                    "preview_path": "primer/beta/relative_time/no_title_attribute",
         | 
| 14619 | 
            +
                    "name": "no_title_attribute",
         | 
| 14620 | 
            +
                    "snapshot": "true",
         | 
| 14621 | 
            +
                    "skip_rules": {
         | 
| 14622 | 
            +
                      "wont_fix": [
         | 
| 14623 | 
            +
                        "region"
         | 
| 14624 | 
            +
                      ],
         | 
| 14625 | 
            +
                      "will_fix": [
         | 
| 14626 | 
            +
                        "color-contrast"
         | 
| 14627 | 
            +
                      ]
         | 
| 14628 | 
            +
                    }
         | 
| 14629 | 
            +
                  },
         | 
| 14630 | 
            +
                  {
         | 
| 14631 | 
            +
                    "preview_path": "primer/beta/relative_time/link_with_tooltip",
         | 
| 14632 | 
            +
                    "name": "link_with_tooltip",
         | 
| 14633 | 
            +
                    "snapshot": "true",
         | 
| 14634 | 
            +
                    "skip_rules": {
         | 
| 14635 | 
            +
                      "wont_fix": [
         | 
| 14636 | 
            +
                        "region"
         | 
| 14637 | 
            +
                      ],
         | 
| 14638 | 
            +
                      "will_fix": [
         | 
| 14639 | 
            +
                        "color-contrast"
         | 
| 14640 | 
            +
                      ]
         | 
| 14641 | 
            +
                    }
         | 
| 14577 14642 | 
             
                  }
         | 
| 14578 14643 | 
             
                ],
         | 
| 14579 14644 | 
             
                "subcomponents": [
         | 
    
        data/static/previews.json
    CHANGED
    
    | @@ -2084,6 +2084,19 @@ | |
| 2084 2084 | 
             
                        "color-contrast"
         | 
| 2085 2085 | 
             
                      ]
         | 
| 2086 2086 | 
             
                    }
         | 
| 2087 | 
            +
                  },
         | 
| 2088 | 
            +
                  {
         | 
| 2089 | 
            +
                    "preview_path": "primer/beta/breadcrumbs/with_link_target",
         | 
| 2090 | 
            +
                    "name": "with_link_target",
         | 
| 2091 | 
            +
                    "snapshot": "false",
         | 
| 2092 | 
            +
                    "skip_rules": {
         | 
| 2093 | 
            +
                      "wont_fix": [
         | 
| 2094 | 
            +
                        "region"
         | 
| 2095 | 
            +
                      ],
         | 
| 2096 | 
            +
                      "will_fix": [
         | 
| 2097 | 
            +
                        "color-contrast"
         | 
| 2098 | 
            +
                      ]
         | 
| 2099 | 
            +
                    }
         | 
| 2087 2100 | 
             
                  }
         | 
| 2088 2101 | 
             
                ]
         | 
| 2089 2102 | 
             
              },
         | 
| @@ -4111,6 +4124,32 @@ | |
| 4111 4124 | 
             
                        "color-contrast"
         | 
| 4112 4125 | 
             
                      ]
         | 
| 4113 4126 | 
             
                    }
         | 
| 4127 | 
            +
                  },
         | 
| 4128 | 
            +
                  {
         | 
| 4129 | 
            +
                    "preview_path": "primer/beta/icon_button/link_as_button",
         | 
| 4130 | 
            +
                    "name": "link_as_button",
         | 
| 4131 | 
            +
                    "snapshot": "true",
         | 
| 4132 | 
            +
                    "skip_rules": {
         | 
| 4133 | 
            +
                      "wont_fix": [
         | 
| 4134 | 
            +
                        "region"
         | 
| 4135 | 
            +
                      ],
         | 
| 4136 | 
            +
                      "will_fix": [
         | 
| 4137 | 
            +
                        "color-contrast"
         | 
| 4138 | 
            +
                      ]
         | 
| 4139 | 
            +
                    }
         | 
| 4140 | 
            +
                  },
         | 
| 4141 | 
            +
                  {
         | 
| 4142 | 
            +
                    "preview_path": "primer/beta/icon_button/summary_as_button",
         | 
| 4143 | 
            +
                    "name": "summary_as_button",
         | 
| 4144 | 
            +
                    "snapshot": "true",
         | 
| 4145 | 
            +
                    "skip_rules": {
         | 
| 4146 | 
            +
                      "wont_fix": [
         | 
| 4147 | 
            +
                        "region"
         | 
| 4148 | 
            +
                      ],
         | 
| 4149 | 
            +
                      "will_fix": [
         | 
| 4150 | 
            +
                        "color-contrast"
         | 
| 4151 | 
            +
                      ]
         | 
| 4152 | 
            +
                    }
         | 
| 4114 4153 | 
             
                  }
         | 
| 4115 4154 | 
             
                ]
         | 
| 4116 4155 | 
             
              },
         | 
| @@ -5885,6 +5924,32 @@ | |
| 5885 5924 | 
             
                        "color-contrast"
         | 
| 5886 5925 | 
             
                      ]
         | 
| 5887 5926 | 
             
                    }
         | 
| 5927 | 
            +
                  },
         | 
| 5928 | 
            +
                  {
         | 
| 5929 | 
            +
                    "preview_path": "primer/beta/relative_time/no_title_attribute",
         | 
| 5930 | 
            +
                    "name": "no_title_attribute",
         | 
| 5931 | 
            +
                    "snapshot": "true",
         | 
| 5932 | 
            +
                    "skip_rules": {
         | 
| 5933 | 
            +
                      "wont_fix": [
         | 
| 5934 | 
            +
                        "region"
         | 
| 5935 | 
            +
                      ],
         | 
| 5936 | 
            +
                      "will_fix": [
         | 
| 5937 | 
            +
                        "color-contrast"
         | 
| 5938 | 
            +
                      ]
         | 
| 5939 | 
            +
                    }
         | 
| 5940 | 
            +
                  },
         | 
| 5941 | 
            +
                  {
         | 
| 5942 | 
            +
                    "preview_path": "primer/beta/relative_time/link_with_tooltip",
         | 
| 5943 | 
            +
                    "name": "link_with_tooltip",
         | 
| 5944 | 
            +
                    "snapshot": "true",
         | 
| 5945 | 
            +
                    "skip_rules": {
         | 
| 5946 | 
            +
                      "wont_fix": [
         | 
| 5947 | 
            +
                        "region"
         | 
| 5948 | 
            +
                      ],
         | 
| 5949 | 
            +
                      "will_fix": [
         | 
| 5950 | 
            +
                        "color-contrast"
         | 
| 5951 | 
            +
                      ]
         | 
| 5952 | 
            +
                    }
         | 
| 5888 5953 | 
             
                  }
         | 
| 5889 5954 | 
             
                ]
         | 
| 5890 5955 | 
             
              },
         | 
    
        metadata
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: openproject-primer_view_components
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 0. | 
| 4 | 
            +
              version: 0.35.1
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - GitHub Open Source
         | 
| @@ -9,7 +9,7 @@ authors: | |
| 9 9 | 
             
            autorequire: 
         | 
| 10 10 | 
             
            bindir: bin
         | 
| 11 11 | 
             
            cert_chain: []
         | 
| 12 | 
            -
            date: 2024-06- | 
| 12 | 
            +
            date: 2024-06-24 00:00:00.000000000 Z
         | 
| 13 13 | 
             
            dependencies:
         | 
| 14 14 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 15 15 | 
             
              name: actionview
         | 
| @@ -293,7 +293,11 @@ files: | |
| 293 293 | 
             
            - app/components/primer/alpha/underline_nav.html.erb
         | 
| 294 294 | 
             
            - app/components/primer/alpha/underline_nav.pcss
         | 
| 295 295 | 
             
            - app/components/primer/alpha/underline_nav.rb
         | 
| 296 | 
            +
            - app/components/primer/alpha/underline_panels.css
         | 
| 297 | 
            +
            - app/components/primer/alpha/underline_panels.css.json
         | 
| 298 | 
            +
            - app/components/primer/alpha/underline_panels.css.map
         | 
| 296 299 | 
             
            - app/components/primer/alpha/underline_panels.html.erb
         | 
| 300 | 
            +
            - app/components/primer/alpha/underline_panels.pcss
         | 
| 297 301 | 
             
            - app/components/primer/alpha/underline_panels.rb
         | 
| 298 302 | 
             
            - app/components/primer/alpha/x_banner.d.ts
         | 
| 299 303 | 
             
            - app/components/primer/alpha/x_banner.js
         | 
| @@ -893,6 +897,7 @@ files: | |
| 893 897 | 
             
            - previews/primer/beta/flash_preview.rb
         | 
| 894 898 | 
             
            - previews/primer/beta/heading_preview.rb
         | 
| 895 899 | 
             
            - previews/primer/beta/icon_button_preview.rb
         | 
| 900 | 
            +
            - previews/primer/beta/icon_button_preview/summary_as_button.html.erb
         | 
| 896 901 | 
             
            - previews/primer/beta/label_preview.rb
         | 
| 897 902 | 
             
            - previews/primer/beta/link_preview.rb
         | 
| 898 903 | 
             
            - previews/primer/beta/markdown_preview.rb
         | 
| @@ -902,6 +907,7 @@ files: | |
| 902 907 | 
             
            - previews/primer/beta/popover_preview.rb
         | 
| 903 908 | 
             
            - previews/primer/beta/progress_bar_preview.rb
         | 
| 904 909 | 
             
            - previews/primer/beta/relative_time_preview.rb
         | 
| 910 | 
            +
            - previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb
         | 
| 905 911 | 
             
            - previews/primer/beta/spinner_preview.rb
         | 
| 906 912 | 
             
            - previews/primer/beta/state_preview.rb
         | 
| 907 913 | 
             
            - previews/primer/beta/subhead_preview.rb
         | 
| @@ -977,7 +983,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement | |
| 977 983 | 
             
                - !ruby/object:Gem::Version
         | 
| 978 984 | 
             
                  version: '0'
         | 
| 979 985 | 
             
            requirements: []
         | 
| 980 | 
            -
            rubygems_version: 3. | 
| 986 | 
            +
            rubygems_version: 3.5.11
         | 
| 981 987 | 
             
            signing_key: 
         | 
| 982 988 | 
             
            specification_version: 4
         | 
| 983 989 | 
             
            summary: ViewComponents of the Primer Design System for OpenProject
         |