primer_view_components 0.0.116 → 0.0.118

data/static/audited_at.json

@@ -14,6 +14,7 @@
   "Primer::Alpha::Dropdown": "",
   "Primer::Alpha::Dropdown::Menu": "",
   "Primer::Alpha::Dropdown::Menu::Item": "",
+  "Primer::Alpha::HellipButton": "",
   "Primer::Alpha::HiddenTextExpander": "",
   "Primer::Alpha::Image": "",
   "Primer::Alpha::ImageCrop": "",
@@ -27,6 +28,7 @@
   "Primer::Alpha::OcticonSymbols": "",
   "Primer::Alpha::SegmentedControl": "",
   "Primer::Alpha::SegmentedControl::Item": "",
+  "Primer::Alpha::TabContainer": "",
   "Primer::Alpha::TabNav": "",
   "Primer::Alpha::TabPanels": "",
   "Primer::Alpha::TextField": "",
@@ -62,7 +64,11 @@
   "Primer::Beta::ProgressBar": "",
   "Primer::Beta::RelativeTime": "",
   "Primer::Beta::Spinner": "",
+  "Primer::Beta::State": "",
+  "Primer::Beta::Subhead": "",
   "Primer::Beta::Text": "",
+  "Primer::Beta::TimelineItem": "",
+  "Primer::Beta::TimelineItem::Badge": "",
   "Primer::Beta::Truncate": "",
   "Primer::Beta::Truncate::TruncateText": "",
   "Primer::BlankslateComponent": "",

data/static/constants.json

@@ -163,14 +163,16 @@
       "medium_portrait": "Overlay--size-medium-portrait",
       "medium": "Overlay--size-medium",
       "large": "Overlay--size-large",
-      "xlarge": "Overlay--size-xlarge"
+      "xlarge": "Overlay--size-xlarge",
+      "auto": "Overlay--size-auto"
     },
     "SIZE_OPTIONS": [
       "small",
       "medium_portrait",
       "medium",
       "large",
-      "xlarge"
+      "xlarge",
+      "auto"
     ]
   },
   "Primer::Alpha::Dialog::Body": {
@@ -216,6 +218,8 @@
       "summary"
     ]
   },
+  "Primer::Alpha::HellipButton": {
+  },
   "Primer::Alpha::HiddenTextExpander": {
   },
   "Primer::Alpha::Image": {
@@ -328,6 +332,8 @@
   },
   "Primer::Alpha::SegmentedControl::Item": {
   },
+  "Primer::Alpha::TabContainer": {
+  },
   "Primer::Alpha::TabNav": {
     "BODY_TAG_DEFAULT": "ul",
     "TAG_DEFAULT": "nav",
@@ -794,6 +800,13 @@
       "micro",
       "elapsed"
     ],
+    "FORMAT_STYLE_DEFAULT": null,
+    "FORMAT_STYLE_OPTIONS": [
+      null,
+      "long",
+      "short",
+      "narrow"
+    ],
     "HOUR_DEFAULT": null,
     "HOUR_MAPPINGS": {
       "": null,
@@ -912,9 +925,72 @@
       "large"
     ]
   },
