@primer/view-components 0.1.0-rc.d6eb7cd7 → 0.1.0

package/static/audited_at.json

@@ -7,6 +7,8 @@
   "Primer::Alpha::AutoComplete::Item": "",
   "Primer::Alpha::Banner": "",
   "Primer::Alpha::ButtonMarketing": "",
+  "Primer::Alpha::CheckBox": "",
+  "Primer::Alpha::CheckBoxGroup": "",
   "Primer::Alpha::Dialog": "2022-10-10",
   "Primer::Alpha::Dialog::Body": "2022-10-10",
   "Primer::Alpha::Dialog::Footer": "2022-10-10",
@@ -14,6 +16,8 @@
   "Primer::Alpha::Dropdown": "",
   "Primer::Alpha::Dropdown::Menu": "",
   "Primer::Alpha::Dropdown::Menu::Item": "",
+  "Primer::Alpha::FormButton": "",
+  "Primer::Alpha::FormControl": "",
   "Primer::Alpha::HellipButton": "",
   "Primer::Alpha::HiddenTextExpander": "",
   "Primer::Alpha::Image": "",
@@ -22,15 +26,25 @@
   "Primer::Alpha::Layout::Main": "",
   "Primer::Alpha::Layout::Sidebar": "",
   "Primer::Alpha::Menu": "",
+  "Primer::Alpha::MultiInput": "",
   "Primer::Alpha::NavList": "",
   "Primer::Alpha::NavList::Item": "",
   "Primer::Alpha::NavList::Section": "",
   "Primer::Alpha::OcticonSymbols": "",
-  "Primer::Alpha::SegmentedControl": "",
-  "Primer::Alpha::SegmentedControl::Item": "",
+  "Primer::Alpha::Overlay": "",
+  "Primer::Alpha::Overlay::Body": "",
+  "Primer::Alpha::Overlay::Footer": "",
+  "Primer::Alpha::Overlay::Header": "",
+  "Primer::Alpha::RadioButton": "",
+  "Primer::Alpha::RadioButtonGroup": "",
+  "Primer::Alpha::SegmentedControl": "2023-02-01",
+  "Primer::Alpha::SegmentedControl::Item": "2023-02-01",
+  "Primer::Alpha::Select": "",
+  "Primer::Alpha::SubmitButton": "",
   "Primer::Alpha::TabContainer": "",
   "Primer::Alpha::TabNav": "",
   "Primer::Alpha::TabPanels": "",
+  "Primer::Alpha::TextArea": "",
   "Primer::Alpha::TextField": "",
   "Primer::Alpha::ToggleSwitch": "",
   "Primer::Alpha::Tooltip": "",
@@ -73,34 +87,12 @@
   "Primer::Beta::Truncate::TruncateText": "",
   "Primer::BlankslateComponent": "",
   "Primer::Box": "",
-  "Primer::BoxComponent": "",
   "Primer::ButtonComponent": "",
-  "Primer::ClipboardCopy": "",
   "Primer::ConditionalWrapper": "",
   "Primer::Content": "",
-  "Primer::Dropdown": "",
-  "Primer::Dropdown::Menu": "",
-  "Primer::Dropdown::Menu::Item": "",
-  "Primer::DropdownMenuComponent": "",
-  "Primer::HellipButton": "",
   "Primer::IconButton": "",
-  "Primer::LabelComponent": "",
   "Primer::LayoutComponent": "",
-  "Primer::LinkComponent": "",
-  "Primer::LocalTime": "",
-  "Primer::Markdown": "",
-  "Primer::MenuComponent": "",
   "Primer::Navigation::TabComponent": "",
-  "Primer::OcticonComponent": "",
-  "Primer::OcticonSymbolsComponent": "",
-  "Primer::PopoverComponent": "",
-  "Primer::SpinnerComponent": "",
-  "Primer::StateComponent": "",
-  "Primer::SubheadComponent": "",
-  "Primer::TabContainerComponent": "",
-  "Primer::TimeAgoComponent": "",
-  "Primer::TimelineItemComponent": "",
-  "Primer::TimelineItemComponent::BadgeComponent": "",
   "Primer::Tooltip": "",
   "Primer::Truncate": ""
 }

