@patternfly/patternfly 4.162.0 → 4.164.0

package/components/MultipleFileUpload/multiple-file-upload.scss

@@ -0,0 +1,214 @@
+.pf-c-multiple-file-upload {
+  --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
+  --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
+
+  // main
+  --pf-c-multiple-file-upload__main--TextAlign: center;
+  --pf-c-multiple-file-upload__main--GridTemplateColumns: auto;
+  --pf-c-multiple-file-upload__main--GridTemplateRows: auto;
+  --pf-c-multiple-file-upload__main--GridTemplateAreas:
+    "title"
+    "upload"
+    "info";
+  --pf-c-multiple-file-upload__main--Gap: var(--pf-global--spacer--md);
+  --pf-c-multiple-file-upload__main--PaddingTop: var(--pf-global--spacer--lg);
+  --pf-c-multiple-file-upload__main--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-global--spacer--xl);
+  --pf-c-multiple-file-upload__main--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-multiple-file-upload__main--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-multiple-file-upload__main--BorderStyle: dashed;
+  --pf-c-multiple-file-upload__main--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
+
+  // title
+  --pf-c-multiple-file-upload__title--Display: grid;
+  --pf-c-multiple-file-upload__title--GridTemplateColumns: auto;
+  --pf-c-multiple-file-upload__title--Gap: var(--pf-global--spacer--sm);
+
+  // title icon
+  --pf-c-multiple-file-upload__title-icon--Color: var(--pf-global--Color--200);
+
+  // title text separator
+  --pf-c-multiple-file-upload__title-text-separator--Display: block;
+  --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-global--spacer--sm);
+
+  // info
+  --pf-c-multiple-file-upload__info--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-multiple-file-upload__info--Color: var(--pf-global--Color--200);
+  --pf-c-multiple-file-upload__info--MarginTop: var(--pf-global--spacer--sm);
+
+  // drag-over
+  --pf-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
+  --pf-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-global--palette--blue-50);
+  --pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-global--active-color--100);
+  --pf-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-global--active-color--100);
+  --pf-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-global--active-color--100);
+
+  // horizontal
+  --pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
+  --pf-c-multiple-file-upload--m-horizontal__main--TextAlign: left;
+  --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
+  --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
+    "title upload"
+    "info upload";
+  --pf-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-global--spacer--sm) var(--pf-global--spacer--2xl);
+  --pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-global--spacer--lg);
+  --pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
+  --pf-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-global--spacer--xs);
+  --pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
+  --pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
+  --pf-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
+
+  // status progress
+  --pf-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
+  --pf-c-multiple-file-upload__status-progress--Gap: var(--pf-global--spacer--sm);
+
+  // status progress icon
+  --pf-c-multiple-file-upload__status-progress-icon--Color: var(--pf-global--Color--200);
+
+  // status item
+  --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
+  --pf-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
+  --pf-c-multiple-file-upload__status-item--Gap: var(--pf-global--spacer--sm);
+  --pf-c-multiple-file-upload__status-item--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-multiple-file-upload__status-item--BorderColor: var(--pf-global--BorderColor--100);
+
+  // status item icon
+  --pf-c-multiple-file-upload__status-item-icon--Color: var(--pf-global--Color--200);
+
+  // status item close
+  --pf-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
+
+  // status item progress
+  --pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
+  --pf-c-multiple-file-upload__status-item-progress--Gap: var(--pf-global--spacer--sm);
+
+  // status item progress text
+  --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
+
+  // status item progress size
+  --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
+
+  display: grid;
+  gap: var(--pf-c-multiple-file-upload--Gap);
+  grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
+
+  &.pf-m-horizontal {
+    --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
+    --pf-c-multiple-file-upload__main--TextAlign: var(--pf-c-multiple-file-upload--m-horizontal__main--TextAlign);
+    --pf-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
+    --pf-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
+    --pf-c-multiple-file-upload__main--Gap: var(--pf-c-multiple-file-upload--m-horizontal__main--Gap);
+    --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
+    --pf-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
+    --pf-c-multiple-file-upload__title--Gap: var(--pf-c-multiple-file-upload--m-horizontal__title--Gap);
+    --pf-c-multiple-file-upload__title-text-separator--Display: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
+    --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
+    --pf-c-multiple-file-upload__info--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__info--MarginTop);
+  }
+
+  &.pf-m-drag-over {
+    --pf-c-multiple-file-upload__main--BorderStyle: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderStyle);
+    --pf-c-multiple-file-upload__main--BorderColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderColor);
+    --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
+    --pf-c-multiple-file-upload__title-icon--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
+    --pf-c-multiple-file-upload__title-text--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-text--Color);
+    --pf-c-multiple-file-upload__info--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__info--Color);
+  }
+}
+
+.pf-c-multiple-file-upload__main {
+  display: grid;
+  padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
+  text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
+  background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
+  border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
+  grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
+  grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
+  grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
+  gap: var(--pf-c-multiple-file-upload__main--Gap);
+}
+
+.pf-c-multiple-file-upload__title {
+  display: var(--pf-c-multiple-file-upload__title--Display);
+  grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
+  gap: var(--pf-c-multiple-file-upload__title--Gap);
+  grid-area: title;
+}
+
+.pf-c-multiple-file-upload__title-icon {
+  color: var(--pf-c-multiple-file-upload__title-icon--Color);
+}
+
+.pf-c-multiple-file-upload__title-text {
+  color: var(--pf-c-multiple-file-upload__title-text--Color, inherit);
+}
+
+.pf-c-multiple-file-upload__title-text-separator {
+  display: var(--pf-c-multiple-file-upload__title-text-separator--Display);
+  margin-top: var(--pf-c-multiple-file-upload__title-text-separator--MarginTop);
+}
+
+.pf-c-multiple-file-upload__upload {
+  grid-area: upload;
+}
+
+.pf-c-multiple-file-upload__info {
+  grid-area: info;
+  margin-top: var(--pf-c-multiple-file-upload__info--MarginTop);
+  font-size: var(--pf-c-multiple-file-upload__info--FontSize);
+  color: var(--pf-c-multiple-file-upload__info--Color);
+}
+
+.pf-c-multiple-file-upload__status,
+.pf-c-multiple-file-upload__status-item-main {
+  min-width: 0;
+}
+
+.pf-c-multiple-file-upload__status-progress {
+  display: grid;
+  grid-template-columns: var(--pf-c-multiple-file-upload__status-progress--GridTemplateColumns);
+  gap: var(--pf-c-multiple-file-upload__status-progress--Gap);
+}
+
+.pf-c-multiple-file-upload__status-progress-icon {
+  color: var(--pf-c-multiple-file-upload__status-progress-icon--Color);
+}
+
+.pf-c-multiple-file-upload__status-item {
+  display: grid;
+  grid-template-columns: var(--pf-c-multiple-file-upload__status-item--GridTemplateColumns);
+  gap: var(--pf-c-multiple-file-upload__status-item--Gap);
+  padding-top: var(--pf-c-multiple-file-upload__status-item--PaddingTop);
+  padding-bottom: var(--pf-c-multiple-file-upload__status-item--PaddingBottom);
+  border-bottom: var(--pf-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-c-multiple-file-upload__status-item--BorderColor);
+
+  &:first-child {
+    --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-c-multiple-file-upload__status-item--first-child--PaddingTop);
+  }
+}
+
+.pf-c-multiple-file-upload__status-item-icon {
+  color: var(--pf-c-multiple-file-upload__status-item-icon--Color);
+}
+
+.pf-c-multiple-file-upload__status-item-close {
+  margin-top: var(--pf-c-multiple-file-upload__status-item-close--MarginTop);
+}
+
+.pf-c-multiple-file-upload__status-item-progress {
+  display: grid;
+  grid-template-columns: var(--pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
+  gap: var(--pf-c-multiple-file-upload__status-item-progress--Gap);
+}
+
+.pf-c-multiple-file-upload__status-item-progress-text {
+  color: var(--pf-c-multiple-file-upload__status-item-progress-text--Color);
+}
+
+.pf-c-multiple-file-upload__status-item-progress-size {
+  color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
+}

package/components/Table/table.css

@@ -394,9 +394,14 @@
   outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
 }
 .pf-c-table thead.pf-m-nested-column-header th,