+  "Primer::Beta::State": {
+    "DEPRECATED_SCHEME_MAPPINGS": {
+      "default": "",
+      "green": "State--open",
+      "red": "State--closed",
+      "purple": "State--merged"
+    },
+    "NEW_SCHEME_MAPPINGS": {
+      "open": "State--open",
+      "closed": "State--closed",
+      "merged": "State--merged"
+    },
+    "SCHEME_DEFAULT": "default",
+    "SCHEME_MAPPINGS": {
+      "open": "State--open",
+      "closed": "State--closed",
+      "merged": "State--merged",
+      "default": "",
+      "green": "State--open",
+      "red": "State--closed",
+      "purple": "State--merged"
+    },
+    "SCHEME_OPTIONS": [
+      "open",
+      "closed",
+      "merged",
+      "default",
+      "green",
+      "red",
+      "purple"
+    ],
+    "SIZE_DEFAULT": "default",
+    "SIZE_MAPPINGS": {
+      "default": "",
+      "small": "State--small"
+    },
+    "SIZE_OPTIONS": [
+      "default",
+      "small"
+    ],
+    "TAG_DEFAULT": "span",
+    "TAG_OPTIONS": [
+      "span",
+      "div"
+    ]
+  },
+  "Primer::Beta::Subhead": {
+    "DEFAULT_HEADING_TAG": "div",
+    "HEADING_TAG_OPTIONS": [
+      "div",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6"
+    ]
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
+  "Primer::Beta::TimelineItem": {
+    "Badge": "Primer::Beta::TimelineItem::Badge"
+  },
+  "Primer::Beta::TimelineItem::Badge": {
+  },
   "Primer::Beta::Truncate": {
     "TruncateText": "Primer::Beta::Truncate::TruncateText"
   },
@@ -1056,62 +1132,8 @@
   "Primer::SpinnerComponent": {
   },
   "Primer::StateComponent": {
-    "DEPRECATED_SCHEME_MAPPINGS": {
-      "default": "",
-      "green": "State--open",
-      "red": "State--closed",
-      "purple": "State--merged"
-    },
-    "NEW_SCHEME_MAPPINGS": {
-      "open": "State--open",
-      "closed": "State--closed",
-      "merged": "State--merged"
-    },
-    "SCHEME_DEFAULT": "default",
-    "SCHEME_MAPPINGS": {
-      "open": "State--open",
-      "closed": "State--closed",
-      "merged": "State--merged",
-      "default": "",
-      "green": "State--open",
-      "red": "State--closed",
-      "purple": "State--merged"
-    },
-    "SCHEME_OPTIONS": [
-      "open",
-      "closed",
-      "merged",
-      "default",
-      "green",
-      "red",
-      "purple"
-    ],
-    "SIZE_DEFAULT": "default",
-    "SIZE_MAPPINGS": {
-      "default": "",
-      "small": "State--small"
-    },
-    "SIZE_OPTIONS": [
-      "default",
-      "small"
-    ],
-    "TAG_DEFAULT": "span",
-    "TAG_OPTIONS": [
-      "span",
-      "div"
-    ]
   },
   "Primer::SubheadComponent": {
-    "DEFAULT_HEADING_TAG": "div",
-    "HEADING_TAG_OPTIONS": [
-      "div",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6"
-    ]
   },
   "Primer::TabContainerComponent": {
   },

data/static/statuses.json

@@ -14,6 +14,7 @@
   "Primer::Alpha::Dropdown": "alpha",
   "Primer::Alpha::Dropdown::Menu": "alpha",
   "Primer::Alpha::Dropdown::Menu::Item": "alpha",
+  "Primer::Alpha::HellipButton": "alpha",
   "Primer::Alpha::HiddenTextExpander": "alpha",
   "Primer::Alpha::Image": "alpha",
   "Primer::Alpha::ImageCrop": "alpha",
@@ -27,6 +28,7 @@
   "Primer::Alpha::OcticonSymbols": "alpha",
   "Primer::Alpha::SegmentedControl": "alpha",
   "Primer::Alpha::SegmentedControl::Item": "alpha",
+  "Primer::Alpha::TabContainer": "alpha",
   "Primer::Alpha::TabNav": "alpha",
   "Primer::Alpha::TabPanels": "alpha",
   "Primer::Alpha::TextField": "alpha",
@@ -62,7 +64,11 @@
   "Primer::Beta::ProgressBar": "beta",
   "Primer::Beta::RelativeTime": "beta",
   "Primer::Beta::Spinner": "beta",
+  "Primer::Beta::State": "beta",
+  "Primer::Beta::Subhead": "beta",
   "Primer::Beta::Text": "beta",
+  "Primer::Beta::TimelineItem": "beta",
+  "Primer::Beta::TimelineItem::Badge": "beta",
   "Primer::Beta::Truncate": "beta",
   "Primer::Beta::Truncate::TruncateText": "alpha",
   "Primer::BlankslateComponent": "deprecated",
@@ -76,7 +82,7 @@
   "Primer::Dropdown::Menu": "deprecated",
   "Primer::Dropdown::Menu::Item": "deprecated",
   "Primer::DropdownMenuComponent": "deprecated",
-  "Primer::HellipButton": "alpha",
+  "Primer::HellipButton": "deprecated",
   "Primer::IconButton": "deprecated",
   "Primer::LabelComponent": "deprecated",
   "Primer::LayoutComponent": "alpha",
@@ -89,12 +95,12 @@
   "Primer::OcticonSymbolsComponent": "deprecated",
   "Primer::PopoverComponent": "deprecated",
   "Primer::SpinnerComponent": "deprecated",
-  "Primer::StateComponent": "beta",
-  "Primer::SubheadComponent": "beta",
-  "Primer::TabContainerComponent": "alpha",
+  "Primer::StateComponent": "deprecated",
+  "Primer::SubheadComponent": "deprecated",
+  "Primer::TabContainerComponent": "deprecated",
   "Primer::TimeAgoComponent": "deprecated",
-  "Primer::TimelineItemComponent": "beta",
-  "Primer::TimelineItemComponent::BadgeComponent": "alpha",
+  "Primer::TimelineItemComponent": "deprecated",
+  "Primer::TimelineItemComponent::BadgeComponent": "deprecated",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "beta"
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.116
+  version: 0.0.118
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-12-15 00:00:00.000000000 Z
+date: 2023-01-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -58,7 +58,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.57.0
+        version: 2.81.0
     - - "<"
       - !ruby/object:Gem::Version
         version: '3.0'
@@ -68,7 +68,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.57.0
+        version: 2.81.0
     - - "<"
       - !ruby/object:Gem::Version
         version: '3.0'
@@ -461,6 +461,7 @@ files:
 - app/components/primer/alpha/dropdown/menu.js
 - app/components/primer/alpha/dropdown/menu.rb
 - app/components/primer/alpha/dropdown/menu.ts
+- app/components/primer/alpha/hellip_button.rb
 - app/components/primer/alpha/hidden_text_expander.rb
 - app/components/primer/alpha/image.rb
 - app/components/primer/alpha/image_crop.d.ts
@@ -505,6 +506,10 @@ files:
 - 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_container.d.ts
+- app/components/primer/alpha/tab_container.js
+- app/components/primer/alpha/tab_container.rb
+- app/components/primer/alpha/tab_container.ts
 - app/components/primer/alpha/tab_nav.css
 - app/components/primer/alpha/tab_nav.css.json
 - app/components/primer/alpha/tab_nav.css.map
@@ -640,7 +645,24 @@ files:
 - app/components/primer/beta/relative_time.rb
 - app/components/primer/beta/spinner.html.erb
 - app/components/primer/beta/spinner.rb
+- app/components/primer/beta/state.css
+- app/components/primer/beta/state.css.json
+- app/components/primer/beta/state.css.map
+- app/components/primer/beta/state.pcss
+- app/components/primer/beta/state.rb
+- app/components/primer/beta/subhead.css
+- app/components/primer/beta/subhead.css.json
+- app/components/primer/beta/subhead.css.map
+- app/components/primer/beta/subhead.html.erb
+- app/components/primer/beta/subhead.pcss
+- app/components/primer/beta/subhead.rb
 - app/components/primer/beta/text.rb
+- app/components/primer/beta/timeline_item.css
+- app/components/primer/beta/timeline_item.css.json
+- app/components/primer/beta/timeline_item.css.map
+- app/components/primer/beta/timeline_item.html.erb
+- app/components/primer/beta/timeline_item.pcss
+- app/components/primer/beta/timeline_item.rb
 - app/components/primer/beta/truncate.css
 - app/components/primer/beta/truncate.css.json
 - app/components/primer/beta/truncate.css.map
@@ -684,30 +706,13 @@ files:
 - app/components/primer/primer.pcss
 - app/components/primer/primer.ts
 - app/components/primer/spinner_component.rb
-- app/components/primer/state_component.css
-- app/components/primer/state_component.css.json
-- app/components/primer/state_component.css.map
-- app/components/primer/state_component.pcss
 - app/components/primer/state_component.rb
-- app/components/primer/subhead_component.css
-- app/components/primer/subhead_component.css.json
-- app/components/primer/subhead_component.css.map
-- app/components/primer/subhead_component.html.erb
-- app/components/primer/subhead_component.pcss
 - app/components/primer/subhead_component.rb
-- app/components/primer/tab_container_component.d.ts
-- app/components/primer/tab_container_component.js
 - app/components/primer/tab_container_component.rb
-- app/components/primer/tab_container_component.ts
 - app/components/primer/time_ago_component.d.ts
 - app/components/primer/time_ago_component.js
 - app/components/primer/time_ago_component.rb
 - app/components/primer/time_ago_component.ts
-- app/components/primer/timeline_item_component.css
-- app/components/primer/timeline_item_component.css.json
-- app/components/primer/timeline_item_component.css.map
-- app/components/primer/timeline_item_component.html.erb
-- app/components/primer/timeline_item_component.pcss
 - app/components/primer/timeline_item_component.rb
 - app/components/primer/tooltip.rb
 - app/components/primer/truncate.css
@@ -730,6 +735,8 @@ files:
 - app/forms/check_box_group_form.rb
 - app/forms/check_box_with_nested_form.rb
 - app/forms/composed_form.rb
+- app/forms/example_toggle_switch_form.rb
+- app/forms/example_toggle_switch_form/example_field_caption.html.erb
 - app/forms/first_name_form.rb
 - app/forms/horizontal_form.rb
 - app/forms/immediate_validation_form.rb
@@ -806,6 +813,7 @@ files:
 - lib/primer/forms/dsl/submit_button_input.rb
 - lib/primer/forms/dsl/text_area_input.rb
 - lib/primer/forms/dsl/text_field_input.rb
+- lib/primer/forms/dsl/toggle_switch_input.rb
 - lib/primer/forms/form_control.html.erb
 - lib/primer/forms/form_control.rb
 - lib/primer/forms/form_list.html.erb
@@ -840,6 +848,9 @@ files:
 - lib/primer/forms/text_area.rb
 - lib/primer/forms/text_field.html.erb
 - lib/primer/forms/text_field.rb
+- lib/primer/forms/toggle_switch.html.erb
+- lib/primer/forms/toggle_switch.rb
+- lib/primer/forms/toggle_switch_form.rb
 - lib/primer/forms/utils.rb
 - lib/primer/view_components.rb
 - lib/primer/view_components/audited.rb
@@ -914,7 +925,9 @@ files:
 - previews/primer/alpha/dialog_preview/test.html.erb
 - previews/primer/alpha/dialog_preview/with_footer.html.erb
 - previews/primer/alpha/dialog_preview/with_form.html.erb
+- previews/primer/alpha/dialog_preview/with_text_input.html.erb
 - previews/primer/alpha/dropdown_preview.rb
+- previews/primer/alpha/hellip_button_preview.rb
 - previews/primer/alpha/hidden_text_expander_preview.rb
 - previews/primer/alpha/image_crop_preview.rb
 - previews/primer/alpha/layout_preview.rb
@@ -970,7 +983,11 @@ files:
 - previews/primer/beta/progress_bar_preview.rb
 - previews/primer/beta/relative_time_preview.rb
 - previews/primer/beta/spinner_preview.rb
+- previews/primer/beta/state_preview.rb
+- previews/primer/beta/subhead_preview.rb
+- previews/primer/beta/subhead_preview/actions.html.erb
 - previews/primer/beta/text_preview.rb
+- previews/primer/beta/timeline_item_preview.rb
 - previews/primer/beta/truncate_preview.rb
 - previews/primer/forms/forms_preview.rb
 - previews/primer/forms/forms_preview/after_content_form.html.erb
@@ -979,6 +996,7 @@ files:
 - previews/primer/forms/forms_preview/check_box_group_form.html.erb
 - 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/example_toggle_switch_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
@@ -991,13 +1009,9 @@ files:
 - previews/primer/forms/forms_preview/single_text_field_form.html.erb
 - 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/layout_component_preview.rb
 - previews/primer/local_time_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

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

@@ -1 +0,0 @@
-{"name":"state_component","selectors":[".State",".state",".State--draft",".State--open",".State--merged",".State--closed",".State--small",".State--small .octicon"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["state_component.pcss"],"names":[],"mappings":"AAIA,cASE,iBAAkB,CAPlB,oBAAqB,CAErB,kDAAoD,CACpD,8CAAgD,CAChD,2DAA6D,CAH7D,kEAAoE,CAIpE,iBAAkB,CAClB,kBAEF,CAEA,4BAIE,8CAA+C,CAC/C,qDAA6D,CAF7D,iCAGF,CAEA,aAEE,2CACF,CAEA,4BAJE,iCAOF,CAHA,eAEE,2CACF,CAEA,eAEE,6CAA8C,CAD9C,iCAEF,CAIA,cAEE,iDAAmD,CACnD,oCAAsC,CAFtC,cAOF,CAHE,uBACE,SACF","file":"state_component.css","sourcesContent":["/* State */\n\n/* Default 32px */\n\n.state, /* TODO: Deprecate */\n.State {\n  display: inline-block;\n  padding: 5px var(--primer-control-medium-paddingInline-normal, 12px);\n  font-size: var(--primer-text-body-size-medium, 14px);\n  font-weight: var(--base-text-weight-medium, 500);\n  line-height: var(--primer-control-medium-lineBoxHeight, 20px);\n  text-align: center;\n  white-space: nowrap;\n  border-radius: 2em;\n}\n\n.state, /* TODO: Deprecate */\n.State,\n.State--draft {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-neutral-emphasis);\n  border: var(--primer-borderWidth-thin, 1px) solid transparent;\n}\n\n.State--open {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-open-emphasis);\n}\n\n.State--merged {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-done-emphasis);\n}\n\n.State--closed {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-closed-emphasis);\n}\n\n/* Small 24px */\n\n.State--small {\n  padding: 0 10px;\n  font-size: var(--primer-text-body-size-small, 12px);\n  line-height: var(--base-size-24, 24px);\n\n  & .octicon {\n    width: 1em; /* Ensures different icons don't change State indicator width */\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"name":"subhead_component","selectors":[".Subhead",".Subhead--spacious",".Subhead-heading",".Subhead-heading--danger",".Subhead-description",".Subhead-actions",".Subhead-actions+.Subhead-description"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["subhead_component.pcss"],"names":[],"mappings":"AAEA,SAIE,gFAAkF,CAHlF,YAAa,CAIb,kBAAmB,CACnB,wBAAyB,CAHzB,iDAAmD,CADnD,wDAKF,CAGA,mBACE,mCACF,CAGA,iBAGE,aAAc,CAFd,cAAe,CACf,8CAAgD,CAEhD,OACF,CAGA,yBAEE,4BAA6B,CAD7B,gDAEF,CAGA,qBAEE,2BAA4B,CAC5B,WAAY,CAFZ,kDAAoD,CAGpD,OACF,CAGA,iBAEE,iBAAkB,CAClB,wBAAyB,CAFzB,6EAAiF,CAGjF,OAKF,CAHE,sCACE,iCACF","file":"subhead_component.css","sourcesContent":["/* Subhead */\n\n.Subhead {\n  display: flex;\n  padding-bottom: var(--primer-stack-padding-condensed, 8px);\n  margin-bottom: var(--primer-stack-gap-normal, 16px);\n  border-bottom: var(--primer-borderWidth-thin, 1px) solid var(--color-border-muted);\n  flex-flow: row wrap;\n  justify-content: flex-end; /* Keep actions right aligned. */\n}\n\n/* Modifier class to give a lot of breathing room between sections of content. */\n.Subhead--spacious {\n  margin-top: var(--base-size-40, 40px);\n}\n\n/* <h2> sized heading with normal font weight */\n.Subhead-heading {\n  font-size: 24px;\n  font-weight: var(--base-text-weight-normal, 400);\n  flex: 1 1 auto;\n  order: 0;\n}\n\n/* Make the text bold and red for dangerous content */\n.Subhead-heading--danger {\n  font-weight: var(--base-text-weight-semibold, 600);\n  color: var(--color-danger-fg);\n}\n\n/* One-liner of supporting text */\n.Subhead-description {\n  font-size: var(--primer-text-body-size-medium, 14px);\n  color: var(--color-fg-muted);\n  flex: 1 100%;\n  order: 2;\n}\n\n/* Add 1 or 2 buttons to the right of the heading */\n.Subhead-actions {\n  margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);\n  align-self: center;\n  justify-content: flex-end;\n  order: 1;\n\n  & + .Subhead-description {\n    margin-top: var(--base-size-4, 4px);\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"name":"timeline_item_component","selectors":[".TimelineItem",".TimelineItem:before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["timeline_item_component.pcss"],"names":[],"mappings":"AAEA,cAEE,YAAa,CAEb,+CAAiD,CADjD,iDAAmD,CAFnD,iBAqBF,CAfE,qBAQE,0CAA2C,CAL3C,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAIN,yCAGF,CAEA,yCACE,yCAA0C,CAC1C,6CACF,CAGF,oBASE,kBAAmB,CACnB,+CAAgD,CAChD,4EAA8E,CAC9E,iBAAkB,CAJlB,2BAA4B,CAL5B,YAAa,CAWb,aAAc,CATd,6CAA+C,CAQ/C,sBAAuB,CANvB,kEAAqE,CADrE,gEAAkE,CALlE,iBAAkB,CAGlB,4CAA8C,CAF9C,SAaF,CAEA,6BAEE,8CAA+C,CAC/C,qDAA6D,CAF7D,iCAGF,CAEA,mBAIE,2BAA4B,CAC5B,SAAU,CAFV,iCAAmC,CADnC,cAAe,CADf,WAKF,CAEA,qBAEE,UAAW,CADX,iBAAkB,CAElB,SACF,CAEA,oBAOE,4CAA6C,CAC7C,QAAS,CACT,kFAAoF,CANpF,4CAA8C,CAC9C,QAAS,CACT,2DAA8D,CAC9D,iBAAkB,CALlB,iBAAkB,CAClB,SAQF,CAEA,yBAEE,gBAAiB,CADjB,kCAgBF,CAZE,oCACE,kDACF,CAEA,6CAKE,4CAA6C,CAC7C,QAAS,CAFT,2BAA4B,CAH5B,+BAAiC,CAEjC,oCAAsC,CADtC,iCAKF","file":"timeline_item_component.css","sourcesContent":["/* TimelineItem */\n\n.TimelineItem {\n  position: relative;\n  display: flex;\n  padding: var(--primer-stack-padding-normal, 16px) 0;\n  margin-left: var(--primer-stack-gap-normal, 16px);\n\n  /* The Timeline */\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: var(--primer-borderWidth-thick, 2px);\n    content: '';\n    background-color: var(--color-border-muted);\n  }\n\n  &:target .TimelineItem-badge {\n    border-color: var(--color-accent-emphasis);\n    box-shadow: 0 0 0.2em var(--color-accent-muted);\n  }\n}\n\n.TimelineItem-badge {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: var(--primer-control-medium-size, 32px);\n  height: var(--primer-control-medium-size, 32px);\n  margin-right: var(--primer-controlStack-medium-gap-condensed, 8px);\n  margin-left: calc(var(--primer-control-medium-size, 32px) / -2 + 1px);\n  color: var(--color-fg-muted);\n  align-items: center;\n  background-color: var(--color-timeline-badge-bg);\n  border: var(--primer-borderWidth-thick, 2px) solid var(--color-canvas-default);\n  border-radius: 50%;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.TimelineItem-badge--success {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-success-emphasis);\n  border: var(--primer-borderWidth-thin, 1px) solid transparent;\n}\n\n.TimelineItem-body {\n  min-width: 0;\n  max-width: 100%;\n  margin-top: var(--base-size-4, 4px);\n  color: var(--color-fg-muted);\n  flex: auto;\n}\n\n.TimelineItem-avatar {\n  position: absolute;\n  left: -72px;\n  z-index: 1;\n}\n\n.TimelineItem-break {\n  position: relative;\n  z-index: 1;\n  height: var(--primer-stack-gap-spacious, 24px);\n  margin: 0;\n  margin-bottom: calc(var(--primer-stack-gap-normal, 16px) * -1);\n  margin-left: -56px;\n  background-color: var(--color-canvas-default);\n  border: 0;\n  border-top: var(--primer-borderWidth-thicker, 4px) solid var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n  padding-top: var(--base-size-4, 4px);\n  padding-bottom: 0;\n\n  /* TimelineItem--condensed is often grouped. (commits) */\n  &:last-child {\n    padding-bottom: var(--primer-stack-gap-normal, 16px);\n  }\n\n  & .TimelineItem-badge {\n    height: var(--base-size-16, 16px);\n    margin-top: var(--base-size-8, 8px);\n    margin-bottom: var(--base-size-8, 8px);\n    color: var(--color-fg-muted);\n    background-color: var(--color-canvas-default);\n    border: 0;\n  }\n}\n"]}

data/previews/primer/hellip_button_preview.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label HellipButton
-  class HellipButtonPreview < ViewComponent::Preview
-    # @label Default Options
-    #
-    # @param aria_label [String]
-    # @param inline [Boolean]
-    def default(inline: false, aria_label: "No effect")
-      render(Primer::HellipButton.new(inline: inline, "aria-label": aria_label))
-    end
-
-    # @label Playground
-    #
-    # @param aria_label [String]
-    # @param inline [Boolean]
-    def playground(inline: false, aria_label: "No effect")
-      render(Primer::HellipButton.new(inline: inline, "aria-label": aria_label))
-    end
-  end
-end

data/previews/primer/state_component_preview.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label StateComponent
-  class StateComponentPreview < ViewComponent::Preview
-    # @label Playground
-    #
-    # @param title [String]
-    # @param tag [Symbol] select [span, div]
-    # @param size [Symbol] select [default, small]
-    # @param scheme [Symbol] select [default, open, closed, merged]
-    def playground(title: "State", scheme: :default, size: :default, tag: :span)
-      render(Primer::StateComponent.new(title: title, scheme: scheme, size: size, tag: tag)) { "State" }
-    end
-
-    # @label Default
-    #
-    # @param title [String]
-    # @param tag [Symbol] select [span, div]
-    # @param size [Symbol] select [default, small]
-    # @param scheme [Symbol] select [default, open, closed, merged]
-    def default(title: "State", scheme: :default, size: :default, tag: :span)
-      render(Primer::StateComponent.new(title: title, scheme: scheme, size: size, tag: tag)) { "State" }
-    end
-  end
-end

data/previews/primer/subhead_component_preview.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label SubheadComponent
-  class SubheadComponentPreview < ViewComponent::Preview
-    # @label Playground
-    #
-    # @param spacious [Boolean]
-    # @param hide_border [Boolean]
-    # @param heading_danger [Boolean]
-    # @param heading_tag [Symbol] select [div, h1, h2, h3, h4, h5, h6]
-    def playground(spacious: false, hide_border: false, heading_tag: :div, heading_danger: false)
-      render(Primer::SubheadComponent.new(spacious: spacious, hide_border: hide_border)) do |component|
-        component.with_heading(tag: heading_tag, danger: heading_danger) do
-          "My Heading"
-        end
-        component.with_description do
-          "My Description"
-        end
-      end
-    end
-
-    # @label Default Options
-    #
-    # @param spacious [Boolean]
-    # @param hide_border [Boolean]
-    # @param heading_danger [Boolean]
-    # @param heading_tag [Symbol] select [div, h1, h2, h3, h4, h5, h6]
-    def default(spacious: false, hide_border: false, heading_tag: :div, heading_danger: false)
-      render(Primer::SubheadComponent.new(spacious: spacious, hide_border: hide_border)) do |component|
-        component.with_heading(tag: heading_tag, danger: heading_danger) do
-          "My Heading"
-        end
-        component.with_description do
-          "My Description"
-        end
-      end
-    end
-  end
-end

data/previews/primer/timeline_item_component_preview.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label TimelineItemComponent
-  class TimelineItemComponentPreview < ViewComponent::Preview
-    # @label Playground
-    #
-    # @param condensed [Boolean]
-    def playground(condensed: false)
-      render(Primer::TimelineItemComponent.new(condensed: condensed)) do |component|
-        component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "octocat")
-        component.with_badge(bg: :success_emphasis, color: :on_emphasis, icon: :check)
-        component.with_body { "Success!" }
-      end
-    end
-
-    # @label Default
-    #
-    # @param condensed [Boolean]
-    def default(condensed: false)
-      render(Primer::TimelineItemComponent.new(condensed: condensed)) do |component|
-        component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "octocat")
-        component.with_badge(bg: :success_emphasis, color: :on_emphasis, icon: :check)
-        component.with_body { "Success!" }
-      end
-    end
-  end
-end