primer_view_components 0.0.114 → 0.0.115

data/static/audited_at.json

@@ -20,9 +20,11 @@
   "Primer::Alpha::Layout": "",
   "Primer::Alpha::Layout::Main": "",
   "Primer::Alpha::Layout::Sidebar": "",
+  "Primer::Alpha::Menu": "",
   "Primer::Alpha::NavList": "",
   "Primer::Alpha::NavList::Item": "",
   "Primer::Alpha::NavList::Section": "",
+  "Primer::Alpha::OcticonSymbols": "",
   "Primer::Alpha::SegmentedControl": "",
   "Primer::Alpha::SegmentedControl::Item": "",
   "Primer::Alpha::TabNav": "",
@@ -55,9 +57,11 @@
   "Primer::Beta::Label": "",
   "Primer::Beta::Link": "",
   "Primer::Beta::Markdown": "",
+  "Primer::Beta::Octicon": "",
   "Primer::Beta::Popover": "",
   "Primer::Beta::ProgressBar": "",
   "Primer::Beta::RelativeTime": "",
+  "Primer::Beta::Spinner": "",
   "Primer::Beta::Text": "",
   "Primer::Beta::Truncate": "",
   "Primer::Beta::Truncate::TruncateText": "",

data/static/constants.json

@@ -300,6 +300,17 @@
       "section"
     ]
   },
+  "Primer::Alpha::Menu": {
+    "HEADING_TAG_FALLBACK": "h2",
+    "HEADING_TAG_OPTIONS": [
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6"
+    ]
+  },
   "Primer::Alpha::NavList": {
     "Item": "Primer::Alpha::NavList::Item",
     "Section": "Primer::Alpha::NavList::Section"
@@ -308,6 +319,8 @@
   },
   "Primer::Alpha::NavList::Section": {
   },
+  "Primer::Alpha::OcticonSymbols": {
+  },
   "Primer::Alpha::SegmentedControl": {
     "FULL_WIDTH_DEFAULT": false,
     "HIDE_LABELS_DEFAULT": false,
@@ -717,6 +730,21 @@
       "td"
     ]
   },
+  "Primer::Beta::Octicon": {
+    "SIZE_DEFAULT": "small",
+    "SIZE_MAPPINGS": {
+      "xsmall": 12,
+      "small": 16,
+      "medium": 24
+    },
+    "SIZE_MEDIUM": "medium",
+    "SIZE_OPTIONS": [
+      "xsmall",
+      "small",
+      "medium"
+    ],
+    "SIZE_XSMALL": "xsmall"
+  },
   "Primer::Beta::Popover": {
     "CARET_DEFAULT": "top",
     "CARET_MAPPINGS": {
@@ -870,6 +898,20 @@
       "two_digit"
     ]
   },
