primer_view_components 0.0.115 → 0.0.117

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