primer_view_components 0.0.104 → 0.0.105

data/static/audited_at.json

@@ -11,12 +11,16 @@
   "Primer::Alpha::Dialog::Footer": "",
   "Primer::Alpha::Dialog::Header": "",
   "Primer::Alpha::HiddenTextExpander": "",
+  "Primer::Alpha::Image": "",
+  "Primer::Alpha::ImageCrop": "",
   "Primer::Alpha::Layout": "",
   "Primer::Alpha::Layout::Main": "",
   "Primer::Alpha::Layout::Sidebar": "",
   "Primer::Alpha::NavList": "",
   "Primer::Alpha::NavList::Item": "",
   "Primer::Alpha::NavList::Section": "",
+  "Primer::Alpha::SegmentedControl": "",
+  "Primer::Alpha::SegmentedControl::Item": "",
   "Primer::Alpha::TabNav": "",
   "Primer::Alpha::TabPanels": "",
   "Primer::Alpha::TextField": "",
@@ -43,6 +47,8 @@
   "Primer::Beta::Flash": "",
   "Primer::Beta::Heading": "",
   "Primer::Beta::IconButton": "",
+  "Primer::Beta::Label": "",
+  "Primer::Beta::Link": "",
   "Primer::Beta::Text": "",
   "Primer::Beta::Truncate": "",
   "Primer::Beta::Truncate::TruncateText": "",

data/static/constants.json

@@ -160,6 +160,10 @@
   },
   "Primer::Alpha::HiddenTextExpander": {
   },
+  "Primer::Alpha::Image": {
+  },
+  "Primer::Alpha::ImageCrop": {
+  },
   "Primer::Alpha::Layout": {
     "FIRST_IN_SOURCE_DEFAULT": "sidebar",
     "FIRST_IN_SOURCE_OPTIONS": [
@@ -246,6 +250,13 @@
   },
   "Primer::Alpha::NavList::Section": {
   },
+  "Primer::Alpha::SegmentedControl": {
+    "FULL_WIDTH_DEFAULT": false,
+    "HIDE_LABELS_DEFAULT": false,
+    "Item": "Primer::Alpha::SegmentedControl::Item"
+  },
+  "Primer::Alpha::SegmentedControl::Item": {
+  },
   "Primer::Alpha::TabNav": {
     "BODY_TAG_DEFAULT": "ul",
     "TAG_DEFAULT": "nav",
@@ -563,6 +574,81 @@
       "invisible"
     ]
   },