package/static/classes.json

@@ -0,0 +1,311 @@
+[
+  "ActionList--subGroup",
+  "ActionList-sectionDivider",
+  "ActionList-sectionDivider--filled",
+  "ActionList-sectionDivider-title",
+  "ActionListContent",
+  "ActionListContent--blockDescription",
+  "ActionListContent--hasActiveSubItem",
+  "ActionListContent--sizeLarge",
+  "ActionListContent--sizeXLarge",
+  "ActionListContent--visual16",
+  "ActionListContent--visual20",
+  "ActionListContent--visual24",
+  "ActionListItem",
+  "ActionListItem--danger",
+  "ActionListItem--hasSubItem",
+  "ActionListItem--navActive",
+  "ActionListItem--subItem",
+  "ActionListItem--trailingActionHover",
+  "ActionListItem--withActions",
+  "ActionListItem-action",
+  "ActionListItem-action--leading",
+  "ActionListItem-action--trailing",
+  "ActionListItem-collapseIcon",
+  "ActionListItem-description",
+  "ActionListItem-descriptionWrap",
+  "ActionListItem-descriptionWrap--inline",
+  "ActionListItem-label",
+  "ActionListItem-label--truncate",
+  "ActionListItem-multiSelectCheckmark",
+  "ActionListItem-multiSelectIcon",
+  "ActionListItem-multiSelectIconRect",
+  "ActionListItem-singleSelectCheckmark",
+  "ActionListItem-trailingAction",
+  "ActionListItem-visual",
+  "ActionListItem-visual--leading",
+  "ActionListItem-visual--trailing",
+  "ActionListWrap",
+  "ActionListWrap--divided",
+  "ActionListWrap--inset",
+  "AvatarStack",
+  "AvatarStack--right",
+  "AvatarStack--three-plus",
+  "AvatarStack--two",
+  "AvatarStack-body",
+  "Banner",
+  "Banner--error",
+  "Banner--full",
+  "Banner--full-whenNarrow",
+  "Banner--success",
+  "Banner--warning",
+  "Banner-actions",
+  "Banner-close",
+  "Banner-message",
+  "Banner-title",
+  "Banner-visual",
+  "Box",
+  "Box--blue",
+  "Box--condensed",
+  "Box--danger",
+  "Box--scrollable",
+  "Box--spacious",
+  "Box-body",
+  "Box-btn-octicon",
+  "Box-footer",
+  "Box-header",
+  "Box-header--blue",
+  "Box-row",
+  "Box-row--blue",
+  "Box-row--drag-button",
+  "Box-row--drag-hide",
+  "Box-row--focus-blue",
+  "Box-row--focus-gray",
+  "Box-row--gray",
+  "Box-row--hover-blue",
+  "Box-row--hover-gray",
+  "Box-row--unread",
+  "Box-row--yellow",
+  "Box-row-link",
+  "Box-title",
+  "Button",
+  "Button--danger",
+  "Button--fullWidth",
+  "Button--iconOnly",
+  "Button--invisible",
+  "Button--invisible-noVisuals",
+  "Button--large",
+  "Button--link",
+  "Button--medium",
+  "Button--primary",
+  "Button--secondary",
+  "Button--small",
+  "Button-content",
+  "Button-content--alignStart",
+  "Button-label",
+  "Button-leadingVisual",
+  "Button-trailingAction",
+  "Button-trailingVisual",
+  "Button-visual",
+  "Button-withTooltip",
+  "Counter",
+  "Counter--primary",
+  "Counter--secondary",
+  "FormControl",
+  "FormControl--fullWidth",
+  "FormControl-caption",
+  "FormControl-check-group-wrap",
+  "FormControl-checkbox",
+  "FormControl-checkbox-labelWrap",
+  "FormControl-checkbox-wrap",
+  "FormControl-error",
+  "FormControl-horizontalGroup",
+  "FormControl-inlineValidation",
+  "FormControl-input",
+  "FormControl-input-leadingVisual",
+  "FormControl-input-leadingVisualWrap",
+  "FormControl-input-trailingAction",
+  "FormControl-input-trailingAction--divider",
+  "FormControl-input-wrap",
+  "FormControl-input-wrap--leadingVisual",
+  "FormControl-input-wrap--trailingAction",
+  "FormControl-input-wrap-trailingAction--divider",
+  "FormControl-inset",
+  "FormControl-label",
+  "FormControl-large",
+  "FormControl-medium",
+  "FormControl-monospace",
+  "FormControl-radio",
+  "FormControl-radio-group-wrap",
+  "FormControl-radio-labelWrap",
+  "FormControl-radio-wrap",
+  "FormControl-select",
+  "FormControl-select-wrap",
+  "FormControl-small",
+  "FormControl-spacingWrapper",
+  "FormControl-success",
+  "FormControl-textarea",
+  "FormControl-toggleSwitchInput",
+  "FormControl-warning",
+  "Label",
+  "Label--accent",
+  "Label--attention",
+  "Label--closed",
+  "Label--danger",
+  "Label--done",
+  "Label--info",
+  "Label--inline",
+  "Label--large",
+  "Label--open",
+  "Label--primary",
+  "Label--secondary",
+  "Label--severe",
+  "Label--sponsors",
+  "Label--success",
+  "Label--warning",
+  "Layout",
+  "Layout--divided",
+  "Layout--flowRow-until-lg",
+  "Layout--flowRow-until-md",
+  "Layout--gutter-condensed",
+  "Layout--gutter-none",
+  "Layout--gutter-spacious",
+  "Layout--sidebar-narrow",
+  "Layout--sidebar-wide",
+  "Layout--sidebarPosition-end",
+  "Layout--sidebarPosition-flowRow-end",
+  "Layout--sidebarPosition-flowRow-none",
+  "Layout--sidebarPosition-flowRow-start",
+  "Layout--sidebarPosition-start",
+  "Layout-divider",
+  "Layout-divider--flowRow-hidden",
+  "Layout-divider--flowRow-shallow",
+  "Layout-main",
+  "Layout-main-centered-lg",
+  "Layout-main-centered-md",
+  "Layout-main-centered-xl",
+  "Layout-sidebar",
+  "Link",
+  "Link--muted",
+  "Link--onHover",
+  "Link--primary",
+  "Link--secondary",
+  "Overlay",
+  "Overlay--height-auto",
+  "Overlay--height-large",
+  "Overlay--height-medium",
+  "Overlay--height-small",
+  "Overlay--height-xlarge",
+  "Overlay--height-xsmall",
+  "Overlay--hidden",
+  "Overlay--motion-scaleFade",
+  "Overlay--size-auto",
+  "Overlay--size-full",
+  "Overlay--size-large",
+  "Overlay--size-medium",
+  "Overlay--size-medium-portrait",
+  "Overlay--size-small",
+  "Overlay--size-small-portrait",
+  "Overlay--size-xlarge",
+  "Overlay--size-xsmall",
+  "Overlay--visibilityHidden",
+  "Overlay--width-auto",
+  "Overlay--width-large",
+  "Overlay--width-medium",
+  "Overlay--width-small",
+  "Overlay--width-xlarge",
+  "Overlay--width-xxlarge",
+  "Overlay-actionWrap",
+  "Overlay-backdrop--anchor",
+  "Overlay-backdrop--anchor-whenNarrow",
+  "Overlay-backdrop--center",
+  "Overlay-backdrop--center-whenNarrow",
+  "Overlay-backdrop--full",
+  "Overlay-backdrop--full-whenNarrow",
+  "Overlay-backdrop--placement-bottom",
+  "Overlay-backdrop--placement-bottom-whenNarrow",
+  "Overlay-backdrop--placement-left",
+  "Overlay-backdrop--placement-left-whenNarrow",
+  "Overlay-backdrop--placement-right",
+  "Overlay-backdrop--placement-right-whenNarrow",
+  "Overlay-backdrop--placement-top",
+  "Overlay-backdrop--placement-top-whenNarrow",
+  "Overlay-backdrop--side",
+  "Overlay-backdrop--side-whenNarrow",
+  "Overlay-body",
+  "Overlay-body--paddingCondensed",
+  "Overlay-body--paddingNone",
+  "Overlay-closeButton",
+  "Overlay-description",
+  "Overlay-footer",
+  "Overlay-footer--alignCenter",
+  "Overlay-footer--alignEnd",
+  "Overlay-footer--alignStart",
+  "Overlay-footer--divided",
+  "Overlay-form",
+  "Overlay-header",
+  "Overlay-header--divided",
+  "Overlay-header--large",
+  "Overlay-headerContentWrap",
+  "Overlay-title",
+  "Overlay-titleWrap",
+  "Overlay-whenNarrow",
+  "Popover",
+  "Popover-message",
+  "Popover-message--bottom",
+  "Popover-message--bottom-left",
+  "Popover-message--bottom-right",
+  "Popover-message--large",
+  "Popover-message--left",
+  "Popover-message--left-bottom",
+  "Popover-message--left-top",
+  "Popover-message--no-caret",
+  "Popover-message--right",
+  "Popover-message--right-bottom",
+  "Popover-message--right-top",
+  "Popover-message--top-left",
+  "Popover-message--top-right",
+  "Progress",
+  "Progress--large",
+  "Progress--small",
+  "Progress-item",
+  "SegmentedControl",
+  "SegmentedControl--fullWidth",
+  "SegmentedControl-item",
+  "SegmentedControl-item--selected",
+  "State",
+  "State--closed",
+  "State--draft",
+  "State--merged",
+  "State--open",
+  "State--small",
+  "Subhead",
+  "Subhead--spacious",
+  "Subhead-actions",
+  "Subhead-description",
+  "Subhead-heading",
+  "Subhead-heading--danger",
+  "TimelineItem",
+  "TimelineItem--condensed",
+  "TimelineItem-avatar",
+  "TimelineItem-badge",
+  "TimelineItem-badge--success",
+  "TimelineItem-body",
+  "TimelineItem-break",
+  "ToggleSwitch",
+  "ToggleSwitch--checked",
+  "ToggleSwitch--disabled",
+  "ToggleSwitch--small",
+  "ToggleSwitch--statusAtEnd",
+  "ToggleSwitch-circleIcon",
+  "ToggleSwitch-icons",
+  "ToggleSwitch-knob",
+  "ToggleSwitch-lineIcon",
+  "ToggleSwitch-status",
+  "ToggleSwitch-statusIcon",
+  "ToggleSwitch-statusOff",
+  "ToggleSwitch-statusOn",
+  "ToggleSwitch-track",
+  "Truncate",
+  "Truncate-text",
+  "Truncate-text--expandable",
+  "Truncate-text--primary",
+  "UnderlineNav",
+  "UnderlineNav--full",
+  "UnderlineNav--right",
+  "UnderlineNav-actions",
+  "UnderlineNav-body",
+  "UnderlineNav-container",
+  "UnderlineNav-item",
+  "UnderlineNav-octicon"
+]

