primer_view_components 0.0.123 → 0.1.0

data/app/components/primer/beta/avatar_stack.css.json

@@ -24,5 +24,14 @@
     ".AvatarStack--right .avatar.avatar-more:before",
     ".AvatarStack--right .avatar.avatar-more:after",
     ".AvatarStack--right .avatar"
+  ],
+  "classes": [
+    "AvatarStack",
+    "AvatarStack-body",
+    "AvatarStack--two",
+    "AvatarStack--three-plus",
+    "avatar",
+    "avatar-more",
+    "AvatarStack--right"
   ]
 }

data/app/components/primer/beta/blankslate.css.json

@@ -18,5 +18,17 @@
     ".blankslate-large h3",
     ".blankslate-large p",
     ".blankslate-clean-background"
+  ],
+  "classes": [
+    "blankslate",
+    "blankslate-icon",
+    "blankslate-image",
+    "blankslate-heading",
+    "blankslate-action",
+    "blankslate-capped",
+    "blankslate-spacious",
+    "blankslate-narrow",
+    "blankslate-large",
+    "blankslate-clean-background"
   ]
 }

data/app/components/primer/beta/border_box.css.json

@@ -50,5 +50,37 @@
     ".Box-row--blue",
     ".Box-row--gray",
     ".Box-btn-octicon.btn-octicon"
+  ],
+  "classes": [
+    "Box",
+    "Box--condensed",
+    "Box-body",
+    "Box-footer",
+    "Box-header",
+    "Box-btn-octicon",
+    "btn-octicon",
+    "Box-row",
+    "Box--spacious",
+    "Box-title",
+    "Box-row--unread",
+    "unread",
+    "navigation-focus",
+    "Box-row--drag-button",
+    "is-dragging",
+    "sortable-chosen",
+    "sortable-ghost",
+    "Box-row--drag-hide",
+    "Box-row--focus-gray",
+    "Box-row--focus-blue",
+    "Box-row--hover-gray",
+    "Box-row--hover-blue",
+    "Box-row-link",
+    "Box--scrollable",
+    "Box--blue",
+    "Box--danger",
+    "Box-header--blue",
+    "Box-row--yellow",
+    "Box-row--blue",
+    "Box-row--gray"
   ]
 }

data/app/components/primer/beta/breadcrumbs.css.json

@@ -7,5 +7,9 @@
     ".breadcrumb-item-selected:after",
     ".breadcrumb-item[aria-current]:not([aria-current=false]):after",
     ".breadcrumb-item-selected a"
+  ],
+  "classes": [
+    "breadcrumb-item",
+    "breadcrumb-item-selected"
   ]
 }

data/app/components/primer/beta/button.css.json

@@ -67,5 +67,27 @@
     ".Button--iconOnly",
     ".Button--iconOnly.Button--small",
     ".Button--iconOnly.Button--large"
+  ],
+  "classes": [
+    "Button",
+    "Button-withTooltip",
+    "Button-content",
+    "Button-content--alignStart",
+    "Button-visual",
+    "Counter",
+    "Button-label",
+    "Button-leadingVisual",
+    "Button-trailingVisual",
+    "Button-trailingAction",
+    "Button--small",
+    "Button--large",
+    "Button--fullWidth",
+    "Button--primary",
+    "Button--secondary",
+    "Button--invisible",
+    "Button--invisible-noVisuals",
+    "Button--link",
+    "Button--danger",
+    "Button--iconOnly"
   ]
 }

data/app/components/primer/beta/counter.css.json

@@ -6,5 +6,11 @@
     ".Counter .octicon",
     ".Counter--primary",
     ".Counter--secondary"
+  ],
+  "classes": [
+    "Counter",
+    "octicon",
+    "Counter--primary",
+    "Counter--secondary"
   ]
 }

data/app/components/primer/beta/flash.css.json

@@ -23,5 +23,20 @@
     ".flash-banner",
     ".flash-full",
     ".warning"