+  "Primer::Beta::Label": {
+    "DEFAULT_SCHEME": "default",
+    "DEFAULT_SIZE": "medium",
+    "DEFAULT_TAG": "span",
+    "DEFAULT_VARIANT": "none",
+    "DEPRECATED_SCHEME_OPTIONS": [
+      "info",
+      "warning",
+      "orange",
+      "purple"
+    ],
+    "DEPRECATED_VARIANT_OPTIONS": [
+      "large",
+      "inline"
+    ],
+    "INLINE_CLASS": "Label--inline",
+    "SCHEME_MAPPINGS": {
+      "default": "",
+      "primary": "Label--primary",
+      "secondary": "Label--secondary",
+      "accent": "Label--accent",
+      "success": "Label--success",
+      "attention": "Label--attention",
+      "danger": "Label--danger",
+      "severe": "Label--severe",
+      "done": "Label--done",
+      "sponsors": "Label--sponsors",
+      "info": "Label--info",
+      "warning": "Label--warning",
+      "orange": "Label--orange",
+      "purple": "Label--purple"
+    },
+    "SCHEME_OPTIONS": [
+      "default",
+      "primary",
+      "secondary",
+      "accent",
+      "success",
+      "attention",
+      "danger",
+      "severe",
+      "done",
+      "sponsors"
+    ],
+    "SIZE_MAPPINGS": {
+      "medium": null,
+      "large": "Label--large"
+    },
+    "SIZE_OPTIONS": [
+      "medium",
+      "large"
+    ],
+    "TAG_OPTIONS": [
+      "span",
+      "summary",
+      "a",
+      "div"
+    ],
+    "VARIANT_OPTIONS": [
+      "none"
+    ]
+  },
+  "Primer::Beta::Link": {
+    "DEFAULT_SCHEME": "default",
+    "DEFAULT_TAG": "a",
+    "SCHEME_MAPPINGS": {
+      "default": "",
+      "primary": "Link--primary",
+      "secondary": "Link--secondary"
+    },
+    "TAG_OPTIONS": [
+      "a",
+      "span"
+    ]
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
@@ -685,66 +771,6 @@
   "Primer::ImageCrop": {
   },
   "Primer::LabelComponent": {
-    "DEFAULT_SCHEME": "default",
-    "DEFAULT_SIZE": "medium",
-    "DEFAULT_TAG": "span",
-    "DEFAULT_VARIANT": "none",
-    "DEPRECATED_SCHEME_OPTIONS": [
-      "info",
-      "warning",
-      "orange",
-      "purple"
-    ],
-    "DEPRECATED_VARIANT_OPTIONS": [
-      "large",
-      "inline"
-    ],
-    "INLINE_CLASS": "Label--inline",
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "primary": "Label--primary",
-      "secondary": "Label--secondary",
-      "accent": "Label--accent",
-      "success": "Label--success",
-      "attention": "Label--attention",
-      "danger": "Label--danger",
-      "severe": "Label--severe",
-      "done": "Label--done",
-      "sponsors": "Label--sponsors",
-      "info": "Label--info",
-      "warning": "Label--warning",
-      "orange": "Label--orange",
-      "purple": "Label--purple"
-    },
-    "SCHEME_OPTIONS": [
-      "default",
-      "primary",
-      "secondary",
-      "accent",
-      "success",
-      "attention",
-      "danger",
-      "severe",
-      "done",
-      "sponsors"
-    ],
-    "SIZE_MAPPINGS": {
-      "medium": null,
-      "large": "Label--large"
-    },
-    "SIZE_OPTIONS": [
-      "medium",
-      "large"
-    ],
-    "TAG_OPTIONS": [
-      "span",
-      "summary",
-      "a",
-      "div"
-    ],
-    "VARIANT_OPTIONS": [
-      "none"
-    ]
   },
   "Primer::LayoutComponent": {
     "ALLOWED_SIDEBAR_COLS": [
@@ -769,17 +795,6 @@
     "MAX_COL": 12
   },
   "Primer::LinkComponent": {
-    "DEFAULT_SCHEME": "default",
-    "DEFAULT_TAG": "a",
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "primary": "Link--primary",
-      "secondary": "Link--secondary"
-    },
-    "TAG_OPTIONS": [
-      "a",
-      "span"
-    ]
   },
   "Primer::LocalTime": {
     "DEFAULT_DIGIT_TYPE": "numeric",

data/static/statuses.json

@@ -11,12 +11,16 @@
   "Primer::Alpha::Dialog::Footer": "alpha",
   "Primer::Alpha::Dialog::Header": "alpha",
   "Primer::Alpha::HiddenTextExpander": "alpha",
+  "Primer::Alpha::Image": "alpha",
+  "Primer::Alpha::ImageCrop": "alpha",
   "Primer::Alpha::Layout": "alpha",
   "Primer::Alpha::Layout::Main": "alpha",
   "Primer::Alpha::Layout::Sidebar": "alpha",
   "Primer::Alpha::NavList": "alpha",
   "Primer::Alpha::NavList::Item": "alpha",
   "Primer::Alpha::NavList::Section": "alpha",
+  "Primer::Alpha::SegmentedControl": "alpha",
+  "Primer::Alpha::SegmentedControl::Item": "alpha",
   "Primer::Alpha::TabNav": "alpha",
   "Primer::Alpha::TabPanels": "alpha",
   "Primer::Alpha::TextField": "alpha",
@@ -43,6 +47,8 @@
   "Primer::Beta::Flash": "beta",
   "Primer::Beta::Heading": "beta",
   "Primer::Beta::IconButton": "beta",
+  "Primer::Beta::Label": "beta",
+  "Primer::Beta::Link": "beta",
   "Primer::Beta::Text": "beta",
   "Primer::Beta::Truncate": "beta",
   "Primer::Beta::Truncate::TruncateText": "alpha",
@@ -60,11 +66,11 @@
   "Primer::DropdownMenuComponent": "deprecated",
   "Primer::HellipButton": "alpha",
   "Primer::IconButton": "deprecated",
-  "Primer::Image": "alpha",
-  "Primer::ImageCrop": "alpha",
-  "Primer::LabelComponent": "beta",
+  "Primer::Image": "deprecated",
+  "Primer::ImageCrop": "deprecated",
+  "Primer::LabelComponent": "deprecated",
   "Primer::LayoutComponent": "alpha",
-  "Primer::LinkComponent": "beta",
+  "Primer::LinkComponent": "deprecated",
   "Primer::LocalTime": "alpha",
   "Primer::Markdown": "beta",
   "Primer::MenuComponent": "alpha",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.104
+  version: 0.0.105
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-10-19 00:00:00.000000000 Z
+date: 2022-10-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -432,6 +432,12 @@ files:
 - app/components/primer/alpha/dialog/header.html.erb
 - app/components/primer/alpha/dialog/header.rb
 - app/components/primer/alpha/hidden_text_expander.rb
+- app/components/primer/alpha/image.rb
+- app/components/primer/alpha/image_crop.d.ts
+- app/components/primer/alpha/image_crop.html.erb
+- 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.html.erb
 - app/components/primer/alpha/layout.rb
 - app/components/primer/alpha/modal_dialog.d.ts
@@ -446,6 +452,16 @@ 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/segmented_control.css
+- app/components/primer/alpha/segmented_control.css.map
+- app/components/primer/alpha/segmented_control.d.ts
+- app/components/primer/alpha/segmented_control.html.erb
+- app/components/primer/alpha/segmented_control.js
+- app/components/primer/alpha/segmented_control.pcss
+- app/components/primer/alpha/segmented_control.rb
+- app/components/primer/alpha/segmented_control.ts
+- app/components/primer/alpha/segmented_control/item.html.erb
+- app/components/primer/alpha/segmented_control/item.rb
 - app/components/primer/alpha/tab_nav.html.erb
 - app/components/primer/alpha/tab_nav.rb
 - app/components/primer/alpha/tab_panels.html.erb
@@ -500,6 +516,8 @@ files:
 - app/components/primer/beta/heading.rb
 - app/components/primer/beta/icon_button.html.erb
 - app/components/primer/beta/icon_button.rb
+- app/components/primer/beta/label.rb
+- app/components/primer/beta/link.rb
 - app/components/primer/beta/text.rb
 - app/components/primer/beta/truncate.html.erb
 - app/components/primer/beta/truncate.rb
@@ -534,11 +552,7 @@ files:
 - app/components/primer/icon_button.html.erb
 - app/components/primer/icon_button.rb
 - app/components/primer/image.rb
-- app/components/primer/image_crop.d.ts
-- app/components/primer/image_crop.html.erb
-- app/components/primer/image_crop.js
 - app/components/primer/image_crop.rb
-- app/components/primer/image_crop.ts
 - app/components/primer/label_component.rb
 - app/components/primer/layout_component.html.erb
 - app/components/primer/layout_component.rb
@@ -756,8 +770,10 @@ files:
 - previews/primer/alpha/dialog_preview/with_footer.html.erb
 - previews/primer/alpha/dialog_preview/with_form.html.erb
 - previews/primer/alpha/hidden_text_expander_preview.rb
+- previews/primer/alpha/image_crop_preview.rb
 - previews/primer/alpha/layout_preview.rb
 - previews/primer/alpha/nav_list_preview.rb
+- previews/primer/alpha/segmented_control_preview.rb
 - previews/primer/alpha/tab_panels_preview.rb
 - previews/primer/alpha/text_field_preview.rb
 - previews/primer/alpha/toggle_switch_preview.rb
@@ -766,9 +782,11 @@ files:
 - previews/primer/alpha/tooltip_preview/with_right_most_position.html.erb
 - previews/primer/alpha/underline_nav_preview.rb
 - previews/primer/alpha/underline_nav_preview/default.html.erb
+- previews/primer/alpha/underline_nav_preview/playground.html.erb
 - previews/primer/alpha/underline_panels_preview.rb
 - previews/primer/beta/auto_complete_item_preview.rb
 - previews/primer/beta/auto_complete_item_preview/default.html.erb
+- previews/primer/beta/auto_complete_item_preview/playground.html.erb
 - previews/primer/beta/auto_complete_item_preview/with_description.html.erb
 - previews/primer/beta/auto_complete_preview.rb
 - previews/primer/beta/auto_complete_preview/with_submit_button.html.erb
@@ -792,6 +810,8 @@ files:
 - previews/primer/beta/flash_preview.rb
 - previews/primer/beta/heading_preview.rb
 - previews/primer/beta/icon_button_preview.rb
+- previews/primer/beta/label_preview.rb
+- previews/primer/beta/link_preview.rb
 - previews/primer/beta/text_preview.rb
 - previews/primer/beta/truncate_preview.rb
 - previews/primer/clipboard_copy_preview.rb
@@ -815,14 +835,12 @@ files:
 - previews/primer/forms/forms_preview/submit_button_form.html.erb
 - previews/primer/forms/forms_preview/text_field_and_checkbox_form.html.erb
 - previews/primer/hellip_button_preview.rb
-- previews/primer/image_crop_preview.rb
-- previews/primer/label_component_preview.rb
 - previews/primer/layout_component_preview.rb
-- previews/primer/link_component_preview.rb
 - previews/primer/local_time_component_preview.rb
 - previews/primer/markdown_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/popover_component_preview.rb
 - previews/primer/progress_bar_component_preview.rb

data/previews/primer/image_crop_preview.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label ImageCrop
-  class ImageCropPreview < ViewComponent::Preview
-    # @label Default Options
-    #
-    # @param rounded [Boolean]
-    def default(rounded: false)
-      render(Primer::ImageCrop.new(src: Primer::ExampleImage::BASE64_SRC, rounded: rounded))
-    end
-
-    # @label Custom loading slot
-    #
-    # @param rounded [Boolean]
-    def loading(rounded: false)
-      render(Primer::ImageCrop.new(src: Primer::ExampleImage::BASE64_SRC, rounded: rounded)) do |c|
-        c.with_loading { "Loading..." }
-      end
-    end
-end
-end

data/previews/primer/label_component_preview.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label LabelComponent
-  class LabelComponentPreview < ViewComponent::Preview
-    # @label Default Options
-    #
-    # @param size [Symbol] select [medium, large]
-    # @param tag [Symbol] select [span, summary, a, div]
-    # @param inline [Boolean] toggle
-    def default(size: :medium, tag: :span, inline: false)
-      render(Primer::LabelComponent.new(tag: tag, size: size, inline: inline)) { "Label" }
-    end
-  end
-end

data/previews/primer/link_component_preview.rb

@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label LinkComponent
-  class LinkComponentPreview < ViewComponent::Preview
-    # @label Default Options
-    #
-    # @param underline [Boolean]
-    # @param muted [Boolean]
-    # @param tag [Symbol] select [a, span]
-    # @param scheme [Symbol] select [default, primary, secondary]
-    def default(tag: :a, scheme: :default, muted: false, underline: true)
-      render(Primer::LinkComponent.new(href: "#", tag: tag, scheme: scheme, muted: muted, underline: underline)) { "This is a link!" }
-    end
-
-    # @label with Tooltip
-    #
-    # @param underline [Boolean]
-    # @param muted [Boolean]
-    # @param tag [Symbol] select [a, span]
-    # @param scheme [Symbol] select [default, primary, secondary]
-    def tooltip(tag: :a, scheme: :default, muted: false, underline: true)
-      render(Primer::LinkComponent.new(href: "#", id: "tooltip-link", tag: tag, scheme: scheme, muted: muted, underline: underline)) do |component|
-        component.with_tooltip(text: "Tooltip text")
-        "Link with tooltip"
-      end
-    end
-  end
-end