package/static/constants.json

@@ -127,6 +127,10 @@
       "large"
     ]
   },
+  "Primer::Alpha::CheckBox": {
+  },
+  "Primer::Alpha::CheckBoxGroup": {
+  },
   "Primer::Alpha::Dialog": {
     "Body": "Primer::Alpha::Dialog::Body",
     "DEFAULT_POSITION": "center",
@@ -218,6 +222,10 @@
       "summary"
     ]
   },
+  "Primer::Alpha::FormButton": {
+  },
+  "Primer::Alpha::FormControl": {
+  },
   "Primer::Alpha::HellipButton": {
   },
   "Primer::Alpha::HiddenTextExpander": {
@@ -315,6 +323,8 @@
       "h6"
     ]
   },
+  "Primer::Alpha::MultiInput": {
+  },
   "Primer::Alpha::NavList": {
     "Item": "Primer::Alpha::NavList::Item",
     "Section": "Primer::Alpha::NavList::Section"
@@ -325,6 +335,112 @@
   },
   "Primer::Alpha::OcticonSymbols": {
   },
+  "Primer::Alpha::Overlay": {
+    "ALIGN_CONTENT_MAPPINGS": {
+      "start": "Overlay-footer--alignStart",
+      "center": "Overlay-footer--alignCenter",
+      "end": "Overlay-footer--alignEnd"
+    },
+    "ALIGN_CONTENT_OPTIONS": [
+      "start",
+      "center",
+      "end"
+    ],
+    "ANCHOR_ALIGN_OPTIONS": [
+      "start",
+      "center",
+      "end"
+    ],
+    "ANCHOR_OFFSET_OPTIONS": [
+      "normal",
+      "spacious"
+    ],
+    "ANCHOR_SIDE_MAPPINGS": {
+      "inside_top": "inside-top",
+      "inside_bottom": "inside-bottom",
+      "inside_left": "inside-left",
+      "inside_right": "inside-right",
+      "inside_center": "inside-center",
+      "outside_top": "outside-top",
+      "outside_bottom": "outside-bottom",
+      "outside_left": "outside-left",
+      "outside_right": "outside-right"
+    },
+    "ANCHOR_SIDE_OPTIONS": [
+      "inside_top",
+      "inside_bottom",
+      "inside_left",
+      "inside_right",
+      "inside_center",
+      "outside_top",
+      "outside_bottom",
+      "outside_left",
+      "outside_right"
+    ],
+    "Body": "Primer::Alpha::Overlay::Body",
+    "DEFAULT_ALIGN_CONTENT": "end",
+    "DEFAULT_ANCHOR_ALIGN": "start",
+    "DEFAULT_ANCHOR_OFFSET": "normal",
+    "DEFAULT_ANCHOR_SIDE": "outside_bottom",
+    "DEFAULT_PADDING": "normal",
+    "DEFAULT_POPOVER": "auto",
+    "DEFAULT_SIZE": "auto",
+    "Footer": "Primer::Alpha::Overlay::Footer",
+    "Header": "Primer::Alpha::Overlay::Header",
+    "PADDING_MAPPINGS": {
+      "normal": null,
+      "condensed": "Overlay-body--paddingCondensed",
+      "none": "Overlay-body--paddingNone"
+    },
+    "PADDING_OPTIONS": [
+      "normal",
+      "condensed",
+      "none"
+    ],
+    "POPOVER_OPTIONS": [
+      "auto",
+      "manual"
+    ],
+    "ROLE_OPTIONS": [
+      "dialog",
+      "menu"
+    ],
+    "SIZE_MAPPINGS": {
+      "auto": "Overlay--size-auto",
+      "small": "Overlay--size-small",
+      "medium": "Overlay--size-medium",
+      "medium_portrait": "Overlay--size-medium-portrait",
+      "large": "Overlay--size-large",
+      "xlarge": "Overlay--size-xlarge"
+    },
+    "SIZE_OPTIONS": [
+      "auto",
+      "small",
+      "medium",
+      "medium_portrait",
+      "large",
+      "xlarge"
+    ]
+  },
+  "Primer::Alpha::Overlay::Body": {
+  },
+  "Primer::Alpha::Overlay::Footer": {
+  },
+  "Primer::Alpha::Overlay::Header": {
+    "DEFAULT_SIZE": "medium",
+    "SIZE_MAPPINGS": {
+      "medium": null,
+      "large": "Overlay-header--large"
+    },
+    "SIZE_OPTIONS": [
+      "medium",
+      "large"
+    ]
+  },
+  "Primer::Alpha::RadioButton": {
+  },
+  "Primer::Alpha::RadioButtonGroup": {
+  },
   "Primer::Alpha::SegmentedControl": {
     "FULL_WIDTH_DEFAULT": false,
     "HIDE_LABELS_DEFAULT": false,
@@ -332,6 +448,10 @@
   },
   "Primer::Alpha::SegmentedControl::Item": {
   },