+  ],
+  "classes": [
+    "flash",
+    "octicon",
+    "flash-messages",
+    "flash-close",
+    "flash-action",
+    "btn",
+    "btn-primary",
+    "flash-warn",
+    "flash-error",
+    "flash-success",
+    "flash-full",
+    "flash-banner",
+    "warning"
   ]
 }

data/app/components/primer/beta/flash.html.erb

@@ -1,6 +1,5 @@
 <%= render Primer::BaseComponent.new(**@system_arguments) do %>
-  <%= primer_octicon @icon if @icon %>
-  <%= content %>
+  <%= primer_octicon @icon if @icon %><%= content %>
   <% if @dismissible %>
     <button class="flash-close js-flash-close" type="button" aria-label="Close">
       <%= primer_octicon "x" %>

data/app/components/primer/beta/label.css.json

@@ -21,5 +21,25 @@
     ".Label--closed",
     ".Label--done",
     ".Label--sponsors"
+  ],
+  "classes": [
+    "labels",
+    "Label",
+    "label",
+    "Label--large",
+    "Label--inline",
+    "Label--primary",
+    "Label--secondary",
+    "Label--accent",
+    "Label--info",
+    "Label--success",
+    "Label--attention",
+    "Label--warning",
+    "Label--severe",
+    "Label--danger",
+    "Label--open",
+    "Label--closed",
+    "Label--done",
+    "Label--sponsors"
   ]
 }

data/app/components/primer/beta/link.css.json

@@ -15,5 +15,13 @@
     ".Link--muted:hover [class*=color-fg]",
     ".Link--primary:hover [class*=color-fg]",
     ".Link--secondary:hover [class*=color-fg]"
+  ],
+  "classes": [
+    "Link",
+    "Link--primary",
+    "Link--secondary",
+    "Link--muted",
+    "Link--onHover",
+    "color-fg"
   ]
 }

data/app/components/primer/beta/popover.css.json

@@ -35,5 +35,23 @@
     ".Popover-message--right:before",
     ".Popover-message--large",
     ".Popover-message>.btn-octicon"
+  ],
+  "classes": [
+    "Popover",
+    "Popover-message",
+    "Popover-message--no-caret",
+    "Popover-message--bottom-left",
+    "Popover-message--bottom-right",
+    "Popover-message--bottom",
+    "Popover-message--top-right",
+    "Popover-message--top-left",
+    "Popover-message--left-bottom",
+    "Popover-message--left-top",
+    "Popover-message--left",
+    "Popover-message--right-bottom",
+    "Popover-message--right-top",
+    "Popover-message--right",
+    "Popover-message--large",
+    "btn-octicon"
   ]
 }

data/app/components/primer/beta/progress_bar.css.json

@@ -6,5 +6,11 @@
     ".Progress--small",
     ".Progress-item",
     ".Progress-item+.Progress-item"
+  ],
+  "classes": [
+    "Progress",
+    "Progress--large",
+    "Progress--small",
+    "Progress-item"
   ]
 }

data/app/components/primer/beta/state.css.json

@@ -9,5 +9,15 @@
     ".State--closed",
     ".State--small",
     ".State--small .octicon"
+  ],
+  "classes": [
+    "State",
+    "state",
+    "State--draft",
+    "State--open",
+    "State--merged",
+    "State--closed",
+    "State--small",
+    "octicon"
   ]
 }

data/app/components/primer/beta/subhead.css.json

@@ -8,5 +8,13 @@
     ".Subhead-description",
     ".Subhead-actions",
     ".Subhead-actions+.Subhead-description"
+  ],
+  "classes": [
+    "Subhead",
+    "Subhead--spacious",
+    "Subhead-heading",
+    "Subhead-heading--danger",
+    "Subhead-description",
+    "Subhead-actions"
   ]
 }

data/app/components/primer/beta/timeline_item.css.json

@@ -12,5 +12,14 @@
     ".TimelineItem--condensed",
     ".TimelineItem--condensed:last-child",
     ".TimelineItem--condensed .TimelineItem-badge"
+  ],
+  "classes": [
+    "TimelineItem",
+    "TimelineItem-badge",
+    "TimelineItem-badge--success",
+    "TimelineItem-body",
+    "TimelineItem-avatar",
+    "TimelineItem-break",
+    "TimelineItem--condensed"
   ]
 }

