@patternfly/patternfly 6.0.0-alpha.119 → 6.0.0-alpha.120

package/components/_index.scss

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

package/layouts/Bullseye/bullseye.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-bullseye) {
+:where(:root, .pf-v6-l-bullseye) {
   --pf-v6-l-bullseye--Padding: 0;
 }
 

package/layouts/Bullseye/bullseye.scss

@@ -1,5 +1,6 @@
-:where(:root),
-:where(.#{$bullseye}) {
+@use '../../sass-utilities' as *;
+
+:where(:root, .#{$bullseye}) {
   --#{$bullseye}--Padding: 0;
 }
 

package/layouts/Flex/flex.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-flex) {
+:where(:root, .pf-v6-l-flex) {
   --pf-v6-l-flex--Display: flex;
   --pf-v6-l-flex--FlexWrap: wrap;
   --pf-v6-l-flex--AlignItems: baseline;

package/layouts/Flex/flex.scss

@@ -1,11 +1,12 @@
+@use '../../sass-utilities' as *;
+
 // Always keep list of spacers and breakpoints up-to-date
 $pf-v6-l-flex--breakpoint-map: build-breakpoint-map();
 $pf-v6-l-flex--spacer-map: build-spacer-map();
 $pf-v6-l-flex--gap-map: build-spacer-map("base", "none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl");
 $pf-v6-l-flex--variable-map: build-variable-map("#{$pf-prefix}l-flex--spacer", $pf-v6-l-flex--spacer-map);
 
-:where(:root),
-:where(.#{$flex}) {
+:where(:root, .#{$flex}) {
   --#{$flex}--Display: flex;
   --#{$flex}--FlexWrap: wrap;
   --#{$flex}--AlignItems: baseline;
@@ -14,7 +15,7 @@ $pf-v6-l-flex--variable-map: build-variable-map("#{$pf-prefix}l-flex--spacer", $
   --#{$flex}--item--Order: 0;
   --#{$flex}--spacer--column--base: var(--pf-t--global--spacer--lg); // default spacer/gap for columns
   --#{$flex}--spacer--row--base: var(--pf-t--global--spacer--sm); // default spacer/gap for rows
-  --#{$flex}--RowGap: var(--#{$flex}--spacer--row--base); 
+  --#{$flex}--RowGap: var(--#{$flex}--spacer--row--base);
   --#{$flex}--ColumnGap: 0;
   --#{$flex}--m-gap--RowGap: var(--#{$flex}--spacer--row--base);
   --#{$flex}--m-gap--ColumnGap: var(--#{$flex}--spacer--column--base);
@@ -346,7 +347,7 @@ $pf-v6-l-flex--variable-map: build-variable-map("#{$pf-prefix}l-flex--spacer", $
           $spacer-column: if($spacer == "base", var(--#{$flex}--m-gap--ColumnGap), $value);
           $selector: ".pf-m-gap#{$spacer-name}#{$breakpoint-name}";
           $pf-v6-l-flex--gap--selectors: append($pf-v6-l-flex--gap--selectors, $selector, $separator: comma);
-  
+
           &#{$selector} {
             --#{$flex}--RowGap: #{$spacer-row};
             --#{$flex}--ColumnGap: #{$spacer-column};

package/layouts/Gallery/gallery.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-gallery) {
+:where(:root, .pf-v6-l-gallery) {
   --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
   --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);

package/layouts/Gallery/gallery.scss

@@ -1,7 +1,8 @@
+@use '../../sass-utilities' as *;
+
 $pf-v6-l-gallery--breakpoint-map: build-breakpoint-map();
 
-:where(:root),
-:where(.#{$gallery}) {
+:where(:root, .#{$gallery}) {
   --#{$gallery}--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
   --#{$gallery}--GridTemplateColumns--min: 250px;
   --#{$gallery}--GridTemplateColumns--minmax--min: var(--#{$gallery}--GridTemplateColumns--min);

package/layouts/Grid/grid.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-grid) {
+:where(:root, .pf-v6-l-grid) {
   --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
   --pf-v6-l-grid__item--GridColumnStart: auto;
   --pf-v6-l-grid__item--GridColumnEnd: span 12;

package/layouts/Grid/grid.scss

@@ -1,3 +1,5 @@
+@use '../../sass-utilities' as *;
+
 $pf-v6-l-grid--breakpoint-map: build-breakpoint-map(); // currently only used for css variable stack
 
 // URL.com/guidelines#layout
@@ -39,8 +41,7 @@ $pf-v6-l-grid--breakpoint-map: build-breakpoint-map(); // currently only used fo
 }
 
 // Grid base
-:where(:root),
-:where(.#{$grid}) {
+:where(:root, .#{$grid}) {
   --#{$grid}--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
   --#{$grid}__item--GridColumnStart: auto;
   --#{$grid}__item--GridColumnEnd: span 12;

package/layouts/Level/level.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-level) {
+:where(:root, .pf-v6-l-level) {
   --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
 }
 

package/layouts/Level/level.scss

@@ -1,5 +1,6 @@
-:where(:root),
-:where(.#{$level}) {
+@use '../../sass-utilities' as *;
+
+:where(:root, .#{$level}) {
   --#{$level}--m-gutter--Gap: var(--pf-t--global--spacer--lg);
 }
 

package/layouts/Split/split.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-split) {
+:where(:root, .pf-v6-l-split) {
   --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
 }
 

package/layouts/Split/split.scss

@@ -1,5 +1,6 @@
-:where(:root),
-:where(.#{$split}) {
+@use '../../sass-utilities' as *;
+
+:where(:root, .#{$split}) {
   --#{$stack}--m-gutter--Gap: var(--pf-t--global--spacer--lg);
 }
 

package/layouts/Stack/stack.css

@@ -1,5 +1,4 @@
-:where(:root),
-:where(.pf-v6-l-stack) {
+:where(:root, .pf-v6-l-stack) {
   --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
 }
 

package/layouts/Stack/stack.scss

@@ -1,5 +1,6 @@
-:where(:root),
-:where(.#{$stack}) {
+@use '../../sass-utilities' as *;
+
+:where(:root, .#{$stack}) {
   --#{$stack}--m-gutter--Gap: var(--pf-t--global--spacer--lg);
 }