+  "Primer::Alpha::Select": {
+  },
+  "Primer::Alpha::SubmitButton": {
+  },
   "Primer::Alpha::TabContainer": {
   },
   "Primer::Alpha::TabNav": {
@@ -350,6 +470,8 @@
       "div"
     ]
   },
+  "Primer::Alpha::TextArea": {
+  },
   "Primer::Alpha::TextField": {
   },
   "Primer::Alpha::ToggleSwitch": {
@@ -800,6 +922,13 @@
       "micro",
       "elapsed"
     ],
+    "FORMAT_STYLE_DEFAULT": null,
+    "FORMAT_STYLE_OPTIONS": [
+      null,
+      "long",
+      "short",
+      "narrow"
+    ],
     "HOUR_DEFAULT": null,
     "HOUR_MAPPINGS": {
       "": null,
@@ -993,8 +1122,6 @@
   },
   "Primer::Box": {
   },
-  "Primer::BoxComponent": {
-  },
   "Primer::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
     "DEFAULT_SIZE": "medium",
@@ -1024,38 +1151,10 @@
       "medium"
     ]
   },
-  "Primer::ClipboardCopy": {
-  },
   "Primer::ConditionalWrapper": {
   },
   "Primer::Content": {
   },
-  "Primer::Dropdown": {
-    "Menu": "Primer::Dropdown::Menu"
-  },
-  "Primer::Dropdown::Menu": {
-    "Item": "Primer::Dropdown::Menu::Item"
-  },
-  "Primer::Dropdown::Menu::Item": {
-  },
-  "Primer::DropdownMenuComponent": {
-    "DIRECTION_DEFAULT": "se",
-    "DIRECTION_OPTIONS": [
-      "se",
-      "sw",
-      "w",
-      "e",
-      "ne",
-      "s"
-    ],
-    "SCHEME_DEFAULT": "default",
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "dark": "dropdown-menu-dark"
-    }
-  },
-  "Primer::HellipButton": {
-  },
   "Primer::IconButton": {
     "DEFAULT_SCHEME": "default",
     "SCHEME_MAPPINGS": {
@@ -1067,8 +1166,6 @@
       "danger"
     ]
   },