data/app/components/primer/beta/truncate.css.json

@@ -8,5 +8,11 @@
     ".Truncate>.Truncate-text.Truncate-text--expandable:active",
     ".Truncate>.Truncate-text.Truncate-text--expandable:focus",
     ".Truncate>.Truncate-text.Truncate-text--expandable:hover"
+  ],
+  "classes": [
+    "Truncate",
+    "Truncate-text",
+    "Truncate-text--primary",
+    "Truncate-text--expandable"
   ]
 }

data/app/components/primer/primer.d.ts

@@ -1,4 +1,6 @@
+import '@oddbird/popover-polyfill';
 import './alpha/dropdown';
+import './anchored_position';
 import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './alpha/nav_list';

data/app/components/primer/primer.js

@@ -1,4 +1,6 @@
+import '@oddbird/popover-polyfill';
 import './alpha/dropdown';
+import './anchored_position';
 import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './alpha/nav_list';

data/app/components/primer/primer.pcss

@@ -1,3 +1,5 @@
+@import "@oddbird/popover-polyfill/dist/popover.css";
+
 /* CSS component styles here */
 
 /* alpha */
@@ -20,6 +22,7 @@
 @import "./beta/avatar_stack.pcss";
 @import "./beta/border_box.pcss";
 @import "./beta/blankslate.pcss";
+@import "./alpha/overlay.pcss";
 @import "./beta/breadcrumbs.pcss";
 @import "./beta/button.pcss";
 @import "./beta/counter.pcss";

data/app/components/primer/primer.ts

@@ -1,4 +1,6 @@
+import '@oddbird/popover-polyfill'
 import './alpha/dropdown'
+import './anchored_position'
 import './alpha/image_crop'
 import './alpha/modal_dialog'
 import './alpha/nav_list'

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

@@ -9,5 +9,12 @@
     ".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",
     ".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",
     ".css-truncate.expandable:hover .css-truncate-target"
+  ],
+  "classes": [
+    "css-truncate",
+    "css-truncate-overflow",
+    "css-truncate-target",
+    "expandable",
+    "zeroclipboard-is-hover"
   ]
 }

data/app/lib/primer/css/layout.css.json

@@ -312,5 +312,268 @@
     ".Stack--dir-inline-whenWide>.Stack-item>.Stack-divider",
     ".Stack-item--expand-whenWide",
     ".Stack-item--keepSize-whenWide"