+  "Primer::Beta::Spinner": {
+    "DEFAULT_SIZE": "medium",
+    "DEFAULT_STYLE": "box-sizing: content-box; color: var(--color-icon-primary);",
+    "SIZE_MAPPINGS": {
+      "small": 16,
+      "medium": 32,
+      "large": 64
+    },
+    "SIZE_OPTIONS": [
+      "small",
+      "medium",
+      "large"
+    ]
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
@@ -997,15 +1039,6 @@
   "Primer::Markdown": {
   },
   "Primer::MenuComponent": {
-    "HEADING_TAG_FALLBACK": "h2",
-    "HEADING_TAG_OPTIONS": [
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6"
-    ]
   },
   "Primer::Navigation::TabComponent": {
     "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
@@ -1015,37 +1048,12 @@
     "DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page"
   },
   "Primer::OcticonComponent": {
-    "SIZE_DEFAULT": "small",
-    "SIZE_MAPPINGS": {
-      "xsmall": 12,
-      "small": 16,
-      "medium": 24
-    },
-    "SIZE_MEDIUM": "medium",
-    "SIZE_OPTIONS": [
-      "xsmall",
-      "small",
-      "medium"
-    ],
-    "SIZE_XSMALL": "xsmall"
   },
   "Primer::OcticonSymbolsComponent": {
   },
   "Primer::PopoverComponent": {
   },
   "Primer::SpinnerComponent": {
-    "DEFAULT_SIZE": "medium",
-    "DEFAULT_STYLE": "box-sizing: content-box; color: var(--color-icon-primary);",
-    "SIZE_MAPPINGS": {
-      "small": 16,
-      "medium": 32,
-      "large": 64
-    },
-    "SIZE_OPTIONS": [
-      "small",
-      "medium",
-      "large"
-    ]
   },
   "Primer::StateComponent": {
     "DEPRECATED_SCHEME_MAPPINGS": {

data/static/statuses.json

@@ -20,9 +20,11 @@
   "Primer::Alpha::Layout": "alpha",
   "Primer::Alpha::Layout::Main": "alpha",
   "Primer::Alpha::Layout::Sidebar": "alpha",
+  "Primer::Alpha::Menu": "alpha",
   "Primer::Alpha::NavList": "alpha",
   "Primer::Alpha::NavList::Item": "alpha",
   "Primer::Alpha::NavList::Section": "alpha",
+  "Primer::Alpha::OcticonSymbols": "alpha",
   "Primer::Alpha::SegmentedControl": "alpha",
   "Primer::Alpha::SegmentedControl::Item": "alpha",
   "Primer::Alpha::TabNav": "alpha",
@@ -55,9 +57,11 @@
   "Primer::Beta::Label": "beta",
   "Primer::Beta::Link": "beta",
   "Primer::Beta::Markdown": "beta",
+  "Primer::Beta::Octicon": "beta",
   "Primer::Beta::Popover": "beta",
   "Primer::Beta::ProgressBar": "beta",
   "Primer::Beta::RelativeTime": "beta",
+  "Primer::Beta::Spinner": "beta",
   "Primer::Beta::Text": "beta",
   "Primer::Beta::Truncate": "beta",
   "Primer::Beta::Truncate::TruncateText": "alpha",
@@ -77,18 +81,18 @@
   "Primer::LabelComponent": "deprecated",
   "Primer::LayoutComponent": "alpha",
   "Primer::LinkComponent": "deprecated",
-  "Primer::LocalTime": "alpha",
+  "Primer::LocalTime": "deprecated",
   "Primer::Markdown": "deprecated",
-  "Primer::MenuComponent": "alpha",
+  "Primer::MenuComponent": "deprecated",
   "Primer::Navigation::TabComponent": "alpha",
-  "Primer::OcticonComponent": "beta",
-  "Primer::OcticonSymbolsComponent": "alpha",
+  "Primer::OcticonComponent": "deprecated",
+  "Primer::OcticonSymbolsComponent": "deprecated",
   "Primer::PopoverComponent": "deprecated",
-  "Primer::SpinnerComponent": "beta",
+  "Primer::SpinnerComponent": "deprecated",
   "Primer::StateComponent": "beta",
   "Primer::SubheadComponent": "beta",
   "Primer::TabContainerComponent": "alpha",
-  "Primer::TimeAgoComponent": "beta",
+  "Primer::TimeAgoComponent": "deprecated",
   "Primer::TimelineItemComponent": "beta",
   "Primer::TimelineItemComponent::BadgeComponent": "alpha",
   "Primer::Tooltip": "deprecated",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.114
+  version: 0.0.115
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-12-07 00:00:00.000000000 Z
+date: 2022-12-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -468,8 +468,18 @@ files:
 - app/components/primer/alpha/image_crop.js
 - app/components/primer/alpha/image_crop.rb
 - app/components/primer/alpha/image_crop.ts
+- app/components/primer/alpha/layout.css
+- app/components/primer/alpha/layout.css.json
+- app/components/primer/alpha/layout.css.map
 - app/components/primer/alpha/layout.html.erb
+- app/components/primer/alpha/layout.pcss
 - app/components/primer/alpha/layout.rb
+- app/components/primer/alpha/menu.css
+- app/components/primer/alpha/menu.css.json
+- app/components/primer/alpha/menu.css.map
+- app/components/primer/alpha/menu.html.erb
+- app/components/primer/alpha/menu.pcss
+- app/components/primer/alpha/menu.rb
 - app/components/primer/alpha/modal_dialog.d.ts
 - app/components/primer/alpha/modal_dialog.js
 - app/components/primer/alpha/modal_dialog.ts
@@ -482,6 +492,8 @@ files:
 - app/components/primer/alpha/nav_list/item.rb
 - app/components/primer/alpha/nav_list/section.html.erb
 - app/components/primer/alpha/nav_list/section.rb
+- app/components/primer/alpha/octicon_symbols.html.erb
+- app/components/primer/alpha/octicon_symbols.rb
 - app/components/primer/alpha/segmented_control.css
 - app/components/primer/alpha/segmented_control.css.json
 - app/components/primer/alpha/segmented_control.css.map
@@ -611,6 +623,8 @@ files:
 - app/components/primer/beta/link.pcss
 - app/components/primer/beta/link.rb
 - app/components/primer/beta/markdown.rb
+- app/components/primer/beta/octicon.html.erb
+- app/components/primer/beta/octicon.rb
 - app/components/primer/beta/popover.css
 - app/components/primer/beta/popover.css.json
 - app/components/primer/beta/popover.css.map
@@ -624,6 +638,8 @@ files:
 - app/components/primer/beta/progress_bar.pcss
 - app/components/primer/beta/progress_bar.rb
 - app/components/primer/beta/relative_time.rb
+- app/components/primer/beta/spinner.html.erb
+- app/components/primer/beta/spinner.rb
 - app/components/primer/beta/text.rb
 - app/components/primer/beta/truncate.css
 - app/components/primer/beta/truncate.css.json
@@ -657,24 +673,16 @@ files:
 - app/components/primer/local_time.rb
 - app/components/primer/local_time.ts
 - app/components/primer/markdown.rb
-- app/components/primer/menu_component.css
-- app/components/primer/menu_component.css.json
-- app/components/primer/menu_component.css.map
-- app/components/primer/menu_component.html.erb
-- app/components/primer/menu_component.pcss
 - app/components/primer/menu_component.rb
 - app/components/primer/navigation/tab_component.html.erb
 - app/components/primer/navigation/tab_component.rb
-- app/components/primer/octicon_component.html.erb
 - app/components/primer/octicon_component.rb
-- app/components/primer/octicon_symbols_component.html.erb
 - app/components/primer/octicon_symbols_component.rb
 - app/components/primer/popover_component.rb
 - app/components/primer/primer.d.ts
 - app/components/primer/primer.js
 - app/components/primer/primer.pcss
 - app/components/primer/primer.ts
-- app/components/primer/spinner_component.html.erb
 - app/components/primer/spinner_component.rb
 - app/components/primer/state_component.css
 - app/components/primer/state_component.css.json
@@ -724,6 +732,7 @@ files:
 - app/forms/composed_form.rb
 - app/forms/first_name_form.rb
 - app/forms/horizontal_form.rb
+- app/forms/immediate_validation_form.rb
 - app/forms/invalid_form.rb
 - app/forms/last_name_form.rb
 - app/forms/multi_input_form.rb
@@ -809,6 +818,12 @@ files:
 - lib/primer/forms/hidden_field.rb
 - lib/primer/forms/multi.html.erb
 - lib/primer/forms/multi.rb
+- lib/primer/forms/primer_multi_input.d.ts
+- lib/primer/forms/primer_multi_input.js
+- lib/primer/forms/primer_multi_input.ts
+- lib/primer/forms/primer_text_field.d.ts
+- lib/primer/forms/primer_text_field.js
+- lib/primer/forms/primer_text_field.ts
 - lib/primer/forms/radio_button.html.erb
 - lib/primer/forms/radio_button.rb
 - lib/primer/forms/radio_button_group.html.erb
@@ -903,6 +918,9 @@ files:
 - previews/primer/alpha/hidden_text_expander_preview.rb
 - previews/primer/alpha/image_crop_preview.rb
 - previews/primer/alpha/layout_preview.rb
+- previews/primer/alpha/menu_preview.rb
+- previews/primer/alpha/menu_preview/default.html.erb
+- previews/primer/alpha/menu_preview/playground.html.erb
 - previews/primer/alpha/nav_list_preview.rb
 - previews/primer/alpha/segmented_control_preview.rb
 - previews/primer/alpha/tab_nav_preview.rb
@@ -947,9 +965,11 @@ files:
 - previews/primer/beta/label_preview.rb
 - previews/primer/beta/link_preview.rb
 - previews/primer/beta/markdown_preview.rb
+- previews/primer/beta/octicon_preview.rb
 - previews/primer/beta/popover_preview.rb
 - previews/primer/beta/progress_bar_preview.rb
 - previews/primer/beta/relative_time_preview.rb
+- previews/primer/beta/spinner_preview.rb
 - previews/primer/beta/text_preview.rb
 - previews/primer/beta/truncate_preview.rb
 - previews/primer/forms/forms_preview.rb
@@ -960,6 +980,7 @@ files:
 - previews/primer/forms/forms_preview/check_box_with_nested_form.html.erb
 - previews/primer/forms/forms_preview/composed_form.html.erb
 - previews/primer/forms/forms_preview/horizontal_form.html.erb
+- previews/primer/forms/forms_preview/immediate_validation_form.html.erb
 - previews/primer/forms/forms_preview/invalid_form.html.erb
 - previews/primer/forms/forms_preview/multi_input_form.html.erb
 - previews/primer/forms/forms_preview/multi_text_field_form.html.erb
@@ -973,15 +994,11 @@ files:
 - previews/primer/hellip_button_preview.rb
 - previews/primer/layout_component_preview.rb
 - previews/primer/local_time_component_preview.rb
-- previews/primer/menu_component_preview.rb
-- previews/primer/menu_component_preview/default.html.erb
-- previews/primer/menu_component_preview/playground.html.erb
-- previews/primer/octicon_component_preview.rb
-- previews/primer/spinner_component_preview.rb
 - previews/primer/state_component_preview.rb
 - previews/primer/subhead_component_preview.rb
 - previews/primer/time_ago_component_preview.rb
 - previews/primer/timeline_item_component_preview.rb
+- previews/primer/url_helpers.rb
 - static/arguments.json
 - static/assets/view-components.svg
 - static/audited_at.json

data/app/components/primer/menu_component.css.json

@@ -1 +0,0 @@
-{"name":"menu_component","selectors":[".menu",".menu-item",".menu-item:first-child",".menu-item:first-child:before",".menu-item:last-child",".menu-item:last-child:before",".menu-item:hover",".menu-item:active",".menu-item.selected",".menu-item[aria-current]:not([aria-current=false])",".menu-item[aria-selected=true]",":is(.menu-item.selected",".menu-item[aria-current]:not([aria-current=false])):before",".menu-item .octicon",".menu-item .Counter",".menu-item .menu-warning",".menu-item .avatar",".menu-item.alert .Counter",".menu-heading",".menu-heading:hover",".menu-heading:first-child",".menu-heading:last-child"]}

data/app/components/primer/menu_component.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["menu_component.pcss"],"names":[],"mappings":"AAIA,MAGE,4CAA6C,CAC7C,2EAA6E,CAC7E,mDAAqD,CAHrD,eAAgB,CADhB,iDAKF,CAEA,WAKE,gFAAkF,CADlF,6BAA8B,CAF9B,aAAc,CACd,yHAA4H,CAF5H,iBA+EF,CAzEE,uBACE,YAAa,CAEb,6DAKF,CAHE,qDAHA,4DAKA,CAGF,sBACE,eAAgB,CAChB,gEAMF,CAHE,mDAFA,+DAIA,CAGF,iBAEE,4CAA6C,CAD7C,oBAEF,CAEA,kBACE,2CACF,CAEA,sGAIE,4CAA6C,CAD7C,cAYF,CATE,kHAOE,kDAAmD,CAJnD,QAAS,CAGT,UAAW,CAFX,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAGN,SAGF,CAGF,oBAGE,2BAA4B,CAD5B,iDAAmD,CAEnD,iBAAkB,CAHlB,UAIF,CAEA,oBACE,WAAY,CACZ,+CACF,CAEA,yBAEE,+BAAgC,CADhC,WAEF,CAEA,mBACE,UAAW,CACX,gDACF,CAGE,0BACE,4BACF,CAIJ,cAQE,gFAAkF,CADlF,6BAA8B,CAN9B,aAAc,CAId,iBAAkB,CAClB,gDAAkD,CAFlD,eAAgB,CADhB,YAAa,CADb,yHAsBF,CAdE,oBACE,oBACF,CAEA,0BACE,4DAA8D,CAC9D,6DACF,CAEA,yBACE,eAAgB,CAEhB,+DAAiE,CADjE,gEAEF","file":"menu_component.css","sourcesContent":["/* menu */\n\n/* A menu on the side of a page, defaults to left side. e.g. github.com/about */\n\n.menu {\n  margin-bottom: var(--primer-stack-gap-normal, 16px);\n  list-style: none;\n  background-color: var(--color-canvas-default);\n  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);\n  border-radius: var(--primer-borderRadius-medium, 6px);\n}\n\n.menu-item {\n  position: relative;\n  display: block;\n  padding: var(--primer-control-medium-paddingInline-condensed, 8px) var(--primer-control-medium-paddingInline-spacious, 16px);\n  color: var(--color-fg-default);\n  border-bottom: var(--primer-borderWidth-thin, 1px) solid var(--color-border-muted);\n\n  &:first-child {\n    border-top: 0;\n    border-top-left-radius: var(--primer-borderRadius-medium, 6px);\n    border-top-right-radius: var(--primer-borderRadius-medium, 6px);\n\n    &::before {\n      border-top-left-radius: var(--primer-borderRadius-medium, 6px);\n    }\n  }\n\n  &:last-child {\n    border-bottom: 0;\n    border-bottom-right-radius: var(--primer-borderRadius-medium, 6px);\n    border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);\n\n    &::before {\n      border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);\n    }\n  }\n\n  &:hover {\n    text-decoration: none;\n    background-color: var(--color-neutral-subtle);\n  }\n\n  &:active {\n    background-color: var(--color-canvas-subtle);\n  }\n\n  &.selected,\n  &[aria-selected='true'],\n  &[aria-current]:not([aria-current='false']) {\n    cursor: default;\n    background-color: var(--color-menu-bg-active);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 2px;\n      content: '';\n      background-color: var(--color-primer-border-active);\n    }\n  }\n\n  & .octicon {\n    width: 16px;\n    margin-right: var(--primer-control-medium-gap, 8px);\n    color: var(--color-fg-muted);\n    text-align: center;\n  }\n\n  & .Counter {\n    float: right;\n    margin-left: var(--primer-control-small-gap, 4px);\n  }\n\n  & .menu-warning {\n    float: right;\n    color: var(--color-attention-fg);\n  }\n\n  & .avatar {\n    float: left;\n    margin-right: var(--primer-control-small-gap, 4px);\n  }\n\n  &.alert {\n    & .Counter {\n      color: var(--color-danger-fg);\n    }\n  }\n}\n\n.menu-heading {\n  display: block;\n  padding: var(--primer-control-medium-paddingInline-condensed, 8px) var(--primer-control-medium-paddingInline-spacious, 16px);\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: inherit;\n  font-weight: var(--base-text-weight-semibold, 600);\n  color: var(--color-fg-default);\n  border-bottom: var(--primer-borderWidth-thin, 1px) solid var(--color-border-muted);\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--primer-borderRadius-medium, 6px);\n    border-top-right-radius: var(--primer-borderRadius-medium, 6px);\n  }\n\n  &:last-child {\n    border-bottom: 0;\n    border-bottom-right-radius: var(--primer-borderRadius-medium, 6px);\n    border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);\n  }\n}\n"]}

data/previews/primer/menu_component_preview.rb

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label MenuComponent
-  class MenuComponentPreview < ViewComponent::Preview
-    # @label Playground
-    def playground; end
-
-    # @label Default
-    def default; end
-  end
-end

data/previews/primer/octicon_component_preview.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label OcticonComponent
-  class OcticonComponentPreview < ViewComponent::Preview
-    # @label Playground
-    #
-    # @param aria_label [String]
-    # @param size [Symbol] select [xsmall, small, medium]
-    def playground(size: :small, aria_label: nil)
-      render(Primer::OcticonComponent.new(icon: :people, size: size, "aria-label": aria_label))
-    end
-
-    # @label Default Options
-    #
-    # @param aria_label [String]
-    # @param size [Symbol] select [xsmall, small, medium]
-    def default(size: :small, aria_label: nil)
-      render(Primer::OcticonComponent.new(icon: :people, size: size, "aria-label": aria_label))
-    end
-  end
-end

data/previews/primer/spinner_component_preview.rb

@@ -1,20 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label SpinnerComponent
-  class SpinnerComponentPreview < ViewComponent::Preview
-    # @label Playground
-    #
-    # @param size [Symbol] select [small, medium, large]
-    def playground(size: :medium)
-      render(Primer::SpinnerComponent.new(size: size))
-    end
-
-    # @label Default Options
-    #
-    # @param size [Symbol] select [small, medium, large]
-    def default(size: :medium)
-      render(Primer::SpinnerComponent.new(size: size))
-    end
-  end
-end