-  "Primer::LabelComponent": {
-  },
   "Primer::LayoutComponent": {
     "ALLOWED_SIDEBAR_COLS": [
       1,
@@ -1091,24 +1188,6 @@
     "DEFAULT_SIDEBAR_COL": 3,
     "MAX_COL": 12
   },
-  "Primer::LinkComponent": {
-  },
-  "Primer::LocalTime": {
-    "DEFAULT_DIGIT_TYPE": "numeric",
-    "DEFAULT_TEXT_TYPE": "short",
-    "DIGIT_TYPE_OPTIONS": [
-      "numeric",
-      "2-digit"
-    ],
-    "TEXT_TYPE_OPTIONS": [
-      "short",
-      "long"
-    ]
-  },
-  "Primer::Markdown": {
-  },
-  "Primer::MenuComponent": {
-  },
   "Primer::Navigation::TabComponent": {
     "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
       true,
@@ -1116,27 +1195,6 @@
     ],
     "DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page"
   },
-  "Primer::OcticonComponent": {
-  },
-  "Primer::OcticonSymbolsComponent": {
-  },
-  "Primer::PopoverComponent": {
-  },
-  "Primer::SpinnerComponent": {
-  },
-  "Primer::StateComponent": {
-  },
-  "Primer::SubheadComponent": {
-  },
-  "Primer::TabContainerComponent": {
-  },
-  "Primer::TimeAgoComponent": {
-  },
-  "Primer::TimelineItemComponent": {
-    "BadgeComponent": "Primer::TimelineItemComponent::BadgeComponent"
-  },
-  "Primer::TimelineItemComponent::BadgeComponent": {
-  },
   "Primer::Tooltip": {
     "ALIGN_DEFAULT": "default",
     "ALIGN_MAPPING": {