+  ],
+  "classes": [
+    "AppFrame",
+    "AppFrame-a11yNav",
+    "AppFrame-a11yLink",
+    "AppFrame-main",
+    "AppFrame-header-wrapper",
+    "AppFrame-header",
+    "AppFrame-subheader",
+    "AppFrame-body",
+    "AppFrame-footer",
+    "container-sm",
+    "container-md",
+    "container-lg",
+    "container-xl",
+    "col-1",
+    "col-2",
+    "col-3",
+    "col-4",
+    "col-5",
+    "col-6",
+    "col-7",
+    "col-8",
+    "col-9",
+    "col-10",
+    "col-11",
+    "col-12",
+    "col-sm-1",
+    "col-sm-2",
+    "col-sm-3",
+    "col-sm-4",
+    "col-sm-5",
+    "col-sm-6",
+    "col-sm-7",
+    "col-sm-8",
+    "col-sm-9",
+    "col-sm-10",
+    "col-sm-11",
+    "col-sm-12",
+    "col-md-1",
+    "col-md-2",
+    "col-md-3",
+    "col-md-4",
+    "col-md-5",
+    "col-md-6",
+    "col-md-7",
+    "col-md-8",
+    "col-md-9",
+    "col-md-10",
+    "col-md-11",
+    "col-md-12",
+    "col-lg-1",
+    "col-lg-2",
+    "col-lg-3",
+    "col-lg-4",
+    "col-lg-5",
+    "col-lg-6",
+    "col-lg-7",
+    "col-lg-8",
+    "col-lg-9",
+    "col-lg-10",
+    "col-lg-11",
+    "col-lg-12",
+    "col-xl-1",
+    "col-xl-2",
+    "col-xl-3",
+    "col-xl-4",
+    "col-xl-5",
+    "col-xl-6",
+    "col-xl-7",
+    "col-xl-8",
+    "col-xl-9",
+    "col-xl-10",
+    "col-xl-11",
+    "col-xl-12",
+    "gutter",
+    "col-",
+    "gutter-condensed",
+    "gutter-spacious",
+    "gutter-sm",
+    "gutter-sm-condensed",
+    "gutter-sm-spacious",
+    "gutter-md",
+    "gutter-md-condensed",
+    "gutter-md-spacious",
+    "gutter-lg",
+    "gutter-lg-condensed",
+    "gutter-lg-spacious",
+    "gutter-xl",
+    "gutter-xl-condensed",
+    "gutter-xl-spacious",
+    "offset-1",
+    "offset-2",
+    "offset-3",
+    "offset-4",
+    "offset-5",
+    "offset-6",
+    "offset-7",
+    "offset-8",
+    "offset-9",
+    "offset-10",
+    "offset-11",
+    "offset-sm-1",
+    "offset-sm-2",
+    "offset-sm-3",
+    "offset-sm-4",
+    "offset-sm-5",
+    "offset-sm-6",
+    "offset-sm-7",
+    "offset-sm-8",
+    "offset-sm-9",
+    "offset-sm-10",
+    "offset-sm-11",
+    "offset-md-1",
+    "offset-md-2",
+    "offset-md-3",
+    "offset-md-4",
+    "offset-md-5",
+    "offset-md-6",
+    "offset-md-7",
+    "offset-md-8",
+    "offset-md-9",
+    "offset-md-10",
+    "offset-md-11",
+    "offset-lg-1",
+    "offset-lg-2",
+    "offset-lg-3",
+    "offset-lg-4",
+    "offset-lg-5",
+    "offset-lg-6",
+    "offset-lg-7",
+    "offset-lg-8",
+    "offset-lg-9",
+    "offset-lg-10",
+    "offset-lg-11",
+    "offset-xl-1",
+    "offset-xl-2",
+    "offset-xl-3",
+    "offset-xl-4",
+    "offset-xl-5",
+    "offset-xl-6",
+    "offset-xl-7",
+    "offset-xl-8",
+    "offset-xl-9",
+    "offset-xl-10",
+    "offset-xl-11",
+    "PageLayout",
+    "PageLayout--panePos-start",
+    "PageLayout--panePos-end",
+    "PageLayout-header--hasDivider",
+    "PageLayout-footer--hasDivider",
+    "PageLayout--hasPaneDivider",
+    "PageLayout-pane",
+    "PageLayout-content",
+    "PageLayout-pane--sticky",
+    "PageLayout-content-centered-",
+    "container-",
+    "PageLayout-content-centered-sm",
+    "PageLayout-content-centered-md",
+    "PageLayout-content-centered-lg",
+    "PageLayout-content-centered-xl",
+    "PageLayout--paneWidth-narrow",
+    "PageLayout--paneWidth-wide",
+    "PageLayout--responsive-stackRegions",
+    "PageLayout--responsive-panePos-start",
+    "PageLayout--responsive-separateRegions",
+    "PageLayout--responsive-primary-content",
+    "PageLayout--responsive-primary-pane",
+    "PageLayout-region--dividerNarrow-line-before",
+    "PageLayout-region--dividerNarrow-line-after",
+    "PageLayout-region--dividerNarrow-filled-before",
+    "PageLayout-region--dividerNarrow-filled-after",
+    "PageLayout-wrapper",
+    "PageLayout-columns",
+    "PageLayout--outerSpacing-normal",
+    "PageLayout--outerSpacing-condensed",
+    "PageLayout--innerSpacing-normal",
+    "PageLayout--innerSpacing-condensed",
+    "PageLayout--columnGap-normal",
+    "PageLayout--columnGap-condensed",
+    "PageLayout--columnGap-none",
+    "PageLayout--rowGap-normal",
+    "PageLayout--rowGap-none",
+    "PageLayout--rowGap-condensed",
+    "PageLayout-header",
+    "PageLayout-footer",
+    "Stack",
+    "Stack-divider",
+    "Stack-item",
+    "Stack--dir-inline-whenNarrow",
+    "Stack--dir-block-whenNarrow",
+    "Stack--gap-none-whenNarrow",
+    "Stack--gap-condensed-whenNarrow",
+    "Stack--gap-normal-whenNarrow",
+    "Stack--align-start-whenNarrow",
+    "Stack--align-center-whenNarrow",
+    "Stack--align-end-whenNarrow",
+    "Stack--align-baseline-whenNarrow",
+    "Stack--alignWrap-start-whenNarrow",
+    "Stack--alignWrap-center-whenNarrow",
+    "Stack--alignWrap-end-whenNarrow",
+    "Stack--alignWrap-distribute-whenNarrow",
+    "Stack--alignWrap-distributeEvenly-whenNarrow",
+    "Stack--spread-start-whenNarrow",
+    "Stack--spread-center-whenNarrow",
+    "Stack--spread-end-whenNarrow",
+    "Stack--spread-distribute-whenNarrow",
+    "Stack--spread-distributeEvenly-whenNarrow",
+    "Stack--wrap-whenNarrow",
+    "Stack--nowrap-whenNarrow",
+    "Stack--showDividers-whenNarrow",
+    "Stack-item--expand-whenNarrow",
+    "Stack-item--keepSize-whenNarrow",
+    "Stack--dir-inline-whenRegular",
+    "Stack--dir-block-whenRegular",
+    "Stack--gap-none-whenRegular",
+    "Stack--gap-condensed-whenRegular",
+    "Stack--gap-normal-whenRegular",
+    "Stack--gap-spacious-whenRegular",
+    "Stack--align-start-whenRegular",
+    "Stack--align-center-whenRegular",
+    "Stack--align-end-whenRegular",
+    "Stack--align-baseline-whenRegular",
+    "Stack--alignWrap-start-whenRegular",
+    "Stack--alignWrap-center-whenRegular",
+    "Stack--alignWrap-end-whenRegular",
+    "Stack--alignWrap-distribute-whenRegular",
+    "Stack--alignWrap-distributeEvenly-whenRegular",
+    "Stack--spread-start-whenRegular",
+    "Stack--spread-center-whenRegular",
+    "Stack--spread-end-whenRegular",
+    "Stack--spread-distribute-whenRegular",
+    "Stack--spread-distributeEvenly-whenRegular",
+    "Stack--wrap-whenRegular",
+    "Stack--nowrap-whenRegular",
+    "Stack--showDividers-whenRegular",
+    "Stack-item--expand-whenRegular",
+    "Stack-item--keepSize-whenRegular",
+    "Stack--dir-inline-whenWide",
+    "Stack--dir-block-whenWide",
+    "Stack--gap-none-whenWide",
+    "Stack--gap-condensed-whenWide",
+    "Stack--gap-normal-whenWide",
+    "Stack--gap-spacious-whenWide",
+    "Stack--align-start-whenWide",
+    "Stack--align-center-whenWide",
+    "Stack--align-end-whenWide",
+    "Stack--align-baseline-whenWide",
+    "Stack--alignWrap-start-whenWide",
+    "Stack--alignWrap-center-whenWide",
+    "Stack--alignWrap-end-whenWide",
+    "Stack--alignWrap-distribute-whenWide",
+    "Stack--alignWrap-distributeEvenly-whenWide",
+    "Stack--spread-start-whenWide",
+    "Stack--spread-center-whenWide",
+    "Stack--spread-end-whenWide",
+    "Stack--spread-distribute-whenWide",
+    "Stack--spread-distributeEvenly-whenWide",
+    "Stack--wrap-whenWide",
+    "Stack--nowrap-whenWide",
+    "Stack--showDividers-whenWide",
+    "Stack-item--expand-whenWide",
+    "Stack-item--keepSize-whenWide"
   ]
 }