-.pf-c-table thead.pf-m-nested-column-header td {
+.pf-c-table thead.pf-m-nested-column-header td,
+.pf-c-table thead.pf-m-nested-column-header input {
   vertical-align: middle;
 }
+.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
+  display: flex;
+  align-items: center;
+}
 .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
 .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
   --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
@@ -429,7 +434,7 @@
   background-color: transparent;
   border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
 }
-.pf-c-table tbody .pf-c-table__check > input {
+.pf-c-table tbody .pf-c-table__check input {
   margin-top: var(--pf-c-table__check--input--MarginTop);
   vertical-align: top;
 }
@@ -716,9 +721,15 @@
 .pf-c-table__check {
   --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
 }
-.pf-c-table__check > input:not([disabled]) {
+.pf-c-table__check label:not([disabled]),
+.pf-c-table__check input:not([disabled]) {
   cursor: pointer;
 }
+.pf-c-table__check label {
+  display: block;
+  padding: inherit;
+  margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
+}
 
 .pf-c-table__favorite .pf-c-button {
   --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);

package/components/Table/table.scss

@@ -453,10 +453,16 @@
       }
 
       th,
-      td {
+      td,
+      input {
         vertical-align: middle;
       }
 
+      .pf-c-table__check label {
+        display: flex;
+        align-items: center;
+      }
+
       tr:not(:first-child) {
         th,
         td {
@@ -515,7 +521,7 @@
 
     // Check table cell
     .pf-c-table__check {
-      > input {
+      input {
         margin-top: var(--pf-c-table__check--input--MarginTop);
         vertical-align: top;
       }
@@ -902,9 +908,16 @@
 .pf-c-table__check {
   --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
 
-  > input:not([disabled]) {
+  label:not([disabled]),
+  input:not([disabled]) {
     cursor: pointer;
   }
+
+  label {
+    display: block;
+    padding: inherit;
+    margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
+  }
 }
 
 // Favorite body cell

package/components/Truncate/truncate.css

@@ -0,0 +1,46 @@
+.pf-c-truncate {
+  --pf-c-truncate--FontSize: var(--pf-c-truncate--FontSize, 1rem);
+  display: inline-flex;
+  flex-wrap: nowrap;
+  max-width: 100%;
+}
+
+.pf-c-truncate__start,
+.pf-c-truncate__end {
+  flex-shrink: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-truncate__end {
+  direction: rtl;
+  text-align: left;
+}
+
+@supports (text-overflow: "") {
+  .pf-c-truncate__start + .pf-c-truncate__end {
+    text-overflow: "";
+  }
+}
+@supports not (text-overflow: "") {
+  .pf-c-truncate__start + .pf-c-truncate__end {
+    font-size: 0;
+  }
+  .pf-c-truncate__start + .pf-c-truncate__end .pf-c-truncate__text {
+    font-size: var(--pf-c-truncate--FontSize);
+  }
+}
+@supports (-webkit-hyphens: none) {
+  .pf-c-truncate {
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .pf-c-truncate__end {
+    direction: ltr;
+  }
+}

package/components/Truncate/truncate.scss

@@ -0,0 +1,56 @@
+.pf-c-truncate {
+  --pf-c-truncate--FontSize: var(--pf-c-truncate--FontSize, 1rem);
+
+  display: inline-flex;
+  flex-wrap: nowrap;
+  max-width: 100%;
+}
+
+// Start, end
+.pf-c-truncate__start,
+.pf-c-truncate__end {
+  flex-shrink: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// End
+.pf-c-truncate__end {
+  direction: rtl;
+  text-align: left;
+}
+
+// text-overflow: <string>
+@supports (text-overflow: "") {
+  .pf-c-truncate__start + .pf-c-truncate__end {
+    text-overflow: "";
+  }
+}
+
+// text-overflow: ellipsis
+@supports not (text-overflow: "") {
+  // Start + end = middle truncation
+  .pf-c-truncate__start + .pf-c-truncate__end {
+    font-size: 0; // shrink ellipsis size to zero
+
+    .pf-c-truncate__text {
+      font-size: var(--pf-c-truncate--FontSize);
+    }
+  }
+}
+
+// safari not supported
+@supports (-webkit-hyphens: none) {
+  .pf-c-truncate {
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .pf-c-truncate__end {
+    direction: ltr;
+  }
+}

package/components/_all.scss

@@ -1,88 +1,90 @@
-@import "./AboutModalBox/about-modal-box.scss";
-@import "./Accordion/accordion.scss";
-@import "./ActionList/action-list.scss";
-@import "./Alert/alert.scss";
-@import "./AlertGroup/alert-group.scss";
-@import "./AppLauncher/app-launcher.scss";
-@import "./Avatar/avatar.scss";
-@import "./Backdrop/backdrop.scss";
-@import "./BackgroundImage/background-image.scss";
-@import "./BackToTop/back-to-top.scss";
-@import "./Badge/badge.scss";
-@import "./Banner/banner.scss";
-@import "./Brand/brand.scss";
-@import "./Breadcrumb/breadcrumb.scss";
-@import "./Button/button.scss";
-@import "./CalendarMonth/calendar-month.scss";
-@import "./Card/card.scss";
-@import "./Check/check.scss";
-@import "./Chip/chip.scss";
-@import "./ChipGroup/chip-group.scss";
-@import "./ClipboardCopy/clipboard-copy.scss";
-@import "./CodeBlock/code-block.scss";
-@import "./CodeEditor/code-editor.scss";
-@import "./Content/content.scss";
-@import "./ContextSelector/context-selector.scss";
-@import "./DataList/data-list.scss";
-@import "./DescriptionList/description-list.scss";
-@import "./DragDrop/drag-drop.scss";
-@import "./DualListSelector/dual-list-selector.scss";
-@import "./Toolbar/toolbar.scss";
-@import "./DatePicker/date-picker.scss";
-@import "./Divider/divider.scss";
-@import "./Drawer/drawer.scss";
-@import "./Dropdown/dropdown.scss";
-@import "./EmptyState/empty-state.scss";
-@import "./ExpandableSection/expandable-section.scss";
-@import "./FileUpload/file-upload.scss";
-@import "./Form/form.scss";
-@import "./FormControl/form-control.scss";
-@import "./Hint/hint.scss";
-@import "./HelperText/helper-text.scss";
-@import "./InlineEdit/inline-edit.scss";
-@import "./InputGroup/input-group.scss";
-@import "./JumpLinks/jump-links.scss";
-@import "./Label/label.scss";
-@import "./LabelGroup/label-group.scss";
-@import "./List/list.scss";
-@import "./LogViewer/log-viewer.scss";
-@import "./Login/login.scss";
-@import "./Masthead/masthead.scss";
-@import "./Menu/menu.scss";
-@import "./MenuToggle/menu-toggle.scss";
-@import "./ModalBox/modal-box.scss";
-@import "./Nav/nav.scss";
-@import "./NotificationBadge/notification-badge.scss";
-@import "./NotificationDrawer/notification-drawer.scss";
-@import "./OptionsMenu/options-menu.scss";
-@import "./OverflowMenu/overflow-menu.scss";
-@import "./Page/page.scss";
-@import "./Pagination/pagination.scss";
-@import "./Panel/panel.scss";
-@import "./Popover/popover.scss";
-@import "./Progress/progress.scss";
-@import "./ProgressStepper/progress-stepper.scss";
-@import "./Radio/radio.scss";
-@import "./SearchInput/search-input.scss";
-@import "./Select/select.scss";
-@import "./Sidebar/sidebar.scss";
-@import "./SimpleList/simple-list.scss";
-@import "./Skeleton/skeleton.scss";
-@import "./SkipToContent/skip-to-content.scss";
-@import "./Slider/slider.scss";
-@import "./Spinner/spinner.scss";
-@import "./Switch/switch.scss";
-@import "./TabContent/tab-content.scss";
-@import "./Table/table-grid.scss";
-@import "./Table/table.scss";
-@import "./Table/table-scrollable.scss";
-@import "./Table/table-tree-view.scss";
-@import "./Tabs/tabs.scss";
-@import "./TextInputGroup/text-input-group.scss";
-@import "./Tile/tile.scss";
-@import "./Title/title.scss";
-@import "./ToggleGroup/toggle-group.scss";
-@import "./Tooltip/tooltip.scss";
-@import "./NumberInput/number-input.scss";
-@import "./TreeView/tree-view.scss";
-@import "./Wizard/wizard.scss";
+@import "./AboutModalBox/about-modal-box";
+@import "./Accordion/accordion";
+@import "./ActionList/action-list";
+@import "./Alert/alert";
+@import "./AlertGroup/alert-group";
+@import "./AppLauncher/app-launcher";
+@import "./Avatar/avatar";
+@import "./Backdrop/backdrop";
+@import "./BackgroundImage/background-image";
+@import "./BackToTop/back-to-top";
+@import "./Badge/badge";
+@import "./Banner/banner";
+@import "./Brand/brand";
+@import "./Breadcrumb/breadcrumb";
+@import "./Button/button";
+@import "./CalendarMonth/calendar-month";
+@import "./Card/card";
+@import "./Check/check";
+@import "./Chip/chip";
+@import "./ChipGroup/chip-group";
+@import "./ClipboardCopy/clipboard-copy";
+@import "./CodeBlock/code-block";
+@import "./CodeEditor/code-editor";
+@import "./Content/content";
+@import "./ContextSelector/context-selector";
+@import "./DataList/data-list";
+@import "./DescriptionList/description-list";
+@import "./DragDrop/drag-drop";
+@import "./DualListSelector/dual-list-selector";
+@import "./Toolbar/toolbar";
+@import "./DatePicker/date-picker";
+@import "./Divider/divider";
+@import "./Drawer/drawer";
+@import "./Dropdown/dropdown";
+@import "./EmptyState/empty-state";
+@import "./ExpandableSection/expandable-section";
+@import "./FileUpload/file-upload";
+@import "./Form/form";
+@import "./FormControl/form-control";
+@import "./Hint/hint";
+@import "./HelperText/helper-text";
+@import "./InlineEdit/inline-edit";
+@import "./InputGroup/input-group";
+@import "./JumpLinks/jump-links";
+@import "./Label/label";
+@import "./LabelGroup/label-group";
+@import "./List/list";
+@import "./LogViewer/log-viewer";
+@import "./Login/login";
+@import "./Masthead/masthead";
+@import "./Menu/menu";
+@import "./MenuToggle/menu-toggle";
+@import "./ModalBox/modal-box";
+@import "./MultipleFileUpload/multiple-file-upload";
+@import "./Nav/nav";
+@import "./NotificationBadge/notification-badge";
+@import "./NotificationDrawer/notification-drawer";
+@import "./OptionsMenu/options-menu";
+@import "./OverflowMenu/overflow-menu";
+@import "./Page/page";
+@import "./Pagination/pagination";
+@import "./Panel/panel";
+@import "./Popover/popover";
+@import "./Progress/progress";
+@import "./ProgressStepper/progress-stepper";
+@import "./Radio/radio";
+@import "./SearchInput/search-input";
+@import "./Select/select";
+@import "./Sidebar/sidebar";
+@import "./SimpleList/simple-list";
+@import "./Skeleton/skeleton";
+@import "./SkipToContent/skip-to-content";
+@import "./Slider/slider";
+@import "./Spinner/spinner";
+@import "./Switch/switch";
+@import "./TabContent/tab-content";
+@import "./Table/table-grid";
+@import "./Table/table";
+@import "./Table/table-scrollable";
+@import "./Table/table-tree-view";
+@import "./Tabs/tabs";
+@import "./TextInputGroup/text-input-group";
+@import "./Tile/tile";
+@import "./Title/title";
+@import "./ToggleGroup/toggle-group";
+@import "./Tooltip/tooltip";
+@import "./Truncate/truncate";
+@import "./NumberInput/number-input";
+@import "./TreeView/tree-view";
+@import "./Wizard/wizard";

package/docs/components/Dropdown/examples/Dropdown.css

@@ -9,7 +9,8 @@
 #ws-core-c-dropdown-primary-toggle,
 #ws-core-c-dropdown-secondary-toggle,
 #ws-core-c-dropdown-menu-item-icons,
-#ws-core-c-dropdown-aria-disabled-items {
+#ws-core-c-dropdown-aria-disabled-items,
+#ws-core-c-dropdown-plain-with-text {
   min-height: 310px;
 }