@patternfly/patternfly 6.0.0-alpha.127 → 6.0.0-alpha.129
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/patternfly-variables.css +15 -3
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +16 -4
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/Login/login.css +2 -9
- package/components/Login/login.scss +1 -9
- package/components/Page/page.css +0 -19
- package/components/Page/page.scss +0 -23
- package/components/Table/table-tree-view.css +25 -25
- package/components/Table/table-tree-view.scss +5 -5
- package/components/_index.css +5269 -7338
- package/components/_index.scss +1 -6
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +15 -3
- package/patternfly-base.css +15 -3
- package/patternfly-no-globals.css +5283 -7340
- package/patternfly.css +5283 -7340
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/namespaces-components.scss +0 -15
- package/sass-utilities/scss-variables.scss +1 -0
- package/components/AppLauncher/app-launcher.css +0 -234
- package/components/AppLauncher/app-launcher.scss +0 -299
- package/components/ContextSelector/context-selector.css +0 -306
- package/components/ContextSelector/context-selector.scss +0 -375
- package/components/Dropdown/dropdown.css +0 -664
- package/components/Dropdown/dropdown.scss +0 -814
- package/components/OptionsMenu/options-menu.css +0 -264
- package/components/OptionsMenu/options-menu.scss +0 -325
- package/components/Select/select.css +0 -570
- package/components/Select/select.scss +0 -704
package/components/_index.scss
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
@use "./ActionList/action-list";
|
|
4
4
|
@use "./Alert/alert";
|
|
5
5
|
@use "./Alert/alert-group";
|
|
6
|
-
@use "./AppLauncher/app-launcher";
|
|
7
6
|
@use "./Avatar/avatar";
|
|
8
7
|
@use "./Backdrop/backdrop";
|
|
9
8
|
@use "./BackgroundImage/background-image";
|
|
@@ -22,16 +21,13 @@
|
|
|
22
21
|
@use "./CodeBlock/code-block";
|
|
23
22
|
@use "./CodeEditor/code-editor";
|
|
24
23
|
@use "./Content/content";
|
|
25
|
-
@use "./ContextSelector/context-selector";
|
|
26
24
|
@use "./DataList/data-list";
|
|
27
25
|
@use "./DescriptionList/description-list";
|
|
28
26
|
@use "./DragDrop/drag-drop";
|
|
29
27
|
@use "./DualListSelector/dual-list-selector";
|
|
30
|
-
@use "./Toolbar/toolbar";
|
|
31
28
|
@use "./DatePicker/date-picker";
|
|
32
29
|
@use "./Divider/divider";
|
|
33
30
|
@use "./Drawer/drawer";
|
|
34
|
-
@use "./Dropdown/dropdown";
|
|
35
31
|
@use "./EmptyState/empty-state";
|
|
36
32
|
@use "./ExpandableSection/expandable-section";
|
|
37
33
|
@use "./FileUpload/file-upload";
|
|
@@ -56,7 +52,6 @@
|
|
|
56
52
|
@use "./Nav/nav";
|
|
57
53
|
@use "./NotificationBadge/notification-badge";
|
|
58
54
|
@use "./NotificationDrawer/notification-drawer";
|
|
59
|
-
@use "./OptionsMenu/options-menu";
|
|
60
55
|
@use "./OverflowMenu/overflow-menu";
|
|
61
56
|
@use "./Page/page";
|
|
62
57
|
@use "./Pagination/pagination";
|
|
@@ -65,7 +60,6 @@
|
|
|
65
60
|
@use "./Progress/progress";
|
|
66
61
|
@use "./ProgressStepper/progress-stepper";
|
|
67
62
|
@use "./Radio/radio";
|
|
68
|
-
@use "./Select/select";
|
|
69
63
|
@use "./Sidebar/sidebar";
|
|
70
64
|
@use "./SimpleList/simple-list";
|
|
71
65
|
@use "./Skeleton/skeleton";
|
|
@@ -84,6 +78,7 @@
|
|
|
84
78
|
@use "./Timestamp/timestamp";
|
|
85
79
|
@use "./Title/title";
|
|
86
80
|
@use "./ToggleGroup/toggle-group";
|
|
81
|
+
@use "./Toolbar/toolbar";
|
|
87
82
|
@use "./Tooltip/tooltip";
|
|
88
83
|
@use "./Truncate/truncate";
|
|
89
84
|
@use "./NumberInput/number-input";
|
package/package.json
CHANGED
|
@@ -5016,6 +5016,12 @@
|
|
|
5016
5016
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
5017
5017
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
5018
5018
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
5019
|
+
--pf-t--global--breakpoint--600: 1450px;
|
|
5020
|
+
--pf-t--global--breakpoint--500: 1200px;
|
|
5021
|
+
--pf-t--global--breakpoint--400: 992px;
|
|
5022
|
+
--pf-t--global--breakpoint--300: 768px;
|
|
5023
|
+
--pf-t--global--breakpoint--200: 576px;
|
|
5024
|
+
--pf-t--global--breakpoint--100: 0px;
|
|
5019
5025
|
--pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
|
|
5020
5026
|
--pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
|
|
5021
5027
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
@@ -5142,6 +5148,12 @@
|
|
|
5142
5148
|
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
5143
5149
|
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
5144
5150
|
--pf-t--global--background--color--100: var(--pf-t--color--white);
|
|
5151
|
+
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
5152
|
+
--pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
|
|
5153
|
+
--pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
|
|
5154
|
+
--pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
|
|
5155
|
+
--pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
|
|
5156
|
+
--pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
|
|
5145
5157
|
--pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
|
|
5146
5158
|
--pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
|
|
5147
5159
|
--pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
|
|
@@ -5552,15 +5564,15 @@
|
|
|
5552
5564
|
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
5553
5565
|
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
5554
5566
|
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
5567
|
+
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
5568
|
+
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
5569
|
+
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
5555
5570
|
--pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
|
|
5556
5571
|
--pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
|
|
5557
5572
|
--pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
|
|
5558
5573
|
--pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
|
|
5559
5574
|
--pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
|
|
5560
5575
|
--pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
|
|
5561
|
-
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
5562
|
-
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
5563
|
-
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
5564
5576
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
5565
5577
|
}
|
|
5566
5578
|
|
package/patternfly-base.css
CHANGED
|
@@ -5133,6 +5133,12 @@ h6) {
|
|
|
5133
5133
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
5134
5134
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
5135
5135
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
5136
|
+
--pf-t--global--breakpoint--600: 1450px;
|
|
5137
|
+
--pf-t--global--breakpoint--500: 1200px;
|
|
5138
|
+
--pf-t--global--breakpoint--400: 992px;
|
|
5139
|
+
--pf-t--global--breakpoint--300: 768px;
|
|
5140
|
+
--pf-t--global--breakpoint--200: 576px;
|
|
5141
|
+
--pf-t--global--breakpoint--100: 0px;
|
|
5136
5142
|
--pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
|
|
5137
5143
|
--pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
|
|
5138
5144
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
@@ -5259,6 +5265,12 @@ h6) {
|
|
|
5259
5265
|
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
5260
5266
|
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
5261
5267
|
--pf-t--global--background--color--100: var(--pf-t--color--white);
|
|
5268
|
+
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
5269
|
+
--pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
|
|
5270
|
+
--pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
|
|
5271
|
+
--pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
|
|
5272
|
+
--pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
|
|
5273
|
+
--pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
|
|
5262
5274
|
--pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
|
|
5263
5275
|
--pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
|
|
5264
5276
|
--pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
|
|
@@ -5669,15 +5681,15 @@ h6) {
|
|
|
5669
5681
|
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
5670
5682
|
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
5671
5683
|
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
5684
|
+
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
5685
|
+
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
5686
|
+
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
5672
5687
|
--pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
|
|
5673
5688
|
--pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
|
|
5674
5689
|
--pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
|
|
5675
5690
|
--pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
|
|
5676
5691
|
--pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
|
|
5677
5692
|
--pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
|
|
5678
|
-
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
5679
|
-
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
5680
|
-
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
5681
5693
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
5682
5694
|
}
|
|
5683
5695
|
|